@pantheon-systems/pds-design-tokens 1.0.0-dev.67 → 1.0.0-dev.69

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.
@@ -25,8 +25,6 @@
25
25
  --pds-color-banner-critical-foreground: #ffffff;
26
26
  --pds-color-banner-info-background: linear-gradient(315deg, #1265DA 0%, #5F41E5 100%);
27
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
28
  --pds-color-banner-warning-background: linear-gradient(135deg, #DDBD16 0%, #DB7612 100%);
31
29
  --pds-color-banner-warning-foreground: #121219;
32
30
  --pds-color-border-default: #504e62;
@@ -115,6 +113,7 @@
115
113
  --pds-color-input-toggle-switch-off: #504e62;
116
114
  --pds-color-input-toggle-switch-on: var(--pds-color-interactive-focus);
117
115
  --pds-color-interactive-focus: #36a3ff;
116
+ --pds-color-interactive-reverse-focus: #36a3ff;
118
117
  --pds-color-link-active: #6f54e8;
119
118
  --pds-color-link-cta-active: #d0c6ff;
120
119
  --pds-color-link-cta-default: #8a70ff;
@@ -25,8 +25,6 @@
25
25
  --pds-color-banner-critical-foreground: #ffffff;
26
26
  --pds-color-banner-info-background: linear-gradient(315deg, #1265DA 0%, #5F41E5 100%);
27
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
28
  --pds-color-banner-warning-background: linear-gradient(135deg, #DDBD16 0%, #DB7612 100%);
31
29
  --pds-color-banner-warning-foreground: #23232d;
32
30
  --pds-color-border-default: #cfcfd3;
@@ -115,6 +113,7 @@
115
113
  --pds-color-input-toggle-switch-off: #6d6d78;
116
114
  --pds-color-input-toggle-switch-on: var(--pds-color-interactive-focus);
117
115
  --pds-color-interactive-focus: #0f62fe;
116
+ --pds-color-interactive-reverse-focus: #36a3ff;
118
117
  --pds-color-link-active: #6f54e8;
119
118
  --pds-color-link-cta-active: #11005d;
120
119
  --pds-color-link-cta-default: #3017a1;
@@ -2199,62 +2199,6 @@
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
- }
2258
2202
  }
2259
2203
  },
2260
2204
  "breadcrumb": {
@@ -6720,6 +6664,73 @@
6720
6664
  ]
6721
6665
  }
6722
6666
  },
6667
+ "interactive-reverse": {
6668
+ "link": {
6669
+ "value": "#36a3ff",
6670
+ "filePath": "tokens/color/base/interactive.dark.json",
6671
+ "isSource": true,
6672
+ "original": {
6673
+ "value": "#36A3FF"
6674
+ },
6675
+ "name": "color-dark-mode-interactive-reverse-link",
6676
+ "attributes": {
6677
+ "category": "color",
6678
+ "type": "dark-mode",
6679
+ "item": "interactive-reverse",
6680
+ "subitem": "link"
6681
+ },
6682
+ "path": [
6683
+ "color",
6684
+ "dark-mode",
6685
+ "interactive-reverse",
6686
+ "link"
6687
+ ]
6688
+ },
6689
+ "visited": {
6690
+ "value": "#6f54e8",
6691
+ "filePath": "tokens/color/base/interactive.dark.json",
6692
+ "isSource": true,
6693
+ "original": {
6694
+ "value": "#6F54E8"
6695
+ },
6696
+ "name": "color-dark-mode-interactive-reverse-visited",
6697
+ "attributes": {
6698
+ "category": "color",
6699
+ "type": "dark-mode",
6700
+ "item": "interactive-reverse",
6701
+ "subitem": "visited"
6702
+ },
6703
+ "path": [
6704
+ "color",
6705
+ "dark-mode",
6706
+ "interactive-reverse",
6707
+ "visited"
6708
+ ]
6709
+ },
6710
+ "focus": {
6711
+ "value": "#36a3ff",
6712
+ "public": true,
6713
+ "filePath": "tokens/color/base/interactive.dark.json",
6714
+ "isSource": true,
6715
+ "original": {
6716
+ "value": "#36A3FF",
6717
+ "public": true
6718
+ },
6719
+ "name": "color-dark-mode-interactive-reverse-focus",
6720
+ "attributes": {
6721
+ "category": "color",
6722
+ "type": "dark-mode",
6723
+ "item": "interactive-reverse",
6724
+ "subitem": "focus"
6725
+ },
6726
+ "path": [
6727
+ "color",
6728
+ "dark-mode",
6729
+ "interactive-reverse",
6730
+ "focus"
6731
+ ]
6732
+ }
6733
+ },
6723
6734
  "neutral": {
6724
6735
  "100": {
6725
6736
  "value": "#c7c5d0",
@@ -7610,62 +7621,6 @@
7610
7621
  "foreground"
7611
7622
  ]
7612
7623
  }
7613
- },
7614
- "loader": {
7615
- "background": {
7616
- "value": "linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%)",
7617
- "public": true,
7618
- "isReferenceToInternal": true,
7619
- "filePath": "tokens/color/alias/banner.light.json",
7620
- "isSource": true,
7621
- "original": {
7622
- "value": "{color.light-mode.gradient.banner.loader.background.value}",
7623
- "public": true,
7624
- "isReferenceToInternal": true
7625
- },
7626
- "name": "color-light-mode-banner-loader-background",
7627
- "attributes": {
7628
- "category": "color",
7629
- "type": "light-mode",
7630
- "item": "banner",
7631
- "subitem": "loader",
7632
- "state": "background"
7633
- },
7634
- "path": [
7635
- "color",
7636
- "light-mode",
7637
- "banner",
7638
- "loader",
7639
- "background"
7640
- ]
7641
- },
7642
- "foreground": {
7643
- "value": "#ffffff",
7644
- "public": true,
7645
- "isReferenceToInternal": true,
7646
- "filePath": "tokens/color/alias/banner.light.json",
7647
- "isSource": true,
7648
- "original": {
7649
- "value": "{color.light-mode.neutral.000.value}",
7650
- "public": true,
7651
- "isReferenceToInternal": true
7652
- },
7653
- "name": "color-light-mode-banner-loader-foreground",
7654
- "attributes": {
7655
- "category": "color",
7656
- "type": "light-mode",
7657
- "item": "banner",
7658
- "subitem": "loader",
7659
- "state": "foreground"
7660
- },
7661
- "path": [
7662
- "color",
7663
- "light-mode",
7664
- "banner",
7665
- "loader",
7666
- "foreground"
7667
- ]
7668
- }
7669
7624
  }
7670
7625
  },
7671
7626
  "breadcrumb": {
@@ -12214,6 +12169,73 @@
12214
12169
  ]
12215
12170
  }
12216
12171
  },
12172
+ "interactive-reverse": {
12173
+ "link": {
12174
+ "value": "#36a3ff",
12175
+ "filePath": "tokens/color/base/interactive.light.json",
12176
+ "isSource": true,
12177
+ "original": {
12178
+ "value": "#36A3FF"
12179
+ },
12180
+ "name": "color-light-mode-interactive-reverse-link",
12181
+ "attributes": {
12182
+ "category": "color",
12183
+ "type": "light-mode",
12184
+ "item": "interactive-reverse",
12185
+ "subitem": "link"
12186
+ },
12187
+ "path": [
12188
+ "color",
12189
+ "light-mode",
12190
+ "interactive-reverse",
12191
+ "link"
12192
+ ]
12193
+ },
12194
+ "visited": {
12195
+ "value": "#6f54e8",
12196
+ "filePath": "tokens/color/base/interactive.light.json",
12197
+ "isSource": true,
12198
+ "original": {
12199
+ "value": "#6F54E8"
12200
+ },
12201
+ "name": "color-light-mode-interactive-reverse-visited",
12202
+ "attributes": {
12203
+ "category": "color",
12204
+ "type": "light-mode",
12205
+ "item": "interactive-reverse",
12206
+ "subitem": "visited"
12207
+ },
12208
+ "path": [
12209
+ "color",
12210
+ "light-mode",
12211
+ "interactive-reverse",
12212
+ "visited"
12213
+ ]
12214
+ },
12215
+ "focus": {
12216
+ "value": "#36a3ff",
12217
+ "public": true,
12218
+ "filePath": "tokens/color/base/interactive.light.json",
12219
+ "isSource": true,
12220
+ "original": {
12221
+ "value": "#36A3FF",
12222
+ "public": true
12223
+ },
12224
+ "name": "color-light-mode-interactive-reverse-focus",
12225
+ "attributes": {
12226
+ "category": "color",
12227
+ "type": "light-mode",
12228
+ "item": "interactive-reverse",
12229
+ "subitem": "focus"
12230
+ },
12231
+ "path": [
12232
+ "color",
12233
+ "light-mode",
12234
+ "interactive-reverse",
12235
+ "focus"
12236
+ ]
12237
+ }
12238
+ },
12217
12239
  "neutral": {
12218
12240
  "100": {
12219
12241
  "value": "#f8f8f8",
@@ -375,62 +375,6 @@
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
- }
434
378
  }
435
379
  },
436
380
  "breadcrumb": {
@@ -5047,6 +4991,73 @@
5047
4991
  ]
5048
4992
  }
5049
4993
  },
4994
+ "interactive-reverse": {
4995
+ "link": {
4996
+ "value": "#36a3ff",
4997
+ "filePath": "tokens/color/base/interactive.dark.json",
4998
+ "isSource": true,
4999
+ "original": {
5000
+ "value": "#36A3FF"
5001
+ },
5002
+ "name": "color-dark-mode-interactive-reverse-link",
5003
+ "attributes": {
5004
+ "category": "color",
5005
+ "type": "dark-mode",
5006
+ "item": "interactive-reverse",
5007
+ "subitem": "link"
5008
+ },
5009
+ "path": [
5010
+ "color",
5011
+ "dark-mode",
5012
+ "interactive-reverse",
5013
+ "link"
5014
+ ]
5015
+ },
5016
+ "visited": {
5017
+ "value": "#6f54e8",
5018
+ "filePath": "tokens/color/base/interactive.dark.json",
5019
+ "isSource": true,
5020
+ "original": {
5021
+ "value": "#6F54E8"
5022
+ },
5023
+ "name": "color-dark-mode-interactive-reverse-visited",
5024
+ "attributes": {
5025
+ "category": "color",
5026
+ "type": "dark-mode",
5027
+ "item": "interactive-reverse",
5028
+ "subitem": "visited"
5029
+ },
5030
+ "path": [
5031
+ "color",
5032
+ "dark-mode",
5033
+ "interactive-reverse",
5034
+ "visited"
5035
+ ]
5036
+ },
5037
+ "focus": {
5038
+ "value": "#36a3ff",
5039
+ "public": true,
5040
+ "filePath": "tokens/color/base/interactive.dark.json",
5041
+ "isSource": true,
5042
+ "original": {
5043
+ "value": "#36A3FF",
5044
+ "public": true
5045
+ },
5046
+ "name": "color-dark-mode-interactive-reverse-focus",
5047
+ "attributes": {
5048
+ "category": "color",
5049
+ "type": "dark-mode",
5050
+ "item": "interactive-reverse",
5051
+ "subitem": "focus"
5052
+ },
5053
+ "path": [
5054
+ "color",
5055
+ "dark-mode",
5056
+ "interactive-reverse",
5057
+ "focus"
5058
+ ]
5059
+ }
5060
+ },
5050
5061
  "neutral": {
5051
5062
  "100": {
5052
5063
  "value": "#c7c5d0",
@@ -371,62 +371,6 @@
371
371
  "foreground"
372
372
  ]
373
373
  }
374
- },
375
- "loader": {
376
- "background": {
377
- "value": "linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%)",
378
- "public": true,
379
- "isReferenceToInternal": true,
380
- "filePath": "tokens/color/alias/banner.light.json",
381
- "isSource": true,
382
- "original": {
383
- "value": "{color.light-mode.gradient.banner.loader.background.value}",
384
- "public": true,
385
- "isReferenceToInternal": true
386
- },
387
- "name": "color-light-mode-banner-loader-background",
388
- "attributes": {
389
- "category": "color",
390
- "type": "light-mode",
391
- "item": "banner",
392
- "subitem": "loader",
393
- "state": "background"
394
- },
395
- "path": [
396
- "color",
397
- "light-mode",
398
- "banner",
399
- "loader",
400
- "background"
401
- ]
402
- },
403
- "foreground": {
404
- "value": "#ffffff",
405
- "public": true,
406
- "isReferenceToInternal": true,
407
- "filePath": "tokens/color/alias/banner.light.json",
408
- "isSource": true,
409
- "original": {
410
- "value": "{color.light-mode.neutral.000.value}",
411
- "public": true,
412
- "isReferenceToInternal": true
413
- },
414
- "name": "color-light-mode-banner-loader-foreground",
415
- "attributes": {
416
- "category": "color",
417
- "type": "light-mode",
418
- "item": "banner",
419
- "subitem": "loader",
420
- "state": "foreground"
421
- },
422
- "path": [
423
- "color",
424
- "light-mode",
425
- "banner",
426
- "loader",
427
- "foreground"
428
- ]
429
- }
430
374
  }
431
375
  },
432
376
  "breadcrumb": {
@@ -5018,44 +4962,6 @@
5018
4962
  "background"
5019
4963
  ]
5020
4964
  }
5021
- },
5022
- "loader": {
5023
- "background": {
5024
- "value": "linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%)",
5025
- "type": "color",
5026
- "excludeFromFigma": true,
5027
- "filePath": "tokens/color/base/gradients.light.json",
5028
- "isSource": true,
5029
- "original": {
5030
- "value": {
5031
- "type": "linear-gradient",
5032
- "angle": "155deg",
5033
- "colors": {
5034
- "1": "#3017A1 0%",
5035
- "2": "#E34935 50%",
5036
- "3": "#FCDC49 100%"
5037
- }
5038
- },
5039
- "type": "color",
5040
- "excludeFromFigma": true
5041
- },
5042
- "name": "color-light-mode-gradient-banner-loader-background",
5043
- "attributes": {
5044
- "category": "color",
5045
- "type": "light-mode",
5046
- "item": "gradient",
5047
- "subitem": "banner",
5048
- "state": "loader"
5049
- },
5050
- "path": [
5051
- "color",
5052
- "light-mode",
5053
- "gradient",
5054
- "banner",
5055
- "loader",
5056
- "background"
5057
- ]
5058
- }
5059
4965
  }
5060
4966
  }
5061
4967
  },
@@ -5126,6 +5032,73 @@
5126
5032
  ]
5127
5033
  }
5128
5034
  },
5035
+ "interactive-reverse": {
5036
+ "link": {
5037
+ "value": "#36a3ff",
5038
+ "filePath": "tokens/color/base/interactive.light.json",
5039
+ "isSource": true,
5040
+ "original": {
5041
+ "value": "#36A3FF"
5042
+ },
5043
+ "name": "color-light-mode-interactive-reverse-link",
5044
+ "attributes": {
5045
+ "category": "color",
5046
+ "type": "light-mode",
5047
+ "item": "interactive-reverse",
5048
+ "subitem": "link"
5049
+ },
5050
+ "path": [
5051
+ "color",
5052
+ "light-mode",
5053
+ "interactive-reverse",
5054
+ "link"
5055
+ ]
5056
+ },
5057
+ "visited": {
5058
+ "value": "#6f54e8",
5059
+ "filePath": "tokens/color/base/interactive.light.json",
5060
+ "isSource": true,
5061
+ "original": {
5062
+ "value": "#6F54E8"
5063
+ },
5064
+ "name": "color-light-mode-interactive-reverse-visited",
5065
+ "attributes": {
5066
+ "category": "color",
5067
+ "type": "light-mode",
5068
+ "item": "interactive-reverse",
5069
+ "subitem": "visited"
5070
+ },
5071
+ "path": [
5072
+ "color",
5073
+ "light-mode",
5074
+ "interactive-reverse",
5075
+ "visited"
5076
+ ]
5077
+ },
5078
+ "focus": {
5079
+ "value": "#36a3ff",
5080
+ "public": true,
5081
+ "filePath": "tokens/color/base/interactive.light.json",
5082
+ "isSource": true,
5083
+ "original": {
5084
+ "value": "#36A3FF",
5085
+ "public": true
5086
+ },
5087
+ "name": "color-light-mode-interactive-reverse-focus",
5088
+ "attributes": {
5089
+ "category": "color",
5090
+ "type": "light-mode",
5091
+ "item": "interactive-reverse",
5092
+ "subitem": "focus"
5093
+ },
5094
+ "path": [
5095
+ "color",
5096
+ "light-mode",
5097
+ "interactive-reverse",
5098
+ "focus"
5099
+ ]
5100
+ }
5101
+ },
5129
5102
  "neutral": {
5130
5103
  "100": {
5131
5104
  "value": "#f8f8f8",
@@ -393,23 +393,69 @@
393
393
  },
394
394
  "columns-12": {
395
395
  "gap": {
396
- "value": "3.5%",
397
- "filePath": "tokens/grid/base.json",
398
- "isSource": true,
399
- "original": {
400
- "value": "3.5%"
396
+ "narrow": {
397
+ "value": "2.5%",
398
+ "filePath": "tokens/grid/base.json",
399
+ "isSource": true,
400
+ "original": {
401
+ "value": "2.5%"
402
+ },
403
+ "name": "grid-columns-12-gap-narrow",
404
+ "attributes": {
405
+ "category": "grid",
406
+ "type": "columns-12",
407
+ "item": "gap",
408
+ "subitem": "narrow"
409
+ },
410
+ "path": [
411
+ "grid",
412
+ "columns-12",
413
+ "gap",
414
+ "narrow"
415
+ ]
401
416
  },
402
- "name": "grid-columns-12-gap",
403
- "attributes": {
404
- "category": "grid",
405
- "type": "columns-12",
406
- "item": "gap"
417
+ "standard": {
418
+ "value": "4%",
419
+ "filePath": "tokens/grid/base.json",
420
+ "isSource": true,
421
+ "original": {
422
+ "value": "4%"
423
+ },
424
+ "name": "grid-columns-12-gap-standard",
425
+ "attributes": {
426
+ "category": "grid",
427
+ "type": "columns-12",
428
+ "item": "gap",
429
+ "subitem": "standard"
430
+ },
431
+ "path": [
432
+ "grid",
433
+ "columns-12",
434
+ "gap",
435
+ "standard"
436
+ ]
407
437
  },
408
- "path": [
409
- "grid",
410
- "columns-12",
411
- "gap"
412
- ]
438
+ "wide": {
439
+ "value": "5.5%",
440
+ "filePath": "tokens/grid/base.json",
441
+ "isSource": true,
442
+ "original": {
443
+ "value": "5.5%"
444
+ },
445
+ "name": "grid-columns-12-gap-wide",
446
+ "attributes": {
447
+ "category": "grid",
448
+ "type": "columns-12",
449
+ "item": "gap",
450
+ "subitem": "wide"
451
+ },
452
+ "path": [
453
+ "grid",
454
+ "columns-12",
455
+ "gap",
456
+ "wide"
457
+ ]
458
+ }
413
459
  }
414
460
  },
415
461
  "marketing": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.67",
3
+ "version": "1.0.0-dev.69",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [