@pantheon-systems/pds-design-tokens 1.0.0-dev.131 → 1.0.0-dev.133
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.
- package/build/css/pds-design-tokens-dark-mode.css +23 -20
- package/build/css/pds-design-tokens-light-mode.css +26 -20
- package/build/figma/pds-design-tokens-figma.json +830 -511
- package/build/json/pds-design-tokens-dark-mode.json +327 -244
- package/build/json/pds-design-tokens-light-mode.json +412 -244
- package/package.json +1 -1
|
@@ -186,6 +186,9 @@
|
|
|
186
186
|
--pds-color-semantic-discovery-foreground: #8f7ee7;
|
|
187
187
|
--pds-color-semantic-info-background: #082145;
|
|
188
188
|
--pds-color-semantic-info-foreground: #388bff;
|
|
189
|
+
--pds-color-semantic-neutral-background: #1d1d29;
|
|
190
|
+
--pds-color-semantic-neutral-foreground: #a6a3b4;
|
|
191
|
+
--pds-color-semantic-neutral-utility: #858299;
|
|
189
192
|
--pds-color-semantic-success-background: #133527;
|
|
190
193
|
--pds-color-semantic-success-foreground: #2abb7f;
|
|
191
194
|
--pds-color-semantic-warning-background: #3d2e00;
|
|
@@ -203,32 +206,16 @@
|
|
|
203
206
|
--pds-color-table-sort-arrow-active: #8a70ff;
|
|
204
207
|
--pds-color-table-sort-arrow-inactive: #a6a3b4;
|
|
205
208
|
--pds-color-tabs-accent: #ad9bff;
|
|
206
|
-
--pds-color-tag-
|
|
207
|
-
--pds-color-tag-
|
|
208
|
-
--pds-color-tag-02-background: #f8d7d3;
|
|
209
|
-
--pds-color-tag-02-foreground: #a0392c;
|
|
210
|
-
--pds-color-tag-03-background: #f5e7a8;
|
|
211
|
-
--pds-color-tag-03-foreground: #7b611e;
|
|
212
|
-
--pds-color-tag-04-background: #f7d7ec;
|
|
213
|
-
--pds-color-tag-04-foreground: #894271;
|
|
214
|
-
--pds-color-tag-05-background: #d9f0af;
|
|
215
|
-
--pds-color-tag-05-foreground: #536a2b;
|
|
216
|
-
--pds-color-tag-06-background: #dddfe3;
|
|
217
|
-
--pds-color-tag-06-foreground: #47546d;
|
|
218
|
-
--pds-color-tag-07-background: #c6f1dc;
|
|
219
|
-
--pds-color-tag-07-foreground: #3e7256;
|
|
220
|
-
--pds-color-tag-08-background: #f9dfcb;
|
|
221
|
-
--pds-color-tag-08-foreground: #9a4e1c;
|
|
222
|
-
--pds-color-tag-09-background: #ceecf9;
|
|
223
|
-
--pds-color-tag-09-foreground: #366880;
|
|
209
|
+
--pds-color-tag-1-background: #ded8fa;
|
|
210
|
+
--pds-color-tag-1-foreground: #5c4fac;
|
|
224
211
|
--pds-color-tag-10-background: #d0dffc;
|
|
225
212
|
--pds-color-tag-10-foreground: #2254c5;
|
|
226
213
|
--pds-color-tag-11-background: #72cb9b;
|
|
227
214
|
--pds-color-tag-11-foreground: #264a37;
|
|
228
215
|
--pds-color-tag-12-background: #81c1dd;
|
|
229
216
|
--pds-color-tag-12-foreground: #234453;
|
|
230
|
-
--pds-color-tag-13-background: #
|
|
231
|
-
--pds-color-tag-13-foreground: #
|
|
217
|
+
--pds-color-tag-13-background: #689bf8;
|
|
218
|
+
--pds-color-tag-13-foreground: #163168;
|
|
232
219
|
--pds-color-tag-14-background: #9c90e9;
|
|
233
220
|
--pds-color-tag-14-foreground: #342c60;
|
|
234
221
|
--pds-color-tag-15-background: #e7796d;
|
|
@@ -241,8 +228,24 @@
|
|
|
241
228
|
--pds-color-tag-18-foreground: #504012;
|
|
242
229
|
--pds-color-tag-19-background: #9fc65b;
|
|
243
230
|
--pds-color-tag-19-foreground: #3f4d27;
|
|
231
|
+
--pds-color-tag-2-background: #f8d7d3;
|
|
232
|
+
--pds-color-tag-2-foreground: #a0392c;
|
|
244
233
|
--pds-color-tag-20-background: #8790a0;
|
|
245
234
|
--pds-color-tag-20-foreground: #0e1e40;
|
|
235
|
+
--pds-color-tag-3-background: #f5e7a8;
|
|
236
|
+
--pds-color-tag-3-foreground: #7b611e;
|
|
237
|
+
--pds-color-tag-4-background: #f7d7ec;
|
|
238
|
+
--pds-color-tag-4-foreground: #894271;
|
|
239
|
+
--pds-color-tag-5-background: #d9f0af;
|
|
240
|
+
--pds-color-tag-5-foreground: #536a2b;
|
|
241
|
+
--pds-color-tag-6-background: #dddfe3;
|
|
242
|
+
--pds-color-tag-6-foreground: #47546d;
|
|
243
|
+
--pds-color-tag-7-background: #c6f1dc;
|
|
244
|
+
--pds-color-tag-7-foreground: #3e7256;
|
|
245
|
+
--pds-color-tag-8-background: #f9dfcb;
|
|
246
|
+
--pds-color-tag-8-foreground: #9a4e1c;
|
|
247
|
+
--pds-color-tag-9-background: #ceecf9;
|
|
248
|
+
--pds-color-tag-9-foreground: #366880;
|
|
246
249
|
--pds-color-text-default: var(--pds-color-foreground-default);
|
|
247
250
|
--pds-color-text-default-secondary: #a6a3b4;
|
|
248
251
|
--pds-color-text-reverse: var(--pds-color-foreground-reverse);
|
|
@@ -213,6 +213,9 @@
|
|
|
213
213
|
--pds-color-progress-complete: #218c5f;
|
|
214
214
|
--pds-color-progress-empty: #cfcfd3;
|
|
215
215
|
--pds-color-progress-partial: #1d7afc;
|
|
216
|
+
--pds-color-segmented-button-background-active: #f0edfb;
|
|
217
|
+
--pds-color-segmented-button-background-default: #ffffff;
|
|
218
|
+
--pds-color-segmented-button-background-hover: #f8f8f8;
|
|
216
219
|
--pds-color-semantic-critical-background: #ffedeb;
|
|
217
220
|
--pds-color-semantic-critical-foreground: #ca3521;
|
|
218
221
|
--pds-color-semantic-critical-utility: #000000;
|
|
@@ -220,6 +223,9 @@
|
|
|
220
223
|
--pds-color-semantic-discovery-foreground: #8270db;
|
|
221
224
|
--pds-color-semantic-info-background: #e9f2ff;
|
|
222
225
|
--pds-color-semantic-info-foreground: #1d7afc;
|
|
226
|
+
--pds-color-semantic-neutral-background: #cfcfd3;
|
|
227
|
+
--pds-color-semantic-neutral-foreground: #23232d;
|
|
228
|
+
--pds-color-semantic-neutral-utility: #6d6d78;
|
|
223
229
|
--pds-color-semantic-success-background: #e3fcef;
|
|
224
230
|
--pds-color-semantic-success-foreground: #218c5f;
|
|
225
231
|
--pds-color-semantic-success-utility: #35ae7b;
|
|
@@ -238,32 +244,16 @@
|
|
|
238
244
|
--pds-color-table-sort-arrow-active: #654bd5;
|
|
239
245
|
--pds-color-table-sort-arrow-inactive: #cfcfd3;
|
|
240
246
|
--pds-color-tabs-accent: #654bd5;
|
|
241
|
-
--pds-color-tag-
|
|
242
|
-
--pds-color-tag-
|
|
243
|
-
--pds-color-tag-02-background: #f8d7d3;
|
|
244
|
-
--pds-color-tag-02-foreground: #a0392c;
|
|
245
|
-
--pds-color-tag-03-background: #f5e7a8;
|
|
246
|
-
--pds-color-tag-03-foreground: #7b611e;
|
|
247
|
-
--pds-color-tag-04-background: #f7d7ec;
|
|
248
|
-
--pds-color-tag-04-foreground: #894271;
|
|
249
|
-
--pds-color-tag-05-background: #d9f0af;
|
|
250
|
-
--pds-color-tag-05-foreground: #536a2b;
|
|
251
|
-
--pds-color-tag-06-background: #dddfe3;
|
|
252
|
-
--pds-color-tag-06-foreground: #47546d;
|
|
253
|
-
--pds-color-tag-07-background: #c6f1dc;
|
|
254
|
-
--pds-color-tag-07-foreground: #3e7256;
|
|
255
|
-
--pds-color-tag-08-background: #f9dfcb;
|
|
256
|
-
--pds-color-tag-08-foreground: #9a4e1c;
|
|
257
|
-
--pds-color-tag-09-background: #ceecf9;
|
|
258
|
-
--pds-color-tag-09-foreground: #366880;
|
|
247
|
+
--pds-color-tag-1-background: #ded8fa;
|
|
248
|
+
--pds-color-tag-1-foreground: #5c4fac;
|
|
259
249
|
--pds-color-tag-10-background: #d0dffc;
|
|
260
250
|
--pds-color-tag-10-foreground: #2254c5;
|
|
261
251
|
--pds-color-tag-11-background: #72cb9b;
|
|
262
252
|
--pds-color-tag-11-foreground: #264a37;
|
|
263
253
|
--pds-color-tag-12-background: #81c1dd;
|
|
264
254
|
--pds-color-tag-12-foreground: #234453;
|
|
265
|
-
--pds-color-tag-13-background: #
|
|
266
|
-
--pds-color-tag-13-foreground: #
|
|
255
|
+
--pds-color-tag-13-background: #689bf8;
|
|
256
|
+
--pds-color-tag-13-foreground: #163168;
|
|
267
257
|
--pds-color-tag-14-background: #9c90e9;
|
|
268
258
|
--pds-color-tag-14-foreground: #342c60;
|
|
269
259
|
--pds-color-tag-15-background: #e7796d;
|
|
@@ -276,8 +266,24 @@
|
|
|
276
266
|
--pds-color-tag-18-foreground: #504012;
|
|
277
267
|
--pds-color-tag-19-background: #9fc65b;
|
|
278
268
|
--pds-color-tag-19-foreground: #3f4d27;
|
|
269
|
+
--pds-color-tag-2-background: #f8d7d3;
|
|
270
|
+
--pds-color-tag-2-foreground: #a0392c;
|
|
279
271
|
--pds-color-tag-20-background: #8790a0;
|
|
280
272
|
--pds-color-tag-20-foreground: #0e1e40;
|
|
273
|
+
--pds-color-tag-3-background: #f5e7a8;
|
|
274
|
+
--pds-color-tag-3-foreground: #7b611e;
|
|
275
|
+
--pds-color-tag-4-background: #f7d7ec;
|
|
276
|
+
--pds-color-tag-4-foreground: #894271;
|
|
277
|
+
--pds-color-tag-5-background: #d9f0af;
|
|
278
|
+
--pds-color-tag-5-foreground: #536a2b;
|
|
279
|
+
--pds-color-tag-6-background: #dddfe3;
|
|
280
|
+
--pds-color-tag-6-foreground: #47546d;
|
|
281
|
+
--pds-color-tag-7-background: #c6f1dc;
|
|
282
|
+
--pds-color-tag-7-foreground: #3e7256;
|
|
283
|
+
--pds-color-tag-8-background: #f9dfcb;
|
|
284
|
+
--pds-color-tag-8-foreground: #9a4e1c;
|
|
285
|
+
--pds-color-tag-9-background: #ceecf9;
|
|
286
|
+
--pds-color-tag-9-foreground: #366880;
|
|
281
287
|
--pds-color-text-default: var(--pds-color-foreground-default);
|
|
282
288
|
--pds-color-text-default-secondary: #6d6d78;
|
|
283
289
|
--pds-color-text-reverse: var(--pds-color-foreground-reverse);
|