@pantheon-systems/pds-design-tokens 1.0.0-dev.3 → 1.0.0-dev.5

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 +3 -3
  2. package/build/css/pds-design-tokens-light-mode.css +1 -1
  3. package/build/figma/pds-design-tokens-figma.json +33 -35
  4. package/build/json/pds-design-tokens-dark-mode.json +6 -6
  5. package/build/json/pds-design-tokens-light-mode.json +27 -29
  6. package/build/scss/_pds-design-tokens-dark-mode.scss +3 -3
  7. package/build/scss/_pds-design-tokens-light-mode.scss +1 -1
  8. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -87,10 +87,10 @@
87
87
  --pds-color-panel-sunken-border: #121219;
88
88
  --pds-color-text-default: #ffffff;
89
89
  --pds-color-text-headings: var(--pds-color-text-default);
90
- --pds-color-text-lead: #858299;
91
- --pds-color-text-overline: #858299;
90
+ --pds-color-text-lead: #a6a3b4;
91
+ --pds-color-text-overline: #a6a3b4;
92
92
  --pds-color-text-paragraph: var(--pds-color-text-default);
93
- --pds-color-text-quote: #858299;
93
+ --pds-color-text-quote: #a6a3b4;
94
94
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
95
95
  --pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
96
96
  }
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -72,11 +72,11 @@
72
72
  --pds-color-link-default: #0f62fe;
73
73
  --pds-color-link-hover: #003cac;
74
74
  --pds-color-link-visited: #967fff;
75
+ --pds-color-menu-background: #ffffff;
75
76
  --pds-color-menu-item-background-active: #cfcfd3;
76
77
  --pds-color-menu-item-background-default: #ffffff;
77
78
  --pds-color-menu-item-background-hover: #f1f1f1;
78
79
  --pds-color-menu-item-foreground: #23232d;
79
- --pds-color-menu-item-menu-background: #ffffff;
80
80
  --pds-color-panel-default-background: var(--pds-color-background-default);
81
81
  --pds-color-panel-default-border: var(--pds-color-border-default);
82
82
  --pds-color-panel-overlay-background: var(--pds-color-background-default);
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -3552,13 +3552,13 @@
3552
3552
  ]
3553
3553
  },
3554
3554
  "lead": {
3555
- "value": "#858299",
3555
+ "value": "#a6a3b4",
3556
3556
  "public": true,
3557
3557
  "isReferenceToInternal": true,
3558
3558
  "filePath": "tokens/color/alias/typography.dark.json",
3559
3559
  "isSource": true,
3560
3560
  "original": {
3561
- "value": "{color.dark-mode.neutral.300.value}",
3561
+ "value": "{color.dark-mode.neutral.200.value}",
3562
3562
  "public": true,
3563
3563
  "isReferenceToInternal": true
3564
3564
  },
@@ -3577,13 +3577,13 @@
3577
3577
  ]
3578
3578
  },
3579
3579
  "overline": {
3580
- "value": "#858299",
3580
+ "value": "#a6a3b4",
3581
3581
  "public": true,
3582
3582
  "isReferenceToInternal": true,
3583
3583
  "filePath": "tokens/color/alias/typography.dark.json",
3584
3584
  "isSource": true,
3585
3585
  "original": {
3586
- "value": "{color.dark-mode.neutral.300.value}",
3586
+ "value": "{color.dark-mode.neutral.200.value}",
3587
3587
  "public": true,
3588
3588
  "isReferenceToInternal": true
3589
3589
  },
@@ -3602,13 +3602,13 @@
3602
3602
  ]
3603
3603
  },
3604
3604
  "quote": {
3605
- "value": "#858299",
3605
+ "value": "#a6a3b4",
3606
3606
  "public": true,
3607
3607
  "isReferenceToInternal": true,
3608
3608
  "filePath": "tokens/color/alias/typography.dark.json",
3609
3609
  "isSource": true,
3610
3610
  "original": {
3611
- "value": "{color.dark-mode.neutral.300.value}",
3611
+ "value": "{color.dark-mode.neutral.200.value}",
3612
3612
  "public": true,
3613
3613
  "isReferenceToInternal": true
3614
3614
  },
@@ -6801,36 +6801,34 @@
6801
6801
  ]
6802
6802
  }
6803
6803
  },
6804
- "menu-item": {
6805
- "menu": {
6806
- "background": {
6807
- "value": "#ffffff",
6804
+ "menu": {
6805
+ "background": {
6806
+ "value": "#ffffff",
6807
+ "public": true,
6808
+ "isReferenceToInternal": true,
6809
+ "filePath": "tokens/color/alias/menu.light.json",
6810
+ "isSource": true,
6811
+ "original": {
6812
+ "value": "{color.light-mode.background.default}",
6808
6813
  "public": true,
6809
- "isReferenceToInternal": true,
6810
- "filePath": "tokens/color/alias/menu.light.json",
6811
- "isSource": true,
6812
- "original": {
6813
- "value": "{color.light-mode.background.default}",
6814
- "public": true,
6815
- "isReferenceToInternal": true
6816
- },
6817
- "name": "color-light-mode-menu-item-menu-background",
6818
- "attributes": {
6819
- "category": "color",
6820
- "type": "light-mode",
6821
- "item": "menu-item",
6822
- "subitem": "menu",
6823
- "state": "background"
6824
- },
6825
- "path": [
6826
- "color",
6827
- "light-mode",
6828
- "menu-item",
6829
- "menu",
6830
- "background"
6831
- ]
6832
- }
6833
- },
6814
+ "isReferenceToInternal": true
6815
+ },
6816
+ "name": "color-light-mode-menu-background",
6817
+ "attributes": {
6818
+ "category": "color",
6819
+ "type": "light-mode",
6820
+ "item": "menu",
6821
+ "subitem": "background"
6822
+ },
6823
+ "path": [
6824
+ "color",
6825
+ "light-mode",
6826
+ "menu",
6827
+ "background"
6828
+ ]
6829
+ }
6830
+ },
6831
+ "menu-item": {
6834
6832
  "background": {
6835
6833
  "default": {
6836
6834
  "value": "#ffffff",
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -1966,13 +1966,13 @@
1966
1966
  ]
1967
1967
  },
1968
1968
  "lead": {
1969
- "value": "#858299",
1969
+ "value": "#a6a3b4",
1970
1970
  "public": true,
1971
1971
  "isReferenceToInternal": true,
1972
1972
  "filePath": "tokens/color/alias/typography.dark.json",
1973
1973
  "isSource": true,
1974
1974
  "original": {
1975
- "value": "{color.dark-mode.neutral.300.value}",
1975
+ "value": "{color.dark-mode.neutral.200.value}",
1976
1976
  "public": true,
1977
1977
  "isReferenceToInternal": true
1978
1978
  },
@@ -1991,13 +1991,13 @@
1991
1991
  ]
1992
1992
  },
1993
1993
  "overline": {
1994
- "value": "#858299",
1994
+ "value": "#a6a3b4",
1995
1995
  "public": true,
1996
1996
  "isReferenceToInternal": true,
1997
1997
  "filePath": "tokens/color/alias/typography.dark.json",
1998
1998
  "isSource": true,
1999
1999
  "original": {
2000
- "value": "{color.dark-mode.neutral.300.value}",
2000
+ "value": "{color.dark-mode.neutral.200.value}",
2001
2001
  "public": true,
2002
2002
  "isReferenceToInternal": true
2003
2003
  },
@@ -2016,13 +2016,13 @@
2016
2016
  ]
2017
2017
  },
2018
2018
  "quote": {
2019
- "value": "#858299",
2019
+ "value": "#a6a3b4",
2020
2020
  "public": true,
2021
2021
  "isReferenceToInternal": true,
2022
2022
  "filePath": "tokens/color/alias/typography.dark.json",
2023
2023
  "isSource": true,
2024
2024
  "original": {
2025
- "value": "{color.dark-mode.neutral.300.value}",
2025
+ "value": "{color.dark-mode.neutral.200.value}",
2026
2026
  "public": true,
2027
2027
  "isReferenceToInternal": true
2028
2028
  },
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -1536,36 +1536,34 @@
1536
1536
  ]
1537
1537
  }
1538
1538
  },
1539
- "menu-item": {
1540
- "menu": {
1541
- "background": {
1542
- "value": "#ffffff",
1539
+ "menu": {
1540
+ "background": {
1541
+ "value": "#ffffff",
1542
+ "public": true,
1543
+ "isReferenceToInternal": true,
1544
+ "filePath": "tokens/color/alias/menu.light.json",
1545
+ "isSource": true,
1546
+ "original": {
1547
+ "value": "{color.light-mode.background.default}",
1543
1548
  "public": true,
1544
- "isReferenceToInternal": true,
1545
- "filePath": "tokens/color/alias/menu.light.json",
1546
- "isSource": true,
1547
- "original": {
1548
- "value": "{color.light-mode.background.default}",
1549
- "public": true,
1550
- "isReferenceToInternal": true
1551
- },
1552
- "name": "color-light-mode-menu-item-menu-background",
1553
- "attributes": {
1554
- "category": "color",
1555
- "type": "light-mode",
1556
- "item": "menu-item",
1557
- "subitem": "menu",
1558
- "state": "background"
1559
- },
1560
- "path": [
1561
- "color",
1562
- "light-mode",
1563
- "menu-item",
1564
- "menu",
1565
- "background"
1566
- ]
1567
- }
1568
- },
1549
+ "isReferenceToInternal": true
1550
+ },
1551
+ "name": "color-light-mode-menu-background",
1552
+ "attributes": {
1553
+ "category": "color",
1554
+ "type": "light-mode",
1555
+ "item": "menu",
1556
+ "subitem": "background"
1557
+ },
1558
+ "path": [
1559
+ "color",
1560
+ "light-mode",
1561
+ "menu",
1562
+ "background"
1563
+ ]
1564
+ }
1565
+ },
1566
+ "menu-item": {
1569
1567
  "background": {
1570
1568
  "default": {
1571
1569
  "value": "#ffffff",
package/build/scss/_pds-design-tokens-dark-mode.scss CHANGED
@@ -85,9 +85,9 @@ $pds-color-panel-sunken-background: #121219;
85
85
  $pds-color-panel-sunken-border: #121219;
86
86
  $pds-color-text-default: #ffffff;
87
87
  $pds-color-text-headings: $pds-color-text-default;
88
- $pds-color-text-lead: #858299;
89
- $pds-color-text-overline: #858299;
88
+ $pds-color-text-lead: #a6a3b4;
89
+ $pds-color-text-overline: #a6a3b4;
90
90
  $pds-color-text-paragraph: $pds-color-text-default;
91
- $pds-color-text-quote: #858299;
91
+ $pds-color-text-quote: #a6a3b4;
92
92
  $pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
93
93
  $pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
package/build/scss/_pds-design-tokens-light-mode.scss CHANGED
@@ -70,11 +70,11 @@ $pds-color-link-active: #003cac;
70
70
  $pds-color-link-default: #0f62fe;
71
71
  $pds-color-link-hover: #003cac;
72
72
  $pds-color-link-visited: #967fff;
73
+ $pds-color-menu-background: #ffffff;
73
74
  $pds-color-menu-item-background-active: #cfcfd3;
74
75
  $pds-color-menu-item-background-default: #ffffff;
75
76
  $pds-color-menu-item-background-hover: #f1f1f1;
76
77
  $pds-color-menu-item-foreground: #23232d;
77
- $pds-color-menu-item-menu-background: #ffffff;
78
78
  $pds-color-panel-default-background: $pds-color-background-default;
79
79
  $pds-color-panel-default-border: $pds-color-border-default;
80
80
  $pds-color-panel-overlay-background: $pds-color-background-default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.3",
3
+ "version": "1.0.0-dev.5",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [