@pantheon-systems/pds-design-tokens 1.0.0-dev.48 → 1.0.0-dev.49

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 +20 -4
  2. package/build/css/pds-design-tokens-light-mode.css +12 -12
  3. package/build/figma/pds-design-tokens-figma.json +470 -52
  4. package/build/json/pds-design-tokens-dark-mode.json +440 -6
  5. package/build/json/pds-design-tokens-light-mode.json +30 -46
  6. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -34,10 +34,10 @@
34
34
  --pds-color-button-brand-secondary-foreground-default: #e7e7eb;
35
35
  --pds-color-button-brand-secondary-foreground-hover: #ffffff;
36
36
  --pds-color-button-critical-background-active: #a74032;
37
- --pds-color-button-critical-background-default: #ef5c48;
37
+ --pds-color-button-critical-background-default: #ca3521;
38
38
  --pds-color-button-critical-background-hover: #bf4939;
39
39
  --pds-color-button-critical-border-active: #a74032;
40
- --pds-color-button-critical-border-default: #ef5c48;
40
+ --pds-color-button-critical-border-default: #ca3521;
41
41
  --pds-color-button-critical-border-hover: #bf4939;
42
42
  --pds-color-button-critical-foreground-active: #ffffff;
43
43
  --pds-color-button-critical-foreground-default: #ffffff;
@@ -79,13 +79,13 @@
79
79
  --pds-color-input-background-critical: #1d1d29;
80
80
  --pds-color-input-background-default: #1d1d29;
81
81
  --pds-color-input-background-hover: #282839;
82
- --pds-color-input-border-critical: #ef5c48;
82
+ --pds-color-input-border-critical: #ca3521;
83
83
  --pds-color-input-border-default: #858299;
84
84
  --pds-color-input-border-hover: #ad9bff;
85
85
  --pds-color-input-border-success: #2abb7f;
86
86
  --pds-color-input-checked-background: var(--pds-color-interactive-focus);
87
87
  --pds-color-input-checked-foreground: #ffffff;
88
- --pds-color-input-foreground-critical: #ef5c48;
88
+ --pds-color-input-foreground-critical: #ca3521;
89
89
  --pds-color-input-foreground-default: #ffffff;
90
90
  --pds-color-input-foreground-success: #2abb7f;
91
91
  --pds-color-input-placeholder-text: #a6a3b4;
@@ -113,6 +113,22 @@
113
113
  --pds-color-panel-raised-background: #282839;
114
114
  --pds-color-panel-raised-border: var(--pds-color-border-default);
115
115
  --pds-color-panel-sunken-background: #121219;
116
+ --pds-color-tag-1-background: #705e00;
117
+ --pds-color-tag-1-foreground: #fffbe9;
118
+ --pds-color-tag-2-background: #4e39a8;
119
+ --pds-color-tag-2-foreground: #f3f0ff;
120
+ --pds-color-tag-3-background: #560039;
121
+ --pds-color-tag-3-foreground: #ffe5f6;
122
+ --pds-color-tag-4-background: #504e62;
123
+ --pds-color-tag-4-foreground: #c7c5d0;
124
+ --pds-color-tag-5-background: #700000;
125
+ --pds-color-tag-5-foreground: #ffebeb;
126
+ --pds-color-tag-6-background: #b15902;
127
+ --pds-color-tag-6-foreground: #fffae6;
128
+ --pds-color-tag-7-background: #164b35;
129
+ --pds-color-tag-7-foreground: #dffcf0;
130
+ --pds-color-tag-8-background: #0f5f6a;
131
+ --pds-color-tag-8-foreground: #f0fdff;
116
132
  --pds-color-text-default: #ffffff;
117
133
  --pds-color-text-default-secondary: #a6a3b4;
118
134
  --pds-color-tile-background-active: #858299;
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -34,10 +34,10 @@
34
34
  --pds-color-button-brand-secondary-foreground-default: #23232d;
35
35
  --pds-color-button-brand-secondary-foreground-hover: #23232d;
36
36
  --pds-color-button-critical-background-active: #b53a2a;
37
- --pds-color-button-critical-background-default: #e34935;
37
+ --pds-color-button-critical-background-default: #ca3521;
38
38
  --pds-color-button-critical-background-hover: #e86d5d;
39
39
  --pds-color-button-critical-border-active: #b53a2a;
40
- --pds-color-button-critical-border-default: #e34935;
40
+ --pds-color-button-critical-border-default: #ca3521;
41
41
  --pds-color-button-critical-border-hover: #e86d5d;
42
42
  --pds-color-button-critical-foreground-active: #ffffff;
43
43
  --pds-color-button-critical-foreground-default: #ffffff;
@@ -79,13 +79,13 @@
79
79
  --pds-color-input-background-critical: #ffedeb;
80
80
  --pds-color-input-background-default: #ffffff;
81
81
  --pds-color-input-background-hover: #f0ecff;
82
- --pds-color-input-border-critical: #e34935;
82
+ --pds-color-input-border-critical: #ca3521;
83
83
  --pds-color-input-border-default: #cfcfd3;
84
84
  --pds-color-input-border-hover: #5f41e5;
85
85
  --pds-color-input-border-success: #218c5f;
86
86
  --pds-color-input-checked-background: var(--pds-color-interactive-focus);
87
87
  --pds-color-input-checked-foreground: #ffffff;
88
- --pds-color-input-foreground-critical: #e34935;
88
+ --pds-color-input-foreground-critical: #ca3521;
89
89
  --pds-color-input-foreground-default: #23232d;
90
90
  --pds-color-input-foreground-success: #218c5f;
91
91
  --pds-color-input-placeholder-text: #6d6d78;
@@ -123,14 +123,14 @@
123
123
  --pds-color-tag-3-foreground: #9a0066;
124
124
  --pds-color-tag-4-background: #f1f1f1;
125
125
  --pds-color-tag-4-foreground: #6d6d78;
126
- --pds-color-tag-5-background: #ffedeb;
127
- --pds-color-tag-5-foreground: #e34935;
128
- --pds-color-tag-6-background: #fff7d6;
129
- --pds-color-tag-6-foreground: #d97008;
130
- --pds-color-tag-7-background: #e3fcef;
131
- --pds-color-tag-7-foreground: #218c5f;
132
- --pds-color-tag-8-background: #e9f2ff;
133
- --pds-color-tag-8-foreground: #1d7afc;
126
+ --pds-color-tag-5-background: #ffebeb;
127
+ --pds-color-tag-5-foreground: #700000;
128
+ --pds-color-tag-6-background: #fffae6;
129
+ --pds-color-tag-6-foreground: #b15902;
130
+ --pds-color-tag-7-background: #dffcf0;
131
+ --pds-color-tag-7-foreground: #164b35;
132
+ --pds-color-tag-8-background: #f0fdff;
133
+ --pds-color-tag-8-foreground: #0f5f6a;
134
134
  --pds-color-text-default: #23232d;
135
135
  --pds-color-text-default-secondary: #6d6d78;
136
136
  --pds-color-tile-background-active: #f1f1f1;