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

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.
Files changed (7) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +0 -2
  2. package/build/css/pds-design-tokens-light-mode.css +0 -2
  3. package/build/figma/pds-design-tokens-figma.json +0 -112
  4. package/build/json/pds-design-tokens-dark-mode.json +0 -56
  5. package/build/json/pds-design-tokens-light-mode.json +0 -56
  6. package/build/json/pds-design-tokens.json +61 -15
  7. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -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;
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -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;
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -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": {
@@ -7610,62 +7554,6 @@
7610
7554
  "foreground"
7611
7555
  ]
7612
7556
  }
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
7557
  }
7670
7558
  },
7671
7559
  "breadcrumb": {
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -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": {
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -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": {
package/build/json/pds-design-tokens.json CHANGED
@@ -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.68",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [