@rovula/ui 0.0.19 → 0.0.21
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/bundle.css +3220 -1382
- package/dist/cjs/bundle.js +3 -3
- package/dist/cjs/bundle.js.map +1 -1
- package/dist/cjs/types/components/ActionButton/ActionButton.stories.d.ts +4 -4
- package/dist/cjs/types/components/ActionButton/ActionButton.styles copy.d.ts +6 -0
- package/dist/cjs/types/components/Button/Button.styles copy.d.ts +7 -0
- package/dist/cjs/types/components/Button/Button.styles.d.ts +1 -0
- package/dist/cjs/types/components/Button/Buttons.stories.d.ts +12 -4
- package/dist/cjs/types/components/Calendar/Calendar.d.ts +0 -1
- package/dist/cjs/types/components/Calendar/Calendar.stories.d.ts +7 -7
- package/dist/cjs/types/components/Checkbox/Checkbox.stories.d.ts +6 -6
- package/dist/cjs/types/components/DatePicker/DatePicker.d.ts +2 -0
- package/dist/cjs/types/components/DatePicker/DatePicker.stories.d.ts +2 -0
- package/dist/cjs/types/components/Dropdown/Dropdown.stories.d.ts +8 -6
- package/dist/cjs/types/components/Input/Input.stories.d.ts +12 -12
- package/dist/cjs/types/components/Label/Label.stories.d.ts +6 -6
- package/dist/cjs/types/components/Loading/Loading.d.ts +14 -0
- package/dist/cjs/types/components/Loading/Loading.stories.d.ts +35 -0
- package/dist/cjs/types/components/ProgressBar/ProgressBar.d.ts +13 -0
- package/dist/cjs/types/components/ProgressBar/ProgressBar.stories.d.ts +37 -0
- package/dist/cjs/types/components/RadioGroup/RadioGroup.stories.d.ts +5 -5
- package/dist/cjs/types/components/Search/Search.d.ts +22 -1
- package/dist/cjs/types/components/Search/Search.stories.d.ts +338 -7
- package/dist/cjs/types/components/Table/Table.stories.d.ts +4 -4
- package/dist/cjs/types/components/Text/Text.d.ts +1 -1
- package/dist/cjs/types/components/Text/Text.stories.d.ts +1 -1
- package/dist/cjs/types/components/TextInput/TextInput.d.ts +4 -0
- package/dist/cjs/types/components/TextInput/TextInput.stories.d.ts +11 -6
- package/dist/cjs/types/components/TextInput/TextInput.styles.d.ts +8 -0
- package/dist/cjs/types/index.d.ts +3 -0
- package/dist/cjs/types/stories/ColorGroupPreview.d.ts +1 -0
- package/dist/cjs/types/stories/ColorPreview.d.ts +5 -0
- package/dist/components/ActionButton/ActionButton.js +1 -1
- package/dist/components/ActionButton/ActionButton.stories.js +1 -1
- package/dist/components/ActionButton/ActionButton.styles copy.js +90 -0
- package/dist/components/ActionButton/ActionButton.styles.js +54 -15
- package/dist/components/AlertDialog/AlertDialog.js +2 -2
- package/dist/components/Avatar/Avatar.styles.js +1 -1
- package/dist/components/Button/Button.js +3 -2
- package/dist/components/Button/Button.styles copy.js +210 -0
- package/dist/components/Button/Button.styles.js +203 -43
- package/dist/components/Button/Buttons.stories.js +9 -1
- package/dist/components/Calendar/Calendar.js +39 -2
- package/dist/components/Checkbox/Checkbox.js +1 -1
- package/dist/components/Collapsible/Collapsible.styles.js +6 -3
- package/dist/components/DatePicker/DatePicker.js +13 -2
- package/dist/components/Dialog/Dialog.js +4 -4
- package/dist/components/Dropdown/Dropdown.js +9 -7
- package/dist/components/Dropdown/Dropdown.styles.js +1 -1
- package/dist/components/Input/Input.js +8 -1
- package/dist/components/Input/Input.stories.js +3 -2
- package/dist/components/Input/Input.styles.js +13 -5
- package/dist/components/Loading/Loading.js +23 -0
- package/dist/components/Loading/Loading.stories.js +37 -0
- package/dist/components/Popover/Popover.js +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +22 -0
- package/dist/components/ProgressBar/ProgressBar.stories.js +52 -0
- package/dist/components/RadioGroup/RadioGroup.js +2 -2
- package/dist/components/Search/Search.js +6 -7
- package/dist/components/Search/Search.stories.js +8 -5
- package/dist/components/Text/Text.js +17 -2
- package/dist/components/Text/Text.stories.js +5 -1
- package/dist/components/TextInput/TextInput.js +14 -5
- package/dist/components/TextInput/TextInput.stories.js +3 -2
- package/dist/components/TextInput/TextInput.styles.js +120 -18
- package/dist/esm/bundle.css +3220 -1382
- package/dist/esm/bundle.js +3 -3
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/types/components/ActionButton/ActionButton.stories.d.ts +4 -4
- package/dist/esm/types/components/ActionButton/ActionButton.styles copy.d.ts +6 -0
- package/dist/esm/types/components/Button/Button.styles copy.d.ts +7 -0
- package/dist/esm/types/components/Button/Button.styles.d.ts +1 -0
- package/dist/esm/types/components/Button/Buttons.stories.d.ts +12 -4
- package/dist/esm/types/components/Calendar/Calendar.d.ts +0 -1
- package/dist/esm/types/components/Calendar/Calendar.stories.d.ts +7 -7
- package/dist/esm/types/components/Checkbox/Checkbox.stories.d.ts +6 -6
- package/dist/esm/types/components/DatePicker/DatePicker.d.ts +2 -0
- package/dist/esm/types/components/DatePicker/DatePicker.stories.d.ts +2 -0
- package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +8 -6
- package/dist/esm/types/components/Input/Input.stories.d.ts +12 -12
- package/dist/esm/types/components/Label/Label.stories.d.ts +6 -6
- package/dist/esm/types/components/Loading/Loading.d.ts +14 -0
- package/dist/esm/types/components/Loading/Loading.stories.d.ts +35 -0
- package/dist/esm/types/components/ProgressBar/ProgressBar.d.ts +13 -0
- package/dist/esm/types/components/ProgressBar/ProgressBar.stories.d.ts +37 -0
- package/dist/esm/types/components/RadioGroup/RadioGroup.stories.d.ts +5 -5
- package/dist/esm/types/components/Search/Search.d.ts +22 -1
- package/dist/esm/types/components/Search/Search.stories.d.ts +338 -7
- package/dist/esm/types/components/Table/Table.stories.d.ts +4 -4
- package/dist/esm/types/components/Text/Text.d.ts +1 -1
- package/dist/esm/types/components/Text/Text.stories.d.ts +1 -1
- package/dist/esm/types/components/TextInput/TextInput.d.ts +4 -0
- package/dist/esm/types/components/TextInput/TextInput.stories.d.ts +11 -6
- package/dist/esm/types/components/TextInput/TextInput.styles.d.ts +8 -0
- package/dist/esm/types/index.d.ts +3 -0
- package/dist/esm/types/stories/ColorGroupPreview.d.ts +1 -0
- package/dist/esm/types/stories/ColorPreview.d.ts +5 -0
- package/dist/index.d.ts +53 -2
- package/dist/index.js +3 -0
- package/dist/src/theme/global.css +5078 -918
- package/dist/stories/ColorGroupPreview.js +478 -0
- package/dist/stories/ColorPreview.js +8 -0
- package/dist/theme/global.css +7 -227
- package/dist/theme/main-preset.js +131 -67
- package/dist/theme/plugins/utilities/typography.js +12 -0
- package/dist/theme/presets/colors.js +101 -220
- package/dist/theme/theme.d.ts +69 -0
- package/dist/theme/themes/xspector/baseline.css +7 -0
- package/dist/theme/themes/xspector/color.css +67 -0
- package/dist/theme/themes/xspector/components/action-button.css +98 -0
- package/dist/theme/themes/xspector/components/loading.css +11 -0
- package/dist/theme/themes/xspector/palette.css +122 -0
- package/dist/theme/themes/xspector/state.css +89 -0
- package/dist/theme/themes/xspector/transparent.css +68 -0
- package/dist/theme/themes/xspector/typography.css +27 -0
- package/dist/theme/tokens/baseline.css +10 -0
- package/dist/theme/tokens/color.css +63 -0
- package/dist/theme/tokens/components/action-button.css +127 -0
- package/dist/theme/tokens/components/button.css +512 -0
- package/dist/theme/tokens/components/loading.css +11 -0
- package/dist/theme/tokens/components/navbar.css +8 -0
- package/dist/theme/tokens/components/progress-bar.css +8 -0
- package/dist/theme/tokens/palette.css +122 -0
- package/dist/theme/tokens/state.css +82 -0
- package/dist/theme/tokens/transparent.css +68 -0
- package/dist/theme/tokens/typography.css +178 -0
- package/dist/theme/tokens/variables.css +28 -0
- package/dist/theme/utils.js +98 -0
- package/package.json +1 -1
- package/src/_theme/global copy.css +761 -0
- package/src/_theme/global.css +39 -0
- package/src/_theme/main-preset.js +239 -0
- package/src/_theme/plugins/utilities/typography.js +81 -0
- package/src/_theme/presets/colors copy 2.js +319 -0
- package/src/_theme/presets/colors copy.js +229 -0
- package/src/_theme/presets/colors.js +94 -0
- package/src/_theme/theme.d.ts +69 -0
- package/src/_theme/variables/base/button.css +334 -0
- package/src/_theme/variables/base/components copy.css +19 -0
- package/src/_theme/variables/default/colors.css +292 -0
- package/src/_theme/variables/default/typography.css +178 -0
- package/src/_theme/variables/xspector/colors.css +468 -0
- package/src/_theme/variables/xspector/typography.css +178 -0
- package/src/components/ActionButton/ActionButton.stories.tsx +1 -1
- package/src/components/ActionButton/ActionButton.styles copy.ts +95 -0
- package/src/components/ActionButton/ActionButton.styles.ts +54 -19
- package/src/components/ActionButton/ActionButton.tsx +1 -1
- package/src/components/AlertDialog/AlertDialog.tsx +2 -2
- package/src/components/Avatar/Avatar.styles.ts +1 -1
- package/src/components/Button/Button.styles copy.ts +214 -0
- package/src/components/Button/Button.styles.ts +203 -47
- package/src/components/Button/Button.tsx +4 -0
- package/src/components/Button/Buttons.stories.tsx +9 -1
- package/src/components/Calendar/Calendar.tsx +49 -7
- package/src/components/Checkbox/Checkbox.tsx +1 -1
- package/src/components/Collapsible/Collapsible.styles.ts +6 -3
- package/src/components/DatePicker/DatePicker.tsx +8 -2
- package/src/components/Dialog/Dialog.tsx +5 -5
- package/src/components/Dropdown/Dropdown.styles.ts +1 -1
- package/src/components/Dropdown/Dropdown.tsx +14 -12
- package/src/components/Input/Input.stories.tsx +3 -2
- package/src/components/Input/Input.styles.tsx +13 -6
- package/src/components/Input/Input.tsx +8 -1
- package/src/components/Loading/Loading.stories.tsx +43 -0
- package/src/components/Loading/Loading.tsx +72 -0
- package/src/components/Popover/Popover.tsx +1 -1
- package/src/components/ProgressBar/ProgressBar.stories.tsx +78 -0
- package/src/components/ProgressBar/ProgressBar.tsx +62 -0
- package/src/components/RadioGroup/RadioGroup.tsx +2 -2
- package/src/components/Search/Search.stories.tsx +13 -13
- package/src/components/Search/Search.tsx +14 -19
- package/src/components/Text/Text.stories.tsx +6 -4
- package/src/components/Text/Text.tsx +27 -3
- package/src/components/TextInput/TextInput.stories.tsx +3 -2
- package/src/components/TextInput/TextInput.styles.ts +124 -19
- package/src/components/TextInput/TextInput.tsx +34 -4
- package/src/index.ts +3 -0
- package/src/stories/ColorGroupPreview.tsx +494 -0
- package/src/stories/ColorPreview.tsx +45 -0
- package/src/stories/Colors.mdx +14 -0
- package/src/stories/Typography.mdx +7 -151
- package/src/theme/global.css +7 -227
- package/src/theme/main-preset.js +131 -67
- package/src/theme/plugins/utilities/typography.js +12 -0
- package/src/theme/presets/colors.js +101 -220
- package/src/theme/theme.d.ts +69 -0
- package/src/theme/themes/xspector/baseline.css +7 -0
- package/src/theme/themes/xspector/color.css +67 -0
- package/src/theme/themes/xspector/components/action-button.css +98 -0
- package/src/theme/themes/xspector/components/loading.css +11 -0
- package/src/theme/themes/xspector/palette.css +122 -0
- package/src/theme/themes/xspector/state.css +89 -0
- package/src/theme/themes/xspector/transparent.css +68 -0
- package/src/theme/themes/xspector/typography.css +27 -0
- package/src/theme/tokens/baseline.css +10 -0
- package/src/theme/tokens/color.css +63 -0
- package/src/theme/tokens/components/action-button.css +127 -0
- package/src/theme/tokens/components/button.css +512 -0
- package/src/theme/tokens/components/loading.css +11 -0
- package/src/theme/tokens/components/navbar.css +8 -0
- package/src/theme/tokens/components/progress-bar.css +8 -0
- package/src/theme/tokens/palette.css +122 -0
- package/src/theme/tokens/state.css +82 -0
- package/src/theme/tokens/transparent.css +68 -0
- package/src/theme/tokens/typography.css +178 -0
- package/src/theme/tokens/variables.css +28 -0
- package/src/theme/utils.js +98 -0
|
@@ -37,7 +37,7 @@ declare const meta: {
|
|
|
37
37
|
suppressHydrationWarning?: boolean | undefined;
|
|
38
38
|
accessKey?: string | undefined;
|
|
39
39
|
autoFocus?: boolean | undefined;
|
|
40
|
-
contentEditable?: (boolean | "true" | "false") | "
|
|
40
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
41
41
|
contextMenu?: string | undefined;
|
|
42
42
|
dir?: string | undefined;
|
|
43
43
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -74,12 +74,12 @@ declare const meta: {
|
|
|
74
74
|
itemRef?: string | undefined;
|
|
75
75
|
results?: number | undefined;
|
|
76
76
|
security?: string | undefined;
|
|
77
|
-
unselectable?: "
|
|
77
|
+
unselectable?: "off" | "on" | undefined;
|
|
78
78
|
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
79
79
|
is?: string | undefined;
|
|
80
80
|
"aria-activedescendant"?: string | undefined;
|
|
81
81
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
82
|
-
"aria-autocomplete"?: "
|
|
82
|
+
"aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
|
|
83
83
|
"aria-braillelabel"?: string | undefined;
|
|
84
84
|
"aria-brailleroledescription"?: string | undefined;
|
|
85
85
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
@@ -106,7 +106,7 @@ declare const meta: {
|
|
|
106
106
|
"aria-label"?: string | undefined;
|
|
107
107
|
"aria-labelledby"?: string | undefined;
|
|
108
108
|
"aria-level"?: number | undefined;
|
|
109
|
-
"aria-live"?: "
|
|
109
|
+
"aria-live"?: "polite" | "off" | "assertive" | undefined;
|
|
110
110
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
111
111
|
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
112
112
|
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const actionButtonVariants: (props?: ({
|
|
2
|
+
variant?: "solid" | "outline" | "icon" | null | undefined;
|
|
3
|
+
size?: "sm" | "md" | "lg" | "xs" | null | undefined;
|
|
4
|
+
disabled?: boolean | null | undefined;
|
|
5
|
+
active?: boolean | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const buttonVariants: (props?: ({
|
|
2
|
+
color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | null | undefined;
|
|
3
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
4
|
+
variant?: "solid" | "outline" | "flat" | "link" | null | undefined;
|
|
5
|
+
disabled?: boolean | null | undefined;
|
|
6
|
+
fullwidth?: boolean | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -4,4 +4,5 @@ export declare const buttonVariants: (props?: ({
|
|
|
4
4
|
variant?: "solid" | "outline" | "flat" | "link" | null | undefined;
|
|
5
5
|
disabled?: boolean | null | undefined;
|
|
6
6
|
fullwidth?: boolean | null | undefined;
|
|
7
|
+
icon?: "sm" | "md" | "lg" | null | undefined;
|
|
7
8
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -44,7 +44,7 @@ declare const meta: {
|
|
|
44
44
|
accessKey?: string | undefined;
|
|
45
45
|
autoFocus?: boolean | undefined;
|
|
46
46
|
className?: string | undefined;
|
|
47
|
-
contentEditable?: (boolean | "true" | "false") | "
|
|
47
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
48
48
|
contextMenu?: string | undefined;
|
|
49
49
|
dir?: string | undefined;
|
|
50
50
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -80,12 +80,12 @@ declare const meta: {
|
|
|
80
80
|
itemRef?: string | undefined;
|
|
81
81
|
results?: number | undefined;
|
|
82
82
|
security?: string | undefined;
|
|
83
|
-
unselectable?: "
|
|
83
|
+
unselectable?: "off" | "on" | undefined;
|
|
84
84
|
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
85
85
|
is?: string | undefined;
|
|
86
86
|
"aria-activedescendant"?: string | undefined;
|
|
87
87
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
88
|
-
"aria-autocomplete"?: "
|
|
88
|
+
"aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
|
|
89
89
|
"aria-braillelabel"?: string | undefined;
|
|
90
90
|
"aria-brailleroledescription"?: string | undefined;
|
|
91
91
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
@@ -112,7 +112,7 @@ declare const meta: {
|
|
|
112
112
|
"aria-label"?: string | undefined;
|
|
113
113
|
"aria-labelledby"?: string | undefined;
|
|
114
114
|
"aria-level"?: number | undefined;
|
|
115
|
-
"aria-live"?: "
|
|
115
|
+
"aria-live"?: "polite" | "off" | "assertive" | undefined;
|
|
116
116
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
117
117
|
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
118
118
|
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
@@ -307,6 +307,8 @@ export default meta;
|
|
|
307
307
|
export declare const Solid: {
|
|
308
308
|
args: {
|
|
309
309
|
title: string;
|
|
310
|
+
disabled: false;
|
|
311
|
+
isLoading: false;
|
|
310
312
|
};
|
|
311
313
|
render: (args: {
|
|
312
314
|
title?: string | undefined;
|
|
@@ -325,6 +327,8 @@ export declare const Outline: {
|
|
|
325
327
|
args: {
|
|
326
328
|
title: string;
|
|
327
329
|
variant: "outline";
|
|
330
|
+
disabled: false;
|
|
331
|
+
isLoading: false;
|
|
328
332
|
};
|
|
329
333
|
render: (args: {
|
|
330
334
|
title?: string | undefined;
|
|
@@ -343,6 +347,8 @@ export declare const Flat: {
|
|
|
343
347
|
args: {
|
|
344
348
|
title: string;
|
|
345
349
|
variant: "flat";
|
|
350
|
+
disabled: false;
|
|
351
|
+
isLoading: false;
|
|
346
352
|
};
|
|
347
353
|
render: (args: {
|
|
348
354
|
title?: string | undefined;
|
|
@@ -361,6 +367,8 @@ export declare const Link: {
|
|
|
361
367
|
args: {
|
|
362
368
|
title: string;
|
|
363
369
|
variant: "link";
|
|
370
|
+
disabled: false;
|
|
371
|
+
isLoading: false;
|
|
364
372
|
};
|
|
365
373
|
render: (args: {
|
|
366
374
|
title?: string | undefined;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { DayPicker } from "react-day-picker";
|
|
3
|
-
import "react-day-picker/dist/style.css";
|
|
4
3
|
export type CalendarProps = React.ComponentProps<typeof DayPicker>;
|
|
5
4
|
declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
6
5
|
declare namespace Calendar {
|
|
@@ -52,7 +52,7 @@ declare const meta: {
|
|
|
52
52
|
title?: string | undefined;
|
|
53
53
|
lang?: string | undefined;
|
|
54
54
|
locale?: Partial<import("date-fns").Locale> | undefined;
|
|
55
|
-
weekStartsOn?: 0 |
|
|
55
|
+
weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
|
|
56
56
|
firstWeekContainsDate?: 1 | 4 | undefined;
|
|
57
57
|
useAdditionalWeekYearTokens?: boolean | undefined;
|
|
58
58
|
useAdditionalDayOfYearTokens?: boolean | undefined;
|
|
@@ -152,7 +152,7 @@ declare const meta: {
|
|
|
152
152
|
title?: string | undefined;
|
|
153
153
|
lang?: string | undefined;
|
|
154
154
|
locale?: Partial<import("date-fns").Locale> | undefined;
|
|
155
|
-
weekStartsOn?: 0 |
|
|
155
|
+
weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
|
|
156
156
|
firstWeekContainsDate?: 1 | 4 | undefined;
|
|
157
157
|
useAdditionalWeekYearTokens?: boolean | undefined;
|
|
158
158
|
useAdditionalDayOfYearTokens?: boolean | undefined;
|
|
@@ -252,7 +252,7 @@ declare const meta: {
|
|
|
252
252
|
title?: string | undefined;
|
|
253
253
|
lang?: string | undefined;
|
|
254
254
|
locale?: Partial<import("date-fns").Locale> | undefined;
|
|
255
|
-
weekStartsOn?: 0 |
|
|
255
|
+
weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
|
|
256
256
|
firstWeekContainsDate?: 1 | 4 | undefined;
|
|
257
257
|
useAdditionalWeekYearTokens?: boolean | undefined;
|
|
258
258
|
useAdditionalDayOfYearTokens?: boolean | undefined;
|
|
@@ -354,7 +354,7 @@ declare const meta: {
|
|
|
354
354
|
title?: string | undefined;
|
|
355
355
|
lang?: string | undefined;
|
|
356
356
|
locale?: Partial<import("date-fns").Locale> | undefined;
|
|
357
|
-
weekStartsOn?: 0 |
|
|
357
|
+
weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
|
|
358
358
|
firstWeekContainsDate?: 1 | 4 | undefined;
|
|
359
359
|
useAdditionalWeekYearTokens?: boolean | undefined;
|
|
360
360
|
useAdditionalDayOfYearTokens?: boolean | undefined;
|
|
@@ -456,7 +456,7 @@ declare const meta: {
|
|
|
456
456
|
title?: string | undefined;
|
|
457
457
|
lang?: string | undefined;
|
|
458
458
|
locale?: Partial<import("date-fns").Locale> | undefined;
|
|
459
|
-
weekStartsOn?: 0 |
|
|
459
|
+
weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
|
|
460
460
|
firstWeekContainsDate?: 1 | 4 | undefined;
|
|
461
461
|
useAdditionalWeekYearTokens?: boolean | undefined;
|
|
462
462
|
useAdditionalDayOfYearTokens?: boolean | undefined;
|
|
@@ -559,7 +559,7 @@ declare const meta: {
|
|
|
559
559
|
title?: string | undefined;
|
|
560
560
|
lang?: string | undefined;
|
|
561
561
|
locale?: Partial<import("date-fns").Locale> | undefined;
|
|
562
|
-
weekStartsOn?: 0 |
|
|
562
|
+
weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
|
|
563
563
|
firstWeekContainsDate?: 1 | 4 | undefined;
|
|
564
564
|
useAdditionalWeekYearTokens?: boolean | undefined;
|
|
565
565
|
useAdditionalDayOfYearTokens?: boolean | undefined;
|
|
@@ -662,7 +662,7 @@ declare const meta: {
|
|
|
662
662
|
title?: string | undefined;
|
|
663
663
|
lang?: string | undefined;
|
|
664
664
|
locale?: Partial<import("date-fns").Locale> | undefined;
|
|
665
|
-
weekStartsOn?: 0 |
|
|
665
|
+
weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
|
|
666
666
|
firstWeekContainsDate?: 1 | 4 | undefined;
|
|
667
667
|
useAdditionalWeekYearTokens?: boolean | undefined;
|
|
668
668
|
useAdditionalDayOfYearTokens?: boolean | undefined;
|
|
@@ -9,10 +9,10 @@ declare const meta: {
|
|
|
9
9
|
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
10
10
|
color?: string | undefined;
|
|
11
11
|
disabled?: boolean | undefined;
|
|
12
|
-
title?: string | undefined;
|
|
13
|
-
children?: React.ReactNode;
|
|
14
12
|
className?: string | undefined;
|
|
15
13
|
form?: string | undefined;
|
|
14
|
+
title?: string | undefined;
|
|
15
|
+
children?: React.ReactNode;
|
|
16
16
|
formAction?: string | undefined;
|
|
17
17
|
formEncType?: string | undefined;
|
|
18
18
|
formMethod?: string | undefined;
|
|
@@ -27,7 +27,7 @@ declare const meta: {
|
|
|
27
27
|
suppressHydrationWarning?: boolean | undefined;
|
|
28
28
|
accessKey?: string | undefined;
|
|
29
29
|
autoFocus?: boolean | undefined;
|
|
30
|
-
contentEditable?: (boolean | "true" | "false") | "
|
|
30
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
31
31
|
contextMenu?: string | undefined;
|
|
32
32
|
dir?: string | undefined;
|
|
33
33
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -63,12 +63,12 @@ declare const meta: {
|
|
|
63
63
|
itemRef?: string | undefined;
|
|
64
64
|
results?: number | undefined;
|
|
65
65
|
security?: string | undefined;
|
|
66
|
-
unselectable?: "
|
|
66
|
+
unselectable?: "off" | "on" | undefined;
|
|
67
67
|
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
68
68
|
is?: string | undefined;
|
|
69
69
|
"aria-activedescendant"?: string | undefined;
|
|
70
70
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
71
|
-
"aria-autocomplete"?: "
|
|
71
|
+
"aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
|
|
72
72
|
"aria-braillelabel"?: string | undefined;
|
|
73
73
|
"aria-brailleroledescription"?: string | undefined;
|
|
74
74
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
@@ -95,7 +95,7 @@ declare const meta: {
|
|
|
95
95
|
"aria-label"?: string | undefined;
|
|
96
96
|
"aria-labelledby"?: string | undefined;
|
|
97
97
|
"aria-level"?: number | undefined;
|
|
98
|
-
"aria-live"?: "
|
|
98
|
+
"aria-live"?: "polite" | "off" | "assertive" | undefined;
|
|
99
99
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
100
100
|
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
101
101
|
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import React, { FC } from "react";
|
|
2
2
|
import { Modifiers } from "react-day-picker";
|
|
3
|
+
import { InputProps } from "../TextInput/TextInput";
|
|
3
4
|
type DatePickerProps = {
|
|
4
5
|
date: Date | undefined;
|
|
5
6
|
onSelect: (selected: Date | undefined, triggerDate: Date, modifiers: Modifiers, e: React.MouseEvent | React.KeyboardEvent) => void | undefined;
|
|
7
|
+
textInputProps?: Partial<InputProps>;
|
|
6
8
|
};
|
|
7
9
|
declare const DatePicker: FC<DatePickerProps>;
|
|
8
10
|
export default DatePicker;
|
|
@@ -4,6 +4,7 @@ declare const meta: {
|
|
|
4
4
|
component: React.FC<{
|
|
5
5
|
date: Date | undefined;
|
|
6
6
|
onSelect: (selected: Date | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void | undefined;
|
|
7
|
+
textInputProps?: Partial<import("../..").InputProps> | undefined;
|
|
7
8
|
}>;
|
|
8
9
|
tags: string[];
|
|
9
10
|
parameters: {
|
|
@@ -12,6 +13,7 @@ declare const meta: {
|
|
|
12
13
|
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
13
14
|
date: Date | undefined;
|
|
14
15
|
onSelect: (selected: Date | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void | undefined;
|
|
16
|
+
textInputProps?: Partial<import("../..").InputProps> | undefined;
|
|
15
17
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
16
18
|
};
|
|
17
19
|
export default meta;
|
|
@@ -44,10 +44,12 @@ declare const meta: {
|
|
|
44
44
|
onChangeText?: React.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
45
45
|
onSelect?: (((value: Options) => void) & React.ReactEventHandler<HTMLInputElement>) | undefined;
|
|
46
46
|
color?: string | undefined;
|
|
47
|
+
form?: string | undefined;
|
|
48
|
+
list?: string | undefined;
|
|
47
49
|
title?: string | undefined;
|
|
48
50
|
children?: React.ReactNode;
|
|
51
|
+
startIcon?: React.ReactNode;
|
|
49
52
|
endIcon?: React.ReactNode;
|
|
50
|
-
form?: string | undefined;
|
|
51
53
|
formAction?: string | undefined;
|
|
52
54
|
formEncType?: string | undefined;
|
|
53
55
|
formMethod?: string | undefined;
|
|
@@ -61,7 +63,7 @@ declare const meta: {
|
|
|
61
63
|
suppressHydrationWarning?: boolean | undefined;
|
|
62
64
|
accessKey?: string | undefined;
|
|
63
65
|
autoFocus?: boolean | undefined;
|
|
64
|
-
contentEditable?: (boolean | "true" | "false") | "
|
|
66
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
65
67
|
contextMenu?: string | undefined;
|
|
66
68
|
dir?: string | undefined;
|
|
67
69
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -96,12 +98,12 @@ declare const meta: {
|
|
|
96
98
|
itemRef?: string | undefined;
|
|
97
99
|
results?: number | undefined;
|
|
98
100
|
security?: string | undefined;
|
|
99
|
-
unselectable?: "
|
|
101
|
+
unselectable?: "off" | "on" | undefined;
|
|
100
102
|
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
101
103
|
is?: string | undefined;
|
|
102
104
|
"aria-activedescendant"?: string | undefined;
|
|
103
105
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
104
|
-
"aria-autocomplete"?: "
|
|
106
|
+
"aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
|
|
105
107
|
"aria-braillelabel"?: string | undefined;
|
|
106
108
|
"aria-brailleroledescription"?: string | undefined;
|
|
107
109
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
@@ -128,7 +130,7 @@ declare const meta: {
|
|
|
128
130
|
"aria-label"?: string | undefined;
|
|
129
131
|
"aria-labelledby"?: string | undefined;
|
|
130
132
|
"aria-level"?: number | undefined;
|
|
131
|
-
"aria-live"?: "
|
|
133
|
+
"aria-live"?: "polite" | "off" | "assertive" | undefined;
|
|
132
134
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
133
135
|
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
134
136
|
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
@@ -314,8 +316,8 @@ declare const meta: {
|
|
|
314
316
|
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
|
|
315
317
|
onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
316
318
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
317
|
-
list?: string | undefined;
|
|
318
319
|
hasClearIcon?: boolean | undefined;
|
|
320
|
+
hasSearchIcon?: boolean | undefined;
|
|
319
321
|
accept?: string | undefined;
|
|
320
322
|
alt?: string | undefined;
|
|
321
323
|
autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
|
|
@@ -25,9 +25,10 @@ declare const meta: {
|
|
|
25
25
|
hiddenPlaceholder?: boolean | undefined;
|
|
26
26
|
className?: string | undefined;
|
|
27
27
|
color?: string | undefined;
|
|
28
|
+
form?: string | undefined;
|
|
29
|
+
list?: string | undefined;
|
|
28
30
|
title?: string | undefined;
|
|
29
31
|
children?: React.ReactNode;
|
|
30
|
-
form?: string | undefined;
|
|
31
32
|
formAction?: string | undefined;
|
|
32
33
|
formEncType?: string | undefined;
|
|
33
34
|
formMethod?: string | undefined;
|
|
@@ -42,7 +43,7 @@ declare const meta: {
|
|
|
42
43
|
suppressHydrationWarning?: boolean | undefined;
|
|
43
44
|
accessKey?: string | undefined;
|
|
44
45
|
autoFocus?: boolean | undefined;
|
|
45
|
-
contentEditable?: (boolean | "true" | "false") | "
|
|
46
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
46
47
|
contextMenu?: string | undefined;
|
|
47
48
|
dir?: string | undefined;
|
|
48
49
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -78,12 +79,12 @@ declare const meta: {
|
|
|
78
79
|
itemRef?: string | undefined;
|
|
79
80
|
results?: number | undefined;
|
|
80
81
|
security?: string | undefined;
|
|
81
|
-
unselectable?: "
|
|
82
|
+
unselectable?: "off" | "on" | undefined;
|
|
82
83
|
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
83
84
|
is?: string | undefined;
|
|
84
85
|
"aria-activedescendant"?: string | undefined;
|
|
85
86
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
86
|
-
"aria-autocomplete"?: "
|
|
87
|
+
"aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
|
|
87
88
|
"aria-braillelabel"?: string | undefined;
|
|
88
89
|
"aria-brailleroledescription"?: string | undefined;
|
|
89
90
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
@@ -110,7 +111,7 @@ declare const meta: {
|
|
|
110
111
|
"aria-label"?: string | undefined;
|
|
111
112
|
"aria-labelledby"?: string | undefined;
|
|
112
113
|
"aria-level"?: number | undefined;
|
|
113
|
-
"aria-live"?: "
|
|
114
|
+
"aria-live"?: "polite" | "off" | "assertive" | undefined;
|
|
114
115
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
115
116
|
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
116
117
|
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
@@ -297,7 +298,6 @@ declare const meta: {
|
|
|
297
298
|
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
|
|
298
299
|
onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
299
300
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
300
|
-
list?: string | undefined;
|
|
301
301
|
accept?: string | undefined;
|
|
302
302
|
alt?: string | undefined;
|
|
303
303
|
autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
|
|
@@ -334,9 +334,10 @@ export declare const Default: {
|
|
|
334
334
|
hiddenPlaceholder?: boolean | undefined;
|
|
335
335
|
className?: string | undefined;
|
|
336
336
|
color?: string | undefined;
|
|
337
|
+
form?: string | undefined;
|
|
338
|
+
list?: string | undefined;
|
|
337
339
|
title?: string | undefined;
|
|
338
340
|
children?: React.ReactNode;
|
|
339
|
-
form?: string | undefined;
|
|
340
341
|
formAction?: string | undefined;
|
|
341
342
|
formEncType?: string | undefined;
|
|
342
343
|
formMethod?: string | undefined;
|
|
@@ -351,7 +352,7 @@ export declare const Default: {
|
|
|
351
352
|
suppressHydrationWarning?: boolean | undefined;
|
|
352
353
|
accessKey?: string | undefined;
|
|
353
354
|
autoFocus?: boolean | undefined;
|
|
354
|
-
contentEditable?: (boolean | "true" | "false") | "
|
|
355
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
355
356
|
contextMenu?: string | undefined;
|
|
356
357
|
dir?: string | undefined;
|
|
357
358
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -387,12 +388,12 @@ export declare const Default: {
|
|
|
387
388
|
itemRef?: string | undefined;
|
|
388
389
|
results?: number | undefined;
|
|
389
390
|
security?: string | undefined;
|
|
390
|
-
unselectable?: "
|
|
391
|
+
unselectable?: "off" | "on" | undefined;
|
|
391
392
|
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
392
393
|
is?: string | undefined;
|
|
393
394
|
"aria-activedescendant"?: string | undefined;
|
|
394
395
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
395
|
-
"aria-autocomplete"?: "
|
|
396
|
+
"aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
|
|
396
397
|
"aria-braillelabel"?: string | undefined;
|
|
397
398
|
"aria-brailleroledescription"?: string | undefined;
|
|
398
399
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
@@ -419,7 +420,7 @@ export declare const Default: {
|
|
|
419
420
|
"aria-label"?: string | undefined;
|
|
420
421
|
"aria-labelledby"?: string | undefined;
|
|
421
422
|
"aria-level"?: number | undefined;
|
|
422
|
-
"aria-live"?: "
|
|
423
|
+
"aria-live"?: "polite" | "off" | "assertive" | undefined;
|
|
423
424
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
424
425
|
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
425
426
|
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
@@ -606,7 +607,6 @@ export declare const Default: {
|
|
|
606
607
|
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
|
|
607
608
|
onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
608
609
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
609
|
-
list?: string | undefined;
|
|
610
610
|
accept?: string | undefined;
|
|
611
611
|
alt?: string | undefined;
|
|
612
612
|
autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
|
|
@@ -13,17 +13,17 @@ declare const meta: {
|
|
|
13
13
|
};
|
|
14
14
|
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
15
15
|
color?: string | undefined;
|
|
16
|
-
title?: string | undefined;
|
|
17
|
-
children?: React.ReactNode;
|
|
18
16
|
className?: string | undefined;
|
|
19
17
|
form?: string | undefined;
|
|
18
|
+
title?: string | undefined;
|
|
19
|
+
children?: React.ReactNode;
|
|
20
20
|
defaultChecked?: boolean | undefined;
|
|
21
21
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
22
22
|
suppressContentEditableWarning?: boolean | undefined;
|
|
23
23
|
suppressHydrationWarning?: boolean | undefined;
|
|
24
24
|
accessKey?: string | undefined;
|
|
25
25
|
autoFocus?: boolean | undefined;
|
|
26
|
-
contentEditable?: (boolean | "true" | "false") | "
|
|
26
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
27
27
|
contextMenu?: string | undefined;
|
|
28
28
|
dir?: string | undefined;
|
|
29
29
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -59,12 +59,12 @@ declare const meta: {
|
|
|
59
59
|
itemRef?: string | undefined;
|
|
60
60
|
results?: number | undefined;
|
|
61
61
|
security?: string | undefined;
|
|
62
|
-
unselectable?: "
|
|
62
|
+
unselectable?: "off" | "on" | undefined;
|
|
63
63
|
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
64
64
|
is?: string | undefined;
|
|
65
65
|
"aria-activedescendant"?: string | undefined;
|
|
66
66
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
67
|
-
"aria-autocomplete"?: "
|
|
67
|
+
"aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
|
|
68
68
|
"aria-braillelabel"?: string | undefined;
|
|
69
69
|
"aria-brailleroledescription"?: string | undefined;
|
|
70
70
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
@@ -91,7 +91,7 @@ declare const meta: {
|
|
|
91
91
|
"aria-label"?: string | undefined;
|
|
92
92
|
"aria-labelledby"?: string | undefined;
|
|
93
93
|
"aria-level"?: number | undefined;
|
|
94
|
-
"aria-live"?: "
|
|
94
|
+
"aria-live"?: "polite" | "off" | "assertive" | undefined;
|
|
95
95
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
96
96
|
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
97
97
|
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type LoadingProps = {
|
|
3
|
+
size?: number;
|
|
4
|
+
color?: string;
|
|
5
|
+
trackColor?: string;
|
|
6
|
+
strokeWidth?: number;
|
|
7
|
+
percentage?: number;
|
|
8
|
+
animate?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
progressClassName?: string;
|
|
11
|
+
trackClassName?: string;
|
|
12
|
+
};
|
|
13
|
+
declare const Loading: React.FC<LoadingProps>;
|
|
14
|
+
export default Loading;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: React.FC<{
|
|
5
|
+
size?: number | undefined;
|
|
6
|
+
color?: string | undefined;
|
|
7
|
+
trackColor?: string | undefined;
|
|
8
|
+
strokeWidth?: number | undefined;
|
|
9
|
+
percentage?: number | undefined;
|
|
10
|
+
animate?: boolean | undefined;
|
|
11
|
+
className?: string | undefined;
|
|
12
|
+
progressClassName?: string | undefined;
|
|
13
|
+
trackClassName?: string | undefined;
|
|
14
|
+
}>;
|
|
15
|
+
tags: string[];
|
|
16
|
+
parameters: {
|
|
17
|
+
layout: string;
|
|
18
|
+
};
|
|
19
|
+
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
20
|
+
size?: number | undefined;
|
|
21
|
+
color?: string | undefined;
|
|
22
|
+
trackColor?: string | undefined;
|
|
23
|
+
strokeWidth?: number | undefined;
|
|
24
|
+
percentage?: number | undefined;
|
|
25
|
+
animate?: boolean | undefined;
|
|
26
|
+
className?: string | undefined;
|
|
27
|
+
progressClassName?: string | undefined;
|
|
28
|
+
trackClassName?: string | undefined;
|
|
29
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
30
|
+
};
|
|
31
|
+
export default meta;
|
|
32
|
+
export declare const Default: {
|
|
33
|
+
args: {};
|
|
34
|
+
render: (args: {}) => import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type ProgressBarProps = {
|
|
3
|
+
progress?: number;
|
|
4
|
+
color?: string;
|
|
5
|
+
gradientStart?: string;
|
|
6
|
+
gradientEnd?: string;
|
|
7
|
+
animationDuration?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
trackClassName?: string;
|
|
10
|
+
progressClassName?: string;
|
|
11
|
+
};
|
|
12
|
+
declare const ProgressBar: React.FC<ProgressBarProps>;
|
|
13
|
+
export default ProgressBar;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: React.FC<{
|
|
5
|
+
progress?: number | undefined;
|
|
6
|
+
color?: string | undefined;
|
|
7
|
+
gradientStart?: string | undefined;
|
|
8
|
+
gradientEnd?: string | undefined;
|
|
9
|
+
animationDuration?: number | undefined;
|
|
10
|
+
height?: number | undefined;
|
|
11
|
+
trackClassName?: string | undefined;
|
|
12
|
+
progressClassName?: string | undefined;
|
|
13
|
+
}>;
|
|
14
|
+
tags: string[];
|
|
15
|
+
parameters: {
|
|
16
|
+
layout: string;
|
|
17
|
+
};
|
|
18
|
+
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
19
|
+
progress?: number | undefined;
|
|
20
|
+
color?: string | undefined;
|
|
21
|
+
gradientStart?: string | undefined;
|
|
22
|
+
gradientEnd?: string | undefined;
|
|
23
|
+
animationDuration?: number | undefined;
|
|
24
|
+
height?: number | undefined;
|
|
25
|
+
trackClassName?: string | undefined;
|
|
26
|
+
progressClassName?: string | undefined;
|
|
27
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
28
|
+
};
|
|
29
|
+
export default meta;
|
|
30
|
+
export declare const Default: {
|
|
31
|
+
args: {};
|
|
32
|
+
render: (args: {}) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
};
|
|
34
|
+
export declare const Preview: {
|
|
35
|
+
args: {};
|
|
36
|
+
render: (args: {}) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
};
|
|
@@ -9,9 +9,9 @@ declare const meta: {
|
|
|
9
9
|
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
10
10
|
color?: string | undefined;
|
|
11
11
|
disabled?: boolean | undefined;
|
|
12
|
+
className?: string | undefined;
|
|
12
13
|
title?: string | undefined;
|
|
13
14
|
children?: React.ReactNode;
|
|
14
|
-
className?: string | undefined;
|
|
15
15
|
name?: string | undefined;
|
|
16
16
|
value?: string | undefined;
|
|
17
17
|
defaultChecked?: boolean | undefined;
|
|
@@ -20,7 +20,7 @@ declare const meta: {
|
|
|
20
20
|
suppressHydrationWarning?: boolean | undefined;
|
|
21
21
|
accessKey?: string | undefined;
|
|
22
22
|
autoFocus?: boolean | undefined;
|
|
23
|
-
contentEditable?: (boolean | "true" | "false") | "
|
|
23
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
24
24
|
contextMenu?: string | undefined;
|
|
25
25
|
dir?: import("@radix-ui/react-roving-focus").Direction | undefined;
|
|
26
26
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -56,12 +56,12 @@ declare const meta: {
|
|
|
56
56
|
itemRef?: string | undefined;
|
|
57
57
|
results?: number | undefined;
|
|
58
58
|
security?: string | undefined;
|
|
59
|
-
unselectable?: "
|
|
59
|
+
unselectable?: "off" | "on" | undefined;
|
|
60
60
|
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
61
61
|
is?: string | undefined;
|
|
62
62
|
"aria-activedescendant"?: string | undefined;
|
|
63
63
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
64
|
-
"aria-autocomplete"?: "
|
|
64
|
+
"aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
|
|
65
65
|
"aria-braillelabel"?: string | undefined;
|
|
66
66
|
"aria-brailleroledescription"?: string | undefined;
|
|
67
67
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
@@ -88,7 +88,7 @@ declare const meta: {
|
|
|
88
88
|
"aria-label"?: string | undefined;
|
|
89
89
|
"aria-labelledby"?: string | undefined;
|
|
90
90
|
"aria-level"?: number | undefined;
|
|
91
|
-
"aria-live"?: "
|
|
91
|
+
"aria-live"?: "polite" | "off" | "assertive" | undefined;
|
|
92
92
|
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
93
93
|
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
94
94
|
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|