fis-component 0.0.26 → 0.0.28
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/index.js +39577 -35055
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/src/assets/icons/CaretIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/MoreIcon.d.ts +1 -0
- package/dist/cjs/types/src/assets/icons/UploadIcon.d.ts +1 -0
- package/dist/cjs/types/src/assets/icons/index.d.ts +3 -0
- package/dist/cjs/types/src/components/Avatar/Avatar.stories.d.ts +11 -2
- package/dist/cjs/types/src/components/Avatar/index.d.ts +5 -5
- package/dist/cjs/types/src/components/Avatar/styles.d.ts +3 -3
- package/dist/cjs/types/src/components/Badge/Badge.stories.d.ts +56 -1
- package/dist/cjs/types/src/components/Badge/index.d.ts +1 -1
- package/dist/cjs/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts +8 -14
- package/dist/cjs/types/src/components/Button/styles.d.ts +2 -7
- package/dist/cjs/types/src/components/ChipButton/ChipButton.stories.d.ts +26 -2
- package/dist/cjs/types/src/components/ChipButton/index.d.ts +13 -5
- package/dist/cjs/types/src/components/Collapse/Collapse.stories.d.ts +15 -0
- package/dist/cjs/types/src/components/Collapse/index.d.ts +18 -0
- package/dist/cjs/types/src/components/Collapse/styles.d.ts +28 -0
- package/dist/cjs/types/src/components/Input/InputField/InputField.stories.d.ts +21 -5
- package/dist/cjs/types/src/components/Input/InputField/index.d.ts +2 -0
- package/dist/cjs/types/src/components/Input/InputStepper/InputStepper.stories.d.ts +77 -5
- package/dist/cjs/types/src/components/Input/InputText/InputText.stories.d.ts +12 -2
- package/dist/cjs/types/src/components/Notification/NotificationRender.d.ts +3 -0
- package/dist/cjs/types/src/components/Notification/context.d.ts +12 -0
- package/dist/cjs/types/src/components/Notification/index.d.ts +9 -0
- package/dist/cjs/types/src/components/Notification/stories/InfoUpdate.stories.d.ts +4 -0
- package/dist/cjs/types/src/components/Notification/stories/InfomationMockIcon.d.ts +1 -0
- package/dist/cjs/types/src/components/Notification/stories/SystemUpdate.stories.d.ts +4 -0
- package/dist/cjs/types/src/components/Notification/style.d.ts +21 -0
- package/dist/cjs/types/src/components/Notification/type.d.ts +25 -0
- package/dist/cjs/types/src/components/Notification/useNotification.d.ts +8 -0
- package/dist/cjs/types/src/components/ProgressCircular/Determinate.d.ts +3 -0
- package/dist/cjs/types/src/components/ProgressCircular/Indeterminate.d.ts +2 -0
- package/dist/cjs/types/src/components/ProgressCircular/ProgressCircular.stories.d.ts +5 -0
- package/dist/cjs/types/src/components/ProgressCircular/index.d.ts +14 -0
- package/dist/cjs/types/src/components/ProgressCircular/styles.d.ts +10 -0
- package/dist/cjs/types/src/components/ProgressCircular/util.d.ts +2 -0
- package/dist/cjs/types/src/components/ProgressLinear/Determinate.d.ts +2 -0
- package/dist/cjs/types/src/components/ProgressLinear/Indeterminate.d.ts +2 -0
- package/dist/cjs/types/src/components/ProgressLinear/ProgressLinear.stories.d.ts +5 -0
- package/dist/cjs/types/src/components/ProgressLinear/index.d.ts +13 -0
- package/dist/cjs/types/src/components/ProgressLinear/styles.d.ts +10 -0
- package/dist/cjs/types/src/components/Provider/globalStyle.d.ts +4 -0
- package/dist/cjs/types/src/components/SplitButton/SplitButton.stories.d.ts +12 -0
- package/dist/cjs/types/src/components/SplitButton/SplitButtonIcon.d.ts +4 -0
- package/dist/cjs/types/src/components/SplitButton/SplitButtonItem.d.ts +4 -0
- package/dist/cjs/types/src/components/SplitButton/index.d.ts +18 -0
- package/dist/cjs/types/src/components/SplitButton/styles.d.ts +16 -0
- package/dist/cjs/types/src/components/SplitButton/types.d.ts +21 -0
- package/dist/cjs/types/src/components/Table/ColumnCell/ColumnCell.stories.d.ts +2 -6
- package/dist/cjs/types/src/components/Table/ColumnCell/index.d.ts +3 -3
- package/dist/cjs/types/src/components/Table/ColumnCell/styles.d.ts +5 -5
- package/dist/cjs/types/src/components/Table/HeaderCell/HeaderCell.stories.d.ts +12 -14
- package/dist/cjs/types/src/components/Table/HeaderCell/index.d.ts +9 -7
- package/dist/cjs/types/src/components/Table/HeaderCell/styles.d.ts +4 -6
- package/dist/cjs/types/src/components/Table/Table/Table.stories.d.ts +8 -1
- package/dist/cjs/types/src/components/Table/Table/index.d.ts +1 -0
- package/dist/cjs/types/src/components/Table/Table/styles.d.ts +5 -1
- package/dist/cjs/types/src/components/Toast/Toast.stories.d.ts +141 -4
- package/dist/cjs/types/src/components/Toast/index.d.ts +1 -0
- package/dist/cjs/types/src/constants/regex.d.ts +1 -0
- package/dist/cjs/types/src/index.d.ts +5 -1
- package/dist/cjs/types/src/styles/design-system/variable.d.ts +218 -110
- package/dist/cjs/types/src/styles-entry.d.ts +1 -0
- package/dist/cjs/types/src/utils/getTheme.d.ts +218 -110
- package/dist/esm/index.js +39573 -35055
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/src/assets/icons/CaretIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/MoreIcon.d.ts +1 -0
- package/dist/esm/types/src/assets/icons/UploadIcon.d.ts +1 -0
- package/dist/esm/types/src/assets/icons/index.d.ts +3 -0
- package/dist/esm/types/src/components/Avatar/Avatar.stories.d.ts +11 -2
- package/dist/esm/types/src/components/Avatar/index.d.ts +5 -5
- package/dist/esm/types/src/components/Avatar/styles.d.ts +3 -3
- package/dist/esm/types/src/components/Badge/Badge.stories.d.ts +56 -1
- package/dist/esm/types/src/components/Badge/index.d.ts +1 -1
- package/dist/esm/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts +8 -14
- package/dist/esm/types/src/components/Button/styles.d.ts +2 -7
- package/dist/esm/types/src/components/ChipButton/ChipButton.stories.d.ts +26 -2
- package/dist/esm/types/src/components/ChipButton/index.d.ts +13 -5
- package/dist/esm/types/src/components/Collapse/Collapse.stories.d.ts +15 -0
- package/dist/esm/types/src/components/Collapse/index.d.ts +18 -0
- package/dist/esm/types/src/components/Collapse/styles.d.ts +28 -0
- package/dist/esm/types/src/components/Input/InputField/InputField.stories.d.ts +21 -5
- package/dist/esm/types/src/components/Input/InputField/index.d.ts +2 -0
- package/dist/esm/types/src/components/Input/InputStepper/InputStepper.stories.d.ts +77 -5
- package/dist/esm/types/src/components/Input/InputText/InputText.stories.d.ts +12 -2
- package/dist/esm/types/src/components/Notification/NotificationRender.d.ts +3 -0
- package/dist/esm/types/src/components/Notification/context.d.ts +12 -0
- package/dist/esm/types/src/components/Notification/index.d.ts +9 -0
- package/dist/esm/types/src/components/Notification/stories/InfoUpdate.stories.d.ts +4 -0
- package/dist/esm/types/src/components/Notification/stories/InfomationMockIcon.d.ts +1 -0
- package/dist/esm/types/src/components/Notification/stories/SystemUpdate.stories.d.ts +4 -0
- package/dist/esm/types/src/components/Notification/style.d.ts +21 -0
- package/dist/esm/types/src/components/Notification/type.d.ts +25 -0
- package/dist/esm/types/src/components/Notification/useNotification.d.ts +8 -0
- package/dist/esm/types/src/components/ProgressCircular/Determinate.d.ts +3 -0
- package/dist/esm/types/src/components/ProgressCircular/Indeterminate.d.ts +2 -0
- package/dist/esm/types/src/components/ProgressCircular/ProgressCircular.stories.d.ts +5 -0
- package/dist/esm/types/src/components/ProgressCircular/index.d.ts +14 -0
- package/dist/esm/types/src/components/ProgressCircular/styles.d.ts +10 -0
- package/dist/esm/types/src/components/ProgressCircular/util.d.ts +2 -0
- package/dist/esm/types/src/components/ProgressLinear/Determinate.d.ts +2 -0
- package/dist/esm/types/src/components/ProgressLinear/Indeterminate.d.ts +2 -0
- package/dist/esm/types/src/components/ProgressLinear/ProgressLinear.stories.d.ts +5 -0
- package/dist/esm/types/src/components/ProgressLinear/index.d.ts +13 -0
- package/dist/esm/types/src/components/ProgressLinear/styles.d.ts +10 -0
- package/dist/esm/types/src/components/Provider/globalStyle.d.ts +4 -0
- package/dist/esm/types/src/components/SplitButton/SplitButton.stories.d.ts +12 -0
- package/dist/esm/types/src/components/SplitButton/SplitButtonIcon.d.ts +4 -0
- package/dist/esm/types/src/components/SplitButton/SplitButtonItem.d.ts +4 -0
- package/dist/esm/types/src/components/SplitButton/index.d.ts +18 -0
- package/dist/esm/types/src/components/SplitButton/styles.d.ts +16 -0
- package/dist/esm/types/src/components/SplitButton/types.d.ts +21 -0
- package/dist/esm/types/src/components/Table/ColumnCell/ColumnCell.stories.d.ts +2 -6
- package/dist/esm/types/src/components/Table/ColumnCell/index.d.ts +3 -3
- package/dist/esm/types/src/components/Table/ColumnCell/styles.d.ts +5 -5
- package/dist/esm/types/src/components/Table/HeaderCell/HeaderCell.stories.d.ts +12 -14
- package/dist/esm/types/src/components/Table/HeaderCell/index.d.ts +9 -7
- package/dist/esm/types/src/components/Table/HeaderCell/styles.d.ts +4 -6
- package/dist/esm/types/src/components/Table/Table/Table.stories.d.ts +8 -1
- package/dist/esm/types/src/components/Table/Table/index.d.ts +1 -0
- package/dist/esm/types/src/components/Table/Table/styles.d.ts +5 -1
- package/dist/esm/types/src/components/Toast/Toast.stories.d.ts +141 -4
- package/dist/esm/types/src/components/Toast/index.d.ts +1 -0
- package/dist/esm/types/src/constants/regex.d.ts +1 -0
- package/dist/esm/types/src/index.d.ts +5 -1
- package/dist/esm/types/src/styles/design-system/variable.d.ts +218 -110
- package/dist/esm/types/src/styles-entry.d.ts +1 -0
- package/dist/esm/types/src/utils/getTheme.d.ts +218 -110
- package/dist/index.d.ts +321 -137
- package/dist/styles-entry.css +1 -0
- package/dist/styles-entry.js +2 -0
- package/dist/styles-entry.js.map +1 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default, { ComponentPropsWithoutRef, ReactNode, Ref, ForwardedRef, JSX
|
|
2
|
+
import React__default, { ComponentPropsWithoutRef, ReactNode, Ref, ForwardedRef, JSX, FC, DetailedHTMLProps, HTMLAttributes, ReactElement, ComponentType } from 'react';
|
|
3
3
|
import { DefaultTheme } from 'styled-components';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
|
-
import { TooltipProps as TooltipProps$1, TableProps as TableProps$1 } from 'antd';
|
|
5
|
+
import { TooltipProps as TooltipProps$1, CollapseProps, TableProps as TableProps$1 } from 'antd';
|
|
6
6
|
|
|
7
7
|
interface ThemeProviderProps {
|
|
8
8
|
theme?: DefaultTheme;
|
|
@@ -44,6 +44,7 @@ declare const _default: {
|
|
|
44
44
|
readonly "com/accordion/head/background-color/default": "#ffffff00";
|
|
45
45
|
readonly "com/accordion/head/background-color/hover": "#02305e16";
|
|
46
46
|
readonly "com/accordion/head/background-color/disable": "#ffffff00";
|
|
47
|
+
readonly "com/accordion/divider/stroke-width": "1px";
|
|
47
48
|
readonly "com/accordion/body/size-sm/top-padding": "8px";
|
|
48
49
|
readonly "com/accordion/body/size-sm/left-padding": "0px";
|
|
49
50
|
readonly "com/accordion/body/size-sm/right-padding": "0px";
|
|
@@ -91,10 +92,10 @@ declare const _default: {
|
|
|
91
92
|
readonly "com/avatar/theme/icon/color-icon/ocean": "#00969d";
|
|
92
93
|
readonly "com/avatar/theme/icon/color-icon/green": "#009559";
|
|
93
94
|
readonly "com/avatar/theme/icon/color-icon/lime": "#4b8c00";
|
|
94
|
-
readonly "com/avatar/theme/icon/color-icon/blue": "#008ee1";
|
|
95
|
-
readonly "com/avatar/theme/icon/color-icon/indigo": "#4278f5";
|
|
96
95
|
readonly "com/avatar/theme/icon/color-icon/pink": "#cd44a7";
|
|
97
96
|
readonly "com/avatar/theme/icon/color-icon/violet": "#a65dcf";
|
|
97
|
+
readonly "com/avatar/theme/icon/color-icon/indigo": "#4278f5";
|
|
98
|
+
readonly "com/avatar/theme/icon/color-icon/blue": "#008ee1";
|
|
98
99
|
readonly "com/avatar/theme/label/color-text/neutral": "#828f96";
|
|
99
100
|
readonly "com/avatar/theme/label/color-text/red": "#df3e3f";
|
|
100
101
|
readonly "com/avatar/theme/label/color-text/orange": "#cc5602";
|
|
@@ -137,8 +138,8 @@ declare const _default: {
|
|
|
137
138
|
readonly "com/avatar/status-badge/size-sm/stroke-width": "1.3px";
|
|
138
139
|
readonly "com/avatar/status-badge/size-md/stroke-width": "2px";
|
|
139
140
|
readonly "com/avatar/status-badge/size-lg/stroke-width": "2px";
|
|
140
|
-
readonly "com/avatar/status-badge/theme/red": "#f5685f";
|
|
141
141
|
readonly "com/avatar/status-badge/theme/green": "#00b077";
|
|
142
|
+
readonly "com/avatar/status-badge/theme/red": "#f5685f";
|
|
142
143
|
readonly "com/avatar/status-badge/theme/yellow": "#d58e00";
|
|
143
144
|
readonly "com/avatar/status-badge/theme/blue": "#00a6e5";
|
|
144
145
|
readonly "com/avatar/status-badge/theme/neutral": "#dee3e7";
|
|
@@ -151,8 +152,8 @@ declare const _default: {
|
|
|
151
152
|
readonly "com/alert-banner/stroke-width": "1px";
|
|
152
153
|
readonly "com/alert-banner/label/horizonal-gap": "12px";
|
|
153
154
|
readonly "com/alert-banner/label/vertical-gap": "4px";
|
|
154
|
-
readonly "com/alert-banner/icon-wrap/height": "20px";
|
|
155
155
|
readonly "com/alert-banner/close-wrap/margin": "-4px";
|
|
156
|
+
readonly "com/alert-banner/icon-wrap/height": "20px";
|
|
156
157
|
readonly "com/alert-banner/icon/left-padding": "4px";
|
|
157
158
|
readonly "com/alert-banner/icon/size-icon": "20px";
|
|
158
159
|
readonly "com/alert-banner/action/horizontal-gap": "16px";
|
|
@@ -163,9 +164,9 @@ declare const _default: {
|
|
|
163
164
|
readonly "com/alert-banner/theme/icon/color-icon/negative": "#d8473c";
|
|
164
165
|
readonly "com/alert-banner/theme/title/color-text/neutral": "#1e2225";
|
|
165
166
|
readonly "com/alert-banner/theme/title/color-text/info": "#1e2225";
|
|
166
|
-
readonly "com/alert-banner/theme/title/color-text/negative": "#1e2225";
|
|
167
167
|
readonly "com/alert-banner/theme/title/color-text/positive": "#1e2225";
|
|
168
168
|
readonly "com/alert-banner/theme/title/color-text/caution": "#1e2225";
|
|
169
|
+
readonly "com/alert-banner/theme/title/color-text/negative": "#1e2225";
|
|
169
170
|
readonly "com/alert-banner/theme/description/color-text/neutral": "#505a5f";
|
|
170
171
|
readonly "com/alert-banner/theme/description/color-text/info": "#505a5f";
|
|
171
172
|
readonly "com/alert-banner/theme/description/color-text/positive": "#505a5f";
|
|
@@ -291,13 +292,13 @@ declare const _default: {
|
|
|
291
292
|
readonly "com/badge/solid/background-color/indigo": "#4278f5";
|
|
292
293
|
readonly "com/badge/solid/background-color/violet": "#a65dcf";
|
|
293
294
|
readonly "com/badge/solid/background-color/pink": "#cd44a7";
|
|
294
|
-
readonly "com/badge/solid/background-color/negative": "#d0121c";
|
|
295
|
-
readonly "com/badge/solid/background-color/positive": "#007d35";
|
|
296
295
|
readonly "com/badge/solid/background-color/caution": "#a94900";
|
|
297
296
|
readonly "com/badge/solid/background-color/info": "#006bdf";
|
|
297
|
+
readonly "com/badge/solid/background-color/positive": "#007d35";
|
|
298
|
+
readonly "com/badge/solid/background-color/negative": "#d0121c";
|
|
298
299
|
readonly "com/badge/disable/icon/color-icon": "#c5cdd2";
|
|
299
|
-
readonly "com/badge/disable/label/color-text": "#c5cdd2";
|
|
300
300
|
readonly "com/badge/disable/color-stroke": "#02305e16";
|
|
301
|
+
readonly "com/badge/disable/label/color-text": "#c5cdd2";
|
|
301
302
|
readonly "com/badge/disable/background-color": "#ffffff";
|
|
302
303
|
readonly "com/breadcrumbs/module/horizontal-gap": "4px";
|
|
303
304
|
readonly "com/breadcrumbs/module/horizontal-padding": "4px";
|
|
@@ -364,13 +365,10 @@ declare const _default: {
|
|
|
364
365
|
readonly "com/button/disable-invert/stroke-color": "#ffffff30";
|
|
365
366
|
readonly "com/button/loading/background-color": "#e9edf1";
|
|
366
367
|
readonly "com/button/loading/background-color-transparent": "#ffffff00";
|
|
367
|
-
readonly "com/button/loading/stroke-color": "#
|
|
368
|
-
readonly "com/button/loading/icon/stroke-color": "#343d41";
|
|
369
|
-
readonly "com/button/loading/icon/stroke-color-transparent": "#02305e16";
|
|
368
|
+
readonly "com/button/loading/stroke-color": "#02305e16";
|
|
370
369
|
readonly "com/button/loading-invert/solid-background-color": "#ffffff30";
|
|
371
370
|
readonly "com/button/loading-invert/background-color-transparent": "#ffffff00";
|
|
372
|
-
readonly "com/button/loading-invert/
|
|
373
|
-
readonly "com/button/loading-invert/icon/stroke-color-transparent": "#ffffff00";
|
|
371
|
+
readonly "com/button/loading-invert/stroke-color": "#ffffff30";
|
|
374
372
|
readonly "com/button/primary/background/default": "#2f3cc1";
|
|
375
373
|
readonly "com/button/primary/background/hover": "#3263e7";
|
|
376
374
|
readonly "com/button/primary/background/pressed": "#242173";
|
|
@@ -488,6 +486,86 @@ declare const _default: {
|
|
|
488
486
|
readonly "com/button-group/divider/divider-color/disable": "#02305e16";
|
|
489
487
|
readonly "com/button-group/background-color/default": "#ffffff";
|
|
490
488
|
readonly "com/button-group/background-color/disable": "#ffffff00";
|
|
489
|
+
readonly "com/menu/top-padding": "8px";
|
|
490
|
+
readonly "com/menu/right-padding": "8px";
|
|
491
|
+
readonly "com/menu/bottom-padding": "8px";
|
|
492
|
+
readonly "com/menu/left-padding": "8px";
|
|
493
|
+
readonly "com/menu/corner-radius": "12px";
|
|
494
|
+
readonly "com/menu/background-color": "#ffffff";
|
|
495
|
+
readonly "com/menu/min-width": "132px";
|
|
496
|
+
readonly "com/menu/max-height": "780px";
|
|
497
|
+
readonly "com/menu/search-bar/size": "Md (36)";
|
|
498
|
+
readonly "com/menu/scrollbar/direction": "Vertical";
|
|
499
|
+
readonly "com/menu/group-label/horizontal-padding": "8px";
|
|
500
|
+
readonly "com/menu/group-label/vertical-padding": "4px";
|
|
501
|
+
readonly "com/menu/group-label/color-text": "#828f96";
|
|
502
|
+
readonly "com/menu/border/stroke-width": "1px";
|
|
503
|
+
readonly "com/menu/border/color-stroke": "#0a2f4d22";
|
|
504
|
+
readonly "com/menu/divider/stroke-width": "1px";
|
|
505
|
+
readonly "com/menu/divider/color-stroke": "#0a2f4d22";
|
|
506
|
+
readonly "com/menu/divider/padding": "Xs (8)";
|
|
507
|
+
readonly "com/menu/item/horizontal-gap": "8px";
|
|
508
|
+
readonly "com/menu/item/vertical-gap": "2px";
|
|
509
|
+
readonly "com/menu/item/corner-radius": "6px";
|
|
510
|
+
readonly "com/menu/item/min-width": "204px";
|
|
511
|
+
readonly "com/menu/item/size-md/vertical-padding": "8px";
|
|
512
|
+
readonly "com/menu/item/size-md/horizontal-padding": "8px";
|
|
513
|
+
readonly "com/menu/item/size-md/min-height": "36px";
|
|
514
|
+
readonly "com/menu/item/size-md/icon/size-icon": "20px";
|
|
515
|
+
readonly "com/menu/item/size-lg/vertical-padding": "12px";
|
|
516
|
+
readonly "com/menu/item/size-lg/horizontal-padding": "12px";
|
|
517
|
+
readonly "com/menu/item/size-lg/min-height": "44px";
|
|
518
|
+
readonly "com/menu/item/size-lg/icon/size-icon": "20px";
|
|
519
|
+
readonly "com/menu/item/action/icon/color-icon/default": "#505a5f";
|
|
520
|
+
readonly "com/menu/item/action/icon/color-icon/hover": "#343d41";
|
|
521
|
+
readonly "com/menu/item/action/label/color-text/default": "#505a5f";
|
|
522
|
+
readonly "com/menu/item/action/label/color-text/hover": "#1e2225";
|
|
523
|
+
readonly "com/menu/item/action/description/color-text/default": "#828f96";
|
|
524
|
+
readonly "com/menu/item/action/description/color-text/hover": "#505a5f";
|
|
525
|
+
readonly "com/menu/item/action/background-color/default": "#ffffff00";
|
|
526
|
+
readonly "com/menu/item/action/background-color/hover": "#02305e16";
|
|
527
|
+
readonly "com/menu/item/action/background-color/selected": "#00375b0e";
|
|
528
|
+
readonly "com/menu/item/action/badge/size": "Sm (20)";
|
|
529
|
+
readonly "com/menu/item/action/badge/theme": "Neutral - Light";
|
|
530
|
+
readonly "com/menu/item/leveling/label/color-text/default": "#505a5f";
|
|
531
|
+
readonly "com/menu/item/leveling/label/color-text/hover": "#1e2225";
|
|
532
|
+
readonly "com/menu/item/leveling/label/color-text/selected": "#2a30a0";
|
|
533
|
+
readonly "com/menu/item/leveling/description/color-text/default": "#828f96";
|
|
534
|
+
readonly "com/menu/item/leveling/description/color-text/hover": "#505a5f";
|
|
535
|
+
readonly "com/menu/item/leveling/description/color-text/selected": "#828f96";
|
|
536
|
+
readonly "com/menu/item/leveling/icon/color-icon/default": "#505a5f";
|
|
537
|
+
readonly "com/menu/item/leveling/icon/color-icon/hover": "#343d41";
|
|
538
|
+
readonly "com/menu/item/leveling/icon/color-icon/selected": "#2f3cc1";
|
|
539
|
+
readonly "com/menu/item/leveling/background-color/default": "#ffffff00";
|
|
540
|
+
readonly "com/menu/item/leveling/background-color/hover": "#02305e16";
|
|
541
|
+
readonly "com/menu/item/leveling/background-color/selected": "#f5f8fc";
|
|
542
|
+
readonly "com/menu/item/select-able/label/color-text/default": "#505a5f";
|
|
543
|
+
readonly "com/menu/item/select-able/label/color-text/hover": "#1e2225";
|
|
544
|
+
readonly "com/menu/item/select-able/label/color-text/selected": "#2a30a0";
|
|
545
|
+
readonly "com/menu/item/select-able/description/color-text/default": "#828f96";
|
|
546
|
+
readonly "com/menu/item/select-able/description/color-text/hover": "#505a5f";
|
|
547
|
+
readonly "com/menu/item/select-able/description/color-text/selected": "#828f96";
|
|
548
|
+
readonly "com/menu/item/select-able/icon/color-icon/default": "#505a5f";
|
|
549
|
+
readonly "com/menu/item/select-able/icon/color-icon/hover": "#343d41";
|
|
550
|
+
readonly "com/menu/item/select-able/icon/color-icon/selected": "#2f3cc1";
|
|
551
|
+
readonly "com/menu/item/select-able/background-color/default": "#ffffff00";
|
|
552
|
+
readonly "com/menu/item/select-able/background-color/hover": "#02305e16";
|
|
553
|
+
readonly "com/menu/item/select-able/background-color/selected": "#f5f8fc";
|
|
554
|
+
readonly "com/menu/item/disable/label/color-text": "#c5cdd2";
|
|
555
|
+
readonly "com/menu/item/disable/description/color-text": "#c5cdd2";
|
|
556
|
+
readonly "com/menu/item/disable/icon/color-icon": "#c5cdd2";
|
|
557
|
+
readonly "com/menu/item/disable/background/background-color": "#ffffff00";
|
|
558
|
+
readonly "com/menu/item/action-negative/icon/color-icon/default": "#d8473c";
|
|
559
|
+
readonly "com/menu/item/action-negative/icon/color-icon/hover": "#d8473c";
|
|
560
|
+
readonly "com/menu/item/action-negative/label/color-text/default": "#a80a12";
|
|
561
|
+
readonly "com/menu/item/action-negative/label/color-text/hover": "#a80a12";
|
|
562
|
+
readonly "com/menu/item/action-negative/description/color-text/default": "#828f96";
|
|
563
|
+
readonly "com/menu/item/action-negative/description/color-text/hover": "#505a5f";
|
|
564
|
+
readonly "com/menu/item/action-negative/background-color/default": "#ffffff00";
|
|
565
|
+
readonly "com/menu/item/action-negative/background-color/hover": "#fee9e7";
|
|
566
|
+
readonly "com/menu/item/action-negative/background-color/selected": "#feeeed";
|
|
567
|
+
readonly "com/menu/item/action-negative/badge/size": "Sm (20)";
|
|
568
|
+
readonly "com/menu/item/action-negative/badge/theme": "Neutral - Light";
|
|
491
569
|
readonly "com/checkbox/horizontal-gap": "8px";
|
|
492
570
|
readonly "com/checkbox/item/stroke-width": "1px";
|
|
493
571
|
readonly "com/checkbox/item/marked/background-color/default": "#2f3cc1";
|
|
@@ -956,75 +1034,6 @@ declare const _default: {
|
|
|
956
1034
|
readonly "com/link/invert/label-color/hover": "#ffffff";
|
|
957
1035
|
readonly "com/link/invert/icon-color/default": "#ffffff";
|
|
958
1036
|
readonly "com/link/invert/icon-color/hover": "#ffffff";
|
|
959
|
-
readonly "com/menu/right-padding": "8px";
|
|
960
|
-
readonly "com/menu/left-padding": "8px";
|
|
961
|
-
readonly "com/menu/top-padding": "8px";
|
|
962
|
-
readonly "com/menu/bottom-padding": "8px";
|
|
963
|
-
readonly "com/menu/corner-radius": "12px";
|
|
964
|
-
readonly "com/menu/background-color": "#ffffff";
|
|
965
|
-
readonly "com/menu/min-width": "132px";
|
|
966
|
-
readonly "com/menu/max-height": "780px";
|
|
967
|
-
readonly "com/menu/search-bar/size": "Md (36)";
|
|
968
|
-
readonly "com/menu/scrollbar/direction": "Vertical";
|
|
969
|
-
readonly "com/menu/group-label/horizontal-padding": "8px";
|
|
970
|
-
readonly "com/menu/group-label/vertical-padding": "4px";
|
|
971
|
-
readonly "com/menu/group-label/color-text": "#828f96";
|
|
972
|
-
readonly "com/menu/border/stroke-width": "1px";
|
|
973
|
-
readonly "com/menu/border/color-stroke": "#0a2f4d22";
|
|
974
|
-
readonly "com/menu/divider/stroke-width": "1px";
|
|
975
|
-
readonly "com/menu/divider/color-stroke": "#0a2f4d22";
|
|
976
|
-
readonly "com/menu/divider/padding": "Xs (8)";
|
|
977
|
-
readonly "com/menu/item/horizontal-gap": "8px";
|
|
978
|
-
readonly "com/menu/item/vertical-gap": "2px";
|
|
979
|
-
readonly "com/menu/item/corner-radius": "6px";
|
|
980
|
-
readonly "com/menu/item/min-width": "204px";
|
|
981
|
-
readonly "com/menu/item/size-md/vertical-padding": "8px";
|
|
982
|
-
readonly "com/menu/item/size-md/horizontal-padding": "8px";
|
|
983
|
-
readonly "com/menu/item/size-md/min-height": "36px";
|
|
984
|
-
readonly "com/menu/item/size-md/icon/size-icon": "20px";
|
|
985
|
-
readonly "com/menu/item/size-lg/vertical-padding": "12px";
|
|
986
|
-
readonly "com/menu/item/size-lg/horizontal-padding": "12px";
|
|
987
|
-
readonly "com/menu/item/size-lg/min-height": "44px";
|
|
988
|
-
readonly "com/menu/item/size-lg/icon/size-icon": "20px";
|
|
989
|
-
readonly "com/menu/item/action/icon/color-icon/default": "#505a5f";
|
|
990
|
-
readonly "com/menu/item/action/icon/color-icon/hover": "#343d41";
|
|
991
|
-
readonly "com/menu/item/action/label/color-text/default": "#505a5f";
|
|
992
|
-
readonly "com/menu/item/action/label/color-text/hover": "#1e2225";
|
|
993
|
-
readonly "com/menu/item/action/description/color-text/default": "#828f96";
|
|
994
|
-
readonly "com/menu/item/action/description/color-text/hover": "#505a5f";
|
|
995
|
-
readonly "com/menu/item/action/background-color/default": "#ffffff00";
|
|
996
|
-
readonly "com/menu/item/action/background-color/hover": "#02305e16";
|
|
997
|
-
readonly "com/menu/item/action/background-color/selected": "#00375b0e";
|
|
998
|
-
readonly "com/menu/item/action/badge/size": "Sm (20)";
|
|
999
|
-
readonly "com/menu/item/action/badge/theme": "Neutral - Light";
|
|
1000
|
-
readonly "com/menu/item/leveling/label/color-text/default": "#505a5f";
|
|
1001
|
-
readonly "com/menu/item/leveling/label/color-text/hover": "#1e2225";
|
|
1002
|
-
readonly "com/menu/item/leveling/label/color-text/selected": "#2a30a0";
|
|
1003
|
-
readonly "com/menu/item/leveling/description/color-text/default": "#828f96";
|
|
1004
|
-
readonly "com/menu/item/leveling/description/color-text/hover": "#505a5f";
|
|
1005
|
-
readonly "com/menu/item/leveling/description/color-text/selected": "#828f96";
|
|
1006
|
-
readonly "com/menu/item/leveling/icon/color-icon/default": "#505a5f";
|
|
1007
|
-
readonly "com/menu/item/leveling/icon/color-icon/hover": "#343d41";
|
|
1008
|
-
readonly "com/menu/item/leveling/icon/color-icon/selected": "#2f3cc1";
|
|
1009
|
-
readonly "com/menu/item/leveling/background-color/default": "#ffffff00";
|
|
1010
|
-
readonly "com/menu/item/leveling/background-color/hover": "#02305e16";
|
|
1011
|
-
readonly "com/menu/item/leveling/background-color/selected": "#f5f8fc";
|
|
1012
|
-
readonly "com/menu/item/select-able/label/color-text/default": "#505a5f";
|
|
1013
|
-
readonly "com/menu/item/select-able/label/color-text/hover": "#1e2225";
|
|
1014
|
-
readonly "com/menu/item/select-able/label/color-text/selected": "#2a30a0";
|
|
1015
|
-
readonly "com/menu/item/select-able/description/color-text/default": "#828f96";
|
|
1016
|
-
readonly "com/menu/item/select-able/description/color-text/hover": "#505a5f";
|
|
1017
|
-
readonly "com/menu/item/select-able/description/color-text/selected": "#828f96";
|
|
1018
|
-
readonly "com/menu/item/select-able/icon/color-icon/default": "#505a5f";
|
|
1019
|
-
readonly "com/menu/item/select-able/icon/color-icon/hover": "#343d41";
|
|
1020
|
-
readonly "com/menu/item/select-able/icon/color-icon/selected": "#2f3cc1";
|
|
1021
|
-
readonly "com/menu/item/select-able/background-color/default": "#ffffff00";
|
|
1022
|
-
readonly "com/menu/item/select-able/background-color/hover": "#02305e16";
|
|
1023
|
-
readonly "com/menu/item/select-able/background-color/selected": "#f5f8fc";
|
|
1024
|
-
readonly "com/menu/item/disable/label/color-text": "#c5cdd2";
|
|
1025
|
-
readonly "com/menu/item/disable/description/color-text": "#c5cdd2";
|
|
1026
|
-
readonly "com/menu/item/disable/icon/color-icon": "#c5cdd2";
|
|
1027
|
-
readonly "com/menu/item/disable/background/background-color": "#ffffff00";
|
|
1028
1037
|
readonly "com/navigation/background-color": "#ffffff";
|
|
1029
1038
|
readonly "com/navigation/corner-radius": "28px";
|
|
1030
1039
|
readonly "com/navigation/width": "280px";
|
|
@@ -1100,6 +1109,7 @@ declare const _default: {
|
|
|
1100
1109
|
readonly "com/notification/title-n-content/sub-spacing": "4px";
|
|
1101
1110
|
readonly "com/notification/action/horizontal-gap": "16px";
|
|
1102
1111
|
readonly "com/notification/icon/size-icon": "20px";
|
|
1112
|
+
readonly "com/notification/status-line/width": "4px";
|
|
1103
1113
|
readonly "com/notification/theme/label/color-text/default": "#1e2225";
|
|
1104
1114
|
readonly "com/notification/theme/label/color-text/info": "#1e2225";
|
|
1105
1115
|
readonly "com/notification/theme/label/color-text/positive": "#1e2225";
|
|
@@ -1408,9 +1418,9 @@ declare const _default: {
|
|
|
1408
1418
|
readonly "com/select/field/disable/background-color": "#ffffff00";
|
|
1409
1419
|
readonly "com/select/field/disable/background-color-transparent": "#ffffff00";
|
|
1410
1420
|
readonly "com/select/field/disable/stroke-color": "#02305e16";
|
|
1411
|
-
readonly "com/select/field/default/background/default": "#
|
|
1412
|
-
readonly "com/select/field/default/background/hover": "#
|
|
1413
|
-
readonly "com/select/field/default/background/active": "#
|
|
1421
|
+
readonly "com/select/field/default/background/default": "#f8f9fb";
|
|
1422
|
+
readonly "com/select/field/default/background/hover": "#dee3e7";
|
|
1423
|
+
readonly "com/select/field/default/background/active": "#f8f9fb";
|
|
1414
1424
|
readonly "com/select/field/default/border/default": "#0d2e433d";
|
|
1415
1425
|
readonly "com/select/field/default/border/hover": "#0d2e433d";
|
|
1416
1426
|
readonly "com/select/field/default/border/active": "#3263e7";
|
|
@@ -1438,6 +1448,20 @@ declare const _default: {
|
|
|
1438
1448
|
readonly "com/select/hint/neutral/label/color-text": "#505a5f";
|
|
1439
1449
|
readonly "com/select/hint/disable/icon/color-icon": "#c5cdd2";
|
|
1440
1450
|
readonly "com/select/hint/disable/label/color-text": "#c5cdd2";
|
|
1451
|
+
readonly "com/split-button/size-xs/width": "24px";
|
|
1452
|
+
readonly "com/split-button/size-xs/icon/width": "16px";
|
|
1453
|
+
readonly "com/split-button/size-sm/width": "24px";
|
|
1454
|
+
readonly "com/split-button/size-sm/icon/width": "16px";
|
|
1455
|
+
readonly "com/split-button/size-md/width": "28px";
|
|
1456
|
+
readonly "com/split-button/size-md/icon/width": "16px";
|
|
1457
|
+
readonly "com/split-button/size-lg/width": "28px";
|
|
1458
|
+
readonly "com/split-button/size-lg/icon/width": "16px";
|
|
1459
|
+
readonly "com/split-button/primary/divider/color-stroke": "#ffffff82";
|
|
1460
|
+
readonly "com/split-button/primary/divider/stroke-width": "1px";
|
|
1461
|
+
readonly "com/split-button/primary-invert/divider/color-stroke": "#00152096";
|
|
1462
|
+
readonly "com/split-button/primary-invert/divider/stroke-width": "1px";
|
|
1463
|
+
readonly "com/split-button/disable/divider/color-stroke": "#02305e16";
|
|
1464
|
+
readonly "com/split-button/disable-invert/divider/color-stroke": "#ffffff30";
|
|
1441
1465
|
readonly "com/switch/horizontal-gap": "8px";
|
|
1442
1466
|
readonly "com/switch/item/stroke-width": "1px";
|
|
1443
1467
|
readonly "com/switch/item/corner-radius": "9999px";
|
|
@@ -1621,7 +1645,6 @@ declare const _default: {
|
|
|
1621
1645
|
readonly "com/toast/right-padding": "8px";
|
|
1622
1646
|
readonly "com/toast/left-padding": "12px";
|
|
1623
1647
|
readonly "com/toast/vertical-padding": "8px";
|
|
1624
|
-
readonly "com/toast/horizontal-gap": "8px";
|
|
1625
1648
|
readonly "com/toast/theme/icon/left-padding": "2px";
|
|
1626
1649
|
readonly "com/toast/theme/icon/color-icon/neutral": "#505a5f";
|
|
1627
1650
|
readonly "com/toast/theme/icon/color-icon/info": "#0083f0";
|
|
@@ -1651,6 +1674,7 @@ declare const _default: {
|
|
|
1651
1674
|
readonly "com/toast/theme/background-color/positive": "#eaf7ee";
|
|
1652
1675
|
readonly "com/toast/theme/background-color/caution": "#fcf4e0";
|
|
1653
1676
|
readonly "com/toast/theme/background-color/negative": "#feeeed";
|
|
1677
|
+
readonly "com/toast/horizontal-gap": "8px";
|
|
1654
1678
|
readonly "com/toast/corner-radius": "8px";
|
|
1655
1679
|
readonly "com/tooltip/size-md/horizontal-padding": "12px";
|
|
1656
1680
|
readonly "com/tooltip/size-md/vertical-padding": "8px";
|
|
@@ -1692,8 +1716,8 @@ declare const _default: {
|
|
|
1692
1716
|
readonly "com/topbar/left-items/left-bar-expand/horizontal-gap": "0px";
|
|
1693
1717
|
readonly "com/topbar/left-items/logo/horizontal-gap": "20px";
|
|
1694
1718
|
readonly "com/topbar/left-items/logo/horizontal-padding": "8px";
|
|
1695
|
-
readonly "com/topbar/left-items/logo/width": "280px";
|
|
1696
1719
|
readonly "com/topbar/left-items/logo/height": "28px";
|
|
1720
|
+
readonly "com/topbar/left-items/logo/width": "280px";
|
|
1697
1721
|
readonly "com/topbar/background-color": "#ffffff";
|
|
1698
1722
|
readonly "com/topbar/left-padding": "16px";
|
|
1699
1723
|
readonly "com/topbar/right-padding": "20px";
|
|
@@ -1704,13 +1728,78 @@ declare const _default: {
|
|
|
1704
1728
|
readonly "com/topbar/right-items/user-profile/horizontal-gap": "8px";
|
|
1705
1729
|
readonly "com/topbar/right-items/user-profile/vertical-padding": "4px";
|
|
1706
1730
|
readonly "com/topbar/right-items/user-profile/corner-radius": "6px";
|
|
1707
|
-
readonly "com/topbar/right-items/user-profile/icon/color-icon": "#505a5f";
|
|
1708
1731
|
readonly "com/topbar/right-items/user-profile/label/color-text": "#505a5f";
|
|
1732
|
+
readonly "com/topbar/right-items/user-profile/icon/color-icon": "#505a5f";
|
|
1709
1733
|
readonly "com/typing-cursor/default": "#2a30a0";
|
|
1710
1734
|
readonly "com/typing-cursor/negative": "#a80a12";
|
|
1735
|
+
readonly "com/progress-indicator/default/indicator/lead-color": "#2f3cc1";
|
|
1736
|
+
readonly "com/progress-indicator/default/indicator/trail-color": "#ffffff1c";
|
|
1737
|
+
readonly "com/progress-indicator/default/background-color": "#e7f1fa";
|
|
1738
|
+
readonly "com/progress-indicator/invert/indicator/lead-color": "#ffffff";
|
|
1739
|
+
readonly "com/progress-indicator/invert/indicator/trail-color": "#ffffff00";
|
|
1740
|
+
readonly "com/progress-indicator/invert/background-color": "#ffffff1c";
|
|
1741
|
+
readonly "com/progress-indicator/circular/size-xs/width": "16px";
|
|
1742
|
+
readonly "com/progress-indicator/circular/size-xs/indicator/stroke-width": "1.3px";
|
|
1743
|
+
readonly "com/progress-indicator/circular/size-xs/indicator/indicator": "12px";
|
|
1744
|
+
readonly "com/progress-indicator/circular/size-sm/width": "20px";
|
|
1745
|
+
readonly "com/progress-indicator/circular/size-sm/indicator/stroke-width": "2px";
|
|
1746
|
+
readonly "com/progress-indicator/circular/size-sm/indicator/indicator": "16px";
|
|
1747
|
+
readonly "com/progress-indicator/circular/size-md/width": "36px";
|
|
1748
|
+
readonly "com/progress-indicator/circular/size-md/indicator/stroke-width": "3px";
|
|
1749
|
+
readonly "com/progress-indicator/circular/size-md/indicator/indicator": "24px";
|
|
1750
|
+
readonly "com/progress-indicator/circular/size-lg/width": "44px";
|
|
1751
|
+
readonly "com/progress-indicator/circular/size-lg/indicator/stroke-width": "4px";
|
|
1752
|
+
readonly "com/progress-indicator/circular/size-lg/indicator/indicator": "28px";
|
|
1753
|
+
readonly "com/progress-indicator/linear/size-sm/height": "2px";
|
|
1754
|
+
readonly "com/progress-indicator/linear/size-md/height": "4px";
|
|
1755
|
+
readonly "com/progress-indicator/linear/size-lg/height": "8px";
|
|
1711
1756
|
readonly "com/icon/size/from-28/stroke-width": "2px";
|
|
1712
1757
|
readonly "com/icon/size/from-20/stroke-width": "1.3px";
|
|
1713
1758
|
readonly "com/icon/size/under-20/stroke-width": "1px";
|
|
1759
|
+
readonly "com/featured-icon/size/24/width": "24px";
|
|
1760
|
+
readonly "com/featured-icon/size/24/corner-radius": "6px";
|
|
1761
|
+
readonly "com/featured-icon/size/24/size-icon": "16px";
|
|
1762
|
+
readonly "com/featured-icon/size/24/border-width": "1px";
|
|
1763
|
+
readonly "com/featured-icon/size/28/width": "28px";
|
|
1764
|
+
readonly "com/featured-icon/size/28/corner-radius": "6px";
|
|
1765
|
+
readonly "com/featured-icon/size/28/size-icon": "16px";
|
|
1766
|
+
readonly "com/featured-icon/size/28/border-width": "1px";
|
|
1767
|
+
readonly "com/featured-icon/size/36/width": "36px";
|
|
1768
|
+
readonly "com/featured-icon/size/36/corner-radius": "8px";
|
|
1769
|
+
readonly "com/featured-icon/size/36/size-icon": "20px";
|
|
1770
|
+
readonly "com/featured-icon/size/36/border-width": "1px";
|
|
1771
|
+
readonly "com/featured-icon/size/44/width": "44px";
|
|
1772
|
+
readonly "com/featured-icon/size/44/corner-radius": "8px";
|
|
1773
|
+
readonly "com/featured-icon/size/44/size-icon": "24px";
|
|
1774
|
+
readonly "com/featured-icon/size/44/border-width": "1.3px";
|
|
1775
|
+
readonly "com/featured-icon/size/56/width": "56px";
|
|
1776
|
+
readonly "com/featured-icon/size/56/corner-radius": "12px";
|
|
1777
|
+
readonly "com/featured-icon/size/56/size-icon": "28px";
|
|
1778
|
+
readonly "com/featured-icon/size/56/border-width": "1.3px";
|
|
1779
|
+
readonly "com/featured-icon/size/68/width": "68px";
|
|
1780
|
+
readonly "com/featured-icon/size/68/corner-radius": "12px";
|
|
1781
|
+
readonly "com/featured-icon/size/68/size-icon": "36px";
|
|
1782
|
+
readonly "com/featured-icon/size/68/border-width": "2px";
|
|
1783
|
+
readonly "com/featured-icon/size/84/width": "84px";
|
|
1784
|
+
readonly "com/featured-icon/size/84/corner-radius": "12px";
|
|
1785
|
+
readonly "com/featured-icon/size/84/size-icon": "44px";
|
|
1786
|
+
readonly "com/featured-icon/size/84/border-width": "2px";
|
|
1787
|
+
readonly "com/featured-icon/size/corner-radius-rounded": "9999px";
|
|
1788
|
+
readonly "com/featured-icon/theme/neutral/icon/color-stroke": "#343d41";
|
|
1789
|
+
readonly "com/featured-icon/theme/neutral/background-color": "#ffffff";
|
|
1790
|
+
readonly "com/featured-icon/theme/neutral/border/color-stroke": "#0d2e433d";
|
|
1791
|
+
readonly "com/featured-icon/theme/info/icon/color-stroke": "#006bdf";
|
|
1792
|
+
readonly "com/featured-icon/theme/info/background-color": "#f5fafd";
|
|
1793
|
+
readonly "com/featured-icon/theme/info/border/color-stroke": "#c1e2fc";
|
|
1794
|
+
readonly "com/featured-icon/theme/positive/background-color": "#f5fbf7";
|
|
1795
|
+
readonly "com/featured-icon/theme/positive/icon/color-stroke": "#007d35";
|
|
1796
|
+
readonly "com/featured-icon/theme/positive/border/color-stroke": "#c0e6ce";
|
|
1797
|
+
readonly "com/featured-icon/theme/caution/background-color": "#fdf9ed";
|
|
1798
|
+
readonly "com/featured-icon/theme/caution/icon/color-stroke": "#a94900";
|
|
1799
|
+
readonly "com/featured-icon/theme/caution/border/color-stroke": "#f8dbab";
|
|
1800
|
+
readonly "com/featured-icon/theme/negative/background-color": "#fef8f7";
|
|
1801
|
+
readonly "com/featured-icon/theme/negative/icon/color-stroke": "#d0121c";
|
|
1802
|
+
readonly "com/featured-icon/theme/negative/border/color-stroke": "#fdd3cd";
|
|
1714
1803
|
readonly "pri/color/brand/primary/10": "#f9fbfd";
|
|
1715
1804
|
readonly "pri/color/brand/primary/25": "#f5f8fc";
|
|
1716
1805
|
readonly "pri/color/brand/primary/50": "#e7f1fa";
|
|
@@ -2214,26 +2303,46 @@ declare const _default: {
|
|
|
2214
2303
|
readonly "sem/color/background/brand/secondary/accent/selected": "#823e00";
|
|
2215
2304
|
readonly "sem/color/background/brand/secondary/accent/disable": "#e9edf1";
|
|
2216
2305
|
readonly "sem/color/background/black/always_black": "#000000";
|
|
2217
|
-
readonly "sem/color/background/transparent/canvas/default": "#ffffff00";
|
|
2218
|
-
readonly "sem/color/background/transparent/canvas/hover": "#02305e16";
|
|
2219
|
-
readonly "sem/color/background/transparent/canvas/active": "#00375b0e";
|
|
2220
|
-
readonly "sem/color/background/transparent/canvas/pressed": "#0a2f4d22";
|
|
2221
|
-
readonly "sem/color/background/transparent/canvas/selected": "#00375b0e";
|
|
2222
|
-
readonly "sem/color/background/transparent/canvas/disable": "#ffffff00";
|
|
2223
|
-
readonly "sem/color/background/transparent/soft/default": "#00375b0e";
|
|
2224
|
-
readonly "sem/color/background/transparent/soft/hover": "#0a2f4d22";
|
|
2225
|
-
readonly "sem/color/background/transparent/soft/active": "#02305e16";
|
|
2226
|
-
readonly "sem/color/background/transparent/soft/disable": "#04287007";
|
|
2227
|
-
readonly "sem/color/background/transparent/sub/default": "#0d2e433d";
|
|
2228
|
-
readonly "sem/color/background/transparent/sub/hover": "#09233182";
|
|
2229
|
-
readonly "sem/color/background/transparent/sub/active": "#0422355e";
|
|
2230
|
-
readonly "sem/color/background/transparent/sub/disable": "#04287007";
|
|
2231
|
-
readonly "sem/color/background/transparent/accent/default": "#00152096";
|
|
2232
|
-
readonly "sem/color/background/transparent/accent/hover": "#0a2f4d22";
|
|
2233
|
-
readonly "sem/color/background/transparent/accent/active": "#0d2e433d";
|
|
2234
|
-
readonly "sem/color/background/transparent/accent/pressed": "#09233182";
|
|
2235
|
-
readonly "sem/color/background/transparent/accent/selected": "#0d2e433d";
|
|
2236
|
-
readonly "sem/color/background/transparent/accent/disable": "#02305e16";
|
|
2306
|
+
readonly "sem/color/background/transparent/black/canvas/default": "#ffffff00";
|
|
2307
|
+
readonly "sem/color/background/transparent/black/canvas/hover": "#02305e16";
|
|
2308
|
+
readonly "sem/color/background/transparent/black/canvas/active": "#00375b0e";
|
|
2309
|
+
readonly "sem/color/background/transparent/black/canvas/pressed": "#0a2f4d22";
|
|
2310
|
+
readonly "sem/color/background/transparent/black/canvas/selected": "#00375b0e";
|
|
2311
|
+
readonly "sem/color/background/transparent/black/canvas/disable": "#ffffff00";
|
|
2312
|
+
readonly "sem/color/background/transparent/black/soft/default": "#00375b0e";
|
|
2313
|
+
readonly "sem/color/background/transparent/black/soft/hover": "#0a2f4d22";
|
|
2314
|
+
readonly "sem/color/background/transparent/black/soft/active": "#02305e16";
|
|
2315
|
+
readonly "sem/color/background/transparent/black/soft/disable": "#04287007";
|
|
2316
|
+
readonly "sem/color/background/transparent/black/sub/default": "#0d2e433d";
|
|
2317
|
+
readonly "sem/color/background/transparent/black/sub/hover": "#09233182";
|
|
2318
|
+
readonly "sem/color/background/transparent/black/sub/active": "#0422355e";
|
|
2319
|
+
readonly "sem/color/background/transparent/black/sub/disable": "#04287007";
|
|
2320
|
+
readonly "sem/color/background/transparent/black/accent/default": "#00152096";
|
|
2321
|
+
readonly "sem/color/background/transparent/black/accent/hover": "#0a2f4d22";
|
|
2322
|
+
readonly "sem/color/background/transparent/black/accent/active": "#0d2e433d";
|
|
2323
|
+
readonly "sem/color/background/transparent/black/accent/pressed": "#09233182";
|
|
2324
|
+
readonly "sem/color/background/transparent/black/accent/selected": "#0d2e433d";
|
|
2325
|
+
readonly "sem/color/background/transparent/black/accent/disable": "#02305e16";
|
|
2326
|
+
readonly "sem/color/background/transparent/white/canvas/default": "#ffffff00";
|
|
2327
|
+
readonly "sem/color/background/transparent/white/canvas/hover": "#ffffff0e";
|
|
2328
|
+
readonly "sem/color/background/transparent/white/canvas/active": "#ffffff06";
|
|
2329
|
+
readonly "sem/color/background/transparent/white/canvas/pressed": "#ffffff1c";
|
|
2330
|
+
readonly "sem/color/background/transparent/white/canvas/selected": "#ffffff06";
|
|
2331
|
+
readonly "sem/color/background/transparent/white/canvas/disable": "#ffffff00";
|
|
2332
|
+
readonly "sem/color/background/transparent/white/soft/default": "#ffffff06";
|
|
2333
|
+
readonly "sem/color/background/transparent/white/soft/hover": "#ffffff30";
|
|
2334
|
+
readonly "sem/color/background/transparent/white/soft/active": "#ffffff1c";
|
|
2335
|
+
readonly "sem/color/background/transparent/white/soft/disable": "#ffffff06";
|
|
2336
|
+
readonly "sem/color/background/transparent/white/sub/default": "#ffffff1c";
|
|
2337
|
+
readonly "sem/color/background/transparent/white/sub/hover": "#ffffff49";
|
|
2338
|
+
readonly "sem/color/background/transparent/white/sub/active": "#ffffff30";
|
|
2339
|
+
readonly "sem/color/background/transparent/white/sub/disable": "#ffffff06";
|
|
2340
|
+
readonly "sem/color/background/transparent/white/accent/default": "#ffffff82";
|
|
2341
|
+
readonly "sem/color/background/transparent/white/accent/hover": "#ffffff1c";
|
|
2342
|
+
readonly "sem/color/background/transparent/white/accent/active": "#ffffff30";
|
|
2343
|
+
readonly "sem/color/background/transparent/white/accent/pressed": "#ffffff65";
|
|
2344
|
+
readonly "sem/color/background/transparent/white/accent/selected": "#ffffff30";
|
|
2345
|
+
readonly "sem/color/background/transparent/white/accent/disable": "#ffffff0e";
|
|
2237
2346
|
readonly "sem/color/background/function/info/canvas/default": "#f5fafd";
|
|
2238
2347
|
readonly "sem/color/background/function/info/canvas/hover": "#def1fd";
|
|
2239
2348
|
readonly "sem/color/background/function/info/canvas/active": "#eaf6fb";
|
|
@@ -2517,6 +2626,7 @@ declare const _default: {
|
|
|
2517
2626
|
readonly "sem/color/stroke/white/soft": "#ffffff30";
|
|
2518
2627
|
readonly "sem/color/stroke/white/disable": "#ffffff30";
|
|
2519
2628
|
readonly "sem/color/stroke/pure-black": "#000000";
|
|
2629
|
+
readonly "sem/color/stroke/pure-white": "#ffffff";
|
|
2520
2630
|
readonly "sem/color/stroke/function/info/strong": "#3d9cfb";
|
|
2521
2631
|
readonly "sem/color/stroke/function/info/sub": "#c1e2fc";
|
|
2522
2632
|
readonly "sem/color/stroke/function/info/soft": "#def1fd";
|
|
@@ -2533,7 +2643,6 @@ declare const _default: {
|
|
|
2533
2643
|
readonly "sem/color/stroke/function/negative/sub": "#fdd3cd";
|
|
2534
2644
|
readonly "sem/color/stroke/function/negative/soft": "#fee9e7";
|
|
2535
2645
|
readonly "sem/color/stroke/function/negative/disable": "#02305e16";
|
|
2536
|
-
readonly "sem/color/stroke/pure-white": "#ffffff";
|
|
2537
2646
|
readonly "sem/color/stroke/utility/red/strong": "#fd8b7f";
|
|
2538
2647
|
readonly "sem/color/stroke/utility/red/sub": "#fbd3ce";
|
|
2539
2648
|
readonly "sem/color/stroke/utility/red/soft": "#ffe9e5";
|
|
@@ -2986,7 +3095,6 @@ declare const _default: {
|
|
|
2986
3095
|
readonly "page/body/background-color": "#f5f8fc";
|
|
2987
3096
|
readonly "page/popup/body/vertical_gap": "20px";
|
|
2988
3097
|
readonly "page/drawer/body/vertical_gap": "20px";
|
|
2989
|
-
readonly Boolean: true;
|
|
2990
3098
|
readonly "Flowkit/Purple": "#7b61ff";
|
|
2991
3099
|
readonly "Flowkit/Charcoal": "#222222";
|
|
2992
3100
|
readonly "Flowkit/Red": "#fc5555";
|
|
@@ -3583,15 +3691,17 @@ interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onCli
|
|
|
3583
3691
|
/**Control the style type of component: "prefix" | "dropdown" */
|
|
3584
3692
|
typePrefix?: InputTypePrefix;
|
|
3585
3693
|
/**Prefix for filter value*/
|
|
3586
|
-
iconPrefix?: string | JSX
|
|
3694
|
+
iconPrefix?: string | JSX.Element;
|
|
3587
3695
|
/**iconSuffix for filter value*/
|
|
3588
|
-
iconSuffix?: string | JSX
|
|
3696
|
+
iconSuffix?: string | JSX.Element;
|
|
3589
3697
|
/**labelSuffix for filter value*/
|
|
3590
|
-
labelSuffix?: string | JSX
|
|
3698
|
+
labelSuffix?: string | JSX.Element;
|
|
3591
3699
|
/**labelPrefix for filter value*/
|
|
3592
|
-
labelPrefix?: string | JSX
|
|
3700
|
+
labelPrefix?: string | JSX.Element;
|
|
3593
3701
|
/**negative for current field*/
|
|
3594
3702
|
negative?: boolean;
|
|
3703
|
+
/**actived for current field*/
|
|
3704
|
+
actived?: boolean;
|
|
3595
3705
|
/**active-dropdown for current field*/
|
|
3596
3706
|
activeDropdown?: boolean;
|
|
3597
3707
|
/** onClickSuffix for current field Button */
|
|
@@ -3630,9 +3740,9 @@ interface InputTextProps extends InputFieldProps, Partial<InputLabelProps> {
|
|
|
3630
3740
|
}
|
|
3631
3741
|
declare const FISInputText: React__default.ForwardRefExoticComponent<InputTextProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
3632
3742
|
|
|
3633
|
-
type
|
|
3743
|
+
type ShapeType = "rounded" | "square";
|
|
3634
3744
|
type AvatarSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
3635
|
-
type
|
|
3745
|
+
type StatusBadgeType = "green" | "red" | "yellow" | "blue" | "neutral";
|
|
3636
3746
|
type ColorType$1 = "neutral" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
|
|
3637
3747
|
type AvatarProps = {
|
|
3638
3748
|
className?: string | undefined;
|
|
@@ -3641,9 +3751,9 @@ type AvatarProps = {
|
|
|
3641
3751
|
alt?: string;
|
|
3642
3752
|
letter?: string;
|
|
3643
3753
|
size?: AvatarSize;
|
|
3644
|
-
|
|
3645
|
-
|
|
3646
|
-
|
|
3754
|
+
statusBadge?: StatusBadgeType;
|
|
3755
|
+
dotBadge?: boolean;
|
|
3756
|
+
shape?: ShapeType;
|
|
3647
3757
|
disabled?: boolean;
|
|
3648
3758
|
color?: ColorType$1;
|
|
3649
3759
|
};
|
|
@@ -3729,7 +3839,7 @@ interface IFISDividerProps extends ComponentPropsWithoutRef<"div"> {
|
|
|
3729
3839
|
declare const FISDivider: (props: IFISDividerProps) => react_jsx_runtime.JSX.Element;
|
|
3730
3840
|
|
|
3731
3841
|
type BadgeSize = "xs" | "sm" | "md" | "lg";
|
|
3732
|
-
type ColorType = "neutral" | "red" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
|
|
3842
|
+
type ColorType = "neutral" | "neutral-light" | "red" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
|
|
3733
3843
|
type BadgeStatus = "info" | "caution" | "positive" | "negative";
|
|
3734
3844
|
type BadgeType = "default" | "solid";
|
|
3735
3845
|
type BadgeBaseProps = {
|
|
@@ -3755,8 +3865,25 @@ type BadgeWithLabelOnly = BadgeBaseProps & {
|
|
|
3755
3865
|
icon?: never;
|
|
3756
3866
|
src?: never;
|
|
3757
3867
|
};
|
|
3758
|
-
type BadgeProps
|
|
3759
|
-
declare const FISBadge: React__default.FC<BadgeProps
|
|
3868
|
+
type BadgeProps = BadgeWithIconOnly | BadgeWithAvatar | BadgeWithLabelOnly;
|
|
3869
|
+
declare const FISBadge: React__default.FC<BadgeProps>;
|
|
3870
|
+
|
|
3871
|
+
type CollapseSize = "sm" | "md" | "lg";
|
|
3872
|
+
interface CollapseItem {
|
|
3873
|
+
key: string;
|
|
3874
|
+
title: string;
|
|
3875
|
+
description?: string;
|
|
3876
|
+
badge?: string;
|
|
3877
|
+
leftIcon?: React.ReactNode;
|
|
3878
|
+
customHeader?: React.ReactNode;
|
|
3879
|
+
children?: React.ReactNode;
|
|
3880
|
+
}
|
|
3881
|
+
interface CustomCollapseProps extends Omit<CollapseProps, "expandIcon" | "children"> {
|
|
3882
|
+
className?: string | undefined;
|
|
3883
|
+
collapseSize?: CollapseSize;
|
|
3884
|
+
items: CollapseItem[];
|
|
3885
|
+
}
|
|
3886
|
+
declare const FISCollapse: React.FC<CustomCollapseProps>;
|
|
3760
3887
|
|
|
3761
3888
|
type ThemeType$1 = "neutral" | "info" | "positive" | "caution" | "negative";
|
|
3762
3889
|
type ToastType = "link" | "button" | "no-action";
|
|
@@ -3767,6 +3894,7 @@ type ToastProps = {
|
|
|
3767
3894
|
type?: ToastType;
|
|
3768
3895
|
actionPosition?: PositionType;
|
|
3769
3896
|
iconLeft?: React__default.ReactNode;
|
|
3897
|
+
noIcon?: boolean;
|
|
3770
3898
|
title: string;
|
|
3771
3899
|
actionHref?: string;
|
|
3772
3900
|
actionLabel?: string;
|
|
@@ -3803,19 +3931,27 @@ declare const FISCombobox: React__default.ForwardRefExoticComponent<FISComboboxP
|
|
|
3803
3931
|
|
|
3804
3932
|
type ChipSize = "xs" | "sm" | "md" | "lg";
|
|
3805
3933
|
type ThemeType = "neutral" | "red" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
|
|
3806
|
-
type
|
|
3934
|
+
type ChipBaseProps = {
|
|
3807
3935
|
className?: string | undefined;
|
|
3808
|
-
icon?: React__default.ReactNode;
|
|
3809
|
-
label: string;
|
|
3810
3936
|
size?: ChipSize;
|
|
3811
3937
|
theme?: ThemeType;
|
|
3812
|
-
srcAvatar?: string;
|
|
3813
3938
|
closeable?: boolean;
|
|
3814
3939
|
selected?: boolean;
|
|
3815
3940
|
disabled?: boolean;
|
|
3816
3941
|
onClickClose?: () => void;
|
|
3942
|
+
} & React__default.HTMLAttributes<HTMLDivElement>;
|
|
3943
|
+
type ChipWithIcon = ChipBaseProps & {
|
|
3944
|
+
icon: React__default.ReactNode;
|
|
3945
|
+
label: string;
|
|
3946
|
+
srcAvatar?: string;
|
|
3947
|
+
};
|
|
3948
|
+
type ChipWithAvatar = ChipBaseProps & {
|
|
3949
|
+
srcAvatar: string;
|
|
3950
|
+
label: string;
|
|
3951
|
+
icon?: React__default.ReactNode;
|
|
3817
3952
|
};
|
|
3818
|
-
|
|
3953
|
+
type ChipButtonProps = ChipWithIcon | ChipWithAvatar;
|
|
3954
|
+
declare const FISChipButton: React__default.ForwardRefExoticComponent<ChipButtonProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
3819
3955
|
|
|
3820
3956
|
interface InputTimeProps extends InputFieldProps, Partial<InputLabelProps> {
|
|
3821
3957
|
message?: string;
|
|
@@ -3842,19 +3978,21 @@ interface TableProps extends Omit<TableProps$1<any>, "columns" | "dataSource"> {
|
|
|
3842
3978
|
className?: string;
|
|
3843
3979
|
dataSource: TableProps$1<any>["dataSource"];
|
|
3844
3980
|
columns: TableProps$1<any>["columns"];
|
|
3981
|
+
verticalHeader?: "top" | "bottom" | "center";
|
|
3845
3982
|
}
|
|
3846
3983
|
declare const FISTable: React$1.ForwardRefExoticComponent<TableProps & React$1.RefAttributes<HTMLLabelElement>>;
|
|
3847
3984
|
|
|
3848
3985
|
interface HeaderCellProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> {
|
|
3849
3986
|
className?: string;
|
|
3987
|
+
align?: "left" | "right";
|
|
3850
3988
|
textAlign?: string;
|
|
3851
|
-
|
|
3989
|
+
label: string | null | undefined;
|
|
3852
3990
|
description?: string;
|
|
3853
|
-
|
|
3991
|
+
rightComponent?: ReactNode;
|
|
3854
3992
|
disabled?: boolean;
|
|
3855
|
-
|
|
3856
|
-
|
|
3857
|
-
|
|
3993
|
+
hasRightDivider?: boolean;
|
|
3994
|
+
hasTruncateLabel?: boolean;
|
|
3995
|
+
onlyIcon?: boolean;
|
|
3858
3996
|
}
|
|
3859
3997
|
declare const FISHeaderCell: React$1.ForwardRefExoticComponent<HeaderCellProps & React$1.RefAttributes<HTMLLabelElement>>;
|
|
3860
3998
|
|
|
@@ -3867,8 +4005,7 @@ interface ColumnCellProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivE
|
|
|
3867
4005
|
description?: string;
|
|
3868
4006
|
icon?: ReactElement;
|
|
3869
4007
|
disabled?: boolean;
|
|
3870
|
-
|
|
3871
|
-
onIconClick?: () => void;
|
|
4008
|
+
hasBorder?: boolean;
|
|
3872
4009
|
}
|
|
3873
4010
|
declare const FISColumnCell: React$1.ForwardRefExoticComponent<ColumnCellProps & React$1.RefAttributes<HTMLLabelElement>>;
|
|
3874
4011
|
|
|
@@ -3922,5 +4059,52 @@ declare namespace FISAlertBanner {
|
|
|
3922
4059
|
var displayName: string;
|
|
3923
4060
|
}
|
|
3924
4061
|
|
|
3925
|
-
|
|
4062
|
+
type Variant$1 = "indeterminate" | "determinate";
|
|
4063
|
+
type Size$1 = "xs" | "sm" | "md" | "lg";
|
|
4064
|
+
interface ProgressCircularProps {
|
|
4065
|
+
variant: Variant$1;
|
|
4066
|
+
percent?: number;
|
|
4067
|
+
size?: Size$1;
|
|
4068
|
+
invert?: boolean;
|
|
4069
|
+
className?: string;
|
|
4070
|
+
}
|
|
4071
|
+
declare function FISProgressCircular({ variant, ...rest }: ProgressCircularProps): react_jsx_runtime.JSX.Element;
|
|
4072
|
+
declare namespace FISProgressCircular {
|
|
4073
|
+
var displayName: string;
|
|
4074
|
+
}
|
|
4075
|
+
|
|
4076
|
+
type Variant = "indeterminate" | "determinate";
|
|
4077
|
+
type Size = "xs" | "sm" | "md" | "lg";
|
|
4078
|
+
interface ProgressLinearProps {
|
|
4079
|
+
variant: Variant;
|
|
4080
|
+
percent: number;
|
|
4081
|
+
size?: Size;
|
|
4082
|
+
invert?: boolean;
|
|
4083
|
+
}
|
|
4084
|
+
declare function FISProgressLinear({ variant, ...rest }: ProgressLinearProps): react_jsx_runtime.JSX.Element;
|
|
4085
|
+
declare namespace FISProgressLinear {
|
|
4086
|
+
var displayName: string;
|
|
4087
|
+
}
|
|
4088
|
+
|
|
4089
|
+
type SplitButtonSize = "xs" | "sm" | "md" | "lg";
|
|
4090
|
+
type SplitButtonVariant = "primary" | "secondary" | "tertiary" | "primary-white" | "secondary-white";
|
|
4091
|
+
|
|
4092
|
+
declare const FISSplitButton: React__default.ForwardRefExoticComponent<{
|
|
4093
|
+
label: string;
|
|
4094
|
+
icon?: React__default.ReactNode;
|
|
4095
|
+
size?: SplitButtonSize;
|
|
4096
|
+
variant?: SplitButtonVariant;
|
|
4097
|
+
activeButton?: boolean;
|
|
4098
|
+
loading?: boolean;
|
|
4099
|
+
onButtonClick?: () => void;
|
|
4100
|
+
} & Omit<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
4101
|
+
size?: SplitButtonSize;
|
|
4102
|
+
variant?: SplitButtonVariant;
|
|
4103
|
+
activeIcon?: boolean;
|
|
4104
|
+
onIconClick?: () => void;
|
|
4105
|
+
} & {
|
|
4106
|
+
className?: string;
|
|
4107
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
4108
|
+
|
|
4109
|
+
export { FISAlertBanner, FISAvatar, FISBadge, FISBreadcrumb, FISButton, FISButtonGroup, FISCheckbox, FISCheckboxGroup, FISChipButton, FISCollapse, FISCombobox, FISDateRange, FISDivider, FISIconButton, FISInputArea, FISInputDate, FISInputField, FISInputLabel, FISInputStepper, FISInputText, FISInputTime, FISLinkButton, FISProgressCircular, FISProgressLinear, FISRadio, RadioGroup as FISRadioGroup, FISSegmented, FISSorter, FISSplitButton, FISSwitch, FISTab, FISTable, FISColumnCell as FISTableColumn, FISHeaderCell as FISTableHeader, FISThemeProvider, FISToast, FISTooltip, SegmentedPanelItem, TabPanelItem };
|
|
3926
4110
|
export type { ThemeType$2 as ThemeType };
|