@nova-design-system/nova-base 3.0.0-beta.24 → 3.0.0-beta.27

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.
Files changed (21) hide show
  1. package/dist/css/ocean.css +825 -841
  2. package/dist/css/spark.css +833 -849
  3. package/dist/js/ocean_dark.d.ts +278 -283
  4. package/dist/js/ocean_dark.js +278 -283
  5. package/dist/js/ocean_light.d.ts +278 -283
  6. package/dist/js/ocean_light.js +278 -283
  7. package/dist/js/primitives.d.ts +184 -190
  8. package/dist/js/primitives.js +186 -192
  9. package/dist/js/spacings.d.ts +193 -193
  10. package/dist/js/spacings.js +234 -234
  11. package/dist/js/spark_dark.d.ts +279 -284
  12. package/dist/js/spark_dark.js +279 -284
  13. package/dist/js/spark_light.d.ts +279 -284
  14. package/dist/js/spark_light.js +279 -284
  15. package/dist/tokens/ocean_dark.json +1526 -1516
  16. package/dist/tokens/ocean_light.json +1526 -1516
  17. package/dist/tokens/primitives.json +916 -756
  18. package/dist/tokens/spacings.json +849 -849
  19. package/dist/tokens/spark_dark.json +1530 -1519
  20. package/dist/tokens/spark_light.json +1529 -1519
  21. package/package.json +3 -2
package/dist/js/ocean_light.js CHANGED
@@ -12,340 +12,312 @@ export const ColorBaseLevel10Hover = "#eaeef0";
12
12
  export const ColorBaseLevel20Hover = "#fafbfb";
13
13
  export const ColorBaseLevel30Hover = "#eaeef0";
14
14
  export const ColorBaseLevel40Hover = "#fafbfb";
15
- export const ColorBaseContentHighEmphasis = "#171f22";
16
- export const ColorBaseContentMediumEmphasis = "#34464d";
17
15
  export const ColorBaseContentLowEmphasis = "#617177";
18
- export const ColorBaseContentLowerEmphasis = "#9fadb2";
16
+ export const ColorBaseContentMediumEmphasis = "#34464d";
17
+ export const ColorBaseContentHighEmphasis = "#171f22";
19
18
  export const ColorBaseContentInvertedHighEmphasis = "#f5f6f7";
20
19
  export const ColorBaseContentInvertedMediumEmphasis = "#889499";
21
20
  export const ColorBaseContentInvertedLowEmphasis = "#617177";
21
+ export const ColorBaseContentLowerEmphasis = "#9fadb2";
22
22
  export const ColorBaseBorderHighEmphasis = "#889499";
23
23
  export const ColorBaseBorderMediumEmphasis = "#bac1c4";
24
24
  export const ColorBaseBorderLowEmphasis = "#e1e4e6";
25
25
  export const ColorBaseBorderFocus = "#71b2bc";
26
26
  export const ColorBaseBorderFocusHigh = "#4b9eaa";
27
- export const ColorInteractionBrandLowBackground = "#ffffff";
28
- export const ColorInteractionBrandLowBackgroundHover = "#0b0f11";
29
- export const ColorInteractionBrandLowText = "#1f717d";
30
- export const ColorInteractionBrandLowTextHover = "#185963";
31
- export const ColorInteractionBrandLowIcon = "#1f717d";
32
- export const ColorInteractionBrandLowIconHover = "#185963";
33
- export const ColorInteractionBrandLowBorder = "#258998";
34
- export const ColorInteractionBrandLowBorderHover = "#185963";
35
- export const ColorInteractionBrandHighBackground = "#4b9eaa";
36
- export const ColorInteractionBrandHighBackgroundHover = "#258998";
37
- export const ColorInteractionBrandHighText = "#000000";
38
- export const ColorInteractionBrandHighTextHover = "#000000";
39
- export const ColorInteractionBrandHighIcon = "#000000";
40
- export const ColorInteractionBrandHighIconHover = "#000000";
41
- export const ColorInteractionBrandHighBorder = "#4b9eaa";
42
- export const ColorInteractionBrandHighBorderHover = "#258998";
43
- export const ColorInteractionNeutralBackground = "#ffffff";
44
- export const ColorInteractionNeutralBackgroundHover = "#a5a6a7";
45
- export const ColorInteractionNeutralText = "#617177";
46
- export const ColorInteractionNeutralTextHover = "#34464d";
47
- export const ColorInteractionNeutralIcon = "#617177";
48
- export const ColorInteractionNeutralIconHover = "#34464d";
49
- export const ColorInteractionNeutralBorder = "#617177";
50
- export const ColorInteractionNeutralBorderHover = "#34464d";
51
- export const ColorInteractionLinkInlineText = "#171f22";
52
- export const ColorInteractionLinkInlineTextHover = "#4b9eaa";
53
- export const ColorInteractionLinkInlineIcon = "#171f22";
54
- export const ColorInteractionLinkInlineIconHover = "#4b9eaa";
55
- export const ColorInteractionLinkStandaloneText = "#4b9eaa";
56
- export const ColorInteractionLinkStandaloneTextHover = "#258998";
57
- export const ColorInteractionLinkStandaloneIcon = "#4b9eaa";
58
- export const ColorInteractionLinkStandaloneIconHover = "#258998";
59
- export const ColorInteractionLinkTableText = "#171f22";
60
- export const ColorInteractionLinkTableTextHover = "#4b9eaa";
61
- export const ColorInteractionLinkTableIcon = "#171f22";
62
- export const ColorInteractionLinkTableIconHover = "#4b9eaa";
63
- export const ColorWhite = "#ffffff";
64
- export const ColorBlack = "#000000";
65
- export const ColorBrand50 = "#e4f0f2";
66
- export const ColorBrand100 = "#bedce0";
67
- export const ColorBrand200 = "#97c7ce";
68
- export const ColorBrand300 = "#71b2bc";
69
- export const ColorBrand400 = "#4b9eaa";
70
- export const ColorBrand500 = "#258998";
71
- export const ColorBrand600 = "#1f717d";
72
- export const ColorBrand700 = "#185963";
73
- export const ColorBrand800 = "#124148";
74
- export const ColorBrand900 = "#0b292e";
75
- export const ColorBrandBrand2 = "#e75420";
76
- export const ColorBrandAccent50 = "#fceae3";
77
- export const ColorBrandAccent100 = "#f8ccbc";
78
- export const ColorBrandAccent200 = "#f4ae95";
79
- export const ColorBrandAccent300 = "#ef906e";
80
- export const ColorBrandAccent400 = "#eb7247";
81
- export const ColorBrandAccent500 = "#e75420";
82
- export const ColorBrandAccent600 = "#bf451a";
83
- export const ColorBrandAccent700 = "#963715";
84
- export const ColorBrandAccent800 = "#6e280f";
85
- export const ColorBrandAccent900 = "#45190a";
86
- export const ColorBrandActionHighest = "#185963";
87
- export const ColorBrandActionHigher = "#1f717d";
88
- export const ColorBrandActionHigh = "#258998";
89
- export const ColorBrandActionMedium = "#4b9eaa";
90
- export const ColorBrandActionLow = "#71b2bc";
91
- export const ColorBrandActionLower = "#97c7ce";
92
- export const ColorBrandActionLowest = "#bedce0";
93
- export const ColorChart1 = "#f0801a";
94
- export const ColorChart2 = "#394d55";
95
- export const ColorChart3 = "#258998";
96
- export const ColorChart4 = "#6aa9a0";
97
- export const ColorChart5 = "#9ac3ce";
98
- export const ColorChart6 = "#8da930";
99
- export const ColorChart7 = "#ffc100";
100
- export const ColorChart8 = "#e75420";
101
- export const ColorChart9 = "#447583";
102
- export const ColorChart10 = "#990035";
27
+ export const ColorFeedbackInformationLowBackground = "#f0f6ff";
28
+ export const ColorFeedbackInformationLowContent = "#2660c2";
29
+ export const ColorFeedbackInformationLowBorder = "#2660c2";
103
30
  export const ColorFeedbackInformationHighBackground = "#3883ff";
104
31
  export const ColorFeedbackInformationHighBorder = "#3883ff";
105
32
  export const ColorFeedbackInformationHighContent = "#ffffff";
106
- export const ColorFeedbackInformationLowBackground = "#f0f6ff";
107
- export const ColorFeedbackInformationLowBorder = "#2660c2";
108
- export const ColorFeedbackInformationLowContent = "#2660c2";
109
- export const ColorFeedbackErrorHighBackground = "#da2424";
110
- export const ColorFeedbackErrorHighBorder = "#da2424";
111
- export const ColorFeedbackErrorHighContent = "#ffffff";
112
33
  export const ColorFeedbackErrorLowBackground = "#ffeded";
113
34
  export const ColorFeedbackErrorLowBorder = "#da2424";
114
35
  export const ColorFeedbackErrorLowContent = "#da2424";
115
- export const ColorFeedbackNeutralHighBackground = "#617177";
116
- export const ColorFeedbackNeutralHighBorder = "#617177";
117
- export const ColorFeedbackNeutralHighContent = "#ffffff";
118
- export const ColorFeedbackNeutralLowBackground = "#eaeef0";
119
- export const ColorFeedbackNeutralLowBorder = "#617177";
120
- export const ColorFeedbackNeutralLowContent = "#617177";
121
- export const ColorFeedbackWarningHighBackground = "#fac50d";
122
- export const ColorFeedbackWarningHighBorder = "#fac50d";
123
- export const ColorFeedbackWarningHighContent = "#ffffff";
124
- export const ColorFeedbackWarningLowBackground = "#fff7df";
125
- export const ColorFeedbackWarningLowBorder = "#e0a917";
126
- export const ColorFeedbackWarningLowContent = "#e0a917";
127
- export const ColorFeedbackSuccessHighBackground = "#45d24d";
128
- export const ColorFeedbackSuccessHighBorder = "#45d24d";
129
- export const ColorFeedbackSuccessHighContent = "#ffffff";
36
+ export const ColorFeedbackErrorHighBackground = "#da2424";
37
+ export const ColorFeedbackErrorHighBorder = "#da2424";
38
+ export const ColorFeedbackErrorHighContent = "#ffffff";
130
39
  export const ColorFeedbackSuccessLowBackground = "#eafeeb";
131
40
  export const ColorFeedbackSuccessLowBorder = "#34ae3b";
132
41
  export const ColorFeedbackSuccessLowContent = "#34ae3b";
42
+ export const ColorFeedbackSuccessHighBackground = "#45d24d";
43
+ export const ColorFeedbackSuccessHighBorder = "#45d24d";
44
+ export const ColorFeedbackSuccessHighContent = "#ffffff";
45
+ export const ColorFeedbackWarningLowBackground = "#fff7df";
46
+ export const ColorFeedbackWarningLowBorder = "#e0a917";
47
+ export const ColorFeedbackWarningLowContent = "#e0a917";
48
+ export const ColorFeedbackWarningHighBackground = "#fac50d";
49
+ export const ColorFeedbackWarningHighBorder = "#fac50d";
50
+ export const ColorFeedbackWarningHighContent = "#ffffff";
51
+ export const ColorFeedbackNeutralLowBackground = "#eaeef0";
52
+ export const ColorFeedbackNeutralLowBorder = "#617177";
53
+ export const ColorFeedbackNeutralLowContent = "#617177";
54
+ export const ColorFeedbackNeutralHighBackground = "#617177";
55
+ export const ColorFeedbackNeutralHighBorder = "#617177";
56
+ export const ColorFeedbackNeutralHighContent = "#ffffff";
133
57
  export const ColorFocusBrand = "#4b9eaa";
134
58
  export const ColorFocusDestructive = "#da2424";
135
59
  export const ColorFocusSuccess = "#34ae3b";
136
60
  export const ColorRainbow1Background = "#fdefe2";
137
- export const ColorRainbow1Border = "#c66a15";
138
61
  export const ColorRainbow1Content = "#c66a15";
62
+ export const ColorRainbow1Border = "#c66a15";
139
63
  export const ColorRainbow2Background = "#fceae3";
140
- export const ColorRainbow2Border = "#963715";
141
64
  export const ColorRainbow2Content = "#963715";
65
+ export const ColorRainbow2Border = "#963715";
142
66
  export const ColorRainbow3Background = "#ffecb3";
143
- export const ColorRainbow3Border = "#795c00";
144
67
  export const ColorRainbow3Content = "#795c00";
68
+ export const ColorRainbow3Border = "#795c00";
145
69
  export const ColorRainbow4Background = "#f9e3e3";
146
- export const ColorRainbow4Border = "#cc1d1d";
147
70
  export const ColorRainbow4Content = "#cc1d1d";
71
+ export const ColorRainbow4Border = "#cc1d1d";
148
72
  export const ColorRainbow5Background = "#d2e5e3";
149
- export const ColorRainbow5Border = "#32504c";
150
73
  export const ColorRainbow5Content = "#32504c";
74
+ export const ColorRainbow5Border = "#32504c";
151
75
  export const ColorRainbow6Background = "#f2dfe6";
152
- export const ColorRainbow6Border = "#ab2d58";
153
76
  export const ColorRainbow6Content = "#ab2d58";
77
+ export const ColorRainbow6Border = "#ab2d58";
154
78
  export const ColorRainbow7Background = "#e2f0e2";
155
- export const ColorRainbow7Border = "#106f15";
156
79
  export const ColorRainbow7Content = "#106f15";
80
+ export const ColorRainbow7Border = "#106f15";
157
81
  export const ColorRainbow8Background = "#e4f0f2";
158
- export const ColorRainbow8Border = "#1f717d";
159
82
  export const ColorRainbow8Content = "#1f717d";
83
+ export const ColorRainbow8Border = "#1f717d";
160
84
  export const ColorRainbow9Background = "#f1f4e5";
161
- export const ColorRainbow9Border = "#5c6e1f";
162
85
  export const ColorRainbow9Content = "#5c6e1f";
86
+ export const ColorRainbow9Border = "#5c6e1f";
163
87
  export const ColorRainbow10Background = "#eaeef0";
164
- export const ColorRainbow10Border = "#394d55";
165
88
  export const ColorRainbow10Content = "#394d55";
166
- export const ColorDontUseBorder = "#c6ced1";
89
+ export const ColorRainbow10Border = "#394d55";
167
90
  export const ColorDontUseContent = "#c6ced1";
91
+ export const ColorDontUseBorder = "#c6ced1";
168
92
  export const ColorDontUseBackground = "#f5f6f7";
169
- export const ShadowColorOpacity0 = "#ffffff";
170
- export const ShadowColorOpacity1 = "#0b0f11";
171
- export const ShadowColorOpacity2 = "#0b0f11";
172
- export const ShadowColorOpacity3 = "#0b0f11";
173
- export const ShadowBlurBase1 = "3px";
174
- export const ShadowBlurBase2 = "2px";
175
- export const ShadowBlurMd1 = "4px";
176
- export const ShadowBlurMd2 = "6px";
177
- export const ShadowBlurLg1 = "6px";
178
- export const ShadowBlurLg2 = "15px";
179
- export const ShadowBlurXl1 = "10px";
180
- export const ShadowBlurXl2 = "25px";
181
- export const ShadowBlur2xl = "50px";
182
- export const ShadowSpreadLg1 = "-2px";
183
- export const ShadowSpreadLg2 = "-3px";
184
- export const ShadowSpreadXl = "-5px";
185
- export const ShadowSpread2xl = "-12px";
186
- export const ShadowYAxisNone = "0px";
187
- export const ShadowYAxisBase = "1px";
188
- export const ShadowYAxisMd1 = "2px";
189
- export const ShadowYAxisMd2 = "4px";
190
- export const ShadowYAxisLg1 = "4px";
191
- export const ShadowYAxisLg2 = "10px";
192
- export const ShadowYAxisXl1 = "10px";
193
- export const ShadowYAxisXl2 = "20px";
194
- export const ShadowYAxis2xl = "25px";
195
- export const ComponentsWpfComponents2 = "#ffffff";
196
- export const ComponentsButtonHighBorder = "#ffffff";
197
- export const ComponentsButtonHighBorderHover = "#ffffff";
93
+ export const ColorBrand50 = "#e4f0f2";
94
+ export const ColorBrand100 = "#bedce0";
95
+ export const ColorBrand200 = "#97c7ce";
96
+ export const ColorBrand300 = "#71b2bc";
97
+ export const ColorBrand400 = "#4b9eaa";
98
+ export const ColorBrand500 = "#258998";
99
+ export const ColorBrand600 = "#1f717d";
100
+ export const ColorBrand700 = "#185963";
101
+ export const ColorBrand800 = "#124148";
102
+ export const ColorBrand900 = "#0b292e";
103
+ export const ColorBrandActionLow = "#71b2bc";
104
+ export const ColorBrandActionMedium = "#4b9eaa";
105
+ export const ColorBrandActionHigh = "#258998";
106
+ export const ColorBrandActionHigher = "#1f717d";
107
+ export const ColorBrandActionHighest = "#185963";
108
+ export const ColorBrandActionLower = "#97c7ce";
109
+ export const ColorBrandActionLowest = "#bedce0";
110
+ export const ColorBrandAccent50 = "#fceae3";
111
+ export const ColorBrandAccent100 = "#f8ccbc";
112
+ export const ColorBrandAccent200 = "#f4ae95";
113
+ export const ColorBrandAccent300 = "#ef906e";
114
+ export const ColorBrandAccent400 = "#eb7247";
115
+ export const ColorBrandAccent500 = "#e75420";
116
+ export const ColorBrandAccent600 = "#bf451a";
117
+ export const ColorBrandAccent700 = "#963715";
118
+ export const ColorBrandAccent800 = "#6e280f";
119
+ export const ColorBrandAccent900 = "#45190a";
120
+ export const ColorInteractionBrandHighBackground = "#4b9eaa";
121
+ export const ColorInteractionBrandHighBackgroundHover = "#258998";
122
+ export const ColorInteractionBrandHighText = "#000000";
123
+ export const ColorInteractionBrandHighTextHover = "#000000";
124
+ export const ColorInteractionBrandHighIcon = "#000000";
125
+ export const ColorInteractionBrandHighIconHover = "#000000";
126
+ export const ColorInteractionBrandHighBorder = "#4b9eaa";
127
+ export const ColorInteractionBrandHighBorderHover = "#258998";
128
+ export const ColorInteractionBrandLowBackground = "#ffffff";
129
+ export const ColorInteractionBrandLowBackgroundHover = "#0b0f11";
130
+ export const ColorInteractionBrandLowText = "#1f717d";
131
+ export const ColorInteractionBrandLowTextHover = "#185963";
132
+ export const ColorInteractionBrandLowIcon = "#1f717d";
133
+ export const ColorInteractionBrandLowIconHover = "#185963";
134
+ export const ColorInteractionBrandLowBorder = "#258998";
135
+ export const ColorInteractionBrandLowBorderHover = "#185963";
136
+ export const ColorInteractionLinkInlineText = "#171f22";
137
+ export const ColorInteractionLinkInlineTextHover = "#4b9eaa";
138
+ export const ColorInteractionLinkInlineIcon = "#171f22";
139
+ export const ColorInteractionLinkInlineIconHover = "#4b9eaa";
140
+ export const ColorInteractionNeutralBackground = "#ffffff";
141
+ export const ColorInteractionNeutralBackgroundHover = "#a5a6a7";
142
+ export const ColorInteractionNeutralText = "#617177";
143
+ export const ColorInteractionNeutralTextHover = "#34464d";
144
+ export const ColorInteractionNeutralIcon = "#617177";
145
+ export const ColorInteractionNeutralIconHover = "#34464d";
146
+ export const ColorInteractionNeutralBorder = "#617177";
147
+ export const ColorInteractionNeutralBorderHover = "#34464d";
148
+ export const ColorInteractionLinkStandaloneText = "#4b9eaa";
149
+ export const ColorInteractionLinkStandaloneTextHover = "#258998";
150
+ export const ColorInteractionLinkStandaloneIcon = "#4b9eaa";
151
+ export const ColorInteractionLinkStandaloneIconHover = "#258998";
152
+ export const ColorInteractionLinkTableText = "#171f22";
153
+ export const ColorInteractionLinkTableTextHover = "#4b9eaa";
154
+ export const ColorInteractionLinkTableIcon = "#171f22";
155
+ export const ColorInteractionLinkTableIconHover = "#4b9eaa";
156
+ export const ColorChart1 = "#f0801a";
157
+ export const ColorChart2 = "#394d55";
158
+ export const ColorChart3 = "#258998";
159
+ export const ColorChart4 = "#6aa9a0";
160
+ export const ColorChart5 = "#9ac3ce";
161
+ export const ColorChart6 = "#8da930";
162
+ export const ColorChart7 = "#ffc100";
163
+ export const ColorChart8 = "#e75420";
164
+ export const ColorChart9 = "#447583";
165
+ export const ColorChart10 = "#990035";
166
+ export const ColorColor = "#ffffff";
167
+ export const ComponentsButtonDestructiveLowerBackground = "#f5f6f7";
168
+ export const ComponentsButtonDestructiveLowerBackgroundHover = "#f5f6f7";
169
+ export const ComponentsButtonDestructiveLowerText = "#c6ced1";
170
+ export const ComponentsButtonDestructiveLowerTextHover = "#c6ced1";
171
+ export const ComponentsButtonDestructiveLowerIcon = "#c6ced1";
172
+ export const ComponentsButtonDestructiveLowerIconHover = "#c6ced1";
173
+ export const ComponentsButtonDestructiveLowerBorder = "#c6ced1";
174
+ export const ComponentsButtonDestructiveLowerBorderHover = "#c6ced1";
175
+ export const ComponentsButtonDestructiveHighBackground = "#ff6161";
176
+ export const ComponentsButtonDestructiveHighBackgroundHover = "#ff3d3d";
177
+ export const ComponentsButtonDestructiveHighText = "#000000";
178
+ export const ComponentsButtonDestructiveHighTextHover = "#000000";
179
+ export const ComponentsButtonDestructiveHighIcon = "#000000";
180
+ export const ComponentsButtonDestructiveHighIconHover = "#000000";
181
+ export const ComponentsButtonDestructiveMediumBackground = "#ffffff";
182
+ export const ComponentsButtonDestructiveMediumBackgroundHover = "#0b0f11";
183
+ export const ComponentsButtonDestructiveMediumText = "#da2424";
184
+ export const ComponentsButtonDestructiveMediumTextHover = "#bb1919";
185
+ export const ComponentsButtonDestructiveMediumIcon = "#da2424";
186
+ export const ComponentsButtonDestructiveMediumIconHover = "#bb1919";
187
+ export const ComponentsButtonDestructiveMediumBorder = "#da2424";
188
+ export const ComponentsButtonDestructiveMediumBorderHover = "#bb1919";
189
+ export const ComponentsButtonDestructiveLowBackground = "#ffffff";
190
+ export const ComponentsButtonDestructiveLowBackgroundHover = "#0b0f11";
191
+ export const ComponentsButtonDestructiveLowText = "#da2424";
192
+ export const ComponentsButtonDestructiveLowTextHover = "#bb1919";
193
+ export const ComponentsButtonDestructiveLowIcon = "#da2424";
194
+ export const ComponentsButtonDestructiveLowIconHover = "#bb1919";
195
+ export const ComponentsButtonDestructiveLowBorderHover = "#ffffff";
196
+ export const ComponentsButtonDestructiveLowBorder = "#ffffff";
197
+ export const ComponentsAvatarBackground1 = "#fdefe2";
198
+ export const ComponentsAvatarBackground2 = "#fceae3";
199
+ export const ComponentsAvatarBackground3 = "#ffecb3";
200
+ export const ComponentsAvatarBackground4 = "#f9e3e3";
201
+ export const ComponentsAvatarBackground5 = "#d2e5e3";
202
+ export const ComponentsAvatarBackground6 = "#f2dfe6";
203
+ export const ComponentsAvatarBackground7 = "#e2f0e2";
204
+ export const ComponentsAvatarBackground8 = "#e4f0f2";
205
+ export const ComponentsAvatarBackground9 = "#f1f4e5";
206
+ export const ComponentsAvatarBackground10 = "#eaeef0";
207
+ export const ComponentsAvatarContent1 = "#c66a15";
208
+ export const ComponentsAvatarContent2 = "#963715";
209
+ export const ComponentsAvatarContent3 = "#795c00";
210
+ export const ComponentsAvatarContent4 = "#cc1d1d";
211
+ export const ComponentsAvatarContent5 = "#32504c";
212
+ export const ComponentsAvatarContent6 = "#ab2d58";
213
+ export const ComponentsAvatarContent7 = "#106f15";
214
+ export const ComponentsAvatarContent8 = "#1f717d";
215
+ export const ComponentsAvatarContent9 = "#5c6e1f";
216
+ export const ComponentsAvatarContent10 = "#394d55";
217
+ export const ComponentsAvatarBorder1 = "#c66a15";
218
+ export const ComponentsAvatarBorder2 = "#963715";
219
+ export const ComponentsAvatarBorder3 = "#795c00";
220
+ export const ComponentsAvatarBorder4 = "#cc1d1d";
221
+ export const ComponentsAvatarBorder5 = "#32504c";
222
+ export const ComponentsAvatarBorder6 = "#ab2d58";
223
+ export const ComponentsAvatarBorder7 = "#106f15";
224
+ export const ComponentsAvatarBorder8 = "#1f717d";
225
+ export const ComponentsAvatarBorder9 = "#5c6e1f";
226
+ export const ComponentsAvatarBorder10 = "#394d55";
198
227
  export const ComponentsButtonHighBackground = "#4b9eaa";
228
+ export const ComponentsButtonHighIcon = "#000000";
199
229
  export const ComponentsButtonHighBackgroundHover = "#258998";
200
230
  export const ComponentsButtonHighText = "#000000";
201
- export const ComponentsButtonHighTextHover = "#000000";
202
- export const ComponentsButtonHighIcon = "#000000";
203
231
  export const ComponentsButtonHighIconHover = "#000000";
204
- export const ComponentsButtonLowBackground = "#ffffff";
205
- export const ComponentsButtonLowBackgroundHover = "#0b0f11";
206
- export const ComponentsButtonLowText = "#1f717d";
207
- export const ComponentsButtonLowTextHover = "#185963";
232
+ export const ComponentsButtonHighTextHover = "#000000";
233
+ export const ComponentsButtonHighBorder = "#ffffff";
234
+ export const ComponentsButtonHighBorderHover = "#ffffff";
235
+ export const ComponentsButtonMediumIcon = "#000000";
236
+ export const ComponentsButtonMediumBackground = "#bac1c4";
237
+ export const ComponentsButtonMediumBackgroundHover = "#889499";
238
+ export const ComponentsButtonMediumText = "#000000";
239
+ export const ComponentsButtonMediumBorder = "#ffffff";
240
+ export const ComponentsButtonMediumBorderHover = "#ffffff";
241
+ export const ComponentsButtonMediumIconHover = "#000000";
242
+ export const ComponentsButtonMediumTextHover = "#000000";
208
243
  export const ComponentsButtonLowIcon = "#1f717d";
209
244
  export const ComponentsButtonLowIconHover = "#185963";
245
+ export const ComponentsButtonLowText = "#1f717d";
246
+ export const ComponentsButtonLowTextHover = "#185963";
247
+ export const ComponentsButtonLowBackground = "#ffffff";
248
+ export const ComponentsButtonLowBackgroundHover = "#0b0f11";
210
249
  export const ComponentsButtonLowBorder = "#258998";
211
250
  export const ComponentsButtonLowBorderHover = "#185963";
212
- export const ComponentsButtonLowerBorder = "#ffffff";
213
- export const ComponentsButtonLowerBorderHover = "#ffffff";
214
- export const ComponentsButtonLowerBorder2 = "#ffffff";
215
- export const ComponentsButtonLowerBorderHover2 = "#ffffff";
216
251
  export const ComponentsButtonLowerBackground = "#ffffff";
217
252
  export const ComponentsButtonLowerBackgroundHover = "#0b0f11";
218
253
  export const ComponentsButtonLowerText = "#1f717d";
219
254
  export const ComponentsButtonLowerTextHover = "#185963";
220
255
  export const ComponentsButtonLowerIcon = "#1f717d";
221
256
  export const ComponentsButtonLowerIconHover = "#185963";
222
- export const ComponentsButtonGrAsComplementaryBorder = "#ffffff";
223
- export const ComponentsButtonGrAsComplementaryBorderHover = "#ffffff";
224
- export const ComponentsButtonGrAsComplementaryBackground = "#bac1c4";
225
- export const ComponentsButtonGrAsComplementaryBackgroundHover = "#889499";
226
- export const ComponentsButtonGrAsComplementaryText = "#000000";
227
- export const ComponentsButtonGrAsComplementaryTextHover = "#000000";
228
- export const ComponentsButtonGrAsComplementaryIcon = "#000000";
229
- export const ComponentsButtonGrAsComplementaryIconHover = "#000000";
230
- export const ComponentsButtonMediumBackground = "#bac1c4";
231
- export const ComponentsButtonMediumBackgroundHover = "#889499";
232
- export const ComponentsButtonMediumText = "#000000";
233
- export const ComponentsButtonMediumTextHover = "#000000";
234
- export const ComponentsButtonMediumIcon = "#000000";
235
- export const ComponentsButtonMediumIconHover = "#000000";
236
- export const ComponentsButtonMediumBorder = "#ffffff";
237
- export const ComponentsButtonMediumBorderHover = "#ffffff";
238
- export const ComponentsFormOpacityDefault = "100px";
239
- export const ComponentsFormOpacityDisabled = "50px";
240
- export const ComponentsFormTextRequired = "#da2424";
241
- export const ComponentsFormTextInfoIcon = "#617177";
242
- export const ComponentsFormTextLabelDefault = "#171f22";
243
- export const ComponentsFormTextLabelDisabled = "#34464d";
244
- export const ComponentsFormTextDescriptionDefault = "#617177";
245
- export const ComponentsFormTextDescriptionError = "#da2424";
257
+ export const ComponentsButtonLowerBorder = "#ffffff";
258
+ export const ComponentsButtonLowerBorderHover = "#ffffff";
259
+ export const ComponentsButtonLowerBorder2 = "#ffffff";
260
+ export const ComponentsButtonLowerBorderHover2 = "#ffffff";
261
+ export const ComponentsButtonGrasComplementaryBackground = "#bac1c4";
262
+ export const ComponentsButtonGrasComplementaryBackgroundHover = "#889499";
263
+ export const ComponentsButtonGrasComplementaryText = "#000000";
264
+ export const ComponentsButtonGrasComplementaryTextHover = "#000000";
265
+ export const ComponentsButtonGrasComplementaryIcon = "#000000";
266
+ export const ComponentsButtonGrasComplementaryIconHover = "#000000";
267
+ export const ComponentsButtonGrasComplementaryBorder = "#ffffff";
268
+ export const ComponentsButtonGrasComplementaryBorderHover = "#ffffff";
246
269
  export const ComponentsFormFieldBackgroundDefault = "#ffffff";
247
- export const ComponentsFormFieldBackgroundFocus = "#ffffff";
248
- export const ComponentsFormFieldBackgroundHover = "#fafbfb";
249
270
  export const ComponentsFormFieldBackgroundDisabled = "#f5f6f7";
271
+ export const ComponentsFormFieldBackgroundReadonly = "#fafbfb";
250
272
  export const ComponentsFormFieldBackgroundChecked = "#4b9eaa";
251
273
  export const ComponentsFormFieldBackgroundError = "#da2424";
252
- export const ComponentsFormFieldBackgroundReadonly = "#fafbfb";
274
+ export const ComponentsFormFieldBackgroundHover = "#fafbfb";
275
+ export const ComponentsFormFieldBackgroundFocus = "#ffffff";
253
276
  export const ComponentsFormFieldBorderDefault = "#bac1c4";
254
- export const ComponentsFormFieldBorderDisabled = "#bac1c4";
255
- export const ComponentsFormFieldBorderHover = "#889499";
256
277
  export const ComponentsFormFieldBorderFocus = "#4b9eaa";
257
- export const ComponentsFormFieldBorderError = "#da2424";
258
278
  export const ComponentsFormFieldBorderSuccess = "#34ae3b";
279
+ export const ComponentsFormFieldBorderError = "#da2424";
280
+ export const ComponentsFormFieldBorderHover = "#889499";
259
281
  export const ComponentsFormFieldBorderReadonly = "#e1e4e6";
282
+ export const ComponentsFormFieldBorderDisabled = "#bac1c4";
260
283
  export const ComponentsFormFieldContentPlaceholder = "#617177";
261
284
  export const ComponentsFormFieldContentText = "#171f22";
262
285
  export const ComponentsFormFieldIconDefault = "#617177";
263
286
  export const ComponentsFormFieldIconDisabled = "#bac1c4";
264
287
  export const ComponentsFormFieldIconError = "#da2424";
265
288
  export const ComponentsFormFieldIconSuccess = "#34ae3b";
266
- export const ComponentsFormShapeBackgroundDefault = "#eaeef0";
267
- export const ComponentsFormShapeBackgroundHover = "#e1e4e6";
289
+ export const ComponentsFormTextInfoIcon = "#617177";
290
+ export const ComponentsFormTextLabelDefault = "#171f22";
291
+ export const ComponentsFormTextLabelDisabled = "#34464d";
292
+ export const ComponentsFormTextDescriptionDefault = "#617177";
293
+ export const ComponentsFormTextDescriptionError = "#da2424";
294
+ export const ComponentsFormTextRequired = "#da2424";
295
+ export const ComponentsFormShapeForegroundDefault = "#ffffff";
296
+ export const ComponentsFormShapeForegroundDisabled = "#bac1c4";
297
+ export const ComponentsFormShapeForegroundDisabledError = "#da2424";
298
+ export const ComponentsFormShapeForegroundSwitchDot = "#bac1c4";
268
299
  export const ComponentsFormShapeBackgroundDisabled = "#eaeef0";
269
300
  export const ComponentsFormShapeBackgroundSelected = "#4b9eaa";
301
+ export const ComponentsFormShapeBackgroundDefault = "#eaeef0";
302
+ export const ComponentsFormShapeBackgroundHover = "#e1e4e6";
270
303
  export const ComponentsFormShapeBackgroundError = "#da2424";
271
304
  export const ComponentsFormShapeBorderDefault = "#bac1c4";
272
305
  export const ComponentsFormShapeBorderHover = "#889499";
273
306
  export const ComponentsFormShapeBorderFocus = "#4b9eaa";
274
307
  export const ComponentsFormShapeBorderError = "#da2424";
275
308
  export const ComponentsFormShapeBorderSuccess = "#34ae3b";
276
- export const ComponentsFormShapeForegroundDefault = "#ffffff";
277
- export const ComponentsFormShapeForegroundSwitchDot = "#bac1c4";
278
- export const ComponentsFormShapeForegroundDisabled = "#bac1c4";
279
- export const ComponentsFormShapeForegroundDisabledError = "#da2424";
280
- export const ComponentsListNativeBackground = "#565558";
281
- export const ComponentsListNativeItemTitleContent = "#ffffff";
282
- export const ComponentsListNativeSeparator = "#838086";
283
- export const ComponentsListNativeBorder = "#767578";
284
- export const ComponentsListNativeItemContentDisabled = "#ffffff";
285
- export const ComponentsListNativeItemContentDefault = "#ffffff";
286
- export const ComponentsListNativeItemContentHover = "#ffffff";
287
- export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
288
- export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
289
- export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
290
- export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
291
- export const ComponentsListCustomBackground = "#ffffff";
292
- export const ComponentsListCustomItemContentDefault = "#617177";
293
- export const ComponentsListCustomItemContentHover = "#34464d";
294
- export const ComponentsListCustomItemContentDisabled = "#617177";
295
- export const ComponentsListCustomItemBackgroundDefault = "#ffffff";
296
- export const ComponentsListCustomItemBackgroundHover = "#a5a6a7";
297
- export const ComponentsListCustomItemBackgroundDisabled = "#ffffff";
298
- export const ComponentsListCustomItemBackgroundTitle = "#ffffff";
299
- export const ComponentsListCustomItemTitleContent = "#617177";
300
- export const ComponentsListCustomSeparator = "#e1e4e6";
301
- export const ComponentsListCustomBorder = "#e1e4e6";
302
- export const ComponentsLoaderWhiteBackground = "#ffffff";
303
- export const ComponentsLoaderWhiteForeground = "#ffffff";
309
+ export const ComponentsFormOpacityDefault = "100px";
310
+ export const ComponentsFormOpacityDisabled = "50px";
304
311
  export const ComponentsLoaderBrandBackground = "#e4f0f2";
305
312
  export const ComponentsLoaderBrandForeground = "#258998";
306
- export const ComponentsButtonDestructiveMediumBackground = "#ffffff";
307
- export const ComponentsButtonDestructiveMediumBackgroundHover = "#0b0f11";
308
- export const ComponentsButtonDestructiveMediumText = "#da2424";
309
- export const ComponentsButtonDestructiveMediumTextHover = "#bb1919";
310
- export const ComponentsButtonDestructiveMediumIcon = "#da2424";
311
- export const ComponentsButtonDestructiveMediumIconHover = "#bb1919";
312
- export const ComponentsButtonDestructiveMediumBorder = "#da2424";
313
- export const ComponentsButtonDestructiveMediumBorderHover = "#bb1919";
314
- export const ComponentsButtonDestructiveLowBackground = "#ffffff";
315
- export const ComponentsButtonDestructiveLowBackgroundHover = "#0b0f11";
316
- export const ComponentsButtonDestructiveLowBorder = "#ffffff";
317
- export const ComponentsButtonDestructiveLowBorderHover = "#ffffff";
318
- export const ComponentsButtonDestructiveLowText = "#da2424";
319
- export const ComponentsButtonDestructiveLowTextHover = "#bb1919";
320
- export const ComponentsButtonDestructiveLowIcon = "#da2424";
321
- export const ComponentsButtonDestructiveLowIconHover = "#bb1919";
322
- export const ComponentsButtonDestructiveHighBackground = "#ff6161";
323
- export const ComponentsButtonDestructiveHighBackgroundHover = "#ff3d3d";
324
- export const ComponentsButtonDestructiveHighText = "#000000";
325
- export const ComponentsButtonDestructiveHighTextHover = "#000000";
326
- export const ComponentsButtonDestructiveHighIcon = "#000000";
327
- export const ComponentsButtonDestructiveHighIconHover = "#000000";
328
- export const ComponentsButtonDestructiveLowerBackground = "#f5f6f7";
329
- export const ComponentsButtonDestructiveLowerBackgroundHover = "#f5f6f7";
330
- export const ComponentsButtonDestructiveLowerText = "#c6ced1";
331
- export const ComponentsButtonDestructiveLowerTextHover = "#c6ced1";
332
- export const ComponentsButtonDestructiveLowerIcon = "#c6ced1";
333
- export const ComponentsButtonDestructiveLowerIconHover = "#c6ced1";
334
- export const ComponentsButtonDestructiveLowerBorder = "#c6ced1";
335
- export const ComponentsButtonDestructiveLowerBorderHover = "#c6ced1";
336
- export const ComponentsTooltipShadow1 = "#000000";
337
- export const ComponentsTooltipBackground = "#0b0f11";
338
- export const ComponentsTooltipBorder = "#0b0f11";
339
- export const ComponentsTooltipText = "#f5f6f7";
340
- export const ComponentsTooltipSupportingText = "#889499";
313
+ export const ComponentsLoaderWhiteBackground = "#ffffff";
314
+ export const ComponentsLoaderWhiteForeground = "#ffffff";
341
315
  export const ComponentsAlertInformationBackground = "#f0f6ff";
342
316
  export const ComponentsAlertInformationIcon = "#2660c2";
343
317
  export const ComponentsAlertInformationBorder = "#2660c2";
344
- export const ComponentsAlertContentDescription = "#34464d";
345
- export const ComponentsAlertContentTitle = "#171f22";
346
318
  export const ComponentsAlertWarningBackground = "#fff7df";
347
- export const ComponentsAlertWarningBorder = "#e0a917";
348
319
  export const ComponentsAlertWarningIcon = "#e0a917";
320
+ export const ComponentsAlertWarningBorder = "#e0a917";
349
321
  export const ComponentsAlertErrorBackground = "#ffeded";
350
322
  export const ComponentsAlertErrorBorder = "#da2424";
351
323
  export const ComponentsAlertErrorIcon = "#da2424";
@@ -355,37 +327,8 @@ export const ComponentsAlertSuccessIcon = "#34ae3b";
355
327
  export const ComponentsAlertNeutralBackground = "#eaeef0";
356
328
  export const ComponentsAlertNeutralBorder = "#617177";
357
329
  export const ComponentsAlertNeutralIcon = "#617177";
358
- export const ComponentsAvatarBackground1 = "#fdefe2";
359
- export const ComponentsAvatarBackground2 = "#fceae3";
360
- export const ComponentsAvatarBackground3 = "#ffecb3";
361
- export const ComponentsAvatarBackground4 = "#f9e3e3";
362
- export const ComponentsAvatarBackground5 = "#d2e5e3";
363
- export const ComponentsAvatarBackground6 = "#f2dfe6";
364
- export const ComponentsAvatarBackground7 = "#e2f0e2";
365
- export const ComponentsAvatarBackground8 = "#e4f0f2";
366
- export const ComponentsAvatarBackground9 = "#f1f4e5";
367
- export const ComponentsAvatarBackground10 = "#eaeef0";
368
- export const ComponentsAvatarBorder1 = "#c66a15";
369
- export const ComponentsAvatarBorder2 = "#963715";
370
- export const ComponentsAvatarBorder3 = "#795c00";
371
- export const ComponentsAvatarBorder4 = "#cc1d1d";
372
- export const ComponentsAvatarBorder5 = "#32504c";
373
- export const ComponentsAvatarBorder6 = "#ab2d58";
374
- export const ComponentsAvatarBorder7 = "#106f15";
375
- export const ComponentsAvatarBorder8 = "#1f717d";
376
- export const ComponentsAvatarBorder9 = "#5c6e1f";
377
- export const ComponentsAvatarBorder10 = "#394d55";
378
- export const ComponentsAvatarContent1 = "#c66a15";
379
- export const ComponentsAvatarContent2 = "#963715";
380
- export const ComponentsAvatarContent3 = "#795c00";
381
- export const ComponentsAvatarContent4 = "#cc1d1d";
382
- export const ComponentsAvatarContent5 = "#32504c";
383
- export const ComponentsAvatarContent6 = "#ab2d58";
384
- export const ComponentsAvatarContent7 = "#106f15";
385
- export const ComponentsAvatarContent8 = "#1f717d";
386
- export const ComponentsAvatarContent9 = "#5c6e1f";
387
- export const ComponentsAvatarContent10 = "#394d55";
388
- export const ComponentsAvatarColorBackground1 = "#e2f0e2";
330
+ export const ComponentsAlertContentDescription = "#34464d";
331
+ export const ComponentsAlertContentTitle = "#171f22";
389
332
  export const ComponentsNotificationInformationBackground = "#ffffff";
390
333
  export const ComponentsNotificationInformationIcon = "#2660c2";
391
334
  export const ComponentsNotificationInformationBorder = "#2660c2";
@@ -403,15 +346,67 @@ export const ComponentsNotificationSuccessIcon = "#34ae3b";
403
346
  export const ComponentsNotificationNeutralBackground = "#ffffff";
404
347
  export const ComponentsNotificationNeutralBorder = "#617177";
405
348
  export const ComponentsNotificationNeutralIcon = "#617177";
349
+ export const ComponentsListNativeBackground = "#565558";
350
+ export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
351
+ export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
352
+ export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
353
+ export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
354
+ export const ComponentsListNativeItemContentDefault = "#ffffff";
355
+ export const ComponentsListNativeItemContentHover = "#ffffff";
356
+ export const ComponentsListNativeItemContentDisabled = "#ffffff";
357
+ export const ComponentsListNativeItemTitleContent = "#ffffff";
358
+ export const ComponentsListNativeSeparator = "#838086";
359
+ export const ComponentsListNativeBorder = "#767578";
360
+ export const ComponentsListCustomBackground = "#ffffff";
361
+ export const ComponentsListCustomItemContentDefault = "#617177";
362
+ export const ComponentsListCustomItemContentHover = "#34464d";
363
+ export const ComponentsListCustomItemContentDisabled = "#617177";
364
+ export const ComponentsListCustomItemBackgroundDefault = "#ffffff";
365
+ export const ComponentsListCustomItemBackgroundHover = "#a5a6a7";
366
+ export const ComponentsListCustomItemBackgroundDisabled = "#ffffff";
367
+ export const ComponentsListCustomItemBackgroundTitle = "#ffffff";
368
+ export const ComponentsListCustomSeparator = "#e1e4e6";
369
+ export const ComponentsListCustomBorder = "#e1e4e6";
370
+ export const ComponentsListCustomItemTitleContent = "#617177";
371
+ export const ComponentsTooltipBackground = "#0b0f11";
372
+ export const ComponentsTooltipText = "#f5f6f7";
373
+ export const ComponentsTooltipSupportingText = "#889499";
374
+ export const ComponentsTooltipBorder = "#0b0f11";
406
375
  export const ComponentsPopoverBackground = "#f5f6f7";
407
376
  export const ComponentsPopoverBorder = "#e1e4e6";
408
377
  export const ComponentsPopoverText = "#34464d";
409
378
  export const ComponentsPopoverSupportingText = "#617177";
410
- export const ComponentsMenuContextualBackground = "#ffffff";
411
- export const ComponentsMenuContextualBorder = "#e1e4e6";
412
379
  export const ComponentsMenuContextualItemBackground = "#ffffff";
380
+ export const ComponentsMenuContextualItemContent = "#617177";
381
+ export const ComponentsMenuContextualItemContentHover = "#34464d";
413
382
  export const ComponentsMenuContextualItemBackgroundHover = "#a5a6a7";
414
383
  export const ComponentsMenuContextualItemShortcut = "#9fadb2";
415
- export const ComponentsMenuContextualItemContent = "#617177";
416
384
  export const ComponentsMenuContextualItemContentDisabled = "#9fadb2";
417
- export const ComponentsMenuContextualItemContentHover = "#34464d";
385
+ export const ComponentsMenuContextualBorder = "#e1e4e6";
386
+ export const ComponentsMenuContextualBackground = "#ffffff";
387
+ export const ShadowBlurBase1 = "3px";
388
+ export const ShadowBlurBase2 = "2px";
389
+ export const ShadowBlurMd1 = "4px";
390
+ export const ShadowBlurMd2 = "6px";
391
+ export const ShadowBlurLg1 = "6px";
392
+ export const ShadowBlurLg2 = "15px";
393
+ export const ShadowBlurXl1 = "10px";
394
+ export const ShadowBlurXl2 = "25px";
395
+ export const ShadowBlur2xl = "50px";
396
+ export const ShadowYAxisBase = "1px";
397
+ export const ShadowYAxisMd1 = "2px";
398
+ export const ShadowYAxisMd2 = "4px";
399
+ export const ShadowYAxisLg1 = "4px";
400
+ export const ShadowYAxisLg2 = "10px";
401
+ export const ShadowYAxisXl1 = "10px";
402
+ export const ShadowYAxisXl2 = "20px";
403
+ export const ShadowYAxis2xl = "25px";
404
+ export const ShadowYAxisNone = "0px";
405
+ export const ShadowSpreadLg1 = "-2px";
406
+ export const ShadowSpreadLg2 = "-3px";
407
+ export const ShadowSpreadXl = "-5px";
408
+ export const ShadowSpread2xl = "-12px";
409
+ export const ShadowColorOpacity0 = "#ffffff";
410
+ export const ShadowColorOpacity1 = "#0b0f11";
411
+ export const ShadowColorOpacity2 = "#0b0f11";
412
+ export const ShadowColorOpacity3 = "#0b0f11";