@nova-design-system/nova-base 3.15.0 → 3.16.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.
Files changed (22) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-components.js +205 -3
  3. package/dist/cjs/plugin/nova-plugin.js +49 -49
  4. package/dist/cjs/plugin/nova-theme.js +26 -0
  5. package/dist/css/nova-utils.css +207 -4
  6. package/dist/css/ocean.css +29 -4
  7. package/dist/css/spark.css +29 -4
  8. package/dist/generated/nova-tailwind-components.d.ts +199 -0
  9. package/dist/generated/nova-tailwind-components.js +205 -3
  10. package/dist/js/ocean_dark.d.ts +10 -0
  11. package/dist/js/ocean_dark.js +10 -0
  12. package/dist/js/ocean_light.d.ts +10 -0
  13. package/dist/js/ocean_light.js +12 -2
  14. package/dist/js/primitives.d.ts +5 -0
  15. package/dist/js/primitives.js +5 -0
  16. package/dist/js/spark_dark.d.ts +10 -0
  17. package/dist/js/spark_dark.js +10 -0
  18. package/dist/js/spark_light.d.ts +10 -0
  19. package/dist/js/spark_light.js +12 -2
  20. package/dist/plugin/nova-plugin.js +49 -49
  21. package/dist/plugin/nova-theme.js +26 -0
  22. package/package.json +1 -1
package/dist/generated/nova-tailwind-components.js CHANGED
@@ -4,6 +4,208 @@
4
4
  * @ref generate-tailwind-components.ts
5
5
  */
6
6
  export const NOVA_TAILWIND_COMPONENTS = {
7
+ 'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range': {
8
+ 'background': 'var(--components-slider-track-filled-hover)'
9
+ },
10
+ 'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb': {
11
+ 'borderColor': 'var(--components-slider-track-filled-hover)'
12
+ },
13
+ 'nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range': {
14
+ 'background': 'var(--components-slider-track-filled-focus)'
15
+ },
16
+ 'nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb': {
17
+ 'borderColor': 'var(--components-slider-track-filled-focus)'
18
+ },
19
+ 'nv-fieldslider[error] .slider-container .track-container .track .track-range': {
20
+ 'background': 'var(--components-slider-track-filled-error)'
21
+ },
22
+ 'nv-fieldslider[error] .slider-container .track-container .track .thumb': {
23
+ 'borderColor': 'var(--components-slider-track-filled-error)'
24
+ },
25
+ 'nv-fieldslider[error] .slider-container .track-container .track .thumb:hover': {
26
+ 'borderColor': 'var(--components-slider-track-filled-error)',
27
+ 'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error)',
28
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
29
+ 'backgroundColor': 'var(--components-slider-handler-background-error)'
30
+ },
31
+ 'nv-fieldslider[error] .slider-container .track-container .track .thumb:focus': {
32
+ 'borderColor': 'var(--components-slider-track-filled-error)',
33
+ 'outline': 'calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error)',
34
+ 'outlineOffset': 'calc(var(--focus-outline-offset) * 1)',
35
+ 'backgroundColor': 'var(--components-slider-track-filled-error)'
36
+ },
37
+ 'nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range': {
38
+ 'background': 'var(--components-slider-track-filled-error)'
39
+ },
40
+ 'nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb': {
41
+ 'borderColor': 'var(--components-slider-track-filled-error)'
42
+ },
43
+ '.nv-fieldtext': {
44
+ '--nv-field-border-default': 'var(--components-form-field-border-default)',
45
+ '--nv-field-border-hover': 'var(--components-form-field-border-hover)',
46
+ '--nv-field-border-focus': 'var(--components-form-field-border-focus)',
47
+ '--nv-field-border-disabled': 'var(--components-form-field-border-default)',
48
+ '--nv-field-border-readonly': 'var(--components-form-field-border-default)',
49
+ '--nv-field-focus-box-shadow': 'var(--color-focus-brand)',
50
+ '--nv-field-background': 'var(--components-form-field-background-default)',
51
+ 'display': 'flex',
52
+ 'flexDirection': 'column',
53
+ 'alignItems': 'flex-start',
54
+ 'gap': 'var(--form-gap-y)',
55
+ 'boxSizing': 'border-box',
56
+ 'maxWidth': '480px'
57
+ },
58
+ '.nv-fieldtext.fluid': {
59
+ 'maxWidth': 'unset'
60
+ },
61
+ '.nv-fieldtext.readonly': {
62
+ '--nv-field-border-default': 'var(--components-form-field-border-readonly)',
63
+ '--nv-field-border-hover': 'var(--nv-field-border-default)',
64
+ '--nv-field-border-focus': 'var(--components-form-field-border-focus)',
65
+ '--nv-field-border-disabled': 'var(--nv-field-border-default)',
66
+ '--nv-field-border-readonly': 'var(--nv-field-border-default)',
67
+ '--nv-field-background': 'var(--components-form-field-background-readonly)'
68
+ },
69
+ '.nv-fieldtext.error': {
70
+ '--nv-field-border-default': 'var(--components-form-field-border-error)',
71
+ '--nv-field-border-hover': 'var(--nv-field-border-default)',
72
+ '--nv-field-border-focus': 'var(--nv-field-border-default)',
73
+ '--nv-field-border-disabled': 'var(--nv-field-border-default)',
74
+ '--nv-field-border-readonly': 'var(--nv-field-border-default)',
75
+ '--nv-field-focus-box-shadow': 'var(--color-focus-destructive-in-field)'
76
+ },
77
+ '.nv-fieldtext.success': {
78
+ '--nv-field-border-default': 'var(--components-form-field-border-success)',
79
+ '--nv-field-border-hover': 'var(--nv-field-border-default)',
80
+ '--nv-field-border-focus': 'var(--nv-field-border-default)',
81
+ '--nv-field-border-disabled': 'var(--nv-field-border-default)',
82
+ '--nv-field-border-readonly': 'var(--nv-field-border-default)',
83
+ '--nv-field-focus-box-shadow': 'var(--color-focus-success)'
84
+ },
85
+ '.nv-fieldtext.required label::after': {
86
+ 'content': '\'*\'',
87
+ 'color': 'var(--components-form-text-required)',
88
+ 'fontWeight': 'var(--font-weight-high-emphasis)'
89
+ },
90
+ '.nv-fieldtext > label': {
91
+ 'display': 'flex',
92
+ 'alignItems': 'center',
93
+ 'gap': 'var(--form-label-gap)',
94
+ 'alignSelf': 'stretch',
95
+ 'color': 'var(--components-form-text-label-default)',
96
+ 'fontFamily': 'var(--font-family-default), var(--font-family-fallback), sans-serif',
97
+ 'fontSize': 'var(--form-label-font-size)',
98
+ 'fontStyle': 'normal',
99
+ 'fontWeight': 'var(--font-weight-medium-emphasis)',
100
+ 'lineHeight': 'var(--form-label-line-height)'
101
+ },
102
+ '.nv-fieldtext > .input-wrapper': {
103
+ 'display': 'flex',
104
+ 'flexWrap': 'wrap',
105
+ 'gap': 'var(--form-gap-x)',
106
+ 'alignItems': 'stretch',
107
+ 'alignSelf': 'stretch'
108
+ },
109
+ '.nv-fieldtext > .input-wrapper .input-container': {
110
+ 'display': 'flex',
111
+ 'flexGrow': '1',
112
+ 'justifyContent': 'center',
113
+ 'alignItems': 'center',
114
+ 'alignSelf': 'stretch',
115
+ 'borderRadius': 'var(--form-field-radius)',
116
+ 'borderWidth': '1px',
117
+ 'borderStyle': 'solid',
118
+ 'borderColor': 'var(--nv-field-border-default)',
119
+ 'opacity': 'var(--components-form-opacity-default, 1)',
120
+ 'background': 'var(--nv-field-background)',
121
+ 'transition': 'all 150ms ease-out'
122
+ },
123
+ '.nv-fieldtext > .input-wrapper .input-container:hover': {
124
+ 'borderColor': 'var(--nv-field-border-hover)'
125
+ },
126
+ '.nv-fieldtext > .input-wrapper .input-container:focus-within, .nv-fieldtext > .input-wrapper .input-container:focus-within:hover, .nv-fieldtext > .input-wrapper .input-container:focus, .nv-fieldtext > .input-wrapper .input-container:focus:hover': {
127
+ 'borderColor': 'var(--nv-field-border-focus)',
128
+ 'boxShadow': '0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)'
129
+ },
130
+ '.nv-fieldtext > .input-wrapper .input-container:has(input:read-only)': {
131
+ 'opacity': '0.5',
132
+ 'backgroundColor': 'var(--components-form-field-background-readonly)',
133
+ 'borderColor': 'var(--nv-field-border-readonly)'
134
+ },
135
+ '.nv-fieldtext > .input-wrapper .input-container:has(input:disabled)': {
136
+ 'opacity': '0.5',
137
+ 'backgroundColor': 'var(--components-form-field-background-disabled)',
138
+ 'borderColor': 'var(--nv-field-border-disabled)'
139
+ },
140
+ '.nv-fieldtext > .input-wrapper .input-container > .leading-input': {
141
+ 'display': 'block',
142
+ 'marginLeft': 'var(--form-field-padding-x)'
143
+ },
144
+ '.nv-fieldtext > .input-wrapper .input-container input': {
145
+ 'display': 'flex',
146
+ 'alignItems': 'center',
147
+ 'flex': '1 0 0',
148
+ 'overflow': 'hidden',
149
+ 'backgroundColor': 'transparent',
150
+ 'color': 'var(--components-form-field-content-text)',
151
+ 'padding': 'var(--form-field-padding-y) var(--form-field-padding-x)',
152
+ 'fontSize': 'var(--form-field-font-size)',
153
+ 'fontStyle': 'normal',
154
+ 'fontWeight': 'var(--font-weight-medium-emphasis)',
155
+ 'lineHeight': 'var(--form-field-line-height)',
156
+ 'width': '100%'
157
+ },
158
+ '.nv-fieldtext > .input-wrapper .input-container input:focus': {
159
+ 'outline': 'none'
160
+ },
161
+ '.nv-fieldtext > .input-wrapper .input-container input::placeholder': {
162
+ 'overflow': 'hidden',
163
+ 'color': 'var(--components-form-field-content-placeholder)',
164
+ 'textOverflow': 'ellipsis',
165
+ 'fontFamily': 'var(--font-family-default), var(--font-family-fallback), sans-serif',
166
+ 'fontSize': 'var(--form-field-font-size)',
167
+ 'fontStyle': 'normal',
168
+ 'fontWeight': 'var(--font-weight-low-emphasis)',
169
+ 'lineHeight': 'var(--form-field-line-height)'
170
+ },
171
+ '.nv-fieldtext > .input-wrapper .input-container input[type=password]::-ms-clear, .nv-fieldtext > .input-wrapper .input-container input[type=password]::-ms-reveal': {
172
+ 'display': 'none',
173
+ 'width': '0',
174
+ 'height': '0'
175
+ },
176
+ '.nv-fieldtext > .input-wrapper .input-container nv-icon.validation': {
177
+ 'color': 'var(--nv-field-border-default)',
178
+ 'marginRight': 'var(--form-gap-x)'
179
+ },
180
+ '.nv-fieldtext > .input-wrapper .input-container > .trailing-input': {
181
+ 'display': 'block',
182
+ 'marginRight': 'var(--form-field-padding-x)'
183
+ },
184
+ '.nv-fieldtext > .description': {
185
+ 'display': 'flex',
186
+ 'alignItems': 'center',
187
+ 'alignSelf': 'stretch',
188
+ 'gap': 'var(--spacing-1)',
189
+ 'color': 'var(--components-form-text-description-default)',
190
+ 'fontFamily': 'var(--font-family-default), var(--font-family-fallback), sans-serif',
191
+ 'fontSize': 'var(--form-description-font-size)',
192
+ 'fontStyle': 'normal',
193
+ 'lineHeight': 'var(--form-description-line-height)'
194
+ },
195
+ '.nv-fieldtext > .error-description': {
196
+ 'display': 'flex',
197
+ 'alignItems': 'center',
198
+ 'alignSelf': 'stretch',
199
+ 'gap': 'var(--spacing-1)',
200
+ 'color': [
201
+ 'var(--components-form-text-description-default)',
202
+ 'var(--components-form-text-description-error)'
203
+ ],
204
+ 'fontFamily': 'var(--font-family-default), var(--font-family-fallback), sans-serif',
205
+ 'fontSize': 'var(--form-description-font-size)',
206
+ 'fontStyle': 'normal',
207
+ 'lineHeight': 'var(--form-description-line-height)'
208
+ },
7
209
  '.nv-button': {
8
210
  'textDecoration': 'none',
9
211
  'display': 'inline-flex',
@@ -11,7 +213,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
11
213
  'alignItems': 'center',
12
214
  'fontStyle': 'normal',
13
215
  'fontWeight': 'var(--font-weight-medium-emphasis)',
14
- 'fontFamily': '\'TT Norms Pro\', sans-serif',
216
+ 'fontFamily': 'var(--font-family-default), var(--font-family-fallback), sans-serif',
15
217
  'transition': 'background-color 150ms ease-out',
16
218
  'userSelect': 'none',
17
219
  'cursor': 'pointer',
@@ -324,7 +526,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
324
526
  },
325
527
  '.nv-link, .nv-link-low, .nv-link-high': {
326
528
  'color': 'var(--color-interaction-link-high-text)',
327
- 'fontWeight': '500',
529
+ 'fontWeight': 'var(--font-weight-medium-emphasis)',
328
530
  'textDecoration': 'none'
329
531
  },
330
532
  '.nv-link:hover, .nv-link-low:hover, .nv-link-high:hover': {
@@ -364,7 +566,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
364
566
  'color': 'var(--color-interaction-container-neutral-text)',
365
567
  'backgroundColor': 'var(--color-interaction-container-neutral-background)',
366
568
  'textDecoration': 'none',
367
- 'fontWeight': '500',
569
+ 'fontWeight': 'var(--font-weight-medium-emphasis)',
368
570
  'padding': 'var(--spacing-2) var(--spacing-3)',
369
571
  'columnGap': 'var(--spacing-2)'
370
572
  },
package/dist/js/ocean_dark.d.ts CHANGED
@@ -105,6 +105,16 @@ export const ColorAccent600 : string;
105
105
  export const ColorAccent700 : string;
106
106
  export const ColorAccent800 : string;
107
107
  export const ColorAccent900 : string;
108
+ export const ColorBrand50 : string;
109
+ export const ColorBrand100 : string;
110
+ export const ColorBrand200 : string;
111
+ export const ColorBrand300 : string;
112
+ export const ColorBrand400 : string;
113
+ export const ColorBrand500 : string;
114
+ export const ColorBrand600 : string;
115
+ export const ColorBrand700 : string;
116
+ export const ColorBrand800 : string;
117
+ export const ColorBrand900 : string;
108
118
  export const ColorChart1 : string;
109
119
  export const ColorChart2 : string;
110
120
  export const ColorChart3 : string;
package/dist/js/ocean_dark.js CHANGED
@@ -105,6 +105,16 @@ export const ColorAccent600 = "#ef906e";
105
105
  export const ColorAccent700 = "#f4ae95";
106
106
  export const ColorAccent800 = "#f8ccbc";
107
107
  export const ColorAccent900 = "#fceae3";
108
+ export const ColorBrand50 = "#0b292e";
109
+ export const ColorBrand100 = "#124148";
110
+ export const ColorBrand200 = "#185963";
111
+ export const ColorBrand300 = "#1f717d";
112
+ export const ColorBrand400 = "#258998";
113
+ export const ColorBrand500 = "#4b9eaa";
114
+ export const ColorBrand600 = "#71b2bc";
115
+ export const ColorBrand700 = "#97c7ce";
116
+ export const ColorBrand800 = "#bedce0";
117
+ export const ColorBrand900 = "#e4f0f2";
108
118
  export const ColorChart1 = "#f0801a";
109
119
  export const ColorChart2 = "#394d55";
110
120
  export const ColorChart3 = "#258998";
package/dist/js/ocean_light.d.ts CHANGED
@@ -105,6 +105,16 @@ export const ColorAccent600 : string;
105
105
  export const ColorAccent700 : string;
106
106
  export const ColorAccent800 : string;
107
107
  export const ColorAccent900 : string;
108
+ export const ColorBrand50 : string;
109
+ export const ColorBrand100 : string;
110
+ export const ColorBrand200 : string;
111
+ export const ColorBrand300 : string;
112
+ export const ColorBrand400 : string;
113
+ export const ColorBrand500 : string;
114
+ export const ColorBrand600 : string;
115
+ export const ColorBrand700 : string;
116
+ export const ColorBrand800 : string;
117
+ export const ColorBrand900 : string;
108
118
  export const ColorChart1 : string;
109
119
  export const ColorChart2 : string;
110
120
  export const ColorChart3 : string;
package/dist/js/ocean_light.js CHANGED
@@ -105,6 +105,16 @@ export const ColorAccent600 = "#bf451a";
105
105
  export const ColorAccent700 = "#963715";
106
106
  export const ColorAccent800 = "#6e280f";
107
107
  export const ColorAccent900 = "#45190a";
108
+ export const ColorBrand50 = "#bedce0";
109
+ export const ColorBrand100 = "#bedce0";
110
+ export const ColorBrand200 = "#97c7ce";
111
+ export const ColorBrand300 = "#71b2bc";
112
+ export const ColorBrand400 = "#4b9eaa";
113
+ export const ColorBrand500 = "#258998";
114
+ export const ColorBrand600 = "#1f717d";
115
+ export const ColorBrand700 = "#185963";
116
+ export const ColorBrand800 = "#124148";
117
+ export const ColorBrand900 = "#0b292e";
108
118
  export const ColorChart1 = "#f0801a";
109
119
  export const ColorChart2 = "#394d55";
110
120
  export const ColorChart3 = "#258998";
@@ -348,7 +358,7 @@ export const ComponentsFormShapeBackgroundDefault = "#eaeef0";
348
358
  export const ComponentsFormShapeBackgroundHover = "#e1e4e6";
349
359
  export const ComponentsFormShapeBackgroundDisabled = "#eaeef0";
350
360
  export const ComponentsFormShapeBackgroundSelected = "#1f717d";
351
- export const ComponentsFormShapeBackgroundError = "#ff6161";
361
+ export const ComponentsFormShapeBackgroundError = "#bb1919";
352
362
  export const ComponentsFormShapeBorderDefault = "#bac1c4";
353
363
  export const ComponentsFormShapeBorderHover = "#889499";
354
364
  export const ComponentsFormShapeBorderFocus = "#1f717d";
@@ -357,7 +367,7 @@ export const ComponentsFormShapeBorderSuccess = "#008207";
357
367
  export const ComponentsFormShapeForegroundDefault = "#ffffff";
358
368
  export const ComponentsFormShapeForegroundSwitchDot = "#bac1c4";
359
369
  export const ComponentsFormShapeForegroundDisabled = "#bac1c4";
360
- export const ComponentsFormShapeForegroundDisabledError = "#ff6161";
370
+ export const ComponentsFormShapeForegroundDisabledError = "#bb1919";
361
371
  export const ComponentsListNativeBackground = "#565558";
362
372
  export const ComponentsListNativeItemTitleContent = "#ffffff";
363
373
  export const ComponentsListNativeSeparator = "#838086";
package/dist/js/primitives.d.ts CHANGED
@@ -180,6 +180,8 @@ export const ColorYellow600 : string;
180
180
  export const ColorYellow700 : string;
181
181
  export const ColorYellow800 : string;
182
182
  export const ColorYellow900 : string;
183
+ export const FontFamilyDefault : string;
184
+ export const FontFamilyFallback : string;
183
185
  export const FontSizeXs : string;
184
186
  export const FontSizeSm : string;
185
187
  export const FontSizeMd : string;
@@ -196,6 +198,9 @@ export const FontSize9xl : string;
196
198
  export const FontWeightHighEmphasis : string;
197
199
  export const FontWeightMediumEmphasis : string;
198
200
  export const FontWeightLowEmphasis : string;
201
+ export const FontWeightLowEmphasis400 : string;
202
+ export const FontWeightMediumEmphasis500 : string;
203
+ export const FontWeightHighEmphasis700 : string;
199
204
  export const LeadingPx3 : string;
200
205
  export const LeadingPx4 : string;
201
206
  export const LeadingPx5 : string;
package/dist/js/primitives.js CHANGED
@@ -180,6 +180,8 @@ export const ColorYellow600 = "#d29f00";
180
180
  export const ColorYellow700 = "#a67d00";
181
181
  export const ColorYellow800 = "#795c00";
182
182
  export const ColorYellow900 = "#4d3a00";
183
+ export const FontFamilyDefault = "TT Norms Pro";
184
+ export const FontFamilyFallback = "Arial";
183
185
  export const FontSizeXs = "12.0000px";
184
186
  export const FontSizeSm = "14.0000px";
185
187
  export const FontSizeMd = "16.0000px";
@@ -196,6 +198,9 @@ export const FontSize9xl = "128.0000px";
196
198
  export const FontWeightHighEmphasis = "700";
197
199
  export const FontWeightMediumEmphasis = "500";
198
200
  export const FontWeightLowEmphasis = "400";
201
+ export const FontWeightLowEmphasis400 = "Regular";
202
+ export const FontWeightMediumEmphasis500 = "Medium";
203
+ export const FontWeightHighEmphasis700 = "Bold";
199
204
  export const LeadingPx3 = "12.0000px";
200
205
  export const LeadingPx4 = "16.0000px";
201
206
  export const LeadingPx5 = "20.0000px";
package/dist/js/spark_dark.d.ts CHANGED
@@ -105,6 +105,16 @@ export const ColorAccent600 : string;
105
105
  export const ColorAccent700 : string;
106
106
  export const ColorAccent800 : string;
107
107
  export const ColorAccent900 : string;
108
+ export const ColorBrand50 : string;
109
+ export const ColorBrand100 : string;
110
+ export const ColorBrand200 : string;
111
+ export const ColorBrand300 : string;
112
+ export const ColorBrand400 : string;
113
+ export const ColorBrand500 : string;
114
+ export const ColorBrand600 : string;
115
+ export const ColorBrand700 : string;
116
+ export const ColorBrand800 : string;
117
+ export const ColorBrand900 : string;
108
118
  export const ColorChart1 : string;
109
119
  export const ColorChart2 : string;
110
120
  export const ColorChart3 : string;
package/dist/js/spark_dark.js CHANGED
@@ -105,6 +105,16 @@ export const ColorAccent600 = "#71b2bc";
105
105
  export const ColorAccent700 = "#97c7ce";
106
106
  export const ColorAccent800 = "#bedce0";
107
107
  export const ColorAccent900 = "#e4f0f2";
108
+ export const ColorBrand50 = "#432306";
109
+ export const ColorBrand100 = "#723d0c";
110
+ export const ColorBrand200 = "#9c5311";
111
+ export const ColorBrand300 = "#c66a15";
112
+ export const ColorBrand400 = "#f0801a";
113
+ export const ColorBrand500 = "#f39642";
114
+ export const ColorBrand600 = "#f5ac6a";
115
+ export const ColorBrand700 = "#f8c392";
116
+ export const ColorBrand800 = "#fbd9ba";
117
+ export const ColorBrand900 = "#fdefe2";
108
118
  export const ColorChart1 = "#f0801a";
109
119
  export const ColorChart2 = "#394d55";
110
120
  export const ColorChart3 = "#258998";
package/dist/js/spark_light.d.ts CHANGED
@@ -105,6 +105,16 @@ export const ColorAccent600 : string;
105
105
  export const ColorAccent700 : string;
106
106
  export const ColorAccent800 : string;
107
107
  export const ColorAccent900 : string;
108
+ export const ColorBrand50 : string;
109
+ export const ColorBrand100 : string;
110
+ export const ColorBrand200 : string;
111
+ export const ColorBrand300 : string;
112
+ export const ColorBrand400 : string;
113
+ export const ColorBrand500 : string;
114
+ export const ColorBrand600 : string;
115
+ export const ColorBrand700 : string;
116
+ export const ColorBrand800 : string;
117
+ export const ColorBrand900 : string;
108
118
  export const ColorChart1 : string;
109
119
  export const ColorChart2 : string;
110
120
  export const ColorChart3 : string;
package/dist/js/spark_light.js CHANGED
@@ -105,6 +105,16 @@ export const ColorAccent600 = "#1f717d";
105
105
  export const ColorAccent700 = "#185963";
106
106
  export const ColorAccent800 = "#124148";
107
107
  export const ColorAccent900 = "#0b292e";
108
+ export const ColorBrand50 = "#fdefe2";
109
+ export const ColorBrand100 = "#fbd9ba";
110
+ export const ColorBrand200 = "#f8c392";
111
+ export const ColorBrand300 = "#f5ac6a";
112
+ export const ColorBrand400 = "#f39642";
113
+ export const ColorBrand500 = "#f0801a";
114
+ export const ColorBrand600 = "#c66a15";
115
+ export const ColorBrand700 = "#9c5311";
116
+ export const ColorBrand800 = "#723d0c";
117
+ export const ColorBrand900 = "#432306";
108
118
  export const ColorChart1 = "#f0801a";
109
119
  export const ColorChart2 = "#394d55";
110
120
  export const ColorChart3 = "#258998";
@@ -348,7 +358,7 @@ export const ComponentsFormShapeBackgroundDefault = "#ededed";
348
358
  export const ComponentsFormShapeBackgroundHover = "#e3e3e3";
349
359
  export const ComponentsFormShapeBackgroundDisabled = "#ededed";
350
360
  export const ComponentsFormShapeBackgroundSelected = "#e75420";
351
- export const ComponentsFormShapeBackgroundError = "#ff6161";
361
+ export const ComponentsFormShapeBackgroundError = "#bb1919";
352
362
  export const ComponentsFormShapeBorderDefault = "#bfbfbf";
353
363
  export const ComponentsFormShapeBorderHover = "#919191";
354
364
  export const ComponentsFormShapeBorderFocus = "#e75420";
@@ -357,7 +367,7 @@ export const ComponentsFormShapeBorderSuccess = "#008207";
357
367
  export const ComponentsFormShapeForegroundDefault = "#ffffff";
358
368
  export const ComponentsFormShapeForegroundSwitchDot = "#bfbfbf";
359
369
  export const ComponentsFormShapeForegroundDisabled = "#bfbfbf";
360
- export const ComponentsFormShapeForegroundDisabledError = "#ff6161";
370
+ export const ComponentsFormShapeForegroundDisabledError = "#bb1919";
361
371
  export const ComponentsListNativeBackground = "#565558";
362
372
  export const ComponentsListNativeItemTitleContent = "#ffffff";
363
373
  export const ComponentsListNativeSeparator = "#838086";