@pantheon-systems/pds-design-tokens 1.0.0-dev.0 → 1.0.0-dev.1
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 +7 -7
- package/build/css/pds-design-tokens-light-mode.css +1 -1
- package/build/figma/pds-design-tokens-figma.json +42 -19
- package/build/json/pds-design-tokens-dark-mode.json +40 -17
- package/build/json/pds-design-tokens-light-mode.json +2 -2
- package/build/scss/_pds-design-tokens-dark-mode.scss +7 -7
- package/build/scss/_pds-design-tokens-light-mode.scss +1 -1
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
--pds-color-border-default: #504e62;
|
|
15
15
|
--pds-color-brand-accent-default: #de0093;
|
|
16
16
|
--pds-color-brand-primary-default: #ffdc28;
|
|
17
|
-
--pds-color-brand-secondary-default: #
|
|
17
|
+
--pds-color-brand-secondary-default: #6947ff;
|
|
18
18
|
--pds-color-button-brand-background-active: #ddbd16;
|
|
19
19
|
--pds-color-button-brand-background-default: #ffdc28;
|
|
20
20
|
--pds-color-button-brand-background-hover: #ffe668;
|
|
@@ -33,12 +33,12 @@
|
|
|
33
33
|
--pds-color-button-critical-foreground-active: #ffffff;
|
|
34
34
|
--pds-color-button-critical-foreground-default: #ffffff;
|
|
35
35
|
--pds-color-button-critical-foreground-hover: #ffffff;
|
|
36
|
-
--pds-color-button-primary-background-active: #
|
|
37
|
-
--pds-color-button-primary-background-default: #
|
|
38
|
-
--pds-color-button-primary-background-hover: #
|
|
39
|
-
--pds-color-button-primary-border-active: #
|
|
40
|
-
--pds-color-button-primary-border-default: #
|
|
41
|
-
--pds-color-button-primary-border-hover: #
|
|
36
|
+
--pds-color-button-primary-background-active: #4b32bb;
|
|
37
|
+
--pds-color-button-primary-background-default: #6947ff;
|
|
38
|
+
--pds-color-button-primary-background-hover: #7657ff;
|
|
39
|
+
--pds-color-button-primary-border-active: #4b32bb;
|
|
40
|
+
--pds-color-button-primary-border-default: #6947ff;
|
|
41
|
+
--pds-color-button-primary-border-hover: #7657ff;
|
|
42
42
|
--pds-color-button-primary-foreground-active: #ffffff;
|
|
43
43
|
--pds-color-button-primary-foreground-default: #ffffff;
|
|
44
44
|
--pds-color-button-primary-foreground-hover: #ffffff;
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
--pds-color-button-secondary-foreground-hover: #3017a1;
|
|
54
54
|
--pds-color-button-subtle-background-active: #cfcfd3;
|
|
55
55
|
--pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
|
|
56
|
-
--pds-color-button-subtle-background-hover: #
|
|
56
|
+
--pds-color-button-subtle-background-hover: #f0ecff;
|
|
57
57
|
--pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
|
|
58
58
|
--pds-color-button-subtle-foreground-active: #11005d;
|
|
59
59
|
--pds-color-button-subtle-foreground-default: #3017a1;
|
|
@@ -1761,13 +1761,13 @@
|
|
|
1761
1761
|
"primary": {
|
|
1762
1762
|
"background": {
|
|
1763
1763
|
"default": {
|
|
1764
|
-
"value": "#
|
|
1764
|
+
"value": "#6947ff",
|
|
1765
1765
|
"public": true,
|
|
1766
1766
|
"isReferenceToInternal": true,
|
|
1767
1767
|
"filePath": "tokens/color/alias/interactive.dark.json",
|
|
1768
1768
|
"isSource": true,
|
|
1769
1769
|
"original": {
|
|
1770
|
-
"value": "{color.dark-mode.brand.secondary.
|
|
1770
|
+
"value": "{color.dark-mode.brand.secondary.400.value}",
|
|
1771
1771
|
"public": true,
|
|
1772
1772
|
"isReferenceToInternal": true
|
|
1773
1773
|
},
|
|
@@ -1789,13 +1789,13 @@
|
|
|
1789
1789
|
]
|
|
1790
1790
|
},
|
|
1791
1791
|
"hover": {
|
|
1792
|
-
"value": "#
|
|
1792
|
+
"value": "#7657ff",
|
|
1793
1793
|
"public": true,
|
|
1794
1794
|
"isReferenceToInternal": true,
|
|
1795
1795
|
"filePath": "tokens/color/alias/interactive.dark.json",
|
|
1796
1796
|
"isSource": true,
|
|
1797
1797
|
"original": {
|
|
1798
|
-
"value": "{color.dark-mode.brand.secondary.
|
|
1798
|
+
"value": "{color.dark-mode.brand.secondary.300.value}",
|
|
1799
1799
|
"public": true,
|
|
1800
1800
|
"isReferenceToInternal": true
|
|
1801
1801
|
},
|
|
@@ -1817,13 +1817,13 @@
|
|
|
1817
1817
|
]
|
|
1818
1818
|
},
|
|
1819
1819
|
"active": {
|
|
1820
|
-
"value": "#
|
|
1820
|
+
"value": "#4b32bb",
|
|
1821
1821
|
"public": true,
|
|
1822
1822
|
"isReferenceToInternal": true,
|
|
1823
1823
|
"filePath": "tokens/color/alias/interactive.dark.json",
|
|
1824
1824
|
"isSource": true,
|
|
1825
1825
|
"original": {
|
|
1826
|
-
"value": "{color.dark-mode.brand.secondary.
|
|
1826
|
+
"value": "{color.dark-mode.brand.secondary.500.value}",
|
|
1827
1827
|
"public": true,
|
|
1828
1828
|
"isReferenceToInternal": true
|
|
1829
1829
|
},
|
|
@@ -1847,13 +1847,13 @@
|
|
|
1847
1847
|
},
|
|
1848
1848
|
"border": {
|
|
1849
1849
|
"default": {
|
|
1850
|
-
"value": "#
|
|
1850
|
+
"value": "#6947ff",
|
|
1851
1851
|
"public": true,
|
|
1852
1852
|
"isReferenceToInternal": true,
|
|
1853
1853
|
"filePath": "tokens/color/alias/interactive.dark.json",
|
|
1854
1854
|
"isSource": true,
|
|
1855
1855
|
"original": {
|
|
1856
|
-
"value": "{color.dark-mode.brand.secondary.
|
|
1856
|
+
"value": "{color.dark-mode.brand.secondary.400.value}",
|
|
1857
1857
|
"public": true,
|
|
1858
1858
|
"isReferenceToInternal": true
|
|
1859
1859
|
},
|
|
@@ -1875,13 +1875,13 @@
|
|
|
1875
1875
|
]
|
|
1876
1876
|
},
|
|
1877
1877
|
"hover": {
|
|
1878
|
-
"value": "#
|
|
1878
|
+
"value": "#7657ff",
|
|
1879
1879
|
"public": true,
|
|
1880
1880
|
"isReferenceToInternal": true,
|
|
1881
1881
|
"filePath": "tokens/color/alias/interactive.dark.json",
|
|
1882
1882
|
"isSource": true,
|
|
1883
1883
|
"original": {
|
|
1884
|
-
"value": "{color.dark-mode.brand.secondary.
|
|
1884
|
+
"value": "{color.dark-mode.brand.secondary.300.value}",
|
|
1885
1885
|
"public": true,
|
|
1886
1886
|
"isReferenceToInternal": true
|
|
1887
1887
|
},
|
|
@@ -1903,13 +1903,13 @@
|
|
|
1903
1903
|
]
|
|
1904
1904
|
},
|
|
1905
1905
|
"active": {
|
|
1906
|
-
"value": "#
|
|
1906
|
+
"value": "#4b32bb",
|
|
1907
1907
|
"public": true,
|
|
1908
1908
|
"isReferenceToInternal": true,
|
|
1909
1909
|
"filePath": "tokens/color/alias/interactive.dark.json",
|
|
1910
1910
|
"isSource": true,
|
|
1911
1911
|
"original": {
|
|
1912
|
-
"value": "{color.dark-mode.brand.secondary.
|
|
1912
|
+
"value": "{color.dark-mode.brand.secondary.500.value}",
|
|
1913
1913
|
"public": true,
|
|
1914
1914
|
"isReferenceToInternal": true
|
|
1915
1915
|
},
|
|
@@ -3683,11 +3683,11 @@
|
|
|
3683
3683
|
]
|
|
3684
3684
|
},
|
|
3685
3685
|
"300": {
|
|
3686
|
-
"value": "#
|
|
3686
|
+
"value": "#7657ff",
|
|
3687
3687
|
"filePath": "tokens/color/base/brand.dark.json",
|
|
3688
3688
|
"isSource": true,
|
|
3689
3689
|
"original": {
|
|
3690
|
-
"value": "#
|
|
3690
|
+
"value": "#7657FF"
|
|
3691
3691
|
},
|
|
3692
3692
|
"name": "color-dark-mode-brand-secondary-300",
|
|
3693
3693
|
"attributes": {
|
|
@@ -3706,11 +3706,11 @@
|
|
|
3706
3706
|
]
|
|
3707
3707
|
},
|
|
3708
3708
|
"400": {
|
|
3709
|
-
"value": "#
|
|
3709
|
+
"value": "#6947ff",
|
|
3710
3710
|
"filePath": "tokens/color/base/brand.dark.json",
|
|
3711
3711
|
"isSource": true,
|
|
3712
3712
|
"original": {
|
|
3713
|
-
"value": "#
|
|
3713
|
+
"value": "#6947FF"
|
|
3714
3714
|
},
|
|
3715
3715
|
"name": "color-dark-mode-brand-secondary-400",
|
|
3716
3716
|
"attributes": {
|
|
@@ -3751,8 +3751,31 @@
|
|
|
3751
3751
|
"500"
|
|
3752
3752
|
]
|
|
3753
3753
|
},
|
|
3754
|
+
"600": {
|
|
3755
|
+
"value": "#271577",
|
|
3756
|
+
"filePath": "tokens/color/base/brand.dark.json",
|
|
3757
|
+
"isSource": true,
|
|
3758
|
+
"original": {
|
|
3759
|
+
"value": "#271577"
|
|
3760
|
+
},
|
|
3761
|
+
"name": "color-dark-mode-brand-secondary-600",
|
|
3762
|
+
"attributes": {
|
|
3763
|
+
"category": "color",
|
|
3764
|
+
"type": "dark-mode",
|
|
3765
|
+
"item": "brand",
|
|
3766
|
+
"subitem": "secondary",
|
|
3767
|
+
"state": "600"
|
|
3768
|
+
},
|
|
3769
|
+
"path": [
|
|
3770
|
+
"color",
|
|
3771
|
+
"dark-mode",
|
|
3772
|
+
"brand",
|
|
3773
|
+
"secondary",
|
|
3774
|
+
"600"
|
|
3775
|
+
]
|
|
3776
|
+
},
|
|
3754
3777
|
"default": {
|
|
3755
|
-
"value": "#
|
|
3778
|
+
"value": "#6947ff",
|
|
3756
3779
|
"public": true,
|
|
3757
3780
|
"isReferenceToInternal": true,
|
|
3758
3781
|
"filePath": "tokens/color/base/brand.dark.json",
|
|
@@ -5824,13 +5847,13 @@
|
|
|
5824
5847
|
]
|
|
5825
5848
|
},
|
|
5826
5849
|
"hover": {
|
|
5827
|
-
"value": "#
|
|
5850
|
+
"value": "#f0ecff",
|
|
5828
5851
|
"public": true,
|
|
5829
5852
|
"isReferenceToInternal": true,
|
|
5830
5853
|
"filePath": "tokens/color/alias/interactive.light.json",
|
|
5831
5854
|
"isSource": true,
|
|
5832
5855
|
"original": {
|
|
5833
|
-
"value": "{color.light-mode.
|
|
5856
|
+
"value": "{color.light-mode.brand.secondary.100.value}",
|
|
5834
5857
|
"public": true,
|
|
5835
5858
|
"isReferenceToInternal": true
|
|
5836
5859
|
},
|
|
@@ -198,13 +198,13 @@
|
|
|
198
198
|
"primary": {
|
|
199
199
|
"background": {
|
|
200
200
|
"default": {
|
|
201
|
-
"value": "#
|
|
201
|
+
"value": "#6947ff",
|
|
202
202
|
"public": true,
|
|
203
203
|
"isReferenceToInternal": true,
|
|
204
204
|
"filePath": "tokens/color/alias/interactive.dark.json",
|
|
205
205
|
"isSource": true,
|
|
206
206
|
"original": {
|
|
207
|
-
"value": "{color.dark-mode.brand.secondary.
|
|
207
|
+
"value": "{color.dark-mode.brand.secondary.400.value}",
|
|
208
208
|
"public": true,
|
|
209
209
|
"isReferenceToInternal": true
|
|
210
210
|
},
|
|
@@ -226,13 +226,13 @@
|
|
|
226
226
|
]
|
|
227
227
|
},
|
|
228
228
|
"hover": {
|
|
229
|
-
"value": "#
|
|
229
|
+
"value": "#7657ff",
|
|
230
230
|
"public": true,
|
|
231
231
|
"isReferenceToInternal": true,
|
|
232
232
|
"filePath": "tokens/color/alias/interactive.dark.json",
|
|
233
233
|
"isSource": true,
|
|
234
234
|
"original": {
|
|
235
|
-
"value": "{color.dark-mode.brand.secondary.
|
|
235
|
+
"value": "{color.dark-mode.brand.secondary.300.value}",
|
|
236
236
|
"public": true,
|
|
237
237
|
"isReferenceToInternal": true
|
|
238
238
|
},
|
|
@@ -254,13 +254,13 @@
|
|
|
254
254
|
]
|
|
255
255
|
},
|
|
256
256
|
"active": {
|
|
257
|
-
"value": "#
|
|
257
|
+
"value": "#4b32bb",
|
|
258
258
|
"public": true,
|
|
259
259
|
"isReferenceToInternal": true,
|
|
260
260
|
"filePath": "tokens/color/alias/interactive.dark.json",
|
|
261
261
|
"isSource": true,
|
|
262
262
|
"original": {
|
|
263
|
-
"value": "{color.dark-mode.brand.secondary.
|
|
263
|
+
"value": "{color.dark-mode.brand.secondary.500.value}",
|
|
264
264
|
"public": true,
|
|
265
265
|
"isReferenceToInternal": true
|
|
266
266
|
},
|
|
@@ -284,13 +284,13 @@
|
|
|
284
284
|
},
|
|
285
285
|
"border": {
|
|
286
286
|
"default": {
|
|
287
|
-
"value": "#
|
|
287
|
+
"value": "#6947ff",
|
|
288
288
|
"public": true,
|
|
289
289
|
"isReferenceToInternal": true,
|
|
290
290
|
"filePath": "tokens/color/alias/interactive.dark.json",
|
|
291
291
|
"isSource": true,
|
|
292
292
|
"original": {
|
|
293
|
-
"value": "{color.dark-mode.brand.secondary.
|
|
293
|
+
"value": "{color.dark-mode.brand.secondary.400.value}",
|
|
294
294
|
"public": true,
|
|
295
295
|
"isReferenceToInternal": true
|
|
296
296
|
},
|
|
@@ -312,13 +312,13 @@
|
|
|
312
312
|
]
|
|
313
313
|
},
|
|
314
314
|
"hover": {
|
|
315
|
-
"value": "#
|
|
315
|
+
"value": "#7657ff",
|
|
316
316
|
"public": true,
|
|
317
317
|
"isReferenceToInternal": true,
|
|
318
318
|
"filePath": "tokens/color/alias/interactive.dark.json",
|
|
319
319
|
"isSource": true,
|
|
320
320
|
"original": {
|
|
321
|
-
"value": "{color.dark-mode.brand.secondary.
|
|
321
|
+
"value": "{color.dark-mode.brand.secondary.300.value}",
|
|
322
322
|
"public": true,
|
|
323
323
|
"isReferenceToInternal": true
|
|
324
324
|
},
|
|
@@ -340,13 +340,13 @@
|
|
|
340
340
|
]
|
|
341
341
|
},
|
|
342
342
|
"active": {
|
|
343
|
-
"value": "#
|
|
343
|
+
"value": "#4b32bb",
|
|
344
344
|
"public": true,
|
|
345
345
|
"isReferenceToInternal": true,
|
|
346
346
|
"filePath": "tokens/color/alias/interactive.dark.json",
|
|
347
347
|
"isSource": true,
|
|
348
348
|
"original": {
|
|
349
|
-
"value": "{color.dark-mode.brand.secondary.
|
|
349
|
+
"value": "{color.dark-mode.brand.secondary.500.value}",
|
|
350
350
|
"public": true,
|
|
351
351
|
"isReferenceToInternal": true
|
|
352
352
|
},
|
|
@@ -2120,11 +2120,11 @@
|
|
|
2120
2120
|
]
|
|
2121
2121
|
},
|
|
2122
2122
|
"300": {
|
|
2123
|
-
"value": "#
|
|
2123
|
+
"value": "#7657ff",
|
|
2124
2124
|
"filePath": "tokens/color/base/brand.dark.json",
|
|
2125
2125
|
"isSource": true,
|
|
2126
2126
|
"original": {
|
|
2127
|
-
"value": "#
|
|
2127
|
+
"value": "#7657FF"
|
|
2128
2128
|
},
|
|
2129
2129
|
"name": "color-dark-mode-brand-secondary-300",
|
|
2130
2130
|
"attributes": {
|
|
@@ -2143,11 +2143,11 @@
|
|
|
2143
2143
|
]
|
|
2144
2144
|
},
|
|
2145
2145
|
"400": {
|
|
2146
|
-
"value": "#
|
|
2146
|
+
"value": "#6947ff",
|
|
2147
2147
|
"filePath": "tokens/color/base/brand.dark.json",
|
|
2148
2148
|
"isSource": true,
|
|
2149
2149
|
"original": {
|
|
2150
|
-
"value": "#
|
|
2150
|
+
"value": "#6947FF"
|
|
2151
2151
|
},
|
|
2152
2152
|
"name": "color-dark-mode-brand-secondary-400",
|
|
2153
2153
|
"attributes": {
|
|
@@ -2188,8 +2188,31 @@
|
|
|
2188
2188
|
"500"
|
|
2189
2189
|
]
|
|
2190
2190
|
},
|
|
2191
|
+
"600": {
|
|
2192
|
+
"value": "#271577",
|
|
2193
|
+
"filePath": "tokens/color/base/brand.dark.json",
|
|
2194
|
+
"isSource": true,
|
|
2195
|
+
"original": {
|
|
2196
|
+
"value": "#271577"
|
|
2197
|
+
},
|
|
2198
|
+
"name": "color-dark-mode-brand-secondary-600",
|
|
2199
|
+
"attributes": {
|
|
2200
|
+
"category": "color",
|
|
2201
|
+
"type": "dark-mode",
|
|
2202
|
+
"item": "brand",
|
|
2203
|
+
"subitem": "secondary",
|
|
2204
|
+
"state": "600"
|
|
2205
|
+
},
|
|
2206
|
+
"path": [
|
|
2207
|
+
"color",
|
|
2208
|
+
"dark-mode",
|
|
2209
|
+
"brand",
|
|
2210
|
+
"secondary",
|
|
2211
|
+
"600"
|
|
2212
|
+
]
|
|
2213
|
+
},
|
|
2191
2214
|
"default": {
|
|
2192
|
-
"value": "#
|
|
2215
|
+
"value": "#6947ff",
|
|
2193
2216
|
"public": true,
|
|
2194
2217
|
"isReferenceToInternal": true,
|
|
2195
2218
|
"filePath": "tokens/color/base/brand.dark.json",
|
|
@@ -742,13 +742,13 @@
|
|
|
742
742
|
]
|
|
743
743
|
},
|
|
744
744
|
"hover": {
|
|
745
|
-
"value": "#
|
|
745
|
+
"value": "#f0ecff",
|
|
746
746
|
"public": true,
|
|
747
747
|
"isReferenceToInternal": true,
|
|
748
748
|
"filePath": "tokens/color/alias/interactive.light.json",
|
|
749
749
|
"isSource": true,
|
|
750
750
|
"original": {
|
|
751
|
-
"value": "{color.light-mode.
|
|
751
|
+
"value": "{color.light-mode.brand.secondary.100.value}",
|
|
752
752
|
"public": true,
|
|
753
753
|
"isReferenceToInternal": true
|
|
754
754
|
},
|
|
@@ -12,7 +12,7 @@ $pds-color-background-default: #1d1d29;
|
|
|
12
12
|
$pds-color-border-default: #504e62;
|
|
13
13
|
$pds-color-brand-accent-default: #de0093;
|
|
14
14
|
$pds-color-brand-primary-default: #ffdc28;
|
|
15
|
-
$pds-color-brand-secondary-default: #
|
|
15
|
+
$pds-color-brand-secondary-default: #6947ff;
|
|
16
16
|
$pds-color-button-brand-background-active: #ddbd16;
|
|
17
17
|
$pds-color-button-brand-background-default: #ffdc28;
|
|
18
18
|
$pds-color-button-brand-background-hover: #ffe668;
|
|
@@ -31,12 +31,12 @@ $pds-color-button-critical-border-hover: #be4242;
|
|
|
31
31
|
$pds-color-button-critical-foreground-active: #ffffff;
|
|
32
32
|
$pds-color-button-critical-foreground-default: #ffffff;
|
|
33
33
|
$pds-color-button-critical-foreground-hover: #ffffff;
|
|
34
|
-
$pds-color-button-primary-background-active: #
|
|
35
|
-
$pds-color-button-primary-background-default: #
|
|
36
|
-
$pds-color-button-primary-background-hover: #
|
|
37
|
-
$pds-color-button-primary-border-active: #
|
|
38
|
-
$pds-color-button-primary-border-default: #
|
|
39
|
-
$pds-color-button-primary-border-hover: #
|
|
34
|
+
$pds-color-button-primary-background-active: #4b32bb;
|
|
35
|
+
$pds-color-button-primary-background-default: #6947ff;
|
|
36
|
+
$pds-color-button-primary-background-hover: #7657ff;
|
|
37
|
+
$pds-color-button-primary-border-active: #4b32bb;
|
|
38
|
+
$pds-color-button-primary-border-default: #6947ff;
|
|
39
|
+
$pds-color-button-primary-border-hover: #7657ff;
|
|
40
40
|
$pds-color-button-primary-foreground-active: #ffffff;
|
|
41
41
|
$pds-color-button-primary-foreground-default: #ffffff;
|
|
42
42
|
$pds-color-button-primary-foreground-hover: #ffffff;
|
|
@@ -51,7 +51,7 @@ $pds-color-button-secondary-foreground-default: #3017a1;
|
|
|
51
51
|
$pds-color-button-secondary-foreground-hover: #3017a1;
|
|
52
52
|
$pds-color-button-subtle-background-active: #cfcfd3;
|
|
53
53
|
$pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
|
|
54
|
-
$pds-color-button-subtle-background-hover: #
|
|
54
|
+
$pds-color-button-subtle-background-hover: #f0ecff;
|
|
55
55
|
$pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
|
|
56
56
|
$pds-color-button-subtle-foreground-active: #11005d;
|
|
57
57
|
$pds-color-button-subtle-foreground-default: #3017a1;
|