@autoguru/overdrive 4.40.0 → 4.40.2

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 (18) hide show
  1. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts +5 -5
  2. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts.map +1 -1
  3. package/dist/components/OverdriveProvider/OverdriveProvider.js +18 -18
  4. package/dist/components/Portal/Portal.d.ts.map +1 -1
  5. package/dist/components/Text/Text.d.ts +6 -10
  6. package/dist/components/Text/Text.d.ts.map +1 -1
  7. package/dist/components/Text/Text.js +28 -27
  8. package/dist/components/Text/Text.stories.d.ts +3 -6
  9. package/dist/components/Text/Text.stories.d.ts.map +1 -1
  10. package/dist/components/Text/useTextStyles.d.ts +13 -8
  11. package/dist/components/Text/useTextStyles.d.ts.map +1 -1
  12. package/dist/components/Text/useTextStyles.js +4 -2
  13. package/dist/components/TextLink/TextLink.stories.d.ts +178 -176
  14. package/dist/components/TextLink/TextLink.stories.d.ts.map +1 -1
  15. package/dist/components/ThemeProvider/ThemeProvider.d.ts +5 -5
  16. package/dist/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  17. package/dist/components/ThemeProvider/ThemeProvider.js +12 -10
  18. package/package.json +37 -37
package/dist/components/OverdriveProvider/OverdriveProvider.d.ts CHANGED
@@ -1,9 +1,9 @@
1
- import { ComponentProps, FunctionComponent, ReactNode } from 'react';
2
- import { ThemeProvider } from '../ThemeProvider/ThemeProvider';
3
- export interface Props extends ComponentProps<typeof ThemeProvider> {
1
+ import React from 'react';
2
+ import { type ThemeProviderProps } from '../ThemeProvider/ThemeProvider';
3
+ export interface OverdriveProviderProps extends ThemeProviderProps {
4
4
  noBodyLevelTheming?: boolean;
5
- children?: ReactNode;
5
+ children?: React.ReactNode;
6
6
  }
7
- export declare const OverdriveProvider: FunctionComponent<Props>;
7
+ export declare const OverdriveProvider: ({ noBodyLevelTheming, children, ...props }: OverdriveProviderProps) => React.JSX.Element;
8
8
  export default OverdriveProvider;
9
9
  //# sourceMappingURL=OverdriveProvider.d.ts.map
package/dist/components/OverdriveProvider/OverdriveProvider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OverdriveProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/OverdriveProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAGhF,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,aAAa,CAAC;IAIlE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,KAAK,CAwBtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"OverdriveProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/OverdriveProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EAEN,KAAK,kBAAkB,EACvB,MAAM,gCAAgC,CAAC;AAExC,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAKjE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,GAAI,4CAI/B,sBAAsB,sBAmBxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
package/dist/components/OverdriveProvider/OverdriveProvider.js CHANGED
@@ -1,29 +1,29 @@
1
1
  "use strict";
2
2
 
3
- import * as React from 'react';
4
- import { useEffect } from 'react';
3
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
+ const _excluded = ["noBodyLevelTheming", "children"];
6
+ 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; }
7
+ 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; }
8
+ import React, { useEffect } from 'react';
5
9
  import { isBrowser } from "../../utils/index.js";
6
10
  import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
7
11
  import { jsx as _jsx } from "react/jsx-runtime";
8
12
  export const OverdriveProvider = _ref => {
9
13
  let {
10
- noBodyLevelTheming = false,
11
- vars,
12
- themeClass,
13
- breakpoints,
14
- portalMountPoint,
15
- children
16
- } = _ref;
14
+ noBodyLevelTheming = false,
15
+ children
16
+ } = _ref,
17
+ props = _objectWithoutProperties(_ref, _excluded);
17
18
  useEffect(() => {
18
- if (!isBrowser || noBodyLevelTheming) return;
19
- document.body.classList.add(themeClass);
20
- }, [themeClass]);
21
- return _jsx(ThemeProvider, {
22
- vars: vars,
23
- themeClass: themeClass,
24
- breakpoints: breakpoints,
25
- portalMountPoint: portalMountPoint,
19
+ if (!isBrowser || noBodyLevelTheming || document.body.classList.contains(props.themeClass)) return;
20
+ document.body.classList.add(props.themeClass);
21
+ return () => {
22
+ document.body.classList.remove(props.themeClass);
23
+ };
24
+ }, [noBodyLevelTheming, props.themeClass]);
25
+ return _jsx(ThemeProvider, _objectSpread(_objectSpread({}, props), {}, {
26
26
  children: children
27
- });
27
+ }));
28
28
  };
29
29
  export default OverdriveProvider;
package/dist/components/Portal/Portal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../lib/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAa,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAID,iBAAS,MAAM,CACd,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,KAAK,EAC/C,GAAG,EAAE,GAAG,CAAC,OAAO,SAAS,CAAC,4BAmC1B;AAED,QAAA,MAAM,OAAO,uFAAqB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC;AAE7B,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../lib/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAa,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAID,iBAAS,MAAM,CACd,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,KAAK,EAC/C,GAAG,EAAE,GAAG,CAAC,OAAO,SAAS,CAAC,4BAkC1B;AAED,QAAA,MAAM,OAAO,uFAAqB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC;AAE7B,eAAe,MAAM,CAAC"}
package/dist/components/Text/Text.d.ts CHANGED
@@ -1,16 +1,12 @@
1
- import type { CSSProperties, ReactNode } from 'react';
2
- import * as React from 'react';
1
+ import React from 'react';
3
2
  import type { BoxStyleProps } from '../Box';
4
3
  import { TextStyleProps } from './useTextStyles';
5
- export interface Props extends TextStyleProps {
6
- className?: string;
7
- is?: 'p' | 'span';
8
- id?: string;
4
+ type Display = Extract<BoxStyleProps['display'], 'inline' | 'inlineBlock' | 'block'>;
5
+ type ElementAttributes = React.ComponentPropsWithoutRef<'p'> & Pick<React.ComponentProps<'label'>, 'htmlFor'>;
6
+ export interface TextProps extends Omit<ElementAttributes, 'color' | 'is'>, TextStyleProps {
9
7
  strong?: boolean;
10
- children?: ReactNode;
11
- display?: Extract<BoxStyleProps['display'], 'inline' | 'inlineBlock' | 'block'>;
12
- style?: CSSProperties;
8
+ display?: Display;
13
9
  }
14
- export declare const Text: React.ForwardRefExoticComponent<Props & import("../../types").TestId & React.RefAttributes<HTMLElement>>;
10
+ export declare const Text: React.ForwardRefExoticComponent<TextProps & import("../../types").TestId & React.RefAttributes<HTMLElement>>;
15
11
  export default Text;
16
12
  //# sourceMappingURL=Text.d.ts.map
package/dist/components/Text/Text.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,KAAM,SAAQ,cAAc;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAChB,aAAa,CAAC,SAAS,CAAC,EACxB,QAAQ,GAAG,aAAa,GAAG,OAAO,CAClC,CAAC;IACF,KAAK,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,0GA6ChB,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAEhE,KAAK,OAAO,GAAG,OAAO,CACrB,aAAa,CAAC,SAAS,CAAC,EACxB,QAAQ,GAAG,aAAa,GAAG,OAAO,CAClC,CAAC;AACF,KAAK,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAC3D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC;AAEhD,MAAM,WAAW,SAChB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,IAAI,CAAC,EAC9C,cAAc;IAEf,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,IAAI,8GA6ChB,CAAC;AAIF,eAAe,IAAI,CAAC"}
package/dist/components/Text/Text.js CHANGED
@@ -1,52 +1,53 @@
1
1
  "use strict";
2
2
 
3
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
+ const _excluded = ["children", "className", "is", "as", "testId", "align", "colour", "color", "display", "fontWeight", "transform", "breakWord", "noWrap", "size", "strong"];
4
6
  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; }
5
7
  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; }
6
- import * as React from 'react';
7
- import { forwardRef } from 'react';
8
+ import React from 'react';
8
9
  import { dataAttrs } from "../../utils/dataAttrs.js";
9
10
  import { Box } from "../Box/index.js";
10
11
  import { useTextStyles } from "./useTextStyles.js";
11
12
  import { jsx as _jsx } from "react/jsx-runtime";
12
- export const Text = forwardRef((_ref, ref) => {
13
+ export const Text = React.forwardRef((_ref, ref) => {
13
14
  let {
14
- children,
15
- className = '',
16
- is: Component = 'span',
17
- id,
18
- testId,
19
- align = 'left',
20
- colour,
21
- display,
22
- fontWeight = 'normal',
23
- transform,
24
- breakWord,
25
- noWrap,
26
- size = '4',
27
- strong = false,
28
- style
29
- } = _ref;
30
- return _jsx(Box, _objectSpread(_objectSpread({
31
- as: Component,
32
- id: id,
15
+ children,
16
+ className,
17
+ is = 'span',
18
+ as = is,
19
+ testId,
20
+ align = 'left',
21
+ colour,
22
+ color = colour,
23
+ display,
24
+ fontWeight = 'normal',
25
+ transform,
26
+ breakWord,
27
+ noWrap,
28
+ size = '4',
29
+ strong = false
30
+ } = _ref,
31
+ props = _objectWithoutProperties(_ref, _excluded);
32
+ return _jsx(Box, _objectSpread(_objectSpread(_objectSpread({
33
+ as: as,
33
34
  ref: ref,
34
35
  display: display,
35
36
  textAlign: align,
36
37
  className: [useTextStyles({
37
- is: Component,
38
+ as,
38
39
  size,
39
- colour: colour !== null && colour !== void 0 ? colour : strong ? 'dark' : undefined,
40
+ color: color !== null && color !== void 0 ? color : strong ? 'dark' : undefined,
40
41
  fontWeight: strong ? 'bold' : fontWeight,
41
42
  transform,
42
43
  noWrap,
43
44
  breakWord
44
- }), className],
45
- style: style
46
- }, dataAttrs({
45
+ }), className]
46
+ }, props), dataAttrs({
47
47
  'test-id': testId
48
48
  })), {}, {
49
49
  children: children
50
50
  }));
51
51
  });
52
+ Text.displayName = 'Text';
52
53
  export default Text;
package/dist/components/Text/Text.stories.d.ts CHANGED
@@ -1,9 +1,6 @@
1
- import type { StoryObj } from '@storybook/react';
2
- import { Text } from '.';
3
- declare const meta: {
4
- title: string;
5
- decorators: never[];
6
- };
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Text } from './Text';
3
+ declare const meta: Meta<typeof Text>;
7
4
  export default meta;
8
5
  type Story = StoryObj<typeof Text>;
9
6
  export declare const Standard: Story;
package/dist/components/Text/Text.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGjE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAoDzB,QAAA,MAAM,IAAI;;;CAImB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA8EnC,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAKF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAYlC,CAAC"}
1
+ {"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAS9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAe3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAKF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAWlC,CAAC"}
package/dist/components/Text/useTextStyles.d.ts CHANGED
@@ -1,17 +1,22 @@
1
- import { type ComponentProps } from 'react';
2
1
  import type { BoxStyleProps } from '../Box';
3
- import { Text } from '../Text';
4
2
  import * as styles from './useTextStyles.css';
3
+ export type TextColor = keyof typeof styles.colours | 'unset';
4
+ export type TextFontWeight = keyof typeof styles.fontWeight;
5
+ export type TextSize = keyof typeof styles.sizes;
6
+ export type TextTransform = keyof typeof styles.transform;
7
+ export type TextTags = 'p' | 'label' | 'span';
5
8
  export interface TextStyleProps {
6
9
  align?: BoxStyleProps['textAlign'];
7
- colour?: keyof typeof styles.colours | 'unset';
8
- fontWeight?: keyof typeof styles.fontWeight;
9
- is?: ComponentProps<typeof Text>['is'];
10
+ as?: TextTags;
11
+ color?: TextColor;
12
+ colour?: TextColor;
13
+ fontWeight?: TextFontWeight;
14
+ is?: TextTags;
10
15
  noWrap?: boolean;
11
16
  breakWord?: boolean;
12
- size?: keyof typeof styles.sizes;
13
- transform?: keyof typeof styles.transform;
17
+ size?: TextSize;
18
+ transform?: TextTransform;
14
19
  }
15
- export declare const useTextStyles: ({ align, colour, fontWeight, is, noWrap, breakWord, size, transform, }: TextStyleProps) => string;
20
+ export declare const useTextStyles: ({ align, colour, color, fontWeight, is, as, noWrap, breakWord, size, transform, }: TextStyleProps) => string;
16
21
  export default useTextStyles;
17
22
  //# sourceMappingURL=useTextStyles.d.ts.map
package/dist/components/Text/useTextStyles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useTextStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAE9C,MAAM,WAAW,cAAc;IAE9B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC;IAC5C,EAAE,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,GAAI,wEAS3B,cAAc,WAWhB,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"useTextStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;AAC9D,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC;AAC5D,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;AAE1D,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,OAAO,GAAG,MAAM,CAAC;AAC9C,MAAM,WAAW,cAAc;IAE9B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAEnC,EAAE,CAAC,EAAE,QAAQ,CAAC;IAEd,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,UAAU,CAAC,EAAE,cAAc,CAAC;IAE5B,EAAE,CAAC,EAAE,QAAQ,CAAC;IAEd,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,GAAI,mFAW3B,cAAc,WAWhB,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/dist/components/Text/useTextStyles.js CHANGED
@@ -7,16 +7,18 @@ export const useTextStyles = _ref => {
7
7
  let {
8
8
  align,
9
9
  colour,
10
+ color = colour,
10
11
  fontWeight,
11
12
  is,
13
+ as = is,
12
14
  noWrap,
13
15
  breakWord,
14
16
  size,
15
17
  transform
16
18
  } = _ref;
17
19
  return clsx(styles.root, useBoxStyles({
18
- is,
20
+ as,
19
21
  textAlign: align
20
- }), colour !== 'unset' && styles.colours[colour !== null && colour !== void 0 ? colour : 'neutral'], styles.fontWeight[fontWeight], noWrap && styles.noWrap, breakWord && styles.breakWord, styles.sizes[size], styles.transform[transform]);
22
+ }), color !== 'unset' && styles.colours[color !== null && color !== void 0 ? color : 'neutral'], fontWeight && styles.fontWeight[fontWeight], noWrap && styles.noWrap, breakWord && styles.breakWord, size && styles.sizes[size], transform && styles.transform[transform]);
21
23
  };
22
24
  export default useTextStyles;
package/dist/components/TextLink/TextLink.stories.d.ts CHANGED
@@ -5,16 +5,16 @@ declare const meta: {
5
5
  title: string;
6
6
  component: React.ForwardRefExoticComponent<Omit<import("./TextLink").Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
7
7
  decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
8
- id?: string | undefined;
8
+ id?: string | undefined | undefined;
9
9
  strong?: boolean | undefined;
10
- size?: keyof typeof import("../Text/useTextStyles.css").sizes | undefined;
10
+ size?: import("../Text/useTextStyles").TextSize | undefined;
11
11
  muted?: boolean | undefined;
12
- fontWeight?: keyof typeof import("../Text/useTextStyles.css").fontWeight | undefined;
12
+ fontWeight?: import("../Text/useTextStyles").TextFontWeight | undefined;
13
13
  icon?: import("@autoguru/icons").IconType | undefined;
14
- color?: string | undefined | undefined;
14
+ color?: import("../Text/useTextStyles").TextColor | undefined;
15
15
  content?: string | undefined | undefined;
16
- display?: Extract<import("../Box").BoxStyleProps["display"], "inline" | "inlineBlock" | "block"> | undefined;
17
- transform?: keyof typeof import("../Text/useTextStyles.css").transform | undefined;
16
+ display?: ("block" | "inline" | "inlineBlock") | undefined;
17
+ transform?: import("../Text/useTextStyles").TextTransform | undefined;
18
18
  translate?: "yes" | "no" | undefined | undefined;
19
19
  hidden?: boolean | undefined | undefined;
20
20
  style?: React.CSSProperties | undefined;
@@ -22,11 +22,13 @@ declare const meta: {
22
22
  slot?: string | undefined | undefined;
23
23
  title?: string | undefined | undefined;
24
24
  key?: React.Key | null | undefined;
25
+ as?: import("../Text/useTextStyles").TextTags | undefined;
25
26
  is?: (React.ElementType | React.ReactElement) | undefined;
26
27
  className?: string | undefined;
27
28
  download?: any;
28
29
  href?: string | undefined | undefined;
29
30
  hrefLang?: string | undefined | undefined;
31
+ htmlFor?: string | undefined | undefined;
30
32
  media?: string | undefined | undefined;
31
33
  target?: React.HTMLAttributeAnchorTarget | undefined;
32
34
  type?: string | undefined | undefined;
@@ -131,176 +133,176 @@ declare const meta: {
131
133
  dangerouslySetInnerHTML?: {
132
134
  __html: string | TrustedHTML;
133
135
  } | undefined | undefined;
134
- onCopy?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
135
- onCopyCapture?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
136
- onCut?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
137
- onCutCapture?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
138
- onPaste?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
139
- onPasteCapture?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
140
- onCompositionEnd?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
141
- onCompositionEndCapture?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
142
- onCompositionStart?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
143
- onCompositionStartCapture?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
144
- onCompositionUpdate?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
145
- onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
146
- onFocus?: React.FocusEventHandler<HTMLAnchorElement> | undefined;
147
- onFocusCapture?: React.FocusEventHandler<HTMLAnchorElement> | undefined;
148
- onBlur?: React.FocusEventHandler<HTMLAnchorElement> | undefined;
149
- onBlurCapture?: React.FocusEventHandler<HTMLAnchorElement> | undefined;
150
- onChange?: React.FormEventHandler<HTMLAnchorElement> | undefined;
151
- onChangeCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
152
- onBeforeInput?: React.FormEventHandler<HTMLAnchorElement> | undefined;
153
- onBeforeInputCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
154
- onInput?: React.FormEventHandler<HTMLAnchorElement> | undefined;
155
- onInputCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
156
- onReset?: React.FormEventHandler<HTMLAnchorElement> | undefined;
157
- onResetCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
158
- onSubmit?: React.FormEventHandler<HTMLAnchorElement> | undefined;
159
- onSubmitCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
160
- onInvalid?: React.FormEventHandler<HTMLAnchorElement> | undefined;
161
- onInvalidCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
162
- onLoad?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
163
- onLoadCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
164
- onError?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
165
- onErrorCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
166
- onKeyDown?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
167
- onKeyDownCapture?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
168
- onKeyPress?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
169
- onKeyPressCapture?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
170
- onKeyUp?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
171
- onKeyUpCapture?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
172
- onAbort?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
173
- onAbortCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
174
- onCanPlay?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
175
- onCanPlayCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
176
- onCanPlayThrough?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
177
- onCanPlayThroughCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
178
- onDurationChange?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
179
- onDurationChangeCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
180
- onEmptied?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
181
- onEmptiedCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
182
- onEncrypted?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
183
- onEncryptedCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
184
- onEnded?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
185
- onEndedCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
186
- onLoadedData?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
187
- onLoadedDataCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
188
- onLoadedMetadata?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
189
- onLoadedMetadataCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
190
- onLoadStart?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
191
- onLoadStartCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
192
- onPause?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
193
- onPauseCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
194
- onPlay?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
195
- onPlayCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
196
- onPlaying?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
197
- onPlayingCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
198
- onProgress?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
199
- onProgressCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
200
- onRateChange?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
201
- onRateChangeCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
202
- onResize?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
203
- onResizeCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
204
- onSeeked?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
205
- onSeekedCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
206
- onSeeking?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
207
- onSeekingCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
208
- onStalled?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
209
- onStalledCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
210
- onSuspend?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
211
- onSuspendCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
212
- onTimeUpdate?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
213
- onTimeUpdateCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
214
- onVolumeChange?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
215
- onVolumeChangeCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
216
- onWaiting?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
217
- onWaitingCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
218
- onAuxClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
219
- onAuxClickCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
220
- onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
221
- onClickCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
222
- onContextMenu?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
223
- onContextMenuCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
224
- onDoubleClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
225
- onDoubleClickCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
226
- onDrag?: React.DragEventHandler<HTMLAnchorElement> | undefined;
227
- onDragCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
228
- onDragEnd?: React.DragEventHandler<HTMLAnchorElement> | undefined;
229
- onDragEndCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
230
- onDragEnter?: React.DragEventHandler<HTMLAnchorElement> | undefined;
231
- onDragEnterCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
232
- onDragExit?: React.DragEventHandler<HTMLAnchorElement> | undefined;
233
- onDragExitCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
234
- onDragLeave?: React.DragEventHandler<HTMLAnchorElement> | undefined;
235
- onDragLeaveCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
236
- onDragOver?: React.DragEventHandler<HTMLAnchorElement> | undefined;
237
- onDragOverCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
238
- onDragStart?: React.DragEventHandler<HTMLAnchorElement> | undefined;
239
- onDragStartCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
240
- onDrop?: React.DragEventHandler<HTMLAnchorElement> | undefined;
241
- onDropCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
242
- onMouseDown?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
243
- onMouseDownCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
244
- onMouseEnter?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
245
- onMouseLeave?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
246
- onMouseMove?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
247
- onMouseMoveCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
248
- onMouseOut?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
249
- onMouseOutCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
250
- onMouseOver?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
251
- onMouseOverCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
252
- onMouseUp?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
253
- onMouseUpCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
254
- onSelect?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
255
- onSelectCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
256
- onTouchCancel?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
257
- onTouchCancelCapture?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
258
- onTouchEnd?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
259
- onTouchEndCapture?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
260
- onTouchMove?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
261
- onTouchMoveCapture?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
262
- onTouchStart?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
263
- onTouchStartCapture?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
264
- onPointerDown?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
265
- onPointerDownCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
266
- onPointerMove?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
267
- onPointerMoveCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
268
- onPointerUp?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
269
- onPointerUpCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
270
- onPointerCancel?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
271
- onPointerCancelCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
272
- onPointerEnter?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
273
- onPointerLeave?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
274
- onPointerOver?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
275
- onPointerOverCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
276
- onPointerOut?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
277
- onPointerOutCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
278
- onGotPointerCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
279
- onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
280
- onLostPointerCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
281
- onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
282
- onScroll?: React.UIEventHandler<HTMLAnchorElement> | undefined;
283
- onScrollCapture?: React.UIEventHandler<HTMLAnchorElement> | undefined;
284
- onScrollEnd?: React.UIEventHandler<HTMLAnchorElement> | undefined;
285
- onScrollEndCapture?: React.UIEventHandler<HTMLAnchorElement> | undefined;
286
- onWheel?: React.WheelEventHandler<HTMLAnchorElement> | undefined;
287
- onWheelCapture?: React.WheelEventHandler<HTMLAnchorElement> | undefined;
288
- onAnimationStart?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
289
- onAnimationStartCapture?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
290
- onAnimationEnd?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
291
- onAnimationEndCapture?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
292
- onAnimationIteration?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
293
- onAnimationIterationCapture?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
294
- onToggle?: React.ToggleEventHandler<HTMLAnchorElement> | undefined;
295
- onBeforeToggle?: React.ToggleEventHandler<HTMLAnchorElement> | undefined;
296
- onTransitionCancel?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
297
- onTransitionCancelCapture?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
298
- onTransitionEnd?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
299
- onTransitionEndCapture?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
300
- onTransitionRun?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
301
- onTransitionRunCapture?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
302
- onTransitionStart?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
303
- onTransitionStartCapture?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
136
+ onCopy?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
137
+ onCopyCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
138
+ onCut?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
139
+ onCutCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
140
+ onPaste?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
141
+ onPasteCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
142
+ onCompositionEnd?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
143
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
144
+ onCompositionStart?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
145
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
146
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
147
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
148
+ onFocus?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
149
+ onFocusCapture?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
150
+ onBlur?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
151
+ onBlurCapture?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
152
+ onChange?: React.FormEventHandler<HTMLParagraphElement> | undefined;
153
+ onChangeCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
154
+ onBeforeInput?: React.FormEventHandler<HTMLParagraphElement> | undefined;
155
+ onBeforeInputCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
156
+ onInput?: React.FormEventHandler<HTMLParagraphElement> | undefined;
157
+ onInputCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
158
+ onReset?: React.FormEventHandler<HTMLParagraphElement> | undefined;
159
+ onResetCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
160
+ onSubmit?: React.FormEventHandler<HTMLParagraphElement> | undefined;
161
+ onSubmitCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
162
+ onInvalid?: React.FormEventHandler<HTMLParagraphElement> | undefined;
163
+ onInvalidCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
164
+ onLoad?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
165
+ onLoadCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
166
+ onError?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
167
+ onErrorCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
168
+ onKeyDown?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
169
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
170
+ onKeyPress?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
171
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
172
+ onKeyUp?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
173
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
174
+ onAbort?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
175
+ onAbortCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
176
+ onCanPlay?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
177
+ onCanPlayCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
178
+ onCanPlayThrough?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
179
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
180
+ onDurationChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
181
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
182
+ onEmptied?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
183
+ onEmptiedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
184
+ onEncrypted?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
185
+ onEncryptedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
186
+ onEnded?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
187
+ onEndedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
188
+ onLoadedData?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
189
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
190
+ onLoadedMetadata?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
191
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
192
+ onLoadStart?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
193
+ onLoadStartCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
194
+ onPause?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
195
+ onPauseCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
196
+ onPlay?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
197
+ onPlayCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
198
+ onPlaying?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
199
+ onPlayingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
200
+ onProgress?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
201
+ onProgressCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
202
+ onRateChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
203
+ onRateChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
204
+ onResize?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
205
+ onResizeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
206
+ onSeeked?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
207
+ onSeekedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
208
+ onSeeking?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
209
+ onSeekingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
210
+ onStalled?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
211
+ onStalledCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
212
+ onSuspend?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
213
+ onSuspendCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
214
+ onTimeUpdate?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
215
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
216
+ onVolumeChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
217
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
218
+ onWaiting?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
219
+ onWaitingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
220
+ onAuxClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
221
+ onAuxClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
222
+ onClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
223
+ onClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
224
+ onContextMenu?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
225
+ onContextMenuCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
226
+ onDoubleClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
227
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
228
+ onDrag?: React.DragEventHandler<HTMLParagraphElement> | undefined;
229
+ onDragCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
230
+ onDragEnd?: React.DragEventHandler<HTMLParagraphElement> | undefined;
231
+ onDragEndCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
232
+ onDragEnter?: React.DragEventHandler<HTMLParagraphElement> | undefined;
233
+ onDragEnterCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
234
+ onDragExit?: React.DragEventHandler<HTMLParagraphElement> | undefined;
235
+ onDragExitCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
236
+ onDragLeave?: React.DragEventHandler<HTMLParagraphElement> | undefined;
237
+ onDragLeaveCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
238
+ onDragOver?: React.DragEventHandler<HTMLParagraphElement> | undefined;
239
+ onDragOverCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
240
+ onDragStart?: React.DragEventHandler<HTMLParagraphElement> | undefined;
241
+ onDragStartCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
242
+ onDrop?: React.DragEventHandler<HTMLParagraphElement> | undefined;
243
+ onDropCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
244
+ onMouseDown?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
245
+ onMouseDownCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
246
+ onMouseEnter?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
247
+ onMouseLeave?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
248
+ onMouseMove?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
249
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
250
+ onMouseOut?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
251
+ onMouseOutCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
252
+ onMouseOver?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
253
+ onMouseOverCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
254
+ onMouseUp?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
255
+ onMouseUpCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
256
+ onSelect?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
257
+ onSelectCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
258
+ onTouchCancel?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
259
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
260
+ onTouchEnd?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
261
+ onTouchEndCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
262
+ onTouchMove?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
263
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
264
+ onTouchStart?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
265
+ onTouchStartCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
266
+ onPointerDown?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
267
+ onPointerDownCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
268
+ onPointerMove?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
269
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
270
+ onPointerUp?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
271
+ onPointerUpCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
272
+ onPointerCancel?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
273
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
274
+ onPointerEnter?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
275
+ onPointerLeave?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
276
+ onPointerOver?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
277
+ onPointerOverCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
278
+ onPointerOut?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
279
+ onPointerOutCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
280
+ onGotPointerCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
281
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
282
+ onLostPointerCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
283
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
284
+ onScroll?: React.UIEventHandler<HTMLParagraphElement> | undefined;
285
+ onScrollCapture?: React.UIEventHandler<HTMLParagraphElement> | undefined;
286
+ onScrollEnd?: React.UIEventHandler<HTMLParagraphElement> | undefined;
287
+ onScrollEndCapture?: React.UIEventHandler<HTMLParagraphElement> | undefined;
288
+ onWheel?: React.WheelEventHandler<HTMLParagraphElement> | undefined;
289
+ onWheelCapture?: React.WheelEventHandler<HTMLParagraphElement> | undefined;
290
+ onAnimationStart?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
291
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
292
+ onAnimationEnd?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
293
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
294
+ onAnimationIteration?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
295
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
296
+ onToggle?: React.ToggleEventHandler<HTMLParagraphElement> | undefined;
297
+ onBeforeToggle?: React.ToggleEventHandler<HTMLParagraphElement> | undefined;
298
+ onTransitionCancel?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
299
+ onTransitionCancelCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
300
+ onTransitionEnd?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
301
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
302
+ onTransitionRun?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
303
+ onTransitionRunCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
304
+ onTransitionStart?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
305
+ onTransitionStartCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
304
306
  align?: "left" | "right" | "center" | undefined;
305
307
  noWrap?: boolean | undefined;
306
308
  breakWord?: boolean | undefined;
package/dist/components/TextLink/TextLink.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextLink.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/TextLink.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAgB7B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoEuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAKrC,CAAC"}
1
+ {"version":3,"file":"TextLink.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/TextLink.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAgB7B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoEuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAKrC,CAAC"}
package/dist/components/ThemeProvider/ThemeProvider.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { FunctionComponent, MutableRefObject, ReactNode } from 'react';
1
+ import React from 'react';
2
2
  import { RuntimeTokens } from '../../themes/makeTheme';
3
3
  import { themeContractVars } from '../../themes/theme.css';
4
4
  import { BreakPoints } from '../../themes/tokens';
@@ -6,13 +6,13 @@ type ThemeVars = typeof themeContractVars;
6
6
  type ThemeContextType = {
7
7
  vars: ThemeVars;
8
8
  themeClass: string;
9
- portalMountPoint?: MutableRefObject<typeof HTMLElement>;
9
+ portalMountPoint?: React.RefObject<HTMLElement | null>;
10
10
  };
11
- export interface Props extends ThemeContextType {
12
- children?: ReactNode;
11
+ export interface ThemeProviderProps extends ThemeContextType {
12
+ children?: React.ReactNode;
13
13
  breakpoints?: BreakPoints;
14
14
  }
15
- export declare const ThemeProvider: FunctionComponent<Props>;
15
+ export declare const ThemeProvider: ({ vars, themeClass, children, breakpoints, portalMountPoint, }: ThemeProviderProps) => React.JSX.Element;
16
16
  export declare const useTheme: () => ThemeContextType;
17
17
  export declare const useRuntimeTokens: () => RuntimeTokens;
18
18
  export default ThemeProvider;
package/dist/components/ThemeProvider/ThemeProvider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EAGT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAqB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,KAAK,SAAS,GAAG,OAAO,iBAAiB,CAAC;AAC1C,KAAK,gBAAgB,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,WAAW,CAAC,CAAC;CACxD,CAAC;AAIF,MAAM,WAAW,KAAM,SAAQ,gBAAgB;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAgBlD,CAAC;AAEF,eAAO,MAAM,QAAQ,wBAMpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAInC,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,OAAO,EAAqB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,KAAK,SAAS,GAAG,OAAO,iBAAiB,CAAC;AAC1C,KAAK,gBAAgB,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACvD,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,GAAI,gEAM3B,kBAAkB,sBAkBpB,CAAC;AAIF,eAAO,MAAM,QAAQ,wBAIpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAInC,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/dist/components/ThemeProvider/ThemeProvider.js CHANGED
@@ -1,8 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import { invariant } from '@autoguru/utilities';
4
- import * as React from 'react';
5
- import { createContext, useContext, useMemo } from 'react';
4
+ import React, { createContext, useContext, useMemo } from 'react';
6
5
  import { makeRuntimeTokens } from "../../themes/makeTheme.js";
7
6
  import { jsx as _jsx } from "react/jsx-runtime";
8
7
  const themeContext = createContext(null);
@@ -15,26 +14,29 @@ export const ThemeProvider = _ref => {
15
14
  breakpoints,
16
15
  portalMountPoint
17
16
  } = _ref;
17
+ const themeValue = useMemo(() => ({
18
+ vars,
19
+ themeClass,
20
+ portalMountPoint
21
+ }), [vars, themeClass, portalMountPoint]);
22
+ const runtimeTokens = useMemo(() => makeRuntimeTokens(breakpoints), [breakpoints]);
18
23
  return _jsx(themeContext.Provider, {
19
- value: useMemo(() => ({
20
- vars,
21
- themeClass,
22
- portalMountPoint
23
- }), [vars]),
24
+ value: themeValue,
24
25
  children: _jsx(runtimeTokensContext.Provider, {
25
- value: useMemo(() => makeRuntimeTokens(breakpoints), []),
26
+ value: runtimeTokens,
26
27
  children: children
27
28
  })
28
29
  });
29
30
  };
31
+ const msgInvariantError = "You haven't provided an `OverdriveProvider`.";
30
32
  export const useTheme = () => {
31
33
  const theme = useContext(themeContext);
32
- !(theme !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, "You haven't provided an `OverdriveProvider`.") : invariant(false) : void 0;
34
+ !(theme !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, msgInvariantError) : invariant(false) : void 0;
33
35
  return theme;
34
36
  };
35
37
  export const useRuntimeTokens = () => {
36
38
  const tokens = useContext(runtimeTokensContext);
37
- !(tokens !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, "You haven't provided a `OverdriveProvider`.") : invariant(false) : void 0;
39
+ !(tokens !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, msgInvariantError) : invariant(false) : void 0;
38
40
  return tokens;
39
41
  };
40
42
  export default ThemeProvider;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@autoguru/overdrive",
3
- "version": "4.40.0",
3
+ "version": "4.40.2",
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",
@@ -66,11 +66,11 @@
66
66
  "devDependencies": {
67
67
  "@autoguru/babel-preset": "^3.2.0",
68
68
  "@autoguru/eslint-plugin": "2.0.0",
69
- "@autoguru/icons": "1.8.5",
69
+ "@autoguru/icons": "1.8.7",
70
70
  "@autoguru/tsconfig": "^1.3.1",
71
71
  "@autoguru/utilities": "^1.3.3",
72
- "@babel/cli": "^7.26.4",
73
- "@babel/core": "^7.26.10",
72
+ "@babel/cli": "7.27.0",
73
+ "@babel/core": "7.26.10",
74
74
  "@babel/plugin-proposal-class-properties": "^7.18.6",
75
75
  "@babel/plugin-proposal-export-default-from": "^7.25.9",
76
76
  "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
@@ -83,33 +83,33 @@
83
83
  "@babel/plugin-transform-strict-mode": "^7.25.9",
84
84
  "@babel/preset-env": "^7.26.9",
85
85
  "@babel/preset-react": "^7.26.3",
86
- "@babel/preset-typescript": "^7.26.0",
87
- "@babel/runtime-corejs3": "^7.26.10",
86
+ "@babel/preset-typescript": "7.27.0",
87
+ "@babel/runtime-corejs3": "7.27.0",
88
88
  "@changesets/cli": "^2.28.1",
89
89
  "@chromatic-com/storybook": "^3.2.6",
90
90
  "@internationalized/date": "^3.7.0",
91
91
  "@octokit/rest": "^21.1.1",
92
92
  "@popperjs/core": "^2.11.8",
93
93
  "@react-stately/toggle": "^3.8.2",
94
- "@storybook/addon-a11y": "8.6.9",
95
- "@storybook/addon-actions": "8.6.9",
96
- "@storybook/addon-essentials": "8.6.9",
97
- "@storybook/addon-interactions": "8.6.9",
98
- "@storybook/addon-links": "8.6.9",
99
- "@storybook/addon-onboarding": "8.6.9",
100
- "@storybook/blocks": "8.6.9",
101
- "@storybook/manager-api": "8.6.9",
102
- "@storybook/react": "8.6.9",
103
- "@storybook/react-vite": "8.6.9",
104
- "@storybook/test": "8.6.9",
105
- "@storybook/theming": "8.6.9",
94
+ "@storybook/addon-a11y": "8.6.12",
95
+ "@storybook/addon-actions": "8.6.12",
96
+ "@storybook/addon-essentials": "8.6.12",
97
+ "@storybook/addon-interactions": "8.6.12",
98
+ "@storybook/addon-links": "8.6.12",
99
+ "@storybook/addon-onboarding": "8.6.12",
100
+ "@storybook/blocks": "8.6.12",
101
+ "@storybook/manager-api": "8.6.12",
102
+ "@storybook/react": "8.6.12",
103
+ "@storybook/react-vite": "8.6.12",
104
+ "@storybook/test": "8.6.12",
105
+ "@storybook/theming": "8.6.12",
106
106
  "@testing-library/jest-dom": "^6.6.3",
107
- "@testing-library/react": "^16.2.0",
107
+ "@testing-library/react": "^16.3.0",
108
108
  "@testing-library/react-hooks": "^8.0.1",
109
109
  "@testing-library/user-event": "^14.6.1",
110
- "@types/node": "22.13.13",
111
- "@types/react": "^19.0.12",
112
- "@types/react-dom": "^19.0.4",
110
+ "@types/node": "22.14.0",
111
+ "@types/react": "^19.1.0",
112
+ "@types/react-dom": "^19.1.1",
113
113
  "@types/webpack-env": "^1.18.8",
114
114
  "@vanilla-extract/babel-plugin": "^1.2.0",
115
115
  "@vanilla-extract/css": "^1.17.1",
@@ -118,20 +118,20 @@
118
118
  "@vanilla-extract/sprinkles": "^1.6.3",
119
119
  "@vanilla-extract/vite-plugin": "^5.0.1",
120
120
  "@vanilla-extract/webpack-plugin": "^2.3.18",
121
- "@vitest/coverage-v8": "3.0.9",
122
- "@vitest/eslint-plugin": "^1.1.38",
121
+ "@vitest/coverage-v8": "3.1.1",
122
+ "@vitest/eslint-plugin": "^1.1.39",
123
123
  "babel-plugin-add-import-extension": "^1.6.0",
124
124
  "babel-plugin-dev-expression": "^0.2.3",
125
125
  "babel-plugin-macros": "^3.1.0",
126
126
  "browserslist-config-autoguru": "^2.4.4",
127
- "chromatic": "^11.27.0",
127
+ "chromatic": "^11.28.0",
128
128
  "clsx": "^2.1.1",
129
129
  "colord": "^2.9.3",
130
130
  "concurrently": "^9.1.2",
131
131
  "core-js": "^3.41.0",
132
132
  "csstype": "^3.1.3",
133
133
  "deepmerge": "^4.3.1",
134
- "eslint": "9.23.0",
134
+ "eslint": "9.24.0",
135
135
  "eslint-plugin-storybook": "0.12.0",
136
136
  "husky": "^9.1.7",
137
137
  "intersection-observer": "^0.12.2",
@@ -145,23 +145,23 @@
145
145
  "prettier": "^3.5.3",
146
146
  "prop-types": "^15.8.1",
147
147
  "rand-seed": "^2.1.7",
148
- "react": "^19.0.0",
148
+ "react": "^19.1.0",
149
149
  "react-aria": "^3.38.1",
150
150
  "react-aria-components": "^1.7.1",
151
- "react-dom": "^19.0.0",
151
+ "react-dom": "^19.1.0",
152
152
  "react-focus-lock": "2.13.6",
153
153
  "react-intersection-observer": "^9.16.0",
154
- "react-keyed-flatten-children": "2.2.1",
154
+ "react-keyed-flatten-children": "5.0.0",
155
155
  "react-stately": "^3.36.1",
156
156
  "react-swipeable": "^7.0.2",
157
157
  "rollup-plugin-visualizer": "^5.14.0",
158
- "storybook": "8.6.9",
158
+ "storybook": "8.6.12",
159
159
  "storybook-addon-tag-badges": "^1.4.0",
160
- "typescript": "^5.8.2",
160
+ "typescript": "5.8.3",
161
161
  "url-loader": "^4.1.1",
162
- "vite": "6.2.3",
163
- "vitest": "^3.0.9",
164
- "webpack": "^5.98.0"
162
+ "vite": "6.2.5",
163
+ "vitest": "^3.1.1",
164
+ "webpack": "5.99.1"
165
165
  },
166
166
  "peerDependencies": {
167
167
  "@autoguru/icons": ">=1.8.4",
@@ -177,13 +177,13 @@
177
177
  "react-dom": ">=18 || >=19.0.0-rc.0",
178
178
  "react-focus-lock": "^2.13.6",
179
179
  "react-intersection-observer": ">=9.16.0",
180
- "react-keyed-flatten-children": "^2.2.1",
180
+ "react-keyed-flatten-children": "^2.2.1 || ^5.0.0",
181
181
  "react-swipeable": ">=7.0.2",
182
182
  "webpack": "*"
183
183
  },
184
184
  "volta": {
185
185
  "node": "22.14.0",
186
- "yarn": "4.7.0"
186
+ "yarn": "4.9.1"
187
187
  },
188
- "packageManager": "yarn@4.7.0"
188
+ "packageManager": "yarn@4.9.1"
189
189
  }