@pantheon-systems/pds-design-tokens 1.0.0-dev.31 → 1.0.0-dev.32

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 (8) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +2 -0
  2. package/build/css/pds-design-tokens-light-mode.css +2 -0
  3. package/build/figma/pds-design-tokens-figma.json +120 -0
  4. package/build/json/pds-design-tokens-dark-mode.json +60 -0
  5. package/build/json/pds-design-tokens-light-mode.json +60 -0
  6. package/build/scss/_pds-design-tokens-dark-mode.scss +2 -0
  7. package/build/scss/_pds-design-tokens-light-mode.scss +2 -0
  8. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -113,6 +113,8 @@
113
113
  --pds-color-text-default-secondary: #a6a3b4;
114
114
  --pds-color-tile-background-active: #858299;
115
115
  --pds-color-tile-background-hover: #504e62;
116
+ --pds-color-toggle-button-background-off: #504e62;
117
+ --pds-color-toggle-button-foreground-off: #c7c5d0;
116
118
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
117
119
  --pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
118
120
  }
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -113,6 +113,8 @@
113
113
  --pds-color-text-default-secondary: #71717c;
114
114
  --pds-color-tile-background-active: #cfcfd3;
115
115
  --pds-color-tile-background-hover: #f8f8f8;
116
+ --pds-color-toggle-button-background-off: #cfcfd3;
117
+ --pds-color-toggle-button-foreground-off: #71717c;
116
118
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
117
119
  --pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
118
120
  }
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -3323,6 +3323,66 @@
3323
3323
  }
3324
3324
  }
3325
3325
  },
3326
+ "toggle-button": {
3327
+ "background": {
3328
+ "off": {
3329
+ "value": "#504e62",
3330
+ "public": true,
3331
+ "isReferenceToInternal": true,
3332
+ "filePath": "tokens/color/alias/button.dark.json",
3333
+ "isSource": true,
3334
+ "original": {
3335
+ "value": "{color.dark-mode.neutral.400.value}",
3336
+ "public": true,
3337
+ "isReferenceToInternal": true
3338
+ },
3339
+ "name": "color-dark-mode-toggle-button-background-off",
3340
+ "attributes": {
3341
+ "category": "color",
3342
+ "type": "dark-mode",
3343
+ "item": "toggle-button",
3344
+ "subitem": "background",
3345
+ "state": "off"
3346
+ },
3347
+ "path": [
3348
+ "color",
3349
+ "dark-mode",
3350
+ "toggle-button",
3351
+ "background",
3352
+ "off"
3353
+ ]
3354
+ }
3355
+ },
3356
+ "foreground": {
3357
+ "off": {
3358
+ "value": "#c7c5d0",
3359
+ "public": true,
3360
+ "isReferenceToInternal": true,
3361
+ "filePath": "tokens/color/alias/button.dark.json",
3362
+ "isSource": true,
3363
+ "original": {
3364
+ "value": "{color.dark-mode.neutral.100.value}",
3365
+ "public": true,
3366
+ "isReferenceToInternal": true
3367
+ },
3368
+ "name": "color-dark-mode-toggle-button-foreground-off",
3369
+ "attributes": {
3370
+ "category": "color",
3371
+ "type": "dark-mode",
3372
+ "item": "toggle-button",
3373
+ "subitem": "foreground",
3374
+ "state": "off"
3375
+ },
3376
+ "path": [
3377
+ "color",
3378
+ "dark-mode",
3379
+ "toggle-button",
3380
+ "foreground",
3381
+ "off"
3382
+ ]
3383
+ }
3384
+ }
3385
+ },
3326
3386
  "background": {
3327
3387
  "default": {
3328
3388
  "value": "#1d1d29",
@@ -7585,6 +7645,66 @@
7585
7645
  }
7586
7646
  }
7587
7647
  },
7648
+ "toggle-button": {
7649
+ "background": {
7650
+ "off": {
7651
+ "value": "#cfcfd3",
7652
+ "public": true,
7653
+ "isReferenceToInternal": true,
7654
+ "filePath": "tokens/color/alias/button.light.json",
7655
+ "isSource": true,
7656
+ "original": {
7657
+ "value": "{color.light-mode.neutral.200.value}",
7658
+ "public": true,
7659
+ "isReferenceToInternal": true
7660
+ },
7661
+ "name": "color-light-mode-toggle-button-background-off",
7662
+ "attributes": {
7663
+ "category": "color",
7664
+ "type": "light-mode",
7665
+ "item": "toggle-button",
7666
+ "subitem": "background",
7667
+ "state": "off"
7668
+ },
7669
+ "path": [
7670
+ "color",
7671
+ "light-mode",
7672
+ "toggle-button",
7673
+ "background",
7674
+ "off"
7675
+ ]
7676
+ }
7677
+ },
7678
+ "foreground": {
7679
+ "off": {
7680
+ "value": "#71717c",
7681
+ "public": true,
7682
+ "isReferenceToInternal": true,
7683
+ "filePath": "tokens/color/alias/button.light.json",
7684
+ "isSource": true,
7685
+ "original": {
7686
+ "value": "{color.light-mode.neutral.400.value}",
7687
+ "public": true,
7688
+ "isReferenceToInternal": true
7689
+ },
7690
+ "name": "color-light-mode-toggle-button-foreground-off",
7691
+ "attributes": {
7692
+ "category": "color",
7693
+ "type": "light-mode",
7694
+ "item": "toggle-button",
7695
+ "subitem": "foreground",
7696
+ "state": "off"
7697
+ },
7698
+ "path": [
7699
+ "color",
7700
+ "light-mode",
7701
+ "toggle-button",
7702
+ "foreground",
7703
+ "off"
7704
+ ]
7705
+ }
7706
+ }
7707
+ },
7588
7708
  "background": {
7589
7709
  "default": {
7590
7710
  "value": "#ffffff",
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -1499,6 +1499,66 @@
1499
1499
  }
1500
1500
  }
1501
1501
  },
1502
+ "toggle-button": {
1503
+ "background": {
1504
+ "off": {
1505
+ "value": "#504e62",
1506
+ "public": true,
1507
+ "isReferenceToInternal": true,
1508
+ "filePath": "tokens/color/alias/button.dark.json",
1509
+ "isSource": true,
1510
+ "original": {
1511
+ "value": "{color.dark-mode.neutral.400.value}",
1512
+ "public": true,
1513
+ "isReferenceToInternal": true
1514
+ },
1515
+ "name": "color-dark-mode-toggle-button-background-off",
1516
+ "attributes": {
1517
+ "category": "color",
1518
+ "type": "dark-mode",
1519
+ "item": "toggle-button",
1520
+ "subitem": "background",
1521
+ "state": "off"
1522
+ },
1523
+ "path": [
1524
+ "color",
1525
+ "dark-mode",
1526
+ "toggle-button",
1527
+ "background",
1528
+ "off"
1529
+ ]
1530
+ }
1531
+ },
1532
+ "foreground": {
1533
+ "off": {
1534
+ "value": "#c7c5d0",
1535
+ "public": true,
1536
+ "isReferenceToInternal": true,
1537
+ "filePath": "tokens/color/alias/button.dark.json",
1538
+ "isSource": true,
1539
+ "original": {
1540
+ "value": "{color.dark-mode.neutral.100.value}",
1541
+ "public": true,
1542
+ "isReferenceToInternal": true
1543
+ },
1544
+ "name": "color-dark-mode-toggle-button-foreground-off",
1545
+ "attributes": {
1546
+ "category": "color",
1547
+ "type": "dark-mode",
1548
+ "item": "toggle-button",
1549
+ "subitem": "foreground",
1550
+ "state": "off"
1551
+ },
1552
+ "path": [
1553
+ "color",
1554
+ "dark-mode",
1555
+ "toggle-button",
1556
+ "foreground",
1557
+ "off"
1558
+ ]
1559
+ }
1560
+ }
1561
+ },
1502
1562
  "background": {
1503
1563
  "default": {
1504
1564
  "value": "#1d1d29",
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -1499,6 +1499,66 @@
1499
1499
  }
1500
1500
  }
1501
1501
  },
1502
+ "toggle-button": {
1503
+ "background": {
1504
+ "off": {
1505
+ "value": "#cfcfd3",
1506
+ "public": true,
1507
+ "isReferenceToInternal": true,
1508
+ "filePath": "tokens/color/alias/button.light.json",
1509
+ "isSource": true,
1510
+ "original": {
1511
+ "value": "{color.light-mode.neutral.200.value}",
1512
+ "public": true,
1513
+ "isReferenceToInternal": true
1514
+ },
1515
+ "name": "color-light-mode-toggle-button-background-off",
1516
+ "attributes": {
1517
+ "category": "color",
1518
+ "type": "light-mode",
1519
+ "item": "toggle-button",
1520
+ "subitem": "background",
1521
+ "state": "off"
1522
+ },
1523
+ "path": [
1524
+ "color",
1525
+ "light-mode",
1526
+ "toggle-button",
1527
+ "background",
1528
+ "off"
1529
+ ]
1530
+ }
1531
+ },
1532
+ "foreground": {
1533
+ "off": {
1534
+ "value": "#71717c",
1535
+ "public": true,
1536
+ "isReferenceToInternal": true,
1537
+ "filePath": "tokens/color/alias/button.light.json",
1538
+ "isSource": true,
1539
+ "original": {
1540
+ "value": "{color.light-mode.neutral.400.value}",
1541
+ "public": true,
1542
+ "isReferenceToInternal": true
1543
+ },
1544
+ "name": "color-light-mode-toggle-button-foreground-off",
1545
+ "attributes": {
1546
+ "category": "color",
1547
+ "type": "light-mode",
1548
+ "item": "toggle-button",
1549
+ "subitem": "foreground",
1550
+ "state": "off"
1551
+ },
1552
+ "path": [
1553
+ "color",
1554
+ "light-mode",
1555
+ "toggle-button",
1556
+ "foreground",
1557
+ "off"
1558
+ ]
1559
+ }
1560
+ }
1561
+ },
1502
1562
  "background": {
1503
1563
  "default": {
1504
1564
  "value": "#ffffff",
package/build/scss/_pds-design-tokens-dark-mode.scss CHANGED
@@ -111,5 +111,7 @@ $pds-color-text-default: #ffffff;
111
111
  $pds-color-text-default-secondary: #a6a3b4;
112
112
  $pds-color-tile-background-active: #858299;
113
113
  $pds-color-tile-background-hover: #504e62;
114
+ $pds-color-toggle-button-background-off: #504e62;
115
+ $pds-color-toggle-button-foreground-off: #c7c5d0;
114
116
  $pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
115
117
  $pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
package/build/scss/_pds-design-tokens-light-mode.scss CHANGED
@@ -111,5 +111,7 @@ $pds-color-text-default: #23232d;
111
111
  $pds-color-text-default-secondary: #71717c;
112
112
  $pds-color-tile-background-active: #cfcfd3;
113
113
  $pds-color-tile-background-hover: #f8f8f8;
114
+ $pds-color-toggle-button-background-off: #cfcfd3;
115
+ $pds-color-toggle-button-foreground-off: #71717c;
114
116
  $pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
115
117
  $pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.31",
3
+ "version": "1.0.0-dev.32",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [