@autoguru/overdrive 4.43.6-next.3 → 4.43.6-next.5

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

@@ -1,7 +1,8 @@
 import type { AllHTMLAttributes, ElementType, ReactNode } from 'react';
 import React from 'react';
 import { type BoxStylesProps } from './newBox/boxStyles';
-export interface BoxProps extends Omit<BoxStylesProps, 'as'>, Omit<AllHTMLAttributes<HTMLElement>, 'as' | 'className' | 'color' | 'height' | 'is' | 'size' | 'width'> {
+import type { CommonBoxProps } from './newBox/useBox';
+export interface BoxProps extends CommonBoxProps, Omit<BoxStylesProps, 'as'>, Omit<AllHTMLAttributes<HTMLElement>, 'as' | 'className' | 'color' | 'height' | 'is' | 'size' | 'width'> {
     as?: ElementType;
     is?: ElementType;
     children?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpE,MAAM,WAAW,QAChB,SAAQ,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,EACjC,IAAI,CACH,iBAAiB,CAAC,WAAW,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CACjE;IACF,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAKD,eAAO,MAAM,GAAG,8EA0Lf,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,WAAW,QAChB,SAAQ,cAAc,EACrB,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,EAC1B,IAAI,CACH,iBAAiB,CAAC,WAAW,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CACjE;IACF,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAKD,eAAO,MAAM,GAAG,8EAkMf,CAAC"}

package/dist/components/Box/Box.js

@@ -2,11 +2,12 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["is", "as", "children", "className", "display", "width", "maxWidth", "minWidth", "height", "position", "overflow", "userSelect", "textAlign", "pointerEvents", "backgroundColour", "boxShadow", "color", "colour", "opacity", "borderRadius", "borderColor", "borderBottomColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderColour", "borderColourX", "borderColourY", "borderColourTop", "borderColourRight", "borderColourBottom", "borderColourLeft", "borderWidth", "borderWidthX", "borderWidthY", "borderWidthTop", "borderWidthRight", "borderWidthBottom", "borderWidthLeft", "alignItems", "order", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent", "justifySelf", "gap", "columnGap", "rowGap", "m", "mb", "ml", "mr", "mt", "mx", "margin", "marginX", "marginY", "marginTop", "marginBottom", "marginLeft", "marginRight", "p", "pb", "pl", "pr", "pt", "px", "padding", "paddingX", "paddingY", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight"];
+const _excluded = ["is", "as", "children", "className", "odComponent", "testId", "display", "width", "maxWidth", "minWidth", "height", "position", "overflow", "userSelect", "textAlign", "pointerEvents", "backgroundColor", "backgroundColour", "boxShadow", "color", "colour", "opacity", "borderRadius", "borderColor", "borderBottomColor", "borderLeftColor", "borderRightColor", "borderTopColor", "borderColour", "borderColourX", "borderColourY", "borderColourTop", "borderColourRight", "borderColourBottom", "borderColourLeft", "borderWidth", "borderWidthX", "borderWidthY", "borderWidthTop", "borderWidthRight", "borderWidthBottom", "borderWidthLeft", "alignItems", "order", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent", "justifySelf", "gap", "columnGap", "rowGap", "m", "mb", "ml", "mr", "mt", "mx", "margin", "marginX", "marginY", "marginTop", "marginBottom", "marginLeft", "marginRight", "p", "pb", "pl", "pr", "pt", "px", "padding", "paddingX", "paddingY", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight"];
 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 clsx from 'clsx';
 import React, { forwardRef } from 'react';
+import { dataAttrs } from "../../utils/dataAttrs.js";
 import { boxStyles } from "./newBox/boxStyles.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Box = forwardRef((_ref, ref) => {
@@ -15,6 +16,8 @@ export const Box = forwardRef((_ref, ref) => {
       as = is,
       children,
       className,
+      odComponent,
+      testId,
       display,
       width,
       maxWidth,
@@ -25,6 +28,7 @@ export const Box = forwardRef((_ref, ref) => {
       userSelect,
       textAlign,
       pointerEvents,
+      backgroundColor,
       backgroundColour,
       boxShadow,
       color,
@@ -101,6 +105,7 @@ export const Box = forwardRef((_ref, ref) => {
     userSelect,
     textAlign,
     pointerEvents,
+    backgroundColor,
     backgroundColour,
     boxShadow,
     color,
@@ -165,10 +170,12 @@ export const Box = forwardRef((_ref, ref) => {
     paddingRight
   });
   const Component = as;
-  return _jsx(Component, _objectSpread(_objectSpread({
+  return _jsx(Component, _objectSpread(_objectSpread(_objectSpread({}, allOtherProps), dataAttrs({
+    'od-component': odComponent === null || odComponent === void 0 ? void 0 : odComponent.toLocaleLowerCase(),
+    testId
+  })), {}, {
+    className: clsx(cls, className),
     ref: ref,
-    className: clsx(cls, className)
-  }, allOtherProps), {}, {
     children: children
   }));
 });

package/dist/components/Box/newBox/boxStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"boxStyles.d.ts","sourceRoot":"","sources":["../../../../lib/components/Box/newBox/boxStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAEN,KAAK,SAAS,EACd,KAAK,sBAAsB,EAC3B,MAAM,+BAA+B,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG3D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,sBAAsB,CAAC;AAE5D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,GACxE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,GACjC,UAAU,CAAC;AAEZ,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AAe5D,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,6BAIvE,cAAc,CAAC,CAAC,CAAC;;;CAoBnB,CAAC;AASF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACtD,OAAO,cAAc,CAAC,CAAC,CAAC,WAIxB,CAAC"}
+{"version":3,"file":"boxStyles.d.ts","sourceRoot":"","sources":["../../../../lib/components/Box/newBox/boxStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAEN,KAAK,SAAS,EAEd,KAAK,sBAAsB,EAC3B,MAAM,+BAA+B,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG3D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,sBAAsB,CAAC;AAE5D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,GACxE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,GACjC,UAAU,CAAC;AAEZ,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AAe5D,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,6BAIvE,cAAc,CAAC,CAAC,CAAC;;;CAsBnB,CAAC;AASF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACtD,OAAO,cAAc,CAAC,CAAC,CAAC,WAIxB,CAAC"}

package/dist/components/Box/newBox/boxStyles.js

@@ -4,7 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["as", "className"];
 import clsx from 'clsx';
 import { resetStyles } from "../../../styles/resetStyles.js";
-import { sprinkles } from "../../../styles/sprinkles.css.js";
+import { sprinkles, sprinklesLegacyColours } from "../../../styles/sprinkles.css.js";
 import { filterPropsWithStyles } from "../../../utils/sprinkles.js";
 const borderProperties = ['Color', 'Colour', 'Width'];
 const borderPostfixes = ['', 'Bottom', 'Left', 'Right', 'Top'];
@@ -16,6 +16,7 @@ export const boxStylesWithFilteredProps = _ref => {
     props = _objectWithoutProperties(_ref, _excluded);
   const {
     sprinklesProps,
+    sprinklesLegacyColourProps,
     baseProps
   } = filterPropsWithStyles(props);
   for (const postfix of borderPostfixes) {
@@ -28,7 +29,7 @@ export const boxStylesWithFilteredProps = _ref => {
   return {
     className: clsx(resetStyles({
       as: as ? `${as}` : as
-    }), sprinkles(sprinklesProps), className),
+    }), sprinkles(sprinklesProps), sprinklesLegacyColours(sprinklesLegacyColourProps), className),
     baseProps
   };
 };

package/dist/components/Columns/Column.css.d.ts

@@ -5,7 +5,7 @@ export declare const sprinklesColumnWidthResponsive: ((props: {
         tablet?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | undefined;
         desktop?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | undefined;
         largeDesktop?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | undefined;
-    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | null>;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | null>;
 }) => string) & {
     properties: Set<"flexBasis">;
 };

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

@@ -10,9 +10,9 @@ declare const meta: {
         icon?: import("@autoguru/icons").IconType | undefined;
         isOpen?: boolean | undefined;
         onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+        key?: React.Key | null | undefined;
         size?: import("../Button/Button.css").ButtonSize | undefined;
         disabled?: boolean | undefined;
-        key?: React.Key | null | undefined;
         id?: string | undefined | undefined;
         ref?: React.Ref<HTMLButtonElement> | undefined;
         className?: string | undefined | undefined;