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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.41.0-next.6",
+	"version": "4.42.0-next.0",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",
@@ -69,7 +69,7 @@
 	"devDependencies": {
 		"@autoguru/babel-preset": "^3.2.0",
 		"@autoguru/eslint-plugin": "2.0.0",
-		"@autoguru/icons": "1.8.7",
+		"@autoguru/icons": "1.8.9",
 		"@autoguru/tsconfig": "^1.3.1",
 		"@autoguru/utilities": "^1.3.3",
 		"@babel/cli": "7.27.0",
@@ -88,7 +88,7 @@
 		"@babel/preset-react": "^7.26.3",
 		"@babel/preset-typescript": "7.27.0",
 		"@babel/runtime-corejs3": "7.27.0",
-		"@changesets/cli": "^2.28.1",
+		"@changesets/cli": "2.29.2",
 		"@chromatic-com/storybook": "^3.2.6",
 		"@internationalized/date": "^3.7.0",
 		"@octokit/rest": "^21.1.1",
@@ -110,9 +110,9 @@
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/react-hooks": "^8.0.1",
 		"@testing-library/user-event": "^14.6.1",
-		"@types/node": "22.14.0",
-		"@types/react": "^19.1.0",
-		"@types/react-dom": "^19.1.1",
+		"@types/node": "22.14.1",
+		"@types/react": "19.1.2",
+		"@types/react-dom": "19.1.2",
 		"@types/webpack-env": "^1.18.8",
 		"@vanilla-extract/babel-plugin": "^1.2.0",
 		"@vanilla-extract/css": "^1.17.1",
@@ -122,25 +122,25 @@
 		"@vanilla-extract/vite-plugin": "^5.0.1",
 		"@vanilla-extract/webpack-plugin": "^2.3.18",
 		"@vitest/coverage-v8": "3.1.1",
-		"@vitest/eslint-plugin": "^1.1.39",
+		"@vitest/eslint-plugin": "1.1.43",
 		"babel-plugin-add-import-extension": "^1.6.0",
 		"babel-plugin-dev-expression": "^0.2.3",
 		"babel-plugin-macros": "^3.1.0",
 		"browserslist-config-autoguru": "^2.4.4",
-		"chromatic": "^11.28.0",
+		"chromatic": "11.28.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.3",
 		"concurrently": "^9.1.2",
 		"core-js": "^3.41.0",
 		"csstype": "^3.1.3",
 		"deepmerge": "^4.3.1",
-		"es-toolkit": "^1.34.1",
-		"eslint": "9.24.0",
+		"es-toolkit": "1.35.0",
+		"eslint": "9.25.1",
 		"eslint-plugin-storybook": "0.12.0",
 		"husky": "^9.1.7",
 		"intersection-observer": "^0.12.2",
-		"jsdom": "^26.0.0",
-		"lint-staged": "^15.5.0",
+		"jsdom": "26.1.0",
+		"lint-staged": "15.5.1",
 		"magic-string": "^0.30.17",
 		"mini-css-extract-plugin": "^2.9.2",
 		"mockdate": "^3.0.5",
@@ -155,7 +155,7 @@
 		"react-dom": "^19.1.0",
 		"react-focus-lock": "2.13.6",
 		"react-intersection-observer": "^9.16.0",
-		"react-keyed-flatten-children": "2.2.1",
+		"react-keyed-flatten-children": "5.0.0",
 		"react-stately": "^3.36.1",
 		"react-swipeable": "^7.0.2",
 		"rollup-plugin-visualizer": "^5.14.0",
@@ -163,12 +163,12 @@
 		"storybook-addon-tag-badges": "^1.4.0",
 		"typescript": "5.8.3",
 		"url-loader": "^4.1.1",
-		"vite": "6.2.5",
+		"vite": "6.3.2",
 		"vitest": "^3.1.1",
-		"webpack": "5.99.1"
+		"webpack": "5.99.6"
 	},
 	"peerDependencies": {
-		"@autoguru/icons": ">=1.8.4",
+		"@autoguru/icons": ">=1.8.8",
 		"@autoguru/utilities": "^1.3.3",
 		"@popperjs/core": "^2.11.8",
 		"@vanilla-extract/dynamic": "^2.1.2",
@@ -182,13 +182,13 @@
 		"react-dom": ">=18 || >=19.0.0-rc.0",
 		"react-focus-lock": "^2.13.6",
 		"react-intersection-observer": ">=9.16.0",
-		"react-keyed-flatten-children": "^2.2.1",
+		"react-keyed-flatten-children": "^2.2.1 || ^5.0.0",
 		"react-swipeable": ">=7.0.2",
 		"webpack": "*"
 	},
 	"volta": {
 		"node": "22.14.0",
-		"yarn": "4.8.1"
+		"yarn": "4.9.1"
 	},
-	"packageManager": "yarn@4.8.1"
-}
+	"packageManager": "yarn@4.9.1"
+}

package/dist/themes/base/vars.css.d.ts

@@ -1,3 +0,0 @@
-export declare const globalBaseThemeLight: void;
-export declare const themeRef: string;
-//# sourceMappingURL=vars.css.d.ts.map

package/dist/themes/base/vars.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../../../lib/themes/base/vars.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,oBAAoB,MAIhC,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,MAItB,CAAC"}

package/dist/themes/base/vars.css.js

@@ -1,10 +0,0 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-__vanilla_filescope__.setFileScope("lib/themes/base/vars.css.ts", "@autoguru/overdrive");
-import { createTheme, createGlobalTheme } from '@vanilla-extract/css';
-import { themeContractVars, globalTokens } from "../theme.css.js";
-import { tokens } from "./tokens.js";
-export const globalBaseThemeLight = createGlobalTheme(':root, [data-od-theme=base], [data-od-theme=base][data-od-color-mode=light]', globalTokens, tokens);
-export const themeRef = createTheme(themeContractVars, tokens, 'OD_Base');
-__vanilla_filescope__.endFileScope();

package/dist/themes/flat_red/vars.css.d.ts

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

package/dist/themes/flat_red/vars.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/vars.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ,EAAE,MAItB,CAAC"}

package/dist/themes/flat_red/vars.css.js

@@ -1,9 +0,0 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-__vanilla_filescope__.setFileScope("lib/themes/flat_red/vars.css.ts", "@autoguru/overdrive");
-import { createTheme } from '@vanilla-extract/css';
-import { themeContractVars } from "../theme.css.js";
-import { tokens } from "./tokens.js";
-export const themeRef = createTheme(themeContractVars, tokens, 'OD_flatRed');
-__vanilla_filescope__.endFileScope();

package/dist/themes/neutral/vars.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/vars.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ,EAAE,MAItB,CAAC"}

package/dist/themes/neutral/vars.css.js

@@ -1,9 +0,0 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-__vanilla_filescope__.setFileScope("lib/themes/neutral/vars.css.ts", "@autoguru/overdrive");
-import { createTheme } from '@vanilla-extract/css';
-import { themeContractVars } from "../theme.css.js";
-import { tokens } from "./tokens.js";
-export const themeRef = createTheme(themeContractVars, tokens, 'OD_Neutral');
-__vanilla_filescope__.endFileScope();

package/dist/themes/tokens.d.ts

@@ -1,106 +0,0 @@
-type VanillaTokens = {
-    [key: string]: string | VanillaTokens;
-};
-export type SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | 'none';
-export type TextSizeScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
-export type TextFontWeight = 'normal' | 'semiBold' | 'bold';
-export type BorderWidthScale = '1' | '2' | '3' | 'none';
-export type IconSizeScale = 'small' | 'medium' | 'large';
-export type DeviceSize = 'mobile' | 'tablet' | 'desktop' | 'largeDesktop';
-export type ColourValue = Record<string, string>;
-interface ColourIntensityMap extends VanillaTokens {
-    standard: string;
-    mild: string;
-    strong: string;
-}
-export type ColourMap = Record<string, ColourValue>;
-type ColourBlacks = 'black900' | 'black800' | 'black700' | 'black600' | 'black500' | 'black400' | 'black300' | 'black200' | 'black100';
-type ColourReds = 'red900' | 'red800' | 'red700' | 'red600' | 'red500' | 'red400' | 'red300' | 'red200' | 'red100';
-type ColourGrays = 'gray900' | 'gray800' | 'gray700' | 'gray600' | 'gray500' | 'gray400' | 'gray300' | 'gray200' | 'gray100';
-type ColourGreens = 'green900' | 'green800' | 'green700' | 'green600' | 'green500' | 'green400' | 'green300' | 'green200' | 'green100';
-type ColourBlues = 'blue900' | 'blue800' | 'blue700' | 'blue600' | 'blue500' | 'blue400' | 'blue300' | 'blue200' | 'blue100';
-type ColourYellows = 'yellow900' | 'yellow800' | 'yellow700' | 'yellow600' | 'yellow500' | 'yellow400' | 'yellow300' | 'yellow200' | 'yellow100';
-export type ColourGamut = ColourBlacks | ColourGrays | ColourBlues | ColourGreens | ColourReds | ColourYellows;
-type Intent = 'primary' | 'brand' | 'secondary' | 'shine' | 'neutral' | 'danger' | 'warning' | 'success' | 'information';
-type BaseColours = 'white';
-export type BreakPoints = Record<DeviceSize, string>;
-export interface Tokens extends VanillaTokens {
-    mode: 'light' | 'dark' | string;
-    body: {
-        colour: string;
-        backgroundColour: string;
-    };
-    contentWidth: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-    space: Record<SpaceScale, string>;
-    elevation: {
-        none: string;
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-    };
-    colours: {
-        gamut: Record<ColourGamut | BaseColours, string>;
-        foreground: {
-            body: string;
-            link: string;
-        };
-        background: {
-            body: string;
-            light: string;
-            neutral: string;
-            neutralDark: string;
-        };
-        intent: Record<Intent, {
-            foreground: string;
-            border: string;
-            background: ColourIntensityMap;
-        }>;
-    };
-    border: {
-        width: Record<BorderWidthScale, string>;
-        colours: {
-            light: string;
-            gray: string;
-            dark: string;
-        };
-        radius: {
-            none: string;
-            min: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            '2xl': string;
-            '1': string;
-            pill: string;
-            full: string;
-        };
-    };
-    typography: {
-        size: Record<TextSizeScale, {
-            fontSize: string;
-            lineHeight: string;
-        }>;
-        colour: Record<'link' | Exclude<Intent, 'neutral'> | 'dark' | 'light' | 'neutral' | 'muted' | BaseColours, string>;
-        fontFamily: string;
-        fontWeight: Record<TextFontWeight, string>;
-    };
-    animation: {
-        easing: {
-            standard: string;
-            decelerate: string;
-            accelerate: string;
-        };
-    };
-    icon: {
-        size: Record<IconSizeScale, string>;
-    };
-}
-export {};
-//# sourceMappingURL=tokens.d.ts.map

package/dist/themes/tokens.d.ts.map

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