@pantheon-systems/pds-design-tokens 1.0.0-dev.130 → 1.0.0-dev.132

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 (6) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +40 -21
  2. package/build/css/pds-design-tokens-light-mode.css +43 -21
  3. package/build/figma/pds-design-tokens-figma.json +4522 -3413
  4. package/build/json/pds-design-tokens-dark-mode.json +578 -67
  5. package/build/json/pds-design-tokens-light-mode.json +658 -60
  6. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -203,27 +203,46 @@
203
203
  --pds-color-table-sort-arrow-active: #8a70ff;
204
204
  --pds-color-table-sort-arrow-inactive: #a6a3b4;
205
205
  --pds-color-tabs-accent: #ad9bff;
206
- --pds-color-tag-1-background: #705e00;
207
- --pds-color-tag-1-foreground: #fffbe9;
208
- --pds-color-tag-10-background: #5b440a;
209
- --pds-color-tag-10-foreground: #efeadf;
210
- --pds-color-tag-2-background: #4e39a8;
211
- --pds-color-tag-2-foreground: #f3f0ff;
212
- --pds-color-tag-3-background: #560039;
213
- --pds-color-tag-3-foreground: #ffe5f6;
214
- --pds-color-tag-4-background: #504e62;
215
- --pds-color-tag-4-foreground: #e7e7eb;
216
- --pds-color-tag-5-background: #700000;
217
- --pds-color-tag-5-foreground: #ffebeb;
218
- --pds-color-tag-6-background: #b15902;
219
- --pds-color-tag-6-foreground: #fffae6;
220
- --pds-color-tag-7-background: #164b35;
221
- --pds-color-tag-7-foreground: #dffcf0;
222
- --pds-color-tag-8-background: #0f5f6a;
223
- --pds-color-tag-8-foreground: #f0fdff;
224
- --pds-color-tag-9-background: #0155cc;
225
- --pds-color-tag-9-foreground: #082145;
226
- --pds-color-tag-remove-button: #a6a3b4;
206
+ --pds-color-tag-1-background: #ded8fa;
207
+ --pds-color-tag-1-foreground: #5c4fac;
208
+ --pds-color-tag-10-background: #d0dffc;
209
+ --pds-color-tag-10-foreground: #2254c5;
210
+ --pds-color-tag-11-background: #72cb9b;
211
+ --pds-color-tag-11-foreground: #264a37;
212
+ --pds-color-tag-12-background: #81c1dd;
213
+ --pds-color-tag-12-foreground: #234453;
214
+ --pds-color-tag-13-background: #689bf8;
215
+ --pds-color-tag-13-foreground: #163168;
216
+ --pds-color-tag-14-background: #9c90e9;
217
+ --pds-color-tag-14-foreground: #342c60;
218
+ --pds-color-tag-15-background: #e7796d;
219
+ --pds-color-tag-15-foreground: #56231d;
220
+ --pds-color-tag-16-background: #f1a76e;
221
+ --pds-color-tag-16-foreground: #68320f;
222
+ --pds-color-tag-17-background: #d87ab8;
223
+ --pds-color-tag-17-foreground: #4a273e;
224
+ --pds-color-tag-18-background: #efce60;
225
+ --pds-color-tag-18-foreground: #504012;
226
+ --pds-color-tag-19-background: #9fc65b;
227
+ --pds-color-tag-19-foreground: #3f4d27;
228
+ --pds-color-tag-2-background: #f8d7d3;
229
+ --pds-color-tag-2-foreground: #a0392c;
230
+ --pds-color-tag-20-background: #8790a0;
231
+ --pds-color-tag-20-foreground: #0e1e40;
232
+ --pds-color-tag-3-background: #f5e7a8;
233
+ --pds-color-tag-3-foreground: #7b611e;
234
+ --pds-color-tag-4-background: #f7d7ec;
235
+ --pds-color-tag-4-foreground: #894271;
236
+ --pds-color-tag-5-background: #d9f0af;
237
+ --pds-color-tag-5-foreground: #536a2b;
238
+ --pds-color-tag-6-background: #dddfe3;
239
+ --pds-color-tag-6-foreground: #47546d;
240
+ --pds-color-tag-7-background: #c6f1dc;
241
+ --pds-color-tag-7-foreground: #3e7256;
242
+ --pds-color-tag-8-background: #f9dfcb;
243
+ --pds-color-tag-8-foreground: #9a4e1c;
244
+ --pds-color-tag-9-background: #ceecf9;
245
+ --pds-color-tag-9-foreground: #366880;
227
246
  --pds-color-text-default: var(--pds-color-foreground-default);
228
247
  --pds-color-text-default-secondary: #a6a3b4;
229
248
  --pds-color-text-reverse: var(--pds-color-foreground-reverse);
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -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;
@@ -238,27 +241,46 @@
238
241
  --pds-color-table-sort-arrow-active: #654bd5;
239
242
  --pds-color-table-sort-arrow-inactive: #cfcfd3;
240
243
  --pds-color-tabs-accent: #654bd5;
241
- --pds-color-tag-1-background: #fffbe9;
242
- --pds-color-tag-1-foreground: #705e00;
243
- --pds-color-tag-10-background: #efeadf;
244
- --pds-color-tag-10-foreground: #5b440a;
245
- --pds-color-tag-2-background: #f0edfb;
246
- --pds-color-tag-2-foreground: #3017a1;
247
- --pds-color-tag-3-background: #ffe5f6;
248
- --pds-color-tag-3-foreground: #9a0066;
249
- --pds-color-tag-4-background: #f1f1f1;
250
- --pds-color-tag-4-foreground: #4c4c4d;
251
- --pds-color-tag-5-background: #fff0f0;
252
- --pds-color-tag-5-foreground: #700000;
253
- --pds-color-tag-6-background: #fff6eb;
254
- --pds-color-tag-6-foreground: #ae5401;
255
- --pds-color-tag-7-background: #dffcf0;
256
- --pds-color-tag-7-foreground: #164b35;
257
- --pds-color-tag-8-background: #dffbff;
258
- --pds-color-tag-8-foreground: #036e7d;
259
- --pds-color-tag-9-background: #e9f2ff;
260
- --pds-color-tag-9-foreground: #0155cc;
261
- --pds-color-tag-remove-button: #61616b;
244
+ --pds-color-tag-1-background: #ded8fa;
245
+ --pds-color-tag-1-foreground: #5c4fac;
246
+ --pds-color-tag-10-background: #d0dffc;
247
+ --pds-color-tag-10-foreground: #2254c5;
248
+ --pds-color-tag-11-background: #72cb9b;
249
+ --pds-color-tag-11-foreground: #264a37;
250
+ --pds-color-tag-12-background: #81c1dd;
251
+ --pds-color-tag-12-foreground: #234453;
252
+ --pds-color-tag-13-background: #689bf8;
253
+ --pds-color-tag-13-foreground: #163168;
254
+ --pds-color-tag-14-background: #9c90e9;
255
+ --pds-color-tag-14-foreground: #342c60;
256
+ --pds-color-tag-15-background: #e7796d;
257
+ --pds-color-tag-15-foreground: #56231d;
258
+ --pds-color-tag-16-background: #f1a76e;
259
+ --pds-color-tag-16-foreground: #68320f;
260
+ --pds-color-tag-17-background: #d87ab8;
261
+ --pds-color-tag-17-foreground: #4a273e;
262
+ --pds-color-tag-18-background: #efce60;
263
+ --pds-color-tag-18-foreground: #504012;
264
+ --pds-color-tag-19-background: #9fc65b;
265
+ --pds-color-tag-19-foreground: #3f4d27;
266
+ --pds-color-tag-2-background: #f8d7d3;
267
+ --pds-color-tag-2-foreground: #a0392c;
268
+ --pds-color-tag-20-background: #8790a0;
269
+ --pds-color-tag-20-foreground: #0e1e40;
270
+ --pds-color-tag-3-background: #f5e7a8;
271
+ --pds-color-tag-3-foreground: #7b611e;
272
+ --pds-color-tag-4-background: #f7d7ec;
273
+ --pds-color-tag-4-foreground: #894271;
274
+ --pds-color-tag-5-background: #d9f0af;
275
+ --pds-color-tag-5-foreground: #536a2b;
276
+ --pds-color-tag-6-background: #dddfe3;
277
+ --pds-color-tag-6-foreground: #47546d;
278
+ --pds-color-tag-7-background: #c6f1dc;
279
+ --pds-color-tag-7-foreground: #3e7256;
280
+ --pds-color-tag-8-background: #f9dfcb;
281
+ --pds-color-tag-8-foreground: #9a4e1c;
282
+ --pds-color-tag-9-background: #ceecf9;
283
+ --pds-color-tag-9-foreground: #366880;
262
284
  --pds-color-text-default: var(--pds-color-foreground-default);
263
285
  --pds-color-text-default-secondary: #6d6d78;
264
286
  --pds-color-text-reverse: var(--pds-color-foreground-reverse);