fis-component 0.0.24 → 0.0.26
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 +6339 -1906
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/src/assets/icons/ArrowDownIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/ArrowRightIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/ArrowUpIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/CalendarIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/CheckIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/CloseChipIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/ErrorIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/ExitIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/InfoIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/WarningIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/index.d.ts +10 -0
- package/dist/cjs/types/src/components/AlertBanner/AlertBanner.stories.d.ts +5 -0
- package/dist/cjs/types/src/components/AlertBanner/index.d.ts +19 -0
- package/dist/cjs/types/src/components/AlertBanner/styles.d.ts +17 -0
- package/dist/cjs/types/src/components/Avatar/index.d.ts +1 -1
- package/dist/cjs/types/src/components/Avatar/styles.d.ts +1 -1
- package/dist/cjs/types/src/components/Badge/index.d.ts +20 -7
- package/dist/cjs/types/src/components/Badge/styles.d.ts +1 -1
- package/dist/cjs/types/src/components/Checkbox/index.d.ts +12 -4
- package/dist/cjs/types/src/components/ChipButton/ChipButton.stories.d.ts +4 -0
- package/dist/cjs/types/src/components/ChipButton/index.d.ts +17 -0
- package/dist/cjs/types/src/components/ChipButton/styles.d.ts +11 -0
- package/dist/cjs/types/src/components/Combobox/Combobox.stories.d.ts +7 -0
- package/dist/cjs/types/src/components/Combobox/MultipleValue.d.ts +7 -0
- package/dist/cjs/types/src/components/Combobox/index.d.ts +29 -0
- package/dist/cjs/types/src/components/Combobox/styles.d.ts +24 -0
- package/dist/cjs/types/src/components/Divider/index.d.ts +7 -2
- package/dist/cjs/types/src/components/Divider/styles.d.ts +5 -1
- package/dist/cjs/types/src/components/IconButton/IconButton.stories.d.ts +1 -1
- package/dist/cjs/types/src/components/IconButton/index.d.ts +1 -1
- package/dist/cjs/types/src/components/Input/DateRange/DateRange.stories.d.ts +40 -0
- package/dist/cjs/types/src/components/Input/DateRange/index.d.ts +14 -0
- package/dist/cjs/types/src/components/Input/DateRange/styles.d.ts +8 -0
- package/dist/cjs/types/src/components/Input/InputDate/styles.d.ts +1 -1
- package/dist/cjs/types/src/components/Input/InputField/index.d.ts +8 -1
- package/dist/cjs/types/src/components/Input/InputField/styles.d.ts +6 -2
- package/dist/cjs/types/src/components/LinkButton/LinkButton.stories.d.ts +1 -1
- package/dist/cjs/types/src/components/LinkButton/index.d.ts +1 -1
- package/dist/cjs/types/src/components/Portal/index.d.ts +14 -0
- package/dist/cjs/types/src/components/Radio/index.d.ts +8 -0
- package/dist/cjs/types/src/components/Toast/Toast.stories.d.ts +5 -0
- package/dist/cjs/types/src/components/Toast/ToastContext.d.ts +13 -0
- package/dist/cjs/types/src/components/Toast/index.d.ts +18 -0
- package/dist/cjs/types/src/components/Toast/styles.d.ts +13 -0
- package/dist/cjs/types/src/components/Toast/useToast.d.ts +2 -0
- package/dist/cjs/types/src/index.d.ts +5 -0
- package/dist/cjs/types/src/styles/design-system/variable.d.ts +453 -80
- package/dist/cjs/types/src/utils/getTheme.d.ts +453 -80
- package/dist/esm/index.js +6336 -1908
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/src/assets/icons/ArrowDownIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/ArrowRightIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/ArrowUpIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/CalendarIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/CheckIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/CloseChipIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/ErrorIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/ExitIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/InfoIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/WarningIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/index.d.ts +10 -0
- package/dist/esm/types/src/components/AlertBanner/AlertBanner.stories.d.ts +5 -0
- package/dist/esm/types/src/components/AlertBanner/index.d.ts +19 -0
- package/dist/esm/types/src/components/AlertBanner/styles.d.ts +17 -0
- package/dist/esm/types/src/components/Avatar/index.d.ts +1 -1
- package/dist/esm/types/src/components/Avatar/styles.d.ts +1 -1
- package/dist/esm/types/src/components/Badge/index.d.ts +20 -7
- package/dist/esm/types/src/components/Badge/styles.d.ts +1 -1
- package/dist/esm/types/src/components/Checkbox/index.d.ts +12 -4
- package/dist/esm/types/src/components/ChipButton/ChipButton.stories.d.ts +4 -0
- package/dist/esm/types/src/components/ChipButton/index.d.ts +17 -0
- package/dist/esm/types/src/components/ChipButton/styles.d.ts +11 -0
- package/dist/esm/types/src/components/Combobox/Combobox.stories.d.ts +7 -0
- package/dist/esm/types/src/components/Combobox/MultipleValue.d.ts +7 -0
- package/dist/esm/types/src/components/Combobox/index.d.ts +29 -0
- package/dist/esm/types/src/components/Combobox/styles.d.ts +24 -0
- package/dist/esm/types/src/components/Divider/index.d.ts +7 -2
- package/dist/esm/types/src/components/Divider/styles.d.ts +5 -1
- package/dist/esm/types/src/components/IconButton/IconButton.stories.d.ts +1 -1
- package/dist/esm/types/src/components/IconButton/index.d.ts +1 -1
- package/dist/esm/types/src/components/Input/DateRange/DateRange.stories.d.ts +40 -0
- package/dist/esm/types/src/components/Input/DateRange/index.d.ts +14 -0
- package/dist/esm/types/src/components/Input/DateRange/styles.d.ts +8 -0
- package/dist/esm/types/src/components/Input/InputDate/styles.d.ts +1 -1
- package/dist/esm/types/src/components/Input/InputField/index.d.ts +8 -1
- package/dist/esm/types/src/components/Input/InputField/styles.d.ts +6 -2
- package/dist/esm/types/src/components/LinkButton/LinkButton.stories.d.ts +1 -1
- package/dist/esm/types/src/components/LinkButton/index.d.ts +1 -1
- package/dist/esm/types/src/components/Portal/index.d.ts +14 -0
- package/dist/esm/types/src/components/Radio/index.d.ts +8 -0
- package/dist/esm/types/src/components/Toast/Toast.stories.d.ts +5 -0
- package/dist/esm/types/src/components/Toast/ToastContext.d.ts +13 -0
- package/dist/esm/types/src/components/Toast/index.d.ts +18 -0
- package/dist/esm/types/src/components/Toast/styles.d.ts +13 -0
- package/dist/esm/types/src/components/Toast/useToast.d.ts +2 -0
- package/dist/esm/types/src/index.d.ts +5 -0
- package/dist/esm/types/src/styles/design-system/variable.d.ts +453 -80
- package/dist/esm/types/src/utils/getTheme.d.ts +453 -80
- package/dist/index.d.ts +596 -98
- package/package.json +5 -3
package/dist/index.d.ts
CHANGED
|
@@ -11,6 +11,48 @@ interface ThemeProviderProps {
|
|
|
11
11
|
declare const FISThemeProvider: React__default.FC<ThemeProviderProps>;
|
|
12
12
|
|
|
13
13
|
declare const _default: {
|
|
14
|
+
readonly "com/accordion/head/size-md/icon-wrap/height": "24px";
|
|
15
|
+
readonly "com/accordion/head/size-md/icon/size": "20px";
|
|
16
|
+
readonly "com/accordion/head/size-md/border-radius": "6px";
|
|
17
|
+
readonly "com/accordion/head/size-md/horizontal-gap": "8px";
|
|
18
|
+
readonly "com/accordion/head/size-md/horizontal-padding": "4px";
|
|
19
|
+
readonly "com/accordion/head/size-md/vertical-padding": "12px";
|
|
20
|
+
readonly "com/accordion/head/size-md/margin": "-4px";
|
|
21
|
+
readonly "com/accordion/head/size-md/divider/color-stroke": "#02305e16";
|
|
22
|
+
readonly "com/accordion/head/size-sm/icon-wrap/height": "20px";
|
|
23
|
+
readonly "com/accordion/head/size-sm/icon/size": "16px";
|
|
24
|
+
readonly "com/accordion/head/size-sm/border-radius": "4px";
|
|
25
|
+
readonly "com/accordion/head/size-sm/horizontal-gap": "8px";
|
|
26
|
+
readonly "com/accordion/head/size-sm/horizontal-padding": "4px";
|
|
27
|
+
readonly "com/accordion/head/size-sm/vertical-padding": "8px";
|
|
28
|
+
readonly "com/accordion/head/size-sm/margin": "-4px";
|
|
29
|
+
readonly "com/accordion/head/size-sm/divider/color-stroke": "#02305e16";
|
|
30
|
+
readonly "com/accordion/head/size-lg/icon-wrap/height": "28px";
|
|
31
|
+
readonly "com/accordion/head/size-lg/icon/size": "24px";
|
|
32
|
+
readonly "com/accordion/head/size-lg/divider/color-stroke": "#0a2f4d22";
|
|
33
|
+
readonly "com/accordion/head/size-lg/corner-radius": "6px";
|
|
34
|
+
readonly "com/accordion/head/size-lg/horizontal-gap": "8px";
|
|
35
|
+
readonly "com/accordion/head/size-lg/horizontal-padding": "4px";
|
|
36
|
+
readonly "com/accordion/head/size-lg/vertical-padding": "16px";
|
|
37
|
+
readonly "com/accordion/head/size-lg/margin": "-4px";
|
|
38
|
+
readonly "com/accordion/head/icon/color-icon/default": "#505a5f";
|
|
39
|
+
readonly "com/accordion/head/icon/color-icon/hover": "#343d41";
|
|
40
|
+
readonly "com/accordion/head/icon/color-icon/disable": "#c5cdd2";
|
|
41
|
+
readonly "com/accordion/head/label/color-text/default": "#505a5f";
|
|
42
|
+
readonly "com/accordion/head/label/color-text/hover": "#1e2225";
|
|
43
|
+
readonly "com/accordion/head/label/color-text/disable": "#c5cdd2";
|
|
44
|
+
readonly "com/accordion/head/background-color/default": "#ffffff00";
|
|
45
|
+
readonly "com/accordion/head/background-color/hover": "#02305e16";
|
|
46
|
+
readonly "com/accordion/head/background-color/disable": "#ffffff00";
|
|
47
|
+
readonly "com/accordion/body/size-sm/top-padding": "8px";
|
|
48
|
+
readonly "com/accordion/body/size-sm/left-padding": "0px";
|
|
49
|
+
readonly "com/accordion/body/size-sm/right-padding": "0px";
|
|
50
|
+
readonly "com/accordion/body/size-md/top-padding": "12px";
|
|
51
|
+
readonly "com/accordion/body/size-md/left-padding": "0px";
|
|
52
|
+
readonly "com/accordion/body/size-md/right-padding": "0px";
|
|
53
|
+
readonly "com/accordion/body/size-lg/top-padding": "12px";
|
|
54
|
+
readonly "com/accordion/body/size-lg/left-padding": "0px";
|
|
55
|
+
readonly "com/accordion/body/size-lg/right-padding": "0px";
|
|
14
56
|
readonly "com/avatar/corner-radius-rounded": "9999px";
|
|
15
57
|
readonly "com/avatar/size-2xs/height": "16px";
|
|
16
58
|
readonly "com/avatar/size-2xs/width": "16px";
|
|
@@ -46,12 +88,12 @@ declare const _default: {
|
|
|
46
88
|
readonly "com/avatar/theme/icon/color-icon/red": "#df3e3f";
|
|
47
89
|
readonly "com/avatar/theme/icon/color-icon/orange": "#cc5602";
|
|
48
90
|
readonly "com/avatar/theme/icon/color-icon/yellow": "#d58e00";
|
|
91
|
+
readonly "com/avatar/theme/icon/color-icon/ocean": "#00969d";
|
|
49
92
|
readonly "com/avatar/theme/icon/color-icon/green": "#009559";
|
|
50
93
|
readonly "com/avatar/theme/icon/color-icon/lime": "#4b8c00";
|
|
51
|
-
readonly "com/avatar/theme/icon/color-icon/ocean": "#00969d";
|
|
52
|
-
readonly "com/avatar/theme/icon/color-icon/pink": "#cd44a7";
|
|
53
94
|
readonly "com/avatar/theme/icon/color-icon/blue": "#008ee1";
|
|
54
95
|
readonly "com/avatar/theme/icon/color-icon/indigo": "#4278f5";
|
|
96
|
+
readonly "com/avatar/theme/icon/color-icon/pink": "#cd44a7";
|
|
55
97
|
readonly "com/avatar/theme/icon/color-icon/violet": "#a65dcf";
|
|
56
98
|
readonly "com/avatar/theme/label/color-text/neutral": "#828f96";
|
|
57
99
|
readonly "com/avatar/theme/label/color-text/red": "#df3e3f";
|
|
@@ -95,11 +137,55 @@ declare const _default: {
|
|
|
95
137
|
readonly "com/avatar/status-badge/size-sm/stroke-width": "1.3px";
|
|
96
138
|
readonly "com/avatar/status-badge/size-md/stroke-width": "2px";
|
|
97
139
|
readonly "com/avatar/status-badge/size-lg/stroke-width": "2px";
|
|
98
|
-
readonly "com/avatar/status-badge/theme/green": "#00b077";
|
|
99
140
|
readonly "com/avatar/status-badge/theme/red": "#f5685f";
|
|
141
|
+
readonly "com/avatar/status-badge/theme/green": "#00b077";
|
|
100
142
|
readonly "com/avatar/status-badge/theme/yellow": "#d58e00";
|
|
101
143
|
readonly "com/avatar/status-badge/theme/blue": "#00a6e5";
|
|
102
144
|
readonly "com/avatar/status-badge/theme/neutral": "#dee3e7";
|
|
145
|
+
readonly "com/alert-banner/right-padding": "12px";
|
|
146
|
+
readonly "com/alert-banner/left-padding": "16px";
|
|
147
|
+
readonly "com/alert-banner/top-padding": "16px";
|
|
148
|
+
readonly "com/alert-banner/bottom-padding": "12px";
|
|
149
|
+
readonly "com/alert-banner/bottom-padding-inline": "16px";
|
|
150
|
+
readonly "com/alert-banner/horizontal-gap": "12px";
|
|
151
|
+
readonly "com/alert-banner/stroke-width": "1px";
|
|
152
|
+
readonly "com/alert-banner/label/horizonal-gap": "12px";
|
|
153
|
+
readonly "com/alert-banner/label/vertical-gap": "4px";
|
|
154
|
+
readonly "com/alert-banner/icon-wrap/height": "20px";
|
|
155
|
+
readonly "com/alert-banner/close-wrap/margin": "-4px";
|
|
156
|
+
readonly "com/alert-banner/icon/left-padding": "4px";
|
|
157
|
+
readonly "com/alert-banner/icon/size-icon": "20px";
|
|
158
|
+
readonly "com/alert-banner/action/horizontal-gap": "16px";
|
|
159
|
+
readonly "com/alert-banner/theme/icon/color-icon/neutral": "#505a5f";
|
|
160
|
+
readonly "com/alert-banner/theme/icon/color-icon/info": "#0083f0";
|
|
161
|
+
readonly "com/alert-banner/theme/icon/color-icon/positive": "#00914a";
|
|
162
|
+
readonly "com/alert-banner/theme/icon/color-icon/caution": "#bc6300";
|
|
163
|
+
readonly "com/alert-banner/theme/icon/color-icon/negative": "#d8473c";
|
|
164
|
+
readonly "com/alert-banner/theme/title/color-text/neutral": "#1e2225";
|
|
165
|
+
readonly "com/alert-banner/theme/title/color-text/info": "#1e2225";
|
|
166
|
+
readonly "com/alert-banner/theme/title/color-text/negative": "#1e2225";
|
|
167
|
+
readonly "com/alert-banner/theme/title/color-text/positive": "#1e2225";
|
|
168
|
+
readonly "com/alert-banner/theme/title/color-text/caution": "#1e2225";
|
|
169
|
+
readonly "com/alert-banner/theme/description/color-text/neutral": "#505a5f";
|
|
170
|
+
readonly "com/alert-banner/theme/description/color-text/info": "#505a5f";
|
|
171
|
+
readonly "com/alert-banner/theme/description/color-text/positive": "#505a5f";
|
|
172
|
+
readonly "com/alert-banner/theme/description/color-text/caution": "#505a5f";
|
|
173
|
+
readonly "com/alert-banner/theme/description/color-text/negative": "#505a5f";
|
|
174
|
+
readonly "com/alert-banner/theme/divider/color-stroke/neutral": "#0d2e433d";
|
|
175
|
+
readonly "com/alert-banner/theme/divider/color-stroke/info": "#c1e2fc";
|
|
176
|
+
readonly "com/alert-banner/theme/divider/color-stroke/positive": "#c0e6ce";
|
|
177
|
+
readonly "com/alert-banner/theme/divider/color-stroke/caution": "#f8dbab";
|
|
178
|
+
readonly "com/alert-banner/theme/divider/color-stroke/negative": "#fdd3cd";
|
|
179
|
+
readonly "com/alert-banner/theme/border/color-stroke/neutral": "#00152096";
|
|
180
|
+
readonly "com/alert-banner/theme/border/color-stroke/info": "#3d9cfb";
|
|
181
|
+
readonly "com/alert-banner/theme/border/color-stroke/positive": "#00aa67";
|
|
182
|
+
readonly "com/alert-banner/theme/border/color-stroke/caution": "#da841a";
|
|
183
|
+
readonly "com/alert-banner/theme/border/color-stroke/negative": "#f2685b";
|
|
184
|
+
readonly "com/alert-banner/theme/background-color/neutral": "#e9edf1";
|
|
185
|
+
readonly "com/alert-banner/theme/background-color/info": "#def1fd";
|
|
186
|
+
readonly "com/alert-banner/theme/background-color/positive": "#def3e5";
|
|
187
|
+
readonly "com/alert-banner/theme/background-color/caution": "#fceccd";
|
|
188
|
+
readonly "com/alert-banner/theme/background-color/negative": "#fee9e7";
|
|
103
189
|
readonly "com/badge/stroke-width": "1px";
|
|
104
190
|
readonly "com/badge/size-xs/height": "16px";
|
|
105
191
|
readonly "com/badge/size-xs/horizontal-padding": "4px";
|
|
@@ -111,7 +197,7 @@ declare const _default: {
|
|
|
111
197
|
readonly "com/badge/size-sm/horizontal-padding": "4px";
|
|
112
198
|
readonly "com/badge/size-sm/horizontal-gap": "2px";
|
|
113
199
|
readonly "com/badge/size-sm/sub-spacing": "2px";
|
|
114
|
-
readonly "com/badge/size-sm/only-label/horizontal-padding": "
|
|
200
|
+
readonly "com/badge/size-sm/only-label/horizontal-padding": "4px";
|
|
115
201
|
readonly "com/badge/size-md/height": "24px";
|
|
116
202
|
readonly "com/badge/size-md/corner-radius": "6px";
|
|
117
203
|
readonly "com/badge/size-md/avatar/size": "2xs (16)";
|
|
@@ -127,7 +213,7 @@ declare const _default: {
|
|
|
127
213
|
readonly "com/badge/size-lg/horizontal-gap": "4px";
|
|
128
214
|
readonly "com/badge/size-lg/sub-spacing": "4px";
|
|
129
215
|
readonly "com/badge/size-lg/avatar/size": "Xs (20)";
|
|
130
|
-
readonly "com/badge/size-lg/only-label/horizontal-padding": "
|
|
216
|
+
readonly "com/badge/size-lg/only-label/horizontal-padding": "12px";
|
|
131
217
|
readonly "com/badge/default/icon/color-icon/neutral": "#505a5f";
|
|
132
218
|
readonly "com/badge/default/icon/color-icon/neutral-light": "#505a5f";
|
|
133
219
|
readonly "com/badge/default/icon/color-icon/red": "#df3e3f";
|
|
@@ -205,10 +291,10 @@ declare const _default: {
|
|
|
205
291
|
readonly "com/badge/solid/background-color/indigo": "#4278f5";
|
|
206
292
|
readonly "com/badge/solid/background-color/violet": "#a65dcf";
|
|
207
293
|
readonly "com/badge/solid/background-color/pink": "#cd44a7";
|
|
294
|
+
readonly "com/badge/solid/background-color/negative": "#d0121c";
|
|
208
295
|
readonly "com/badge/solid/background-color/positive": "#007d35";
|
|
209
296
|
readonly "com/badge/solid/background-color/caution": "#a94900";
|
|
210
297
|
readonly "com/badge/solid/background-color/info": "#006bdf";
|
|
211
|
-
readonly "com/badge/solid/background-color/negative": "#d0121c";
|
|
212
298
|
readonly "com/badge/disable/icon/color-icon": "#c5cdd2";
|
|
213
299
|
readonly "com/badge/disable/label/color-text": "#c5cdd2";
|
|
214
300
|
readonly "com/badge/disable/color-stroke": "#02305e16";
|
|
@@ -397,11 +483,11 @@ declare const _default: {
|
|
|
397
483
|
readonly "com/button/tertiary/icon/color-icon/hover": "#343d41";
|
|
398
484
|
readonly "com/button/tertiary/icon/color-icon/pressed": "#343d41";
|
|
399
485
|
readonly "com/button/tertiary/icon/color-icon/active": "#343d41";
|
|
400
|
-
readonly "com/button-group/background-color/default": "#ffffff";
|
|
401
|
-
readonly "com/button-group/background-color/disable": "#ffffff00";
|
|
402
486
|
readonly "com/button-group/divider/divider-width": "1px";
|
|
403
487
|
readonly "com/button-group/divider/divider-color/default": "#0d2e433d";
|
|
404
488
|
readonly "com/button-group/divider/divider-color/disable": "#02305e16";
|
|
489
|
+
readonly "com/button-group/background-color/default": "#ffffff";
|
|
490
|
+
readonly "com/button-group/background-color/disable": "#ffffff00";
|
|
405
491
|
readonly "com/checkbox/horizontal-gap": "8px";
|
|
406
492
|
readonly "com/checkbox/item/stroke-width": "1px";
|
|
407
493
|
readonly "com/checkbox/item/marked/background-color/default": "#2f3cc1";
|
|
@@ -431,7 +517,10 @@ declare const _default: {
|
|
|
431
517
|
readonly "com/checkbox/content/tertiary/description/color-text": "#505a5f";
|
|
432
518
|
readonly "com/checkbox/content/disable/label/color-text": "#c5cdd2";
|
|
433
519
|
readonly "com/checkbox/content/disable/description/color-text": "#c5cdd2";
|
|
434
|
-
readonly "com/chips-button/stroke-width": "1px";
|
|
520
|
+
readonly "com/chips-button/stroke-width/default": "1px";
|
|
521
|
+
readonly "com/chips-button/stroke-width/hover": "1px";
|
|
522
|
+
readonly "com/chips-button/stroke-width/pressed": "2px";
|
|
523
|
+
readonly "com/chips-button/stroke-width/selected": "2px";
|
|
435
524
|
readonly "com/chips-button/size-xs/height": "24px";
|
|
436
525
|
readonly "com/chips-button/size-xs/min-width": "28px";
|
|
437
526
|
readonly "com/chips-button/size-xs/corner-radius": "6px";
|
|
@@ -468,72 +557,206 @@ declare const _default: {
|
|
|
468
557
|
readonly "com/chips-button/size-lg/left-padding": "12px";
|
|
469
558
|
readonly "com/chips-button/size-lg/badge/size": "Md (28)";
|
|
470
559
|
readonly "com/chips-button/size-lg/icon/size-icon": "20px";
|
|
471
|
-
readonly "com/chips-button/theme/icon/color-icon/neutral": "#505a5f";
|
|
472
|
-
readonly "com/chips-button/theme/icon/color-icon/red": "#df3e3f";
|
|
473
|
-
readonly "com/chips-button/theme/icon/color-icon/orange": "#cc5602";
|
|
474
|
-
readonly "com/chips-button/theme/icon/color-icon/yellow": "#d58e00";
|
|
475
|
-
readonly "com/chips-button/theme/icon/color-icon/lime": "#4b8c00";
|
|
476
|
-
readonly "com/chips-button/theme/icon/color-icon/green": "#009559";
|
|
477
|
-
readonly "com/chips-button/theme/icon/color-icon/ocean": "#00969d";
|
|
478
|
-
readonly "com/chips-button/theme/icon/color-icon/blue": "#008ee1";
|
|
479
|
-
readonly "com/chips-button/theme/icon/color-icon/indigo": "#4278f5";
|
|
480
|
-
readonly "com/chips-button/theme/icon/color-icon/violet": "#a65dcf";
|
|
481
|
-
readonly "com/chips-button/theme/icon/color-icon/pink": "#cd44a7";
|
|
482
|
-
readonly "com/chips-button/theme/
|
|
483
|
-
readonly "com/chips-button/theme/
|
|
484
|
-
readonly "com/chips-button/theme/
|
|
485
|
-
readonly "com/chips-button/theme/
|
|
486
|
-
readonly "com/chips-button/theme/
|
|
487
|
-
readonly "com/chips-button/theme/
|
|
488
|
-
readonly "com/chips-button/theme/
|
|
489
|
-
readonly "com/chips-button/theme/
|
|
490
|
-
readonly "com/chips-button/theme/
|
|
491
|
-
readonly "com/chips-button/theme/
|
|
492
|
-
readonly "com/chips-button/theme/
|
|
493
|
-
readonly "com/chips-button/theme/color-
|
|
494
|
-
readonly "com/chips-button/theme/color-
|
|
495
|
-
readonly "com/chips-button/theme/color-
|
|
496
|
-
readonly "com/chips-button/theme/color-
|
|
497
|
-
readonly "com/chips-button/theme/color-
|
|
498
|
-
readonly "com/chips-button/theme/color-
|
|
499
|
-
readonly "com/chips-button/theme/color-
|
|
500
|
-
readonly "com/chips-button/theme/color-
|
|
501
|
-
readonly "com/chips-button/theme/color-
|
|
502
|
-
readonly "com/chips-button/theme/color-
|
|
503
|
-
readonly "com/chips-button/theme/color-
|
|
504
|
-
readonly "com/chips-button/theme/
|
|
505
|
-
readonly "com/chips-button/theme/
|
|
506
|
-
readonly "com/chips-button/theme/
|
|
507
|
-
readonly "com/chips-button/theme/
|
|
508
|
-
readonly "com/chips-button/theme/
|
|
509
|
-
readonly "com/chips-button/theme/
|
|
510
|
-
readonly "com/chips-button/theme/
|
|
511
|
-
readonly "com/chips-button/theme/
|
|
512
|
-
readonly "com/chips-button/theme/
|
|
513
|
-
readonly "com/chips-button/theme/
|
|
514
|
-
readonly "com/chips-button/theme/
|
|
560
|
+
readonly "com/chips-button/theme/icon/color-icon/default/neutral": "#505a5f";
|
|
561
|
+
readonly "com/chips-button/theme/icon/color-icon/default/red": "#df3e3f";
|
|
562
|
+
readonly "com/chips-button/theme/icon/color-icon/default/orange": "#cc5602";
|
|
563
|
+
readonly "com/chips-button/theme/icon/color-icon/default/yellow": "#d58e00";
|
|
564
|
+
readonly "com/chips-button/theme/icon/color-icon/default/lime": "#4b8c00";
|
|
565
|
+
readonly "com/chips-button/theme/icon/color-icon/default/green": "#009559";
|
|
566
|
+
readonly "com/chips-button/theme/icon/color-icon/default/ocean": "#00969d";
|
|
567
|
+
readonly "com/chips-button/theme/icon/color-icon/default/blue": "#008ee1";
|
|
568
|
+
readonly "com/chips-button/theme/icon/color-icon/default/indigo": "#4278f5";
|
|
569
|
+
readonly "com/chips-button/theme/icon/color-icon/default/violet": "#a65dcf";
|
|
570
|
+
readonly "com/chips-button/theme/icon/color-icon/default/pink": "#cd44a7";
|
|
571
|
+
readonly "com/chips-button/theme/icon/color-icon/hover/neutral": "#505a5f";
|
|
572
|
+
readonly "com/chips-button/theme/icon/color-icon/hover/red": "#df3e3f";
|
|
573
|
+
readonly "com/chips-button/theme/icon/color-icon/hover/orange": "#cc5602";
|
|
574
|
+
readonly "com/chips-button/theme/icon/color-icon/hover/yellow": "#d58e00";
|
|
575
|
+
readonly "com/chips-button/theme/icon/color-icon/hover/lime": "#4b8c00";
|
|
576
|
+
readonly "com/chips-button/theme/icon/color-icon/hover/green": "#009559";
|
|
577
|
+
readonly "com/chips-button/theme/icon/color-icon/hover/ocean": "#00969d";
|
|
578
|
+
readonly "com/chips-button/theme/icon/color-icon/hover/blue": "#008ee1";
|
|
579
|
+
readonly "com/chips-button/theme/icon/color-icon/hover/indigo": "#4278f5";
|
|
580
|
+
readonly "com/chips-button/theme/icon/color-icon/hover/violet": "#a65dcf";
|
|
581
|
+
readonly "com/chips-button/theme/icon/color-icon/hover/pink": "#cd44a7";
|
|
582
|
+
readonly "com/chips-button/theme/icon/color-icon/pressed/neutral": "#505a5f";
|
|
583
|
+
readonly "com/chips-button/theme/icon/color-icon/pressed/red": "#df3e3f";
|
|
584
|
+
readonly "com/chips-button/theme/icon/color-icon/pressed/orange": "#cc5602";
|
|
585
|
+
readonly "com/chips-button/theme/icon/color-icon/pressed/yellow": "#d58e00";
|
|
586
|
+
readonly "com/chips-button/theme/icon/color-icon/pressed/lime": "#4b8c00";
|
|
587
|
+
readonly "com/chips-button/theme/icon/color-icon/pressed/green": "#009559";
|
|
588
|
+
readonly "com/chips-button/theme/icon/color-icon/pressed/ocean": "#00969d";
|
|
589
|
+
readonly "com/chips-button/theme/icon/color-icon/pressed/blue": "#008ee1";
|
|
590
|
+
readonly "com/chips-button/theme/icon/color-icon/pressed/indigo": "#4278f5";
|
|
591
|
+
readonly "com/chips-button/theme/icon/color-icon/pressed/violet": "#a65dcf";
|
|
592
|
+
readonly "com/chips-button/theme/icon/color-icon/pressed/pink": "#cd44a7";
|
|
593
|
+
readonly "com/chips-button/theme/icon/color-icon/selected/neutral": "#505a5f";
|
|
594
|
+
readonly "com/chips-button/theme/icon/color-icon/selected/red": "#df3e3f";
|
|
595
|
+
readonly "com/chips-button/theme/icon/color-icon/selected/orange": "#cc5602";
|
|
596
|
+
readonly "com/chips-button/theme/icon/color-icon/selected/yellow": "#d58e00";
|
|
597
|
+
readonly "com/chips-button/theme/icon/color-icon/selected/lime": "#4b8c00";
|
|
598
|
+
readonly "com/chips-button/theme/icon/color-icon/selected/green": "#009559";
|
|
599
|
+
readonly "com/chips-button/theme/icon/color-icon/selected/ocean": "#00969d";
|
|
600
|
+
readonly "com/chips-button/theme/icon/color-icon/selected/blue": "#008ee1";
|
|
601
|
+
readonly "com/chips-button/theme/icon/color-icon/selected/indigo": "#4278f5";
|
|
602
|
+
readonly "com/chips-button/theme/icon/color-icon/selected/violet": "#a65dcf";
|
|
603
|
+
readonly "com/chips-button/theme/icon/color-icon/selected/pink": "#cd44a7";
|
|
604
|
+
readonly "com/chips-button/theme/label/color-text/default/neutral": "#505a5f";
|
|
605
|
+
readonly "com/chips-button/theme/label/color-text/default/red": "#a7051e";
|
|
606
|
+
readonly "com/chips-button/theme/label/color-text/default/orange": "#952900";
|
|
607
|
+
readonly "com/chips-button/theme/label/color-text/default/yellow": "#7a4300";
|
|
608
|
+
readonly "com/chips-button/theme/label/color-text/default/lime": "#2e5c00";
|
|
609
|
+
readonly "com/chips-button/theme/label/color-text/default/green": "#006535";
|
|
610
|
+
readonly "com/chips-button/theme/label/color-text/default/ocean": "#006782";
|
|
611
|
+
readonly "com/chips-button/theme/label/color-text/default/blue": "#005eac";
|
|
612
|
+
readonly "com/chips-button/theme/label/color-text/default/indigo": "#1e4eb5";
|
|
613
|
+
readonly "com/chips-button/theme/label/color-text/default/violet": "#8b269b";
|
|
614
|
+
readonly "com/chips-button/theme/label/color-text/default/pink": "#970978";
|
|
615
|
+
readonly "com/chips-button/theme/label/color-text/hover/neutral": "#505a5f";
|
|
616
|
+
readonly "com/chips-button/theme/label/color-text/hover/red": "#a7051e";
|
|
617
|
+
readonly "com/chips-button/theme/label/color-text/hover/orange": "#952900";
|
|
618
|
+
readonly "com/chips-button/theme/label/color-text/hover/yellow": "#7a4300";
|
|
619
|
+
readonly "com/chips-button/theme/label/color-text/hover/lime": "#2e5c00";
|
|
620
|
+
readonly "com/chips-button/theme/label/color-text/hover/green": "#006535";
|
|
621
|
+
readonly "com/chips-button/theme/label/color-text/hover/ocean": "#006782";
|
|
622
|
+
readonly "com/chips-button/theme/label/color-text/hover/blue": "#005eac";
|
|
623
|
+
readonly "com/chips-button/theme/label/color-text/hover/indigo": "#1e4eb5";
|
|
624
|
+
readonly "com/chips-button/theme/label/color-text/hover/violet": "#8b269b";
|
|
625
|
+
readonly "com/chips-button/theme/label/color-text/hover/pink": "#970978";
|
|
626
|
+
readonly "com/chips-button/theme/label/color-text/pressed/neutral": "#505a5f";
|
|
627
|
+
readonly "com/chips-button/theme/label/color-text/pressed/red": "#a7051e";
|
|
628
|
+
readonly "com/chips-button/theme/label/color-text/pressed/orange": "#952900";
|
|
629
|
+
readonly "com/chips-button/theme/label/color-text/pressed/yellow": "#7a4300";
|
|
630
|
+
readonly "com/chips-button/theme/label/color-text/pressed/lime": "#2e5c00";
|
|
631
|
+
readonly "com/chips-button/theme/label/color-text/pressed/green": "#006535";
|
|
632
|
+
readonly "com/chips-button/theme/label/color-text/pressed/ocean": "#006782";
|
|
633
|
+
readonly "com/chips-button/theme/label/color-text/pressed/blue": "#005eac";
|
|
634
|
+
readonly "com/chips-button/theme/label/color-text/pressed/indigo": "#1e4eb5";
|
|
635
|
+
readonly "com/chips-button/theme/label/color-text/pressed/violet": "#8b269b";
|
|
636
|
+
readonly "com/chips-button/theme/label/color-text/pressed/pink": "#970978";
|
|
637
|
+
readonly "com/chips-button/theme/label/color-text/selected/neutral": "#505a5f";
|
|
638
|
+
readonly "com/chips-button/theme/label/color-text/selected/red": "#a7051e";
|
|
639
|
+
readonly "com/chips-button/theme/label/color-text/selected/orange": "#952900";
|
|
640
|
+
readonly "com/chips-button/theme/label/color-text/selected/yellow": "#7a4300";
|
|
641
|
+
readonly "com/chips-button/theme/label/color-text/selected/lime": "#2e5c00";
|
|
642
|
+
readonly "com/chips-button/theme/label/color-text/selected/green": "#006535";
|
|
643
|
+
readonly "com/chips-button/theme/label/color-text/selected/ocean": "#006782";
|
|
644
|
+
readonly "com/chips-button/theme/label/color-text/selected/blue": "#005eac";
|
|
645
|
+
readonly "com/chips-button/theme/label/color-text/selected/indigo": "#1e4eb5";
|
|
646
|
+
readonly "com/chips-button/theme/label/color-text/selected/violet": "#8b269b";
|
|
647
|
+
readonly "com/chips-button/theme/label/color-text/selected/pink": "#970978";
|
|
648
|
+
readonly "com/chips-button/theme/color-stroke/default/neutral": "#0a2f4d22";
|
|
649
|
+
readonly "com/chips-button/theme/color-stroke/default/red": "#fbd3ce";
|
|
650
|
+
readonly "com/chips-button/theme/color-stroke/default/orange": "#ffd3b5";
|
|
651
|
+
readonly "com/chips-button/theme/color-stroke/default/yellow": "#fbd797";
|
|
652
|
+
readonly "com/chips-button/theme/color-stroke/default/lime": "#d0e59b";
|
|
653
|
+
readonly "com/chips-button/theme/color-stroke/default/green": "#b3e9cf";
|
|
654
|
+
readonly "com/chips-button/theme/color-stroke/default/ocean": "#b3e7e3";
|
|
655
|
+
readonly "com/chips-button/theme/color-stroke/default/blue": "#b9e4f6";
|
|
656
|
+
readonly "com/chips-button/theme/color-stroke/default/indigo": "#d1ddfb";
|
|
657
|
+
readonly "com/chips-button/theme/color-stroke/default/violet": "#e5d8f5";
|
|
658
|
+
readonly "com/chips-button/theme/color-stroke/default/pink": "#f5d3ec";
|
|
659
|
+
readonly "com/chips-button/theme/color-stroke/hover/neutral": "#0d2e433d";
|
|
660
|
+
readonly "com/chips-button/theme/color-stroke/hover/red": "#fd8b7f";
|
|
661
|
+
readonly "com/chips-button/theme/color-stroke/hover/orange": "#f4944c";
|
|
662
|
+
readonly "com/chips-button/theme/color-stroke/hover/yellow": "#e7a60f";
|
|
663
|
+
readonly "com/chips-button/theme/color-stroke/hover/lime": "#8eba1e";
|
|
664
|
+
readonly "com/chips-button/theme/color-stroke/hover/green": "#3bc392";
|
|
665
|
+
readonly "com/chips-button/theme/color-stroke/hover/ocean": "#0dc1c2";
|
|
666
|
+
readonly "com/chips-button/theme/color-stroke/hover/blue": "#51b9f0";
|
|
667
|
+
readonly "com/chips-button/theme/color-stroke/hover/indigo": "#4278f5";
|
|
668
|
+
readonly "com/chips-button/theme/color-stroke/hover/violet": "#cb9ce7";
|
|
669
|
+
readonly "com/chips-button/theme/color-stroke/hover/pink": "#ec8dd3";
|
|
670
|
+
readonly "com/chips-button/theme/color-stroke/pressed/neutral": "#0d2e433d";
|
|
671
|
+
readonly "com/chips-button/theme/color-stroke/pressed/red": "#fd8b7f";
|
|
672
|
+
readonly "com/chips-button/theme/color-stroke/pressed/orange": "#f4944c";
|
|
673
|
+
readonly "com/chips-button/theme/color-stroke/pressed/yellow": "#e7a60f";
|
|
674
|
+
readonly "com/chips-button/theme/color-stroke/pressed/lime": "#8eba1e";
|
|
675
|
+
readonly "com/chips-button/theme/color-stroke/pressed/green": "#3bc392";
|
|
676
|
+
readonly "com/chips-button/theme/color-stroke/pressed/ocean": "#0dc1c2";
|
|
677
|
+
readonly "com/chips-button/theme/color-stroke/pressed/blue": "#51b9f0";
|
|
678
|
+
readonly "com/chips-button/theme/color-stroke/pressed/indigo": "#4278f5";
|
|
679
|
+
readonly "com/chips-button/theme/color-stroke/pressed/violet": "#cb9ce7";
|
|
680
|
+
readonly "com/chips-button/theme/color-stroke/pressed/pink": "#ec8dd3";
|
|
681
|
+
readonly "com/chips-button/theme/color-stroke/selected/neutral": "#00152096";
|
|
682
|
+
readonly "com/chips-button/theme/color-stroke/selected/red": "#fd8b7f";
|
|
683
|
+
readonly "com/chips-button/theme/color-stroke/selected/orange": "#f4944c";
|
|
684
|
+
readonly "com/chips-button/theme/color-stroke/selected/yellow": "#e7a60f";
|
|
685
|
+
readonly "com/chips-button/theme/color-stroke/selected/lime": "#8eba1e";
|
|
686
|
+
readonly "com/chips-button/theme/color-stroke/selected/green": "#3bc392";
|
|
687
|
+
readonly "com/chips-button/theme/color-stroke/selected/ocean": "#0dc1c2";
|
|
688
|
+
readonly "com/chips-button/theme/color-stroke/selected/blue": "#51b9f0";
|
|
689
|
+
readonly "com/chips-button/theme/color-stroke/selected/indigo": "#4278f5";
|
|
690
|
+
readonly "com/chips-button/theme/color-stroke/selected/violet": "#cb9ce7";
|
|
691
|
+
readonly "com/chips-button/theme/color-stroke/selected/pink": "#ec8dd3";
|
|
692
|
+
readonly "com/chips-button/theme/background-color/default/neutral": "#e9edf1";
|
|
693
|
+
readonly "com/chips-button/theme/background-color/default/red": "#ffe9e5";
|
|
694
|
+
readonly "com/chips-button/theme/background-color/default/orange": "#feebe2";
|
|
695
|
+
readonly "com/chips-button/theme/background-color/default/yellow": "#fdebd0";
|
|
696
|
+
readonly "com/chips-button/theme/background-color/default/lime": "#e9f6c9";
|
|
697
|
+
readonly "com/chips-button/theme/background-color/default/green": "#dbf6e8";
|
|
698
|
+
readonly "com/chips-button/theme/background-color/default/ocean": "#daf5f4";
|
|
699
|
+
readonly "com/chips-button/theme/background-color/default/blue": "#eaf6fa";
|
|
700
|
+
readonly "com/chips-button/theme/background-color/default/indigo": "#e7eeff";
|
|
701
|
+
readonly "com/chips-button/theme/background-color/default/violet": "#f1ecfa";
|
|
702
|
+
readonly "com/chips-button/theme/background-color/default/pink": "#fce8f7";
|
|
703
|
+
readonly "com/chips-button/theme/background-color/hover/neutral": "#f8f9fb";
|
|
704
|
+
readonly "com/chips-button/theme/background-color/hover/red": "#ffefec";
|
|
705
|
+
readonly "com/chips-button/theme/background-color/hover/orange": "#fff0e8";
|
|
706
|
+
readonly "com/chips-button/theme/background-color/hover/yellow": "#fbf2e3";
|
|
707
|
+
readonly "com/chips-button/theme/background-color/hover/lime": "#f0f6e3";
|
|
708
|
+
readonly "com/chips-button/theme/background-color/hover/green": "#e7f7ef";
|
|
709
|
+
readonly "com/chips-button/theme/background-color/hover/ocean": "#e2f8fa";
|
|
710
|
+
readonly "com/chips-button/theme/background-color/hover/blue": "#e8f4f9";
|
|
711
|
+
readonly "com/chips-button/theme/background-color/hover/indigo": "#edf3fb";
|
|
712
|
+
readonly "com/chips-button/theme/background-color/hover/violet": "#f5f0fc";
|
|
713
|
+
readonly "com/chips-button/theme/background-color/hover/pink": "#ffeffb";
|
|
714
|
+
readonly "com/chips-button/theme/background-color/pressed/neutral": "#dee3e7";
|
|
715
|
+
readonly "com/chips-button/theme/background-color/pressed/red": "#ffe9e5";
|
|
716
|
+
readonly "com/chips-button/theme/background-color/pressed/orange": "#feebe2";
|
|
717
|
+
readonly "com/chips-button/theme/background-color/pressed/yellow": "#fdebd0";
|
|
718
|
+
readonly "com/chips-button/theme/background-color/pressed/lime": "#e9f6c9";
|
|
719
|
+
readonly "com/chips-button/theme/background-color/pressed/green": "#dbf6e8";
|
|
720
|
+
readonly "com/chips-button/theme/background-color/pressed/ocean": "#daf5f4";
|
|
721
|
+
readonly "com/chips-button/theme/background-color/pressed/blue": "#eaf6fa";
|
|
722
|
+
readonly "com/chips-button/theme/background-color/pressed/indigo": "#e7eeff";
|
|
723
|
+
readonly "com/chips-button/theme/background-color/pressed/violet": "#f1ecfa";
|
|
724
|
+
readonly "com/chips-button/theme/background-color/pressed/pink": "#fce8f7";
|
|
725
|
+
readonly "com/chips-button/theme/background-color/selected/neutral": "#ffffff";
|
|
726
|
+
readonly "com/chips-button/theme/background-color/selected/red": "#ffffff";
|
|
727
|
+
readonly "com/chips-button/theme/background-color/selected/orange": "#ffffff";
|
|
728
|
+
readonly "com/chips-button/theme/background-color/selected/yellow": "#ffffff";
|
|
729
|
+
readonly "com/chips-button/theme/background-color/selected/lime": "#ffffff";
|
|
730
|
+
readonly "com/chips-button/theme/background-color/selected/green": "#ffffff";
|
|
731
|
+
readonly "com/chips-button/theme/background-color/selected/ocean": "#ffffff";
|
|
732
|
+
readonly "com/chips-button/theme/background-color/selected/blue": "#ffffff";
|
|
733
|
+
readonly "com/chips-button/theme/background-color/selected/indigo": "#ffffff";
|
|
734
|
+
readonly "com/chips-button/theme/background-color/selected/violet": "#ffffff";
|
|
735
|
+
readonly "com/chips-button/theme/background-color/selected/pink": "#ffffff";
|
|
515
736
|
readonly "com/chips-button/disable/color-text": "#c5cdd2";
|
|
516
737
|
readonly "com/chips-button/disable/color-icon": "#c5cdd2";
|
|
517
738
|
readonly "com/chips-button/disable/background-color": "#e9edf1";
|
|
518
739
|
readonly "com/chips-button/disable/color-stroke": "#02305e16";
|
|
519
|
-
readonly "com/
|
|
520
|
-
readonly "com/
|
|
521
|
-
readonly "com/divider/
|
|
522
|
-
readonly "com/divider/
|
|
523
|
-
readonly "com/divider/
|
|
524
|
-
readonly "com/divider/
|
|
525
|
-
readonly "com/divider/
|
|
526
|
-
readonly "com/divider/
|
|
527
|
-
readonly "com/divider/
|
|
528
|
-
readonly "com/divider/
|
|
529
|
-
readonly "com/divider/
|
|
530
|
-
readonly "com/divider/
|
|
531
|
-
readonly "com/divider/
|
|
532
|
-
readonly "com/divider/
|
|
533
|
-
readonly "com/divider/
|
|
534
|
-
readonly "com/divider/
|
|
535
|
-
readonly "com/divider/
|
|
536
|
-
readonly "com/divider/
|
|
740
|
+
readonly "com/combo-box/selected-data/horizontal-gap": "8px";
|
|
741
|
+
readonly "com/combo-box/selected-data/top-padding": "2px";
|
|
742
|
+
readonly "com/divider/side-offset/2xl": "36px";
|
|
743
|
+
readonly "com/divider/side-offset/xl": "24px";
|
|
744
|
+
readonly "com/divider/side-offset/lg": "20px";
|
|
745
|
+
readonly "com/divider/side-offset/md": "16px";
|
|
746
|
+
readonly "com/divider/side-offset/sm": "12px";
|
|
747
|
+
readonly "com/divider/side-offset/xs": "8px";
|
|
748
|
+
readonly "com/divider/side-offset/2xs": "4px";
|
|
749
|
+
readonly "com/divider/side-offset/tiny": "2px";
|
|
750
|
+
readonly "com/divider/side-offset/null": "0px";
|
|
751
|
+
readonly "com/divider/headpoint-offset/2xl": "36px";
|
|
752
|
+
readonly "com/divider/headpoint-offset/xl": "24px";
|
|
753
|
+
readonly "com/divider/headpoint-offset/lg": "20px";
|
|
754
|
+
readonly "com/divider/headpoint-offset/md": "16px";
|
|
755
|
+
readonly "com/divider/headpoint-offset/sm": "12px";
|
|
756
|
+
readonly "com/divider/headpoint-offset/xs": "8px";
|
|
757
|
+
readonly "com/divider/headpoint-offset/2xs": "4px";
|
|
758
|
+
readonly "com/divider/headpoint-offset/tiny": "2px";
|
|
759
|
+
readonly "com/divider/headpoint-offset/null": "0px";
|
|
537
760
|
readonly "com/drawer/top-left-conner-radius": "20px";
|
|
538
761
|
readonly "com/drawer/border/color-stroke": "#0a2f4d22";
|
|
539
762
|
readonly "com/drawer/border/stroke-width": "1px";
|
|
@@ -599,9 +822,7 @@ declare const _default: {
|
|
|
599
822
|
readonly "com/input/label/horizontal-gap": "2px";
|
|
600
823
|
readonly "com/input/label/label/color-text": "#1e2225";
|
|
601
824
|
readonly "com/input/label/required-mark/color-text": "#cf0026";
|
|
602
|
-
readonly "com/input/
|
|
603
|
-
readonly "com/input/label/required-mark_2/color-text": "#cf0026";
|
|
604
|
-
readonly "com/input/hint/top-padding": "4px";
|
|
825
|
+
readonly "com/input/hint/top-padding": "0px";
|
|
605
826
|
readonly "com/input/hint/neutral/icon/color-icon": "#a3aeb5";
|
|
606
827
|
readonly "com/input/hint/neutral/label/color-text": "#505a5f";
|
|
607
828
|
readonly "com/input/hint/negative/icon/color-icon": "#ff897c";
|
|
@@ -686,6 +907,13 @@ declare const _default: {
|
|
|
686
907
|
readonly "com/input/suffix/icon/color-icon": "#505a5f";
|
|
687
908
|
readonly "com/input/suffix/divider/color-stroke": "#0a2f4d22";
|
|
688
909
|
readonly "com/input/suffix/divider/stroke-width": "1px";
|
|
910
|
+
readonly "com/input/prefix/right-padding": "8px";
|
|
911
|
+
readonly "com/input/prefix/left-padding": "4px";
|
|
912
|
+
readonly "com/input/prefix/horizontal-gap": "4px";
|
|
913
|
+
readonly "com/input/prefix/label/color-text": "#505a5f";
|
|
914
|
+
readonly "com/input/prefix/icon/color-icon": "#505a5f";
|
|
915
|
+
readonly "com/input/prefix/divider/color-stroke": "#0a2f4d22";
|
|
916
|
+
readonly "com/input/prefix/divider/stroke-width": "1px";
|
|
689
917
|
readonly "com/input/dropdown/horizontal-padding": "8px";
|
|
690
918
|
readonly "com/input/dropdown/horizontal-gap": "4px";
|
|
691
919
|
readonly "com/input/dropdown/label/color-text/default": "#505a5f";
|
|
@@ -704,7 +932,6 @@ declare const _default: {
|
|
|
704
932
|
readonly "com/input/resize-handle/resize": "#1e2225";
|
|
705
933
|
readonly "com/input/resize-handle/disable": "#c5cdd2";
|
|
706
934
|
readonly "com/input/scrollbar/vertical-padding": "2px";
|
|
707
|
-
readonly "com/input/vertical-gap_2": "4px";
|
|
708
935
|
readonly "com/link/size-xs/size-icon": "16px";
|
|
709
936
|
readonly "com/link/size-xs/horizontal-gap": "4px";
|
|
710
937
|
readonly "com/link/size-sm/size-icon": "16px";
|
|
@@ -800,6 +1027,7 @@ declare const _default: {
|
|
|
800
1027
|
readonly "com/menu/item/disable/background/background-color": "#ffffff00";
|
|
801
1028
|
readonly "com/navigation/background-color": "#ffffff";
|
|
802
1029
|
readonly "com/navigation/corner-radius": "28px";
|
|
1030
|
+
readonly "com/navigation/width": "280px";
|
|
803
1031
|
readonly "com/navigation/title/expand/horizontal-gap": "8px";
|
|
804
1032
|
readonly "com/navigation/title/expand/horizontal-padding": "12px";
|
|
805
1033
|
readonly "com/navigation/title/expand/top-padding": "2px";
|
|
@@ -858,6 +1086,48 @@ declare const _default: {
|
|
|
858
1086
|
readonly "com/navigation/compact-items/background-color/default": "#ffffff00";
|
|
859
1087
|
readonly "com/navigation/compact-items/background-color/hover": "#02305e16";
|
|
860
1088
|
readonly "com/navigation/compact-items/background-color/active": "#f5f8fc";
|
|
1089
|
+
readonly "com/notification/horizontal-padding": "16px";
|
|
1090
|
+
readonly "com/notification/vertical-padding": "16px";
|
|
1091
|
+
readonly "com/notification/horizontal-gap": "12px";
|
|
1092
|
+
readonly "com/notification/vertical-gap": "12px";
|
|
1093
|
+
readonly "com/notification/stroke-width": "1px";
|
|
1094
|
+
readonly "com/notification/corner-radius": "12px";
|
|
1095
|
+
readonly "com/notification/width": "420px";
|
|
1096
|
+
readonly "com/notification/image/width": "140px";
|
|
1097
|
+
readonly "com/notification/image/stroke-width": "1px";
|
|
1098
|
+
readonly "com/notification/image/color-stroke": "#0a2f4d22";
|
|
1099
|
+
readonly "com/notification/title-n-content/vertical-gap": "4px";
|
|
1100
|
+
readonly "com/notification/title-n-content/sub-spacing": "4px";
|
|
1101
|
+
readonly "com/notification/action/horizontal-gap": "16px";
|
|
1102
|
+
readonly "com/notification/icon/size-icon": "20px";
|
|
1103
|
+
readonly "com/notification/theme/label/color-text/default": "#1e2225";
|
|
1104
|
+
readonly "com/notification/theme/label/color-text/info": "#1e2225";
|
|
1105
|
+
readonly "com/notification/theme/label/color-text/positive": "#1e2225";
|
|
1106
|
+
readonly "com/notification/theme/label/color-text/caution": "#1e2225";
|
|
1107
|
+
readonly "com/notification/theme/label/color-text/negative": "#1e2225";
|
|
1108
|
+
readonly "com/notification/theme/description/color-text/default": "#505a5f";
|
|
1109
|
+
readonly "com/notification/theme/description/color-text/info": "#505a5f";
|
|
1110
|
+
readonly "com/notification/theme/description/color-text/positive": "#505a5f";
|
|
1111
|
+
readonly "com/notification/theme/description/color-text/caution": "#505a5f";
|
|
1112
|
+
readonly "com/notification/theme/description/color-text/negative": "#505a5f";
|
|
1113
|
+
readonly "com/notification/theme/border/color-stroke/default": "#0d2e433d";
|
|
1114
|
+
readonly "com/notification/theme/border/color-stroke/hover": "#00152096";
|
|
1115
|
+
readonly "com/notification/theme/border/color-stroke/pressed": "#00152096";
|
|
1116
|
+
readonly "com/notification/theme/status-line/background-color/default": "#828f96";
|
|
1117
|
+
readonly "com/notification/theme/status-line/background-color/info": "#0083f0";
|
|
1118
|
+
readonly "com/notification/theme/status-line/background-color/positive": "#00914a";
|
|
1119
|
+
readonly "com/notification/theme/status-line/background-color/caution": "#bc6300";
|
|
1120
|
+
readonly "com/notification/theme/status-line/background-color/negative": "#d8473c";
|
|
1121
|
+
readonly "com/notification/theme/featured-icon/default": "Neutral";
|
|
1122
|
+
readonly "com/notification/theme/featured-icon/info": "Info";
|
|
1123
|
+
readonly "com/notification/theme/featured-icon/positive": "Positive";
|
|
1124
|
+
readonly "com/notification/theme/featured-icon/caution": "Caution";
|
|
1125
|
+
readonly "com/notification/theme/featured-icon/negative": "Negative";
|
|
1126
|
+
readonly "com/notification/theme/background-color/default": "#ffffff";
|
|
1127
|
+
readonly "com/notification/theme/background-color/info": "#ffffff";
|
|
1128
|
+
readonly "com/notification/theme/background-color/positive": "#ffffff";
|
|
1129
|
+
readonly "com/notification/theme/background-color/caution": "#ffffff";
|
|
1130
|
+
readonly "com/notification/theme/background-color/negative": "#ffffff";
|
|
861
1131
|
readonly "com/overlay/background": "#00152096";
|
|
862
1132
|
readonly "com/pagination/background-color": "#ffffff";
|
|
863
1133
|
readonly "com/pagination/vertical-padding": "16px";
|
|
@@ -989,12 +1259,20 @@ declare const _default: {
|
|
|
989
1259
|
readonly "com/segmented/item/active-surface/stroke-width": "1px";
|
|
990
1260
|
readonly "com/segmented/item/active-surface/size-xs/horizontal-padding": "4px";
|
|
991
1261
|
readonly "com/segmented/item/active-surface/size-xs/corner-radius": "4px";
|
|
1262
|
+
readonly "com/segmented/item/active-surface/size-xs/height": "18px";
|
|
1263
|
+
readonly "com/segmented/item/active-surface/size-xs/min-width": "40px";
|
|
992
1264
|
readonly "com/segmented/item/active-surface/size-sm/horizontal-padding": "4px";
|
|
993
1265
|
readonly "com/segmented/item/active-surface/size-sm/corner-radius": "4px";
|
|
1266
|
+
readonly "com/segmented/item/active-surface/size-sm/height": "22px";
|
|
1267
|
+
readonly "com/segmented/item/active-surface/size-sm/min-width": "46px";
|
|
994
1268
|
readonly "com/segmented/item/active-surface/size-md/horizontal-padding": "8px";
|
|
995
1269
|
readonly "com/segmented/item/active-surface/size-md/corner-radius": "6px";
|
|
1270
|
+
readonly "com/segmented/item/active-surface/size-md/height": "28px";
|
|
1271
|
+
readonly "com/segmented/item/active-surface/size-md/min-width": "52px";
|
|
996
1272
|
readonly "com/segmented/item/active-surface/size-lg/horizontal-padding": "8px";
|
|
997
1273
|
readonly "com/segmented/item/active-surface/size-lg/corner-radius": "8px";
|
|
1274
|
+
readonly "com/segmented/item/active-surface/size-lg/height": "36px";
|
|
1275
|
+
readonly "com/segmented/item/active-surface/size-lg/min-width": "60px";
|
|
998
1276
|
readonly "com/segmented/item/height/size-xs": "24px";
|
|
999
1277
|
readonly "com/segmented/item/height/size-sm": "28px";
|
|
1000
1278
|
readonly "com/segmented/item/height/size-md": "36px";
|
|
@@ -1340,6 +1618,40 @@ declare const _default: {
|
|
|
1340
1618
|
readonly "com/tabs/item/with-label/size-lg/color-icon/hover": "#343d41";
|
|
1341
1619
|
readonly "com/tabs/item/with-label/size-lg/color-icon/pressed": "#343d41";
|
|
1342
1620
|
readonly "com/tabs/item/with-label/size-lg/color-icon/actived": "#2f3cc1";
|
|
1621
|
+
readonly "com/toast/right-padding": "8px";
|
|
1622
|
+
readonly "com/toast/left-padding": "12px";
|
|
1623
|
+
readonly "com/toast/vertical-padding": "8px";
|
|
1624
|
+
readonly "com/toast/horizontal-gap": "8px";
|
|
1625
|
+
readonly "com/toast/theme/icon/left-padding": "2px";
|
|
1626
|
+
readonly "com/toast/theme/icon/color-icon/neutral": "#505a5f";
|
|
1627
|
+
readonly "com/toast/theme/icon/color-icon/info": "#0083f0";
|
|
1628
|
+
readonly "com/toast/theme/icon/color-icon/positive": "#00914a";
|
|
1629
|
+
readonly "com/toast/theme/icon/color-icon/caution": "#bc6300";
|
|
1630
|
+
readonly "com/toast/theme/icon/color-icon/negative": "#d8473c";
|
|
1631
|
+
readonly "com/toast/theme/label/vertical-padding": "4px";
|
|
1632
|
+
readonly "com/toast/theme/label/vertical-gap": "4px";
|
|
1633
|
+
readonly "com/toast/theme/label/color-text/neutral": "#1e2225";
|
|
1634
|
+
readonly "com/toast/theme/label/color-text/info": "#002c6c";
|
|
1635
|
+
readonly "com/toast/theme/label/color-text/positive": "#003910";
|
|
1636
|
+
readonly "com/toast/theme/label/color-text/caution": "#4e1f00";
|
|
1637
|
+
readonly "com/toast/theme/label/color-text/negative": "#5f0500";
|
|
1638
|
+
readonly "com/toast/theme/divider/color-stroke/neutral": "#0d2e433d";
|
|
1639
|
+
readonly "com/toast/theme/divider/color-stroke/info": "#c1e2fc";
|
|
1640
|
+
readonly "com/toast/theme/divider/color-stroke/positive": "#c0e6ce";
|
|
1641
|
+
readonly "com/toast/theme/divider/color-stroke/caution": "#f8dbab";
|
|
1642
|
+
readonly "com/toast/theme/divider/color-stroke/negative": "#fdd3cd";
|
|
1643
|
+
readonly "com/toast/theme/border/stroke-width": "1px";
|
|
1644
|
+
readonly "com/toast/theme/border/color-stroke/neutral": "#0d2e433d";
|
|
1645
|
+
readonly "com/toast/theme/border/color-stroke/info": "#3d9cfb";
|
|
1646
|
+
readonly "com/toast/theme/border/color-stroke/positive": "#00aa67";
|
|
1647
|
+
readonly "com/toast/theme/border/color-stroke/caution": "#da841a";
|
|
1648
|
+
readonly "com/toast/theme/border/color-stroke/negative": "#f2685b";
|
|
1649
|
+
readonly "com/toast/theme/background-color/neutral": "#dee3e7";
|
|
1650
|
+
readonly "com/toast/theme/background-color/info": "#def1fd";
|
|
1651
|
+
readonly "com/toast/theme/background-color/positive": "#eaf7ee";
|
|
1652
|
+
readonly "com/toast/theme/background-color/caution": "#fcf4e0";
|
|
1653
|
+
readonly "com/toast/theme/background-color/negative": "#feeeed";
|
|
1654
|
+
readonly "com/toast/corner-radius": "8px";
|
|
1343
1655
|
readonly "com/tooltip/size-md/horizontal-padding": "12px";
|
|
1344
1656
|
readonly "com/tooltip/size-md/vertical-padding": "8px";
|
|
1345
1657
|
readonly "com/tooltip/size-md/corner-radius": "8px";
|
|
@@ -1359,20 +1671,41 @@ declare const _default: {
|
|
|
1359
1671
|
readonly "com/tooltip/size-lg/theme-white/background-color": "#ffffff";
|
|
1360
1672
|
readonly "com/tooltip/size-lg/theme-white/label/color-text": "#1e2225";
|
|
1361
1673
|
readonly "com/tooltip/size-lg/theme-white/description/color-text": "#505a5f";
|
|
1674
|
+
readonly "com/topbar/left-items/menu/items/horizontal-gap": "4px";
|
|
1675
|
+
readonly "com/topbar/left-items/menu/items/horizontal-padding": "8px";
|
|
1676
|
+
readonly "com/topbar/left-items/menu/items/vertical-padding": "8px";
|
|
1677
|
+
readonly "com/topbar/left-items/menu/items/corner-radius": "6px";
|
|
1678
|
+
readonly "com/topbar/left-items/menu/items/background-color/default": "#ffffff00";
|
|
1679
|
+
readonly "com/topbar/left-items/menu/items/background-color/hover": "#02305e16";
|
|
1680
|
+
readonly "com/topbar/left-items/menu/items/background-color/pressed": "#0a2f4d22";
|
|
1681
|
+
readonly "com/topbar/left-items/menu/items/background-color/active": "#00375b0e";
|
|
1682
|
+
readonly "com/topbar/left-items/menu/items/label/color-text/default": "#828f96";
|
|
1683
|
+
readonly "com/topbar/left-items/menu/items/label/color-text/hover": "#505a5f";
|
|
1684
|
+
readonly "com/topbar/left-items/menu/items/label/color-text/pressed": "#505a5f";
|
|
1685
|
+
readonly "com/topbar/left-items/menu/items/label/color-text/active": "#1e2225";
|
|
1686
|
+
readonly "com/topbar/left-items/menu/items/icon/color-icon/default": "#a3aeb5";
|
|
1687
|
+
readonly "com/topbar/left-items/menu/items/icon/color-icon/hover": "#505a5f";
|
|
1688
|
+
readonly "com/topbar/left-items/menu/items/icon/color-icon/pressed": "#505a5f";
|
|
1689
|
+
readonly "com/topbar/left-items/menu/items/icon/color-icon/active": "#505a5f";
|
|
1690
|
+
readonly "com/topbar/left-items/menu/horizontal-gap": "8px";
|
|
1691
|
+
readonly "com/topbar/left-items/left-bar-collapse/horizontal-gap": "12px";
|
|
1692
|
+
readonly "com/topbar/left-items/left-bar-expand/horizontal-gap": "0px";
|
|
1693
|
+
readonly "com/topbar/left-items/logo/horizontal-gap": "20px";
|
|
1694
|
+
readonly "com/topbar/left-items/logo/horizontal-padding": "8px";
|
|
1695
|
+
readonly "com/topbar/left-items/logo/width": "280px";
|
|
1696
|
+
readonly "com/topbar/left-items/logo/height": "28px";
|
|
1362
1697
|
readonly "com/topbar/background-color": "#ffffff";
|
|
1363
1698
|
readonly "com/topbar/left-padding": "16px";
|
|
1364
1699
|
readonly "com/topbar/right-padding": "20px";
|
|
1365
1700
|
readonly "com/topbar/vertical-padding": "12px";
|
|
1366
|
-
readonly "com/topbar/
|
|
1367
|
-
readonly "com/topbar/left-items/horizontal-padding": "8px";
|
|
1368
|
-
readonly "com/topbar/left-items/vertical-padding": "16px";
|
|
1701
|
+
readonly "com/topbar/height": "56px";
|
|
1369
1702
|
readonly "com/topbar/right-items/horizontal-gap": "4px";
|
|
1370
1703
|
readonly "com/topbar/right-items/user-profile/horizontal-padding": "4px";
|
|
1371
1704
|
readonly "com/topbar/right-items/user-profile/horizontal-gap": "8px";
|
|
1372
1705
|
readonly "com/topbar/right-items/user-profile/vertical-padding": "4px";
|
|
1373
1706
|
readonly "com/topbar/right-items/user-profile/corner-radius": "6px";
|
|
1374
|
-
readonly "com/topbar/right-items/user-profile/label/color-text": "#505a5f";
|
|
1375
1707
|
readonly "com/topbar/right-items/user-profile/icon/color-icon": "#505a5f";
|
|
1708
|
+
readonly "com/topbar/right-items/user-profile/label/color-text": "#505a5f";
|
|
1376
1709
|
readonly "com/typing-cursor/default": "#2a30a0";
|
|
1377
1710
|
readonly "com/typing-cursor/negative": "#a80a12";
|
|
1378
1711
|
readonly "com/icon/size/from-28/stroke-width": "2px";
|
|
@@ -1752,6 +2085,22 @@ declare const _default: {
|
|
|
1752
2085
|
readonly "pri/dimension/spacing/sp13": "84px";
|
|
1753
2086
|
readonly "pri/dimension/spacing/sp14": "104px";
|
|
1754
2087
|
readonly "pri/dimension/spacing/sp15": "132px";
|
|
2088
|
+
readonly "pri/dimension/spacing/negative/sp0": "-1px";
|
|
2089
|
+
readonly "pri/dimension/spacing/negative/sp1": "-2px";
|
|
2090
|
+
readonly "pri/dimension/spacing/negative/sp2": "-4px";
|
|
2091
|
+
readonly "pri/dimension/spacing/negative/sp3": "-8px";
|
|
2092
|
+
readonly "pri/dimension/spacing/negative/sp4": "-12px";
|
|
2093
|
+
readonly "pri/dimension/spacing/negative/sp5": "-16px";
|
|
2094
|
+
readonly "pri/dimension/spacing/negative/sp6": "-20px";
|
|
2095
|
+
readonly "pri/dimension/spacing/negative/sp7": "-24px";
|
|
2096
|
+
readonly "pri/dimension/spacing/negative/sp8": "-28px";
|
|
2097
|
+
readonly "pri/dimension/spacing/negative/sp9": "-36px";
|
|
2098
|
+
readonly "pri/dimension/spacing/negative/sp10": "-44px";
|
|
2099
|
+
readonly "pri/dimension/spacing/negative/sp11": "-56px";
|
|
2100
|
+
readonly "pri/dimension/spacing/negative/sp12": "-68px";
|
|
2101
|
+
readonly "pri/dimension/spacing/negative/sp13": "-84px";
|
|
2102
|
+
readonly "pri/dimension/spacing/negative/sp14": "-104px";
|
|
2103
|
+
readonly "pri/dimension/spacing/negative/sp15": "-132px";
|
|
1755
2104
|
readonly "pri/dimension/radius/r0": "0px";
|
|
1756
2105
|
readonly "pri/dimension/radius/r1": "2px";
|
|
1757
2106
|
readonly "pri/dimension/radius/r2": "4px";
|
|
@@ -2472,6 +2821,14 @@ declare const _default: {
|
|
|
2472
2821
|
readonly "sem/dimension/padding/2xs": "4px";
|
|
2473
2822
|
readonly "sem/dimension/padding/tiny": "2px";
|
|
2474
2823
|
readonly "sem/dimension/padding/null": "0px";
|
|
2824
|
+
readonly "sem/dimension/padding/negative/2xl": "-36px";
|
|
2825
|
+
readonly "sem/dimension/padding/negative/xl": "-24px";
|
|
2826
|
+
readonly "sem/dimension/padding/negative/lg": "-20px";
|
|
2827
|
+
readonly "sem/dimension/padding/negative/md": "-16px";
|
|
2828
|
+
readonly "sem/dimension/padding/negative/sm": "-12px";
|
|
2829
|
+
readonly "sem/dimension/padding/negative/xs": "-8px";
|
|
2830
|
+
readonly "sem/dimension/padding/negative/2xs": "-4px";
|
|
2831
|
+
readonly "sem/dimension/padding/negative/tiny": "-2px";
|
|
2475
2832
|
readonly "sem/dimension/gap/2xl": "24px";
|
|
2476
2833
|
readonly "sem/dimension/gap/xl": "20px";
|
|
2477
2834
|
readonly "sem/dimension/gap/lg": "16px";
|
|
@@ -2480,6 +2837,13 @@ declare const _default: {
|
|
|
2480
2837
|
readonly "sem/dimension/gap/xs": "4px";
|
|
2481
2838
|
readonly "sem/dimension/gap/2xs": "2px";
|
|
2482
2839
|
readonly "sem/dimension/gap/null": "0px";
|
|
2840
|
+
readonly "sem/dimension/gap/negative/2xl": "-24px";
|
|
2841
|
+
readonly "sem/dimension/gap/negative/xl": "-20px";
|
|
2842
|
+
readonly "sem/dimension/gap/negative/lg": "-16px";
|
|
2843
|
+
readonly "sem/dimension/gap/negative/md": "-12px";
|
|
2844
|
+
readonly "sem/dimension/gap/negative/sm": "-8px";
|
|
2845
|
+
readonly "sem/dimension/gap/negative/xs": "-4px";
|
|
2846
|
+
readonly "sem/dimension/gap/negative/2xs": "-2px";
|
|
2483
2847
|
readonly "sem/dimension/stroke-width/divider/xl": "4px";
|
|
2484
2848
|
readonly "sem/dimension/stroke-width/divider/lg": "2px";
|
|
2485
2849
|
readonly "sem/dimension/stroke-width/divider/md": "1px";
|
|
@@ -2500,12 +2864,14 @@ declare const _default: {
|
|
|
2500
2864
|
readonly "sem/dimension/radius/container/md": "20px";
|
|
2501
2865
|
readonly "sem/dimension/radius/container/sm": "12px";
|
|
2502
2866
|
readonly "sem/dimension/radius/container/xs": "8px";
|
|
2867
|
+
readonly "sem/dimension/size/icon/2xl": "44px";
|
|
2503
2868
|
readonly "sem/dimension/size/icon/xl": "36px";
|
|
2504
2869
|
readonly "sem/dimension/size/icon/lg": "28px";
|
|
2505
2870
|
readonly "sem/dimension/size/icon/md": "24px";
|
|
2506
2871
|
readonly "sem/dimension/size/icon/sm": "20px";
|
|
2507
2872
|
readonly "sem/dimension/size/icon/xs": "16px";
|
|
2508
2873
|
readonly "sem/dimension/size/icon/2xs": "12px";
|
|
2874
|
+
readonly "sem/dimension/size/component/2xl": "84px";
|
|
2509
2875
|
readonly "sem/dimension/size/component/xl": "68px";
|
|
2510
2876
|
readonly "sem/dimension/size/component/lg": "56px";
|
|
2511
2877
|
readonly "sem/dimension/size/component/md": "44px";
|
|
@@ -2541,9 +2907,9 @@ declare const _default: {
|
|
|
2541
2907
|
readonly "page/details-container/form-view/list/section/content/left-padding": "24px";
|
|
2542
2908
|
readonly "page/details-container/form-view/list/section/content/right-padding": "24px";
|
|
2543
2909
|
readonly "page/details-container/form-view/list/section/content/min-width": "600px";
|
|
2910
|
+
readonly "page/details-container/form-view/list/section/content/background-color": "#ffffff";
|
|
2544
2911
|
readonly "page/details-container/form-view/list/section/content/data-slot/max-width": "760px";
|
|
2545
2912
|
readonly "page/details-container/form-view/list/section/content/data-slot/vertical-gap": "20px";
|
|
2546
|
-
readonly "page/details-container/form-view/list/section/content/background-color": "#ffffff";
|
|
2547
2913
|
readonly "page/details-container/form-view/list/section/content/stroke-color": "#0a2f4d22";
|
|
2548
2914
|
readonly "page/details-container/form-view/list/section/content/border-radius": "12px";
|
|
2549
2915
|
readonly "page/details-container/form-view/list/section/content/stroke-width/top-border": "1px";
|
|
@@ -2620,6 +2986,13 @@ declare const _default: {
|
|
|
2620
2986
|
readonly "page/body/background-color": "#f5f8fc";
|
|
2621
2987
|
readonly "page/popup/body/vertical_gap": "20px";
|
|
2622
2988
|
readonly "page/drawer/body/vertical_gap": "20px";
|
|
2989
|
+
readonly Boolean: true;
|
|
2990
|
+
readonly "Flowkit/Purple": "#7b61ff";
|
|
2991
|
+
readonly "Flowkit/Charcoal": "#222222";
|
|
2992
|
+
readonly "Flowkit/Red": "#fc5555";
|
|
2993
|
+
readonly "Flowkit/Green": "#29cc6a";
|
|
2994
|
+
readonly "Flowkit/Blue": "#0099ff";
|
|
2995
|
+
readonly "Flowkit/White": "#ffffff";
|
|
2623
2996
|
readonly "_In-Focus": "0px 0px 0px 4px #000000, 0px 0px 0px 2px #ffffff";
|
|
2624
2997
|
readonly "Elevation/Level-1": "0px 2px 4px -2px #02305e16, 0px 2px 6px -1px #00375b0e";
|
|
2625
2998
|
readonly "Elevation/Level-2": "0px 3px 6px -2px #02305e16, 0px 12px 16px -8px #02305e16";
|
|
@@ -2851,7 +3224,7 @@ declare const _default: {
|
|
|
2851
3224
|
};
|
|
2852
3225
|
};
|
|
2853
3226
|
|
|
2854
|
-
type ThemeType = typeof _default;
|
|
3227
|
+
type ThemeType$2 = typeof _default;
|
|
2855
3228
|
|
|
2856
3229
|
type ButtonVariant$3 = "primary" | "secondary" | "tertiary" | "primary-negative" | "secondary-negative" | "primary-white" | "secondary-white";
|
|
2857
3230
|
type ButtonSize$3 = "xs" | "sm" | "md" | "lg";
|
|
@@ -2883,7 +3256,7 @@ interface ButtonProps$1 extends ComponentPropsWithoutRef<"button"> {
|
|
|
2883
3256
|
/**Change the design of button*/
|
|
2884
3257
|
variant?: ButtonVariant$2;
|
|
2885
3258
|
/** Size md for only button icon */
|
|
2886
|
-
size
|
|
3259
|
+
size?: ButtonSize$2;
|
|
2887
3260
|
/**
|
|
2888
3261
|
* Defines the element that stands before the children element.
|
|
2889
3262
|
*/
|
|
@@ -2905,7 +3278,7 @@ interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
|
|
|
2905
3278
|
/**Change the design of button*/
|
|
2906
3279
|
variant?: ButtonVariant$1;
|
|
2907
3280
|
/** Size md for only button icon */
|
|
2908
|
-
size
|
|
3281
|
+
size?: ButtonSize$1;
|
|
2909
3282
|
/**
|
|
2910
3283
|
* Defines the icon element.
|
|
2911
3284
|
*/
|
|
@@ -3101,6 +3474,10 @@ declare const FISRadio: React__default.ForwardRefExoticComponent<Omit<Omit<React
|
|
|
3101
3474
|
* Pass a ref to the input element.
|
|
3102
3475
|
*/
|
|
3103
3476
|
inputRef?: Ref<HTMLInputElement>;
|
|
3477
|
+
/**
|
|
3478
|
+
* Default checked state for uncontrolled usage
|
|
3479
|
+
*/
|
|
3480
|
+
defaultChecked?: boolean;
|
|
3104
3481
|
} & React__default.RefAttributes<HTMLLabelElement>>;
|
|
3105
3482
|
|
|
3106
3483
|
type Value$1 = string | number;
|
|
@@ -3135,8 +3512,8 @@ declare const RadioGroup: <T extends Value$1>(props: RadioGroupProps<T> & {
|
|
|
3135
3512
|
}>;
|
|
3136
3513
|
}) => ReturnType<typeof RadioGroupComponent>;
|
|
3137
3514
|
|
|
3138
|
-
type CheckboxSize =
|
|
3139
|
-
type CheckboxVariant =
|
|
3515
|
+
type CheckboxSize = "sm" | "md";
|
|
3516
|
+
type CheckboxVariant = "primary" | "secondary" | "tertiary";
|
|
3140
3517
|
declare const FISCheckbox: React__default.ForwardRefExoticComponent<Omit<Omit<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size"> & {
|
|
3141
3518
|
children?: React__default.ReactNode;
|
|
3142
3519
|
/** Size for checkbox */
|
|
@@ -3158,6 +3535,10 @@ declare const FISCheckbox: React__default.ForwardRefExoticComponent<Omit<Omit<Re
|
|
|
3158
3535
|
* @default false
|
|
3159
3536
|
*/
|
|
3160
3537
|
inputRef?: Ref<HTMLInputElement>;
|
|
3538
|
+
/**
|
|
3539
|
+
* Default checked state for uncontrolled usage
|
|
3540
|
+
*/
|
|
3541
|
+
defaultChecked?: boolean;
|
|
3161
3542
|
} & React__default.RefAttributes<HTMLLabelElement>>;
|
|
3162
3543
|
|
|
3163
3544
|
type Value = string | number;
|
|
@@ -3192,24 +3573,31 @@ declare const FISCheckboxGroup: <T extends Value>(props: CheckboxGroupProps<T> &
|
|
|
3192
3573
|
}) => ReturnType<typeof CheckboxGroupComponent>;
|
|
3193
3574
|
|
|
3194
3575
|
type InputTypeSuffix = "icon" | "suffix" | "dropdown";
|
|
3576
|
+
type InputTypePrefix = "prefix" | "dropdown";
|
|
3195
3577
|
type InputSize$2 = "md" | "lg";
|
|
3196
3578
|
interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onClick"> {
|
|
3197
3579
|
/**Control the size of the component*/
|
|
3198
3580
|
sizeInput?: InputSize$2;
|
|
3199
3581
|
/**Control the style type of component: "icon" | "suffix" | "dropdown" */
|
|
3200
3582
|
typeSuffix?: InputTypeSuffix;
|
|
3583
|
+
/**Control the style type of component: "prefix" | "dropdown" */
|
|
3584
|
+
typePrefix?: InputTypePrefix;
|
|
3201
3585
|
/**Prefix for filter value*/
|
|
3202
3586
|
iconPrefix?: string | JSX$1.Element;
|
|
3203
3587
|
/**iconSuffix for filter value*/
|
|
3204
3588
|
iconSuffix?: string | JSX$1.Element;
|
|
3205
3589
|
/**labelSuffix for filter value*/
|
|
3206
3590
|
labelSuffix?: string | JSX$1.Element;
|
|
3591
|
+
/**labelPrefix for filter value*/
|
|
3592
|
+
labelPrefix?: string | JSX$1.Element;
|
|
3207
3593
|
/**negative for current field*/
|
|
3208
3594
|
negative?: boolean;
|
|
3209
3595
|
/**active-dropdown for current field*/
|
|
3210
3596
|
activeDropdown?: boolean;
|
|
3211
|
-
/**
|
|
3597
|
+
/** onClickSuffix for current field Button */
|
|
3212
3598
|
onClickSuffix?: () => void;
|
|
3599
|
+
/** onClickPrefix for current field Button */
|
|
3600
|
+
onClickPrefix?: () => void;
|
|
3213
3601
|
}
|
|
3214
3602
|
declare const FISInputField: React$1.ForwardRefExoticComponent<InputFieldProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
3215
3603
|
|
|
@@ -3256,8 +3644,8 @@ type AvatarProps = {
|
|
|
3256
3644
|
status?: StatusType;
|
|
3257
3645
|
isBadgeDot?: boolean;
|
|
3258
3646
|
badge?: BadgeType$1;
|
|
3647
|
+
disabled?: boolean;
|
|
3259
3648
|
color?: ColorType$1;
|
|
3260
|
-
disable?: boolean;
|
|
3261
3649
|
};
|
|
3262
3650
|
declare const FISAvatar: React__default.FC<AvatarProps>;
|
|
3263
3651
|
|
|
@@ -3329,29 +3717,105 @@ interface TooltipProps extends Omit<TooltipProps$1, "variant" | "title"> {
|
|
|
3329
3717
|
declare const FISTooltip: FC<TooltipProps>;
|
|
3330
3718
|
|
|
3331
3719
|
type TFISDividerPaddingSize = "tiny" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
3720
|
+
type TFISDividerDirection = "horizontal" | "vertical";
|
|
3721
|
+
type ThemeTypeT = typeof _default;
|
|
3332
3722
|
interface IFISDividerProps extends ComponentPropsWithoutRef<"div"> {
|
|
3333
3723
|
flip?: boolean;
|
|
3334
|
-
|
|
3335
|
-
|
|
3724
|
+
headpointOffset?: TFISDividerPaddingSize;
|
|
3725
|
+
sideOffset?: TFISDividerPaddingSize;
|
|
3726
|
+
direction?: TFISDividerDirection;
|
|
3727
|
+
color?: keyof ThemeTypeT;
|
|
3336
3728
|
}
|
|
3337
3729
|
declare const FISDivider: (props: IFISDividerProps) => react_jsx_runtime.JSX.Element;
|
|
3338
3730
|
|
|
3339
3731
|
type BadgeSize = "xs" | "sm" | "md" | "lg";
|
|
3340
3732
|
type ColorType = "neutral" | "red" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
|
|
3341
|
-
type BadgeStatus = "info" | "caution" | "positive" | "negative"
|
|
3733
|
+
type BadgeStatus = "info" | "caution" | "positive" | "negative";
|
|
3342
3734
|
type BadgeType = "default" | "solid";
|
|
3343
|
-
type
|
|
3344
|
-
className?: string
|
|
3345
|
-
icon?: React__default.ReactNode;
|
|
3346
|
-
label?: string;
|
|
3735
|
+
type BadgeBaseProps = {
|
|
3736
|
+
className?: string;
|
|
3347
3737
|
size?: BadgeSize;
|
|
3348
3738
|
color?: ColorType;
|
|
3349
3739
|
status?: BadgeStatus;
|
|
3350
3740
|
type?: BadgeType;
|
|
3351
|
-
|
|
3352
|
-
disable?: boolean;
|
|
3741
|
+
disabled?: boolean;
|
|
3353
3742
|
};
|
|
3354
|
-
|
|
3743
|
+
type BadgeWithIconOnly = BadgeBaseProps & {
|
|
3744
|
+
icon: React__default.ReactNode;
|
|
3745
|
+
label?: string;
|
|
3746
|
+
src?: never;
|
|
3747
|
+
};
|
|
3748
|
+
type BadgeWithAvatar = BadgeBaseProps & {
|
|
3749
|
+
src: string;
|
|
3750
|
+
label: string;
|
|
3751
|
+
icon?: React__default.ReactNode;
|
|
3752
|
+
};
|
|
3753
|
+
type BadgeWithLabelOnly = BadgeBaseProps & {
|
|
3754
|
+
label: string;
|
|
3755
|
+
icon?: never;
|
|
3756
|
+
src?: never;
|
|
3757
|
+
};
|
|
3758
|
+
type BadgeProps$1 = BadgeWithIconOnly | BadgeWithAvatar | BadgeWithLabelOnly;
|
|
3759
|
+
declare const FISBadge: React__default.FC<BadgeProps$1>;
|
|
3760
|
+
|
|
3761
|
+
type ThemeType$1 = "neutral" | "info" | "positive" | "caution" | "negative";
|
|
3762
|
+
type ToastType = "link" | "button" | "no-action";
|
|
3763
|
+
type PositionType = "inline" | "bottom";
|
|
3764
|
+
type ToastProps = {
|
|
3765
|
+
className?: string;
|
|
3766
|
+
theme?: ThemeType$1;
|
|
3767
|
+
type?: ToastType;
|
|
3768
|
+
actionPosition?: PositionType;
|
|
3769
|
+
iconLeft?: React__default.ReactNode;
|
|
3770
|
+
title: string;
|
|
3771
|
+
actionHref?: string;
|
|
3772
|
+
actionLabel?: string;
|
|
3773
|
+
closable?: boolean;
|
|
3774
|
+
onClickAction?: () => void;
|
|
3775
|
+
};
|
|
3776
|
+
declare const FISToast: React__default.FC<ToastProps>;
|
|
3777
|
+
|
|
3778
|
+
type FISComboboxOption<T> = {
|
|
3779
|
+
label: string;
|
|
3780
|
+
value: T;
|
|
3781
|
+
disabled?: boolean;
|
|
3782
|
+
description?: string;
|
|
3783
|
+
};
|
|
3784
|
+
type SingleSelect<T> = {
|
|
3785
|
+
multi: false;
|
|
3786
|
+
value: T;
|
|
3787
|
+
onChange: (value: T) => void;
|
|
3788
|
+
displayValue: (value: FISComboboxOption<T>) => string;
|
|
3789
|
+
};
|
|
3790
|
+
type MultiSelect<T> = {
|
|
3791
|
+
multi: true;
|
|
3792
|
+
value: T[];
|
|
3793
|
+
onChange: (value: T[]) => void;
|
|
3794
|
+
displayValue: (value: FISComboboxOption<T>[]) => string;
|
|
3795
|
+
};
|
|
3796
|
+
type FISComboboxProps<T> = Omit<InputFieldProps, "value" | "onChange"> & Partial<InputLabelProps> & {
|
|
3797
|
+
options: FISComboboxOption<T>[];
|
|
3798
|
+
message?: string;
|
|
3799
|
+
positive?: boolean;
|
|
3800
|
+
renderOption?: (option: FISComboboxOption<T>) => React__default.ReactNode;
|
|
3801
|
+
} & (SingleSelect<T> | MultiSelect<T>);
|
|
3802
|
+
declare const FISCombobox: React__default.ForwardRefExoticComponent<FISComboboxProps<string> & React__default.RefAttributes<HTMLInputElement>>;
|
|
3803
|
+
|
|
3804
|
+
type ChipSize = "xs" | "sm" | "md" | "lg";
|
|
3805
|
+
type ThemeType = "neutral" | "red" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
|
|
3806
|
+
type BadgeProps = {
|
|
3807
|
+
className?: string | undefined;
|
|
3808
|
+
icon?: React__default.ReactNode;
|
|
3809
|
+
label: string;
|
|
3810
|
+
size?: ChipSize;
|
|
3811
|
+
theme?: ThemeType;
|
|
3812
|
+
srcAvatar?: string;
|
|
3813
|
+
closeable?: boolean;
|
|
3814
|
+
selected?: boolean;
|
|
3815
|
+
disabled?: boolean;
|
|
3816
|
+
onClickClose?: () => void;
|
|
3817
|
+
};
|
|
3818
|
+
declare const FISChipButton: React__default.FC<BadgeProps>;
|
|
3355
3819
|
|
|
3356
3820
|
interface InputTimeProps extends InputFieldProps, Partial<InputLabelProps> {
|
|
3357
3821
|
message?: string;
|
|
@@ -3425,4 +3889,38 @@ interface FISSorterProps {
|
|
|
3425
3889
|
}
|
|
3426
3890
|
declare const FISSorter: ({ columnKey, onSort, sortedInfo, colorActive, UpIcon, DownIcon, }: FISSorterProps) => react_jsx_runtime.JSX.Element;
|
|
3427
3891
|
|
|
3428
|
-
|
|
3892
|
+
type DateRangeProps = {
|
|
3893
|
+
className?: string;
|
|
3894
|
+
placeholder?: [string, string];
|
|
3895
|
+
label?: string;
|
|
3896
|
+
required?: boolean;
|
|
3897
|
+
message?: string;
|
|
3898
|
+
negative?: boolean;
|
|
3899
|
+
positive?: boolean;
|
|
3900
|
+
};
|
|
3901
|
+
declare const FISDateRange: {
|
|
3902
|
+
({ placeholder, label, required, message, negative, positive, ...rest }: DateRangeProps): react_jsx_runtime.JSX.Element;
|
|
3903
|
+
displayName: string;
|
|
3904
|
+
};
|
|
3905
|
+
|
|
3906
|
+
type AlertBannerVariant = "neutral" | "info" | "positive" | "negative" | "caution";
|
|
3907
|
+
interface AlertBannerProps {
|
|
3908
|
+
title: string;
|
|
3909
|
+
description?: string;
|
|
3910
|
+
variant: AlertBannerVariant;
|
|
3911
|
+
icon?: React.ReactNode;
|
|
3912
|
+
actionText?: string;
|
|
3913
|
+
actionIcon?: React.ReactNode;
|
|
3914
|
+
linkText?: string;
|
|
3915
|
+
direction?: "row" | "column";
|
|
3916
|
+
onClickButton?: () => void;
|
|
3917
|
+
onClickLink?: () => void;
|
|
3918
|
+
onClose?: () => void;
|
|
3919
|
+
}
|
|
3920
|
+
declare function FISAlertBanner({ title, description, variant, icon, actionText, actionIcon, linkText, direction, onClickButton, onClickLink, onClose, }: AlertBannerProps): react_jsx_runtime.JSX.Element;
|
|
3921
|
+
declare namespace FISAlertBanner {
|
|
3922
|
+
var displayName: string;
|
|
3923
|
+
}
|
|
3924
|
+
|
|
3925
|
+
export { FISAlertBanner as AlertBanner, FISAvatar, FISBadge, FISBreadcrumb, FISButton, FISButtonGroup, FISCheckbox, FISCheckboxGroup, FISChipButton, FISCombobox, FISDateRange, FISDivider, FISIconButton, FISInputArea, FISInputDate, FISInputField, FISInputLabel, FISInputStepper, FISInputText, FISInputTime, FISLinkButton, FISRadio, RadioGroup as FISRadioGroup, FISSegmented, FISSorter, FISSwitch, FISTab, FISTable, FISColumnCell as FISTableColumn, FISHeaderCell as FISTableHeader, FISThemeProvider, FISToast, FISTooltip, SegmentedPanelItem, TabPanelItem };
|
|
3926
|
+
export type { ThemeType$2 as ThemeType };
|