@kaio-xyz/design-system 1.1.14 → 1.1.16

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.
Files changed (23) hide show
  1. package/dist/index.d.ts +313 -24
  2. package/package.json +2 -1
  3. package/dist/components/atoms/accordion/accordion.stories.d.ts +0 -8
  4. package/dist/components/atoms/badge/badge.stories.d.ts +0 -29
  5. package/dist/components/atoms/checkbox/checkbox.stories.d.ts +0 -378
  6. package/dist/components/atoms/clipboard/clipboard.stories.d.ts +0 -11
  7. package/dist/components/atoms/drawer/drawer.stories.d.ts +0 -10
  8. package/dist/components/atoms/dropdown-menu/dropdown-menu.stories.d.ts +0 -19
  9. package/dist/components/atoms/list/list.stories.d.ts +0 -12
  10. package/dist/components/atoms/loader/loader.stories.d.ts +0 -38
  11. package/dist/components/atoms/modal/modal.stories.d.ts +0 -6
  12. package/dist/components/atoms/select/select.stories.d.ts +0 -19
  13. package/dist/components/atoms/spinned-icon/spinned-icon.stories.d.ts +0 -37
  14. package/dist/components/atoms/spinner/index.d.ts +0 -1
  15. package/dist/components/atoms/spinner/spinner.d.ts +0 -7
  16. package/dist/components/atoms/spinner/spinner.stories.d.ts +0 -35
  17. package/dist/components/atoms/stepper/stepper.stories.d.ts +0 -12
  18. package/dist/components/atoms/table/table.stories.d.ts +0 -15
  19. package/dist/components/atoms/text-field/text-field.stories.d.ts +0 -12
  20. package/dist/components/atoms/tooltip/tooltip.stories.d.ts +0 -63
  21. package/dist/components/molecules/investments-graph/investments-graph.stories.d.ts +0 -8
  22. package/dist/components/molecules/modal/confirm-modal/confirm-modal.stories.d.ts +0 -6
  23. package/dist/components/molecules/password-field/password-field.stories.d.ts +0 -12
package/dist/index.d.ts CHANGED
@@ -1,24 +1,313 @@
1
- import './styles/_vars.css';
2
- import './styles/main.css';
3
- export { Badge } from "@/components/atoms/badge";
4
- export { Button, ButtonProps } from "@/components/atoms/button";
5
- export { Stack } from "@/components/atoms/stack";
6
- export { TextField } from "@/components/atoms/text-field";
7
- export { Container } from "@/components/atoms/container";
8
- export { PasswordField, ValidatePasswordField } from "@/components/molecules/password-field";
9
- export { Select } from "@/components/atoms/select";
10
- export { FormSelect } from "@/components/molecules/form-select";
11
- export { SpinnedIcon } from "@/components/atoms/spinned-icon";
12
- export { Loader } from "@/components/atoms/loader";
13
- export { Checkbox } from "@/components/atoms/checkbox";
14
- export { Clipboard } from "@/components/atoms/clipboard";
15
- export { Stepper, Step } from "@/components/atoms/stepper";
16
- export { List, ListItem } from "@/components/atoms/list";
17
- export { Accordion } from "@/components/atoms/accordion";
18
- export { Modal } from "@/components/atoms/modal";
19
- export { InfoModal, OtpModal, ConfirmModal, ConfirmModalProps } from "@/components/molecules/modal";
20
- export { DropdownMenu } from "@/components/atoms/dropdown-menu";
21
- export { Tooltip } from "@/components/atoms/tooltip";
22
- export { InvestmentGraph, TimeFrame, periodOptions, Timeframes, DataPoint } from "@/components/molecules/investments-graph";
23
- export { InvestmentsHeader } from "@/components/molecules/investments-header";
24
- export { Table, TableColumn } from "@/components/atoms/table";
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as react from 'react';
3
+ import { ReactNode, ButtonHTMLAttributes, AnchorHTMLAttributes, PropsWithChildren, InputHTMLAttributes, JSX, Dispatch, SetStateAction, HTMLAttributes } from 'react';
4
+ import { GroupBase, Props as Props$2, SingleValue } from 'react-select';
5
+ import { FieldValues, ControllerProps, Control, Path } from 'react-hook-form';
6
+ import * as _radix_ui_react_accordion from '@radix-ui/react-accordion';
7
+ import { TableProps as TableProps$1 } from 'react-data-table-component';
8
+ export { TableColumn } from 'react-data-table-component';
9
+
10
+ declare const BadgeStatuses: {
11
+ readonly success: "success";
12
+ readonly rejected: "rejected";
13
+ readonly none: "none";
14
+ readonly warning: "warning";
15
+ readonly loading: "loading";
16
+ };
17
+ type BadgeStatus = typeof BadgeStatuses[keyof typeof BadgeStatuses];
18
+ type BadgeProps = {
19
+ children: ReactNode;
20
+ fullWidth?: boolean;
21
+ dataTest?: string;
22
+ status?: BadgeStatus;
23
+ size?: "s" | "m" | "l";
24
+ reverted?: boolean;
25
+ hasIcon?: boolean;
26
+ className?: string;
27
+ };
28
+ declare const Badge: ({ className, children, status, fullWidth, dataTest, reverted, size, hasIcon, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
29
+
30
+ type CommonButtonProps = {
31
+ variant?: "primary" | "secondary" | "info" | "warning" | "danger" | "success";
32
+ fullWidth?: boolean;
33
+ size?: "small" | "normal" | "large";
34
+ isInverted?: boolean;
35
+ isLoading?: boolean;
36
+ icon?: SvgIcon | null;
37
+ iconSize?: number;
38
+ };
39
+ type AnchorProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
40
+ href: string;
41
+ disabled?: boolean;
42
+ onClick?: never;
43
+ };
44
+ type ButtonProps = {
45
+ onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
46
+ disabled?: boolean;
47
+ href?: never;
48
+ } & ButtonHTMLAttributes<HTMLButtonElement>;
49
+ type PolymorphicProps = ButtonProps | AnchorProps;
50
+ type Props$1 = CommonButtonProps & PolymorphicProps;
51
+ type RefType = HTMLButtonElement | HTMLAnchorElement;
52
+ declare const Button: react.ForwardRefExoticComponent<Props$1 & react.RefAttributes<RefType>>;
53
+
54
+ type StackProps = PropsWithChildren & {
55
+ space?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
56
+ position?: "vertical" | "horizontal" | "horizontal-end" | "horizontal-space" | "horizontal-start" | "horizontal-center";
57
+ className?: string;
58
+ fullHeight?: boolean;
59
+ fullWidth?: boolean;
60
+ dataTest?: string;
61
+ dataAlignItems?: "center" | "flex-end" | "flex-start";
62
+ dataCapitalize?: boolean;
63
+ dataMarginTop?: boolean;
64
+ dataMarginBottom?: boolean;
65
+ dataMarginLeft?: boolean;
66
+ dataPaddingBottom?: boolean;
67
+ };
68
+ declare const Stack: ({ children, space, className, position, fullHeight, fullWidth, dataTest, dataAlignItems, dataCapitalize, dataMarginTop, dataMarginBottom, dataMarginLeft, dataPaddingBottom, ...rest }: StackProps) => react_jsx_runtime.JSX.Element;
69
+
70
+ type TextFieldAttributes = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "placeholder">;
71
+ type TextFieldProps = TextFieldAttributes & {
72
+ hint?: string | ReactNode;
73
+ label?: ReactNode;
74
+ invalid?: boolean;
75
+ fullWidth?: boolean;
76
+ button?: JSX.Element;
77
+ size?: "default" | "small";
78
+ noPadding?: boolean;
79
+ floatingLabel?: boolean;
80
+ };
81
+ declare const TextField: react.ForwardRefExoticComponent<TextFieldAttributes & {
82
+ hint?: string | ReactNode;
83
+ label?: ReactNode;
84
+ invalid?: boolean;
85
+ fullWidth?: boolean;
86
+ button?: JSX.Element;
87
+ size?: "default" | "small";
88
+ noPadding?: boolean;
89
+ floatingLabel?: boolean;
90
+ } & react.RefAttributes<HTMLInputElement>>;
91
+
92
+ type ContainerProps = PropsWithChildren<{
93
+ size?: "full" | "small" | "medium" | "large" | "extra";
94
+ noPadding?: boolean;
95
+ className?: string;
96
+ }>;
97
+ declare const Container: ({ children, className, size, noPadding, ...attributes }: ContainerProps) => react_jsx_runtime.JSX.Element;
98
+
99
+ type PasswordFieldProps = Omit<TextFieldProps, "type" | "button">;
100
+ declare const PasswordField: react.ForwardRefExoticComponent<PasswordFieldProps & react.RefAttributes<HTMLInputElement>>;
101
+
102
+ declare const ValidatePasswordField: react.ForwardRefExoticComponent<PasswordFieldProps & {
103
+ setIsPasswordValid: Dispatch<SetStateAction<boolean>>;
104
+ } & react.RefAttributes<HTMLInputElement>>;
105
+
106
+ type SelectOption<T = string> = {
107
+ value: T;
108
+ label: string;
109
+ icon?: SvgIcon;
110
+ };
111
+ type SelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Props$2<Option, IsMulti, Group> & {
112
+ label?: ReactNode;
113
+ dataTest: string;
114
+ error?: string;
115
+ };
116
+ declare const Select: {
117
+ <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id, label, dataTest, isDisabled, className, error, components: customComponents, ...rest }: SelectProps<Option, IsMulti, Group>): react_jsx_runtime.JSX.Element;
118
+ displayName: string;
119
+ };
120
+
121
+ type FormSelectProps<T extends FieldValues, Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Omit<SelectProps<Option, IsMulti, Group>, "value" | "onChange" | "onBlur" | "name"> & Pick<ControllerProps<T>, "rules" | "defaultValue"> & {
122
+ control: Control<T>;
123
+ name: Path<T>;
124
+ };
125
+ declare const FormSelect: {
126
+ <T extends FieldValues, Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ name, control, rules, defaultValue, ...rest }: FormSelectProps<T, Option, IsMulti, Group>): react_jsx_runtime.JSX.Element;
127
+ displayName: string;
128
+ };
129
+
130
+ type SpinnedIconProps = {
131
+ icon?: SvgIcon;
132
+ size?: number;
133
+ duration?: number;
134
+ className?: string;
135
+ };
136
+ declare const SpinnedIcon: ({ size, duration, className, icon: Icon, ...rest }: SpinnedIconProps) => react_jsx_runtime.JSX.Element;
137
+
138
+ type LoaderProps = PropsWithChildren<{
139
+ fullPage?: boolean;
140
+ text?: string;
141
+ isLightOverlay?: boolean;
142
+ }>;
143
+ declare const Loader: ({ text, fullPage, isLightOverlay, children }: LoaderProps) => react_jsx_runtime.JSX.Element;
144
+
145
+ type CheckboxAttributes = Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "size">;
146
+ type Props = CheckboxAttributes & {
147
+ id?: string;
148
+ label?: ReactNode;
149
+ verticalAlign?: "start" | "center" | "end";
150
+ dataTest: string;
151
+ size?: "small" | "medium";
152
+ variant?: "primary" | "secondary";
153
+ indeterminate?: boolean;
154
+ };
155
+ declare const Checkbox: {
156
+ ({ className, disabled, id, label, verticalAlign, onChange, dataTest, size, variant, indeterminate, checked, ...attributes }: Props): react_jsx_runtime.JSX.Element;
157
+ displayName: string;
158
+ };
159
+
160
+ type ClipboardProps = {
161
+ value: string;
162
+ trim?: boolean;
163
+ trimLength?: number;
164
+ };
165
+ declare const Clipboard: ({ value, trim, trimLength }: ClipboardProps) => react_jsx_runtime.JSX.Element;
166
+
167
+ type StepperProps = {
168
+ children: ReactNode;
169
+ };
170
+ declare const Stepper: ({ children }: StepperProps) => react_jsx_runtime.JSX.Element;
171
+
172
+ type StepProps = {
173
+ label: string;
174
+ isCompleted?: boolean;
175
+ isCurrent?: boolean;
176
+ iconSize?: number;
177
+ key?: string;
178
+ };
179
+ declare const Step: ({ key, label, iconSize, isCompleted, isCurrent }: StepProps) => react_jsx_runtime.JSX.Element;
180
+
181
+ type ListProps = {
182
+ label?: string;
183
+ children?: ReactNode;
184
+ };
185
+ declare const List: ({ label, children }: ListProps) => react_jsx_runtime.JSX.Element;
186
+
187
+ type ListItem = {
188
+ value: string;
189
+ label: string;
190
+ key?: string;
191
+ };
192
+ declare const ListItem: ({ value, label, key }: ListItem) => react_jsx_runtime.JSX.Element;
193
+
194
+ declare const Accordion: {
195
+ Root: ({ children, ...rest }: (_radix_ui_react_accordion.AccordionSingleProps | _radix_ui_react_accordion.AccordionMultipleProps) & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
196
+ Item: react.ForwardRefExoticComponent<{
197
+ icon?: SvgIcon;
198
+ value: string;
199
+ triggerClassName?: string;
200
+ dataTest?: string;
201
+ trigger: react.ReactNode;
202
+ hasChildrenPadding?: boolean;
203
+ } & {
204
+ children?: react.ReactNode | undefined;
205
+ } & react.RefAttributes<HTMLDivElement | null>>;
206
+ };
207
+
208
+ type ModalProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {
209
+ id?: string;
210
+ visible?: boolean;
211
+ title?: string;
212
+ actions?: ReactNode[];
213
+ size?: "default" | "small" | "medium" | "large";
214
+ isFullWidth?: boolean;
215
+ isScrollable?: boolean;
216
+ onClose?: () => void;
217
+ };
218
+ declare const Modal: ({ visible, ...props }: ModalProps) => react.ReactPortal | null;
219
+
220
+ type ConfirmModalProps$1 = Omit<ModalProps, "actions"> & {
221
+ isLoading?: boolean;
222
+ cancelDataTest: string;
223
+ confirmDataTest: string;
224
+ isConfirmDisabled?: boolean;
225
+ confirmText?: string;
226
+ cancelText?: string;
227
+ onConfirmClick: () => void;
228
+ };
229
+ declare const ConfirmModal: ({ children, isLoading, cancelDataTest, confirmDataTest, isConfirmDisabled, confirmText, cancelText, onClose, onConfirmClick, ...props }: ConfirmModalProps$1) => react_jsx_runtime.JSX.Element;
230
+
231
+ type OtpModalProps = Omit<ConfirmModalProps$1, "cancelDataTest" | "confirmDataTest" | "title"> & {
232
+ code: string;
233
+ setCode: Dispatch<SetStateAction<string>>;
234
+ };
235
+ declare const OtpModal: ({ code, setCode, onConfirmClick, isLoading, ...rest }: OtpModalProps) => react_jsx_runtime.JSX.Element;
236
+
237
+ type ConfirmModalProps = Omit<ModalProps, "actions"> & {
238
+ acceptDataTest: string;
239
+ acceptText?: string;
240
+ };
241
+ declare const InfoModal: ({ children, acceptDataTest, acceptText, onClose, ...props }: ConfirmModalProps) => react_jsx_runtime.JSX.Element;
242
+
243
+ declare const DropdownMenu: {
244
+ Root: ({ text, children, icon: Icon, disabled, body, variant, ...rest }: {
245
+ children?: react.ReactNode | undefined;
246
+ } & {
247
+ text?: string;
248
+ icon?: SvgIcon;
249
+ disabled?: boolean;
250
+ body?: React.ReactNode;
251
+ variant?: CommonButtonProps["variant"];
252
+ }) => react_jsx_runtime.JSX.Element;
253
+ Item: ({ children, disabled, ...rest }: {
254
+ children?: react.ReactNode | undefined;
255
+ } & {
256
+ disabled?: boolean;
257
+ onClick: () => void;
258
+ }) => react_jsx_runtime.JSX.Element;
259
+ };
260
+
261
+ type TooltipProps = PropsWithChildren<{
262
+ title: string;
263
+ description?: ReactNode;
264
+ }>;
265
+ declare const Tooltip: ({ children, title, description }: TooltipProps) => react_jsx_runtime.JSX.Element;
266
+
267
+ type DataPoint = {
268
+ date: string;
269
+ value: number;
270
+ };
271
+ declare const Timeframes: {
272
+ readonly month: "month";
273
+ readonly quarter: "quarter";
274
+ readonly halfYear: "half-year";
275
+ readonly year: "year";
276
+ };
277
+ type TimeFrame = typeof Timeframes[keyof typeof Timeframes];
278
+ declare const periodOptions: ({
279
+ value: "month";
280
+ label: string;
281
+ } | {
282
+ value: "quarter";
283
+ label: string;
284
+ } | {
285
+ value: "half-year";
286
+ label: string;
287
+ } | {
288
+ value: "year";
289
+ label: string;
290
+ })[];
291
+ type InvestmentGraphProps = {
292
+ dataPoints: DataPoint[];
293
+ timeFrame: SingleValue<SelectOption<TimeFrame>>;
294
+ setTimeFrame: Dispatch<SetStateAction<SingleValue<SelectOption<TimeFrame>>>>;
295
+ header?: ReactNode;
296
+ };
297
+ declare const InvestmentGraph: ({ dataPoints, timeFrame, header, setTimeFrame, }: InvestmentGraphProps) => react_jsx_runtime.JSX.Element;
298
+
299
+ type InvestmentsHeaderProps = {
300
+ currentTotalInvestmentValue: number;
301
+ currentGainLossValue: number;
302
+ currentGainLossPercentageValue: number;
303
+ };
304
+ declare const InvestmentsHeader: ({ currentTotalInvestmentValue, currentGainLossValue, currentGainLossPercentageValue, }: InvestmentsHeaderProps) => react_jsx_runtime.JSX.Element;
305
+
306
+ type TableProps<T> = TableProps$1<T> & {
307
+ dataTest: string;
308
+ isLoading?: boolean;
309
+ };
310
+ declare const Table: <T>({ data, columns, dataTest, customStyles, isLoading, onRowClicked, ...rest }: TableProps<T>) => react_jsx_runtime.JSX.Element | null;
311
+
312
+ export { Accordion, Badge, Button, Checkbox, Clipboard, ConfirmModal, Container, DropdownMenu, FormSelect, InfoModal, InvestmentGraph, InvestmentsHeader, List, ListItem, Loader, Modal, OtpModal, PasswordField, Select, SpinnedIcon, Stack, Step, Stepper, Table, TextField, Timeframes, Tooltip, ValidatePasswordField, periodOptions };
313
+ export type { ButtonProps, ConfirmModalProps$1 as ConfirmModalProps, DataPoint, TimeFrame };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kaio-xyz/design-system",
3
- "version": "1.1.14",
3
+ "version": "1.1.16",
4
4
  "description": "",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
@@ -46,6 +46,7 @@
46
46
  "react": "19.2.1",
47
47
  "react-dom": "19.2.1",
48
48
  "rollup": "4.53.3",
49
+ "rollup-plugin-dts": "6.3.0",
49
50
  "rollup-plugin-postcss": "4.0.2",
50
51
  "storybook": "10.1.4",
51
52
  "tslib": "2.8.1",
@@ -1,8 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import * as RadixAccordion from "@radix-ui/react-accordion";
3
- declare const meta: Meta<typeof RadixAccordion.Root>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const WithIcons: Story;
8
- export declare const Multiple: Story;
@@ -1,29 +0,0 @@
1
- import type { StoryObj } from "@storybook/react";
2
- declare const meta: {
3
- title: string;
4
- component: ({ className, children, status, fullWidth, dataTest, reverted, size, hasIcon, ...props }: import("./badge").BadgeProps) => import("react/jsx-runtime").JSX.Element;
5
- parameters: {
6
- layout: string;
7
- };
8
- tags: string[];
9
- args: {
10
- children: string;
11
- fullWidth: false;
12
- };
13
- argTypes: {
14
- children: {
15
- description: string;
16
- };
17
- fullWidth: {
18
- description: string;
19
- };
20
- };
21
- };
22
- export default meta;
23
- type Story = StoryObj<typeof meta>;
24
- export declare const Default: Story;
25
- export declare const Success: Story;
26
- export declare const Rejected: Story;
27
- export declare const None: Story;
28
- export declare const Warning: Story;
29
- export declare const FullWidth: Story;
@@ -1,378 +0,0 @@
1
- import type { StoryObj } from "@storybook/react";
2
- declare const meta: {
3
- title: string;
4
- component: {
5
- ({ className, disabled, id, label, verticalAlign, onChange, dataTest, size, variant, indeterminate, checked, ...attributes }: {
6
- children?: import("react").ReactNode | undefined;
7
- className?: string | undefined | undefined;
8
- width?: number | string | undefined | undefined;
9
- height?: number | string | undefined | undefined;
10
- style?: import("react").CSSProperties | undefined;
11
- type?: import("react").HTMLInputTypeAttribute | undefined;
12
- defaultChecked?: boolean | undefined | undefined;
13
- defaultValue?: string | number | readonly string[] | undefined;
14
- suppressContentEditableWarning?: boolean | undefined | undefined;
15
- suppressHydrationWarning?: boolean | undefined | undefined;
16
- accessKey?: string | undefined | undefined;
17
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
18
- autoFocus?: boolean | undefined | undefined;
19
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
20
- contextMenu?: string | undefined | undefined;
21
- dir?: string | undefined | undefined;
22
- draggable?: (boolean | "true" | "false") | undefined;
23
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
24
- hidden?: boolean | undefined | undefined;
25
- lang?: string | undefined | undefined;
26
- nonce?: string | undefined | undefined;
27
- slot?: string | undefined | undefined;
28
- spellCheck?: (boolean | "true" | "false") | undefined;
29
- tabIndex?: number | undefined | undefined;
30
- title?: string | undefined | undefined;
31
- translate?: "yes" | "no" | undefined | undefined;
32
- radioGroup?: string | undefined | undefined;
33
- role?: import("react").AriaRole | undefined;
34
- about?: string | undefined | undefined;
35
- content?: string | undefined | undefined;
36
- datatype?: string | undefined | undefined;
37
- inlist?: any;
38
- prefix?: string | undefined | undefined;
39
- property?: string | undefined | undefined;
40
- rel?: string | undefined | undefined;
41
- resource?: string | undefined | undefined;
42
- rev?: string | undefined | undefined;
43
- typeof?: string | undefined | undefined;
44
- vocab?: string | undefined | undefined;
45
- autoCorrect?: string | undefined | undefined;
46
- autoSave?: string | undefined | undefined;
47
- color?: string | undefined | undefined;
48
- itemProp?: string | undefined | undefined;
49
- itemScope?: boolean | undefined | undefined;
50
- itemType?: string | undefined | undefined;
51
- itemID?: string | undefined | undefined;
52
- itemRef?: string | undefined | undefined;
53
- results?: number | undefined | undefined;
54
- security?: string | undefined | undefined;
55
- unselectable?: "on" | "off" | undefined | undefined;
56
- popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
57
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
58
- popoverTarget?: string | undefined | undefined;
59
- inert?: boolean | undefined | undefined;
60
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
61
- is?: string | undefined | undefined;
62
- exportparts?: string | undefined | undefined;
63
- part?: string | undefined | undefined;
64
- "aria-activedescendant"?: string | undefined | undefined;
65
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
66
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
67
- "aria-braillelabel"?: string | undefined | undefined;
68
- "aria-brailleroledescription"?: string | undefined | undefined;
69
- "aria-busy"?: (boolean | "true" | "false") | undefined;
70
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
71
- "aria-colcount"?: number | undefined | undefined;
72
- "aria-colindex"?: number | undefined | undefined;
73
- "aria-colindextext"?: string | undefined | undefined;
74
- "aria-colspan"?: number | undefined | undefined;
75
- "aria-controls"?: string | undefined | undefined;
76
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
77
- "aria-describedby"?: string | undefined | undefined;
78
- "aria-description"?: string | undefined | undefined;
79
- "aria-details"?: string | undefined | undefined;
80
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
81
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
82
- "aria-errormessage"?: string | undefined | undefined;
83
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
84
- "aria-flowto"?: string | undefined | undefined;
85
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
86
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
87
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
88
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
89
- "aria-keyshortcuts"?: string | undefined | undefined;
90
- "aria-label"?: string | undefined | undefined;
91
- "aria-labelledby"?: string | undefined | undefined;
92
- "aria-level"?: number | undefined | undefined;
93
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
94
- "aria-modal"?: (boolean | "true" | "false") | undefined;
95
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
96
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
97
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
98
- "aria-owns"?: string | undefined | undefined;
99
- "aria-placeholder"?: string | undefined | undefined;
100
- "aria-posinset"?: number | undefined | undefined;
101
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
102
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
103
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
104
- "aria-required"?: (boolean | "true" | "false") | undefined;
105
- "aria-roledescription"?: string | undefined | undefined;
106
- "aria-rowcount"?: number | undefined | undefined;
107
- "aria-rowindex"?: number | undefined | undefined;
108
- "aria-rowindextext"?: string | undefined | undefined;
109
- "aria-rowspan"?: number | undefined | undefined;
110
- "aria-selected"?: (boolean | "true" | "false") | undefined;
111
- "aria-setsize"?: number | undefined | undefined;
112
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
113
- "aria-valuemax"?: number | undefined | undefined;
114
- "aria-valuemin"?: number | undefined | undefined;
115
- "aria-valuenow"?: number | undefined | undefined;
116
- "aria-valuetext"?: string | undefined | undefined;
117
- dangerouslySetInnerHTML?: {
118
- __html: string | TrustedHTML;
119
- } | undefined | undefined;
120
- onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
121
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
122
- onCut?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
123
- onCutCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
124
- onPaste?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
125
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
126
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
127
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
128
- onCompositionStart?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
129
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
130
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
131
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
132
- onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
133
- onFocusCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
134
- onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
135
- onBlurCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
136
- onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
137
- onChangeCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
138
- onBeforeInput?: import("react").InputEventHandler<HTMLInputElement> | undefined;
139
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
140
- onInput?: import("react").FormEventHandler<HTMLInputElement> | undefined;
141
- onInputCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
142
- onReset?: import("react").FormEventHandler<HTMLInputElement> | undefined;
143
- onResetCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
144
- onSubmit?: import("react").FormEventHandler<HTMLInputElement> | undefined;
145
- onSubmitCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
146
- onInvalid?: import("react").FormEventHandler<HTMLInputElement> | undefined;
147
- onInvalidCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
148
- onLoad?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
149
- onLoadCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
150
- onError?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
151
- onErrorCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
152
- onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
153
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
154
- onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
155
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
156
- onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
157
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
158
- onAbort?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
159
- onAbortCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
160
- onCanPlay?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
161
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
162
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
163
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
164
- onDurationChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
165
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
166
- onEmptied?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
167
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
168
- onEncrypted?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
169
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
170
- onEnded?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
171
- onEndedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
172
- onLoadedData?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
173
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
174
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
175
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
176
- onLoadStart?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
177
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
178
- onPause?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
179
- onPauseCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
180
- onPlay?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
181
- onPlayCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
182
- onPlaying?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
183
- onPlayingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
184
- onProgress?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
185
- onProgressCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
186
- onRateChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
187
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
188
- onSeeked?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
189
- onSeekedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
190
- onSeeking?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
191
- onSeekingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
192
- onStalled?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
193
- onStalledCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
194
- onSuspend?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
195
- onSuspendCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
196
- onTimeUpdate?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
197
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
198
- onVolumeChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
199
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
200
- onWaiting?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
201
- onWaitingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
202
- onAuxClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
203
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
204
- onClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
205
- onClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
206
- onContextMenu?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
207
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
208
- onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
209
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
210
- onDrag?: import("react").DragEventHandler<HTMLInputElement> | undefined;
211
- onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
212
- onDragEnd?: import("react").DragEventHandler<HTMLInputElement> | undefined;
213
- onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
214
- onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
215
- onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
216
- onDragExit?: import("react").DragEventHandler<HTMLInputElement> | undefined;
217
- onDragExitCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
218
- onDragLeave?: import("react").DragEventHandler<HTMLInputElement> | undefined;
219
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
220
- onDragOver?: import("react").DragEventHandler<HTMLInputElement> | undefined;
221
- onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
222
- onDragStart?: import("react").DragEventHandler<HTMLInputElement> | undefined;
223
- onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
224
- onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
225
- onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
226
- onMouseDown?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
227
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
228
- onMouseEnter?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
229
- onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
230
- onMouseMove?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
231
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
232
- onMouseOut?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
233
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
234
- onMouseOver?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
235
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
236
- onMouseUp?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
237
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
238
- onSelect?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
239
- onSelectCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
240
- onTouchCancel?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
241
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
242
- onTouchEnd?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
243
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
244
- onTouchMove?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
245
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
246
- onTouchStart?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
247
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
248
- onPointerDown?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
249
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
250
- onPointerMove?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
251
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
252
- onPointerUp?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
253
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
254
- onPointerCancel?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
255
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
256
- onPointerEnter?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
257
- onPointerLeave?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
258
- onPointerOver?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
259
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
260
- onPointerOut?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
261
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
262
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
263
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
264
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
265
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
266
- onScroll?: import("react").UIEventHandler<HTMLInputElement> | undefined;
267
- onScrollCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
268
- onScrollEnd?: import("react").UIEventHandler<HTMLInputElement> | undefined;
269
- onScrollEndCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
270
- onWheel?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
271
- onWheelCapture?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
272
- onAnimationStart?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
273
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
274
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
275
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
276
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
277
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
278
- onToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
279
- onBeforeToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
280
- onTransitionCancel?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
281
- onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
282
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
283
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
284
- onTransitionRun?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
285
- onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
286
- onTransitionStart?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
287
- onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
288
- disabled?: boolean | undefined | undefined;
289
- form?: string | undefined | undefined;
290
- formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
291
- formEncType?: string | undefined | undefined;
292
- formMethod?: string | undefined | undefined;
293
- formNoValidate?: boolean | undefined | undefined;
294
- formTarget?: string | undefined | undefined;
295
- name?: string | undefined | undefined;
296
- value?: string | number | readonly string[] | undefined;
297
- list?: string | undefined | undefined;
298
- placeholder?: string | undefined | undefined;
299
- accept?: string | undefined | undefined;
300
- alt?: string | undefined | undefined;
301
- autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
302
- capture?: boolean | "user" | "environment" | undefined | undefined;
303
- checked?: boolean | undefined | undefined;
304
- max?: number | string | undefined | undefined;
305
- maxLength?: number | undefined | undefined;
306
- min?: number | string | undefined | undefined;
307
- minLength?: number | undefined | undefined;
308
- multiple?: boolean | undefined | undefined;
309
- pattern?: string | undefined | undefined;
310
- readOnly?: boolean | undefined | undefined;
311
- required?: boolean | undefined | undefined;
312
- src?: string | undefined | undefined;
313
- step?: number | string | undefined | undefined;
314
- } & {
315
- id?: string;
316
- label?: import("react").ReactNode;
317
- verticalAlign?: "start" | "center" | "end";
318
- dataTest: string;
319
- size?: "small" | "medium";
320
- variant?: "primary" | "secondary";
321
- indeterminate?: boolean;
322
- }): import("react/jsx-runtime").JSX.Element;
323
- displayName: string;
324
- };
325
- tags: string[];
326
- args: {
327
- dataTest: string;
328
- };
329
- argTypes: {
330
- variant: {
331
- description: string;
332
- control: "select";
333
- options: string[];
334
- };
335
- size: {
336
- description: string;
337
- control: "select";
338
- options: string[];
339
- };
340
- checked: {
341
- description: string;
342
- control: "boolean";
343
- };
344
- indeterminate: {
345
- description: string;
346
- control: "boolean";
347
- };
348
- disabled: {
349
- description: string;
350
- control: "boolean";
351
- };
352
- label: {
353
- description: string;
354
- control: "text";
355
- };
356
- };
357
- };
358
- export default meta;
359
- type Story = StoryObj<typeof meta>;
360
- export declare const Interactive: Story;
361
- export declare const PrimaryDefault: Story;
362
- export declare const PrimaryChecked: Story;
363
- export declare const PrimaryIndeterminate: Story;
364
- export declare const SecondaryDefault: Story;
365
- export declare const SecondaryChecked: Story;
366
- export declare const SecondaryIndeterminate: Story;
367
- export declare const PrimarySmall: Story;
368
- export declare const PrimaryMedium: Story;
369
- export declare const SecondarySmall: Story;
370
- export declare const SecondaryMedium: Story;
371
- export declare const DisabledUnchecked: Story;
372
- export declare const DisabledChecked: Story;
373
- export declare const DisabledIndeterminate: Story;
374
- export declare const WithLabel: Story;
375
- export declare const WithLabelSecondary: Story;
376
- export declare const AllPrimaryStates: Story;
377
- export declare const AllSecondaryStates: Story;
378
- export declare const CompleteShowcase: Story;
@@ -1,11 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { Clipboard } from "./clipboard";
3
- declare const meta: Meta<typeof Clipboard>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const Trimmed: Story;
8
- export declare const TrimmedCustomLength: Story;
9
- export declare const ShortValue: Story;
10
- export declare const LongText: Story;
11
- export declare const LongUntrimmed: Story;
@@ -1,10 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { Drawer } from "./drawer";
3
- declare const meta: Meta<typeof Drawer>;
4
- export default meta;
5
- type Story = StoryObj<typeof Drawer>;
6
- export declare const Default: Story;
7
- export declare const Large: Story;
8
- export declare const WithActions: Story;
9
- export declare const WithActionsLongBody: Story;
10
- export declare const LongTitle: Story;
@@ -1,19 +0,0 @@
1
- import type { StoryObj } from "@storybook/react";
2
- declare const meta: {
3
- title: string;
4
- component: ({ text, children, icon: Icon, disabled, body, variant, ...rest }: {
5
- children?: import("react").ReactNode | undefined;
6
- } & {
7
- text?: string;
8
- icon?: SvgIcon;
9
- disabled?: boolean;
10
- body?: React.ReactNode;
11
- variant?: import("../button").CommonButtonProps["variant"];
12
- }) => import("react/jsx-runtime").JSX.Element;
13
- tags: string[];
14
- };
15
- export default meta;
16
- type Story = StoryObj<typeof meta>;
17
- export declare const Default: Story;
18
- export declare const WithIcon: Story;
19
- export declare const Custom: Story;
@@ -1,12 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { List } from './list';
3
- declare const meta: Meta<typeof List>;
4
- export default meta;
5
- type Story = StoryObj<typeof List>;
6
- export declare const Default: Story;
7
- export declare const WithLabel: Story;
8
- export declare const OrderSummary: Story;
9
- export declare const SingleItem: Story;
10
- export declare const Empty: Story;
11
- export declare const LongContent: Story;
12
- export declare const Overflow: Story;
@@ -1,38 +0,0 @@
1
- import type { StoryObj } from "@storybook/react";
2
- declare const meta: {
3
- title: string;
4
- component: ({ text, fullPage, isLightOverlay, children }: {
5
- fullPage?: boolean;
6
- text?: string;
7
- isLightOverlay?: boolean;
8
- } & {
9
- children?: import("react").ReactNode | undefined;
10
- }) => import("react/jsx-runtime").JSX.Element;
11
- tags: string[];
12
- parameters: {
13
- layout: string;
14
- };
15
- argTypes: {
16
- fullPage: {
17
- description: string;
18
- };
19
- text: {
20
- description: string;
21
- };
22
- isLightOverlay: {
23
- description: string;
24
- };
25
- children: {
26
- description: string;
27
- };
28
- };
29
- };
30
- export default meta;
31
- type Story = StoryObj<typeof meta>;
32
- export declare const Default: Story;
33
- export declare const WithText: Story;
34
- export declare const FullPage: Story;
35
- export declare const ContentArea: Story;
36
- export declare const LightOverlay: Story;
37
- export declare const LightOverlayContentArea: Story;
38
- export declare const WithChildren: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { Modal } from './';
3
- declare const meta: Meta<typeof Modal>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,19 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { Select } from './select';
3
- declare const meta: Meta<typeof Select>;
4
- export default meta;
5
- type Story = StoryObj<typeof Select>;
6
- export declare const Default: Story;
7
- export declare const WithLabel: Story;
8
- export declare const WithIcons: Story;
9
- export declare const WithDefaultValue: Story;
10
- export declare const Searchable: Story;
11
- export declare const Clearable: Story;
12
- export declare const Disabled: Story;
13
- export declare const Error: Story;
14
- export declare const Loading: Story;
15
- export declare const Multi: Story;
16
- export declare const MultiWithDefaultValue: Story;
17
- export declare const MultiWithIcons: Story;
18
- export declare const MultiClearable: Story;
19
- export declare const MultiError: Story;
@@ -1,37 +0,0 @@
1
- import type { StoryObj } from "@storybook/react";
2
- declare const meta: {
3
- title: string;
4
- component: ({ size, duration, className, icon: Icon, ...rest }: {
5
- icon?: SvgIcon;
6
- size?: number;
7
- duration?: number;
8
- className?: string;
9
- }) => import("react/jsx-runtime").JSX.Element;
10
- tags: string[];
11
- argTypes: {
12
- size: {
13
- description: string;
14
- control: {
15
- type: "number";
16
- };
17
- };
18
- duration: {
19
- description: string;
20
- control: {
21
- type: "number";
22
- };
23
- };
24
- className: {
25
- description: string;
26
- };
27
- };
28
- };
29
- export default meta;
30
- type Story = StoryObj<typeof meta>;
31
- export declare const Default: Story;
32
- export declare const LoadingCircle: Story;
33
- export declare const Small: Story;
34
- export declare const Medium: Story;
35
- export declare const Large: Story;
36
- export declare const Slow: Story;
37
- export declare const Fast: Story;
@@ -1 +0,0 @@
1
- export { Spinner } from "./spinner";
@@ -1,7 +0,0 @@
1
- type SpinnerProps = {
2
- size?: number;
3
- duration?: number;
4
- className?: string;
5
- };
6
- export declare const Spinner: ({ size, duration, className, ...rest }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1,35 +0,0 @@
1
- import type { StoryObj } from "@storybook/react";
2
- declare const meta: {
3
- title: string;
4
- component: ({ size, duration, className, ...rest }: {
5
- size?: number;
6
- duration?: number;
7
- className?: string;
8
- }) => import("react/jsx-runtime").JSX.Element;
9
- tags: string[];
10
- argTypes: {
11
- size: {
12
- description: string;
13
- control: {
14
- type: "number";
15
- };
16
- };
17
- duration: {
18
- description: string;
19
- control: {
20
- type: "number";
21
- };
22
- };
23
- className: {
24
- description: string;
25
- };
26
- };
27
- };
28
- export default meta;
29
- type Story = StoryObj<typeof meta>;
30
- export declare const Default: Story;
31
- export declare const Small: Story;
32
- export declare const Medium: Story;
33
- export declare const Large: Story;
34
- export declare const Slow: Story;
35
- export declare const Fast: Story;
@@ -1,12 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { Stepper } from './stepper';
3
- declare const meta: Meta<typeof Stepper>;
4
- export default meta;
5
- type Story = StoryObj<typeof Stepper>;
6
- export declare const Default: Story;
7
- export declare const FirstStep: Story;
8
- export declare const SecondStep: Story;
9
- export declare const ThirdStep: Story;
10
- export declare const AllCompleted: Story;
11
- export declare const TwoSteps: Story;
12
- export declare const ManySteps: Story;
@@ -1,15 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { Table } from "./table";
3
- type DataRow = {
4
- id: number;
5
- name: string;
6
- email: string;
7
- age: number;
8
- city: string;
9
- };
10
- declare const meta: Meta<typeof Table<DataRow>>;
11
- export default meta;
12
- type Story = StoryObj<typeof meta>;
13
- export declare const Default: Story;
14
- export declare const WithRowClicked: Story;
15
- export declare const DenseTable: Story;
@@ -1,12 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { TextField } from './text-field';
3
- declare const meta: Meta<typeof TextField>;
4
- export default meta;
5
- type Story = StoryObj<typeof TextField>;
6
- export declare const Default: Story;
7
- export declare const WithValue: Story;
8
- export declare const Invalid: Story;
9
- export declare const Disabled: Story;
10
- export declare const ReadOnly: Story;
11
- export declare const FullWidth: Story;
12
- export declare const Controlled: Story;
@@ -1,63 +0,0 @@
1
- import type { StoryObj } from "@storybook/react";
2
- declare const meta: {
3
- title: string;
4
- component: ({ children, title, description }: {
5
- title: string;
6
- description?: import("react").ReactNode;
7
- } & {
8
- children?: import("react").ReactNode | undefined;
9
- }) => import("react/jsx-runtime").JSX.Element;
10
- tags: string[];
11
- argTypes: {
12
- title: {
13
- description: string;
14
- control: {
15
- type: "text";
16
- };
17
- defaultValue: string;
18
- table: {
19
- type: {
20
- summary: string;
21
- };
22
- defaultValue: {
23
- summary: string;
24
- };
25
- };
26
- };
27
- description: {
28
- description: string;
29
- control: {
30
- type: "text";
31
- };
32
- defaultValue: string;
33
- table: {
34
- type: {
35
- summary: string;
36
- };
37
- defaultValue: {
38
- summary: string;
39
- };
40
- };
41
- };
42
- children: {
43
- description: string;
44
- control: {
45
- type: "text";
46
- };
47
- defaultValue: string;
48
- table: {
49
- type: {
50
- summary: string;
51
- };
52
- defaultValue: {
53
- summary: string;
54
- };
55
- };
56
- };
57
- };
58
- };
59
- export default meta;
60
- type Story = StoryObj<typeof meta>;
61
- export declare const Default: Story;
62
- export declare const WithDescription: Story;
63
- export declare const WithDescriptionLong: Story;
@@ -1,8 +0,0 @@
1
- import { InvestmentGraph } from "./index";
2
- import { Meta, StoryObj } from "@storybook/react";
3
- declare const meta: Meta<typeof InvestmentGraph>;
4
- export default meta;
5
- type Story = StoryObj<typeof InvestmentGraph>;
6
- export declare const Default: Story;
7
- export declare const WithHeader: Story;
8
- export declare const WithHeaderNegativeValues: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { ConfirmModal } from './confirm-modal';
3
- declare const meta: Meta<typeof ConfirmModal>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,12 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { PasswordField } from './password-field';
3
- declare const meta: Meta<typeof PasswordField>;
4
- export default meta;
5
- type Story = StoryObj<typeof PasswordField>;
6
- export declare const Default: Story;
7
- export declare const WithValue: Story;
8
- export declare const Invalid: Story;
9
- export declare const Disabled: Story;
10
- export declare const ReadOnly: Story;
11
- export declare const FullWidth: Story;
12
- export declare const Controlled: Story;