@aivenio/aquarium 1.2.0 → 1.3.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/README.md +2 -2
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +646 -4297
- package/dist/atoms.mjs +636 -4288
- package/dist/src/common/Alert/Alert.d.ts +1 -1
- package/dist/src/common/Alert/Alert.js +6 -6
- package/dist/src/common/Banner/Banner.d.ts +1 -1
- package/dist/src/common/Banner/Banner.js +5 -5
- package/dist/src/common/Checkbox/Checkbox.js +12 -19
- package/dist/src/common/Chip/Chip.js +4 -4
- package/dist/src/common/DataList/DataList.d.ts +1 -1
- package/dist/src/common/DataList/DataList.js +4 -4
- package/dist/src/common/Dialog/Dialog.d.ts +2 -2
- package/dist/src/common/Dialog/Dialog.js +2 -2
- package/dist/src/common/DropdownMenu/DropdownMenu.js +4 -4
- package/dist/src/common/InputGroup/InputGroup.d.ts +1 -1
- package/dist/src/common/InputGroup/InputGroup.js +1 -1
- package/dist/src/common/Modal/Modal.d.ts +6 -0
- package/dist/src/common/Modal/Modal.js +14 -5
- package/dist/src/common/Popover/Popover.d.ts +1 -1
- package/dist/src/common/Popover/Popover.js +2 -2
- package/dist/src/common/PopoverDialog/PopoverDialog.js +4 -4
- package/dist/src/common/ProgressBar/ProgressBar.js +4 -4
- package/dist/src/common/RadioButton/RadioButton.js +14 -16
- package/dist/src/common/Section/Section.d.ts +1 -1
- package/dist/src/common/Section/Section.js +3 -3
- package/dist/src/common/Select/Select.d.ts +1 -1
- package/dist/src/common/Select/Select.js +6 -6
- package/dist/src/common/Switch/Switch.d.ts +11 -0
- package/dist/src/common/Switch/Switch.js +28 -0
- package/dist/src/common/Table/Table.d.ts +5 -5
- package/dist/src/common/Table/Table.js +6 -6
- package/dist/src/common/Timeline/Timeline.js +2 -2
- package/dist/src/common/Typography/Typography.d.ts +1 -1
- package/dist/src/common/Typography/Typography.js +3 -3
- package/dist/src/common/index.d.ts +2 -1
- package/dist/src/common/index.js +3 -2
- package/dist/src/components/Alert/Alert.d.ts +7 -4
- package/dist/src/components/Alert/Alert.js +4 -4
- package/dist/src/components/Avatar/Avatar.js +2 -2
- package/dist/src/components/Badge/Badge.js +2 -2
- package/dist/src/components/Banner/Banner.d.ts +7 -4
- package/dist/src/components/Banner/Banner.js +5 -6
- package/dist/src/components/Box/Box.d.ts +6 -6
- package/dist/src/components/Box/Box.js +3 -3
- package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
- package/dist/src/components/Breadcrumbs/Breadcrumbs.js +5 -5
- package/dist/src/components/Button/Button.d.ts +1 -1
- package/dist/src/components/Button/Button.js +5 -5
- package/dist/src/components/Card/Card.d.ts +12 -5
- package/dist/src/components/Card/Card.js +15 -13
- package/dist/src/components/Carousel/Carousel.js +4 -4
- package/dist/src/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/src/components/Checkbox/Checkbox.js +5 -11
- package/dist/src/components/CheckboxGroup/CheckboxGroup.d.ts +4 -4
- package/dist/src/components/CheckboxGroup/CheckboxGroup.js +3 -3
- package/dist/src/components/Chip/Chip.d.ts +1 -1
- package/dist/src/components/Chip/Chip.js +3 -3
- package/dist/src/components/ChoiceChip/ChoiceChip.js +3 -3
- package/dist/src/components/Combobox/Combobox.d.ts +1 -1
- package/dist/src/components/Combobox/Combobox.js +7 -7
- package/dist/src/components/Context/Context.d.ts +1 -1
- package/dist/src/components/Context/Context.js +1 -1
- package/dist/src/components/ControlLabel/ControlLabel.d.ts +1 -1
- package/dist/src/components/ControlLabel/ControlLabel.js +4 -4
- package/dist/src/components/DataList/DataList.d.ts +1 -1
- package/dist/src/components/DataList/DataList.js +7 -7
- package/dist/src/components/DataTable/DataTable.d.ts +2 -2
- package/dist/src/components/DataTable/DataTable.js +7 -7
- package/dist/src/components/Dialog/Dialog.d.ts +2 -2
- package/dist/src/components/Dialog/Dialog.js +5 -5
- package/dist/src/components/Divider/Divider.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.d.ts +5 -2
- package/dist/src/components/Dropdown/Dropdown.js +8 -8
- package/dist/src/components/DropdownMenu/DropdownMenu.d.ts +3 -3
- package/dist/src/components/DropdownMenu/DropdownMenu.js +8 -8
- package/dist/src/components/DropdownMenu/utils.d.ts +1 -1
- package/dist/src/components/DropdownMenu/utils.js +1 -1
- package/dist/src/components/EmptyState/EmptyState.d.ts +2 -2
- package/dist/src/components/EmptyState/EmptyState.js +12 -12
- package/dist/src/components/Flexbox/Flexbox.d.ts +5 -5
- package/dist/src/components/Flexbox/Flexbox.js +1 -1
- package/dist/src/components/Flexbox/FlexboxItem.d.ts +4 -4
- package/dist/src/components/Flexbox/FlexboxItem.js +1 -1
- package/dist/src/components/Grid/Grid.d.ts +15 -15
- package/dist/src/components/Grid/Grid.js +1 -1
- package/dist/src/components/Grid/GridItem.d.ts +8 -8
- package/dist/src/components/Grid/GridItem.js +2 -2
- package/dist/src/components/Icon/Icon.d.ts +2 -2
- package/dist/src/components/Icon/Icon.js +1 -1
- package/dist/src/components/Input/Input.d.ts +1 -1
- package/dist/src/components/Input/Input.js +6 -6
- package/dist/src/components/ListItem/ListItem.js +2 -2
- package/dist/src/components/Modal/Modal.d.ts +8 -4
- package/dist/src/components/Modal/Modal.js +12 -10
- package/dist/src/components/MultiInput/InputChip.js +5 -5
- package/dist/src/components/MultiInput/MultiInput.d.ts +1 -1
- package/dist/src/components/MultiInput/MultiInput.js +7 -5
- package/dist/src/components/MultiSelect/MultiSelect.d.ts +2 -2
- package/dist/src/components/MultiSelect/MultiSelect.js +5 -5
- package/dist/src/components/NativeSelect/NativeSelect.d.ts +1 -2
- package/dist/src/components/NativeSelect/NativeSelect.js +29 -9
- package/dist/src/components/PageHeader/PageHeader.d.ts +2 -2
- package/dist/src/components/PageHeader/PageHeader.js +5 -5
- package/dist/src/components/Pagination/Pagination.js +4 -4
- package/dist/src/components/Pagination/usePagination.js +2 -2
- package/dist/src/components/Popover/Popover.d.ts +2 -2
- package/dist/src/components/Popover/Popover.js +2 -2
- package/dist/src/components/Popover/PopoverContext.d.ts +1 -1
- package/dist/src/components/Popover/PopoverWrapper.d.ts +1 -1
- package/dist/src/components/Popover/PopoverWrapper.js +1 -1
- package/dist/src/components/PopoverDialog/PopoverDialog.d.ts +2 -2
- package/dist/src/components/PopoverDialog/PopoverDialog.js +2 -2
- package/dist/src/components/Portal/Portal.d.ts +1 -1
- package/dist/src/components/Portal/Portal.js +1 -1
- package/dist/src/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/src/components/RadioButton/RadioButton.d.ts +1 -1
- package/dist/src/components/RadioButton/RadioButton.js +6 -12
- package/dist/src/components/RadioButtonGroup/RadioButtonGroup.d.ts +4 -4
- package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +4 -4
- package/dist/src/components/Section/Section.d.ts +1 -1
- package/dist/src/components/Section/Section.js +3 -3
- package/dist/src/components/SegmentedControl/SegmentedControl.js +4 -4
- package/dist/src/components/Select/Select.d.ts +2 -2
- package/dist/src/components/Select/Select.js +12 -12
- package/dist/src/components/Skeleton/Skeleton.js +2 -2
- package/dist/src/components/Switch/Switch.d.ts +2 -4
- package/dist/src/components/Switch/Switch.js +7 -31
- package/dist/src/components/SwitchGroup/SwitchGroup.d.ts +4 -4
- package/dist/src/components/SwitchGroup/SwitchGroup.js +4 -4
- package/dist/src/components/Table/Table.d.ts +1 -1
- package/dist/src/components/Table/Table.js +2 -2
- package/dist/src/components/Tabs/Tabs.js +11 -11
- package/dist/src/components/TagLabel/TagLabel.js +2 -2
- package/dist/src/components/Tailwindify/Tailwindify.d.ts +26 -26
- package/dist/src/components/Tailwindify/Tailwindify.js +1 -1
- package/dist/src/components/Template/Template.d.ts +4 -4
- package/dist/src/components/Template/Template.js +1 -1
- package/dist/src/components/Textarea/Textarea.d.ts +1 -1
- package/dist/src/components/Textarea/Textarea.js +5 -5
- package/dist/src/components/Timeline/Timeline.js +7 -7
- package/dist/src/components/Tooltip/Tooltip.d.ts +2 -2
- package/dist/src/components/Tooltip/Tooltip.js +3 -3
- package/dist/src/components/Tooltip/useTooltipTriggerState.d.ts +1 -1
- package/dist/src/components/Tooltip/useTooltipTriggerState.js +1 -1
- package/dist/src/components/Typography/Typography.d.ts +28 -4
- package/dist/src/components/Typography/Typography.js +61 -21
- package/dist/src/components/index.d.ts +3 -3
- package/dist/src/components/index.js +4 -4
- package/dist/src/js/resolveTheme.d.ts +1 -1
- package/dist/src/system.d.ts +6 -6
- package/dist/src/system.js +6 -6
- package/dist/src/utils/Blueprint.js +2 -2
- package/dist/src/utils/breakpoints.d.ts +2 -2
- package/dist/src/utils/breakpoints.js +2 -2
- package/dist/src/utils/constants.js +2 -2
- package/dist/src/utils/createComponent.d.ts +1 -1
- package/dist/src/utils/createComponent.js +2 -2
- package/dist/src/utils/form/CharCounter/CharCounter.js +2 -2
- package/dist/src/utils/form/FormControl/FormControl.js +1 -1
- package/dist/src/utils/form/HelperText/HelperText.js +5 -5
- package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +6 -6
- package/dist/src/utils/form/Label/Label.d.ts +2 -2
- package/dist/src/utils/form/Label/Label.js +5 -5
- package/dist/src/utils/table/types.d.ts +6 -5
- package/dist/src/utils/table/types.js +1 -1
- package/dist/src/utils/table/useScrollTarget.d.ts +1 -1
- package/dist/src/utils/table/useScrollTarget.js +1 -1
- package/dist/src/utils/table/useTableSort.d.ts +1 -1
- package/dist/src/utils/table/useTableSort.js +1 -1
- package/dist/src/utils/tailwind.d.ts +2 -2
- package/dist/src/utils/tailwind.js +1 -1
- package/dist/src/utils/useStyle.d.ts +1 -1
- package/dist/src/utils/useStyle.js +3 -3
- package/dist/src/utils/useWindowSize.js +3 -3
- package/dist/styles.css +220 -61
- package/dist/styles_timescaledb.css +220 -62
- package/dist/system.cjs +1209 -958
- package/dist/system.mjs +1204 -953
- package/dist/tokens.json +260 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ActionType.d.ts +2 -2
- package/dist/types/IconProps.d.ts +2 -2
- package/dist/types/designTokens.d.ts +1 -1
- package/dist/types/tailwind.d.ts +3 -3
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/dist/types/utils.d.ts +1 -1
- package/dist/types/utils.js +1 -1
- package/package.json +30 -27
@@ -1,13 +1,13 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { Box } from '../../../src/components/Box/Box';
|
3
|
+
import { Icon } from '../../../src/components/Icon/Icon';
|
4
|
+
import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
|
5
|
+
import { Typography } from '../../../src/components/Typography/Typography';
|
2
6
|
import { Timeline as BaseTimeline } from '../../../src/common/Timeline/Timeline';
|
3
7
|
import { isComponentType } from '../../../types/utils';
|
4
|
-
import
|
5
|
-
import { Icon } from '../../../src/components/Icon/Icon';
|
8
|
+
import danger from '../../../src/icons/error';
|
6
9
|
import time from '../../../src/icons/time';
|
7
10
|
import warning from '../../../src/icons/warningSign';
|
8
|
-
import danger from '../../../src/icons/error';
|
9
|
-
import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
|
10
|
-
import { Box } from '../../../src/components/Box/Box';
|
11
11
|
const TimelineItem = () => null;
|
12
12
|
export const Timeline = ({ children }) => (React.createElement("div", null, React.Children.map(children, (item) => {
|
13
13
|
if (!isComponentType(item, TimelineItem)) {
|
@@ -17,7 +17,7 @@ export const Timeline = ({ children }) => (React.createElement("div", null, Reac
|
|
17
17
|
const { props, key } = item;
|
18
18
|
return (React.createElement(BaseTimeline, { key: key !== null && key !== void 0 ? key : props.title },
|
19
19
|
React.createElement(BaseTimeline.Separator, null, props.variant === 'error' ? (React.createElement(Icon, { icon: danger, color: "error-30" })) : props.variant === 'warning' ? (React.createElement(Icon, { icon: warning, color: "warning-30" })) : props.variant === 'info' ? (React.createElement(Icon, { icon: time, color: "info-30" })) : (React.createElement(BaseTimeline.Separator.Dot, null))),
|
20
|
-
React.createElement(Typography.Caption, {
|
20
|
+
React.createElement(Typography.Caption, { color: "grey-50" }, props.title),
|
21
21
|
React.createElement(BaseTimeline.LineContainer, null,
|
22
22
|
React.createElement(BaseTimeline.LineContainer.Line, null)),
|
23
23
|
React.createElement(BaseTimeline.Content, null,
|
@@ -38,4 +38,4 @@ const TimelineItemSkeleton = () => (React.createElement(BaseTimeline, null,
|
|
38
38
|
const TimelineSkeleton = ({ items = 3 }) => (React.createElement("div", null, Array.from({ length: items }).map((_, key) => (React.createElement(TimelineItemSkeleton, { key: key })))));
|
39
39
|
Timeline.Item = TimelineItem;
|
40
40
|
Timeline.Skeleton = TimelineSkeleton;
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UaW1lbGluZS9UaW1lbGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUVsRSxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRXhFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUMsT0FBTyxNQUFNLE1BQU0saUJBQWlCLENBQUM7QUFDckMsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEMsT0FBTyxPQUFPLE1BQU0sdUJBQXVCLENBQUM7QUFpQjVDLE1BQU0sWUFBWSxHQUFnQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUM7QUFRN0QsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUEwQixDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQy9ELGlDQUNHLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDLElBQUksRUFBRSxFQUFFO0lBQ3JDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLFlBQVksQ0FBQyxFQUFFO1FBQ3hDLE1BQU0sSUFBSSxLQUFLLENBQUMsaUVBQWlFLENBQUMsQ0FBQztLQUNwRjtTQUFNO1FBQ0wsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUM7UUFDNUIsT0FBTyxDQUNMLG9CQUFDLFlBQVks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
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import React, { HTMLAttributes } from 'react';
|
2
|
-
import type
|
1
|
+
import React, { type HTMLAttributes } from 'react';
|
2
|
+
import { type PopoverPlacement } from '../../../src/components/Popover/Popover';
|
3
3
|
export declare type TooltipProps = Pick<HTMLAttributes<HTMLDivElement>, 'onClick' | 'onMouseDown' | 'onMouseUp' | 'onPointerDown' | 'onPointerUp'> & {
|
4
4
|
/**
|
5
5
|
* Tooltip placement.
|
@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
+
import { OverlayContainer, useOverlayPosition } from '@react-aria/overlays';
|
13
14
|
import { useTooltip, useTooltipTrigger } from '@react-aria/tooltip';
|
14
|
-
import { useOverlayPosition, OverlayContainer } from '@react-aria/overlays';
|
15
15
|
import { mergeProps } from '@react-aria/utils';
|
16
16
|
import { tw } from '../../../src/utils/tailwind';
|
17
17
|
import { useTooltipTriggerState } from './useTooltipTriggerState';
|
@@ -67,7 +67,7 @@ const TooltipWrapper = React.forwardRef((_a, forwardedRef) => {
|
|
67
67
|
const { tooltipProps } = useTooltip(props, state);
|
68
68
|
const arrowStyle = getArrowStyle(ref.current, placement, (_b = arrowProps.style) !== null && _b !== void 0 ? _b : {});
|
69
69
|
return (React.createElement(OverlayContainer, null,
|
70
|
-
React.createElement("div", Object.assign({ ref: ref, className: tw('p-3 rounded-sm typography-caption
|
70
|
+
React.createElement("div", Object.assign({ ref: ref, className: tw('p-3 rounded-sm typography-caption max-w-[320px] bg-grey-90 text-white') }, mergeProps(props, tooltipProps)),
|
71
71
|
props.children,
|
72
72
|
React.createElement(Arrow, Object.assign({}, arrowProps, { style: arrowStyle })))));
|
73
73
|
});
|
@@ -107,4 +107,4 @@ const getArrowStyle = (element, position, { left, top }) => {
|
|
107
107
|
const Arrow = (props) => {
|
108
108
|
return React.createElement("div", Object.assign({ className: tw('absolute w-3 h-3 bg-grey-90 rotate-45') }, props));
|
109
109
|
};
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQThCLE1BQU0sT0FBTyxDQUFDO0FBQ25ELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFNL0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBdURsRSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQTJCLENBQUMsRUFBd0MsRUFBRSxFQUFFO1FBQTVDLEVBQUUsTUFBTSxHQUFHLElBQUksRUFBRSxLQUFLLEdBQUcsR0FBRyxPQUFZLEVBQVAsS0FBSyxjQUF0QyxtQkFBd0MsQ0FBRjtJQUNwRixNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsR0FBRyxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsVUFBVSxHQUFHLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUVsRyxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN0RCxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN0RCxNQUFNLEtBQUssR0FBRyxzQkFBc0IsaUJBQUcsVUFBVSxFQUFFLEtBQUssSUFBSyxLQUFLLEVBQUcsQ0FBQztJQUN0RSxNQUFNLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxHQUFHLGlCQUFpQixDQUFDLEtB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
|
@@ -139,4 +139,4 @@ export function useTooltipTriggerState(props = {}) {
|
|
139
139
|
close: hideTooltip,
|
140
140
|
};
|
141
141
|
}
|
142
|
-
//# sourceMappingURL=data:application/json;base64,
|
142
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVG9vbHRpcFRyaWdnZXJTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvdXNlVG9vbHRpcFRyaWdnZXJTdGF0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7OztHQWFHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ25ELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBR2pFLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxDQUFDLHlEQUF5RDtBQUNyRixNQUFNLGdCQUFnQixHQUFHLEdBQUcsQ0FBQztBQWlCN0IsTUFBTSxRQUFRLEdBQWtELEVBQUUsQ0FBQztBQUNuRSxJQUFJLG1CQUFtQixHQUFtQixJQUFJLENBQUM7QUFDL0MsSUFBSSxxQkFBcUIsR0FBbUIsSUFBSSxDQUFDO0FBQ2pELElBQUksU0FBUyxHQUFHLENBQUMsQ0FBQztBQUNsQixJQUFJLGNBQWMsR0FBRyxLQUFLLENBQUM7QUFFM0I7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxzQkFBc0IsQ0FBQyxRQUE2QixFQUFFO0lBQ3BFLE1BQU0sRUFBRSxLQUFLLEdBQUcsYUFBYSxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBQ3hDLE1BQU0sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxHQUFHLHNCQUFzQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlELE1BQU0sRUFBRSxHQUFHLE9BQU8sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxHQUFHLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDL0MsTUFBTSxZQUFZLEdBQUcsTUFBTSxFQUFrQixDQUFDO0lBQzlDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUVsQyxNQUFNLGtCQUFrQixHQUFH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
|
@@ -1,11 +1,35 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { TypographyProps } from '../../../src/common/Typography/Typography';
|
3
|
-
declare type Props = Omit<TypographyProps, 'variant'>;
|
4
|
-
declare type
|
5
|
-
declare type
|
2
|
+
import { type TypographyProps } from '../../../src/common/Typography/Typography';
|
3
|
+
declare type Props = Omit<TypographyProps, 'variant' | 'fontWeight'>;
|
4
|
+
declare type LegacyProps = Omit<TypographyProps, 'variant'>;
|
5
|
+
declare type Header = 'LargeHeading';
|
6
|
+
declare type Body = 'LargeStrong' | 'Large' | 'DefaultStrong' | 'Default' | 'Paragraph' | 'P' | 'SmallStrong' | 'Small';
|
6
7
|
declare type Others = 'Caption';
|
7
8
|
declare type ComposedTypographyProps = {
|
8
9
|
[key in Header | Body | Others]: React.FC<Props>;
|
10
|
+
} & {
|
11
|
+
Heading: React.FC<LegacyProps>;
|
12
|
+
Subheading: React.FC<LegacyProps>;
|
13
|
+
/**
|
14
|
+
* @deprecated Use <Typography.LargeStrong> instead.
|
15
|
+
*/
|
16
|
+
LargeText: React.FC<LegacyProps>;
|
17
|
+
/**
|
18
|
+
* @deprecated Use <Typography.DefaultStrong> instead.
|
19
|
+
*/
|
20
|
+
MediumText: React.FC<LegacyProps>;
|
21
|
+
/**
|
22
|
+
* @deprecated Use <Typography.Default> instead.
|
23
|
+
*/
|
24
|
+
Text: React.FC<LegacyProps>;
|
25
|
+
/**
|
26
|
+
* @deprecated Use <Typography.Small> instead.
|
27
|
+
*/
|
28
|
+
SmallText: React.FC<LegacyProps>;
|
29
|
+
/**
|
30
|
+
* @deprecated Use <Typography.SmallStrong> instead.
|
31
|
+
*/
|
32
|
+
SmallTextBold: React.FC<LegacyProps>;
|
9
33
|
};
|
10
34
|
export declare const Typography: React.FC<TypographyProps> & ComposedTypographyProps;
|
11
35
|
export {};
|
@@ -12,38 +12,78 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
12
12
|
import React from 'react';
|
13
13
|
import { Typography as TypographyBase } from '../../../src/common/Typography/Typography';
|
14
14
|
export const Typography = (props) => (React.createElement(TypographyBase, Object.assign({}, props)));
|
15
|
-
Typography.
|
15
|
+
Typography.LargeHeading = (_a) => {
|
16
16
|
var { htmlTag = 'h1' } = _a, props = __rest(_a, ["htmlTag"]);
|
17
|
-
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "heading
|
17
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "large-heading" })));
|
18
|
+
};
|
19
|
+
// NOTE: We are using `LegacyProps` instead of `Props` for some of the variants that
|
20
|
+
// were already used in legacy variants. We'll ignore the `fontWeight` prop on purpose
|
21
|
+
// so we don't create a breaking change on API level.
|
22
|
+
//
|
23
|
+
// Once we can get rid of legacy variants, we should update these variants to use
|
24
|
+
// `Props` instead of `LegacyProps`-
|
25
|
+
Typography.Heading = (_a) => {
|
26
|
+
var { htmlTag = 'h1', fontWeight } = _a, props = __rest(_a, ["htmlTag", "fontWeight"]);
|
27
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "heading" })));
|
18
28
|
};
|
19
29
|
Typography.Subheading = (_a) => {
|
20
|
-
var { htmlTag = 'h2' } = _a, props = __rest(_a, ["htmlTag"]);
|
21
|
-
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "
|
30
|
+
var { htmlTag = 'h2', fontWeight } = _a, props = __rest(_a, ["htmlTag", "fontWeight"]);
|
31
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "subheading" })));
|
32
|
+
};
|
33
|
+
Typography.LargeStrong = (_a) => {
|
34
|
+
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
35
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "large-strong" })));
|
36
|
+
};
|
37
|
+
Typography.Large = (_a) => {
|
38
|
+
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
39
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "large" })));
|
40
|
+
};
|
41
|
+
Typography.DefaultStrong = (_a) => {
|
42
|
+
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
43
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "default-strong" })));
|
44
|
+
};
|
45
|
+
Typography.Default = (_a) => {
|
46
|
+
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
47
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "default" })));
|
22
48
|
};
|
49
|
+
Typography.Paragraph = (_a) => {
|
50
|
+
var { htmlTag = 'p', fontWeight } = _a, props = __rest(_a, ["htmlTag", "fontWeight"]);
|
51
|
+
return (React.createElement(Typography.Default, Object.assign({}, props, { htmlTag: htmlTag })));
|
52
|
+
};
|
53
|
+
Typography.P = Typography.Paragraph;
|
54
|
+
Typography.SmallStrong = (_a) => {
|
55
|
+
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
56
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "small-strong" })));
|
57
|
+
};
|
58
|
+
Typography.Small = (_a) => {
|
59
|
+
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
60
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "small" })));
|
61
|
+
};
|
62
|
+
Typography.Caption = (_a) => {
|
63
|
+
var { htmlTag = 'div', fontWeight } = _a, props = __rest(_a, ["htmlTag", "fontWeight"]);
|
64
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "caption" })));
|
65
|
+
};
|
66
|
+
//
|
67
|
+
// Legacy variants
|
68
|
+
//
|
23
69
|
Typography.LargeText = (_a) => {
|
24
|
-
var { htmlTag = '
|
25
|
-
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "
|
70
|
+
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
71
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "large-strong" })));
|
26
72
|
};
|
27
73
|
Typography.MediumText = (_a) => {
|
28
|
-
var { htmlTag = '
|
29
|
-
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "
|
74
|
+
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
75
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "default-strong" })));
|
30
76
|
};
|
31
77
|
Typography.Text = (_a) => {
|
32
|
-
var { htmlTag = '
|
33
|
-
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "
|
78
|
+
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
79
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "default" })));
|
34
80
|
};
|
35
|
-
Typography.Paragraph = Typography.Text;
|
36
|
-
Typography.P = Typography.Text;
|
37
81
|
Typography.SmallText = (_a) => {
|
38
|
-
var { htmlTag = '
|
39
|
-
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "
|
82
|
+
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
83
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "small" })));
|
40
84
|
};
|
41
85
|
Typography.SmallTextBold = (_a) => {
|
42
|
-
var { htmlTag = '
|
43
|
-
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "
|
44
|
-
};
|
45
|
-
Typography.Caption = (_a) => {
|
46
|
-
var { htmlTag = 'p' } = _a, props = __rest(_a, ["htmlTag"]);
|
47
|
-
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "caption-default" })));
|
86
|
+
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
87
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "small-strong" })));
|
48
88
|
};
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1R5cG9ncmFwaHkvVHlwb2dyYXBoeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUF3QixVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFnRHRHLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBd0QsQ0FBQyxLQUFzQixFQUFFLEVBQUUsQ0FBQyxDQUN6RyxvQkFBQyxjQUFjLG9CQUFLLEtBQUssRUFBSSxDQUM5QixDQUFDO0FBRUYsVUFBVSxDQUFDLFlBQVksR0FBRyxDQUFDLEVBQW1DLEVBQUUsRUFBRTtRQUF2QyxFQUFFLE9BQU8sR0FBRyxJQUFJLE9BQW1CLEVBQWQsS0FBSyxjQUExQixXQUE0QixDQUFGO0lBQWMsT0FBQSxDQUNqRSxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxlQUFlLElBQUcsQ0FDeEUsQ0FBQTtDQUFBLENBQUM7QUFFRixvRkFBb0Y7QUFDcEYsc0ZBQXNGO0FBQ3RGLHFEQUFxRDtBQUNyRCxFQUFFO0FBQ0YsaUZBQWlGO0FBQ2pGLG9DQUFvQztBQUNwQyxVQUFVLENBQUMsT0FBTyxHQUFHLENBQUMsRUFBcUQsRUFBRSxFQUFFO1FBQXpELEVBQUUsT0FBTyxHQUFHLElBQUksRUFBRSxVQUFVLE9BQXlCLEVBQXBCLEtBQUssY0FBdEMseUJBQXdDLENBQUY7SUFBb0IsT0FBQSxDQUM5RSxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxTQUFTLElBQUcsQ0FDbEUsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsVUFBVSxHQUFHLENBQUMsRUFBcUQsRUFBRSxFQUFFO1FBQXpELEVB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
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export { Badge } from './Badge/Badge';
|
3
2
|
export * from './Alert/Alert';
|
4
3
|
export * from './Avatar/Avatar';
|
4
|
+
export { Badge } from './Badge/Badge';
|
5
5
|
export * from './Banner/Banner';
|
6
6
|
export * from './Box/Box';
|
7
7
|
export * from './Breadcrumbs/Breadcrumbs';
|
@@ -38,8 +38,8 @@ export * from './NativeSelect/NativeSelect';
|
|
38
38
|
export * from './PageHeader/PageHeader';
|
39
39
|
export * from './Pagination/Pagination';
|
40
40
|
export * from './Popover/Popover';
|
41
|
-
export * from './PopoverDialog/PopoverDialog';
|
42
41
|
export { usePopoverContext } from './Popover/PopoverContext';
|
42
|
+
export * from './PopoverDialog/PopoverDialog';
|
43
43
|
export * from './Portal/Portal';
|
44
44
|
export * from './ProgressBar/ProgressBar';
|
45
45
|
export * from './RadioButton/RadioButton';
|
@@ -60,8 +60,8 @@ export * from './Timeline/Timeline';
|
|
60
60
|
export * from './Tooltip/Tooltip';
|
61
61
|
export * from './Typography/Typography';
|
62
62
|
export * from '../utils/table/types';
|
63
|
-
export * from '../utils/table/useTableSelect';
|
64
63
|
export * from '../utils/table/useScrollTarget';
|
64
|
+
export * from '../utils/table/useTableSelect';
|
65
65
|
export * from '../utils/table/useTableSort';
|
66
66
|
export * from './Pagination/usePagination';
|
67
67
|
export declare const SelectItem: import("react").ForwardRefExoticComponent<{
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import { Select } from '../common/Select/Select';
|
2
2
|
// We don't want to export everything from Badge/Badge
|
3
|
-
export { Badge } from './Badge/Badge';
|
4
3
|
export * from './Alert/Alert';
|
5
4
|
export * from './Avatar/Avatar';
|
5
|
+
export { Badge } from './Badge/Badge';
|
6
6
|
export * from './Banner/Banner';
|
7
7
|
export * from './Box/Box';
|
8
8
|
export * from './Breadcrumbs/Breadcrumbs';
|
@@ -39,8 +39,8 @@ export * from './NativeSelect/NativeSelect';
|
|
39
39
|
export * from './PageHeader/PageHeader';
|
40
40
|
export * from './Pagination/Pagination';
|
41
41
|
export * from './Popover/Popover';
|
42
|
-
export * from './PopoverDialog/PopoverDialog';
|
43
42
|
export { usePopoverContext } from './Popover/PopoverContext';
|
43
|
+
export * from './PopoverDialog/PopoverDialog';
|
44
44
|
export * from './Portal/Portal';
|
45
45
|
export * from './ProgressBar/ProgressBar';
|
46
46
|
export * from './RadioButton/RadioButton';
|
@@ -62,9 +62,9 @@ export * from './Tooltip/Tooltip';
|
|
62
62
|
export * from './Typography/Typography';
|
63
63
|
// Exported atoms and utility functions
|
64
64
|
export * from '../utils/table/types';
|
65
|
-
export * from '../utils/table/useTableSelect';
|
66
65
|
export * from '../utils/table/useScrollTarget';
|
66
|
+
export * from '../utils/table/useTableSelect';
|
67
67
|
export * from '../utils/table/useTableSort';
|
68
68
|
export * from './Pagination/usePagination';
|
69
69
|
export const SelectItem = Select.Item;
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFakQsc0RBQXNEO0FBQ3RELGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0QyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzdELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLHVDQUF1QztBQUN2QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMifQ==
|
package/dist/src/system.d.ts
CHANGED
@@ -1,14 +1,14 @@
|
|
1
|
-
import { Theme } from '../types/designTokens';
|
2
1
|
import { theme } from '../src/js/resolveTheme.js';
|
2
|
+
import { type Theme } from '../types/designTokens';
|
3
|
+
import * as components from './components';
|
3
4
|
export * from './components';
|
4
|
-
export * from './utils/
|
5
|
-
export * from './utils/form/Label/Label';
|
5
|
+
export * from './utils/createComponent';
|
6
6
|
export * from './utils/form/CharCounter/CharCounter';
|
7
|
-
export * from './utils/form/HelperText/HelperText';
|
8
7
|
export * from './utils/form/FormControl/FormControl';
|
9
|
-
export * from './utils/
|
8
|
+
export * from './utils/form/HelperText/HelperText';
|
9
|
+
export * from './utils/form/Label/Label';
|
10
|
+
export * from './utils/positioner';
|
10
11
|
export { theme };
|
11
|
-
import * as components from './components';
|
12
12
|
declare const _default: typeof components & {
|
13
13
|
theme: Theme;
|
14
14
|
};
|
package/dist/src/system.js
CHANGED
@@ -1,5 +1,6 @@
|
|
1
1
|
import tokensJson from '../tokens.json';
|
2
2
|
import { theme } from '../src/js/resolveTheme.js';
|
3
|
+
import * as components from './components';
|
3
4
|
// The main entrypoint for building CSS
|
4
5
|
// import 'src/main.css';
|
5
6
|
// This type check is important to verify that tokens.json is matching
|
@@ -7,13 +8,12 @@ import { theme } from '../src/js/resolveTheme.js';
|
|
7
8
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
8
9
|
const typeCheckedTokensJson = tokensJson;
|
9
10
|
export * from './components';
|
10
|
-
export * from './utils/
|
11
|
-
export * from './utils/form/Label/Label';
|
11
|
+
export * from './utils/createComponent';
|
12
12
|
export * from './utils/form/CharCounter/CharCounter';
|
13
|
-
export * from './utils/form/HelperText/HelperText';
|
14
13
|
export * from './utils/form/FormControl/FormControl';
|
15
|
-
export * from './utils/
|
14
|
+
export * from './utils/form/HelperText/HelperText';
|
15
|
+
export * from './utils/form/Label/Label';
|
16
|
+
export * from './utils/positioner';
|
16
17
|
export { theme };
|
17
|
-
import * as components from './components';
|
18
18
|
export default Object.assign(Object.assign({}, components), { theme });
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3lzdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3N5c3RlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFVBQVUsTUFBTSxhQUFhLENBQUM7QUFFckMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRy9DLE9BQU8sS0FBSyxVQUFVLE1BQU0sY0FBYyxDQUFDO0FBQzNDLHVDQUF1QztBQUN2Qyx5QkFBeUI7QUFFekIsc0VBQXNFO0FBQ3RFLG9CQUFvQjtBQUNwQiw2REFBNkQ7QUFDN0QsTUFBTSxxQkFBcUIsR0FBRyxVQUFvQixDQUFDO0FBRW5ELGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLG9CQUFvQixDQUFDO0FBRW5DLE9BQU8sRUFBRSxLQUFLLEVBQUUsQ0FBQztBQUVqQixlQUFlLGdDQUNWLFVBQVUsS0FDYixLQUFLLEdBQ2tDLENBQUMifQ==
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import React, {
|
1
|
+
import React, { useLayoutEffect, useState } from 'react';
|
2
2
|
export const Blueprint = (props) => {
|
3
3
|
const [width, setWidth] = useState();
|
4
4
|
const [height, setHeight] = useState();
|
@@ -28,4 +28,4 @@ export const Blueprint = (props) => {
|
|
28
28
|
" x ",
|
29
29
|
height));
|
30
30
|
};
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmx1ZXByaW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL0JsdWVwcmludC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBT3pELE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBNkIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUMzRCxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLFFBQVEsRUFBc0IsQ0FBQztJQUN6RCxNQUFNLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxHQUFHLFFBQVEsRUFBc0IsQ0FBQztJQUMzRCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUUvQyxlQUFlLENBQUMsR0FBRyxFQUFFO1FBQ25CLE1BQU0sVUFBVSxHQUFHLEdBQUcsRUFBRTs7WUFDdEIsU0FBUyxDQUFDLE1BQUEsR0FBRyxDQUFDLE9BQU8sMENBQUUsWUFBWSxDQUFDLENBQUM7WUFDckMsUUFBUSxDQUFDLE1BQUEsR0FBRyxDQUFDLE9BQU8sMENBQUUsV0FBVyxDQUFDLENBQUM7UUFDckMsQ0FBQyxDQUFDO1FBQ0YsVUFBVSxFQUFFLENBQUM7UUFDYixNQUFNLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQzlDLE9BQU8sR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNoRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsNkJBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixLQUFLLEVBQUU7WUFDTCxLQUFLLEVBQUUsT0FBTztZQUNkLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSztZQUNsQixNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU07WUFDcEIsT0FBTyxFQUFFLEVBQUU7WUFDWCxTQUFTLEVBQUUsUUFBUTtZQUNuQixlQUFlLEVBQUUsa0JBQWtCO1lBQ25DLGVBQWUsRUFDYixpUUFBaVE7WUFDblEsY0FBYyxFQUFFLGdEQUFnRDtZQUNoRSxrQkFBa0IsRUFBRSw0Q0FBNEM7U0FDakU7UUFFQSxLQUFLOztRQUFLLE1BQU0sQ0FDYixDQUNQLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
1
|
+
import { type WindowSize } from '../../src/utils/useWindowSize';
|
2
|
+
import { type Breakpoint, type Breakpointable, type BreakpointsObject } from '../../types/tailwind';
|
3
3
|
export declare type BreakpointMatches = {
|
4
4
|
[key in Breakpoint]: boolean;
|
5
5
|
};
|
@@ -1,6 +1,6 @@
|
|
1
|
+
import isPlainObject from 'lodash/isPlainObject';
|
1
2
|
import isUndefined from 'lodash/isUndefined';
|
2
3
|
import orderBy from 'lodash/orderBy';
|
3
|
-
import isPlainObject from 'lodash/isPlainObject';
|
4
4
|
import theme from '../../tailwind.theme.json';
|
5
5
|
const { screens: allBreakpoints } = theme;
|
6
6
|
// Make this a constant to avoid ordering the screens from each window resize
|
@@ -42,4 +42,4 @@ export function selectBreakpointValue(value, matches) {
|
|
42
42
|
}
|
43
43
|
return value;
|
44
44
|
}
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtwb2ludHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdXRpbHMvYnJlYWtwb2ludHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxhQUFhLE1BQU0sc0JBQXNCLENBQUM7QUFDakQsT0FBTyxXQUFXLE1BQU0sb0JBQW9CLENBQUM7QUFDN0MsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxLQUFLLE1BQU0scUJBQXFCLENBQUM7QUFLeEMsTUFBTSxFQUFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsR0FBRyxLQUFLLENBQUM7QUFRMUMsNkVBQTZFO0FBQzdFLE1BQU0sb0JBQW9CLEdBQUcsWUFBWSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0FBQzFELE1BQU0sbUJBQW1CLEdBQUcsT0FBTyxDQUNqQyxNQUFNLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7SUFDNUMsT0FBTztRQUNMLFVBQVUsRUFBRSxHQUFpQjtRQUM3QixPQUFPLEVBQUUsb0JBQW9CLENBQUMsR0FBaUIsQ0FBQztLQUNqRCxDQUFDO0FBQ0osQ0FBQyxDQUFDLEVBQ0YsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQ2xCLE1BQU0sQ0FDUCxDQUFDO0FBRUYsTUFBTSxVQUFVLFlBQVksQ0FBQyxXQUE4QjtJQUN6RCxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQ2xELE1BQU0sWUFBWSxHQUFHLFdBQVcsQ0FBQyxHQUFpQixDQUFDLENBQUM7UUFDcEQsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDaEMsTUFBTSxJQUFJLEtBQUssQ0FBQyx1Q0FBdUMsWUFBWSxtQ0FBbUMsQ0FBQyxDQUFDO1NBQ3pHO1FBRUQsdUNBQ0ssR0FBRyxLQUNOLENBQUMsR0FBRyxDQUFDLEVBQUUsUUFBUSxDQUFDLFlBQVksRUFBRSxFQUFFLENBQUMsSUFDakM7SUFDSixDQUFDLEVBQUUsRUFBdUIsQ0FBQyxDQUFDO0FBQzlCLENBQUM7QUFFRCxNQUFNLFVBQVUsVUFBVSxDQUFDLFVBQXNCO0lBQy9DLE1BQU0sT0FBTyxHQUFHLFlBQVksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUU3QyxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQ3JELDZHQUE2RztRQUM3RyxNQUFNLE9BQU8sR0FDWCxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsSUFBSSxVQUFVLENBQUMsS0FBSyxHQUFHLENBQUM7WUFDOUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxLQUFLLEdBQUcsT0FBTyxDQUFDLEdBQWlCLENBQUM7WUFDL0MsQ0FBQyxDQUFDLEdBQUcsS0FBSyxTQUFTO2dCQUNuQixDQUFDLENBQUMsSUFBSTtnQkFDTixDQUFDLENBQUMsS0FBSyxDQUFDO1FBRVosdUNBQ0ssR0FBRyxLQUNOLENBQUMsR0FBRyxDQUFDLEVBQUUsT0FBTyxJQUNkO0lBQ0osQ0FBQyxFQUFFLEVBQXVCLENBQUMsQ0FBQztBQUM5QixDQUFDO0FBRUQsTUFBTSxVQUFVLHFCQUFxQixDQUFDLEtBQTBCLEVBQUUsT0FBMEI7SUFDMUYsTUFBTSxFQUFFLEdBQUcsbUJBQW1CLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUU7UUFDekMsTUFBTSxjQUFjLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxVQUFVLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFDbEcsT0FBTyxDQUFDLFdBQVcsQ0FBQyxjQUFjLENBQUMsSUFBSSxPQUFPLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ2hFLENBQUMsQ0FBQyxDQUFDO0lBRUgsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsRUFBRTtRQUNwQixPQUFPLEtBQUssQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUM7S0FDN0I7SUFFRCxPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMifQ==
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import { tw } from '../../src/utils/tailwind';
|
2
|
-
export const getCommonInputStyles = ({ readOnly, valid }) => tw('block w-full rounded-sm disabled:cursor-not-allowed disabled:border-grey-20 disabled:bg-grey-5 typography-
|
2
|
+
export const getCommonInputStyles = ({ readOnly, valid }) => tw('block w-full rounded-sm disabled:cursor-not-allowed disabled:border-grey-20 disabled:bg-grey-5 typography-small text-grey-70 disabled:text-grey-40 placeholder:text-grey-40 focus:outline-none', {
|
3
3
|
'px-3 py-3': !readOnly,
|
4
4
|
'border-none resize-none cursor-default': readOnly,
|
5
5
|
'border border-error-50': !valid && !readOnly,
|
6
6
|
'border border-grey-20 hover:border-grey-50 focus:border-info-70': valid && !readOnly,
|
7
7
|
});
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsQ0FBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQXlDLEVBQVUsRUFBRSxDQUN6RyxFQUFFLENBQ0EsZ01BQWdNLEVBQ2hNO0lBQ0UsV0FBVyxFQUFFLENBQUMsUUFBUTtJQUN0Qix3Q0FBd0MsRUFBRSxRQUFRO0lBQ2xELHdCQUF3QixFQUFFLENBQUMsS0FBSyxJQUFJLENBQUMsUUFBUTtJQUM3QyxpRUFBaUUsRUFBRSxLQUFLLElBQUksQ0FBQyxRQUFRO0NBQ3RGLENBQ0YsQ0FBQyJ9
|
@@ -1,3 +1,3 @@
|
|
1
|
-
import React, { ComponentType } from 'react';
|
1
|
+
import React, { type ComponentType } from 'react';
|
2
2
|
export declare const createComponent: <T extends Record<string, unknown>, E = unknown>(Component: React.ComponentType<T>, freezedProps: Partial<E>, defaultProps: Partial<T>, displayName: string) => React.ComponentType<Omit<T, keyof E>>;
|
3
3
|
export declare const createSimpleComponent: <T extends Record<string, unknown>>(Component: React.ComponentType<T>, defaultProps: Partial<T>, displayName: string) => React.ComponentType<T>;
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { classNames } from '../../src/utils/tailwind';
|
2
1
|
import React from 'react';
|
2
|
+
import { classNames } from '../../src/utils/tailwind';
|
3
3
|
const hasClassName = (val) => {
|
4
4
|
return val.className !== undefined;
|
5
5
|
};
|
@@ -26,4 +26,4 @@ export const createSimpleComponent = (Component, defaultProps, displayName) => {
|
|
26
26
|
Curried.displayName = displayName;
|
27
27
|
return Curried;
|
28
28
|
};
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlQ29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL2NyZWF0ZUNvbXBvbmVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUE2QixNQUFNLE9BQU8sQ0FBQztBQUVsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFaEQsTUFBTSxZQUFZLEdBQUcsQ0FBb0MsR0FBTSxFQUFvQyxFQUFFO0lBQ25HLE9BQVEsR0FBVyxDQUFDLFNBQVMsS0FBSyxTQUFTLENBQUM7QUFDOUMsQ0FBQyxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLENBQzdCLFNBQTJCLEVBQzNCLFlBQXdCLEVBQUUsdUZBQXVGO0FBQ2pILFlBQXdCLEVBQUUsaUZBQWlGO0FBQzNHLFdBQW1CLEVBQ2MsRUFBRTtJQUNuQyxNQUFNLGdCQUFnQixHQUFHLFlBQVksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBRWxGLE1BQU0sT0FBTyxHQUErQixDQUFDLEtBQUssRUFBRSxFQUFFO1FBQ3BELE1BQU0sYUFBYSxHQUFNLDhDQUFLLFlBQVksR0FBSyxZQUFZLEdBQUssS0FBSyxDQUFPLENBQUM7UUFDN0UsTUFBTSxjQUFjLEdBQUcsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDbEUsTUFBTSxTQUFTLEdBQUcsZ0JBQWdCLElBQUksY0FBYyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsZ0JBQWdCLEVBQUUsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztRQUNoSCxPQUFPLG9CQUFDLFNBQVMsb0JBQUssYUFBYSxJQUFFLFNBQVMsRUFBRSxTQUFTLElBQUksQ0FBQztJQUNoRSxDQUFDLENBQUM7SUFFRixPQUFPLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUNsQyxPQUFPLE9BQU8sQ0FBQztBQUNqQixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRyxDQUNuQyxTQUEyQixFQUMzQixZQUF3QixFQUN4QixXQUFtQixFQUNELEVBQUU7SUFDcEIsTUFBTSxnQkFBZ0IsR0FBRyxZQUFZLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUVsRixNQUFNLE9BQU8sR0FBZ0IsQ0FBQyxLQUFRLEVBQUUsRUFBRTtRQUN4QyxNQUFNLGNBQWMsR0FBRyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNsRSxNQUFNLFNBQVMsR0FBRyxnQkFBZ0IsSUFBSSxjQUFjLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRSxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQ2hILE9BQU8sb0JBQUMsU0FBUyxvQkFBSyxZQUFZLEVBQU0sS0FBSyxJQUFFLFNBQVMsRUFBRSxTQUFTLElBQUksQ0FBQztJQUMxRSxDQUFDLENBQUM7SUFFRixPQUFPLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUNsQyxPQUFPLE9BQU8sQ0FBQztBQUNqQixDQUFDLENBQUMifQ==
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { tw } from '../../../../src/utils/tailwind';
|
3
3
|
export const CharCounter = ({ dense = true, length, maxLength, valid = true }) => {
|
4
|
-
return (React.createElement("span", { className: tw(`whitespace-nowrap`, valid ? 'text-grey-50' : 'text-error-70', dense ? 'typography-caption
|
4
|
+
return (React.createElement("span", { className: tw(`whitespace-nowrap`, valid ? 'text-grey-50' : 'text-error-70', dense ? 'typography-caption' : 'typography-small') }, `${length} / ${maxLength}`));
|
5
5
|
};
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hhckNvdW50ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9DaGFyQ291bnRlci9DaGFyQ291bnRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVN4QyxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQStCLENBQUMsRUFBRSxLQUFLLEdBQUcsSUFBSSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsS0FBSyxHQUFHLElBQUksRUFBRSxFQUFFLEVBQUU7SUFDM0csT0FBTyxDQUNMLDhCQUNFLFNBQVMsRUFBRSxFQUFFLENBQ1gsbUJBQW1CLEVBQ25CLEtBQUssQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxlQUFlLEVBQ3hDLEtBQUssQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUNsRCxJQUVBLEdBQUcsTUFBTSxNQUFNLFNBQVMsRUFBRSxDQUN0QixDQUNSLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
@@ -3,4 +3,4 @@ import { Flexbox } from '../../../../src/components';
|
|
3
3
|
export const FormControl = ({ className, inline, children }) => {
|
4
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUNvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9Gb3JtQ29udHJvbC9Gb3JtQ29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQU96QyxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQW9CLENBQUMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDOUUsT0FBTyxDQUNMLG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFFLFNBQVMsRUFBRSxTQUFTLElBQ3pGLFFBQVEsQ0FDRCxDQUNYLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
@@ -1,20 +1,20 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import classNames from 'classnames';
|
2
3
|
import isNumber from 'lodash/isNumber';
|
3
|
-
import { tw } from '../../../../src/utils/tailwind';
|
4
4
|
import { Grid, GridItem } from '../../../../src/components';
|
5
5
|
import { CharCounter } from '../../../../src/utils/form/CharCounter/CharCounter';
|
6
|
-
import
|
6
|
+
import { tw } from '../../../../src/utils/tailwind';
|
7
7
|
export const HelperText = ({ messageId, error = false, helperText, length, maxLength, reserveSpaceForError = true, }) => {
|
8
8
|
const hasError = error && helperText;
|
9
9
|
const hasMaxLength = isNumber(maxLength) && maxLength > 0;
|
10
10
|
const showMessage = hasError || hasMaxLength;
|
11
11
|
if (!showMessage) {
|
12
|
-
return reserveSpaceForError ? React.createElement("p", { className: tw('block mt-1 mb-3 typography-caption
|
12
|
+
return reserveSpaceForError ? React.createElement("p", { className: tw('block mt-1 mb-3 typography-caption') }, "\u00A0") : null;
|
13
13
|
}
|
14
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
|
15
|
+
React.createElement(GridItem, { colStart: '1', colEnd: '2' }, hasError && (React.createElement("p", { id: messageId, className: tw('text-error-50 block typography-caption') }, helperText))),
|
16
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
|
-
//# sourceMappingURL=data:application/json;base64,
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVscGVyVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91dGlscy9mb3JtL0hlbHBlclRleHQvSGVscGVyVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sVUFBVSxNQUFNLFlBQVksQ0FBQztBQUNwQyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUF1Q3hDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEQsQ0FBQyxFQUNwRixTQUFTLEVBQ1QsS0FBSyxHQUFHLEtBQUssRUFDYixVQUFVLEVBQ1YsTUFBTSxFQUNOLFNBQVMsRUFDVCxvQkFBb0IsR0FBRyxJQUFJLEdBQzVCLEVBQUUsRUFBRTtJQUNILE1BQU0sUUFBUSxHQUFHLEtBQUssSUFBSSxVQUFVLENBQUM7SUFDckMsTUFBTSxZQUFZLEdBQUcsUUFBUSxDQUFDLFNBQVMsQ0FBQyxJQUFJLFNBQVMsR0FBRyxDQUFDLENBQUM7SUFDMUQsTUFBTSxXQUFXLEdBQUcsUUFBUSxJQUFJLFlBQVksQ0FBQztJQUU3QyxJQUFJLENBQUMsV0FBVyxFQUFFO1FBQ2hCLE9BQU8sb0JBQW9CLENBQUMsQ0FBQyxDQUFDLDJCQUFHLFNBQVMsRUFBRSxFQUFFLENBQUMsb0NBQW9DLENBQUMsYUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7S0FDekc7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQztRQUN2RyxvQkFBQyxRQUFRLElBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsR0FBRyxJQUNqQyxRQUFRLElBQUksQ0FDWCwyQkFBRyxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsd0NBQXdDLENBQUMsSUFDdEUsVUFBVSxDQUNULENBQ0wsQ0FDUTtRQUNYLG9CQUFDLFFBQVEsSUFBQyxRQUFRLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFDLE1BQU0sSUFFakQsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLFlBQVksSUFBSSxvQkFBQyxXQUFXLElBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDLEtBQUssR0FBSSxDQUNoRyxDQUNOLENBQ1IsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sUUFBUSxHQUFxQyxDQUFDLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUM5RSw2QkFBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FDcEUsQ0FBQztBQUVGLFVBQVUsQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDIn0=
|