pixelize-design-library 2.3.21 → 2.3.25

package/dist/Theme/tokens/brands/meadow/palette.light.d.ts

@@ -0,0 +1,375 @@
+declare const palette: {
+    gradient: {
+        from: string;
+        to: string;
+    };
+    primary: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        opacity: {
+            4: string;
+            8: string;
+            16: string;
+            24: string;
+            32: string;
+            40: string;
+            48: string;
+        };
+    };
+    tertiary: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        opacity: {
+            4: string;
+            8: string;
+            16: string;
+            24: string;
+            32: string;
+            40: string;
+            48: string;
+        };
+    };
+    gray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    backgroundColor: {
+        main: string;
+        secondary: string;
+        tertiary: string;
+        quaternary: string;
+        light: string;
+        medium: string;
+        accent: string;
+        subtle: string;
+        muted: string;
+        neutral: string;
+        base: string;
+        tableHeader: string;
+    };
+    background: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    border: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    boxborder: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    table: {
+        hover: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+    };
+    sidebar: {
+        background: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+    };
+    boxShadow: {
+        primary: string;
+        error: string;
+        default: string;
+    };
+    secondary: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        opacity: {
+            4: string;
+            8: string;
+            16: string;
+            24: string;
+            32: string;
+            40: string;
+            48: string;
+        };
+    };
+    transparent: string;
+    black: string;
+    white: string;
+    semantic: {
+        success: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        error: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        warning: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        info: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+    };
+    red: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    orange: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    yellow: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    green: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    teal: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    blue: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    cyan: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    purple: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    pink: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    text: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    header: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    placeholder: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    disabled: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+};
+export default palette;
+//# sourceMappingURL=palette.light.d.ts.map

package/dist/Theme/tokens/brands/meadow/palette.light.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.light.d.ts","sourceRoot":"","sources":["../../../../../src/Theme/tokens/brands/meadow/palette.light.ts"],"names":[],"mappings":"AAkBA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+GZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/Theme/tokens/brands/meadow/palette.light.js

@@ -0,0 +1,133 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const palette_light_1 = __importDefault(require("../lavender/palette.light"));
+const buildBrandTokens_1 = require("../../builders/buildBrandTokens");
+const PRIMARY_500 = "#2d6a4f"; // was #2caa3d — deeper, forest-toned
+const primary = {
+    50: "#edf7f2",
+    100: "#d0edde",
+    200: "#a3d9bc",
+    300: "#6dbf96",
+    400: "#3fa872",
+    500: PRIMARY_500, // #2d6a4f
+    600: "#245840",
+    700: "#1b4531",
+    800: "#123223",
+    900: "#0a2016",
+    opacity: (0, buildBrandTokens_1.buildPrimaryOpacity)(PRIMARY_500),
+};
+const palette = {
+    ...palette_light_1.default,
+    // `to` stop retuned so white gradient-button text (onGradient, accentText.ts) clears AA — the
+    // original let white drop to 2.49 there (`from` already passed at 6.39, unchanged).
+    // Nudged one step further (4.519 -> 4.627): the first pass cleared AA by <0.02, too thin a
+    // margin to trust against rounding/rendering variance.
+    gradient: { from: "#2d6a4f", to: "#0f8376" }, // forest green → teal
+    primary,
+    tertiary: { ...primary },
+    gray: {
+        50: "#f6f9f7",
+        100: "#ecf1ee",
+        200: "#dce5e0",
+        300: "#c4d2cb",
+        400: "#93a99f",
+        // Retuned to clear AA with a safe >=4.6 margin (not the bare 4.5 cutoff — a value that
+        // clears AA by <0.02 is treated as failing, see Wave D QA follow-up) against every
+        // backgroundColor surface it's actually rendered on (main/secondary/light/subtle —
+        // verified via usage grep). muted/accent/tertiary/etc. have 0-1 live call sites today and
+        // none pair them with gray[500] text; going dark enough to also clear those would push
+        // past gray[600]'s own lightness and break the ramp order.
+        500: "#5c7369",
+        600: "#445f52",
+        700: "#344a3f",
+        800: "#24342b",
+        900: "#16221c",
+    },
+    backgroundColor: {
+        main: "#f4f8f6",
+        secondary: "#ecf3ef",
+        tertiary: "#e4ede7",
+        quaternary: "#dae7e1",
+        light: "#f8fbf9",
+        medium: "#e3eae6",
+        accent: "#d8e4de",
+        subtle: "#f1f6f3",
+        muted: "#d2ddd7",
+        neutral: "#e5ece8",
+        base: "#f9fcfa",
+        tableHeader: "#ecf3ef",
+    },
+    background: {
+        50: "#ffffff",
+        100: "#f8fbf9",
+        200: "#f2f7f4",
+        300: "#ecf3ef",
+        400: "#e5ede8",
+        500: "#dfe8e2",
+        600: "#c9d5ce",
+        700: "#9eada6",
+        800: "#768178",
+        900: "#586259",
+    },
+    border: {
+        50: "#fbfcfb",
+        100: "#f3f6f4",
+        200: "#ecefec",
+        300: "#e5eae5",
+        400: "#dfe5df",
+        500: "#d7ded8",
+        600: "#c3cbc4",
+        700: "#99a39b",
+        800: "#757c76",
+        900: "#5a5f5b",
+    },
+    boxborder: {
+        50: "#fbfcfb",
+        100: "#f2f5f3",
+        200: "#ebeef0",
+        300: "#e4e8e5",
+        400: "#dee3df",
+        500: "#d6dcd7",
+        600: "#c3c9c4",
+        700: "#989d99",
+        800: "#767a76",
+        900: "#5a5d5b",
+    },
+    table: {
+        hover: {
+            50: "#fefffe",
+            100: "#f8fbf9",
+            200: "#f2f7f3",
+            300: "#edf3ef",
+            400: "#e7efe9",
+            500: "#e1eae3",
+            600: "#cdd8cf",
+            700: "#a3aea4",
+            800: "#7d857f",
+            900: "#5f6561",
+        },
+    },
+    sidebar: {
+        background: {
+            50: "#e8f0eb",
+            100: "#d0e0d6",
+            200: "#244030", // slightly lighter surface
+            300: "#5f7d6c",
+            400: "#3a5a47",
+            500: "#0f2318", // main sidebar bg — very deep forest
+            600: "#0c1c13",
+            700: "#09150e",
+            800: "#060e09",
+            900: "#030705",
+        },
+    },
+    boxShadow: {
+        primary: (0, buildBrandTokens_1.buildPrimaryShadowTint)(PRIMARY_500),
+        error: palette_light_1.default.boxShadow.error,
+        default: palette_light_1.default.boxShadow.default,
+    },
+};
+exports.default = palette;

package/dist/Theme/tokens/brands/radiant/palette.dark.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Dark palette for the radiant brand, derived from its own light palette so the brand hue
+ * carries through. Override individual tokens here if this brand needs a bespoke dark value.
+ */
+declare const palette: import("../..").PaletteProps;
+export default palette;
+//# sourceMappingURL=palette.dark.d.ts.map

package/dist/Theme/tokens/brands/radiant/palette.dark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.dark.d.ts","sourceRoot":"","sources":["../../../../../src/Theme/tokens/brands/radiant/palette.dark.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,QAAA,MAAM,OAAO,8BAA0B,CAAC;AAExC,eAAe,OAAO,CAAC"}

package/dist/Theme/tokens/brands/radiant/palette.dark.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const buildDarkPalette_1 = require("../../builders/buildDarkPalette");
+const palette_light_1 = __importDefault(require("./palette.light"));
+/**
+ * Dark palette for the radiant brand, derived from its own light palette so the brand hue
+ * carries through. Override individual tokens here if this brand needs a bespoke dark value.
+ */
+const palette = (0, buildDarkPalette_1.buildDarkPalette)(palette_light_1.default);
+exports.default = palette;