@pantheon-systems/pds-design-tokens 1.0.0-dev.124 → 1.0.0-dev.126
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 +4 -0
- package/build/css/pds-design-tokens-light-mode.css +16 -0
- package/build/figma/pds-design-tokens-figma.json +616 -4
- package/build/json/pds-design-tokens-dark-mode.json +116 -0
- package/build/json/pds-design-tokens-light-mode.json +496 -0
- package/package.json +1 -1
|
@@ -14,6 +14,8 @@
|
|
|
14
14
|
--pds-color-background-default: #1d1d29;
|
|
15
15
|
--pds-color-background-default-secondary: #282839;
|
|
16
16
|
--pds-color-background-reverse: #e7e7eb;
|
|
17
|
+
--pds-color-badge-indicator-critical-background: #ef5c48;
|
|
18
|
+
--pds-color-badge-indicator-critical-foreground: #ffffff;
|
|
17
19
|
--pds-color-badge-indicator-diamond-background: #f0fdff;
|
|
18
20
|
--pds-color-badge-indicator-diamond-foreground: #388bff;
|
|
19
21
|
--pds-color-badge-indicator-gold-background: #fff1a9;
|
|
@@ -28,6 +30,8 @@
|
|
|
28
30
|
--pds-color-badge-indicator-silver-foreground: var(--pds-color-text-default-secondary);
|
|
29
31
|
--pds-color-badge-indicator-success-background: #2abb7f;
|
|
30
32
|
--pds-color-badge-indicator-success-foreground: #ffffff;
|
|
33
|
+
--pds-color-badge-indicator-warning-background: #cf9f02;
|
|
34
|
+
--pds-color-badge-indicator-warning-foreground: #ffffff;
|
|
31
35
|
--pds-color-badge-status-dot-critical: var(--pds-color-semantic-critical-foreground);
|
|
32
36
|
--pds-color-badge-status-dot-default: #858299;
|
|
33
37
|
--pds-color-badge-status-dot-disabled: #858299;
|
|
@@ -14,6 +14,8 @@
|
|
|
14
14
|
--pds-color-background-default: #ffffff;
|
|
15
15
|
--pds-color-background-default-secondary: #f8f8f8;
|
|
16
16
|
--pds-color-background-reverse: #23232d;
|
|
17
|
+
--pds-color-badge-indicator-critical-background: #ca3521;
|
|
18
|
+
--pds-color-badge-indicator-critical-foreground: #ffffff;
|
|
17
19
|
--pds-color-badge-indicator-diamond-background: #cfe1fc;
|
|
18
20
|
--pds-color-badge-indicator-diamond-foreground: #035ad3;
|
|
19
21
|
--pds-color-badge-indicator-gold-background: #ffe668;
|
|
@@ -28,6 +30,8 @@
|
|
|
28
30
|
--pds-color-badge-indicator-silver-foreground: #23232d;
|
|
29
31
|
--pds-color-badge-indicator-success-background: #218c5f;
|
|
30
32
|
--pds-color-badge-indicator-success-foreground: #ffffff;
|
|
33
|
+
--pds-color-badge-indicator-warning-background: #d97008;
|
|
34
|
+
--pds-color-badge-indicator-warning-foreground: #ffffff;
|
|
31
35
|
--pds-color-badge-status-dot-critical: var(--pds-color-semantic-critical-foreground);
|
|
32
36
|
--pds-color-badge-status-dot-default: #cfcfd3;
|
|
33
37
|
--pds-color-badge-status-dot-disabled: #cfcfd3;
|
|
@@ -129,6 +133,18 @@
|
|
|
129
133
|
--pds-color-foreground-default: #23232d;
|
|
130
134
|
--pds-color-foreground-reverse: #ffffff;
|
|
131
135
|
--pds-color-gradient-after-hours: linear-gradient(228.64deg, #1B0874 41.87%, #29B2FF 100%);
|
|
136
|
+
--pds-color-gradient-avatar-g01: var(--pds-color-gradient-sunrise);
|
|
137
|
+
--pds-color-gradient-avatar-g02: var(--pds-color-gradient-sunset);
|
|
138
|
+
--pds-color-gradient-avatar-g03: var(--pds-color-gradient-after-hours);
|
|
139
|
+
--pds-color-gradient-avatar-g04: var(--pds-color-gradient-midnight);
|
|
140
|
+
--pds-color-gradient-avatar-g05: linear-gradient(138deg, #E65F35 13.12%, #1B0874 93.73%);
|
|
141
|
+
--pds-color-gradient-avatar-g06: linear-gradient(138deg, #EF13AD 12.78%, #1B0874 97.85%);
|
|
142
|
+
--pds-color-gradient-avatar-g07: linear-gradient(139deg, #29B2FF 9.79%, #2365C0 50.54%, #1B0874 99.32%);
|
|
143
|
+
--pds-color-gradient-avatar-g08: linear-gradient(139deg, #00E0C3 6.57%, #0C7D9F 51.07%, #1B0874 97.18%);
|
|
144
|
+
--pds-color-gradient-avatar-g09: linear-gradient(319deg, #FFD808 8.18%, #DA8E32 38.74%, #9A0066 96.11%);
|
|
145
|
+
--pds-color-gradient-avatar-g10: linear-gradient(319deg, #FF99DC 13.01%, #6D41B4 72.52%, #371EA3 92.89%);
|
|
146
|
+
--pds-color-gradient-avatar-g11: linear-gradient(319deg, #FFF1A9 10.33%, #F0829F 53.22%, #DE0093 97.18%);
|
|
147
|
+
--pds-color-gradient-avatar-g12: linear-gradient(319deg, #96DAB7 14.62%, #1DACFC 53.22%, #1666D6 97.18%);
|
|
132
148
|
--pds-color-gradient-midnight: linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%);
|
|
133
149
|
--pds-color-gradient-pastel-1: linear-gradient(175deg, #DFD8F55C 15%, #FFFFFF00 80%);
|
|
134
150
|
--pds-color-gradient-sunrise: linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%);
|