@autoguru/overdrive 4.36.0 → 4.37.0

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

@@ -1 +1 @@
-{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,wBAAwB,EAKxB,YAAY,EAEZ,GAAG,EAQH,MAAM,OAAO,CAAC;AAYf,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,MAAM,WAAW,gBAAgB,CAAC,WAAW;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,MAAM,uBAAuB,CAAC,WAAW,IAAI,CAAC,KAAK,EAAE;IAC1D,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;CAClD,KAAK,YAAY,CAAC;AAiCnB,KAAK,WAAW,CAAC,WAAW,IAAI,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;AAErE,MAAM,WAAW,KAAK,CAAC,WAAW,CACjC,SAAQ,IAAI,CACX,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAC1C,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAC5C;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC5C,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEtC,YAAY,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAEpD,QAAQ,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAEtD,OAAO,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACrD;AAwGD,eAAO,MAAM,WAAW;;MA2FnB,YAAY,CAAC;AAwhBlB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,wBAAwB,EAKxB,YAAY,EAEZ,GAAG,EAQH,MAAM,OAAO,CAAC;AAYf,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,MAAM,WAAW,gBAAgB,CAAC,WAAW;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,MAAM,uBAAuB,CAAC,WAAW,IAAI,CAAC,KAAK,EAAE;IAC1D,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;CAClD,KAAK,YAAY,CAAC;AAiCnB,KAAK,WAAW,CAAC,WAAW,IAAI,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;AAErE,MAAM,WAAW,KAAK,CAAC,WAAW,CACjC,SAAQ,IAAI,CACX,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAC1C,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAC5C;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC5C,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEtC,YAAY,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAEpD,QAAQ,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAEtD,OAAO,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACrD;AAwGD,eAAO,MAAM,WAAW;;MA2FnB,YAAY,CAAC;AAkiBlB,eAAe,WAAW,CAAC"}

package/dist/components/AutoSuggest/AutoSuggest.js

@@ -132,7 +132,7 @@ export const AutoSuggest = forwardRef(function AutoSuggest(_ref, ref) {
       onClick
     } = _ref,
     textInputProps = _objectWithoutProperties(_ref, _excluded);
-  const inputRef = useRef();
+  const inputRef = useRef(null);
   const valueRef = useRef(incomingValue);
   useImperativeHandle(ref, () => inputRef.current);
   const [isDesktop] = useMedia(['desktop'], false);

package/dist/components/AutoSuggest/useLayoutSuggestionVisible.d.ts

@@ -1,3 +1,3 @@
 import { RefObject } from 'react';
-export declare const useLayoutSuggestionVisible: (highlightIndex: number, highlightRef: RefObject<HTMLElement>, suggestionListRef: RefObject<HTMLElement>) => void;
+export declare const useLayoutSuggestionVisible: (highlightIndex: number, highlightRef: RefObject<HTMLElement | null>, suggestionListRef: RefObject<HTMLElement | null>) => void;
 //# sourceMappingURL=useLayoutSuggestionVisible.d.ts.map

package/dist/components/AutoSuggest/useLayoutSuggestionVisible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutSuggestionVisible.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/useLayoutSuggestionVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAInD,eAAO,MAAM,0BAA0B,mBACtB,MAAM,gBACR,UAAU,WAAW,CAAC,qBACjB,UAAU,WAAW,CAAC,SAyCzC,CAAC"}
+{"version":3,"file":"useLayoutSuggestionVisible.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/useLayoutSuggestionVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAInD,eAAO,MAAM,0BAA0B,mBACtB,MAAM,gBACR,UAAU,WAAW,GAAG,IAAI,CAAC,qBACxB,UAAU,WAAW,GAAG,IAAI,CAAC,SAyChD,CAAC"}

package/dist/components/Badge/Badge.d.ts

@@ -1,12 +1,13 @@
-import { FunctionComponent } from 'react';
+import React from 'react';
+import type { WithTestId } from '../../types';
 import * as styles from './Badge.css';
-export interface Props {
+export interface BadgeProps {
     label: string;
     colour?: keyof typeof styles.colours.default;
     className?: string;
     look?: 'standard' | 'inverted';
     size?: keyof typeof styles.labelSize;
 }
-export declare const Badge: FunctionComponent<Props>;
+export declare const Badge: ({ label, colour, look, size, className, testId, }: WithTestId<BadgeProps>) => React.JSX.Element;
 export default Badge;
 //# sourceMappingURL=Badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,OAAO,CAAC;AAK1D,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,MAAM,WAAW,KAAK;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CACrC;AAoBD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAmD1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,MAAM,WAAW,UAAU;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CACrC;AAoBD,eAAO,MAAM,KAAK,sDAOf,WAAW,UAAU,CAAC,sBAiDxB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Badge/Badge.js

@@ -1,7 +1,11 @@
 "use strict";
 
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 { invariant } from '@autoguru/utilities';
-import * as React from 'react';
+import React from 'react';
+import { dataAttrs } from "../../utils/dataAttrs.js";
 import { Box } from "../Box/index.js";
 import { useTextStyles } from "../Text/index.js";
 import * as styles from "./Badge.css.js";
@@ -22,7 +26,8 @@ export const Badge = _ref => {
     colour = 'neutral',
     look = 'standard',
     size = 'standard',
-    className = ''
+    className = '',
+    testId
   } = _ref;
   const textStyles = useTextStyles({
     noWrap: true,
@@ -31,9 +36,12 @@ export const Badge = _ref => {
   });
   const inverted = look === 'inverted';
   !['string', 'number'].includes(typeof label) ? process.env.NODE_ENV !== "production" ? invariant(false, "Badge `label` can only contain string's or number's") : invariant(false) : void 0;
-  return _jsx(Box, {
+  return _jsx(Box, _objectSpread(_objectSpread({
     className: className,
-    display: "flex",
+    display: "flex"
+  }, dataAttrs({
+    'test-id': testId
+  })), {}, {
     children: _jsx(Box, {
       className: [styles.labelSize[size], inverted ? styles.colours.inverted[colour].background : styles.colours.default[colour]],
       overflow: "hidden",
@@ -42,7 +50,7 @@ export const Badge = _ref => {
       paddingY: paddingYMap[size],
       borderRadius: "1",
       children: _jsx(Box, {
-        is: "span",
+        as: "span",
         display: "block",
         overflow: "hidden",
         className: [textStyles, styles.label, inverted ? styles.colours.inverted[colour].text : useTextStyles({
@@ -51,6 +59,6 @@ export const Badge = _ref => {
         children: label
       })
     })
-  });
+  }));
 };
 export default Badge;

package/dist/components/Button/Button.d.ts

@@ -4,7 +4,7 @@ import { AriaAttributes, ButtonHTMLAttributes, ElementType, ReactElement } from
 import * as styles from './Button.css';
 type ButtonPrimitive = ButtonHTMLAttributes<HTMLButtonElement>;
 type AllowedChildren = string | IconType;
-export interface Props extends Pick<ButtonPrimitive, 'id' | 'onClick' | 'type' | 'className'>, Pick<AriaAttributes, 'aria-label'> {
+export interface ButtonProps extends Pick<ButtonPrimitive, 'id' | 'onClick' | 'type' | 'className'>, Pick<AriaAttributes, 'aria-label'> {
     children: AllowedChildren | AllowedChildren[];
     disabled?: boolean;
     is?: ElementType | ReactElement;
@@ -16,6 +16,6 @@ export interface Props extends Pick<ButtonPrimitive, 'id' | 'onClick' | 'type' |
     variant?: keyof typeof styles.variant;
     withDoubleClicks?: boolean;
 }
-export declare const Button: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & import("../../types").TestId & React.RefAttributes<HTMLButtonElement>>;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,cAAc,EACd,oBAAoB,EAIpB,WAAW,EAIX,YAAY,EAKZ,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AAEvC,KAAK,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE/D,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAIzC,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,EACrE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC;IACnC,QAAQ,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC;IACtC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B;AAqBD,eAAO,MAAM,MAAM,iFAgLlB,CAAC;AAqCF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,cAAc,EACd,oBAAoB,EAIpB,WAAW,EAIX,YAAY,EAKZ,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AAEvC,KAAK,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE/D,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAIzC,MAAM,WAAW,WAChB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,EACrE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC;IACnC,QAAQ,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC;IACtC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B;AAwDD,eAAO,MAAM,MAAM,sHAkLlB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Button/Button.js

@@ -6,6 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import clsx from 'clsx';
 import * as React from 'react';
 import { cloneElement, createElement, forwardRef, isValidElement, useCallback, useEffect, useMemo, useState } from 'react';
+import { dataAttrs } from "../../utils/dataAttrs.js";
 import { Box, useBoxStyles } from "../Box/index.js";
 import { Icon } from "../Icon/index.js";
 import { ProgressSpinner } from "../ProgressSpinner/index.js";
@@ -19,6 +20,22 @@ const getPadding = (size, loading) => {
   if (loading) return 'none';
   return size === 'small' ? '3' : '4';
 };
+const getButtonStates = (buttonStyles, variant, disabled, minimal, rounded) => {
+  if (disabled) return minimal ? clsx(buttonStyles.minimal.defaults, {
+    [buttonStyles.minimal.noneRounded]: !rounded
+  }) : '';
+  if (minimal) return clsx(styles.minimal.defaults, styles.minimalStates[variant], {
+    [styles.minimal.noneRounded]: !rounded
+  });
+  return styles.defaultStates[variant];
+};
+const getButtonSize = (buttonStyles, size, rounded, iconOnly) => {
+  const currentSize = buttonStyles.size[size];
+  return clsx(currentSize.default, {
+    [currentSize.rounded]: rounded,
+    [currentSize.iconOnly]: iconOnly
+  });
+};
 export const Button = forwardRef((_ref, ref) => {
   let {
     children,
@@ -35,7 +52,8 @@ export const Button = forwardRef((_ref, ref) => {
     size = 'medium',
     type = 'button',
     variant = 'secondary',
-    'aria-label': ariaLabel
+    'aria-label': ariaLabel,
+    testId
   } = _ref;
   const {
     isSingleIconChild,
@@ -121,33 +139,20 @@ export const Button = forwardRef((_ref, ref) => {
       className: [styles.body, styles.hiddenContent],
       children: buttonContents
     })]
-  }) : _jsx(Box, {
+  }) : _jsx(Box, _objectSpread(_objectSpread({
     height: "full",
     alignItems: "center",
     justifyContent: "center",
-    className: styles.body,
+    className: styles.body
+  }, dataAttrs({
+    'data-testid': testId
+  })), {}, {
     children: buttonContents
-  });
+  }));
   return isValidElement(Component) ? cloneElement(Component, _objectSpread({
     ref
   }, props), child) : createElement(Component, _objectSpread({
     ref
   }, props), child);
 });
-const getButtonStates = (buttonStyles, variant, disabled, minimal, rounded) => {
-  if (disabled) return minimal ? clsx(buttonStyles.minimal.defaults, {
-    [buttonStyles.minimal.noneRounded]: !rounded
-  }) : '';
-  if (minimal) return clsx(styles.minimal.defaults, styles.minimalStates[variant], {
-    [styles.minimal.noneRounded]: !rounded
-  });
-  return styles.defaultStates[variant];
-};
-const getButtonSize = (buttonStyles, size, rounded, iconOnly) => {
-  const currentSize = buttonStyles.size[size];
-  return clsx(currentSize.default, {
-    [currentSize.rounded]: rounded,
-    [currentSize.iconOnly]: iconOnly
-  });
-};
 export default Button;

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

@@ -1 +1 @@
-{"version":3,"file":"FillHeightBox.d.ts","sourceRoot":"","sources":["../../../lib/components/FillHeightBox/FillHeightBox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAA4B,EAC3B,wBAAwB,EACxB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,KAAK,KAAK,GAAG,IAAI,CAAC,wBAAwB,EAAE,cAAc,CAAC,GAC1D,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CA0BlD,CAAC"}
+{"version":3,"file":"FillHeightBox.d.ts","sourceRoot":"","sources":["../../../lib/components/FillHeightBox/FillHeightBox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAA4B,EAC3B,wBAAwB,EACxB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,KAAK,KAAK,GAAG,IAAI,CAAC,wBAAwB,EAAE,cAAc,CAAC,GAC1D,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CA2BlD,CAAC"}

package/dist/components/Heading/Heading.d.ts

@@ -1,15 +1,12 @@
-import { ComponentProps, FunctionComponent, ReactNode } from 'react';
+import React from 'react';
 import { Tokens } from '../../themes/tokens';
-import { Box } from '../Box';
+import type { WithTestId } from '../../types';
+import { type BoxProps } from '../Box';
 import type { TextStyleProps } from '../Text';
-export interface Props extends Omit<TextStyleProps, 'is'>, Pick<ComponentProps<typeof Box>, 'id'> {
-    className?: string;
-    children?: ReactNode;
+export interface HeadingProps extends Omit<TextStyleProps, 'is'>, Pick<BoxProps, 'children' | 'className' | 'id'> {
     is?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     colour?: Exclude<keyof Tokens['typography']['colour'], 'muted'>;
-    id?: string;
-    testId?: string;
 }
-export declare const Heading: FunctionComponent<Props>;
+export declare const Heading: ({ is, id, testId, align, fontWeight, noWrap, transform, colour, size, breakWord, className, children, }: WithTestId<HeadingProps>) => React.JSX.Element;
 export default Heading;
 //# sourceMappingURL=Heading.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,EACjC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;IAChE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAWD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAiC5C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,WAAW,YAChB,SAAQ,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,EACjC,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,WAAW,GAAG,IAAI,CAAC;IAChD,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;CAChE;AAWD,eAAO,MAAM,OAAO,4GAajB,WAAW,YAAY,CAAC,sBAoB1B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Heading/Heading.js

@@ -1,6 +1,10 @@
 "use strict";
 
-import * as React from 'react';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 React from 'react';
+import { dataAttrs } from "../../utils/dataAttrs.js";
 import { Box } from "../Box/index.js";
 import { useTextStyles } from "../Text/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -27,10 +31,9 @@ export const Heading = _ref => {
     className = '',
     children
   } = _ref;
-  return _jsx(Box, {
+  return _jsx(Box, _objectSpread(_objectSpread({
     id: id,
-    "data-test-id": testId,
-    is: is,
+    as: is,
     className: [useTextStyles({
       size,
       align,
@@ -39,8 +42,11 @@ export const Heading = _ref => {
       transform,
       fontWeight,
       breakWord
-    }), className],
+    }), className]
+  }, dataAttrs({
+    'test-id': testId
+  })), {}, {
     children: children
-  });
+  }));
 };
 export default Heading;

package/dist/components/HorizontalAutoScroller/useHorizontalAutoScroller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHorizontalAutoScroller.d.ts","sourceRoot":"","sources":["../../../lib/components/HorizontalAutoScroller/useHorizontalAutoScroller.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,UAAU,KAAK;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,8BAChB,SAAQ,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,UAAU,OAAQ,SAAQ,KAAK;IAC9B,YAAY,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9C,IAAI,IAAI,IAAI,CAAC;IAEb,IAAI,IAAI,IAAI,CAAC;IAEb,KAAK,IAAI,IAAI,CAAC;IAEd,MAAM,IAAI,IAAI,CAAC;IAEf,OAAO,IAAI,IAAI,CAAC;IAEhB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AA8FD,eAAO,MAAM,yBAAyB,oGAMnC,8BAA8B,KAAG,OA8FnC,CAAC"}
+{"version":3,"file":"useHorizontalAutoScroller.d.ts","sourceRoot":"","sources":["../../../lib/components/HorizontalAutoScroller/useHorizontalAutoScroller.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,UAAU,KAAK;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,8BAChB,SAAQ,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,UAAU,OAAQ,SAAQ,KAAK;IAC9B,YAAY,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9C,IAAI,IAAI,IAAI,CAAC;IAEb,IAAI,IAAI,IAAI,CAAC;IAEb,KAAK,IAAI,IAAI,CAAC;IAEd,MAAM,IAAI,IAAI,CAAC;IAEf,OAAO,IAAI,IAAI,CAAC;IAEhB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AA8FD,eAAO,MAAM,yBAAyB,oGAMnC,8BAA8B,KAAG,OAwGnC,CAAC"}

package/dist/components/HorizontalAutoScroller/useHorizontalAutoScroller.js

@@ -89,9 +89,9 @@ export const useHorizontalAutoScroller = _ref => {
   }, [itemsRef === null || itemsRef === void 0 ? void 0 : itemsRef.length, itemsPerPage]);
   const onViewChange = useCallback(inView => {
     if (inView && typeof activePage !== 'number') dispatch({
-      type: 'GO_TO_PAGE',
-      payload: typeof incomingActivePage === 'number' ? incomingActivePage : 0
-    });
+        type: 'GO_TO_PAGE',
+        payload: typeof incomingActivePage === 'number' ? incomingActivePage : 0
+      });
   }, [incomingActivePage, activePage]);
   const [containerRef, inView, entry] = useInView({
     triggerOnce: false,

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../lib/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAM5E,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,KAAK,MAAM,MAAM,YAAY,CAAC;AAErC,MAAM,MAAM,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;AAE/E,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,IAAI,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CA0BzC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../lib/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAM5E,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,KAAK,MAAM,MAAM,YAAY,CAAC;AAErC,MAAM,MAAM,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;AAE/E,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,IAAI,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CA6BzC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Icon/Icon.js

@@ -8,6 +8,7 @@ import { Box, useBoxStyles } from "../Box/index.js";
 import * as styles from "./Icon.css.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Icon = _ref => {
+  var _icon$props$ariaLabe;
   let {
     className = '',
     icon,
@@ -16,17 +17,18 @@ export const Icon = _ref => {
   } = _ref;
   useNullCheck(icon, 'Icon component received an empty icon prop.');
   return _jsx(Box, {
-    is: "i",
+    as: "div",
     display: display,
     className: [resolveResponsiveStyle(size, styles.size), className],
-    role: "presentation",
     children: icon ? cloneElement(icon, {
       className: useBoxStyles({
-        is: 'svg',
+        as: 'svg',
         display: 'block',
         width: 'full',
         height: 'full'
-      })
+      }),
+      'aria-label': (_icon$props$ariaLabe = icon.props['aria-label']) !== null && _icon$props$ariaLabe !== void 0 ? _icon$props$ariaLabe : undefined,
+      'aria-hidden': icon.props['aria-label'] ? undefined : true
     }) : '⬤'
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../lib/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAI5C,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,OAAO,CAAC;IACjE,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAOD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CA0D3C,CAAC;AAcF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../lib/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAI5C,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,OAAO,CAAC;IACjE,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAOD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAwD3C,CAAC;AAcF,eAAe,MAAM,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"OptionGrid.d.ts","sourceRoot":"","sources":["../../../lib/components/OptionGrid/OptionGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIN,KAAK,YAAY,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAQ,KAAK,MAAM,EAAE,MAAM,SAAS,CAAC;AAG5C,OAAO,EAMN,KAAK,wBAAwB,EAC7B,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,UAAU;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC;IAIzE,KAAK,EAAE,MAAM,CAAC;IAId,KAAK,EAAE,UAAU,EAAE,CAAC;IAIpB,SAAS,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;IAI1C,aAAa,CAAC,EAAE,aAAa,CAAC;IAI9B,OAAO,CAAC,EAAE,wBAAwB,CAAC,SAAS,CAAC,CAAC;CAC9C;AAgBD,eAAO,MAAM,UAAU,sFASpB,WAAW,gBAAgB,UAAU,CAAC,CAAC,sBA6EzC,CAAC"}
+{"version":3,"file":"OptionGrid.d.ts","sourceRoot":"","sources":["../../../lib/components/OptionGrid/OptionGrid.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIN,KAAK,YAAY,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAQ,KAAK,MAAM,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,EAMN,KAAK,wBAAwB,EAC7B,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,UAAU;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC;IAIzE,KAAK,EAAE,MAAM,CAAC;IAId,KAAK,EAAE,UAAU,EAAE,CAAC;IAIpB,SAAS,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;IAI1C,aAAa,CAAC,EAAE,aAAa,CAAC;IAI9B,OAAO,CAAC,EAAE,wBAAwB,CAAC,SAAS,CAAC,CAAC;CAC9C;AAgBD,eAAO,MAAM,UAAU,sFASpB,WAAW,gBAAgB,UAAU,CAAC,CAAC,sBA+EzC,CAAC"}

package/dist/components/OptionGrid/OptionGrid.js

@@ -5,13 +5,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["className", "columns", "indicator", "label", "layout", "selectionMode", "testId"];
 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 { CheckIcon } from '@autoguru/icons';
 import clsx from 'clsx';
 import React from 'react';
 import { ListBox, ListBoxItem, Text } from 'react-aria-components';
 import { odStyle } from "../../styles/sprinkles.css.js";
 import { dataAttrs } from "../../utils/dataAttrs.js";
 import { Icon } from "../Icon/index.js";
-import { IconTick } from "../OptionList/IconTick.js";
 import { styledCheckbox, styledGridContainer, styledGridItem, styledRadioButton, styleIndicator } from "./OptionGrid.css.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export const OptionGrid = _ref => {
@@ -67,7 +67,9 @@ export const OptionGrid = _ref => {
               hover: isHovered,
               selected: isSelected
             })), {}, {
-              children: indicator === 'checkbox' && _jsx(IconTick, {})
+              children: indicator === 'checkbox' && _jsx(Icon, {
+                icon: CheckIcon
+              })
             }));
           };
           return _jsxs(_Fragment, {

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

@@ -1 +1 @@
-{"version":3,"file":"OptionListItem.d.ts","sourceRoot":"","sources":["../../../lib/components/OptionList/OptionListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAIN,KAAK,0BAA0B,EAC/B,MAAM,YAAY,CAAC;AAUpB,KAAK,qBAAqB,GAAG,IAAI,CAChC,0BAA0B,EAC1B,iBAAiB,CACjB,CAAC;AAMF,eAAO,MAAM,cAAc;YAAW,qBAAqB;;CAuC1D,CAAC;AAIF,MAAM,WAAW,eAAe;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAI3B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAKD,eAAO,MAAM,cAAc;4BAA2B,eAAe;;CAepE,CAAC"}
+{"version":3,"file":"OptionListItem.d.ts","sourceRoot":"","sources":["../../../lib/components/OptionList/OptionListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAIN,KAAK,0BAA0B,EAC/B,MAAM,YAAY,CAAC;AAUpB,KAAK,qBAAqB,GAAG,IAAI,CAChC,0BAA0B,EAC1B,iBAAiB,CACjB,CAAC;AAMF,eAAO,MAAM,cAAc;YAAW,qBAAqB;;CAuC1D,CAAC;AAIF,MAAM,WAAW,eAAe;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAI3B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAKD,eAAO,MAAM,cAAc;4BAA2B,eAAe;;CAepE,CAAC"}

package/dist/components/OptionList/OptionListItem.js

@@ -3,12 +3,13 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 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 { CheckIcon } from '@autoguru/icons';
 import React, { useContext, useRef } from 'react';
 import { useCheckboxGroupItem, useFocusRing, mergeProps } from 'react-aria';
 import { odStyle } from "../../styles/sprinkles.css.js";
 import { dataAttrs } from "../../utils/dataAttrs.js";
+import { Icon } from "../Icon/index.js";
 import { VisuallyHidden } from "../VisuallyHidden/index.js";
-import { IconTick } from "./IconTick.js";
 import { OptionListContext } from "./OptionList.js";
 import { checkbox, styledOptionItem } from "./OptionList.css.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -43,7 +44,9 @@ export const OptionListItem = props => {
       }, dataAttrs({
         checked: isSelected
       })), {}, {
-        children: _jsx(IconTick, {})
+        children: _jsx(Icon, {
+          icon: CheckIcon
+        })
       })), _jsx("div", {
         className: odStyle({
           alignSelf: 'center',

package/dist/components/OutsideClick/OutsideClick.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactElement, RefObject } from 'react';
-export declare const useOutsideClick: (refs: Array<RefObject<HTMLElement>>, onClickAway: () => void) => void;
+export declare const useOutsideClick: (refs: Array<RefObject<HTMLElement | null>>, onClickAway: () => void) => void;
 export interface Props {
     children: ReactElement;
     onOutsideClick?(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"OutsideClick.d.ts","sourceRoot":"","sources":["../../../lib/components/OutsideClick/OutsideClick.tsx"],"names":[],"mappings":"AACA,OAAO,EAGN,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAGT,MAAM,OAAO,CAAC;AAIf,eAAO,MAAM,eAAe,SACrB,MAAM,UAAU,WAAW,CAAC,CAAC,eACtB,MAAM,IAAI,SA6BvB,CAAC;AAmBF,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,YAAY,CAAC;IAEvB,cAAc,CAAC,IAAI,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,KAAK,CAmBjD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"OutsideClick.d.ts","sourceRoot":"","sources":["../../../lib/components/OutsideClick/OutsideClick.tsx"],"names":[],"mappings":"AACA,OAAO,EAGN,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAGT,MAAM,OAAO,CAAC;AAIf,eAAO,MAAM,eAAe,SACrB,MAAM,UAAU,WAAW,GAAG,IAAI,CAAC,CAAC,eAC7B,MAAM,IAAI,SA6BvB,CAAC;AAmBF,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,YAAY,CAAC;IAEvB,cAAc,CAAC,IAAI,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,KAAK,CAoBjD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Positioner/Positioner.d.ts

@@ -5,7 +5,7 @@ export { EAlignment } from './alignment';
 export interface Props extends Exclude<ComponentPropsWithoutRef<typeof Box>, 'aria-hidden' | 'className'> {
     alignment?: EAlignment;
     isOpen?: boolean;
-    triggerRef: RefObject<HTMLElement>;
+    triggerRef: RefObject<HTMLElement | null>;
     triggerOffset?: number;
     children?: ReactNode;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Positioner.d.ts","sourceRoot":"","sources":["../../../lib/components/Positioner/Positioner.tsx"],"names":[],"mappings":"AAIA,OAAO,EACN,wBAAwB,EACxB,iBAAiB,EACjB,SAAS,EACT,SAAS,EAIT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAqBzC,MAAM,WAAW,KAChB,SAAQ,OAAO,CACd,wBAAwB,CAAC,OAAO,GAAG,CAAC,EACpC,aAAa,GAAG,WAAW,CAC3B;IACD,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CA8F/C,CAAC;AAsBF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Positioner.d.ts","sourceRoot":"","sources":["../../../lib/components/Positioner/Positioner.tsx"],"names":[],"mappings":"AAIA,OAAO,EACN,wBAAwB,EACxB,iBAAiB,EACjB,SAAS,EACT,SAAS,EAIT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAqBzC,MAAM,WAAW,KAChB,SAAQ,OAAO,CACd,wBAAwB,CAAC,OAAO,GAAG,CAAC,EACpC,aAAa,GAAG,WAAW,CAC3B;IACD,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CA8F/C,CAAC;AAsBF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,16 @@
+export declare const styledSearchBar: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        true: string;
+    };
+}>;
+export declare const styledInput: import("@vanilla-extract/recipes").RuntimeFn<{
+    [x: string]: {
+        [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
+    };
+}>;
+export declare const styledClearButton: import("@vanilla-extract/recipes").RuntimeFn<{
+    [x: string]: {
+        [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
+    };
+}>;
+//# sourceMappingURL=SearchBar.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.css.d.ts","sourceRoot":"","sources":["../../../lib/components/SearchBar/SearchBar.css.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,eAAe;;;;EAyB1B,CAAC;AAEH,eAAO,MAAM,WAAW;;;;EAiBtB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;EAc5B,CAAC"}

package/dist/components/SearchBar/SearchBar.css.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+__vanilla_filescope__.setFileScope("lib/components/SearchBar/SearchBar.css.ts", "@autoguru/overdrive");
+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 { style } from '@vanilla-extract/css';
+import { recipe } from '@vanilla-extract/recipes';
+import { focusOutline } from "../../styles/focusOutline.css.js";
+import { odStyle } from "../../styles/sprinkles.css.js";
+import { tokens } from "../../themes/base/tokens.js";
+const hideWebkitAppearance = style({
+  selectors: {
+    '&::-webkit-search-cancel-button, &::-webkit-search-decoration': {
+      appearance: 'none'
+    }
+  }
+}, "hideWebkitAppearance");
+const placeholder = style({
+  selectors: {
+    '&::placeholder': {
+      color: tokens.colours.gamut.gray400
+    }
+  }
+}, "placeholder");
+export const styledSearchBar = recipe({
+  base: [odStyle(_objectSpread(_objectSpread({
+    alignItems: 'center',
+    background: {
+      initial: 'white',
+      hover: 'gray200',
+      focus: 'white'
+    },
+    borderColor: {
+      initial: 'gray',
+      hover: 'light',
+      focus: 'dark'
+    },
+    borderRadius: '3',
+    borderStyle: 'solid',
+    borderWidth: '2',
+    color: {
+      initial: 'gray400',
+      focus: 'gray900'
+    },
+    cursor: {
+      hover: 'text'
+    },
+    display: 'flex'
+  }, focusOutline), {}, {
+    gap: '2',
+    paddingX: '4'
+  }))],
+  variants: {
+    disabled: {
+      true: odStyle({
+        color: 'gray500',
+        cursor: 'not-allowed'
+      })
+    }
+  }
+}, "styledSearchBar");
+export const styledInput = recipe({
+  base: [odStyle({
+    background: 'transparent',
+    borderWidth: 'none',
+    height: '7',
+    fontSize: '2xl',
+    outlineStyle: 'none',
+    textAlign: 'center',
+    width: '100%'
+  }), {
+    height: '72px'
+  }, hideWebkitAppearance, placeholder]
+}, "styledInput");
+export const styledClearButton = recipe({
+  base: [odStyle({
+    alignItems: 'center',
+    background: 'transparent',
+    borderStyle: 'none',
+    cursor: 'pointer',
+    display: 'flex',
+    justifyContent: 'center',
+    padding: 'none',
+    position: 'relative',
+    size: '6'
+  })]
+}, "styledClearButton");
+__vanilla_filescope__.endFileScope();

package/dist/components/SearchBar/SearchBar.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type AriaSearchFieldProps } from 'react-aria';
+import type { WithTestId } from '../../types';
+declare const defaultEnglish: {
+    readonly label: "Search";
+    readonly clear: "clear search";
+};
+type TextContent = keyof typeof defaultEnglish;
+interface SearchBarProps extends AriaSearchFieldProps {
+    placeholder: string;
+    onChange?: AriaSearchFieldProps['onChange'];
+    lang?: Partial<Record<TextContent, string>>;
+    ref?: React.Ref<HTMLInputElement>;
+}
+export declare const SearchBar: (componentProps: WithTestId<SearchBarProps>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=SearchBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../lib/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAMN,KAAK,oBAAoB,EACzB,MAAM,YAAY,CAAC;AAIpB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAW9C,QAAA,MAAM,cAAc;;;CAGV,CAAC;AAEX,KAAK,WAAW,GAAG,MAAM,OAAO,cAAc,CAAC;AAE/C,UAAU,cAAe,SAAQ,oBAAoB;IAIpD,WAAW,EAAE,MAAM,CAAC;IAIpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAI5C,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAI5C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAClC;AAoBD,eAAO,MAAM,SAAS,mBAAoB,WAAW,cAAc,CAAC,sBAqEnE,CAAC"}