reshaped 3.5.0 → 3.5.1-canary.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/dist/bundle.css +1 -1
- package/dist/bundle.js +8 -8
- package/dist/components/Accordion/Accordion.d.ts +5 -11
- package/dist/components/Accordion/AccordionContent.d.ts +2 -4
- package/dist/components/Accordion/AccordionControlled.d.ts +2 -4
- package/dist/components/Accordion/AccordionTrigger.d.ts +2 -4
- package/dist/components/Accordion/AccordionUncontrolled.d.ts +2 -4
- package/dist/components/Accordion/tests/Accordion.stories.d.ts +3 -11
- package/dist/components/ActionBar/ActionBar.d.ts +1 -4
- package/dist/components/ActionBar/tests/ActionBar.stories.d.ts +1 -4
- package/dist/components/ActionBar/tests/ActionBar.test.stories.d.ts +1 -4
- package/dist/components/Actionable/Actionable.d.ts +1 -1
- package/dist/components/Actionable/tests/Actionable.stories.d.ts +1 -1
- package/dist/components/Actionable/tests/Actionable.test.stories.d.ts +1 -1
- package/dist/components/Alert/Alert.d.ts +2 -4
- package/dist/components/Alert/tests/Alert.stories.d.ts +1 -4
- package/dist/components/Alert/tests/Alert.test.stories.d.ts +1 -4
- package/dist/components/Autocomplete/Autocomplete.d.ts +4 -7
- package/dist/components/Autocomplete/tests/Autocomplete.stories.d.ts +2 -7
- package/dist/components/Avatar/Avatar.d.ts +1 -4
- package/dist/components/Avatar/tests/Avatar.stories.d.ts +1 -4
- package/dist/components/Badge/BadgeContainer.d.ts +1 -4
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +4 -3
- package/dist/components/Breadcrumbs/Breadcrumbs.js +2 -0
- package/dist/components/Breadcrumbs/BreadcrumbsItem.d.ts +1 -4
- package/dist/components/Breadcrumbs/index.d.ts +1 -10
- package/dist/components/Breadcrumbs/index.js +1 -5
- package/dist/components/Breadcrumbs/tests/Breadcrumbs.stories.d.ts +2 -8
- package/dist/components/Breadcrumbs/tests/Breadcrumbs.test.stories.d.ts +2 -8
- package/dist/components/Button/ButtonAligner.d.ts +1 -4
- package/dist/components/Button/ButtonGroup.d.ts +1 -4
- package/dist/components/Calendar/Calendar.d.ts +1 -4
- package/dist/components/Calendar/CalendarControlled.d.ts +2 -4
- package/dist/components/Calendar/CalendarControls.d.ts +2 -4
- package/dist/components/Calendar/CalendarDate.d.ts +1 -4
- package/dist/components/Calendar/CalendarMonth.d.ts +1 -4
- package/dist/components/Calendar/CalendarUncontrolled.d.ts +2 -4
- package/dist/components/Calendar/CalendarYear.d.ts +2 -4
- package/dist/components/Calendar/tests/Calendar.stories.d.ts +1 -4
- package/dist/components/Calendar/useCalendarKeyboardNavigation.d.ts +1 -1
- package/dist/components/Card/Card.js +3 -1
- package/dist/components/Carousel/Carousel.d.ts +2 -4
- package/dist/components/Carousel/CarouselControl.d.ts +2 -4
- package/dist/components/Carousel/tests/Carousel.stories.d.ts +1 -4
- package/dist/components/Checkbox/Checkbox.d.ts +2 -4
- package/dist/components/Checkbox/tests/Checkbox.stories.d.ts +1 -4
- package/dist/components/Checkbox/tests/Checkbox.test.stories.d.ts +1 -4
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +1 -4
- package/dist/components/CheckboxGroup/CheckboxGroupControlled.d.ts +1 -4
- package/dist/components/CheckboxGroup/CheckboxGroupUncontrolled.d.ts +2 -4
- package/dist/components/CheckboxGroup/tests/CheckboxGroup.stories.d.ts +1 -4
- package/dist/components/CheckboxGroup/tests/CheckboxGroup.test.stories.d.ts +1 -4
- package/dist/components/Container/Container.d.ts +1 -4
- package/dist/components/Container/tests/Container.stories.d.ts +1 -4
- package/dist/components/Container/tests/Container.test.stories.d.ts +1 -4
- package/dist/components/ContextMenu/ContextMenu.d.ts +8 -23
- package/dist/components/ContextMenu/tests/ContextMenu.stories.d.ts +6 -23
- package/dist/components/ContextMenu/tests/ContextMenu.test.stories.d.ts +6 -23
- package/dist/components/Dismissible/Dismissible.d.ts +1 -4
- package/dist/components/Dismissible/tests/Dismissible.stories.d.ts +1 -4
- package/dist/components/Dismissible/tests/Dismissible.test.stories.d.ts +1 -4
- package/dist/components/Divider/Divider.d.ts +2 -4
- package/dist/components/Divider/tests/Divider.stories.d.ts +1 -4
- package/dist/components/Divider/tests/Divider.test.stories.d.ts +1 -4
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +15 -31
- package/dist/components/DropdownMenu/tests/DropdownMenu.stories.d.ts +8 -31
- package/dist/components/DropdownMenu/tests/DropdownMenu.test.stories.d.ts +8 -31
- package/dist/components/FileUpload/FileUpload.d.ts +4 -7
- package/dist/components/FileUpload/tests/FileUpload.stories.d.ts +2 -7
- package/dist/components/FileUpload/tests/FileUpload.test.stories.d.ts +2 -7
- package/dist/components/FormControl/FormControl.d.ts +8 -8
- package/dist/components/FormControl/FormControl.js +28 -7
- package/dist/components/FormControl/FormControlCaption.d.ts +1 -1
- package/dist/components/FormControl/FormControlError.d.ts +1 -4
- package/dist/components/FormControl/FormControlHelper.d.ts +1 -4
- package/dist/components/FormControl/FormControlLabel.d.ts +1 -4
- package/dist/components/FormControl/tests/FormControl.stories.d.ts +4 -4
- package/dist/components/FormControl/tests/FormControl.test.stories.d.ts +4 -4
- package/dist/components/Hidden/Hidden.d.ts +1 -4
- package/dist/components/Hidden/tests/Hidden.stories.d.ts +1 -4
- package/dist/components/Hidden/tests/Hidden.test.stories.d.ts +1 -4
- package/dist/components/HiddenVisually/HiddenVisually.d.ts +1 -4
- package/dist/components/HiddenVisually/tests/HiddenVisually.stories.d.ts +1 -4
- package/dist/components/HiddenVisually/tests/HiddenVisually.test.stories.d.ts +1 -4
- package/dist/components/Hotkey/Hotkey.d.ts +1 -4
- package/dist/components/Hotkey/tests/Hotkey.stories.d.ts +1 -4
- package/dist/components/Hotkey/tests/Hotkey.test.stories.d.ts +1 -4
- package/dist/components/Icon/Icon.d.ts +2 -4
- package/dist/components/Icon/tests/Icon.stories.d.ts +1 -4
- package/dist/components/Icon/tests/Icon.test.stories.d.ts +1 -4
- package/dist/components/Image/Image.d.ts +1 -4
- package/dist/components/Image/tests/Image.stories.d.ts +1 -4
- package/dist/components/Link/Link.d.ts +2 -1
- package/dist/components/Link/tests/Link.stories.d.ts +1 -1
- package/dist/components/Link/tests/Link.test.stories.d.ts +1 -1
- package/dist/components/Loader/Loader.d.ts +1 -4
- package/dist/components/Loader/tests/Loader.stories.d.ts +1 -4
- package/dist/components/Loader/tests/Loader.test.stories.d.ts +1 -4
- package/dist/components/MenuItem/MenuItemAligner.d.ts +1 -4
- package/dist/components/Modal/Modal.d.ts +6 -11
- package/dist/components/Modal/tests/Modal.stories.d.ts +3 -11
- package/dist/components/Modal/tests/Modal.test.stories.d.ts +3 -11
- package/dist/components/NumberField/NumberField.d.ts +1 -4
- package/dist/components/NumberField/NumberField.module.css +1 -1
- package/dist/components/NumberField/NumberFieldControlled.d.ts +2 -4
- package/dist/components/NumberField/NumberFieldUncontrolled.d.ts +2 -4
- package/dist/components/NumberField/tests/NumberField.stories.d.ts +1 -4
- package/dist/components/Overlay/Overlay.d.ts +2 -4
- package/dist/components/Overlay/tests/Overlay.stories.d.ts +1 -4
- package/dist/components/Overlay/tests/Overlay.test.stories.d.ts +1 -4
- package/dist/components/Pagination/Pagination.d.ts +1 -4
- package/dist/components/Pagination/PaginationControlled.d.ts +1 -4
- package/dist/components/Pagination/PaginationUncontrolled.d.ts +2 -4
- package/dist/components/Pagination/tests/Pagination.stories.d.ts +1 -4
- package/dist/components/Pagination/tests/Pagination.test.stories.d.ts +1 -4
- package/dist/components/PinField/PinField.d.ts +1 -4
- package/dist/components/PinField/PinFieldControlled.d.ts +2 -4
- package/dist/components/PinField/PinFieldUncontrolled.d.ts +2 -4
- package/dist/components/PinField/tests/PinField.stories.d.ts +1 -4
- package/dist/components/PinField/tests/PinField.test.stories.d.ts +1 -4
- package/dist/components/Popover/Popover.d.ts +6 -15
- package/dist/components/Popover/tests/Popover.stories.d.ts +4 -15
- package/dist/components/Popover/tests/Popover.test.stories.d.ts +4 -15
- package/dist/components/Progress/Progress.d.ts +2 -4
- package/dist/components/Progress/tests/Progress.stories.d.ts +1 -4
- package/dist/components/Progress/tests/Progress.test.stories.d.ts +1 -4
- package/dist/components/ProgressIndicator/ProgressIndicator.d.ts +2 -4
- package/dist/components/ProgressIndicator/tests/ProgressIndicator.stories.d.ts +1 -4
- package/dist/components/Radio/Radio.d.ts +2 -4
- package/dist/components/Radio/tests/Radio.stories.d.ts +1 -4
- package/dist/components/Radio/tests/Radio.test.stories.d.ts +1 -4
- package/dist/components/RadioGroup/RadioGroup.d.ts +1 -4
- package/dist/components/RadioGroup/RadioGroupControlled.d.ts +1 -4
- package/dist/components/RadioGroup/RadioGroupUncontrolled.d.ts +2 -4
- package/dist/components/RadioGroup/tests/RadioGroup.stories.d.ts +1 -4
- package/dist/components/RadioGroup/tests/RadioGroup.test.stories.d.ts +1 -4
- package/dist/components/Reshaped/Reshaped.d.ts +2 -4
- package/dist/components/Resizable/Resizable.d.ts +1 -3
- package/dist/components/Resizable/Resizable.js +2 -2
- package/dist/components/Resizable/tests/Resizable.stories.d.ts +3 -5
- package/dist/components/Resizable/tests/Resizable.test.stories.d.ts +3 -5
- package/dist/components/Scrim/Scrim.d.ts +1 -4
- package/dist/components/Scrim/tests/Scrim.stories.d.ts +1 -4
- package/dist/components/Scrim/tests/Scrim.test.stories.d.ts +1 -4
- package/dist/components/Select/Select.d.ts +2 -4
- package/dist/components/Select/tests/Select.stories.d.ts +1 -4
- package/dist/components/Select/tests/Select.test.stories.d.ts +1 -4
- package/dist/components/Skeleton/Skeleton.d.ts +1 -4
- package/dist/components/Skeleton/tests/Skeleton.stories.d.ts +1 -4
- package/dist/components/Skeleton/tests/Skeleton.test.stories.d.ts +1 -4
- package/dist/components/Slider/Slider.d.ts +1 -4
- package/dist/components/Slider/SliderControlled.d.ts +2 -4
- package/dist/components/Slider/SliderThumb.d.ts +2 -2
- package/dist/components/Slider/SliderThumb.js +3 -3
- package/dist/components/Slider/SliderUncontrolled.d.ts +2 -4
- package/dist/components/Slider/tests/Slider.stories.d.ts +1 -4
- package/dist/components/Slider/tests/Slider.test.stories.d.ts +1 -4
- package/dist/components/Stepper/Stepper.d.ts +6 -6
- package/dist/components/Stepper/tests/Stepper.stories.d.ts +1 -3
- package/dist/components/Stepper/tests/Stepper.test.stories.d.ts +1 -3
- package/dist/components/Switch/Switch.d.ts +2 -4
- package/dist/components/Switch/tests/Switch.stories.d.ts +1 -4
- package/dist/components/Switch/tests/Switch.test.stories.d.ts +1 -4
- package/dist/components/Table/Table.d.ts +12 -23
- package/dist/components/Table/tests/Table.stories.d.ts +6 -23
- package/dist/components/Table/tests/Table.test.stories.d.ts +6 -23
- package/dist/components/Tabs/Tabs.d.ts +7 -12
- package/dist/components/Tabs/TabsControlled.d.ts +2 -4
- package/dist/components/Tabs/TabsItem.d.ts +3 -2
- package/dist/components/Tabs/TabsItem.js +3 -3
- package/dist/components/Tabs/TabsList.d.ts +2 -4
- package/dist/components/Tabs/TabsPanel.d.ts +1 -4
- package/dist/components/Tabs/TabsUncontrolled.d.ts +2 -4
- package/dist/components/Tabs/tests/Tabs.stories.d.ts +4 -12
- package/dist/components/Tabs/tests/Tabs.test.stories.d.ts +4 -12
- package/dist/components/TextArea/TextArea.d.ts +4 -7
- package/dist/components/TextArea/tests/TextArea.stories.d.ts +2 -7
- package/dist/components/TextArea/tests/TextArea.test.stories.d.ts +2 -7
- package/dist/components/TextField/TextField.d.ts +4 -7
- package/dist/components/TextField/tests/TextField.stories.d.ts +2 -7
- package/dist/components/TextField/tests/TextField.test.stories.d.ts +2 -7
- package/dist/components/Theme/GlobalColorMode.d.ts +2 -4
- package/dist/components/Theme/Theme.d.ts +3 -5
- package/dist/components/Theme/tests/Theme.test.stories.d.ts +1 -4
- package/dist/components/Timeline/Timeline.d.ts +4 -7
- package/dist/components/Timeline/tests/Timeline.stories.d.ts +2 -7
- package/dist/components/Timeline/tests/Timeline.test.stories.d.ts +2 -7
- package/dist/components/Toast/Toast.d.ts +4 -6
- package/dist/components/Toast/ToastContainer.d.ts +2 -4
- package/dist/components/Toast/ToastProvider.d.ts +2 -4
- package/dist/components/Toast/ToastRegion.d.ts +2 -4
- package/dist/components/Tooltip/Tooltip.d.ts +1 -4
- package/dist/components/Tooltip/tests/Tooltip.stories.d.ts +1 -4
- package/dist/components/Tooltip/tests/Tooltip.test.stories.d.ts +1 -4
- package/dist/components/View/View.d.ts +2 -2
- package/dist/components/View/tests/View.stories.d.ts +2 -2
- package/dist/components/View/tests/View.test.stories.d.ts +2 -2
- package/dist/components/_private/Aligner/Aligner.d.ts +1 -4
- package/dist/components/_private/Aligner/Aligner.js +8 -0
- package/dist/components/_private/Expandable/Expandable.d.ts +2 -4
- package/dist/components/_private/Flyout/Flyout.d.ts +5 -11
- package/dist/components/_private/Flyout/FlyoutContent.d.ts +2 -4
- package/dist/components/_private/Flyout/FlyoutControlled.d.ts +2 -4
- package/dist/components/_private/Flyout/FlyoutTrigger.d.ts +1 -4
- package/dist/components/_private/Flyout/FlyoutUncontrolled.d.ts +2 -4
- package/dist/components/_private/Flyout/tests/Flyout.stories.js +0 -9
- package/dist/components/_private/HiddenInput/HiddenInput.d.ts +1 -4
- package/dist/components/_private/Portal/Portal.d.ts +3 -4
- package/dist/hooks/_private/useSingletonHotkeys.d.ts +2 -2
- package/dist/hooks/_private/useSingletonKeyboardMode.d.ts +2 -2
- package/dist/utilities/storybook/Example.d.ts +6 -6
- package/dist/utilities/storybook/Placeholder.d.ts +1 -1
- package/package.json +10 -10
- package/dist/components/FormControl/FormControlClient.d.ts +0 -3
- package/dist/components/FormControl/FormControlClient.js +0 -28
@@ -1,9 +1,7 @@
|
|
1
1
|
import React from "react";
|
2
2
|
import type * as T from "./Resizable.types";
|
3
|
-
declare const Resizable: {
|
4
|
-
(props: T.Props): import("react/jsx-runtime").JSX.Element;
|
3
|
+
declare const Resizable: React.FC<T.Props> & {
|
5
4
|
Item: React.FC<T.ItemProps>;
|
6
5
|
Handle: React.FC<T.HandleProps>;
|
7
|
-
displayName: string;
|
8
6
|
};
|
9
7
|
export default Resizable;
|
@@ -148,7 +148,7 @@ const Resizable = (props) => {
|
|
148
148
|
});
|
149
149
|
return (_jsx(View, { attributes: { ...attributes, ref: containerRef }, className: rootClassNames, height: height, direction: direction, align: "stretch", gap: gap, children: output }));
|
150
150
|
};
|
151
|
-
Resizable.Item = (
|
152
|
-
Resizable.Handle = (
|
151
|
+
Resizable.Item = () => null;
|
152
|
+
Resizable.Handle = () => null;
|
153
153
|
Resizable.displayName = "Resizable";
|
154
154
|
export default Resizable;
|
@@ -1,10 +1,8 @@
|
|
1
1
|
declare const _default: {
|
2
2
|
title: string;
|
3
|
-
component: {
|
4
|
-
|
5
|
-
|
6
|
-
Handle: import("react").FC<import("./..").ResizableHandleProps>;
|
7
|
-
displayName: string;
|
3
|
+
component: import("react").FC<import("./..").ResizableProps> & {
|
4
|
+
Item: React.FC<import("./..").ResizableItemProps>;
|
5
|
+
Handle: React.FC<import("./..").ResizableHandleProps>;
|
8
6
|
};
|
9
7
|
parameters: {
|
10
8
|
iframe: {
|
@@ -1,11 +1,9 @@
|
|
1
1
|
import { StoryObj } from "@storybook/react";
|
2
2
|
declare const _default: {
|
3
3
|
title: string;
|
4
|
-
component: {
|
5
|
-
|
6
|
-
|
7
|
-
Handle: import("react").FC<import("./..").ResizableHandleProps>;
|
8
|
-
displayName: string;
|
4
|
+
component: import("react").FC<import("./..").ResizableProps> & {
|
5
|
+
Item: React.FC<import("./..").ResizableItemProps>;
|
6
|
+
Handle: React.FC<import("./..").ResizableHandleProps>;
|
9
7
|
};
|
10
8
|
parameters: {
|
11
9
|
iframe: {
|
@@ -1,10 +1,7 @@
|
|
1
1
|
import { StoryObj } from "@storybook/react";
|
2
2
|
declare const _default: {
|
3
3
|
title: string;
|
4
|
-
component:
|
5
|
-
(props: import("./..").ScrimProps): import("react").JSX.Element;
|
6
|
-
displayName: string;
|
7
|
-
};
|
4
|
+
component: import("react").FC<import("./..").ScrimProps>;
|
8
5
|
parameters: {
|
9
6
|
iframe: {
|
10
7
|
url: string;
|
@@ -2,10 +2,7 @@ import { StoryObj } from "@storybook/react";
|
|
2
2
|
import { fn } from "@storybook/test";
|
3
3
|
declare const _default: {
|
4
4
|
title: string;
|
5
|
-
component:
|
6
|
-
(props: import("./..").SelectProps): import("react").JSX.Element;
|
7
|
-
displayName: string;
|
8
|
-
};
|
5
|
+
component: import("react").FC<import("./..").SelectProps>;
|
9
6
|
parameters: {
|
10
7
|
iframe: {
|
11
8
|
url: string;
|
@@ -1,10 +1,7 @@
|
|
1
1
|
import { StoryObj } from "@storybook/react";
|
2
2
|
declare const _default: {
|
3
3
|
title: string;
|
4
|
-
component:
|
5
|
-
(props: import("./..").SkeletonProps): import("react").JSX.Element;
|
6
|
-
displayName: string;
|
7
|
-
};
|
4
|
+
component: import("react").FC<import("./..").SkeletonProps>;
|
8
5
|
parameters: {
|
9
6
|
iframe: {
|
10
7
|
url: string;
|
@@ -1,6 +1,4 @@
|
|
1
|
+
import React from "react";
|
1
2
|
import type * as T from "./Slider.types";
|
2
|
-
declare const SliderControlled:
|
3
|
-
(props: T.ControlledProps & T.DefaultProps): import("react/jsx-runtime").JSX.Element;
|
4
|
-
displayName: string;
|
5
|
-
};
|
3
|
+
declare const SliderControlled: React.FC<T.ControlledProps & T.DefaultProps>;
|
6
4
|
export default SliderControlled;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import React from "react";
|
2
2
|
import type * as T from "./Slider.types";
|
3
|
-
declare const
|
4
|
-
export default
|
3
|
+
declare const SliderThumb: React.ForwardRefExoticComponent<T.ThumbProps & React.RefAttributes<HTMLDivElement>>;
|
4
|
+
export default SliderThumb;
|
@@ -6,7 +6,7 @@ import Theme from "../Theme/index.js";
|
|
6
6
|
import Text from "../Text/index.js";
|
7
7
|
import { getPrecision } from "./Slider.utilities.js";
|
8
8
|
import s from "./Slider.module.css";
|
9
|
-
const SliderThumb = (props, ref) => {
|
9
|
+
const SliderThumb = React.forwardRef((props, ref) => {
|
10
10
|
const { name, value, disabled, active, position, max, min, step, onChange, onDragStart, renderValue, tooltipRef, orientation, } = props;
|
11
11
|
const id = React.useId();
|
12
12
|
const thumbClassNames = classNames(s.thumb, active && s["thumb--active"]);
|
@@ -16,6 +16,6 @@ const SliderThumb = (props, ref) => {
|
|
16
16
|
onChange(+e.target.value);
|
17
17
|
};
|
18
18
|
return (_jsxs(_Fragment, { children: [_jsx("input", { className: s.input, type: "range", name: name, value: value, onChange: handleChange, disabled: disabled, max: max, min: min, step: step, "aria-labelledby": id, "aria-orientation": orientation }), _jsx("div", { ref: ref, className: thumbClassNames, onMouseDown: onDragStart, onTouchStart: onDragStart, style: { "--ts-slider-thumb-position": `${position}%` }, id: id, "aria-hidden": "true", children: renderValue !== false && (_jsx(Theme, { colorMode: "inverted", children: _jsx(Text, { variant: "caption-1", weight: "medium", className: s.tooltip, attributes: { ref: tooltipRef }, children: tooltipValue }) })) })] }));
|
19
|
-
};
|
19
|
+
});
|
20
20
|
SliderThumb.displayName = "SliderThumb";
|
21
|
-
export default
|
21
|
+
export default SliderThumb;
|
@@ -1,6 +1,4 @@
|
|
1
|
+
import React from "react";
|
1
2
|
import type * as T from "./Slider.types";
|
2
|
-
declare const SliderUncontrolled:
|
3
|
-
(props: T.UncontrolledProps & T.DefaultProps): import("react/jsx-runtime").JSX.Element;
|
4
|
-
displayName: string;
|
5
|
-
};
|
3
|
+
declare const SliderUncontrolled: React.FC<T.UncontrolledProps & T.DefaultProps>;
|
6
4
|
export default SliderUncontrolled;
|
@@ -2,10 +2,7 @@ import { StoryObj } from "@storybook/react";
|
|
2
2
|
import { fn } from "@storybook/test";
|
3
3
|
declare const _default: {
|
4
4
|
title: string;
|
5
|
-
component:
|
6
|
-
(props: import("./..").SliderProps): import("react").JSX.Element;
|
7
|
-
displayName: string;
|
8
|
-
};
|
5
|
+
component: import("react").FC<import("./..").SliderProps>;
|
9
6
|
parameters: {
|
10
7
|
iframe: {
|
11
8
|
url: string;
|
@@ -1,10 +1,10 @@
|
|
1
|
+
import React from "react";
|
1
2
|
import type * as T from "./Stepper.types";
|
2
|
-
declare const
|
3
|
-
(
|
4
|
-
Item: {
|
5
|
-
(_: T.ItemProps): null;
|
6
|
-
displayName: string;
|
7
|
-
};
|
3
|
+
declare const StepperItem: {
|
4
|
+
(_: T.ItemProps): null;
|
8
5
|
displayName: string;
|
9
6
|
};
|
7
|
+
declare const Stepper: React.FC<T.Props> & {
|
8
|
+
Item: typeof StepperItem;
|
9
|
+
};
|
10
10
|
export default Stepper;
|
@@ -1,13 +1,11 @@
|
|
1
1
|
import React from "react";
|
2
2
|
declare const _default: {
|
3
3
|
title: string;
|
4
|
-
component: {
|
5
|
-
(props: import("./..").StepperProps): React.JSX.Element;
|
4
|
+
component: React.FC<import("./..").StepperProps> & {
|
6
5
|
Item: {
|
7
6
|
(_: import("../Stepper.types").ItemProps): null;
|
8
7
|
displayName: string;
|
9
8
|
};
|
10
|
-
displayName: string;
|
11
9
|
};
|
12
10
|
parameters: {
|
13
11
|
iframe: {
|
@@ -1,13 +1,11 @@
|
|
1
1
|
import { StoryObj } from "@storybook/react";
|
2
2
|
declare const _default: {
|
3
3
|
title: string;
|
4
|
-
component: {
|
5
|
-
(props: import("./..").StepperProps): import("react").JSX.Element;
|
4
|
+
component: import("react").FC<import("./..").StepperProps> & {
|
6
5
|
Item: {
|
7
6
|
(_: import("../Stepper.types").ItemProps): null;
|
8
7
|
displayName: string;
|
9
8
|
};
|
10
|
-
displayName: string;
|
11
9
|
};
|
12
10
|
parameters: {
|
13
11
|
iframe: {
|
@@ -2,10 +2,7 @@ import { StoryObj } from "@storybook/react";
|
|
2
2
|
import { fn } from "@storybook/test";
|
3
3
|
declare const _default: {
|
4
4
|
title: string;
|
5
|
-
component:
|
6
|
-
(props: import("./..").SwitchProps): import("react").JSX.Element;
|
7
|
-
displayName: string;
|
8
|
-
};
|
5
|
+
component: import("react").FC<import("./..").SwitchProps>;
|
9
6
|
parameters: {
|
10
7
|
iframe: {
|
11
8
|
url: string;
|
@@ -1,26 +1,15 @@
|
|
1
|
+
import React from "react";
|
1
2
|
import type * as T from "./Table.types";
|
2
|
-
declare const
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
(props: T.RowProps): import("react/jsx-runtime").JSX.Element;
|
14
|
-
displayName: string;
|
15
|
-
};
|
16
|
-
Body: {
|
17
|
-
(props: T.BodyProps): import("react/jsx-runtime").JSX.Element;
|
18
|
-
displayName: string;
|
19
|
-
};
|
20
|
-
Head: {
|
21
|
-
(props: T.HeadProps): import("react/jsx-runtime").JSX.Element;
|
22
|
-
displayName: string;
|
23
|
-
};
|
24
|
-
displayName: string;
|
3
|
+
declare const TableCell: React.FC<T.CellProps>;
|
4
|
+
declare const TableHeading: React.FC<T.HeadingProps>;
|
5
|
+
declare const TableRow: React.FC<T.RowProps>;
|
6
|
+
declare const TableBody: React.FC<T.BodyProps>;
|
7
|
+
declare const TableHead: React.FC<T.HeadProps>;
|
8
|
+
declare const Table: React.FC<T.Props> & {
|
9
|
+
Cell: typeof TableCell;
|
10
|
+
Heading: typeof TableHeading;
|
11
|
+
Row: typeof TableRow;
|
12
|
+
Body: typeof TableBody;
|
13
|
+
Head: typeof TableHead;
|
25
14
|
};
|
26
15
|
export default Table;
|
@@ -1,29 +1,12 @@
|
|
1
1
|
import React from "react";
|
2
2
|
declare const _default: {
|
3
3
|
title: string;
|
4
|
-
component: {
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
Heading: {
|
11
|
-
(props: import("./..").TableHeadingProps): React.JSX.Element;
|
12
|
-
displayName: string;
|
13
|
-
};
|
14
|
-
Row: {
|
15
|
-
(props: import("./..").TableRowProps): React.JSX.Element;
|
16
|
-
displayName: string;
|
17
|
-
};
|
18
|
-
Body: {
|
19
|
-
(props: import("./..").TableBodyProps): React.JSX.Element;
|
20
|
-
displayName: string;
|
21
|
-
};
|
22
|
-
Head: {
|
23
|
-
(props: import("./..").TableHeadProps): React.JSX.Element;
|
24
|
-
displayName: string;
|
25
|
-
};
|
26
|
-
displayName: string;
|
4
|
+
component: React.FC<import("./..").TableProps> & {
|
5
|
+
Cell: React.FC<import("./..").TableCellProps>;
|
6
|
+
Heading: React.FC<import("./..").TableHeadingProps>;
|
7
|
+
Row: React.FC<import("./..").TableRowProps>;
|
8
|
+
Body: React.FC<import("./..").TableBodyProps>;
|
9
|
+
Head: React.FC<import("./..").TableHeadProps>;
|
27
10
|
};
|
28
11
|
parameters: {
|
29
12
|
iframe: {
|
@@ -1,29 +1,12 @@
|
|
1
1
|
import { StoryObj } from "@storybook/react";
|
2
2
|
declare const _default: {
|
3
3
|
title: string;
|
4
|
-
component: {
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
Heading: {
|
11
|
-
(props: import("./..").TableHeadingProps): import("react").JSX.Element;
|
12
|
-
displayName: string;
|
13
|
-
};
|
14
|
-
Row: {
|
15
|
-
(props: import("./..").TableRowProps): import("react").JSX.Element;
|
16
|
-
displayName: string;
|
17
|
-
};
|
18
|
-
Body: {
|
19
|
-
(props: import("./..").TableBodyProps): import("react").JSX.Element;
|
20
|
-
displayName: string;
|
21
|
-
};
|
22
|
-
Head: {
|
23
|
-
(props: import("./..").TableHeadProps): import("react").JSX.Element;
|
24
|
-
displayName: string;
|
25
|
-
};
|
26
|
-
displayName: string;
|
4
|
+
component: import("react").FC<import("./..").TableProps> & {
|
5
|
+
Cell: import("react").FC<import("./..").TableCellProps>;
|
6
|
+
Heading: import("react").FC<import("./..").TableHeadingProps>;
|
7
|
+
Row: import("react").FC<import("./..").TableRowProps>;
|
8
|
+
Body: import("react").FC<import("./..").TableBodyProps>;
|
9
|
+
Head: import("react").FC<import("./..").TableHeadProps>;
|
27
10
|
};
|
28
11
|
parameters: {
|
29
12
|
iframe: {
|
@@ -1,15 +1,10 @@
|
|
1
|
+
import TabsItem from "./TabsItem";
|
2
|
+
import TabsList from "./TabsList";
|
3
|
+
import TabsPanel from "./TabsPanel";
|
1
4
|
import type * as T from "./Tabs.types";
|
2
|
-
declare const Tabs: {
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
(props: T.ListProps): import("react/jsx-runtime").JSX.Element;
|
7
|
-
displayName: string;
|
8
|
-
};
|
9
|
-
Panel: {
|
10
|
-
(props: T.PanelProps): import("react/jsx-runtime").JSX.Element;
|
11
|
-
displayName: string;
|
12
|
-
};
|
13
|
-
displayName: string;
|
5
|
+
declare const Tabs: React.FC<T.Props> & {
|
6
|
+
Item: typeof TabsItem;
|
7
|
+
List: typeof TabsList;
|
8
|
+
Panel: typeof TabsPanel;
|
14
9
|
};
|
15
10
|
export default Tabs;
|
@@ -1,6 +1,4 @@
|
|
1
|
+
import React from "react";
|
1
2
|
import type * as T from "./Tabs.types";
|
2
|
-
declare const TabsControlled:
|
3
|
-
(props: T.PrivateControlledProps): import("react/jsx-runtime").JSX.Element;
|
4
|
-
displayName: string;
|
5
|
-
};
|
3
|
+
declare const TabsControlled: React.FC<T.PrivateControlledProps>;
|
6
4
|
export default TabsControlled;
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import React from "react";
|
2
|
+
import { type ActionableRef } from "../Actionable";
|
2
3
|
import type * as T from "./Tabs.types";
|
3
|
-
declare const
|
4
|
-
export default
|
4
|
+
declare const TabsItem: React.ForwardRefExoticComponent<T.ItemProps & React.RefAttributes<ActionableRef>>;
|
5
|
+
export default TabsItem;
|
@@ -10,7 +10,7 @@ import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect.js"
|
|
10
10
|
import { findParent } from "../../utilities/dom/index.js";
|
11
11
|
import { useTabs } from "./TabsContext.js";
|
12
12
|
import s from "./Tabs.module.css";
|
13
|
-
const TabsItem = (props, ref) => {
|
13
|
+
const TabsItem = React.forwardRef((props, ref) => {
|
14
14
|
const { value, children, icon, href, attributes } = props;
|
15
15
|
const { onChange, panelId, name, size, value: tabsValue, selection, elActiveRef, elPrevActiveRef, elScrollableRef, } = useTabs(value);
|
16
16
|
const itemRef = React.useRef(null);
|
@@ -64,6 +64,6 @@ const TabsItem = (props, ref) => {
|
|
64
64
|
...(!isFormControl && tabAttributes),
|
65
65
|
"aria-controls": panelId,
|
66
66
|
}, children: [name && (_jsx(HiddenInput, { type: "radio", name: name, value: value, checked: visuallySelected, onChange: handleChange, className: s.radio })), _jsxs("span", { className: s.buttonContent, children: [icon && _jsx(Icon, { svg: icon, className: s.icon, size: 4 }), children && (_jsx(Text, { variant: size === "large" ? "body-2" : "body-3", weight: "medium", children: children }))] })] }) }));
|
67
|
-
};
|
67
|
+
});
|
68
68
|
TabsItem.displayName = "Tabs.Item";
|
69
|
-
export default
|
69
|
+
export default TabsItem;
|
@@ -1,6 +1,4 @@
|
|
1
|
+
import React from "react";
|
1
2
|
import type * as T from "./Tabs.types";
|
2
|
-
declare const TabsUncontrolled:
|
3
|
-
(props: T.UncontrolledProps): import("react/jsx-runtime").JSX.Element;
|
4
|
-
displayName: string;
|
5
|
-
};
|
3
|
+
declare const TabsUncontrolled: React.FC<T.UncontrolledProps>;
|
6
4
|
export default TabsUncontrolled;
|
@@ -1,18 +1,10 @@
|
|
1
1
|
import React from "react";
|
2
2
|
declare const _default: {
|
3
3
|
title: string;
|
4
|
-
component: {
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
(props: import("../Tabs.types").ListProps): React.JSX.Element;
|
9
|
-
displayName: string;
|
10
|
-
};
|
11
|
-
Panel: {
|
12
|
-
(props: import("../Tabs.types").PanelProps): React.JSX.Element;
|
13
|
-
displayName: string;
|
14
|
-
};
|
15
|
-
displayName: string;
|
4
|
+
component: React.FC<import("./..").TabsProps> & {
|
5
|
+
Item: React.ForwardRefExoticComponent<import("./..").TabsItemProps & React.RefAttributes<import("../../Actionable").ActionableRef>>;
|
6
|
+
List: React.FC<import("../Tabs.types").ListProps>;
|
7
|
+
Panel: React.FC<import("../Tabs.types").PanelProps>;
|
16
8
|
};
|
17
9
|
parameters: {
|
18
10
|
iframe: {
|
@@ -2,18 +2,10 @@ import { StoryObj } from "@storybook/react";
|
|
2
2
|
import { fn } from "@storybook/test";
|
3
3
|
declare const _default: {
|
4
4
|
title: string;
|
5
|
-
component: {
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
(props: import("../Tabs.types").ListProps): import("react").JSX.Element;
|
10
|
-
displayName: string;
|
11
|
-
};
|
12
|
-
Panel: {
|
13
|
-
(props: import("../Tabs.types").PanelProps): import("react").JSX.Element;
|
14
|
-
displayName: string;
|
15
|
-
};
|
16
|
-
displayName: string;
|
5
|
+
component: import("react").FC<import("./..").TabsProps> & {
|
6
|
+
Item: import("react").ForwardRefExoticComponent<import("./..").TabsItemProps & import("react").RefAttributes<import("../../Actionable").ActionableRef>>;
|
7
|
+
List: import("react").FC<import("../Tabs.types").ListProps>;
|
8
|
+
Panel: import("react").FC<import("../Tabs.types").PanelProps>;
|
17
9
|
};
|
18
10
|
parameters: {
|
19
11
|
iframe: {
|
@@ -1,10 +1,7 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import Aligner from "../_private/Aligner";
|
1
3
|
import type * as T from "./TextArea.types";
|
2
|
-
declare const TextArea: {
|
3
|
-
|
4
|
-
Aligner: {
|
5
|
-
(props: import("../_private/Aligner").AlignerProps): import("react/jsx-runtime").JSX.Element;
|
6
|
-
displayName: string;
|
7
|
-
};
|
8
|
-
displayName: string;
|
4
|
+
declare const TextArea: React.FC<T.Props> & {
|
5
|
+
Aligner: typeof Aligner;
|
9
6
|
};
|
10
7
|
export default TextArea;
|
@@ -1,12 +1,7 @@
|
|
1
1
|
declare const _default: {
|
2
2
|
title: string;
|
3
|
-
component: {
|
4
|
-
|
5
|
-
Aligner: {
|
6
|
-
(props: import("../../_private/Aligner").AlignerProps): import("react").JSX.Element;
|
7
|
-
displayName: string;
|
8
|
-
};
|
9
|
-
displayName: string;
|
3
|
+
component: import("react").FC<import("./..").TextAreaProps> & {
|
4
|
+
Aligner: import("react").FC<import("../../_private/Aligner").AlignerProps>;
|
10
5
|
};
|
11
6
|
parameters: {
|
12
7
|
iframe: {
|
@@ -2,13 +2,8 @@ import { StoryObj } from "@storybook/react";
|
|
2
2
|
import { fn } from "@storybook/test";
|
3
3
|
declare const _default: {
|
4
4
|
title: string;
|
5
|
-
component: {
|
6
|
-
|
7
|
-
Aligner: {
|
8
|
-
(props: import("../../_private/Aligner").AlignerProps): import("react").JSX.Element;
|
9
|
-
displayName: string;
|
10
|
-
};
|
11
|
-
displayName: string;
|
5
|
+
component: import("react").FC<import("./..").TextAreaProps> & {
|
6
|
+
Aligner: import("react").FC<import("../../_private/Aligner").AlignerProps>;
|
12
7
|
};
|
13
8
|
parameters: {
|
14
9
|
iframe: {
|