@autoguru/overdrive 4.44.5 → 4.44.6

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

@@ -1,5 +1,3 @@
-export declare const child: {
-    spaces: Record<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none", string>;
-    default: string;
-};
+export declare const hr: string;
+export declare const stackWithDividers: string;
 //# sourceMappingURL=Stack.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Stack.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK;;;CAWjB,CAAC"}
+{"version":3,"file":"Stack.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Stack.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,EAAE,QAWb,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAO5B,CAAC"}

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

@@ -2,17 +2,28 @@
 
 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 { style } from '@vanilla-extract/css';
+import { cssLayerComponent } from "../../styles/layers.css.js";
+import { gapVar } from "../../styles/vars.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 => ({
-    paddingBottom: value
-  })), "child_spaces"),
-  default: style({
-    ':last-child': {
-      paddingBottom: 0
+export const hr = style({
+  '@layer': {
+    [cssLayerComponent]: {
+      borderStyle: 'none',
+      boxShadow: `inset 0 0 0 1px ${vars.colours.background.neutral}`,
+      height: '1px',
+      margin: 0,
+      transform: `translateY(calc(${gapVar} * -1))`,
+      width: '100%'
     }
-  }, "child_default")
-};
+  }
+}, "hr");
+export const stackWithDividers = style({
+  '@layer': {
+    [cssLayerComponent]: {
+      // double the flex gap to match spacing of original implementation
+      gap: `calc(2 * ${gapVar})`
+    }
+  }
+}, "stackWithDividers");
 __vanilla_filescope__.endFileScope();

package/dist/components/Stack/Stack.js

@@ -3,7 +3,7 @@
 import React, { Children, useMemo } from 'react';
 import flattenChildren from 'react-keyed-flatten-children';
 import { Box } from "../Box/Box.js";
-import * as styles from "./Divider.css.js";
+import * as styles from "./Stack.css.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const LIST_MAP = {
   ol: 'li',
@@ -53,7 +53,10 @@ export const Stack = ({
   const childEl = typeof as === 'string' && as in LIST_MAP ? LIST_MAP[as] : 'div';
   return /*#__PURE__*/_jsx(Box, {
     as: as,
-    className: className,
+    className: {
+      [styles.stackWithDividers]: dividers,
+      className
+    },
     display: "flex",
     flexDirection: "column",
     gap: space,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.44.5",
+	"version": "4.44.6",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",
@@ -84,18 +84,18 @@
 		"@octokit/rest": "22.0.0",
 		"@popperjs/core": "2.11.8",
 		"@react-stately/toggle": "3.8.5",
-		"@storybook/addon-a11y": "9.0.15",
-		"@storybook/addon-docs": "9.0.15",
-		"@storybook/addon-links": "9.0.15",
-		"@storybook/addon-onboarding": "9.0.15",
-		"@storybook/addon-vitest": "9.0.15",
-		"@storybook/react-vite": "9.0.15",
+		"@storybook/addon-a11y": "9.0.16",
+		"@storybook/addon-docs": "9.0.16",
+		"@storybook/addon-links": "9.0.16",
+		"@storybook/addon-onboarding": "9.0.16",
+		"@storybook/addon-vitest": "9.0.16",
+		"@storybook/react-vite": "9.0.16",
 		"@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": "24.0.10",
+		"@types/node": "24.0.13",
 		"@types/react": "19.1.8",
 		"@types/react-dom": "19.1.6",
 		"@types/webpack-env": "1.18.8",
@@ -121,9 +121,9 @@
 		"core-js": "3.44.0",
 		"csstype": "3.1.3",
 		"deepmerge": "4.3.1",
-		"es-toolkit": "1.39.6",
+		"es-toolkit": "1.39.7",
 		"eslint": "9.30.1",
-		"eslint-plugin-storybook": "9.0.15",
+		"eslint-plugin-storybook": "9.0.16",
 		"husky": "9.1.7",
 		"intersection-observer": "0.12.2",
 		"jsdom": "26.1.0",
@@ -147,13 +147,13 @@
 		"react-stately": "3.39.0",
 		"react-swipeable": "7.0.2",
 		"rollup-plugin-visualizer": "6.0.3",
-		"storybook": "9.0.15",
+		"storybook": "9.0.16",
 		"storybook-addon-tag-badges": "2.0.1",
 		"typescript": "5.8.3",
 		"url-loader": "4.1.1",
-		"vite": "7.0.2",
+		"vite": "7.0.4",
 		"vitest": "3.2.4",
-		"webpack": "5.99.9"
+		"webpack": "5.100.1"
 	},
 	"peerDependencies": {
 		"@autoguru/icons": ">=1.8.8",

package/dist/components/Stack/Divider.css.d.ts

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

package/dist/components/Stack/Divider.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Divider.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,EAAE,QAOb,CAAC"}

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

@@ -1,16 +0,0 @@
-"use strict";
-
-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 { gapVar } from "../../styles/vars.css.js";
-import { overdriveTokens as vars } from "../../themes/theme.css.js";
-export const hr = style({
-  borderStyle: 'none',
-  boxShadow: `inset 0 0 0 1px ${vars.colours.background.neutral}`,
-  height: '1px',
-  margin: 0,
-  transform: `translateY(calc(${gapVar}/-2))`,
-  width: '100%'
-}, "hr");
-__vanilla_filescope__.endFileScope();