@autoguru/overdrive 4.59.0 → 4.60.0

package/dist/components/Alert/Alert.js

@@ -33,9 +33,9 @@ export const Alert = ({
     role: "alert",
     overflow: "hidden",
     position: "relative",
-    backgroundColour: "white",
+    backgroundColor: "white",
     borderWidth: "1",
-    borderColour: "gray",
+    borderColor: "default",
     borderRadius: "1",
     boxShadow: inline ? 'none' : '4',
     padding: "2",
@@ -59,7 +59,7 @@ export const Alert = ({
         alignSelf: "center",
         width: "auto",
         className: sprinkles({
-          colour: 'dark'
+          color: 'primary'
         }),
         children: typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
           children: children
@@ -75,7 +75,7 @@ export const Alert = ({
           onClick: onRequestClose,
           children: /*#__PURE__*/_jsx(Icon, {
             className: sprinkles({
-              colour: 'muted'
+              color: 'tertiaryInactive'
             }),
             icon: XIcon,
             size: "medium"

package/dist/components/AutoSuggest/AutoSuggest.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoSuggest.css.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,QAwBzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;CAuB1B,CAAC;AAEF,eAAO,MAAM,cAAc,QAGzB,CAAC;AACH,eAAO,MAAM,KAAK,QAKhB,CAAC;AACH,eAAO,MAAM,eAAe,QAE1B,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAK7B,CAAC;AAEH,eAAO,MAAM,MAAM,QAEjB,CAAC;AAEH,eAAO,MAAM,UAAU,QAQrB,CAAC;AAEH,eAAO,MAAM,kBAAkB,uCAO7B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAG9B,CAAC"}
+{"version":3,"file":"AutoSuggest.css.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,QAwBzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;CAuB1B,CAAC;AAEF,eAAO,MAAM,cAAc,QAGzB,CAAC;AACH,eAAO,MAAM,KAAK,QAKhB,CAAC;AACH,eAAO,MAAM,eAAe,QAE1B,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAK7B,CAAC;AAEH,eAAO,MAAM,MAAM,QAEjB,CAAC;AAEH,eAAO,MAAM,UAAU,QAQrB,CAAC;AAEH,eAAO,MAAM,kBAAkB,uCAO7B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAW9B,CAAC"}

package/dist/components/AutoSuggest/AutoSuggest.css.js

@@ -90,7 +90,15 @@ export const suggestionListItem = styleVariants({
   }
 }, "suggestionListItem");
 export const suggestionHighlight = style({
+  // `colours.background.light` is overridden by MFE tenant themes
+  // (smartFleet/ampol → their custom gray100), and the semantic
+  // `color.background.emphasisInactive` is unbridged — retained on the
+  // legacy token until the major (Track C tenant-variant rule).
+  // eslint-disable-next-line no-restricted-syntax -- RETAINED: tenant-variant key (docs/ds2026-plan/track-c.md §1.5 extension).
   backgroundColor: vars.colours.background.light,
-  color: vars.typography.colour.information
+  // `typography.colour.information` (blue500 #0d59fc) drifts from
+  // `color.info.foreground` (Figma blue600 #0d54e5) — use the exact-value
+  // gamut fallback per Track C plan §1.6/§1.9 (C-P8).
+  color: vars.color.gamut.blue['500']
 }, "suggestionHighlight");
 __vanilla_filescope__.endFileScope();

package/dist/components/AutoSuggest/AutoSuggest.js

@@ -268,7 +268,7 @@ const AutoSuggestInput = /*#__PURE__*/forwardRef(function AutoSuggestInput(_ref3
     "aria-haspopup": "listbox",
     width: "full",
     children: [/*#__PURE__*/_jsx(Box, {
-      backgroundColour: "white",
+      backgroundColor: "white",
       borderRadius: "sm",
       className: styles.input,
       children: /*#__PURE__*/_jsx(AutoSuggestInputPrimitive, _objectSpread(_objectSpread({
@@ -395,7 +395,7 @@ const SuggestionsList = ({
 }) => /*#__PURE__*/_jsxs(Box, {
   as: "ul",
   ref: suggestionListRef,
-  backgroundColour: "white",
+  backgroundColor: "white",
   className: [styles.suggestionList.defaults, className],
   id: suggestionListId,
   "aria-label": placeholder,
@@ -552,9 +552,9 @@ const SuggestionListFlyout = ({
   role: "listbox",
   children: /*#__PURE__*/_jsx(Box, {
     borderWidth: "1",
-    borderColour: "gray",
+    borderColor: "default",
     borderRadius: "md",
-    backgroundColour: "white",
+    backgroundColor: "white",
     boxShadow: "4",
     style: {
       width: triggerRef.current && !autoWidth ? triggerRef.current.clientWidth : undefined

package/dist/components/Badge/Badge.css.js

@@ -7,7 +7,7 @@ export const styledBadge = recipe({
   base: [{
     display: 'inline-block',
     overflow: 'hidden',
-    fontWeight: tokens.typography.fontWeight.semiBold,
+    fontWeight: tokens.typography.fontWeight.medium,
     textOverflow: 'ellipsis',
     textTransform: 'uppercase',
     letterSpacing: '0.5px',

package/dist/components/Box/useBox/useBox.d.ts

@@ -10,14 +10,16 @@ export declare const useBox: ({ as, className: incomingClassName, odComponent, t
         className: string;
         content?: string | undefined | undefined;
         placeholder?: string | undefined | undefined;
+        default?: boolean | undefined | undefined;
+        selected?: boolean | undefined | undefined;
         min?: number | string | undefined | undefined;
         muted?: boolean | undefined | undefined;
+        step?: number | string | undefined | undefined;
         name?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         start?: number | undefined | undefined;
         hidden?: boolean | undefined | undefined;
         style?: import("react").CSSProperties | undefined;
-        default?: boolean | undefined | undefined;
         wrap?: string | undefined | undefined;
         open?: boolean | undefined | undefined;
         multiple?: boolean | undefined | undefined;
@@ -100,14 +102,12 @@ export declare const useBox: ({ as, className: incomingClassName, odComponent, t
         scoped?: boolean | undefined | undefined;
         scrolling?: string | undefined | undefined;
         seamless?: boolean | undefined | undefined;
-        selected?: boolean | undefined | undefined;
         shape?: string | undefined | undefined;
         sizes?: string | undefined | undefined;
         src?: string | undefined | undefined;
         srcDoc?: string | undefined | undefined;
         srcLang?: string | undefined | undefined;
         srcSet?: string | undefined | undefined;
-        step?: number | string | undefined | undefined;
         target?: string | undefined | undefined;
         type?: string | undefined | undefined;
         useMap?: string | undefined | undefined;

package/dist/components/BulletList/Bullet.css.js

@@ -18,7 +18,7 @@ export const root = styleVariants({
     },
     '::before': {
       alignSelf: 'flex-start',
-      backgroundColor: vars.typography.colour.dark,
+      backgroundColor: vars.color.foreground.primary,
       boxSizing: 'content-box',
       content: "' '",
       display: 'block',
@@ -30,14 +30,14 @@ export const root = styleVariants({
   disc: {
     '::before': {
       backgroundColor: 'transparent',
-      border: `2px solid ${vars.typography.colour.dark}`,
+      border: `2px solid ${vars.color.foreground.primary}`,
       borderRadius: '50%'
     }
   },
   square: {
     '::before': {
       backgroundColor: 'transparent',
-      border: `2px solid ${vars.typography.colour.dark}`
+      border: `2px solid ${vars.color.foreground.primary}`
     }
   }
 }, "root");

package/dist/components/BulletText/BulletText.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BulletText.css.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletText/BulletText.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,QAIjB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAEH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAEH,eAAO,MAAM,WAAW,QAEtB,CAAC;AAEH,eAAO,MAAM,aAAa,QAExB,CAAC"}
+{"version":3,"file":"BulletText.css.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletText/BulletText.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,QAIjB,CAAC;AAEH,eAAO,MAAM,OAAO,QAGlB,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC;AAEH,eAAO,MAAM,WAAW,QAGtB,CAAC;AAEH,eAAO,MAAM,aAAa,QAExB,CAAC"}

package/dist/components/BulletText/BulletText.css.js

@@ -8,15 +8,18 @@ export const bullet = style({
   width: vars.space['6']
 }, "bullet");
 export const primary = style({
+  // eslint-disable-next-line no-restricted-syntax -- RETAINED: intent-derived ref (colours.intent.*), never repointed pre-major (docs/ds2026-plan/track-c.md §1.5).
   backgroundColor: vars.colours.intent.primary.background.mild
 }, "primary");
 export const secondary = style({
+  // eslint-disable-next-line no-restricted-syntax -- RETAINED: tenant-variant key (smartFleet/ampol override colours.background.light) — docs/ds2026-plan/track-c.md §1.5 extension.
   backgroundColor: vars.colours.background.light
 }, "secondary");
 export const primaryText = style({
+  // eslint-disable-next-line no-restricted-syntax -- RETAINED: intent-derived ref (colours.intent.*), never repointed pre-major (docs/ds2026-plan/track-c.md §1.5).
   color: vars.colours.intent.primary.background.standard
 }, "primaryText");
 export const secondaryText = style({
-  color: vars.typography.colour.dark
+  color: vars.color.foreground.primary
 }, "secondaryText");
 __vanilla_filescope__.endFileScope();

package/dist/components/Button/Button.css.js

@@ -29,7 +29,7 @@ export const button = recipe({
     alignItems: 'center',
     borderRadius: 'md',
     borderStyle: 'none',
-    fontWeight: 'semiBold',
+    fontWeight: 'medium',
     gap: '1',
     justifyContent: 'center',
     position: 'relative',
@@ -76,7 +76,7 @@ export const button = recipe({
         '@layer': {
           [cssLayerComponent]: {
             fontSize: vars.typography.size[4].fontSize,
-            height: vars.space['8']
+            height: vars.space['9']
           }
         }
       },
@@ -194,7 +194,7 @@ export const button = recipe({
           [cssLayerComponent]: {
             backgroundColor: 'transparent',
             borderStyle: 'none',
-            color: vars.typography.colour.neutral
+            color: vars.color.foreground.secondary
           }
         }
       },
@@ -224,7 +224,7 @@ export const button = recipe({
     style: {
       '@layer': {
         [cssLayerComponent]: {
-          minWidth: vars.space['8']
+          minWidth: vars.space['9']
         }
       }
     }
@@ -260,7 +260,7 @@ export const button = recipe({
     style: {
       '@layer': {
         [cssLayerComponent]: {
-          minWidth: vars.space['9']
+          minWidth: vars.space['12']
         }
       }
     }
@@ -272,7 +272,7 @@ export const button = recipe({
     style: {
       '@layer': {
         [cssLayerComponent]: {
-          minWidth: vars.space['8']
+          minWidth: vars.space['9']
         }
       }
     }
@@ -284,7 +284,7 @@ export const button = recipe({
     style: {
       '@layer': {
         [cssLayerComponent]: {
-          width: vars.space['8']
+          width: vars.space['9']
         }
       }
     }

package/dist/components/Calendar/Calendar.css.js

@@ -34,23 +34,23 @@ export const cellStyle = style([sprinkles({
 }), {
   '@layer': {
     [cssLayerComponent]: {
-      background: tokens.colours.background.body,
-      color: tokens.colours.foreground.body,
+      background: tokens.color.background.default,
+      color: tokens.color.foreground.primary,
       cursor: 'pointer',
       selectors: {
         [selectors.focusVisible]: {
-          background: tokens.colours.gamut.gray200
+          background: tokens.color.gamut.gray['200']
         },
         [selectors.selected]: {
-          background: tokens.colours.foreground.body,
-          color: tokens.colours.background.body
+          background: tokens.color.foreground.primary,
+          color: tokens.color.background.default
         },
         [selectors.hoverNotSelected]: {
-          background: tokens.colours.gamut.gray200
+          background: tokens.color.gamut.gray['200']
         },
         [`${selectors.disabled}, ${selectors.unavailable}`]: {
-          background: tokens.colours.background.body,
-          color: tokens.colours.gamut.gray400,
+          background: tokens.color.background.default,
+          color: tokens.color.gamut.gray['400'],
           cursor: 'default'
         }
       }
@@ -62,7 +62,7 @@ export const cellStyle = style([sprinkles({
 
 export const buttonStyle = style([sprinkles({
   alignItems: 'center',
-  borderColour: 'gray',
+  borderColor: 'default',
   borderRadius: 'md',
   borderStyle: 'solid',
   borderWidth: '1',
@@ -73,20 +73,20 @@ export const buttonStyle = style([sprinkles({
 }), {
   '@layer': {
     [cssLayerComponent]: {
-      background: tokens.colours.background.body,
-      color: tokens.colours.gamut.gray600,
+      background: tokens.color.background.default,
+      color: tokens.color.gamut.gray['600'],
       cursor: 'pointer',
       selectors: {
         [selectors.hoverNotDisabled]: {
-          background: tokens.colours.gamut.gray200
+          background: tokens.color.gamut.gray['200']
         },
         [selectors.focusVisible]: {
-          background: tokens.colours.gamut.gray200
+          background: tokens.color.gamut.gray['200']
         },
         [selectors.disabled]: {
-          background: tokens.colours.background.body,
+          background: tokens.color.background.default,
           borderColor: tokens.border.colours.light,
-          color: tokens.colours.gamut.gray300,
+          color: tokens.color.gamut.gray['300'],
           cursor: 'not-allowed'
         }
       }
@@ -96,7 +96,7 @@ export const buttonStyle = style([sprinkles({
 export const thStyle = style({
   '@layer': {
     [cssLayerComponent]: {
-      color: tokens.colours.gamut.gray600
+      color: tokens.color.gamut.gray['600']
     }
   }
 }, "thStyle");

package/dist/components/CheckBox/CheckBox.css.js

@@ -3,8 +3,8 @@ __vanilla_filescope__.setFileScope("lib/components/CheckBox/CheckBox.css.ts", "@
 import { style, styleVariants } from '@vanilla-extract/css';
 import { overdriveTokens as vars } from "../../themes/theme.css.js";
 import { nativeInput, checkable } from "../private/CheckableBase/CheckableBase.css.js";
-const colorAccent = vars.colours.foreground.body;
-const colorContrast = vars.colours.background.body;
+const colorAccent = vars.color.foreground.primary;
+const colorContrast = vars.color.background.default;
 const colorMid = vars.colours.background.neutral;
 const size = vars.space['6'];
 const borderRadius = vars.border.radius['sm'];

package/dist/components/ColourInput/ColourInput.css.js

@@ -11,7 +11,7 @@ export const colouredBoxHolder = style({
 }, "colouredBoxHolder");
 export const colouredBoxHolderSize = styleVariants({
   medium: {
-    width: vars.space['8']
+    width: vars.space['9']
   },
   small: {
     width: `calc(${vars.typography.size['3'].lineHeight} + (2* ${vars.space['2']}))`
@@ -23,7 +23,7 @@ export const valueText = style({
 }, "valueText");
 export const valueTextSize = styleVariants({
   medium: {
-    left: vars.space['8']
+    left: vars.space['9']
   },
   small: {
     left: `calc(${vars.typography.size['3'].lineHeight} + (2* ${vars.space['2']}))`

package/dist/components/DataTable/DataTable.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.css.d.ts","sourceRoot":"","sources":["../../../lib/components/DataTable/DataTable.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,QAO1B,CAAC;AAEH,eAAO,MAAM,YAAY,QAAY,CAAC"}
+{"version":3,"file":"DataTable.css.d.ts","sourceRoot":"","sources":["../../../lib/components/DataTable/DataTable.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,QAQ1B,CAAC;AAEH,eAAO,MAAM,YAAY,QAAY,CAAC"}

package/dist/components/DataTable/DataTable.css.js

@@ -5,6 +5,7 @@ import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const scrollContainer = style({
   selectors: {
     ['&:focus-visible']: {
+      // eslint-disable-next-line no-restricted-syntax -- RETAINED: intent-derived ref, reverted by the C-theme-bridge corrective package — never repointed pre-major (docs/ds2026-plan/track-c.md §1.5 + deviation 12).
       outline: `2px solid ${vars.colours.intent.primary.background.standard}`,
       outlineOffset: '-2px'
     }
@@ -28,7 +29,7 @@ const stickyReveal = keyframes({
     backgroundColor: 'transparent'
   },
   to: {
-    backgroundColor: vars.colours.background.body
+    backgroundColor: vars.color.background.default
   }
 }, "stickyReveal");
 globalStyle(`${scrollContainer} [role="columnheader"]`, {

package/dist/components/DateInput/DateInput.js

@@ -172,7 +172,7 @@ export const DateInput = withEnhancedInput(({
       gap: '2',
       spaceBetween: true
     }), disabled && sprinkles({
-      colour: 'muted'
+      color: 'tertiaryInactive'
     })),
     children: [/*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, fieldProps), {}, {
       className: styles.verticalCenterStyle,

package/dist/components/DateTimeField/DateTimeField.css.js

@@ -86,7 +86,7 @@ export const labelVariants = recipe({
       true: {
         '@layer': {
           [cssLayerComponent]: {
-            color: overdriveTokens.colours.gamut.black400
+            color: overdriveTokens.color.gamut.gray['400']
           }
         }
       }
@@ -115,7 +115,7 @@ export const inputStyle = style([inputResetStyle, valueStyle, {
     [cssLayerComponent]: {
       selectors: {
         [selectors.disabled]: {
-          color: overdriveTokens.colours.gamut.black300,
+          color: overdriveTokens.color.gamut.gray['300'],
           cursor: 'not-allowed',
           opacity: 1
         }

package/dist/components/EditableText/EditableText.css.js

@@ -7,7 +7,7 @@ globalLayer(LAYER_ORDER);
 export const root = style({
   '@layer': {
     [cssLayerComponent]: {
-      boxShadow: `inset 0 -1px 0 0 ${vars.typography.colour.muted}`,
+      boxShadow: `inset 0 -1px 0 0 ${vars.color.foreground.tertiaryInactive}`,
       transitionDelay: '0s',
       transitionDuration: '0.2s',
       transitionProperty: 'box-shadow',

package/dist/components/EditableText/EditableText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../lib/components/EditableText/EditableText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGb,KAAK,mBAAmB,EAKxB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpD,KAAK,cAAc,GAAG,IAAI,CACzB,QAAQ,EACR,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAC9C,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAC5B,SAAS,EACT,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAC1D,CAAC;AAEF,KAAK,UAAU,GAAG,IAAI,CACrB,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,IAAI,GACJ,WAAW,GACX,OAAO,GACP,QAAQ,GACR,IAAI,GACJ,SAAS,GACT,QAAQ,GACR,WAAW,GACX,OAAO,GACP,OAAO,GACP,MAAM,iBAAiB,GACvB,MAAM,cAAc,CACtB,CAAC;AAEF,MAAM,WAAW,iBAChB,SAAQ,iBAAiB,EACxB,UAAU,EACV,OAAO,CAAC,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAClC,eAAO,MAAM,YAAY,0FAiJxB,CAAC"}
+{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../lib/components/EditableText/EditableText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGb,KAAK,mBAAmB,EAKxB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpD,KAAK,cAAc,GAAG,IAAI,CACzB,QAAQ,EACR,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAC9C,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAC5B,SAAS,EACT,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAC1D,CAAC;AAEF,KAAK,UAAU,GAAG,IAAI,CACrB,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,IAAI,GACJ,WAAW,GACX,OAAO,GACP,QAAQ,GACR,IAAI,GACJ,SAAS,GACT,QAAQ,GACR,WAAW,GACX,OAAO,GACP,OAAO,GACP,MAAM,iBAAiB,GACvB,MAAM,cAAc,CACtB,CAAC;AAEF,MAAM,WAAW,iBAChB,SAAQ,iBAAiB,EACxB,UAAU,EACV,OAAO,CAAC,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAClC,eAAO,MAAM,YAAY,0FAkJxB,CAAC"}

package/dist/components/EditableText/EditableText.js

@@ -107,7 +107,9 @@ export const EditableText = /*#__PURE__*/forwardRef((_ref, ref) => {
       noWrap: true,
       ref: textRef,
       as: as,
-      color: color,
+      color: color
+      // eslint-disable-next-line no-restricted-syntax -- RETAINED: pass-through of the public, union-typed (intent-capable) `colour` prop (docs/ds2026-plan/track-c.md §1.5, EditableText row).
+      ,
       colour: colour,
       size: size,
       className: [baseStyle, styles.text, {

package/dist/components/Flex/flex.d.ts

@@ -40,18 +40,18 @@ export declare const inlinePropMapping: ({ align, center, end, fullWidth, gap, h
     display: "flex";
     flexDirection: "row" | "row-reverse";
     flexWrap: "nowrap" | "wrap";
-    gap: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
-        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
-        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
-        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
-        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
-    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
-    height: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
-        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
-        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
-        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
-        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
-    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null>;
+    gap: ("0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "none" | {
+        mobile?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "none" | undefined;
+        tablet?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "none" | undefined;
+        desktop?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "none" | undefined;
+        largeDesktop?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "none" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "none" | null>;
+    height: ("0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
+        mobile?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        tablet?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        desktop?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        largeDesktop?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null>;
     justifyContent: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | null> | {
         mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
         tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
@@ -103,12 +103,12 @@ export declare const stackPropMapping: ({ align, center, end, gap, justify, minW
     } | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | null> | undefined;
     display: "flex";
     flexDirection: "column" | "column-reverse";
-    gap: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
-        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
-        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
-        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
-        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
-    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
+    gap: ("0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "none" | {
+        mobile?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "none" | undefined;
+        tablet?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "none" | undefined;
+        desktop?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "none" | undefined;
+        largeDesktop?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "none" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "none" | null>;
     justifyContent: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | null> | ("space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | {
         mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
         tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
@@ -121,11 +121,11 @@ export declare const stackPropMapping: ({ align, center, end, gap, justify, minW
         desktop?: "auto" | "fit-content" | undefined;
         largeDesktop?: "auto" | "fit-content" | undefined;
     } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "fit-content" | null>;
-    width: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
-        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
-        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
-        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
-        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+    width: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null> | ("0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
+        mobile?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        tablet?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        desktop?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        largeDesktop?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
     } | undefined);
 };
 /**

package/dist/components/Flyout/Flyout.js

@@ -24,11 +24,11 @@ export const Flyout = _ref => {
   }, rest), {}, {
     children: /*#__PURE__*/_jsx(Box, {
       overflow: "hidden",
-      backgroundColour: "white",
+      backgroundColor: "white",
       boxShadow: "4",
       borderRadius: "1",
       borderWidth: "1",
-      borderColour: "gray",
+      borderColor: "default",
       children: children
     })
   }));

package/dist/components/Heading/Heading.js

@@ -26,7 +26,7 @@ export const Heading = _ref => {
       size,
       transform,
       testId,
-      weight = 'bold',
+      weight,
       wrap,
       display,
       m,

package/dist/components/LinearProgressIndicator/LinearProgressIndicator.js

@@ -10,7 +10,7 @@ export const LinearProgressIndicator = /*#__PURE__*/memo(({
     position: "relative",
     overflow: "hidden",
     width: "full",
-    backgroundColour: "gray200",
+    backgroundColor: "gray200",
     className: [styles.root, className],
     odComponent: "linear-progress-indicator",
     children: /*#__PURE__*/_jsx(Box, {
@@ -20,7 +20,7 @@ export const LinearProgressIndicator = /*#__PURE__*/memo(({
       className: styles.linearProgressBar,
       children: /*#__PURE__*/_jsx(Box, {
         as: "span",
-        backgroundColour: "green300",
+        backgroundColor: "green300",
         position: "absolute",
         width: "full",
         height: "full",

package/dist/components/MarkdownRenderer/components/MarkdownHeading.js

@@ -27,9 +27,9 @@ const compactWeightMap = {
   h1: 'bold',
   h2: 'bold',
   h3: 'bold',
-  h4: 'semiBold',
-  h5: 'semiBold',
-  h6: 'semiBold'
+  h4: 'medium',
+  h5: 'medium',
+  h6: 'medium'
 };
 function createHeadingComponent(level) {
   const Component = _ref => {

package/dist/components/Meta/Meta.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Meta.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Meta/Meta.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,yCAOlB,CAAC"}
+{"version":3,"file":"Meta.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Meta/Meta.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,yCAQlB,CAAC"}

package/dist/components/Meta/Meta.css.js

@@ -4,10 +4,11 @@ import { styleVariants } from '@vanilla-extract/css';
 import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const variant = styleVariants({
   primary: {
+    // eslint-disable-next-line no-restricted-syntax -- RETAINED: intent-derived ref, reverted by the C-theme-bridge corrective package — never repointed pre-major (docs/ds2026-plan/track-c.md §1.5 + deviation 12).
     color: vars.colours.intent.primary.background.strong
   },
   secondary: {
-    color: vars.typography.colour.dark
+    color: vars.color.foreground.primary
   }
 }, "variant");
 __vanilla_filescope__.endFileScope();

package/dist/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,cAAc,EACd,aAAa,EACb,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAKzD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAI1C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,OAAO,MAAM,CAAC;IAChE,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;CAChE;AAyDD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,CAmF/C,CAAC;AAEF,eAAO,MAAM,SAAS,GACpB,cAAc,SAAS,EAAE,GAAG,EAAE,EAC9B,kBAAkB,aAAa,CAAC,UAAU,GAAG,cAAc,CAAC,KAC1D,iBAAiB,CAAC,UAAU,GAAG,cAAc,CAgB/C,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,cAAc,EACd,aAAa,EACb,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAKzD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAI1C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,OAAO,MAAM,CAAC;IAChE,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;CAChE;AAyDD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,CAoF/C,CAAC;AAEF,eAAO,MAAM,SAAS,GACpB,cAAc,SAAS,EAAE,GAAG,EAAE,EAC9B,kBAAkB,aAAa,CAAC,UAAU,GAAG,cAAc,CAAC,KAC1D,iBAAiB,CAAC,UAAU,GAAG,cAAc,CAgB/C,CAAC"}

package/dist/components/Modal/Modal.js

@@ -107,7 +107,9 @@ export const Modal = ({
         "aria-hidden": "true",
         position: "fixed",
         pointerEvents: disableBackdropClick || state === 'CLOSING' ? 'none' : undefined,
-        opacity: state === 'OPEN' ? undefined : 0,
+        opacity: state === 'OPEN' ? undefined : 0
+        // eslint-disable-next-line no-restricted-syntax -- RETAINED: intent-derived ref ("neutral" resolves via colours.intent.neutral), reverted by the C-theme-bridge corrective package — never repointed pre-major (docs/ds2026-plan/track-c.md §1.5 + deviation 12).
+        ,
         backgroundColour: hideBackdrop ? 'transparent' : 'neutral',
         className: [styles.backdrop.root, styles.transition, hideBackdrop && styles.backdrop.invisible],
         onClick: handleBackdropClick