@situaction/traquiste-mobile 1.0.0 → 1.2.0

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: '#ffffff', 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.2)',
+        trackOnDisabled: 'rgba(15,15,15,0.6)',
+        thumbDisabled: '#ffffff',
+        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

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

@@ -1 +1 @@
-{"version":3,"file":"light.js","sourceRoot":"","sources":["../../../src/theme/tokens/light.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Base light tokens.\n * These are the default light 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 lightTokens: ColorSchemeTokens = {\n  // -------------------------------------------------------------------------\n  // Globals\n  // -------------------------------------------------------------------------\n\n  background: {\n    primary: '#ffffff',\n    secondary: '#f8f6f0',\n    tertiary: '#e8e4da',\n    overlay: '#0f0f0f80',\n    menu: '#f8f6f0',\n  },\n\n  text: {\n    primary: '#28242e',\n    secondary: '#47475d',\n    tertiary: '#6d6f8a',\n    disabled: '#0f0f0f99',\n    onColor: '#ffffff',\n  },\n\n  border: {\n    default: '#afafad80',\n    strong: '#afafadcc',\n    disabled: '#0f0f0f1a',\n    window: '#afafad80',\n  },\n\n  shadow: {\n    minimal: '#0f0f0f0d',\n    lowest: '#0f0f0f1a',\n  },\n\n  // -------------------------------------------------------------------------\n  // Status\n  // -------------------------------------------------------------------------\n\n  error: {\n    default: '#ff4747',\n    light: '#fff1f1',\n    dark: '#c80d0d',\n  },\n\n  success: {\n    default: '#33b449',\n    light: '#f1fcf3',\n    dark: '#20752f',\n  },\n\n  warning: {\n    default: '#de9f14',\n    light: '#fdfae9',\n    dark: '#99570f',\n  },\n\n  info: {\n    default: '#28242e',\n    light: '#f7f7f8',\n    dark: '#1a1720',\n  },\n\n  // -------------------------------------------------------------------------\n  // Button\n  // -------------------------------------------------------------------------\n\n  button: {\n    primary: {\n      default: {\n        background: '#28242e',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'transparent',\n      },\n      pressed: {\n        background: '#3e3f4e',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'transparent',\n      },\n      disabled: {\n        background: '#0f0f0f0d',\n        text: '#0f0f0f99',\n        icon: '#0f0f0f99',\n        border: 'transparent',\n      },\n    },\n    tertiary: {\n      default: {\n        background: 'transparent',\n        text: '#28242e',\n        icon: '#28242e',\n        border: '#afafad80',\n      },\n      pressed: {\n        background: '#d1c3a066',\n        text: '#28242e',\n        icon: '#28242e',\n        border: '#afafad80',\n      },\n      disabled: {\n        background: '#0f0f0f0d',\n        text: '#0f0f0f99',\n        icon: '#0f0f0f99',\n        border: '#0f0f0f1a',\n      },\n    },\n    ghost: {\n      default: {\n        background: 'transparent',\n        text: '#28242e',\n        icon: '#28242e',\n        border: 'transparent',\n      },\n      pressed: {\n        background: '#d1c3a066',\n        text: '#28242e',\n        icon: '#28242e',\n        border: 'transparent',\n      },\n      disabled: {\n        background: 'transparent',\n        text: '#0f0f0f66',\n        icon: '#0f0f0f66',\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: '#0f0f0f0d',\n        text: '#0f0f0f99',\n        icon: '#0f0f0f99',\n        border: 'transparent',\n      },\n    },\n  },\n\n  // -------------------------------------------------------------------------\n  // Add new component tokens below\n  // Example:\n  // checkbox: {\n  //   default: { background: '...', border: '...', icon: '...' },\n  //   checked: { background: '...', border: '...', icon: '...' },\n  //   disabled: { background: '...', border: '...', icon: '...' },\n  // },\n  // -------------------------------------------------------------------------\n};"]}
+{"version":3,"file":"light.js","sourceRoot":"","sources":["../../../src/theme/tokens/light.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Base light tokens.\n * These are the default light 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 lightTokens: ColorSchemeTokens = {\n  // -------------------------------------------------------------------------\n  // Globals\n  // -------------------------------------------------------------------------\n\n  background: {\n    primary: '#ffffff',\n    secondary: '#f8f6f0',\n    tertiary: '#e8e4da',\n    overlay: '#0f0f0f80',\n    menu: '#f8f6f0',\n  },\n\n  text: {\n    primary: '#28242e',\n    secondary: '#47475d',\n    tertiary: '#6d6f8a',\n    disabled: '#0f0f0f99',\n    onColor: '#ffffff',\n  },\n\n  border: {\n    default: '#afafad80',\n    strong: '#afafadcc',\n    disabled: '#0f0f0f1a',\n    window: '#afafad80',\n  },\n\n  shadow: {\n    minimal: '#0f0f0f0d',\n    lowest: '#0f0f0f1a',\n  },\n\n  // -------------------------------------------------------------------------\n  // Status\n  // -------------------------------------------------------------------------\n\n  error: {\n    default: '#ff4747',\n    light: '#fff1f1',\n    dark: '#c80d0d',\n  },\n\n  success: {\n    default: '#33b449',\n    light: '#C1F1C8',\n    dark: '#20752f',\n  },\n\n  warning: {\n    default: '#de9f14',\n    light: '#fdfae9',\n    dark: '#99570f',\n  },\n\n  info: {\n    default: '#28242e',\n    light: '#f7f7f8',\n    dark: '#1a1720',\n  },\n\n  // -------------------------------------------------------------------------\n  // Button\n  // -------------------------------------------------------------------------\n\n  button: {\n    primary: {\n      default: {\n        background: '#28242e',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'transparent',\n      },\n      pressed: {\n        background: '#3e3f4e',\n        text: '#ffffff',\n        icon: '#ffffff',\n        border: 'transparent',\n      },\n      disabled: {\n        background: '#0f0f0f0d',\n        text: '#0f0f0f99',\n        icon: '#0f0f0f99',\n        border: 'transparent',\n      },\n    },\n    tertiary: {\n      default: {\n        background: 'transparent',\n        text: '#28242e',\n        icon: '#28242e',\n        border: '#afafad80',\n      },\n      pressed: {\n        background: '#d1c3a066',\n        text: '#28242e',\n        icon: '#28242e',\n        border: '#afafad80',\n      },\n      disabled: {\n        background: '#0f0f0f0d',\n        text: '#0f0f0f99',\n        icon: '#0f0f0f99',\n        border: '#0f0f0f1a',\n      },\n    },\n    ghost: {\n      default: {\n        background: 'transparent',\n        text: '#28242e',\n        icon: '#28242e',\n        border: 'transparent',\n      },\n      pressed: {\n        background: '#d1c3a066',\n        text: '#28242e',\n        icon: '#28242e',\n        border: 'transparent',\n      },\n      disabled: {\n        background: 'transparent',\n        text: '#0f0f0f66',\n        icon: '#0f0f0f66',\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: '#0f0f0f0d',\n        text: '#0f0f0f99',\n        icon: '#0f0f0f99',\n        border: 'transparent',\n      },\n    },\n  },\n\n  // -------------------------------------------------------------------------\n  // FilterChip\n  // -------------------------------------------------------------------------\n\n  filterChip: {\n    default:  { background: 'transparent', text: '#28242e',   icon: '#28242e',   borderColor: '#afafad80' },\n    pressed:  { background: '#d1c3a066',   text: '#28242e',   icon: '#28242e',   borderColor: '#afafad80' },\n    selected: { background: 'transparent', text: '#28242e',   icon: '#28242e',   borderColor: '#28242e'   },\n    disabled: { background: '#0f0f0f0d',   text: '#0f0f0f99', icon: '#0f0f0f99', borderColor: '#0f0f0f1a' },\n  },\n\n  // -------------------------------------------------------------------------\n  // Input\n  // -------------------------------------------------------------------------\n\n  input: {\n    default:  { background: '#ffffff',    border: '#afafad80', text: '#28242e',   placeholder: '#6d6f8a',   icon: '#6d6f8a',   label: '#28242e',   helper: '#6d6f8a'  },\n    focused:  { background: '#ffffff',    border: '#afafad80', text: '#28242e',   placeholder: '#6d6f8a',   icon: '#28242e',   label: '#28242e',   helper: '#6d6f8a'  },\n    error:    { background: '#ffffff',    border: '#ff4747',   text: '#28242e',   placeholder: '#6d6f8a',   icon: '#ff4747',   label: '#28242e',   helper: '#ff4747'  },\n    disabled: { background: '#0f0f0f0d', border: '#0f0f0f1a', text: '#0f0f0f99', placeholder: '#0f0f0f4d', icon: '#0f0f0f4d', label: '#0f0f0f99', helper: '#6d6f8a'  },\n  },\n\n  // -------------------------------------------------------------------------\n  // Tag\n  // -------------------------------------------------------------------------\n\n  tag: {\n    purple:   { background: '#d1d3f4',   text: '#2a2442',   icon: '#2a2442'   },\n    sable:    { background: '#1c1710',   text: '#f5efdf',   icon: '#f5efdf'   },\n    disabled: { background: '#0f0f0f0d', text: '#0f0f0f99', icon: '#0f0f0f99' },\n  },\n\n  // -------------------------------------------------------------------------\n  // Calendar\n  // -------------------------------------------------------------------------\n\n  calendar: {\n    day: {\n      default:      { text: '#28242e',                  secondary: 'rgba(15,15,15,0.4)'       },\n      selected:     { background: '#28242e',            text: '#ffffff'                       },\n      today:        { text: '#28242e',                  border: '#28242e',    dot: '#28242e'  },\n      disabled:     { text: 'rgba(209,195,160,0.1)'                                           },\n      data:         { dot: '#28242e'                                                          },\n      dataSelected: { dot: '#ffffff'                                                          },\n    },\n    range:  { background: 'rgba(209,195,160,0.3)'  },\n    header: { border:     'rgba(175,175,173,0.5)'  },\n    legend: { background: 'rgba(209,195,160,0.1)'  },\n  },\n\n  // -------------------------------------------------------------------------\n  // TabBar\n  // -------------------------------------------------------------------------\n\n  tabBar: {\n    defaultText:          '#28242e',\n    activeText:           '#28242e',\n    activeBackground:     'rgba(209,195,160,0.20)',\n    activeBorder:         'rgba(175,175,173,0.50)',\n    containerBackground:  '#ffffff',\n    containerBorder:      'rgba(175,175,173,0.50)',\n    badgeBackground:      '#ff4747',\n    badgeText:            '#ffffff',\n  },\n\n  // -------------------------------------------------------------------------\n  // MobileCanva\n  // -------------------------------------------------------------------------\n\n  pageNav: {\n    defaultText:         '#28242e',\n    activeText:          '#28242e',\n    activeBackground:    '#ffffff',\n    activeBorder:        'rgba(175,175,173,0.50)',\n    containerBackground: 'rgba(209,195,160,0.10)',\n    containerBorder:     'rgba(175,175,173,0.50)',\n  },\n\n  canva: {\n    contentBackground:  '#ffffff',\n    contentBorder:      'rgba(175,175,173,0.50)',\n    shellBackground:    '#f8f6f0',\n    homebarColor:       '#000000',\n  },\n\n  // -------------------------------------------------------------------------\n  // GeneralNav\n  // -------------------------------------------------------------------------\n\n  generalNav: {\n    navTextIcons: '#28242e',\n  },\n\n  // -------------------------------------------------------------------------\n  // BottomSheet\n  // -------------------------------------------------------------------------\n\n  bottomSheet: {\n    background: '#ffffff',    // background.primary\n    border:     '#afafad80',  // border.window\n    handle:     '#afafadcc',  // border.strong\n    closeIcon:  '#6d6f8a',    // text.tertiary\n  },\n\n  // -------------------------------------------------------------------------\n  // ProgressStep\n  // -------------------------------------------------------------------------\n\n  progressStep: {\n    active:  '#28242E',\n    done:    '#28242E',\n    default: 'rgba(175, 175, 173, 0.50)',\n  },\n\n  // -------------------------------------------------------------------------\n  // Checkbox\n  // -------------------------------------------------------------------------\n\n  checkbox: {\n    unchecked: {\n      default:  { background: 'transparent',            border: '#28242e',               icon: 'transparent' },\n      pressed:  { background: 'rgba(175,175,173,0.10)', border: '#28242e',              icon: 'transparent' },\n      disabled: { background: 'transparent',            border: '#0f0f0f1a',              icon: 'transparent' },\n    },\n    checked: {\n      default:  { background: '#28242e',   border: '#28242e',   icon: '#ffffff'    },\n      pressed:  { background: '#3e3f4e',   border: '#3e3f4e',   icon: '#ffffff'    },\n      disabled: { background: '#0f0f0f66', border: 'transparent', icon: '#ffffff'   },\n    },\n    label:         '#28242e',\n    labelDisabled: '#0f0f0f99',\n    helper:        '#6d6f8a',\n  },\n\n  // -------------------------------------------------------------------------\n  // Add new component tokens below\n  // -------------------------------------------------------------------------\n\n  toggle: {\n    trackOff:         'rgba(209,195,160,0.4)',\n    trackOn:          '#28242e',\n    thumbOff:         '#ffffff',\n    thumbOn:          '#ffffff',\n    trackOffDisabled: 'rgba(15,15,15,0.2)',\n    trackOnDisabled:  'rgba(15,15,15,0.6)',\n    thumbDisabled:    '#ffffff',\n    label:            '#28242e',\n    labelDisabled:    '#0f0f0f99',\n  },\n\n  searchBar: {\n    default: {\n      background:  '#ffffff',\n      border:      'rgba(175,175,173,0.5)',\n      text:        '#28242e',\n      placeholder: 'rgba(15,15,15,0.6)',\n      icon:        'rgba(15,15,15,0.6)',\n    },\n    focused: {\n      background:  '#ffffff',\n      border:      '#28242e',\n      text:        '#28242e',\n      placeholder: 'rgba(15,15,15,0.6)',\n      icon:        '#28242e',\n    },\n    disabled: {\n      background:  'rgba(15,15,15,0.05)',\n      border:      'rgba(15,15,15,0.1)',\n      text:        'rgba(15,15,15,0.4)',\n      placeholder: 'rgba(15,15,15,0.4)',\n      icon:        'rgba(15,15,15,0.4)',\n    },\n    clearIcon: '#28242e',\n  },\n\n  spinner: {\n    track:   'rgba(209,195,160,0.6)',\n    arc:     '#28242e',\n    label:   '#28242e',\n    overlay: 'rgba(15,15,15,0.5)',\n  },\n\n  swatch: {\n    selectedRing: '#28242e',\n    check: '#ffffff',\n  },\n\n  tabs: {\n    line: {\n      active:          { text: '#28242e', indicator: '#28242e' },\n      inactive:        { text: 'rgba(15,15,15,0.6)' },\n      disabled:        { text: 'rgba(15,15,15,0.3)' },\n      containerBorder: 'rgba(175,175,173,0.5)',\n    },\n    button: {\n      container: { background: 'rgba(209,195,160,0.1)', border: 'rgba(175,175,173,0.5)' },\n      active:    { background: '#ffffff',               border: 'rgba(175,175,173,0.5)', text: '#28242e' },\n      default:   { text: '#28242e' },\n      disabled:  { text: 'rgba(15,15,15,0.4)' },\n    },\n  },\n\n  listItem: {\n    default:  { label: '#0f0f0f',   sublabel: '#6d6d6d',           iconColor: '#28242e' },\n    disabled: { label: '#b0b0b0',   sublabel: '#b0b0b0',           iconColor: '#b0b0b0' },\n    pressedBackground: 'rgba(209,195,160,0.3)',\n    section:  { label: 'rgba(15,15,15,0.5)' },\n    divider:  'rgba(175,175,173,0.5)',\n  },\n\n  mapPin: {\n    default: {\n      background:       '#fdfcfb', // pill badge bg\n      simpleBackground: '#ffffff', // simple badge bg\n      border:           '#28242e',\n      iconCircle:       '#28242e',\n      iconColor:        '#ffffff',\n      countText:        '#28242e',\n    },\n    focus: {\n      background:       '#28242e',\n      simpleBackground: '#28242e',\n      border:           '#fdfcfb',\n      iconCircle:       '#ffffff',\n      iconColor:        '#28242e',\n      countText:        '#ffffff',\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:       '#ff4747',\n      simpleBackground: '#ff4747',\n      border:           '#ffffff',\n      iconCircle:       '#ffffff',\n      iconColor:        '#ff4747',\n      countText:        '#ffffff',\n    },\n    label: {\n      map:       '#28242e', // --mappin/label/fill-default light\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(15,15,15,0.6)',\n    subtitle: 'rgba(15,15,15,0.4)',\n    photoCard: {\n      emptyBackground: '#f8f6f0',\n      border:          'rgba(175,175,173,0.5)',\n      badgeBackground: '#0f0f0f',\n      badgeText:       '#ffffff',\n      removeIcon:      '#ffffff',\n    },\n    fileCard: {\n      background:     '#ffffff',\n      border:         'rgba(175,175,173,0.5)',\n      iconBackground: '#f8f6f0',\n      text:           '#28242e',\n      icon:           '#47475d',\n    },\n  },\n\n  radio: {\n    unselected: {\n      default:  { ring: '#28242e',     fill: 'transparent',          dot: 'transparent' },\n      pressed:  { ring: '#28242e',     fill: 'rgba(175,175,173,0.10)', dot: 'transparent' },\n      disabled: { ring: '#9f9f9f', fill: 'rgba(15,15,15,0.10)', dot: 'transparent' },\n    },\n    selected: {\n      default:  { ring: '#28242e',     fill: '#28242e',    dot: '#ffffff'     },\n      pressed:  { ring: '#3e3f4e',     fill: '#3e3f4e',    dot: '#ffffff'     },\n      disabled: { ring: '#9f9f9f',   fill: '#0f0f0f66',  dot: '#ffffff'     },\n    },\n    label:         '#28242e',\n    labelDisabled: '#0f0f0f99',\n    helper:        '#6d6f8a',\n  },\n};"]}