@nova-design-system/nova-base 3.0.0-beta.37 → 3.0.0-beta.38
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/icons/icon-sprite.svg +1 -1
- package/dist/css/mccs.css +111 -97
- package/dist/css/ocean.css +111 -91
- package/dist/css/spark.css +111 -91
- package/dist/js/mccs_dark.d.ts +22 -11
- package/dist/js/mccs_dark.js +25 -14
- package/dist/js/mccs_light.d.ts +22 -11
- package/dist/js/mccs_light.js +22 -11
- package/dist/js/ocean_dark.d.ts +22 -11
- package/dist/js/ocean_dark.js +25 -14
- package/dist/js/ocean_light.d.ts +22 -11
- package/dist/js/ocean_light.js +22 -11
- package/dist/js/primitives.d.ts +0 -6
- package/dist/js/primitives.js +0 -6
- package/dist/js/spacings.d.ts +66 -62
- package/dist/js/spacings.js +66 -62
- package/dist/js/spark_dark.d.ts +22 -11
- package/dist/js/spark_dark.js +25 -14
- package/dist/js/spark_light.d.ts +22 -11
- package/dist/js/spark_light.js +22 -11
- package/package.json +1 -1
package/dist/js/ocean_light.d.ts
CHANGED
|
@@ -327,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault : string;
|
|
|
327
327
|
export const ComponentsListNativeItemBackgroundHover : string;
|
|
328
328
|
export const ComponentsListNativeItemBackgroundDisabled : string;
|
|
329
329
|
export const ComponentsListNativeItemBackgroundTitle : string;
|
|
330
|
-
export const
|
|
331
|
-
export const
|
|
332
|
-
export const
|
|
333
|
-
export const
|
|
334
|
-
export const
|
|
335
|
-
export const
|
|
336
|
-
export const
|
|
337
|
-
export const
|
|
338
|
-
export const
|
|
339
|
-
export const
|
|
340
|
-
export const
|
|
330
|
+
export const ComponentsListDropdownBackground : string;
|
|
331
|
+
export const ComponentsListDropdownHeaderBackground : string;
|
|
332
|
+
export const ComponentsListDropdownItemLabelDefault : string;
|
|
333
|
+
export const ComponentsListDropdownItemLabelHover : string;
|
|
334
|
+
export const ComponentsListDropdownItemLabelDisabled : string;
|
|
335
|
+
export const ComponentsListDropdownItemDescriptionDefault : string;
|
|
336
|
+
export const ComponentsListDropdownItemDescriptionHover : string;
|
|
337
|
+
export const ComponentsListDropdownItemDescriptionDisabled : string;
|
|
338
|
+
export const ComponentsListDropdownItemBackgroundDefault : string;
|
|
339
|
+
export const ComponentsListDropdownItemBackgroundHover : string;
|
|
340
|
+
export const ComponentsListDropdownItemBackgroundDisabled : string;
|
|
341
|
+
export const ComponentsListDropdownItemBackgroundTitle : string;
|
|
342
|
+
export const ComponentsListDropdownItemTitleContent : string;
|
|
343
|
+
export const ComponentsListDropdownSeparator : string;
|
|
344
|
+
export const ComponentsListDropdownBorder : string;
|
|
341
345
|
export const ComponentsLoaderWhiteBackground : string;
|
|
342
346
|
export const ComponentsLoaderWhiteForeground : string;
|
|
343
347
|
export const ComponentsLoaderBrandBackground : string;
|
|
@@ -421,6 +425,13 @@ export const ComponentsAvatarContent7 : string;
|
|
|
421
425
|
export const ComponentsAvatarContent8 : string;
|
|
422
426
|
export const ComponentsAvatarContent9 : string;
|
|
423
427
|
export const ComponentsAvatarContent10 : string;
|
|
428
|
+
export const ComponentsFieldTimeBackgroundDefault : string;
|
|
429
|
+
export const ComponentsFieldTimeBackgroundHover : string;
|
|
430
|
+
export const ComponentsFieldTimeBackgroundActive : string;
|
|
431
|
+
export const ComponentsFieldTimeTextDefault : string;
|
|
432
|
+
export const ComponentsFieldTimeTextHover : string;
|
|
433
|
+
export const ComponentsFieldTimeTextActive : string;
|
|
434
|
+
export const ComponentsFieldTimeBorderActive : string;
|
|
424
435
|
export const ComponentsBreadcrumbText : string;
|
|
425
436
|
export const ComponentsBreadcrumbTextActive : string;
|
|
426
437
|
export const ComponentsBreadcrumbTextHover : string;
|
package/dist/js/ocean_light.js
CHANGED
|
@@ -327,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
|
|
|
327
327
|
export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
|
|
328
328
|
export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
|
|
329
329
|
export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
|
|
330
|
-
export const
|
|
331
|
-
export const
|
|
332
|
-
export const
|
|
333
|
-
export const
|
|
334
|
-
export const
|
|
335
|
-
export const
|
|
336
|
-
export const
|
|
337
|
-
export const
|
|
338
|
-
export const
|
|
339
|
-
export const
|
|
340
|
-
export const
|
|
330
|
+
export const ComponentsListDropdownBackground = "#ffffff";
|
|
331
|
+
export const ComponentsListDropdownHeaderBackground = "#f5f6f7";
|
|
332
|
+
export const ComponentsListDropdownItemLabelDefault = "#34464d";
|
|
333
|
+
export const ComponentsListDropdownItemLabelHover = "#171f22";
|
|
334
|
+
export const ComponentsListDropdownItemLabelDisabled = "#617177";
|
|
335
|
+
export const ComponentsListDropdownItemDescriptionDefault = "#617177";
|
|
336
|
+
export const ComponentsListDropdownItemDescriptionHover = "#34464d";
|
|
337
|
+
export const ComponentsListDropdownItemDescriptionDisabled = "#9fadb2";
|
|
338
|
+
export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
|
|
339
|
+
export const ComponentsListDropdownItemBackgroundHover = "#a5a6a7";
|
|
340
|
+
export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
|
|
341
|
+
export const ComponentsListDropdownItemBackgroundTitle = "#ffffff";
|
|
342
|
+
export const ComponentsListDropdownItemTitleContent = "#34464d";
|
|
343
|
+
export const ComponentsListDropdownSeparator = "#e1e4e6";
|
|
344
|
+
export const ComponentsListDropdownBorder = "#e1e4e6";
|
|
341
345
|
export const ComponentsLoaderWhiteBackground = "#ffffff";
|
|
342
346
|
export const ComponentsLoaderWhiteForeground = "#ffffff";
|
|
343
347
|
export const ComponentsLoaderBrandBackground = "#e4f0f2";
|
|
@@ -421,6 +425,13 @@ export const ComponentsAvatarContent7 = "#106f15";
|
|
|
421
425
|
export const ComponentsAvatarContent8 = "#1f717d";
|
|
422
426
|
export const ComponentsAvatarContent9 = "#5c6e1f";
|
|
423
427
|
export const ComponentsAvatarContent10 = "#394d55";
|
|
428
|
+
export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
|
|
429
|
+
export const ComponentsFieldTimeBackgroundHover = "#a5a6a7";
|
|
430
|
+
export const ComponentsFieldTimeBackgroundActive = "#e4f0f2";
|
|
431
|
+
export const ComponentsFieldTimeTextDefault = "#617177";
|
|
432
|
+
export const ComponentsFieldTimeTextHover = "#34464d";
|
|
433
|
+
export const ComponentsFieldTimeTextActive = "#185963";
|
|
434
|
+
export const ComponentsFieldTimeBorderActive = "#185963";
|
|
424
435
|
export const ComponentsBreadcrumbText = "#617177";
|
|
425
436
|
export const ComponentsBreadcrumbTextActive = "#34464d";
|
|
426
437
|
export const ComponentsBreadcrumbTextHover = "#1f717d";
|
package/dist/js/primitives.d.ts
CHANGED
|
@@ -160,12 +160,6 @@ export const ColorRed600 : string;
|
|
|
160
160
|
export const ColorRed700 : string;
|
|
161
161
|
export const ColorRed800 : string;
|
|
162
162
|
export const ColorRed900 : string;
|
|
163
|
-
export const ColorRedMccs100 : string;
|
|
164
|
-
export const ColorRedMccs200 : string;
|
|
165
|
-
export const ColorRedMccs300 : string;
|
|
166
|
-
export const ColorRedMccs400 : string;
|
|
167
|
-
export const ColorRedMccs500 : string;
|
|
168
|
-
export const ColorRedMccs00 : string;
|
|
169
163
|
export const ColorTurquoise50 : string;
|
|
170
164
|
export const ColorTurquoise100 : string;
|
|
171
165
|
export const ColorTurquoise200 : string;
|
package/dist/js/primitives.js
CHANGED
|
@@ -160,12 +160,6 @@ export const ColorRed600 = "#a81818";
|
|
|
160
160
|
export const ColorRed700 = "#851313";
|
|
161
161
|
export const ColorRed800 = "#610e0e";
|
|
162
162
|
export const ColorRed900 = "#3d0909";
|
|
163
|
-
export const ColorRedMccs100 = "#ff3838";
|
|
164
|
-
export const ColorRedMccs200 = "#d00202";
|
|
165
|
-
export const ColorRedMccs300 = "#ae0303";
|
|
166
|
-
export const ColorRedMccs400 = "#7d0000";
|
|
167
|
-
export const ColorRedMccs500 = "#450000";
|
|
168
|
-
export const ColorRedMccs00 = "#ff6161";
|
|
169
163
|
export const ColorTurquoise50 = "#ecf4f3";
|
|
170
164
|
export const ColorTurquoise100 = "#d2e5e3";
|
|
171
165
|
export const ColorTurquoise200 = "#b8d6d2";
|
package/dist/js/spacings.d.ts
CHANGED
|
@@ -51,21 +51,72 @@ export const ListNativeGapY : string;
|
|
|
51
51
|
export const ListNativeRadius : string;
|
|
52
52
|
export const ListNativePadding : string;
|
|
53
53
|
export const ListNativeSubItemPaddingLeft : string;
|
|
54
|
-
export const
|
|
55
|
-
export const
|
|
56
|
-
export const
|
|
57
|
-
export const
|
|
58
|
-
export const
|
|
59
|
-
export const
|
|
60
|
-
export const
|
|
61
|
-
export const
|
|
62
|
-
export const
|
|
63
|
-
export const
|
|
64
|
-
export const
|
|
65
|
-
export const
|
|
66
|
-
export const
|
|
67
|
-
export const
|
|
68
|
-
export const
|
|
54
|
+
export const ListDropdownIconSize : string;
|
|
55
|
+
export const ListDropdownFontSize : string;
|
|
56
|
+
export const ListDropdownLineHeight : string;
|
|
57
|
+
export const ListDropdownItemPaddingLeft : string;
|
|
58
|
+
export const ListDropdownItemPaddingRight : string;
|
|
59
|
+
export const ListDropdownItemPaddingX : string;
|
|
60
|
+
export const ListDropdownItemPaddingY : string;
|
|
61
|
+
export const ListDropdownItemGapX : string;
|
|
62
|
+
export const ListDropdownItemRadius : string;
|
|
63
|
+
export const ListDropdownGapY : string;
|
|
64
|
+
export const ListDropdownRadius : string;
|
|
65
|
+
export const ListDropdownPadding : string;
|
|
66
|
+
export const ListDropdownSeparatorPaddingX : string;
|
|
67
|
+
export const ListDropdownSeparatorPaddingY : string;
|
|
68
|
+
export const ListDropdownSubItemPaddingLeft : string;
|
|
69
|
+
export const ListMultiselectPadding : string;
|
|
70
|
+
export const FormFieldBadgeGap : string;
|
|
71
|
+
export const FormFieldBadgePaddingX : string;
|
|
72
|
+
export const FormFieldBadgePaddingY : string;
|
|
73
|
+
export const FormFieldFontSize : string;
|
|
74
|
+
export const FormFieldFontWeight : string;
|
|
75
|
+
export const FormFieldIconSize : string;
|
|
76
|
+
export const FormFieldGap : string;
|
|
77
|
+
export const FormFieldGapInner : string;
|
|
78
|
+
export const FormFieldLineHeight : string;
|
|
79
|
+
export const FormFieldPaddingX : string;
|
|
80
|
+
export const FormFieldPaddingXIconButton : string;
|
|
81
|
+
export const FormFieldPaddingY : string;
|
|
82
|
+
export const FormFieldRadius : string;
|
|
83
|
+
export const FormFieldLeadingTrailingFontSize : string;
|
|
84
|
+
export const FormFieldLeadingTrailingIconSize : string;
|
|
85
|
+
export const FormFieldLeadingTrailingLineHeight : string;
|
|
86
|
+
export const FormFieldInnerButtonPaddingXExt : string;
|
|
87
|
+
export const FormFieldInnerButtonPaddingXInt : string;
|
|
88
|
+
export const FormFieldInnerButtonPaddingY : string;
|
|
89
|
+
export const FormGapX : string;
|
|
90
|
+
export const FormGapY : string;
|
|
91
|
+
export const FormDescriptionFontSize : string;
|
|
92
|
+
export const FormDescriptionLineHeight : string;
|
|
93
|
+
export const FormDescriptionFontWeight : string;
|
|
94
|
+
export const FormLabelFontSize : string;
|
|
95
|
+
export const FormLabelGap : string;
|
|
96
|
+
export const FormLabelLineHeight : string;
|
|
97
|
+
export const FormLabelFontWeight : string;
|
|
98
|
+
export const FormCheckboxBorderWidth : string;
|
|
99
|
+
export const FormCheckboxIconSize : string;
|
|
100
|
+
export const FormCheckboxPaddingTop : string;
|
|
101
|
+
export const FormCheckboxRadius : string;
|
|
102
|
+
export const FormCheckboxSize : string;
|
|
103
|
+
export const FormCheckboxRingRadius : string;
|
|
104
|
+
export const FormCheckboxIconStroke : string;
|
|
105
|
+
export const FormRadioBorderWidth : string;
|
|
106
|
+
export const FormRadioInnerCirclePadding : string;
|
|
107
|
+
export const FormRadioInnerCircleSize : string;
|
|
108
|
+
export const FormRadioPaddingTop : string;
|
|
109
|
+
export const FormRadioSize : string;
|
|
110
|
+
export const FormRadioRingRadius : string;
|
|
111
|
+
export const FormToggleBorderWidth : string;
|
|
112
|
+
export const FormToggleHeight : string;
|
|
113
|
+
export const FormTogglePaddingTop : string;
|
|
114
|
+
export const FormToggleRadius : string;
|
|
115
|
+
export const FormTogglePaddingDefault : string;
|
|
116
|
+
export const FormTogglePaddingSelected : string;
|
|
117
|
+
export const FormToggleSwitchDotDefault : string;
|
|
118
|
+
export const FormToggleSwitchDotSelected : string;
|
|
119
|
+
export const FormToggleWidth : string;
|
|
69
120
|
export const MenuContextualDividerPaddingBottom : string;
|
|
70
121
|
export const MenuContextualDividerPaddingTop : string;
|
|
71
122
|
export const MenuContextualDividerPaddingX : string;
|
|
@@ -189,53 +240,6 @@ export const DialogFooterPaddingX : string;
|
|
|
189
240
|
export const FocusFieldStroke : string;
|
|
190
241
|
export const FocusOutlineOffset : string;
|
|
191
242
|
export const FocusOutlineStroke : string;
|
|
192
|
-
export const FormGapX : string;
|
|
193
|
-
export const FormGapY : string;
|
|
194
|
-
export const FormDescriptionFontSize : string;
|
|
195
|
-
export const FormDescriptionLineHeight : string;
|
|
196
|
-
export const FormDescriptionFontWeight : string;
|
|
197
|
-
export const FormLabelFontSize : string;
|
|
198
|
-
export const FormLabelGap : string;
|
|
199
|
-
export const FormLabelLineHeight : string;
|
|
200
|
-
export const FormLabelFontWeight : string;
|
|
201
|
-
export const FormFieldFontSize : string;
|
|
202
|
-
export const FormFieldFontWeight : string;
|
|
203
|
-
export const FormFieldIconSize : string;
|
|
204
|
-
export const FormFieldGap : string;
|
|
205
|
-
export const FormFieldGapInner : string;
|
|
206
|
-
export const FormFieldLineHeight : string;
|
|
207
|
-
export const FormFieldPaddingX : string;
|
|
208
|
-
export const FormFieldPaddingXIconButton : string;
|
|
209
|
-
export const FormFieldPaddingY : string;
|
|
210
|
-
export const FormFieldRadius : string;
|
|
211
|
-
export const FormFieldLeadingTrailingFontSize : string;
|
|
212
|
-
export const FormFieldLeadingTrailingIconSize : string;
|
|
213
|
-
export const FormFieldLeadingTrailingLineHeight : string;
|
|
214
|
-
export const FormFieldInnerButtonPaddingXExt : string;
|
|
215
|
-
export const FormFieldInnerButtonPaddingXInt : string;
|
|
216
|
-
export const FormFieldInnerButtonPaddingY : string;
|
|
217
|
-
export const FormCheckboxBorderWidth : string;
|
|
218
|
-
export const FormCheckboxIconSize : string;
|
|
219
|
-
export const FormCheckboxPaddingTop : string;
|
|
220
|
-
export const FormCheckboxRadius : string;
|
|
221
|
-
export const FormCheckboxSize : string;
|
|
222
|
-
export const FormCheckboxRingRadius : string;
|
|
223
|
-
export const FormCheckboxIconStroke : string;
|
|
224
|
-
export const FormRadioBorderWidth : string;
|
|
225
|
-
export const FormRadioInnerCirclePadding : string;
|
|
226
|
-
export const FormRadioInnerCircleSize : string;
|
|
227
|
-
export const FormRadioPaddingTop : string;
|
|
228
|
-
export const FormRadioSize : string;
|
|
229
|
-
export const FormRadioRingRadius : string;
|
|
230
|
-
export const FormToggleBorderWidth : string;
|
|
231
|
-
export const FormToggleHeight : string;
|
|
232
|
-
export const FormTogglePaddingTop : string;
|
|
233
|
-
export const FormToggleRadius : string;
|
|
234
|
-
export const FormTogglePaddingDefault : string;
|
|
235
|
-
export const FormTogglePaddingSelected : string;
|
|
236
|
-
export const FormToggleSwitchDotDefault : string;
|
|
237
|
-
export const FormToggleSwitchDotSelected : string;
|
|
238
|
-
export const FormToggleWidth : string;
|
|
239
243
|
export const LoaderSizeXs : string;
|
|
240
244
|
export const LoaderSizeSm : string;
|
|
241
245
|
export const LoaderSizeMd : string;
|
package/dist/js/spacings.js
CHANGED
|
@@ -51,21 +51,72 @@ export const ListNativeGapY = "2px";
|
|
|
51
51
|
export const ListNativeRadius = "6px";
|
|
52
52
|
export const ListNativePadding = "8px";
|
|
53
53
|
export const ListNativeSubItemPaddingLeft = "32px";
|
|
54
|
-
export const
|
|
55
|
-
export const
|
|
56
|
-
export const
|
|
57
|
-
export const
|
|
58
|
-
export const
|
|
59
|
-
export const
|
|
60
|
-
export const
|
|
61
|
-
export const
|
|
62
|
-
export const
|
|
63
|
-
export const
|
|
64
|
-
export const
|
|
65
|
-
export const
|
|
66
|
-
export const
|
|
67
|
-
export const
|
|
68
|
-
export const
|
|
54
|
+
export const ListDropdownIconSize = "20px";
|
|
55
|
+
export const ListDropdownFontSize = "16px";
|
|
56
|
+
export const ListDropdownLineHeight = "24px";
|
|
57
|
+
export const ListDropdownItemPaddingLeft = "32px";
|
|
58
|
+
export const ListDropdownItemPaddingRight = "8px";
|
|
59
|
+
export const ListDropdownItemPaddingX = "8px";
|
|
60
|
+
export const ListDropdownItemPaddingY = "8px";
|
|
61
|
+
export const ListDropdownItemGapX = "12px";
|
|
62
|
+
export const ListDropdownItemRadius = "6px";
|
|
63
|
+
export const ListDropdownGapY = "2px";
|
|
64
|
+
export const ListDropdownRadius = "6px";
|
|
65
|
+
export const ListDropdownPadding = "8px";
|
|
66
|
+
export const ListDropdownSeparatorPaddingX = "0px";
|
|
67
|
+
export const ListDropdownSeparatorPaddingY = "2px";
|
|
68
|
+
export const ListDropdownSubItemPaddingLeft = "40px";
|
|
69
|
+
export const ListMultiselectPadding = "12px";
|
|
70
|
+
export const FormFieldBadgeGap = "0px";
|
|
71
|
+
export const FormFieldBadgePaddingX = "4px";
|
|
72
|
+
export const FormFieldBadgePaddingY = "2px";
|
|
73
|
+
export const FormFieldFontSize = "16px";
|
|
74
|
+
export const FormFieldFontWeight = "500";
|
|
75
|
+
export const FormFieldIconSize = "20px";
|
|
76
|
+
export const FormFieldGap = "8px";
|
|
77
|
+
export const FormFieldGapInner = "8px";
|
|
78
|
+
export const FormFieldLineHeight = "24px";
|
|
79
|
+
export const FormFieldPaddingX = "8px";
|
|
80
|
+
export const FormFieldPaddingXIconButton = "40px";
|
|
81
|
+
export const FormFieldPaddingY = "8px";
|
|
82
|
+
export const FormFieldRadius = "6px";
|
|
83
|
+
export const FormFieldLeadingTrailingFontSize = "14px";
|
|
84
|
+
export const FormFieldLeadingTrailingIconSize = "20px";
|
|
85
|
+
export const FormFieldLeadingTrailingLineHeight = "24px";
|
|
86
|
+
export const FormFieldInnerButtonPaddingXExt = "10px";
|
|
87
|
+
export const FormFieldInnerButtonPaddingXInt = "6px";
|
|
88
|
+
export const FormFieldInnerButtonPaddingY = "10px";
|
|
89
|
+
export const FormGapX = "12px";
|
|
90
|
+
export const FormGapY = "4px";
|
|
91
|
+
export const FormDescriptionFontSize = "14px";
|
|
92
|
+
export const FormDescriptionLineHeight = "20px";
|
|
93
|
+
export const FormDescriptionFontWeight = "400";
|
|
94
|
+
export const FormLabelFontSize = "14px";
|
|
95
|
+
export const FormLabelGap = "4px";
|
|
96
|
+
export const FormLabelLineHeight = "20px";
|
|
97
|
+
export const FormLabelFontWeight = "500";
|
|
98
|
+
export const FormCheckboxBorderWidth = "2px";
|
|
99
|
+
export const FormCheckboxIconSize = "14px";
|
|
100
|
+
export const FormCheckboxPaddingTop = "0px";
|
|
101
|
+
export const FormCheckboxRadius = "6px";
|
|
102
|
+
export const FormCheckboxSize = "20px";
|
|
103
|
+
export const FormCheckboxRingRadius = "8px";
|
|
104
|
+
export const FormCheckboxIconStroke = "2px";
|
|
105
|
+
export const FormRadioBorderWidth = "2px";
|
|
106
|
+
export const FormRadioInnerCirclePadding = "6px";
|
|
107
|
+
export const FormRadioInnerCircleSize = "8px";
|
|
108
|
+
export const FormRadioPaddingTop = "0px";
|
|
109
|
+
export const FormRadioSize = "20px";
|
|
110
|
+
export const FormRadioRingRadius = "9999px";
|
|
111
|
+
export const FormToggleBorderWidth = "2px";
|
|
112
|
+
export const FormToggleHeight = "20px";
|
|
113
|
+
export const FormTogglePaddingTop = "0px";
|
|
114
|
+
export const FormToggleRadius = "9999px";
|
|
115
|
+
export const FormTogglePaddingDefault = "4px";
|
|
116
|
+
export const FormTogglePaddingSelected = "2px";
|
|
117
|
+
export const FormToggleSwitchDotDefault = "12px";
|
|
118
|
+
export const FormToggleSwitchDotSelected = "14px";
|
|
119
|
+
export const FormToggleWidth = "36px";
|
|
69
120
|
export const MenuContextualDividerPaddingBottom = "3px";
|
|
70
121
|
export const MenuContextualDividerPaddingTop = "4px";
|
|
71
122
|
export const MenuContextualDividerPaddingX = "10px";
|
|
@@ -189,53 +240,6 @@ export const DialogFooterPaddingX = "24px";
|
|
|
189
240
|
export const FocusFieldStroke = "1px";
|
|
190
241
|
export const FocusOutlineOffset = "2px";
|
|
191
242
|
export const FocusOutlineStroke = "2px";
|
|
192
|
-
export const FormGapX = "12px";
|
|
193
|
-
export const FormGapY = "4px";
|
|
194
|
-
export const FormDescriptionFontSize = "14px";
|
|
195
|
-
export const FormDescriptionLineHeight = "20px";
|
|
196
|
-
export const FormDescriptionFontWeight = "400";
|
|
197
|
-
export const FormLabelFontSize = "14px";
|
|
198
|
-
export const FormLabelGap = "4px";
|
|
199
|
-
export const FormLabelLineHeight = "20px";
|
|
200
|
-
export const FormLabelFontWeight = "500";
|
|
201
|
-
export const FormFieldFontSize = "16px";
|
|
202
|
-
export const FormFieldFontWeight = "500";
|
|
203
|
-
export const FormFieldIconSize = "20px";
|
|
204
|
-
export const FormFieldGap = "8px";
|
|
205
|
-
export const FormFieldGapInner = "8px";
|
|
206
|
-
export const FormFieldLineHeight = "24px";
|
|
207
|
-
export const FormFieldPaddingX = "8px";
|
|
208
|
-
export const FormFieldPaddingXIconButton = "40px";
|
|
209
|
-
export const FormFieldPaddingY = "8px";
|
|
210
|
-
export const FormFieldRadius = "6px";
|
|
211
|
-
export const FormFieldLeadingTrailingFontSize = "14px";
|
|
212
|
-
export const FormFieldLeadingTrailingIconSize = "20px";
|
|
213
|
-
export const FormFieldLeadingTrailingLineHeight = "24px";
|
|
214
|
-
export const FormFieldInnerButtonPaddingXExt = "10px";
|
|
215
|
-
export const FormFieldInnerButtonPaddingXInt = "6px";
|
|
216
|
-
export const FormFieldInnerButtonPaddingY = "10px";
|
|
217
|
-
export const FormCheckboxBorderWidth = "2px";
|
|
218
|
-
export const FormCheckboxIconSize = "14px";
|
|
219
|
-
export const FormCheckboxPaddingTop = "0px";
|
|
220
|
-
export const FormCheckboxRadius = "6px";
|
|
221
|
-
export const FormCheckboxSize = "20px";
|
|
222
|
-
export const FormCheckboxRingRadius = "8px";
|
|
223
|
-
export const FormCheckboxIconStroke = "2px";
|
|
224
|
-
export const FormRadioBorderWidth = "2px";
|
|
225
|
-
export const FormRadioInnerCirclePadding = "6px";
|
|
226
|
-
export const FormRadioInnerCircleSize = "8px";
|
|
227
|
-
export const FormRadioPaddingTop = "0px";
|
|
228
|
-
export const FormRadioSize = "20px";
|
|
229
|
-
export const FormRadioRingRadius = "9999px";
|
|
230
|
-
export const FormToggleBorderWidth = "2px";
|
|
231
|
-
export const FormToggleHeight = "20px";
|
|
232
|
-
export const FormTogglePaddingTop = "0px";
|
|
233
|
-
export const FormToggleRadius = "9999px";
|
|
234
|
-
export const FormTogglePaddingDefault = "4px";
|
|
235
|
-
export const FormTogglePaddingSelected = "2px";
|
|
236
|
-
export const FormToggleSwitchDotDefault = "12px";
|
|
237
|
-
export const FormToggleSwitchDotSelected = "14px";
|
|
238
|
-
export const FormToggleWidth = "36px";
|
|
239
243
|
export const LoaderSizeXs = "16px";
|
|
240
244
|
export const LoaderSizeSm = "20px";
|
|
241
245
|
export const LoaderSizeMd = "24px";
|
package/dist/js/spark_dark.d.ts
CHANGED
|
@@ -327,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault : string;
|
|
|
327
327
|
export const ComponentsListNativeItemBackgroundHover : string;
|
|
328
328
|
export const ComponentsListNativeItemBackgroundDisabled : string;
|
|
329
329
|
export const ComponentsListNativeItemBackgroundTitle : string;
|
|
330
|
-
export const
|
|
331
|
-
export const
|
|
332
|
-
export const
|
|
333
|
-
export const
|
|
334
|
-
export const
|
|
335
|
-
export const
|
|
336
|
-
export const
|
|
337
|
-
export const
|
|
338
|
-
export const
|
|
339
|
-
export const
|
|
340
|
-
export const
|
|
330
|
+
export const ComponentsListDropdownBackground : string;
|
|
331
|
+
export const ComponentsListDropdownHeaderBackground : string;
|
|
332
|
+
export const ComponentsListDropdownItemLabelDefault : string;
|
|
333
|
+
export const ComponentsListDropdownItemLabelHover : string;
|
|
334
|
+
export const ComponentsListDropdownItemLabelDisabled : string;
|
|
335
|
+
export const ComponentsListDropdownItemDescriptionDefault : string;
|
|
336
|
+
export const ComponentsListDropdownItemDescriptionHover : string;
|
|
337
|
+
export const ComponentsListDropdownItemDescriptionDisabled : string;
|
|
338
|
+
export const ComponentsListDropdownItemBackgroundDefault : string;
|
|
339
|
+
export const ComponentsListDropdownItemBackgroundHover : string;
|
|
340
|
+
export const ComponentsListDropdownItemBackgroundDisabled : string;
|
|
341
|
+
export const ComponentsListDropdownItemBackgroundTitle : string;
|
|
342
|
+
export const ComponentsListDropdownItemTitleContent : string;
|
|
343
|
+
export const ComponentsListDropdownSeparator : string;
|
|
344
|
+
export const ComponentsListDropdownBorder : string;
|
|
341
345
|
export const ComponentsLoaderWhiteBackground : string;
|
|
342
346
|
export const ComponentsLoaderWhiteForeground : string;
|
|
343
347
|
export const ComponentsLoaderBrandBackground : string;
|
|
@@ -421,6 +425,13 @@ export const ComponentsAvatarContent7 : string;
|
|
|
421
425
|
export const ComponentsAvatarContent8 : string;
|
|
422
426
|
export const ComponentsAvatarContent9 : string;
|
|
423
427
|
export const ComponentsAvatarContent10 : string;
|
|
428
|
+
export const ComponentsFieldTimeBackgroundDefault : string;
|
|
429
|
+
export const ComponentsFieldTimeBackgroundHover : string;
|
|
430
|
+
export const ComponentsFieldTimeBackgroundActive : string;
|
|
431
|
+
export const ComponentsFieldTimeTextDefault : string;
|
|
432
|
+
export const ComponentsFieldTimeTextHover : string;
|
|
433
|
+
export const ComponentsFieldTimeTextActive : string;
|
|
434
|
+
export const ComponentsFieldTimeBorderActive : string;
|
|
424
435
|
export const ComponentsBreadcrumbText : string;
|
|
425
436
|
export const ComponentsBreadcrumbTextActive : string;
|
|
426
437
|
export const ComponentsBreadcrumbTextHover : string;
|
package/dist/js/spark_dark.js
CHANGED
|
@@ -75,7 +75,7 @@ export const ColorContentMediumIcon = "#bfbfbf";
|
|
|
75
75
|
export const ColorContentLowBorder = "#484848";
|
|
76
76
|
export const ColorContentLowText = "#808080";
|
|
77
77
|
export const ColorContentLowIcon = "#808080";
|
|
78
|
-
export const ColorContentLowerText = "#
|
|
78
|
+
export const ColorContentLowerText = "#6d6d6d";
|
|
79
79
|
export const ColorContentInvertedHighText = "#1d1d1d";
|
|
80
80
|
export const ColorContentInvertedHighIcon = "#1d1d1d";
|
|
81
81
|
export const ColorContentInvertedMediumText = "#414141";
|
|
@@ -327,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
|
|
|
327
327
|
export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
|
|
328
328
|
export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
|
|
329
329
|
export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
|
|
330
|
-
export const
|
|
331
|
-
export const
|
|
332
|
-
export const
|
|
333
|
-
export const
|
|
334
|
-
export const
|
|
335
|
-
export const
|
|
336
|
-
export const
|
|
337
|
-
export const
|
|
338
|
-
export const
|
|
339
|
-
export const
|
|
340
|
-
export const
|
|
330
|
+
export const ComponentsListDropdownBackground = "#0e0e0e";
|
|
331
|
+
export const ComponentsListDropdownHeaderBackground = "#1d1d1d";
|
|
332
|
+
export const ComponentsListDropdownItemLabelDefault = "#bfbfbf";
|
|
333
|
+
export const ComponentsListDropdownItemLabelHover = "#f6f6f6";
|
|
334
|
+
export const ComponentsListDropdownItemLabelDisabled = "#808080";
|
|
335
|
+
export const ComponentsListDropdownItemDescriptionDefault = "#808080";
|
|
336
|
+
export const ComponentsListDropdownItemDescriptionHover = "#bfbfbf";
|
|
337
|
+
export const ComponentsListDropdownItemDescriptionDisabled = "#6d6d6d";
|
|
338
|
+
export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
|
|
339
|
+
export const ComponentsListDropdownItemBackgroundHover = "#ffffff";
|
|
340
|
+
export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
|
|
341
|
+
export const ComponentsListDropdownItemBackgroundTitle = "#ffffff";
|
|
342
|
+
export const ComponentsListDropdownItemTitleContent = "#bfbfbf";
|
|
343
|
+
export const ComponentsListDropdownSeparator = "#484848";
|
|
344
|
+
export const ComponentsListDropdownBorder = "#484848";
|
|
341
345
|
export const ComponentsLoaderWhiteBackground = "#ffffff";
|
|
342
346
|
export const ComponentsLoaderWhiteForeground = "#ffffff";
|
|
343
347
|
export const ComponentsLoaderBrandBackground = "#45190a";
|
|
@@ -421,6 +425,13 @@ export const ComponentsAvatarContent7 = "#66b16a";
|
|
|
421
425
|
export const ComponentsAvatarContent8 = "#71b2bc";
|
|
422
426
|
export const ComponentsAvatarContent9 = "#8da930";
|
|
423
427
|
export const ComponentsAvatarContent10 = "#a9a9a9";
|
|
428
|
+
export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
|
|
429
|
+
export const ComponentsFieldTimeBackgroundHover = "#ffffff";
|
|
430
|
+
export const ComponentsFieldTimeBackgroundActive = "#45190a";
|
|
431
|
+
export const ComponentsFieldTimeTextDefault = "#808080";
|
|
432
|
+
export const ComponentsFieldTimeTextHover = "#bfbfbf";
|
|
433
|
+
export const ComponentsFieldTimeTextActive = "#eb7247";
|
|
434
|
+
export const ComponentsFieldTimeBorderActive = "#eb7247";
|
|
424
435
|
export const ComponentsBreadcrumbText = "#808080";
|
|
425
436
|
export const ComponentsBreadcrumbTextActive = "#bfbfbf";
|
|
426
437
|
export const ComponentsBreadcrumbTextHover = "#e75420";
|
|
@@ -445,9 +456,9 @@ export const ComponentsMenuContextualBackground = "#0e0e0e";
|
|
|
445
456
|
export const ComponentsMenuContextualBorder = "#484848";
|
|
446
457
|
export const ComponentsMenuContextualItemBackground = "#ffffff";
|
|
447
458
|
export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
|
|
448
|
-
export const ComponentsMenuContextualItemShortcut = "#
|
|
459
|
+
export const ComponentsMenuContextualItemShortcut = "#6d6d6d";
|
|
449
460
|
export const ComponentsMenuContextualItemContent = "#808080";
|
|
450
|
-
export const ComponentsMenuContextualItemContentDisabled = "#
|
|
461
|
+
export const ComponentsMenuContextualItemContentDisabled = "#6d6d6d";
|
|
451
462
|
export const ComponentsMenuContextualItemContentHover = "#bfbfbf";
|
|
452
463
|
export const ComponentsPopoverBackground = "#0e0e0e";
|
|
453
464
|
export const ComponentsPopoverBorder = "#484848";
|
package/dist/js/spark_light.d.ts
CHANGED
|
@@ -327,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault : string;
|
|
|
327
327
|
export const ComponentsListNativeItemBackgroundHover : string;
|
|
328
328
|
export const ComponentsListNativeItemBackgroundDisabled : string;
|
|
329
329
|
export const ComponentsListNativeItemBackgroundTitle : string;
|
|
330
|
-
export const
|
|
331
|
-
export const
|
|
332
|
-
export const
|
|
333
|
-
export const
|
|
334
|
-
export const
|
|
335
|
-
export const
|
|
336
|
-
export const
|
|
337
|
-
export const
|
|
338
|
-
export const
|
|
339
|
-
export const
|
|
340
|
-
export const
|
|
330
|
+
export const ComponentsListDropdownBackground : string;
|
|
331
|
+
export const ComponentsListDropdownHeaderBackground : string;
|
|
332
|
+
export const ComponentsListDropdownItemLabelDefault : string;
|
|
333
|
+
export const ComponentsListDropdownItemLabelHover : string;
|
|
334
|
+
export const ComponentsListDropdownItemLabelDisabled : string;
|
|
335
|
+
export const ComponentsListDropdownItemDescriptionDefault : string;
|
|
336
|
+
export const ComponentsListDropdownItemDescriptionHover : string;
|
|
337
|
+
export const ComponentsListDropdownItemDescriptionDisabled : string;
|
|
338
|
+
export const ComponentsListDropdownItemBackgroundDefault : string;
|
|
339
|
+
export const ComponentsListDropdownItemBackgroundHover : string;
|
|
340
|
+
export const ComponentsListDropdownItemBackgroundDisabled : string;
|
|
341
|
+
export const ComponentsListDropdownItemBackgroundTitle : string;
|
|
342
|
+
export const ComponentsListDropdownItemTitleContent : string;
|
|
343
|
+
export const ComponentsListDropdownSeparator : string;
|
|
344
|
+
export const ComponentsListDropdownBorder : string;
|
|
341
345
|
export const ComponentsLoaderWhiteBackground : string;
|
|
342
346
|
export const ComponentsLoaderWhiteForeground : string;
|
|
343
347
|
export const ComponentsLoaderBrandBackground : string;
|
|
@@ -421,6 +425,13 @@ export const ComponentsAvatarContent7 : string;
|
|
|
421
425
|
export const ComponentsAvatarContent8 : string;
|
|
422
426
|
export const ComponentsAvatarContent9 : string;
|
|
423
427
|
export const ComponentsAvatarContent10 : string;
|
|
428
|
+
export const ComponentsFieldTimeBackgroundDefault : string;
|
|
429
|
+
export const ComponentsFieldTimeBackgroundHover : string;
|
|
430
|
+
export const ComponentsFieldTimeBackgroundActive : string;
|
|
431
|
+
export const ComponentsFieldTimeTextDefault : string;
|
|
432
|
+
export const ComponentsFieldTimeTextHover : string;
|
|
433
|
+
export const ComponentsFieldTimeTextActive : string;
|
|
434
|
+
export const ComponentsFieldTimeBorderActive : string;
|
|
424
435
|
export const ComponentsBreadcrumbText : string;
|
|
425
436
|
export const ComponentsBreadcrumbTextActive : string;
|
|
426
437
|
export const ComponentsBreadcrumbTextHover : string;
|
package/dist/js/spark_light.js
CHANGED
|
@@ -327,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
|
|
|
327
327
|
export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
|
|
328
328
|
export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
|
|
329
329
|
export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
|
|
330
|
-
export const
|
|
331
|
-
export const
|
|
332
|
-
export const
|
|
333
|
-
export const
|
|
334
|
-
export const
|
|
335
|
-
export const
|
|
336
|
-
export const
|
|
337
|
-
export const
|
|
338
|
-
export const
|
|
339
|
-
export const
|
|
340
|
-
export const
|
|
330
|
+
export const ComponentsListDropdownBackground = "#ffffff";
|
|
331
|
+
export const ComponentsListDropdownHeaderBackground = "#f6f6f6";
|
|
332
|
+
export const ComponentsListDropdownItemLabelDefault = "#414141";
|
|
333
|
+
export const ComponentsListDropdownItemLabelHover = "#1d1d1d";
|
|
334
|
+
export const ComponentsListDropdownItemLabelDisabled = "#6d6d6d";
|
|
335
|
+
export const ComponentsListDropdownItemDescriptionDefault = "#6d6d6d";
|
|
336
|
+
export const ComponentsListDropdownItemDescriptionHover = "#414141";
|
|
337
|
+
export const ComponentsListDropdownItemDescriptionDisabled = "#a9a9a9";
|
|
338
|
+
export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
|
|
339
|
+
export const ComponentsListDropdownItemBackgroundHover = "#a5a5a5";
|
|
340
|
+
export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
|
|
341
|
+
export const ComponentsListDropdownItemBackgroundTitle = "#ffffff";
|
|
342
|
+
export const ComponentsListDropdownItemTitleContent = "#414141";
|
|
343
|
+
export const ComponentsListDropdownSeparator = "#e3e3e3";
|
|
344
|
+
export const ComponentsListDropdownBorder = "#e3e3e3";
|
|
341
345
|
export const ComponentsLoaderWhiteBackground = "#ffffff";
|
|
342
346
|
export const ComponentsLoaderWhiteForeground = "#ffffff";
|
|
343
347
|
export const ComponentsLoaderBrandBackground = "#fceae3";
|
|
@@ -421,6 +425,13 @@ export const ComponentsAvatarContent7 = "#106f15";
|
|
|
421
425
|
export const ComponentsAvatarContent8 = "#1f717d";
|
|
422
426
|
export const ComponentsAvatarContent9 = "#5c6e1f";
|
|
423
427
|
export const ComponentsAvatarContent10 = "#484848";
|
|
428
|
+
export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
|
|
429
|
+
export const ComponentsFieldTimeBackgroundHover = "#a5a5a5";
|
|
430
|
+
export const ComponentsFieldTimeBackgroundActive = "#fceae3";
|
|
431
|
+
export const ComponentsFieldTimeTextDefault = "#6d6d6d";
|
|
432
|
+
export const ComponentsFieldTimeTextHover = "#414141";
|
|
433
|
+
export const ComponentsFieldTimeTextActive = "#bf451a";
|
|
434
|
+
export const ComponentsFieldTimeBorderActive = "#bf451a";
|
|
424
435
|
export const ComponentsBreadcrumbText = "#6d6d6d";
|
|
425
436
|
export const ComponentsBreadcrumbTextActive = "#414141";
|
|
426
437
|
export const ComponentsBreadcrumbTextHover = "#e75420";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nova-design-system/nova-base",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.38",
|
|
4
4
|
"description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
|
|
5
5
|
"author": "Elia Group",
|
|
6
6
|
"homepage": "https://nova.eliagroup.io",
|