@pantheon-systems/pds-design-tokens 1.0.0-dev.6 → 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.
@@ -72,11 +72,13 @@
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
+ --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);
@@ -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
  },
@@ -3147,116 +3180,175 @@
3147
3180
  "menu",
3148
3181
  "background"
3149
3182
  ]
3150
- }
3151
- },
3152
- "menu-item": {
3153
- "background": {
3154
- "default": {
3155
- "value": "#121219",
3183
+ },
3184
+ "item": {
3185
+ "background": {
3186
+ "default": {
3187
+ "value": "#282839",
3188
+ "public": true,
3189
+ "isReferenceToInternal": true,
3190
+ "filePath": "tokens/color/alias/menu.dark.json",
3191
+ "isSource": true,
3192
+ "original": {
3193
+ "value": "{color.dark-mode.neutral.500}",
3194
+ "public": true,
3195
+ "isReferenceToInternal": true
3196
+ },
3197
+ "name": "color-dark-mode-menu-item-background-default",
3198
+ "attributes": {
3199
+ "category": "color",
3200
+ "type": "dark-mode",
3201
+ "item": "menu",
3202
+ "subitem": "item",
3203
+ "state": "background"
3204
+ },
3205
+ "path": [
3206
+ "color",
3207
+ "dark-mode",
3208
+ "menu",
3209
+ "item",
3210
+ "background",
3211
+ "default"
3212
+ ]
3213
+ },
3214
+ "hover": {
3215
+ "value": "#504e62",
3216
+ "public": true,
3217
+ "isReferenceToInternal": true,
3218
+ "filePath": "tokens/color/alias/menu.dark.json",
3219
+ "isSource": true,
3220
+ "original": {
3221
+ "value": "{color.dark-mode.neutral.400}",
3222
+ "public": true,
3223
+ "isReferenceToInternal": true
3224
+ },
3225
+ "name": "color-dark-mode-menu-item-background-hover",
3226
+ "attributes": {
3227
+ "category": "color",
3228
+ "type": "dark-mode",
3229
+ "item": "menu",
3230
+ "subitem": "item",
3231
+ "state": "background"
3232
+ },
3233
+ "path": [
3234
+ "color",
3235
+ "dark-mode",
3236
+ "menu",
3237
+ "item",
3238
+ "background",
3239
+ "hover"
3240
+ ]
3241
+ },
3242
+ "active": {
3243
+ "value": "#858299",
3244
+ "public": true,
3245
+ "isReferenceToInternal": true,
3246
+ "filePath": "tokens/color/alias/menu.dark.json",
3247
+ "isSource": true,
3248
+ "original": {
3249
+ "value": "{color.dark-mode.neutral.300}",
3250
+ "public": true,
3251
+ "isReferenceToInternal": true
3252
+ },
3253
+ "name": "color-dark-mode-menu-item-background-active",
3254
+ "attributes": {
3255
+ "category": "color",
3256
+ "type": "dark-mode",
3257
+ "item": "menu",
3258
+ "subitem": "item",
3259
+ "state": "background"
3260
+ },
3261
+ "path": [
3262
+ "color",
3263
+ "dark-mode",
3264
+ "menu",
3265
+ "item",
3266
+ "background",
3267
+ "active"
3268
+ ]
3269
+ }
3270
+ },
3271
+ "foreground": {
3272
+ "value": "#ffffff",
3156
3273
  "public": true,
3157
3274
  "isReferenceToInternal": true,
3158
3275
  "filePath": "tokens/color/alias/menu.dark.json",
3159
3276
  "isSource": true,
3160
3277
  "original": {
3161
- "value": "{color.dark-mode.neutral.700}",
3278
+ "value": "{color.dark-mode.foreground.default}",
3162
3279
  "public": true,
3163
3280
  "isReferenceToInternal": true
3164
3281
  },
3165
- "name": "color-dark-mode-menu-item-background-default",
3282
+ "name": "color-dark-mode-menu-item-foreground",
3166
3283
  "attributes": {
3167
3284
  "category": "color",
3168
3285
  "type": "dark-mode",
3169
- "item": "menu-item",
3170
- "subitem": "background",
3171
- "state": "default"
3286
+ "item": "menu",
3287
+ "subitem": "item",
3288
+ "state": "foreground"
3172
3289
  },
3173
3290
  "path": [
3174
3291
  "color",
3175
3292
  "dark-mode",
3176
- "menu-item",
3177
- "background",
3178
- "default"
3293
+ "menu",
3294
+ "item",
3295
+ "foreground"
3179
3296
  ]
3180
3297
  },
3181
- "hover": {
3182
- "value": "#282839",
3298
+ "heading-text": {
3299
+ "value": "#a6a3b4",
3183
3300
  "public": true,
3184
3301
  "isReferenceToInternal": true,
3185
3302
  "filePath": "tokens/color/alias/menu.dark.json",
3186
3303
  "isSource": true,
3187
3304
  "original": {
3188
- "value": "{color.dark-mode.neutral.500}",
3305
+ "value": "{color.dark-mode.neutral.200.value}",
3189
3306
  "public": true,
3190
3307
  "isReferenceToInternal": true
3191
3308
  },
3192
- "name": "color-dark-mode-menu-item-background-hover",
3309
+ "name": "color-dark-mode-menu-item-heading-text",
3193
3310
  "attributes": {
3194
3311
  "category": "color",
3195
3312
  "type": "dark-mode",
3196
- "item": "menu-item",
3197
- "subitem": "background",
3198
- "state": "hover"
3313
+ "item": "menu",
3314
+ "subitem": "item",
3315
+ "state": "heading-text"
3199
3316
  },
3200
3317
  "path": [
3201
3318
  "color",
3202
3319
  "dark-mode",
3203
- "menu-item",
3204
- "background",
3205
- "hover"
3320
+ "menu",
3321
+ "item",
3322
+ "heading-text"
3206
3323
  ]
3207
3324
  },
3208
- "active": {
3209
- "value": "#504e62",
3325
+ "description-text": {
3326
+ "value": "#a6a3b4",
3210
3327
  "public": true,
3211
3328
  "isReferenceToInternal": true,
3212
3329
  "filePath": "tokens/color/alias/menu.dark.json",
3213
3330
  "isSource": true,
3214
3331
  "original": {
3215
- "value": "{color.dark-mode.neutral.400}",
3332
+ "value": "{color.dark-mode.neutral.200.value}",
3216
3333
  "public": true,
3217
3334
  "isReferenceToInternal": true
3218
3335
  },
3219
- "name": "color-dark-mode-menu-item-background-active",
3336
+ "name": "color-dark-mode-menu-item-description-text",
3220
3337
  "attributes": {
3221
3338
  "category": "color",
3222
3339
  "type": "dark-mode",
3223
- "item": "menu-item",
3224
- "subitem": "background",
3225
- "state": "active"
3340
+ "item": "menu",
3341
+ "subitem": "item",
3342
+ "state": "description-text"
3226
3343
  },
3227
3344
  "path": [
3228
3345
  "color",
3229
3346
  "dark-mode",
3230
- "menu-item",
3231
- "background",
3232
- "active"
3347
+ "menu",
3348
+ "item",
3349
+ "description-text"
3233
3350
  ]
3234
3351
  }
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
3352
  }
3261
3353
  },
3262
3354
  "panel": {
@@ -6826,116 +6918,175 @@
6826
6918
  "menu",
6827
6919
  "background"
6828
6920
  ]
6829
- }
6830
- },
6831
- "menu-item": {
6832
- "background": {
6833
- "default": {
6834
- "value": "#ffffff",
6921
+ },
6922
+ "item": {
6923
+ "background": {
6924
+ "default": {
6925
+ "value": "#ffffff",
6926
+ "public": true,
6927
+ "isReferenceToInternal": true,
6928
+ "filePath": "tokens/color/alias/menu.light.json",
6929
+ "isSource": true,
6930
+ "original": {
6931
+ "value": "{color.light-mode.background.default}",
6932
+ "public": true,
6933
+ "isReferenceToInternal": true
6934
+ },
6935
+ "name": "color-light-mode-menu-item-background-default",
6936
+ "attributes": {
6937
+ "category": "color",
6938
+ "type": "light-mode",
6939
+ "item": "menu",
6940
+ "subitem": "item",
6941
+ "state": "background"
6942
+ },
6943
+ "path": [
6944
+ "color",
6945
+ "light-mode",
6946
+ "menu",
6947
+ "item",
6948
+ "background",
6949
+ "default"
6950
+ ]
6951
+ },
6952
+ "hover": {
6953
+ "value": "#f1f1f1",
6954
+ "public": true,
6955
+ "isReferenceToInternal": true,
6956
+ "filePath": "tokens/color/alias/menu.light.json",
6957
+ "isSource": true,
6958
+ "original": {
6959
+ "value": "{color.light-mode.neutral.050}",
6960
+ "public": true,
6961
+ "isReferenceToInternal": true
6962
+ },
6963
+ "name": "color-light-mode-menu-item-background-hover",
6964
+ "attributes": {
6965
+ "category": "color",
6966
+ "type": "light-mode",
6967
+ "item": "menu",
6968
+ "subitem": "item",
6969
+ "state": "background"
6970
+ },
6971
+ "path": [
6972
+ "color",
6973
+ "light-mode",
6974
+ "menu",
6975
+ "item",
6976
+ "background",
6977
+ "hover"
6978
+ ]
6979
+ },
6980
+ "active": {
6981
+ "value": "#cfcfd3",
6982
+ "public": true,
6983
+ "isReferenceToInternal": true,
6984
+ "filePath": "tokens/color/alias/menu.light.json",
6985
+ "isSource": true,
6986
+ "original": {
6987
+ "value": "{color.light-mode.neutral.100}",
6988
+ "public": true,
6989
+ "isReferenceToInternal": true
6990
+ },
6991
+ "name": "color-light-mode-menu-item-background-active",
6992
+ "attributes": {
6993
+ "category": "color",
6994
+ "type": "light-mode",
6995
+ "item": "menu",
6996
+ "subitem": "item",
6997
+ "state": "background"
6998
+ },
6999
+ "path": [
7000
+ "color",
7001
+ "light-mode",
7002
+ "menu",
7003
+ "item",
7004
+ "background",
7005
+ "active"
7006
+ ]
7007
+ }
7008
+ },
7009
+ "foreground": {
7010
+ "value": "#23232d",
6835
7011
  "public": true,
6836
7012
  "isReferenceToInternal": true,
6837
7013
  "filePath": "tokens/color/alias/menu.light.json",
6838
7014
  "isSource": true,
6839
7015
  "original": {
6840
- "value": "{color.light-mode.background.default}",
7016
+ "value": "{color.light-mode.foreground.default}",
6841
7017
  "public": true,
6842
7018
  "isReferenceToInternal": true
6843
7019
  },
6844
- "name": "color-light-mode-menu-item-background-default",
7020
+ "name": "color-light-mode-menu-item-foreground",
6845
7021
  "attributes": {
6846
7022
  "category": "color",
6847
7023
  "type": "light-mode",
6848
- "item": "menu-item",
6849
- "subitem": "background",
6850
- "state": "default"
7024
+ "item": "menu",
7025
+ "subitem": "item",
7026
+ "state": "foreground"
6851
7027
  },
6852
7028
  "path": [
6853
7029
  "color",
6854
7030
  "light-mode",
6855
- "menu-item",
6856
- "background",
6857
- "default"
7031
+ "menu",
7032
+ "item",
7033
+ "foreground"
6858
7034
  ]
6859
7035
  },
6860
- "hover": {
6861
- "value": "#f1f1f1",
7036
+ "heading-text": {
7037
+ "value": "#71717c",
6862
7038
  "public": true,
6863
7039
  "isReferenceToInternal": true,
6864
7040
  "filePath": "tokens/color/alias/menu.light.json",
6865
7041
  "isSource": true,
6866
7042
  "original": {
6867
- "value": "{color.light-mode.neutral.050}",
7043
+ "value": "{color.light-mode.neutral.400}",
6868
7044
  "public": true,
6869
7045
  "isReferenceToInternal": true
6870
7046
  },
6871
- "name": "color-light-mode-menu-item-background-hover",
7047
+ "name": "color-light-mode-menu-item-heading-text",
6872
7048
  "attributes": {
6873
7049
  "category": "color",
6874
7050
  "type": "light-mode",
6875
- "item": "menu-item",
6876
- "subitem": "background",
6877
- "state": "hover"
7051
+ "item": "menu",
7052
+ "subitem": "item",
7053
+ "state": "heading-text"
6878
7054
  },
6879
7055
  "path": [
6880
7056
  "color",
6881
7057
  "light-mode",
6882
- "menu-item",
6883
- "background",
6884
- "hover"
7058
+ "menu",
7059
+ "item",
7060
+ "heading-text"
6885
7061
  ]
6886
7062
  },
6887
- "active": {
6888
- "value": "#cfcfd3",
7063
+ "description-text": {
7064
+ "value": "#71717c",
6889
7065
  "public": true,
6890
7066
  "isReferenceToInternal": true,
6891
7067
  "filePath": "tokens/color/alias/menu.light.json",
6892
7068
  "isSource": true,
6893
7069
  "original": {
6894
- "value": "{color.light-mode.neutral.100}",
7070
+ "value": "{color.light-mode.neutral.400}",
6895
7071
  "public": true,
6896
7072
  "isReferenceToInternal": true
6897
7073
  },
6898
- "name": "color-light-mode-menu-item-background-active",
7074
+ "name": "color-light-mode-menu-item-description-text",
6899
7075
  "attributes": {
6900
7076
  "category": "color",
6901
7077
  "type": "light-mode",
6902
- "item": "menu-item",
6903
- "subitem": "background",
6904
- "state": "active"
7078
+ "item": "menu",
7079
+ "subitem": "item",
7080
+ "state": "description-text"
6905
7081
  },
6906
7082
  "path": [
6907
7083
  "color",
6908
7084
  "light-mode",
6909
- "menu-item",
6910
- "background",
6911
- "active"
7085
+ "menu",
7086
+ "item",
7087
+ "description-text"
6912
7088
  ]
6913
7089
  }
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
7090
  }
6940
7091
  },
6941
7092
  "panel": {
@@ -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
  },
@@ -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": "#282839",
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.500}",
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": "#504e62",
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.400}",
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": "#858299",
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.300}",
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": "#282839",
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.500}",
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": "#504e62",
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.400}",
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": {
@@ -70,11 +70,13 @@ $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
+ $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.6",
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": [