@autoguru/overdrive 4.41.0-next.6 → 4.42.0-next.0

package/dist/components/Inline/Inline.d.ts

@@ -1,7 +1,7 @@
 import type { FunctionComponent } from 'react';
 import { ReactNode } from 'react';
-import { Tokens } from '../../themes/tokens';
-import { ResponsiveProp } from '../../utils/responsiveProps.css';
+import type { ThemeTokens as Tokens } from '../../themes';
+import type { ResponsiveProp } from '../../utils/responsiveProps.css';
 import type { BoxStyleProps } from '../Box';
 export interface Props extends Pick<BoxStyleProps, 'is' | 'width'> {
     space?: ResponsiveProp<keyof Tokens['space']>;

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

@@ -1 +1 @@
-{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../lib/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAI5C,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,OAAO,CAAC;IACjE,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAOD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAwD3C,CAAC;AAcF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../lib/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,KAAK,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAI5C,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,OAAO,CAAC;IACjE,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAOD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAwD3C,CAAC;AAcF,eAAe,MAAM,CAAC"}

package/dist/components/IntentStripe/IntentStripe.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/IntentStripe/IntentStripe.css.ts", "@autoguru/overdrive");
 import { style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const intentBox = style({
   top: 0,
   left: 0,

package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/LinearProgressIndicator/LinearProgressIndicator.css.ts", "@autoguru/overdrive");
 import { keyframes, style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const root = style({
   height: vars.space['1'],
   transition: 'opacity 0.25s cubic-bezier(0.4, 0, 0.6, 1) 0ms',

package/dist/components/LoadingBox/LoadingBox.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/LoadingBox/LoadingBox.css.ts", "@autoguru/overdrive");
 import { keyframes, style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const root = style({
   minHeight: vars.typography.size['3'].fontSize
 }, "root");

package/dist/components/LoadingBox/LoadingBox.stories.d.ts

@@ -10,14 +10,16 @@ declare const _default: {
         blinking?: boolean | undefined;
         colour?: keyof typeof import("../Box/useBoxStyles.css").colours | undefined;
         backgroundColour?: keyof typeof import("../Box/useBoxStyles.css").backgroundColours | undefined;
+        color?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        placeholder?: string | undefined | undefined;
         min?: number | string | undefined | undefined;
         size?: number | undefined | undefined;
         muted?: boolean | undefined | undefined;
+        opacity?: keyof typeof import("../Box/useBoxStyles.css").opacity | undefined;
         name?: string | undefined | undefined;
         alignItems?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof typeof import("../Box/useBoxStyles.css").alignItems> | undefined;
         boxShadow?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof typeof import("../Box/useBoxStyles.css").boxShadow> | undefined;
-        color?: string | undefined | undefined;
-        content?: string | undefined | undefined;
         display?: keyof typeof import("../Box/useBoxStyles.css").display | undefined;
         flexDirection?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof typeof import("../Box/useBoxStyles.css").flexDirection> | undefined;
         flexGrow?: keyof typeof import("../Box/useBoxStyles.css").flexGrow | undefined;
@@ -25,29 +27,28 @@ declare const _default: {
         flexWrap?: keyof typeof import("../Box/useBoxStyles.css").flexWrap | undefined;
         height?: keyof typeof import("../Box/useBoxStyles.css").height | undefined;
         justifyContent?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof typeof import("../Box/useBoxStyles.css").justifyContent> | undefined;
-        marginBottom?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
-        marginLeft?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
-        marginRight?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
-        marginTop?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
-        opacity?: keyof typeof import("../Box/useBoxStyles.css").opacity | undefined;
+        marginBottom?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["space"]> | undefined;
+        marginLeft?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["space"]> | undefined;
+        marginRight?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["space"]> | undefined;
+        marginTop?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["space"]> | undefined;
         order?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof typeof import("../Box/useBoxStyles.css").order> | undefined;
-        paddingBottom?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
-        paddingLeft?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
-        paddingRight?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
-        paddingTop?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
+        paddingBottom?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["space"]> | undefined;
+        paddingLeft?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["space"]> | undefined;
+        paddingRight?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["space"]> | undefined;
+        paddingTop?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["space"]> | undefined;
         pointerEvents?: keyof typeof import("../Box/useBoxStyles.css").pointerEvents | undefined;
         position?: keyof typeof import("../Box/useBoxStyles.css").position | undefined;
         textAlign?: keyof typeof import("../Box/useBoxStyles.css").textAlign | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         userSelect?: keyof typeof import("../Box/useBoxStyles.css").userSelect | undefined;
         borderRadius?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof typeof import("../Box/useBoxStyles.css").borderRadius> | undefined;
-        borderWidth?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["border"]["width"]> | undefined;
-        margin?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
+        borderWidth?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["border"]["width"]> | undefined;
+        margin?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["space"]> | undefined;
         overflow?: keyof typeof import("../Box/useBoxStyles.css").overflow | undefined;
-        padding?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
-        style?: React.CSSProperties | undefined;
+        padding?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["space"]> | undefined;
         start?: number | undefined | undefined;
         hidden?: boolean | undefined | undefined;
+        style?: React.CSSProperties | undefined;
         default?: boolean | undefined | undefined;
         wrap?: string | undefined | undefined;
         open?: boolean | undefined | undefined;
@@ -57,16 +58,16 @@ declare const _default: {
         value?: string | number | readonly string[] | undefined;
         as?: React.ElementType | undefined;
         is?: React.ElementType | undefined;
-        paddingX?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
-        paddingY?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
-        marginX?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
-        marginY?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
-        borderWidthX?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["border"]["width"]> | undefined;
-        borderWidthY?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["border"]["width"]> | undefined;
-        borderWidthTop?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["border"]["width"]> | undefined;
-        borderWidthRight?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["border"]["width"]> | undefined;
-        borderWidthBottom?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["border"]["width"]> | undefined;
-        borderWidthLeft?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["border"]["width"]> | undefined;
+        paddingX?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["space"]> | undefined;
+        paddingY?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["space"]> | undefined;
+        marginX?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["space"]> | undefined;
+        marginY?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["space"]> | undefined;
+        borderWidthX?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["border"]["width"]> | undefined;
+        borderWidthY?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["border"]["width"]> | undefined;
+        borderWidthTop?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["border"]["width"]> | undefined;
+        borderWidthRight?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["border"]["width"]> | undefined;
+        borderWidthBottom?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["border"]["width"]> | undefined;
+        borderWidthLeft?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes").ThemeTokens["border"]["width"]> | undefined;
         borderColour?: keyof typeof import("../Box/useBoxStyles.css").border["colour"]["top"] | undefined;
         borderColourX?: keyof typeof import("../Box/useBoxStyles.css").border["colour"]["top"] | undefined;
         borderColourY?: keyof typeof import("../Box/useBoxStyles.css").border["colour"]["top"] | undefined;
@@ -138,7 +139,6 @@ declare const _default: {
         minLength?: number | undefined | undefined;
         noValidate?: boolean | undefined | undefined;
         optimum?: number | undefined | undefined;
-        placeholder?: string | undefined | undefined;
         playsInline?: boolean | undefined | undefined;
         poster?: string | undefined | undefined;
         preload?: string | undefined | undefined;

package/dist/components/LoadingBox/LoadingBox.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingBox.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/LoadingBox/LoadingBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;sFAiCgU,6CAAgB;oFAAqC,6CAAgB;qFAA5H,6CAAgB;mFAAtE,6CAAgB;;;uFAJhQ,6CACO;qFAGU,6CAAgB;sFAT1B,6CAEP;oFAJF,6CAAe;;;;;;;qFAWyiB,8CAAiB,SAAS;gFAAxf,6CAAgB;;iFArB9D,6CAC/B;;;;;;;;;;;;;kFACW,6CAEtB;kFAAmC,6CAE3B;iFAekI,6CAAgB;iFAAkC,6CAAgB;sFAA2a,8CAAiB,SAAS;sFAAuC,8CAAiB,SAAS;wFAAyC,8CAAiB,SAAS;0FAA2C,8CAAiB,SAAS;2FAA4C,8CAAiB,SAAS;yFAA0C,8CAAiB,SAAS;6BAAyB,yDAAiC,OAAO;8BAAwB,yDAAiC,OAAO;8BAAwB,yDAAiC,OAAO;gCAA0B,yDAAiC,OAAO;kCAA4B,yDAAiC,OAAO;mCAA6B,yDAAiC,OAAO;iCAA2B,yDAAiC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/Br7C,wBAYoC;AAEpC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}
+{"version":3,"file":"LoadingBox.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/LoadingBox/LoadingBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;sFAiCwU,2CAAgB;oFAAqC,2CAAgB;qFAA5H,2CAAgB;mFAAtE,2CAAgB;;uFAHxQ,2CAAe;qFAGU,2CAAgB;sFAT1B,2CAIX;oFANC,2CAAgB;;;;;;;qFAWyiB,4CAAiB,SAAS;gFAAxf,2CAAgB;;iFApB7G,2CAAgB;;;;;;;;;;;;;kFACW,2CAEtB;kFAER,2CAAgB;iFAekI,2CAAgB;iFAAkC,2CAAgB;sFAA2a,4CAAiB,SAAS;sFAAuC,4CAAiB,SAAS;wFAAyC,4CAAiB,SAAS;0FAA2C,4CAAiB,SAAS;2FAA4C,4CAAiB,SAAS;yFAA0C,4CAAiB,SAAS;6BAAyB,yDAAiC,OAAO;8BAAwB,yDAAiC,OAAO;8BAAwB,yDAAiC,OAAO;gCAA0B,yDAAiC,OAAO;kCAA4B,yDAAiC,OAAO;mCAA6B,yDAAiC,OAAO;iCAA2B,yDAAiC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/B77C,wBAYoC;AAEpC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}

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

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Meta/Meta.css.ts", "@autoguru/overdrive");
 import { styleVariants } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const variant = styleVariants({
   primary: {
     color: vars.colours.intent.primary.background.strong

package/dist/components/MinimalModal/MinimalModal.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/MinimalModal/MinimalModal.css.ts", "@autoguru/overdrive");
 import { style, styleVariants } from '@vanilla-extract/css';
-import { themeContractVars as tokens } from "../../themes/theme.css.js";
+import { overdriveTokens as tokens } from "../../themes/theme.css.js";
 export const container = style({
   outline: '0'
 }, "container");

package/dist/components/Modal/Modal.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Modal/Modal.css.ts", "@autoguru/overdrive");
 import { style, styleVariants } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const root = style({
   top: 0,
   right: 0,

package/dist/components/OptionGrid/OptionGrid.css.js

@@ -7,7 +7,7 @@ import { recipe } from '@vanilla-extract/recipes';
 import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
 import { sprinklesResponsive } from "../../styles/sprinkles.css.js";
 import { breakpoints } from "../../themes/makeTheme.js";
-import { themeContractVars as tokens } from "../../themes/theme.css.js";
+import { overdriveTokens as tokens } from "../../themes/theme.css.js";
 import { interactionStyle, notDisabled, notSelected } from "../../utils/css.js";
 export const gridContainer = createContainer("gridContainer");
 export const gridContainerStyle = style({

package/dist/components/OptionList/OptionList.css.js

@@ -6,7 +6,7 @@ import { style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
 import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
 import { sprinklesResponsive } from "../../styles/sprinkles.css.js";
-import { themeContractVars as tokens } from "../../themes/theme.css.js";
+import { overdriveTokens as tokens } from "../../themes/theme.css.js";
 import { interactionStyle } from "../../utils/css.js";
 export const groupStyle = style({
   marginTop: tokens.space['6']

package/dist/components/OrderedList/OrderedList.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/OrderedList/OrderedList.css.ts", "@autoguru/overdrive");
 import { styleVariants } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const root = styleVariants({
   default: {
     listStyle: 'outside lower-roman'

package/dist/components/OverdriveProvider/OverdriveProvider.d.ts

@@ -1,11 +1,11 @@
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import React from 'react';
+import type { BreakPoints } from '../../themes';
 import baseTheme from '../../themes/base';
 import { type RuntimeTokens } from '../../themes/makeTheme';
-import { themeContractVars } from '../../themes/theme.css';
-import { type BreakPoints } from '../../themes/tokens';
+import { overdriveTokens } from '../../themes/theme.css';
 import { type ColorOverrides } from './useColorOverrides';
-type ThemeContract = typeof themeContractVars;
+type ThemeContract = typeof overdriveTokens;
 type PortalMountPoint = React.RefObject<HTMLElement | null>;
 export interface ProviderProps {
     theme?: typeof baseTheme;

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

@@ -1 +1 @@
-{"version":3,"file":"OverdriveProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/OverdriveProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAwD,MAAM,OAAO,CAAC;AAE7E,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE7E,KAAK,aAAa,GAAG,OAAO,iBAAiB,CAAC;AAC9C,KAAK,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;AAE5D,MAAM,WAAW,aAAa;IAE7B,KAAK,CAAC,EAAE,OAAO,SAAS,CAAC;IAEzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAEzC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,eAChB,SAAQ,IAAI,CAAC,aAAa,EAAE,gBAAgB,GAAG,kBAAkB,CAAC;IAClE,UAAU,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IACpD,IAAI,EAAE,aAAa,CAAC;CACpB;AAMD,eAAO,MAAM,QAAQ,uBAIpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAInC,CAAC;AAUF,eAAO,MAAM,QAAQ,GAAI,yFAOtB,aAAa,sBAyDf,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAK7B,CAAC"}
+{"version":3,"file":"OverdriveProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/OverdriveProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAwD,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE7E,KAAK,aAAa,GAAG,OAAO,eAAe,CAAC;AAC5C,KAAK,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;AAE5D,MAAM,WAAW,aAAa;IAE7B,KAAK,CAAC,EAAE,OAAO,SAAS,CAAC;IAEzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAEzC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,eAChB,SAAQ,IAAI,CAAC,aAAa,EAAE,gBAAgB,GAAG,kBAAkB,CAAC;IAClE,UAAU,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IACpD,IAAI,EAAE,aAAa,CAAC;CACpB;AAMD,eAAO,MAAM,QAAQ,uBAIpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAInC,CAAC;AAUF,eAAO,MAAM,QAAQ,GAAI,yFAOtB,aAAa,sBAyDf,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAK7B,CAAC"}

package/dist/components/OverdriveProvider/useColorOverrides.js

@@ -3,7 +3,7 @@
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { useMemo } from 'react';
 import { shadedColour } from "../../themes/helpers.js";
-import { themeContractVars } from "../../themes/theme.css.js";
+import { overdriveTokens } from "../../themes/theme.css.js";
 const colorOverrideKeys = ['primaryBackground', 'primaryBackgroundMild', 'primaryBackgroundStrong', 'primaryBorder', 'primaryForeground'];
 const isValidColor = color => {
   try {
@@ -40,7 +40,7 @@ export const useColorOverrides = (overrides, themeMode) => {
         intensity: 0.1
       });
     }
-    return assignInlineVars(themeContractVars, {
+    return assignInlineVars(overdriveTokens, {
       colours: {
         intent: {
           primary: {

package/dist/components/Pagination/Pagination.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Pagination/Pagination.css.ts", "@autoguru/overdrive");
 import { style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 const paginationBubbleSize = '36px';
 export const disabled = style({
   color: vars.colours.background.neutral

package/dist/components/ProgressBar/ProgressBar.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/ProgressBar/ProgressBar.css.ts", "@autoguru/overdrive");
 import { style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const container = style({
   height: vars.space['2']
 }, "container");

package/dist/components/ProgressBarGroup/ProgressBarGroup.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/ProgressBarGroup/ProgressBarGroup.css.ts", "@autoguru/overdrive");
 import { style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const root = style({
   display: 'grid',
   gridGap: `${vars.space['1']} ${vars.space['5']}`

package/dist/components/ProgressSpinner/ProgressSpinner.css.d.ts

@@ -1,6 +1,6 @@
 export declare const circular: string;
 export declare const path: string;
-export declare const colours: Record<"primary" | "secondary" | "danger" | "warning" | "light" | "default", string>;
+export declare const colours: Record<"danger" | "warning" | "light" | "primary" | "secondary" | "default", string>;
 export declare const size: {
     small: Record<"path" | "circular", string>;
     medium: Record<"path" | "circular", string>;

package/dist/components/ProgressSpinner/ProgressSpinner.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/ProgressSpinner/ProgressSpinner.css.ts", "@autoguru/overdrive");
 import { keyframes, style, styleVariants } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 const spinAnim = keyframes({
   '100%': {
     transform: 'rotate(360deg)'

package/dist/components/Radio/Radio.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Radio/Radio.css.ts", "@autoguru/overdrive");
 import { style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 import { checkable, nativeInput } from "../private/CheckableBase/CheckableBase.css.js";
 const colorAccent = vars.colours.foreground.body;
 const colorContrast = vars.colours.background.body;

package/dist/components/ScrollPane/ScrollPane.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/ScrollPane/ScrollPane.css.ts", "@autoguru/overdrive");
 import { style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const root = style({
   '::-webkit-scrollbar': {
     backgroundColor: 'transparent',

package/dist/components/ScrollPane/ScrollPane.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, FunctionComponent } from 'react';
-import { Tokens } from '../../themes/tokens';
+import { ThemeTokens as Tokens } from '../../themes';
 import { Box } from '../Box';
 export interface Props extends Omit<ComponentProps<typeof Box>, 'overflow'> {
     bottomGap?: keyof Tokens['space'];

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollPane.d.ts","sourceRoot":"","sources":["../../../lib/components/ScrollPane/ScrollPane.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAW/C,CAAC"}
+{"version":3,"file":"ScrollPane.d.ts","sourceRoot":"","sources":["../../../lib/components/ScrollPane/ScrollPane.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAW/C,CAAC"}

package/dist/components/Section/Section.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Section/Section.css.ts", "@autoguru/overdrive");
 import { style, styleVariants } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
 export const root = style({
   margin: '0 auto'

package/dist/components/SelectInput/SelectInput.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/SelectInput/SelectInput.css.ts", "@autoguru/overdrive");
 import { style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const input = style({
   marginTop: `calc(-1 * ${vars.border.width['1']})`,
   marginBottom: `calc(-1 * ${vars.border.width['1']})`

package/dist/components/SliderProgress/SliderProgress.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/SliderProgress/SliderProgress.css.ts", "@autoguru/overdrive");
 import { style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const root = style({
   display: 'grid',
   gridGap: vars.space['1'],

package/dist/components/Stack/Divider.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Stack/Divider.css.ts", "@autoguru/overdrive");
 import { style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const line = style({
   height: '1px',
   boxShadow: `inset 0 0 0 1px ${vars.colours.background.neutral}`

package/dist/components/Stack/Stack.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Stack/Stack.css.ts", "@autoguru/overdrive");
 import { style, styleVariants } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
 export const child = {
   spaces: styleVariants(mapTokenToProperty(vars.space, value => ({

package/dist/components/StandardModal/StandardModal.css.js

@@ -6,7 +6,7 @@ __vanilla_filescope__.setFileScope("lib/components/StandardModal/StandardModal.c
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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 { style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 import { responsiveStyle } from "../../utils/responsiveStyle.js";
 export const container = style({
   outline: '0'

package/dist/components/StarRating/StarRating.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/StarRating/StarRating.css.ts", "@autoguru/overdrive");
 import { styleVariants } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const star = styleVariants({
   default: {
     color: vars.colours.intent.shine.foreground

package/dist/components/Stepper/Stepper.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Stepper/Stepper.css.ts", "@autoguru/overdrive");
 import { style, styleVariants } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const disabled = style({
   cursor: 'not-allowed'
 }, "disabled");

package/dist/components/StickyBox/StickyBox.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/StickyBox/StickyBox.css.ts", "@autoguru/overdrive");
 import { style, styleVariants } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
 export const root = style({
   position: 'sticky',

package/dist/components/Switch/Switch.css.js

@@ -4,7 +4,7 @@ import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Switch/Switch.css.ts", "@autoguru/overdrive");
 import { style, styleVariants } from '@vanilla-extract/css';
 import { focusOutlineStyle } from "../../styles/focusOutline.css.js";
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 const colorAccent = vars.colours.foreground.body;
 const colorContrast = vars.colours.background.body;
 const colorMid = vars.colours.background.neutral;

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

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Table/TableCell.css.ts", "@autoguru/overdrive");
 import { style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const root = style({
   position: 'relative',
   borderBottomColor: vars.colours.gamut.black100,

package/dist/components/Table/TableCell.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import * as React from 'react';
 import { AriaAttributes } from 'react';
-import { Tokens } from '../../themes/tokens';
+import { ThemeTokens as Tokens } from '../../themes';
 import type { Alignment } from '../../utils';
 export interface Props extends Partial<Pick<AriaAttributes, 'aria-label'>> {
     align?: Alignment;

package/dist/components/Table/TableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAEhC,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,8EA4CrB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAEhC,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,8EA4CrB,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -6,7 +6,7 @@ __vanilla_filescope__.setFileScope("lib/components/Table/TableHeadCell.css.ts",
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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 { style, styleVariants } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const sorterButton = style({
   userSelect: 'text'
 }, "sorterButton");

package/dist/components/Table/context.d.ts

@@ -1,6 +1,6 @@
 import type { FunctionComponent } from 'react';
 import { ReactNode } from 'react';
-import { Tokens } from '../../themes/tokens';
+import type { ThemeTokens as Tokens } from '../../themes';
 export interface TableContext {
     padding?: keyof Tokens['space'];
     stickyHead?: boolean;

package/dist/components/Table/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC5B,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAID,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,YAAY,CAehE,CAAC;AAEF,eAAO,MAAM,eAAe,oBAS3B,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,WAAW,YAAY;IAC5B,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAID,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,YAAY,CAehE,CAAC;AAEF,eAAO,MAAM,eAAe,oBAS3B,CAAC"}

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

@@ -7,7 +7,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 { style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 import { focusOutline } from "./../../styles/focusOutline.css.js";
 const lineBottomHeight = '1px';
 const size = '20px';

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

@@ -4,7 +4,7 @@ import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Tabs/TabList.css.ts", "@autoguru/overdrive");
 import { style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const styledTabList = recipe({
   base: {},
   variants: {

package/dist/components/Text/useTextStyles.css.d.ts

@@ -1,7 +1,7 @@
 export declare const root: string;
-export declare const sizes: Record<import("../../themes/tokens").TextSizeScale, string>;
-export declare const colours: Record<"primary" | "brand" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information" | "light" | "dark" | "white" | "link" | "muted", string>;
-export declare const fontWeight: Record<"normal" | "semiBold" | "bold", string>;
+export declare const sizes: Record<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9", string>;
+export declare const colours: Record<"link" | "white" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | "muted", string>;
+export declare const fontWeight: Record<"bold" | "normal" | "semiBold", string>;
 export declare const noWrap: string;
 export declare const breakWord: string;
 export declare const transform: Record<"capitalize" | "uppercase", string>;

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

@@ -1 +1 @@
-{"version":3,"file":"useTextStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,QAOf,CAAC;AAEH,eAAO,MAAM,KAAK,6DAWjB,CAAC;AAEF,eAAO,MAAM,OAAO,4KAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,gDAEtB,CAAC;AAEF,eAAO,MAAM,MAAM,QAAkC,CAAC;AACtD,eAAO,MAAM,SAAS,QAAqC,CAAC;AAE5D,eAAO,MAAM,SAAS,4CAKrB,CAAC"}
+{"version":3,"file":"useTextStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,QAOf,CAAC;AAEH,eAAO,MAAM,KAAK,qEAWjB,CAAC;AAEF,eAAO,MAAM,OAAO,4KAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,gDAEtB,CAAC;AAEF,eAAO,MAAM,MAAM,QAAkC,CAAC;AACtD,eAAO,MAAM,SAAS,QAAqC,CAAC;AAE5D,eAAO,MAAM,SAAS,4CAKrB,CAAC"}

package/dist/components/Text/useTextStyles.css.js

@@ -6,7 +6,7 @@ __vanilla_filescope__.setFileScope("lib/components/Text/useTextStyles.css.ts", "
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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 { style, styleVariants } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
 export const root = style({
   selectors: {

package/dist/components/TextLink/TextLink.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/TextLink/TextLink.css.ts", "@autoguru/overdrive");
 import { style } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
+import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const root = style({
   transitionDelay: '0s',
   transitionTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)',