@pantheon-systems/pds-design-tokens 1.0.0-dev.134 → 1.0.0-dev.136
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 +14 -5
- package/build/figma/pds-design-tokens-figma.json +608 -227
- package/build/json/pds-design-tokens-dark-mode.json +220 -98
- package/build/json/pds-design-tokens-light-mode.json +354 -95
- 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;
|
|
@@ -216,9 +220,14 @@
|
|
|
216
220
|
--pds-color-segmented-button-background-active: #f0edfb;
|
|
217
221
|
--pds-color-segmented-button-background-default: #ffffff;
|
|
218
222
|
--pds-color-segmented-button-background-hover: #f8f8f8;
|
|
223
|
+
--pds-color-segmented-button-border-active: #3017a1;
|
|
224
|
+
--pds-color-segmented-button-border-default: #cfcfd3;
|
|
225
|
+
--pds-color-segmented-button-foreground-active: #3017a1;
|
|
226
|
+
--pds-color-segmented-button-foreground-default: #6d6d78;
|
|
219
227
|
--pds-color-semantic-critical-background: #ffedeb;
|
|
220
228
|
--pds-color-semantic-critical-foreground: #ca3521;
|
|
221
|
-
--pds-color-semantic-critical-utility: #
|
|
229
|
+
--pds-color-semantic-critical-utility: #f35945;
|
|
230
|
+
--pds-color-semantic-critical-utility-light: #fcc5be;
|
|
222
231
|
--pds-color-semantic-discovery-background: #eae6ff;
|
|
223
232
|
--pds-color-semantic-discovery-foreground: #8270db;
|
|
224
233
|
--pds-color-semantic-info-background: #e9f2ff;
|