@nova-design-system/nova-base 3.0.0-beta.36 → 3.0.0-beta.37
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/generated/nova-tailwind-components.js +128 -17
- package/dist/cjs/plugin/nova-plugin.js +4 -0
- package/dist/cjs/plugin/nova-theme.js +1 -0
- package/dist/css/mccs.css +44 -23
- package/dist/css/nova-utils.css +153 -100
- package/dist/css/ocean.css +68 -47
- package/dist/css/spark.css +70 -49
- package/dist/generated/nova-tailwind-components.d.ts +112 -1
- package/dist/generated/nova-tailwind-components.js +128 -17
- package/dist/js/mccs_dark.d.ts +15 -9
- package/dist/js/mccs_dark.js +18 -12
- package/dist/js/mccs_light.d.ts +15 -9
- package/dist/js/mccs_light.js +18 -12
- package/dist/js/ocean_dark.d.ts +27 -21
- package/dist/js/ocean_dark.js +30 -24
- package/dist/js/ocean_light.d.ts +27 -21
- package/dist/js/ocean_light.js +30 -24
- package/dist/js/spacings.d.ts +9 -0
- package/dist/js/spacings.js +11 -2
- package/dist/js/spark_dark.d.ts +27 -21
- package/dist/js/spark_dark.js +30 -24
- package/dist/js/spark_light.d.ts +27 -21
- package/dist/js/spark_light.js +32 -26
- package/dist/plugin/nova-plugin.d.ts +1 -0
- package/dist/plugin/nova-plugin.js +4 -0
- package/dist/plugin/nova-theme.d.ts +1 -0
- package/dist/plugin/nova-theme.js +1 -0
- package/package.json +7 -2
package/dist/js/mccs_light.d.ts
CHANGED
|
@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover : string;
|
|
|
50
50
|
export const ColorInteractionLinkInvertedIcon : string;
|
|
51
51
|
export const ColorInteractionLinkInvertedIconHover : string;
|
|
52
52
|
export const ColorBlack : string;
|
|
53
|
+
export const ColorWhite : string;
|
|
54
|
+
export const ColorTransparent : string;
|
|
53
55
|
export const ColorLevel10Background : string;
|
|
54
56
|
export const ColorLevel15Background : string;
|
|
55
57
|
export const ColorLevel20Background : string;
|
|
@@ -186,6 +188,8 @@ export const ColorRainbow10Text : string;
|
|
|
186
188
|
export const ColorDontUseBorder : string;
|
|
187
189
|
export const ColorDontUseContent : string;
|
|
188
190
|
export const ColorDontUseBackground : string;
|
|
191
|
+
export const OpacityDisabled : string;
|
|
192
|
+
export const OpacityDisabled2 : string;
|
|
189
193
|
export const ShadowColorOpacity0 : string;
|
|
190
194
|
export const ShadowColorOpacity1 : string;
|
|
191
195
|
export const ShadowColorOpacity2 : string;
|
|
@@ -212,7 +216,6 @@ export const ShadowYAxisLg2 : string;
|
|
|
212
216
|
export const ShadowYAxisXl1 : string;
|
|
213
217
|
export const ShadowYAxisXl2 : string;
|
|
214
218
|
export const ShadowYAxis2xl : string;
|
|
215
|
-
export const ComponentsWpfComponents2 : string;
|
|
216
219
|
export const ComponentsButtonHighBorder : string;
|
|
217
220
|
export const ComponentsButtonHighBorderHover : string;
|
|
218
221
|
export const ComponentsButtonHighBorderActive : string;
|
|
@@ -418,6 +421,9 @@ export const ComponentsAvatarContent7 : string;
|
|
|
418
421
|
export const ComponentsAvatarContent8 : string;
|
|
419
422
|
export const ComponentsAvatarContent9 : string;
|
|
420
423
|
export const ComponentsAvatarContent10 : string;
|
|
424
|
+
export const ComponentsBreadcrumbText : string;
|
|
425
|
+
export const ComponentsBreadcrumbTextActive : string;
|
|
426
|
+
export const ComponentsBreadcrumbTextHover : string;
|
|
421
427
|
export const ComponentsNotificationInformationBackground : string;
|
|
422
428
|
export const ComponentsNotificationInformationIcon : string;
|
|
423
429
|
export const ComponentsNotificationInformationBorder : string;
|
|
@@ -435,14 +441,6 @@ export const ComponentsNotificationSuccessIcon : string;
|
|
|
435
441
|
export const ComponentsNotificationNeutralBackground : string;
|
|
436
442
|
export const ComponentsNotificationNeutralBorder : string;
|
|
437
443
|
export const ComponentsNotificationNeutralIcon : string;
|
|
438
|
-
export const ComponentsPopoverBackground : string;
|
|
439
|
-
export const ComponentsPopoverBorder : string;
|
|
440
|
-
export const ComponentsPopoverText : string;
|
|
441
|
-
export const ComponentsPopoverSupportingText : string;
|
|
442
|
-
export const ComponentsTooltipBackground : string;
|
|
443
|
-
export const ComponentsTooltipBorder : string;
|
|
444
|
-
export const ComponentsTooltipText : string;
|
|
445
|
-
export const ComponentsTooltipSupportingText : string;
|
|
446
444
|
export const ComponentsMenuContextualBackground : string;
|
|
447
445
|
export const ComponentsMenuContextualBorder : string;
|
|
448
446
|
export const ComponentsMenuContextualItemBackground : string;
|
|
@@ -451,3 +449,11 @@ export const ComponentsMenuContextualItemShortcut : string;
|
|
|
451
449
|
export const ComponentsMenuContextualItemContent : string;
|
|
452
450
|
export const ComponentsMenuContextualItemContentDisabled : string;
|
|
453
451
|
export const ComponentsMenuContextualItemContentHover : string;
|
|
452
|
+
export const ComponentsPopoverBackground : string;
|
|
453
|
+
export const ComponentsPopoverBorder : string;
|
|
454
|
+
export const ComponentsPopoverText : string;
|
|
455
|
+
export const ComponentsPopoverSupportingText : string;
|
|
456
|
+
export const ComponentsTooltipBackground : string;
|
|
457
|
+
export const ComponentsTooltipBorder : string;
|
|
458
|
+
export const ComponentsTooltipText : string;
|
|
459
|
+
export const ComponentsTooltipSupportingText : string;
|
package/dist/js/mccs_light.js
CHANGED
|
@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover = "#1f717d";
|
|
|
50
50
|
export const ColorInteractionLinkInvertedIcon = "#889499";
|
|
51
51
|
export const ColorInteractionLinkInvertedIconHover = "#1f717d";
|
|
52
52
|
export const ColorBlack = "#000000";
|
|
53
|
+
export const ColorWhite = "#ffffff";
|
|
54
|
+
export const ColorTransparent = "#ffffff";
|
|
53
55
|
export const ColorLevel10Background = "#f5f6f7";
|
|
54
56
|
export const ColorLevel15Background = "#eaeef0";
|
|
55
57
|
export const ColorLevel20Background = "#ffffff";
|
|
@@ -186,6 +188,8 @@ export const ColorRainbow10Text = "#394d55";
|
|
|
186
188
|
export const ColorDontUseBorder = "#c6ced1";
|
|
187
189
|
export const ColorDontUseContent = "#c6ced1";
|
|
188
190
|
export const ColorDontUseBackground = "#f5f6f7";
|
|
191
|
+
export const OpacityDisabled = "50%";
|
|
192
|
+
export const OpacityDisabled2 = "0%";
|
|
189
193
|
export const ShadowColorOpacity0 = "#ffffff";
|
|
190
194
|
export const ShadowColorOpacity1 = "#0b0f11";
|
|
191
195
|
export const ShadowColorOpacity2 = "#0b0f11";
|
|
@@ -212,7 +216,6 @@ export const ShadowYAxisLg2 = "10px";
|
|
|
212
216
|
export const ShadowYAxisXl1 = "10px";
|
|
213
217
|
export const ShadowYAxisXl2 = "20px";
|
|
214
218
|
export const ShadowYAxis2xl = "25px";
|
|
215
|
-
export const ComponentsWpfComponents2 = "#ffffff";
|
|
216
219
|
export const ComponentsButtonHighBorder = "#ffffff";
|
|
217
220
|
export const ComponentsButtonHighBorderHover = "#ffffff";
|
|
218
221
|
export const ComponentsButtonHighBorderActive = "#ffffff";
|
|
@@ -271,8 +274,8 @@ export const ComponentsButtonMediumIconHover = "#000000";
|
|
|
271
274
|
export const ComponentsButtonMediumText = "#000000";
|
|
272
275
|
export const ComponentsButtonMediumTextActive = "#000000";
|
|
273
276
|
export const ComponentsButtonMediumTextHover = "#000000";
|
|
274
|
-
export const ComponentsFormOpacityDefault = "
|
|
275
|
-
export const ComponentsFormOpacityDisabled = "
|
|
277
|
+
export const ComponentsFormOpacityDefault = "100%";
|
|
278
|
+
export const ComponentsFormOpacityDisabled = "50%";
|
|
276
279
|
export const ComponentsFormTextRequired = "#da2424";
|
|
277
280
|
export const ComponentsFormTextInfoIcon = "#617177";
|
|
278
281
|
export const ComponentsFormTextLabelDefault = "#171f22";
|
|
@@ -369,7 +372,7 @@ export const ComponentsButtonDestructiveLowerIcon = "#c6ced1";
|
|
|
369
372
|
export const ComponentsButtonDestructiveLowerIconHover = "#c6ced1";
|
|
370
373
|
export const ComponentsButtonDestructiveLowerBorder = "#c6ced1";
|
|
371
374
|
export const ComponentsButtonDestructiveLowerBorderHover = "#c6ced1";
|
|
372
|
-
export const ComponentsOverlayOpacity = "
|
|
375
|
+
export const ComponentsOverlayOpacity = "55%";
|
|
373
376
|
export const ComponentsOverlayBackground = "#11171a";
|
|
374
377
|
export const ComponentsAlertInformationBackground = "#f0f6ff";
|
|
375
378
|
export const ComponentsAlertInformationIcon = "#2660c2";
|
|
@@ -418,6 +421,9 @@ export const ComponentsAvatarContent7 = "#106f15";
|
|
|
418
421
|
export const ComponentsAvatarContent8 = "#1f717d";
|
|
419
422
|
export const ComponentsAvatarContent9 = "#5c6e1f";
|
|
420
423
|
export const ComponentsAvatarContent10 = "#394d55";
|
|
424
|
+
export const ComponentsBreadcrumbText = "#617177";
|
|
425
|
+
export const ComponentsBreadcrumbTextActive = "#34464d";
|
|
426
|
+
export const ComponentsBreadcrumbTextHover = "#1f717d";
|
|
421
427
|
export const ComponentsNotificationInformationBackground = "#ffffff";
|
|
422
428
|
export const ComponentsNotificationInformationIcon = "#2660c2";
|
|
423
429
|
export const ComponentsNotificationInformationBorder = "#2660c2";
|
|
@@ -435,14 +441,6 @@ export const ComponentsNotificationSuccessIcon = "#34ae3b";
|
|
|
435
441
|
export const ComponentsNotificationNeutralBackground = "#ffffff";
|
|
436
442
|
export const ComponentsNotificationNeutralBorder = "#617177";
|
|
437
443
|
export const ComponentsNotificationNeutralIcon = "#617177";
|
|
438
|
-
export const ComponentsPopoverBackground = "#f5f6f7";
|
|
439
|
-
export const ComponentsPopoverBorder = "#e1e4e6";
|
|
440
|
-
export const ComponentsPopoverText = "#34464d";
|
|
441
|
-
export const ComponentsPopoverSupportingText = "#617177";
|
|
442
|
-
export const ComponentsTooltipBackground = "#0b0f11";
|
|
443
|
-
export const ComponentsTooltipBorder = "#0b0f11";
|
|
444
|
-
export const ComponentsTooltipText = "#f5f6f7";
|
|
445
|
-
export const ComponentsTooltipSupportingText = "#889499";
|
|
446
444
|
export const ComponentsMenuContextualBackground = "#ffffff";
|
|
447
445
|
export const ComponentsMenuContextualBorder = "#e1e4e6";
|
|
448
446
|
export const ComponentsMenuContextualItemBackground = "#ffffff";
|
|
@@ -451,3 +449,11 @@ export const ComponentsMenuContextualItemShortcut = "#9fadb2";
|
|
|
451
449
|
export const ComponentsMenuContextualItemContent = "#617177";
|
|
452
450
|
export const ComponentsMenuContextualItemContentDisabled = "#9fadb2";
|
|
453
451
|
export const ComponentsMenuContextualItemContentHover = "#34464d";
|
|
452
|
+
export const ComponentsPopoverBackground = "#ffffff";
|
|
453
|
+
export const ComponentsPopoverBorder = "#e1e4e6";
|
|
454
|
+
export const ComponentsPopoverText = "#34464d";
|
|
455
|
+
export const ComponentsPopoverSupportingText = "#617177";
|
|
456
|
+
export const ComponentsTooltipBackground = "#0b0f11";
|
|
457
|
+
export const ComponentsTooltipBorder = "#0b0f11";
|
|
458
|
+
export const ComponentsTooltipText = "#f5f6f7";
|
|
459
|
+
export const ComponentsTooltipSupportingText = "#889499";
|
package/dist/js/ocean_dark.d.ts
CHANGED
|
@@ -2,18 +2,6 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const ColorInteractionContainerBrandedHighBorder : string;
|
|
6
|
-
export const ColorInteractionContainerBrandedHighBorderActive : string;
|
|
7
|
-
export const ColorInteractionContainerBrandedHighBorderHover : string;
|
|
8
|
-
export const ColorInteractionContainerBrandedHighBackground : string;
|
|
9
|
-
export const ColorInteractionContainerBrandedHighBackgroundActive : string;
|
|
10
|
-
export const ColorInteractionContainerBrandedHighBackgroundHover : string;
|
|
11
|
-
export const ColorInteractionContainerBrandedHighIcon : string;
|
|
12
|
-
export const ColorInteractionContainerBrandedHighIconActive : string;
|
|
13
|
-
export const ColorInteractionContainerBrandedHighIconHover : string;
|
|
14
|
-
export const ColorInteractionContainerBrandedHighText : string;
|
|
15
|
-
export const ColorInteractionContainerBrandedHighTextActive : string;
|
|
16
|
-
export const ColorInteractionContainerBrandedHighTextHover : string;
|
|
17
5
|
export const ColorInteractionContainerBrandedLowBackground : string;
|
|
18
6
|
export const ColorInteractionContainerBrandedLowBackgroundActive : string;
|
|
19
7
|
export const ColorInteractionContainerBrandedLowBackgroundHover : string;
|
|
@@ -26,6 +14,18 @@ export const ColorInteractionContainerBrandedLowIconHover : string;
|
|
|
26
14
|
export const ColorInteractionContainerBrandedLowText : string;
|
|
27
15
|
export const ColorInteractionContainerBrandedLowTextActive : string;
|
|
28
16
|
export const ColorInteractionContainerBrandedLowTextHover : string;
|
|
17
|
+
export const ColorInteractionContainerBrandedHighBackground : string;
|
|
18
|
+
export const ColorInteractionContainerBrandedHighBackgroundActive : string;
|
|
19
|
+
export const ColorInteractionContainerBrandedHighBackgroundHover : string;
|
|
20
|
+
export const ColorInteractionContainerBrandedHighBorder : string;
|
|
21
|
+
export const ColorInteractionContainerBrandedHighBorderActive : string;
|
|
22
|
+
export const ColorInteractionContainerBrandedHighBorderHover : string;
|
|
23
|
+
export const ColorInteractionContainerBrandedHighIcon : string;
|
|
24
|
+
export const ColorInteractionContainerBrandedHighIconActive : string;
|
|
25
|
+
export const ColorInteractionContainerBrandedHighIconHover : string;
|
|
26
|
+
export const ColorInteractionContainerBrandedHighText : string;
|
|
27
|
+
export const ColorInteractionContainerBrandedHighTextActive : string;
|
|
28
|
+
export const ColorInteractionContainerBrandedHighTextHover : string;
|
|
29
29
|
export const ColorInteractionContainerNeutralBackground : string;
|
|
30
30
|
export const ColorInteractionContainerNeutralBackgroundHover : string;
|
|
31
31
|
export const ColorInteractionContainerNeutralBackgroundActive : string;
|
|
@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover : string;
|
|
|
50
50
|
export const ColorInteractionLinkInvertedIcon : string;
|
|
51
51
|
export const ColorInteractionLinkInvertedIconHover : string;
|
|
52
52
|
export const ColorBlack : string;
|
|
53
|
+
export const ColorWhite : string;
|
|
54
|
+
export const ColorTransparent : string;
|
|
53
55
|
export const ColorLevel10Background : string;
|
|
54
56
|
export const ColorLevel15Background : string;
|
|
55
57
|
export const ColorLevel20Background : string;
|
|
@@ -186,6 +188,8 @@ export const ColorRainbow10Text : string;
|
|
|
186
188
|
export const ColorDontUseBorder : string;
|
|
187
189
|
export const ColorDontUseContent : string;
|
|
188
190
|
export const ColorDontUseBackground : string;
|
|
191
|
+
export const OpacityDisabled : string;
|
|
192
|
+
export const OpacityDisabled2 : string;
|
|
189
193
|
export const ShadowColorOpacity0 : string;
|
|
190
194
|
export const ShadowColorOpacity1 : string;
|
|
191
195
|
export const ShadowColorOpacity2 : string;
|
|
@@ -212,7 +216,6 @@ export const ShadowYAxisLg2 : string;
|
|
|
212
216
|
export const ShadowYAxisXl1 : string;
|
|
213
217
|
export const ShadowYAxisXl2 : string;
|
|
214
218
|
export const ShadowYAxis2xl : string;
|
|
215
|
-
export const ComponentsWpfComponents2 : string;
|
|
216
219
|
export const ComponentsButtonHighBorder : string;
|
|
217
220
|
export const ComponentsButtonHighBorderHover : string;
|
|
218
221
|
export const ComponentsButtonHighBorderActive : string;
|
|
@@ -418,6 +421,9 @@ export const ComponentsAvatarContent7 : string;
|
|
|
418
421
|
export const ComponentsAvatarContent8 : string;
|
|
419
422
|
export const ComponentsAvatarContent9 : string;
|
|
420
423
|
export const ComponentsAvatarContent10 : string;
|
|
424
|
+
export const ComponentsBreadcrumbText : string;
|
|
425
|
+
export const ComponentsBreadcrumbTextActive : string;
|
|
426
|
+
export const ComponentsBreadcrumbTextHover : string;
|
|
421
427
|
export const ComponentsNotificationInformationBackground : string;
|
|
422
428
|
export const ComponentsNotificationInformationIcon : string;
|
|
423
429
|
export const ComponentsNotificationInformationBorder : string;
|
|
@@ -435,14 +441,6 @@ export const ComponentsNotificationSuccessIcon : string;
|
|
|
435
441
|
export const ComponentsNotificationNeutralBackground : string;
|
|
436
442
|
export const ComponentsNotificationNeutralBorder : string;
|
|
437
443
|
export const ComponentsNotificationNeutralIcon : string;
|
|
438
|
-
export const ComponentsPopoverBackground : string;
|
|
439
|
-
export const ComponentsPopoverBorder : string;
|
|
440
|
-
export const ComponentsPopoverText : string;
|
|
441
|
-
export const ComponentsPopoverSupportingText : string;
|
|
442
|
-
export const ComponentsTooltipBackground : string;
|
|
443
|
-
export const ComponentsTooltipBorder : string;
|
|
444
|
-
export const ComponentsTooltipText : string;
|
|
445
|
-
export const ComponentsTooltipSupportingText : string;
|
|
446
444
|
export const ComponentsMenuContextualBackground : string;
|
|
447
445
|
export const ComponentsMenuContextualBorder : string;
|
|
448
446
|
export const ComponentsMenuContextualItemBackground : string;
|
|
@@ -451,3 +449,11 @@ export const ComponentsMenuContextualItemShortcut : string;
|
|
|
451
449
|
export const ComponentsMenuContextualItemContent : string;
|
|
452
450
|
export const ComponentsMenuContextualItemContentDisabled : string;
|
|
453
451
|
export const ComponentsMenuContextualItemContentHover : string;
|
|
452
|
+
export const ComponentsPopoverBackground : string;
|
|
453
|
+
export const ComponentsPopoverBorder : string;
|
|
454
|
+
export const ComponentsPopoverText : string;
|
|
455
|
+
export const ComponentsPopoverSupportingText : string;
|
|
456
|
+
export const ComponentsTooltipBackground : string;
|
|
457
|
+
export const ComponentsTooltipBorder : string;
|
|
458
|
+
export const ComponentsTooltipText : string;
|
|
459
|
+
export const ComponentsTooltipSupportingText : string;
|
package/dist/js/ocean_dark.js
CHANGED
|
@@ -2,18 +2,6 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const ColorInteractionContainerBrandedHighBorder = "#ffffff";
|
|
6
|
-
export const ColorInteractionContainerBrandedHighBorderActive = "#ffffff";
|
|
7
|
-
export const ColorInteractionContainerBrandedHighBorderHover = "#ffffff";
|
|
8
|
-
export const ColorInteractionContainerBrandedHighBackground = "#258998";
|
|
9
|
-
export const ColorInteractionContainerBrandedHighBackgroundActive = "#4b9eaa";
|
|
10
|
-
export const ColorInteractionContainerBrandedHighBackgroundHover = "#4b9eaa";
|
|
11
|
-
export const ColorInteractionContainerBrandedHighIcon = "#000000";
|
|
12
|
-
export const ColorInteractionContainerBrandedHighIconActive = "#000000";
|
|
13
|
-
export const ColorInteractionContainerBrandedHighIconHover = "#000000";
|
|
14
|
-
export const ColorInteractionContainerBrandedHighText = "#000000";
|
|
15
|
-
export const ColorInteractionContainerBrandedHighTextActive = "#000000";
|
|
16
|
-
export const ColorInteractionContainerBrandedHighTextHover = "#000000";
|
|
17
5
|
export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
|
|
18
6
|
export const ColorInteractionContainerBrandedLowBackgroundActive = "#0b292e";
|
|
19
7
|
export const ColorInteractionContainerBrandedLowBackgroundHover = "#0b292e";
|
|
@@ -26,6 +14,18 @@ export const ColorInteractionContainerBrandedLowIconHover = "#4b9eaa";
|
|
|
26
14
|
export const ColorInteractionContainerBrandedLowText = "#258998";
|
|
27
15
|
export const ColorInteractionContainerBrandedLowTextActive = "#4b9eaa";
|
|
28
16
|
export const ColorInteractionContainerBrandedLowTextHover = "#4b9eaa";
|
|
17
|
+
export const ColorInteractionContainerBrandedHighBackground = "#258998";
|
|
18
|
+
export const ColorInteractionContainerBrandedHighBackgroundActive = "#4b9eaa";
|
|
19
|
+
export const ColorInteractionContainerBrandedHighBackgroundHover = "#4b9eaa";
|
|
20
|
+
export const ColorInteractionContainerBrandedHighBorder = "#258998";
|
|
21
|
+
export const ColorInteractionContainerBrandedHighBorderActive = "#4b9eaa";
|
|
22
|
+
export const ColorInteractionContainerBrandedHighBorderHover = "#4b9eaa";
|
|
23
|
+
export const ColorInteractionContainerBrandedHighIcon = "#000000";
|
|
24
|
+
export const ColorInteractionContainerBrandedHighIconActive = "#000000";
|
|
25
|
+
export const ColorInteractionContainerBrandedHighIconHover = "#000000";
|
|
26
|
+
export const ColorInteractionContainerBrandedHighText = "#000000";
|
|
27
|
+
export const ColorInteractionContainerBrandedHighTextActive = "#000000";
|
|
28
|
+
export const ColorInteractionContainerBrandedHighTextHover = "#000000";
|
|
29
29
|
export const ColorInteractionContainerNeutralBackground = "#ffffff";
|
|
30
30
|
export const ColorInteractionContainerNeutralBackgroundHover = "#ffffff";
|
|
31
31
|
export const ColorInteractionContainerNeutralBackgroundActive = "#0b292e";
|
|
@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover = "#258998";
|
|
|
50
50
|
export const ColorInteractionLinkInvertedIcon = "#27353b";
|
|
51
51
|
export const ColorInteractionLinkInvertedIconHover = "#258998";
|
|
52
52
|
export const ColorBlack = "#000000";
|
|
53
|
+
export const ColorWhite = "#ffffff";
|
|
54
|
+
export const ColorTransparent = "#ffffff";
|
|
53
55
|
export const ColorLevel10Background = "#171f22";
|
|
54
56
|
export const ColorLevel15Background = "#171f22";
|
|
55
57
|
export const ColorLevel20Background = "#222e33";
|
|
@@ -186,6 +188,8 @@ export const ColorRainbow10Text = "#9fadb2";
|
|
|
186
188
|
export const ColorDontUseBorder = "#1e272b";
|
|
187
189
|
export const ColorDontUseContent = "#1e272b";
|
|
188
190
|
export const ColorDontUseBackground = "#0b0f11";
|
|
191
|
+
export const OpacityDisabled = "50%";
|
|
192
|
+
export const OpacityDisabled2 = "0%";
|
|
189
193
|
export const ShadowColorOpacity0 = "#0b0f11";
|
|
190
194
|
export const ShadowColorOpacity1 = "#0b0f11";
|
|
191
195
|
export const ShadowColorOpacity2 = "#0b0f11";
|
|
@@ -212,7 +216,6 @@ export const ShadowYAxisLg2 = "10px";
|
|
|
212
216
|
export const ShadowYAxisXl1 = "10px";
|
|
213
217
|
export const ShadowYAxisXl2 = "20px";
|
|
214
218
|
export const ShadowYAxis2xl = "25px";
|
|
215
|
-
export const ComponentsWpfComponents2 = "#ffffff";
|
|
216
219
|
export const ComponentsButtonHighBorder = "#ffffff";
|
|
217
220
|
export const ComponentsButtonHighBorderHover = "#ffffff";
|
|
218
221
|
export const ComponentsButtonHighBorderActive = "#ffffff";
|
|
@@ -271,8 +274,8 @@ export const ComponentsButtonGrAsComplementaryText = "#ffffff";
|
|
|
271
274
|
export const ComponentsButtonGrAsComplementaryTextHover = "#ffffff";
|
|
272
275
|
export const ComponentsButtonGrAsComplementaryIcon = "#ffffff";
|
|
273
276
|
export const ComponentsButtonGrAsComplementaryIconHover = "#ffffff";
|
|
274
|
-
export const ComponentsFormOpacityDefault = "
|
|
275
|
-
export const ComponentsFormOpacityDisabled = "
|
|
277
|
+
export const ComponentsFormOpacityDefault = "100%";
|
|
278
|
+
export const ComponentsFormOpacityDisabled = "50%";
|
|
276
279
|
export const ComponentsFormTextRequired = "#ff3d3d";
|
|
277
280
|
export const ComponentsFormTextInfoIcon = "#bac1c4";
|
|
278
281
|
export const ComponentsFormTextLabelDefault = "#f5f6f7";
|
|
@@ -369,7 +372,7 @@ export const ComponentsButtonDestructiveLowerIcon = "#1e272b";
|
|
|
369
372
|
export const ComponentsButtonDestructiveLowerIconHover = "#1e272b";
|
|
370
373
|
export const ComponentsButtonDestructiveLowerBorder = "#1e272b";
|
|
371
374
|
export const ComponentsButtonDestructiveLowerBorderHover = "#1e272b";
|
|
372
|
-
export const ComponentsOverlayOpacity = "
|
|
375
|
+
export const ComponentsOverlayOpacity = "75%";
|
|
373
376
|
export const ComponentsOverlayBackground = "#27353b";
|
|
374
377
|
export const ComponentsAlertInformationBackground = "#001c37";
|
|
375
378
|
export const ComponentsAlertInformationIcon = "#659fff";
|
|
@@ -418,6 +421,9 @@ export const ComponentsAvatarContent7 = "#66b16a";
|
|
|
418
421
|
export const ComponentsAvatarContent8 = "#71b2bc";
|
|
419
422
|
export const ComponentsAvatarContent9 = "#8da930";
|
|
420
423
|
export const ComponentsAvatarContent10 = "#9fadb2";
|
|
424
|
+
export const ComponentsBreadcrumbText = "#889499";
|
|
425
|
+
export const ComponentsBreadcrumbTextActive = "#bac1c4";
|
|
426
|
+
export const ComponentsBreadcrumbTextHover = "#258998";
|
|
421
427
|
export const ComponentsNotificationInformationBackground = "#222e33";
|
|
422
428
|
export const ComponentsNotificationInformationIcon = "#659fff";
|
|
423
429
|
export const ComponentsNotificationInformationBorder = "#659fff";
|
|
@@ -435,14 +441,6 @@ export const ComponentsNotificationSuccessIcon = "#6bde71";
|
|
|
435
441
|
export const ComponentsNotificationNeutralBackground = "#222e33";
|
|
436
442
|
export const ComponentsNotificationNeutralBorder = "#889499";
|
|
437
443
|
export const ComponentsNotificationNeutralIcon = "#889499";
|
|
438
|
-
export const ComponentsPopoverBackground = "#0b0f11";
|
|
439
|
-
export const ComponentsPopoverBorder = "#394d55";
|
|
440
|
-
export const ComponentsPopoverText = "#27353b";
|
|
441
|
-
export const ComponentsPopoverSupportingText = "#889499";
|
|
442
|
-
export const ComponentsTooltipBackground = "#f5f6f7";
|
|
443
|
-
export const ComponentsTooltipBorder = "#f5f6f7";
|
|
444
|
-
export const ComponentsTooltipText = "#0b0f11";
|
|
445
|
-
export const ComponentsTooltipSupportingText = "#27353b";
|
|
446
444
|
export const ComponentsMenuContextualBackground = "#0b0f11";
|
|
447
445
|
export const ComponentsMenuContextualBorder = "#394d55";
|
|
448
446
|
export const ComponentsMenuContextualItemBackground = "#ffffff";
|
|
@@ -451,3 +449,11 @@ export const ComponentsMenuContextualItemShortcut = "#3f555e";
|
|
|
451
449
|
export const ComponentsMenuContextualItemContent = "#889499";
|
|
452
450
|
export const ComponentsMenuContextualItemContentDisabled = "#3f555e";
|
|
453
451
|
export const ComponentsMenuContextualItemContentHover = "#bac1c4";
|
|
452
|
+
export const ComponentsPopoverBackground = "#0b0f11";
|
|
453
|
+
export const ComponentsPopoverBorder = "#394d55";
|
|
454
|
+
export const ComponentsPopoverText = "#27353b";
|
|
455
|
+
export const ComponentsPopoverSupportingText = "#889499";
|
|
456
|
+
export const ComponentsTooltipBackground = "#f5f6f7";
|
|
457
|
+
export const ComponentsTooltipBorder = "#f5f6f7";
|
|
458
|
+
export const ComponentsTooltipText = "#0b0f11";
|
|
459
|
+
export const ComponentsTooltipSupportingText = "#27353b";
|
package/dist/js/ocean_light.d.ts
CHANGED
|
@@ -2,18 +2,6 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const ColorInteractionContainerBrandedHighBorder : string;
|
|
6
|
-
export const ColorInteractionContainerBrandedHighBorderActive : string;
|
|
7
|
-
export const ColorInteractionContainerBrandedHighBorderHover : string;
|
|
8
|
-
export const ColorInteractionContainerBrandedHighBackground : string;
|
|
9
|
-
export const ColorInteractionContainerBrandedHighBackgroundActive : string;
|
|
10
|
-
export const ColorInteractionContainerBrandedHighBackgroundHover : string;
|
|
11
|
-
export const ColorInteractionContainerBrandedHighIcon : string;
|
|
12
|
-
export const ColorInteractionContainerBrandedHighIconActive : string;
|
|
13
|
-
export const ColorInteractionContainerBrandedHighIconHover : string;
|
|
14
|
-
export const ColorInteractionContainerBrandedHighText : string;
|
|
15
|
-
export const ColorInteractionContainerBrandedHighTextActive : string;
|
|
16
|
-
export const ColorInteractionContainerBrandedHighTextHover : string;
|
|
17
5
|
export const ColorInteractionContainerBrandedLowBackground : string;
|
|
18
6
|
export const ColorInteractionContainerBrandedLowBackgroundActive : string;
|
|
19
7
|
export const ColorInteractionContainerBrandedLowBackgroundHover : string;
|
|
@@ -26,6 +14,18 @@ export const ColorInteractionContainerBrandedLowIconHover : string;
|
|
|
26
14
|
export const ColorInteractionContainerBrandedLowText : string;
|
|
27
15
|
export const ColorInteractionContainerBrandedLowTextActive : string;
|
|
28
16
|
export const ColorInteractionContainerBrandedLowTextHover : string;
|
|
17
|
+
export const ColorInteractionContainerBrandedHighBackground : string;
|
|
18
|
+
export const ColorInteractionContainerBrandedHighBackgroundActive : string;
|
|
19
|
+
export const ColorInteractionContainerBrandedHighBackgroundHover : string;
|
|
20
|
+
export const ColorInteractionContainerBrandedHighBorder : string;
|
|
21
|
+
export const ColorInteractionContainerBrandedHighBorderActive : string;
|
|
22
|
+
export const ColorInteractionContainerBrandedHighBorderHover : string;
|
|
23
|
+
export const ColorInteractionContainerBrandedHighIcon : string;
|
|
24
|
+
export const ColorInteractionContainerBrandedHighIconActive : string;
|
|
25
|
+
export const ColorInteractionContainerBrandedHighIconHover : string;
|
|
26
|
+
export const ColorInteractionContainerBrandedHighText : string;
|
|
27
|
+
export const ColorInteractionContainerBrandedHighTextActive : string;
|
|
28
|
+
export const ColorInteractionContainerBrandedHighTextHover : string;
|
|
29
29
|
export const ColorInteractionContainerNeutralBackground : string;
|
|
30
30
|
export const ColorInteractionContainerNeutralBackgroundHover : string;
|
|
31
31
|
export const ColorInteractionContainerNeutralBackgroundActive : string;
|
|
@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover : string;
|
|
|
50
50
|
export const ColorInteractionLinkInvertedIcon : string;
|
|
51
51
|
export const ColorInteractionLinkInvertedIconHover : string;
|
|
52
52
|
export const ColorBlack : string;
|
|
53
|
+
export const ColorWhite : string;
|
|
54
|
+
export const ColorTransparent : string;
|
|
53
55
|
export const ColorLevel10Background : string;
|
|
54
56
|
export const ColorLevel15Background : string;
|
|
55
57
|
export const ColorLevel20Background : string;
|
|
@@ -186,6 +188,8 @@ export const ColorRainbow10Text : string;
|
|
|
186
188
|
export const ColorDontUseBorder : string;
|
|
187
189
|
export const ColorDontUseContent : string;
|
|
188
190
|
export const ColorDontUseBackground : string;
|
|
191
|
+
export const OpacityDisabled : string;
|
|
192
|
+
export const OpacityDisabled2 : string;
|
|
189
193
|
export const ShadowColorOpacity0 : string;
|
|
190
194
|
export const ShadowColorOpacity1 : string;
|
|
191
195
|
export const ShadowColorOpacity2 : string;
|
|
@@ -212,7 +216,6 @@ export const ShadowYAxisLg2 : string;
|
|
|
212
216
|
export const ShadowYAxisXl1 : string;
|
|
213
217
|
export const ShadowYAxisXl2 : string;
|
|
214
218
|
export const ShadowYAxis2xl : string;
|
|
215
|
-
export const ComponentsWpfComponents2 : string;
|
|
216
219
|
export const ComponentsButtonHighBorder : string;
|
|
217
220
|
export const ComponentsButtonHighBorderHover : string;
|
|
218
221
|
export const ComponentsButtonHighBorderActive : string;
|
|
@@ -418,6 +421,9 @@ export const ComponentsAvatarContent7 : string;
|
|
|
418
421
|
export const ComponentsAvatarContent8 : string;
|
|
419
422
|
export const ComponentsAvatarContent9 : string;
|
|
420
423
|
export const ComponentsAvatarContent10 : string;
|
|
424
|
+
export const ComponentsBreadcrumbText : string;
|
|
425
|
+
export const ComponentsBreadcrumbTextActive : string;
|
|
426
|
+
export const ComponentsBreadcrumbTextHover : string;
|
|
421
427
|
export const ComponentsNotificationInformationBackground : string;
|
|
422
428
|
export const ComponentsNotificationInformationIcon : string;
|
|
423
429
|
export const ComponentsNotificationInformationBorder : string;
|
|
@@ -435,14 +441,6 @@ export const ComponentsNotificationSuccessIcon : string;
|
|
|
435
441
|
export const ComponentsNotificationNeutralBackground : string;
|
|
436
442
|
export const ComponentsNotificationNeutralBorder : string;
|
|
437
443
|
export const ComponentsNotificationNeutralIcon : string;
|
|
438
|
-
export const ComponentsPopoverBackground : string;
|
|
439
|
-
export const ComponentsPopoverBorder : string;
|
|
440
|
-
export const ComponentsPopoverText : string;
|
|
441
|
-
export const ComponentsPopoverSupportingText : string;
|
|
442
|
-
export const ComponentsTooltipBackground : string;
|
|
443
|
-
export const ComponentsTooltipBorder : string;
|
|
444
|
-
export const ComponentsTooltipText : string;
|
|
445
|
-
export const ComponentsTooltipSupportingText : string;
|
|
446
444
|
export const ComponentsMenuContextualBackground : string;
|
|
447
445
|
export const ComponentsMenuContextualBorder : string;
|
|
448
446
|
export const ComponentsMenuContextualItemBackground : string;
|
|
@@ -451,3 +449,11 @@ export const ComponentsMenuContextualItemShortcut : string;
|
|
|
451
449
|
export const ComponentsMenuContextualItemContent : string;
|
|
452
450
|
export const ComponentsMenuContextualItemContentDisabled : string;
|
|
453
451
|
export const ComponentsMenuContextualItemContentHover : string;
|
|
452
|
+
export const ComponentsPopoverBackground : string;
|
|
453
|
+
export const ComponentsPopoverBorder : string;
|
|
454
|
+
export const ComponentsPopoverText : string;
|
|
455
|
+
export const ComponentsPopoverSupportingText : string;
|
|
456
|
+
export const ComponentsTooltipBackground : string;
|
|
457
|
+
export const ComponentsTooltipBorder : string;
|
|
458
|
+
export const ComponentsTooltipText : string;
|
|
459
|
+
export const ComponentsTooltipSupportingText : string;
|
package/dist/js/ocean_light.js
CHANGED
|
@@ -2,18 +2,6 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
export const ColorInteractionContainerBrandedHighBorder = "#ffffff";
|
|
6
|
-
export const ColorInteractionContainerBrandedHighBorderActive = "#ffffff";
|
|
7
|
-
export const ColorInteractionContainerBrandedHighBorderHover = "#ffffff";
|
|
8
|
-
export const ColorInteractionContainerBrandedHighBackground = "#1f717d";
|
|
9
|
-
export const ColorInteractionContainerBrandedHighBackgroundActive = "#185963";
|
|
10
|
-
export const ColorInteractionContainerBrandedHighBackgroundHover = "#185963";
|
|
11
|
-
export const ColorInteractionContainerBrandedHighIcon = "#ffffff";
|
|
12
|
-
export const ColorInteractionContainerBrandedHighIconActive = "#ffffff";
|
|
13
|
-
export const ColorInteractionContainerBrandedHighIconHover = "#ffffff";
|
|
14
|
-
export const ColorInteractionContainerBrandedHighText = "#ffffff";
|
|
15
|
-
export const ColorInteractionContainerBrandedHighTextActive = "#ffffff";
|
|
16
|
-
export const ColorInteractionContainerBrandedHighTextHover = "#ffffff";
|
|
17
5
|
export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
|
|
18
6
|
export const ColorInteractionContainerBrandedLowBackgroundActive = "#e4f0f2";
|
|
19
7
|
export const ColorInteractionContainerBrandedLowBackgroundHover = "#e4f0f2";
|
|
@@ -26,6 +14,18 @@ export const ColorInteractionContainerBrandedLowIconHover = "#185963";
|
|
|
26
14
|
export const ColorInteractionContainerBrandedLowText = "#1f717d";
|
|
27
15
|
export const ColorInteractionContainerBrandedLowTextActive = "#185963";
|
|
28
16
|
export const ColorInteractionContainerBrandedLowTextHover = "#185963";
|
|
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
29
|
export const ColorInteractionContainerNeutralBackground = "#ffffff";
|
|
30
30
|
export const ColorInteractionContainerNeutralBackgroundHover = "#a5a6a7";
|
|
31
31
|
export const ColorInteractionContainerNeutralBackgroundActive = "#e4f0f2";
|
|
@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover = "#1f717d";
|
|
|
50
50
|
export const ColorInteractionLinkInvertedIcon = "#889499";
|
|
51
51
|
export const ColorInteractionLinkInvertedIconHover = "#1f717d";
|
|
52
52
|
export const ColorBlack = "#000000";
|
|
53
|
+
export const ColorWhite = "#ffffff";
|
|
54
|
+
export const ColorTransparent = "#ffffff";
|
|
53
55
|
export const ColorLevel10Background = "#f5f6f7";
|
|
54
56
|
export const ColorLevel15Background = "#eaeef0";
|
|
55
57
|
export const ColorLevel20Background = "#ffffff";
|
|
@@ -186,6 +188,8 @@ export const ColorRainbow10Text = "#394d55";
|
|
|
186
188
|
export const ColorDontUseBorder = "#c6ced1";
|
|
187
189
|
export const ColorDontUseContent = "#c6ced1";
|
|
188
190
|
export const ColorDontUseBackground = "#f5f6f7";
|
|
191
|
+
export const OpacityDisabled = "50%";
|
|
192
|
+
export const OpacityDisabled2 = "0%";
|
|
189
193
|
export const ShadowColorOpacity0 = "#ffffff";
|
|
190
194
|
export const ShadowColorOpacity1 = "#0b0f11";
|
|
191
195
|
export const ShadowColorOpacity2 = "#0b0f11";
|
|
@@ -212,7 +216,6 @@ export const ShadowYAxisLg2 = "10px";
|
|
|
212
216
|
export const ShadowYAxisXl1 = "10px";
|
|
213
217
|
export const ShadowYAxisXl2 = "20px";
|
|
214
218
|
export const ShadowYAxis2xl = "25px";
|
|
215
|
-
export const ComponentsWpfComponents2 = "#ffffff";
|
|
216
219
|
export const ComponentsButtonHighBorder = "#ffffff";
|
|
217
220
|
export const ComponentsButtonHighBorderHover = "#ffffff";
|
|
218
221
|
export const ComponentsButtonHighBorderActive = "#ffffff";
|
|
@@ -271,8 +274,8 @@ export const ComponentsButtonGrAsComplementaryText = "#000000";
|
|
|
271
274
|
export const ComponentsButtonGrAsComplementaryTextHover = "#000000";
|
|
272
275
|
export const ComponentsButtonGrAsComplementaryIcon = "#000000";
|
|
273
276
|
export const ComponentsButtonGrAsComplementaryIconHover = "#000000";
|
|
274
|
-
export const ComponentsFormOpacityDefault = "
|
|
275
|
-
export const ComponentsFormOpacityDisabled = "
|
|
277
|
+
export const ComponentsFormOpacityDefault = "100%";
|
|
278
|
+
export const ComponentsFormOpacityDisabled = "50%";
|
|
276
279
|
export const ComponentsFormTextRequired = "#da2424";
|
|
277
280
|
export const ComponentsFormTextInfoIcon = "#617177";
|
|
278
281
|
export const ComponentsFormTextLabelDefault = "#171f22";
|
|
@@ -369,7 +372,7 @@ export const ComponentsButtonDestructiveLowerIcon = "#c6ced1";
|
|
|
369
372
|
export const ComponentsButtonDestructiveLowerIconHover = "#c6ced1";
|
|
370
373
|
export const ComponentsButtonDestructiveLowerBorder = "#c6ced1";
|
|
371
374
|
export const ComponentsButtonDestructiveLowerBorderHover = "#c6ced1";
|
|
372
|
-
export const ComponentsOverlayOpacity = "
|
|
375
|
+
export const ComponentsOverlayOpacity = "55%";
|
|
373
376
|
export const ComponentsOverlayBackground = "#11171a";
|
|
374
377
|
export const ComponentsAlertInformationBackground = "#f0f6ff";
|
|
375
378
|
export const ComponentsAlertInformationIcon = "#2660c2";
|
|
@@ -418,6 +421,9 @@ export const ComponentsAvatarContent7 = "#106f15";
|
|
|
418
421
|
export const ComponentsAvatarContent8 = "#1f717d";
|
|
419
422
|
export const ComponentsAvatarContent9 = "#5c6e1f";
|
|
420
423
|
export const ComponentsAvatarContent10 = "#394d55";
|
|
424
|
+
export const ComponentsBreadcrumbText = "#617177";
|
|
425
|
+
export const ComponentsBreadcrumbTextActive = "#34464d";
|
|
426
|
+
export const ComponentsBreadcrumbTextHover = "#1f717d";
|
|
421
427
|
export const ComponentsNotificationInformationBackground = "#ffffff";
|
|
422
428
|
export const ComponentsNotificationInformationIcon = "#2660c2";
|
|
423
429
|
export const ComponentsNotificationInformationBorder = "#2660c2";
|
|
@@ -435,14 +441,6 @@ export const ComponentsNotificationSuccessIcon = "#34ae3b";
|
|
|
435
441
|
export const ComponentsNotificationNeutralBackground = "#ffffff";
|
|
436
442
|
export const ComponentsNotificationNeutralBorder = "#617177";
|
|
437
443
|
export const ComponentsNotificationNeutralIcon = "#617177";
|
|
438
|
-
export const ComponentsPopoverBackground = "#f5f6f7";
|
|
439
|
-
export const ComponentsPopoverBorder = "#e1e4e6";
|
|
440
|
-
export const ComponentsPopoverText = "#34464d";
|
|
441
|
-
export const ComponentsPopoverSupportingText = "#617177";
|
|
442
|
-
export const ComponentsTooltipBackground = "#0b0f11";
|
|
443
|
-
export const ComponentsTooltipBorder = "#0b0f11";
|
|
444
|
-
export const ComponentsTooltipText = "#f5f6f7";
|
|
445
|
-
export const ComponentsTooltipSupportingText = "#889499";
|
|
446
444
|
export const ComponentsMenuContextualBackground = "#ffffff";
|
|
447
445
|
export const ComponentsMenuContextualBorder = "#e1e4e6";
|
|
448
446
|
export const ComponentsMenuContextualItemBackground = "#ffffff";
|
|
@@ -451,3 +449,11 @@ export const ComponentsMenuContextualItemShortcut = "#9fadb2";
|
|
|
451
449
|
export const ComponentsMenuContextualItemContent = "#617177";
|
|
452
450
|
export const ComponentsMenuContextualItemContentDisabled = "#9fadb2";
|
|
453
451
|
export const ComponentsMenuContextualItemContentHover = "#34464d";
|
|
452
|
+
export const ComponentsPopoverBackground = "#ffffff";
|
|
453
|
+
export const ComponentsPopoverBorder = "#e1e4e6";
|
|
454
|
+
export const ComponentsPopoverText = "#34464d";
|
|
455
|
+
export const ComponentsPopoverSupportingText = "#617177";
|
|
456
|
+
export const ComponentsTooltipBackground = "#0b0f11";
|
|
457
|
+
export const ComponentsTooltipBorder = "#0b0f11";
|
|
458
|
+
export const ComponentsTooltipText = "#f5f6f7";
|
|
459
|
+
export const ComponentsTooltipSupportingText = "#889499";
|
package/dist/js/spacings.d.ts
CHANGED
|
@@ -173,6 +173,7 @@ export const BadgeGapX : string;
|
|
|
173
173
|
export const BadgePaddingX : string;
|
|
174
174
|
export const BadgePaddingY : string;
|
|
175
175
|
export const BadgeRadius : string;
|
|
176
|
+
export const BreadcrumbPaddingY : string;
|
|
176
177
|
export const DialogDismissiblePositionTop : string;
|
|
177
178
|
export const DialogDismissiblePositionRight : string;
|
|
178
179
|
export const DialogHeaderGapY : string;
|
|
@@ -245,6 +246,14 @@ export const IconSm : string;
|
|
|
245
246
|
export const IconMd : string;
|
|
246
247
|
export const IconLg : string;
|
|
247
248
|
export const IconXl : string;
|
|
249
|
+
export const NavigationPrimaryItemGapX : string;
|
|
250
|
+
export const NavigationPrimaryItemPaddingX : string;
|
|
251
|
+
export const NavigationPrimaryItemPaddingY : string;
|
|
252
|
+
export const NavigationPrimaryItemFontSize : string;
|
|
253
|
+
export const NavigationPrimaryItemIconSize : string;
|
|
254
|
+
export const NavigationPrimaryItemRadius : string;
|
|
255
|
+
export const NavigationPrimaryItemBulletFontSize : string;
|
|
256
|
+
export const NavigationPrimaryItemBulletSize : string;
|
|
248
257
|
export const NotificationIconSize : string;
|
|
249
258
|
export const NotificationGapX : string;
|
|
250
259
|
export const NotificationGapXTitle : string;
|
package/dist/js/spacings.js
CHANGED
|
@@ -92,8 +92,8 @@ export const PopoverShadow2Spread = "0px";
|
|
|
92
92
|
export const PopoverShadow2Opacity = "#0b0f11";
|
|
93
93
|
export const PopoverFontSize = "14px";
|
|
94
94
|
export const PopoverGapY = "4px";
|
|
95
|
-
export const PopoverPaddingX = "
|
|
96
|
-
export const PopoverPaddingY = "
|
|
95
|
+
export const PopoverPaddingX = "8px";
|
|
96
|
+
export const PopoverPaddingY = "8px";
|
|
97
97
|
export const PopoverRadius = "6px";
|
|
98
98
|
export const TooltipFontWeight = "500";
|
|
99
99
|
export const TooltipFontSize = "14px";
|
|
@@ -173,6 +173,7 @@ export const BadgeGapX = "4px";
|
|
|
173
173
|
export const BadgePaddingX = "8px";
|
|
174
174
|
export const BadgePaddingY = "4px";
|
|
175
175
|
export const BadgeRadius = "9999px";
|
|
176
|
+
export const BreadcrumbPaddingY = "4px";
|
|
176
177
|
export const DialogDismissiblePositionTop = "20px";
|
|
177
178
|
export const DialogDismissiblePositionRight = "12px";
|
|
178
179
|
export const DialogHeaderGapY = "0px";
|
|
@@ -245,6 +246,14 @@ export const IconSm = "16px";
|
|
|
245
246
|
export const IconMd = "20px";
|
|
246
247
|
export const IconLg = "24px";
|
|
247
248
|
export const IconXl = "28px";
|
|
249
|
+
export const NavigationPrimaryItemGapX = "8px";
|
|
250
|
+
export const NavigationPrimaryItemPaddingX = "12px";
|
|
251
|
+
export const NavigationPrimaryItemPaddingY = "8px";
|
|
252
|
+
export const NavigationPrimaryItemFontSize = "16px";
|
|
253
|
+
export const NavigationPrimaryItemIconSize = "20px";
|
|
254
|
+
export const NavigationPrimaryItemRadius = "6px";
|
|
255
|
+
export const NavigationPrimaryItemBulletFontSize = "12px";
|
|
256
|
+
export const NavigationPrimaryItemBulletSize = "20px";
|
|
248
257
|
export const NotificationIconSize = "20px";
|
|
249
258
|
export const NotificationGapX = "12px";
|
|
250
259
|
export const NotificationGapXTitle = "8px";
|