@autoguru/overdrive 4.43.2 → 4.43.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/components/AutoSuggest/AutoSuggest.js +1 -1
  2. package/dist/components/Box/useBox.d.ts +1 -0
  3. package/dist/components/Box/useBox.d.ts.map +1 -1
  4. package/dist/components/BulletList/Bullet.js +1 -1
  5. package/dist/components/BulletList/BulletList.js +1 -1
  6. package/dist/components/DropDown/DropDownOption.js +1 -1
  7. package/dist/components/LinearProgressIndicator/LinearProgressIndicator.js +1 -1
  8. package/dist/components/LoadingBox/LoadingBox.js +1 -1
  9. package/dist/components/LoadingBox/LoadingBox.stories.d.ts +1 -1
  10. package/dist/components/Section/Section.stories.d.ts +1 -1
  11. package/dist/components/TextLink/TextLink.stories.d.ts +1 -1
  12. package/package.json +1 -1
package/dist/components/AutoSuggest/AutoSuggest.js CHANGED
@@ -477,7 +477,7 @@ const AutoSuggestInputPrimitive = withEnhancedInput(_ref5 => {
477
477
  }, 100);
478
478
  }, [onReset, focusTimeout]);
479
479
  const suffix = useMemo(() => isLoading ? null : field.value && isFocused ? _jsx(Box, {
480
- is: "button",
480
+ as: "button",
481
481
  paddingY: size === 'small' ? '1' : '3',
482
482
  paddingRight: size === 'small' ? '2' : '3',
483
483
  flexShrink: 0,
package/dist/components/Box/useBox.d.ts CHANGED
@@ -10,6 +10,7 @@ export interface CommonBoxProps extends PropsWithChildren {
10
10
  export type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>['ref'];
11
11
  export type AsPolyProp<C extends ElementType> = {
12
12
  as?: C | ReactElement;
13
+ is?: never;
13
14
  };
14
15
  export type RefPolyProp<C extends ElementType> = {
15
16
  ref?: PolymorphicRef<C>;
package/dist/components/Box/useBox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useBox.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AACpD,OAAO,EAEN,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEhB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACX,SAAS,EACT,mBAAmB,EACnB,sBAAsB,EACtB,MAAM,4BAA4B,CAAC;AAOpC,MAAM,MAAM,UAAU,GAAG,SAAS,GACjC,mBAAmB,GACnB,sBAAsB,CAAC;AAMxB,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IAIxD,SAAS,CAAC,EAAE,SAAS,CAAC;IAItB,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAC/C,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAGjC,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,IAAI;IAC/C,EAAE,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC;CACtB,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI;IAChD,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACxB,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAO9E,MAAM,MAAM,yBAAyB,CACpC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,MAAM,IACX,iBAAiB,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,GAC5D,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAG1D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IACpD,yBAAyB,CAAC,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;AAM3D,MAAM,MAAM,YAAY,CACvB,CAAC,SAAS,WAAW,EACrB,CAAC,GAAG,MAAM,IACP,yBAAyB,CAC5B,CAAC,EACD,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,GAAG,cAAc,GAAG,CAAC,CAC9C,CAAC;AAkBF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,mEAMnD,WAAW,CAAC,CAAC,CAAC;;;;;CA2ChB,CAAC"}
1
+ {"version":3,"file":"useBox.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AACpD,OAAO,EAEN,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEhB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACX,SAAS,EACT,mBAAmB,EACnB,sBAAsB,EACtB,MAAM,4BAA4B,CAAC;AAOpC,MAAM,MAAM,UAAU,GAAG,SAAS,GACjC,mBAAmB,GACnB,sBAAsB,CAAC;AAMxB,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IAIxD,SAAS,CAAC,EAAE,SAAS,CAAC;IAItB,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAC/C,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAGjC,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,IAAI;IAC/C,EAAE,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC;IAEtB,EAAE,CAAC,EAAE,KAAK,CAAC;CACX,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI;IAChD,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACxB,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAO9E,MAAM,MAAM,yBAAyB,CACpC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,MAAM,IACX,iBAAiB,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,GAC5D,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAG1D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IACpD,yBAAyB,CAAC,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;AAM3D,MAAM,MAAM,YAAY,CACvB,CAAC,SAAS,WAAW,EACrB,CAAC,GAAG,MAAM,IACP,yBAAyB,CAC5B,CAAC,EACD,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,GAAG,cAAc,GAAG,CAAC,CAC9C,CAAC;AAkBF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,mEAMnD,WAAW,CAAC,CAAC,CAAC;;;;;CA2ChB,CAAC"}
package/dist/components/BulletList/Bullet.js CHANGED
@@ -34,7 +34,7 @@ export const Bullet = _ref => {
34
34
  className
35
35
  } = _ref;
36
36
  return _jsx(Box, {
37
- is: "li",
37
+ as: "li",
38
38
  className: [styles.root.default, (_getBulletCls = getBulletCls(styles, bulletMap[useContext(BulletListContext)])) !== null && _getBulletCls !== void 0 ? _getBulletCls : '', {
39
39
  [styles.noDot]: isValidElement(children) && children.type === BulletList
40
40
  }, className],
package/dist/components/BulletList/BulletList.js CHANGED
@@ -14,7 +14,7 @@ export const BulletList = _ref => {
14
14
  } = _ref;
15
15
  const stack = useContext(BulletListContext);
16
16
  return _jsx(Box, {
17
- is: "ul",
17
+ as: "ul",
18
18
  className: clsx(className, styles.root, {
19
19
  [styles.firstOccurrence]: stack === -1
20
20
  }),
package/dist/components/DropDown/DropDownOption.js CHANGED
@@ -31,6 +31,7 @@ export const DropDownOption = _ref => {
31
31
  colour: iconColour
32
32
  });
33
33
  return _jsx(Box, _objectSpread(_objectSpread({
34
+ as: is,
34
35
  className: clsx(styles.root, className, {
35
36
  [styles.disabled]: disabled
36
37
  })
@@ -40,7 +41,6 @@ export const DropDownOption = _ref => {
40
41
  display: display,
41
42
  paddingX: "3",
42
43
  paddingY: "2",
43
- is: is,
44
44
  children: _jsxs(Inline, {
45
45
  noWrap: true,
46
46
  space: "2",
package/dist/components/LinearProgressIndicator/LinearProgressIndicator.js CHANGED
@@ -21,7 +21,7 @@ export const LinearProgressIndicator = memo(_ref => {
21
21
  height: "full",
22
22
  className: styles.linearProgressBar,
23
23
  children: _jsx(Box, {
24
- is: "span",
24
+ as: "span",
25
25
  backgroundColour: "green300",
26
26
  position: "absolute",
27
27
  width: "full",
package/dist/components/LoadingBox/LoadingBox.js CHANGED
@@ -20,7 +20,7 @@ export const LoadingBox = _ref => {
20
20
  } = _ref,
21
21
  boxStyles = _objectWithoutProperties(_ref, _excluded);
22
22
  return _jsx(Box, _objectSpread(_objectSpread({
23
- is: is,
23
+ as: is,
24
24
  display: display,
25
25
  width: randomWidth ? undefined : 'full',
26
26
  backgroundColour: backgroundColour
package/dist/components/LoadingBox/LoadingBox.stories.d.ts CHANGED
@@ -421,7 +421,7 @@ declare const _default: {
421
421
  } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null>;
422
422
  } & import("../../styles/sprinkles.css").SprinklesLegacyColours & import("..").AsPolyProp<React.ElementType> & import("..").RefPolyProp<React.ElementType> & {
423
423
  children?: React.ReactNode | undefined;
424
- } & Omit<Omit<any, "ref">, "colour" | "backgroundColour" | "color" | "width" | "size" | "fontSize" | "lineHeight" | "fontWeight" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "columnGap" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "height" | "justifyContent" | "justifySelf" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minWidth" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "rowGap" | "textAlign" | "userSelect" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "placeItems" | "text" | "bg" | "fg" | "borderBottomColour" | "borderLeftColour" | "borderRightColour" | "borderTopColour" | "borderColour" | "gridColumns" | "p" | "paddingX" | "px" | "paddingY" | "py" | "pt" | "pr" | "pb" | "pl" | "m" | "marginX" | "mx" | "marginY" | "my" | "mt" | "mr" | "mb" | "ml" | keyof import("..").CommonBoxProps | "as">>>;
424
+ } & Omit<Omit<any, "ref">, "colour" | "backgroundColour" | "color" | "width" | "size" | "fontSize" | "lineHeight" | "fontWeight" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "columnGap" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "height" | "justifyContent" | "justifySelf" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minWidth" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "rowGap" | "textAlign" | "userSelect" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "placeItems" | "text" | "bg" | "fg" | "borderBottomColour" | "borderLeftColour" | "borderRightColour" | "borderTopColour" | "borderColour" | "gridColumns" | "p" | "paddingX" | "px" | "paddingY" | "py" | "pt" | "pr" | "pb" | "pl" | "m" | "marginX" | "mx" | "marginY" | "my" | "mt" | "mr" | "mb" | "ml" | keyof import("..").CommonBoxProps | keyof import("..").AsPolyProp<C>>>>;
425
425
  };
426
426
  export default _default;
427
427
  type Story = StoryObj<typeof LoadingBox>;
package/dist/components/Section/Section.stories.d.ts CHANGED
@@ -407,7 +407,7 @@ declare const _default: {
407
407
  } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null>;
408
408
  } & import("../../styles/sprinkles.css").SprinklesLegacyColours & import("..").AsPolyProp<"div"> & import("..").RefPolyProp<"div"> & {
409
409
  children?: React.ReactNode | undefined;
410
- } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "colour" | "backgroundColour" | "color" | "width" | "size" | "fontSize" | "lineHeight" | "fontWeight" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "columnGap" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "height" | "justifyContent" | "justifySelf" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minWidth" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "rowGap" | "textAlign" | "userSelect" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "placeItems" | "text" | "bg" | "fg" | "borderBottomColour" | "borderLeftColour" | "borderRightColour" | "borderTopColour" | "borderColour" | "gridColumns" | "p" | "paddingX" | "px" | "paddingY" | "py" | "pt" | "pr" | "pb" | "pl" | "m" | "marginX" | "mx" | "marginY" | "my" | "mt" | "mr" | "mb" | "ml" | keyof import("..").CommonBoxProps | "as"> & import("./Section").SectionProps>;
410
+ } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "colour" | "backgroundColour" | "color" | "width" | "size" | "fontSize" | "lineHeight" | "fontWeight" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "columnGap" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "height" | "justifyContent" | "justifySelf" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minWidth" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "rowGap" | "textAlign" | "userSelect" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "placeItems" | "text" | "bg" | "fg" | "borderBottomColour" | "borderLeftColour" | "borderRightColour" | "borderTopColour" | "borderColour" | "gridColumns" | "p" | "paddingX" | "px" | "paddingY" | "py" | "pt" | "pr" | "pb" | "pl" | "m" | "marginX" | "mx" | "marginY" | "my" | "mt" | "mr" | "mb" | "ml" | keyof import("..").CommonBoxProps | keyof import("..").AsPolyProp<C>> & import("./Section").SectionProps>;
411
411
  argTypes: {
412
412
  paddingX: import("@storybook/core/csf").InputType | undefined;
413
413
  };
package/dist/components/TextLink/TextLink.stories.d.ts CHANGED
@@ -27,6 +27,7 @@ declare const meta: {
27
27
  className?: string | undefined;
28
28
  testId?: string | undefined;
29
29
  as?: import("../Text/useTextStyles").TextTags | undefined;
30
+ is?: (React.ElementType | React.ReactElement) | undefined;
30
31
  align?: ("left" | "right" | "center" | {
31
32
  mobile?: "left" | "right" | "center" | undefined;
32
33
  tablet?: "left" | "right" | "center" | undefined;
@@ -77,7 +78,6 @@ declare const meta: {
77
78
  popoverTarget?: string | undefined | undefined;
78
79
  inert?: boolean | undefined | undefined;
79
80
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
80
- is?: (React.ElementType | React.ReactElement) | undefined;
81
81
  exportparts?: string | undefined | undefined;
82
82
  part?: string | undefined | undefined;
83
83
  "aria-activedescendant"?: string | undefined | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@autoguru/overdrive",
3
- "version": "4.43.2",
3
+ "version": "4.43.3",
4
4
  "description": "Overdrive is a product component library, and design system for AutoGuru.",
5
5
  "types": "dist/index.d.ts",
6
6
  "main": "dist/index.js",