@autoguru/overdrive 4.43.4 → 4.43.5

package/dist/themes/theme.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../../lib/themes/theme.css.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAKpD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEQ,CAAC;AAEtB,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AAmSrC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI3B,CAAC;AAGF,OAAO,EAAE,eAAe,IAAI,iBAAiB,EAAE,CAAC;AAEhD,MAAM,MAAM,WAAW,GAAG,kBAAkB,CAAC,OAAO,eAAe,CAAC,CAAC;AAGrE,eAAO,MAAM,SAAS,QAKpB,CAAC"}
+{"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../../lib/themes/theme.css.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAKpD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEQ,CAAC;AAEtB,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AAiSrC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI3B,CAAC;AAGF,OAAO,EAAE,eAAe,IAAI,iBAAiB,EAAE,CAAC;AAEhD,MAAM,MAAM,WAAW,GAAG,kBAAkB,CAAC,OAAO,eAAe,CAAC,CAAC;AAGrE,eAAO,MAAM,SAAS,QAKpB,CAAC"}

package/dist/themes/theme.css.js

@@ -104,25 +104,23 @@ const THEME_CONTRACT = {
   color: {
     gamut: coloursWithWhite,
     surface: {
-      body: 'color-surface-body',
-      accent: 'color-surface-accent',
-      hard: 'color-surface-hard',
-      soft: 'color-surface-soft',
-      success: 'color-surface-success',
-      info: 'color-surface-info',
-      danger: 'color-surface-danger',
-      warning: 'color-surface-warning'
+      page: null,
+      hard: null,
+      soft: null,
+      accent: null,
+      success: null,
+      info: null,
+      danger: null,
+      warning: null
     },
     content: {
-      onBody: 'color-content-on-body',
-      onSurface: 'color-content-on-surface',
-      accent: 'color-content-accent',
-      hard: 'color-content-hard',
-      soft: 'color-content-soft',
-      info: 'color-content-info',
-      danger: 'color-content-danger',
-      success: 'color-content-success',
-      warning: 'color-content-warning'
+      normal: null,
+      soft: null,
+      inverse: null,
+      info: null,
+      danger: null,
+      success: null,
+      warning: null
     },
     interactive: {
       border: 'color-interactive-border',

package/dist/utils/propGuards.d.ts

@@ -0,0 +1,2 @@
+export declare function onlyString<P extends string | unknown>(prop: P): (P & string) | undefined;
+//# sourceMappingURL=propGuards.d.ts.map

package/dist/utils/propGuards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"propGuards.d.ts","sourceRoot":"","sources":["../../lib/utils/propGuards.ts"],"names":[],"mappings":"AAcA,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,OAAO,EAAE,IAAI,EAAE,CAAC,4BAI7D"}

package/dist/utils/propGuards.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export function onlyString(prop) {
+  return prop && typeof prop === 'string' && prop.length > 0 ? prop : undefined;
+}

package/dist/utils/sprinkles.d.ts

@@ -7,7 +7,7 @@ interface SortedProps<T extends object> {
     sprinklesProps: Sprinkles;
     sprinklesResponsiveProps: SprinklesResponsive;
     sprinklesLegacyColourProps: SprinklesLegacyColours;
-    otherProps: RemainingProps<T>;
+    baseProps: RemainingProps<T>;
 }
 export declare const isSprinklesProperty: (key: string) => boolean;
 export declare const isSprinklesLegacyColourProperty: (key: string) => boolean;

package/dist/utils/sprinkles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sprinkles.d.ts","sourceRoot":"","sources":["../../lib/utils/sprinkles.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,SAAS,EAEd,KAAK,sBAAsB,EAE3B,KAAK,mBAAmB,EACxB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,eAAe,GACjB,MAAM,SAAS,GACf,MAAM,mBAAmB,GACzB,MAAM,sBAAsB,CAAC;AAGhC,KAAK,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI;KACtC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,eAAe,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAC7D,CAAC;AAEF,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IACrC,cAAc,EAAE,SAAS,CAAC;IAC1B,wBAAwB,EAAE,mBAAmB,CAAC;IAC9C,0BAA0B,EAAE,sBAAsB,CAAC;IACnD,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CAC9B;AAKD,eAAO,MAAM,mBAAmB,GAAI,KAAK,MAAM,YAE9C,CAAC;AAKF,eAAO,MAAM,+BAA+B,GAAI,KAAK,MAAM,YAI1D,CAAC;AAKF,eAAO,MAAM,6BAA6B,GAAI,KAAK,MAAM,YAExD,CAAC;AAQF,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,CAAC,sBAYtC,CAAC;AAa7B,eAAO,MAAM,qBAAqB,GAAI,CAAC,SAAS,MAAM,EACrD,OAAO,CAAC,KACN,WAAW,CAAC,CAAC,CAgCf,CAAC"}
+{"version":3,"file":"sprinkles.d.ts","sourceRoot":"","sources":["../../lib/utils/sprinkles.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,SAAS,EAEd,KAAK,sBAAsB,EAE3B,KAAK,mBAAmB,EACxB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,eAAe,GACjB,MAAM,SAAS,GACf,MAAM,mBAAmB,GACzB,MAAM,sBAAsB,CAAC;AAGhC,KAAK,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI;KACtC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,eAAe,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAC7D,CAAC;AAEF,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IACrC,cAAc,EAAE,SAAS,CAAC;IAC1B,wBAAwB,EAAE,mBAAmB,CAAC;IAC9C,0BAA0B,EAAE,sBAAsB,CAAC;IACnD,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CAC7B;AAKD,eAAO,MAAM,mBAAmB,GAAI,KAAK,MAAM,YAE9C,CAAC;AAKF,eAAO,MAAM,+BAA+B,GAAI,KAAK,MAAM,YAI1D,CAAC;AAKF,eAAO,MAAM,6BAA6B,GAAI,KAAK,MAAM,YAExD,CAAC;AAQF,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,CAAC,sBAYtC,CAAC;AAa7B,eAAO,MAAM,qBAAqB,GAAI,CAAC,SAAS,MAAM,EACrD,OAAO,CAAC,KACN,WAAW,CAAC,CAAC,CAgCf,CAAC"}

package/dist/utils/sprinkles.js

@@ -22,7 +22,7 @@ export const filterPropsWithStyles = props => {
     sprinklesProps: {},
     sprinklesResponsiveProps: {},
     sprinklesLegacyColourProps: {},
-    otherProps: {}
+    baseProps: {}
   };
   for (const key in props) {
     if (Object.prototype.hasOwnProperty.call(props, key)) {
@@ -34,7 +34,7 @@ export const filterPropsWithStyles = props => {
       } else if (isSprinklesLegacyColourProperty(key)) {
         acc.sprinklesLegacyColourProps[key] = value;
       } else {
-        acc.otherProps[key] = value;
+        acc.baseProps[key] = value;
       }
     }
   }
@@ -42,6 +42,6 @@ export const filterPropsWithStyles = props => {
     sprinklesProps: acc.sprinklesProps,
     sprinklesResponsiveProps: acc.sprinklesResponsiveProps,
     sprinklesLegacyColourProps: acc.sprinklesLegacyColourProps,
-    otherProps: acc.otherProps
+    baseProps: acc.baseProps
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.43.4",
+	"version": "4.43.5",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",
@@ -20,11 +20,9 @@
 	},
 	"license": "MIT",
 	"sideEffects": [
-		"./lib/reset/**/*",
-		"./lib/theme/**/*",
+		"./lib/**/global.css.*",
 		"./lib/themes/**/*",
-		"./dist/reset/**/*",
-		"./dist/theme/**/*",
+		"./dist/**/global.css.*",
 		"./dist/themes/**/*"
 	],
 	"files": [
@@ -35,7 +33,7 @@
 	},
 	"scripts": {
 		"analyse": "vite build --config vite-analyse.config.ts",
-		"build": "babel lib --out-dir dist --extensions '.ts,.tsx,.css' --ignore 'lib/**/*.stories.tsx,lib/stories'",
+		"build": "babel lib --out-dir dist --extensions '.ts,.tsx,.css' --ignore 'lib/stories,lib/**/*.spec.tsx,lib/**/*.stories.tsx'",
 		"chromatic": "chromatic test --exit-zero-on-changes --build-script-name storybook:build",
 		"copy:public": "node scripts/copyPublic.js",
 		"check-deps": "npx npm-check-updates@latest --interactive --format group",
@@ -90,41 +88,37 @@
 		"@babel/preset-typescript": "7.27.1",
 		"@babel/runtime-corejs3": "7.27.1",
 		"@changesets/cli": "2.29.4",
-		"@chromatic-com/storybook": "^3.2.6",
-		"@internationalized/date": "^3.7.0",
+		"@chromatic-com/storybook": "4.0.0-next.7",
+		"@internationalized/date": "^3.8.1",
 		"@octokit/rest": "^21.1.1",
 		"@popperjs/core": "^2.11.8",
-		"@react-stately/toggle": "^3.8.2",
-		"@storybook/addon-a11y": "8.6.12",
-		"@storybook/addon-actions": "8.6.12",
-		"@storybook/addon-essentials": "8.6.12",
-		"@storybook/addon-links": "8.6.12",
-		"@storybook/addon-onboarding": "8.6.12",
-		"@storybook/blocks": "8.6.12",
-		"@storybook/experimental-addon-test": "^8.6.12",
-		"@storybook/manager-api": "8.6.12",
-		"@storybook/react": "8.6.12",
-		"@storybook/react-vite": "8.6.12",
-		"@storybook/test": "8.6.12",
-		"@storybook/theming": "8.6.12",
+		"@react-stately/toggle": "^3.8.4",
+		"@storybook/addon-a11y": "9.0.0-rc.4",
+		"@storybook/addon-docs": "9.0.0-rc.4",
+		"@storybook/addon-links": "9.0.0-rc.4",
+		"@storybook/addon-onboarding": "9.0.0-rc.4",
+		"@storybook/addon-vitest": "9.0.0-rc.4",
+		"@storybook/react-vite": "9.0.0-rc.4",
+		"@testing-library/dom": "^10.4.0",
 		"@testing-library/jest-dom": "^6.6.3",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/react-hooks": "^8.0.1",
 		"@testing-library/user-event": "^14.6.1",
-		"@types/node": "22.15.17",
-		"@types/react": "19.1.4",
-		"@types/react-dom": "19.1.4",
+		"@types/node": "22.15.21",
+		"@types/react": "19.1.5",
+		"@types/react-dom": "19.1.5",
 		"@types/webpack-env": "^1.18.8",
+		"@typescript-eslint/utils": "^8.32.1",
 		"@vanilla-extract/babel-plugin": "^1.2.0",
-		"@vanilla-extract/css": "^1.17.1",
-		"@vanilla-extract/dynamic": "^2.1.2",
+		"@vanilla-extract/css": "^1.17.2",
+		"@vanilla-extract/dynamic": "^2.1.3",
 		"@vanilla-extract/recipes": "^0.5.5",
 		"@vanilla-extract/sprinkles": "^1.6.3",
-		"@vanilla-extract/vite-plugin": "^5.0.1",
-		"@vanilla-extract/webpack-plugin": "^2.3.18",
-		"@vitest/browser": "3.1.2",
-		"@vitest/coverage-v8": "3.1.2",
-		"@vitest/eslint-plugin": "1.1.44",
+		"@vanilla-extract/vite-plugin": "^5.0.2",
+		"@vanilla-extract/webpack-plugin": "^2.3.19",
+		"@vitest/browser": "3.1.4",
+		"@vitest/coverage-v8": "3.1.4",
+		"@vitest/eslint-plugin": "1.2.0",
 		"babel-plugin-add-import-extension": "^1.6.0",
 		"babel-plugin-dev-expression": "^0.2.3",
 		"babel-plugin-macros": "^3.1.0",
@@ -133,16 +127,16 @@
 		"clsx": "^2.1.1",
 		"colord": "^2.9.3",
 		"concurrently": "^9.1.2",
-		"core-js": "^3.41.0",
+		"core-js": "^3.42.0",
 		"csstype": "^3.1.3",
 		"deepmerge": "^4.3.1",
-		"es-toolkit": "1.37.2",
-		"eslint": "9.26.0",
-		"eslint-plugin-storybook": "0.12.0",
+		"es-toolkit": "1.38.0",
+		"eslint": "9.27.0",
+		"eslint-plugin-storybook": "9.0.0-rc.4",
 		"husky": "^9.1.7",
 		"intersection-observer": "^0.12.2",
 		"jsdom": "26.1.0",
-		"lint-staged": "15.5.2",
+		"lint-staged": "16.0.0",
 		"magic-string": "^0.30.17",
 		"mini-css-extract-plugin": "^2.9.2",
 		"mockdate": "^3.0.5",
@@ -153,22 +147,22 @@
 		"prop-types": "^15.8.1",
 		"rand-seed": "^2.1.7",
 		"react": "^19.1.0",
-		"react-aria": "^3.38.1",
-		"react-aria-components": "^1.7.1",
+		"react-aria": "^3.40.0",
+		"react-aria-components": "^1.9.0",
 		"react-dom": "^19.1.0",
 		"react-focus-lock": "2.13.6",
 		"react-intersection-observer": "^9.16.0",
 		"react-keyed-flatten-children": "5.0.0",
-		"react-stately": "^3.36.1",
+		"react-stately": "^3.38.0",
 		"react-swipeable": "^7.0.2",
 		"rollup-plugin-visualizer": "^5.14.0",
-		"storybook": "8.6.12",
+		"storybook": "9.0.0-rc.4",
 		"storybook-addon-tag-badges": "^1.4.0",
 		"typescript": "5.8.3",
 		"url-loader": "^4.1.1",
 		"vite": "6.3.5",
-		"vitest": "^3.1.2",
-		"webpack": "5.99.8"
+		"vitest": "^3.1.4",
+		"webpack": "5.99.9"
 	},
 	"peerDependencies": {
 		"@autoguru/icons": ">=1.8.8",

package/readme.md

@@ -40,12 +40,10 @@ To use Overdrive in your project, install it via yarn:
 yarn add @autoguru/overdrive react react-dom
 ```
 
-Then, import the reset and configure the OverdriveProvider with the theme you
+Then, import the reset and configure the Overdrive Provider with the theme you
 want to use:
 
 ```jsx
-import '@autoguru/overdrive/reset';
-// It is important that the reset import happens before any of this.
 import { OverdriveProvider, Button } from '@autoguru/overdrive';
 
 <OverdriveProvider>
@@ -53,6 +51,10 @@ import { OverdriveProvider, Button } from '@autoguru/overdrive';
 </OverdriveProvider>;
 ```
 
+The Overdrive Provider automatically applies global base styles to the body tag.
+If you need more control over where the global base styles are applied, you can
+also apply `data-od-base` to any element.
+
 You can also customise the theme colours using the provider props:
 
 ```jsx
@@ -72,8 +74,7 @@ You can also customise the theme colours using the provider props:
 
 ## Thanks
 
-[Chromatic](https://www.chromaticqa.com) for providing visual regression
-testing.
+[Chromatic](https://www.chromatic.com) for providing visual regression testing.
 
 ## License
 

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

@@ -1,2 +0,0 @@
-export declare const root: string;
-//# sourceMappingURL=Anchor.css.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Anchor.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QAGf,CAAC"}

package/dist/components/Anchor/Anchor.css.js

@@ -1,10 +0,0 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-__vanilla_filescope__.setFileScope("lib/components/Anchor/Anchor.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
-export const root = style({
-  textDecoration: 'none',
-  cursor: 'pointer'
-}, "root");
-__vanilla_filescope__.endFileScope();

package/dist/components/Anchor/Anchor.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Anchor.spec.d.ts.map

package/dist/components/Anchor/Anchor.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Anchor.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.spec.jsx"],"names":[],"mappings":""}

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Box.test.d.ts.map

package/dist/components/Box/Box.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.test.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.test.tsx"],"names":[],"mappings":""}

package/dist/components/Box/Box.test.js

@@ -1,114 +0,0 @@
-"use strict";
-
-import { composeStories } from '@storybook/react';
-import { render, screen } from '@testing-library/react';
-import React from 'react';
-import { Box } from "./Box.js";
-import * as stories from "./Box.stories.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const {
-  ComponentAsProp,
-  DataAttributes,
-  ResponsiveProps,
-  Standard
-} = composeStories(stories);
-describe('Box', async () => {
-  await it('renders the standard Box story', async () => {
-    await Standard.run();
-    const text = Standard.args.children;
-    const boxElement = screen.getByText(text);
-    expect(boxElement.tagName).toBe('DIV');
-  });
-  await it('renders the Box story with responsive props', async () => {
-    await ResponsiveProps.run();
-    const boxElement = screen.getByText('Resize the viewport');
-    expect(boxElement.className).toMatchSnapshot();
-  });
-  await it('merges custom className with component styles', () => {
-    render(_jsx(Box, {
-      padding: "3",
-      className: "my-custom-class another-class",
-      children: "Custom Class Box"
-    }));
-    const boxElement = screen.getByText('Custom Class Box');
-    expect(boxElement.className).toContain('my-custom-class');
-    expect(boxElement.className).toContain('another-class');
-    expect(boxElement).not.toHaveAttribute('padding');
-    expect(boxElement.className).toMatchSnapshot();
-  });
-  await it('renders as a button element', () => {
-    render(_jsx(Box, {
-      as: "button",
-      children: "Button Box"
-    }));
-    const buttonElement = screen.getByRole('button', {
-      name: 'Button Box'
-    });
-    expect(buttonElement.tagName).toBe('BUTTON');
-  });
-  await it('renders using a React element passed to "as" prop', async () => {
-    await ComponentAsProp.run();
-    const boxElement = screen.getByText('Styled props merged with custom component');
-    expect(boxElement.tagName).toBe('A');
-    expect(boxElement).toHaveAttribute('href', '#hello');
-    expect(boxElement.className).toContain('keep-my-custom-class-name');
-    expect(boxElement).not.toHaveAttribute('backgroundColor');
-    expect(boxElement).not.toHaveAttribute('borderColor');
-    expect(boxElement).not.toHaveAttribute('borderWidth');
-    expect(boxElement).not.toHaveAttribute('p');
-  });
-  await it('renders as an anchor tag with href', () => {
-    render(_jsx(Box, {
-      as: "a",
-      href: "/test-link",
-      children: "Anchor Box"
-    }));
-    const anchorElement = screen.getByRole('link', {
-      name: 'Anchor Box'
-    });
-    expect(anchorElement.tagName).toBe('A');
-    expect(anchorElement).toHaveAttribute('href', '/test-link');
-  });
-  await it('renders with odComponent and testId props', async () => {
-    await DataAttributes.run();
-    const boxElement = screen.getByText('The most basic box (or is it?)');
-    expect(boxElement).toHaveAttribute('id', 'so-basic');
-    expect(boxElement).toHaveAttribute('data-od-component', 'box-basic');
-    expect(boxElement).toHaveAttribute('data-test-id', 'basically-perfect');
-    expect(boxElement).toHaveAttribute('data-custom-attribute', 'somewhat less basic');
-  });
-  await it('applies basic style props (padding)', () => {
-    render(_jsx(Box, {
-      padding: "4",
-      children: "Padded Box"
-    }));
-    const boxElement = screen.getByText('Padded Box');
-    expect(boxElement.className).toMatchSnapshot();
-  });
-  await it('applies responsive style props for padding', () => {
-    render(_jsx(Box, {
-      padding: ['2', '4', '6'],
-      children: "Responsive Padded Box"
-    }));
-    const boxElement = screen.getByText('Responsive Padded Box');
-    expect(boxElement.className).toMatchSnapshot();
-  });
-  await it('applies colour and backgroundColour props', () => {
-    render(_jsx(Box, {
-      color: "onSurface",
-      backgroundColor: "danger",
-      children: "Coloured Box"
-    }));
-    const boxElement = screen.getByText('Coloured Box');
-    expect(boxElement.className).toMatchSnapshot();
-  });
-  await it('applies border props correctly', () => {
-    render(_jsx(Box, {
-      borderColor: "warning",
-      borderWidth: "2",
-      children: "Bordered Box"
-    }));
-    const boxElement = screen.getByText('Bordered Box');
-    expect(boxElement.className).toMatchSnapshot();
-  });
-});

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

@@ -1,8 +0,0 @@
-export declare const root: 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" | "unset", 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>;
-//# sourceMappingURL=useTextStyles.css.d.ts.map

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

@@ -1 +0,0 @@
-{"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,sLAKlB,CAAC;AAEH,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

@@ -1,44 +0,0 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-__vanilla_filescope__.setFileScope("lib/components/Text/useTextStyles.css.ts", "@autoguru/overdrive");
-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 { overdriveTokens as vars } from "../../themes/theme.css.js";
-import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
-export const root = style({
-  selectors: {
-    '&::selection': {
-      color: vars.typography.colour.white,
-      background: vars.typography.colour.primary
-    }
-  }
-}, "root");
-export const sizes = styleVariants(Object.entries(vars.typography.size).reduce((result, _ref) => {
-  let [name, size] = _ref;
-  return _objectSpread(_objectSpread({}, result), {}, {
-    [name]: {
-      fontSize: size.fontSize,
-      lineHeight: size.lineHeight
-    }
-  });
-}, {}), "sizes");
-export const colours = styleVariants(_objectSpread(_objectSpread({}, mapTokenToProperty(vars.typography.colour, 'color')), {}, {
-  unset: {
-    color: 'unset'
-  }
-}), "colours");
-export const fontWeight = styleVariants(mapTokenToProperty(vars.typography.fontWeight, 'fontWeight'), "fontWeight");
-export const noWrap = style({
-  whiteSpace: 'nowrap'
-}, "noWrap");
-export const breakWord = style({
-  wordBreak: 'break-word'
-}, "breakWord");
-export const transform = styleVariants(mapTokenToProperty({
-  uppercase: 'uppercase',
-  capitalize: 'capitalize'
-}, 'textTransform'), "transform");
-__vanilla_filescope__.endFileScope();

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

@@ -1,21 +0,0 @@
-import type { UseBoxProps } from '../Box/useBox';
-import * as styles from './useTextStyles.css';
-export type TextColor = keyof typeof styles.colours;
-export type TextFontWeight = keyof typeof styles.fontWeight;
-export type TextSize = keyof typeof styles.sizes;
-export type TextTransform = keyof typeof styles.transform;
-export type TextTags = 'p' | 'label' | 'span';
-export interface TextStyleProps {
-    align?: UseBoxProps['textAlign'];
-    as?: TextTags;
-    colour?: TextColor;
-    fontWeight?: TextFontWeight;
-    is?: TextTags;
-    noWrap?: boolean;
-    breakWord?: boolean;
-    size?: TextSize;
-    transform?: TextTransform;
-}
-export declare const useTextStyles: ({ align, colour, fontWeight, is, as, noWrap, breakWord, size, transform, }: TextStyleProps) => string;
-export default useTextStyles;
-//# sourceMappingURL=useTextStyles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTextStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAG9C,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC;AAC5D,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;AAE1D,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,OAAO,GAAG,MAAM,CAAC;AAC9C,MAAM,WAAW,cAAc;IAE9B,KAAK,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEjC,EAAE,CAAC,EAAE,QAAQ,CAAC;IAEd,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,UAAU,CAAC,EAAE,cAAc,CAAC;IAE5B,EAAE,CAAC,EAAE,QAAQ,CAAC;IAEd,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,GAAI,4EAU3B,cAAc,WAWhB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Text/useTextStyles.js

@@ -1,23 +0,0 @@
-"use strict";
-
-import clsx from 'clsx';
-import { boxStyles } from "../Box/boxStyles.js";
-import * as styles from "./useTextStyles.css.js";
-export const useTextStyles = _ref => {
-  let {
-    align,
-    colour,
-    fontWeight,
-    is,
-    as = is,
-    noWrap,
-    breakWord,
-    size,
-    transform
-  } = _ref;
-  return clsx(styles.root, boxStyles({
-    as,
-    textAlign: align
-  }), colour !== 'unset' && styles.colours[colour !== null && colour !== void 0 ? colour : 'neutral'], fontWeight && styles.fontWeight[fontWeight], noWrap && styles.noWrap, breakWord && styles.breakWord, size && styles.sizes[size], transform && styles.transform[transform]);
-};
-export default useTextStyles;

package/dist/components/TextLink/TextLink.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=TextLink.spec.d.ts.map

package/dist/components/TextLink/TextLink.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextLink.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/TextLink.spec.jsx"],"names":[],"mappings":""}

package/dist/reset/globalFonts.css.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=globalFonts.css.d.ts.map

package/dist/reset/globalFonts.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"globalFonts.css.d.ts","sourceRoot":"","sources":["../../lib/reset/globalFonts.css.ts"],"names":[],"mappings":""}

package/dist/reset/globalFonts.css.js

@@ -1,24 +0,0 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-__vanilla_filescope__.setFileScope("lib/reset/globalFonts.css.ts", "@autoguru/overdrive");
-import { globalFontFace } from '@vanilla-extract/css';
-globalFontFace('AvertaStandard', {
-  fontStyle: 'normal',
-  fontWeight: 400,
-  fontDisplay: 'swap',
-  src: `local('Averta Std Regular'), local('AvertaStd-Regular'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-regular-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-regular-webfont.woff') format('woff')`
-});
-globalFontFace('AvertaStandard', {
-  fontStyle: 'normal',
-  fontWeight: 500,
-  fontDisplay: 'swap',
-  src: `local('Averta Std Semibold'), local('AvertaStd-Semibold'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-semibold-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-semibold-webfont.woff') format('woff')`
-});
-globalFontFace('AvertaStandard', {
-  fontStyle: 'normal',
-  fontWeight: 700,
-  fontDisplay: 'swap',
-  src: `local('Averta Std Bold'), local('AvertaStd-Bold'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff') format('woff')`
-});
-__vanilla_filescope__.endFileScope();

package/dist/reset/globalReset.css.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=globalReset.css.d.ts.map

package/dist/reset/globalReset.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"globalReset.css.d.ts","sourceRoot":"","sources":["../../lib/reset/globalReset.css.ts"],"names":[],"mappings":""}