@pantheon-systems/pds-design-tokens 1.0.0-dev.133 → 1.0.0-dev.135
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 +8 -4
- package/build/css/pds-design-tokens-light-mode.css +12 -7
- package/build/figma/pds-design-tokens-figma.json +545 -276
- package/build/json/pds-design-tokens-dark-mode.json +220 -98
- package/build/json/pds-design-tokens-light-mode.json +251 -104
- package/package.json +1 -1
|
@@ -127,10 +127,14 @@
|
|
|
127
127
|
--pds-color-gradient-midnight: linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%);
|
|
128
128
|
--pds-color-gradient-sunrise: linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%);
|
|
129
129
|
--pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%);
|
|
130
|
-
--pds-color-icon-button-background-active: #
|
|
131
|
-
--pds-color-icon-button-background-default: rgba(0, 0, 0, 0);
|
|
132
|
-
--pds-color-icon-button-background-hover: #
|
|
133
|
-
--pds-color-icon-button-foreground-default: #
|
|
130
|
+
--pds-color-icon-button-critical-background-active: #391813;
|
|
131
|
+
--pds-color-icon-button-critical-background-default: rgba(0, 0, 0, 0);
|
|
132
|
+
--pds-color-icon-button-critical-background-hover: #391813;
|
|
133
|
+
--pds-color-icon-button-critical-foreground-default: #ef5c48;
|
|
134
|
+
--pds-color-icon-button-standard-background-active: #858299;
|
|
135
|
+
--pds-color-icon-button-standard-background-default: rgba(0, 0, 0, 0);
|
|
136
|
+
--pds-color-icon-button-standard-background-hover: #a6a3b4;
|
|
137
|
+
--pds-color-icon-button-standard-foreground-default: #ffffff;
|
|
134
138
|
--pds-color-input-action-background-hover: #504e62;
|
|
135
139
|
--pds-color-input-background-critical: #1d1d29;
|
|
136
140
|
--pds-color-input-background-default: #1d1d29;
|
|
@@ -149,10 +149,14 @@
|
|
|
149
149
|
--pds-color-gradient-pastel-1: linear-gradient(175deg, #DFD8F55C 15%, #FFFFFF00 80%);
|
|
150
150
|
--pds-color-gradient-sunrise: linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%);
|
|
151
151
|
--pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%);
|
|
152
|
-
--pds-color-icon-button-background-active: #
|
|
153
|
-
--pds-color-icon-button-background-default: rgba(0, 0, 0, 0);
|
|
154
|
-
--pds-color-icon-button-background-hover: #
|
|
155
|
-
--pds-color-icon-button-foreground-default: #
|
|
152
|
+
--pds-color-icon-button-critical-background-active: #fcc5be;
|
|
153
|
+
--pds-color-icon-button-critical-background-default: rgba(0, 0, 0, 0);
|
|
154
|
+
--pds-color-icon-button-critical-background-hover: #ffedeb;
|
|
155
|
+
--pds-color-icon-button-critical-foreground-default: #ca3521;
|
|
156
|
+
--pds-color-icon-button-standard-background-active: #cfcfd3;
|
|
157
|
+
--pds-color-icon-button-standard-background-default: rgba(0, 0, 0, 0);
|
|
158
|
+
--pds-color-icon-button-standard-background-hover: #f1f1f1;
|
|
159
|
+
--pds-color-icon-button-standard-foreground-default: #6d6d78;
|
|
156
160
|
--pds-color-input-action-background-hover: #f8f8f8;
|
|
157
161
|
--pds-color-input-background-critical: #ffedeb;
|
|
158
162
|
--pds-color-input-background-default: #ffffff;
|
|
@@ -218,7 +222,8 @@
|
|
|
218
222
|
--pds-color-segmented-button-background-hover: #f8f8f8;
|
|
219
223
|
--pds-color-semantic-critical-background: #ffedeb;
|
|
220
224
|
--pds-color-semantic-critical-foreground: #ca3521;
|
|
221
|
-
--pds-color-semantic-critical-utility: #
|
|
225
|
+
--pds-color-semantic-critical-utility: #f35945;
|
|
226
|
+
--pds-color-semantic-critical-utility-light: #fcc5be;
|
|
222
227
|
--pds-color-semantic-discovery-background: #eae6ff;
|
|
223
228
|
--pds-color-semantic-discovery-foreground: #8270db;
|
|
224
229
|
--pds-color-semantic-info-background: #e9f2ff;
|
|
@@ -257,11 +262,11 @@
|
|
|
257
262
|
--pds-color-tag-14-background: #9c90e9;
|
|
258
263
|
--pds-color-tag-14-foreground: #342c60;
|
|
259
264
|
--pds-color-tag-15-background: #e7796d;
|
|
260
|
-
--pds-color-tag-15-foreground: #
|
|
265
|
+
--pds-color-tag-15-foreground: #54221c;
|
|
261
266
|
--pds-color-tag-16-background: #f1a76e;
|
|
262
267
|
--pds-color-tag-16-foreground: #68320f;
|
|
263
268
|
--pds-color-tag-17-background: #d87ab8;
|
|
264
|
-
--pds-color-tag-17-foreground: #
|
|
269
|
+
--pds-color-tag-17-foreground: #49273e;
|
|
265
270
|
--pds-color-tag-18-background: #efce60;
|
|
266
271
|
--pds-color-tag-18-foreground: #504012;
|
|
267
272
|
--pds-color-tag-19-background: #9fc65b;
|