@pantheon-systems/pds-design-tokens 1.0.0-dev.93 → 1.0.0-dev.95
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 +14 -0
- package/build/css/pds-design-tokens-light-mode.css +15 -1
- package/build/figma/pds-design-tokens-figma.json +787 -181
- package/build/json/pds-design-tokens-dark-mode.json +316 -13
- package/build/json/pds-design-tokens-light-mode.json +318 -15
- package/package.json +1 -1
|
@@ -109,6 +109,14 @@
|
|
|
109
109
|
--pds-color-gradient-midnight: linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%);
|
|
110
110
|
--pds-color-gradient-sunrise: linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%);
|
|
111
111
|
--pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%);
|
|
112
|
+
--pds-color-icon-button-critical-background-active: var(--pds-color-button-critical-background-active);
|
|
113
|
+
--pds-color-icon-button-critical-background-default: var(--pds-color-button-critical-background-default);
|
|
114
|
+
--pds-color-icon-button-critical-background-hover: var(--pds-color-button-critical-background-hover);
|
|
115
|
+
--pds-color-icon-button-critical-foreground-default: var(--pds-color-button-critical-foreground-default);
|
|
116
|
+
--pds-color-icon-button-standard-background-active: #858299;
|
|
117
|
+
--pds-color-icon-button-standard-background-default: rgba(0, 0, 0, 0);
|
|
118
|
+
--pds-color-icon-button-standard-background-hover: #a6a3b4;
|
|
119
|
+
--pds-color-icon-button-standard-foreground-default: #ffffff;
|
|
112
120
|
--pds-color-input-action-background-hover: #504e62;
|
|
113
121
|
--pds-color-input-background-critical: #1d1d29;
|
|
114
122
|
--pds-color-input-background-default: #1d1d29;
|
|
@@ -148,6 +156,12 @@
|
|
|
148
156
|
--pds-color-panel-default-background: var(--pds-color-background-default);
|
|
149
157
|
--pds-color-panel-default-border: var(--pds-color-border-default);
|
|
150
158
|
--pds-color-panel-sunken-background: #121219;
|
|
159
|
+
--pds-color-partner-bitbucket: #004dc0;
|
|
160
|
+
--pds-color-partner-drupal: #009cde;
|
|
161
|
+
--pds-color-partner-gatsby: #663399;
|
|
162
|
+
--pds-color-partner-gitlab: #ffedfb;
|
|
163
|
+
--pds-color-partner-nextjs: #000000;
|
|
164
|
+
--pds-color-partner-wordpress: #0073aa;
|
|
151
165
|
--pds-color-progress-complete: #2abb7f;
|
|
152
166
|
--pds-color-progress-empty: #a6a3b4;
|
|
153
167
|
--pds-color-progress-partial: #388bff;
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
--pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
|
|
96
96
|
--pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
|
|
97
97
|
--pds-color-button-subtle-foreground-active: var(--pds-color-link-active);
|
|
98
|
-
--pds-color-button-subtle-foreground-default: var(--pds-color-text-default
|
|
98
|
+
--pds-color-button-subtle-foreground-default: var(--pds-color-text-default);
|
|
99
99
|
--pds-color-button-subtle-foreground-hover: var(--pds-color-link-hover);
|
|
100
100
|
--pds-color-card-border: var(--pds-color-border-default);
|
|
101
101
|
--pds-color-code-inline-background: #f0ecff;
|
|
@@ -109,6 +109,14 @@
|
|
|
109
109
|
--pds-color-gradient-midnight: linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%);
|
|
110
110
|
--pds-color-gradient-sunrise: linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%);
|
|
111
111
|
--pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%);
|
|
112
|
+
--pds-color-icon-button-critical-background-active: var(--pds-color-button-critical-background-active);
|
|
113
|
+
--pds-color-icon-button-critical-background-default: var(--pds-color-button-critical-background-default);
|
|
114
|
+
--pds-color-icon-button-critical-background-hover: var(--pds-color-button-critical-background-hover);
|
|
115
|
+
--pds-color-icon-button-critical-foreground-default: var(--pds-color-button-critical-foreground-default);
|
|
116
|
+
--pds-color-icon-button-standard-background-active: #cfcfd3;
|
|
117
|
+
--pds-color-icon-button-standard-background-default: rgba(0, 0, 0, 0);
|
|
118
|
+
--pds-color-icon-button-standard-background-hover: #f1f1f1;
|
|
119
|
+
--pds-color-icon-button-standard-foreground-default: #23232d;
|
|
112
120
|
--pds-color-input-action-background-hover: #f8f8f8;
|
|
113
121
|
--pds-color-input-background-critical: #ffedeb;
|
|
114
122
|
--pds-color-input-background-default: #ffffff;
|
|
@@ -157,6 +165,12 @@
|
|
|
157
165
|
--pds-color-panel-default-background: var(--pds-color-background-default);
|
|
158
166
|
--pds-color-panel-default-border: var(--pds-color-border-default);
|
|
159
167
|
--pds-color-panel-sunken-background: #f1f1f1;
|
|
168
|
+
--pds-color-partner-bitbucket: #004dc0;
|
|
169
|
+
--pds-color-partner-drupal: #009cde;
|
|
170
|
+
--pds-color-partner-gatsby: #663399;
|
|
171
|
+
--pds-color-partner-gitlab: #ffedfb;
|
|
172
|
+
--pds-color-partner-nextjs: #000000;
|
|
173
|
+
--pds-color-partner-wordpress: #0073aa;
|
|
160
174
|
--pds-color-progress-complete: #218c5f;
|
|
161
175
|
--pds-color-progress-empty: #cfcfd3;
|
|
162
176
|
--pds-color-progress-partial: #1d7afc;
|