@a-type/ui 1.3.0 → 1.3.2
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/cjs/components/actions/ActionButton.d.ts +1 -1
- package/dist/cjs/components/actions/ActionButton.js +4 -4
- package/dist/cjs/components/actions/ActionButton.js.map +1 -1
- package/dist/cjs/components/box/Box.d.ts +4 -2
- package/dist/cjs/components/box/Box.js +9 -6
- package/dist/cjs/components/box/Box.js.map +1 -1
- package/dist/cjs/components/box/Box.stories.d.ts +1 -1
- package/dist/cjs/components/button/Button.d.ts +3 -2
- package/dist/cjs/components/button/Button.js +4 -4
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/Button.stories.d.ts +1 -1
- package/dist/cjs/components/camera/Camera.d.ts +7 -5
- package/dist/cjs/components/camera/Camera.js +12 -10
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/camera/Camera.stories.d.ts +2 -2
- package/dist/cjs/components/card/Card.d.ts +10 -18
- package/dist/cjs/components/card/Card.js +11 -10
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.d.ts +2 -1
- package/dist/cjs/components/checkbox/Checkbox.js +3 -3
- package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/chip/Chip.d.ts +3 -2
- package/dist/cjs/components/chip/Chip.js +4 -5
- package/dist/cjs/components/chip/Chip.js.map +1 -1
- package/dist/cjs/components/collapsible/Collapsible.d.ts +7 -4
- package/dist/cjs/components/collapsible/Collapsible.js +5 -5
- package/dist/cjs/components/collapsible/Collapsible.js.map +1 -1
- package/dist/cjs/components/contextMenu/contextMenu.d.ts +7 -2
- package/dist/cjs/components/contextMenu/contextMenu.js +5 -5
- package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.d.ts +37 -19
- package/dist/cjs/components/dialog/Dialog.js +20 -15
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.d.ts +14 -7
- package/dist/cjs/components/divider/Divider.d.ts +3 -1
- package/dist/cjs/components/divider/Divider.js +5 -5
- package/dist/cjs/components/divider/Divider.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +6 -2
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +3 -4
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +3 -1
- package/dist/cjs/components/forms/TextField.d.ts +3 -1
- package/dist/cjs/components/forms/TextField.js +6 -5
- package/dist/cjs/components/forms/TextField.js.map +1 -1
- package/dist/cjs/components/icon/Icon.d.ts +3 -1
- package/dist/cjs/components/icon/Icon.js +4 -4
- package/dist/cjs/components/icon/Icon.js.map +1 -1
- package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.d.ts +3 -1
- package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js +6 -5
- package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map +1 -1
- package/dist/cjs/components/input/Input.d.ts +3 -1
- package/dist/cjs/components/input/Input.js +4 -3
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/input/Input.stories.d.ts +3 -1
- package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.d.ts +3 -2
- package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.js +5 -4
- package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.js.map +1 -1
- package/dist/cjs/components/marquee/marquee.d.ts +1 -1
- package/dist/cjs/components/navBar/NavBar.d.ts +10 -5
- package/dist/cjs/components/navBar/NavBar.js +8 -7
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/popover/Popover.d.ts +13 -8
- package/dist/cjs/components/popover/Popover.js +5 -5
- package/dist/cjs/components/popover/Popover.js.map +1 -1
- package/dist/cjs/components/progress/Progress.d.ts +4 -3
- package/dist/cjs/components/progress/Progress.js +3 -4
- package/dist/cjs/components/progress/Progress.js.map +1 -1
- package/dist/cjs/components/progress/Progress.stories.d.ts +4 -3
- package/dist/cjs/components/scrollArea/ScrollArea.d.ts +12 -5
- package/dist/cjs/components/scrollArea/ScrollArea.js +12 -9
- package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/cjs/components/select/Select.d.ts +23 -13
- package/dist/cjs/components/select/Select.js +18 -15
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/select/Select.stories.d.ts +10 -6
- package/dist/cjs/components/slider/Slider.d.ts +3 -1
- package/dist/cjs/components/slider/Slider.js +3 -4
- package/dist/cjs/components/slider/Slider.js.map +1 -1
- package/dist/cjs/components/slider/Slider.stories.d.ts +3 -1
- package/dist/cjs/components/spinner/Spinner.d.ts +6 -2
- package/dist/cjs/components/spinner/Spinner.js +8 -6
- package/dist/cjs/components/spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/switch/Switch.d.ts +3 -1
- package/dist/cjs/components/switch/Switch.js +15 -4
- package/dist/cjs/components/switch/Switch.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.d.ts +3 -1
- package/dist/cjs/components/textArea/TextArea.js +4 -3
- package/dist/cjs/components/textArea/TextArea.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.stories.d.ts +3 -1
- package/dist/cjs/components/tooltip/Tooltip.d.ts +3 -1
- package/dist/cjs/components/tooltip/Tooltip.js +3 -4
- package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.stories.d.ts +3 -1
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.d.ts +3 -1
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.js +5 -5
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.js.map +1 -1
- package/dist/cjs/components/utility/SlotDiv.d.ts +1 -1
- package/dist/cjs/components/utility/SlotDiv.js +4 -4
- package/dist/cjs/components/utility/SlotDiv.js.map +1 -1
- package/dist/cjs/hooks/useMergedRef.d.ts +1 -1
- package/dist/cjs/hooks/useMergedRef.js.map +1 -1
- package/dist/esm/components/actions/ActionButton.d.ts +1 -1
- package/dist/esm/components/actions/ActionButton.js +4 -4
- package/dist/esm/components/actions/ActionButton.js.map +1 -1
- package/dist/esm/components/box/Box.d.ts +4 -2
- package/dist/esm/components/box/Box.js +9 -6
- package/dist/esm/components/box/Box.js.map +1 -1
- package/dist/esm/components/box/Box.stories.d.ts +1 -1
- package/dist/esm/components/button/Button.d.ts +3 -2
- package/dist/esm/components/button/Button.js +4 -4
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.stories.d.ts +1 -1
- package/dist/esm/components/camera/Camera.d.ts +7 -5
- package/dist/esm/components/camera/Camera.js +7 -7
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/camera/Camera.stories.d.ts +2 -2
- package/dist/esm/components/card/Card.d.ts +10 -18
- package/dist/esm/components/card/Card.js +6 -7
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.d.ts +2 -1
- package/dist/esm/components/checkbox/Checkbox.js +3 -3
- package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/chip/Chip.d.ts +3 -2
- package/dist/esm/components/chip/Chip.js +3 -4
- package/dist/esm/components/chip/Chip.js.map +1 -1
- package/dist/esm/components/collapsible/Collapsible.d.ts +7 -4
- package/dist/esm/components/collapsible/Collapsible.js +4 -5
- package/dist/esm/components/collapsible/Collapsible.js.map +1 -1
- package/dist/esm/components/contextMenu/contextMenu.d.ts +7 -2
- package/dist/esm/components/contextMenu/contextMenu.js +4 -5
- package/dist/esm/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.d.ts +37 -19
- package/dist/esm/components/dialog/Dialog.js +16 -16
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.stories.d.ts +14 -7
- package/dist/esm/components/divider/Divider.d.ts +3 -1
- package/dist/esm/components/divider/Divider.js +4 -5
- package/dist/esm/components/divider/Divider.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +6 -2
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +3 -4
- package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +3 -1
- package/dist/esm/components/forms/TextField.d.ts +3 -1
- package/dist/esm/components/forms/TextField.js +6 -6
- package/dist/esm/components/forms/TextField.js.map +1 -1
- package/dist/esm/components/icon/Icon.d.ts +3 -1
- package/dist/esm/components/icon/Icon.js +3 -4
- package/dist/esm/components/icon/Icon.js.map +1 -1
- package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.d.ts +3 -1
- package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.js +5 -5
- package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map +1 -1
- package/dist/esm/components/input/Input.d.ts +3 -1
- package/dist/esm/components/input/Input.js +4 -4
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/input/Input.stories.d.ts +3 -1
- package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.d.ts +3 -2
- package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.js +4 -4
- package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.js.map +1 -1
- package/dist/esm/components/marquee/marquee.d.ts +1 -1
- package/dist/esm/components/navBar/NavBar.d.ts +10 -5
- package/dist/esm/components/navBar/NavBar.js +6 -7
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/popover/Popover.d.ts +13 -8
- package/dist/esm/components/popover/Popover.js +4 -5
- package/dist/esm/components/popover/Popover.js.map +1 -1
- package/dist/esm/components/progress/Progress.d.ts +4 -3
- package/dist/esm/components/progress/Progress.js +3 -4
- package/dist/esm/components/progress/Progress.js.map +1 -1
- package/dist/esm/components/progress/Progress.stories.d.ts +4 -3
- package/dist/esm/components/scrollArea/ScrollArea.d.ts +12 -5
- package/dist/esm/components/scrollArea/ScrollArea.js +10 -9
- package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/esm/components/select/Select.d.ts +23 -13
- package/dist/esm/components/select/Select.js +16 -16
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/select/Select.stories.d.ts +10 -6
- package/dist/esm/components/slider/Slider.d.ts +3 -1
- package/dist/esm/components/slider/Slider.js +3 -4
- package/dist/esm/components/slider/Slider.js.map +1 -1
- package/dist/esm/components/slider/Slider.stories.d.ts +3 -1
- package/dist/esm/components/spinner/Spinner.d.ts +6 -2
- package/dist/esm/components/spinner/Spinner.js +6 -6
- package/dist/esm/components/spinner/Spinner.js.map +1 -1
- package/dist/esm/components/switch/Switch.d.ts +3 -1
- package/dist/esm/components/switch/Switch.js +15 -4
- package/dist/esm/components/switch/Switch.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.d.ts +3 -1
- package/dist/esm/components/textArea/TextArea.js +4 -4
- package/dist/esm/components/textArea/TextArea.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.stories.d.ts +3 -1
- package/dist/esm/components/tooltip/Tooltip.d.ts +3 -1
- package/dist/esm/components/tooltip/Tooltip.js +3 -4
- package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.stories.d.ts +3 -1
- package/dist/esm/components/utility/HideWhileKeyboardOpen.d.ts +3 -1
- package/dist/esm/components/utility/HideWhileKeyboardOpen.js +4 -5
- package/dist/esm/components/utility/HideWhileKeyboardOpen.js.map +1 -1
- package/dist/esm/components/utility/SlotDiv.d.ts +1 -1
- package/dist/esm/components/utility/SlotDiv.js +3 -4
- package/dist/esm/components/utility/SlotDiv.js.map +1 -1
- package/dist/esm/hooks/useMergedRef.d.ts +1 -1
- package/dist/esm/hooks/useMergedRef.js.map +1 -1
- package/package.json +1 -1
- package/src/components/actions/ActionButton.tsx +45 -45
- package/src/components/box/Box.tsx +27 -24
- package/src/components/button/Button.tsx +54 -57
- package/src/components/camera/Camera.tsx +133 -133
- package/src/components/card/Card.tsx +24 -23
- package/src/components/checkbox/Checkbox.tsx +9 -10
- package/src/components/chip/Chip.tsx +9 -5
- package/src/components/collapsible/Collapsible.tsx +56 -54
- package/src/components/contextMenu/contextMenu.tsx +60 -56
- package/src/components/dialog/Dialog.tsx +328 -312
- package/src/components/divider/Divider.tsx +32 -26
- package/src/components/dropdownMenu/DropdownMenu.tsx +126 -123
- package/src/components/forms/TextField.tsx +137 -140
- package/src/components/icon/Icon.tsx +33 -28
- package/src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx +42 -38
- package/src/components/input/Input.tsx +75 -81
- package/src/components/liveUpdateTextField/LiveUpdateTextField.tsx +134 -138
- package/src/components/navBar/NavBar.tsx +105 -96
- package/src/components/popover/Popover.tsx +84 -87
- package/src/components/progress/Progress.tsx +40 -34
- package/src/components/scrollArea/ScrollArea.tsx +102 -94
- package/src/components/select/Select.tsx +294 -283
- package/src/components/slider/Slider.tsx +58 -55
- package/src/components/spinner/Spinner.tsx +66 -59
- package/src/components/switch/Switch.tsx +31 -27
- package/src/components/textArea/TextArea.tsx +114 -117
- package/src/components/tooltip/Tooltip.tsx +68 -63
- package/src/components/utility/HideWhileKeyboardOpen.tsx +30 -26
- package/src/components/utility/SlotDiv.tsx +16 -15
- package/src/hooks/useMergedRef.ts +3 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,uDAI+B;AAC/B,wEAA0D;AAC1D,gDAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,16 +4,20 @@ declare const meta: {
|
|
|
4
4
|
title: string;
|
|
5
5
|
component: (<T extends string = string>({ children, value, onValueChange, mobileNative, ...rest }: import("./Select.js").SelectProps<T>) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
6
6
|
Root: import("react").FC<import("@radix-ui/react-select").SelectProps>;
|
|
7
|
-
Item:
|
|
7
|
+
Item: ({ ref: forwardedRef, children, className, ...props }: import("@radix-ui/react-select").SelectItemProps & {
|
|
8
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
9
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
8
10
|
Group: (props: import("@radix-ui/react-select").SelectGroupProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
9
|
-
Trigger:
|
|
11
|
+
Trigger: ({ ref, children, ...props }: import("./Select.js").SelectTriggerProps & {
|
|
12
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
13
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
10
14
|
Value: import("react").FunctionComponent<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
11
15
|
Label: import("react").FunctionComponent<import("@radix-ui/react-select").SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
16
|
Separator: import("react").FunctionComponent<import("@radix-ui/react-select").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
|
-
Icon: import("react").FunctionComponent<import("@radix-ui/react-select").SelectIconProps &
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
+
Icon: import("react").FunctionComponent<import("@radix-ui/react-select").SelectIconProps & {
|
|
18
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
19
|
+
}>;
|
|
20
|
+
Content: import("react").FunctionComponent<any>;
|
|
17
21
|
};
|
|
18
22
|
argTypes: {};
|
|
19
23
|
parameters: {
|
|
@@ -7,7 +7,9 @@ export interface SliderProps extends SliderPrimitive.SliderProps {
|
|
|
7
7
|
label?: string;
|
|
8
8
|
color?: 'default' | 'primary';
|
|
9
9
|
}
|
|
10
|
-
export declare const Slider:
|
|
10
|
+
export declare const Slider: (({ ref, label, color, ...props }: SliderProps & {
|
|
11
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
12
|
+
}) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
11
13
|
Root: import("react").FunctionComponent<SliderPrimitive.SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
12
14
|
Track: import("react").FunctionComponent<SliderPrimitive.SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
13
15
|
Range: import("react").FunctionComponent<SliderPrimitive.SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -48,16 +48,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
48
48
|
exports.Slider = exports.SliderThumb = exports.SliderRange = exports.SliderTrack = exports.SliderRoot = void 0;
|
|
49
49
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
50
50
|
const SliderPrimitive = __importStar(require("@radix-ui/react-slider"));
|
|
51
|
-
const react_1 = require("react");
|
|
52
51
|
const hooks_js_1 = require("../../hooks.js");
|
|
53
52
|
exports.SliderRoot = (0, hooks_js_1.withClassName)(SliderPrimitive.Root, 'layer-components:relative layer-components:flex layer-components:items-center layer-components:select-none layer-components:touch-none layer-components:w-full layer-components:h-30px layer-components:translate-z-0');
|
|
54
53
|
exports.SliderTrack = (0, hooks_js_1.withClassName)(SliderPrimitive.Track, 'layer-components:bg-transparent layer-components:relative layer-components:grow layer-components:rounded-full layer-components:h-9px layer-components:border layer-components:border-1px layer-components:border-solid layer-components:border-black');
|
|
55
54
|
exports.SliderRange = (0, hooks_js_1.withClassName)(SliderPrimitive.Range, 'layer-components:absolute layer-components:bg-accent layer-components:rounded-full layer-components:h-full', 'layer-variants:[&[data-color=primary]]:bg-primary');
|
|
56
55
|
exports.SliderThumb = (0, hooks_js_1.withClassName)(SliderPrimitive.Thumb, 'layer-components:block layer-components:w-5 layer-components:h-5 layer-components:bg-white layer-components:shadow-sm layer-components:rounded-full layer-components:ring-2 layer-components:ring-black layer-components:touch-none layer-components:transition-all', 'layer-components:hover:shadow-md', 'layer-components:active:shadow-lg layer-components:active:ring-4 layer-components:active:ring-accent-dark layer-components:active:ring-opacity-50 layer-components:active:bg-accent-light', 'layer-components:focus-visible:shadow-lg layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent-dark layer-components:focus-visible:ring-opacity-50 layer-components:focus-visible:outline-none layer-components:focus-visible:bg-accent-light', 'layer-components:focus:outline-none', 'layer-components:disabled:opacity-50', 'layer-variants:[&[data-color=primary]]:active:bg-primary-light layer-variants:[&[data-color=primary]]:active:ring-primary-dark', 'layer-variants:[&[data-color=primary]]:focus-visible:bg-primary-light layer-variants:[&[data-color=primary]]:focus-visible:ring-primary-dark');
|
|
57
|
-
exports.Slider = Object.assign(
|
|
58
|
-
var { label, color } = _a, props = __rest(_a, ["label", "color"]);
|
|
56
|
+
exports.Slider = Object.assign(function Slider(_a) {
|
|
57
|
+
var { ref, label, color } = _a, props = __rest(_a, ["ref", "label", "color"]);
|
|
59
58
|
return ((0, jsx_runtime_1.jsxs)(exports.SliderRoot, Object.assign({ ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(exports.SliderTrack, { children: (0, jsx_runtime_1.jsx)(exports.SliderRange, { "data-color": color }) }), (0, jsx_runtime_1.jsx)(exports.SliderThumb, { "aria-label": label, "data-color": color })] })));
|
|
60
|
-
}
|
|
59
|
+
}, {
|
|
61
60
|
Root: exports.SliderRoot,
|
|
62
61
|
Track: exports.SliderTrack,
|
|
63
62
|
Range: exports.SliderRange,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wEAA0D;AAC1D,
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wEAA0D;AAC1D,6CAA+C;AAElC,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,eAAe,CAAC,IAAI,EACpB,kGAAkG,CAClG,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,gHAAgH,CAChH,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,2DAA2D,EAC3D,mDAAmD,CACnD,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAe,CAAC,KAAK,EACrB,8GAA8G,EAC9G,oCAAoC,EACpC,6FAA6F,EAC7F,iHAAiH,EACjH,uCAAuC,EACvC,wCAAwC,EACxC,oFAAoF,EACpF,2FAA2F,CAC3F,CAAC;AAOW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,EAOf;QAPe,EACf,GAAG,EACH,KAAK,EACL,KAAK,OAIL,EAHG,KAAK,cAJO,yBAKf,CADQ;IAIR,OAAO,CACN,wBAAC,kBAAU,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAC9B,uBAAC,mBAAW,cACX,uBAAC,mBAAW,kBAAa,KAAK,GAAI,GACrB,EACd,uBAAC,mBAAW,kBAAa,KAAK,gBAAc,KAAK,GAAI,KACzC,CACb,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,kBAAU;IAChB,KAAK,EAAE,mBAAW;IAClB,KAAK,EAAE,mBAAW;IAClB,KAAK,EAAE,mBAAW;CAClB,CACD,CAAC"}
|
|
@@ -2,7 +2,9 @@ import type { StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { Slider } from './Slider.js';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component:
|
|
5
|
+
component: (({ ref, label, color, ...props }: import("./Slider.js").SliderProps & {
|
|
6
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
7
|
+
}) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
6
8
|
Root: import("react").FunctionComponent<import("@radix-ui/react-slider").SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
7
9
|
Track: import("react").FunctionComponent<import("@radix-ui/react-slider").SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
8
10
|
Range: import("react").FunctionComponent<import("@radix-ui/react-slider").SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -3,5 +3,9 @@ export interface SpinnerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
|
|
|
3
3
|
size?: number;
|
|
4
4
|
thickness?: number;
|
|
5
5
|
}
|
|
6
|
-
export declare const Spinner:
|
|
7
|
-
|
|
6
|
+
export declare const Spinner: ({ ref, size, thickness, className, style, ...props }: SpinnerProps & {
|
|
7
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
8
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const FullScreenSpinner: ({ ref, ...props }: SpinnerProps & {
|
|
10
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
11
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -17,14 +17,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.FullScreenSpinner = exports.Spinner = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
20
|
const clsx_1 = __importDefault(require("clsx"));
|
|
22
21
|
const CIRCLE_SIZE = 44;
|
|
23
|
-
|
|
24
|
-
var { size = 40, thickness = 7.2, className, style } = _a, props = __rest(_a, ["size", "thickness", "className", "style"]);
|
|
22
|
+
const Spinner = function Spinner(_a) {
|
|
23
|
+
var { ref, size = 40, thickness = 7.2, className, style } = _a, props = __rest(_a, ["ref", "size", "thickness", "className", "style"]);
|
|
25
24
|
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, role: "progressbar" }, props, { className: (0, clsx_1.default)('inline-block animate-spin animate-ease-linear animate-iteration-infinite color-inherit animate-duration-1400 transform-origin-[50%_50%]', className), style: Object.assign({ width: size, height: size }, style), children: (0, jsx_runtime_1.jsx)("svg", { className: "block", viewBox: `${CIRCLE_SIZE / 2} ${CIRCLE_SIZE / 2} ${CIRCLE_SIZE} ${CIRCLE_SIZE}`, children: (0, jsx_runtime_1.jsx)("circle", { className: "stroke-current animate-spinner-stroke animate-ease-in-out animate-iteration-infinite animate-duration-1400 [stroke-dasharray:80_200] [stroke-dashoffset:0]", cx: CIRCLE_SIZE, cy: CIRCLE_SIZE, r: (CIRCLE_SIZE - thickness) / 2, fill: "none", strokeWidth: thickness }) }) })));
|
|
26
|
-
}
|
|
27
|
-
exports.
|
|
25
|
+
};
|
|
26
|
+
exports.Spinner = Spinner;
|
|
27
|
+
const FullScreenSpinner = function FullScreenSpinner(_a) {
|
|
28
|
+
var { ref } = _a, props = __rest(_a, ["ref"]);
|
|
28
29
|
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: "flex flex-row gap-4 w-full flex-1 justify-center items-center self-stretch", children: (0, jsx_runtime_1.jsx)(exports.Spinner, Object.assign({}, props)) }));
|
|
29
|
-
}
|
|
30
|
+
};
|
|
31
|
+
exports.FullScreenSpinner = FullScreenSpinner;
|
|
30
32
|
//# sourceMappingURL=Spinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAG9B,MAAM,WAAW,GAAG,EAAE,CAAC;AAQhB,MAAM,OAAO,GAAG,SAAS,OAAO,CAAC,EASvC;QATuC,EACvC,GAAG,EACH,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,GAAG,EACf,SAAS,EACT,KAAK,OAIL,EAHG,KAAK,cAN+B,kDAOvC,CADQ;IAIR,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,aAAa,IACd,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,yIAAyI,EACzI,SAAS,CACT,EACD,KAAK,kBAAI,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAK,KAAK,aAE5C,gCACC,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,GAAG,WAAW,GAAG,CAAC,IAC1B,WAAW,GAAG,CACf,IAAI,WAAW,IAAI,WAAW,EAAE,YAEhC,mCACC,SAAS,EAAC,4JAA4J,EACtK,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,WAAW,EACf,CAAC,EAAE,CAAC,WAAW,GAAG,SAAS,CAAC,GAAG,CAAC,EAChC,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,GACrB,GACG,IACD,CACN,CAAC;AACH,CAAC,CAAC;AAtCW,QAAA,OAAO,WAsClB;AAEK,MAAM,iBAAiB,GAAG,SAAS,iBAAiB,CAAC,EAK3D;QAL2D,EAC3D,GAAG,OAIH,EAHG,KAAK,cAFmD,OAG3D,CADQ;IAIR,OAAO,CACN,gCACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,4EAA4E,YAEtF,uBAAC,eAAO,oBAAK,KAAK,EAAI,GACjB,CACN,CAAC;AACH,CAAC,CAAC;AAdW,QAAA,iBAAiB,qBAc5B"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { SwitchProps } from '@radix-ui/react-switch';
|
|
2
|
-
export declare const Switch:
|
|
2
|
+
export declare const Switch: (({ ref, ...props }: SwitchProps & {
|
|
3
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
4
|
+
}) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
3
5
|
Root: import("react").FunctionComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
4
6
|
Thumb: import("react").FunctionComponent<import("@radix-ui/react-switch").SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
5
7
|
};
|
|
@@ -1,16 +1,27 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
"use strict";
|
|
3
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
4
|
+
var t = {};
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
8
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10
|
+
t[p[i]] = s[p[i]];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
3
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
15
|
exports.Switch = void 0;
|
|
5
16
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
7
17
|
const react_switch_1 = require("@radix-ui/react-switch");
|
|
8
|
-
const
|
|
18
|
+
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
9
19
|
const SwitchRoot = (0, withClassName_js_1.withClassName)(react_switch_1.Root, 'unset w-42px h-25px bg-white rounded-full relative transition-color border-default flex-shrink-0 focus-visible:shadow-focus [&[data-state=checked]]:bg-accent');
|
|
10
20
|
const SwitchThumb = (0, withClassName_js_1.withClassName)(react_switch_1.Thumb, 'block w-21px h-21px bg-white rounded-full border-default transition-transform will-change-transform [&[data-state=checked]]:translate-x-19px');
|
|
11
|
-
exports.Switch = Object.assign(
|
|
21
|
+
exports.Switch = Object.assign(function Switch(_a) {
|
|
22
|
+
var { ref } = _a, props = __rest(_a, ["ref"]);
|
|
12
23
|
return ((0, jsx_runtime_1.jsx)(SwitchRoot, Object.assign({}, props, { ref: ref, children: (0, jsx_runtime_1.jsx)(SwitchThumb, {}) })));
|
|
13
|
-
}
|
|
24
|
+
}, {
|
|
14
25
|
Root: SwitchRoot,
|
|
15
26
|
Thumb: SwitchThumb,
|
|
16
27
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,yDAAkE;AAClE,mEAA6D;AAE7D,MAAM,UAAU,GAAG,IAAA,gCAAa,EAC/B,mBAAI,EACJ,+JAA+J,CAC/J,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,oBAAK,EACL,8IAA8I,CAC9I,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,EAKf;QALe,EACf,GAAG,OAIH,EAHG,KAAK,cAFO,OAGf,CADQ;IAIR,OAAO,CACN,uBAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC9B,uBAAC,WAAW,KAAG,IACH,CACb,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}
|
|
@@ -8,4 +8,6 @@ export interface TextAreaProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'ref
|
|
|
8
8
|
placeholdersIntervalMs?: number;
|
|
9
9
|
onValueChange?: (value: string) => void;
|
|
10
10
|
}
|
|
11
|
-
export declare const TextArea:
|
|
11
|
+
export declare const TextArea: ({ ref, autoSize, autoSelect, onFocus, className, rows, padBottomPixels, onChange, placeholder, placeholders, placeholdersIntervalMs, onValueChange, ...rest }: TextAreaProps & {
|
|
12
|
+
ref?: React.Ref<HTMLTextAreaElement>;
|
|
13
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -23,9 +23,9 @@ const react_1 = require("react");
|
|
|
23
23
|
const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
|
|
24
24
|
const useRotatingShuffledValue_js_1 = require("../../hooks/useRotatingShuffledValue.js");
|
|
25
25
|
const index_js_1 = require("../input/index.js");
|
|
26
|
-
|
|
26
|
+
const TextArea = function TextArea(_a) {
|
|
27
27
|
var _b;
|
|
28
|
-
var { autoSize, autoSelect, onFocus, className, rows, padBottomPixels = 0, onChange, placeholder, placeholders, placeholdersIntervalMs = 5000, onValueChange } = _a, rest = __rest(_a, ["autoSize", "autoSelect", "onFocus", "className", "rows", "padBottomPixels", "onChange", "placeholder", "placeholders", "placeholdersIntervalMs", "onValueChange"]);
|
|
28
|
+
var { ref, autoSize, autoSelect, onFocus, className, rows, padBottomPixels = 0, onChange, placeholder, placeholders, placeholdersIntervalMs = 5000, onValueChange } = _a, rest = __rest(_a, ["ref", "autoSize", "autoSelect", "onFocus", "className", "rows", "padBottomPixels", "onChange", "placeholder", "placeholders", "placeholdersIntervalMs", "onValueChange"]);
|
|
29
29
|
const innerRef = (0, react_1.useRef)(null);
|
|
30
30
|
const finalRef = (0, useMergedRef_js_1.default)(innerRef, ref);
|
|
31
31
|
const [innerValue, setInnerValue] = (0, react_1.useState)('');
|
|
@@ -65,5 +65,6 @@ exports.TextArea = (0, react_1.forwardRef)(function TextArea(_a, ref) {
|
|
|
65
65
|
'layer-components:[resize:vertical]': !autoSize,
|
|
66
66
|
'layer-components:[resize:none]': autoSize,
|
|
67
67
|
}, className), rows: autoSize ? 1 : rows, onChange: handleChange, onFocus: handleFocus, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder }, rest)));
|
|
68
|
-
}
|
|
68
|
+
};
|
|
69
|
+
exports.TextArea = TextArea;
|
|
69
70
|
//# sourceMappingURL=TextArea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,9 @@ import type { StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { TextArea } from './TextArea.js';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component:
|
|
5
|
+
component: ({ ref, autoSize, autoSelect, onFocus, className, rows, padBottomPixels, onChange, placeholder, placeholders, placeholdersIntervalMs, onValueChange, ...rest }: import("./TextArea.js").TextAreaProps & {
|
|
6
|
+
ref?: React.Ref<HTMLTextAreaElement>;
|
|
7
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
6
8
|
argTypes: {};
|
|
7
9
|
parameters: {
|
|
8
10
|
controls: {
|
|
@@ -6,7 +6,9 @@ export interface TooltipProps extends Omit<TooltipPrimitive.TooltipTriggerProps,
|
|
|
6
6
|
open?: boolean;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
}
|
|
9
|
-
export declare const Tooltip:
|
|
9
|
+
export declare const Tooltip: (({ ref, content, children, open, disabled, ...rest }: TooltipProps & {
|
|
10
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
11
|
+
}) => import("react/jsx-runtime").JSX.Element) & {
|
|
10
12
|
Trigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
11
13
|
Content: typeof Content;
|
|
12
14
|
};
|
|
@@ -51,7 +51,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
51
51
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
52
52
|
exports.Tooltip = exports.TooltipProvider = void 0;
|
|
53
53
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
54
|
-
const react_1 = require("react");
|
|
55
54
|
const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
|
|
56
55
|
const clsx_1 = __importDefault(require("clsx"));
|
|
57
56
|
function Content(_a) {
|
|
@@ -59,10 +58,10 @@ function Content(_a) {
|
|
|
59
58
|
return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-md layer-components:py-2 layer-components:px-3 layer-components:bg-black layer-components:text-white layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-initial', '[&[data-state=instant-open]]:display-initial', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: "fill-black" })] })) }));
|
|
60
59
|
}
|
|
61
60
|
exports.TooltipProvider = TooltipPrimitive.Provider;
|
|
62
|
-
exports.Tooltip = Object.assign(
|
|
63
|
-
var { content, children, open, disabled } = _a, rest = __rest(_a, ["content", "children", "open", "disabled"]);
|
|
61
|
+
exports.Tooltip = Object.assign(function Tooltip(_a) {
|
|
62
|
+
var { ref, content, children, open, disabled } = _a, rest = __rest(_a, ["ref", "content", "children", "open", "disabled"]);
|
|
64
63
|
return ((0, jsx_runtime_1.jsxs)(TooltipPrimitive.Root, { open: open, children: [disabled ? (children) : ((0, jsx_runtime_1.jsx)(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true, ref: ref }, rest, { children: children }))), (0, jsx_runtime_1.jsx)(Content, { sideOffset: 12, children: content })] }));
|
|
65
|
-
}
|
|
64
|
+
}, {
|
|
66
65
|
Trigger: TooltipPrimitive.TooltipTrigger,
|
|
67
66
|
Content,
|
|
68
67
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAC5D,gDAA8B;AAE9B,SAAS,OAAO,CAAC,EAIsB;QAJtB,EAChB,QAAQ,EACR,SAAS,OAE6B,EADnC,KAAK,cAHQ,yBAIhB,CADQ;IAER,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,cACvB,wBAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,IAAA,cAAU,EACpB,sJAAsJ,EACtJ,8CAA8C,EAC9C,8CAA8C,EAC9C,mFAAmF,EACnF,kEAAkE,EAClE,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,uBAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,YAAY,GAAG,KACvB,GACF,CAC1B,CAAC;AACH,CAAC;AAEY,QAAA,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAS5C,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CACnC,SAAS,OAAO,CAAC,EAShB;QATgB,EAChB,GAAG,EACH,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,OAIR,EAHG,IAAI,cANS,kDAOhB,CADO;IAIP,OAAO,CACN,wBAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,uBAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,QAAC,GAAG,EAAE,GAAG,IAAM,IAAI,cACzD,QAAQ,IACwB,CAClC,EACD,uBAAC,OAAO,IAAC,UAAU,EAAE,EAAE,YAAG,OAAO,GAAW,IACrB,CACxB,CAAC;AACH,CAAC,EACD;IACC,OAAO,EAAE,gBAAgB,CAAC,cAAc;IACxC,OAAO;CACP,CACD,CAAC"}
|
|
@@ -2,7 +2,9 @@ import type { StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { Tooltip } from './Tooltip.js';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component:
|
|
5
|
+
component: (({ ref, content, children, open, disabled, ...rest }: import("./Tooltip.js").TooltipProps & {
|
|
6
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
7
|
+
}) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
6
8
|
Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
9
|
Content: ({ children, className, ...props }: import("@radix-ui/react-tooltip").TooltipContentProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
8
10
|
};
|
|
@@ -2,4 +2,6 @@ import { HTMLAttributes } from 'react';
|
|
|
2
2
|
export interface HideWhileKeyboardOpenProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
asChild?: boolean;
|
|
4
4
|
}
|
|
5
|
-
export declare const HideWhileKeyboardOpen:
|
|
5
|
+
export declare const HideWhileKeyboardOpen: ({ ref, asChild, className, ...rest }: HideWhileKeyboardOpenProps & {
|
|
6
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
7
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -18,13 +18,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
18
18
|
exports.HideWhileKeyboardOpen = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const react_slot_1 = require("@radix-ui/react-slot");
|
|
21
|
-
const hooks_js_1 = require("../../hooks.js");
|
|
22
21
|
const clsx_1 = __importDefault(require("clsx"));
|
|
23
|
-
const
|
|
24
|
-
|
|
25
|
-
var { asChild, className } = _a, rest = __rest(_a, ["asChild", "className"]);
|
|
22
|
+
const hooks_js_1 = require("../../hooks.js");
|
|
23
|
+
const HideWhileKeyboardOpen = function HideWhileKeyboardOpen(_a) {
|
|
24
|
+
var { ref, asChild, className } = _a, rest = __rest(_a, ["ref", "asChild", "className"]);
|
|
26
25
|
const isKeyboardOpen = (0, hooks_js_1.useIsKeyboardOpen)();
|
|
27
26
|
const Comp = asChild ? react_slot_1.Slot : 'div';
|
|
28
27
|
return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, clsx_1.default)(isKeyboardOpen && 'layer-responsive:hidden', className) }, rest)));
|
|
29
|
-
}
|
|
28
|
+
};
|
|
29
|
+
exports.HideWhileKeyboardOpen = HideWhileKeyboardOpen;
|
|
30
30
|
//# sourceMappingURL=HideWhileKeyboardOpen.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HideWhileKeyboardOpen.js","sourceRoot":"","sources":["../../../../src/components/utility/HideWhileKeyboardOpen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"HideWhileKeyboardOpen.js","sourceRoot":"","sources":["../../../../src/components/utility/HideWhileKeyboardOpen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,gDAAwB;AAExB,6CAAmD;AAO5C,MAAM,qBAAqB,GAAG,SAAS,qBAAqB,CAAC,EAOnE;QAPmE,EACnE,GAAG,EACH,OAAO,EACP,SAAS,OAIT,EAHG,IAAI,cAJ4D,+BAKnE,CADO;IAIP,MAAM,cAAc,GAAG,IAAA,4BAAiB,GAAE,CAAC;IAE3C,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,cAAc,IAAI,yBAAyB,EAAE,SAAS,CAAC,IACnE,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AAnBW,QAAA,qBAAqB,yBAmBhC"}
|
|
@@ -2,4 +2,4 @@ import { HTMLProps } from 'react';
|
|
|
2
2
|
export interface SlotDivProps extends HTMLProps<HTMLDivElement> {
|
|
3
3
|
asChild?: boolean;
|
|
4
4
|
}
|
|
5
|
-
export declare const SlotDiv:
|
|
5
|
+
export declare const SlotDiv: ({ ref, asChild, ...rest }: SlotDivProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -15,12 +15,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
15
15
|
exports.SlotDiv = void 0;
|
|
16
16
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
17
17
|
const react_slot_1 = require("@radix-ui/react-slot");
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
var { asChild } = _a, rest = __rest(_a, ["asChild"]);
|
|
18
|
+
const SlotDiv = function SlotDiv(_a) {
|
|
19
|
+
var { ref, asChild } = _a, rest = __rest(_a, ["ref", "asChild"]);
|
|
21
20
|
if (asChild) {
|
|
22
21
|
return (0, jsx_runtime_1.jsx)(react_slot_1.Slot, Object.assign({ ref: ref }, rest));
|
|
23
22
|
}
|
|
24
23
|
return (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, rest));
|
|
25
|
-
}
|
|
24
|
+
};
|
|
25
|
+
exports.SlotDiv = SlotDiv;
|
|
26
26
|
//# sourceMappingURL=SlotDiv.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlotDiv.js","sourceRoot":"","sources":["../../../../src/components/utility/SlotDiv.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,qDAA4C;
|
|
1
|
+
{"version":3,"file":"SlotDiv.js","sourceRoot":"","sources":["../../../../src/components/utility/SlotDiv.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,qDAA4C;AAMrC,MAAM,OAAO,GAAG,SAAS,OAAO,CAAC,EAIzB;QAJyB,EACvC,GAAG,EACH,OAAO,OAEO,EADX,IAAI,cAHgC,kBAIvC,CADO;IAEP,IAAI,OAAO,EAAE,CAAC;QACb,OAAO,uBAAC,iBAAI,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,EAAI,CAAC;IACrC,CAAC;IACD,OAAO,8CAAK,GAAG,EAAE,GAAG,IAAM,IAAI,EAAI,CAAC;AACpC,CAAC,CAAC;AATW,QAAA,OAAO,WASlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMergedRef.js","sourceRoot":"","sources":["../../../src/hooks/useMergedRef.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,SAAS,YAAY,
|
|
1
|
+
{"version":3,"file":"useMergedRef.js","sourceRoot":"","sources":["../../../src/hooks/useMergedRef.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,SAAS,YAAY,CACpB,GAAG,IAAkC;IAErC,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,OAAU,EAAE,EAAE;QACvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACtC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YACpB,IAAI,OAAO,GAAG,KAAK,UAAU;gBAAE,GAAG,CAAC,OAAO,CAAC,CAAC;iBACvC,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ;gBACrC,GAAiC,CAAC,OAAO,GAAG,OAAO,CAAC;QACvD,CAAC;IACF,CAAC,EAAE,IAAI,CAAC,CAAC;AACV,CAAC;AAED,kBAAe,YAAY,CAAC"}
|
|
@@ -4,4 +4,4 @@ export interface ActionButtonProps extends ButtonProps {
|
|
|
4
4
|
icon?: ReactNode;
|
|
5
5
|
visible?: boolean;
|
|
6
6
|
}
|
|
7
|
-
export declare
|
|
7
|
+
export declare function ActionButton({ icon, children, className, visible, ...rest }: ActionButtonProps): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -13,10 +13,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
};
|
|
14
14
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
15
15
|
import classNames from 'clsx';
|
|
16
|
-
import {
|
|
16
|
+
import { useEffect, useState } from 'react';
|
|
17
17
|
import { Button } from '../button/Button.js';
|
|
18
18
|
import { CollapsibleContent, CollapsibleRoot } from '../collapsible/index.js';
|
|
19
|
-
export
|
|
19
|
+
export function ActionButton(_a) {
|
|
20
20
|
var { icon, children, className, visible = true } = _a, rest = __rest(_a, ["icon", "children", "className", "visible"]);
|
|
21
21
|
// this rather convoluted logic is meant to do:
|
|
22
22
|
// - when button goes invisible, wait for collapse and then
|
|
@@ -38,6 +38,6 @@ export const ActionButton = forwardRef(function ActionButton(_a, ref) {
|
|
|
38
38
|
if (!render && !visible) {
|
|
39
39
|
return null;
|
|
40
40
|
}
|
|
41
|
-
return (_jsx(CollapsibleRoot, { open: !visible ? false : render, children: _jsx(CollapsibleContent, { "data-horizontal": true, children: _jsxs(Button, Object.assign({
|
|
42
|
-
}
|
|
41
|
+
return (_jsx(CollapsibleRoot, { open: !visible ? false : render, children: _jsx(CollapsibleContent, { "data-horizontal": true, children: _jsxs(Button, Object.assign({ size: "small", className: classNames('important:border-gray7 important:font-normal important:whitespace-nowrap important:m-2 important:flex important:flex-row important:gap-2 important:items-center important:h-30px important:rounded-15px important:mx-1', 'hover:bg-gray2', className) }, rest, { children: [icon, children] })) }) }));
|
|
42
|
+
}
|
|
43
43
|
//# sourceMappingURL=ActionButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,
|
|
1
|
+
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAO9E,MAAM,UAAU,YAAY,CAAC,EAMT;QANS,EAC5B,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,IAAI,OAEK,EADhB,IAAI,cALqB,4CAM5B,CADO;IAEP,+CAA+C;IAC/C,2DAA2D;IAC3D,mBAAmB;IACnB,qDAAqD;IACrD,qCAAqC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,SAAS,CAAC,OAAO,CAAC,CAAC;YACpB,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACP,SAAS,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,KAAC,eAAe,IAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,YAC/C,KAAC,kBAAkB,uCAClB,MAAC,MAAM,kBACN,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,UAAU,CACpB,sHAAsH,EACtH,gBAAgB,EAChB,SAAS,CACT,IACG,IAAI,eAEP,IAAI,EACJ,QAAQ,KACD,GACW,GACJ,CAClB,CAAC;AACH,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Ref } from 'react';
|
|
1
2
|
import { ThemeName } from '../colorPicker/ColorPicker.js';
|
|
2
3
|
import { SlotDivProps } from '../utility/SlotDiv.js';
|
|
3
4
|
export type BoxAlignment = 'center' | 'stretch' | 'start' | 'end';
|
|
@@ -13,8 +14,9 @@ export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
|
|
|
13
14
|
wrap?: boolean;
|
|
14
15
|
p?: BoxSpacingSize;
|
|
15
16
|
container?: boolean;
|
|
16
|
-
surface?: boolean;
|
|
17
|
+
surface?: boolean | 'primary' | 'secondary';
|
|
17
18
|
theme?: ThemeName;
|
|
18
19
|
border?: boolean;
|
|
20
|
+
ref?: Ref<HTMLDivElement>;
|
|
19
21
|
}
|
|
20
|
-
export declare
|
|
22
|
+
export declare function Box({ className, direction, items: itemsSolo, justify: justifySolo, align, gap, wrap, p, container, style: userStyle, surface, theme, border, ref, ...rest }: BoxProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -12,10 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
14
|
import clsx from 'clsx';
|
|
15
|
-
import { createContext,
|
|
15
|
+
import { createContext, useContext, useMemo } from 'react';
|
|
16
16
|
import { SlotDiv } from '../utility/SlotDiv.js';
|
|
17
|
-
export
|
|
18
|
-
var { className, direction, items: itemsSolo, justify: justifySolo, align, gap = 'md', wrap, p = 'sm', container, style: userStyle, surface, theme, border } = _a, rest = __rest(_a, ["className", "direction", "items", "justify", "align", "gap", "wrap", "p", "container", "style", "surface", "theme", "border"]);
|
|
17
|
+
export function Box(_a) {
|
|
18
|
+
var { className, direction, items: itemsSolo, justify: justifySolo, align, gap = 'md', wrap, p = 'sm', container, style: userStyle, surface, theme, border, ref } = _a, rest = __rest(_a, ["className", "direction", "items", "justify", "align", "gap", "wrap", "p", "container", "style", "surface", "theme", "border", "ref"]);
|
|
19
19
|
const { spacingScale } = useContext(BoxContext);
|
|
20
20
|
const style = useMemo(() => (Object.assign(Object.assign({}, userStyle), { '--spacing-scale': spacingScale })), [userStyle, spacingScale]);
|
|
21
21
|
const items = itemsSolo !== null && itemsSolo !== void 0 ? itemsSolo : align === null || align === void 0 ? void 0 : align.split(' ')[0];
|
|
@@ -46,14 +46,17 @@ export const Box = forwardRef(function Box(_a, ref) {
|
|
|
46
46
|
'layer-components:p-md': p === 'md',
|
|
47
47
|
'layer-components:p-lg': p === 'lg',
|
|
48
48
|
'layer-components:p-xl': p === 'xl',
|
|
49
|
-
'layer-components:rounded-lg
|
|
50
|
-
'layer-components:
|
|
49
|
+
'layer-components:rounded-lg': !!surface,
|
|
50
|
+
'layer-components:bg-white layer-components:border-black': surface === true,
|
|
51
|
+
'layer-components:bg-primary-wash layer-components:border-primary-dark': surface === 'primary',
|
|
52
|
+
'layer-components:bg-secondary-wash layer-components:border-secondary-dark': surface === 'secondary',
|
|
53
|
+
'layer-components:border layer-components:border-solid layer-components:rounded-lg': border,
|
|
51
54
|
}, theme && `theme-${theme}`, className) })));
|
|
52
55
|
if (container) {
|
|
53
56
|
return (_jsx(BoxContext.Provider, { value: { spacingScale: spacingScale * SPACING_SCALE_NESTING_FACTOR }, children: main }));
|
|
54
57
|
}
|
|
55
58
|
return main;
|
|
56
|
-
}
|
|
59
|
+
}
|
|
57
60
|
const SPACING_SCALE_NESTING_FACTOR = 0.5;
|
|
58
61
|
const BoxContext = createContext({
|
|
59
62
|
spacingScale: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { Box } from './Box.js';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component:
|
|
5
|
+
component: typeof Box;
|
|
6
6
|
argTypes: {
|
|
7
7
|
border: {
|
|
8
8
|
type: "boolean";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonHTMLAttributes } from 'react';
|
|
1
|
+
import { ButtonHTMLAttributes, Ref } from 'react';
|
|
2
2
|
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
color?: 'primary' | 'default' | 'ghost' | 'destructive' | 'ghostDestructive' | 'ghostAccent' | 'accent' | 'contrast' | 'unstyled';
|
|
4
4
|
size?: 'default' | 'small' | 'icon' | 'icon-small';
|
|
@@ -9,5 +9,6 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
9
9
|
loading?: boolean;
|
|
10
10
|
asChild?: boolean;
|
|
11
11
|
visuallyFocused?: boolean;
|
|
12
|
+
ref?: Ref<HTMLButtonElement>;
|
|
12
13
|
}
|
|
13
|
-
export declare
|
|
14
|
+
export declare function Button({ className, color, size, toggled, toggleMode, align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, ref, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -13,12 +13,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
14
|
import { Slot } from '@radix-ui/react-slot';
|
|
15
15
|
import classNames from 'clsx';
|
|
16
|
-
import {
|
|
16
|
+
import { memo } from 'react';
|
|
17
17
|
import { Icon } from '../icon/index.js';
|
|
18
18
|
import { Spinner } from '../spinner/index.js';
|
|
19
19
|
import { getButtonClassName } from './classes.js';
|
|
20
|
-
export
|
|
21
|
-
var { className, color, size, toggled, toggleMode = 'color', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild"]);
|
|
20
|
+
export function Button(_a) {
|
|
21
|
+
var { className, color, size, toggled, toggleMode = 'color', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, ref } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild", "ref"]);
|
|
22
22
|
const Comp = asChild ? Slot : 'button';
|
|
23
23
|
const buttonProps = Object.assign(Object.assign({ ref: ref }, props), { disabled: disabled || loading, 'data-disabled': visuallyDisabled, 'data-focus': visuallyFocused, 'data-size': size, tabIndex: visuallyDisabled ? -1 : undefined, className: classNames(getButtonClassName({
|
|
24
24
|
color,
|
|
@@ -35,7 +35,7 @@ export const Button = forwardRef(function Button(_a, ref) {
|
|
|
35
35
|
return _jsx(Comp, Object.assign({}, buttonProps, { children: children }));
|
|
36
36
|
}
|
|
37
37
|
return (_jsxs(Comp, Object.assign({}, buttonProps, { children: [loading && _jsx(Spinner, { size: 16, className: "inline-block w-1em h-1em" }), toggled !== undefined && toggleMode !== 'state-only' && (_jsx(ToggleIndicator, { value: toggled })), children] })));
|
|
38
|
-
}
|
|
38
|
+
}
|
|
39
39
|
const ToggleIndicator = memo(function ToggleIndicator({ value, }) {
|
|
40
40
|
return (_jsx(Icon, { "aria-hidden": true, name: "check", className: "transition-width w-0 ml--1", style: {
|
|
41
41
|
width: value ? '15px' : 0,
|