pixelize-design-library 2.3.25 → 2.3.26

package/dist/Components/SideBar/sidebarAccentColors.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSidebarActiveAccent = exports.getSidebarActiveAccent = void 0;
-const react_1 = require("react");
-const brands_1 = require("../../Theme/tokens/brands");
-const PixelizeThemeProvider_1 = require("../../Theme/provider/PixelizeThemeProvider");
-const getSidebarActiveAccent = (colors, brand, isDark) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    const fallbackIcon = (_d = (_b = (_a = colors.primary) === null || _a === void 0 ? void 0 : _a[300]) !== null && _b !== void 0 ? _b : (_c = colors.gray) === null || _c === void 0 ? void 0 : _c[300]) !== null && _d !== void 0 ? _d : "#ffffff";
-    const fallbackLabel = (_h = (_f = (_e = colors.primary) === null || _e === void 0 ? void 0 : _e[100]) !== null && _f !== void 0 ? _f : (_g = colors.gray) === null || _g === void 0 ? void 0 : _g[100]) !== null && _h !== void 0 ? _h : "#ffffff";
-    if (!isDark)
-        return { icon: fallbackIcon, label: fallbackLabel };
-    const lightPrimary = brand ? (_j = brands_1.lightPalettes[brand]) === null || _j === void 0 ? void 0 : _j.primary : undefined;
-    return {
-        icon: (_k = lightPrimary === null || lightPrimary === void 0 ? void 0 : lightPrimary[300]) !== null && _k !== void 0 ? _k : fallbackIcon,
-        label: (_l = lightPrimary === null || lightPrimary === void 0 ? void 0 : lightPrimary[100]) !== null && _l !== void 0 ? _l : fallbackLabel,
-    };
-};
-exports.getSidebarActiveAccent = getSidebarActiveAccent;
-/**
- * `sidebar.background` never inverts across modes (`buildDarkPalette.ts`), but `primary`
- * does — so `primary[300]`/`primary[100]` correctly read as a light accent/label against a
- * dark canvas in light mode, then invert to near-black in dark mode against that SAME
- * permanently-dark canvas. Reusing each rung's own light-mode value in dark mode is the
- * exact pairing already proven legible today.
- *
- * `brand` comes from `PixelizeThemeProvider`'s context, read directly (not via the throwing
- * `useThemeMode()`) so a consumer on a plain `ChakraProvider` — dark mode is opt-in per
- * CLAUDE.md — degrades to the current-mode value instead of crashing.
- */
-const useSidebarActiveAccent = (colors, isDark) => {
-    const themeMode = (0, react_1.useContext)(PixelizeThemeProvider_1.ThemeModeContext);
-    const brand = themeMode === null || themeMode === void 0 ? void 0 : themeMode.brand;
-    return (0, react_1.useMemo)(() => (0, exports.getSidebarActiveAccent)(colors, brand, isDark), [colors, brand, isDark]);
-};
-exports.useSidebarActiveAccent = useSidebarActiveAccent;

package/dist/Components/Table/components/tableRowHoverStyle.d.ts

@@ -1,13 +0,0 @@
-import type { PaletteProps } from "../../../Theme/tokens/types";
-/**
- * Per-cell hover fill for a table row. `table.hover[300]` (the token built for this) still works
- * in light mode — a pale tint against a white canvas — but in dark mode that rung sits within
- * ~10 lightness points of the near-black canvas (both compressed near L7-15), so it computes to
- * ~1.2:1 contrast: invisible, which is exactly what QA reported. `background[900]` is this
- * palette's dark-mode "bright highlight" rung (~9.7-10.7:1 against the canvas, verified
- * numerically across brands) — but the row's resting ink (`text[500]`) is tuned for a near-black
- * backdrop and goes illegible against a bright one, so hover must also flip `color`, mirroring how
- * Jodit's own dark-mode hover rule flips text to its canvas color alongside the brighter fill.
- */
-export declare const getTableRowHoverStyle: (colors: PaletteProps, isDark: boolean) => Record<string, string>;
-//# sourceMappingURL=tableRowHoverStyle.d.ts.map

package/dist/Components/Table/components/tableRowHoverStyle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tableRowHoverStyle.d.ts","sourceRoot":"","sources":["../../../../src/Components/Table/components/tableRowHoverStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE;;;;;;;;;GASG;AACH,eAAO,MAAM,qBAAqB,GAAI,QAAQ,YAAY,EAAE,QAAQ,OAAO,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAUlG,CAAC"}

package/dist/Components/Table/components/tableRowHoverStyle.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTableRowHoverStyle = void 0;
-/**
- * Per-cell hover fill for a table row. `table.hover[300]` (the token built for this) still works
- * in light mode — a pale tint against a white canvas — but in dark mode that rung sits within
- * ~10 lightness points of the near-black canvas (both compressed near L7-15), so it computes to
- * ~1.2:1 contrast: invisible, which is exactly what QA reported. `background[900]` is this
- * palette's dark-mode "bright highlight" rung (~9.7-10.7:1 against the canvas, verified
- * numerically across brands) — but the row's resting ink (`text[500]`) is tuned for a near-black
- * backdrop and goes illegible against a bright one, so hover must also flip `color`, mirroring how
- * Jodit's own dark-mode hover rule flips text to its canvas color alongside the brighter fill.
- */
-const getTableRowHoverStyle = (colors, isDark) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    if (isDark) {
-        return {
-            backgroundColor: (_b = (_a = colors.background) === null || _a === void 0 ? void 0 : _a[900]) !== null && _b !== void 0 ? _b : (_d = (_c = colors.table) === null || _c === void 0 ? void 0 : _c.hover) === null || _d === void 0 ? void 0 : _d[300],
-            color: (_e = colors.backgroundColor) === null || _e === void 0 ? void 0 : _e.main,
-        };
-    }
-    return {
-        backgroundColor: (_h = (_g = (_f = colors.table) === null || _f === void 0 ? void 0 : _f.hover) === null || _g === void 0 ? void 0 : _g[300]) !== null && _h !== void 0 ? _h : (_k = (_j = colors.secondary) === null || _j === void 0 ? void 0 : _j.opacity) === null || _k === void 0 ? void 0 : _k[4],
-    };
-};
-exports.getTableRowHoverStyle = getTableRowHoverStyle;

package/dist/Theme/chakra/Avatar.styles.d.ts

@@ -1,33 +0,0 @@
-import type { StyleFunctionProps } from "@chakra-ui/react";
-declare const $badgeBorder: {
-    variable: string;
-    reference: string;
-};
-export declare const Avatar: {
-    baseStyle?: (({ theme }: StyleFunctionProps) => {
-        badge: {
-            [$badgeBorder.variable]: any;
-        };
-        container: {
-            [$badgeBorder.variable]: any;
-        };
-    }) | undefined;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "label" | "group" | "badge" | "excessLabel")[];
-        }>;
-    } | undefined;
-    variants?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "label" | "group" | "badge" | "excessLabel")[];
-        }>;
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: string | number | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("container" | "label" | "group" | "badge" | "excessLabel")[];
-};
-export {};
-//# sourceMappingURL=Avatar.styles.d.ts.map

package/dist/Theme/chakra/Avatar.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.styles.d.ts","sourceRoot":"","sources":["../../../src/Theme/chakra/Avatar.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAK3D,QAAA,MAAM,YAAY;;;CAAgC,CAAC;AAoBnD,eAAO,MAAM,MAAM;6BAZ4B,kBAAkB;;YAI3D,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAQ;;;YAG/B,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAQ;;;;;;;;;;;;;;;;;;;CAOnC,CAAC"}

package/dist/Theme/chakra/Avatar.styles.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-const react_1 = require("@chakra-ui/react");
-const anatomy_1 = require("@chakra-ui/anatomy");
-const { defineMultiStyleConfig, definePartsStyle } = (0, react_1.createMultiStyleConfigHelpers)(anatomy_1.avatarAnatomy.keys);
-const $badgeBorder = (0, react_1.cssVar)("avatar-border-color");
-/**
- * Same bug class as Menu/Modal/Popover: Chakra's own Avatar baseStyle hardcodes the badge/
- * container border color to `colors.white` outside `_dark` (it's a cutout ring meant to match
- * the surface the avatar sits on), gated behind `_dark`, which this theme-swap app never
- * triggers. Every bare `<Avatar>`/`<AvatarBadge>` renders a white ring on the dark canvas.
- */
-const baseStyle = definePartsStyle(({ theme }) => {
-    var _a, _b, _c, _d, _e, _f;
-    const border = (_f = (_c = (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a.backgroundColor) === null || _b === void 0 ? void 0 : _b.light) !== null && _c !== void 0 ? _c : (_e = (_d = theme.colors) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e[50]) !== null && _f !== void 0 ? _f : "#fff";
-    return {
-        badge: {
-            [$badgeBorder.variable]: border,
-        },
-        container: {
-            [$badgeBorder.variable]: border,
-        },
-    };
-});
-exports.Avatar = defineMultiStyleConfig({
-    baseStyle,
-});

package/dist/Theme/chakra/Drawer.styles.d.ts

@@ -1,32 +0,0 @@
-import type { StyleFunctionProps } from "@chakra-ui/react";
-declare const $bg: {
-    variable: string;
-    reference: string;
-};
-export declare const Drawer: {
-    baseStyle?: (({ theme }: StyleFunctionProps) => {
-        dialog: {
-            [$bg.variable]: any;
-            bg: string;
-            color: any;
-        };
-    }) | undefined;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[];
-        }>;
-    } | undefined;
-    variants?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[];
-        }>;
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: string | number | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[];
-};
-export {};
-//# sourceMappingURL=Drawer.styles.d.ts.map

package/dist/Theme/chakra/Drawer.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/Theme/chakra/Drawer.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAK3D,QAAA,MAAM,GAAG;;;CAAsB,CAAC;AAgBhC,eAAO,MAAM,MAAM;6BAR4B,kBAAkB;;YAE7D,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAkF;;;;;;;;;;;;;;;;;;;;;CAQlG,CAAC"}

package/dist/Theme/chakra/Drawer.styles.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Drawer = void 0;
-const react_1 = require("@chakra-ui/react");
-const anatomy_1 = require("@chakra-ui/anatomy");
-const { defineMultiStyleConfig, definePartsStyle } = (0, react_1.createMultiStyleConfigHelpers)(anatomy_1.drawerAnatomy.keys);
-const $bg = (0, react_1.cssVar)("drawer-bg");
-/**
- * Chakra's own Drawer baseStyle hardcodes `--drawer-bg` to "colors.white" (gated behind `_dark`,
- * which this theme-swap app never triggers — see createBrandTheme's colorMode comment), so every
- * `<DrawerContent>` in every consuming app renders a white panel on the dark canvas — the same
- * bug class `Menu.styles.ts`/`Modal.styles.ts` already fix.
- */
-const baseStyle = definePartsStyle(({ theme }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    return ({
-        dialog: {
-            [$bg.variable]: (_f = (_c = (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a.backgroundColor) === null || _b === void 0 ? void 0 : _b.light) !== null && _c !== void 0 ? _c : (_e = (_d = theme.colors) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e[50]) !== null && _f !== void 0 ? _f : "#fff",
-            bg: $bg.reference,
-            color: (_j = (_h = (_g = theme.colors) === null || _g === void 0 ? void 0 : _g.text) === null || _h === void 0 ? void 0 : _h[900]) !== null && _j !== void 0 ? _j : "inherit",
-        },
-    });
-});
-exports.Drawer = defineMultiStyleConfig({
-    baseStyle,
-});

package/dist/Theme/chakra/Menu.styles.d.ts

@@ -1,70 +0,0 @@
-import type { StyleFunctionProps } from "@chakra-ui/react";
-declare const $bg: {
-    variable: string;
-    reference: string;
-};
-/**
- * Chakra's own MenuList baseStyle hardcodes `--menu-bg` to "#fff" (gated behind `_dark`, which
- * this theme-swap app never triggers — see createBrandTheme's colorMode comment), so every
- * bare `<MenuList>` in every consuming app renders a white dropdown on the dark canvas. A `bg`
- * prop set by a call site only recolors the list's own box, not this var — which `MenuItem`'s
- * `_focus`/`_active`/`_expanded` states read — so both must come from the theme, not per call
- * site (already duplicated at every fix-it-locally call site: NavigationBar, ButtonGroupIcon,
- * ThemeSwitcher's BrandMenu/MenuVariant).
- *
- * Chakra's own MenuItem baseStyle then RE-hardcodes the same `--menu-bg` var on `_focus`/
- * `_active`/`_expanded` (to `colors.gray.100`/`.200`, also `_dark`-gated) — so even with `list`
- * fixed above, hovering/focusing an item snaps the var back to a near-white literal. Override
- * `item` here too, to a theme-driven hover tint, or every hover state stays white regardless of
- * the list fix.
- */
-declare const $itemBg: {
-    variable: string;
-    reference: string;
-};
-export declare const Menu: {
-    baseStyle?: (({ theme }: StyleFunctionProps) => {
-        list: {
-            [$bg.variable]: any;
-            bg: string;
-            color: any;
-        };
-        item: {
-            bg: string;
-            _focus: {
-                [$itemBg.variable]: any;
-                bg: string;
-            };
-            _hover: {
-                [$itemBg.variable]: any;
-                bg: string;
-            };
-            _active: {
-                [$itemBg.variable]: any;
-                bg: string;
-            };
-            _expanded: {
-                [$itemBg.variable]: any;
-                bg: string;
-            };
-        };
-    }) | undefined;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("button" | "list" | "icon" | "item" | "groupTitle" | "command" | "divider")[];
-        }>;
-    } | undefined;
-    variants?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("button" | "list" | "icon" | "item" | "groupTitle" | "command" | "divider")[];
-        }>;
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: string | number | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("button" | "list" | "icon" | "item" | "groupTitle" | "command" | "divider")[];
-};
-export {};
-//# sourceMappingURL=Menu.styles.d.ts.map

package/dist/Theme/chakra/Menu.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../../../src/Theme/chakra/Menu.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAK3D,QAAA,MAAM,GAAG;;;CAAoB,CAAC;AAE9B;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,OAAO;;;CAAyB,CAAC;AA4BvC,eAAO,MAAM,IAAI;6BA1B8B,kBAAkB;;YAO3D,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAkF;;;;;;;gBAWtF,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAS;;;;gBAC3B,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAS;;;;gBAC1B,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAU;;;;gBAC1B,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAS;;;;;;;;;;;;;;;;;;;;;CAO5C,CAAC"}

package/dist/Theme/chakra/Menu.styles.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Menu = void 0;
-const react_1 = require("@chakra-ui/react");
-const anatomy_1 = require("@chakra-ui/anatomy");
-const { defineMultiStyleConfig, definePartsStyle } = (0, react_1.createMultiStyleConfigHelpers)(anatomy_1.menuAnatomy.keys);
-const $bg = (0, react_1.cssVar)("menu-bg");
-/**
- * Chakra's own MenuList baseStyle hardcodes `--menu-bg` to "#fff" (gated behind `_dark`, which
- * this theme-swap app never triggers — see createBrandTheme's colorMode comment), so every
- * bare `<MenuList>` in every consuming app renders a white dropdown on the dark canvas. A `bg`
- * prop set by a call site only recolors the list's own box, not this var — which `MenuItem`'s
- * `_focus`/`_active`/`_expanded` states read — so both must come from the theme, not per call
- * site (already duplicated at every fix-it-locally call site: NavigationBar, ButtonGroupIcon,
- * ThemeSwitcher's BrandMenu/MenuVariant).
- *
- * Chakra's own MenuItem baseStyle then RE-hardcodes the same `--menu-bg` var on `_focus`/
- * `_active`/`_expanded` (to `colors.gray.100`/`.200`, also `_dark`-gated) — so even with `list`
- * fixed above, hovering/focusing an item snaps the var back to a near-white literal. Override
- * `item` here too, to a theme-driven hover tint, or every hover state stays white regardless of
- * the list fix.
- */
-const $itemBg = (0, react_1.cssVar)("menu-item-bg");
-const baseStyle = definePartsStyle(({ theme }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
-    const hoverBg = (_g = (_d = (_c = (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a.primary) === null || _b === void 0 ? void 0 : _b.opacity) === null || _c === void 0 ? void 0 : _c[8]) !== null && _d !== void 0 ? _d : (_f = (_e = theme.colors) === null || _e === void 0 ? void 0 : _e.gray) === null || _f === void 0 ? void 0 : _f[100]) !== null && _g !== void 0 ? _g : "#f7fafc";
-    const activeBg = (_p = (_l = (_k = (_j = (_h = theme.colors) === null || _h === void 0 ? void 0 : _h.primary) === null || _j === void 0 ? void 0 : _j.opacity) === null || _k === void 0 ? void 0 : _k[16]) !== null && _l !== void 0 ? _l : (_o = (_m = theme.colors) === null || _m === void 0 ? void 0 : _m.gray) === null || _o === void 0 ? void 0 : _o[200]) !== null && _p !== void 0 ? _p : "#edf2f7";
-    return {
-        list: {
-            [$bg.variable]: (_v = (_s = (_r = (_q = theme.colors) === null || _q === void 0 ? void 0 : _q.backgroundColor) === null || _r === void 0 ? void 0 : _r.light) !== null && _s !== void 0 ? _s : (_u = (_t = theme.colors) === null || _t === void 0 ? void 0 : _t.background) === null || _u === void 0 ? void 0 : _u[50]) !== null && _v !== void 0 ? _v : "#fff",
-            bg: $bg.reference,
-            color: (_y = (_x = (_w = theme.colors) === null || _w === void 0 ? void 0 : _w.text) === null || _x === void 0 ? void 0 : _x[900]) !== null && _y !== void 0 ? _y : "inherit",
-        },
-        // Own CSS var (`--menu-item-bg`), NOT the list's `--menu-bg` — Chakra's stock item
-        // baseStyle rewrites `--menu-bg` itself on hover/focus, so reusing that same var name
-        // here for the item's resting bg risked the two colliding under the same custom
-        // property. A dedicated var keeps the item's hover/focus tint fully independent of the
-        // list's background var.
-        item: {
-            bg: "transparent",
-            _focus: { [$itemBg.variable]: hoverBg, bg: $itemBg.reference },
-            _hover: { [$itemBg.variable]: hoverBg, bg: $itemBg.reference },
-            _active: { [$itemBg.variable]: activeBg, bg: $itemBg.reference },
-            _expanded: { [$itemBg.variable]: hoverBg, bg: $itemBg.reference },
-        },
-    };
-});
-exports.Menu = defineMultiStyleConfig({
-    baseStyle,
-});

package/dist/Theme/chakra/Modal.styles.d.ts

@@ -1,32 +0,0 @@
-import type { StyleFunctionProps } from "@chakra-ui/react";
-declare const $bg: {
-    variable: string;
-    reference: string;
-};
-export declare const Modal: {
-    baseStyle?: (({ theme }: StyleFunctionProps) => {
-        dialog: {
-            [$bg.variable]: any;
-            bg: string;
-            color: any;
-        };
-    }) | undefined;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[];
-        }>;
-    } | undefined;
-    variants?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[];
-        }>;
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: string | number | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[];
-};
-export {};
-//# sourceMappingURL=Modal.styles.d.ts.map

package/dist/Theme/chakra/Modal.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../src/Theme/chakra/Modal.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAK3D,QAAA,MAAM,GAAG;;;CAAqB,CAAC;AAgB/B,eAAO,MAAM,KAAK;6BAR6B,kBAAkB;;YAE7D,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAkF;;;;;;;;;;;;;;;;;;;;;CAQlG,CAAC"}

package/dist/Theme/chakra/Modal.styles.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-const react_1 = require("@chakra-ui/react");
-const anatomy_1 = require("@chakra-ui/anatomy");
-const { defineMultiStyleConfig, definePartsStyle } = (0, react_1.createMultiStyleConfigHelpers)(anatomy_1.modalAnatomy.keys);
-const $bg = (0, react_1.cssVar)("modal-bg");
-/**
- * Chakra's own Modal baseStyle hardcodes `--modal-bg` to "colors.white" (gated behind `_dark`,
- * which this theme-swap app never triggers — see createBrandTheme's colorMode comment), so every
- * `<ModalContent>` in every consuming app renders a white dialog on the dark canvas — the same
- * bug class `Menu.styles.ts` already fixes for dropdowns.
- */
-const baseStyle = definePartsStyle(({ theme }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    return ({
-        dialog: {
-            [$bg.variable]: (_f = (_c = (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a.backgroundColor) === null || _b === void 0 ? void 0 : _b.light) !== null && _c !== void 0 ? _c : (_e = (_d = theme.colors) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e[50]) !== null && _f !== void 0 ? _f : "#fff",
-            bg: $bg.reference,
-            color: (_j = (_h = (_g = theme.colors) === null || _g === void 0 ? void 0 : _g.text) === null || _h === void 0 ? void 0 : _h[900]) !== null && _j !== void 0 ? _j : "inherit",
-        },
-    });
-});
-exports.Modal = defineMultiStyleConfig({
-    baseStyle,
-});

package/dist/Theme/chakra/Popover.styles.d.ts

@@ -1,37 +0,0 @@
-import type { StyleFunctionProps } from "@chakra-ui/react";
-declare const $popperBg: {
-    variable: string;
-    reference: string;
-};
-declare const $arrowShadowColor: {
-    variable: string;
-    reference: string;
-};
-export declare const Popover: {
-    baseStyle?: (({ theme }: StyleFunctionProps) => {
-        content: {
-            [$popperBg.variable]: any;
-            [$arrowShadowColor.variable]: any;
-            bg: string;
-            color: any;
-        };
-    }) | undefined;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("content" | "body" | "footer" | "header" | "closeButton" | "popper" | "arrow")[];
-        }>;
-    } | undefined;
-    variants?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("content" | "body" | "footer" | "header" | "closeButton" | "popper" | "arrow")[];
-        }>;
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: string | number | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("content" | "body" | "footer" | "header" | "closeButton" | "popper" | "arrow")[];
-};
-export {};
-//# sourceMappingURL=Popover.styles.d.ts.map

package/dist/Theme/chakra/Popover.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/Theme/chakra/Popover.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAK3D,QAAA,MAAM,SAAS;;;CAAsB,CAAC;AACtC,QAAA,MAAM,iBAAiB;;;CAAsC,CAAC;AAmB9D,eAAO,MAAM,OAAO;6BAT2B,kBAAkB;;YAE7D,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAkF;YAEtG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,MAAuE;;;;;;;;;;;;;;;;;;;;;CAOrG,CAAC"}

package/dist/Theme/chakra/Popover.styles.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popover = void 0;
-const react_1 = require("@chakra-ui/react");
-const anatomy_1 = require("@chakra-ui/anatomy");
-const { defineMultiStyleConfig, definePartsStyle } = (0, react_1.createMultiStyleConfigHelpers)(anatomy_1.popoverAnatomy.keys);
-const $popperBg = (0, react_1.cssVar)("popper-bg");
-const $arrowShadowColor = (0, react_1.cssVar)("popper-arrow-shadow-color");
-/**
- * Same bug class as Menu (Wave G): Chakra's own Popover baseStyle hardcodes `--popper-bg` to
- * "#fff" and `--popper-arrow-shadow-color` to `colors.gray.200`, both gated behind `_dark`, which
- * this theme-swap app never triggers (see Menu.styles.ts / createBrandTheme's colorMode comment).
- * Every bare `<PopoverContent>` renders a white card with a light arrow shadow on the dark canvas.
- * `--popper-arrow-bg` is left alone — Chakra's own baseStyle already points it at `$popperBg`, so
- * fixing `$popperBg` here fixes the arrow fill too.
- */
-const baseStyle = definePartsStyle(({ theme }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-    return ({
-        content: {
-            [$popperBg.variable]: (_f = (_c = (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a.backgroundColor) === null || _b === void 0 ? void 0 : _b.light) !== null && _c !== void 0 ? _c : (_e = (_d = theme.colors) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e[50]) !== null && _f !== void 0 ? _f : "#fff",
-            bg: $popperBg.reference,
-            [$arrowShadowColor.variable]: (_m = (_j = (_h = (_g = theme.colors) === null || _g === void 0 ? void 0 : _g.border) === null || _h === void 0 ? void 0 : _h[200]) !== null && _j !== void 0 ? _j : (_l = (_k = theme.colors) === null || _k === void 0 ? void 0 : _k.gray) === null || _l === void 0 ? void 0 : _l[200]) !== null && _m !== void 0 ? _m : "#e2e8f0",
-            color: (_q = (_p = (_o = theme.colors) === null || _o === void 0 ? void 0 : _o.text) === null || _p === void 0 ? void 0 : _p[900]) !== null && _q !== void 0 ? _q : "inherit",
-        },
-    });
-});
-exports.Popover = defineMultiStyleConfig({
-    baseStyle,
-});

package/dist/Theme/chakra/Slider.styles.d.ts

@@ -1,31 +0,0 @@
-import type { StyleFunctionProps } from "@chakra-ui/react";
-declare const $thumbBg: {
-    variable: string;
-    reference: string;
-};
-export declare const Slider: {
-    baseStyle?: (({ theme }: StyleFunctionProps) => {
-        thumb: {
-            [$thumbBg.variable]: any;
-            bg: string;
-        };
-    }) | undefined;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "mark" | "track" | "filledTrack" | "thumb")[];
-        }>;
-    } | undefined;
-    variants?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "mark" | "track" | "filledTrack" | "thumb")[];
-        }>;
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: string | number | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("container" | "mark" | "track" | "filledTrack" | "thumb")[];
-};
-export {};
-//# sourceMappingURL=Slider.styles.d.ts.map

package/dist/Theme/chakra/Slider.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.styles.d.ts","sourceRoot":"","sources":["../../../src/Theme/chakra/Slider.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAK3D,QAAA,MAAM,QAAQ;;;CAA4B,CAAC;AAe3C,eAAO,MAAM,MAAM;6BAP4B,kBAAkB;;YAE7D,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAkF;;;;;;;;;;;;;;;;;;;;CAOvG,CAAC"}

package/dist/Theme/chakra/Slider.styles.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Slider = void 0;
-const react_1 = require("@chakra-ui/react");
-const anatomy_1 = require("@chakra-ui/anatomy");
-const { defineMultiStyleConfig, definePartsStyle } = (0, react_1.createMultiStyleConfigHelpers)(anatomy_1.sliderAnatomy.keys);
-const $thumbBg = (0, react_1.cssVar)("slider-thumb-bg");
-/**
- * Chakra's own Slider thumb baseStyle hardcodes `bg: "white"` with no `_dark` gate at all (unlike
- * track/filledTrack, which at least have one Chakra's own colorMode never triggers here) — so
- * every bare `<SliderThumb>` renders a literal white circle on the dark canvas regardless of mode,
- * same bug class as Menu/Modal but without even the dead `_dark` branch.
- */
-const baseStyle = definePartsStyle(({ theme }) => {
-    var _a, _b, _c, _d, _e, _f;
-    return ({
-        thumb: {
-            [$thumbBg.variable]: (_f = (_c = (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a.backgroundColor) === null || _b === void 0 ? void 0 : _b.light) !== null && _c !== void 0 ? _c : (_e = (_d = theme.colors) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e[50]) !== null && _f !== void 0 ? _f : "#fff",
-            bg: $thumbBg.reference,
-        },
-    });
-});
-exports.Slider = defineMultiStyleConfig({
-    baseStyle,
-});

package/dist/Theme/chakra/Switch.styles.d.ts

@@ -1,31 +0,0 @@
-import type { StyleFunctionProps } from "@chakra-ui/react";
-declare const $thumbBg: {
-    variable: string;
-    reference: string;
-};
-export declare const Switch: {
-    baseStyle?: (({ theme }: StyleFunctionProps) => {
-        thumb: {
-            [$thumbBg.variable]: any;
-            bg: string;
-        };
-    }) | undefined;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "label" | "track" | "thumb")[];
-        }>;
-    } | undefined;
-    variants?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "label" | "track" | "thumb")[];
-        }>;
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: string | number | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("container" | "label" | "track" | "thumb")[];
-};
-export {};
-//# sourceMappingURL=Switch.styles.d.ts.map

package/dist/Theme/chakra/Switch.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../src/Theme/chakra/Switch.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAK3D,QAAA,MAAM,QAAQ;;;CAA4B,CAAC;AAc3C,eAAO,MAAM,MAAM;6BAP4B,kBAAkB;;YAE7D,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAkF;;;;;;;;;;;;;;;;;;;;CAOvG,CAAC"}

package/dist/Theme/chakra/Switch.styles.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Switch = void 0;
-const react_1 = require("@chakra-ui/react");
-const anatomy_1 = require("@chakra-ui/anatomy");
-const { defineMultiStyleConfig, definePartsStyle } = (0, react_1.createMultiStyleConfigHelpers)(anatomy_1.switchAnatomy.keys);
-const $thumbBg = (0, react_1.cssVar)("switch-thumb-bg");
-/**
- * Same bug as Slider's thumb: Chakra's own Switch thumb baseStyle hardcodes `bg: "white"` with no
- * `_dark` gate at all, so every bare `<Switch>` renders a literal white knob on the dark canvas
- * regardless of mode.
- */
-const baseStyle = definePartsStyle(({ theme }) => {
-    var _a, _b, _c, _d, _e, _f;
-    return ({
-        thumb: {
-            [$thumbBg.variable]: (_f = (_c = (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a.backgroundColor) === null || _b === void 0 ? void 0 : _b.light) !== null && _c !== void 0 ? _c : (_e = (_d = theme.colors) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e[50]) !== null && _f !== void 0 ? _f : "#fff",
-            bg: $thumbBg.reference,
-        },
-    });
-});
-exports.Switch = defineMultiStyleConfig({
-    baseStyle,
-});