@nova-design-system/nova-base 3.0.0-beta.30 → 3.0.0-beta.31

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 (27) hide show
  1. package/dist/css/mccs.css +180187 -0
  2. package/dist/css/nova-utils.css +867 -59
  3. package/dist/css/ocean.css +180278 -0
  4. package/dist/css/spark.css +180278 -0
  5. package/dist/js/ocean_dark.d.ts +119 -124
  6. package/dist/js/ocean_dark.js +152 -157
  7. package/dist/js/ocean_light.d.ts +119 -124
  8. package/dist/js/ocean_light.js +143 -148
  9. package/dist/js/primitives.d.ts +0 -6
  10. package/dist/js/primitives.js +0 -6
  11. package/dist/js/spacings.d.ts +2 -0
  12. package/dist/js/spacings.js +3 -1
  13. package/dist/js/spark_dark.d.ts +108 -113
  14. package/dist/js/spark_dark.js +120 -125
  15. package/dist/js/spark_light.d.ts +108 -113
  16. package/dist/js/spark_light.js +108 -113
  17. package/dist/lib/cjs/nova-plugin.js +30 -74
  18. package/dist/lib/cjs/nova-safelist.js +8 -3
  19. package/dist/lib/cjs/nova-tailwind-tokens.js +123 -0
  20. package/dist/lib/cjs/nova-theme.js +14 -2
  21. package/dist/lib/nova-plugin.js +12 -58
  22. package/dist/lib/nova-safelist.d.ts +2 -2
  23. package/dist/lib/nova-safelist.js +9 -2
  24. package/dist/lib/nova-tailwind-tokens.d.ts +123 -0
  25. package/dist/lib/nova-tailwind-tokens.js +123 -0
  26. package/dist/lib/nova-theme.js +14 -2
  27. package/package.json +1 -1
package/dist/js/ocean_light.js CHANGED
@@ -2,94 +2,71 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const ColorBaseLevel10 = "#f5f6f7";
6
- export const ColorBaseLevel20 = "#ffffff";
7
- export const ColorBaseLevel30 = "#f5f6f7";
8
- export const ColorBaseLevel40 = "#ffffff";
9
- export const ColorBaseLevel00 = "#ffffff";
10
- export const ColorBaseLevel00Hover = "#fafbfb";
11
- export const ColorBaseLevel10Hover = "#eaeef0";
12
- export const ColorBaseLevel20Hover = "#fafbfb";
13
- export const ColorBaseLevel30Hover = "#eaeef0";
14
- export const ColorBaseLevel40Hover = "#fafbfb";
15
- export const ColorBaseContentHighEmphasis = "#171f22";
16
- export const ColorBaseContentMediumEmphasis = "#34464d";
17
- export const ColorBaseContentLowEmphasis = "#617177";
18
- export const ColorBaseContentLowerEmphasis = "#9fadb2";
19
- export const ColorBaseContentInvertedHighEmphasis = "#f5f6f7";
20
- export const ColorBaseContentInvertedMediumEmphasis = "#889499";
21
- export const ColorBaseContentInvertedLowEmphasis = "#617177";
22
- export const ColorBaseBorderHighEmphasis = "#889499";
23
- export const ColorBaseBorderMediumEmphasis = "#bac1c4";
24
- export const ColorBaseBorderLowEmphasis = "#e1e4e6";
25
- export const ColorBaseBorderFocus = "#71b2bc";
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";
5
+ export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
6
+ export const ColorInteractionContainerBrandedLowBackgroundHover = "#e4f0f2";
7
+ export const ColorInteractionContainerBrandedLowText = "#1f717d";
8
+ export const ColorInteractionContainerBrandedLowTextHover = "#185963";
9
+ export const ColorInteractionContainerBrandedLowIcon = "#1f717d";
10
+ export const ColorInteractionContainerBrandedLowIconHover = "#185963";
11
+ export const ColorInteractionContainerBrandedLowBorder = "#1f717d";
12
+ export const ColorInteractionContainerBrandedLowBorderHover = "#185963";
13
+ export const ColorInteractionContainerBrandedHighBackground = "#1f717d";
14
+ export const ColorInteractionContainerBrandedHighBackgroundHover = "#185963";
15
+ export const ColorInteractionContainerBrandedHighText = "#ffffff";
16
+ export const ColorInteractionContainerBrandedHighTextHover = "#ffffff";
17
+ export const ColorInteractionContainerBrandedHighIcon = "#ffffff";
18
+ export const ColorInteractionContainerBrandedHighIconHover = "#ffffff";
19
+ export const ColorInteractionContainerBrandedHighBorder = "#1f717d";
20
+ export const ColorInteractionContainerBrandedHighBorderHover = "#185963";
21
+ export const ColorInteractionContainerNeutralBackground = "#ffffff";
22
+ export const ColorInteractionContainerNeutralBackgroundHover = "#a5a6a7";
23
+ export const ColorInteractionContainerNeutralText = "#617177";
24
+ export const ColorInteractionContainerNeutralTextHover = "#34464d";
25
+ export const ColorInteractionContainerNeutralIcon = "#617177";
26
+ export const ColorInteractionContainerNeutralIconHover = "#34464d";
27
+ export const ColorInteractionContainerNeutralBorder = "#617177";
28
+ export const ColorInteractionContainerNeutralBorderHover = "#34464d";
29
+ export const ColorInteractionLinkHighText = "#1f717d";
30
+ export const ColorInteractionLinkHighTextHover = "#185963";
31
+ export const ColorInteractionLinkHighIcon = "#1f717d";
32
+ export const ColorInteractionLinkHighIconHover = "#185963";
33
+ export const ColorInteractionLinkLowText = "#171f22";
34
+ export const ColorInteractionLinkLowTextHover = "#1f717d";
35
+ export const ColorInteractionLinkLowIcon = "#171f22";
36
+ export const ColorInteractionLinkLowIconHover = "#1f717d";
64
37
  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";
38
+ export const ColorLevel10Background = "#f5f6f7";
39
+ export const ColorLevel20Background = "#ffffff";
40
+ export const ColorLevel30Background = "#f5f6f7";
41
+ export const ColorLevel40Background = "#ffffff";
42
+ export const ColorLevel00Background = "#ffffff";
43
+ export const ColorLevel05Background = "#fafbfb";
44
+ export const ColorContentHighBorder = "#889499";
45
+ export const ColorContentHighText = "#171f22";
46
+ export const ColorContentHighIcon = "#171f22";
47
+ export const ColorContentMediumBorder = "#bac1c4";
48
+ export const ColorContentMediumText = "#34464d";
49
+ export const ColorContentMediumIcon = "#34464d";
50
+ export const ColorContentLowBorder = "#e1e4e6";
51
+ export const ColorContentLowText = "#617177";
52
+ export const ColorContentLowIcon = "#617177";
53
+ export const ColorContentLowerText = "#9fadb2";
54
+ export const ColorContentInvertedHighText = "#f5f6f7";
55
+ export const ColorContentInvertedHighIcon = "#f5f6f7";
56
+ export const ColorContentInvertedMediumText = "#889499";
57
+ export const ColorContentInvertedMediumIcon = "#889499";
58
+ export const ColorContentInvertedLowText = "#617177";
59
+ export const ColorContentInvertedLowIcon = "#617177";
60
+ export const ColorAccent50 = "#fceae3";
61
+ export const ColorAccent100 = "#f8ccbc";
62
+ export const ColorAccent200 = "#f4ae95";
63
+ export const ColorAccent300 = "#ef906e";
64
+ export const ColorAccent400 = "#eb7247";
65
+ export const ColorAccent500 = "#e75420";
66
+ export const ColorAccent600 = "#bf451a";
67
+ export const ColorAccent700 = "#963715";
68
+ export const ColorAccent800 = "#6e280f";
69
+ export const ColorAccent900 = "#45190a";
93
70
  export const ColorChart1 = "#f0801a";
94
71
  export const ColorChart2 = "#394d55";
95
72
  export const ColorChart3 = "#258998";
@@ -102,67 +79,87 @@ export const ColorChart9 = "#447583";
102
79
  export const ColorChart10 = "#990035";
103
80
  export const ColorFeedbackInformationHighBackground = "#3883ff";
104
81
  export const ColorFeedbackInformationHighBorder = "#3883ff";
105
- export const ColorFeedbackInformationHighContent = "#ffffff";
82
+ export const ColorFeedbackInformationHighIcon = "#ffffff";
83
+ export const ColorFeedbackInformationHighText = "#ffffff";
106
84
  export const ColorFeedbackInformationLowBackground = "#f0f6ff";
107
85
  export const ColorFeedbackInformationLowBorder = "#2660c2";
108
- export const ColorFeedbackInformationLowContent = "#2660c2";
86
+ export const ColorFeedbackInformationLowIcon = "#2660c2";
87
+ export const ColorFeedbackInformationLowText = "#2660c2";
109
88
  export const ColorFeedbackErrorHighBackground = "#da2424";
110
89
  export const ColorFeedbackErrorHighBorder = "#da2424";
111
- export const ColorFeedbackErrorHighContent = "#ffffff";
90
+ export const ColorFeedbackErrorHighIcon = "#ffffff";
91
+ export const ColorFeedbackErrorHighText = "#ffffff";
112
92
  export const ColorFeedbackErrorLowBackground = "#ffeded";
113
93
  export const ColorFeedbackErrorLowBorder = "#da2424";
114
- export const ColorFeedbackErrorLowContent = "#da2424";
94
+ export const ColorFeedbackErrorLowIcon = "#da2424";
95
+ export const ColorFeedbackErrorLowText = "#da2424";
115
96
  export const ColorFeedbackNeutralHighBackground = "#617177";
116
97
  export const ColorFeedbackNeutralHighBorder = "#617177";
117
- export const ColorFeedbackNeutralHighContent = "#ffffff";
98
+ export const ColorFeedbackNeutralHighIcon = "#ffffff";
99
+ export const ColorFeedbackNeutralHighText = "#ffffff";
118
100
  export const ColorFeedbackNeutralLowBackground = "#eaeef0";
119
101
  export const ColorFeedbackNeutralLowBorder = "#617177";
120
- export const ColorFeedbackNeutralLowContent = "#617177";
102
+ export const ColorFeedbackNeutralLowIcon = "#617177";
103
+ export const ColorFeedbackNeutralLowText = "#617177";
121
104
  export const ColorFeedbackWarningHighBackground = "#fac50d";
122
105
  export const ColorFeedbackWarningHighBorder = "#fac50d";
123
- export const ColorFeedbackWarningHighContent = "#ffffff";
106
+ export const ColorFeedbackWarningHighIcon = "#ffffff";
107
+ export const ColorFeedbackWarningHighText = "#ffffff";
124
108
  export const ColorFeedbackWarningLowBackground = "#fff7df";
125
109
  export const ColorFeedbackWarningLowBorder = "#e0a917";
126
- export const ColorFeedbackWarningLowContent = "#e0a917";
110
+ export const ColorFeedbackWarningLowIcon = "#e0a917";
111
+ export const ColorFeedbackWarningLowText = "#e0a917";
127
112
  export const ColorFeedbackSuccessHighBackground = "#45d24d";
128
113
  export const ColorFeedbackSuccessHighBorder = "#45d24d";
129
- export const ColorFeedbackSuccessHighContent = "#ffffff";
114
+ export const ColorFeedbackSuccessHighIcon = "#ffffff";
115
+ export const ColorFeedbackSuccessHighText = "#ffffff";
130
116
  export const ColorFeedbackSuccessLowBackground = "#eafeeb";
131
117
  export const ColorFeedbackSuccessLowBorder = "#34ae3b";
132
- export const ColorFeedbackSuccessLowContent = "#34ae3b";
133
- export const ColorFocusBrand = "#4b9eaa";
118
+ export const ColorFeedbackSuccessLowIcon = "#34ae3b";
119
+ export const ColorFeedbackSuccessLowText = "#34ae3b";
120
+ export const ColorFocusBrand = "#1f717d";
134
121
  export const ColorFocusDestructive = "#da2424";
135
122
  export const ColorFocusSuccess = "#34ae3b";
136
123
  export const ColorRainbow1Background = "#fdefe2";
137
124
  export const ColorRainbow1Border = "#c66a15";
138
- export const ColorRainbow1Content = "#c66a15";
125
+ export const ColorRainbow1Icon = "#c66a15";
126
+ export const ColorRainbow1Text = "#c66a15";
139
127
  export const ColorRainbow2Background = "#fceae3";
140
128
  export const ColorRainbow2Border = "#963715";
141
- export const ColorRainbow2Content = "#963715";
129
+ export const ColorRainbow2Icon = "#963715";
130
+ export const ColorRainbow2Text = "#963715";
142
131
  export const ColorRainbow3Background = "#ffecb3";
143
132
  export const ColorRainbow3Border = "#795c00";
144
- export const ColorRainbow3Content = "#795c00";
133
+ export const ColorRainbow3Icon = "#795c00";
134
+ export const ColorRainbow3Text = "#795c00";
145
135
  export const ColorRainbow4Background = "#f9e3e3";
146
136
  export const ColorRainbow4Border = "#cc1d1d";
147
- export const ColorRainbow4Content = "#cc1d1d";
137
+ export const ColorRainbow4Icon = "#cc1d1d";
138
+ export const ColorRainbow4Text = "#cc1d1d";
148
139
  export const ColorRainbow5Background = "#d2e5e3";
149
140
  export const ColorRainbow5Border = "#32504c";
150
- export const ColorRainbow5Content = "#32504c";
141
+ export const ColorRainbow5Icon = "#32504c";
142
+ export const ColorRainbow5Text = "#32504c";
151
143
  export const ColorRainbow6Background = "#f2dfe6";
152
144
  export const ColorRainbow6Border = "#ab2d58";
153
- export const ColorRainbow6Content = "#ab2d58";
145
+ export const ColorRainbow6Icon = "#ab2d58";
146
+ export const ColorRainbow6Text = "#ab2d58";
154
147
  export const ColorRainbow7Background = "#e2f0e2";
155
148
  export const ColorRainbow7Border = "#106f15";
156
- export const ColorRainbow7Content = "#106f15";
149
+ export const ColorRainbow7Icon = "#106f15";
150
+ export const ColorRainbow7Text = "#106f15";
157
151
  export const ColorRainbow8Background = "#e4f0f2";
158
152
  export const ColorRainbow8Border = "#1f717d";
159
- export const ColorRainbow8Content = "#1f717d";
153
+ export const ColorRainbow8Icon = "#1f717d";
154
+ export const ColorRainbow8Text = "#1f717d";
160
155
  export const ColorRainbow9Background = "#f1f4e5";
161
156
  export const ColorRainbow9Border = "#5c6e1f";
162
- export const ColorRainbow9Content = "#5c6e1f";
157
+ export const ColorRainbow9Icon = "#5c6e1f";
158
+ export const ColorRainbow9Text = "#5c6e1f";
163
159
  export const ColorRainbow10Background = "#eaeef0";
164
160
  export const ColorRainbow10Border = "#394d55";
165
- export const ColorRainbow10Content = "#394d55";
161
+ export const ColorRainbow10Icon = "#394d55";
162
+ export const ColorRainbow10Text = "#394d55";
166
163
  export const ColorDontUseBorder = "#c6ced1";
167
164
  export const ColorDontUseContent = "#c6ced1";
168
165
  export const ColorDontUseBackground = "#f5f6f7";
@@ -193,32 +190,40 @@ export const ShadowYAxisXl1 = "10px";
193
190
  export const ShadowYAxisXl2 = "20px";
194
191
  export const ShadowYAxis2xl = "25px";
195
192
  export const ComponentsWpfComponents2 = "#ffffff";
193
+ export const ComponentsButtonMediumBackground = "#ffffff";
194
+ export const ComponentsButtonMediumBackgroundHover = "#e4f0f2";
195
+ export const ComponentsButtonMediumText = "#1f717d";
196
+ export const ComponentsButtonMediumTextHover = "#185963";
197
+ export const ComponentsButtonMediumIcon = "#1f717d";
198
+ export const ComponentsButtonMediumIconHover = "#185963";
199
+ export const ComponentsButtonMediumBorder = "#1f717d";
200
+ export const ComponentsButtonMediumBorderHover = "#185963";
196
201
  export const ComponentsButtonHighBorder = "#ffffff";
197
202
  export const ComponentsButtonHighBorderHover = "#ffffff";
198
- export const ComponentsButtonHighBackground = "#4b9eaa";
199
- export const ComponentsButtonHighBackgroundHover = "#258998";
200
- export const ComponentsButtonHighText = "#000000";
201
- export const ComponentsButtonHighTextHover = "#000000";
202
- export const ComponentsButtonHighIcon = "#000000";
203
- export const ComponentsButtonHighIconHover = "#000000";
203
+ export const ComponentsButtonHighBackground = "#1f717d";
204
+ export const ComponentsButtonHighBackgroundHover = "#185963";
205
+ export const ComponentsButtonHighText = "#ffffff";
206
+ export const ComponentsButtonHighTextHover = "#ffffff";
207
+ export const ComponentsButtonHighIcon = "#ffffff";
208
+ export const ComponentsButtonHighIconHover = "#ffffff";
204
209
  export const ComponentsButtonLowBackground = "#ffffff";
205
- export const ComponentsButtonLowBackgroundHover = "#0b0f11";
210
+ export const ComponentsButtonLowBorder = "#ffffff";
211
+ export const ComponentsButtonLowBorderHover = "#ffffff";
212
+ export const ComponentsButtonLowBackgroundHover = "#e4f0f2";
206
213
  export const ComponentsButtonLowText = "#1f717d";
207
214
  export const ComponentsButtonLowTextHover = "#185963";
208
215
  export const ComponentsButtonLowIcon = "#1f717d";
209
216
  export const ComponentsButtonLowIconHover = "#185963";
210
- export const ComponentsButtonLowBorder = "#258998";
211
- export const ComponentsButtonLowBorderHover = "#185963";
212
217
  export const ComponentsButtonLowerBorder = "#ffffff";
213
218
  export const ComponentsButtonLowerBorderHover = "#ffffff";
214
219
  export const ComponentsButtonLowerBorder2 = "#ffffff";
215
220
  export const ComponentsButtonLowerBorderHover2 = "#ffffff";
216
221
  export const ComponentsButtonLowerBackground = "#ffffff";
217
- export const ComponentsButtonLowerBackgroundHover = "#0b0f11";
218
- export const ComponentsButtonLowerText = "#1f717d";
219
- export const ComponentsButtonLowerTextHover = "#185963";
220
- export const ComponentsButtonLowerIcon = "#1f717d";
221
- export const ComponentsButtonLowerIconHover = "#185963";
222
+ export const ComponentsButtonLowerBackgroundHover = "#a5a6a7";
223
+ export const ComponentsButtonLowerText = "#617177";
224
+ export const ComponentsButtonLowerTextHover = "#34464d";
225
+ export const ComponentsButtonLowerIcon = "#617177";
226
+ export const ComponentsButtonLowerIconHover = "#34464d";
222
227
  export const ComponentsButtonGrAsComplementaryBorder = "#ffffff";
223
228
  export const ComponentsButtonGrAsComplementaryBorderHover = "#ffffff";
224
229
  export const ComponentsButtonGrAsComplementaryBackground = "#bac1c4";
@@ -227,14 +232,6 @@ export const ComponentsButtonGrAsComplementaryText = "#000000";
227
232
  export const ComponentsButtonGrAsComplementaryTextHover = "#000000";
228
233
  export const ComponentsButtonGrAsComplementaryIcon = "#000000";
229
234
  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
235
  export const ComponentsFormOpacityDefault = "100px";
239
236
  export const ComponentsFormOpacityDisabled = "50px";
240
237
  export const ComponentsFormTextRequired = "#da2424";
@@ -247,13 +244,13 @@ export const ComponentsFormFieldBackgroundDefault = "#ffffff";
247
244
  export const ComponentsFormFieldBackgroundFocus = "#ffffff";
248
245
  export const ComponentsFormFieldBackgroundHover = "#fafbfb";
249
246
  export const ComponentsFormFieldBackgroundDisabled = "#f5f6f7";
250
- export const ComponentsFormFieldBackgroundChecked = "#4b9eaa";
247
+ export const ComponentsFormFieldBackgroundChecked = "#1f717d";
251
248
  export const ComponentsFormFieldBackgroundError = "#da2424";
252
249
  export const ComponentsFormFieldBackgroundReadonly = "#fafbfb";
253
250
  export const ComponentsFormFieldBorderDefault = "#bac1c4";
254
251
  export const ComponentsFormFieldBorderDisabled = "#bac1c4";
255
252
  export const ComponentsFormFieldBorderHover = "#889499";
256
- export const ComponentsFormFieldBorderFocus = "#4b9eaa";
253
+ export const ComponentsFormFieldBorderFocus = "#1f717d";
257
254
  export const ComponentsFormFieldBorderError = "#da2424";
258
255
  export const ComponentsFormFieldBorderSuccess = "#34ae3b";
259
256
  export const ComponentsFormFieldBorderReadonly = "#e1e4e6";
@@ -266,11 +263,11 @@ export const ComponentsFormFieldIconSuccess = "#34ae3b";
266
263
  export const ComponentsFormShapeBackgroundDefault = "#eaeef0";
267
264
  export const ComponentsFormShapeBackgroundHover = "#e1e4e6";
268
265
  export const ComponentsFormShapeBackgroundDisabled = "#eaeef0";
269
- export const ComponentsFormShapeBackgroundSelected = "#4b9eaa";
266
+ export const ComponentsFormShapeBackgroundSelected = "#1f717d";
270
267
  export const ComponentsFormShapeBackgroundError = "#da2424";
271
268
  export const ComponentsFormShapeBorderDefault = "#bac1c4";
272
269
  export const ComponentsFormShapeBorderHover = "#889499";
273
- export const ComponentsFormShapeBorderFocus = "#4b9eaa";
270
+ export const ComponentsFormShapeBorderFocus = "#1f717d";
274
271
  export const ComponentsFormShapeBorderError = "#da2424";
275
272
  export const ComponentsFormShapeBorderSuccess = "#34ae3b";
276
273
  export const ComponentsFormShapeForegroundDefault = "#ffffff";
@@ -304,7 +301,7 @@ export const ComponentsLoaderWhiteForeground = "#ffffff";
304
301
  export const ComponentsLoaderBrandBackground = "#e4f0f2";
305
302
  export const ComponentsLoaderBrandForeground = "#258998";
306
303
  export const ComponentsButtonDestructiveMediumBackground = "#ffffff";
307
- export const ComponentsButtonDestructiveMediumBackgroundHover = "#0b0f11";
304
+ export const ComponentsButtonDestructiveMediumBackgroundHover = "#ffeded";
308
305
  export const ComponentsButtonDestructiveMediumText = "#da2424";
309
306
  export const ComponentsButtonDestructiveMediumTextHover = "#bb1919";
310
307
  export const ComponentsButtonDestructiveMediumIcon = "#da2424";
@@ -312,19 +309,19 @@ export const ComponentsButtonDestructiveMediumIconHover = "#bb1919";
312
309
  export const ComponentsButtonDestructiveMediumBorder = "#da2424";
313
310
  export const ComponentsButtonDestructiveMediumBorderHover = "#bb1919";
314
311
  export const ComponentsButtonDestructiveLowBackground = "#ffffff";
315
- export const ComponentsButtonDestructiveLowBackgroundHover = "#0b0f11";
316
312
  export const ComponentsButtonDestructiveLowBorder = "#ffffff";
317
313
  export const ComponentsButtonDestructiveLowBorderHover = "#ffffff";
314
+ export const ComponentsButtonDestructiveLowBackgroundHover = "#ffeded";
318
315
  export const ComponentsButtonDestructiveLowText = "#da2424";
319
316
  export const ComponentsButtonDestructiveLowTextHover = "#bb1919";
320
317
  export const ComponentsButtonDestructiveLowIcon = "#da2424";
321
318
  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";
319
+ export const ComponentsButtonDestructiveHighBackground = "#da2424";
320
+ export const ComponentsButtonDestructiveHighBackgroundHover = "#bb1919";
321
+ export const ComponentsButtonDestructiveHighText = "#ffffff";
322
+ export const ComponentsButtonDestructiveHighTextHover = "#ffffff";
323
+ export const ComponentsButtonDestructiveHighIcon = "#ffffff";
324
+ export const ComponentsButtonDestructiveHighIconHover = "#ffffff";
328
325
  export const ComponentsButtonDestructiveLowerBackground = "#f5f6f7";
329
326
  export const ComponentsButtonDestructiveLowerBackgroundHover = "#f5f6f7";
330
327
  export const ComponentsButtonDestructiveLowerText = "#c6ced1";
@@ -333,11 +330,6 @@ export const ComponentsButtonDestructiveLowerIcon = "#c6ced1";
333
330
  export const ComponentsButtonDestructiveLowerIconHover = "#c6ced1";
334
331
  export const ComponentsButtonDestructiveLowerBorder = "#c6ced1";
335
332
  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";
341
333
  export const ComponentsAlertInformationBackground = "#f0f6ff";
342
334
  export const ComponentsAlertInformationIcon = "#2660c2";
343
335
  export const ComponentsAlertInformationBorder = "#2660c2";
@@ -385,7 +377,6 @@ export const ComponentsAvatarContent7 = "#106f15";
385
377
  export const ComponentsAvatarContent8 = "#1f717d";
386
378
  export const ComponentsAvatarContent9 = "#5c6e1f";
387
379
  export const ComponentsAvatarContent10 = "#394d55";
388
- export const ComponentsAvatarColorBackground1 = "#e2f0e2";
389
380
  export const ComponentsNotificationInformationBackground = "#ffffff";
390
381
  export const ComponentsNotificationInformationIcon = "#2660c2";
391
382
  export const ComponentsNotificationInformationBorder = "#2660c2";
@@ -407,6 +398,10 @@ export const ComponentsPopoverBackground = "#f5f6f7";
407
398
  export const ComponentsPopoverBorder = "#e1e4e6";
408
399
  export const ComponentsPopoverText = "#34464d";
409
400
  export const ComponentsPopoverSupportingText = "#617177";
401
+ export const ComponentsTooltipBackground = "#0b0f11";
402
+ export const ComponentsTooltipBorder = "#0b0f11";
403
+ export const ComponentsTooltipText = "#f5f6f7";
404
+ export const ComponentsTooltipSupportingText = "#889499";
410
405
  export const ComponentsMenuContextualBackground = "#ffffff";
411
406
  export const ComponentsMenuContextualBorder = "#e1e4e6";
412
407
  export const ComponentsMenuContextualItemBackground = "#ffffff";
package/dist/js/primitives.d.ts CHANGED
@@ -238,8 +238,6 @@ export const RadiusRoundedXl : string;
238
238
  export const RadiusRounded2xl : string;
239
239
  export const RadiusRounded3xl : string;
240
240
  export const RadiusRoundedFull : string;
241
- export const RadiusSm : string;
242
- export const RadiusMd : string;
243
241
  export const Spacing0 : string;
244
242
  export const Spacing1 : string;
245
243
  export const Spacing2 : string;
@@ -275,11 +273,7 @@ export const Spacing05 : string;
275
273
  export const Spacing15 : string;
276
274
  export const Spacing25 : string;
277
275
  export const Spacing35 : string;
278
- export const Spacing01 : string;
279
- export const Spacing02 : string;
280
- export const Spacing06 : string;
281
276
  export const Spacing07 : string;
282
- export const Spacing08 : string;
283
277
  export const Spacing09 : string;
284
278
  export const LetterSpacingHeadingXs : string;
285
279
  export const LetterSpacingHeadingSm : string;
package/dist/js/primitives.js CHANGED
@@ -238,8 +238,6 @@ export const RadiusRoundedXl = "12px";
238
238
  export const RadiusRounded2xl = "16px";
239
239
  export const RadiusRounded3xl = "24px";
240
240
  export const RadiusRoundedFull = "9999px";
241
- export const RadiusSm = "6px";
242
- export const RadiusMd = "8px";
243
241
  export const Spacing0 = "0px";
244
242
  export const Spacing1 = "4px";
245
243
  export const Spacing2 = "8px";
@@ -275,11 +273,7 @@ export const Spacing05 = "2px";
275
273
  export const Spacing15 = "6px";
276
274
  export const Spacing25 = "10px";
277
275
  export const Spacing35 = "14px";
278
- export const Spacing01 = "4px";
279
- export const Spacing02 = "8px";
280
- export const Spacing06 = "24px";
281
276
  export const Spacing07 = "28px";
282
- export const Spacing08 = "32px";
283
277
  export const Spacing09 = "36px";
284
278
  export const LetterSpacingHeadingXs = "0px";
285
279
  export const LetterSpacingHeadingSm = "-0.25px";
package/dist/js/spacings.d.ts CHANGED
@@ -56,7 +56,9 @@ export const ListCustomFontSize : string;
56
56
  export const ListCustomLineHeight : string;
57
57
  export const ListCustomItemPaddingLeft : string;
58
58
  export const ListCustomItemPaddingRight : string;
59
+ export const ListCustomItemPaddingX : string;
59
60
  export const ListCustomItemPaddingY : string;
61
+ export const ListCustomItemGapX : string;
60
62
  export const ListCustomItemRadius : string;
61
63
  export const ListCustomGapY : string;
62
64
  export const ListCustomRadius : string;
package/dist/js/spacings.js CHANGED
@@ -56,10 +56,12 @@ export const ListCustomFontSize = "16px";
56
56
  export const ListCustomLineHeight = "24px";
57
57
  export const ListCustomItemPaddingLeft = "32px";
58
58
  export const ListCustomItemPaddingRight = "8px";
59
+ export const ListCustomItemPaddingX = "8px";
59
60
  export const ListCustomItemPaddingY = "8px";
61
+ export const ListCustomItemGapX = "12px";
60
62
  export const ListCustomItemRadius = "6px";
61
63
  export const ListCustomGapY = "2px";
62
- export const ListCustomRadius = "8px";
64
+ export const ListCustomRadius = "6px";
63
65
  export const ListCustomPadding = "8px";
64
66
  export const ListCustomSeparatorPaddingX = "0px";
65
67
  export const ListCustomSeparatorPaddingY = "2px";