@autoguru/overdrive 4.44.5 → 4.44.7

package/dist/components/Flex/flex.d.ts

@@ -29,7 +29,7 @@ export interface FlexInlineProps {
     /** Shortcut start/top alignment */
     start?: boolean;
 }
-export declare const inlinePropMapping: ({ align, center, end, fullWidth, gap, noWrap, justify, reverse, spaceBetween, start, }: FlexInlineProps) => {
+export declare const inlinePropMapping: ({ align, center, end, fullWidth, gap, noWrap, justify, reverse, spaceBetween, start, }?: FlexInlineProps) => {
     alignItems: ("stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | {
         mobile?: "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
         tablet?: "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
@@ -59,16 +59,16 @@ export declare const inlinePropMapping: ({ align, center, end, fullWidth, gap, n
  *
  * @example
  * // Basic row with defaults
- * const simple = row();
+ * const simple = inline();
  *
  * // Centered row with responsive gap
- * const centered = row({
+ * const centered = inline({
  *   align: 'center',
  *   justify: 'center',
  *   gap: { mobile: '2', tablet: '4', desktop: '6' }
  * });
  */
-export declare const inline: (props: FlexInlineProps) => string;
+export declare const inline: (props?: FlexInlineProps) => string;
 export interface FlexStackProps {
     /** Cross-axis horizontal alignment of items (_responsive_) */
     align?: Sprinkles['alignItems'];
@@ -85,7 +85,7 @@ export interface FlexStackProps {
     /** Shortcut start/left alignment */
     start?: boolean;
 }
-export declare const stackPropMapping: ({ align, center, end, gap, justify, reverse, start, }: FlexStackProps) => {
+export declare const stackPropMapping: ({ align, center, end, gap, justify, reverse, start, }?: FlexStackProps) => {
     alignItems: "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | {
         mobile?: "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
         tablet?: "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
@@ -127,5 +127,5 @@ export declare const stackPropMapping: ({ align, center, end, gap, justify, reve
  * 	 align: 'stretch',
  * });
  */
-export declare const stack: (props: FlexStackProps) => string;
+export declare const stack: (props?: FlexStackProps) => string;
 //# sourceMappingURL=flex.d.ts.map

package/dist/components/Flex/flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../lib/components/Flex/flex.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,IAAI,CACvC,wBAAwB,CAAC,KAAK,CAAC,EAC/B,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,OAAO,CACnC,GACA,YAAY,GACZ,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACpC,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACvB,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAClC,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mCAAmC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,GAAI,wFAW/B,eAAe;;;;;;;;;;;;;;;;;;;;;;;CAeK,CAAC;AAExB;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,GAAI,OAAO,eAAe,WACT,CAAC;AAIrC,MAAM,WAAW,cAAc;IAC9B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAChC,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mCAAmC;IACnC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,0CAA0C;IAC1C,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACtC,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB,GAAI,uDAQ9B,cAAc;;;;;;;;;;;;;;;;;;;;;CAYM,CAAC;AAExB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,cAAc,WACR,CAAC"}
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../lib/components/Flex/flex.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,IAAI,CACvC,wBAAwB,CAAC,KAAK,CAAC,EAC/B,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,OAAO,CACnC,GACA,YAAY,GACZ,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACpC,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACvB,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAClC,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mCAAmC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,GAAI,yFAW/B,eAAoB;;;;;;;;;;;;;;;;;;;;;;;CAeA,CAAC;AAExB;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,GAAI,QAAO,eAAoB,WACd,CAAC;AAIrC,MAAM,WAAW,cAAc;IAC9B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAChC,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mCAAmC;IACnC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,0CAA0C;IAC1C,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACtC,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB,GAAI,wDAQ9B,cAAmB;;;;;;;;;;;;;;;;;;;;;CAYC,CAAC;AAExB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,KAAK,GAAI,QAAO,cAAmB,WACb,CAAC"}

package/dist/components/Flex/flex.js

@@ -12,7 +12,7 @@ export const inlinePropMapping = ({
   reverse,
   spaceBetween,
   start
-}) => ({
+} = {}) => ({
   alignItems: justify,
   display: 'flex',
   flexDirection: reverse && 'row-reverse' || 'row',
@@ -28,16 +28,16 @@ export const inlinePropMapping = ({
  *
  * @example
  * // Basic row with defaults
- * const simple = row();
+ * const simple = inline();
  *
  * // Centered row with responsive gap
- * const centered = row({
+ * const centered = inline({
  *   align: 'center',
  *   justify: 'center',
  *   gap: { mobile: '2', tablet: '4', desktop: '6' }
  * });
  */
-export const inline = props => sprinkles(inlinePropMapping(props));
+export const inline = (props = {}) => sprinkles(inlinePropMapping(props));
 
 // ---
 
@@ -49,7 +49,7 @@ export const stackPropMapping = ({
   justify,
   reverse,
   start
-}) => ({
+} = {}) => ({
   alignItems: align !== null && align !== void 0 ? align : start && 'start' || center && 'center' || end && 'end' || undefined,
   display: 'flex',
   flexDirection: reverse && 'column-reverse' || 'column',
@@ -77,4 +77,4 @@ export const stackPropMapping = ({
  * 	 align: 'stretch',
  * });
  */
-export const stack = props => sprinkles(stackPropMapping(props));
+export const stack = (props = {}) => sprinkles(stackPropMapping(props));

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/dist/components/Tabs/Tab.css.d.ts

@@ -21,6 +21,15 @@ export declare const styledTab: import("@vanilla-extract/recipes").RuntimeFn<{
                 };
             };
         };
+        minimal: {
+            borderBottom: "2px solid transparent";
+            padding: "6px 0";
+            selectors: {
+                '&+&': {
+                    marginLeft: `var(--${string})`;
+                };
+            };
+        };
     };
     active: {
         true: {};
@@ -37,9 +46,12 @@ export declare const indication: import("@vanilla-extract/recipes").RuntimeFn<{
                 };
             };
         };
+        minimal: {};
     };
     active: {
         true: {};
     };
 }>;
+export type TabVariants = NonNullable<Parameters<typeof styledTab>[0]>;
+export type TabAppearance = NonNullable<TabVariants['appearance']>;
 //# sourceMappingURL=Tab.css.d.ts.map

package/dist/components/Tabs/Tab.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.css.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEpB,CAAC;AAEH,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;EAqDrB,CAAC"}
+{"version":3,"file":"Tab.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsFpB,CAAC;AAEH,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;EAsDrB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC"}

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

@@ -7,8 +7,8 @@ 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 { focusOutline } from "../../styles/focusOutline.css.js";
 import { overdriveTokens as vars } from "../../themes/theme.css.js";
-import { focusOutline } from "./../../styles/focusOutline.css.js";
 const lineBottomHeight = '1px';
 const size = '20px';
 export const styledTab = recipe({
@@ -44,6 +44,15 @@ export const styledTab = recipe({
             backgroundColor: vars.colours.gamut.gray200
           }
         }
+      },
+      minimal: {
+        borderBottom: `2px solid transparent`,
+        padding: '6px 0',
+        selectors: {
+          '&+&': {
+            marginLeft: vars.space['6']
+          }
+        }
       }
     },
     active: {
@@ -68,6 +77,15 @@ export const styledTab = recipe({
       backgroundColor: vars.colours.foreground.body,
       color: vars.colours.background.body
     }
+  }, {
+    variants: {
+      appearance: 'minimal',
+      active: true
+    },
+    style: {
+      color: vars.color.content.normal,
+      borderBottomColor: vars.color.content.normal
+    }
   }],
   defaultVariants: {
     appearance: 'underlined'
@@ -98,7 +116,8 @@ export const indication = recipe({
             backgroundColor: vars.colours.background.neutral
           }
         }
-      }
+      },
+      minimal: {}
     },
     active: {
       true: {}

package/dist/components/Tabs/TabList.css.d.ts

@@ -4,6 +4,7 @@ export declare const styledTabList: import("@vanilla-extract/recipes").RuntimeFn
             boxShadow: `inset 0 -1px 0 0 var(--${string})`;
         };
         pill: {};
+        minimal: {};
     };
     scroll: {
         true: {

package/dist/components/Tabs/TabList.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabList.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;EAiBxB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAW5B,CAAC"}
+{"version":3,"file":"TabList.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabList.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;EAkBxB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAW5B,CAAC"}

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

@@ -12,7 +12,8 @@ export const styledTabList = recipe({
       underlined: {
         boxShadow: `inset 0 -1px 0 0 ${vars.border.colours.gray}`
       },
-      pill: {}
+      pill: {},
+      minimal: {}
     },
     scroll: {
       true: {

package/dist/components/Tabs/Tabs.d.ts

@@ -1,18 +1,18 @@
 import type { FunctionComponent } from 'react';
 import * as React from 'react';
 import { ReactNode } from 'react';
-type TabsAppearance = 'underlined' | 'pill';
+import type { TabAppearance } from './Tab.css';
 interface TabsContextValue {
     id?: string;
     activeIndex: number;
-    appearance: TabsAppearance;
+    appearance: TabAppearance;
     onChange?: (index: number) => void;
 }
 export declare const TabsContext: React.Context<TabsContextValue | null>;
 export interface TabsProps {
     id?: string | null;
     active: number;
-    appearance?: 'underlined' | 'pill';
+    appearance?: TabAppearance;
     children?: ReactNode;
     onChange?: (index: number) => void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,SAAS,EAAW,MAAM,OAAO,CAAC;AAI1D,KAAK,cAAc,GAAG,YAAY,GAAG,MAAM,CAAC;AAC5C,UAAU,gBAAgB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,cAAc,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,wCAA+C,CAAC;AAExE,MAAM,WAAW,SAAS;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,SAAS,CA6B7C,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,SAAS,EAAW,MAAM,OAAO,CAAC;AAI1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/C,UAAU,gBAAgB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,wCAA+C,CAAC;AAExE,MAAM,WAAW,SAAS;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,SAAS,CA6B7C,CAAC"}

package/dist/components/index.d.ts

@@ -15,6 +15,7 @@ export * from './DividerLine';
 export * from './DropDown';
 export * from './EditableText';
 export * from './FillHeightBox';
+export * from './Flex';
 export * from './Flyout';
 export * from './Heading';
 export * from './HorizontalAutoScroller';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/components/index.js

@@ -17,6 +17,7 @@ export * from "./DividerLine/index.js";
 export * from "./DropDown/index.js";
 export * from "./EditableText/index.js";
 export * from "./FillHeightBox/index.js";
+export * from "./Flex/index.js";
 export * from "./Flyout/index.js";
 export * from "./Heading/index.js";
 export * from "./HorizontalAutoScroller/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.44.5",
+	"version": "4.44.7",
 	"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();