@autoguru/overdrive 4.58.0 → 4.60.0

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/useTooltip/useTooltip.js

@@ -100,13 +100,13 @@ export const useTooltip = ({
         overflow: "hidden",
         borderRadius: "1",
         boxShadow: "4",
-        backgroundColour: "gray900",
+        backgroundColor: "gray900",
         paddingY: "2",
         paddingX: "3",
         role: "tooltip",
         children: /*#__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";

package/dist/styles/intentColorset.css.d.ts

@@ -1,8 +1,8 @@
 import { type RecipeVariants } from '@vanilla-extract/recipes';
-export declare const variantIntentionalColors: Record<"success" | "danger" | "warning" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information", string>;
-export declare const variantIntentionalColorsInverted: Record<"success" | "danger" | "warning" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information", string>;
+export declare const variantIntentionalColors: Record<"success" | "danger" | "warning" | "primary" | "secondary" | "neutral" | "brand" | "shine" | "information", string>;
+export declare const variantIntentionalColorsInverted: Record<"success" | "danger" | "warning" | "primary" | "secondary" | "neutral" | "brand" | "shine" | "information", string>;
 export declare const styledIntentionalElement: import("@vanilla-extract/recipes").RuntimeFn<{
-    intention: Record<"success" | "danger" | "warning" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information", object>;
+    intention: Record<"success" | "danger" | "warning" | "primary" | "secondary" | "neutral" | "brand" | "shine" | "information", object>;
     inverted: {
         true: {};
         false: {};

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

@@ -1 +1 @@
-{"version":3,"file":"intentColorset.css.d.ts","sourceRoot":"","sources":["../../lib/styles/intentColorset.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAUvE,eAAO,MAAM,wBAAwB,4HAapC,CAAC;AAEF,eAAO,MAAM,gCAAgC,4HAa5C,CAAC;AAyBF,eAAO,MAAM,wBAAwB;;;;;;EAcnC,CAAC;AAEH,MAAM,MAAM,+BAA+B,GAAG,WAAW,CACxD,cAAc,CAAC,OAAO,wBAAwB,CAAC,CAC/C,CAAC"}
+{"version":3,"file":"intentColorset.css.d.ts","sourceRoot":"","sources":["../../lib/styles/intentColorset.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAUvE,eAAO,MAAM,wBAAwB,4HAcpC,CAAC;AAEF,eAAO,MAAM,gCAAgC,4HAc5C,CAAC;AA0BF,eAAO,MAAM,wBAAwB;;;;;;EAcnC,CAAC;AAEH,MAAM,MAAM,+BAA+B,GAAG,WAAW,CACxD,cAAc,CAAC,OAAO,wBAAwB,CAAC,CAC/C,CAAC"}

package/dist/styles/intentColorset.css.js

@@ -7,7 +7,9 @@ import { cssColorSet } from "./layers.css.js";
 const intentBg = createGlobalVar('od-colorset-intent-bg');
 const intentBorderColor = createGlobalVar('od-colorset-intent-border');
 const intentColor = createGlobalVar('od-colorset-intent-color');
-export const variantIntentionalColors = styleVariants(tokens.colours.intent, variant => ({
+export const variantIntentionalColors = styleVariants(
+// eslint-disable-next-line no-restricted-syntax -- RETAINED: C-P9 superseded — intent-derived shared utility stays on the legacy contract until the major (docs/ds2026-plan/track-c.md §1.9 C-P9 work order).
+tokens.colours.intent, variant => ({
   '@layer': {
     [cssColorSet]: {
       vars: {
@@ -18,7 +20,9 @@ export const variantIntentionalColors = styleVariants(tokens.colours.intent, var
     }
   }
 }), "variantIntentionalColors");
-export const variantIntentionalColorsInverted = styleVariants(tokens.colours.intent, variant => ({
+export const variantIntentionalColorsInverted = styleVariants(
+// eslint-disable-next-line no-restricted-syntax -- RETAINED: C-P9 superseded — intent-derived shared utility stays on the legacy contract until the major (docs/ds2026-plan/track-c.md §1.9 C-P9 work order).
+tokens.colours.intent, variant => ({
   '@layer': {
     [cssColorSet]: {
       vars: {
@@ -29,6 +33,8 @@ export const variantIntentionalColorsInverted = styleVariants(tokens.colours.int
     }
   }
 }), "variantIntentionalColorsInverted");
+
+// eslint-disable-next-line no-restricted-syntax -- RETAINED: C-P9 superseded — intent-derived shared utility stays on the legacy contract until the major (docs/ds2026-plan/track-c.md §1.9 C-P9 work order).
 const intentKeys = Object.keys(tokens.colours.intent);
 const intentionRecipeVariants = intentKeys.reduce((acc, key) => {
   acc[key] = {};