@autoguru/overdrive 4.43.6-next.8 → 4.43.6-next.9

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,uBAAuB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1C,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,uBAAuB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1C,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/MinimalModal/MinimalModal.stories.d.ts

@@ -26,7 +26,7 @@ declare const _default: {
             tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
             desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
             largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | null>;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | null>;
     }>) => React.JSX.Element)[];
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"NumberBubble.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberBubble/NumberBubble.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAGnE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,MAAM,WAAW,iBAChB,SAAQ,IAAI,CACX,cAAc,CAAC,OAAO,GAAG,CAAC,EAC1B,cAAc,GAAG,UAAU,GAAG,SAAS,CACvC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;CACnD;AAaD,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAoC7D,CAAC"}
+{"version":3,"file":"NumberBubble.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberBubble/NumberBubble.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAInE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,MAAM,WAAW,iBAChB,SAAQ,IAAI,CACX,cAAc,CAAC,OAAO,GAAG,CAAC,EAC1B,cAAc,GAAG,UAAU,GAAG,SAAS,CACvC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;CACnD;AAaD,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAoC7D,CAAC"}

package/dist/components/NumberBubble/NumberBubble.js

@@ -8,9 +8,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import clsx from 'clsx';
 import * as React from 'react';
 import { useMemo } from 'react';
+import { sprinkles } from "../../styles/index.js";
 import { toPrettyBigNumber } from "../../utils/number.js";
 import { Box } from "../Box/Box.js";
-import { boxStyles } from "../Box/newBox/boxStyles.js";
 import { Text } from "../Text/Text.js";
 import * as styles from "./NumberBubble.css.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -43,7 +43,7 @@ export const NumberBubble = _ref => {
     children: _jsx(Text, {
       size: "2",
       strong: true,
-      className: clsx(styles.bubbleText, boxStyles({
+      className: clsx(styles.bubbleText, sprinkles({
         position: 'absolute'
       })),
       colour: textColour,

package/dist/components/OptionList/OptionList.d.ts

@@ -17,8 +17,8 @@ export declare const OptionList: {
     (props: WithTestId<OptionListProps>): React.JSX.Element;
     Item: {
         (props: {
-            value: string;
             name?: string | undefined;
+            value: string;
             id?: string | undefined;
             children?: React.ReactNode;
             autoFocus?: boolean | undefined;

package/dist/components/ProgressSpinner/ProgressSpinner.js

@@ -2,8 +2,8 @@
 
 import clsx from 'clsx';
 import * as React from 'react';
+import { componentStyles } from "../../styles/index.js";
 import { Box } from "../Box/Box.js";
-import { boxStyles } from "../Box/newBox/boxStyles.js";
 import * as styles from "./ProgressSpinner.css.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const ProgressSpinner = _ref => {
@@ -15,7 +15,7 @@ export const ProgressSpinner = _ref => {
   return _jsx(Box, {
     className: [styles.size[size].circular, styles.colours[colour], className],
     children: _jsx("svg", {
-      className: clsx(boxStyles({
+      className: clsx(componentStyles({
         as: 'svg',
         display: 'block',
         overflow: 'hidden'

package/dist/components/StarRating/StarRating.js

@@ -4,8 +4,8 @@ import { StarHalfIcon, StarIcon } from '@autoguru/icons';
 import clsx from 'clsx';
 import * as React from 'react';
 import { memo } from 'react';
+import { sprinkles } from "../../styles/index.js";
 import { Box } from "../Box/Box.js";
-import { boxStyles } from "../Box/newBox/boxStyles.js";
 import { Icon } from "../Icon/Icon.js";
 import { Inline } from "../Inline/Inline.js";
 import { Text } from "../Text/Text.js";
@@ -83,7 +83,7 @@ const Star = _ref2 => {
   return _jsx(Icon, {
     icon: star,
     size: starSizeMap.get(size),
-    className: clsx(boxStyles({
+    className: clsx(sprinkles({
       position: 'relative'
     }), styles.star.default, {
       [styles.star.empty]: starType === EStarType.Empty

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Stepper/Stepper.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,QAAmC,CAAC;AAEzD,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,MAAM,wCAiBjB,CAAC;AAEH,eAAO,MAAM,KAAK,UAQjB,CAAC"}
+{"version":3,"file":"Stepper.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Stepper/Stepper.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,QAAmC,CAAC;AAEzD,eAAO,MAAM,IAAI,QAAY,CAAC;AAE9B,eAAO,MAAM,MAAM,wCAiBjB,CAAC;AAEH,eAAO,MAAM,KAAK,UAQjB,CAAC"}

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

@@ -8,13 +8,7 @@ import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const disabled = style({
   cursor: 'not-allowed'
 }, "disabled");
-export const root = style({
-  selectors: {
-    [`&:not(${disabled}):focus`]: {
-      borderColor: vars.colours.intent.information.background.standard
-    }
-  }
-}, "root");
+export const root = style({}, "root");
 export const handle = styleVariants({
   default: {
     width: vars.space[6],

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../lib/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAIA,OAAO,EACN,iBAAiB,EAIjB,MAAM,OAAO,CAAC;AAYf,MAAM,WAAW,YAAY;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAkDD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,YAAY,CAsHnD,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../lib/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAIA,OAAO,EACN,iBAAiB,EAIjB,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,YAAY;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAkDD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,YAAY,CAqHnD,CAAC"}

package/dist/components/Stepper/Stepper.js

@@ -7,7 +7,6 @@ import * as React from 'react';
 import { useCallback } from 'react';
 import { addWithSafeDecimal } from "../../utils/number.js";
 import { Box } from "../Box/Box.js";
-import { boxStyles } from "../Box/newBox/boxStyles.js";
 import { Icon } from "../Icon/Icon.js";
 import { Inline } from "../Inline/Inline.js";
 import { Text } from "../Text/Text.js";
@@ -111,9 +110,7 @@ export const Stepper = _ref3 => {
     }
   }, [min, max, onDecrement, onIncrement, onChange]);
   return _jsx(Box, {
-    className: clsx(className, styles.root, boxStyles({
-      as: 'button'
-    }), disabled && styles.disabled),
+    className: clsx(className, styles.root, disabled && styles.disabled),
     userSelect: "none",
     "aria-disabled": disabled,
     tabIndex: 0,

package/dist/components/Tabs/Tab.js

@@ -4,7 +4,7 @@ import { invariant } from '@autoguru/utilities';
 import clsx from 'clsx';
 import * as React from 'react';
 import { cloneElement, createElement, forwardRef, isValidElement, useContext } from 'react';
-import { useBoxStyles } from "../Box/useBoxStyles.js";
+import { componentStyles } from "../../styles/index.js";
 import { Inline } from "../Inline/Inline.js";
 import { Text } from "../Text/Text.js";
 import { useTextStyles } from "../Text/useTextStyles.js";
@@ -28,8 +28,8 @@ export const Tab = forwardRef((_ref, ref) => {
   const isActive = tabsContext.activeIndex === tabListContext;
   const controlsId = typeof incomingId === 'string' ? incomingId : `${tabsContext.id}-${tabListContext}-tab`;
   const props = {
-    className: clsx(useBoxStyles({
-      is: typeof Component === 'string' ? Component : 'button',
+    className: clsx(componentStyles({
+      as: typeof Component === 'string' ? Component : 'button',
       display: 'inlineFlex',
       justifyContent: 'center',
       backgroundColour: 'transparent'

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

@@ -1 +1 @@
-{"version":3,"file":"TextBubble.d.ts","sourceRoot":"","sources":["../../../lib/components/TextBubble/TextBubble.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,MAAM,WAAW,eAChB,SAAQ,IAAI,CACX,cAAc,CAAC,OAAO,GAAG,CAAC,EAC1B,cAAc,GAAG,UAAU,GAAG,SAAS,CACvC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;CACnD;AAaD,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAmDzD,CAAC"}
+{"version":3,"file":"TextBubble.d.ts","sourceRoot":"","sources":["../../../lib/components/TextBubble/TextBubble.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAGnE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,MAAM,WAAW,eAChB,SAAQ,IAAI,CACX,cAAc,CAAC,OAAO,GAAG,CAAC,EAC1B,cAAc,GAAG,UAAU,GAAG,SAAS,CACvC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;CACnD;AAaD,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAmDzD,CAAC"}

package/dist/components/TextBubble/TextBubble.js

@@ -8,8 +8,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import clsx from 'clsx';
 import * as React from 'react';
 import { useMemo } from 'react';
+import { sprinkles } from "../../styles/index.js";
 import { Box } from "../Box/Box.js";
-import { boxStyles } from "../Box/newBox/boxStyles.js";
 import { Text } from "../Text/Text.js";
 import * as styles from "./TextBubble.css.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -58,7 +58,7 @@ export const TextBubble = _ref => {
       size: "2",
       strong: true,
       noWrap: true,
-      className: clsx(styles.bubbleText, boxStyles({
+      className: clsx(styles.bubbleText, sprinkles({
         position: 'absolute',
         overflow: 'hidden',
         width: 'full',

package/dist/components/TextLink/TextLink.js

@@ -8,8 +8,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { invariant } from '@autoguru/utilities';
 import clsx from 'clsx';
 import React, { cloneElement, createElement, forwardRef, isValidElement } from 'react';
+import { componentStyles } from "../../styles/index.js";
 import { Box } from "../Box/Box.js";
-import { useBoxStyles } from "../Box/useBoxStyles.js";
 import { Icon } from "../Icon/Icon.js";
 import { Text } from "../Text/Text.js";
 import * as styles from "./TextLink.css.js";
@@ -35,8 +35,8 @@ export const TextLink = forwardRef((_ref, ref) => {
     size: size,
     fontWeight: fontWeight,
     strong: strong,
-    className: clsx(useBoxStyles({
-      is: 'span',
+    className: clsx(componentStyles({
+      as: 'span',
       pointerEvents: 'none',
       position: 'relative',
       paddingRight: icon ? '5' : undefined

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

@@ -5,7 +5,6 @@ declare const meta: {
     title: string;
     component: React.ForwardRefExoticComponent<Omit<import("./TextLink").Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
     decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
-        key?: React.Key | null | undefined;
         color?: import("../Text/useTextStyles").TextColor | undefined;
         content?: string | undefined | undefined;
         strong?: boolean | undefined;
@@ -18,13 +17,14 @@ declare const meta: {
         translate?: "yes" | "no" | undefined | undefined;
         hidden?: boolean | undefined | undefined;
         style?: React.CSSProperties | undefined;
+        key?: React.Key | null | undefined;
         as?: import("../Text/useTextStyles").TextTags | undefined;
+        slot?: string | undefined | undefined;
+        title?: string | undefined | undefined;
         onAnimationStart?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
         onAnimationEnd?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
         id?: string | undefined | undefined;
         children?: React.ReactNode;
-        slot?: string | undefined | undefined;
-        title?: string | undefined | undefined;
         className?: string | undefined;
         align?: "left" | "right" | "center" | undefined;
         noWrap?: boolean | undefined;

package/dist/components/private/CheckableBase/CheckableBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckableBase.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/CheckableBase/CheckableBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAIb,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,kBAAkB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,KAAK,KAAA,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,aAAa,6FA2FzB,CAAC"}
+{"version":3,"file":"CheckableBase.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/CheckableBase/CheckableBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIb,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,kBAAkB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,KAAK,KAAA,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,aAAa,6FA2FzB,CAAC"}

package/dist/components/private/CheckableBase/CheckableBase.js

@@ -1,9 +1,8 @@
 "use strict";
 
-import clsx from 'clsx';
 import React, { forwardRef, useId } from 'react';
+import { elementResetStyles } from "../../../styles/index.js";
 import { Box } from "../../Box/Box.js";
-import { boxStyles } from "../../Box/newBox/boxStyles.js";
 import { Text } from "../../Text/Text.js";
 import { textStyles } from "../../Text/textStyles.js";
 import * as styles from "./CheckableBase.css.js";
@@ -37,9 +36,7 @@ export const CheckableBase = forwardRef((_ref, ref) => {
     paddingRight: label ? '3' : 'none',
     paddingLeft: "none",
     position: "relative",
-    className: [styles.root, boxStyles({
-      as: 'button'
-    }), className, {
+    className: [styles.root, elementResetStyles('button'), className, {
       [styles.disabled]: disabled
     }],
     children: [_jsx(Box, {
@@ -57,9 +54,7 @@ export const CheckableBase = forwardRef((_ref, ref) => {
       disabled: disabled,
       type: inputType,
       pointerEvents: disabled ? 'none' : void 0,
-      className: clsx(boxStyles({
-        as: 'button'
-      }), styles.nativeInput),
+      className: [elementResetStyles('button'), styles.nativeInput],
       onClick: handleClick,
       onChange: onChange
     }), _jsx(Box, {
@@ -67,22 +62,18 @@ export const CheckableBase = forwardRef((_ref, ref) => {
       alignItems: "center",
       justifyContent: "center",
       position: "relative",
-      className: [styles.checkable, boxStyles({
-        as: 'button'
-      })],
+      className: [styles.checkable, elementResetStyles('button')],
       children: children
     }), _jsx(Box, {
       as: "label",
       htmlFor: id,
       width: "full",
       pointerEvents: disabled ? 'none' : void 0,
-      className: clsx(boxStyles({
-        as: 'button'
-      }), textStyles({
+      className: [elementResetStyles('button'), textStyles({
         size: '4'
       }), {
         [styles.label.disabled]: disabled
-      }),
+      }],
       children: nakedLabel ? _jsx(Text, {
         as: "span",
         children: label

package/dist/components/private/InputBase/HintText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HintText.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/HintText.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,aAAa;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,CA0BrD,CAAC"}
+{"version":3,"file":"HintText.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/HintText.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,aAAa;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,CAyBrD,CAAC"}

package/dist/components/private/InputBase/HintText.js

@@ -2,7 +2,7 @@
 
 import clsx from 'clsx';
 import React from 'react';
-import { boxStyles } from "../../Box/newBox/boxStyles.js";
+import { componentStyles } from "../../../styles/index.js";
 import { Text } from "../../Text/Text.js";
 import * as styles from "./HintText.css.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,17 +14,16 @@ export const HintText = _ref => {
     size = 'medium',
     className = ''
   } = _ref;
-  const style = boxStyles({
-    as: 'p',
-    marginTop: '1'
-  });
   if (!hintText && !reserveHintSpace) return null;
   const showHintText = !disabled && hintText;
   return _jsx(Text, {
     as: "p",
     size: size === 'large' ? '4' : '2',
     colour: "unset",
-    className: clsx(style, styles.hintText, className),
+    className: clsx(componentStyles({
+      as: 'p',
+      mt: '1'
+    }), styles.hintText, className),
     children: showHintText ? hintText : '\u00A0'
   });
 };

package/dist/components/private/InputBase/withEnhancedInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withEnhancedInput.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/withEnhancedInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"withEnhancedInput.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/withEnhancedInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/private/InputBase/withEnhancedInput.js

@@ -8,9 +8,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { invariant, wrapEvent } from '@autoguru/utilities';
 import clsx from 'clsx';
 import React, { forwardRef, useCallback, useState } from 'react';
+import { componentStyles, sprinkles } from "../../../styles/index.js";
 import { useInputControlledState } from "../../../utils/index.js";
 import { Box } from "../../Box/Box.js";
-import { useBoxStyles } from "../../Box/useBoxStyles.js";
 import { Icon } from "../../Icon/Icon.js";
 import { ProgressSpinner } from "../../ProgressSpinner/ProgressSpinner.js";
 import { HintText } from "./HintText.js";
@@ -73,8 +73,8 @@ export const withEnhancedInput = function (WrappingComponent) {
         disabled
       }, inputStateStyles);
       const iconSize = size === 'small' ? 'medium' : size;
-      const inputItselfClassName = clsx(useBoxStyles({
-        is: primitiveType === 'textarea' ? 'textarea' : 'input',
+      const inputItselfClassName = clsx(componentStyles({
+        as: primitiveType === 'textarea' ? 'textarea' : 'input',
         backgroundColour,
         width: 'full',
         position: 'relative',
@@ -128,7 +128,7 @@ export const withEnhancedInput = function (WrappingComponent) {
       const onMouseOut = useCallback(() => {
         setIsHovered(false);
       }, []);
-      const iconStyles = useBoxStyles({
+      const iconStyles = sprinkles({
         pointerEvents: 'none',
         position: 'absolute'
       });

package/dist/index.d.ts

@@ -2,6 +2,6 @@ export * from './components';
 export * from './hooks';
 export type { Sprinkles as BaseStyleProps, SprinklesLegacyColours as LegacyColourStyleProps, } from './styles/sprinkles.css';
 export { overdriveTokens as tokens } from './themes/theme.css';
-export { boxStyles as style } from './components/Box/newBox/boxStyles';
+export { sprinkles as style } from './styles/sprinkles.css';
 export { useId, arrayRingLookup } from './utils/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,YAAY,EACX,SAAS,IAAI,cAAc,EAC3B,sBAAsB,IAAI,sBAAsB,GAChD,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,YAAY,EACX,SAAS,IAAI,cAAc,EAC3B,sBAAsB,IAAI,sBAAsB,GAChD,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -3,5 +3,5 @@
 export * from "./components/index.js";
 export * from "./hooks/index.js";
 export { overdriveTokens as tokens } from "./themes/theme.css.js";
-export { boxStyles as style } from "./components/Box/newBox/boxStyles.js";
+export { sprinkles as style } from "./styles/sprinkles.css.js";
 export { useId, arrayRingLookup } from "./utils/index.js";

package/dist/styles/index.d.ts

@@ -0,0 +1,5 @@
+export { cssLayerComponent, cssLayerTheme } from './layers.css';
+export { resetVariants, type ResetVariantProps } from './reset.css';
+export { componentStyles, elementResetStyles, resetStyles, } from './resetStyles';
+export { sprinkles, type Sprinkles, type SprinklesLegacyColours, } from './sprinkles.css';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EACN,eAAe,EACf,kBAAkB,EAClB,WAAW,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,EACN,SAAS,EACT,KAAK,SAAS,EACd,KAAK,sBAAsB,GAC3B,MAAM,iBAAiB,CAAC"}

package/dist/styles/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { cssLayerComponent, cssLayerTheme } from "./layers.css.js";
+export { resetVariants } from "./reset.css.js";
+export { componentStyles, elementResetStyles, resetStyles } from "./resetStyles.js";
+export { sprinkles } from "./sprinkles.css.js";

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

@@ -3,7 +3,7 @@ export declare const trimmed: {
     margin: number;
     padding: number;
 };
-export declare const borderWidthReset: string;
+export declare const borderReset: string;
 export declare const container: string;
 export declare const element: {
     div: string;

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

@@ -1 +1 @@
-{"version":3,"file":"reset.css.d.ts","sourceRoot":"","sources":["../../lib/styles/reset.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAQlE,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAUF,eAAO,MAAM,gBAAgB,QAI3B,CAAC;AAEH,eAAO,MAAM,SAAS,QASpB,CAAC;AAuHH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,OAAO,CAAC;AAEjD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQxB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAC1C,cAAc,CAAC,OAAO,aAAa,CAAC,CACpC,CAAC"}
+{"version":3,"file":"reset.css.d.ts","sourceRoot":"","sources":["../../lib/styles/reset.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAQlE,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAUF,eAAO,MAAM,WAAW,QAOtB,CAAC;AAEH,eAAO,MAAM,SAAS,QASpB,CAAC;AAuHH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,OAAO,CAAC;AAEjD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQxB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAC1C,cAAc,CAAC,OAAO,aAAa,CAAC,CACpC,CAAC"}

package/dist/styles/reset.css.js

@@ -20,13 +20,14 @@ const trimmedElement = style({
     [cssLayerReset]: _objectSpread({}, trimmed)
   }
 }, "trimmedElement");
-export const borderWidthReset = style({
+export const borderReset = style({
   '@layer': {
     [cssLayerReset]: {
+      borderStyle: 'solid',
       borderWidth: 0
     }
   }
-}, "borderWidthReset");
+}, "borderReset");
 export const container = style({
   '@layer': {
     [cssLayerReset]: {
@@ -74,7 +75,7 @@ const list = style({
     })
   }
 }, "list");
-const fieldset = [trimmedElement, borderWidthReset, style({
+const fieldset = [trimmedElement, borderReset, style({
   '@layer': {
     [cssLayerReset]: {
       appearance: 'none'

package/dist/styles/resetStyles.d.ts

@@ -1,4 +1,10 @@
+import type { ElementType, ReactElement } from 'react';
+import { type Sprinkles } from './sprinkles.css';
 export declare const resetStyles: ({ as: _as }: {
     as: string | undefined;
 }) => string;
+export declare const elementResetStyles: (tag: unknown) => string;
+export declare const componentStyles: ({ as, ...styleProps }: {
+    as?: string | ElementType | ReactElement;
+} & Sprinkles) => string;
 //# sourceMappingURL=resetStyles.d.ts.map

package/dist/styles/resetStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resetStyles.d.ts","sourceRoot":"","sources":["../../lib/styles/resetStyles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,GAAI,aAAa;IAAE,EAAE,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,WAKlE,CAAC"}
+{"version":3,"file":"resetStyles.d.ts","sourceRoot":"","sources":["../../lib/styles/resetStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAM5D,eAAO,MAAM,WAAW,GAAI,aAAa;IAAE,EAAE,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,WAKlE,CAAC;AAOF,eAAO,MAAM,kBAAkB,GAAI,KAAK,OAAO,WAG9C,CAAC;AAOF,eAAO,MAAM,eAAe,GAAI,uBAG7B;IAAE,EAAE,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,YAAY,CAAA;CAAE,GAAG,SAAS,WACP,CAAC"}

package/dist/styles/resetStyles.js

@@ -1,6 +1,10 @@
 "use strict";
 
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["as"];
+import clsx from 'clsx';
 import { element, resetVariants } from "./reset.css.js";
+import { sprinkles } from "./sprinkles.css.js";
 export const resetStyles = _ref => {
   let {
     as: _as
@@ -10,4 +14,17 @@ export const resetStyles = _ref => {
   return resetVariants({
     as
   });
+};
+export const elementResetStyles = tag => {
+  if (typeof tag === 'string') return resetStyles({
+    as: tag
+  });
+  return '';
+};
+export const componentStyles = _ref2 => {
+  let {
+      as
+    } = _ref2,
+    styleProps = _objectWithoutProperties(_ref2, _excluded);
+  return clsx(elementResetStyles(as), sprinkles(styleProps));
 };