@pantheon-systems/pds-design-tokens 1.0.0-dev.62 → 1.0.0-dev.63

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.
@@ -11,6 +11,7 @@
11
11
 
12
12
  :root {
13
13
  --pds-color-background-default: #1d1d29;
14
+ --pds-color-background-default-secondary: #282839;
14
15
  --pds-color-badge-border: #a6a3b4;
15
16
  --pds-color-badge-label: #c7c5d0;
16
17
  --pds-color-badge-status-critical: var(--pds-color-semantic-critical-foreground);
@@ -19,11 +20,13 @@
19
20
  --pds-color-badge-status-info: var(--pds-color-semantic-info-foreground);
20
21
  --pds-color-badge-status-success: var(--pds-color-semantic-success-foreground);
21
22
  --pds-color-badge-status-warning: var(--pds-color-semantic-warning-foreground);
22
- --pds-color-banner-critical-background: #f87462;
23
- --pds-color-banner-critical-foreground: #121219;
24
- --pds-color-banner-info-background: #9fadbc;
25
- --pds-color-banner-info-foreground: #121219;
26
- --pds-color-banner-warning-background: #e2b203;
23
+ --pds-color-banner-critical-background: linear-gradient(135deg, #CA3521 0%, #B95898 100%);
24
+ --pds-color-banner-critical-foreground: #ffffff;
25
+ --pds-color-banner-info-background: linear-gradient(315deg, #1265DA 0%, #5F41E5 100%);
26
+ --pds-color-banner-info-foreground: #ffffff;
27
+ --pds-color-banner-loader-background: linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%);
28
+ --pds-color-banner-loader-foreground: #ffffff;
29
+ --pds-color-banner-warning-background: linear-gradient(135deg, #DDBD16 0%, #DB7612 100%);
27
30
  --pds-color-banner-warning-foreground: #121219;
28
31
  --pds-color-border-default: #504e62;
29
32
  --pds-color-brand-accent-default: #de0093;
@@ -11,6 +11,7 @@
11
11
 
12
12
  :root {
13
13
  --pds-color-background-default: #ffffff;
14
+ --pds-color-background-default-secondary: #f8f8f8;
14
15
  --pds-color-badge-border: var(--pds-color-border-default);
15
16
  --pds-color-badge-label: var(--pds-color-text-default-secondary);
16
17
  --pds-color-badge-status-critical: var(--pds-color-semantic-critical-foreground);
@@ -2034,13 +2034,13 @@
2034
2034
  "banner": {
2035
2035
  "info": {
2036
2036
  "background": {
2037
- "value": "#9fadbc",
2037
+ "value": "linear-gradient(315deg, #1265DA 0%, #5F41E5 100%)",
2038
2038
  "public": true,
2039
2039
  "isReferenceToInternal": true,
2040
2040
  "filePath": "tokens/color/alias/banner.dark.json",
2041
2041
  "isSource": true,
2042
2042
  "original": {
2043
- "value": "{color.dark-mode.utility.announcement.value}",
2043
+ "value": "{color.dark-mode.gradient.banner.info.background.value}",
2044
2044
  "public": true,
2045
2045
  "isReferenceToInternal": true
2046
2046
  },
@@ -2061,13 +2061,13 @@
2061
2061
  ]
2062
2062
  },
2063
2063
  "foreground": {
2064
- "value": "#121219",
2064
+ "value": "#ffffff",
2065
2065
  "public": true,
2066
2066
  "isReferenceToInternal": true,
2067
2067
  "filePath": "tokens/color/alias/banner.dark.json",
2068
2068
  "isSource": true,
2069
2069
  "original": {
2070
- "value": "{color.dark-mode.neutral.700.value}",
2070
+ "value": "{color.dark-mode.neutral.000.value}",
2071
2071
  "public": true,
2072
2072
  "isReferenceToInternal": true
2073
2073
  },
@@ -2090,13 +2090,13 @@
2090
2090
  },
2091
2091
  "warning": {
2092
2092
  "background": {
2093
- "value": "#e2b203",
2093
+ "value": "linear-gradient(135deg, #DDBD16 0%, #DB7612 100%)",
2094
2094
  "public": true,
2095
2095
  "isReferenceToInternal": true,
2096
2096
  "filePath": "tokens/color/alias/banner.dark.json",
2097
2097
  "isSource": true,
2098
2098
  "original": {
2099
- "value": "{color.dark-mode.utility.warning.value}",
2099
+ "value": "{color.dark-mode.gradient.banner.warning.background.value}",
2100
2100
  "public": true,
2101
2101
  "isReferenceToInternal": true
2102
2102
  },
@@ -2146,13 +2146,13 @@
2146
2146
  },
2147
2147
  "critical": {
2148
2148
  "background": {
2149
- "value": "#f87462",
2149
+ "value": "linear-gradient(135deg, #CA3521 0%, #B95898 100%)",
2150
2150
  "public": true,
2151
2151
  "isReferenceToInternal": true,
2152
2152
  "filePath": "tokens/color/alias/banner.dark.json",
2153
2153
  "isSource": true,
2154
2154
  "original": {
2155
- "value": "{color.dark-mode.utility.critical.value}",
2155
+ "value": "{color.dark-mode.gradient.banner.critical.background.value}",
2156
2156
  "public": true,
2157
2157
  "isReferenceToInternal": true
2158
2158
  },
@@ -2173,13 +2173,13 @@
2173
2173
  ]
2174
2174
  },
2175
2175
  "foreground": {
2176
- "value": "#121219",
2176
+ "value": "#ffffff",
2177
2177
  "public": true,
2178
2178
  "isReferenceToInternal": true,
2179
2179
  "filePath": "tokens/color/alias/banner.dark.json",
2180
2180
  "isSource": true,
2181
2181
  "original": {
2182
- "value": "{color.dark-mode.neutral.700.value}",
2182
+ "value": "{color.dark-mode.neutral.000.value}",
2183
2183
  "public": true,
2184
2184
  "isReferenceToInternal": true
2185
2185
  },
@@ -2199,6 +2199,62 @@
2199
2199
  "foreground"
2200
2200
  ]
2201
2201
  }
2202
+ },
2203
+ "loader": {
2204
+ "background": {
2205
+ "value": "linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%)",
2206
+ "public": true,
2207
+ "isReferenceToInternal": true,
2208
+ "filePath": "tokens/color/alias/banner.dark.json",
2209
+ "isSource": true,
2210
+ "original": {
2211
+ "value": "{color.dark-mode.gradient.banner.loader.background.value}",
2212
+ "public": true,
2213
+ "isReferenceToInternal": true
2214
+ },
2215
+ "name": "color-dark-mode-banner-loader-background",
2216
+ "attributes": {
2217
+ "category": "color",
2218
+ "type": "dark-mode",
2219
+ "item": "banner",
2220
+ "subitem": "loader",
2221
+ "state": "background"
2222
+ },
2223
+ "path": [
2224
+ "color",
2225
+ "dark-mode",
2226
+ "banner",
2227
+ "loader",
2228
+ "background"
2229
+ ]
2230
+ },
2231
+ "foreground": {
2232
+ "value": "#ffffff",
2233
+ "public": true,
2234
+ "isReferenceToInternal": true,
2235
+ "filePath": "tokens/color/alias/banner.dark.json",
2236
+ "isSource": true,
2237
+ "original": {
2238
+ "value": "{color.dark-mode.neutral.000.value}",
2239
+ "public": true,
2240
+ "isReferenceToInternal": true
2241
+ },
2242
+ "name": "color-dark-mode-banner-loader-foreground",
2243
+ "attributes": {
2244
+ "category": "color",
2245
+ "type": "dark-mode",
2246
+ "item": "banner",
2247
+ "subitem": "loader",
2248
+ "state": "foreground"
2249
+ },
2250
+ "path": [
2251
+ "color",
2252
+ "dark-mode",
2253
+ "banner",
2254
+ "loader",
2255
+ "foreground"
2256
+ ]
2257
+ }
2202
2258
  }
2203
2259
  },
2204
2260
  "breadcrumb": {
@@ -3880,6 +3936,31 @@
3880
3936
  "background",
3881
3937
  "default"
3882
3938
  ]
3939
+ },
3940
+ "default-secondary": {
3941
+ "value": "#282839",
3942
+ "public": true,
3943
+ "isReferenceToInternal": true,
3944
+ "filePath": "tokens/color/alias/defaults.dark.json",
3945
+ "isSource": true,
3946
+ "original": {
3947
+ "value": "{color.dark-mode.neutral.500.value}",
3948
+ "public": true,
3949
+ "isReferenceToInternal": true
3950
+ },
3951
+ "name": "color-dark-mode-background-default-secondary",
3952
+ "attributes": {
3953
+ "category": "color",
3954
+ "type": "dark-mode",
3955
+ "item": "background",
3956
+ "subitem": "default-secondary"
3957
+ },
3958
+ "path": [
3959
+ "color",
3960
+ "dark-mode",
3961
+ "background",
3962
+ "default-secondary"
3963
+ ]
3883
3964
  }
3884
3965
  },
3885
3966
  "border": {
@@ -9193,6 +9274,31 @@
9193
9274
  "background",
9194
9275
  "default"
9195
9276
  ]
9277
+ },
9278
+ "default-secondary": {
9279
+ "value": "#f8f8f8",
9280
+ "public": true,
9281
+ "isReferenceToInternal": true,
9282
+ "filePath": "tokens/color/alias/defaults.light.json",
9283
+ "isSource": true,
9284
+ "original": {
9285
+ "value": "{color.light-mode.neutral.100.value}",
9286
+ "public": true,
9287
+ "isReferenceToInternal": true
9288
+ },
9289
+ "name": "color-light-mode-background-default-secondary",
9290
+ "attributes": {
9291
+ "category": "color",
9292
+ "type": "light-mode",
9293
+ "item": "background",
9294
+ "subitem": "default-secondary"
9295
+ },
9296
+ "path": [
9297
+ "color",
9298
+ "light-mode",
9299
+ "background",
9300
+ "default-secondary"
9301
+ ]
9196
9302
  }
9197
9303
  },
9198
9304
  "border": {
@@ -210,13 +210,13 @@
210
210
  "banner": {
211
211
  "info": {
212
212
  "background": {
213
- "value": "#9fadbc",
213
+ "value": "linear-gradient(315deg, #1265DA 0%, #5F41E5 100%)",
214
214
  "public": true,
215
215
  "isReferenceToInternal": true,
216
216
  "filePath": "tokens/color/alias/banner.dark.json",
217
217
  "isSource": true,
218
218
  "original": {
219
- "value": "{color.dark-mode.utility.announcement.value}",
219
+ "value": "{color.dark-mode.gradient.banner.info.background.value}",
220
220
  "public": true,
221
221
  "isReferenceToInternal": true
222
222
  },
@@ -237,13 +237,13 @@
237
237
  ]
238
238
  },
239
239
  "foreground": {
240
- "value": "#121219",
240
+ "value": "#ffffff",
241
241
  "public": true,
242
242
  "isReferenceToInternal": true,
243
243
  "filePath": "tokens/color/alias/banner.dark.json",
244
244
  "isSource": true,
245
245
  "original": {
246
- "value": "{color.dark-mode.neutral.700.value}",
246
+ "value": "{color.dark-mode.neutral.000.value}",
247
247
  "public": true,
248
248
  "isReferenceToInternal": true
249
249
  },
@@ -266,13 +266,13 @@
266
266
  },
267
267
  "warning": {
268
268
  "background": {
269
- "value": "#e2b203",
269
+ "value": "linear-gradient(135deg, #DDBD16 0%, #DB7612 100%)",
270
270
  "public": true,
271
271
  "isReferenceToInternal": true,
272
272
  "filePath": "tokens/color/alias/banner.dark.json",
273
273
  "isSource": true,
274
274
  "original": {
275
- "value": "{color.dark-mode.utility.warning.value}",
275
+ "value": "{color.dark-mode.gradient.banner.warning.background.value}",
276
276
  "public": true,
277
277
  "isReferenceToInternal": true
278
278
  },
@@ -322,13 +322,13 @@
322
322
  },
323
323
  "critical": {
324
324
  "background": {
325
- "value": "#f87462",
325
+ "value": "linear-gradient(135deg, #CA3521 0%, #B95898 100%)",
326
326
  "public": true,
327
327
  "isReferenceToInternal": true,
328
328
  "filePath": "tokens/color/alias/banner.dark.json",
329
329
  "isSource": true,
330
330
  "original": {
331
- "value": "{color.dark-mode.utility.critical.value}",
331
+ "value": "{color.dark-mode.gradient.banner.critical.background.value}",
332
332
  "public": true,
333
333
  "isReferenceToInternal": true
334
334
  },
@@ -349,13 +349,13 @@
349
349
  ]
350
350
  },
351
351
  "foreground": {
352
- "value": "#121219",
352
+ "value": "#ffffff",
353
353
  "public": true,
354
354
  "isReferenceToInternal": true,
355
355
  "filePath": "tokens/color/alias/banner.dark.json",
356
356
  "isSource": true,
357
357
  "original": {
358
- "value": "{color.dark-mode.neutral.700.value}",
358
+ "value": "{color.dark-mode.neutral.000.value}",
359
359
  "public": true,
360
360
  "isReferenceToInternal": true
361
361
  },
@@ -375,6 +375,62 @@
375
375
  "foreground"
376
376
  ]
377
377
  }
378
+ },
379
+ "loader": {
380
+ "background": {
381
+ "value": "linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%)",
382
+ "public": true,
383
+ "isReferenceToInternal": true,
384
+ "filePath": "tokens/color/alias/banner.dark.json",
385
+ "isSource": true,
386
+ "original": {
387
+ "value": "{color.dark-mode.gradient.banner.loader.background.value}",
388
+ "public": true,
389
+ "isReferenceToInternal": true
390
+ },
391
+ "name": "color-dark-mode-banner-loader-background",
392
+ "attributes": {
393
+ "category": "color",
394
+ "type": "dark-mode",
395
+ "item": "banner",
396
+ "subitem": "loader",
397
+ "state": "background"
398
+ },
399
+ "path": [
400
+ "color",
401
+ "dark-mode",
402
+ "banner",
403
+ "loader",
404
+ "background"
405
+ ]
406
+ },
407
+ "foreground": {
408
+ "value": "#ffffff",
409
+ "public": true,
410
+ "isReferenceToInternal": true,
411
+ "filePath": "tokens/color/alias/banner.dark.json",
412
+ "isSource": true,
413
+ "original": {
414
+ "value": "{color.dark-mode.neutral.000.value}",
415
+ "public": true,
416
+ "isReferenceToInternal": true
417
+ },
418
+ "name": "color-dark-mode-banner-loader-foreground",
419
+ "attributes": {
420
+ "category": "color",
421
+ "type": "dark-mode",
422
+ "item": "banner",
423
+ "subitem": "loader",
424
+ "state": "foreground"
425
+ },
426
+ "path": [
427
+ "color",
428
+ "dark-mode",
429
+ "banner",
430
+ "loader",
431
+ "foreground"
432
+ ]
433
+ }
378
434
  }
379
435
  },
380
436
  "breadcrumb": {
@@ -2056,6 +2112,31 @@
2056
2112
  "background",
2057
2113
  "default"
2058
2114
  ]
2115
+ },
2116
+ "default-secondary": {
2117
+ "value": "#282839",
2118
+ "public": true,
2119
+ "isReferenceToInternal": true,
2120
+ "filePath": "tokens/color/alias/defaults.dark.json",
2121
+ "isSource": true,
2122
+ "original": {
2123
+ "value": "{color.dark-mode.neutral.500.value}",
2124
+ "public": true,
2125
+ "isReferenceToInternal": true
2126
+ },
2127
+ "name": "color-dark-mode-background-default-secondary",
2128
+ "attributes": {
2129
+ "category": "color",
2130
+ "type": "dark-mode",
2131
+ "item": "background",
2132
+ "subitem": "default-secondary"
2133
+ },
2134
+ "path": [
2135
+ "color",
2136
+ "dark-mode",
2137
+ "background",
2138
+ "default-secondary"
2139
+ ]
2059
2140
  }
2060
2141
  },
2061
2142
  "border": {
@@ -4675,6 +4756,157 @@
4675
4756
  "gradient",
4676
4757
  "midnight"
4677
4758
  ]
4759
+ },
4760
+ "banner": {
4761
+ "info": {
4762
+ "background": {
4763
+ "value": "linear-gradient(315deg, #1265DA 0%, #5F41E5 100%)",
4764
+ "type": "color",
4765
+ "excludeFromFigma": true,
4766
+ "filePath": "tokens/color/base/gradients.dark.json",
4767
+ "isSource": true,
4768
+ "original": {
4769
+ "value": {
4770
+ "type": "linear-gradient",
4771
+ "angle": "315deg",
4772
+ "colors": {
4773
+ "1": "#1265DA 0%",
4774
+ "2": "#5F41E5 100%"
4775
+ }
4776
+ },
4777
+ "type": "color",
4778
+ "excludeFromFigma": true
4779
+ },
4780
+ "name": "color-dark-mode-gradient-banner-info-background",
4781
+ "attributes": {
4782
+ "category": "color",
4783
+ "type": "dark-mode",
4784
+ "item": "gradient",
4785
+ "subitem": "banner",
4786
+ "state": "info"
4787
+ },
4788
+ "path": [
4789
+ "color",
4790
+ "dark-mode",
4791
+ "gradient",
4792
+ "banner",
4793
+ "info",
4794
+ "background"
4795
+ ]
4796
+ }
4797
+ },
4798
+ "warning": {
4799
+ "background": {
4800
+ "value": "linear-gradient(135deg, #DDBD16 0%, #DB7612 100%)",
4801
+ "type": "color",
4802
+ "excludeFromFigma": true,
4803
+ "filePath": "tokens/color/base/gradients.dark.json",
4804
+ "isSource": true,
4805
+ "original": {
4806
+ "value": {
4807
+ "type": "linear-gradient",
4808
+ "angle": "135deg",
4809
+ "colors": {
4810
+ "1": "#DDBD16 0%",
4811
+ "2": "#DB7612 100%"
4812
+ }
4813
+ },
4814
+ "type": "color",
4815
+ "excludeFromFigma": true
4816
+ },
4817
+ "name": "color-dark-mode-gradient-banner-warning-background",
4818
+ "attributes": {
4819
+ "category": "color",
4820
+ "type": "dark-mode",
4821
+ "item": "gradient",
4822
+ "subitem": "banner",
4823
+ "state": "warning"
4824
+ },
4825
+ "path": [
4826
+ "color",
4827
+ "dark-mode",
4828
+ "gradient",
4829
+ "banner",
4830
+ "warning",
4831
+ "background"
4832
+ ]
4833
+ }
4834
+ },
4835
+ "critical": {
4836
+ "background": {
4837
+ "value": "linear-gradient(135deg, #CA3521 0%, #B95898 100%)",
4838
+ "type": "color",
4839
+ "excludeFromFigma": true,
4840
+ "filePath": "tokens/color/base/gradients.dark.json",
4841
+ "isSource": true,
4842
+ "original": {
4843
+ "value": {
4844
+ "type": "linear-gradient",
4845
+ "angle": "135deg",
4846
+ "colors": {
4847
+ "1": "#CA3521 0%",
4848
+ "2": "#B95898 100%"
4849
+ }
4850
+ },
4851
+ "type": "color",
4852
+ "excludeFromFigma": true
4853
+ },
4854
+ "name": "color-dark-mode-gradient-banner-critical-background",
4855
+ "attributes": {
4856
+ "category": "color",
4857
+ "type": "dark-mode",
4858
+ "item": "gradient",
4859
+ "subitem": "banner",
4860
+ "state": "critical"
4861
+ },
4862
+ "path": [
4863
+ "color",
4864
+ "dark-mode",
4865
+ "gradient",
4866
+ "banner",
4867
+ "critical",
4868
+ "background"
4869
+ ]
4870
+ }
4871
+ },
4872
+ "loader": {
4873
+ "background": {
4874
+ "value": "linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%)",
4875
+ "type": "color",
4876
+ "excludeFromFigma": true,
4877
+ "filePath": "tokens/color/base/gradients.dark.json",
4878
+ "isSource": true,
4879
+ "original": {
4880
+ "value": {
4881
+ "type": "linear-gradient",
4882
+ "angle": "155deg",
4883
+ "colors": {
4884
+ "1": "#3017A1 0%",
4885
+ "2": "#E34935 50%",
4886
+ "3": "#FCDC49 100%"
4887
+ }
4888
+ },
4889
+ "type": "color",
4890
+ "excludeFromFigma": true
4891
+ },
4892
+ "name": "color-dark-mode-gradient-banner-loader-background",
4893
+ "attributes": {
4894
+ "category": "color",
4895
+ "type": "dark-mode",
4896
+ "item": "gradient",
4897
+ "subitem": "banner",
4898
+ "state": "loader"
4899
+ },
4900
+ "path": [
4901
+ "color",
4902
+ "dark-mode",
4903
+ "gradient",
4904
+ "banner",
4905
+ "loader",
4906
+ "background"
4907
+ ]
4908
+ }
4909
+ }
4678
4910
  }
4679
4911
  },
4680
4912
  "interactive": {
@@ -2106,6 +2106,31 @@
2106
2106
  "background",
2107
2107
  "default"
2108
2108
  ]
2109
+ },
2110
+ "default-secondary": {
2111
+ "value": "#f8f8f8",
2112
+ "public": true,
2113
+ "isReferenceToInternal": true,
2114
+ "filePath": "tokens/color/alias/defaults.light.json",
2115
+ "isSource": true,
2116
+ "original": {
2117
+ "value": "{color.light-mode.neutral.100.value}",
2118
+ "public": true,
2119
+ "isReferenceToInternal": true
2120
+ },
2121
+ "name": "color-light-mode-background-default-secondary",
2122
+ "attributes": {
2123
+ "category": "color",
2124
+ "type": "light-mode",
2125
+ "item": "background",
2126
+ "subitem": "default-secondary"
2127
+ },
2128
+ "path": [
2129
+ "color",
2130
+ "light-mode",
2131
+ "background",
2132
+ "default-secondary"
2133
+ ]
2109
2134
  }
2110
2135
  },
2111
2136
  "border": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.62",
3
+ "version": "1.0.0-dev.63",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [