@pantheon-systems/pds-design-tokens 1.0.0-dev.72 → 1.0.0-dev.74
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 -4
- package/build/css/pds-design-tokens-light-mode.css +2 -2
- package/build/figma/pds-design-tokens-figma.json +44 -15
- package/build/json/pds-design-tokens-dark-mode.json +14 -10
- package/build/json/pds-design-tokens-light-mode.json +7 -5
- package/build/json/pds-design-tokens.json +21 -0
- package/package.json +1 -1
|
@@ -22,13 +22,13 @@
|
|
|
22
22
|
--pds-color-badge-status-success: var(--pds-color-semantic-success-foreground);
|
|
23
23
|
--pds-color-badge-status-warning: var(--pds-color-semantic-warning-foreground);
|
|
24
24
|
--pds-color-badge-tier-diamond-background: #f0fdff;
|
|
25
|
-
--pds-color-badge-tier-diamond-foreground:
|
|
25
|
+
--pds-color-badge-tier-diamond-foreground: #8a70ff;
|
|
26
26
|
--pds-color-badge-tier-gold-background: #fff1a9;
|
|
27
|
-
--pds-color-badge-tier-gold-foreground:
|
|
27
|
+
--pds-color-badge-tier-gold-foreground: #705e00;
|
|
28
28
|
--pds-color-badge-tier-platinum-background: #d0c6ff;
|
|
29
29
|
--pds-color-badge-tier-platinum-foreground: #4e39a8;
|
|
30
|
-
--pds-color-badge-tier-silver-background: #
|
|
31
|
-
--pds-color-badge-tier-silver-foreground:
|
|
30
|
+
--pds-color-badge-tier-silver-background: #e7e7eb;
|
|
31
|
+
--pds-color-badge-tier-silver-foreground: #504e62;
|
|
32
32
|
--pds-color-banner-critical-background: linear-gradient(135deg, #CA3521 0%, #B95898 100%);
|
|
33
33
|
--pds-color-banner-critical-foreground: #ffffff;
|
|
34
34
|
--pds-color-banner-info-background: linear-gradient(315deg, #1265DA 0%, #5F41E5 100%);
|
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
--pds-color-badge-status-success: var(--pds-color-semantic-success-foreground);
|
|
23
23
|
--pds-color-badge-status-warning: var(--pds-color-semantic-warning-foreground);
|
|
24
24
|
--pds-color-badge-tier-diamond-background: #f0fdff;
|
|
25
|
-
--pds-color-badge-tier-diamond-foreground:
|
|
25
|
+
--pds-color-badge-tier-diamond-foreground: #5f41e5;
|
|
26
26
|
--pds-color-badge-tier-gold-background: #fff1a9;
|
|
27
|
-
--pds-color-badge-tier-gold-foreground:
|
|
27
|
+
--pds-color-badge-tier-gold-foreground: #705e00;
|
|
28
28
|
--pds-color-badge-tier-platinum-background: #f0ecff;
|
|
29
29
|
--pds-color-badge-tier-platinum-foreground: #3017a1;
|
|
30
30
|
--pds-color-badge-tier-silver-background: #f1f1f1;
|
|
@@ -70,6 +70,29 @@
|
|
|
70
70
|
]
|
|
71
71
|
}
|
|
72
72
|
},
|
|
73
|
+
"link": {
|
|
74
|
+
"transition": {
|
|
75
|
+
"value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
|
|
76
|
+
"filePath": "tokens/animation/alias.json",
|
|
77
|
+
"isSource": true,
|
|
78
|
+
"original": {
|
|
79
|
+
"value": "background-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}, border-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
|
|
80
|
+
"filePath": "build/json/pds-design-tokens.json",
|
|
81
|
+
"isSource": false
|
|
82
|
+
},
|
|
83
|
+
"name": "animation-link-transition",
|
|
84
|
+
"attributes": {
|
|
85
|
+
"category": "animation",
|
|
86
|
+
"type": "link",
|
|
87
|
+
"item": "transition"
|
|
88
|
+
},
|
|
89
|
+
"path": [
|
|
90
|
+
"animation",
|
|
91
|
+
"link",
|
|
92
|
+
"transition"
|
|
93
|
+
]
|
|
94
|
+
}
|
|
95
|
+
},
|
|
73
96
|
"transition": {
|
|
74
97
|
"default": {
|
|
75
98
|
"delay": {
|
|
@@ -2033,13 +2056,13 @@
|
|
|
2033
2056
|
"tier": {
|
|
2034
2057
|
"silver": {
|
|
2035
2058
|
"background": {
|
|
2036
|
-
"value": "#
|
|
2059
|
+
"value": "#e7e7eb",
|
|
2037
2060
|
"public": true,
|
|
2038
2061
|
"isReferenceToInternal": true,
|
|
2039
2062
|
"filePath": "tokens/color/alias/badge.dark.json",
|
|
2040
2063
|
"isSource": true,
|
|
2041
2064
|
"original": {
|
|
2042
|
-
"value": "{color.dark-mode.neutral.
|
|
2065
|
+
"value": "{color.dark-mode.neutral.100.value}",
|
|
2043
2066
|
"public": true,
|
|
2044
2067
|
"isReferenceToInternal": true
|
|
2045
2068
|
},
|
|
@@ -2061,13 +2084,15 @@
|
|
|
2061
2084
|
]
|
|
2062
2085
|
},
|
|
2063
2086
|
"foreground": {
|
|
2064
|
-
"value": "#
|
|
2087
|
+
"value": "#504e62",
|
|
2065
2088
|
"public": true,
|
|
2089
|
+
"isReferenceToInternal": true,
|
|
2066
2090
|
"filePath": "tokens/color/alias/badge.dark.json",
|
|
2067
2091
|
"isSource": true,
|
|
2068
2092
|
"original": {
|
|
2069
|
-
"value": "{color.dark-mode.
|
|
2070
|
-
"public": true
|
|
2093
|
+
"value": "{color.dark-mode.neutral.400.value}",
|
|
2094
|
+
"public": true,
|
|
2095
|
+
"isReferenceToInternal": true
|
|
2071
2096
|
},
|
|
2072
2097
|
"name": "color-dark-mode-badge-tier-silver-foreground",
|
|
2073
2098
|
"attributes": {
|
|
@@ -2119,11 +2144,13 @@
|
|
|
2119
2144
|
"foreground": {
|
|
2120
2145
|
"value": "#705e00",
|
|
2121
2146
|
"public": true,
|
|
2147
|
+
"isReferenceToInternal": true,
|
|
2122
2148
|
"filePath": "tokens/color/alias/badge.dark.json",
|
|
2123
2149
|
"isSource": true,
|
|
2124
2150
|
"original": {
|
|
2125
2151
|
"value": "{color.dark-mode.brand.primary.600.value}",
|
|
2126
|
-
"public": true
|
|
2152
|
+
"public": true,
|
|
2153
|
+
"isReferenceToInternal": true
|
|
2127
2154
|
},
|
|
2128
2155
|
"name": "color-dark-mode-badge-tier-gold-foreground",
|
|
2129
2156
|
"attributes": {
|
|
@@ -2205,13 +2232,11 @@
|
|
|
2205
2232
|
"background": {
|
|
2206
2233
|
"value": "#f0fdff",
|
|
2207
2234
|
"public": true,
|
|
2208
|
-
"isReferenceToInternal": true,
|
|
2209
2235
|
"filePath": "tokens/color/alias/badge.dark.json",
|
|
2210
2236
|
"isSource": true,
|
|
2211
2237
|
"original": {
|
|
2212
2238
|
"value": "#f0fdff",
|
|
2213
|
-
"public": true
|
|
2214
|
-
"isReferenceToInternal": true
|
|
2239
|
+
"public": true
|
|
2215
2240
|
},
|
|
2216
2241
|
"name": "color-dark-mode-badge-tier-diamond-background",
|
|
2217
2242
|
"attributes": {
|
|
@@ -2233,11 +2258,13 @@
|
|
|
2233
2258
|
"foreground": {
|
|
2234
2259
|
"value": "#8a70ff",
|
|
2235
2260
|
"public": true,
|
|
2261
|
+
"isReferenceToInternal": true,
|
|
2236
2262
|
"filePath": "tokens/color/alias/badge.dark.json",
|
|
2237
2263
|
"isSource": true,
|
|
2238
2264
|
"original": {
|
|
2239
2265
|
"value": "{color.dark-mode.brand.secondary.400.value}",
|
|
2240
|
-
"public": true
|
|
2266
|
+
"public": true,
|
|
2267
|
+
"isReferenceToInternal": true
|
|
2241
2268
|
},
|
|
2242
2269
|
"name": "color-dark-mode-badge-tier-diamond-foreground",
|
|
2243
2270
|
"attributes": {
|
|
@@ -7752,11 +7779,13 @@
|
|
|
7752
7779
|
"foreground": {
|
|
7753
7780
|
"value": "#705e00",
|
|
7754
7781
|
"public": true,
|
|
7782
|
+
"isReferenceToInternal": true,
|
|
7755
7783
|
"filePath": "tokens/color/alias/badge.light.json",
|
|
7756
7784
|
"isSource": true,
|
|
7757
7785
|
"original": {
|
|
7758
7786
|
"value": "{color.light-mode.brand.primary.600.value}",
|
|
7759
|
-
"public": true
|
|
7787
|
+
"public": true,
|
|
7788
|
+
"isReferenceToInternal": true
|
|
7760
7789
|
},
|
|
7761
7790
|
"name": "color-light-mode-badge-tier-gold-foreground",
|
|
7762
7791
|
"attributes": {
|
|
@@ -7838,13 +7867,11 @@
|
|
|
7838
7867
|
"background": {
|
|
7839
7868
|
"value": "#f0fdff",
|
|
7840
7869
|
"public": true,
|
|
7841
|
-
"isReferenceToInternal": true,
|
|
7842
7870
|
"filePath": "tokens/color/alias/badge.light.json",
|
|
7843
7871
|
"isSource": true,
|
|
7844
7872
|
"original": {
|
|
7845
7873
|
"value": "#f0fdff",
|
|
7846
|
-
"public": true
|
|
7847
|
-
"isReferenceToInternal": true
|
|
7874
|
+
"public": true
|
|
7848
7875
|
},
|
|
7849
7876
|
"name": "color-light-mode-badge-tier-diamond-background",
|
|
7850
7877
|
"attributes": {
|
|
@@ -7866,11 +7893,13 @@
|
|
|
7866
7893
|
"foreground": {
|
|
7867
7894
|
"value": "#5f41e5",
|
|
7868
7895
|
"public": true,
|
|
7896
|
+
"isReferenceToInternal": true,
|
|
7869
7897
|
"filePath": "tokens/color/alias/badge.light.json",
|
|
7870
7898
|
"isSource": true,
|
|
7871
7899
|
"original": {
|
|
7872
7900
|
"value": "{color.light-mode.brand.secondary.300.value}",
|
|
7873
|
-
"public": true
|
|
7901
|
+
"public": true,
|
|
7902
|
+
"isReferenceToInternal": true
|
|
7874
7903
|
},
|
|
7875
7904
|
"name": "color-light-mode-badge-tier-diamond-foreground",
|
|
7876
7905
|
"attributes": {
|
|
@@ -209,13 +209,13 @@
|
|
|
209
209
|
"tier": {
|
|
210
210
|
"silver": {
|
|
211
211
|
"background": {
|
|
212
|
-
"value": "#
|
|
212
|
+
"value": "#e7e7eb",
|
|
213
213
|
"public": true,
|
|
214
214
|
"isReferenceToInternal": true,
|
|
215
215
|
"filePath": "tokens/color/alias/badge.dark.json",
|
|
216
216
|
"isSource": true,
|
|
217
217
|
"original": {
|
|
218
|
-
"value": "{color.dark-mode.neutral.
|
|
218
|
+
"value": "{color.dark-mode.neutral.100.value}",
|
|
219
219
|
"public": true,
|
|
220
220
|
"isReferenceToInternal": true
|
|
221
221
|
},
|
|
@@ -237,13 +237,15 @@
|
|
|
237
237
|
]
|
|
238
238
|
},
|
|
239
239
|
"foreground": {
|
|
240
|
-
"value": "#
|
|
240
|
+
"value": "#504e62",
|
|
241
241
|
"public": true,
|
|
242
|
+
"isReferenceToInternal": true,
|
|
242
243
|
"filePath": "tokens/color/alias/badge.dark.json",
|
|
243
244
|
"isSource": true,
|
|
244
245
|
"original": {
|
|
245
|
-
"value": "{color.dark-mode.
|
|
246
|
-
"public": true
|
|
246
|
+
"value": "{color.dark-mode.neutral.400.value}",
|
|
247
|
+
"public": true,
|
|
248
|
+
"isReferenceToInternal": true
|
|
247
249
|
},
|
|
248
250
|
"name": "color-dark-mode-badge-tier-silver-foreground",
|
|
249
251
|
"attributes": {
|
|
@@ -295,11 +297,13 @@
|
|
|
295
297
|
"foreground": {
|
|
296
298
|
"value": "#705e00",
|
|
297
299
|
"public": true,
|
|
300
|
+
"isReferenceToInternal": true,
|
|
298
301
|
"filePath": "tokens/color/alias/badge.dark.json",
|
|
299
302
|
"isSource": true,
|
|
300
303
|
"original": {
|
|
301
304
|
"value": "{color.dark-mode.brand.primary.600.value}",
|
|
302
|
-
"public": true
|
|
305
|
+
"public": true,
|
|
306
|
+
"isReferenceToInternal": true
|
|
303
307
|
},
|
|
304
308
|
"name": "color-dark-mode-badge-tier-gold-foreground",
|
|
305
309
|
"attributes": {
|
|
@@ -381,13 +385,11 @@
|
|
|
381
385
|
"background": {
|
|
382
386
|
"value": "#f0fdff",
|
|
383
387
|
"public": true,
|
|
384
|
-
"isReferenceToInternal": true,
|
|
385
388
|
"filePath": "tokens/color/alias/badge.dark.json",
|
|
386
389
|
"isSource": true,
|
|
387
390
|
"original": {
|
|
388
391
|
"value": "#f0fdff",
|
|
389
|
-
"public": true
|
|
390
|
-
"isReferenceToInternal": true
|
|
392
|
+
"public": true
|
|
391
393
|
},
|
|
392
394
|
"name": "color-dark-mode-badge-tier-diamond-background",
|
|
393
395
|
"attributes": {
|
|
@@ -409,11 +411,13 @@
|
|
|
409
411
|
"foreground": {
|
|
410
412
|
"value": "#8a70ff",
|
|
411
413
|
"public": true,
|
|
414
|
+
"isReferenceToInternal": true,
|
|
412
415
|
"filePath": "tokens/color/alias/badge.dark.json",
|
|
413
416
|
"isSource": true,
|
|
414
417
|
"original": {
|
|
415
418
|
"value": "{color.dark-mode.brand.secondary.400.value}",
|
|
416
|
-
"public": true
|
|
419
|
+
"public": true,
|
|
420
|
+
"isReferenceToInternal": true
|
|
417
421
|
},
|
|
418
422
|
"name": "color-dark-mode-badge-tier-diamond-foreground",
|
|
419
423
|
"attributes": {
|
|
@@ -291,11 +291,13 @@
|
|
|
291
291
|
"foreground": {
|
|
292
292
|
"value": "#705e00",
|
|
293
293
|
"public": true,
|
|
294
|
+
"isReferenceToInternal": true,
|
|
294
295
|
"filePath": "tokens/color/alias/badge.light.json",
|
|
295
296
|
"isSource": true,
|
|
296
297
|
"original": {
|
|
297
298
|
"value": "{color.light-mode.brand.primary.600.value}",
|
|
298
|
-
"public": true
|
|
299
|
+
"public": true,
|
|
300
|
+
"isReferenceToInternal": true
|
|
299
301
|
},
|
|
300
302
|
"name": "color-light-mode-badge-tier-gold-foreground",
|
|
301
303
|
"attributes": {
|
|
@@ -377,13 +379,11 @@
|
|
|
377
379
|
"background": {
|
|
378
380
|
"value": "#f0fdff",
|
|
379
381
|
"public": true,
|
|
380
|
-
"isReferenceToInternal": true,
|
|
381
382
|
"filePath": "tokens/color/alias/badge.light.json",
|
|
382
383
|
"isSource": true,
|
|
383
384
|
"original": {
|
|
384
385
|
"value": "#f0fdff",
|
|
385
|
-
"public": true
|
|
386
|
-
"isReferenceToInternal": true
|
|
386
|
+
"public": true
|
|
387
387
|
},
|
|
388
388
|
"name": "color-light-mode-badge-tier-diamond-background",
|
|
389
389
|
"attributes": {
|
|
@@ -405,11 +405,13 @@
|
|
|
405
405
|
"foreground": {
|
|
406
406
|
"value": "#5f41e5",
|
|
407
407
|
"public": true,
|
|
408
|
+
"isReferenceToInternal": true,
|
|
408
409
|
"filePath": "tokens/color/alias/badge.light.json",
|
|
409
410
|
"isSource": true,
|
|
410
411
|
"original": {
|
|
411
412
|
"value": "{color.light-mode.brand.secondary.300.value}",
|
|
412
|
-
"public": true
|
|
413
|
+
"public": true,
|
|
414
|
+
"isReferenceToInternal": true
|
|
413
415
|
},
|
|
414
416
|
"name": "color-light-mode-badge-tier-diamond-foreground",
|
|
415
417
|
"attributes": {
|
|
@@ -63,6 +63,27 @@
|
|
|
63
63
|
]
|
|
64
64
|
}
|
|
65
65
|
},
|
|
66
|
+
"link": {
|
|
67
|
+
"transition": {
|
|
68
|
+
"value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
|
|
69
|
+
"filePath": "tokens/animation/alias.json",
|
|
70
|
+
"isSource": true,
|
|
71
|
+
"original": {
|
|
72
|
+
"value": "background-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}, border-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}"
|
|
73
|
+
},
|
|
74
|
+
"name": "animation-link-transition",
|
|
75
|
+
"attributes": {
|
|
76
|
+
"category": "animation",
|
|
77
|
+
"type": "link",
|
|
78
|
+
"item": "transition"
|
|
79
|
+
},
|
|
80
|
+
"path": [
|
|
81
|
+
"animation",
|
|
82
|
+
"link",
|
|
83
|
+
"transition"
|
|
84
|
+
]
|
|
85
|
+
}
|
|
86
|
+
},
|
|
66
87
|
"transition": {
|
|
67
88
|
"default": {
|
|
68
89
|
"delay": {
|