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

package/build/css/pds-design-tokens-dark-mode.css

@@ -203,27 +203,46 @@
   --pds-color-table-sort-arrow-active: #8a70ff;
   --pds-color-table-sort-arrow-inactive: #a6a3b4;
   --pds-color-tabs-accent: #ad9bff;
-  --pds-color-tag-1-background: #705e00;
-  --pds-color-tag-1-foreground: #fffbe9;
-  --pds-color-tag-10-background: #5b440a;
-  --pds-color-tag-10-foreground: #efeadf;
-  --pds-color-tag-2-background: #4e39a8;
-  --pds-color-tag-2-foreground: #f3f0ff;
-  --pds-color-tag-3-background: #560039;
-  --pds-color-tag-3-foreground: #ffe5f6;
-  --pds-color-tag-4-background: #504e62;
-  --pds-color-tag-4-foreground: #e7e7eb;
-  --pds-color-tag-5-background: #700000;
-  --pds-color-tag-5-foreground: #ffebeb;
-  --pds-color-tag-6-background: #b15902;
-  --pds-color-tag-6-foreground: #fffae6;
-  --pds-color-tag-7-background: #164b35;
-  --pds-color-tag-7-foreground: #dffcf0;
-  --pds-color-tag-8-background: #0f5f6a;
-  --pds-color-tag-8-foreground: #f0fdff;
-  --pds-color-tag-9-background: #0155cc;
-  --pds-color-tag-9-foreground: #082145;
-  --pds-color-tag-remove-button: #a6a3b4;
+  --pds-color-tag-01-background: #ded8fa;
+  --pds-color-tag-01-foreground: #5c4fac;
+  --pds-color-tag-02-background: #f8d7d3;
+  --pds-color-tag-02-foreground: #a0392c;
+  --pds-color-tag-03-background: #f5e7a8;
+  --pds-color-tag-03-foreground: #7b611e;
+  --pds-color-tag-04-background: #f7d7ec;
+  --pds-color-tag-04-foreground: #894271;
+  --pds-color-tag-05-background: #d9f0af;
+  --pds-color-tag-05-foreground: #536a2b;
+  --pds-color-tag-06-background: #dddfe3;
+  --pds-color-tag-06-foreground: #47546d;
+  --pds-color-tag-07-background: #c6f1dc;
+  --pds-color-tag-07-foreground: #3e7256;
+  --pds-color-tag-08-background: #f9dfcb;
+  --pds-color-tag-08-foreground: #9a4e1c;
+  --pds-color-tag-09-background: #ceecf9;
+  --pds-color-tag-09-foreground: #366880;
+  --pds-color-tag-10-background: #d0dffc;
+  --pds-color-tag-10-foreground: #2254c5;
+  --pds-color-tag-11-background: #72cb9b;
+  --pds-color-tag-11-foreground: #264a37;
+  --pds-color-tag-12-background: #81c1dd;
+  --pds-color-tag-12-foreground: #234453;
+  --pds-color-tag-13-background: #f5e7a8;
+  --pds-color-tag-13-foreground: #7b611e;
+  --pds-color-tag-14-background: #9c90e9;
+  --pds-color-tag-14-foreground: #342c60;
+  --pds-color-tag-15-background: #e7796d;
+  --pds-color-tag-15-foreground: #56231d;
+  --pds-color-tag-16-background: #f1a76e;
+  --pds-color-tag-16-foreground: #68320f;
+  --pds-color-tag-17-background: #d87ab8;
+  --pds-color-tag-17-foreground: #4a273e;
+  --pds-color-tag-18-background: #efce60;
+  --pds-color-tag-18-foreground: #504012;
+  --pds-color-tag-19-background: #9fc65b;
+  --pds-color-tag-19-foreground: #3f4d27;
+  --pds-color-tag-20-background: #8790a0;
+  --pds-color-tag-20-foreground: #0e1e40;
   --pds-color-text-default: var(--pds-color-foreground-default);
   --pds-color-text-default-secondary: #a6a3b4;
   --pds-color-text-reverse: var(--pds-color-foreground-reverse);

package/build/css/pds-design-tokens-light-mode.css

@@ -238,27 +238,46 @@
   --pds-color-table-sort-arrow-active: #654bd5;
   --pds-color-table-sort-arrow-inactive: #cfcfd3;
   --pds-color-tabs-accent: #654bd5;
-  --pds-color-tag-1-background: #fffbe9;
-  --pds-color-tag-1-foreground: #705e00;
-  --pds-color-tag-10-background: #efeadf;
-  --pds-color-tag-10-foreground: #5b440a;
-  --pds-color-tag-2-background: #f0edfb;
-  --pds-color-tag-2-foreground: #3017a1;
-  --pds-color-tag-3-background: #ffe5f6;
-  --pds-color-tag-3-foreground: #9a0066;
-  --pds-color-tag-4-background: #f1f1f1;
-  --pds-color-tag-4-foreground: #4c4c4d;
-  --pds-color-tag-5-background: #fff0f0;
-  --pds-color-tag-5-foreground: #700000;
-  --pds-color-tag-6-background: #fff6eb;
-  --pds-color-tag-6-foreground: #ae5401;
-  --pds-color-tag-7-background: #dffcf0;
-  --pds-color-tag-7-foreground: #164b35;
-  --pds-color-tag-8-background: #dffbff;
-  --pds-color-tag-8-foreground: #036e7d;
-  --pds-color-tag-9-background: #e9f2ff;
-  --pds-color-tag-9-foreground: #0155cc;
-  --pds-color-tag-remove-button: #61616b;
+  --pds-color-tag-01-background: #ded8fa;
+  --pds-color-tag-01-foreground: #5c4fac;
+  --pds-color-tag-02-background: #f8d7d3;
+  --pds-color-tag-02-foreground: #a0392c;
+  --pds-color-tag-03-background: #f5e7a8;
+  --pds-color-tag-03-foreground: #7b611e;
+  --pds-color-tag-04-background: #f7d7ec;
+  --pds-color-tag-04-foreground: #894271;
+  --pds-color-tag-05-background: #d9f0af;
+  --pds-color-tag-05-foreground: #536a2b;
+  --pds-color-tag-06-background: #dddfe3;
+  --pds-color-tag-06-foreground: #47546d;
+  --pds-color-tag-07-background: #c6f1dc;
+  --pds-color-tag-07-foreground: #3e7256;
+  --pds-color-tag-08-background: #f9dfcb;
+  --pds-color-tag-08-foreground: #9a4e1c;
+  --pds-color-tag-09-background: #ceecf9;
+  --pds-color-tag-09-foreground: #366880;
+  --pds-color-tag-10-background: #d0dffc;
+  --pds-color-tag-10-foreground: #2254c5;
+  --pds-color-tag-11-background: #72cb9b;
+  --pds-color-tag-11-foreground: #264a37;
+  --pds-color-tag-12-background: #81c1dd;
+  --pds-color-tag-12-foreground: #234453;
+  --pds-color-tag-13-background: #f5e7a8;
+  --pds-color-tag-13-foreground: #7b611e;
+  --pds-color-tag-14-background: #9c90e9;
+  --pds-color-tag-14-foreground: #342c60;
+  --pds-color-tag-15-background: #e7796d;
+  --pds-color-tag-15-foreground: #56231d;
+  --pds-color-tag-16-background: #f1a76e;
+  --pds-color-tag-16-foreground: #68320f;
+  --pds-color-tag-17-background: #d87ab8;
+  --pds-color-tag-17-foreground: #4a273e;
+  --pds-color-tag-18-background: #efce60;
+  --pds-color-tag-18-foreground: #504012;
+  --pds-color-tag-19-background: #9fc65b;
+  --pds-color-tag-19-foreground: #3f4d27;
+  --pds-color-tag-20-background: #8790a0;
+  --pds-color-tag-20-foreground: #0e1e40;
   --pds-color-text-default: var(--pds-color-foreground-default);
   --pds-color-text-default-secondary: #6d6d78;
   --pds-color-text-reverse: var(--pds-color-foreground-reverse);