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

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.
@@ -73,10 +73,12 @@
73
73
  --pds-color-link-hover: #2776b9;
74
74
  --pds-color-link-visited: #967fff;
75
75
  --pds-color-menu-background: #121219;
76
- --pds-color-menu-item-background-active: #282839;
76
+ --pds-color-menu-item-background-active: #504e62;
77
77
  --pds-color-menu-item-background-default: #121219;
78
- --pds-color-menu-item-background-hover: #1d1d29;
78
+ --pds-color-menu-item-background-hover: #282839;
79
+ --pds-color-menu-item-description-text: #a6a3b4;
79
80
  --pds-color-menu-item-foreground: #ffffff;
81
+ --pds-color-menu-item-heading-text: #a6a3b4;
80
82
  --pds-color-panel-default-background: var(--pds-color-background-default);
81
83
  --pds-color-panel-default-border: var(--pds-color-border-default);
82
84
  --pds-color-panel-overlay-background: #282839;
@@ -76,7 +76,9 @@
76
76
  --pds-color-menu-item-background-active: #cfcfd3;
77
77
  --pds-color-menu-item-background-default: #ffffff;
78
78
  --pds-color-menu-item-background-hover: #f1f1f1;
79
+ --pds-color-menu-item-description-text: #71717c;
79
80
  --pds-color-menu-item-foreground: #23232d;
81
+ --pds-color-menu-item-heading-text: #71717c;
80
82
  --pds-color-panel-default-background: var(--pds-color-background-default);
81
83
  --pds-color-panel-default-border: var(--pds-color-border-default);
82
84
  --pds-color-panel-overlay-background: var(--pds-color-background-default);
@@ -3147,116 +3147,175 @@
3147
3147
  "menu",
3148
3148
  "background"
3149
3149
  ]
3150
- }
3151
- },
3152
- "menu-item": {
3153
- "background": {
3154
- "default": {
3155
- "value": "#121219",
3150
+ },
3151
+ "item": {
3152
+ "background": {
3153
+ "default": {
3154
+ "value": "#121219",
3155
+ "public": true,
3156
+ "isReferenceToInternal": true,
3157
+ "filePath": "tokens/color/alias/menu.dark.json",
3158
+ "isSource": true,
3159
+ "original": {
3160
+ "value": "{color.dark-mode.neutral.700}",
3161
+ "public": true,
3162
+ "isReferenceToInternal": true
3163
+ },
3164
+ "name": "color-dark-mode-menu-item-background-default",
3165
+ "attributes": {
3166
+ "category": "color",
3167
+ "type": "dark-mode",
3168
+ "item": "menu",
3169
+ "subitem": "item",
3170
+ "state": "background"
3171
+ },
3172
+ "path": [
3173
+ "color",
3174
+ "dark-mode",
3175
+ "menu",
3176
+ "item",
3177
+ "background",
3178
+ "default"
3179
+ ]
3180
+ },
3181
+ "hover": {
3182
+ "value": "#282839",
3183
+ "public": true,
3184
+ "isReferenceToInternal": true,
3185
+ "filePath": "tokens/color/alias/menu.dark.json",
3186
+ "isSource": true,
3187
+ "original": {
3188
+ "value": "{color.dark-mode.neutral.500}",
3189
+ "public": true,
3190
+ "isReferenceToInternal": true
3191
+ },
3192
+ "name": "color-dark-mode-menu-item-background-hover",
3193
+ "attributes": {
3194
+ "category": "color",
3195
+ "type": "dark-mode",
3196
+ "item": "menu",
3197
+ "subitem": "item",
3198
+ "state": "background"
3199
+ },
3200
+ "path": [
3201
+ "color",
3202
+ "dark-mode",
3203
+ "menu",
3204
+ "item",
3205
+ "background",
3206
+ "hover"
3207
+ ]
3208
+ },
3209
+ "active": {
3210
+ "value": "#504e62",
3211
+ "public": true,
3212
+ "isReferenceToInternal": true,
3213
+ "filePath": "tokens/color/alias/menu.dark.json",
3214
+ "isSource": true,
3215
+ "original": {
3216
+ "value": "{color.dark-mode.neutral.400}",
3217
+ "public": true,
3218
+ "isReferenceToInternal": true
3219
+ },
3220
+ "name": "color-dark-mode-menu-item-background-active",
3221
+ "attributes": {
3222
+ "category": "color",
3223
+ "type": "dark-mode",
3224
+ "item": "menu",
3225
+ "subitem": "item",
3226
+ "state": "background"
3227
+ },
3228
+ "path": [
3229
+ "color",
3230
+ "dark-mode",
3231
+ "menu",
3232
+ "item",
3233
+ "background",
3234
+ "active"
3235
+ ]
3236
+ }
3237
+ },
3238
+ "foreground": {
3239
+ "value": "#ffffff",
3156
3240
  "public": true,
3157
3241
  "isReferenceToInternal": true,
3158
3242
  "filePath": "tokens/color/alias/menu.dark.json",
3159
3243
  "isSource": true,
3160
3244
  "original": {
3161
- "value": "{color.dark-mode.neutral.700}",
3245
+ "value": "{color.dark-mode.foreground.default}",
3162
3246
  "public": true,
3163
3247
  "isReferenceToInternal": true
3164
3248
  },
3165
- "name": "color-dark-mode-menu-item-background-default",
3249
+ "name": "color-dark-mode-menu-item-foreground",
3166
3250
  "attributes": {
3167
3251
  "category": "color",
3168
3252
  "type": "dark-mode",
3169
- "item": "menu-item",
3170
- "subitem": "background",
3171
- "state": "default"
3253
+ "item": "menu",
3254
+ "subitem": "item",
3255
+ "state": "foreground"
3172
3256
  },
3173
3257
  "path": [
3174
3258
  "color",
3175
3259
  "dark-mode",
3176
- "menu-item",
3177
- "background",
3178
- "default"
3260
+ "menu",
3261
+ "item",
3262
+ "foreground"
3179
3263
  ]
3180
3264
  },
3181
- "hover": {
3182
- "value": "#1d1d29",
3265
+ "heading-text": {
3266
+ "value": "#a6a3b4",
3183
3267
  "public": true,
3184
3268
  "isReferenceToInternal": true,
3185
3269
  "filePath": "tokens/color/alias/menu.dark.json",
3186
3270
  "isSource": true,
3187
3271
  "original": {
3188
- "value": "{color.dark-mode.neutral.600}",
3272
+ "value": "{color.dark-mode.neutral.200.value}",
3189
3273
  "public": true,
3190
3274
  "isReferenceToInternal": true
3191
3275
  },
3192
- "name": "color-dark-mode-menu-item-background-hover",
3276
+ "name": "color-dark-mode-menu-item-heading-text",
3193
3277
  "attributes": {
3194
3278
  "category": "color",
3195
3279
  "type": "dark-mode",
3196
- "item": "menu-item",
3197
- "subitem": "background",
3198
- "state": "hover"
3280
+ "item": "menu",
3281
+ "subitem": "item",
3282
+ "state": "heading-text"
3199
3283
  },
3200
3284
  "path": [
3201
3285
  "color",
3202
3286
  "dark-mode",
3203
- "menu-item",
3204
- "background",
3205
- "hover"
3287
+ "menu",
3288
+ "item",
3289
+ "heading-text"
3206
3290
  ]
3207
3291
  },
3208
- "active": {
3209
- "value": "#282839",
3292
+ "description-text": {
3293
+ "value": "#a6a3b4",
3210
3294
  "public": true,
3211
3295
  "isReferenceToInternal": true,
3212
3296
  "filePath": "tokens/color/alias/menu.dark.json",
3213
3297
  "isSource": true,
3214
3298
  "original": {
3215
- "value": "{color.dark-mode.neutral.500}",
3299
+ "value": "{color.dark-mode.neutral.200.value}",
3216
3300
  "public": true,
3217
3301
  "isReferenceToInternal": true
3218
3302
  },
3219
- "name": "color-dark-mode-menu-item-background-active",
3303
+ "name": "color-dark-mode-menu-item-description-text",
3220
3304
  "attributes": {
3221
3305
  "category": "color",
3222
3306
  "type": "dark-mode",
3223
- "item": "menu-item",
3224
- "subitem": "background",
3225
- "state": "active"
3307
+ "item": "menu",
3308
+ "subitem": "item",
3309
+ "state": "description-text"
3226
3310
  },
3227
3311
  "path": [
3228
3312
  "color",
3229
3313
  "dark-mode",
3230
- "menu-item",
3231
- "background",
3232
- "active"
3314
+ "menu",
3315
+ "item",
3316
+ "description-text"
3233
3317
  ]
3234
3318
  }
3235
- },
3236
- "foreground": {
3237
- "value": "#ffffff",
3238
- "public": true,
3239
- "isReferenceToInternal": true,
3240
- "filePath": "tokens/color/alias/menu.dark.json",
3241
- "isSource": true,
3242
- "original": {
3243
- "value": "{color.dark-mode.foreground.default}",
3244
- "public": true,
3245
- "isReferenceToInternal": true
3246
- },
3247
- "name": "color-dark-mode-menu-item-foreground",
3248
- "attributes": {
3249
- "category": "color",
3250
- "type": "dark-mode",
3251
- "item": "menu-item",
3252
- "subitem": "foreground"
3253
- },
3254
- "path": [
3255
- "color",
3256
- "dark-mode",
3257
- "menu-item",
3258
- "foreground"
3259
- ]
3260
3319
  }
3261
3320
  },
3262
3321
  "panel": {
@@ -6826,116 +6885,175 @@
6826
6885
  "menu",
6827
6886
  "background"
6828
6887
  ]
6829
- }
6830
- },
6831
- "menu-item": {
6832
- "background": {
6833
- "default": {
6834
- "value": "#ffffff",
6888
+ },
6889
+ "item": {
6890
+ "background": {
6891
+ "default": {
6892
+ "value": "#ffffff",
6893
+ "public": true,
6894
+ "isReferenceToInternal": true,
6895
+ "filePath": "tokens/color/alias/menu.light.json",
6896
+ "isSource": true,
6897
+ "original": {
6898
+ "value": "{color.light-mode.background.default}",
6899
+ "public": true,
6900
+ "isReferenceToInternal": true
6901
+ },
6902
+ "name": "color-light-mode-menu-item-background-default",
6903
+ "attributes": {
6904
+ "category": "color",
6905
+ "type": "light-mode",
6906
+ "item": "menu",
6907
+ "subitem": "item",
6908
+ "state": "background"
6909
+ },
6910
+ "path": [
6911
+ "color",
6912
+ "light-mode",
6913
+ "menu",
6914
+ "item",
6915
+ "background",
6916
+ "default"
6917
+ ]
6918
+ },
6919
+ "hover": {
6920
+ "value": "#f1f1f1",
6921
+ "public": true,
6922
+ "isReferenceToInternal": true,
6923
+ "filePath": "tokens/color/alias/menu.light.json",
6924
+ "isSource": true,
6925
+ "original": {
6926
+ "value": "{color.light-mode.neutral.050}",
6927
+ "public": true,
6928
+ "isReferenceToInternal": true
6929
+ },
6930
+ "name": "color-light-mode-menu-item-background-hover",
6931
+ "attributes": {
6932
+ "category": "color",
6933
+ "type": "light-mode",
6934
+ "item": "menu",
6935
+ "subitem": "item",
6936
+ "state": "background"
6937
+ },
6938
+ "path": [
6939
+ "color",
6940
+ "light-mode",
6941
+ "menu",
6942
+ "item",
6943
+ "background",
6944
+ "hover"
6945
+ ]
6946
+ },
6947
+ "active": {
6948
+ "value": "#cfcfd3",
6949
+ "public": true,
6950
+ "isReferenceToInternal": true,
6951
+ "filePath": "tokens/color/alias/menu.light.json",
6952
+ "isSource": true,
6953
+ "original": {
6954
+ "value": "{color.light-mode.neutral.100}",
6955
+ "public": true,
6956
+ "isReferenceToInternal": true
6957
+ },
6958
+ "name": "color-light-mode-menu-item-background-active",
6959
+ "attributes": {
6960
+ "category": "color",
6961
+ "type": "light-mode",
6962
+ "item": "menu",
6963
+ "subitem": "item",
6964
+ "state": "background"
6965
+ },
6966
+ "path": [
6967
+ "color",
6968
+ "light-mode",
6969
+ "menu",
6970
+ "item",
6971
+ "background",
6972
+ "active"
6973
+ ]
6974
+ }
6975
+ },
6976
+ "foreground": {
6977
+ "value": "#23232d",
6835
6978
  "public": true,
6836
6979
  "isReferenceToInternal": true,
6837
6980
  "filePath": "tokens/color/alias/menu.light.json",
6838
6981
  "isSource": true,
6839
6982
  "original": {
6840
- "value": "{color.light-mode.background.default}",
6983
+ "value": "{color.light-mode.foreground.default}",
6841
6984
  "public": true,
6842
6985
  "isReferenceToInternal": true
6843
6986
  },
6844
- "name": "color-light-mode-menu-item-background-default",
6987
+ "name": "color-light-mode-menu-item-foreground",
6845
6988
  "attributes": {
6846
6989
  "category": "color",
6847
6990
  "type": "light-mode",
6848
- "item": "menu-item",
6849
- "subitem": "background",
6850
- "state": "default"
6991
+ "item": "menu",
6992
+ "subitem": "item",
6993
+ "state": "foreground"
6851
6994
  },
6852
6995
  "path": [
6853
6996
  "color",
6854
6997
  "light-mode",
6855
- "menu-item",
6856
- "background",
6857
- "default"
6998
+ "menu",
6999
+ "item",
7000
+ "foreground"
6858
7001
  ]
6859
7002
  },
6860
- "hover": {
6861
- "value": "#f1f1f1",
7003
+ "heading-text": {
7004
+ "value": "#71717c",
6862
7005
  "public": true,
6863
7006
  "isReferenceToInternal": true,
6864
7007
  "filePath": "tokens/color/alias/menu.light.json",
6865
7008
  "isSource": true,
6866
7009
  "original": {
6867
- "value": "{color.light-mode.neutral.050}",
7010
+ "value": "{color.light-mode.neutral.400}",
6868
7011
  "public": true,
6869
7012
  "isReferenceToInternal": true
6870
7013
  },
6871
- "name": "color-light-mode-menu-item-background-hover",
7014
+ "name": "color-light-mode-menu-item-heading-text",
6872
7015
  "attributes": {
6873
7016
  "category": "color",
6874
7017
  "type": "light-mode",
6875
- "item": "menu-item",
6876
- "subitem": "background",
6877
- "state": "hover"
7018
+ "item": "menu",
7019
+ "subitem": "item",
7020
+ "state": "heading-text"
6878
7021
  },
6879
7022
  "path": [
6880
7023
  "color",
6881
7024
  "light-mode",
6882
- "menu-item",
6883
- "background",
6884
- "hover"
7025
+ "menu",
7026
+ "item",
7027
+ "heading-text"
6885
7028
  ]
6886
7029
  },
6887
- "active": {
6888
- "value": "#cfcfd3",
7030
+ "description-text": {
7031
+ "value": "#71717c",
6889
7032
  "public": true,
6890
7033
  "isReferenceToInternal": true,
6891
7034
  "filePath": "tokens/color/alias/menu.light.json",
6892
7035
  "isSource": true,
6893
7036
  "original": {
6894
- "value": "{color.light-mode.neutral.100}",
7037
+ "value": "{color.light-mode.neutral.400}",
6895
7038
  "public": true,
6896
7039
  "isReferenceToInternal": true
6897
7040
  },
6898
- "name": "color-light-mode-menu-item-background-active",
7041
+ "name": "color-light-mode-menu-item-description-text",
6899
7042
  "attributes": {
6900
7043
  "category": "color",
6901
7044
  "type": "light-mode",
6902
- "item": "menu-item",
6903
- "subitem": "background",
6904
- "state": "active"
7045
+ "item": "menu",
7046
+ "subitem": "item",
7047
+ "state": "description-text"
6905
7048
  },
6906
7049
  "path": [
6907
7050
  "color",
6908
7051
  "light-mode",
6909
- "menu-item",
6910
- "background",
6911
- "active"
7052
+ "menu",
7053
+ "item",
7054
+ "description-text"
6912
7055
  ]
6913
7056
  }
6914
- },
6915
- "foreground": {
6916
- "value": "#23232d",
6917
- "public": true,
6918
- "isReferenceToInternal": true,
6919
- "filePath": "tokens/color/alias/menu.light.json",
6920
- "isSource": true,
6921
- "original": {
6922
- "value": "{color.light-mode.foreground.default}",
6923
- "public": true,
6924
- "isReferenceToInternal": true
6925
- },
6926
- "name": "color-light-mode-menu-item-foreground",
6927
- "attributes": {
6928
- "category": "color",
6929
- "type": "light-mode",
6930
- "item": "menu-item",
6931
- "subitem": "foreground"
6932
- },
6933
- "path": [
6934
- "color",
6935
- "light-mode",
6936
- "menu-item",
6937
- "foreground"
6938
- ]
6939
7057
  }
6940
7058
  },
6941
7059
  "panel": {
@@ -1561,116 +1561,175 @@
1561
1561
  "menu",
1562
1562
  "background"
1563
1563
  ]
1564
- }
1565
- },
1566
- "menu-item": {
1567
- "background": {
1568
- "default": {
1569
- "value": "#121219",
1564
+ },
1565
+ "item": {
1566
+ "background": {
1567
+ "default": {
1568
+ "value": "#121219",
1569
+ "public": true,
1570
+ "isReferenceToInternal": true,
1571
+ "filePath": "tokens/color/alias/menu.dark.json",
1572
+ "isSource": true,
1573
+ "original": {
1574
+ "value": "{color.dark-mode.neutral.700}",
1575
+ "public": true,
1576
+ "isReferenceToInternal": true
1577
+ },
1578
+ "name": "color-dark-mode-menu-item-background-default",
1579
+ "attributes": {
1580
+ "category": "color",
1581
+ "type": "dark-mode",
1582
+ "item": "menu",
1583
+ "subitem": "item",
1584
+ "state": "background"
1585
+ },
1586
+ "path": [
1587
+ "color",
1588
+ "dark-mode",
1589
+ "menu",
1590
+ "item",
1591
+ "background",
1592
+ "default"
1593
+ ]
1594
+ },
1595
+ "hover": {
1596
+ "value": "#282839",
1597
+ "public": true,
1598
+ "isReferenceToInternal": true,
1599
+ "filePath": "tokens/color/alias/menu.dark.json",
1600
+ "isSource": true,
1601
+ "original": {
1602
+ "value": "{color.dark-mode.neutral.500}",
1603
+ "public": true,
1604
+ "isReferenceToInternal": true
1605
+ },
1606
+ "name": "color-dark-mode-menu-item-background-hover",
1607
+ "attributes": {
1608
+ "category": "color",
1609
+ "type": "dark-mode",
1610
+ "item": "menu",
1611
+ "subitem": "item",
1612
+ "state": "background"
1613
+ },
1614
+ "path": [
1615
+ "color",
1616
+ "dark-mode",
1617
+ "menu",
1618
+ "item",
1619
+ "background",
1620
+ "hover"
1621
+ ]
1622
+ },
1623
+ "active": {
1624
+ "value": "#504e62",
1625
+ "public": true,
1626
+ "isReferenceToInternal": true,
1627
+ "filePath": "tokens/color/alias/menu.dark.json",
1628
+ "isSource": true,
1629
+ "original": {
1630
+ "value": "{color.dark-mode.neutral.400}",
1631
+ "public": true,
1632
+ "isReferenceToInternal": true
1633
+ },
1634
+ "name": "color-dark-mode-menu-item-background-active",
1635
+ "attributes": {
1636
+ "category": "color",
1637
+ "type": "dark-mode",
1638
+ "item": "menu",
1639
+ "subitem": "item",
1640
+ "state": "background"
1641
+ },
1642
+ "path": [
1643
+ "color",
1644
+ "dark-mode",
1645
+ "menu",
1646
+ "item",
1647
+ "background",
1648
+ "active"
1649
+ ]
1650
+ }
1651
+ },
1652
+ "foreground": {
1653
+ "value": "#ffffff",
1570
1654
  "public": true,
1571
1655
  "isReferenceToInternal": true,
1572
1656
  "filePath": "tokens/color/alias/menu.dark.json",
1573
1657
  "isSource": true,
1574
1658
  "original": {
1575
- "value": "{color.dark-mode.neutral.700}",
1659
+ "value": "{color.dark-mode.foreground.default}",
1576
1660
  "public": true,
1577
1661
  "isReferenceToInternal": true
1578
1662
  },
1579
- "name": "color-dark-mode-menu-item-background-default",
1663
+ "name": "color-dark-mode-menu-item-foreground",
1580
1664
  "attributes": {
1581
1665
  "category": "color",
1582
1666
  "type": "dark-mode",
1583
- "item": "menu-item",
1584
- "subitem": "background",
1585
- "state": "default"
1667
+ "item": "menu",
1668
+ "subitem": "item",
1669
+ "state": "foreground"
1586
1670
  },
1587
1671
  "path": [
1588
1672
  "color",
1589
1673
  "dark-mode",
1590
- "menu-item",
1591
- "background",
1592
- "default"
1674
+ "menu",
1675
+ "item",
1676
+ "foreground"
1593
1677
  ]
1594
1678
  },
1595
- "hover": {
1596
- "value": "#1d1d29",
1679
+ "heading-text": {
1680
+ "value": "#a6a3b4",
1597
1681
  "public": true,
1598
1682
  "isReferenceToInternal": true,
1599
1683
  "filePath": "tokens/color/alias/menu.dark.json",
1600
1684
  "isSource": true,
1601
1685
  "original": {
1602
- "value": "{color.dark-mode.neutral.600}",
1686
+ "value": "{color.dark-mode.neutral.200.value}",
1603
1687
  "public": true,
1604
1688
  "isReferenceToInternal": true
1605
1689
  },
1606
- "name": "color-dark-mode-menu-item-background-hover",
1690
+ "name": "color-dark-mode-menu-item-heading-text",
1607
1691
  "attributes": {
1608
1692
  "category": "color",
1609
1693
  "type": "dark-mode",
1610
- "item": "menu-item",
1611
- "subitem": "background",
1612
- "state": "hover"
1694
+ "item": "menu",
1695
+ "subitem": "item",
1696
+ "state": "heading-text"
1613
1697
  },
1614
1698
  "path": [
1615
1699
  "color",
1616
1700
  "dark-mode",
1617
- "menu-item",
1618
- "background",
1619
- "hover"
1701
+ "menu",
1702
+ "item",
1703
+ "heading-text"
1620
1704
  ]
1621
1705
  },
1622
- "active": {
1623
- "value": "#282839",
1706
+ "description-text": {
1707
+ "value": "#a6a3b4",
1624
1708
  "public": true,
1625
1709
  "isReferenceToInternal": true,
1626
1710
  "filePath": "tokens/color/alias/menu.dark.json",
1627
1711
  "isSource": true,
1628
1712
  "original": {
1629
- "value": "{color.dark-mode.neutral.500}",
1713
+ "value": "{color.dark-mode.neutral.200.value}",
1630
1714
  "public": true,
1631
1715
  "isReferenceToInternal": true
1632
1716
  },
1633
- "name": "color-dark-mode-menu-item-background-active",
1717
+ "name": "color-dark-mode-menu-item-description-text",
1634
1718
  "attributes": {
1635
1719
  "category": "color",
1636
1720
  "type": "dark-mode",
1637
- "item": "menu-item",
1638
- "subitem": "background",
1639
- "state": "active"
1721
+ "item": "menu",
1722
+ "subitem": "item",
1723
+ "state": "description-text"
1640
1724
  },
1641
1725
  "path": [
1642
1726
  "color",
1643
1727
  "dark-mode",
1644
- "menu-item",
1645
- "background",
1646
- "active"
1728
+ "menu",
1729
+ "item",
1730
+ "description-text"
1647
1731
  ]
1648
1732
  }
1649
- },
1650
- "foreground": {
1651
- "value": "#ffffff",
1652
- "public": true,
1653
- "isReferenceToInternal": true,
1654
- "filePath": "tokens/color/alias/menu.dark.json",
1655
- "isSource": true,
1656
- "original": {
1657
- "value": "{color.dark-mode.foreground.default}",
1658
- "public": true,
1659
- "isReferenceToInternal": true
1660
- },
1661
- "name": "color-dark-mode-menu-item-foreground",
1662
- "attributes": {
1663
- "category": "color",
1664
- "type": "dark-mode",
1665
- "item": "menu-item",
1666
- "subitem": "foreground"
1667
- },
1668
- "path": [
1669
- "color",
1670
- "dark-mode",
1671
- "menu-item",
1672
- "foreground"
1673
- ]
1674
1733
  }
1675
1734
  },
1676
1735
  "panel": {
@@ -1561,116 +1561,175 @@
1561
1561
  "menu",
1562
1562
  "background"
1563
1563
  ]
1564
- }
1565
- },
1566
- "menu-item": {
1567
- "background": {
1568
- "default": {
1569
- "value": "#ffffff",
1564
+ },
1565
+ "item": {
1566
+ "background": {
1567
+ "default": {
1568
+ "value": "#ffffff",
1569
+ "public": true,
1570
+ "isReferenceToInternal": true,
1571
+ "filePath": "tokens/color/alias/menu.light.json",
1572
+ "isSource": true,
1573
+ "original": {
1574
+ "value": "{color.light-mode.background.default}",
1575
+ "public": true,
1576
+ "isReferenceToInternal": true
1577
+ },
1578
+ "name": "color-light-mode-menu-item-background-default",
1579
+ "attributes": {
1580
+ "category": "color",
1581
+ "type": "light-mode",
1582
+ "item": "menu",
1583
+ "subitem": "item",
1584
+ "state": "background"
1585
+ },
1586
+ "path": [
1587
+ "color",
1588
+ "light-mode",
1589
+ "menu",
1590
+ "item",
1591
+ "background",
1592
+ "default"
1593
+ ]
1594
+ },
1595
+ "hover": {
1596
+ "value": "#f1f1f1",
1597
+ "public": true,
1598
+ "isReferenceToInternal": true,
1599
+ "filePath": "tokens/color/alias/menu.light.json",
1600
+ "isSource": true,
1601
+ "original": {
1602
+ "value": "{color.light-mode.neutral.050}",
1603
+ "public": true,
1604
+ "isReferenceToInternal": true
1605
+ },
1606
+ "name": "color-light-mode-menu-item-background-hover",
1607
+ "attributes": {
1608
+ "category": "color",
1609
+ "type": "light-mode",
1610
+ "item": "menu",
1611
+ "subitem": "item",
1612
+ "state": "background"
1613
+ },
1614
+ "path": [
1615
+ "color",
1616
+ "light-mode",
1617
+ "menu",
1618
+ "item",
1619
+ "background",
1620
+ "hover"
1621
+ ]
1622
+ },
1623
+ "active": {
1624
+ "value": "#cfcfd3",
1625
+ "public": true,
1626
+ "isReferenceToInternal": true,
1627
+ "filePath": "tokens/color/alias/menu.light.json",
1628
+ "isSource": true,
1629
+ "original": {
1630
+ "value": "{color.light-mode.neutral.100}",
1631
+ "public": true,
1632
+ "isReferenceToInternal": true
1633
+ },
1634
+ "name": "color-light-mode-menu-item-background-active",
1635
+ "attributes": {
1636
+ "category": "color",
1637
+ "type": "light-mode",
1638
+ "item": "menu",
1639
+ "subitem": "item",
1640
+ "state": "background"
1641
+ },
1642
+ "path": [
1643
+ "color",
1644
+ "light-mode",
1645
+ "menu",
1646
+ "item",
1647
+ "background",
1648
+ "active"
1649
+ ]
1650
+ }
1651
+ },
1652
+ "foreground": {
1653
+ "value": "#23232d",
1570
1654
  "public": true,
1571
1655
  "isReferenceToInternal": true,
1572
1656
  "filePath": "tokens/color/alias/menu.light.json",
1573
1657
  "isSource": true,
1574
1658
  "original": {
1575
- "value": "{color.light-mode.background.default}",
1659
+ "value": "{color.light-mode.foreground.default}",
1576
1660
  "public": true,
1577
1661
  "isReferenceToInternal": true
1578
1662
  },
1579
- "name": "color-light-mode-menu-item-background-default",
1663
+ "name": "color-light-mode-menu-item-foreground",
1580
1664
  "attributes": {
1581
1665
  "category": "color",
1582
1666
  "type": "light-mode",
1583
- "item": "menu-item",
1584
- "subitem": "background",
1585
- "state": "default"
1667
+ "item": "menu",
1668
+ "subitem": "item",
1669
+ "state": "foreground"
1586
1670
  },
1587
1671
  "path": [
1588
1672
  "color",
1589
1673
  "light-mode",
1590
- "menu-item",
1591
- "background",
1592
- "default"
1674
+ "menu",
1675
+ "item",
1676
+ "foreground"
1593
1677
  ]
1594
1678
  },
1595
- "hover": {
1596
- "value": "#f1f1f1",
1679
+ "heading-text": {
1680
+ "value": "#71717c",
1597
1681
  "public": true,
1598
1682
  "isReferenceToInternal": true,
1599
1683
  "filePath": "tokens/color/alias/menu.light.json",
1600
1684
  "isSource": true,
1601
1685
  "original": {
1602
- "value": "{color.light-mode.neutral.050}",
1686
+ "value": "{color.light-mode.neutral.400}",
1603
1687
  "public": true,
1604
1688
  "isReferenceToInternal": true
1605
1689
  },
1606
- "name": "color-light-mode-menu-item-background-hover",
1690
+ "name": "color-light-mode-menu-item-heading-text",
1607
1691
  "attributes": {
1608
1692
  "category": "color",
1609
1693
  "type": "light-mode",
1610
- "item": "menu-item",
1611
- "subitem": "background",
1612
- "state": "hover"
1694
+ "item": "menu",
1695
+ "subitem": "item",
1696
+ "state": "heading-text"
1613
1697
  },
1614
1698
  "path": [
1615
1699
  "color",
1616
1700
  "light-mode",
1617
- "menu-item",
1618
- "background",
1619
- "hover"
1701
+ "menu",
1702
+ "item",
1703
+ "heading-text"
1620
1704
  ]
1621
1705
  },
1622
- "active": {
1623
- "value": "#cfcfd3",
1706
+ "description-text": {
1707
+ "value": "#71717c",
1624
1708
  "public": true,
1625
1709
  "isReferenceToInternal": true,
1626
1710
  "filePath": "tokens/color/alias/menu.light.json",
1627
1711
  "isSource": true,
1628
1712
  "original": {
1629
- "value": "{color.light-mode.neutral.100}",
1713
+ "value": "{color.light-mode.neutral.400}",
1630
1714
  "public": true,
1631
1715
  "isReferenceToInternal": true
1632
1716
  },
1633
- "name": "color-light-mode-menu-item-background-active",
1717
+ "name": "color-light-mode-menu-item-description-text",
1634
1718
  "attributes": {
1635
1719
  "category": "color",
1636
1720
  "type": "light-mode",
1637
- "item": "menu-item",
1638
- "subitem": "background",
1639
- "state": "active"
1721
+ "item": "menu",
1722
+ "subitem": "item",
1723
+ "state": "description-text"
1640
1724
  },
1641
1725
  "path": [
1642
1726
  "color",
1643
1727
  "light-mode",
1644
- "menu-item",
1645
- "background",
1646
- "active"
1728
+ "menu",
1729
+ "item",
1730
+ "description-text"
1647
1731
  ]
1648
1732
  }
1649
- },
1650
- "foreground": {
1651
- "value": "#23232d",
1652
- "public": true,
1653
- "isReferenceToInternal": true,
1654
- "filePath": "tokens/color/alias/menu.light.json",
1655
- "isSource": true,
1656
- "original": {
1657
- "value": "{color.light-mode.foreground.default}",
1658
- "public": true,
1659
- "isReferenceToInternal": true
1660
- },
1661
- "name": "color-light-mode-menu-item-foreground",
1662
- "attributes": {
1663
- "category": "color",
1664
- "type": "light-mode",
1665
- "item": "menu-item",
1666
- "subitem": "foreground"
1667
- },
1668
- "path": [
1669
- "color",
1670
- "light-mode",
1671
- "menu-item",
1672
- "foreground"
1673
- ]
1674
1733
  }
1675
1734
  },
1676
1735
  "panel": {
@@ -71,10 +71,12 @@ $pds-color-link-default: #36a3ff;
71
71
  $pds-color-link-hover: #2776b9;
72
72
  $pds-color-link-visited: #967fff;
73
73
  $pds-color-menu-background: #121219;
74
- $pds-color-menu-item-background-active: #282839;
74
+ $pds-color-menu-item-background-active: #504e62;
75
75
  $pds-color-menu-item-background-default: #121219;
76
- $pds-color-menu-item-background-hover: #1d1d29;
76
+ $pds-color-menu-item-background-hover: #282839;
77
+ $pds-color-menu-item-description-text: #a6a3b4;
77
78
  $pds-color-menu-item-foreground: #ffffff;
79
+ $pds-color-menu-item-heading-text: #a6a3b4;
78
80
  $pds-color-panel-default-background: $pds-color-background-default;
79
81
  $pds-color-panel-default-border: $pds-color-border-default;
80
82
  $pds-color-panel-overlay-background: #282839;
@@ -74,7 +74,9 @@ $pds-color-menu-background: #ffffff;
74
74
  $pds-color-menu-item-background-active: #cfcfd3;
75
75
  $pds-color-menu-item-background-default: #ffffff;
76
76
  $pds-color-menu-item-background-hover: #f1f1f1;
77
+ $pds-color-menu-item-description-text: #71717c;
77
78
  $pds-color-menu-item-foreground: #23232d;
79
+ $pds-color-menu-item-heading-text: #71717c;
78
80
  $pds-color-panel-default-background: $pds-color-background-default;
79
81
  $pds-color-panel-default-border: $pds-color-border-default;
80
82
  $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.5",
3
+ "version": "1.0.0-dev.7",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [