@autoguru/overdrive 4.35.2 → 4.37.0

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 (108) hide show
  1. package/dist/components/AutoSuggest/AutoSuggest.d.ts.map +1 -1
  2. package/dist/components/AutoSuggest/AutoSuggest.js +1 -1
  3. package/dist/components/AutoSuggest/useLayoutSuggestionVisible.d.ts +1 -1
  4. package/dist/components/AutoSuggest/useLayoutSuggestionVisible.d.ts.map +1 -1
  5. package/dist/components/Badge/Badge.d.ts +4 -3
  6. package/dist/components/Badge/Badge.d.ts.map +1 -1
  7. package/dist/components/Badge/Badge.js +14 -6
  8. package/dist/components/Box/Box.d.ts +1 -1
  9. package/dist/components/Box/Box.d.ts.map +1 -1
  10. package/dist/components/Box/Box.js +5 -3
  11. package/dist/components/Box/index.d.ts +1 -1
  12. package/dist/components/Box/index.d.ts.map +1 -1
  13. package/dist/components/Box/useBoxStyles.d.ts +4 -3
  14. package/dist/components/Box/useBoxStyles.d.ts.map +1 -1
  15. package/dist/components/Box/useBoxStyles.js +2 -1
  16. package/dist/components/Button/Button.d.ts +2 -2
  17. package/dist/components/Button/Button.d.ts.map +1 -1
  18. package/dist/components/Button/Button.js +25 -20
  19. package/dist/components/FillHeightBox/FillHeightBox.d.ts.map +1 -1
  20. package/dist/components/Heading/Heading.d.ts +5 -8
  21. package/dist/components/Heading/Heading.d.ts.map +1 -1
  22. package/dist/components/Heading/Heading.js +12 -6
  23. package/dist/components/HorizontalAutoScroller/useHorizontalAutoScroller.d.ts.map +1 -1
  24. package/dist/components/HorizontalAutoScroller/useHorizontalAutoScroller.js +3 -3
  25. package/dist/components/Icon/Icon.d.ts +2 -1
  26. package/dist/components/Icon/Icon.d.ts.map +1 -1
  27. package/dist/components/Icon/Icon.js +6 -4
  28. package/dist/components/Icon/index.d.ts +1 -1
  29. package/dist/components/Icon/index.d.ts.map +1 -1
  30. package/dist/components/Inline/Inline.d.ts.map +1 -1
  31. package/dist/components/OptionGrid/OptionGrid.css.d.ts +31 -0
  32. package/dist/components/OptionGrid/OptionGrid.css.d.ts.map +1 -0
  33. package/dist/components/OptionGrid/OptionGrid.css.js +192 -0
  34. package/dist/components/OptionGrid/OptionGrid.d.ts +22 -0
  35. package/dist/components/OptionGrid/OptionGrid.d.ts.map +1 -0
  36. package/dist/components/OptionGrid/OptionGrid.js +101 -0
  37. package/dist/components/OptionList/OptionList.css.d.ts +14 -0
  38. package/dist/components/OptionList/OptionList.css.d.ts.map +1 -0
  39. package/dist/components/OptionList/OptionList.css.js +111 -0
  40. package/dist/components/OptionList/OptionList.d.ts +54 -0
  41. package/dist/components/OptionList/OptionList.d.ts.map +1 -0
  42. package/dist/components/OptionList/OptionList.js +53 -0
  43. package/dist/components/OptionList/OptionListItem.d.ts +17 -0
  44. package/dist/components/OptionList/OptionListItem.d.ts.map +1 -0
  45. package/dist/components/OptionList/OptionListItem.js +79 -0
  46. package/dist/components/OutsideClick/OutsideClick.d.ts +1 -1
  47. package/dist/components/OutsideClick/OutsideClick.d.ts.map +1 -1
  48. package/dist/components/Positioner/Positioner.d.ts +1 -1
  49. package/dist/components/Positioner/Positioner.d.ts.map +1 -1
  50. package/dist/components/SearchBar/SearchBar.css.d.ts +16 -0
  51. package/dist/components/SearchBar/SearchBar.css.d.ts.map +1 -0
  52. package/dist/components/SearchBar/SearchBar.css.js +90 -0
  53. package/dist/components/SearchBar/SearchBar.d.ts +17 -0
  54. package/dist/components/SearchBar/SearchBar.d.ts.map +1 -0
  55. package/dist/components/SearchBar/SearchBar.js +96 -0
  56. package/dist/components/StarRating/StarRating.d.ts.map +1 -1
  57. package/dist/components/StarRating/StarRating.js +1 -0
  58. package/dist/components/Switch/Switch.d.ts.map +1 -1
  59. package/dist/components/Switch/Switch.js +2 -1
  60. package/dist/components/Text/Text.d.ts +1 -2
  61. package/dist/components/Text/Text.d.ts.map +1 -1
  62. package/dist/components/Text/Text.js +11 -5
  63. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  64. package/dist/components/Tooltip/Tooltip.js +1 -1
  65. package/dist/components/VisuallyHidden/VisuallyHidden.css.d.ts +1 -1
  66. package/dist/components/VisuallyHidden/VisuallyHidden.css.d.ts.map +1 -1
  67. package/dist/components/VisuallyHidden/VisuallyHidden.css.js +8 -2
  68. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +4 -7
  69. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
  70. package/dist/components/VisuallyHidden/VisuallyHidden.js +12 -11
  71. package/dist/hooks/useAnimationEvents/useAnimationEvents.js +1 -1
  72. package/dist/stories/helpers/index.d.ts +12 -9
  73. package/dist/stories/helpers/index.d.ts.map +1 -1
  74. package/dist/stories/helpers/styles.css.d.ts +1 -0
  75. package/dist/stories/helpers/styles.css.d.ts.map +1 -1
  76. package/dist/styles/focusOutline.css.d.ts +3 -0
  77. package/dist/styles/focusOutline.css.d.ts.map +1 -0
  78. package/dist/styles/focusOutline.css.js +17 -0
  79. package/dist/styles/sprinkles.css.d.ts +320 -21
  80. package/dist/styles/sprinkles.css.d.ts.map +1 -1
  81. package/dist/styles/sprinkles.css.js +147 -8
  82. package/dist/styles/stack.css.d.ts.map +1 -1
  83. package/dist/styles/stack.css.js +7 -7
  84. package/dist/themes/base/index.d.ts +4 -2
  85. package/dist/themes/base/index.d.ts.map +1 -1
  86. package/dist/themes/base/tokens.d.ts.map +1 -1
  87. package/dist/themes/base/tokens.js +5 -3
  88. package/dist/themes/flat_red/index.d.ts +4 -2
  89. package/dist/themes/flat_red/index.d.ts.map +1 -1
  90. package/dist/themes/neutral/index.d.ts +4 -2
  91. package/dist/themes/neutral/index.d.ts.map +1 -1
  92. package/dist/themes/neutral/tokens.d.ts.map +1 -1
  93. package/dist/themes/neutral/tokens.js +5 -3
  94. package/dist/themes/theme.css.d.ts +4 -2
  95. package/dist/themes/theme.css.d.ts.map +1 -1
  96. package/dist/themes/theme.css.js +5 -3
  97. package/dist/themes/tokens.d.ts +3 -1
  98. package/dist/themes/tokens.d.ts.map +1 -1
  99. package/dist/types/index.d.ts +5 -0
  100. package/dist/types/index.d.ts.map +1 -0
  101. package/dist/types/index.js +3 -0
  102. package/dist/utils/dataAttrs.d.ts +7 -0
  103. package/dist/utils/dataAttrs.d.ts.map +1 -0
  104. package/dist/utils/dataAttrs.js +11 -0
  105. package/dist/utils/index.d.ts +2 -1
  106. package/dist/utils/index.d.ts.map +1 -1
  107. package/dist/utils/index.js +11 -0
  108. package/package.json +53 -45
@@ -1 +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"}
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;AAkiBlB,eAAe,WAAW,CAAC"}
@@ -132,7 +132,7 @@ export const AutoSuggest = forwardRef(function AutoSuggest(_ref, ref) {
132
132
  onClick
133
133
  } = _ref,
134
134
  textInputProps = _objectWithoutProperties(_ref, _excluded);
135
- const inputRef = useRef();
135
+ const inputRef = useRef(null);
136
136
  const valueRef = useRef(incomingValue);
137
137
  useImperativeHandle(ref, () => inputRef.current);
138
138
  const [isDesktop] = useMedia(['desktop'], false);
@@ -1,3 +1,3 @@
1
1
  import { RefObject } from 'react';
2
- export declare const useLayoutSuggestionVisible: (highlightIndex: number, highlightRef: RefObject<HTMLElement>, suggestionListRef: RefObject<HTMLElement>) => void;
2
+ export declare const useLayoutSuggestionVisible: (highlightIndex: number, highlightRef: RefObject<HTMLElement | null>, suggestionListRef: RefObject<HTMLElement | null>) => void;
3
3
  //# sourceMappingURL=useLayoutSuggestionVisible.d.ts.map
@@ -1 +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"}
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,GAAG,IAAI,CAAC,qBACxB,UAAU,WAAW,GAAG,IAAI,CAAC,SAyChD,CAAC"}
@@ -1,12 +1,13 @@
1
- import { FunctionComponent } from 'react';
1
+ import React from 'react';
2
+ import type { WithTestId } from '../../types';
2
3
  import * as styles from './Badge.css';
3
- export interface Props {
4
+ export interface BadgeProps {
4
5
  label: string;
5
6
  colour?: keyof typeof styles.colours.default;
6
7
  className?: string;
7
8
  look?: 'standard' | 'inverted';
8
9
  size?: keyof typeof styles.labelSize;
9
10
  }
10
- export declare const Badge: FunctionComponent<Props>;
11
+ export declare const Badge: ({ label, colour, look, size, className, testId, }: WithTestId<BadgeProps>) => React.JSX.Element;
11
12
  export default Badge;
12
13
  //# sourceMappingURL=Badge.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,7 +1,11 @@
1
1
  "use strict";
2
2
 
3
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
+ 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
+ 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; }
3
6
  import { invariant } from '@autoguru/utilities';
4
- import * as React from 'react';
7
+ import React from 'react';
8
+ import { dataAttrs } from "../../utils/dataAttrs.js";
5
9
  import { Box } from "../Box/index.js";
6
10
  import { useTextStyles } from "../Text/index.js";
7
11
  import * as styles from "./Badge.css.js";
@@ -22,7 +26,8 @@ export const Badge = _ref => {
22
26
  colour = 'neutral',
23
27
  look = 'standard',
24
28
  size = 'standard',
25
- className = ''
29
+ className = '',
30
+ testId
26
31
  } = _ref;
27
32
  const textStyles = useTextStyles({
28
33
  noWrap: true,
@@ -31,9 +36,12 @@ export const Badge = _ref => {
31
36
  });
32
37
  const inverted = look === 'inverted';
33
38
  !['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;
34
- return _jsx(Box, {
39
+ return _jsx(Box, _objectSpread(_objectSpread({
35
40
  className: className,
36
- display: "flex",
41
+ display: "flex"
42
+ }, dataAttrs({
43
+ 'test-id': testId
44
+ })), {}, {
37
45
  children: _jsx(Box, {
38
46
  className: [styles.labelSize[size], inverted ? styles.colours.inverted[colour].background : styles.colours.default[colour]],
39
47
  overflow: "hidden",
@@ -42,7 +50,7 @@ export const Badge = _ref => {
42
50
  paddingY: paddingYMap[size],
43
51
  borderRadius: "1",
44
52
  children: _jsx(Box, {
45
- is: "span",
53
+ as: "span",
46
54
  display: "block",
47
55
  overflow: "hidden",
48
56
  className: [textStyles, styles.label, inverted ? styles.colours.inverted[colour].text : useTextStyles({
@@ -51,6 +59,6 @@ export const Badge = _ref => {
51
59
  children: label
52
60
  })
53
61
  })
54
- });
62
+ }));
55
63
  };
56
64
  export default Badge;
@@ -2,7 +2,7 @@ import type { AllHTMLAttributes } from 'react';
2
2
  import * as React from 'react';
3
3
  import { ReactNode } from 'react';
4
4
  import type { BoxStyleProps } from './useBoxStyles';
5
- export interface Props extends BoxStyleProps, Omit<AllHTMLAttributes<HTMLElement>, 'width' | 'height' | 'className' | 'is'> {
5
+ export interface Props extends BoxStyleProps, Omit<AllHTMLAttributes<HTMLElement>, 'as' | 'width' | 'height' | 'className' | 'is'> {
6
6
  children?: ReactNode;
7
7
  }
8
8
  export declare const Box: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,WAAW,KAChB,SAAQ,aAAa,EACpB,IAAI,CACH,iBAAiB,CAAC,WAAW,CAAC,EAC9B,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,IAAI,CACvC;IACF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAKD,eAAO,MAAM,GAAG,2EAiIf,CAAC;AAIF,eAAe,GAAG,CAAC"}
1
+ {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,WAAW,KAChB,SAAQ,aAAa,EACpB,IAAI,CACH,iBAAiB,CAAC,WAAW,CAAC,EAC9B,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,IAAI,CAC9C;IACF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAKD,eAAO,MAAM,GAAG,2EAoIf,CAAC;AAIF,eAAe,GAAG,CAAC"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
- const _excluded = ["is", "padding", "paddingX", "paddingY", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "margin", "marginX", "marginY", "marginTop", "marginBottom", "marginLeft", "marginRight", "display", "width", "height", "position", "overflow", "userSelect", "textAlign", "pointerEvents", "borderColour", "borderColourX", "borderColourY", "borderColourTop", "borderColourRight", "borderColourBottom", "borderColourLeft", "borderWidth", "borderWidthX", "borderWidthY", "borderWidthTop", "borderWidthRight", "borderWidthBottom", "borderWidthLeft", "boxShadow", "borderRadius", "backgroundColour", "colour", "opacity", "className", "alignItems", "order", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent", "children"];
5
+ const _excluded = ["as", "is", "padding", "paddingX", "paddingY", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "margin", "marginX", "marginY", "marginTop", "marginBottom", "marginLeft", "marginRight", "display", "width", "height", "position", "overflow", "userSelect", "textAlign", "pointerEvents", "borderColour", "borderColourX", "borderColourY", "borderColourTop", "borderColourRight", "borderColourBottom", "borderColourLeft", "borderWidth", "borderWidthX", "borderWidthY", "borderWidthTop", "borderWidthRight", "borderWidthBottom", "borderWidthLeft", "boxShadow", "borderRadius", "backgroundColour", "colour", "opacity", "className", "alignItems", "order", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent", "children"];
6
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
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
8
  import clsx from 'clsx';
@@ -12,7 +12,8 @@ import { useBoxStyles } from "./useBoxStyles.js";
12
12
  import { jsx as _jsx } from "react/jsx-runtime";
13
13
  export const Box = forwardRef((_ref, ref) => {
14
14
  let {
15
- is: Component = 'div',
15
+ as = 'div',
16
+ is = as,
16
17
  padding,
17
18
  paddingX,
18
19
  paddingY,
@@ -66,7 +67,7 @@ export const Box = forwardRef((_ref, ref) => {
66
67
  } = _ref,
67
68
  allOtherProps = _objectWithoutProperties(_ref, _excluded);
68
69
  const cls = useBoxStyles({
69
- is: Component,
70
+ is,
70
71
  alignItems,
71
72
  order,
72
73
  backgroundColour,
@@ -116,6 +117,7 @@ export const Box = forwardRef((_ref, ref) => {
116
117
  userSelect,
117
118
  width
118
119
  });
120
+ const Component = is;
119
121
  return _jsx(Component, _objectSpread(_objectSpread({
120
122
  ref: ref,
121
123
  className: clsx(cls, className)
@@ -1,4 +1,4 @@
1
- export { Box } from './Box';
1
+ export { Box, type Props as BoxProps } from './Box';
2
2
  export { useBoxStyles } from './useBoxStyles';
3
3
  export type { BoxStyleProps } from './useBoxStyles';
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,KAAK,IAAI,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import clsx from 'clsx';
2
- import type { JSXElementConstructor } from 'react';
2
+ import type { ElementType } from 'react';
3
3
  import { Tokens } from '../../themes/tokens';
4
4
  import { ResponsiveProp } from '../../utils/responsiveProps.css';
5
5
  import * as styles from './useBoxStyles.css';
@@ -48,7 +48,8 @@ interface Flex {
48
48
  justifyContent?: ResponsiveProp<keyof typeof styles.justifyContent>;
49
49
  }
50
50
  export interface BoxStyleProps extends Padding, Margin, Border, Flex {
51
- is?: keyof JSX.IntrinsicElements | JSXElementConstructor<any>;
51
+ as?: ElementType;
52
+ is?: ElementType;
52
53
  boxShadow?: ResponsiveProp<keyof typeof styles.boxShadow>;
53
54
  display?: keyof typeof styles.display;
54
55
  position?: keyof typeof styles.position;
@@ -63,6 +64,6 @@ export interface BoxStyleProps extends Padding, Margin, Border, Flex {
63
64
  pointerEvents?: keyof typeof styles.pointerEvents;
64
65
  className?: Parameters<typeof clsx>[0];
65
66
  }
66
- export declare const useBoxStyles: ({ is, display, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, margin, marginX, marginY, marginTop, marginBottom, marginLeft, marginRight, boxShadow, borderWidth, borderWidthX, borderWidthY, borderWidthTop, borderWidthRight, borderWidthBottom, borderWidthLeft, borderColour, borderColourX, borderColourY, borderColourTop, borderColourRight, borderColourBottom, borderColourLeft, borderRadius, backgroundColour, colour, opacity, width, height, position, overflow, userSelect, textAlign, pointerEvents, alignItems, order, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, className, }: BoxStyleProps) => string;
67
+ export declare const useBoxStyles: ({ as, is, display, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, margin, marginX, marginY, marginTop, marginBottom, marginLeft, marginRight, boxShadow, borderWidth, borderWidthX, borderWidthY, borderWidthTop, borderWidthRight, borderWidthBottom, borderWidthLeft, borderColour, borderColourX, borderColourY, borderColourTop, borderColourRight, borderColourBottom, borderColourLeft, borderRadius, backgroundColour, colour, opacity, width, height, position, overflow, userSelect, textAlign, pointerEvents, alignItems, order, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, className, }: BoxStyleProps) => string;
67
68
  export default useBoxStyles;
68
69
  //# sourceMappingURL=useBoxStyles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useBoxStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAE7C,UAAU,OAAO;IAChB,OAAO,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACrD,aAAa,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;CACpD;AAED,UAAU,MAAM;IACf,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACrD,UAAU,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;CACnD;AAGD,UAAU,MAAM;IACf,WAAW,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,YAAY,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,cAAc,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,iBAAiB,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IACpE,eAAe,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAElE,YAAY,CAAC,EAAE,MAAM,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;IAChE,iBAAiB,CAAC,EAAE,MAAM,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;IAClE,kBAAkB,CAAC,EAAE,MAAM,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;IACnE,gBAAgB,CAAC,EAAE,MAAM,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;IAGjE,YAAY,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC;CAChE;AAED,UAAU,IAAI;IACb,UAAU,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC;IAC5D,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IAClD,aAAa,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,aAAa,CAAC,CAAC;IAClE,QAAQ,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,QAAQ,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,QAAQ,CAAC;IACxC,cAAc,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,cAAc,CAAC,CAAC;CACpE;AAED,MAAM,WAAW,aAAc,SAAQ,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI;IACnE,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC;IAC9D,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC;IAEtC,QAAQ,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,QAAQ,CAAC;IAExC,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC;IAEpC,gBAAgB,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,iBAAiB,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC;IAEtC,QAAQ,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,QAAQ,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,aAAa,CAAC;IAElD,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,YAAY,2nBAmDtB,aAAa,WAqHf,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"useBoxStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.ts"],"names":[],"mappings":"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"}
@@ -6,7 +6,8 @@ import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
6
6
  import * as styles from "./useBoxStyles.css.js";
7
7
  export const useBoxStyles = _ref => {
8
8
  let {
9
- is,
9
+ as,
10
+ is = as,
10
11
  display,
11
12
  padding,
12
13
  paddingX,
@@ -4,7 +4,7 @@ import { AriaAttributes, ButtonHTMLAttributes, ElementType, ReactElement } from
4
4
  import * as styles from './Button.css';
5
5
  type ButtonPrimitive = ButtonHTMLAttributes<HTMLButtonElement>;
6
6
  type AllowedChildren = string | IconType;
7
- export interface Props extends Pick<ButtonPrimitive, 'id' | 'onClick' | 'type' | 'className'>, Pick<AriaAttributes, 'aria-label'> {
7
+ export interface ButtonProps extends Pick<ButtonPrimitive, 'id' | 'onClick' | 'type' | 'className'>, Pick<AriaAttributes, 'aria-label'> {
8
8
  children: AllowedChildren | AllowedChildren[];
9
9
  disabled?: boolean;
10
10
  is?: ElementType | ReactElement;
@@ -16,6 +16,6 @@ export interface Props extends Pick<ButtonPrimitive, 'id' | 'onClick' | 'type' |
16
16
  variant?: keyof typeof styles.variant;
17
17
  withDoubleClicks?: boolean;
18
18
  }
19
- export declare const Button: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
19
+ export declare const Button: React.ForwardRefExoticComponent<ButtonProps & import("../../types").TestId & React.RefAttributes<HTMLButtonElement>>;
20
20
  export default Button;
21
21
  //# sourceMappingURL=Button.d.ts.map
@@ -1 +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"}
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;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"}
@@ -6,6 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
6
6
  import clsx from 'clsx';
7
7
  import * as React from 'react';
8
8
  import { cloneElement, createElement, forwardRef, isValidElement, useCallback, useEffect, useMemo, useState } from 'react';
9
+ import { dataAttrs } from "../../utils/dataAttrs.js";
9
10
  import { Box, useBoxStyles } from "../Box/index.js";
10
11
  import { Icon } from "../Icon/index.js";
11
12
  import { ProgressSpinner } from "../ProgressSpinner/index.js";
@@ -19,6 +20,22 @@ const getPadding = (size, loading) => {
19
20
  if (loading) return 'none';
20
21
  return size === 'small' ? '3' : '4';
21
22
  };
23
+ const getButtonStates = (buttonStyles, variant, disabled, minimal, rounded) => {
24
+ if (disabled) return minimal ? clsx(buttonStyles.minimal.defaults, {
25
+ [buttonStyles.minimal.noneRounded]: !rounded
26
+ }) : '';
27
+ if (minimal) return clsx(styles.minimal.defaults, styles.minimalStates[variant], {
28
+ [styles.minimal.noneRounded]: !rounded
29
+ });
30
+ return styles.defaultStates[variant];
31
+ };
32
+ const getButtonSize = (buttonStyles, size, rounded, iconOnly) => {
33
+ const currentSize = buttonStyles.size[size];
34
+ return clsx(currentSize.default, {
35
+ [currentSize.rounded]: rounded,
36
+ [currentSize.iconOnly]: iconOnly
37
+ });
38
+ };
22
39
  export const Button = forwardRef((_ref, ref) => {
23
40
  let {
24
41
  children,
@@ -35,7 +52,8 @@ export const Button = forwardRef((_ref, ref) => {
35
52
  size = 'medium',
36
53
  type = 'button',
37
54
  variant = 'secondary',
38
- 'aria-label': ariaLabel
55
+ 'aria-label': ariaLabel,
56
+ testId
39
57
  } = _ref;
40
58
  const {
41
59
  isSingleIconChild,
@@ -121,33 +139,20 @@ export const Button = forwardRef((_ref, ref) => {
121
139
  className: [styles.body, styles.hiddenContent],
122
140
  children: buttonContents
123
141
  })]
124
- }) : _jsx(Box, {
142
+ }) : _jsx(Box, _objectSpread(_objectSpread({
125
143
  height: "full",
126
144
  alignItems: "center",
127
145
  justifyContent: "center",
128
- className: styles.body,
146
+ className: styles.body
147
+ }, dataAttrs({
148
+ 'data-testid': testId
149
+ })), {}, {
129
150
  children: buttonContents
130
- });
151
+ }));
131
152
  return isValidElement(Component) ? cloneElement(Component, _objectSpread({
132
153
  ref
133
154
  }, props), child) : createElement(Component, _objectSpread({
134
155
  ref
135
156
  }, props), child);
136
157
  });
137
- const getButtonStates = (buttonStyles, variant, disabled, minimal, rounded) => {
138
- if (disabled) return minimal ? clsx(buttonStyles.minimal.defaults, {
139
- [buttonStyles.minimal.noneRounded]: !rounded
140
- }) : '';
141
- if (minimal) return clsx(styles.minimal.defaults, styles.minimalStates[variant], {
142
- [styles.minimal.noneRounded]: !rounded
143
- });
144
- return styles.defaultStates[variant];
145
- };
146
- const getButtonSize = (buttonStyles, size, rounded, iconOnly) => {
147
- const currentSize = buttonStyles.size[size];
148
- return clsx(currentSize.default, {
149
- [currentSize.rounded]: rounded,
150
- [currentSize.iconOnly]: iconOnly
151
- });
152
- };
153
158
  export default Button;
@@ -1 +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"}
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,CA2BlD,CAAC"}
@@ -1,15 +1,12 @@
1
- import { ComponentProps, FunctionComponent, ReactNode } from 'react';
1
+ import React from 'react';
2
2
  import { Tokens } from '../../themes/tokens';
3
- import { Box } from '../Box';
3
+ import type { WithTestId } from '../../types';
4
+ import { type BoxProps } from '../Box';
4
5
  import type { TextStyleProps } from '../Text';
5
- export interface Props extends Omit<TextStyleProps, 'is'>, Pick<ComponentProps<typeof Box>, 'id'> {
6
- className?: string;
7
- children?: ReactNode;
6
+ export interface HeadingProps extends Omit<TextStyleProps, 'is'>, Pick<BoxProps, 'children' | 'className' | 'id'> {
8
7
  is?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
9
8
  colour?: Exclude<keyof Tokens['typography']['colour'], 'muted'>;
10
- id?: string;
11
- testId?: string;
12
9
  }
13
- export declare const Heading: FunctionComponent<Props>;
10
+ export declare const Heading: ({ is, id, testId, align, fontWeight, noWrap, transform, colour, size, breakWord, className, children, }: WithTestId<HeadingProps>) => React.JSX.Element;
14
11
  export default Heading;
15
12
  //# sourceMappingURL=Heading.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,6 +1,10 @@
1
1
  "use strict";
2
2
 
3
- import * as React from 'react';
3
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
+ 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
+ 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 React from 'react';
7
+ import { dataAttrs } from "../../utils/dataAttrs.js";
4
8
  import { Box } from "../Box/index.js";
5
9
  import { useTextStyles } from "../Text/index.js";
6
10
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -27,10 +31,9 @@ export const Heading = _ref => {
27
31
  className = '',
28
32
  children
29
33
  } = _ref;
30
- return _jsx(Box, {
34
+ return _jsx(Box, _objectSpread(_objectSpread({
31
35
  id: id,
32
- "data-test-id": testId,
33
- is: is,
36
+ as: is,
34
37
  className: [useTextStyles({
35
38
  size,
36
39
  align,
@@ -39,8 +42,11 @@ export const Heading = _ref => {
39
42
  transform,
40
43
  fontWeight,
41
44
  breakWord
42
- }), className],
45
+ }), className]
46
+ }, dataAttrs({
47
+ 'test-id': testId
48
+ })), {}, {
43
49
  children: children
44
- });
50
+ }));
45
51
  };
46
52
  export default Heading;
@@ -1 +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"}
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,OAwGnC,CAAC"}
@@ -89,9 +89,9 @@ export const useHorizontalAutoScroller = _ref => {
89
89
  }, [itemsRef === null || itemsRef === void 0 ? void 0 : itemsRef.length, itemsPerPage]);
90
90
  const onViewChange = useCallback(inView => {
91
91
  if (inView && typeof activePage !== 'number') dispatch({
92
- type: 'GO_TO_PAGE',
93
- payload: typeof incomingActivePage === 'number' ? incomingActivePage : 0
94
- });
92
+ type: 'GO_TO_PAGE',
93
+ payload: typeof incomingActivePage === 'number' ? incomingActivePage : 0
94
+ });
95
95
  }, [incomingActivePage, activePage]);
96
96
  const [containerRef, inView, entry] = useInView({
97
97
  triggerOnce: false,
@@ -3,11 +3,12 @@ import type { FunctionComponent, ReactElement, SVGAttributes } from 'react';
3
3
  import { ResponsiveProp } from '../../utils/responsiveProps.css';
4
4
  import type { BoxStyleProps } from '../Box';
5
5
  import * as styles from './Icon.css';
6
+ export type IconEl = IconType | ReactElement<SVGAttributes<SVGElement>, 'svg'>;
6
7
  export interface Props {
7
8
  display?: Extract<BoxStyleProps['display'], 'block' | 'inlineBlock'>;
8
9
  className?: string;
9
10
  size?: ResponsiveProp<keyof typeof styles.size | string>;
10
- icon: IconType | ReactElement<SVGAttributes<SVGElement>, 'svg'>;
11
+ icon: IconEl;
11
12
  }
12
13
  export declare const Icon: FunctionComponent<Props>;
13
14
  export default Icon;
@@ -1 +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,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,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;CAChE;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CA0BzC,CAAC;AAEF,eAAe,IAAI,CAAC"}
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,CA6BzC,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -8,6 +8,7 @@ import { Box, useBoxStyles } from "../Box/index.js";
8
8
  import * as styles from "./Icon.css.js";
9
9
  import { jsx as _jsx } from "react/jsx-runtime";
10
10
  export const Icon = _ref => {
11
+ var _icon$props$ariaLabe;
11
12
  let {
12
13
  className = '',
13
14
  icon,
@@ -16,17 +17,18 @@ export const Icon = _ref => {
16
17
  } = _ref;
17
18
  useNullCheck(icon, 'Icon component received an empty icon prop.');
18
19
  return _jsx(Box, {
19
- is: "i",
20
+ as: "div",
20
21
  display: display,
21
22
  className: [resolveResponsiveStyle(size, styles.size), className],
22
- role: "presentation",
23
23
  children: icon ? cloneElement(icon, {
24
24
  className: useBoxStyles({
25
- is: 'svg',
25
+ as: 'svg',
26
26
  display: 'block',
27
27
  width: 'full',
28
28
  height: 'full'
29
- })
29
+ }),
30
+ 'aria-label': (_icon$props$ariaLabe = icon.props['aria-label']) !== null && _icon$props$ariaLabe !== void 0 ? _icon$props$ariaLabe : undefined,
31
+ 'aria-hidden': icon.props['aria-label'] ? undefined : true
30
32
  }) : '⬤'
31
33
  });
32
34
  };
@@ -1,2 +1,2 @@
1
- export { Icon } from './Icon';
1
+ export { Icon, type IconEl, type Props as IconProps } from './Icon';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,MAAM,EAAE,KAAK,KAAK,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC"}
@@ -1 +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"}
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,CAwD3C,CAAC;AAcF,eAAe,MAAM,CAAC"}
@@ -0,0 +1,31 @@
1
+ import { type RecipeVariants } from '@vanilla-extract/recipes';
2
+ export declare const styledGridContainer: import("@vanilla-extract/recipes").RuntimeFn<{
3
+ columns: {
4
+ '1': {};
5
+ '2': string;
6
+ '3': string;
7
+ '4': string;
8
+ '5': string;
9
+ };
10
+ }>;
11
+ export type StyledGridContainerProps = NonNullable<RecipeVariants<typeof styledGridContainer>>;
12
+ export declare const styledGridItem: import("@vanilla-extract/recipes").RuntimeFn<{
13
+ [x: string]: {
14
+ [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
15
+ };
16
+ }>;
17
+ export type StyledGridItemProps = NonNullable<RecipeVariants<typeof styledGridItem>>;
18
+ export declare const styleIndicator: string;
19
+ export declare const styledCheckbox: import("@vanilla-extract/recipes").RuntimeFn<{
20
+ [x: string]: {
21
+ [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
22
+ };
23
+ }>;
24
+ export type StyledCheckboxProps = NonNullable<RecipeVariants<typeof styledCheckbox>>;
25
+ export declare const styledRadioButton: import("@vanilla-extract/recipes").RuntimeFn<{
26
+ [x: string]: {
27
+ [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
28
+ };
29
+ }>;
30
+ export type StyledRadioButtonProps = NonNullable<RecipeVariants<typeof styledRadioButton>>;
31
+ //# sourceMappingURL=OptionGrid.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OptionGrid.css.d.ts","sourceRoot":"","sources":["../../../lib/components/OptionGrid/OptionGrid.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAOvE,eAAO,MAAM,mBAAmB;;;;;;;;EA8B9B,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,WAAW,CACjD,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAC1C,CAAC;AAyBF,eAAO,MAAM,cAAc;;;;EAkCzB,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAC5C,cAAc,CAAC,OAAO,cAAc,CAAC,CACrC,CAAC;AAGF,eAAO,MAAM,cAAc,QAGzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;EA2BzB,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAC5C,cAAc,CAAC,OAAO,cAAc,CAAC,CACrC,CAAC;AAwBF,eAAO,MAAM,iBAAiB;;;;EAoB5B,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,WAAW,CAC/C,cAAc,CAAC,OAAO,iBAAiB,CAAC,CACxC,CAAC"}