@nova-design-system/nova-base 3.21.1-beta.0 → 3.23.0
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/assets/nova-fonts.css +3 -3
- package/dist/cjs/generated/nova-tailwind-components.js +0 -1
- package/dist/css/nova-utils.css +0 -2
- package/dist/css/ocean.css +232 -162
- package/dist/css/spark.css +234 -164
- package/dist/generated/nova-tailwind-components.d.ts +0 -1
- package/dist/generated/nova-tailwind-components.js +0 -1
- package/dist/js/ocean_dark.d.ts +79 -64
- package/dist/js/ocean_dark.js +86 -71
- package/dist/js/ocean_light.d.ts +79 -64
- package/dist/js/ocean_light.js +79 -64
- package/dist/js/spacings.d.ts +84 -44
- package/dist/js/spacings.js +84 -44
- package/dist/js/spark_dark.d.ts +79 -64
- package/dist/js/spark_dark.js +87 -72
- package/dist/js/spark_light.d.ts +79 -64
- package/dist/js/spark_light.js +79 -64
- package/package.json +1 -1
package/dist/js/ocean_light.js
CHANGED
|
@@ -2,6 +2,66 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
+
export const ColorInteractionContainerNeutralBackground = "#ffffff";
|
|
6
|
+
export const ColorInteractionContainerNeutralBackgroundHover = "#f5f6f7";
|
|
7
|
+
export const ColorInteractionContainerNeutralBackgroundActive = "#e4f0f2";
|
|
8
|
+
export const ColorInteractionContainerNeutralBorder = "#617177";
|
|
9
|
+
export const ColorInteractionContainerNeutralBorderActive = "#185963";
|
|
10
|
+
export const ColorInteractionContainerNeutralBorderHover = "#34464d";
|
|
11
|
+
export const ColorInteractionContainerNeutralIcon = "#617177";
|
|
12
|
+
export const ColorInteractionContainerNeutralIconActive = "#185963";
|
|
13
|
+
export const ColorInteractionContainerNeutralIconHover = "#34464d";
|
|
14
|
+
export const ColorInteractionContainerNeutralText = "#617177";
|
|
15
|
+
export const ColorInteractionContainerNeutralTextActive = "#185963";
|
|
16
|
+
export const ColorInteractionContainerNeutralTextHover = "#34464d";
|
|
17
|
+
export const ColorInteractionContainerBrandedHighBackground = "#1f717d";
|
|
18
|
+
export const ColorInteractionContainerBrandedHighBackgroundActive = "#185963";
|
|
19
|
+
export const ColorInteractionContainerBrandedHighBackgroundHover = "#185963";
|
|
20
|
+
export const ColorInteractionContainerBrandedHighBorder = "#1f717d";
|
|
21
|
+
export const ColorInteractionContainerBrandedHighBorderActive = "#185963";
|
|
22
|
+
export const ColorInteractionContainerBrandedHighBorderHover = "#185963";
|
|
23
|
+
export const ColorInteractionContainerBrandedHighIcon = "#ffffff";
|
|
24
|
+
export const ColorInteractionContainerBrandedHighIconActive = "#ffffff";
|
|
25
|
+
export const ColorInteractionContainerBrandedHighIconHover = "#ffffff";
|
|
26
|
+
export const ColorInteractionContainerBrandedHighText = "#ffffff";
|
|
27
|
+
export const ColorInteractionContainerBrandedHighTextActive = "#ffffff";
|
|
28
|
+
export const ColorInteractionContainerBrandedHighTextHover = "#ffffff";
|
|
29
|
+
export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
|
|
30
|
+
export const ColorInteractionContainerBrandedLowBackgroundActive = "#e4f0f2";
|
|
31
|
+
export const ColorInteractionContainerBrandedLowBackgroundHover = "#e4f0f2";
|
|
32
|
+
export const ColorInteractionContainerBrandedLowBorder = "#1f717d";
|
|
33
|
+
export const ColorInteractionContainerBrandedLowBorderActive = "#185963";
|
|
34
|
+
export const ColorInteractionContainerBrandedLowBorderHover = "#185963";
|
|
35
|
+
export const ColorInteractionContainerBrandedLowIcon = "#1f717d";
|
|
36
|
+
export const ColorInteractionContainerBrandedLowIconActive = "#185963";
|
|
37
|
+
export const ColorInteractionContainerBrandedLowIconHover = "#185963";
|
|
38
|
+
export const ColorInteractionContainerBrandedLowText = "#1f717d";
|
|
39
|
+
export const ColorInteractionContainerBrandedLowTextActive = "#185963";
|
|
40
|
+
export const ColorInteractionContainerBrandedLowTextHover = "#185963";
|
|
41
|
+
export const ColorInteractionLinkHighIcon = "#1f717d";
|
|
42
|
+
export const ColorInteractionLinkHighIconHover = "#185963";
|
|
43
|
+
export const ColorInteractionLinkHighIconInactive = "#617177";
|
|
44
|
+
export const ColorInteractionLinkHighIconVisited = "#185963";
|
|
45
|
+
export const ColorInteractionLinkHighText = "#1f717d";
|
|
46
|
+
export const ColorInteractionLinkHighTextHover = "#185963";
|
|
47
|
+
export const ColorInteractionLinkHighTextDisabled = "#617177";
|
|
48
|
+
export const ColorInteractionLinkHighTextVisited = "#185963";
|
|
49
|
+
export const ColorInteractionLinkLowIcon = "#171f22";
|
|
50
|
+
export const ColorInteractionLinkLowIconHover = "#185963";
|
|
51
|
+
export const ColorInteractionLinkLowIconDisabled = "#617177";
|
|
52
|
+
export const ColorInteractionLinkLowIconVisited = "#185963";
|
|
53
|
+
export const ColorInteractionLinkLowText = "#171f22";
|
|
54
|
+
export const ColorInteractionLinkLowTextHover = "#185963";
|
|
55
|
+
export const ColorInteractionLinkLowTextDisabled = "#617177";
|
|
56
|
+
export const ColorInteractionLinkLowTextVisited = "#185963";
|
|
57
|
+
export const ColorInteractionLinkInvertedIcon = "#889499";
|
|
58
|
+
export const ColorInteractionLinkInvertedIconHover = "#258998";
|
|
59
|
+
export const ColorInteractionLinkInvertedIconDisabled = "#617177";
|
|
60
|
+
export const ColorInteractionLinkInvertedIconVisited = "#185963";
|
|
61
|
+
export const ColorInteractionLinkInvertedText = "#889499";
|
|
62
|
+
export const ColorInteractionLinkInvertedTextHover = "#258998";
|
|
63
|
+
export const ColorInteractionLinkInvertedTextInactive = "#617177";
|
|
64
|
+
export const ColorInteractionLinkInvertedTextVisited = "#185963";
|
|
5
65
|
export const ColorBlack = "#000000";
|
|
6
66
|
export const ColorWhite = "#ffffff";
|
|
7
67
|
export const ColorTransparent = "#ffffff";
|
|
@@ -136,66 +196,6 @@ export const ColorFocusBackgroundInverted = "#0b0f11";
|
|
|
136
196
|
export const ColorFocusDestructive = "#ff6161";
|
|
137
197
|
export const ColorFocusDestructiveInField = "#bb1919";
|
|
138
198
|
export const ColorFocusSuccess = "#008207";
|
|
139
|
-
export const ColorInteractionContainerBrandedHighBackground = "#1f717d";
|
|
140
|
-
export const ColorInteractionContainerBrandedHighBackgroundActive = "#185963";
|
|
141
|
-
export const ColorInteractionContainerBrandedHighBackgroundHover = "#185963";
|
|
142
|
-
export const ColorInteractionContainerBrandedHighBorder = "#1f717d";
|
|
143
|
-
export const ColorInteractionContainerBrandedHighBorderActive = "#185963";
|
|
144
|
-
export const ColorInteractionContainerBrandedHighBorderHover = "#185963";
|
|
145
|
-
export const ColorInteractionContainerBrandedHighIcon = "#ffffff";
|
|
146
|
-
export const ColorInteractionContainerBrandedHighIconActive = "#ffffff";
|
|
147
|
-
export const ColorInteractionContainerBrandedHighIconHover = "#ffffff";
|
|
148
|
-
export const ColorInteractionContainerBrandedHighText = "#ffffff";
|
|
149
|
-
export const ColorInteractionContainerBrandedHighTextActive = "#ffffff";
|
|
150
|
-
export const ColorInteractionContainerBrandedHighTextHover = "#ffffff";
|
|
151
|
-
export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
|
|
152
|
-
export const ColorInteractionContainerBrandedLowBackgroundActive = "#e4f0f2";
|
|
153
|
-
export const ColorInteractionContainerBrandedLowBackgroundHover = "#e4f0f2";
|
|
154
|
-
export const ColorInteractionContainerBrandedLowBorder = "#1f717d";
|
|
155
|
-
export const ColorInteractionContainerBrandedLowBorderActive = "#185963";
|
|
156
|
-
export const ColorInteractionContainerBrandedLowBorderHover = "#185963";
|
|
157
|
-
export const ColorInteractionContainerBrandedLowIcon = "#1f717d";
|
|
158
|
-
export const ColorInteractionContainerBrandedLowIconActive = "#185963";
|
|
159
|
-
export const ColorInteractionContainerBrandedLowIconHover = "#185963";
|
|
160
|
-
export const ColorInteractionContainerBrandedLowText = "#1f717d";
|
|
161
|
-
export const ColorInteractionContainerBrandedLowTextActive = "#185963";
|
|
162
|
-
export const ColorInteractionContainerBrandedLowTextHover = "#185963";
|
|
163
|
-
export const ColorInteractionContainerNeutralBackground = "#ffffff";
|
|
164
|
-
export const ColorInteractionContainerNeutralBackgroundHover = "#f5f6f7";
|
|
165
|
-
export const ColorInteractionContainerNeutralBackgroundActive = "#e4f0f2";
|
|
166
|
-
export const ColorInteractionContainerNeutralBorder = "#617177";
|
|
167
|
-
export const ColorInteractionContainerNeutralBorderActive = "#185963";
|
|
168
|
-
export const ColorInteractionContainerNeutralBorderHover = "#34464d";
|
|
169
|
-
export const ColorInteractionContainerNeutralIcon = "#617177";
|
|
170
|
-
export const ColorInteractionContainerNeutralIconActive = "#185963";
|
|
171
|
-
export const ColorInteractionContainerNeutralIconHover = "#34464d";
|
|
172
|
-
export const ColorInteractionContainerNeutralText = "#617177";
|
|
173
|
-
export const ColorInteractionContainerNeutralTextActive = "#185963";
|
|
174
|
-
export const ColorInteractionContainerNeutralTextHover = "#34464d";
|
|
175
|
-
export const ColorInteractionLinkHighIcon = "#1f717d";
|
|
176
|
-
export const ColorInteractionLinkHighIconHover = "#185963";
|
|
177
|
-
export const ColorInteractionLinkHighIconInactive = "#617177";
|
|
178
|
-
export const ColorInteractionLinkHighIconVisited = "#185963";
|
|
179
|
-
export const ColorInteractionLinkHighText = "#1f717d";
|
|
180
|
-
export const ColorInteractionLinkHighTextHover = "#185963";
|
|
181
|
-
export const ColorInteractionLinkHighTextDisabled = "#617177";
|
|
182
|
-
export const ColorInteractionLinkHighTextVisited = "#185963";
|
|
183
|
-
export const ColorInteractionLinkLowIcon = "#171f22";
|
|
184
|
-
export const ColorInteractionLinkLowIconHover = "#185963";
|
|
185
|
-
export const ColorInteractionLinkLowIconDisabled = "#617177";
|
|
186
|
-
export const ColorInteractionLinkLowIconVisited = "#185963";
|
|
187
|
-
export const ColorInteractionLinkLowText = "#171f22";
|
|
188
|
-
export const ColorInteractionLinkLowTextHover = "#185963";
|
|
189
|
-
export const ColorInteractionLinkLowTextDisabled = "#617177";
|
|
190
|
-
export const ColorInteractionLinkLowTextVisited = "#185963";
|
|
191
|
-
export const ColorInteractionLinkInvertedIcon = "#889499";
|
|
192
|
-
export const ColorInteractionLinkInvertedIconHover = "#258998";
|
|
193
|
-
export const ColorInteractionLinkInvertedIconDisabled = "#617177";
|
|
194
|
-
export const ColorInteractionLinkInvertedIconVisited = "#185963";
|
|
195
|
-
export const ColorInteractionLinkInvertedText = "#889499";
|
|
196
|
-
export const ColorInteractionLinkInvertedTextHover = "#258998";
|
|
197
|
-
export const ColorInteractionLinkInvertedTextInactive = "#617177";
|
|
198
|
-
export const ColorInteractionLinkInvertedTextVisited = "#185963";
|
|
199
199
|
export const ColorRainbow1Background = "#fdefe2";
|
|
200
200
|
export const ColorRainbow1Border = "#9c5311";
|
|
201
201
|
export const ColorRainbow1Icon = "#9c5311";
|
|
@@ -512,6 +512,10 @@ export const ComponentsFieldTimeTextActive = "#185963";
|
|
|
512
512
|
export const ComponentsFieldTimeBorderActive = "#185963";
|
|
513
513
|
export const ComponentsCalendarBorder = "#e1e4e6";
|
|
514
514
|
export const ComponentsCalendarHeaderText = "#171f22";
|
|
515
|
+
export const ComponentsCalendarWeeksBackground = "#f5f6f7";
|
|
516
|
+
export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
|
|
517
|
+
export const ComponentsCalendarWeeksText = "#171f22";
|
|
518
|
+
export const ComponentsCalendarWeeksTextHover = "#171f22";
|
|
515
519
|
export const ComponentsCalendarCellBackground = "#ffffff";
|
|
516
520
|
export const ComponentsCalendarCellBackgroundSelected = "#185963";
|
|
517
521
|
export const ComponentsCalendarCellBackgroundInRange = "#e4f0f2";
|
|
@@ -526,10 +530,6 @@ export const ComponentsCalendarCellTextInRange = "#185963";
|
|
|
526
530
|
export const ComponentsCalendarCellTextHover = "#34464d";
|
|
527
531
|
export const ComponentsCalendarCellTextOutsideMonth = "#9fadb2";
|
|
528
532
|
export const ComponentsCalendarCellTextToday = "#171f22";
|
|
529
|
-
export const ComponentsCalendarWeeksBackground = "#f5f6f7";
|
|
530
|
-
export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
|
|
531
|
-
export const ComponentsCalendarWeeksText = "#171f22";
|
|
532
|
-
export const ComponentsCalendarWeeksTextHover = "#171f22";
|
|
533
533
|
export const ComponentsCalendarBackground = "#ffffff";
|
|
534
534
|
export const ComponentsMenuContextualBackground = "#ffffff";
|
|
535
535
|
export const ComponentsMenuContextualBorder = "#e1e4e6";
|
|
@@ -561,6 +561,9 @@ export const ComponentsPopoverBackground = "#ffffff";
|
|
|
561
561
|
export const ComponentsPopoverBorder = "#e1e4e6";
|
|
562
562
|
export const ComponentsPopoverText = "#34464d";
|
|
563
563
|
export const ComponentsPopoverSupportingText = "#617177";
|
|
564
|
+
export const ComponentsSidebarBackground = "#ffffff";
|
|
565
|
+
export const ComponentsSidebarDivider = "#e1e4e6";
|
|
566
|
+
export const ComponentsSidebarBorder = "#e1e4e6";
|
|
564
567
|
export const ComponentsSliderTrackBackground = "#e1e4e6";
|
|
565
568
|
export const ComponentsSliderTrackFilledDefault = "#bac1c4";
|
|
566
569
|
export const ComponentsSliderTrackFilledHover = "#889499";
|
|
@@ -580,6 +583,18 @@ export const ComponentsSliderHandlerBorderFocus = "#1f717d";
|
|
|
580
583
|
export const ComponentsSliderHandlerBorderError = "#bb1919";
|
|
581
584
|
export const ComponentsSliderHandlerBorderDisabled = "#f5f6f7";
|
|
582
585
|
export const ComponentsSliderHandlerBorderReadonly = "#fafbfb";
|
|
586
|
+
export const ComponentsSplitterOldBackground = "#ffffff";
|
|
587
|
+
export const ComponentsSplitterOldBackgroundHover = "#f5f6f7";
|
|
588
|
+
export const ComponentsSplitterOldBackgroundActive = "#e4f0f2";
|
|
589
|
+
export const ComponentsSplitterOldBorder = "#ffffff";
|
|
590
|
+
export const ComponentsSplitterOldBorderHover = "#34464d";
|
|
591
|
+
export const ComponentsSplitterOldBorderActive = "#185963";
|
|
592
|
+
export const ComponentsSplitterLineBackground = "#f5f6f7";
|
|
593
|
+
export const ComponentsSplitterLineBackgroundActive = "#185963";
|
|
594
|
+
export const ComponentsSplitterLineBackgroundHover = "#e4f0f2";
|
|
595
|
+
export const ComponentsSplitterHandleBackground = "#e1e4e6";
|
|
596
|
+
export const ComponentsSplitterHandleBackgroundActive = "#185963";
|
|
597
|
+
export const ComponentsSplitterHandleBackgroundHover = "#185963";
|
|
583
598
|
export const ComponentsTooltipBackground = "#0b0f11";
|
|
584
599
|
export const ComponentsTooltipBorder = "#0b0f11";
|
|
585
600
|
export const ComponentsTooltipText = "#f5f6f7";
|
package/dist/js/spacings.d.ts
CHANGED
|
@@ -2,6 +2,21 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
+
export const AvatarXsFontSize : string;
|
|
6
|
+
export const AvatarXsIconSize : string;
|
|
7
|
+
export const AvatarXsSize : string;
|
|
8
|
+
export const AvatarSmFontSize : string;
|
|
9
|
+
export const AvatarSmIconSize : string;
|
|
10
|
+
export const AvatarSmSize : string;
|
|
11
|
+
export const AvatarMdFontSize : string;
|
|
12
|
+
export const AvatarMdIconSize : string;
|
|
13
|
+
export const AvatarMdSize : string;
|
|
14
|
+
export const AvatarLgFontSize : string;
|
|
15
|
+
export const AvatarLgIconSize : string;
|
|
16
|
+
export const AvatarLgSize : string;
|
|
17
|
+
export const AvatarXlFontSize : string;
|
|
18
|
+
export const AvatarXlIconSize : string;
|
|
19
|
+
export const AvatarXlSize : string;
|
|
5
20
|
export const ButtongroupXsPadding : string;
|
|
6
21
|
export const ButtongroupXsButtonRadius : string;
|
|
7
22
|
export const ButtongroupXsButtonPaddingY : string;
|
|
@@ -66,6 +81,26 @@ export const ButtonLgIconSize : string;
|
|
|
66
81
|
export const ButtonLgLineHeight : string;
|
|
67
82
|
export const ButtonLgPaddingX : string;
|
|
68
83
|
export const ButtonLgPaddingY : string;
|
|
84
|
+
export const DrawerRadiusBottomRight : string;
|
|
85
|
+
export const DrawerRadiusTopRight : string;
|
|
86
|
+
export const DrawerRadiusBottomLeft : string;
|
|
87
|
+
export const DrawerRadiusTopLeft : string;
|
|
88
|
+
export const DrawerSizeSmMinWidth : string;
|
|
89
|
+
export const DrawerSizeSmWidth : string;
|
|
90
|
+
export const DrawerSizeSmMaxWidth : string;
|
|
91
|
+
export const DrawerSizeMdMinWidth : string;
|
|
92
|
+
export const DrawerSizeMdWidth : string;
|
|
93
|
+
export const DrawerSizeMdMaxWidth : string;
|
|
94
|
+
export const DrawerSizeLgMinWidth : string;
|
|
95
|
+
export const DrawerSizeLgWidth : string;
|
|
96
|
+
export const DrawerSizeLgMaxWidth : string;
|
|
97
|
+
export const DrawerSizeFullWidth : string;
|
|
98
|
+
export const DrawerDismissiblePositionTop : string;
|
|
99
|
+
export const DrawerDismissiblePositionRight : string;
|
|
100
|
+
export const DrawerGapY : string;
|
|
101
|
+
export const DrawerHeaderPaddingRight : string;
|
|
102
|
+
export const DrawerPaddingX : string;
|
|
103
|
+
export const DrawerPaddingY : string;
|
|
69
104
|
export const CalendarCellDotSize : string;
|
|
70
105
|
export const CalendarCellFontSize : string;
|
|
71
106
|
export const CalendarCellFontWeight : string;
|
|
@@ -211,8 +246,6 @@ export const NavigationPrimaryItemRadius : string;
|
|
|
211
246
|
export const NavigationPrimarySubItemPaddingLeftX : string;
|
|
212
247
|
export const NavigationPrimarySeparatorSize : string;
|
|
213
248
|
export const NavigationGapY : string;
|
|
214
|
-
export const NavigationCollapsibleButtonPadding : string;
|
|
215
|
-
export const NavigationCollapsibleButtonIconSize : string;
|
|
216
249
|
export const PopoverFontWeight : string;
|
|
217
250
|
export const PopoverShadow1X : string;
|
|
218
251
|
export const PopoverShadow1Blur : string;
|
|
@@ -230,25 +263,51 @@ export const PopoverPaddingX : string;
|
|
|
230
263
|
export const PopoverPaddingY : string;
|
|
231
264
|
export const PopoverRadius : string;
|
|
232
265
|
export const SidebarWidth : string;
|
|
233
|
-
export const
|
|
234
|
-
export const
|
|
235
|
-
export const
|
|
236
|
-
export const
|
|
237
|
-
export const
|
|
238
|
-
export const SidebarPrimaryTitlePaddingX : string;
|
|
239
|
-
export const SidebarPrimaryTitlePaddingY : string;
|
|
240
|
-
export const SidebarPrimaryTitleFontSize : string;
|
|
241
|
-
export const SidebarPrimaryItemGapX : string;
|
|
242
|
-
export const SidebarPrimaryItemPaddingX : string;
|
|
243
|
-
export const SidebarPrimaryItemPaddingY : string;
|
|
244
|
-
export const SidebarPrimaryItemFontSize : string;
|
|
245
|
-
export const SidebarPrimaryItemIconSize : string;
|
|
246
|
-
export const SidebarPrimaryItemRadius : string;
|
|
247
|
-
export const SidebarPrimarySubItemPaddingLeftX : string;
|
|
248
|
-
export const SidebarPrimarySeparatorSize : string;
|
|
266
|
+
export const SidebarNotificationBulletFontSize : string;
|
|
267
|
+
export const SidebarNotificationBulletFontWeight : string;
|
|
268
|
+
export const SidebarNotificationBulletSize : string;
|
|
269
|
+
export const SidebarNotificationBulletSizeReduced : string;
|
|
270
|
+
export const SidebarReducedWidth : string;
|
|
249
271
|
export const SidebarGapY : string;
|
|
250
|
-
export const
|
|
272
|
+
export const SidebarPaddingX : string;
|
|
273
|
+
export const SidebarPaddingXCollapsed : string;
|
|
274
|
+
export const SidebarPaddingY : string;
|
|
275
|
+
export const SidebarWidthCollapsed : string;
|
|
276
|
+
export const SidebarFooterGapY : string;
|
|
277
|
+
export const SidebarGroupGapY : string;
|
|
278
|
+
export const SidebarSectionGapY : string;
|
|
279
|
+
export const SidebarSectionGapYCollapsed : string;
|
|
251
280
|
export const SidebarCollapsibleButtonIconSize : string;
|
|
281
|
+
export const SidebarCollapsibleButtonPadding : string;
|
|
282
|
+
export const SidebarCollapsibleButtonPositionTop : string;
|
|
283
|
+
export const SidebarCollapsibleButtonPositionRight : string;
|
|
284
|
+
export const SidebarTitleFontSize : string;
|
|
285
|
+
export const SidebarTitlePaddingX : string;
|
|
286
|
+
export const SidebarTitlePaddingY : string;
|
|
287
|
+
export const SidebarItemFontSize : string;
|
|
288
|
+
export const SidebarItemGapX : string;
|
|
289
|
+
export const SidebarItemIconSize : string;
|
|
290
|
+
export const SidebarItemPaddingX : string;
|
|
291
|
+
export const SidebarItemPaddingXCollapsed : string;
|
|
292
|
+
export const SidebarItemPaddingY : string;
|
|
293
|
+
export const SidebarItemPaddingYCollapsed : string;
|
|
294
|
+
export const SidebarItemRadius : string;
|
|
295
|
+
export const SidebarSubItemPaddingLeft : string;
|
|
296
|
+
export const SidebarDividerSize : string;
|
|
297
|
+
export const SliderTickRadius : string;
|
|
298
|
+
export const SliderTickHeight : string;
|
|
299
|
+
export const SliderTickWidth : string;
|
|
300
|
+
export const SliderHandlerStroke : string;
|
|
301
|
+
export const SliderHandlerSizeMin : string;
|
|
302
|
+
export const SliderHandlerSizeMax : string;
|
|
303
|
+
export const SliderHandlerSizeInner : string;
|
|
304
|
+
export const SliderTrackHeight : string;
|
|
305
|
+
export const SliderTrackPaddingX : string;
|
|
306
|
+
export const SliderTrackRadius : string;
|
|
307
|
+
export const SplitterOldStroke : string;
|
|
308
|
+
export const SplitterOldHandlerLong : string;
|
|
309
|
+
export const SplitterOldHandlerWide : string;
|
|
310
|
+
export const SplitterOldHandlerRadius : string;
|
|
252
311
|
export const TogglegroupXsPadding : string;
|
|
253
312
|
export const TogglegroupXsButtonPaddingY : string;
|
|
254
313
|
export const TogglegroupXsButtonRadius : string;
|
|
@@ -323,16 +382,6 @@ export const GlobalTypographyLegendFontStyle : string;
|
|
|
323
382
|
export const GlobalTypographyLegendFontSize : string;
|
|
324
383
|
export const GlobalTypographyLegendLineHeight : string;
|
|
325
384
|
export const GlobalTypographyLegendFontWeight : string;
|
|
326
|
-
export const SliderTickRadius : string;
|
|
327
|
-
export const SliderTickHeight : string;
|
|
328
|
-
export const SliderTickWidth : string;
|
|
329
|
-
export const SliderHandlerSizeMin : string;
|
|
330
|
-
export const SliderHandlerSizeMax : string;
|
|
331
|
-
export const SliderHandlerSizeInner : string;
|
|
332
|
-
export const SliderHandlerStroke : string;
|
|
333
|
-
export const SliderTrackHeight : string;
|
|
334
|
-
export const SliderTrackPaddingX : string;
|
|
335
|
-
export const SliderTrackRadius : string;
|
|
336
385
|
export const AlertIconSize : string;
|
|
337
386
|
export const AlertGapX : string;
|
|
338
387
|
export const AlertIconPositionX : string;
|
|
@@ -347,21 +396,6 @@ export const AlertHeadingLineHeight : string;
|
|
|
347
396
|
export const AlertMessageFontSize : string;
|
|
348
397
|
export const AlertMessageFontWeight : string;
|
|
349
398
|
export const AlertMessageLineHeight : string;
|
|
350
|
-
export const AvatarXsFontSize : string;
|
|
351
|
-
export const AvatarXsIconSize : string;
|
|
352
|
-
export const AvatarXsSize : string;
|
|
353
|
-
export const AvatarSmFontSize : string;
|
|
354
|
-
export const AvatarSmIconSize : string;
|
|
355
|
-
export const AvatarSmSize : string;
|
|
356
|
-
export const AvatarMdFontSize : string;
|
|
357
|
-
export const AvatarMdIconSize : string;
|
|
358
|
-
export const AvatarMdSize : string;
|
|
359
|
-
export const AvatarLgFontSize : string;
|
|
360
|
-
export const AvatarLgIconSize : string;
|
|
361
|
-
export const AvatarLgSize : string;
|
|
362
|
-
export const AvatarXlFontSize : string;
|
|
363
|
-
export const AvatarXlIconSize : string;
|
|
364
|
-
export const AvatarXlSize : string;
|
|
365
399
|
export const BadgeGapX : string;
|
|
366
400
|
export const BadgeGapIconOnlyX : string;
|
|
367
401
|
export const BadgeHeight : string;
|
|
@@ -428,3 +462,9 @@ export const PaginationTableHeight : string;
|
|
|
428
462
|
export const PaginationTablePaddingLeft : string;
|
|
429
463
|
export const PaginationTablePaddingX : string;
|
|
430
464
|
export const PaginationTablePaddingY : string;
|
|
465
|
+
export const SplitterLineWidth : string;
|
|
466
|
+
export const SplitterGutter : string;
|
|
467
|
+
export const SplitterHandleLong : string;
|
|
468
|
+
export const SplitterHandleWide : string;
|
|
469
|
+
export const SplitterHandleWideHover : string;
|
|
470
|
+
export const SplitterHandleRadius : string;
|
package/dist/js/spacings.js
CHANGED
|
@@ -2,6 +2,21 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
+
export const AvatarXsFontSize = "10.0000px";
|
|
6
|
+
export const AvatarXsIconSize = "16.0000px";
|
|
7
|
+
export const AvatarXsSize = "24.0000px";
|
|
8
|
+
export const AvatarSmFontSize = "13.0000px";
|
|
9
|
+
export const AvatarSmIconSize = "20.0000px";
|
|
10
|
+
export const AvatarSmSize = "32.0000px";
|
|
11
|
+
export const AvatarMdFontSize = "18.0000px";
|
|
12
|
+
export const AvatarMdIconSize = "28.0000px";
|
|
13
|
+
export const AvatarMdSize = "40.0000px";
|
|
14
|
+
export const AvatarLgFontSize = "22.0000px";
|
|
15
|
+
export const AvatarLgIconSize = "32.0000px";
|
|
16
|
+
export const AvatarLgSize = "48.0000px";
|
|
17
|
+
export const AvatarXlFontSize = "28.0000px";
|
|
18
|
+
export const AvatarXlIconSize = "44.0000px";
|
|
19
|
+
export const AvatarXlSize = "64.0000px";
|
|
5
20
|
export const ButtongroupXsPadding = "2.0000px";
|
|
6
21
|
export const ButtongroupXsButtonRadius = "1.0000px";
|
|
7
22
|
export const ButtongroupXsButtonPaddingY = "2.0000px";
|
|
@@ -66,6 +81,26 @@ export const ButtonLgIconSize = "24.0000px";
|
|
|
66
81
|
export const ButtonLgLineHeight = "28.0000px";
|
|
67
82
|
export const ButtonLgPaddingX = "16.0000px";
|
|
68
83
|
export const ButtonLgPaddingY = "10.0000px";
|
|
84
|
+
export const DrawerRadiusBottomRight = "0.0000px";
|
|
85
|
+
export const DrawerRadiusTopRight = "0.0000px";
|
|
86
|
+
export const DrawerRadiusBottomLeft = "16.0000px";
|
|
87
|
+
export const DrawerRadiusTopLeft = "16.0000px";
|
|
88
|
+
export const DrawerSizeSmMinWidth = "320.0000px";
|
|
89
|
+
export const DrawerSizeSmWidth = "400.0000px";
|
|
90
|
+
export const DrawerSizeSmMaxWidth = "480.0000px";
|
|
91
|
+
export const DrawerSizeMdMinWidth = "640.0000px";
|
|
92
|
+
export const DrawerSizeMdWidth = "800.0000px";
|
|
93
|
+
export const DrawerSizeMdMaxWidth = "960.0000px";
|
|
94
|
+
export const DrawerSizeLgMinWidth = "960.0000px";
|
|
95
|
+
export const DrawerSizeLgWidth = "992.0000px";
|
|
96
|
+
export const DrawerSizeLgMaxWidth = "1024.0000px";
|
|
97
|
+
export const DrawerSizeFullWidth = "1372.0000px";
|
|
98
|
+
export const DrawerDismissiblePositionTop = "24.0000px";
|
|
99
|
+
export const DrawerDismissiblePositionRight = "24.0000px";
|
|
100
|
+
export const DrawerGapY = "24.0000px";
|
|
101
|
+
export const DrawerHeaderPaddingRight = "32.0000px";
|
|
102
|
+
export const DrawerPaddingX = "24.0000px";
|
|
103
|
+
export const DrawerPaddingY = "24.0000px";
|
|
69
104
|
export const CalendarCellDotSize = "3.0000px";
|
|
70
105
|
export const CalendarCellFontSize = "14.0000px";
|
|
71
106
|
export const CalendarCellFontWeight = "400";
|
|
@@ -211,8 +246,6 @@ export const NavigationPrimaryItemRadius = "6.0000px";
|
|
|
211
246
|
export const NavigationPrimarySubItemPaddingLeftX = "28.0000px";
|
|
212
247
|
export const NavigationPrimarySeparatorSize = "1.0000px";
|
|
213
248
|
export const NavigationGapY = "12.0000px";
|
|
214
|
-
export const NavigationCollapsibleButtonPadding = "8.0000px";
|
|
215
|
-
export const NavigationCollapsibleButtonIconSize = "16.0000px";
|
|
216
249
|
export const PopoverFontWeight = "500";
|
|
217
250
|
export const PopoverShadow1X = "0.0000px";
|
|
218
251
|
export const PopoverShadow1Blur = "1.0000px";
|
|
@@ -230,25 +263,51 @@ export const PopoverPaddingX = "8.0000px";
|
|
|
230
263
|
export const PopoverPaddingY = "8.0000px";
|
|
231
264
|
export const PopoverRadius = "6.0000px";
|
|
232
265
|
export const SidebarWidth = "312.0000px";
|
|
233
|
-
export const
|
|
234
|
-
export const
|
|
235
|
-
export const
|
|
236
|
-
export const
|
|
237
|
-
export const
|
|
238
|
-
export const SidebarPrimaryTitlePaddingX = "12.0000px";
|
|
239
|
-
export const SidebarPrimaryTitlePaddingY = "4.0000px";
|
|
240
|
-
export const SidebarPrimaryTitleFontSize = "14.0000px";
|
|
241
|
-
export const SidebarPrimaryItemGapX = "8.0000px";
|
|
242
|
-
export const SidebarPrimaryItemPaddingX = "12.0000px";
|
|
243
|
-
export const SidebarPrimaryItemPaddingY = "8.0000px";
|
|
244
|
-
export const SidebarPrimaryItemFontSize = "16.0000px";
|
|
245
|
-
export const SidebarPrimaryItemIconSize = "20.0000px";
|
|
246
|
-
export const SidebarPrimaryItemRadius = "6.0000px";
|
|
247
|
-
export const SidebarPrimarySubItemPaddingLeftX = "28.0000px";
|
|
248
|
-
export const SidebarPrimarySeparatorSize = "1.0000px";
|
|
266
|
+
export const SidebarNotificationBulletFontSize = "9.0000px";
|
|
267
|
+
export const SidebarNotificationBulletFontWeight = "500";
|
|
268
|
+
export const SidebarNotificationBulletSize = "16.0000px";
|
|
269
|
+
export const SidebarNotificationBulletSizeReduced = "6.0000px";
|
|
270
|
+
export const SidebarReducedWidth = "68.0000px";
|
|
249
271
|
export const SidebarGapY = "12.0000px";
|
|
250
|
-
export const
|
|
272
|
+
export const SidebarPaddingX = "24.0000px";
|
|
273
|
+
export const SidebarPaddingXCollapsed = "20.0000px";
|
|
274
|
+
export const SidebarPaddingY = "24.0000px";
|
|
275
|
+
export const SidebarWidthCollapsed = "80.0000px";
|
|
276
|
+
export const SidebarFooterGapY = "20.0000px";
|
|
277
|
+
export const SidebarGroupGapY = "4.0000px";
|
|
278
|
+
export const SidebarSectionGapY = "2.0000px";
|
|
279
|
+
export const SidebarSectionGapYCollapsed = "4.0000px";
|
|
251
280
|
export const SidebarCollapsibleButtonIconSize = "16.0000px";
|
|
281
|
+
export const SidebarCollapsibleButtonPadding = "8.0000px";
|
|
282
|
+
export const SidebarCollapsibleButtonPositionTop = "32.0000px";
|
|
283
|
+
export const SidebarCollapsibleButtonPositionRight = "16.0000px";
|
|
284
|
+
export const SidebarTitleFontSize = "14.0000px";
|
|
285
|
+
export const SidebarTitlePaddingX = "12.0000px";
|
|
286
|
+
export const SidebarTitlePaddingY = "4.0000px";
|
|
287
|
+
export const SidebarItemFontSize = "16.0000px";
|
|
288
|
+
export const SidebarItemGapX = "8.0000px";
|
|
289
|
+
export const SidebarItemIconSize = "20.0000px";
|
|
290
|
+
export const SidebarItemPaddingX = "12.0000px";
|
|
291
|
+
export const SidebarItemPaddingXCollapsed = "10.0000px";
|
|
292
|
+
export const SidebarItemPaddingY = "8.0000px";
|
|
293
|
+
export const SidebarItemPaddingYCollapsed = "10.0000px";
|
|
294
|
+
export const SidebarItemRadius = "6.0000px";
|
|
295
|
+
export const SidebarSubItemPaddingLeft = "28.0000px";
|
|
296
|
+
export const SidebarDividerSize = "1.0000px";
|
|
297
|
+
export const SliderTickRadius = "1.0000px";
|
|
298
|
+
export const SliderTickHeight = "4.0000px";
|
|
299
|
+
export const SliderTickWidth = "2.0000px";
|
|
300
|
+
export const SliderHandlerStroke = "2.0000px";
|
|
301
|
+
export const SliderHandlerSizeMin = "20.0000px";
|
|
302
|
+
export const SliderHandlerSizeMax = "24.0000px";
|
|
303
|
+
export const SliderHandlerSizeInner = "16.0000px";
|
|
304
|
+
export const SliderTrackHeight = "4.0000px";
|
|
305
|
+
export const SliderTrackPaddingX = "12.0000px";
|
|
306
|
+
export const SliderTrackRadius = "2.0000px";
|
|
307
|
+
export const SplitterOldStroke = "1.0000px";
|
|
308
|
+
export const SplitterOldHandlerLong = "24.0000px";
|
|
309
|
+
export const SplitterOldHandlerWide = "12.0000px";
|
|
310
|
+
export const SplitterOldHandlerRadius = "6.0000px";
|
|
252
311
|
export const TogglegroupXsPadding = "3.0000px";
|
|
253
312
|
export const TogglegroupXsButtonPaddingY = "1.0000px";
|
|
254
313
|
export const TogglegroupXsButtonRadius = "1.0000px";
|
|
@@ -323,16 +382,6 @@ export const GlobalTypographyLegendFontStyle = "uppercase";
|
|
|
323
382
|
export const GlobalTypographyLegendFontSize = "12.0000px";
|
|
324
383
|
export const GlobalTypographyLegendLineHeight = "16.0000px";
|
|
325
384
|
export const GlobalTypographyLegendFontWeight = "500";
|
|
326
|
-
export const SliderTickRadius = "1.0000px";
|
|
327
|
-
export const SliderTickHeight = "4.0000px";
|
|
328
|
-
export const SliderTickWidth = "2.0000px";
|
|
329
|
-
export const SliderHandlerSizeMin = "20.0000px";
|
|
330
|
-
export const SliderHandlerSizeMax = "24.0000px";
|
|
331
|
-
export const SliderHandlerSizeInner = "16.0000px";
|
|
332
|
-
export const SliderHandlerStroke = "2.0000px";
|
|
333
|
-
export const SliderTrackHeight = "4.0000px";
|
|
334
|
-
export const SliderTrackPaddingX = "12.0000px";
|
|
335
|
-
export const SliderTrackRadius = "2.0000px";
|
|
336
385
|
export const AlertIconSize = "20.0000px";
|
|
337
386
|
export const AlertGapX = "12.0000px";
|
|
338
387
|
export const AlertIconPositionX = "16.0000px";
|
|
@@ -347,21 +396,6 @@ export const AlertHeadingLineHeight = "20.0000px";
|
|
|
347
396
|
export const AlertMessageFontSize = "14.0000px";
|
|
348
397
|
export const AlertMessageFontWeight = "400";
|
|
349
398
|
export const AlertMessageLineHeight = "20.0000px";
|
|
350
|
-
export const AvatarXsFontSize = "12.0000px";
|
|
351
|
-
export const AvatarXsIconSize = "16.0000px";
|
|
352
|
-
export const AvatarXsSize = "24.0000px";
|
|
353
|
-
export const AvatarSmFontSize = "16.0000px";
|
|
354
|
-
export const AvatarSmIconSize = "20.0000px";
|
|
355
|
-
export const AvatarSmSize = "32.0000px";
|
|
356
|
-
export const AvatarMdFontSize = "20.0000px";
|
|
357
|
-
export const AvatarMdIconSize = "28.0000px";
|
|
358
|
-
export const AvatarMdSize = "40.0000px";
|
|
359
|
-
export const AvatarLgFontSize = "24.0000px";
|
|
360
|
-
export const AvatarLgIconSize = "32.0000px";
|
|
361
|
-
export const AvatarLgSize = "48.0000px";
|
|
362
|
-
export const AvatarXlFontSize = "32.0000px";
|
|
363
|
-
export const AvatarXlIconSize = "44.0000px";
|
|
364
|
-
export const AvatarXlSize = "64.0000px";
|
|
365
399
|
export const BadgeGapX = "4.0000px";
|
|
366
400
|
export const BadgeGapIconOnlyX = "2.0000px";
|
|
367
401
|
export const BadgeHeight = "24.0000px";
|
|
@@ -428,3 +462,9 @@ export const PaginationTableHeight = "36.0000px";
|
|
|
428
462
|
export const PaginationTablePaddingLeft = "12.0000px";
|
|
429
463
|
export const PaginationTablePaddingX = "12.0000px";
|
|
430
464
|
export const PaginationTablePaddingY = "8.0000px";
|
|
465
|
+
export const SplitterLineWidth = "4.0000px";
|
|
466
|
+
export const SplitterGutter = "24.0000px";
|
|
467
|
+
export const SplitterHandleLong = "24.0000px";
|
|
468
|
+
export const SplitterHandleWide = "4.0000px";
|
|
469
|
+
export const SplitterHandleWideHover = "8.0000px";
|
|
470
|
+
export const SplitterHandleRadius = "6.0000px";
|