@nova-design-system/nova-base 3.21.1-beta.0 → 3.22.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.
@@ -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 = "#171f22";
7
+ export const ColorInteractionContainerNeutralBackgroundActive = "#0b292e";
8
+ export const ColorInteractionContainerNeutralBorder = "#889499";
9
+ export const ColorInteractionContainerNeutralBorderActive = "#4b9eaa";
10
+ export const ColorInteractionContainerNeutralBorderHover = "#bac1c4";
11
+ export const ColorInteractionContainerNeutralIcon = "#889499";
12
+ export const ColorInteractionContainerNeutralIconActive = "#4b9eaa";
13
+ export const ColorInteractionContainerNeutralIconHover = "#bac1c4";
14
+ export const ColorInteractionContainerNeutralText = "#889499";
15
+ export const ColorInteractionContainerNeutralTextActive = "#4b9eaa";
16
+ export const ColorInteractionContainerNeutralTextHover = "#bac1c4";
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
+ export const ColorInteractionContainerBrandedLowBackground = "#0b0f11";
30
+ export const ColorInteractionContainerBrandedLowBackgroundActive = "#0b292e";
31
+ export const ColorInteractionContainerBrandedLowBackgroundHover = "#0b292e";
32
+ export const ColorInteractionContainerBrandedLowBorder = "#258998";
33
+ export const ColorInteractionContainerBrandedLowBorderActive = "#4b9eaa";
34
+ export const ColorInteractionContainerBrandedLowBorderHover = "#4b9eaa";
35
+ export const ColorInteractionContainerBrandedLowIcon = "#258998";
36
+ export const ColorInteractionContainerBrandedLowIconActive = "#4b9eaa";
37
+ export const ColorInteractionContainerBrandedLowIconHover = "#4b9eaa";
38
+ export const ColorInteractionContainerBrandedLowText = "#258998";
39
+ export const ColorInteractionContainerBrandedLowTextActive = "#4b9eaa";
40
+ export const ColorInteractionContainerBrandedLowTextHover = "#4b9eaa";
41
+ export const ColorInteractionLinkHighIcon = "#258998";
42
+ export const ColorInteractionLinkHighIconHover = "#4b9eaa";
43
+ export const ColorInteractionLinkHighIconInactive = "#889499";
44
+ export const ColorInteractionLinkHighIconVisited = "#4b9eaa";
45
+ export const ColorInteractionLinkHighText = "#258998";
46
+ export const ColorInteractionLinkHighTextHover = "#4b9eaa";
47
+ export const ColorInteractionLinkHighTextDisabled = "#889499";
48
+ export const ColorInteractionLinkHighTextVisited = "#4b9eaa";
49
+ export const ColorInteractionLinkLowIcon = "#f5f6f7";
50
+ export const ColorInteractionLinkLowIconHover = "#4b9eaa";
51
+ export const ColorInteractionLinkLowIconDisabled = "#889499";
52
+ export const ColorInteractionLinkLowIconVisited = "#4b9eaa";
53
+ export const ColorInteractionLinkLowText = "#f5f6f7";
54
+ export const ColorInteractionLinkLowTextHover = "#4b9eaa";
55
+ export const ColorInteractionLinkLowTextDisabled = "#889499";
56
+ export const ColorInteractionLinkLowTextVisited = "#4b9eaa";
57
+ export const ColorInteractionLinkInvertedIcon = "#27353b";
58
+ export const ColorInteractionLinkInvertedIconHover = "#1f717d";
59
+ export const ColorInteractionLinkInvertedIconDisabled = "#3f555e";
60
+ export const ColorInteractionLinkInvertedIconVisited = "#4b9eaa";
61
+ export const ColorInteractionLinkInvertedText = "#27353b";
62
+ export const ColorInteractionLinkInvertedTextHover = "#1f717d";
63
+ export const ColorInteractionLinkInvertedTextInactive = "#3f555e";
64
+ export const ColorInteractionLinkInvertedTextVisited = "#4b9eaa";
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 = "#ffffff";
136
196
  export const ColorFocusDestructive = "#ff6161";
137
197
  export const ColorFocusDestructiveInField = "#ff6161";
138
198
  export const ColorFocusSuccess = "#45d24d";
139
- export const ColorInteractionContainerBrandedHighBackground = "#258998";
140
- export const ColorInteractionContainerBrandedHighBackgroundActive = "#4b9eaa";
141
- export const ColorInteractionContainerBrandedHighBackgroundHover = "#4b9eaa";
142
- export const ColorInteractionContainerBrandedHighBorder = "#258998";
143
- export const ColorInteractionContainerBrandedHighBorderActive = "#4b9eaa";
144
- export const ColorInteractionContainerBrandedHighBorderHover = "#4b9eaa";
145
- export const ColorInteractionContainerBrandedHighIcon = "#000000";
146
- export const ColorInteractionContainerBrandedHighIconActive = "#000000";
147
- export const ColorInteractionContainerBrandedHighIconHover = "#000000";
148
- export const ColorInteractionContainerBrandedHighText = "#000000";
149
- export const ColorInteractionContainerBrandedHighTextActive = "#000000";
150
- export const ColorInteractionContainerBrandedHighTextHover = "#000000";
151
- export const ColorInteractionContainerBrandedLowBackground = "#0b0f11";
152
- export const ColorInteractionContainerBrandedLowBackgroundActive = "#0b292e";
153
- export const ColorInteractionContainerBrandedLowBackgroundHover = "#0b292e";
154
- export const ColorInteractionContainerBrandedLowBorder = "#258998";
155
- export const ColorInteractionContainerBrandedLowBorderActive = "#4b9eaa";
156
- export const ColorInteractionContainerBrandedLowBorderHover = "#4b9eaa";
157
- export const ColorInteractionContainerBrandedLowIcon = "#258998";
158
- export const ColorInteractionContainerBrandedLowIconActive = "#4b9eaa";
159
- export const ColorInteractionContainerBrandedLowIconHover = "#4b9eaa";
160
- export const ColorInteractionContainerBrandedLowText = "#258998";
161
- export const ColorInteractionContainerBrandedLowTextActive = "#4b9eaa";
162
- export const ColorInteractionContainerBrandedLowTextHover = "#4b9eaa";
163
- export const ColorInteractionContainerNeutralBackground = "#0b0f11";
164
- export const ColorInteractionContainerNeutralBackgroundHover = "#171f22";
165
- export const ColorInteractionContainerNeutralBackgroundActive = "#0b292e";
166
- export const ColorInteractionContainerNeutralBorder = "#889499";
167
- export const ColorInteractionContainerNeutralBorderActive = "#4b9eaa";
168
- export const ColorInteractionContainerNeutralBorderHover = "#bac1c4";
169
- export const ColorInteractionContainerNeutralIcon = "#889499";
170
- export const ColorInteractionContainerNeutralIconActive = "#4b9eaa";
171
- export const ColorInteractionContainerNeutralIconHover = "#bac1c4";
172
- export const ColorInteractionContainerNeutralText = "#889499";
173
- export const ColorInteractionContainerNeutralTextActive = "#4b9eaa";
174
- export const ColorInteractionContainerNeutralTextHover = "#bac1c4";
175
- export const ColorInteractionLinkHighIcon = "#258998";
176
- export const ColorInteractionLinkHighIconHover = "#4b9eaa";
177
- export const ColorInteractionLinkHighIconInactive = "#889499";
178
- export const ColorInteractionLinkHighIconVisited = "#4b9eaa";
179
- export const ColorInteractionLinkHighText = "#258998";
180
- export const ColorInteractionLinkHighTextHover = "#4b9eaa";
181
- export const ColorInteractionLinkHighTextDisabled = "#889499";
182
- export const ColorInteractionLinkHighTextVisited = "#4b9eaa";
183
- export const ColorInteractionLinkLowIcon = "#f5f6f7";
184
- export const ColorInteractionLinkLowIconHover = "#4b9eaa";
185
- export const ColorInteractionLinkLowIconDisabled = "#889499";
186
- export const ColorInteractionLinkLowIconVisited = "#4b9eaa";
187
- export const ColorInteractionLinkLowText = "#f5f6f7";
188
- export const ColorInteractionLinkLowTextHover = "#4b9eaa";
189
- export const ColorInteractionLinkLowTextDisabled = "#889499";
190
- export const ColorInteractionLinkLowTextVisited = "#4b9eaa";
191
- export const ColorInteractionLinkInvertedIcon = "#27353b";
192
- export const ColorInteractionLinkInvertedIconHover = "#1f717d";
193
- export const ColorInteractionLinkInvertedIconDisabled = "#3f555e";
194
- export const ColorInteractionLinkInvertedIconVisited = "#4b9eaa";
195
- export const ColorInteractionLinkInvertedText = "#27353b";
196
- export const ColorInteractionLinkInvertedTextHover = "#1f717d";
197
- export const ColorInteractionLinkInvertedTextInactive = "#3f555e";
198
- export const ColorInteractionLinkInvertedTextVisited = "#4b9eaa";
199
199
  export const ColorRainbow1Background = "#432306";
200
200
  export const ColorRainbow1Border = "#f0801a";
201
201
  export const ColorRainbow1Icon = "#f0801a";
@@ -297,7 +297,7 @@ export const ComponentsButtonLowTextHover = "#4b9eaa";
297
297
  export const ComponentsButtonLowerBorder = "#ffffff";
298
298
  export const ComponentsButtonLowerBorderActive = "#ffffff";
299
299
  export const ComponentsButtonLowerBorderHover = "#ffffff";
300
- export const ComponentsButtonLowerBackground = "#0b0f11";
300
+ export const ComponentsButtonLowerBackground = "#ffffff";
301
301
  export const ComponentsButtonLowerBackgroundActive = "#0b292e";
302
302
  export const ComponentsButtonLowerBackgroundHover = "#171f22";
303
303
  export const ComponentsButtonLowerIcon = "#889499";
@@ -389,9 +389,9 @@ export const ComponentsListDropdownItemLabelActive = "#889499";
389
389
  export const ComponentsListDropdownItemDescriptionDefault = "#889499";
390
390
  export const ComponentsListDropdownItemDescriptionHover = "#bac1c4";
391
391
  export const ComponentsListDropdownItemDescriptionDisabled = "#617177";
392
- export const ComponentsListDropdownItemBackgroundDefault = "#0b0f11";
392
+ export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
393
393
  export const ComponentsListDropdownItemBackgroundHover = "#171f22";
394
- export const ComponentsListDropdownItemBackgroundDisabled = "#0b0f11";
394
+ export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
395
395
  export const ComponentsListDropdownItemBackgroundActive = "#0b292e";
396
396
  export const ComponentsListDropdownGroupTitleContent = "#bac1c4";
397
397
  export const ComponentsListDropdownGroupTitleBackground = "#ffffff";
@@ -493,17 +493,17 @@ export const ComponentsButtongroupLowerBorder = "#889499";
493
493
  export const ComponentsButtongroupLowerBackground = "#0b0f11";
494
494
  export const ComponentsDatagridHeaderBorder = "#617177";
495
495
  export const ComponentsDatagridHeaderText = "#f5f6f7";
496
- export const ComponentsDatagridHeaderBackground = "#0b0f11";
496
+ export const ComponentsDatagridHeaderBackground = "#ffffff";
497
497
  export const ComponentsDatagridBodyBorder = "#394d55";
498
498
  export const ComponentsDatagridBodyText = "#bac1c4";
499
499
  export const ComponentsDatagridBodySubtext = "#889499";
500
- export const ComponentsDatagridBodyBackgroundDefault = "#0b0f11";
500
+ export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
501
501
  export const ComponentsDatagridBodyBackgroundActive = "#0b292e";
502
502
  export const ComponentsDatagridBodyBackgroundHover = "#171f22";
503
503
  export const ComponentsDatagridExpanderContentBackground = "#0b0f11";
504
504
  export const ComponentsDatagridExpanderBorder = "#394d55";
505
505
  export const ComponentsDatagridExpanderExpanderBackground = "#171f22";
506
- export const ComponentsFieldTimeBackgroundDefault = "#0b0f11";
506
+ export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
507
507
  export const ComponentsFieldTimeBackgroundHover = "#171f22";
508
508
  export const ComponentsFieldTimeBackgroundActive = "#0b292e";
509
509
  export const ComponentsFieldTimeTextDefault = "#889499";
@@ -533,7 +533,7 @@ export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
533
533
  export const ComponentsCalendarBackground = "#0b0f11";
534
534
  export const ComponentsMenuContextualBackground = "#0b0f11";
535
535
  export const ComponentsMenuContextualBorder = "#394d55";
536
- export const ComponentsMenuContextualItemBackground = "#0b0f11";
536
+ export const ComponentsMenuContextualItemBackground = "#ffffff";
537
537
  export const ComponentsMenuContextualItemBackgroundHover = "#171f22";
538
538
  export const ComponentsMenuContextualItemShortcut = "#617177";
539
539
  export const ComponentsMenuContextualItemContent = "#889499";
@@ -2,6 +2,66 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
+ export const ColorInteractionContainerNeutralBackground : string;
6
+ export const ColorInteractionContainerNeutralBackgroundHover : string;
7
+ export const ColorInteractionContainerNeutralBackgroundActive : string;
8
+ export const ColorInteractionContainerNeutralBorder : string;
9
+ export const ColorInteractionContainerNeutralBorderActive : string;
10
+ export const ColorInteractionContainerNeutralBorderHover : string;
11
+ export const ColorInteractionContainerNeutralIcon : string;
12
+ export const ColorInteractionContainerNeutralIconActive : string;
13
+ export const ColorInteractionContainerNeutralIconHover : string;
14
+ export const ColorInteractionContainerNeutralText : string;
15
+ export const ColorInteractionContainerNeutralTextActive : string;
16
+ export const ColorInteractionContainerNeutralTextHover : 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
+ export const ColorInteractionContainerBrandedLowBackground : string;
30
+ export const ColorInteractionContainerBrandedLowBackgroundActive : string;
31
+ export const ColorInteractionContainerBrandedLowBackgroundHover : string;
32
+ export const ColorInteractionContainerBrandedLowBorder : string;
33
+ export const ColorInteractionContainerBrandedLowBorderActive : string;
34
+ export const ColorInteractionContainerBrandedLowBorderHover : string;
35
+ export const ColorInteractionContainerBrandedLowIcon : string;
36
+ export const ColorInteractionContainerBrandedLowIconActive : string;
37
+ export const ColorInteractionContainerBrandedLowIconHover : string;
38
+ export const ColorInteractionContainerBrandedLowText : string;
39
+ export const ColorInteractionContainerBrandedLowTextActive : string;
40
+ export const ColorInteractionContainerBrandedLowTextHover : string;
41
+ export const ColorInteractionLinkHighIcon : string;
42
+ export const ColorInteractionLinkHighIconHover : string;
43
+ export const ColorInteractionLinkHighIconInactive : string;
44
+ export const ColorInteractionLinkHighIconVisited : string;
45
+ export const ColorInteractionLinkHighText : string;
46
+ export const ColorInteractionLinkHighTextHover : string;
47
+ export const ColorInteractionLinkHighTextDisabled : string;
48
+ export const ColorInteractionLinkHighTextVisited : string;
49
+ export const ColorInteractionLinkLowIcon : string;
50
+ export const ColorInteractionLinkLowIconHover : string;
51
+ export const ColorInteractionLinkLowIconDisabled : string;
52
+ export const ColorInteractionLinkLowIconVisited : string;
53
+ export const ColorInteractionLinkLowText : string;
54
+ export const ColorInteractionLinkLowTextHover : string;
55
+ export const ColorInteractionLinkLowTextDisabled : string;
56
+ export const ColorInteractionLinkLowTextVisited : string;
57
+ export const ColorInteractionLinkInvertedIcon : string;
58
+ export const ColorInteractionLinkInvertedIconHover : string;
59
+ export const ColorInteractionLinkInvertedIconDisabled : string;
60
+ export const ColorInteractionLinkInvertedIconVisited : string;
61
+ export const ColorInteractionLinkInvertedText : string;
62
+ export const ColorInteractionLinkInvertedTextHover : string;
63
+ export const ColorInteractionLinkInvertedTextInactive : string;
64
+ export const ColorInteractionLinkInvertedTextVisited : string;
5
65
  export const ColorBlack : string;
6
66
  export const ColorWhite : string;
7
67
  export const ColorTransparent : string;
@@ -136,66 +196,6 @@ export const ColorFocusBackgroundInverted : string;
136
196
  export const ColorFocusDestructive : string;
137
197
  export const ColorFocusDestructiveInField : string;
138
198
  export const ColorFocusSuccess : string;
139
- export const ColorInteractionContainerBrandedHighBackground : string;
140
- export const ColorInteractionContainerBrandedHighBackgroundActive : string;
141
- export const ColorInteractionContainerBrandedHighBackgroundHover : string;
142
- export const ColorInteractionContainerBrandedHighBorder : string;
143
- export const ColorInteractionContainerBrandedHighBorderActive : string;
144
- export const ColorInteractionContainerBrandedHighBorderHover : string;
145
- export const ColorInteractionContainerBrandedHighIcon : string;
146
- export const ColorInteractionContainerBrandedHighIconActive : string;
147
- export const ColorInteractionContainerBrandedHighIconHover : string;
148
- export const ColorInteractionContainerBrandedHighText : string;
149
- export const ColorInteractionContainerBrandedHighTextActive : string;
150
- export const ColorInteractionContainerBrandedHighTextHover : string;
151
- export const ColorInteractionContainerBrandedLowBackground : string;
152
- export const ColorInteractionContainerBrandedLowBackgroundActive : string;
153
- export const ColorInteractionContainerBrandedLowBackgroundHover : string;
154
- export const ColorInteractionContainerBrandedLowBorder : string;
155
- export const ColorInteractionContainerBrandedLowBorderActive : string;
156
- export const ColorInteractionContainerBrandedLowBorderHover : string;
157
- export const ColorInteractionContainerBrandedLowIcon : string;
158
- export const ColorInteractionContainerBrandedLowIconActive : string;
159
- export const ColorInteractionContainerBrandedLowIconHover : string;
160
- export const ColorInteractionContainerBrandedLowText : string;
161
- export const ColorInteractionContainerBrandedLowTextActive : string;
162
- export const ColorInteractionContainerBrandedLowTextHover : string;
163
- export const ColorInteractionContainerNeutralBackground : string;
164
- export const ColorInteractionContainerNeutralBackgroundHover : string;
165
- export const ColorInteractionContainerNeutralBackgroundActive : string;
166
- export const ColorInteractionContainerNeutralBorder : string;
167
- export const ColorInteractionContainerNeutralBorderActive : string;
168
- export const ColorInteractionContainerNeutralBorderHover : string;
169
- export const ColorInteractionContainerNeutralIcon : string;
170
- export const ColorInteractionContainerNeutralIconActive : string;
171
- export const ColorInteractionContainerNeutralIconHover : string;
172
- export const ColorInteractionContainerNeutralText : string;
173
- export const ColorInteractionContainerNeutralTextActive : string;
174
- export const ColorInteractionContainerNeutralTextHover : string;
175
- export const ColorInteractionLinkHighIcon : string;
176
- export const ColorInteractionLinkHighIconHover : string;
177
- export const ColorInteractionLinkHighIconInactive : string;
178
- export const ColorInteractionLinkHighIconVisited : string;
179
- export const ColorInteractionLinkHighText : string;
180
- export const ColorInteractionLinkHighTextHover : string;
181
- export const ColorInteractionLinkHighTextDisabled : string;
182
- export const ColorInteractionLinkHighTextVisited : string;
183
- export const ColorInteractionLinkLowIcon : string;
184
- export const ColorInteractionLinkLowIconHover : string;
185
- export const ColorInteractionLinkLowIconDisabled : string;
186
- export const ColorInteractionLinkLowIconVisited : string;
187
- export const ColorInteractionLinkLowText : string;
188
- export const ColorInteractionLinkLowTextHover : string;
189
- export const ColorInteractionLinkLowTextDisabled : string;
190
- export const ColorInteractionLinkLowTextVisited : string;
191
- export const ColorInteractionLinkInvertedIcon : string;
192
- export const ColorInteractionLinkInvertedIconHover : string;
193
- export const ColorInteractionLinkInvertedIconDisabled : string;
194
- export const ColorInteractionLinkInvertedIconVisited : string;
195
- export const ColorInteractionLinkInvertedText : string;
196
- export const ColorInteractionLinkInvertedTextHover : string;
197
- export const ColorInteractionLinkInvertedTextInactive : string;
198
- export const ColorInteractionLinkInvertedTextVisited : string;
199
199
  export const ColorRainbow1Background : string;
200
200
  export const ColorRainbow1Border : string;
201
201
  export const ColorRainbow1Icon : string;
@@ -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";
@@ -193,26 +193,6 @@ export const MenuContextualGapY : string;
193
193
  export const MenuContextualPaddingX : string;
194
194
  export const MenuContextualPaddingY : string;
195
195
  export const MenuContextualRadius : string;
196
- export const NavigationWidth : string;
197
- export const NavigationReducedMaxWidth : string;
198
- export const NavigationPrimaryNotificationBulletFontSize : string;
199
- export const NavigationPrimaryNotificationBulletSize : string;
200
- export const NavigationPrimaryNotificationBulletSizeReduced : string;
201
- export const NavigationPrimaryNotificationBulletFontWeight : string;
202
- export const NavigationPrimaryTitlePaddingX : string;
203
- export const NavigationPrimaryTitlePaddingY : string;
204
- export const NavigationPrimaryTitleFontSize : string;
205
- export const NavigationPrimaryItemGapX : string;
206
- export const NavigationPrimaryItemPaddingX : string;
207
- export const NavigationPrimaryItemPaddingY : string;
208
- export const NavigationPrimaryItemFontSize : string;
209
- export const NavigationPrimaryItemIconSize : string;
210
- export const NavigationPrimaryItemRadius : string;
211
- export const NavigationPrimarySubItemPaddingLeftX : string;
212
- export const NavigationPrimarySeparatorSize : string;
213
- export const NavigationGapY : string;
214
- export const NavigationCollapsibleButtonPadding : string;
215
- export const NavigationCollapsibleButtonIconSize : string;
216
196
  export const PopoverFontWeight : string;
217
197
  export const PopoverShadow1X : string;
218
198
  export const PopoverShadow1Blur : string;
@@ -229,26 +209,6 @@ export const PopoverGapY : string;
229
209
  export const PopoverPaddingX : string;
230
210
  export const PopoverPaddingY : string;
231
211
  export const PopoverRadius : string;
232
- export const SidebarWidth : string;
233
- export const SidebarReducedMaxWidth : string;
234
- export const SidebarPrimaryNotificationBulletFontSize : string;
235
- export const SidebarPrimaryNotificationBulletSize : string;
236
- export const SidebarPrimaryNotificationBulletSizeReduced : string;
237
- export const SidebarPrimaryNotificationBulletFontWeight : string;
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;
249
- export const SidebarGapY : string;
250
- export const SidebarCollapsibleButtonPadding : string;
251
- export const SidebarCollapsibleButtonIconSize : string;
252
212
  export const TogglegroupXsPadding : string;
253
213
  export const TogglegroupXsButtonPaddingY : string;
254
214
  export const TogglegroupXsButtonRadius : string;
@@ -403,6 +363,14 @@ export const LoaderSizeSm : string;
403
363
  export const LoaderSizeMd : string;
404
364
  export const LoaderSizeLg : string;
405
365
  export const LoaderSizeXl : string;
366
+ export const NavigationPrimaryItemGapX : string;
367
+ export const NavigationPrimaryItemPaddingX : string;
368
+ export const NavigationPrimaryItemPaddingY : string;
369
+ export const NavigationPrimaryItemFontSize : string;
370
+ export const NavigationPrimaryItemIconSize : string;
371
+ export const NavigationPrimaryItemRadius : string;
372
+ export const NavigationPrimaryItemBulletFontSize : string;
373
+ export const NavigationPrimaryItemBulletSize : string;
406
374
  export const NotificationIconSize : string;
407
375
  export const NotificationGapX : string;
408
376
  export const NotificationGapXTitle : string;
@@ -193,26 +193,6 @@ export const MenuContextualGapY = "2.0000px";
193
193
  export const MenuContextualPaddingX = "4.0000px";
194
194
  export const MenuContextualPaddingY = "4.0000px";
195
195
  export const MenuContextualRadius = "6.0000px";
196
- export const NavigationWidth = "312.0000px";
197
- export const NavigationReducedMaxWidth = "100.0000px";
198
- export const NavigationPrimaryNotificationBulletFontSize = "9.0000px";
199
- export const NavigationPrimaryNotificationBulletSize = "16.0000px";
200
- export const NavigationPrimaryNotificationBulletSizeReduced = "6.0000px";
201
- export const NavigationPrimaryNotificationBulletFontWeight = "500";
202
- export const NavigationPrimaryTitlePaddingX = "12.0000px";
203
- export const NavigationPrimaryTitlePaddingY = "4.0000px";
204
- export const NavigationPrimaryTitleFontSize = "14.0000px";
205
- export const NavigationPrimaryItemGapX = "8.0000px";
206
- export const NavigationPrimaryItemPaddingX = "12.0000px";
207
- export const NavigationPrimaryItemPaddingY = "8.0000px";
208
- export const NavigationPrimaryItemFontSize = "16.0000px";
209
- export const NavigationPrimaryItemIconSize = "20.0000px";
210
- export const NavigationPrimaryItemRadius = "6.0000px";
211
- export const NavigationPrimarySubItemPaddingLeftX = "28.0000px";
212
- export const NavigationPrimarySeparatorSize = "1.0000px";
213
- export const NavigationGapY = "12.0000px";
214
- export const NavigationCollapsibleButtonPadding = "8.0000px";
215
- export const NavigationCollapsibleButtonIconSize = "16.0000px";
216
196
  export const PopoverFontWeight = "500";
217
197
  export const PopoverShadow1X = "0.0000px";
218
198
  export const PopoverShadow1Blur = "1.0000px";
@@ -229,26 +209,6 @@ export const PopoverGapY = "4.0000px";
229
209
  export const PopoverPaddingX = "8.0000px";
230
210
  export const PopoverPaddingY = "8.0000px";
231
211
  export const PopoverRadius = "6.0000px";
232
- export const SidebarWidth = "312.0000px";
233
- export const SidebarReducedMaxWidth = "100.0000px";
234
- export const SidebarPrimaryNotificationBulletFontSize = "9.0000px";
235
- export const SidebarPrimaryNotificationBulletSize = "16.0000px";
236
- export const SidebarPrimaryNotificationBulletSizeReduced = "6.0000px";
237
- export const SidebarPrimaryNotificationBulletFontWeight = "500";
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";
249
- export const SidebarGapY = "12.0000px";
250
- export const SidebarCollapsibleButtonPadding = "8.0000px";
251
- export const SidebarCollapsibleButtonIconSize = "16.0000px";
252
212
  export const TogglegroupXsPadding = "3.0000px";
253
213
  export const TogglegroupXsButtonPaddingY = "1.0000px";
254
214
  export const TogglegroupXsButtonRadius = "1.0000px";
@@ -403,6 +363,14 @@ export const LoaderSizeSm = "20.0000px";
403
363
  export const LoaderSizeMd = "24.0000px";
404
364
  export const LoaderSizeLg = "28.0000px";
405
365
  export const LoaderSizeXl = "32.0000px";
366
+ export const NavigationPrimaryItemGapX = "8.0000px";
367
+ export const NavigationPrimaryItemPaddingX = "12.0000px";
368
+ export const NavigationPrimaryItemPaddingY = "8.0000px";
369
+ export const NavigationPrimaryItemFontSize = "16.0000px";
370
+ export const NavigationPrimaryItemIconSize = "20.0000px";
371
+ export const NavigationPrimaryItemRadius = "6.0000px";
372
+ export const NavigationPrimaryItemBulletFontSize = "12.0000px";
373
+ export const NavigationPrimaryItemBulletSize = "20.0000px";
406
374
  export const NotificationIconSize = "20.0000px";
407
375
  export const NotificationGapX = "12.0000px";
408
376
  export const NotificationGapXTitle = "8.0000px";