mirror of
https://github.com/CharaChorder/DeviceManager.git
synced 2026-01-22 01:42:47 +00:00
31 lines
16 KiB
JavaScript
31 lines
16 KiB
JavaScript
import {
|
|
Global
|
|
} from "./chunk-CDRAQW5B.js";
|
|
import "./chunk-MQX5RZB6.js";
|
|
import "./chunk-LZHTSQYG.js";
|
|
import "./chunk-2KOEBCKA.js";
|
|
import {
|
|
require_react
|
|
} from "./chunk-GIE7IIVL.js";
|
|
import "./chunk-3GLQDQAQ.js";
|
|
import {
|
|
__toESM
|
|
} from "./chunk-USJHI7ER.js";
|
|
|
|
// node_modules/@storybook/components/dist/GlobalScrollAreaStyles-UY5SB7EJ.mjs
|
|
var import_react = __toESM(require_react(), 1);
|
|
var getScrollAreaStyles = (theme) => ({ ".os-size-observer,\n.os-size-observer-listener": { direction: "inherit", pointerEvents: "none", overflow: "hidden", visibility: "hidden", boxSizing: "border-box" }, ".os-size-observer,\n.os-size-observer-listener,\n.os-size-observer-listener-item,\n.os-size-observer-listener-item-final": { writingMode: "horizontal-tb", position: "absolute", left: "0", top: "0" }, ".os-size-observer": { zIndex: -1, contain: "strict", display: "flex", flexDirection: "row", flexWrap: "nowrap", padding: "inherit", border: "inherit", boxSizing: "inherit", margin: "-133px", top: "0", right: "0", bottom: "0", left: "0", transform: "scale(0.1)" }, ".os-size-observer::before": { content: '""', flex: "none", boxSizing: "inherit", padding: "10px", width: "10px", height: "10px" }, ".os-size-observer-appear": { animation: "os-size-observer-appear-animation 1ms forwards" }, ".os-size-observer-listener": { boxSizing: "border-box", position: "relative", flex: "auto", padding: "inherit", border: "inherit", margin: "-133px", transform: "scale(10)" }, ".os-size-observer-listener.ltr": { marginRight: "-266px", marginLeft: "0" }, ".os-size-observer-listener.rtl": { marginLeft: "-266px", marginRight: "0" }, ".os-size-observer-listener:empty::before": { content: '""', width: "100%", height: "100%" }, ".os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item": { display: "block", position: "relative", padding: "inherit", border: "inherit", boxSizing: "content-box", flex: "auto" }, ".os-size-observer-listener-scroll": { boxSizing: "border-box", display: "flex" }, ".os-size-observer-listener-item": { right: "0", bottom: "0", overflow: "hidden", direction: "ltr", flex: "none" }, ".os-size-observer-listener-item-final": { transition: "none" }, "@keyframes os-size-observer-appear-animation": { from: { cursor: "auto" }, to: { cursor: "none" } }, ".os-trinsic-observer": { flex: "none", boxSizing: "border-box", position: "relative", maxWidth: "0px", maxHeight: "1px", padding: "0", margin: "0", border: "none", overflow: "hidden", zIndex: -1, height: "0", top: "calc(100% + 1px)", contain: "strict" }, ".os-trinsic-observer:not(:empty)": { height: "calc(100% + 1px)", top: "-1px" }, ".os-trinsic-observer:not(:empty) > .os-size-observer": { width: "1000%", height: "1000%", minHeight: "1px", minWidth: "1px" }, ".os-environment": { "--os-custom-prop": "-1", position: "fixed", opacity: 0, visibility: "hidden", overflow: "scroll", height: "200px", width: "200px", zIndex: "var(--os-custom-prop)" }, ".os-environment div": { width: "200%", height: "200%", margin: "10px 0" }, ".os-environment.os-environment-flexbox-glue": { display: "flex", flexDirection: "row", flexWrap: "nowrap", height: "auto", width: "auto", minHeight: "200px", minWidth: "200px" }, ".os-environment.os-environment-flexbox-glue div": { flex: "auto", width: "auto", height: "auto", maxHeight: "100%", maxWidth: "100%", margin: "0" }, ".os-environment.os-environment-flexbox-glue-max": { maxHeight: "200px" }, ".os-environment.os-environment-flexbox-glue-max div": { overflow: "visible" }, ".os-environment.os-environment-flexbox-glue-max div::before": { content: '""', display: "block", height: "999px", width: "999px" }, ".os-environment,\n[data-overlayscrollbars-viewport]": { msOverflowStyle: "scrollbar !important" }, "[data-overlayscrollbars-initialize],\n[data-overlayscrollbars~=scrollbarHidden],\n[data-overlayscrollbars-viewport~=scrollbarHidden],\n.os-scrollbar-hidden.os-environment": { scrollbarWidth: "none !important" }, "[data-overlayscrollbars-initialize]::-webkit-scrollbar,\n[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,\n[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,\n[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,\n[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,\n[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,\n.os-scrollbar-hidden.os-environment::-webkit-scrollbar,\n.os-scrollbar-hidden.os-environment::-webkit-scrollbar-corner": { WebkitAppearance: "none !important", appearance: "none !important", display: "none !important", width: "0 !important", height: "0 !important" }, "[data-overlayscrollbars-initialize]": { overflow: "auto" }, "html[data-overlayscrollbars],\nhtml.os-scrollbar-hidden,\nhtml.os-scrollbar-hidden > body": { boxSizing: "border-box", margin: "0", width: "100%", height: "100%" }, "html[data-overlayscrollbars] > body": { overflow: "visible" }, "[data-overlayscrollbars~=host]": { position: "relative" }, "[data-overlayscrollbars~=host],\n[data-overlayscrollbars-padding]": { display: "flex", flexDirection: "row !important", flexWrap: "nowrap !important" }, "[data-overlayscrollbars-padding],\n[data-overlayscrollbars-viewport]": { boxSizing: "inherit", position: "relative", flex: "auto !important", height: "auto", width: "100%", padding: "0", margin: "0", border: "none", zIndex: 0, overflow: "hidden" }, "[data-overlayscrollbars-viewport]": { "--os-vaw": "0", "--os-vah": "0" }, "[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before": { content: '""', position: "absolute", pointerEvents: "none", zIndex: -1, minWidth: "1px", minHeight: "1px", width: "var(--os-vaw)", height: "var(--os-vah)" }, "[data-overlayscrollbars~=host],\n[data-overlayscrollbars~=viewport]": { overflow: "hidden" }, "[data-overlayscrollbars~=overflowVisible],\n[data-overlayscrollbars-padding~=overflowVisible],\n[data-overlayscrollbars-viewport~=overflowVisible]": { overflow: "visible" }, "[data-overlayscrollbars-overflow-x=hidden]": { overflowX: "hidden", overflowY: "hidden" }, "[data-overlayscrollbars-overflow-x=scroll]": { overflowX: "scroll" }, "[data-overlayscrollbars-overflow-y=scroll]": { overflowY: "scroll" }, "[data-overlayscrollbars~=scrollbarPressed],\n[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]": { scrollBehavior: "auto !important" }, "[data-overlayscrollbars-content]": { boxSizing: "inherit" }, "[data-overlayscrollbars-grid],\n[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]": { display: "grid", gridTemplate: "1fr/1fr" }, "[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],\n[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],\n[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport]": { height: "auto !important", width: "auto !important" }, ".os-scrollbar": { contain: ["size layout", "size layout style"], transition: "opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s", pointerEvents: "none", position: "absolute", opacity: 0, visibility: "hidden", "--os-size": "0", "--os-padding-perpendicular": "0", "--os-padding-axis": "0", "--os-track-border-radius": "0", "--os-track-bg": "none", "--os-track-bg-hover": "none", "--os-track-bg-active": "none", "--os-track-border": "none", "--os-track-border-hover": "none", "--os-track-border-active": "none", "--os-handle-border-radius": "0", "--os-handle-bg": "none", "--os-handle-bg-hover": "none", "--os-handle-bg-active": "none", "--os-handle-border": "none", "--os-handle-border-hover": "none", "--os-handle-border-active": "none", "--os-handle-min-size": "33px", "--os-handle-max-size": "none", "--os-handle-perpendicular-size": "100%", "--os-handle-perpendicular-size-hover": "100%", "--os-handle-perpendicular-size-active": "100%", "--os-handle-interactive-area-offset": "0" }, "body > .os-scrollbar": { position: "fixed", zIndex: 99999 }, ".os-scrollbar-transitionless": { transition: "none" }, ".os-scrollbar-track": { position: "relative", direction: "ltr !important", padding: "0 !important", border: "none !important" }, ".os-scrollbar-handle": { position: "absolute" }, ".os-scrollbar-track,\n.os-scrollbar-handle": { pointerEvents: "none", width: "100%", height: "100%" }, ".os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,\n.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle": { pointerEvents: "auto", touchAction: "none" }, ".os-scrollbar-horizontal": { bottom: "0", left: "0", padding: "var(--os-padding-perpendicular) var(--os-padding-axis)", right: "var(--os-size)", height: "var(--os-size)" }, ".os-scrollbar-vertical": { top: "0", right: "0", padding: "var(--os-padding-axis) var(--os-padding-perpendicular)", bottom: "var(--os-size)", width: "var(--os-size)" }, ".os-scrollbar-rtl.os-scrollbar-horizontal": { right: "0" }, ".os-scrollbar-rtl.os-scrollbar-vertical": { right: "auto", left: "0" }, ".os-scrollbar-visible,\n.os-scrollbar-interaction.os-scrollbar-visible": { opacity: 1, visibility: "visible" }, ".os-scrollbar-auto-hidden": { opacity: 0, visibility: "hidden" }, ".os-scrollbar-unusable,\n.os-scrollbar-unusable *,\n.os-scrollbar-wheel,\n.os-scrollbar-wheel *": { pointerEvents: "none !important" }, ".os-scrollbar-unusable .os-scrollbar-handle": { opacity: "0 !important" }, ".os-scrollbar-horizontal .os-scrollbar-handle": { bottom: "0", minWidth: "var(--os-handle-min-size)", maxWidth: "var(--os-handle-max-size)", height: "var(--os-handle-perpendicular-size)", transition: "opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s" }, ".os-scrollbar-vertical .os-scrollbar-handle": { right: "0", minHeight: "var(--os-handle-min-size)", maxHeight: "var(--os-handle-max-size)", width: "var(--os-handle-perpendicular-size)", transition: "opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s" }, ".os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle": { right: "auto", left: "0" }, ".os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,\n.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl": { left: "0", right: "0" }, ".os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,\n.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl": { top: "0", bottom: "0" }, ".os-scrollbar .os-scrollbar-track": { border: "var(--os-track-border)", borderRadius: "var(--os-track-border-radius)", background: "var(--os-track-bg)", transition: "opacity 0.15s, background-color 0.15s, border-color 0.15s" }, ".os-scrollbar .os-scrollbar-track:hover": { border: "var(--os-track-border-hover)", background: "var(--os-track-bg-hover)" }, ".os-scrollbar .os-scrollbar-track:active": { border: "var(--os-track-border-active)", background: "var(--os-track-bg-active)" }, ".os-scrollbar .os-scrollbar-handle": { border: "var(--os-handle-border)", borderRadius: "var(--os-handle-border-radius)", background: theme.textMutedColor, opacity: 0.5 }, ".os-scrollbar .os-scrollbar-handle:before": { content: '""', position: "absolute", left: "0", right: "0", top: "0", bottom: "0", display: "block" }, ".os-scrollbar .os-scrollbar-handle:hover": { border: "var(--os-handle-border-hover)", opacity: 0.6 }, ".os-scrollbar .os-scrollbar-handle:active": { border: "var(--os-handle-border-active)", background: "var(--os-handle-bg-active)" }, ".os-scrollbar-horizontal.os-scrollbar-rtl": { left: "var(--os-size)", right: "0" }, ".os-scrollbar-horizontal .os-scrollbar-handle:before": { top: "calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1)", bottom: "calc(var(--os-padding-perpendicular) * -1)" }, ".os-scrollbar-horizontal:hover .os-scrollbar-handle": { height: "var(--os-handle-perpendicular-size-hover)" }, ".os-scrollbar-horizontal:active .os-scrollbar-handle": { height: "var(--os-handle-perpendicular-size-active)" }, ".os-scrollbar-vertical .os-scrollbar-handle:before": { left: "calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1)", right: "calc(var(--os-padding-perpendicular) * -1)" }, ".os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before": { right: "calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1)", left: "calc(var(--os-padding-perpendicular) * -1)" }, ".os-scrollbar-vertical:hover .os-scrollbar-handle": { width: "var(--os-handle-perpendicular-size-hover)" }, ".os-scrollbar-vertical:active .os-scrollbar-handle": { width: "var(--os-handle-perpendicular-size-active)" }, "[data-overlayscrollbars~=updating] > .os-scrollbar,\n.os-theme-none.os-scrollbar": { display: "none !important" }, ".os-theme-dark,\n.os-theme-light": { boxSizing: "border-box", "--os-size": "10px", "--os-padding-perpendicular": "2px", "--os-padding-axis": "2px", "--os-track-border-radius": "10px", "--os-handle-interactive-area-offset": "4px", "--os-handle-border-radius": "10px" }, ".os-theme-dark": { "--os-handle-bg": "rgba(0, 0, 0, 0.44)", "--os-handle-bg-hover": "rgba(0, 0, 0, 0.55)", "--os-handle-bg-active": "rgba(0, 0, 0, 0.66)" }, ".os-theme-light": { "--os-handle-bg": "rgba(255, 255, 255, 0.44)", "--os-handle-bg-hover": "rgba(255, 255, 255, 0.55)", "--os-handle-bg-active": "rgba(255, 255, 255, 0.66)" }, ".os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle": { borderRadius: "10px" }, ".os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-track, .os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-track": { borderRadius: "10px" }, ".os-no-css-vars.os-theme-dark.os-scrollbar-horizontal, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal": { padding: "2px 2px", right: "10px", height: "10px" }, ".os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-rtl, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-rtl": { left: "10px", right: "0" }, ".os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle": { minWidth: "33px", maxWidth: "none" }, ".os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before": { top: `calc((
|
|
2px + 4px
|
|
) * -1)`, bottom: "calc(2px * -1)" }, ".os-no-css-vars.os-theme-dark.os-scrollbar-vertical, .os-no-css-vars.os-theme-light.os-scrollbar-vertical": { padding: "2px 2px", bottom: "10px", width: "10px" }, ".os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle": { minHeight: "33px", maxHeight: "none" }, ".os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before": { left: `calc((
|
|
2px + 4px
|
|
) * -1)`, right: "calc(2px * -1)" }, ".os-no-css-vars.os-theme-dark.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before": { right: `calc((
|
|
2px + 4px
|
|
) * -1)`, left: "calc(2px * -1)" }, ".os-no-css-vars.os-theme-dark .os-scrollbar-handle": { background: "rgba(0, 0, 0, 0.44)" }, ".os-no-css-vars.os-theme-dark:hover .os-scrollbar-handle": { background: "rgba(0, 0, 0, 0.55)" }, ".os-no-css-vars.os-theme-dark:active .os-scrollbar-handle": { background: "rgba(0, 0, 0, 0.66)" }, ".os-no-css-vars.os-theme-light .os-scrollbar-handle": { background: "rgba(255, 255, 255, 0.44)" }, ".os-no-css-vars.os-theme-light:hover .os-scrollbar-handle": { background: "rgba(255, 255, 255, 0.55)" }, ".os-no-css-vars.os-theme-light:active .os-scrollbar-handle": { background: "rgba(255, 255, 255, 0.66)" } });
|
|
var GlobalScrollAreaStyles = () => import_react.default.createElement(Global, { styles: getScrollAreaStyles });
|
|
var GlobalScrollAreaStyles_default = GlobalScrollAreaStyles;
|
|
export {
|
|
GlobalScrollAreaStyles_default as default,
|
|
getScrollAreaStyles
|
|
};
|
|
//# sourceMappingURL=GlobalScrollAreaStyles-UY5SB7EJ-JA6SWYUE.js.map
|