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

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,8 @@
11
11
 
12
12
  :root {
13
13
  --pds-color-background-default: #1d1d29;
14
+ --pds-color-background-default-secondary: #282839;
15
+ --pds-color-background-reverse: #c7c5d0;
14
16
  --pds-color-badge-border: #a6a3b4;
15
17
  --pds-color-badge-label: #c7c5d0;
16
18
  --pds-color-badge-status-critical: var(--pds-color-semantic-critical-foreground);
@@ -19,11 +21,13 @@
19
21
  --pds-color-badge-status-info: var(--pds-color-semantic-info-foreground);
20
22
  --pds-color-badge-status-success: var(--pds-color-semantic-success-foreground);
21
23
  --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;
24
+ --pds-color-banner-critical-background: linear-gradient(135deg, #CA3521 0%, #B95898 100%);
25
+ --pds-color-banner-critical-foreground: #ffffff;
26
+ --pds-color-banner-info-background: linear-gradient(315deg, #1265DA 0%, #5F41E5 100%);
27
+ --pds-color-banner-info-foreground: #ffffff;
28
+ --pds-color-banner-loader-background: linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%);
29
+ --pds-color-banner-loader-foreground: #ffffff;
30
+ --pds-color-banner-warning-background: linear-gradient(135deg, #DDBD16 0%, #DB7612 100%);
27
31
  --pds-color-banner-warning-foreground: #121219;
28
32
  --pds-color-border-default: #504e62;
29
33
  --pds-color-brand-accent-default: #de0093;
@@ -88,6 +92,7 @@
88
92
  --pds-color-expansion-panel-hover: #282839;
89
93
  --pds-color-expansion-panel-open: #282839;
90
94
  --pds-color-foreground-default: #ffffff;
95
+ --pds-color-foreground-reverse: #1d1d29;
91
96
  --pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);
92
97
  --pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
93
98
  --pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35 100%);
@@ -159,8 +164,9 @@
159
164
  --pds-color-tag-7-foreground: #dffcf0;
160
165
  --pds-color-tag-8-background: #0f5f6a;
161
166
  --pds-color-tag-8-foreground: #f0fdff;
162
- --pds-color-text-default: #ffffff;
167
+ --pds-color-text-default: var(--pds-color-foreground-default);
163
168
  --pds-color-text-default-secondary: #a6a3b4;
169
+ --pds-color-text-reverse: var(--pds-color-foreground-reverse);
164
170
  --pds-color-tile-background-active: #858299;
165
171
  --pds-color-tile-background-hover: #504e62;
166
172
  --pds-color-tile-separator: #504e62;
@@ -11,6 +11,8 @@
11
11
 
12
12
  :root {
13
13
  --pds-color-background-default: #ffffff;
14
+ --pds-color-background-default-secondary: #f8f8f8;
15
+ --pds-color-background-reverse: #23232d;
14
16
  --pds-color-badge-border: var(--pds-color-border-default);
15
17
  --pds-color-badge-label: var(--pds-color-text-default-secondary);
16
18
  --pds-color-badge-status-critical: var(--pds-color-semantic-critical-foreground);
@@ -90,6 +92,7 @@
90
92
  --pds-color-expansion-panel-hover: #f1f1f1;
91
93
  --pds-color-expansion-panel-open: #f1f1f1;
92
94
  --pds-color-foreground-default: #23232d;
95
+ --pds-color-foreground-reverse: #ffffff;
93
96
  --pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);
94
97
  --pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
95
98
  --pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35 100%);
@@ -170,8 +173,9 @@
170
173
  --pds-color-tag-7-foreground: #164b35;
171
174
  --pds-color-tag-8-background: #f0fdff;
172
175
  --pds-color-tag-8-foreground: #0f5f6a;
173
- --pds-color-text-default: #23232d;
176
+ --pds-color-text-default: var(--pds-color-foreground-default);
174
177
  --pds-color-text-default-secondary: #6d6d78;
178
+ --pds-color-text-reverse: var(--pds-color-foreground-reverse);
175
179
  --pds-color-tile-background-active: #f1f1f1;
176
180
  --pds-color-tile-background-hover: #f8f8f8;
177
181
  --pds-color-tile-separator: #cfcfd3;
@@ -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,56 @@
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
+ ]
3964
+ },
3965
+ "reverse": {
3966
+ "value": "#c7c5d0",
3967
+ "public": true,
3968
+ "isReferenceToInternal": true,
3969
+ "filePath": "tokens/color/alias/defaults.dark.json",
3970
+ "isSource": true,
3971
+ "original": {
3972
+ "value": "{color.dark-mode.neutral.100.value}",
3973
+ "public": true,
3974
+ "isReferenceToInternal": true
3975
+ },
3976
+ "name": "color-dark-mode-background-reverse",
3977
+ "attributes": {
3978
+ "category": "color",
3979
+ "type": "dark-mode",
3980
+ "item": "background",
3981
+ "subitem": "reverse"
3982
+ },
3983
+ "path": [
3984
+ "color",
3985
+ "dark-mode",
3986
+ "background",
3987
+ "reverse"
3988
+ ]
3883
3989
  }
3884
3990
  },
3885
3991
  "border": {
@@ -3934,6 +4040,31 @@
3934
4040
  "foreground",
3935
4041
  "default"
3936
4042
  ]
4043
+ },
4044
+ "reverse": {
4045
+ "value": "#1d1d29",
4046
+ "public": true,
4047
+ "isReferenceToInternal": true,
4048
+ "filePath": "tokens/color/alias/defaults.dark.json",
4049
+ "isSource": true,
4050
+ "original": {
4051
+ "value": "{color.dark-mode.neutral.600.value}",
4052
+ "public": true,
4053
+ "isReferenceToInternal": true
4054
+ },
4055
+ "name": "color-dark-mode-foreground-reverse",
4056
+ "attributes": {
4057
+ "category": "color",
4058
+ "type": "dark-mode",
4059
+ "item": "foreground",
4060
+ "subitem": "reverse"
4061
+ },
4062
+ "path": [
4063
+ "color",
4064
+ "dark-mode",
4065
+ "foreground",
4066
+ "reverse"
4067
+ ]
3937
4068
  }
3938
4069
  },
3939
4070
  "input": {
@@ -5522,13 +5653,11 @@
5522
5653
  "default": {
5523
5654
  "value": "#ffffff",
5524
5655
  "public": true,
5525
- "isReferenceToInternal": true,
5526
5656
  "filePath": "tokens/color/alias/text.dark.json",
5527
5657
  "isSource": true,
5528
5658
  "original": {
5529
- "value": "{color.dark-mode.neutral.000.value}",
5530
- "public": true,
5531
- "isReferenceToInternal": true
5659
+ "value": "{color.dark-mode.foreground.default.value}",
5660
+ "public": true
5532
5661
  },
5533
5662
  "name": "color-dark-mode-text-default",
5534
5663
  "attributes": {
@@ -5568,6 +5697,29 @@
5568
5697
  "text",
5569
5698
  "default-secondary"
5570
5699
  ]
5700
+ },
5701
+ "reverse": {
5702
+ "value": "#1d1d29",
5703
+ "public": true,
5704
+ "filePath": "tokens/color/alias/text.dark.json",
5705
+ "isSource": true,
5706
+ "original": {
5707
+ "value": "{color.dark-mode.foreground.reverse.value}",
5708
+ "public": true
5709
+ },
5710
+ "name": "color-dark-mode-text-reverse",
5711
+ "attributes": {
5712
+ "category": "color",
5713
+ "type": "dark-mode",
5714
+ "item": "text",
5715
+ "subitem": "reverse"
5716
+ },
5717
+ "path": [
5718
+ "color",
5719
+ "dark-mode",
5720
+ "text",
5721
+ "reverse"
5722
+ ]
5571
5723
  }
5572
5724
  },
5573
5725
  "tile": {
@@ -9193,6 +9345,56 @@
9193
9345
  "background",
9194
9346
  "default"
9195
9347
  ]
9348
+ },
9349
+ "default-secondary": {
9350
+ "value": "#f8f8f8",
9351
+ "public": true,
9352
+ "isReferenceToInternal": true,
9353
+ "filePath": "tokens/color/alias/defaults.light.json",
9354
+ "isSource": true,
9355
+ "original": {
9356
+ "value": "{color.light-mode.neutral.100.value}",
9357
+ "public": true,
9358
+ "isReferenceToInternal": true
9359
+ },
9360
+ "name": "color-light-mode-background-default-secondary",
9361
+ "attributes": {
9362
+ "category": "color",
9363
+ "type": "light-mode",
9364
+ "item": "background",
9365
+ "subitem": "default-secondary"
9366
+ },
9367
+ "path": [
9368
+ "color",
9369
+ "light-mode",
9370
+ "background",
9371
+ "default-secondary"
9372
+ ]
9373
+ },
9374
+ "reverse": {
9375
+ "value": "#23232d",
9376
+ "public": true,
9377
+ "isReferenceToInternal": true,
9378
+ "filePath": "tokens/color/alias/defaults.light.json",
9379
+ "isSource": true,
9380
+ "original": {
9381
+ "value": "{color.light-mode.neutral.500.value}",
9382
+ "public": true,
9383
+ "isReferenceToInternal": true
9384
+ },
9385
+ "name": "color-light-mode-background-reverse",
9386
+ "attributes": {
9387
+ "category": "color",
9388
+ "type": "light-mode",
9389
+ "item": "background",
9390
+ "subitem": "reverse"
9391
+ },
9392
+ "path": [
9393
+ "color",
9394
+ "light-mode",
9395
+ "background",
9396
+ "reverse"
9397
+ ]
9196
9398
  }
9197
9399
  },
9198
9400
  "border": {
@@ -9247,6 +9449,31 @@
9247
9449
  "foreground",
9248
9450
  "default"
9249
9451
  ]
9452
+ },
9453
+ "reverse": {
9454
+ "value": "#ffffff",
9455
+ "public": true,
9456
+ "isReferenceToInternal": true,
9457
+ "filePath": "tokens/color/alias/defaults.light.json",
9458
+ "isSource": true,
9459
+ "original": {
9460
+ "value": "{color.light-mode.neutral.000.value}",
9461
+ "public": true,
9462
+ "isReferenceToInternal": true
9463
+ },
9464
+ "name": "color-light-mode-foreground-reverse",
9465
+ "attributes": {
9466
+ "category": "color",
9467
+ "type": "light-mode",
9468
+ "item": "foreground",
9469
+ "subitem": "reverse"
9470
+ },
9471
+ "path": [
9472
+ "color",
9473
+ "light-mode",
9474
+ "foreground",
9475
+ "reverse"
9476
+ ]
9250
9477
  }
9251
9478
  },
9252
9479
  "input": {
@@ -10920,13 +11147,11 @@
10920
11147
  "default": {
10921
11148
  "value": "#23232d",
10922
11149
  "public": true,
10923
- "isReferenceToInternal": true,
10924
11150
  "filePath": "tokens/color/alias/text.light.json",
10925
11151
  "isSource": true,
10926
11152
  "original": {
10927
- "value": "{color.light-mode.neutral.500.value}",
10928
- "public": true,
10929
- "isReferenceToInternal": true
11153
+ "value": "{color.light-mode.foreground.default.value}",
11154
+ "public": true
10930
11155
  },
10931
11156
  "name": "color-light-mode-text-default",
10932
11157
  "attributes": {
@@ -10966,6 +11191,29 @@
10966
11191
  "text",
10967
11192
  "default-secondary"
10968
11193
  ]
11194
+ },
11195
+ "reverse": {
11196
+ "value": "#ffffff",
11197
+ "public": true,
11198
+ "filePath": "tokens/color/alias/text.light.json",
11199
+ "isSource": true,
11200
+ "original": {
11201
+ "value": "{color.light-mode.foreground.reverse.value}",
11202
+ "public": true
11203
+ },
11204
+ "name": "color-light-mode-text-reverse",
11205
+ "attributes": {
11206
+ "category": "color",
11207
+ "type": "light-mode",
11208
+ "item": "text",
11209
+ "subitem": "reverse"
11210
+ },
11211
+ "path": [
11212
+ "color",
11213
+ "light-mode",
11214
+ "text",
11215
+ "reverse"
11216
+ ]
10969
11217
  }
10970
11218
  },
10971
11219
  "tile": {
@@ -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,56 @@
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
+ ]
2140
+ },
2141
+ "reverse": {
2142
+ "value": "#c7c5d0",
2143
+ "public": true,
2144
+ "isReferenceToInternal": true,
2145
+ "filePath": "tokens/color/alias/defaults.dark.json",
2146
+ "isSource": true,
2147
+ "original": {
2148
+ "value": "{color.dark-mode.neutral.100.value}",
2149
+ "public": true,
2150
+ "isReferenceToInternal": true
2151
+ },
2152
+ "name": "color-dark-mode-background-reverse",
2153
+ "attributes": {
2154
+ "category": "color",
2155
+ "type": "dark-mode",
2156
+ "item": "background",
2157
+ "subitem": "reverse"
2158
+ },
2159
+ "path": [
2160
+ "color",
2161
+ "dark-mode",
2162
+ "background",
2163
+ "reverse"
2164
+ ]
2059
2165
  }
2060
2166
  },
2061
2167
  "border": {
@@ -2110,6 +2216,31 @@
2110
2216
  "foreground",
2111
2217
  "default"
2112
2218
  ]
2219
+ },
2220
+ "reverse": {
2221
+ "value": "#1d1d29",
2222
+ "public": true,
2223
+ "isReferenceToInternal": true,
2224
+ "filePath": "tokens/color/alias/defaults.dark.json",
2225
+ "isSource": true,
2226
+ "original": {
2227
+ "value": "{color.dark-mode.neutral.600.value}",
2228
+ "public": true,
2229
+ "isReferenceToInternal": true
2230
+ },
2231
+ "name": "color-dark-mode-foreground-reverse",
2232
+ "attributes": {
2233
+ "category": "color",
2234
+ "type": "dark-mode",
2235
+ "item": "foreground",
2236
+ "subitem": "reverse"
2237
+ },
2238
+ "path": [
2239
+ "color",
2240
+ "dark-mode",
2241
+ "foreground",
2242
+ "reverse"
2243
+ ]
2113
2244
  }
2114
2245
  },
2115
2246
  "input": {
@@ -3698,13 +3829,11 @@
3698
3829
  "default": {
3699
3830
  "value": "#ffffff",
3700
3831
  "public": true,
3701
- "isReferenceToInternal": true,
3702
3832
  "filePath": "tokens/color/alias/text.dark.json",
3703
3833
  "isSource": true,
3704
3834
  "original": {
3705
- "value": "{color.dark-mode.neutral.000.value}",
3706
- "public": true,
3707
- "isReferenceToInternal": true
3835
+ "value": "{color.dark-mode.foreground.default.value}",
3836
+ "public": true
3708
3837
  },
3709
3838
  "name": "color-dark-mode-text-default",
3710
3839
  "attributes": {
@@ -3744,6 +3873,29 @@
3744
3873
  "text",
3745
3874
  "default-secondary"
3746
3875
  ]
3876
+ },
3877
+ "reverse": {
3878
+ "value": "#1d1d29",
3879
+ "public": true,
3880
+ "filePath": "tokens/color/alias/text.dark.json",
3881
+ "isSource": true,
3882
+ "original": {
3883
+ "value": "{color.dark-mode.foreground.reverse.value}",
3884
+ "public": true
3885
+ },
3886
+ "name": "color-dark-mode-text-reverse",
3887
+ "attributes": {
3888
+ "category": "color",
3889
+ "type": "dark-mode",
3890
+ "item": "text",
3891
+ "subitem": "reverse"
3892
+ },
3893
+ "path": [
3894
+ "color",
3895
+ "dark-mode",
3896
+ "text",
3897
+ "reverse"
3898
+ ]
3747
3899
  }
3748
3900
  },
3749
3901
  "tile": {
@@ -4675,6 +4827,157 @@
4675
4827
  "gradient",
4676
4828
  "midnight"
4677
4829
  ]
4830
+ },
4831
+ "banner": {
4832
+ "info": {
4833
+ "background": {
4834
+ "value": "linear-gradient(315deg, #1265DA 0%, #5F41E5 100%)",
4835
+ "type": "color",
4836
+ "excludeFromFigma": true,
4837
+ "filePath": "tokens/color/base/gradients.dark.json",
4838
+ "isSource": true,
4839
+ "original": {
4840
+ "value": {
4841
+ "type": "linear-gradient",
4842
+ "angle": "315deg",
4843
+ "colors": {
4844
+ "1": "#1265DA 0%",
4845
+ "2": "#5F41E5 100%"
4846
+ }
4847
+ },
4848
+ "type": "color",
4849
+ "excludeFromFigma": true
4850
+ },
4851
+ "name": "color-dark-mode-gradient-banner-info-background",
4852
+ "attributes": {
4853
+ "category": "color",
4854
+ "type": "dark-mode",
4855
+ "item": "gradient",
4856
+ "subitem": "banner",
4857
+ "state": "info"
4858
+ },
4859
+ "path": [
4860
+ "color",
4861
+ "dark-mode",
4862
+ "gradient",
4863
+ "banner",
4864
+ "info",
4865
+ "background"
4866
+ ]
4867
+ }
4868
+ },
4869
+ "warning": {
4870
+ "background": {
4871
+ "value": "linear-gradient(135deg, #DDBD16 0%, #DB7612 100%)",
4872
+ "type": "color",
4873
+ "excludeFromFigma": true,
4874
+ "filePath": "tokens/color/base/gradients.dark.json",
4875
+ "isSource": true,
4876
+ "original": {
4877
+ "value": {
4878
+ "type": "linear-gradient",
4879
+ "angle": "135deg",
4880
+ "colors": {
4881
+ "1": "#DDBD16 0%",
4882
+ "2": "#DB7612 100%"
4883
+ }
4884
+ },
4885
+ "type": "color",
4886
+ "excludeFromFigma": true
4887
+ },
4888
+ "name": "color-dark-mode-gradient-banner-warning-background",
4889
+ "attributes": {
4890
+ "category": "color",
4891
+ "type": "dark-mode",
4892
+ "item": "gradient",
4893
+ "subitem": "banner",
4894
+ "state": "warning"
4895
+ },
4896
+ "path": [
4897
+ "color",
4898
+ "dark-mode",
4899
+ "gradient",
4900
+ "banner",
4901
+ "warning",
4902
+ "background"
4903
+ ]
4904
+ }
4905
+ },
4906
+ "critical": {
4907
+ "background": {
4908
+ "value": "linear-gradient(135deg, #CA3521 0%, #B95898 100%)",
4909
+ "type": "color",
4910
+ "excludeFromFigma": true,
4911
+ "filePath": "tokens/color/base/gradients.dark.json",
4912
+ "isSource": true,
4913
+ "original": {
4914
+ "value": {
4915
+ "type": "linear-gradient",
4916
+ "angle": "135deg",
4917
+ "colors": {
4918
+ "1": "#CA3521 0%",
4919
+ "2": "#B95898 100%"
4920
+ }
4921
+ },
4922
+ "type": "color",
4923
+ "excludeFromFigma": true
4924
+ },
4925
+ "name": "color-dark-mode-gradient-banner-critical-background",
4926
+ "attributes": {
4927
+ "category": "color",
4928
+ "type": "dark-mode",
4929
+ "item": "gradient",
4930
+ "subitem": "banner",
4931
+ "state": "critical"
4932
+ },
4933
+ "path": [
4934
+ "color",
4935
+ "dark-mode",
4936
+ "gradient",
4937
+ "banner",
4938
+ "critical",
4939
+ "background"
4940
+ ]
4941
+ }
4942
+ },
4943
+ "loader": {
4944
+ "background": {
4945
+ "value": "linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%)",
4946
+ "type": "color",
4947
+ "excludeFromFigma": true,
4948
+ "filePath": "tokens/color/base/gradients.dark.json",
4949
+ "isSource": true,
4950
+ "original": {
4951
+ "value": {
4952
+ "type": "linear-gradient",
4953
+ "angle": "155deg",
4954
+ "colors": {
4955
+ "1": "#3017A1 0%",
4956
+ "2": "#E34935 50%",
4957
+ "3": "#FCDC49 100%"
4958
+ }
4959
+ },
4960
+ "type": "color",
4961
+ "excludeFromFigma": true
4962
+ },
4963
+ "name": "color-dark-mode-gradient-banner-loader-background",
4964
+ "attributes": {
4965
+ "category": "color",
4966
+ "type": "dark-mode",
4967
+ "item": "gradient",
4968
+ "subitem": "banner",
4969
+ "state": "loader"
4970
+ },
4971
+ "path": [
4972
+ "color",
4973
+ "dark-mode",
4974
+ "gradient",
4975
+ "banner",
4976
+ "loader",
4977
+ "background"
4978
+ ]
4979
+ }
4980
+ }
4678
4981
  }
4679
4982
  },
4680
4983
  "interactive": {
@@ -2106,6 +2106,56 @@
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
+ ]
2134
+ },
2135
+ "reverse": {
2136
+ "value": "#23232d",
2137
+ "public": true,
2138
+ "isReferenceToInternal": true,
2139
+ "filePath": "tokens/color/alias/defaults.light.json",
2140
+ "isSource": true,
2141
+ "original": {
2142
+ "value": "{color.light-mode.neutral.500.value}",
2143
+ "public": true,
2144
+ "isReferenceToInternal": true
2145
+ },
2146
+ "name": "color-light-mode-background-reverse",
2147
+ "attributes": {
2148
+ "category": "color",
2149
+ "type": "light-mode",
2150
+ "item": "background",
2151
+ "subitem": "reverse"
2152
+ },
2153
+ "path": [
2154
+ "color",
2155
+ "light-mode",
2156
+ "background",
2157
+ "reverse"
2158
+ ]
2109
2159
  }
2110
2160
  },
2111
2161
  "border": {
@@ -2160,6 +2210,31 @@
2160
2210
  "foreground",
2161
2211
  "default"
2162
2212
  ]
2213
+ },
2214
+ "reverse": {
2215
+ "value": "#ffffff",
2216
+ "public": true,
2217
+ "isReferenceToInternal": true,
2218
+ "filePath": "tokens/color/alias/defaults.light.json",
2219
+ "isSource": true,
2220
+ "original": {
2221
+ "value": "{color.light-mode.neutral.000.value}",
2222
+ "public": true,
2223
+ "isReferenceToInternal": true
2224
+ },
2225
+ "name": "color-light-mode-foreground-reverse",
2226
+ "attributes": {
2227
+ "category": "color",
2228
+ "type": "light-mode",
2229
+ "item": "foreground",
2230
+ "subitem": "reverse"
2231
+ },
2232
+ "path": [
2233
+ "color",
2234
+ "light-mode",
2235
+ "foreground",
2236
+ "reverse"
2237
+ ]
2163
2238
  }
2164
2239
  },
2165
2240
  "input": {
@@ -3833,13 +3908,11 @@
3833
3908
  "default": {
3834
3909
  "value": "#23232d",
3835
3910
  "public": true,
3836
- "isReferenceToInternal": true,
3837
3911
  "filePath": "tokens/color/alias/text.light.json",
3838
3912
  "isSource": true,
3839
3913
  "original": {
3840
- "value": "{color.light-mode.neutral.500.value}",
3841
- "public": true,
3842
- "isReferenceToInternal": true
3914
+ "value": "{color.light-mode.foreground.default.value}",
3915
+ "public": true
3843
3916
  },
3844
3917
  "name": "color-light-mode-text-default",
3845
3918
  "attributes": {
@@ -3879,6 +3952,29 @@
3879
3952
  "text",
3880
3953
  "default-secondary"
3881
3954
  ]
3955
+ },
3956
+ "reverse": {
3957
+ "value": "#ffffff",
3958
+ "public": true,
3959
+ "filePath": "tokens/color/alias/text.light.json",
3960
+ "isSource": true,
3961
+ "original": {
3962
+ "value": "{color.light-mode.foreground.reverse.value}",
3963
+ "public": true
3964
+ },
3965
+ "name": "color-light-mode-text-reverse",
3966
+ "attributes": {
3967
+ "category": "color",
3968
+ "type": "light-mode",
3969
+ "item": "text",
3970
+ "subitem": "reverse"
3971
+ },
3972
+ "path": [
3973
+ "color",
3974
+ "light-mode",
3975
+ "text",
3976
+ "reverse"
3977
+ ]
3882
3978
  }
3883
3979
  },
3884
3980
  "tile": {
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.64",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [