@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.
- package/dist/components/AutoSuggest/AutoSuggest.d.ts.map +1 -1
- package/dist/components/AutoSuggest/AutoSuggest.js +1 -1
- package/dist/components/AutoSuggest/useLayoutSuggestionVisible.d.ts +1 -1
- package/dist/components/AutoSuggest/useLayoutSuggestionVisible.d.ts.map +1 -1
- package/dist/components/Badge/Badge.d.ts +4 -3
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.js +14 -6
- package/dist/components/Box/Box.d.ts +1 -1
- package/dist/components/Box/Box.d.ts.map +1 -1
- package/dist/components/Box/Box.js +5 -3
- package/dist/components/Box/index.d.ts +1 -1
- package/dist/components/Box/index.d.ts.map +1 -1
- package/dist/components/Box/useBoxStyles.d.ts +4 -3
- package/dist/components/Box/useBoxStyles.d.ts.map +1 -1
- package/dist/components/Box/useBoxStyles.js +2 -1
- package/dist/components/Button/Button.d.ts +2 -2
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +25 -20
- package/dist/components/FillHeightBox/FillHeightBox.d.ts.map +1 -1
- package/dist/components/Heading/Heading.d.ts +5 -8
- package/dist/components/Heading/Heading.d.ts.map +1 -1
- package/dist/components/Heading/Heading.js +12 -6
- package/dist/components/HorizontalAutoScroller/useHorizontalAutoScroller.d.ts.map +1 -1
- package/dist/components/HorizontalAutoScroller/useHorizontalAutoScroller.js +3 -3
- package/dist/components/Icon/Icon.d.ts +2 -1
- package/dist/components/Icon/Icon.d.ts.map +1 -1
- package/dist/components/Icon/Icon.js +6 -4
- package/dist/components/Icon/index.d.ts +1 -1
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Inline/Inline.d.ts.map +1 -1
- package/dist/components/OptionGrid/OptionGrid.css.d.ts +31 -0
- package/dist/components/OptionGrid/OptionGrid.css.d.ts.map +1 -0
- package/dist/components/OptionGrid/OptionGrid.css.js +192 -0
- package/dist/components/OptionGrid/OptionGrid.d.ts +22 -0
- package/dist/components/OptionGrid/OptionGrid.d.ts.map +1 -0
- package/dist/components/OptionGrid/OptionGrid.js +101 -0
- package/dist/components/OptionList/OptionList.css.d.ts +14 -0
- package/dist/components/OptionList/OptionList.css.d.ts.map +1 -0
- package/dist/components/OptionList/OptionList.css.js +111 -0
- package/dist/components/OptionList/OptionList.d.ts +54 -0
- package/dist/components/OptionList/OptionList.d.ts.map +1 -0
- package/dist/components/OptionList/OptionList.js +53 -0
- package/dist/components/OptionList/OptionListItem.d.ts +17 -0
- package/dist/components/OptionList/OptionListItem.d.ts.map +1 -0
- package/dist/components/OptionList/OptionListItem.js +79 -0
- package/dist/components/OutsideClick/OutsideClick.d.ts +1 -1
- package/dist/components/OutsideClick/OutsideClick.d.ts.map +1 -1
- package/dist/components/Positioner/Positioner.d.ts +1 -1
- package/dist/components/Positioner/Positioner.d.ts.map +1 -1
- package/dist/components/SearchBar/SearchBar.css.d.ts +16 -0
- package/dist/components/SearchBar/SearchBar.css.d.ts.map +1 -0
- package/dist/components/SearchBar/SearchBar.css.js +90 -0
- package/dist/components/SearchBar/SearchBar.d.ts +17 -0
- package/dist/components/SearchBar/SearchBar.d.ts.map +1 -0
- package/dist/components/SearchBar/SearchBar.js +96 -0
- package/dist/components/StarRating/StarRating.d.ts.map +1 -1
- package/dist/components/StarRating/StarRating.js +1 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -1
- package/dist/components/Switch/Switch.js +2 -1
- package/dist/components/Text/Text.d.ts +1 -2
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +11 -5
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.css.d.ts +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.css.d.ts.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.css.js +8 -2
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +4 -7
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.js +12 -11
- package/dist/hooks/useAnimationEvents/useAnimationEvents.js +1 -1
- package/dist/stories/helpers/index.d.ts +12 -9
- package/dist/stories/helpers/index.d.ts.map +1 -1
- package/dist/stories/helpers/styles.css.d.ts +1 -0
- package/dist/stories/helpers/styles.css.d.ts.map +1 -1
- package/dist/styles/focusOutline.css.d.ts +3 -0
- package/dist/styles/focusOutline.css.d.ts.map +1 -0
- package/dist/styles/focusOutline.css.js +17 -0
- package/dist/styles/sprinkles.css.d.ts +320 -21
- package/dist/styles/sprinkles.css.d.ts.map +1 -1
- package/dist/styles/sprinkles.css.js +147 -8
- package/dist/styles/stack.css.d.ts.map +1 -1
- package/dist/styles/stack.css.js +7 -7
- package/dist/themes/base/index.d.ts +4 -2
- package/dist/themes/base/index.d.ts.map +1 -1
- package/dist/themes/base/tokens.d.ts.map +1 -1
- package/dist/themes/base/tokens.js +5 -3
- package/dist/themes/flat_red/index.d.ts +4 -2
- package/dist/themes/flat_red/index.d.ts.map +1 -1
- package/dist/themes/neutral/index.d.ts +4 -2
- package/dist/themes/neutral/index.d.ts.map +1 -1
- package/dist/themes/neutral/tokens.d.ts.map +1 -1
- package/dist/themes/neutral/tokens.js +5 -3
- package/dist/themes/theme.css.d.ts +4 -2
- package/dist/themes/theme.css.d.ts.map +1 -1
- package/dist/themes/theme.css.js +5 -3
- package/dist/themes/tokens.d.ts +3 -1
- package/dist/themes/tokens.d.ts.map +1 -1
- package/dist/types/index.d.ts +5 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +3 -0
- package/dist/utils/dataAttrs.d.ts +7 -0
- package/dist/utils/dataAttrs.d.ts.map +1 -0
- package/dist/utils/dataAttrs.js +11 -0
- package/dist/utils/index.d.ts +2 -1
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +11 -0
- 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;
|
|
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,
|
|
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
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { WithTestId } from '../../types';
|
|
2
3
|
import * as styles from './Badge.css';
|
|
3
|
-
export interface
|
|
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:
|
|
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":"
|
|
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
|
|
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
|
-
|
|
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,
|
|
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
|
-
|
|
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
|
|
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 +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;
|
|
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 {
|
|
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
|
-
|
|
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,
|
|
1
|
+
{"version":3,"file":"useBoxStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -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
|
|
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<
|
|
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;
|
|
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,
|
|
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
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { Tokens } from '../../themes/tokens';
|
|
3
|
-
import {
|
|
3
|
+
import type { WithTestId } from '../../types';
|
|
4
|
+
import { type BoxProps } from '../Box';
|
|
4
5
|
import type { TextStyleProps } from '../Text';
|
|
5
|
-
export interface
|
|
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:
|
|
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":"
|
|
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
|
|
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
|
-
|
|
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,
|
|
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
|
-
|
|
93
|
-
|
|
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:
|
|
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,
|
|
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
|
-
|
|
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
|
-
|
|
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,
|
|
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"}
|