@navikt/ds-tokens 5.4.1 → 5.6.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 (18) hide show
  1. package/dist/tokens-cjs.js +95 -95
  2. package/dist/tokens.css +76 -76
  3. package/dist/tokens.d.ts +95 -95
  4. package/dist/tokens.js +95 -95
  5. package/dist/tokens.less +95 -95
  6. package/dist/tokens.scss +95 -95
  7. package/package.json +1 -1
  8. package/src/border.json +6 -8
  9. package/src/colors-bg.json +10 -0
  10. package/src/colors-border-stateful.json +7 -0
  11. package/src/colors-border.json +58 -0
  12. package/src/colors-icon.json +61 -0
  13. package/src/colors-surface-stateful.json +58 -0
  14. package/src/colors-surface.json +109 -0
  15. package/src/colors-text.json +55 -0
  16. package/src/shadow-stateful.json +12 -0
  17. package/src/shadow.json +0 -6
  18. package/src/semantic-colors.json +0 -346
package/dist/tokens-cjs.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 11 Sep 2023 19:44:29 GMT
3
+ * Generated on Wed, 27 Sep 2023 14:11:17 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -44,10 +44,12 @@ module.exports = {
44
44
  "ABorderRadiusLarge": "8px",
45
45
  "ABorderRadiusXlarge": "12px",
46
46
  "ABorderRadiusFull": "9999px",
47
+ "ABgDefault": "rgba(255, 255, 255, 1)",
48
+ "ABgSubtle": "rgba(236, 238, 240, 1)",
49
+ "ABorderSubtleHover": "rgba(5, 23, 51, 0.34)",
47
50
  "ABorderDefault": "rgba(2, 20, 49, 0.49)",
48
51
  "ABorderStrong": "rgba(1, 11, 24, 0.68)",
49
52
  "ABorderDivider": "rgba(7, 26, 54, 0.21)",
50
- "ABorderSubtleHover": "rgba(5, 23, 51, 0.34)",
51
53
  "ABorderSubtle": "rgba(7, 26, 54, 0.21)",
52
54
  "ABorderActionSelected": "rgba(0, 69, 156, 1)",
53
55
  "ABorderAction": "rgba(0, 103, 197, 1)",
@@ -63,6 +65,95 @@ module.exports = {
63
65
  "ABorderAlt1": "rgba(130, 105, 162, 1)",
64
66
  "ABorderAlt2": "rgba(127, 137, 0, 1)",
65
67
  "ABorderAlt3": "rgba(0, 91, 130, 1)",
68
+ "AIconDefault": "rgba(35, 38, 42, 1)",
69
+ "AIconSubtle": "rgba(1, 11, 24, 0.68)",
70
+ "AIconActionSelected": "rgba(0, 69, 156, 1)",
71
+ "AIconActionOnActionSubtle": "rgba(0, 86, 180, 1)",
72
+ "AIconAction": "rgba(0, 103, 197, 1)",
73
+ "AIconSuccess": "rgba(6, 137, 58, 1)",
74
+ "AIconDanger": "rgba(195, 0, 0, 1)",
75
+ "AIconWarning": "rgba(199, 115, 0, 1)",
76
+ "AIconInfo": "rgba(35, 107, 125, 1)",
77
+ "AIconAlt1": "rgba(99, 70, 137, 1)",
78
+ "AIconAlt2": "rgba(127, 137, 0, 1)",
79
+ "AIconAlt3": "rgba(0, 91, 130, 1)",
80
+ "AIconOnNeutral": "rgba(255, 255, 255, 1)",
81
+ "AIconOnInverted": "rgba(255, 255, 255, 1)",
82
+ "AIconOnAction": "rgba(255, 255, 255, 1)",
83
+ "AIconOnSuccess": "rgba(255, 255, 255, 1)",
84
+ "AIconOnDanger": "rgba(255, 255, 255, 1)",
85
+ "AIconOnWarning": "rgba(35, 38, 42, 1)",
86
+ "AIconOnInfo": "rgba(35, 38, 42, 1)",
87
+ "ASurfaceHover": "rgba(18, 43, 68, 0.08)",
88
+ "ASurfaceActive": "rgba(17, 41, 64, 0.13)",
89
+ "ASurfaceInvertedHover": "rgba(66, 71, 79, 1)",
90
+ "ASurfaceInvertedActive": "rgba(82, 89, 98, 1)",
91
+ "ASurfaceActionSubtleHover": "rgba(204, 225, 255, 1)",
92
+ "ASurfaceActionHover": "rgba(0, 86, 180, 1)",
93
+ "ASurfaceActionActive": "rgba(0, 69, 156, 1)",
94
+ "ASurfaceActionSelectedHover": "rgba(0, 52, 125, 1)",
95
+ "ASurfaceNeutralSubtleHover": "rgba(17, 41, 64, 0.13)",
96
+ "ASurfaceNeutralActive": "rgba(35, 38, 42, 1)",
97
+ "ASurfaceNeutralHover": "rgba(66, 71, 79, 1)",
98
+ "ASurfaceSuccessSubtleHover": "rgba(153, 222, 173, 1)",
99
+ "ASurfaceSuccessHover": "rgba(0, 124, 46, 1)",
100
+ "ASurfaceDangerSubtleHover": "rgba(246, 130, 130, 1)",
101
+ "ASurfaceDangerHover": "rgba(173, 0, 0, 1)",
102
+ "ASurfaceDangerActive": "rgba(140, 0, 0, 1)",
103
+ "ASurfaceWarningSubtleHover": "rgba(255, 215, 153, 1)",
104
+ "ASurfaceInfoSubtleHover": "rgba(181, 241, 255, 1)",
105
+ "ASurfaceDefault": "rgba(255, 255, 255, 1)",
106
+ "ASurfaceSelected": "rgba(230, 240, 255, 1)",
107
+ "ASurfaceSubtle": "rgba(242, 243, 245, 1)",
108
+ "ASurfaceTransparent": "rgba(255, 255, 255, 0)",
109
+ "ASurfaceBackdrop": "rgba(2, 20, 49, 0.49)",
110
+ "ASurfaceInverted": "rgba(35, 38, 42, 1)",
111
+ "ASurfaceActionSubtle": "rgba(230, 240, 255, 1)",
112
+ "ASurfaceActionSelected": "rgba(0, 69, 156, 1)",
113
+ "ASurfaceAction": "rgba(0, 103, 197, 1)",
114
+ "ASurfaceNeutralSubtle": "rgba(18, 43, 68, 0.08)",
115
+ "ASurfaceNeutralModerate": "rgba(17, 41, 64, 0.13)",
116
+ "ASurfaceNeutralSelected": "rgba(35, 38, 42, 1)",
117
+ "ASurfaceNeutral": "rgba(82, 89, 98, 1)",
118
+ "ASurfaceSuccessSubtle": "rgba(204, 241, 214, 1)",
119
+ "ASurfaceSuccessModerate": "rgba(153, 222, 173, 1)",
120
+ "ASurfaceSuccess": "rgba(6, 137, 58, 1)",
121
+ "ASurfaceDangerSubtle": "rgba(255, 194, 194, 1)",
122
+ "ASurfaceDangerModerate": "rgba(246, 130, 130, 1)",
123
+ "ASurfaceDanger": "rgba(195, 0, 0, 1)",
124
+ "ASurfaceWarningSubtle": "rgba(255, 236, 204, 1)",
125
+ "ASurfaceWarningModerate": "rgba(255, 215, 153, 1)",
126
+ "ASurfaceWarning": "rgba(255, 145, 0, 1)",
127
+ "ASurfaceInfoSubtle": "rgba(216, 249, 255, 1)",
128
+ "ASurfaceInfoModerate": "rgba(181, 241, 255, 1)",
129
+ "ASurfaceInfo": "rgba(102, 203, 236, 1)",
130
+ "ASurfaceAlt1Subtle": "rgba(224, 216, 233, 1)",
131
+ "ASurfaceAlt1Moderate": "rgba(192, 178, 210, 1)",
132
+ "ASurfaceAlt1": "rgba(130, 105, 162, 1)",
133
+ "ASurfaceAlt2Subtle": "rgba(249, 252, 204, 1)",
134
+ "ASurfaceAlt2Moderate": "rgba(236, 243, 153, 1)",
135
+ "ASurfaceAlt2": "rgba(193, 203, 51, 1)",
136
+ "ASurfaceAlt3Subtle": "rgba(204, 226, 240, 1)",
137
+ "ASurfaceAlt3Moderate": "rgba(153, 196, 221, 1)",
138
+ "ASurfaceAlt3Strong": "rgba(0, 52, 83, 1)",
139
+ "ASurfaceAlt3": "rgba(0, 91, 130, 1)",
140
+ "ATextDefault": "rgba(35, 38, 42, 1)",
141
+ "ATextSubtle": "rgba(1, 11, 24, 0.68)",
142
+ "ATextVisited": "rgba(99, 70, 137, 1)",
143
+ "ATextDanger": "rgba(195, 0, 0, 1)",
144
+ "ATextActionSelected": "rgba(0, 69, 156, 1)",
145
+ "ATextActionOnActionSubtle": "rgba(0, 86, 180, 1)",
146
+ "ATextAction": "rgba(0, 103, 197, 1)",
147
+ "ATextOnInverted": "rgba(255, 255, 255, 1)",
148
+ "ATextOnNeutral": "rgba(255, 255, 255, 1)",
149
+ "ATextOnAction": "rgba(255, 255, 255, 1)",
150
+ "ATextOnSuccess": "rgba(255, 255, 255, 1)",
151
+ "ATextOnDanger": "rgba(255, 255, 255, 1)",
152
+ "ATextOnWarning": "rgba(35, 38, 42, 1)",
153
+ "ATextOnInfo": "rgba(35, 38, 42, 1)",
154
+ "ATextOnAlt1": "rgba(255, 255, 255, 1)",
155
+ "ATextOnAlt2": "rgba(35, 38, 42, 1)",
156
+ "ATextOnAlt3": "rgba(255, 255, 255, 1)",
66
157
  "ADataSurface1": "rgba(51, 134, 224, 1)",
67
158
  "ADataSurface1Subtle": "rgba(204, 225, 255, 1)",
68
159
  "ADataSurface2": "rgba(0, 91, 130, 1)",
@@ -184,104 +275,13 @@ module.exports = {
184
275
  "APurple700": "rgba(65, 43, 93, 1)",
185
276
  "APurple800": "rgba(48, 31, 70, 1)",
186
277
  "APurple900": "rgba(31, 20, 47, 1)",
187
- "ATextDefault": "rgba(35, 38, 42, 1)",
188
- "ATextSubtle": "rgba(1, 11, 24, 0.68)",
189
- "ATextVisited": "rgba(99, 70, 137, 1)",
190
- "ATextDanger": "rgba(195, 0, 0, 1)",
191
- "ATextActionSelected": "rgba(0, 69, 156, 1)",
192
- "ATextActionOnActionSubtle": "rgba(0, 86, 180, 1)",
193
- "ATextAction": "rgba(0, 103, 197, 1)",
194
- "ATextOnInverted": "rgba(255, 255, 255, 1)",
195
- "ATextOnNeutral": "rgba(255, 255, 255, 1)",
196
- "ATextOnAction": "rgba(255, 255, 255, 1)",
197
- "ATextOnSuccess": "rgba(255, 255, 255, 1)",
198
- "ATextOnDanger": "rgba(255, 255, 255, 1)",
199
- "ATextOnWarning": "rgba(35, 38, 42, 1)",
200
- "ATextOnInfo": "rgba(35, 38, 42, 1)",
201
- "ATextOnAlt1": "rgba(255, 255, 255, 1)",
202
- "ATextOnAlt2": "rgba(35, 38, 42, 1)",
203
- "ATextOnAlt3": "rgba(255, 255, 255, 1)",
204
- "ABgDefault": "rgba(255, 255, 255, 1)",
205
- "ABgSubtle": "rgba(236, 238, 240, 1)",
206
- "ASurfaceDefault": "rgba(255, 255, 255, 1)",
207
- "ASurfaceHover": "rgba(18, 43, 68, 0.08)",
208
- "ASurfaceActive": "rgba(17, 41, 64, 0.13)",
209
- "ASurfaceSelected": "rgba(230, 240, 255, 1)",
210
- "ASurfaceSubtle": "rgba(242, 243, 245, 1)",
211
- "ASurfaceTransparent": "rgba(255, 255, 255, 0)",
212
- "ASurfaceBackdrop": "rgba(2, 20, 49, 0.49)",
213
- "ASurfaceInvertedHover": "rgba(66, 71, 79, 1)",
214
- "ASurfaceInvertedActive": "rgba(82, 89, 98, 1)",
215
- "ASurfaceInverted": "rgba(35, 38, 42, 1)",
216
- "ASurfaceActionSubtleHover": "rgba(204, 225, 255, 1)",
217
- "ASurfaceActionSubtle": "rgba(230, 240, 255, 1)",
218
- "ASurfaceActionHover": "rgba(0, 86, 180, 1)",
219
- "ASurfaceActionActive": "rgba(0, 69, 156, 1)",
220
- "ASurfaceActionSelectedHover": "rgba(0, 52, 125, 1)",
221
- "ASurfaceActionSelected": "rgba(0, 69, 156, 1)",
222
- "ASurfaceAction": "rgba(0, 103, 197, 1)",
223
- "ASurfaceNeutralSubtleHover": "rgba(17, 41, 64, 0.13)",
224
- "ASurfaceNeutralSubtle": "rgba(18, 43, 68, 0.08)",
225
- "ASurfaceNeutralModerate": "rgba(17, 41, 64, 0.13)",
226
- "ASurfaceNeutralHover": "rgba(66, 71, 79, 1)",
227
- "ASurfaceNeutralSelected": "rgba(35, 38, 42, 1)",
228
- "ASurfaceNeutralActive": "rgba(35, 38, 42, 1)",
229
- "ASurfaceNeutral": "rgba(82, 89, 98, 1)",
230
- "ASurfaceSuccessSubtleHover": "rgba(153, 222, 173, 1)",
231
- "ASurfaceSuccessSubtle": "rgba(204, 241, 214, 1)",
232
- "ASurfaceSuccessModerate": "rgba(153, 222, 173, 1)",
233
- "ASurfaceSuccess": "rgba(6, 137, 58, 1)",
234
- "ASurfaceSuccessHover": "rgba(0, 124, 46, 1)",
235
- "ASurfaceDangerSubtleHover": "rgba(246, 130, 130, 1)",
236
- "ASurfaceDangerSubtle": "rgba(255, 194, 194, 1)",
237
- "ASurfaceDangerModerate": "rgba(246, 130, 130, 1)",
238
- "ASurfaceDangerHover": "rgba(173, 0, 0, 1)",
239
- "ASurfaceDangerActive": "rgba(140, 0, 0, 1)",
240
- "ASurfaceDanger": "rgba(195, 0, 0, 1)",
241
- "ASurfaceWarningSubtleHover": "rgba(255, 215, 153, 1)",
242
- "ASurfaceWarningSubtle": "rgba(255, 236, 204, 1)",
243
- "ASurfaceWarningModerate": "rgba(255, 215, 153, 1)",
244
- "ASurfaceWarning": "rgba(255, 145, 0, 1)",
245
- "ASurfaceInfoSubtleHover": "rgba(181, 241, 255, 1)",
246
- "ASurfaceInfoSubtle": "rgba(216, 249, 255, 1)",
247
- "ASurfaceInfoModerate": "rgba(181, 241, 255, 1)",
248
- "ASurfaceInfo": "rgba(102, 203, 236, 1)",
249
- "ASurfaceAlt1Subtle": "rgba(224, 216, 233, 1)",
250
- "ASurfaceAlt1Moderate": "rgba(192, 178, 210, 1)",
251
- "ASurfaceAlt1": "rgba(130, 105, 162, 1)",
252
- "ASurfaceAlt2Subtle": "rgba(249, 252, 204, 1)",
253
- "ASurfaceAlt2Moderate": "rgba(236, 243, 153, 1)",
254
- "ASurfaceAlt2": "rgba(193, 203, 51, 1)",
255
- "ASurfaceAlt3Subtle": "rgba(204, 226, 240, 1)",
256
- "ASurfaceAlt3Moderate": "rgba(153, 196, 221, 1)",
257
- "ASurfaceAlt3Strong": "rgba(0, 52, 83, 1)",
258
- "ASurfaceAlt3": "rgba(0, 91, 130, 1)",
259
- "AIconDefault": "rgba(35, 38, 42, 1)",
260
- "AIconSubtle": "rgba(1, 11, 24, 0.68)",
261
- "AIconActionSelected": "rgba(0, 69, 156, 1)",
262
- "AIconActionOnActionSubtle": "rgba(0, 86, 180, 1)",
263
- "AIconAction": "rgba(0, 103, 197, 1)",
264
- "AIconSuccess": "rgba(6, 137, 58, 1)",
265
- "AIconDanger": "rgba(195, 0, 0, 1)",
266
- "AIconWarning": "rgba(199, 115, 0, 1)",
267
- "AIconInfo": "rgba(35, 107, 125, 1)",
268
- "AIconAlt1": "rgba(99, 70, 137, 1)",
269
- "AIconAlt2": "rgba(127, 137, 0, 1)",
270
- "AIconAlt3": "rgba(0, 91, 130, 1)",
271
- "AIconOnNeutral": "rgba(255, 255, 255, 1)",
272
- "AIconOnInverted": "rgba(255, 255, 255, 1)",
273
- "AIconOnAction": "rgba(255, 255, 255, 1)",
274
- "AIconOnSuccess": "rgba(255, 255, 255, 1)",
275
- "AIconOnDanger": "rgba(255, 255, 255, 1)",
276
- "AIconOnWarning": "rgba(35, 38, 42, 1)",
277
- "AIconOnInfo": "rgba(35, 38, 42, 1)",
278
+ "AShadowFocus": "0 0 0 3px rgba(0, 52, 125, 1)",
279
+ "AShadowFocusInverted": "0 0 0 3px rgba(153, 195, 255, 1)",
278
280
  "AShadowXsmall": "0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20)",
279
281
  "AShadowSmall": "0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18)",
280
282
  "AShadowMedium": "0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15)",
281
283
  "AShadowLarge": "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.12)",
282
284
  "AShadowXlarge": "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.08)",
283
- "AShadowFocusInverted": "0 0 0 3px rgba(153, 195, 255, 1)",
284
- "AShadowFocus": "0 0 0 3px rgba(0, 52, 125, 1)",
285
285
  "ASpacing0": "0",
286
286
  "ASpacing1": "0.25rem",
287
287
  "ASpacing2": "0.5rem",
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 11 Sep 2023 19:44:29 GMT
3
+ * Generated on Wed, 27 Sep 2023 14:11:17 GMT
4
4
  */
5
5
 
6
6
  :root, :host {
@@ -172,25 +172,41 @@
172
172
  --a-breakpoint-sm-down: 479px;
173
173
  --a-breakpoint-sm: 480px;
174
174
  --a-breakpoint-xs: 0;
175
- --a-icon-on-info: var(--a-gray-900);
176
- --a-icon-on-warning: var(--a-gray-900);
177
- --a-icon-on-danger: var(--a-white);
178
- --a-icon-on-success: var(--a-white);
179
- --a-icon-on-action: var(--a-white);
180
- --a-icon-on-inverted: var(--a-white);
181
- --a-icon-on-neutral: var(--a-white);
182
- --a-icon-alt-3: var(--a-deepblue-500);
183
- --a-icon-alt-2: var(--a-limegreen-700);
184
- --a-icon-alt-1: var(--a-purple-500);
185
- --a-icon-info: var(--a-lightblue-800);
186
- --a-icon-warning: var(--a-orange-600);
187
- --a-icon-danger: var(--a-red-500);
188
- --a-icon-success: var(--a-green-500);
189
- --a-icon-action: var(--a-blue-500);
190
- --a-icon-action-on-action-subtle: var(--a-blue-600);
191
- --a-icon-action-selected: var(--a-blue-700);
192
- --a-icon-subtle: var(--a-grayalpha-700);
193
- --a-icon-default: var(--a-gray-900);
175
+ --a-data-border-6: var(--a-purple-400);
176
+ --a-data-border-5: var(--a-green-400);
177
+ --a-data-border-4: var(--a-lightblue-700);
178
+ --a-data-border-3: var(--a-orange-600);
179
+ --a-data-border-2: var(--a-deepblue-500);
180
+ --a-data-border-1: var(--a-blue-400);
181
+ --a-data-surface-6-subtle: var(--a-purple-200);
182
+ --a-data-surface-6: var(--a-purple-400);
183
+ --a-data-surface-5-subtle: var(--a-green-200);
184
+ --a-data-surface-5: var(--a-green-400);
185
+ --a-data-surface-4-subtle: var(--a-lightblue-500);
186
+ --a-data-surface-4: var(--a-lightblue-700);
187
+ --a-data-surface-3-subtle: var(--a-orange-300);
188
+ --a-data-surface-3: var(--a-orange-600);
189
+ --a-data-surface-2-subtle: var(--a-deepblue-200);
190
+ --a-data-surface-2: var(--a-deepblue-500);
191
+ --a-data-surface-1-subtle: var(--a-blue-100);
192
+ --a-data-surface-1: var(--a-blue-400);
193
+ --a-text-on-alt-3: var(--a-white);
194
+ --a-text-on-alt-2: var(--a-gray-900);
195
+ --a-text-on-alt-1: var(--a-white);
196
+ --a-text-on-info: var(--a-gray-900);
197
+ --a-text-on-warning: var(--a-gray-900);
198
+ --a-text-on-danger: var(--a-white);
199
+ --a-text-on-success: var(--a-white);
200
+ --a-text-on-action: var(--a-white);
201
+ --a-text-on-neutral: var(--a-white);
202
+ --a-text-on-inverted: var(--a-white);
203
+ --a-text-action: var(--a-blue-500);
204
+ --a-text-action-on-action-subtle: var(--a-blue-600);
205
+ --a-text-action-selected: var(--a-blue-700);
206
+ --a-text-danger: var(--a-red-500);
207
+ --a-text-visited: var(--a-purple-500);
208
+ --a-text-subtle: var(--a-grayalpha-700);
209
+ --a-text-default: var(--a-gray-900);
194
210
  --a-surface-alt-3: var(--a-deepblue-500);
195
211
  --a-surface-alt-3-strong: var(--a-deepblue-800);
196
212
  --a-surface-alt-3-moderate: var(--a-deepblue-200);
@@ -204,83 +220,65 @@
204
220
  --a-surface-info: var(--a-lightblue-500);
205
221
  --a-surface-info-moderate: var(--a-lightblue-200);
206
222
  --a-surface-info-subtle: var(--a-lightblue-100);
207
- --a-surface-info-subtle-hover: var(--a-lightblue-200);
208
223
  --a-surface-warning: var(--a-orange-500);
209
224
  --a-surface-warning-moderate: var(--a-orange-200);
210
225
  --a-surface-warning-subtle: var(--a-orange-100);
211
- --a-surface-warning-subtle-hover: var(--a-orange-200);
212
226
  --a-surface-danger: var(--a-red-500);
213
- --a-surface-danger-active: var(--a-red-700);
214
- --a-surface-danger-hover: var(--a-red-600);
215
227
  --a-surface-danger-moderate: var(--a-red-200);
216
228
  --a-surface-danger-subtle: var(--a-red-100);
217
- --a-surface-danger-subtle-hover: var(--a-red-200);
218
- --a-surface-success-hover: var(--a-green-600);
219
229
  --a-surface-success: var(--a-green-500);
220
230
  --a-surface-success-moderate: var(--a-green-200);
221
231
  --a-surface-success-subtle: var(--a-green-100);
222
- --a-surface-success-subtle-hover: var(--a-green-200);
223
232
  --a-surface-neutral: var(--a-gray-700);
224
- --a-surface-neutral-active: var(--a-gray-900);
225
233
  --a-surface-neutral-selected: var(--a-gray-900);
226
- --a-surface-neutral-hover: var(--a-gray-800);
227
234
  --a-surface-neutral-moderate: var(--a-grayalpha-200);
228
235
  --a-surface-neutral-subtle: var(--a-grayalpha-100);
229
- --a-surface-neutral-subtle-hover: var(--a-grayalpha-200);
230
236
  --a-surface-action: var(--a-blue-500);
231
237
  --a-surface-action-selected: var(--a-blue-700);
232
- --a-surface-action-selected-hover: var(--a-blue-800);
233
- --a-surface-action-active: var(--a-blue-700);
234
- --a-surface-action-hover: var(--a-blue-600);
235
238
  --a-surface-action-subtle: var(--a-blue-50);
236
- --a-surface-action-subtle-hover: var(--a-blue-100);
237
239
  --a-surface-inverted: var(--a-gray-900);
238
- --a-surface-inverted-active: var(--a-gray-700);
239
- --a-surface-inverted-hover: var(--a-gray-800);
240
240
  --a-surface-backdrop: var(--a-grayalpha-500);
241
241
  --a-surface-transparent: var(--a-transparent);
242
242
  --a-surface-subtle: var(--a-gray-50);
243
243
  --a-surface-selected: var(--a-blue-50);
244
+ --a-surface-default: var(--a-white);
245
+ --a-surface-info-subtle-hover: var(--a-lightblue-200);
246
+ --a-surface-warning-subtle-hover: var(--a-orange-200);
247
+ --a-surface-danger-active: var(--a-red-700);
248
+ --a-surface-danger-hover: var(--a-red-600);
249
+ --a-surface-danger-subtle-hover: var(--a-red-200);
250
+ --a-surface-success-hover: var(--a-green-600);
251
+ --a-surface-success-subtle-hover: var(--a-green-200);
252
+ --a-surface-neutral-hover: var(--a-gray-800);
253
+ --a-surface-neutral-active: var(--a-gray-900);
254
+ --a-surface-neutral-subtle-hover: var(--a-grayalpha-200);
255
+ --a-surface-action-selected-hover: var(--a-blue-800);
256
+ --a-surface-action-active: var(--a-blue-700);
257
+ --a-surface-action-hover: var(--a-blue-600);
258
+ --a-surface-action-subtle-hover: var(--a-blue-100);
259
+ --a-surface-inverted-active: var(--a-gray-700);
260
+ --a-surface-inverted-hover: var(--a-gray-800);
244
261
  --a-surface-active: var(--a-grayalpha-200);
245
262
  --a-surface-hover: var(--a-grayalpha-100);
246
- --a-surface-default: var(--a-white);
247
- --a-bg-subtle: var(--a-gray-100);
248
- --a-bg-default: var(--a-white);
249
- --a-text-on-alt-3: var(--a-white);
250
- --a-text-on-alt-2: var(--a-gray-900);
251
- --a-text-on-alt-1: var(--a-white);
252
- --a-text-on-info: var(--a-gray-900);
253
- --a-text-on-warning: var(--a-gray-900);
254
- --a-text-on-danger: var(--a-white);
255
- --a-text-on-success: var(--a-white);
256
- --a-text-on-action: var(--a-white);
257
- --a-text-on-neutral: var(--a-white);
258
- --a-text-on-inverted: var(--a-white);
259
- --a-text-action: var(--a-blue-500);
260
- --a-text-action-on-action-subtle: var(--a-blue-600);
261
- --a-text-action-selected: var(--a-blue-700);
262
- --a-text-danger: var(--a-red-500);
263
- --a-text-visited: var(--a-purple-500);
264
- --a-text-subtle: var(--a-grayalpha-700);
265
- --a-text-default: var(--a-gray-900);
266
- --a-data-border-6: var(--a-purple-400);
267
- --a-data-border-5: var(--a-green-400);
268
- --a-data-border-4: var(--a-lightblue-700);
269
- --a-data-border-3: var(--a-orange-600);
270
- --a-data-border-2: var(--a-deepblue-500);
271
- --a-data-border-1: var(--a-blue-400);
272
- --a-data-surface-6-subtle: var(--a-purple-200);
273
- --a-data-surface-6: var(--a-purple-400);
274
- --a-data-surface-5-subtle: var(--a-green-200);
275
- --a-data-surface-5: var(--a-green-400);
276
- --a-data-surface-4-subtle: var(--a-lightblue-500);
277
- --a-data-surface-4: var(--a-lightblue-700);
278
- --a-data-surface-3-subtle: var(--a-orange-300);
279
- --a-data-surface-3: var(--a-orange-600);
280
- --a-data-surface-2-subtle: var(--a-deepblue-200);
281
- --a-data-surface-2: var(--a-deepblue-500);
282
- --a-data-surface-1-subtle: var(--a-blue-100);
283
- --a-data-surface-1: var(--a-blue-400);
263
+ --a-icon-on-info: var(--a-gray-900);
264
+ --a-icon-on-warning: var(--a-gray-900);
265
+ --a-icon-on-danger: var(--a-white);
266
+ --a-icon-on-success: var(--a-white);
267
+ --a-icon-on-action: var(--a-white);
268
+ --a-icon-on-inverted: var(--a-white);
269
+ --a-icon-on-neutral: var(--a-white);
270
+ --a-icon-alt-3: var(--a-deepblue-500);
271
+ --a-icon-alt-2: var(--a-limegreen-700);
272
+ --a-icon-alt-1: var(--a-purple-500);
273
+ --a-icon-info: var(--a-lightblue-800);
274
+ --a-icon-warning: var(--a-orange-600);
275
+ --a-icon-danger: var(--a-red-500);
276
+ --a-icon-success: var(--a-green-500);
277
+ --a-icon-action: var(--a-blue-500);
278
+ --a-icon-action-on-action-subtle: var(--a-blue-600);
279
+ --a-icon-action-selected: var(--a-blue-700);
280
+ --a-icon-subtle: var(--a-grayalpha-700);
281
+ --a-icon-default: var(--a-gray-900);
284
282
  --a-border-alt-3: var(--a-deepblue-500);
285
283
  --a-border-alt-2: var(--a-limegreen-700);
286
284
  --a-border-alt-1: var(--a-purple-400);
@@ -296,10 +294,12 @@
296
294
  --a-border-action: var(--a-blue-500);
297
295
  --a-border-action-selected: var(--a-blue-700);
298
296
  --a-border-subtle: var(--a-grayalpha-300);
299
- --a-border-subtle-hover: var(--a-grayalpha-400);
300
297
  --a-border-divider: var(--a-grayalpha-300);
301
298
  --a-border-strong: var(--a-grayalpha-700);
302
299
  --a-border-default: var(--a-grayalpha-500);
303
- --a-shadow-focus: 0 0 0 3px var(--a-border-focus);
300
+ --a-border-subtle-hover: var(--a-grayalpha-400);
301
+ --a-bg-subtle: var(--a-gray-100);
302
+ --a-bg-default: var(--a-white);
304
303
  --a-shadow-focus-inverted: 0 0 0 3px var(--a-border-focus-on-inverted);
304
+ --a-shadow-focus: 0 0 0 3px var(--a-border-focus);
305
305
  }
package/dist/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 11 Sep 2023 19:44:29 GMT
3
+ * Generated on Wed, 27 Sep 2023 14:11:17 GMT
4
4
  */
5
5
 
6
6
  export const ABreakpointXs : string;
@@ -43,10 +43,12 @@ export const ABorderRadiusMedium : string;
43
43
  export const ABorderRadiusLarge : string;
44
44
  export const ABorderRadiusXlarge : string;
45
45
  export const ABorderRadiusFull : string;
46
+ export const ABgDefault : string;
47
+ export const ABgSubtle : string;
48
+ export const ABorderSubtleHover : string;
46
49
  export const ABorderDefault : string;
47
50
  export const ABorderStrong : string;
48
51
  export const ABorderDivider : string;
49
- export const ABorderSubtleHover : string;
50
52
  export const ABorderSubtle : string;
51
53
  export const ABorderActionSelected : string;
52
54
  export const ABorderAction : string;
@@ -62,6 +64,95 @@ export const ABorderOnInvertedSubtle : string;
62
64
  export const ABorderAlt1 : string;
63
65
  export const ABorderAlt2 : string;
64
66
  export const ABorderAlt3 : string;
67
+ export const AIconDefault : string;
68
+ export const AIconSubtle : string;
69
+ export const AIconActionSelected : string;
70
+ export const AIconActionOnActionSubtle : string;
71
+ export const AIconAction : string;
72
+ export const AIconSuccess : string;
73
+ export const AIconDanger : string;
74
+ export const AIconWarning : string;
75
+ export const AIconInfo : string;
76
+ export const AIconAlt1 : string;
77
+ export const AIconAlt2 : string;
78
+ export const AIconAlt3 : string;
79
+ export const AIconOnNeutral : string;
80
+ export const AIconOnInverted : string;
81
+ export const AIconOnAction : string;
82
+ export const AIconOnSuccess : string;
83
+ export const AIconOnDanger : string;
84
+ export const AIconOnWarning : string;
85
+ export const AIconOnInfo : string;
86
+ export const ASurfaceHover : string;
87
+ export const ASurfaceActive : string;
88
+ export const ASurfaceInvertedHover : string;
89
+ export const ASurfaceInvertedActive : string;
90
+ export const ASurfaceActionSubtleHover : string;
91
+ export const ASurfaceActionHover : string;
92
+ export const ASurfaceActionActive : string;
93
+ export const ASurfaceActionSelectedHover : string;
94
+ export const ASurfaceNeutralSubtleHover : string;
95
+ export const ASurfaceNeutralActive : string;
96
+ export const ASurfaceNeutralHover : string;
97
+ export const ASurfaceSuccessSubtleHover : string;
98
+ export const ASurfaceSuccessHover : string;
99
+ export const ASurfaceDangerSubtleHover : string;
100
+ export const ASurfaceDangerHover : string;
101
+ export const ASurfaceDangerActive : string;
102
+ export const ASurfaceWarningSubtleHover : string;
103
+ export const ASurfaceInfoSubtleHover : string;
104
+ export const ASurfaceDefault : string;
105
+ export const ASurfaceSelected : string;
106
+ export const ASurfaceSubtle : string;
107
+ export const ASurfaceTransparent : string;
108
+ export const ASurfaceBackdrop : string;
109
+ export const ASurfaceInverted : string;
110
+ export const ASurfaceActionSubtle : string;
111
+ export const ASurfaceActionSelected : string;
112
+ export const ASurfaceAction : string;
113
+ export const ASurfaceNeutralSubtle : string;
114
+ export const ASurfaceNeutralModerate : string;
115
+ export const ASurfaceNeutralSelected : string;
116
+ export const ASurfaceNeutral : string;
117
+ export const ASurfaceSuccessSubtle : string;
118
+ export const ASurfaceSuccessModerate : string;
119
+ export const ASurfaceSuccess : string;
120
+ export const ASurfaceDangerSubtle : string;
121
+ export const ASurfaceDangerModerate : string;
122
+ export const ASurfaceDanger : string;
123
+ export const ASurfaceWarningSubtle : string;
124
+ export const ASurfaceWarningModerate : string;
125
+ export const ASurfaceWarning : string;
126
+ export const ASurfaceInfoSubtle : string;
127
+ export const ASurfaceInfoModerate : string;
128
+ export const ASurfaceInfo : string;
129
+ export const ASurfaceAlt1Subtle : string;
130
+ export const ASurfaceAlt1Moderate : string;
131
+ export const ASurfaceAlt1 : string;
132
+ export const ASurfaceAlt2Subtle : string;
133
+ export const ASurfaceAlt2Moderate : string;
134
+ export const ASurfaceAlt2 : string;
135
+ export const ASurfaceAlt3Subtle : string;
136
+ export const ASurfaceAlt3Moderate : string;
137
+ export const ASurfaceAlt3Strong : string;
138
+ export const ASurfaceAlt3 : string;
139
+ export const ATextDefault : string;
140
+ export const ATextSubtle : string;
141
+ export const ATextVisited : string;
142
+ export const ATextDanger : string;
143
+ export const ATextActionSelected : string;
144
+ export const ATextActionOnActionSubtle : string;
145
+ export const ATextAction : string;
146
+ export const ATextOnInverted : string;
147
+ export const ATextOnNeutral : string;
148
+ export const ATextOnAction : string;
149
+ export const ATextOnSuccess : string;
150
+ export const ATextOnDanger : string;
151
+ export const ATextOnWarning : string;
152
+ export const ATextOnInfo : string;
153
+ export const ATextOnAlt1 : string;
154
+ export const ATextOnAlt2 : string;
155
+ export const ATextOnAlt3 : string;
65
156
  export const ADataSurface1 : string;
66
157
  export const ADataSurface1Subtle : string;
67
158
  export const ADataSurface2 : string;
@@ -183,104 +274,13 @@ export const APurple600 : string;
183
274
  export const APurple700 : string;
184
275
  export const APurple800 : string;
185
276
  export const APurple900 : string;
186
- export const ATextDefault : string;
187
- export const ATextSubtle : string;
188
- export const ATextVisited : string;
189
- export const ATextDanger : string;
190
- export const ATextActionSelected : string;
191
- export const ATextActionOnActionSubtle : string;
192
- export const ATextAction : string;
193
- export const ATextOnInverted : string;
194
- export const ATextOnNeutral : string;
195
- export const ATextOnAction : string;
196
- export const ATextOnSuccess : string;
197
- export const ATextOnDanger : string;
198
- export const ATextOnWarning : string;
199
- export const ATextOnInfo : string;
200
- export const ATextOnAlt1 : string;
201
- export const ATextOnAlt2 : string;
202
- export const ATextOnAlt3 : string;
203
- export const ABgDefault : string;
204
- export const ABgSubtle : string;
205
- export const ASurfaceDefault : string;
206
- export const ASurfaceHover : string;
207
- export const ASurfaceActive : string;
208
- export const ASurfaceSelected : string;
209
- export const ASurfaceSubtle : string;
210
- export const ASurfaceTransparent : string;
211
- export const ASurfaceBackdrop : string;
212
- export const ASurfaceInvertedHover : string;
213
- export const ASurfaceInvertedActive : string;
214
- export const ASurfaceInverted : string;
215
- export const ASurfaceActionSubtleHover : string;
216
- export const ASurfaceActionSubtle : string;
217
- export const ASurfaceActionHover : string;
218
- export const ASurfaceActionActive : string;
219
- export const ASurfaceActionSelectedHover : string;
220
- export const ASurfaceActionSelected : string;
221
- export const ASurfaceAction : string;
222
- export const ASurfaceNeutralSubtleHover : string;
223
- export const ASurfaceNeutralSubtle : string;
224
- export const ASurfaceNeutralModerate : string;
225
- export const ASurfaceNeutralHover : string;
226
- export const ASurfaceNeutralSelected : string;
227
- export const ASurfaceNeutralActive : string;
228
- export const ASurfaceNeutral : string;
229
- export const ASurfaceSuccessSubtleHover : string;
230
- export const ASurfaceSuccessSubtle : string;
231
- export const ASurfaceSuccessModerate : string;
232
- export const ASurfaceSuccess : string;
233
- export const ASurfaceSuccessHover : string;
234
- export const ASurfaceDangerSubtleHover : string;
235
- export const ASurfaceDangerSubtle : string;
236
- export const ASurfaceDangerModerate : string;
237
- export const ASurfaceDangerHover : string;
238
- export const ASurfaceDangerActive : string;
239
- export const ASurfaceDanger : string;
240
- export const ASurfaceWarningSubtleHover : string;
241
- export const ASurfaceWarningSubtle : string;
242
- export const ASurfaceWarningModerate : string;
243
- export const ASurfaceWarning : string;
244
- export const ASurfaceInfoSubtleHover : string;
245
- export const ASurfaceInfoSubtle : string;
246
- export const ASurfaceInfoModerate : string;
247
- export const ASurfaceInfo : string;
248
- export const ASurfaceAlt1Subtle : string;
249
- export const ASurfaceAlt1Moderate : string;
250
- export const ASurfaceAlt1 : string;
251
- export const ASurfaceAlt2Subtle : string;
252
- export const ASurfaceAlt2Moderate : string;
253
- export const ASurfaceAlt2 : string;
254
- export const ASurfaceAlt3Subtle : string;
255
- export const ASurfaceAlt3Moderate : string;
256
- export const ASurfaceAlt3Strong : string;
257
- export const ASurfaceAlt3 : string;
258
- export const AIconDefault : string;
259
- export const AIconSubtle : string;
260
- export const AIconActionSelected : string;
261
- export const AIconActionOnActionSubtle : string;
262
- export const AIconAction : string;
263
- export const AIconSuccess : string;
264
- export const AIconDanger : string;
265
- export const AIconWarning : string;
266
- export const AIconInfo : string;
267
- export const AIconAlt1 : string;
268
- export const AIconAlt2 : string;
269
- export const AIconAlt3 : string;
270
- export const AIconOnNeutral : string;
271
- export const AIconOnInverted : string;
272
- export const AIconOnAction : string;
273
- export const AIconOnSuccess : string;
274
- export const AIconOnDanger : string;
275
- export const AIconOnWarning : string;
276
- export const AIconOnInfo : string;
277
+ export const AShadowFocus : string;
278
+ export const AShadowFocusInverted : string;
277
279
  export const AShadowXsmall : string;
278
280
  export const AShadowSmall : string;
279
281
  export const AShadowMedium : string;
280
282
  export const AShadowLarge : string;
281
283
  export const AShadowXlarge : string;
282
- export const AShadowFocusInverted : string;
283
- export const AShadowFocus : string;
284
284
  export const ASpacing0 : string;
285
285
  export const ASpacing1 : string;
286
286
  export const ASpacing2 : string;