@situaction/traquiste-mobile 1.0.0 → 1.1.0

package/build/theme/tokens/dark.js

@@ -60,15 +60,15 @@ export const darkTokens = {
     button: {
         primary: {
             default: {
-                background: '#ffffff',
-                text: '#28242e',
-                icon: '#28242e',
+                background: 'rgba(115,116,153,0.5)',
+                text: '#ffffff',
+                icon: '#ffffff',
                 border: 'transparent',
             },
             pressed: {
-                background: '#d1d1d1',
-                text: '#28242e',
-                icon: '#28242e',
+                background: 'rgba(115,116,153,0.3)',
+                text: '#ffffff',
+                icon: '#ffffff',
                 border: 'transparent',
             },
             disabled: {
@@ -80,16 +80,16 @@ export const darkTokens = {
         },
         tertiary: {
             default: {
-                background: 'transparent',
+                background: '#2f2b37',
                 text: '#ffffff',
                 icon: '#ffffff',
-                border: '#ffffff33',
+                border: 'rgba(115,116,153,0.5)',
             },
             pressed: {
-                background: '#ffffff1a',
+                background: 'rgba(115,116,153,0.4)',
                 text: '#ffffff',
                 icon: '#ffffff',
-                border: '#ffffff33',
+                border: 'rgba(115,116,153,0.5)',
             },
             disabled: {
                 background: '#ffffff0d',
@@ -140,7 +140,260 @@ export const darkTokens = {
         },
     },
     // -------------------------------------------------------------------------
+    // FilterChip
+    // -------------------------------------------------------------------------
+    filterChip: {
+        default: { background: 'transparent', text: '#ffffff', icon: '#ffffff', borderColor: 'rgba(115,116,153,0.5)' },
+        pressed: { background: 'rgba(115,116,153,0.4)', text: '#ffffff', icon: '#ffffff', borderColor: 'rgba(115,116,153,0.5)' },
+        selected: { background: 'transparent', text: '#ffffff', icon: '#ffffff', borderColor: '#ffffff' },
+        disabled: { background: '#ffffff0d', text: 'rgba(255,255,255,0.6)', icon: 'rgba(255,255,255,0.6)', borderColor: '#ffffff1a' },
+    },
+    // -------------------------------------------------------------------------
+    // Input
+    // -------------------------------------------------------------------------
+    input: {
+        default: { background: '#2f2b37', border: 'rgba(115,116,153,0.5)', text: '#ffffff', placeholder: 'rgba(255,255,255,0.6)', icon: 'rgba(255,255,255,0.6)', label: 'rgba(255,255,255,0.6)', helper: 'rgba(255,255,255,0.6)' },
+        focused: { background: '#2f2b37', border: '#ffffff', text: '#ffffff', placeholder: 'rgba(255,255,255,0.6)', icon: '#ffffff', label: '#ffffff', helper: 'rgba(255,255,255,0.6)' },
+        error: { background: '#2f2b37', border: '#ff4747', text: '#ffffff', placeholder: 'rgba(255,255,255,0.6)', icon: '#ff4747', label: '#ff4747', helper: '#ff4747' },
+        disabled: { background: 'rgba(15,15,15,0.2)', border: '#ffffff1a', text: 'rgba(255,255,255,0.6)', placeholder: 'rgba(255,255,255,0.6)', icon: 'rgba(255,255,255,0.6)', label: 'rgba(255,255,255,0.6)', helper: 'rgba(255,255,255,0.6)' },
+    },
+    // -------------------------------------------------------------------------
+    // Tag
+    // -------------------------------------------------------------------------
+    tag: {
+        purple: { background: '#2a2442', text: '#d1d3f4', icon: '#d1d3f4' },
+        sable: { background: '#f5efdf', text: '#1c1710', icon: '#1c1710' },
+        disabled: { background: '#ffffff0d', text: '#ffffff4d', icon: '#ffffff4d' },
+    },
+    // -------------------------------------------------------------------------
+    // Calendar
+    // -------------------------------------------------------------------------
+    calendar: {
+        day: {
+            default: { text: '#ffffff', secondary: 'rgba(255,255,255,0.4)' },
+            selected: { background: '#ffffff', text: '#0f0f0f' },
+            today: { text: '#ffffff', border: '#ffffff', dot: '#ffffff' },
+            disabled: { text: 'rgba(255,255,255,0.1)' },
+            data: { dot: '#ffffff' },
+            dataSelected: { dot: '#0f0f0f' },
+        },
+        range: { background: 'rgba(115,116,153,0.2)' },
+        header: { border: 'rgba(115,116,153,0.5)' },
+        legend: { background: 'rgba(255,255,255,0.05)' },
+    },
+    // -------------------------------------------------------------------------
+    // TabBar
+    // -------------------------------------------------------------------------
+    // TODO: Figma dark values not yet specified — using sensible dark defaults
+    tabBar: {
+        defaultText: '#d7d7e0',
+        activeText: '#ffffff',
+        activeBackground: 'rgba(209,195,160,0.20)',
+        activeBorder: 'rgba(255,255,255,0.20)',
+        containerBackground: '#28242e',
+        containerBorder: 'rgba(255,255,255,0.20)',
+        badgeBackground: '#ff4747',
+        badgeText: '#ffffff',
+    },
+    // -------------------------------------------------------------------------
+    // MobileCanva
+    // -------------------------------------------------------------------------
+    pageNav: {
+        defaultText: '#ffffff',
+        activeText: '#ffffff',
+        activeBackground: '#3e3f4e',
+        activeBorder: 'rgba(255,255,255,0.20)',
+        containerBackground: 'rgba(255,255,255,0.05)',
+        containerBorder: 'rgba(255,255,255,0.20)',
+    },
+    canva: {
+        contentBackground: '#2f2b37',
+        contentBorder: 'rgba(255,255,255,0.15)',
+        shellBackground: '#28242e',
+        homebarColor: '#ffffff',
+    },
+    // -------------------------------------------------------------------------
+    // GeneralNav
+    // -------------------------------------------------------------------------
+    generalNav: {
+        navTextIcons: '#ffffff',
+    },
+    // -------------------------------------------------------------------------
+    // BottomSheet
+    // -------------------------------------------------------------------------
+    bottomSheet: {
+        background: '#2f2b37', // background.secondary
+        border: '#ffffff33', // border.window
+        handle: '#ffffff33', // border.default
+        closeIcon: '#8b8da5', // text.tertiary
+    },
+    // -------------------------------------------------------------------------
+    // ProgressStep
+    // -------------------------------------------------------------------------
+    // TODO: Figma dark values not yet specified — using sensible dark defaults
+    progressStep: {
+        active: '#ffffff',
+        done: '#ffffff',
+        default: 'rgba(255, 255, 255, 0.20)',
+    },
+    // -------------------------------------------------------------------------
+    // Checkbox
+    // -------------------------------------------------------------------------
+    checkbox: {
+        unchecked: {
+            default: { background: 'transparent', border: '#ffffff', icon: 'transparent' },
+            pressed: { background: 'rgba(255,255,255,0.2)', border: 'rgba(255,255,255,0.6)', icon: 'transparent' },
+            disabled: { background: 'transparent', border: '#ffffff1a', icon: 'transparent' },
+        },
+        checked: {
+            default: { background: '#ffffff', border: '#ffffff', icon: '#28242e' },
+            pressed: { background: '#d1d1d1', border: '#d1d1d1', icon: '#28242e' },
+            disabled: { background: 'rgba(255,255,255,0.4)', border: 'transparent', icon: '#28242e' },
+        },
+        label: '#ffffff',
+        labelDisabled: '#ffffff4d',
+        helper: '#8b8da5',
+    },
+    // -------------------------------------------------------------------------
     // Add new component tokens below
     // -------------------------------------------------------------------------
+    toggle: {
+        trackOff: 'rgba(255,255,255,0.2)',
+        trackOn: '#ffffff',
+        thumbOff: '#ffffff',
+        thumbOn: '#28242e',
+        trackOffDisabled: 'rgba(255,255,255,0.08)',
+        trackOnDisabled: 'rgba(255,255,255,0.18)',
+        thumbDisabled: 'rgba(255,255,255,0.4)',
+        label: '#ffffff',
+        labelDisabled: '#ffffff4d',
+    },
+    searchBar: {
+        default: {
+            background: '#2f2b37',
+            border: 'rgba(255,255,255,0.2)',
+            text: '#ffffff',
+            placeholder: 'rgba(255,255,255,0.4)',
+            icon: 'rgba(255,255,255,0.4)',
+        },
+        focused: {
+            background: '#2f2b37',
+            border: '#ffffff',
+            text: '#ffffff',
+            placeholder: 'rgba(255,255,255,0.4)',
+            icon: '#ffffff',
+        },
+        disabled: {
+            background: 'rgba(255,255,255,0.05)',
+            border: 'rgba(255,255,255,0.1)',
+            text: 'rgba(255,255,255,0.3)',
+            placeholder: 'rgba(255,255,255,0.3)',
+            icon: 'rgba(255,255,255,0.3)',
+        },
+        clearIcon: '#ffffff',
+    },
+    spinner: {
+        track: 'rgba(255,255,255,0.2)',
+        arc: '#ffffff',
+        label: '#ffffff',
+        overlay: 'rgba(15,15,15,0.7)',
+    },
+    swatch: {
+        selectedRing: '#ffffff',
+        check: '#ffffff',
+    },
+    tabs: {
+        line: {
+            active: { text: '#ffffff', indicator: '#ffffff' },
+            inactive: { text: 'rgba(255,255,255,0.4)' },
+            disabled: { text: 'rgba(255,255,255,0.2)' },
+            containerBorder: 'rgba(255,255,255,0.2)',
+        },
+        button: {
+            container: { background: 'rgba(255,255,255,0.05)', border: 'rgba(255,255,255,0.2)' },
+            active: { background: '#3e3f4e', border: 'rgba(255,255,255,0.2)', text: '#ffffff' },
+            default: { text: 'rgba(255,255,255,0.6)' },
+            disabled: { text: 'rgba(255,255,255,0.2)' },
+        },
+    },
+    listItem: {
+        default: { label: '#ffffff', sublabel: 'rgba(255,255,255,0.4)', iconColor: 'rgba(255,255,255,0.8)' },
+        disabled: { label: 'rgba(255,255,255,0.6)', sublabel: 'rgba(255,255,255,0.4)', iconColor: 'rgba(255,255,255,0.3)' },
+        pressedBackground: 'rgba(115,116,153,0.3)',
+        section: { label: 'rgba(255,255,255,0.6)' },
+        divider: 'rgba(255,255,255,0.15)',
+    },
+    mapPin: {
+        default: {
+            background: '#28242e', // pill badge bg — dark in dark mode
+            simpleBackground: '#ffffff', // simple badge bg — white in dark mode
+            border: '#ffffff',
+            iconCircle: '#ffffff',
+            iconColor: '#28242e', // dark icon on white circle
+            countText: '#ffffff',
+        },
+        focus: {
+            background: '#ffffff',
+            simpleBackground: '#ffffff',
+            border: '#28242e',
+            iconCircle: '#ffffff',
+            iconColor: '#28242e',
+            countText: '#28242e',
+        },
+        lostDefault: {
+            background: '#ffffff',
+            simpleBackground: '#ffffff',
+            border: '#ff4747',
+            iconCircle: '#ff4747',
+            iconColor: '#ffffff',
+            countText: '#28242e',
+        },
+        lostFocus: {
+            background: '#ffffff', // inverted vs light (was red)
+            simpleBackground: '#ffffff',
+            border: '#ff4747', // inverted vs light (was white)
+            iconCircle: '#ff4747', // inverted vs light (was white)
+            iconColor: '#ffffff',
+            countText: '#ffffff',
+        },
+        label: {
+            map: '#ffffff', // --mappin/label/fill-default dark
+            satellite: '#ffffff', // --mappin/label/fill-satellite (always white)
+        },
+        pillShadowColor: '#000000', // focus pill drop shadow — rgba(0,0,0,0.25) via shadowOpacity
+    },
+    mediaPicker: {
+        label: 'rgba(255,255,255,0.6)',
+        subtitle: 'rgba(255,255,255,0.4)',
+        photoCard: {
+            emptyBackground: 'rgba(255,255,255,0.06)',
+            border: 'rgba(255,255,255,0.2)',
+            badgeBackground: '#ffffff',
+            badgeText: '#0f0f0f',
+            removeIcon: '#0f0f0f',
+        },
+        fileCard: {
+            background: '#1e1c24',
+            border: 'rgba(255,255,255,0.15)',
+            iconBackground: 'rgba(255,255,255,0.06)',
+            text: '#ffffff',
+            icon: 'rgba(255,255,255,0.7)',
+        },
+    },
+    radio: {
+        unselected: {
+            default: { ring: '#ffffff', fill: 'transparent', dot: 'transparent' },
+            pressed: { ring: '#ffffff', fill: 'rgba(255,255,255,0.10)', dot: 'transparent' },
+            disabled: { ring: '#3e3a43', fill: '#ffffff1a', dot: 'transparent' },
+        },
+        selected: {
+            default: { ring: '#ffffff', fill: '#ffffff', dot: '#28242e' },
+            pressed: { ring: '#d1d1d1', fill: '#d1d1d1', dot: '#28242e' },
+            disabled: { ring: '#ffffff1a', fill: '#ffffff1a', dot: '#28242e' },
+        },
+        label: '#ffffff',
+        labelDisabled: '#ffffff4d',
+        helper: '#8b8da5',
+    },
 };
 //# sourceMappingURL=dark.js.map

package/build/theme/tokens/dark.js.map

@@ -1 +1 @@
-{"version":3,"file":"dark.js","sourceRoot":"","sources":["../../../src/theme/tokens/dark.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Base dark tokens.\n * These are the default dark values — themes override what they need.\n * Tim: add new component tokens at the bottom when creating a new component.\n */\n\nimport type { ColorSchemeTokens } from '../type';\n\nexport const darkTokens: ColorSchemeTokens = {\n  // -------------------------------------------------------------------------\n  // Globals\n  // -------------------------------------------------------------------------\n\n  background: {\n    primary: '#28242e',\n    secondary: '#2f2b37',\n    tertiary: '#3e3f4e',\n    overlay: '#0f0f0f99',\n    menu: '#2f2b37',\n  },\n\n  text: {\n    primary: '#ffffff',\n    secondary: '#d7d7e0',\n    tertiary: '#8b8da5',\n    disabled: '#ffffff4d',\n    onColor: '#ffffff',\n  },\n\n  border: {\n    default: '#ffffff33',\n    strong: '#ffffff4d',\n    disabled: '#ffffff1a',\n    window: '#ffffff33',\n  },\n\n  shadow: {\n    minimal: '#0f0f0f1a',\n    lowest: '#0f0f0f33',\n  },\n\n  // -------------------------------------------------------------------------\n  // Status\n  // -------------------------------------------------------------------------\n\n  error: {\n    default: '#ff6464',\n    light: '#4b0404',\n    dark: '#ff9d9d',\n  },\n\n  success: {\n    default: '#45c85a',\n    light: '#092a10',\n    dark: '#91e49e',\n  },\n\n  warning: {\n    default: '#eeb721',\n    light: '#3f1c09',\n    dark: '#f4cf50',\n  },\n\n  info: {\n    default: '#d7d7e0',\n    light: '#3e3f4e',\n    dark: '#f7f7f8',\n  },\n\n  // -------------------------------------------------------------------------\n  // Button\n  // -------------------------------------------------------------------------\n\n  button: {\n    primary: {\n      default: {\n        background: '#ffffff',\n        text: '#28242e',\n        icon: '#28242e',\n        border: 'transparent',\n      },\n      pressed: {\n        background: '#d1d1d1',\n        text: '#28242e',\n        icon: '#28242e',\n        border: 'transparent',\n      },\n      disabled: {\n        background: '#ffffff1a',\n        text: '#ffffff4d',\n        icon: '#ffffff4d',\n        border: 'transparent',\n      },\n    },\n    tertiary: {\n      default: {\n        background: 'transparent',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: '#ffffff33',\n      },\n      pressed: {\n        background: '#ffffff1a',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: '#ffffff33',\n      },\n      disabled: {\n        background: '#ffffff0d',\n        text: '#ffffff4d',\n        icon: '#ffffff4d',\n        border: '#ffffff1a',\n      },\n    },\n    ghost: {\n      default: {\n        background: 'transparent',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'transparent',\n      },\n      pressed: {\n        background: '#ffffff1a',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'transparent',\n      },\n      disabled: {\n        background: 'transparent',\n        text: '#ffffff4d',\n        icon: '#ffffff4d',\n        border: 'transparent',\n      },\n    },\n    destructive: {\n      default: {\n        background: '#ff4747',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'transparent',\n      },\n      pressed: {\n        background: '#c80d0d',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'transparent',\n      },\n      disabled: {\n        background: '#ffffff0d',\n        text: '#ffffff4d',\n        icon: '#ffffff4d',\n        border: 'transparent',\n      },\n    },\n  },\n\n  // -------------------------------------------------------------------------\n  // Add new component tokens below\n  // -------------------------------------------------------------------------\n};"]}
+{"version":3,"file":"dark.js","sourceRoot":"","sources":["../../../src/theme/tokens/dark.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,CAAC,MAAM,UAAU,GAAsB;IAC3C,4EAA4E;IAC5E,UAAU;IACV,4EAA4E;IAE5E,UAAU,EAAE;QACV,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,SAAS;KAChB;IAED,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,WAAW;QACrB,OAAO,EAAE,SAAS;KACnB;IAED,MAAM,EAAE;QACN,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,WAAW;QACnB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,WAAW;KACpB;IAED,MAAM,EAAE;QACN,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,WAAW;KACpB;IAED,4EAA4E;IAC5E,SAAS;IACT,4EAA4E;IAE5E,KAAK,EAAE;QACL,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB;IAED,OAAO,EAAE;QACP,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB;IAED,OAAO,EAAE;QACP,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB;IAED,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB;IAED,4EAA4E;IAC5E,SAAS;IACT,4EAA4E;IAE5E,MAAM,EAAE;QACN,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,UAAU,EAAE,uBAAuB;gBACnC,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,aAAa;aACtB;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,uBAAuB;gBACnC,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,aAAa;aACtB;YACD,QAAQ,EAAE;gBACR,UAAU,EAAE,WAAW;gBACvB,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,WAAW;gBACjB,MAAM,EAAE,aAAa;aACtB;SACF;QACD,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,UAAU,EAAE,SAAS;gBACrB,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,uBAAuB;aAChC;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,uBAAuB;gBACnC,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,uBAAuB;aAChC;YACD,QAAQ,EAAE;gBACR,UAAU,EAAE,WAAW;gBACvB,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,WAAW;gBACjB,MAAM,EAAE,WAAW;aACpB;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,UAAU,EAAE,aAAa;gBACzB,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,aAAa;aACtB;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,WAAW;gBACvB,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,aAAa;aACtB;YACD,QAAQ,EAAE;gBACR,UAAU,EAAE,aAAa;gBACzB,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,WAAW;gBACjB,MAAM,EAAE,aAAa;aACtB;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE;gBACP,UAAU,EAAE,SAAS;gBACrB,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,aAAa;aACtB;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,SAAS;gBACrB,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,aAAa;aACtB;YACD,QAAQ,EAAE;gBACR,UAAU,EAAE,WAAW;gBACvB,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,WAAW;gBACjB,MAAM,EAAE,aAAa;aACtB;SACF;KACF;IAED,4EAA4E;IAC5E,aAAa;IACb,4EAA4E;IAE5E,UAAU,EAAE;QACV,OAAO,EAAG,EAAE,UAAU,EAAE,aAAa,EAAS,IAAI,EAAE,SAAS,EAAe,IAAI,EAAE,SAAS,EAAe,WAAW,EAAE,uBAAuB,EAAE;QAChJ,OAAO,EAAG,EAAE,UAAU,EAAE,uBAAuB,EAAE,IAAI,EAAE,SAAS,EAAa,IAAI,EAAE,SAAS,EAAe,WAAW,EAAE,uBAAuB,EAAE;QACjJ,QAAQ,EAAE,EAAE,UAAU,EAAE,aAAa,EAAS,IAAI,EAAE,SAAS,EAAe,IAAI,EAAE,SAAS,EAAe,WAAW,EAAE,SAAS,EAAgB;QAChJ,QAAQ,EAAE,EAAE,UAAU,EAAE,WAAW,EAAY,IAAI,EAAE,uBAAuB,EAAE,IAAI,EAAE,uBAAuB,EAAE,WAAW,EAAE,WAAW,EAAc;KACpJ;IAED,4EAA4E;IAC5E,QAAQ;IACR,4EAA4E;IAE5E,KAAK,EAAE;QACL,OAAO,EAAG,EAAE,UAAU,EAAE,SAAS,EAAU,MAAM,EAAE,uBAAuB,EAAE,IAAI,EAAE,SAAS,EAAe,WAAW,EAAE,uBAAuB,EAAE,IAAI,EAAE,uBAAuB,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QAChP,OAAO,EAAG,EAAE,UAAU,EAAE,SAAS,EAAU,MAAM,EAAE,SAAS,EAAgB,IAAI,EAAE,SAAS,EAAe,WAAW,EAAE,uBAAuB,EAAE,IAAI,EAAE,SAAS,EAAgB,KAAK,EAAE,SAAS,EAAgB,MAAM,EAAE,uBAAuB,EAAE;QAChP,KAAK,EAAK,EAAE,UAAU,EAAE,SAAS,EAAU,MAAM,EAAE,SAAS,EAAgB,IAAI,EAAE,SAAS,EAAe,WAAW,EAAE,uBAAuB,EAAE,IAAI,EAAE,SAAS,EAAgB,KAAK,EAAE,SAAS,EAAgB,MAAM,EAAE,SAAS,EAAgB;QAChP,QAAQ,EAAE,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,EAAE,WAAW,EAAW,IAAI,EAAE,uBAAuB,EAAE,WAAW,EAAE,uBAAuB,EAAE,IAAI,EAAE,uBAAuB,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,EAAE,uBAAuB,EAAE;KAClP;IAED,4EAA4E;IAC5E,MAAM;IACN,4EAA4E;IAE5E,GAAG,EAAE;QACH,MAAM,EAAI,EAAE,UAAU,EAAE,SAAS,EAAI,IAAI,EAAE,SAAS,EAAI,IAAI,EAAE,SAAS,EAAI;QAC3E,KAAK,EAAK,EAAE,UAAU,EAAE,SAAS,EAAI,IAAI,EAAE,SAAS,EAAI,IAAI,EAAE,SAAS,EAAI;QAC3E,QAAQ,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE;KAC5E;IAED,4EAA4E;IAC5E,WAAW;IACX,4EAA4E;IAE5E,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,OAAO,EAAO,EAAE,IAAI,EAAE,SAAS,EAAmB,SAAS,EAAE,uBAAuB,EAAI;YACxF,QAAQ,EAAM,EAAE,UAAU,EAAE,SAAS,EAAc,IAAI,EAAE,SAAS,EAAuB;YACzF,KAAK,EAAS,EAAE,IAAI,EAAE,SAAS,EAAmB,MAAM,EAAE,SAAS,EAAK,GAAG,EAAE,SAAS,EAAG;YACzF,QAAQ,EAAM,EAAE,IAAI,EAAE,uBAAuB,EAA2C;YACxF,IAAI,EAAU,EAAE,GAAG,EAAE,SAAS,EAA2D;YACzF,YAAY,EAAE,EAAE,GAAG,EAAE,SAAS,EAA2D;SAC1F;QACD,KAAK,EAAG,EAAE,UAAU,EAAE,uBAAuB,EAAG;QAChD,MAAM,EAAE,EAAE,MAAM,EAAM,uBAAuB,EAAG;QAChD,MAAM,EAAE,EAAE,UAAU,EAAE,wBAAwB,EAAE;KACjD;IAED,4EAA4E;IAC5E,SAAS;IACT,4EAA4E;IAE5E,2EAA2E;IAC3E,MAAM,EAAE;QACN,WAAW,EAAW,SAAS;QAC/B,UAAU,EAAY,SAAS;QAC/B,gBAAgB,EAAM,wBAAwB;QAC9C,YAAY,EAAU,wBAAwB;QAC9C,mBAAmB,EAAG,SAAS;QAC/B,eAAe,EAAO,wBAAwB;QAC9C,eAAe,EAAO,SAAS;QAC/B,SAAS,EAAa,SAAS;KAChC;IAED,4EAA4E;IAC5E,cAAc;IACd,4EAA4E;IAE5E,OAAO,EAAE;QACP,WAAW,EAAU,SAAS;QAC9B,UAAU,EAAW,SAAS;QAC9B,gBAAgB,EAAK,SAAS;QAC9B,YAAY,EAAS,wBAAwB;QAC7C,mBAAmB,EAAE,wBAAwB;QAC7C,eAAe,EAAM,wBAAwB;KAC9C;IAED,KAAK,EAAE;QACL,iBAAiB,EAAG,SAAS;QAC7B,aAAa,EAAO,wBAAwB;QAC5C,eAAe,EAAK,SAAS;QAC7B,YAAY,EAAQ,SAAS;KAC9B;IAED,4EAA4E;IAC5E,aAAa;IACb,4EAA4E;IAE5E,UAAU,EAAE;QACV,YAAY,EAAE,SAAS;KACxB;IAED,4EAA4E;IAC5E,cAAc;IACd,4EAA4E;IAE5E,WAAW,EAAE;QACX,UAAU,EAAE,SAAS,EAAK,uBAAuB;QACjD,MAAM,EAAM,WAAW,EAAG,gBAAgB;QAC1C,MAAM,EAAM,WAAW,EAAG,iBAAiB;QAC3C,SAAS,EAAG,SAAS,EAAK,gBAAgB;KAC3C;IAED,4EAA4E;IAC5E,eAAe;IACf,4EAA4E;IAE5E,2EAA2E;IAC3E,YAAY,EAAE;QACZ,MAAM,EAAG,SAAS;QAClB,IAAI,EAAK,SAAS;QAClB,OAAO,EAAE,2BAA2B;KACrC;IAED,4EAA4E;IAC5E,WAAW;IACX,4EAA4E;IAE5E,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,OAAO,EAAG,EAAE,UAAU,EAAE,aAAa,EAAY,MAAM,EAAE,SAAS,EAAe,IAAI,EAAE,aAAa,EAAE;YACtG,OAAO,EAAG,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,EAAE,uBAAuB,EAAE,IAAI,EAAE,aAAa,EAAE;YACvG,QAAQ,EAAE,EAAE,UAAU,EAAE,aAAa,EAAY,MAAM,EAAE,WAAW,EAAa,IAAI,EAAE,aAAa,EAAE;SACvG;QACD,OAAO,EAAE;YACP,OAAO,EAAG,EAAE,UAAU,EAAE,SAAS,EAAe,MAAM,EAAE,SAAS,EAAK,IAAI,EAAE,SAAS,EAAG;YACxF,OAAO,EAAG,EAAE,UAAU,EAAE,SAAS,EAAe,MAAM,EAAE,SAAS,EAAK,IAAI,EAAE,SAAS,EAAG;YACxF,QAAQ,EAAE,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE;SAC1F;QACD,KAAK,EAAU,SAAS;QACxB,aAAa,EAAE,WAAW;QAC1B,MAAM,EAAS,SAAS;KACzB;IAED,4EAA4E;IAC5E,iCAAiC;IACjC,4EAA4E;IAE5E,MAAM,EAAE;QACN,QAAQ,EAAU,uBAAuB;QACzC,OAAO,EAAW,SAAS;QAC3B,QAAQ,EAAU,SAAS;QAC3B,OAAO,EAAW,SAAS;QAC3B,gBAAgB,EAAE,wBAAwB;QAC1C,eAAe,EAAG,wBAAwB;QAC1C,aAAa,EAAK,uBAAuB;QACzC,KAAK,EAAa,SAAS;QAC3B,aAAa,EAAK,WAAW;KAC9B;IAED,SAAS,EAAE;QACT,OAAO,EAAE;YACP,UAAU,EAAG,SAAS;YACtB,MAAM,EAAO,uBAAuB;YACpC,IAAI,EAAS,SAAS;YACtB,WAAW,EAAE,uBAAuB;YACpC,IAAI,EAAS,uBAAuB;SACrC;QACD,OAAO,EAAE;YACP,UAAU,EAAG,SAAS;YACtB,MAAM,EAAO,SAAS;YACtB,IAAI,EAAS,SAAS;YACtB,WAAW,EAAE,uBAAuB;YACpC,IAAI,EAAS,SAAS;SACvB;QACD,QAAQ,EAAE;YACR,UAAU,EAAG,wBAAwB;YACrC,MAAM,EAAO,uBAAuB;YACpC,IAAI,EAAS,uBAAuB;YACpC,WAAW,EAAE,uBAAuB;YACpC,IAAI,EAAS,uBAAuB;SACrC;QACD,SAAS,EAAE,SAAS;KACrB;IAED,OAAO,EAAE;QACP,KAAK,EAAI,uBAAuB;QAChC,GAAG,EAAM,SAAS;QAClB,KAAK,EAAI,SAAS;QAClB,OAAO,EAAE,oBAAoB;KAC9B;IAED,MAAM,EAAE;QACN,YAAY,EAAE,SAAS;QACvB,KAAK,EAAE,SAAS;KACjB;IAED,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,MAAM,EAAW,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE;YAC1D,QAAQ,EAAS,EAAE,IAAI,EAAE,uBAAuB,EAAE;YAClD,QAAQ,EAAS,EAAE,IAAI,EAAE,uBAAuB,EAAE;YAClD,eAAe,EAAE,uBAAuB;SACzC;QACD,MAAM,EAAE;YACN,SAAS,EAAE,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,EAAE,uBAAuB,EAAE;YACpF,MAAM,EAAK,EAAE,UAAU,EAAE,SAAS,EAAiB,MAAM,EAAE,uBAAuB,EAAE,IAAI,EAAE,SAAS,EAAE;YACrG,OAAO,EAAI,EAAE,IAAI,EAAE,uBAAuB,EAAE;YAC5C,QAAQ,EAAG,EAAE,IAAI,EAAE,uBAAuB,EAAE;SAC7C;KACF;IAED,QAAQ,EAAE;QACR,OAAO,EAAG,EAAE,KAAK,EAAE,SAAS,EAAgB,QAAQ,EAAE,uBAAuB,EAAG,SAAS,EAAE,uBAAuB,EAAE;QACpH,QAAQ,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,QAAQ,EAAE,uBAAuB,EAAE,SAAS,EAAE,uBAAuB,EAAE;QACnH,iBAAiB,EAAE,uBAAuB;QAC1C,OAAO,EAAG,EAAE,KAAK,EAAE,uBAAuB,EAAE;QAC5C,OAAO,EAAG,wBAAwB;KACnC;IAED,MAAM,EAAE;QACN,OAAO,EAAE;YACP,UAAU,EAAQ,SAAS,EAAE,oCAAoC;YACjE,gBAAgB,EAAE,SAAS,EAAE,uCAAuC;YACpE,MAAM,EAAY,SAAS;YAC3B,UAAU,EAAQ,SAAS;YAC3B,SAAS,EAAS,SAAS,EAAE,4BAA4B;YACzD,SAAS,EAAS,SAAS;SAC5B;QACD,KAAK,EAAE;YACL,UAAU,EAAQ,SAAS;YAC3B,gBAAgB,EAAE,SAAS;YAC3B,MAAM,EAAY,SAAS;YAC3B,UAAU,EAAQ,SAAS;YAC3B,SAAS,EAAS,SAAS;YAC3B,SAAS,EAAS,SAAS;SAC5B;QACD,WAAW,EAAE;YACX,UAAU,EAAQ,SAAS;YAC3B,gBAAgB,EAAE,SAAS;YAC3B,MAAM,EAAY,SAAS;YAC3B,UAAU,EAAQ,SAAS;YAC3B,SAAS,EAAS,SAAS;YAC3B,SAAS,EAAS,SAAS;SAC5B;QACD,SAAS,EAAE;YACT,UAAU,EAAQ,SAAS,EAAE,8BAA8B;YAC3D,gBAAgB,EAAE,SAAS;YAC3B,MAAM,EAAY,SAAS,EAAE,gCAAgC;YAC7D,UAAU,EAAQ,SAAS,EAAE,gCAAgC;YAC7D,SAAS,EAAS,SAAS;YAC3B,SAAS,EAAS,SAAS;SAC5B;QACD,KAAK,EAAE;YACL,GAAG,EAAQ,SAAS,EAAE,mCAAmC;YACzD,SAAS,EAAE,SAAS,EAAE,+CAA+C;SACtE;QACD,eAAe,EAAE,SAAS,EAAE,8DAA8D;KAC3F;IAED,WAAW,EAAE;QACX,KAAK,EAAK,uBAAuB;QACjC,QAAQ,EAAE,uBAAuB;QACjC,SAAS,EAAE;YACT,eAAe,EAAE,wBAAwB;YACzC,MAAM,EAAW,uBAAuB;YACxC,eAAe,EAAE,SAAS;YAC1B,SAAS,EAAQ,SAAS;YAC1B,UAAU,EAAO,SAAS;SAC3B;QACD,QAAQ,EAAE;YACR,UAAU,EAAM,SAAS;YACzB,MAAM,EAAU,wBAAwB;YACxC,cAAc,EAAE,wBAAwB;YACxC,IAAI,EAAY,SAAS;YACzB,IAAI,EAAY,uBAAuB;SACxC;KACF;IAED,KAAK,EAAE;QACL,UAAU,EAAE;YACV,OAAO,EAAG,EAAE,IAAI,EAAE,SAAS,EAAM,IAAI,EAAE,aAAa,EAAY,GAAG,EAAE,aAAa,EAAE;YACpF,OAAO,EAAG,EAAE,IAAI,EAAE,SAAS,EAAM,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,aAAa,EAAE;YACrF,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAI,IAAI,EAAE,WAAW,EAAe,GAAG,EAAE,aAAa,EAAE;SACpF;QACD,QAAQ,EAAE;YACR,OAAO,EAAG,EAAE,IAAI,EAAE,SAAS,EAAM,IAAI,EAAE,SAAS,EAAK,GAAG,EAAE,SAAS,EAAM;YACzE,OAAO,EAAG,EAAE,IAAI,EAAE,SAAS,EAAM,IAAI,EAAE,SAAS,EAAK,GAAG,EAAE,SAAS,EAAM;YACzE,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAI,IAAI,EAAE,WAAW,EAAG,GAAG,EAAE,SAAS,EAAM;SAC1E;QACD,KAAK,EAAU,SAAS;QACxB,aAAa,EAAE,WAAW;QAC1B,MAAM,EAAS,SAAS;KACzB;CACF,CAAC","sourcesContent":["/**\n * Base dark tokens.\n * These are the default dark values — themes override what they need.\n * Tim: add new component tokens at the bottom when creating a new component.\n */\n\nimport type { ColorSchemeTokens } from '../type';\n\nexport const darkTokens: ColorSchemeTokens = {\n  // -------------------------------------------------------------------------\n  // Globals\n  // -------------------------------------------------------------------------\n\n  background: {\n    primary: '#28242e',\n    secondary: '#2f2b37',\n    tertiary: '#3e3f4e',\n    overlay: '#0f0f0f99',\n    menu: '#2f2b37',\n  },\n\n  text: {\n    primary: '#ffffff',\n    secondary: '#d7d7e0',\n    tertiary: '#8b8da5',\n    disabled: '#ffffff4d',\n    onColor: '#ffffff',\n  },\n\n  border: {\n    default: '#ffffff33',\n    strong: '#ffffff4d',\n    disabled: '#ffffff1a',\n    window: '#ffffff33',\n  },\n\n  shadow: {\n    minimal: '#0f0f0f1a',\n    lowest: '#0f0f0f33',\n  },\n\n  // -------------------------------------------------------------------------\n  // Status\n  // -------------------------------------------------------------------------\n\n  error: {\n    default: '#ff6464',\n    light: '#4b0404',\n    dark: '#ff9d9d',\n  },\n\n  success: {\n    default: '#45c85a',\n    light: '#092a10',\n    dark: '#91e49e',\n  },\n\n  warning: {\n    default: '#eeb721',\n    light: '#3f1c09',\n    dark: '#f4cf50',\n  },\n\n  info: {\n    default: '#d7d7e0',\n    light: '#3e3f4e',\n    dark: '#f7f7f8',\n  },\n\n  // -------------------------------------------------------------------------\n  // Button\n  // -------------------------------------------------------------------------\n\n  button: {\n    primary: {\n      default: {\n        background: 'rgba(115,116,153,0.5)',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'transparent',\n      },\n      pressed: {\n        background: 'rgba(115,116,153,0.3)',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'transparent',\n      },\n      disabled: {\n        background: '#ffffff1a',\n        text: '#ffffff4d',\n        icon: '#ffffff4d',\n        border: 'transparent',\n      },\n    },\n    tertiary: {\n      default: {\n        background: '#2f2b37',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'rgba(115,116,153,0.5)',\n      },\n      pressed: {\n        background: 'rgba(115,116,153,0.4)',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'rgba(115,116,153,0.5)',\n      },\n      disabled: {\n        background: '#ffffff0d',\n        text: '#ffffff4d',\n        icon: '#ffffff4d',\n        border: '#ffffff1a',\n      },\n    },\n    ghost: {\n      default: {\n        background: 'transparent',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'transparent',\n      },\n      pressed: {\n        background: '#ffffff1a',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'transparent',\n      },\n      disabled: {\n        background: 'transparent',\n        text: '#ffffff4d',\n        icon: '#ffffff4d',\n        border: 'transparent',\n      },\n    },\n    destructive: {\n      default: {\n        background: '#ff4747',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'transparent',\n      },\n      pressed: {\n        background: '#c80d0d',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'transparent',\n      },\n      disabled: {\n        background: '#ffffff0d',\n        text: '#ffffff4d',\n        icon: '#ffffff4d',\n        border: 'transparent',\n      },\n    },\n  },\n\n  // -------------------------------------------------------------------------\n  // FilterChip\n  // -------------------------------------------------------------------------\n\n  filterChip: {\n    default:  { background: 'transparent',        text: '#ffffff',              icon: '#ffffff',              borderColor: 'rgba(115,116,153,0.5)' },\n    pressed:  { background: 'rgba(115,116,153,0.4)', text: '#ffffff',            icon: '#ffffff',              borderColor: 'rgba(115,116,153,0.5)' },\n    selected: { background: 'transparent',        text: '#ffffff',              icon: '#ffffff',              borderColor: '#ffffff'               },\n    disabled: { background: '#ffffff0d',           text: 'rgba(255,255,255,0.6)', icon: 'rgba(255,255,255,0.6)', borderColor: '#ffffff1a'             },\n  },\n\n  // -------------------------------------------------------------------------\n  // Input\n  // -------------------------------------------------------------------------\n\n  input: {\n    default:  { background: '#2f2b37',         border: 'rgba(115,116,153,0.5)', text: '#ffffff',              placeholder: 'rgba(255,255,255,0.6)', icon: 'rgba(255,255,255,0.6)', label: 'rgba(255,255,255,0.6)', helper: 'rgba(255,255,255,0.6)' },\n    focused:  { background: '#2f2b37',         border: '#ffffff',               text: '#ffffff',              placeholder: 'rgba(255,255,255,0.6)', icon: '#ffffff',               label: '#ffffff',               helper: 'rgba(255,255,255,0.6)' },\n    error:    { background: '#2f2b37',         border: '#ff4747',               text: '#ffffff',              placeholder: 'rgba(255,255,255,0.6)', icon: '#ff4747',               label: '#ff4747',               helper: '#ff4747'               },\n    disabled: { background: 'rgba(15,15,15,0.2)', border: '#ffffff1a',          text: 'rgba(255,255,255,0.6)', placeholder: 'rgba(255,255,255,0.6)', icon: 'rgba(255,255,255,0.6)', label: 'rgba(255,255,255,0.6)', helper: 'rgba(255,255,255,0.6)' },\n  },\n\n  // -------------------------------------------------------------------------\n  // Tag\n  // -------------------------------------------------------------------------\n\n  tag: {\n    purple:   { background: '#2a2442',   text: '#d1d3f4',   icon: '#d1d3f4'   },\n    sable:    { background: '#f5efdf',   text: '#1c1710',   icon: '#1c1710'   },\n    disabled: { background: '#ffffff0d', text: '#ffffff4d', icon: '#ffffff4d' },\n  },\n\n  // -------------------------------------------------------------------------\n  // Calendar\n  // -------------------------------------------------------------------------\n\n  calendar: {\n    day: {\n      default:      { text: '#ffffff',                  secondary: 'rgba(255,255,255,0.4)'   },\n      selected:     { background: '#ffffff',             text: '#0f0f0f'                      },\n      today:        { text: '#ffffff',                  border: '#ffffff',    dot: '#ffffff'  },\n      disabled:     { text: 'rgba(255,255,255,0.1)'                                          },\n      data:         { dot: '#ffffff'                                                          },\n      dataSelected: { dot: '#0f0f0f'                                                          },\n    },\n    range:  { background: 'rgba(115,116,153,0.2)'  },\n    header: { border:     'rgba(115,116,153,0.5)'  },\n    legend: { background: 'rgba(255,255,255,0.05)' },\n  },\n\n  // -------------------------------------------------------------------------\n  // TabBar\n  // -------------------------------------------------------------------------\n\n  // TODO: Figma dark values not yet specified — using sensible dark defaults\n  tabBar: {\n    defaultText:          '#d7d7e0',\n    activeText:           '#ffffff',\n    activeBackground:     'rgba(209,195,160,0.20)',\n    activeBorder:         'rgba(255,255,255,0.20)',\n    containerBackground:  '#28242e',\n    containerBorder:      'rgba(255,255,255,0.20)',\n    badgeBackground:      '#ff4747',\n    badgeText:            '#ffffff',\n  },\n\n  // -------------------------------------------------------------------------\n  // MobileCanva\n  // -------------------------------------------------------------------------\n\n  pageNav: {\n    defaultText:         '#ffffff',\n    activeText:          '#ffffff',\n    activeBackground:    '#3e3f4e',\n    activeBorder:        'rgba(255,255,255,0.20)',\n    containerBackground: 'rgba(255,255,255,0.05)',\n    containerBorder:     'rgba(255,255,255,0.20)',\n  },\n\n  canva: {\n    contentBackground:  '#2f2b37',\n    contentBorder:      'rgba(255,255,255,0.15)',\n    shellBackground:    '#28242e',\n    homebarColor:       '#ffffff',\n  },\n\n  // -------------------------------------------------------------------------\n  // GeneralNav\n  // -------------------------------------------------------------------------\n\n  generalNav: {\n    navTextIcons: '#ffffff',\n  },\n\n  // -------------------------------------------------------------------------\n  // BottomSheet\n  // -------------------------------------------------------------------------\n\n  bottomSheet: {\n    background: '#2f2b37',    // background.secondary\n    border:     '#ffffff33',  // border.window\n    handle:     '#ffffff33',  // border.default\n    closeIcon:  '#8b8da5',    // text.tertiary\n  },\n\n  // -------------------------------------------------------------------------\n  // ProgressStep\n  // -------------------------------------------------------------------------\n\n  // TODO: Figma dark values not yet specified — using sensible dark defaults\n  progressStep: {\n    active:  '#ffffff',\n    done:    '#ffffff',\n    default: 'rgba(255, 255, 255, 0.20)',\n  },\n\n  // -------------------------------------------------------------------------\n  // Checkbox\n  // -------------------------------------------------------------------------\n\n  checkbox: {\n    unchecked: {\n      default:  { background: 'transparent',           border: '#ffffff',              icon: 'transparent' },\n      pressed:  { background: 'rgba(255,255,255,0.2)', border: 'rgba(255,255,255,0.6)', icon: 'transparent' },\n      disabled: { background: 'transparent',           border: '#ffffff1a',            icon: 'transparent' },\n    },\n    checked: {\n      default:  { background: '#ffffff',              border: '#ffffff',    icon: '#28242e'  },\n      pressed:  { background: '#d1d1d1',              border: '#d1d1d1',    icon: '#28242e'  },\n      disabled: { background: 'rgba(255,255,255,0.4)', border: 'transparent', icon: '#28242e' },\n    },\n    label:         '#ffffff',\n    labelDisabled: '#ffffff4d',\n    helper:        '#8b8da5',\n  },\n\n  // -------------------------------------------------------------------------\n  // Add new component tokens below\n  // -------------------------------------------------------------------------\n\n  toggle: {\n    trackOff:         'rgba(255,255,255,0.2)',\n    trackOn:          '#ffffff',\n    thumbOff:         '#ffffff',\n    thumbOn:          '#28242e',\n    trackOffDisabled: 'rgba(255,255,255,0.08)',\n    trackOnDisabled:  'rgba(255,255,255,0.18)',\n    thumbDisabled:    'rgba(255,255,255,0.4)',\n    label:            '#ffffff',\n    labelDisabled:    '#ffffff4d',\n  },\n\n  searchBar: {\n    default: {\n      background:  '#2f2b37',\n      border:      'rgba(255,255,255,0.2)',\n      text:        '#ffffff',\n      placeholder: 'rgba(255,255,255,0.4)',\n      icon:        'rgba(255,255,255,0.4)',\n    },\n    focused: {\n      background:  '#2f2b37',\n      border:      '#ffffff',\n      text:        '#ffffff',\n      placeholder: 'rgba(255,255,255,0.4)',\n      icon:        '#ffffff',\n    },\n    disabled: {\n      background:  'rgba(255,255,255,0.05)',\n      border:      'rgba(255,255,255,0.1)',\n      text:        'rgba(255,255,255,0.3)',\n      placeholder: 'rgba(255,255,255,0.3)',\n      icon:        'rgba(255,255,255,0.3)',\n    },\n    clearIcon: '#ffffff',\n  },\n\n  spinner: {\n    track:   'rgba(255,255,255,0.2)',\n    arc:     '#ffffff',\n    label:   '#ffffff',\n    overlay: 'rgba(15,15,15,0.7)',\n  },\n\n  swatch: {\n    selectedRing: '#ffffff',\n    check: '#ffffff',\n  },\n\n  tabs: {\n    line: {\n      active:          { text: '#ffffff', indicator: '#ffffff' },\n      inactive:        { text: 'rgba(255,255,255,0.4)' },\n      disabled:        { text: 'rgba(255,255,255,0.2)' },\n      containerBorder: 'rgba(255,255,255,0.2)',\n    },\n    button: {\n      container: { background: 'rgba(255,255,255,0.05)', border: 'rgba(255,255,255,0.2)' },\n      active:    { background: '#3e3f4e',                border: 'rgba(255,255,255,0.2)', text: '#ffffff' },\n      default:   { text: 'rgba(255,255,255,0.6)' },\n      disabled:  { text: 'rgba(255,255,255,0.2)' },\n    },\n  },\n\n  listItem: {\n    default:  { label: '#ffffff',               sublabel: 'rgba(255,255,255,0.4)',  iconColor: 'rgba(255,255,255,0.8)' },\n    disabled: { label: 'rgba(255,255,255,0.6)', sublabel: 'rgba(255,255,255,0.4)', iconColor: 'rgba(255,255,255,0.3)' },\n    pressedBackground: 'rgba(115,116,153,0.3)',\n    section:  { label: 'rgba(255,255,255,0.6)' },\n    divider:  'rgba(255,255,255,0.15)',\n  },\n\n  mapPin: {\n    default: {\n      background:       '#28242e', // pill badge bg — dark in dark mode\n      simpleBackground: '#ffffff', // simple badge bg — white in dark mode\n      border:           '#ffffff',\n      iconCircle:       '#ffffff',\n      iconColor:        '#28242e', // dark icon on white circle\n      countText:        '#ffffff',\n    },\n    focus: {\n      background:       '#ffffff',\n      simpleBackground: '#ffffff',\n      border:           '#28242e',\n      iconCircle:       '#ffffff',\n      iconColor:        '#28242e',\n      countText:        '#28242e',\n    },\n    lostDefault: {\n      background:       '#ffffff',\n      simpleBackground: '#ffffff',\n      border:           '#ff4747',\n      iconCircle:       '#ff4747',\n      iconColor:        '#ffffff',\n      countText:        '#28242e',\n    },\n    lostFocus: {\n      background:       '#ffffff', // inverted vs light (was red)\n      simpleBackground: '#ffffff',\n      border:           '#ff4747', // inverted vs light (was white)\n      iconCircle:       '#ff4747', // inverted vs light (was white)\n      iconColor:        '#ffffff',\n      countText:        '#ffffff',\n    },\n    label: {\n      map:       '#ffffff', // --mappin/label/fill-default dark\n      satellite: '#ffffff', // --mappin/label/fill-satellite (always white)\n    },\n    pillShadowColor: '#000000', // focus pill drop shadow — rgba(0,0,0,0.25) via shadowOpacity\n  },\n\n  mediaPicker: {\n    label:    'rgba(255,255,255,0.6)',\n    subtitle: 'rgba(255,255,255,0.4)',\n    photoCard: {\n      emptyBackground: 'rgba(255,255,255,0.06)',\n      border:          'rgba(255,255,255,0.2)',\n      badgeBackground: '#ffffff',\n      badgeText:       '#0f0f0f',\n      removeIcon:      '#0f0f0f',\n    },\n    fileCard: {\n      background:     '#1e1c24',\n      border:         'rgba(255,255,255,0.15)',\n      iconBackground: 'rgba(255,255,255,0.06)',\n      text:           '#ffffff',\n      icon:           'rgba(255,255,255,0.7)',\n    },\n  },\n\n  radio: {\n    unselected: {\n      default:  { ring: '#ffffff',     fill: 'transparent',           dot: 'transparent' },\n      pressed:  { ring: '#ffffff',     fill: 'rgba(255,255,255,0.10)', dot: 'transparent' },\n      disabled: { ring: '#3e3a43',   fill: '#ffffff1a',              dot: 'transparent' },\n    },\n    selected: {\n      default:  { ring: '#ffffff',     fill: '#ffffff',    dot: '#28242e'     },\n      pressed:  { ring: '#d1d1d1',     fill: '#d1d1d1',    dot: '#28242e'     },\n      disabled: { ring: '#ffffff1a',   fill: '#ffffff1a',  dot: '#28242e'     },\n    },\n    label:         '#ffffff',\n    labelDisabled: '#ffffff4d',\n    helper:        '#8b8da5',\n  },\n};"]}

package/build/theme/tokens/light.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens/light.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,WAAW,EAAE,iBA6JzB,CAAC"}
+{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens/light.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,WAAW,EAAE,iBAgbzB,CAAC"}

package/build/theme/tokens/light.js

@@ -41,7 +41,7 @@ export const lightTokens = {
     },
     success: {
         default: '#33b449',
-        light: '#f1fcf3',
+        light: '#C1F1C8',
         dark: '#20752f',
     },
     warning: {
@@ -140,13 +140,258 @@ export const lightTokens = {
         },
     },
     // -------------------------------------------------------------------------
+    // FilterChip
+    // -------------------------------------------------------------------------
+    filterChip: {
+        default: { background: 'transparent', text: '#28242e', icon: '#28242e', borderColor: '#afafad80' },
+        pressed: { background: '#d1c3a066', text: '#28242e', icon: '#28242e', borderColor: '#afafad80' },
+        selected: { background: 'transparent', text: '#28242e', icon: '#28242e', borderColor: '#28242e' },
+        disabled: { background: '#0f0f0f0d', text: '#0f0f0f99', icon: '#0f0f0f99', borderColor: '#0f0f0f1a' },
+    },
+    // -------------------------------------------------------------------------
+    // Input
+    // -------------------------------------------------------------------------
+    input: {
+        default: { background: '#ffffff', border: '#afafad80', text: '#28242e', placeholder: '#6d6f8a', icon: '#6d6f8a', label: '#28242e', helper: '#6d6f8a' },
+        focused: { background: '#ffffff', border: '#afafad80', text: '#28242e', placeholder: '#6d6f8a', icon: '#28242e', label: '#28242e', helper: '#6d6f8a' },
+        error: { background: '#fff1f1', border: '#ff4747', text: '#28242e', placeholder: '#6d6f8a', icon: '#ff4747', label: '#28242e', helper: '#ff4747' },
+        disabled: { background: '#0f0f0f0d', border: '#0f0f0f1a', text: '#0f0f0f99', placeholder: '#0f0f0f4d', icon: '#0f0f0f4d', label: '#0f0f0f99', helper: '#6d6f8a' },
+    },
+    // -------------------------------------------------------------------------
+    // Tag
+    // -------------------------------------------------------------------------
+    tag: {
+        purple: { background: '#d1d3f4', text: '#2a2442', icon: '#2a2442' },
+        sable: { background: '#1c1710', text: '#f5efdf', icon: '#f5efdf' },
+        disabled: { background: '#0f0f0f0d', text: '#0f0f0f99', icon: '#0f0f0f99' },
+    },
+    // -------------------------------------------------------------------------
+    // Calendar
+    // -------------------------------------------------------------------------
+    calendar: {
+        day: {
+            default: { text: '#28242e', secondary: 'rgba(15,15,15,0.4)' },
+            selected: { background: '#28242e', text: '#ffffff' },
+            today: { text: '#28242e', border: '#28242e', dot: '#28242e' },
+            disabled: { text: 'rgba(209,195,160,0.1)' },
+            data: { dot: '#28242e' },
+            dataSelected: { dot: '#ffffff' },
+        },
+        range: { background: 'rgba(209,195,160,0.3)' },
+        header: { border: 'rgba(175,175,173,0.5)' },
+        legend: { background: 'rgba(209,195,160,0.1)' },
+    },
+    // -------------------------------------------------------------------------
+    // TabBar
+    // -------------------------------------------------------------------------
+    tabBar: {
+        defaultText: '#28242e',
+        activeText: '#28242e',
+        activeBackground: 'rgba(209,195,160,0.20)',
+        activeBorder: 'rgba(175,175,173,0.50)',
+        containerBackground: '#ffffff',
+        containerBorder: 'rgba(175,175,173,0.50)',
+        badgeBackground: '#ff4747',
+        badgeText: '#ffffff',
+    },
+    // -------------------------------------------------------------------------
+    // MobileCanva
+    // -------------------------------------------------------------------------
+    pageNav: {
+        defaultText: '#28242e',
+        activeText: '#28242e',
+        activeBackground: '#ffffff',
+        activeBorder: 'rgba(175,175,173,0.50)',
+        containerBackground: 'rgba(209,195,160,0.10)',
+        containerBorder: 'rgba(175,175,173,0.50)',
+    },
+    canva: {
+        contentBackground: '#ffffff',
+        contentBorder: 'rgba(175,175,173,0.50)',
+        shellBackground: '#f8f6f0',
+        homebarColor: '#000000',
+    },
+    // -------------------------------------------------------------------------
+    // GeneralNav
+    // -------------------------------------------------------------------------
+    generalNav: {
+        navTextIcons: '#28242e',
+    },
+    // -------------------------------------------------------------------------
+    // BottomSheet
+    // -------------------------------------------------------------------------
+    bottomSheet: {
+        background: '#ffffff', // background.primary
+        border: '#afafad80', // border.window
+        handle: '#afafadcc', // border.strong
+        closeIcon: '#6d6f8a', // text.tertiary
+    },
+    // -------------------------------------------------------------------------
+    // ProgressStep
+    // -------------------------------------------------------------------------
+    progressStep: {
+        active: '#28242E',
+        done: '#28242E',
+        default: 'rgba(175, 175, 173, 0.50)',
+    },
+    // -------------------------------------------------------------------------
+    // Checkbox
+    // -------------------------------------------------------------------------
+    checkbox: {
+        unchecked: {
+            default: { background: 'transparent', border: '#28242e', icon: 'transparent' },
+            pressed: { background: 'rgba(175,175,173,0.10)', border: '#28242e', icon: 'transparent' },
+            disabled: { background: 'transparent', border: '#0f0f0f1a', icon: 'transparent' },
+        },
+        checked: {
+            default: { background: '#28242e', border: '#28242e', icon: '#ffffff' },
+            pressed: { background: '#3e3f4e', border: '#3e3f4e', icon: '#ffffff' },
+            disabled: { background: '#0f0f0f66', border: 'transparent', icon: '#ffffff' },
+        },
+        label: '#28242e',
+        labelDisabled: '#0f0f0f99',
+        helper: '#6d6f8a',
+    },
+    // -------------------------------------------------------------------------
     // Add new component tokens below
-    // Example:
-    // checkbox: {
-    //   default: { background: '...', border: '...', icon: '...' },
-    //   checked: { background: '...', border: '...', icon: '...' },
-    //   disabled: { background: '...', border: '...', icon: '...' },
-    // },
     // -------------------------------------------------------------------------
+    toggle: {
+        trackOff: 'rgba(209,195,160,0.4)',
+        trackOn: '#28242e',
+        thumbOff: '#ffffff',
+        thumbOn: '#ffffff',
+        trackOffDisabled: 'rgba(15,15,15,0.06)',
+        trackOnDisabled: 'rgba(15,15,15,0.18)',
+        thumbDisabled: 'rgba(255,255,255,0.8)',
+        label: '#28242e',
+        labelDisabled: '#0f0f0f99',
+    },
+    searchBar: {
+        default: {
+            background: '#ffffff',
+            border: 'rgba(175,175,173,0.5)',
+            text: '#28242e',
+            placeholder: 'rgba(15,15,15,0.6)',
+            icon: 'rgba(15,15,15,0.6)',
+        },
+        focused: {
+            background: '#ffffff',
+            border: '#28242e',
+            text: '#28242e',
+            placeholder: 'rgba(15,15,15,0.6)',
+            icon: '#28242e',
+        },
+        disabled: {
+            background: 'rgba(15,15,15,0.05)',
+            border: 'rgba(15,15,15,0.1)',
+            text: 'rgba(15,15,15,0.4)',
+            placeholder: 'rgba(15,15,15,0.4)',
+            icon: 'rgba(15,15,15,0.4)',
+        },
+        clearIcon: '#28242e',
+    },
+    spinner: {
+        track: 'rgba(209,195,160,0.6)',
+        arc: '#28242e',
+        label: '#28242e',
+        overlay: 'rgba(15,15,15,0.5)',
+    },
+    swatch: {
+        selectedRing: '#28242e',
+        check: '#ffffff',
+    },
+    tabs: {
+        line: {
+            active: { text: '#28242e', indicator: '#28242e' },
+            inactive: { text: 'rgba(15,15,15,0.6)' },
+            disabled: { text: 'rgba(15,15,15,0.3)' },
+            containerBorder: 'rgba(175,175,173,0.5)',
+        },
+        button: {
+            container: { background: 'rgba(209,195,160,0.1)', border: 'rgba(175,175,173,0.5)' },
+            active: { background: '#ffffff', border: 'rgba(175,175,173,0.5)', text: '#28242e' },
+            default: { text: '#28242e' },
+            disabled: { text: 'rgba(15,15,15,0.4)' },
+        },
+    },
+    listItem: {
+        default: { label: '#0f0f0f', sublabel: '#6d6d6d', iconColor: '#28242e' },
+        disabled: { label: '#b0b0b0', sublabel: '#b0b0b0', iconColor: '#b0b0b0' },
+        pressedBackground: 'rgba(209,195,160,0.3)',
+        section: { label: 'rgba(15,15,15,0.5)' },
+        divider: 'rgba(175,175,173,0.5)',
+    },
+    mapPin: {
+        default: {
+            background: '#fdfcfb', // pill badge bg
+            simpleBackground: '#ffffff', // simple badge bg
+            border: '#28242e',
+            iconCircle: '#28242e',
+            iconColor: '#ffffff',
+            countText: '#28242e',
+        },
+        focus: {
+            background: '#28242e',
+            simpleBackground: '#28242e',
+            border: '#fdfcfb',
+            iconCircle: '#ffffff',
+            iconColor: '#28242e',
+            countText: '#ffffff',
+        },
+        lostDefault: {
+            background: '#ffffff',
+            simpleBackground: '#ffffff',
+            border: '#ff4747',
+            iconCircle: '#ff4747',
+            iconColor: '#ffffff',
+            countText: '#28242e',
+        },
+        lostFocus: {
+            background: '#ff4747',
+            simpleBackground: '#ff4747',
+            border: '#ffffff',
+            iconCircle: '#ffffff',
+            iconColor: '#ff4747',
+            countText: '#ffffff',
+        },
+        label: {
+            map: '#28242e', // --mappin/label/fill-default light
+            satellite: '#ffffff', // --mappin/label/fill-satellite (always white)
+        },
+        pillShadowColor: '#000000', // focus pill drop shadow — rgba(0,0,0,0.25) via shadowOpacity
+    },
+    mediaPicker: {
+        label: 'rgba(15,15,15,0.6)',
+        subtitle: 'rgba(15,15,15,0.4)',
+        photoCard: {
+            emptyBackground: '#f8f6f0',
+            border: 'rgba(175,175,173,0.5)',
+            badgeBackground: '#0f0f0f',
+            badgeText: '#ffffff',
+            removeIcon: '#ffffff',
+        },
+        fileCard: {
+            background: '#ffffff',
+            border: 'rgba(175,175,173,0.5)',
+            iconBackground: '#f8f6f0',
+            text: '#28242e',
+            icon: '#47475d',
+        },
+    },
+    radio: {
+        unselected: {
+            default: { ring: '#28242e', fill: 'transparent', dot: 'transparent' },
+            pressed: { ring: '#28242e', fill: 'rgba(175,175,173,0.10)', dot: 'transparent' },
+            disabled: { ring: '#9f9f9f', fill: 'rgba(15,15,15,0.10)', dot: 'transparent' },
+        },
+        selected: {
+            default: { ring: '#28242e', fill: '#28242e', dot: '#ffffff' },
+            pressed: { ring: '#3e3f4e', fill: '#3e3f4e', dot: '#ffffff' },
+            disabled: { ring: '#9f9f9f', fill: '#0f0f0f66', dot: '#ffffff' },
+        },
+        label: '#28242e',
+        labelDisabled: '#0f0f0f99',
+        helper: '#6d6f8a',
+    },
 };
 //# sourceMappingURL=light.js.map