@aivenio/aquarium 1.24.0 → 1.25.1
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/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +2 -3
- package/dist/atoms.mjs +2 -3
- package/dist/src/atoms/Alert/Alert.d.ts +2 -2
- package/dist/src/atoms/Banner/Banner.d.ts +6 -6
- package/dist/src/atoms/Card/Card.d.ts +6 -6
- package/dist/src/atoms/Card/Card.js +1 -1
- package/dist/src/atoms/Checkbox/Checkbox.d.ts +1 -1
- package/dist/src/atoms/DataList/DataList.js +2 -2
- package/dist/src/atoms/Dialog/Dialog.d.ts +1 -1
- package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts +5 -5
- package/dist/src/atoms/Modal/Modal.d.ts +3 -3
- package/dist/src/atoms/Navigation/Navigation.d.ts +1 -1
- package/dist/src/atoms/PageHeader/PageHeader.d.ts +4 -2
- package/dist/src/atoms/PageHeader/PageHeader.js +3 -3
- package/dist/src/atoms/ProgressBar/ProgressBar.d.ts +2 -2
- package/dist/src/atoms/ProgressBar/ProgressBar.js +2 -2
- package/dist/src/atoms/RadioButton/RadioButton.d.ts +1 -1
- package/dist/src/atoms/Section/Section.d.ts +1 -1
- package/dist/src/atoms/Select/Select.d.ts +23 -23
- package/dist/src/atoms/Select/Select.js +3 -3
- package/dist/src/atoms/Stepper/Stepper.d.ts +2 -2
- package/dist/src/atoms/Switch/Switch.d.ts +1 -1
- package/dist/src/atoms/Table/Table.d.ts +4 -4
- package/dist/src/atoms/Table/Table.js +2 -2
- package/dist/src/atoms/Toast/Toast.d.ts +1 -1
- package/dist/src/atoms/Typography/Typography.d.ts +1 -1
- package/dist/src/atoms/Typography/Typography.js +7 -5
- package/dist/src/charts/BarChart/BarChart.d.ts +2 -2
- package/dist/src/charts/lib/utils.d.ts +1 -1
- package/dist/src/js/resolveTheme.d.ts +4 -2
- package/dist/src/molecules/Alert/Alert.d.ts +2 -1
- package/dist/src/molecules/Alert/Alert.js +1 -1
- package/dist/src/molecules/Badge/Badge.d.ts +2 -2
- package/dist/src/molecules/Banner/Banner.d.ts +2 -1
- package/dist/src/molecules/Banner/Banner.js +1 -1
- package/dist/src/molecules/Box/Box.d.ts +17 -17
- package/dist/src/molecules/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +3 -3
- package/dist/src/molecules/Button/Button.d.ts +8 -8
- package/dist/src/molecules/Button/Button.js +4 -4
- package/dist/src/molecules/Card/Card.d.ts +11 -10
- package/dist/src/molecules/Card/Card.js +5 -3
- package/dist/src/molecules/Card/Compact.d.ts +2 -2
- package/dist/src/molecules/Card/Compact.js +5 -3
- package/dist/src/molecules/Carousel/Carousel.js +20 -12
- package/dist/src/molecules/Chip/Chip.d.ts +3 -3
- package/dist/src/molecules/Combobox/Combobox.d.ts +4 -4
- package/dist/src/molecules/Combobox/Combobox.js +1 -1
- package/dist/src/molecules/ControlLabel/ControlLabel.d.ts +1 -1
- package/dist/src/molecules/DataList/DataList.d.ts +2 -2
- package/dist/src/molecules/DataTable/DataTable.d.ts +2 -2
- package/dist/src/molecules/Dialog/Dialog.js +8 -6
- package/dist/src/molecules/Dropdown/Dropdown.d.ts +1 -1
- package/dist/src/molecules/Dropdown/Dropdown.js +3 -3
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +6 -6
- package/dist/src/molecules/Element/Element.d.ts +2 -2
- package/dist/src/molecules/EmptyState/EmptyState.d.ts +1 -1
- package/dist/src/molecules/Flexbox/Flexbox.d.ts +7 -7
- package/dist/src/molecules/Flexbox/FlexboxItem.d.ts +7 -7
- package/dist/src/molecules/Grid/Grid.d.ts +7 -7
- package/dist/src/molecules/Grid/GridItem.d.ts +7 -7
- package/dist/src/molecules/Input/Input.js +7 -5
- package/dist/src/molecules/LineClamp/LineClamp.d.ts +15 -15
- package/dist/src/molecules/ListItem/ListItem.js +4 -4
- package/dist/src/molecules/Modal/Modal.js +8 -6
- package/dist/src/molecules/MultiInput/InputChip.d.ts +2 -2
- package/dist/src/molecules/MultiInput/InputChip.js +2 -2
- package/dist/src/molecules/MultiInput/MultiInput.d.ts +5 -5
- package/dist/src/molecules/MultiInput/MultiInput.js +9 -5
- package/dist/src/molecules/MultiSelect/MultiSelect.d.ts +4 -4
- package/dist/src/molecules/MultiSelect/MultiSelect.js +6 -4
- package/dist/src/molecules/NativeSelect/NativeSelect.js +12 -8
- package/dist/src/molecules/Navigation/Navigation.d.ts +2 -2
- package/dist/src/molecules/PageHeader/PageHeader.d.ts +44 -8
- package/dist/src/molecules/PageHeader/PageHeader.js +18 -6
- package/dist/src/molecules/Pagination/usePagination.d.ts +1 -1
- package/dist/src/molecules/Pagination/usePagination.js +1 -1
- package/dist/src/molecules/Popover/Popover.d.ts +2 -2
- package/dist/src/molecules/Popover/Popover.js +1 -1
- package/dist/src/molecules/PopoverDialog/PopoverDialog.d.ts +1 -1
- package/dist/src/molecules/ProgressBar/ProgressBar.d.ts +1 -1
- package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.d.ts +4 -3
- package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +1 -1
- package/dist/src/molecules/Section/Section.d.ts +1 -1
- package/dist/src/molecules/SegmentedControl/SegmentedControl.d.ts +3 -3
- package/dist/src/molecules/SegmentedControl/SegmentedControl.js +2 -2
- package/dist/src/molecules/Select/Select.d.ts +4 -4
- package/dist/src/molecules/Select/Select.js +5 -3
- package/dist/src/molecules/Stepper/Stepper.d.ts +1 -1
- package/dist/src/molecules/Switch/Switch.d.ts +1 -1
- package/dist/src/molecules/Tabs/Tabs.d.ts +13 -9
- package/dist/src/molecules/Tabs/Tabs.js +26 -17
- package/dist/src/molecules/TagLabel/TagLabel.d.ts +1 -1
- package/dist/src/molecules/Tailwindify/Tailwindify.d.ts +5 -5
- package/dist/src/molecules/Tailwindify/Tailwindify.js +7 -4
- package/dist/src/molecules/Template/Template.d.ts +1 -1
- package/dist/src/molecules/Textarea/Textarea.d.ts +3 -3
- package/dist/src/molecules/Timeline/Timeline.d.ts +3 -3
- package/dist/src/molecules/Toast/Toast.spec.js +2 -2
- package/dist/src/molecules/Toast/types.d.ts +5 -5
- package/dist/src/molecules/Toast/types.js +1 -1
- package/dist/src/molecules/Tooltip/Tooltip.d.ts +1 -1
- package/dist/src/molecules/Tooltip/Tooltip.js +5 -3
- package/dist/src/molecules/Tooltip/useTooltipTriggerState.js +9 -5
- package/dist/src/molecules/Typography/Typography.d.ts +4 -4
- package/dist/src/molecules/Typography/Typography.js +9 -9
- package/dist/src/molecules/index.d.ts +2 -2
- package/dist/src/system.js +9 -5
- package/dist/src/utils/form/FormControl/FormControl.js +2 -2
- package/dist/src/utils/form/HelperText/HelperText.js +4 -4
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +6 -6
- package/dist/src/utils/form/Label/Label.d.ts +3 -3
- package/dist/src/utils/form/Label/Label.js +12 -10
- package/dist/src/utils/object.d.ts +1 -1
- package/dist/src/utils/positioner.d.ts +1 -1
- package/dist/src/utils/table/types.d.ts +9 -9
- package/dist/src/utils/table/useTableSort.d.ts +1 -1
- package/dist/src/utils/table/utils.d.ts +1 -1
- package/dist/src/utils/tailwind.js +6 -4
- package/dist/src/utils/themeVariableSamples.d.ts +2 -0
- package/dist/src/utils/themeVariableSamples.js +146 -0
- package/dist/src/utils/useStyle.d.ts +3 -3
- package/dist/src/utils/useStyle.js +30 -22
- package/dist/system.cjs +48 -15
- package/dist/system.mjs +48 -15
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/DimensionProps.d.ts +1 -1
- package/dist/types/designTokens.d.ts +2 -2
- package/dist/types/designTokens.js +6 -4
- package/dist/types/tailwind.d.ts +1 -1
- package/dist/types/utils.d.ts +5 -5
- package/package.json +11 -13
@@ -16,6 +16,7 @@ import { resolveTailwindThemeValue, useStyle } from '../../../src/utils/useStyle
|
|
16
16
|
export function Tailwindify(Component) {
|
17
17
|
return (_a) => {
|
18
18
|
var { className, style, children, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, space, spaceX, spaceY, backgroundColor, width, height, maxWidth, maxHeight, minWidth, minHeight } = _a, otherProps = __rest(_a, ["className", "style", "children", "padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "space", "spaceX", "spaceY", "backgroundColor", "width", "height", "maxWidth", "maxHeight", "minWidth", "minHeight"]);
|
19
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
19
20
|
const tailwindifyStyle = useStyle({
|
20
21
|
padding,
|
21
22
|
paddingTop: isUndefined(paddingY) ? paddingTop : paddingY,
|
@@ -35,8 +36,10 @@ export function Tailwindify(Component) {
|
|
35
36
|
minWidth,
|
36
37
|
minHeight,
|
37
38
|
});
|
38
|
-
|
39
|
-
|
39
|
+
/*
|
40
|
+
* Note: these class names aren't checked against tailwindGenerated.ts
|
41
|
+
* because it makes the TS code very hard to read
|
42
|
+
*/
|
40
43
|
const finalStyle = Object.assign(Object.assign({}, tailwindifyStyle), style);
|
41
44
|
const componentProps = Object.assign(Object.assign({}, otherProps), { style: finalStyle });
|
42
45
|
// All children need to support margin and padding props
|
@@ -65,7 +68,7 @@ export function Tailwindify(Component) {
|
|
65
68
|
const newProps = Object.assign(Object.assign({}, childProps), { style: Object.assign(Object.assign({}, childStyle), additionalStyle) });
|
66
69
|
return React.cloneElement(child, newProps);
|
67
70
|
});
|
68
|
-
return React.createElement(Component, Object.assign({ className: className
|
71
|
+
return (React.createElement(Component, Object.assign({ className: className }, componentProps), childrenWithProps));
|
69
72
|
};
|
70
73
|
}
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFpbHdpbmRpZnkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RhaWx3aW5kaWZ5L1RhaWx3aW5kaWZ5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEdBQUcsTUFBTSxZQUFZLENBQUM7QUFDN0IsT0FBTyxXQUFXLE1BQU0sb0JBQW9CLENBQUM7QUFFN0MsT0FBTyxFQUFFLHlCQUF5QixFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBMEN6RSxNQUFNLFVBQVUsV0FBVyxDQUN6QixTQUFrRDtJQUVsRCxPQUFPLENBQUMsRUE2QjRCLEVBQUUsRUFBRTtZQTdCaEMsRUFDTixTQUFTLEVBQ1QsS0FBSyxFQUNMLFFBQVEsRUFDUixPQUFPLEVBQ1AsUUFBUSxFQUNSLFFBQVEsRUFDUixVQUFVLEVBQ1YsWUFBWSxFQUNaLGFBQWEsRUFDYixXQUFXLEVBQ1gsTUFBTSxFQUNOLE9BQU8sRUFDUCxPQUFPLEVBQ1AsU0FBUyxFQUNULFdBQVcsRUFDWCxZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBQ04sTUFBTSxFQUNOLGVBQWUsRUFDZixLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxFQUNSLFNBQVMsT0FFeUIsRUFEL0IsVUFBVSxjQTVCUCxrVkE2QlAsQ0FEYztRQUViLHNEQUFzRDtRQUN0RCxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQztZQUNoQyxPQUFPO1lBQ1AsVUFBVSxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRO1lBQ3pELFlBQVksRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsUUFBUTtZQUM3RCxhQUFh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
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import type twTheme from '../../../tailwind.theme.json';
|
3
|
-
export declare type Weight = `${number}
|
3
|
+
export declare type Weight = 'auto' | `${number}`;
|
4
4
|
declare type TemplateProps = {
|
5
5
|
/**
|
6
6
|
* Provide a number for amount of columns. Columns created this way have equal weight.
|
@@ -3,12 +3,12 @@ import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
|
3
3
|
export declare type TextareaBaseProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
4
4
|
valid?: boolean;
|
5
5
|
};
|
6
|
-
declare type TextareaBaseComponent = React.ForwardRefExoticComponent<
|
6
|
+
declare type TextareaBaseComponent = React.ForwardRefExoticComponent<React.RefAttributes<HTMLTextAreaElement> & TextareaBaseProps> & {
|
7
7
|
Skeleton: React.FC;
|
8
8
|
};
|
9
9
|
export declare const TextareaBase: TextareaBaseComponent;
|
10
|
-
export declare type TextareaProps =
|
11
|
-
declare type TextareaComponent = React.ForwardRefExoticComponent<
|
10
|
+
export declare type TextareaProps = Omit<LabelControlProps, 'length'> & TextareaBaseProps;
|
11
|
+
declare type TextareaComponent = React.ForwardRefExoticComponent<React.RefAttributes<HTMLTextAreaElement> & TextareaProps> & {
|
12
12
|
Skeleton: React.FC;
|
13
13
|
};
|
14
14
|
export declare const Textarea: TextareaComponent;
|
@@ -3,13 +3,13 @@ export declare type TimelineItemProps = {
|
|
3
3
|
/**
|
4
4
|
* Mandatory title prop for each section.
|
5
5
|
* Typically a formatted date is used.
|
6
|
-
|
6
|
+
*/
|
7
7
|
title: string;
|
8
8
|
/**
|
9
9
|
* Determines the separator dot look.
|
10
10
|
* @default 'default'
|
11
|
-
|
12
|
-
variant?: 'default' | '
|
11
|
+
*/
|
12
|
+
variant?: 'default' | 'error' | 'info' | 'warning';
|
13
13
|
children: React.ReactNode;
|
14
14
|
};
|
15
15
|
declare const TimelineItem: React.FC<TimelineItemProps>;
|
@@ -21,7 +21,7 @@ describe('<Toast />', () => {
|
|
21
21
|
const Component = () => {
|
22
22
|
const toast = useToast();
|
23
23
|
const onClick = () => {
|
24
|
-
toast({ message: 'Hello World', id:
|
24
|
+
toast({ message: 'Hello World', id: `uuid-${Math.random()}` });
|
25
25
|
};
|
26
26
|
return React.createElement(Button, { onClick: onClick }, "Toast");
|
27
27
|
};
|
@@ -39,4 +39,4 @@ describe('<Toast />', () => {
|
|
39
39
|
expect(toasts.length).toBe(3);
|
40
40
|
}));
|
41
41
|
});
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3Quc3BlYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9hc3QvVG9hc3Quc3BlYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxTQUFTLE1BQU0sNkJBQTZCLENBQUM7QUFFcEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRTdELFFBQVEsQ0FBQyxXQUFXLEVBQUUsR0FBRyxFQUFFO0lBQ3pCLElBQUksSUFBd0MsQ0FBQztJQUU3QyxVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ2QsSUFBSSxHQUFHLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUN6QixNQUFNLENBQ0osb0JBQUMsYUFBYTtZQUNaLG9CQUFDLFNBQVMsT0FBRyxDQUNDLENBQ2pCLENBQUM7SUFDSixDQUFDLENBQUMsQ0FBQztJQUVILE1BQU0sU0FBUyxHQUFHLEdBQUcsRUFBRTtRQUNyQixNQUFNLEtBQUssR0FBRyxRQUFRLEVBQUUsQ0FBQztRQUN6QixNQUFNLE9BQU8sR0FBRyxHQUFHLEVBQUU7WUFDbkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsUUFBUSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDakUsQ0FBQyxDQUFDO1FBQ0YsT0FBTyxvQkFBQyxNQUFNLElBQUMsT0FBTyxFQUFFLE9BQU8sWUFBZ0IsQ0FBQztJQUNsRCxDQUFDLENBQUM7SUFFRixFQUFFLENBQUMsZ0NBQWdDLEVBQUUsR0FBUyxFQUFFO1FBQzlDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7UUFDN0QsTUFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sTUFBTSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN6QyxDQUFDLENBQUEsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDhCQUE4QixFQUFFLEdBQVMsRUFBRTtRQUM1QyxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQzdELE1BQU0sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN6QixNQUFNLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDekIsTUFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sTUFBTSxHQUFHLE1BQU0sTUFBTSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN6RCxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoQyxDQUFDLENBQUEsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { type PartialBy } from '../../../types/utils';
|
2
|
-
export declare type Position = 'bottom-left' | 'bottom-right' | '
|
2
|
+
export declare type Position = 'bottom-left' | 'bottom-right' | 'bottom' | 'top-left' | 'top-right' | 'top';
|
3
3
|
export declare type ToastId = ReturnType<typeof crypto.randomUUID> | string;
|
4
4
|
export declare type Variant = 'danger' | 'default';
|
5
5
|
export declare type Toast = {
|
@@ -18,7 +18,7 @@ export declare type Toast = {
|
|
18
18
|
*/
|
19
19
|
id: ToastId;
|
20
20
|
};
|
21
|
-
export declare type DispatchableToast = PartialBy<Toast, '
|
21
|
+
export declare type DispatchableToast = PartialBy<Toast, 'duration' | 'id' | 'position' | 'variant'>;
|
22
22
|
export declare type State = {
|
23
23
|
toasts: Toast[];
|
24
24
|
};
|
@@ -27,9 +27,9 @@ export declare enum ActionTypes {
|
|
27
27
|
Dismiss = 1
|
28
28
|
}
|
29
29
|
export declare type Actions = {
|
30
|
-
type: ActionTypes.Toast;
|
31
|
-
toast: DispatchableToast;
|
32
|
-
} | {
|
33
30
|
type: ActionTypes.Dismiss;
|
34
31
|
toastId: ToastId;
|
32
|
+
} | {
|
33
|
+
type: ActionTypes.Toast;
|
34
|
+
toast: DispatchableToast;
|
35
35
|
};
|
@@ -3,4 +3,4 @@ export var ActionTypes;
|
|
3
3
|
ActionTypes[ActionTypes["Toast"] = 0] = "Toast";
|
4
4
|
ActionTypes[ActionTypes["Dismiss"] = 1] = "Dismiss";
|
5
5
|
})(ActionTypes || (ActionTypes = {}));
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RvYXN0L3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCQSxNQUFNLENBQU4sSUFBWSxXQUdYO0FBSEQsV0FBWSxXQUFXO0lBQ3JCLCtDQUFLLENBQUE7SUFDTCxtREFBTyxDQUFBO0FBQ1QsQ0FBQyxFQUhXLFdBQVcsS0FBWCxXQUFXLFFBR3RCIn0=
|
@@ -28,7 +28,7 @@ export declare type TooltipProps = Pick<HTMLAttributes<HTMLDivElement>, 'onClick
|
|
28
28
|
shouldFlip?: boolean;
|
29
29
|
/**
|
30
30
|
* Callback that is called when the tooltip's open state changes.
|
31
|
-
|
31
|
+
*/
|
32
32
|
onOpenChange?: (isOpen: boolean) => void;
|
33
33
|
/**
|
34
34
|
* Tooltip content.
|
@@ -31,8 +31,10 @@ export const Tooltip = (_a) => {
|
|
31
31
|
shouldFlip,
|
32
32
|
offset: ARROW_OFFSET,
|
33
33
|
});
|
34
|
-
|
35
|
-
|
34
|
+
/*
|
35
|
+
* This enables keyboard focus for tooltip's trigger element.
|
36
|
+
* Because we wrap the trigger element with the triggerRef div, we have to listen to focus event inside this wrapper div element.
|
37
|
+
*/
|
36
38
|
const { focusWithinProps } = useFocusWithin({
|
37
39
|
onFocusWithinChange: (isFocusWithin) => (isFocusWithin ? state.open() : state.close()),
|
38
40
|
});
|
@@ -121,4 +123,4 @@ const getArrowStyle = (element, position, { left, top }) => {
|
|
121
123
|
const Arrow = (props) => {
|
122
124
|
return React.createElement("div", Object.assign({ className: tw('absolute w-3 h-3 bg-grey-90 rotate-45') }, props));
|
123
125
|
};
|
124
|
-
//# sourceMappingURL=data:application/json;base64,
|
126
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9vbHRpcC9Ub29sdGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBOEIsTUFBTSxPQUFPLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFNL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQXVEbEUsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUEyQixDQUFDLEVBQXdDLEVBQUUsRUFBRTtRQUE1QyxFQUFFLE1BQU0sR0FBRyxJQUFJLEVBQUUsS0FBSyxHQUFHLEdBQUcsT0FBWSxFQUFQLEtBQUssY0FBdEMsbUJBQXdDLENBQUY7SUFDcEYsTUFBTSxFQUFFLFNBQVMsRUFBRSxVQUFVLEdBQUcsS0FBSyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLFVBQVUsR0FBRyxJQUFJLEVBQUUsR0FBRyxLQUFLLENBQUM7SUFFbEcsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDdEQsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDdEQsTUFBTSxLQUFLLEdBQUcsc0JBQXNCLGlCQUFHLFVBQVUsRUFBRSxLQUFLLElBQUssS0FBSyxFQUFHLENBQUM7SUFD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
|
@@ -44,8 +44,10 @@ export function useTooltipTriggerState(props = {}) {
|
|
44
44
|
}
|
45
45
|
};
|
46
46
|
const showTooltip = () => {
|
47
|
-
|
48
|
-
|
47
|
+
/*
|
48
|
+
* It is possible that global timers can call
|
49
|
+
* methods for unmounted components.
|
50
|
+
*/
|
49
51
|
if (isUnmounted.current) {
|
50
52
|
return;
|
51
53
|
}
|
@@ -67,8 +69,10 @@ export function useTooltipTriggerState(props = {}) {
|
|
67
69
|
}
|
68
70
|
};
|
69
71
|
const hideTooltip = (immediate) => {
|
70
|
-
|
71
|
-
|
72
|
+
/*
|
73
|
+
* It is possible that global timers can call
|
74
|
+
* methods for unmounted components.
|
75
|
+
*/
|
72
76
|
if (isUnmounted.current) {
|
73
77
|
return;
|
74
78
|
}
|
@@ -139,4 +143,4 @@ export function useTooltipTriggerState(props = {}) {
|
|
139
143
|
close: hideTooltip,
|
140
144
|
};
|
141
145
|
}
|
142
|
-
//# sourceMappingURL=data:application/json;base64,
|
146
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVG9vbHRpcFRyaWdnZXJTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9vbHRpcC91c2VUb29sdGlwVHJpZ2dlclN0YXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDbkQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFHakUsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLENBQUMseURBQXlEO0FBQ3JGLE1BQU0sZ0JBQWdCLEdBQUcsR0FBRyxDQUFDO0FBaUI3QixNQUFNLFFBQVEsR0FBa0QsRUFBRSxDQUFDO0FBQ25FLElBQUksbUJBQW1CLEdBQW1CLElBQUksQ0FBQztBQUMvQyxJQUFJLHFCQUFxQixHQUFtQixJQUFJLENBQUM7QUFDakQsSUFBSSxTQUFTLEdBQUcsQ0FBQyxDQUFDO0FBQ2xCLElBQUksY0FBYyxHQUFHLEtBQUssQ0FBQztBQUUzQjs7OztHQUlHO0FBQ0gsTUFBTSxVQUFVLHNCQUFzQixDQUFDLFFBQTZCLEVBQUU7SUFDcEUsTUFBTSxFQUFFLEtBQUssR0FBRyxhQUFhLEVBQUUsR0FBRyxLQUFLLENBQUM7SUFDeEMsTUFBTSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEdBQUcsc0JBQXNCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUQsTUFBTSxFQUFFLEdBQUcsT0FBTyxDQUFDLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUMvQyxNQUFNLFlBQVksR0FBRyxNQUFNLEVBQWtCLENBQUM7SUFDOUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRWxDLE1BQU0sa0JBQWtCLEdBQUcs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
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type TypographyProps } from '../../../src/atoms/Typography/Typography';
|
3
|
-
declare type Props = Omit<TypographyProps, '
|
3
|
+
declare type Props = Omit<TypographyProps, 'fontWeight' | 'variant'>;
|
4
4
|
declare type LegacyProps = Omit<TypographyProps, 'variant'>;
|
5
5
|
declare type Header = 'LargeHeading';
|
6
|
-
declare type Body = '
|
6
|
+
declare type Body = 'Default' | 'DefaultStrong' | 'Large' | 'LargeStrong' | 'Small' | 'SmallStrong';
|
7
7
|
declare type ComposedTypographyProps = {
|
8
|
-
[key in
|
8
|
+
[key in Body | Header]: React.FC<Props>;
|
9
9
|
} & {
|
10
10
|
Heading: React.FC<LegacyProps>;
|
11
11
|
Subheading: React.FC<LegacyProps>;
|
@@ -33,5 +33,5 @@ declare type ComposedTypographyProps = {
|
|
33
33
|
*/
|
34
34
|
SmallTextBold: React.FC<LegacyProps>;
|
35
35
|
};
|
36
|
-
export declare const Typography: React.FC<TypographyProps
|
36
|
+
export declare const Typography: ComposedTypographyProps & React.FC<TypographyProps>;
|
37
37
|
export {};
|
@@ -16,12 +16,14 @@ Typography.LargeHeading = (_a) => {
|
|
16
16
|
var { htmlTag = 'h1' } = _a, props = __rest(_a, ["htmlTag"]);
|
17
17
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "large-heading" })));
|
18
18
|
};
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
19
|
+
/*
|
20
|
+
* NOTE: We are using `LegacyProps` instead of `Props` for some of the variants that
|
21
|
+
* were already used in legacy variants. We'll ignore the `fontWeight` prop on purpose
|
22
|
+
* so we don't create a breaking change on API level.
|
23
|
+
*
|
24
|
+
* Once we can get rid of legacy variants, we should update these variants to use
|
25
|
+
* `Props` instead of `LegacyProps`-
|
26
|
+
*/
|
25
27
|
Typography.Heading = (_a) => {
|
26
28
|
var { htmlTag = 'h1', fontWeight } = _a, props = __rest(_a, ["htmlTag", "fontWeight"]);
|
27
29
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "heading" })));
|
@@ -63,9 +65,7 @@ Typography.Caption = (_a) => {
|
|
63
65
|
var { htmlTag = 'div', fontWeight } = _a, props = __rest(_a, ["htmlTag", "fontWeight"]);
|
64
66
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "caption" })));
|
65
67
|
};
|
66
|
-
//
|
67
68
|
// Legacy variants
|
68
|
-
//
|
69
69
|
Typography.LargeText = (_a) => {
|
70
70
|
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
71
71
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "large-strong" })));
|
@@ -86,4 +86,4 @@ Typography.SmallTextBold = (_a) => {
|
|
86
86
|
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
87
87
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "small-strong" })));
|
88
88
|
};
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxJQUFJLGNBQWMsRUFBd0IsTUFBTSxpQ0FBaUMsQ0FBQztBQXVEckcsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUF3RCxDQUFDLEtBQXNCLEVBQUUsRUFBRSxDQUFDLENBQ3pHLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxFQUFJLENBQzlCLENBQUM7QUFFRixVQUFVLENBQUMsWUFBWSxHQUFHLENBQUMsRUFBbUMsRUFBRSxFQUFFO1FBQXZDLEVBQUUsT0FBTyxHQUFHLElBQUksT0FBbUIsRUFBZCxLQUFLLGNBQTFCLFdBQTRCLENBQUY7SUFBYyxPQUFBLENBQ2pFLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxJQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFDLGVBQWUsSUFBRyxDQUN4RSxDQUFBO0NBQUEsQ0FBQztBQUVGOzs7Ozs7O0dBT0c7QUFDSCxVQUFVLENBQUMsT0FBTyxHQUFHLENBQUMsRUFBcUQsRUFBRSxFQUFFO1FBQXpELEVBQUUsT0FBTyxHQUFHLElBQUksRUFBRSxVQUFVLE9BQXlCLEVBQXBCLEtBQUssY0FBdEMseUJBQXdDLENBQUY7SUFBb0IsT0FBQSxDQUM5RSxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxTQUFTLElBQUcsQ0FDbEUsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsVUFBVSxHQUFHLENBQUMsRUFBcUQsRUFBRSxFQUFFO1FBQXpELEVBQUUsT0FBTyxHQUFHLElBQUksRUFBRSxVQUFVLE9BQXlCLEVBQXBCLEtBQUssY0FBdEMseUJBQXdDLENB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
|
@@ -71,10 +71,10 @@ export * from '../utils/table/useScrollTarget';
|
|
71
71
|
export * from '../utils/table/useTableSelect';
|
72
72
|
export * from '../utils/table/useTableSort';
|
73
73
|
export * from './Pagination/usePagination';
|
74
|
-
export declare const SelectItem: import("react").ForwardRefExoticComponent<{
|
74
|
+
export declare const SelectItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLLIElement> & {
|
75
75
|
key: string;
|
76
76
|
value: string;
|
77
77
|
highlighted: boolean;
|
78
78
|
selected: boolean;
|
79
79
|
disabled?: boolean | undefined;
|
80
|
-
} & import("react").
|
80
|
+
} & import("react").RefAttributes<HTMLLIElement>>;
|
package/dist/src/system.js
CHANGED
@@ -1,10 +1,14 @@
|
|
1
1
|
import tokensJson from '../tokens.json';
|
2
2
|
import { theme } from '../src/js/resolveTheme.js';
|
3
3
|
import * as molecules from './molecules';
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
4
|
+
/*
|
5
|
+
* The main entrypoint for building CSS
|
6
|
+
* import 'src/main.css';
|
7
|
+
*/
|
8
|
+
/*
|
9
|
+
* This type check is important to verify that tokens.json is matching
|
10
|
+
* the expected type
|
11
|
+
*/
|
8
12
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
9
13
|
const typeCheckedTokensJson = tokensJson;
|
10
14
|
export * from './molecules';
|
@@ -16,4 +20,4 @@ export * from './utils/form/Label/Label';
|
|
16
20
|
export * from './utils/positioner';
|
17
21
|
export { theme };
|
18
22
|
export default Object.assign(Object.assign({}, molecules), { theme });
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3lzdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3N5c3RlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFVBQVUsTUFBTSxhQUFhLENBQUM7QUFFckMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRy9DLE9BQU8sS0FBSyxTQUFTLE1BQU0sYUFBYSxDQUFDO0FBQ3pDOzs7R0FHRztBQUVIOzs7R0FHRztBQUNILDZEQUE2RDtBQUM3RCxNQUFNLHFCQUFxQixHQUFHLFVBQW9CLENBQUM7QUFFbkQsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsb0JBQW9CLENBQUM7QUFFbkMsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDO0FBRWpCLGVBQWUsZ0NBQ1YsU0FBUyxLQUNaLEtBQUssR0FDaUMsQ0FBQyJ9
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { Flexbox } from '../../../../src/molecules';
|
3
3
|
export const FormControl = ({ className, inline, children }) => {
|
4
|
-
return (React.createElement(Flexbox, { direction:
|
4
|
+
return (React.createElement(Flexbox, { direction: "column", display: inline ? 'inline-flex' : 'flex', className: className }, children));
|
5
5
|
};
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUNvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9Gb3JtQ29udHJvbC9Gb3JtQ29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPeEMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFvQixDQUFDLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQzlFLE9BQU8sQ0FDTCxvQkFBQyxPQUFPLElBQUMsU0FBUyxFQUFDLFFBQVEsRUFBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxJQUN2RixRQUFRLENBQ0QsQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
@@ -11,11 +11,11 @@ export const HelperText = ({ messageId, error = false, helperText, length, maxLe
|
|
11
11
|
if (!showMessage) {
|
12
12
|
return reserveSpaceForError ? React.createElement("p", { className: tw('block mt-1 mb-3 typography-caption') }, "\u00A0") : null;
|
13
13
|
}
|
14
|
-
return (React.createElement(Grid, { cols:
|
15
|
-
React.createElement(GridItem, { colStart:
|
16
|
-
React.createElement(GridItem, { colStart:
|
14
|
+
return (React.createElement(Grid, { cols: "1", rows: "1", colGap: "3", alignItems: "start", autoCols: "min", className: tw('mt-1 mb-3') },
|
15
|
+
React.createElement(GridItem, { colStart: "1", colEnd: "2" }, hasError && (React.createElement("p", { id: messageId, className: tw('text-error-50 block typography-caption') }, helperText))),
|
16
|
+
React.createElement(GridItem, { colStart: "2", colEnd: "3", display: "flex" }, isNumber(length) && hasMaxLength && React.createElement(CharCounter, { length: length, maxLength: maxLength, valid: !error }))));
|
17
17
|
};
|
18
18
|
const Skeleton = ({ className, children }) => (React.createElement("div", { className: classNames(className, 'h-[25px]') }, children));
|
19
19
|
HelperText.Skeleton = Skeleton;
|
20
20
|
HelperText.Skeleton.displayName = 'HelperText.Skeleton';
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVscGVyVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91dGlscy9mb3JtL0hlbHBlclRleHQvSGVscGVyVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sVUFBVSxNQUFNLFlBQVksQ0FBQztBQUNwQyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDckUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBdUN4QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQThELENBQUMsRUFDcEYsU0FBUyxFQUNULEtBQUssR0FBRyxLQUFLLEVBQ2IsVUFBVSxFQUNWLE1BQU0sRUFDTixTQUFTLEVBQ1Qsb0JBQW9CLEdBQUcsSUFBSSxHQUM1QixFQUFFLEVBQUU7SUFDSCxNQUFNLFFBQVEsR0FBRyxLQUFLLElBQUksVUFBVSxDQUFDO0lBQ3JDLE1BQU0sWUFBWSxHQUFHLFFBQVEsQ0FBQyxTQUFTLENBQUMsSUFBSSxTQUFTLEdBQUcsQ0FBQyxDQUFDO0lBQzFELE1BQU0sV0FBVyxHQUFHLFFBQVEsSUFBSSxZQUFZLENBQUM7SUFFN0MsSUFBSSxDQUFDLFdBQVcsRUFBRTtRQUNoQixPQUFPLG9CQUFvQixDQUFDLENBQUMsQ0FBQywyQkFBRyxTQUFTLEVBQUUsRUFBRSxDQUFDLG9DQUFvQyxDQUFDLGFBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0tBQ3pHO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUMsR0FBRyxFQUFDLElBQUksRUFBQyxHQUFHLEVBQUMsTUFBTSxFQUFDLEdBQUcsRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFDLFFBQVEsRUFBQyxLQUFLLEVBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxXQUFXLENBQUM7UUFDN0Ysb0JBQUMsUUFBUSxJQUFDLFFBQVEsRUFBQyxHQUFHLEVBQUMsTUFBTSxFQUFDLEdBQUcsSUFDOUIsUUFBUSxJQUFJLENBQ1gsMkJBQUcsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLHdDQUF3QyxDQUFDLElBQ3RFLFVBQVUsQ0FDVCxDQUNMLENBQ1E7UUFDWCxvQkFBQyxRQUFRLElBQUMsUUFBUSxFQUFDLEdBQUcsRUFBQyxNQUFNLEVBQUMsR0FBRyxFQUFDLE9BQU8sRUFBQyxNQUFNLElBRTdDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxZQUFZLElBQUksb0JBQUMsV0FBVyxJQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxLQUFLLEdBQUksQ0FDaEcsQ0FDTixDQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFFBQVEsR0FBcUMsQ0FBQyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDOUUsNkJBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUcsUUFBUSxDQUFPLENBQ3BFLENBQUM7QUFFRixVQUFVLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztBQUMvQixVQUFVLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxxQkFBcUIsQ0FBQyJ9
|
@@ -12,10 +12,10 @@ export const InputAdornment = ({ placement = 'right', className, dense, children
|
|
12
12
|
'typography-small': dense,
|
13
13
|
'typography-default-strong': !dense,
|
14
14
|
}) },
|
15
|
-
React.createElement(Flexbox, { gap:
|
15
|
+
React.createElement(Flexbox, { gap: "3", wrap: "wrap" }, children)));
|
16
16
|
};
|
17
|
-
export const ValidIcon = ({ onClick }) => (React.createElement(Icon, { icon: tickIcon, color:
|
18
|
-
export const ErrorIcon = ({ onClick }) => (React.createElement(Icon, { icon: errorIcon, color:
|
19
|
-
export const SearchIcon = ({ onClick }) => (React.createElement(Icon, { icon: searchIcon, color:
|
20
|
-
export const ResetIcon = ({ onClick }) => (React.createElement(Icon, { className: "hover:cursor-pointer", icon: crossIcon, color:
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
17
|
+
export const ValidIcon = ({ onClick }) => (React.createElement(Icon, { icon: tickIcon, color: "success-50", "data-testid": "icon-valid", onClick: onClick }));
|
18
|
+
export const ErrorIcon = ({ onClick }) => (React.createElement(Icon, { icon: errorIcon, color: "error-70", "data-testid": "icon-invalid", onClick: onClick }));
|
19
|
+
export const SearchIcon = ({ onClick }) => (React.createElement(Icon, { icon: searchIcon, color: "grey-30", "data-testid": "icon-search", onClick: onClick }));
|
20
|
+
export const ResetIcon = ({ onClick }) => (React.createElement(Icon, { className: "hover:cursor-pointer", icon: crossIcon, color: "grey-30", "data-testid": "icon-reset", onClick: onClick }));
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRBZG9ybm1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9JbnB1dEFkb3JubWVudC9JbnB1dEFkb3JubWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFrQixNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFaEQsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxVQUFVLE1BQU0sa0JBQWtCLENBQUM7QUFDMUMsT0FBTyxRQUFRLE1BQU0sZ0JBQWdCLENBQUM7QUFRdEMsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUE2QixDQUFDLEVBQUUsU0FBUyxHQUFHLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDOUcsT0FBTyxDQUNMLDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsU0FBUyxFQUFFLCtEQUErRCxFQUFFO1lBQ2hHLFNBQVMsRUFBRSxTQUFTLEtBQUssT0FBTztZQUNoQyxRQUFRLEVBQUUsU0FBUyxLQUFLLE1BQU07WUFDOUIsa0JBQWtCLEVBQUUsS0FBSztZQUN6QiwyQkFBMkIsRUFBRSxDQUFDLEtBQUs7U0FDcEMsQ0FBQztRQUVGLG9CQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUMsR0FBRyxFQUFDLElBQUksRUFBQyxNQUFNLElBQ3pCLFFBQVEsQ0FDRCxDQUNMLENBQ1IsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUlGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBb0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RCxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUMsWUFBWSxpQkFBYSxZQUFZLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUN2RixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFvQixDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ3pELG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxVQUFVLGlCQUFhLGNBQWMsRUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ3hGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQW9CLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDMUQsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFDLFNBQVMsaUJBQWEsYUFBYSxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdkYsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBb0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RCxvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFDLHNCQUFzQixFQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFDLFNBQVMsaUJBQWEsWUFBWSxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdEgsQ0FBQyJ9
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type PopoverPlacement } from '../../../../src/molecules/Popover/Popover';
|
3
3
|
import { type HelperTextProps } from '../../../../src/utils/form/HelperText/HelperText';
|
4
|
-
declare type LabelVariant = 'default' | '
|
4
|
+
declare type LabelVariant = 'default' | 'disabled' | 'error';
|
5
5
|
export declare type LabelProps = {
|
6
6
|
/**
|
7
7
|
* Optional label text.
|
@@ -29,7 +29,7 @@ export declare type LabelProps = {
|
|
29
29
|
/**
|
30
30
|
* Optional help tooltip content. If provided, tooltip will be attached to the label.
|
31
31
|
*/
|
32
|
-
'helpTooltip'?:
|
32
|
+
'helpTooltip'?: React.ReactNode | string;
|
33
33
|
/**
|
34
34
|
* Optional placement suggestion for the help tooltip.
|
35
35
|
*/
|
@@ -48,7 +48,7 @@ export declare const Label: React.FC<LabelProps> & {
|
|
48
48
|
Skeleton: typeof LabelSkeleton;
|
49
49
|
};
|
50
50
|
declare const LabelSkeleton: React.FC;
|
51
|
-
export declare type LabelControlProps = Omit<
|
51
|
+
export declare type LabelControlProps = Omit<HelperTextProps, 'error'> & Omit<LabelProps, 'variant'> & {
|
52
52
|
/**
|
53
53
|
* If true, label control will be rendered using <fieldset> and <legend>.
|
54
54
|
*/
|
@@ -26,7 +26,7 @@ const LabelText = ({ variant = 'default', labelText, required, helpTooltip, help
|
|
26
26
|
required && React.createElement("span", { className: tw('text-error-50') }, "*"),
|
27
27
|
helpTooltip && (React.createElement(Tooltip, { content: helpTooltip, placement: helpTooltipPlacement },
|
28
28
|
React.createElement("span", { tabIndex: 0, className: tw('text-grey-40 flex items-center cursor-pointer ml-2') },
|
29
|
-
React.createElement(InlineIcon, { icon: questionMark, "data-testid":
|
29
|
+
React.createElement(InlineIcon, { icon: questionMark, "data-testid": "icon-info" }))))));
|
30
30
|
};
|
31
31
|
export const Label = (props) => {
|
32
32
|
const { id, htmlFor, labelText } = props, _a = props["labelProps"], _b = _a === void 0 ? {} : _a, labelProps = __rest(_b, []), { 'data-testid': dataTestid, children } = props;
|
@@ -46,14 +46,16 @@ export const LabelControl = (_a) => {
|
|
46
46
|
fieldset = false, children,
|
47
47
|
// LabelProps
|
48
48
|
valid, disabled, className } = _a, rest = __rest(_a, ["messageId", "error", "helperText", "length", "maxLength", "reserveSpaceForError", "fieldset", "children", "valid", "disabled", "className"]);
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
49
|
+
/*
|
50
|
+
* For backwards compatibility we'll support two ways to provide error
|
51
|
+
* message; using either `helperText` or `error` props.
|
52
|
+
*
|
53
|
+
* We'll use the following logic for the variant:
|
54
|
+
* - helperText !== undefined AND valid = false => 'error'
|
55
|
+
* - helperText !== undefined AND valid = undefined => 'default'
|
56
|
+
* - error !== undefined AND valid = false => 'error'
|
57
|
+
* - error !== undefined AND valid != false => 'default'
|
58
|
+
*/
|
57
59
|
const legacyError = error !== undefined && valid === false;
|
58
60
|
const variant = !valid || legacyError ? 'error' : disabled ? 'disabled' : 'default';
|
59
61
|
return (React.createElement(FormControl, { className: className },
|
@@ -86,4 +88,4 @@ export const getLabelControlProps = (_a) => {
|
|
86
88
|
'data-testid': dataTestId,
|
87
89
|
});
|
88
90
|
};
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9MYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFHMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsVUFBVSxFQUF3QixNQUFNLHNDQUFzQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQXVEbEQsTUFBTSxTQUFTLEdBQXlCLENBQUMsRUFDdkMsT0FBTyxHQUFHLFNBQVMsRUFDbkIsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsb0JBQW9CLEdBQ3JCLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCw4QkFDRSxTQUFTLEVBQUUsRUFBRSxDQUFDLHVEQUF1RCxFQUFFO1lBQ3JFLGNBQWMsRUFBRSxPQUFPLEtBQUssU0FBUztZQUNyQyxlQUFlLEVBQUUsT0FBTyxLQUFLLE9BQU87WUFDcEMsY0FBYyxFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3ZDLENBQUM7UUFFRCxTQUFTO1FBQ1QsUUFBUSxJQUFJLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDLFFBQVU7UUFDMUQsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsT0FBTyxJQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLG9CQUFvQjtZQUM1RCw4QkFBTSxRQUFRLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsb0RBQW9ELENBQUM7Z0JB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
|
@@ -1,4 +1,4 @@
|
|
1
|
-
declare type Renamed<T, O extends keyof T, N extends string> =
|
1
|
+
declare type Renamed<T, O extends keyof T, N extends string> = Omit<T, O> & Record<N, T[O]>;
|
2
2
|
export declare const renameProperty: <T extends Record<string, unknown>, O extends keyof T, N extends string>(oldProp: O, newProp: N, { [oldProp]: oldValue, ...rest }: T) => Renamed<T, O, N>;
|
3
3
|
export declare const isObjectWithUnknownProperties: (a: unknown) => a is Record<PropertyKey, unknown>;
|
4
4
|
export {};
|