@autoguru/overdrive 4.59.0 → 4.61.0

package/dist/components/Table/TableCell.css.js

@@ -3,7 +3,7 @@ __vanilla_filescope__.setFileScope("lib/components/Table/TableCell.css.ts", "@au
 import { style } from '@vanilla-extract/css';
 import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const root = style({
-  borderBottomColor: vars.colours.gamut.black100,
+  borderBottomColor: vars.color.border.default,
   /*
   We do this hack, as our row's have no distinct element. Once subgrid is
   	supported across browsers we can revisit this approach.
@@ -22,7 +22,7 @@ export const root = style({
   },
   selectors: {
     '&:hover:before': {
-      backgroundColor: vars.colours.gamut.gray100,
+      backgroundColor: vars.color.gamut.gray['100'],
       transitionTimingFunction: vars.animation.easing.decelerate
     }
   }

package/dist/components/Table/TableCell.js

@@ -29,7 +29,7 @@ export const TableCell = /*#__PURE__*/forwardRef(({
     className: styles.root,
     children: typeof children === 'string' || typeof children === 'number' ? /*#__PURE__*/_jsx(Text, {
       as: "span",
-      colour: "dark",
+      color: "primary",
       display: "block",
       size: "3",
       children: children

package/dist/components/Table/TableHeadCell.css.js

@@ -11,7 +11,7 @@ export const sorterButton = style({
 export const text = style({
   selectors: {
     [`${sorterButton}:hover &`]: {
-      color: vars.typography.colour.dark
+      color: vars.color.foreground.primary
     }
   }
 }, "text");
@@ -23,7 +23,7 @@ const sorterRoot = style({
 }, "sorterRoot");
 export const sorter = _objectSpread({
   root: [sorterRoot, style({
-    color: vars.typography.colour.dark,
+    color: vars.color.foreground.primary,
     transitionTimingFunction: vars.animation.easing.standard
   }, "sorter_root")]
 }, styleVariants({

package/dist/components/Tabs/Tab.css.js

@@ -16,7 +16,7 @@ export const styledTab = recipe({
     ':focus-visible': _objectSpread({}, focusOutline),
     selectors: {
       '&:not([aria-selected=true]):hover': {
-        color: vars.colours.foreground.body
+        color: vars.color.foreground.primary
       }
     }
   },
@@ -31,7 +31,7 @@ export const styledTab = recipe({
       },
       pill: {
         borderRadius: vars.border.radius.pill,
-        color: vars.colours.foreground.body,
+        color: vars.color.foreground.primary,
         fontWeight: vars.typography.fontWeight.normal,
         padding: `${vars.space['2']} ${vars.space['4']}`,
         selectors: {
@@ -39,7 +39,7 @@ export const styledTab = recipe({
             marginLeft: vars.space['3']
           },
           '&:not([aria-selected=true]):hover': {
-            backgroundColor: vars.colours.gamut.gray200
+            backgroundColor: vars.color.gamut.gray['200']
           }
         }
       },
@@ -72,8 +72,8 @@ export const styledTab = recipe({
       active: true
     },
     style: {
-      backgroundColor: vars.colours.foreground.body,
-      color: vars.colours.background.body
+      backgroundColor: vars.color.foreground.primary,
+      color: vars.color.background.default
     }
   }, {
     variants: {
@@ -136,7 +136,7 @@ export const indication = recipe({
     },
     style: {
       backgroundColor: vars.colours.background.light,
-      color: vars.colours.foreground.body
+      color: vars.color.foreground.primary
     }
   }],
   defaultVariants: {

package/dist/components/Tabs/Tab.js

@@ -41,7 +41,7 @@ export const Tab = /*#__PURE__*/forwardRef(({
       as: typeof Component === 'string' ? Component : 'button',
       display: 'inline-flex',
       justifyContent: 'center',
-      backgroundColour: 'transparent'
+      backgroundColor: 'transparent'
     }), textStyles({
       colour: 'light',
       noWrap: true,
@@ -77,7 +77,7 @@ export const Tab = /*#__PURE__*/forwardRef(({
       size: "2",
       align: "center",
       display: "block",
-      colour: isActive ? 'white' : 'dark',
+      color: isActive ? 'reverse' : 'primary',
       className: styles.indication({
         appearance,
         active: isActive

package/dist/components/Tabs/TabList.css.js

@@ -8,7 +8,7 @@ export const styledTabList = recipe({
   variants: {
     appearance: {
       underlined: {
-        boxShadow: `inset 0 -1px 0 0 ${vars.border.colours.gray}`
+        boxShadow: `inset 0 -1px 0 0 ${vars.color.border.default}`
       },
       pill: {},
       minimal: {}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AACpD,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAIN,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,KAAK,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAC3D,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC;AAE1C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,SAAS,EACP,SAAS,GACT,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,aAAa,GACb,WAAW,GACX,SAAS,GACT,SAAS,GACT,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,SAAS,GACT,eAAe,GACf,aAAa,GACb,cAAc,GACd,YAAY,GACZ,UAAU,GACV,UAAU,CACZ,CAAC;AAEF,MAAM,WAAW,SAChB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,WAAW,GAAG,IAAI,GAAG,MAAM,eAAe,CAAC,EAC1E,oBAAoB,EACpB,eAAe,EACf,UAAU;IACX,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,IAAI,+EAiHhB,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AACpD,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,KAAK,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAC3D,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC;AAE1C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,SAAS,EACP,SAAS,GACT,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,aAAa,GACb,WAAW,GACX,SAAS,GACT,SAAS,GACT,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,SAAS,GACT,eAAe,GACf,aAAa,GACb,cAAc,GACd,YAAY,GACZ,UAAU,GACV,UAAU,CACZ,CAAC;AAEF,MAAM,WAAW,SAChB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,WAAW,GAAG,IAAI,GAAG,MAAM,eAAe,CAAC,EAC1E,oBAAoB,EACpB,eAAe,EACf,UAAU;IACX,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,IAAI,+EAiHhB,CAAC"}

package/dist/components/Text/Text.js

@@ -5,7 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import { sprinkles } from "../../styles/sprinkles.css.js";
-import { DEFAULT_TEXT_SIZE, DEFAULT_TEXT_WEIGHT, textStyles } from "../../styles/typography.js";
+import { textStyles } from "../../styles/typography.js";
 import { useBox } from "../Box/useBox/useBox.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -39,10 +39,10 @@ export const Text = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       colour,
       // legacy colours
       noWrap,
-      size = DEFAULT_TEXT_SIZE,
+      size,
       strong,
       transform,
-      weight = DEFAULT_TEXT_WEIGHT,
+      weight,
       wrap,
       //style props
       display,

package/dist/components/TextLink/TextLink.js

@@ -36,7 +36,7 @@ export const TextLink = /*#__PURE__*/forwardRef((_ref, ref) => {
       size,
       strong,
       transform,
-      weight = 'semiBold'
+      weight = 'medium'
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   !!(Component !== undefined && props.href !== undefined) ? process.env.NODE_ENV !== "production" ? invariant(false, 'You cannot have both href and as defined.') : invariant(false) : void 0;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,14 +1,12 @@
 import React, { type ReactNode } from 'react';
 import type { TestIdProp } from '../../types';
 import { EAlignment } from '../Positioner/alignment';
-import { type ToolTipSize } from './useTooltip/useTooltip';
-export interface TooltipProps extends TestIdProp {
+import { type PositionedTooltipContentProps, type ToolTipSize } from './useTooltip/useTooltip';
+interface TooltipBaseProps extends TestIdProp {
     /** Size of the tooltip text */
     size?: ToolTipSize;
     /** Whether the tooltip is open. When provided, the tooltip becomes controlled */
     isOpen?: boolean;
-    /** Text content displayed in the tooltip */
-    label: string;
     /** Position of the tooltip relative to the trigger element */
     alignment?: EAlignment;
     /** The element(s) that trigger the tooltip on hover or focus */
@@ -18,6 +16,7 @@ export interface TooltipProps extends TestIdProp {
     /** An HTML tag to wrap the tooltip trigger with if children do not contain a keyboard focusable element */
     wrapper?: boolean | keyof React.JSX.IntrinsicElements;
 }
+export type TooltipProps = TooltipBaseProps & PositionedTooltipContentProps;
 /**
  * Renders a tooltip that appears when the user hovers over or focuses on the trigger element.
  *
@@ -29,7 +28,8 @@ export interface TooltipProps extends TestIdProp {
  * - In controlled mode, its visibility is managed externally via the `isOpen` prop.
  */
 export declare const Tooltip: {
-    ({ alignment, isOpen, label, children, size, closeAfter, testId, wrapper, }: TooltipProps): React.JSX.Element;
+    ({ alignment, content, isOpen, label, children, size, closeAfter, testId, wrapper, }: TooltipProps): React.JSX.Element;
     displayName: string;
 };
+export {};
 //# sourceMappingURL=Tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../lib/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAIb,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEvE,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC/C,+BAA+B;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,gEAAgE;IAChE,QAAQ,EAAE,SAAS,CAAC;IACpB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,2GAA2G;IAC3G,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;CACtD;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO;iFASjB,YAAY;;CAwDd,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../lib/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAIb,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAEN,KAAK,6BAA6B,EAClC,KAAK,WAAW,EAChB,MAAM,yBAAyB,CAAC;AAEjC,UAAU,gBAAiB,SAAQ,UAAU;IAC5C,+BAA+B;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,gEAAgE;IAChE,QAAQ,EAAE,SAAS,CAAC;IACpB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,2GAA2G;IAC3G,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;CACtD;AAED,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,6BAA6B,CAAC;AAE5E;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO;0FAUjB,YAAY;;CAmEd,CAAC"}

package/dist/components/Tooltip/Tooltip.js

@@ -20,6 +20,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  */
 export const Tooltip = ({
   alignment = EAlignment.RIGHT,
+  content,
   isOpen,
   label,
   children,
@@ -36,11 +37,21 @@ export const Tooltip = ({
     isOpen,
     closeAfter
   });
-
-  // return early if no label provided
-  if (!label) return /*#__PURE__*/_jsx(_Fragment, {
-    children: children
-  });
+  !(label === undefined || content === undefined) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Tooltip accepts either `label` or `content`, not both') : invariant(false) : void 0;
+  let positionedTooltipContent;
+  if (content === undefined) {
+    // Return children unchanged when the text label is empty.
+    if (!label) return /*#__PURE__*/_jsx(_Fragment, {
+      children: children
+    });
+    positionedTooltipContent = {
+      label
+    };
+  } else {
+    positionedTooltipContent = {
+      content
+    };
+  }
 
   // return wrapped output
   if (wrapper) {
@@ -54,24 +65,22 @@ export const Tooltip = ({
         testid: testId
       })), {}, {
         children: children
-      })), /*#__PURE__*/_jsx(PositionedTooltip, {
+      })), /*#__PURE__*/_jsx(PositionedTooltip, _objectSpread(_objectSpread({}, positionedTooltipContent), {}, {
         alignment: alignment,
         className: styles.root,
-        label: label,
         size: size
-      })]
+      }))]
     });
   }
   !(Children.count(children) === 1 && /*#__PURE__*/isValidElement(Children.only(children))) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Tooltips without a wrapper should have a single React element as a child') : invariant(false) : void 0;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/cloneElement(Children.only(children), _objectSpread(_objectSpread({}, triggerProps), {}, {
       ref: triggerRef
-    })), /*#__PURE__*/_jsx(PositionedTooltip, {
+    })), /*#__PURE__*/_jsx(PositionedTooltip, _objectSpread(_objectSpread({}, positionedTooltipContent), {}, {
       alignment: alignment,
       className: styles.root,
-      label: label,
       size: size
-    })]
+    }))]
   });
 };
 Tooltip.displayName = 'Tooltip';

package/dist/components/Tooltip/index.d.ts

@@ -1,3 +1,3 @@
 export { Tooltip, type TooltipProps } from './Tooltip';
-export { useTooltip, type UseTooltipProps, type ToolTipSize, } from './useTooltip/useTooltip';
+export { useTooltip, type PositionedTooltipProps, type UseTooltipProps, type ToolTipSize, } from './useTooltip/useTooltip';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EACN,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,WAAW,GAChB,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EACN,UAAU,EACV,KAAK,sBAAsB,EAC3B,KAAK,eAAe,EACpB,KAAK,WAAW,GAChB,MAAM,yBAAyB,CAAC"}

package/dist/components/Tooltip/useTooltip/useTooltip.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type ReactNode } from 'react';
 import { EAlignment } from '../../Positioner/alignment';
 export type ToolTipSize = 'medium' | 'large';
 export interface UseTooltipProps {
@@ -15,6 +15,21 @@ export interface UseTooltipProps {
      */
     onOpenChange?: (isOpen: boolean) => void;
 }
+interface PositionedTooltipBaseProps {
+    alignment?: EAlignment;
+    className?: string;
+    size?: ToolTipSize;
+}
+export type PositionedTooltipContentProps = {
+    /** Text rendered with the standard tooltip surface */
+    label: string;
+    content?: never;
+} | {
+    /** Custom tooltip surface and content */
+    content: ReactNode;
+    label?: never;
+};
+export type PositionedTooltipProps = PositionedTooltipBaseProps & PositionedTooltipContentProps;
 /**
  * Hook for managing tooltip state and interactions
  */
@@ -28,11 +43,7 @@ export declare const useTooltip: ({ isOpen: controlledIsOpen, closeAfter, onOpen
         onBlur: () => void;
         'aria-describedby': string | undefined;
     };
-    PositionedTooltip: ({ alignment, className, label, size, }: {
-        alignment?: EAlignment;
-        className?: string;
-        label: string;
-        size?: ToolTipSize;
-    }) => React.JSX.Element;
+    PositionedTooltip: ({ alignment, className, content, label, size, }: PositionedTooltipProps) => React.JSX.Element;
 };
+export {};
 //# sourceMappingURL=useTooltip.d.ts.map

package/dist/components/Tooltip/useTooltip/useTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../lib/components/Tooltip/useTooltip/useTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAI/E,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAGxD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7C,MAAM,WAAW,eAAe;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAOD;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,yDAIxB,eAAe;;;;;;;;;;gEAmFb;QACF,SAAS,CAAC,EAAE,UAAU,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,WAAW,CAAC;KACnB;CAwCF,CAAC"}
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../lib/components/Tooltip/useTooltip/useTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,KAAK,SAAS,EAMd,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAGxD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7C,MAAM,WAAW,eAAe;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,UAAU,0BAA0B;IACnC,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,MAAM,6BAA6B,GACtC;IACA,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACA,yCAAyC;IACzC,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;CACb,CAAC;AAEL,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAC9D,6BAA6B,CAAC;AAO/B;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,yDAIxB,eAAe;;;;;;;;;;yEAoFb,sBAAsB;CA+C1B,CAAC"}

package/dist/components/Tooltip/useTooltip/useTooltip.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useRef, useState, useId } from 'react';
+import React, { useCallback, useEffect, useId, useRef, useState } from 'react';
 import { Box } from "../../Box/Box.js";
 import { Positioner } from "../../Positioner/Positioner.js";
 import { EAlignment } from "../../Positioner/alignment.js";
@@ -82,10 +82,12 @@ export const useTooltip = ({
   const PositionedTooltip = useCallback(({
     alignment = EAlignment.RIGHT,
     className,
+    content,
     label,
     size = 'medium'
   }) => {
     const textSize = sizeMap[size];
+    const hasCustomContent = content !== undefined;
     return /*#__PURE__*/_jsx(Positioner, {
       triggerRef: triggerRef,
       alignment: alignment,
@@ -94,19 +96,19 @@ export const useTooltip = ({
         className: className,
         id: tooltipId,
         ref: tooltipRef,
-        width: "full",
+        width: hasCustomContent ? undefined : 'full',
         pointerEvents: "none",
         userSelect: "none",
-        overflow: "hidden",
-        borderRadius: "1",
-        boxShadow: "4",
-        backgroundColour: "gray900",
-        paddingY: "2",
-        paddingX: "3",
+        overflow: hasCustomContent ? undefined : 'hidden',
+        borderRadius: hasCustomContent ? undefined : '1',
+        boxShadow: hasCustomContent ? undefined : '4',
+        backgroundColor: hasCustomContent ? undefined : 'gray900',
+        paddingY: hasCustomContent ? undefined : '2',
+        paddingX: hasCustomContent ? undefined : '3',
         role: "tooltip",
-        children: /*#__PURE__*/_jsx(Text, {
+        children: hasCustomContent ? content : /*#__PURE__*/_jsx(Text, {
           size: textSize,
-          colour: "white",
+          color: "white",
           children: label
         })
       })

package/dist/components/private/CheckableBase/CheckableBase.css.js

@@ -6,12 +6,12 @@ import { overdriveTokens as vars } from "../../../themes/theme.css.js";
 export const root = style({
   cursor: 'pointer',
   ':hover': {
-    backgroundColor: vars.colours.background.body
+    backgroundColor: vars.color.background.default
   }
 }, "root");
 export const label = styleVariants({
   disabled: {
-    color: vars.typography.colour.dark
+    color: vars.color.foreground.primary
   }
 }, "label");
 export const nativeInput = style({

package/dist/components/private/InputBase/HintText.js

@@ -16,7 +16,7 @@ export const HintText = ({
   return /*#__PURE__*/_jsx(Text, {
     as: "p",
     size: size === 'large' ? '4' : '2',
-    colour: "unset",
+    color: "unset",
     className: clsx(elementStyles({
       as: 'p',
       mt: '1'

package/dist/components/private/InputBase/InputState.css.js

@@ -3,23 +3,23 @@ __vanilla_filescope__.setFileScope("lib/components/private/InputBase/InputState.
 import { style, styleVariants } from '@vanilla-extract/css';
 import { overdriveTokens as vars } from "../../../themes/theme.css.js";
 const activeColour = style({
-  color: vars.typography.colour.dark
+  color: vars.color.foreground.primary
 }, "activeColour");
 const activeBorderColour = style({
-  color: vars.typography.colour.dark
+  color: vars.color.foreground.primary
 }, "activeBorderColour");
 export const disabled = styleVariants({
   borderColour: {
     borderColor: vars.border.colours.gray
   },
   colour: {
-    color: vars.colours.gamut.gray200
+    color: vars.color.gamut.gray['200']
   }
 }, "disabled");
 export const natural = {
   default: {
     colour: style({
-      color: vars.typography.colour.muted
+      color: vars.color.foreground.tertiaryInactive
     }, "natural_default_colour"),
     borderColour: style({
       borderColor: vars.border.colours.gray
@@ -51,52 +51,52 @@ export const active = {
 export const success = {
   default: {
     colour: style({
-      color: vars.typography.colour.success
+      color: vars.color.success.foreground
     }, "success_default_colour"),
     borderColour: style({
-      borderColor: vars.typography.colour.success
+      borderColor: vars.color.success.foreground
     }, "success_default_borderColour")
   },
   hover: {
     colour: style({
-      color: vars.typography.colour.success
+      color: vars.color.success.foreground
     }, "success_hover_colour"),
     borderColour: style({
-      borderColor: vars.typography.colour.success
+      borderColor: vars.color.success.foreground
     }, "success_hover_borderColour")
   },
   active: {
     colour: style({
-      color: vars.typography.colour.success
+      color: vars.color.success.foreground
     }, "success_active_colour"),
     borderColour: style({
-      borderColor: vars.typography.colour.success
+      borderColor: vars.color.success.foreground
     }, "success_active_borderColour")
   }
 };
 export const error = {
   default: {
     colour: style({
-      color: vars.typography.colour.danger
+      color: vars.color.alert.foreground
     }, "error_default_colour"),
     borderColour: style({
-      borderColor: vars.typography.colour.danger
+      borderColor: vars.color.alert.foreground
     }, "error_default_borderColour")
   },
   hover: {
     colour: style({
-      color: vars.typography.colour.danger
+      color: vars.color.alert.foreground
     }, "error_hover_colour"),
     borderColour: style({
-      borderColor: vars.typography.colour.danger
+      borderColor: vars.color.alert.foreground
     }, "error_hover_borderColour")
   },
   active: {
     colour: style({
-      color: vars.typography.colour.danger
+      color: vars.color.alert.foreground
     }, "error_active_colour"),
     borderColour: style({
-      borderColor: vars.typography.colour.danger
+      borderColor: vars.color.alert.foreground
     }, "error_active_borderColour")
   }
 };

package/dist/components/private/InputBase/NotchedBase.css.js

@@ -157,7 +157,7 @@ export const placeholder = styleVariants({
     color: vars.colours.background.neutral
   },
   mutedLabelStyles: {
-    color: vars.typography.colour.muted
+    color: vars.color.foreground.tertiaryInactive
   }
 }, "placeholder");
 const calcPlaceholderTranslate = (notched, prefixed, size) => {
@@ -168,7 +168,7 @@ const calcPlaceholderTranslate = (notched, prefixed, size) => {
   }
   if (size === 'medium') {
     const offsetX = prefixed ? `calc(${vars.space['7']} + ${vars.space['3']})` : typography.fontSize;
-    return `${offsetX}, calc((${vars.space['8']} - ${typography.fontSize}) / 2)`;
+    return `${offsetX}, calc((${vars.space['9']} - ${typography.fontSize}) / 2)`;
   }
   if (size === 'large') {
     const offsetX = prefixed ? '64px' : typography.fontSize;

package/dist/components/private/InputBase/withEnhancedInput.css.js

@@ -14,7 +14,7 @@ export const input = {
           cursor: 'not-allowed'
         },
         '&::placeholder': {
-          color: vars.typography.colour.muted,
+          color: vars.color.foreground.tertiaryInactive,
           fontSize: vars.typography.size['4'].fontSize,
           lineHeight: vars.typography.size['4'].lineHeight,
           opacity: 1
@@ -89,12 +89,12 @@ export const inputItselfSize = {
     root: styleVariants({
       any: {
         fontSize: vars.typography.size['4'].fontSize,
-        height: vars.space['8'],
+        height: vars.space['9'],
         lineHeight: vars.typography.size['4'].lineHeight,
-        padding: `calc(((${vars.space['8']} - ${vars.typography.size['4'].fontSize}) / 2) - 3px) calc(${vars.space['4']} - 1px)`
+        padding: `calc(((${vars.space['9']} - ${vars.typography.size['4'].fontSize}) / 2) - 3px) calc(${vars.space['4']} - 1px)`
       },
       textarea: {
-        padding: `${vars.space['1']} calc(${vars.space['4']} - 1px) calc(((${vars.space['8']} - ${vars.typography.size['4'].fontSize}) / 2) - 3px)`
+        padding: `${vars.space['1']} calc(${vars.space['4']} - 1px) calc(((${vars.space['9']} - ${vars.typography.size['4'].fontSize}) / 2) - 3px)`
       }
     }, "inputItselfSize_medium_root"),
     prefixed: styleVariants({

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { Actions, Alert, Anchor, AutoSuggest, type AutoSuggestValue, type AutoSuggestItemRenderer, Badge, Box, type BoxProps, useBox, type UseBoxProps, BulletList, Bullet, BulletText, Button, Calendar, type CalendarProps, CheckBox, ColourInput, Columns, Column, DateInput, DatePicker, DateTimeField, type DateTimeFieldProps, DateField, type DateFieldProps, TimeField, type TimeFieldProps, type CommonSelectorProps, DividerLine, DropDown, DropDownOption, EditableText, FillHeightBox, FlexInline, type FlexInlineComponentProps, FlexStack, type FlexStackComponentProps, type FlexComponentProps, inline, stack, Flyout, Heading, HorizontalAutoScroller, useHorizontalAutoScroller, Icon, type IconEl, type IconProps, Image, ImageServerProvider, useImageServer, Inline, IntentStripe, LinearProgressIndicator, LoadingBox, MarkdownRenderer, type MarkdownRendererDensity, type MarkdownRendererProps, Meta, MinimalModal, withModal, Modal, NumberBubble, NumberInput, OptionGrid, type OptionGridProps, type OptionItem, OptionList, OptionListContext, type OptionListProps, OrderedList, useOutsideClick, OutsideClick, OverdriveProvider, useRuntimeTokens, useTheme, ThemeProvider, ThemeOverrideProvider, ThemeOverrideDebugger, ThemeAnalyser, Pagination, Portal, EPositionerAlignment, Positioner, ProgressBar, ProgressBarGroup, ProgressSpinner, Radio, RadioGroup, ScrollPane, SearchBar, type SearchBarProps, Section, SelectInput, SimplePagination, EPageChangeDirection, Slider, type SliderProps, SliderProgress, SplitButton, type SplitButtonProps, Stack, StandardModal, EStandardModalSize, StarRating, EStarRatingSize, Stepper, StickyBox, Switch, Table, TableCell, TableHeadCell, TableRow, TableRowGroup, Tabs, Tab, TabList, TabPane, TabPanes, Text, TextAreaInput, TextBubble, TextContainer, TextInput, TextLink, useToast, ToastProvider, ToggleButtons, ToggleButton, type ToggleButtonsProps, Tooltip, type TooltipProps, useTooltip, type UseTooltipProps, type ToolTipSize, VisuallyHidden, } from './components';
 export { useAnimationEvents, useAttachedBoxes, useContainerWidth, type UseContainerWidthProps, useDeepCompareMemo, useDocumentBodyStyles, useNegativeMarginTop, useNegativeMarginLeft, useResponsiveValue, useWindowHeightFill, useWindowScrollLock, useMedia, useNullCheck, } from './hooks';
-export { cssLayerComponent, cssLayerTheme, resetVariants, type ResetVariantProps, elementStyles, type ElementStylesProps, resetStyles, sprinkles, type StyleProps, type LegacyStyleProps, textStyles, type TextStylesProps, typography, type TypographyProps, type LegacyTextColours, } from './styles';
+export { cssLayerComponent, cssLayerTheme, resetVariants, type ResetVariantProps, elementStyles, type ElementStylesProps, resetStyles, sprinkles, type StyleProps, type LegacyStyleProps, namedTextStyleMap, type NamedTextStyle, TEXT_STYLES, textStyles, type TextStylesProps, typography, type TypographyProps, type LegacyTextColours, } from './styles';
 export { overdriveTokens as tokens } from './themes/theme.css';
 export { sprinkles as css } from './styles/sprinkles.css';
 export { elementStyles as useBoxStyles, textStyles as useTextStyles, type ElementStylesProps as BoxStyleProps, } from './styles';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,7 +1,7 @@
 // Components
 export { Actions, Alert, Anchor, AutoSuggest, Badge, Box, useBox, BulletList, Bullet, BulletText, Button, Calendar, CheckBox, ColourInput, Columns, Column, DateInput, DatePicker, DateTimeField, DateField, TimeField, DividerLine, DropDown, DropDownOption, EditableText, FillHeightBox, FlexInline, FlexStack, inline, stack, Flyout, Heading, HorizontalAutoScroller, useHorizontalAutoScroller, Icon, Image, ImageServerProvider, useImageServer, Inline, IntentStripe, LinearProgressIndicator, LoadingBox, MarkdownRenderer, Meta, MinimalModal, withModal, Modal, NumberBubble, NumberInput, OptionGrid, OptionList, OptionListContext, OrderedList, useOutsideClick, OutsideClick, OverdriveProvider, useRuntimeTokens, useTheme, ThemeProvider, ThemeOverrideProvider, ThemeOverrideDebugger, ThemeAnalyser, Pagination, Portal, EPositionerAlignment, Positioner, ProgressBar, ProgressBarGroup, ProgressSpinner, Radio, RadioGroup, ScrollPane, SearchBar, Section, SelectInput, SimplePagination, EPageChangeDirection, Slider, SliderProgress, SplitButton, Stack, StandardModal, EStandardModalSize, StarRating, EStarRatingSize, Stepper, StickyBox, Switch, Table, TableCell, TableHeadCell, TableRow, TableRowGroup, Tabs, Tab, TabList, TabPane, TabPanes, Text, TextAreaInput, TextBubble, TextContainer, TextInput, TextLink, useToast, ToastProvider, ToggleButtons, ToggleButton, Tooltip, useTooltip, VisuallyHidden } from "./components/index.js"; // Hooks
 export { useAnimationEvents, useAttachedBoxes, useContainerWidth, useDeepCompareMemo, useDocumentBodyStyles, useNegativeMarginTop, useNegativeMarginLeft, useResponsiveValue, useWindowHeightFill, useWindowScrollLock, useMedia, useNullCheck } from "./hooks/index.js"; // Styles
-export { cssLayerComponent, cssLayerTheme, resetVariants, elementStyles, resetStyles, sprinkles, textStyles, typography } from "./styles/index.js"; // Tokens & aliases
+export { cssLayerComponent, cssLayerTheme, resetVariants, elementStyles, resetStyles, sprinkles, namedTextStyleMap, TEXT_STYLES, textStyles, typography } from "./styles/index.js"; // Tokens & aliases
 export { overdriveTokens as tokens } from "./themes/theme.css.js";
 export { sprinkles as css } from "./styles/sprinkles.css.js";
 export { elementStyles as useBoxStyles, textStyles as useTextStyles } from "./styles/index.js";

package/dist/styles/focusOutline.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focusOutline.css.d.ts","sourceRoot":"","sources":["../../lib/styles/focusOutline.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;;;CAGxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAO5B,CAAC"}
+{"version":3,"file":"focusOutline.css.d.ts","sourceRoot":"","sources":["../../lib/styles/focusOutline.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;;;CAIxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAQ5B,CAAC"}

package/dist/styles/focusOutline.css.js

@@ -4,12 +4,14 @@ import { style } from '@vanilla-extract/css';
 import { overdriveTokens as tokens } from "../themes/theme.css.js";
 const width = '2px';
 export const focusOutline = {
+  // eslint-disable-next-line no-restricted-syntax -- RETAINED: C-P9 superseded — colours.foreground.link is theme-overridden (neutral -> blue500, fleetGuru -> yellow500), intent-like; stays on the legacy contract until the major (docs/ds2026-plan/track-c.md §1.9 C-P9 work order).
   outline: `solid ${width} ${tokens.colours.foreground.link}`,
   outlineOffset: width
 };
 export const focusOutlineStyle = style({
   selectors: {
     '&:focus-visible, &[data-focus-visible], [data-focus-visible] &': {
+      // eslint-disable-next-line no-restricted-syntax -- RETAINED: same as above.
       outline: `solid ${width} ${tokens.colours.foreground.link}`,
       outlineOffset: width
     }

package/dist/styles/index.d.ts

@@ -2,6 +2,6 @@ export { cssLayerComponent, cssLayerTheme, LAYER_ORDER } from './layers.css';
 export { resetVariants, type ResetVariantProps } from './elementReset.css';
 export { elementStyles, type ElementStylesProps, resetStyles, } from './elementStyles';
 export { sprinkles, type Sprinkles as StyleProps, type SprinklesLegacyColours as LegacyStyleProps, } from './sprinkles.css';
-export { textStyles, type TextStylesProps, typography, type TypographyProps, } from './typography';
+export { namedTextStyleMap, type NamedTextStyle, TEXT_STYLES, textStyles, type TextStylesProps, typography, type TypographyProps, } from './typography';
 export { type LegacyTextColours } from './typography.css';
 //# sourceMappingURL=index.d.ts.map

package/dist/styles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EACN,aAAa,EACb,KAAK,kBAAkB,EACvB,WAAW,GACX,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACN,SAAS,EACT,KAAK,SAAS,IAAI,UAAU,EAC5B,KAAK,sBAAsB,IAAI,gBAAgB,GAC/C,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACN,UAAU,EACV,KAAK,eAAe,EACpB,UAAU,EACV,KAAK,eAAe,GACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EACN,aAAa,EACb,KAAK,kBAAkB,EACvB,WAAW,GACX,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACN,SAAS,EACT,KAAK,SAAS,IAAI,UAAU,EAC5B,KAAK,sBAAsB,IAAI,gBAAgB,GAC/C,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACN,iBAAiB,EACjB,KAAK,cAAc,EACnB,WAAW,EACX,UAAU,EACV,KAAK,eAAe,EACpB,UAAU,EACV,KAAK,eAAe,GACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/styles/index.js

@@ -2,4 +2,4 @@ export { cssLayerComponent, cssLayerTheme, LAYER_ORDER } from "./layers.css.js";
 export { resetVariants } from "./elementReset.css.js";
 export { elementStyles, resetStyles } from "./elementStyles.js";
 export { sprinkles } from "./sprinkles.css.js";
-export { textStyles, typography } from "./typography.js";
+export { namedTextStyleMap, TEXT_STYLES, textStyles, typography } from "./typography.js";