@aivenio/aquarium 1.24.0 → 1.26.0-rc1
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 +2 -2
- 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 +29 -33
@@ -4,7 +4,7 @@ export declare type TypographyProps = {
|
|
4
4
|
id?: string;
|
5
5
|
children: React.ReactNode;
|
6
6
|
variant?: TypographyName;
|
7
|
-
color?: ColorName | '
|
7
|
+
color?: ColorName | 'black' | 'current';
|
8
8
|
className?: string;
|
9
9
|
htmlTag?: keyof JSX.IntrinsicElements;
|
10
10
|
fontWeight?: React.CSSProperties['fontWeight'];
|
@@ -18,12 +18,14 @@ const typographies = theme.typography.sizes.reduce((acc, { name, className }) =>
|
|
18
18
|
export const Typography = (_a) => {
|
19
19
|
var { children, variant = 'default', color, htmlTag = 'div', className, fontWeight } = _a, rest = __rest(_a, ["children", "variant", "color", "htmlTag", "className", "fontWeight"]);
|
20
20
|
const HtmlElement = htmlTag;
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
21
|
+
/*
|
22
|
+
* Order of priority:
|
23
|
+
* 1. color prop
|
24
|
+
* 2. default for the variant
|
25
|
+
* 3. the fallback default
|
26
|
+
*/
|
25
27
|
const resolvedColorName = isUndefined(color) || color === 'current' ? 'grey-80' : color;
|
26
28
|
const style = useStyle({ fontWeight });
|
27
29
|
return (React.createElement(HtmlElement, Object.assign({ className: classNames(typographies[variant], `text-${resolvedColorName}`, className), style: style }, rest), children));
|
28
30
|
};
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDaEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRzlDLE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FDaEQsQ0FBQyxHQUFHLEVBQUUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxDQUFDLGlDQUFNLEdBQUcsS0FBRSxDQUFDLElBQUksQ0FBQyxFQUFFLFNBQVMsSUFBRyxFQUM3RCxFQUF5QyxDQUMxQyxDQUFDO0FBWUYsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQUMsRUFRVCxFQUFlLEVBQUU7UUFSUixFQUN6QixRQUFRLEVBQ1IsT0FBTyxHQUFHLFNBQVMsRUFDbkIsS0FBSyxFQUNMLE9BQU8sR0FBRyxLQUFLLEVBQ2YsU0FBUyxFQUNULFVBQVUsT0FFTSxFQURiLElBQUksY0FQa0Isc0VBUTFCLENBRFE7SUFFUCxNQUFNLFdBQVcsR0FBRyxPQUFPLENBQUM7SUFFNUI7Ozs7O09BS0c7SUFDSCxNQUFNLGlCQUFpQixHQUFHLFdBQVcsQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUN4RixNQUFNLEtBQUssR0FBRyxRQUFRLENBQUMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZDLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLGtCQUNWLFNBQVMsRUFBRSxVQUFVLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLFFBQVEsaUJBQWlCLEVBQUUsRUFBRSxTQUFTLENBQUMsRUFDcEYsS0FBSyxFQUFFLEtBQUssSUFDUixJQUFJLEdBRVAsUUFBUSxDQUNHLENBQ2YsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -4,9 +4,9 @@ import { type ChartProps } from '../../../src/charts/lib/utils';
|
|
4
4
|
declare type ComposedBarChart = {
|
5
5
|
Bar: typeof Bar;
|
6
6
|
};
|
7
|
-
declare type BarChartProps = React.ComponentProps<typeof _BarChart> &
|
7
|
+
declare type BarChartProps = ChartProps & React.ComponentProps<typeof _BarChart> & {
|
8
8
|
children: React.ReactElement | React.ReactElement[];
|
9
9
|
};
|
10
|
-
export declare const BarChart: React.FC<BarChartProps
|
10
|
+
export declare const BarChart: ComposedBarChart & React.FC<BarChartProps>;
|
11
11
|
export declare const Bar: ((props: Omit<BarProps, 'ref'>) => React.JSX.Element) & typeof _Bar;
|
12
12
|
export {};
|
@@ -3,4 +3,4 @@ export declare type ChartProps = {
|
|
3
3
|
data: Array<Record<string, unknown>>;
|
4
4
|
};
|
5
5
|
export declare const getDisplayName: (Comp: React.ComponentType | string) => string;
|
6
|
-
export declare const getXAxisTicks: ({ dataKey, ticks }: XAxisProps, chartProps: ChartProps) => Array<
|
6
|
+
export declare const getXAxisTicks: ({ dataKey, ticks }: XAxisProps, chartProps: ChartProps) => Array<number | string> | undefined;
|
@@ -1,6 +1,8 @@
|
|
1
1
|
// Relative path required here
|
2
2
|
import { type Theme } from '../../types/designTokens';
|
3
3
|
|
4
|
-
|
5
|
-
|
4
|
+
/*
|
5
|
+
* Note: this doesn't verify that resolveTheme.js does the right thing
|
6
|
+
* it is just a "forced" type signature
|
7
|
+
*/
|
6
8
|
export const theme: Theme;
|
@@ -13,7 +13,8 @@ export declare type AlertProps = {
|
|
13
13
|
type: AlertType;
|
14
14
|
/** Optional action with onClick or href for alert. */
|
15
15
|
action?: ActionType | LinkActionType;
|
16
|
-
/**
|
16
|
+
/**
|
17
|
+
* If `onDismiss()` callback is provided, alert will be rendered with close icon.
|
17
18
|
* Callback will be called, when user clicks the icon.
|
18
19
|
*/
|
19
20
|
onDismiss?: () => void;
|
@@ -11,4 +11,4 @@ export const Alert = ({ description, type, title, onDismiss, children, action })
|
|
11
11
|
!isLink(action) && (React.createElement(Button.Ghost, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
12
12
|
isLink(action) && (React.createElement(Button.ExternalLink, Object.assign({ dense: true, kind: "ghost" }, omit(action, 'text')), action.text)))),
|
13
13
|
onDismiss && React.createElement(AlertBase.Dismiss, { onClick: onDismiss })));
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBa0IsTUFBTSx1QkFBdUIsQ0FBQztBQUUzRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUEwQnhDLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ3hHLG9CQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUMsZ0JBQWdCLEVBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQztJQUNyRSxvQkFBQyxTQUFTLENBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBSTtJQUNwRCxLQUFLLElBQUksb0JBQUMsU0FBUyxDQUFDLEtBQUssUUFBRSxLQUFLLENBQW1CO0lBQ3BELG9CQUFDLFNBQVMsQ0FBQyxXQUFXLFFBQUUsUUFBUSxJQUFJLFdBQVcsQ0FBeUI7SUFDdkUsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsU0FBUyxDQUFDLE9BQU87UUFDZixDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNsQixvQkFBQyxNQUFNLENBQUMsS0FBSyxrQkFBQyxLQUFLLFVBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDekMsTUFBTSxDQUFDLElBQUksQ0FDQyxDQUNoQjtRQUNBLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNqQixvQkFBQyxNQUFNLENBQUMsWUFBWSxrQkFBQyxLQUFLLFFBQUMsSUFBSSxFQUFDLE9BQU8sSUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUM3RCxNQUFNLENBQUMsSUFBSSxDQUNRLENBQ3ZCLENBQ2lCLENBQ3JCO0lBQ0EsU0FBUyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxPQUFPLElBQUMsT0FBTyxFQUFFLFNBQVMsR0FBSSxDQUM3QyxDQUNiLENBQUMifQ==
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
declare type BadgeType = '
|
2
|
+
declare type BadgeType = 'filled' | 'outlined';
|
3
3
|
export interface BadgeProps {
|
4
4
|
/**
|
5
5
|
* Badge value.
|
6
6
|
*/
|
7
|
-
'value':
|
7
|
+
'value': number | string;
|
8
8
|
/**
|
9
9
|
* Badge kind. Can be either 'filled' or 'outlined'. Defaults to 'filled'.
|
10
10
|
*/
|
@@ -34,7 +34,8 @@ export declare type BannerProps = {
|
|
34
34
|
variant?: BannerVariantType;
|
35
35
|
/** Optional action with onClick or href for banner. */
|
36
36
|
action?: ActionType | LinkActionType;
|
37
|
-
/**
|
37
|
+
/**
|
38
|
+
* If `onDismiss()` callback is provided, alert will be rendered with close icon.
|
38
39
|
* Callback will be called, when user clicks the icon.
|
39
40
|
*/
|
40
41
|
onDismiss?: () => void;
|
@@ -43,4 +43,4 @@ const OneLineBannerBase = createBanner('OneLineBanner', {
|
|
43
43
|
isOneLineBanner: true,
|
44
44
|
});
|
45
45
|
export const OneLineBanner = OneLineBannerBase;
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9CYW5uZXIvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLE1BQU0sSUFBSSxVQUFVLEVBQWlELE1BQU0seUJBQXlCLENBQUM7QUFFOUcsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUd4QyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQXFEcEMsTUFBTSxtQkFBbUIsR0FBYSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxHQUFJLENBQUM7QUFFOUYsTUFBTSxZQUFZLEdBQUcsQ0FBQyxXQUFtQixFQUFFLE9BQXNCLEVBQUUsRUFBRSxFQUFFO0lBQ3JFLE1BQU0sZUFBZSxHQUEwQixDQUFDLEtBQUssRUFBRSxFQUFFO1FBQ3ZELE1BQU0sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEdBQUcsU0FBUyxFQUFFLFFBQVEsRUFBRSxHQUFHLEtBQUssQ0FBQztRQUMzRyxNQUFNLE1BQU0sR0FBcUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxVQUFVLElBQUksVUFBVSxDQUFDO1FBQ2hHLE1BQU0sYUFBYSxHQUFHLFNB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
|
@@ -21,13 +21,12 @@ declare type Props = {
|
|
21
21
|
colGap?: keyof (typeof twTheme)['gap'];
|
22
22
|
rowGap?: keyof (typeof twTheme)['gap'];
|
23
23
|
};
|
24
|
-
export declare type BoxProps<C extends React.ElementType> =
|
24
|
+
export declare type BoxProps<C extends React.ElementType> = ElementProps<C> & Props & TailwindifyProps<Props>;
|
25
25
|
export declare const Box: {
|
26
26
|
<C extends React.ElementType<any>>({ style, color, borderColor, borderRadius, borderWidth, justifyContent, alignContent, alignItems, alignSelf, flexDirection, flexWrap, flex, grow, shrink, display, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, backgroundColor, width, height, maxWidth, maxHeight, minWidth, minHeight, gap, colGap, rowGap, ...rest }: BoxProps<C>): JSX.Element;
|
27
|
-
Flex: React.ComponentType<{
|
28
|
-
|
29
|
-
|
30
|
-
} & import("../../../types/tailwind").ObjectBreakpointable<{
|
27
|
+
Flex: React.ComponentType<Omit<Pick<any, string | number | symbol>, "component"> & {
|
28
|
+
component?: React.ElementType<any> | undefined;
|
29
|
+
} & Props & import("../../../types/tailwind").ObjectBreakpointable<{
|
31
30
|
padding?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
32
31
|
paddingX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
33
32
|
paddingY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
@@ -45,21 +44,21 @@ export declare const Box: {
|
|
45
44
|
space?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
46
45
|
spaceX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
47
46
|
spaceY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
48
|
-
backgroundColor?: "
|
47
|
+
backgroundColor?: "error-0" | "error-100" | "error-5" | "error-10" | "error-20" | "error-30" | "error-40" | "error-50" | "error-60" | "error-70" | "error-80" | "error-90" | "grey-0" | "grey-100" | "grey-5" | "grey-10" | "grey-20" | "grey-30" | "grey-40" | "grey-50" | "grey-60" | "grey-70" | "grey-80" | "grey-90" | "info-0" | "info-100" | "info-5" | "info-10" | "info-20" | "info-30" | "info-40" | "info-50" | "info-60" | "info-70" | "info-80" | "info-90" | "primary-0" | "primary-100" | "primary-5" | "primary-10" | "primary-20" | "primary-30" | "primary-40" | "primary-50" | "primary-60" | "primary-70" | "primary-80" | "primary-90" | "secondary-0" | "secondary-100" | "secondary-5" | "secondary-10" | "secondary-20" | "secondary-30" | "secondary-40" | "secondary-50" | "secondary-60" | "secondary-70" | "secondary-80" | "secondary-90" | "success-0" | "success-100" | "success-5" | "success-10" | "success-20" | "success-30" | "success-40" | "success-50" | "success-60" | "success-70" | "success-80" | "success-90" | "warning-0" | "warning-100" | "warning-5" | "warning-10" | "warning-20" | "warning-30" | "warning-40" | "warning-50" | "warning-60" | "warning-70" | "warning-80" | "warning-90" | "black" | "transparent" | "white" | "current" | "navyBlue-100" | undefined;
|
49
48
|
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full" | "fit" | undefined;
|
50
49
|
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "full" | "fit" | undefined;
|
51
50
|
maxWidth?: "none" | "max" | "min" | "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "fit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "prose" | "screen-default" | "screen-xs" | "screen-sm" | "screen-md" | "screen-lg" | "screen-xl" | undefined;
|
52
51
|
maxHeight?: "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "full" | "fit" | undefined;
|
53
52
|
minWidth?: "max" | "min" | "0" | "full" | "fit" | undefined;
|
54
53
|
minHeight?: "screen" | "max" | "min" | "0" | "full" | "fit" | undefined;
|
55
|
-
}> &
|
56
|
-
|
57
|
-
|
54
|
+
}> & {
|
55
|
+
className?: string | undefined;
|
56
|
+
style?: React.CSSProperties | undefined;
|
57
|
+
}>;
|
58
58
|
};
|
59
|
-
export declare const BorderBox: React.ComponentType<{
|
60
|
-
|
61
|
-
|
62
|
-
} & import("../../../types/tailwind").ObjectBreakpointable<{
|
59
|
+
export declare const BorderBox: React.ComponentType<Omit<Pick<any, string | number | symbol>, "component"> & {
|
60
|
+
component?: React.ElementType<any> | undefined;
|
61
|
+
} & Props & import("../../../types/tailwind").ObjectBreakpointable<{
|
63
62
|
padding?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
64
63
|
paddingX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
65
64
|
paddingY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
@@ -77,14 +76,15 @@ export declare const BorderBox: React.ComponentType<{
|
|
77
76
|
space?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
78
77
|
spaceX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
79
78
|
spaceY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
80
|
-
backgroundColor?: "
|
79
|
+
backgroundColor?: "error-0" | "error-100" | "error-5" | "error-10" | "error-20" | "error-30" | "error-40" | "error-50" | "error-60" | "error-70" | "error-80" | "error-90" | "grey-0" | "grey-100" | "grey-5" | "grey-10" | "grey-20" | "grey-30" | "grey-40" | "grey-50" | "grey-60" | "grey-70" | "grey-80" | "grey-90" | "info-0" | "info-100" | "info-5" | "info-10" | "info-20" | "info-30" | "info-40" | "info-50" | "info-60" | "info-70" | "info-80" | "info-90" | "primary-0" | "primary-100" | "primary-5" | "primary-10" | "primary-20" | "primary-30" | "primary-40" | "primary-50" | "primary-60" | "primary-70" | "primary-80" | "primary-90" | "secondary-0" | "secondary-100" | "secondary-5" | "secondary-10" | "secondary-20" | "secondary-30" | "secondary-40" | "secondary-50" | "secondary-60" | "secondary-70" | "secondary-80" | "secondary-90" | "success-0" | "success-100" | "success-5" | "success-10" | "success-20" | "success-30" | "success-40" | "success-50" | "success-60" | "success-70" | "success-80" | "success-90" | "warning-0" | "warning-100" | "warning-5" | "warning-10" | "warning-20" | "warning-30" | "warning-40" | "warning-50" | "warning-60" | "warning-70" | "warning-80" | "warning-90" | "black" | "transparent" | "white" | "current" | "navyBlue-100" | undefined;
|
81
80
|
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full" | "fit" | undefined;
|
82
81
|
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "full" | "fit" | undefined;
|
83
82
|
maxWidth?: "none" | "max" | "min" | "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "fit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "prose" | "screen-default" | "screen-xs" | "screen-sm" | "screen-md" | "screen-lg" | "screen-xl" | undefined;
|
84
83
|
maxHeight?: "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "full" | "fit" | undefined;
|
85
84
|
minWidth?: "max" | "min" | "0" | "full" | "fit" | undefined;
|
86
85
|
minHeight?: "screen" | "max" | "min" | "0" | "full" | "fit" | undefined;
|
87
|
-
}> &
|
88
|
-
|
89
|
-
|
86
|
+
}> & {
|
87
|
+
className?: string | undefined;
|
88
|
+
style?: React.CSSProperties | undefined;
|
89
|
+
}>;
|
90
90
|
export {};
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
2
2
|
import { type IconifyIcon } from '@iconify/react';
|
3
3
|
export declare type BreadcrumbsProps = {
|
4
4
|
className?: string;
|
5
|
-
children: React.ReactElement<CrumbProps> |
|
5
|
+
children: Array<React.ReactElement<CrumbProps> | null | undefined> | React.ReactElement<CrumbProps>;
|
6
6
|
};
|
7
7
|
/**
|
8
8
|
* Allows for visualizing the user's location within a hierarchical set of webpages.
|
@@ -24,7 +24,7 @@ export declare type BreadcrumbsProps = {
|
|
24
24
|
*/
|
25
25
|
declare const Breadcrumbs: {
|
26
26
|
(props: BreadcrumbsProps): React.ReactElement<BreadcrumbsProps>;
|
27
|
-
Crumb: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "onClick"> &
|
27
|
+
Crumb: React.ForwardRefExoticComponent<CrumbProps & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "onClick"> & React.RefAttributes<HTMLAnchorElement>>;
|
28
28
|
};
|
29
29
|
export declare type CrumbProps = {
|
30
30
|
icon?: IconifyIcon;
|
@@ -32,5 +32,5 @@ export declare type CrumbProps = {
|
|
32
32
|
};
|
33
33
|
declare const asCrumb: <ElementType extends HTMLElement, Props = unknown>(Component: string | React.ComponentType<Props>, displayName: string, options?: {
|
34
34
|
isActive: boolean;
|
35
|
-
}) => React.ForwardRefExoticComponent<React.PropsWithoutRef<
|
35
|
+
}) => React.ForwardRefExoticComponent<React.PropsWithoutRef<CrumbProps & Props> & React.RefAttributes<ElementType>>;
|
36
36
|
export { asCrumb, Breadcrumbs };
|
@@ -36,7 +36,7 @@ import slash from '../../../src/icons/slash';
|
|
36
36
|
const Breadcrumbs = (props) => {
|
37
37
|
const { children, className } = props;
|
38
38
|
const crumbs = React.Children.toArray(children).filter((c) => Boolean(c));
|
39
|
-
return (React.createElement("nav", { className: classNames('Aquarium-Breadcrumbs', className), "aria-label":
|
39
|
+
return (React.createElement("nav", { className: classNames('Aquarium-Breadcrumbs', className), "aria-label": "Breadcrumbs" },
|
40
40
|
React.createElement("ol", { className: tw('flex flex-row flex-nowrap items-center typography-caption') }, crumbs.map((crumb, index) => {
|
41
41
|
const isLast = index === crumbs.length - 1;
|
42
42
|
return (
|
@@ -51,7 +51,7 @@ const asCrumb = (Component, displayName, options = { isActive: false }) => {
|
|
51
51
|
const Crumb = React.forwardRef((_a, ref) => {
|
52
52
|
var { icon, children } = _a, rest = __rest(_a, ["icon", "children"]);
|
53
53
|
return (React.createElement(Component, Object.assign({ ref: ref }, rest, { role: "link" }),
|
54
|
-
React.createElement("span", { className: classNames(tw('flex flex-row flex-nowrap items-center gap-x-3 ', {
|
54
|
+
React.createElement("span", { className: classNames(tw('flex flex-row flex-nowrap items-center gap-x-3 whitespace-nowrap', {
|
55
55
|
'text-primary-80 hover:text-primary-70': !options.isActive,
|
56
56
|
'text-grey-90': options.isActive,
|
57
57
|
})) },
|
@@ -83,4 +83,4 @@ const Crumb = asCrumb('a', 'Crumb');
|
|
83
83
|
const ActiveCrumb = asCrumb('span', 'ActiveCrumb', { isActive: true });
|
84
84
|
Breadcrumbs.Crumb = Crumb;
|
85
85
|
export { asCrumb, Breadcrumbs };
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4RUFBOEU7Ozs7Ozs7Ozs7OztBQUU5RSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxVQUFVLE1BQU0sWUFBWSxDQUFDO0FBRXBDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBT3BDOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILE1BQU0sV0FBVyxHQUFHLENBQUMsS0FBdUIsRUFBd0MsRUFBRTtJQUNwRixNQUFNLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN0QyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQ3BELENBQUMsQ0FBQyxFQUF1QyxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUN2RCxDQUFDO0lBRUYsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsc0JBQXNCLEVBQUUsU0FBUyxDQUFDLGdCQUFhLGFBQWE7UUFDckYsNEJBQUksU0FBUyxFQUFFLEVBQUUsQ0FBQywyREFBMkQsQ0FBQyxJQUMzRSxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQWEsRUFBRSxFQUFFO1lBQ25DLE1BQU0sTUFBTSxHQUFHLEtBQUssS0FBSyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztZQUMzQyxPQUFPO1lBQ0wscUdBQXFHO1lBQ3JHLDRCQUFJLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztnQkFDeEQsQ0FBQyxDQUFDLEtBQUssSUFBSSxvQkFBQyxJQUFJLG1CQUFjLElBQUksRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssR0FBSTtnQkFDdkYsQ0FBQyxNQUFNLElBQUksS0FBSztnQkFDaEIsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsV0FBVyxxQkFBZ0IsSUFBSSxrQkFBZSxNQUFNLEVBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUN6RSxLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FDVCxDQUNmLENBQ0UsQ0FDTixDQUFDO1FBQ0osQ0FBQyxDQUFDLENBQ0MsQ0FDRCxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFPRixNQUFNLE9BQU8sR0FBRyxDQUNkLFNBQThDLEVBQzlDLFdBQW1CLEVBQ25CLFVBQWlDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxFQUMyRCxFQUFFO0lBQ2pILE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWtDLENBQUMsRUFBMkIsRUFBRSxHQUFHLEVBQUUsRUFBRTtZQUFwQyxFQUFFLElBQUksRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQXpCLG9CQUEyQixDQUFGO1FBQVksT0FBQSxDQUNwRyxvQkFBQyxTQUFTLGtCQUFDLEdBQUcsRUFBRSxHQUFHLElBQU8sSUFBYyxJQUFFLElBQUksRUFBQyxNQUFNO1lBQ25ELDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxrRUFBa0UsRUFBRTtvQkFDckUsdUNBQXVDLEVBQUUsQ0FBQyxPQUFPLENBQUMsUUFBUTtvQkFDMUQsY0FBYyxFQUFFLE9BQU8sQ0FBQyxRQUFRO2lCQUNqQyxDQUFDLENBQ0g7Z0JBRUEsSUFBSSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO2dCQUM1QixRQUFRLENBQ0osQ0FDRyxDQUNiLENBQUE7S0FBQSxDQUFDLENBQUM7SUFDSCxLQUFLLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUNoQyxPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMsQ0FBQztBQUVGOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FHbkIsR0FBRyxFQUFFLE9BQU8sQ0FBQyxDQUFDO0FBRWhCLE1BQU0sV0FBVyxHQUFHLE9BQU8sQ0FBa0IsTUFBTSxFQUFFLGFBQWEsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0FBRXhGLFdBQVcsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUMifQ==
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type BaseActionType } from '../../../types/ActionType';
|
3
|
-
export declare type ButtonKind = '
|
3
|
+
export declare type ButtonKind = 'ghost' | 'primary' | 'secondary-ghost' | 'secondary' | 'text';
|
4
4
|
export declare type DefaultButtonProps = BaseActionType & {
|
5
5
|
'kind'?: ButtonKind;
|
6
6
|
'fullWidth'?: boolean;
|
@@ -12,7 +12,7 @@ export declare type DefaultButtonProps = BaseActionType & {
|
|
12
12
|
'UNSAFE_className'?: string;
|
13
13
|
'aria-label'?: string;
|
14
14
|
};
|
15
|
-
declare type ButtonComponentProps<ElementType extends React.ElementType = 'button', Props = unknown> =
|
15
|
+
declare type ButtonComponentProps<ElementType extends React.ElementType = 'button', Props = unknown> = DefaultButtonProps & Omit<React.ComponentPropsWithoutRef<ElementType>, keyof (DefaultButtonProps & Props)> & Props;
|
16
16
|
declare type ButtonComponent<ElementType extends React.ElementType = 'button', Props = unknown, T extends HTMLElement = HTMLButtonElement> = React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonComponentProps<ElementType, Props>> & React.RefAttributes<T>>;
|
17
17
|
export declare const asButton: <ElementType extends React.ElementType<any> = "button", Props = unknown, T extends HTMLElement = HTMLButtonElement>(Component: React.ElementType<any>, isDropdownButton?: boolean) => ButtonComponent<ElementType, Props, T>;
|
18
18
|
declare type ComposedButtonProps = {
|
@@ -119,7 +119,7 @@ export declare type ExternalLinkButtonProps = ButtonComponentProps<'a', Partial<
|
|
119
119
|
* @deprecated Use <Button.ExternalLink> instead
|
120
120
|
*/
|
121
121
|
export declare const ExternalLinkButton: ButtonComponent<"a", Partial<React.AnchorHTMLAttributes<HTMLAnchorElement>>, HTMLAnchorElement>;
|
122
|
-
export declare type IconExternalLinkButtonProps = Omit<ExternalLinkButtonProps, '
|
122
|
+
export declare type IconExternalLinkButtonProps = Omit<ExternalLinkButtonProps, 'fullWidth' | 'kind' | 'loading'>;
|
123
123
|
/**
|
124
124
|
* @deprecated Use <Button.IconExternalLink> instead
|
125
125
|
*/
|
@@ -129,11 +129,11 @@ export declare type DropdownButtonProps = ButtonComponentProps<'button', Pick<Re
|
|
129
129
|
* @deprecated Use <Button.Dropdown> instead
|
130
130
|
*/
|
131
131
|
export declare const DropdownButton: ButtonComponent<"button", Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick">, HTMLButtonElement>;
|
132
|
-
export declare type PrimaryDropdownButtonProps = Omit<React.ComponentProps<typeof DropdownButton>, '
|
132
|
+
export declare type PrimaryDropdownButtonProps = Omit<React.ComponentProps<typeof DropdownButton>, 'icon' | 'kind'>;
|
133
133
|
/**
|
134
134
|
* @deprecated Use <Button.PrimaryDropdown> instead
|
135
135
|
*/
|
136
|
-
export declare const PrimaryDropdownButton: React.ForwardRefExoticComponent<
|
136
|
+
export declare const PrimaryDropdownButton: React.ForwardRefExoticComponent<BaseActionType & {
|
137
137
|
kind?: ButtonKind | undefined;
|
138
138
|
fullWidth?: boolean | undefined;
|
139
139
|
dense?: boolean | undefined;
|
@@ -143,12 +143,12 @@ export declare const PrimaryDropdownButton: React.ForwardRefExoticComponent<Pick
|
|
143
143
|
*/
|
144
144
|
UNSAFE_className?: string | undefined;
|
145
145
|
'aria-label'?: string | undefined;
|
146
|
-
} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>>;
|
146
|
+
} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & React.RefAttributes<HTMLButtonElement>>;
|
147
147
|
export declare type SecondaryDropdownButtonProps = PrimaryDropdownButtonProps;
|
148
148
|
/**
|
149
149
|
* @deprecated Use <Button.SecondaryDropdown> instead
|
150
150
|
*/
|
151
|
-
export declare const SecondaryDropdownButton: React.ForwardRefExoticComponent<
|
151
|
+
export declare const SecondaryDropdownButton: React.ForwardRefExoticComponent<BaseActionType & {
|
152
152
|
kind?: ButtonKind | undefined;
|
153
153
|
fullWidth?: boolean | undefined;
|
154
154
|
dense?: boolean | undefined;
|
@@ -158,5 +158,5 @@ export declare const SecondaryDropdownButton: React.ForwardRefExoticComponent<Pi
|
|
158
158
|
*/
|
159
159
|
UNSAFE_className?: string | undefined;
|
160
160
|
'aria-label'?: string | undefined;
|
161
|
-
} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>>;
|
161
|
+
} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & React.RefAttributes<HTMLButtonElement>>;
|
162
162
|
export {};
|
@@ -27,7 +27,7 @@ const COLOR_CLASSNAMES = {
|
|
27
27
|
'secondary-ghost': tw('text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30'),
|
28
28
|
};
|
29
29
|
const LoadingSpinner = ({ size = '20px', kind = 'primary', }) => {
|
30
|
-
return (React.createElement(InlineIcon, { icon: loading, width: size, height: size, color: kind === 'primary' ? 'primary-60' : 'grey-60', "data-testid":
|
30
|
+
return (React.createElement(InlineIcon, { icon: loading, width: size, height: size, color: kind === 'primary' ? 'primary-60' : 'grey-60', "data-testid": "loading-button" }));
|
31
31
|
};
|
32
32
|
export const asButton = (Component, isDropdownButton) => {
|
33
33
|
return React.forwardRef((_a, ref) => {
|
@@ -52,12 +52,12 @@ export const asButton = (Component, isDropdownButton) => {
|
|
52
52
|
}
|
53
53
|
const buttonContent = () => {
|
54
54
|
if (!!isDropdownButton && (kind === 'primary' || kind === 'secondary')) {
|
55
|
-
return (React.createElement(Flexbox, { gap:
|
55
|
+
return (React.createElement(Flexbox, { gap: "4", alignItems: "center", justifyContent: "center" },
|
56
56
|
hasChildren && React.createElement("div", null, children),
|
57
57
|
React.createElement(InlineIcon, { icon: chevronDown, width: iconSize, height: iconSize })));
|
58
58
|
}
|
59
59
|
else if (icon) {
|
60
|
-
return (React.createElement(Flexbox, { gap:
|
60
|
+
return (React.createElement(Flexbox, { gap: "3", alignItems: "center", justifyContent: "center", direction: iconPlacement === 'right' ? 'row-reverse' : 'row' },
|
61
61
|
React.createElement(InlineIcon, { icon: icon, width: iconSize, height: iconSize }),
|
62
62
|
hasChildren && React.createElement("div", null, children)));
|
63
63
|
}
|
@@ -159,4 +159,4 @@ Button.PrimaryDropdown = PrimaryDropdownButton;
|
|
159
159
|
export const SecondaryDropdownButton = React.forwardRef((props, ref) => (React.createElement(DropdownButton, Object.assign({ ref: ref }, props, { kind: "secondary" }))));
|
160
160
|
SecondaryDropdownButton.displayName = 'Button.SecondaryDropdown';
|
161
161
|
Button.SecondaryDropdown = SecondaryDropdownButton;
|
162
|
-
//# sourceMappingURL=data:application/json;base64,
|
162
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9CdXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUV6QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDOUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWdCeEMsTUFBTSxnQkFBZ0IsR0FBb0M7SUFDeEQsU0FBUyxFQUFFLEVBQUUsQ0FDWCxvTEFBb0wsQ0FDckw7SUFDRCxXQUFXLEVBQUUsRUFBRSxDQUNiLCtHQUErRyxFQUMvRyw0RUFBNEUsRUFDNUUsc0dBQXNHLENBQ3ZHO0lBQ0QsT0FBTyxFQUFFLGdCQUFnQjtJQUN6QixNQUFNLEVBQUUsZ0JBQWdCO0lBQ3hCLGlCQUFpQixFQUFFLEVBQUUsQ0FDbkIsc0dBQXNHLENBQ3ZHO0NBQ0YsQ0FBQztBQUVGLE1BQU0sY0FBYyxHQUF5RSxDQUFDLEVBQzVGLElBQUksR0FBRyxNQUFNLEVBQ2IsSUFBSSxHQUFHLFNBQVMsR0FDakIsRUFBRSxFQUFFO0lBQ0gsT0FBTyxDQUNMLG9CQUFDLFVBQVUsSUFDVCxJQUFJLEVBQUUsT0FBTyxFQUNiLEtB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
|
@@ -3,12 +3,13 @@ import { type Lines } from '../../../src/atoms/LineClamp/LineClamp';
|
|
3
3
|
import { type Either } from '../../../types/utils';
|
4
4
|
import { CompactCard } from './Compact';
|
5
5
|
import { type ActionableCard, type ClickableCard, type IconCard, type ImageCard } from './types';
|
6
|
-
export declare type CardProps = {
|
6
|
+
export declare type CardProps = Either<ClickableCard, ActionableCard> & Either<ImageCard, IconCard> & {
|
7
7
|
/** Short and concise card title. */
|
8
8
|
title: string;
|
9
9
|
/** When provided, title will be clamped if needed. */
|
10
10
|
clampTitle?: Lines;
|
11
|
-
/**
|
11
|
+
/**
|
12
|
+
* Card description body text. Please use 'children' prop instead.
|
12
13
|
* @deprecated
|
13
14
|
*/
|
14
15
|
description?: string;
|
@@ -20,20 +21,20 @@ export declare type CardProps = {
|
|
20
21
|
* Optional full-width for a card.
|
21
22
|
*/
|
22
23
|
fullWidth?: boolean;
|
23
|
-
}
|
24
|
+
};
|
24
25
|
declare type ComposedCardProps = {
|
25
26
|
Skeleton: typeof CardSkeleton;
|
26
27
|
Compact: typeof CompactCard;
|
27
28
|
};
|
28
|
-
export declare const Card: React.FC<CardProps
|
29
|
-
declare type CardSkeletonProps = {
|
29
|
+
export declare const Card: ComposedCardProps & React.FC<CardProps>;
|
30
|
+
declare type CardSkeletonProps = Either<{
|
31
|
+
icons?: boolean;
|
32
|
+
}, Pick<CardProps, 'imageHeight'> & {
|
33
|
+
image?: boolean;
|
34
|
+
}> & {
|
30
35
|
chips?: boolean;
|
31
36
|
actions?: boolean;
|
32
37
|
fullWidth?: boolean;
|
33
|
-
}
|
34
|
-
icons?: boolean;
|
35
|
-
}, {
|
36
|
-
image?: boolean;
|
37
|
-
} & Pick<CardProps, 'imageHeight'>>;
|
38
|
+
};
|
38
39
|
declare const CardSkeleton: React.FC<CardSkeletonProps>;
|
39
40
|
export {};
|
@@ -14,8 +14,10 @@ export const Card = ({ title, clampTitle, description, chips = [], icons = [], i
|
|
14
14
|
const { buttonProps } = useButton({ elementType: 'div', onPress: onClick, isDisabled: disabled }, ref);
|
15
15
|
const titleContent = React.createElement(Typography.DefaultStrong, { color: "black" }, title);
|
16
16
|
return (React.createElement(CardBase, Object.assign({ ref: ref, className: "Aquarium-Card", clickable: Boolean(onClick), fullWidth: fullWidth,
|
17
|
-
|
18
|
-
|
17
|
+
/*
|
18
|
+
* If any of the "additional features" in <Card> are used, we want to enable
|
19
|
+
* min width to make sure it doesn't
|
20
|
+
*/
|
19
21
|
enableMinWidth: Boolean(image || action || link || chips.length || icons.length) }, (onClick ? buttonProps : {}), { disabled: disabled }),
|
20
22
|
color && React.createElement(CardBase.ColorHiglight, { color: color }),
|
21
23
|
chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
|
@@ -45,4 +47,4 @@ Card.Compact = CompactCard;
|
|
45
47
|
const CardImage = ({ image, imageAlt, imageHeight, fullSize = false }) => (React.createElement(CardBase.ImageContainer, { fullSize: fullSize }, image ? (imageHeight ? (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, imageHeight: imageHeight })) : (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, fullSize: fullSize }))) : (React.createElement(CardImage.Skeleton, { fullSize: fullSize, imageHeight: imageHeight }))));
|
46
48
|
const CardImageSkeleton = ({ imageHeight, fullSize }) => imageHeight ? (React.createElement(Skeleton, { height: imageHeight, width: "100%" })) : (React.createElement(Skeleton, { height: fullSize ? 225 : 174, width: "100%" }));
|
47
49
|
CardImage.Skeleton = CardImageSkeleton;
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDL0MsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLCtCQUErQixDQUFDO0FBSXRFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFpQ3hDLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBNEMsQ0FBQyxFQUM1RCxLQUFLLEVBQ0wsVUFBVSxFQUNWLFdBQVcsRUFDWCxLQUFLLEdBQUcsRUFBRSxFQUNWLEtBQUssR0FBRyxFQUFFLEVBQ1YsS0FBSyxFQUNMLFFBQVEsRUFDUixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sRUFDTixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDekMsTUFBTSxFQUFFLFdBQVcs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
|
@@ -3,7 +3,7 @@ import { type Lines } from '../../../src/atoms/LineClamp/LineClamp';
|
|
3
3
|
import { type ColorName } from '../../../types/designTokens';
|
4
4
|
import { type Either } from '../../../types/utils';
|
5
5
|
import { type ActionableCard, type ClickableCard } from './types';
|
6
|
-
export declare type CardProps = {
|
6
|
+
export declare type CardProps = Either<ClickableCard, ActionableCard> & {
|
7
7
|
/** Short and concise card title. */
|
8
8
|
title: string;
|
9
9
|
/** When provided, title will be clamped if needed. */
|
@@ -25,7 +25,7 @@ export declare type CardProps = {
|
|
25
25
|
* Optional full-width for a card.
|
26
26
|
*/
|
27
27
|
fullWidth?: boolean;
|
28
|
-
}
|
28
|
+
};
|
29
29
|
export declare const CompactCard: React.FC<CardProps> & {
|
30
30
|
Skeleton: typeof CompactSkeleton;
|
31
31
|
};
|