@pantheon-systems/pds-design-tokens 1.0.0-dev.7 → 1.0.0-dev.8

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 (5) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +4 -4
  2. package/build/figma/pds-design-tokens-figma.json +41 -8
  3. package/build/json/pds-design-tokens-dark-mode.json +8 -8
  4. package/build/scss/_pds-design-tokens-dark-mode.scss +4 -4
  5. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -72,10 +72,10 @@
72
72
  --pds-color-link-default: #36a3ff;
73
73
  --pds-color-link-hover: #2776b9;
74
74
  --pds-color-link-visited: #967fff;
75
- --pds-color-menu-background: #121219;
76
- --pds-color-menu-item-background-active: #504e62;
77
- --pds-color-menu-item-background-default: #121219;
78
- --pds-color-menu-item-background-hover: #282839;
75
+ --pds-color-menu-background: #282839;
76
+ --pds-color-menu-item-background-active: #858299;
77
+ --pds-color-menu-item-background-default: #282839;
78
+ --pds-color-menu-item-background-hover: #504e62;
79
79
  --pds-color-menu-item-description-text: #a6a3b4;
80
80
  --pds-color-menu-item-foreground: #ffffff;
81
81
  --pds-color-menu-item-heading-text: #a6a3b4;
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -574,6 +574,39 @@
574
574
  ]
575
575
  }
576
576
  },
577
+ "menu-item-heading": {
578
+ "value": {
579
+ "fontSize": "0.875 * 16",
580
+ "fontFamily": "Poppins",
581
+ "fontWeight": 700,
582
+ "letterSpacing": "0.04 * 100%",
583
+ "textCase": "uppercase",
584
+ "lineHeight": "125%"
585
+ },
586
+ "type": "typography",
587
+ "filePath": "tokens-figma/typography/base.json",
588
+ "isSource": true,
589
+ "original": {
590
+ "value": {
591
+ "fontSize": "{typography.size.S} * {figma.typography.size.base}",
592
+ "fontFamily": "Poppins",
593
+ "fontWeight": "{typography.font-weight.bold}",
594
+ "letterSpacing": "{typography.letter-spacing.L} * 100%",
595
+ "textCase": "uppercase",
596
+ "lineHeight": "{typography.line-height.S}"
597
+ },
598
+ "type": "typography"
599
+ },
600
+ "name": "text-menu-item-heading",
601
+ "attributes": {
602
+ "category": "text",
603
+ "type": "menu-item-heading"
604
+ },
605
+ "path": [
606
+ "text",
607
+ "menu-item-heading"
608
+ ]
609
+ },
577
610
  "type-scale": {
578
611
  "regular": {
579
612
  "4XL": {
@@ -3124,13 +3157,13 @@
3124
3157
  },
3125
3158
  "menu": {
3126
3159
  "background": {
3127
- "value": "#121219",
3160
+ "value": "#282839",
3128
3161
  "public": true,
3129
3162
  "isReferenceToInternal": true,
3130
3163
  "filePath": "tokens/color/alias/menu.dark.json",
3131
3164
  "isSource": true,
3132
3165
  "original": {
3133
- "value": "{color.dark-mode.neutral.700}",
3166
+ "value": "{color.dark-mode.neutral.500}",
3134
3167
  "public": true,
3135
3168
  "isReferenceToInternal": true
3136
3169
  },
@@ -3151,13 +3184,13 @@
3151
3184
  "item": {
3152
3185
  "background": {
3153
3186
  "default": {
3154
- "value": "#121219",
3187
+ "value": "#282839",
3155
3188
  "public": true,
3156
3189
  "isReferenceToInternal": true,
3157
3190
  "filePath": "tokens/color/alias/menu.dark.json",
3158
3191
  "isSource": true,
3159
3192
  "original": {
3160
- "value": "{color.dark-mode.neutral.700}",
3193
+ "value": "{color.dark-mode.neutral.500}",
3161
3194
  "public": true,
3162
3195
  "isReferenceToInternal": true
3163
3196
  },
@@ -3179,13 +3212,13 @@
3179
3212
  ]
3180
3213
  },
3181
3214
  "hover": {
3182
- "value": "#282839",
3215
+ "value": "#504e62",
3183
3216
  "public": true,
3184
3217
  "isReferenceToInternal": true,
3185
3218
  "filePath": "tokens/color/alias/menu.dark.json",
3186
3219
  "isSource": true,
3187
3220
  "original": {
3188
- "value": "{color.dark-mode.neutral.500}",
3221
+ "value": "{color.dark-mode.neutral.400}",
3189
3222
  "public": true,
3190
3223
  "isReferenceToInternal": true
3191
3224
  },
@@ -3207,13 +3240,13 @@
3207
3240
  ]
3208
3241
  },
3209
3242
  "active": {
3210
- "value": "#504e62",
3243
+ "value": "#858299",
3211
3244
  "public": true,
3212
3245
  "isReferenceToInternal": true,
3213
3246
  "filePath": "tokens/color/alias/menu.dark.json",
3214
3247
  "isSource": true,
3215
3248
  "original": {
3216
- "value": "{color.dark-mode.neutral.400}",
3249
+ "value": "{color.dark-mode.neutral.300}",
3217
3250
  "public": true,
3218
3251
  "isReferenceToInternal": true
3219
3252
  },
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -1538,13 +1538,13 @@
1538
1538
  },
1539
1539
  "menu": {
1540
1540
  "background": {
1541
- "value": "#121219",
1541
+ "value": "#282839",
1542
1542
  "public": true,
1543
1543
  "isReferenceToInternal": true,
1544
1544
  "filePath": "tokens/color/alias/menu.dark.json",
1545
1545
  "isSource": true,
1546
1546
  "original": {
1547
- "value": "{color.dark-mode.neutral.700}",
1547
+ "value": "{color.dark-mode.neutral.500}",
1548
1548
  "public": true,
1549
1549
  "isReferenceToInternal": true
1550
1550
  },
@@ -1565,13 +1565,13 @@
1565
1565
  "item": {
1566
1566
  "background": {
1567
1567
  "default": {
1568
- "value": "#121219",
1568
+ "value": "#282839",
1569
1569
  "public": true,
1570
1570
  "isReferenceToInternal": true,
1571
1571
  "filePath": "tokens/color/alias/menu.dark.json",
1572
1572
  "isSource": true,
1573
1573
  "original": {
1574
- "value": "{color.dark-mode.neutral.700}",
1574
+ "value": "{color.dark-mode.neutral.500}",
1575
1575
  "public": true,
1576
1576
  "isReferenceToInternal": true
1577
1577
  },
@@ -1593,13 +1593,13 @@
1593
1593
  ]
1594
1594
  },
1595
1595
  "hover": {
1596
- "value": "#282839",
1596
+ "value": "#504e62",
1597
1597
  "public": true,
1598
1598
  "isReferenceToInternal": true,
1599
1599
  "filePath": "tokens/color/alias/menu.dark.json",
1600
1600
  "isSource": true,
1601
1601
  "original": {
1602
- "value": "{color.dark-mode.neutral.500}",
1602
+ "value": "{color.dark-mode.neutral.400}",
1603
1603
  "public": true,
1604
1604
  "isReferenceToInternal": true
1605
1605
  },
@@ -1621,13 +1621,13 @@
1621
1621
  ]
1622
1622
  },
1623
1623
  "active": {
1624
- "value": "#504e62",
1624
+ "value": "#858299",
1625
1625
  "public": true,
1626
1626
  "isReferenceToInternal": true,
1627
1627
  "filePath": "tokens/color/alias/menu.dark.json",
1628
1628
  "isSource": true,
1629
1629
  "original": {
1630
- "value": "{color.dark-mode.neutral.400}",
1630
+ "value": "{color.dark-mode.neutral.300}",
1631
1631
  "public": true,
1632
1632
  "isReferenceToInternal": true
1633
1633
  },
package/build/scss/_pds-design-tokens-dark-mode.scss CHANGED
@@ -70,10 +70,10 @@ $pds-color-link-active: #2776b9;
70
70
  $pds-color-link-default: #36a3ff;
71
71
  $pds-color-link-hover: #2776b9;
72
72
  $pds-color-link-visited: #967fff;
73
- $pds-color-menu-background: #121219;
74
- $pds-color-menu-item-background-active: #504e62;
75
- $pds-color-menu-item-background-default: #121219;
76
- $pds-color-menu-item-background-hover: #282839;
73
+ $pds-color-menu-background: #282839;
74
+ $pds-color-menu-item-background-active: #858299;
75
+ $pds-color-menu-item-background-default: #282839;
76
+ $pds-color-menu-item-background-hover: #504e62;
77
77
  $pds-color-menu-item-description-text: #a6a3b4;
78
78
  $pds-color-menu-item-foreground: #ffffff;
79
79
  $pds-color-menu-item-heading-text: #a6a3b4;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.7",
3
+ "version": "1.0.0-dev.8",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [