@pantheon-systems/pds-design-tokens 1.0.0-dev.2 → 1.0.0-dev.4

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 +5 -0
  2. package/build/css/pds-design-tokens-light-mode.css +5 -0
  3. package/build/figma/pds-design-tokens-figma.json +274 -0
  4. package/build/json/pds-design-tokens-dark-mode.json +137 -0
  5. package/build/json/pds-design-tokens-light-mode.json +137 -0
  6. package/build/scss/_pds-design-tokens-dark-mode.scss +5 -0
  7. package/build/scss/_pds-design-tokens-light-mode.scss +5 -0
  8. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -72,6 +72,11 @@
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: #282839;
77
+ --pds-color-menu-item-background-default: #121219;
78
+ --pds-color-menu-item-background-hover: #1d1d29;
79
+ --pds-color-menu-item-foreground: #ffffff;
75
80
  --pds-color-panel-default-background: var(--pds-color-background-default);
76
81
  --pds-color-panel-default-border: var(--pds-color-border-default);
77
82
  --pds-color-panel-overlay-background: #282839;
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -72,6 +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;
76
+ --pds-color-menu-item-background-active: #cfcfd3;
77
+ --pds-color-menu-item-background-default: #ffffff;
78
+ --pds-color-menu-item-background-hover: #f1f1f1;
79
+ --pds-color-menu-item-foreground: #23232d;
75
80
  --pds-color-panel-default-background: var(--pds-color-background-default);
76
81
  --pds-color-panel-default-border: var(--pds-color-border-default);
77
82
  --pds-color-panel-overlay-background: var(--pds-color-background-default);
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -3122,6 +3122,143 @@
3122
3122
  ]
3123
3123
  }
3124
3124
  },
3125
+ "menu": {
3126
+ "background": {
3127
+ "value": "#121219",
3128
+ "public": true,
3129
+ "isReferenceToInternal": true,
3130
+ "filePath": "tokens/color/alias/menu.dark.json",
3131
+ "isSource": true,
3132
+ "original": {
3133
+ "value": "{color.dark-mode.neutral.700}",
3134
+ "public": true,
3135
+ "isReferenceToInternal": true
3136
+ },
3137
+ "name": "color-dark-mode-menu-background",
3138
+ "attributes": {
3139
+ "category": "color",
3140
+ "type": "dark-mode",
3141
+ "item": "menu",
3142
+ "subitem": "background"
3143
+ },
3144
+ "path": [
3145
+ "color",
3146
+ "dark-mode",
3147
+ "menu",
3148
+ "background"
3149
+ ]
3150
+ }
3151
+ },
3152
+ "menu-item": {
3153
+ "background": {
3154
+ "default": {
3155
+ "value": "#121219",
3156
+ "public": true,
3157
+ "isReferenceToInternal": true,
3158
+ "filePath": "tokens/color/alias/menu.dark.json",
3159
+ "isSource": true,
3160
+ "original": {
3161
+ "value": "{color.dark-mode.neutral.700}",
3162
+ "public": true,
3163
+ "isReferenceToInternal": true
3164
+ },
3165
+ "name": "color-dark-mode-menu-item-background-default",
3166
+ "attributes": {
3167
+ "category": "color",
3168
+ "type": "dark-mode",
3169
+ "item": "menu-item",
3170
+ "subitem": "background",
3171
+ "state": "default"
3172
+ },
3173
+ "path": [
3174
+ "color",
3175
+ "dark-mode",
3176
+ "menu-item",
3177
+ "background",
3178
+ "default"
3179
+ ]
3180
+ },
3181
+ "hover": {
3182
+ "value": "#1d1d29",
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.600}",
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-item",
3197
+ "subitem": "background",
3198
+ "state": "hover"
3199
+ },
3200
+ "path": [
3201
+ "color",
3202
+ "dark-mode",
3203
+ "menu-item",
3204
+ "background",
3205
+ "hover"
3206
+ ]
3207
+ },
3208
+ "active": {
3209
+ "value": "#282839",
3210
+ "public": true,
3211
+ "isReferenceToInternal": true,
3212
+ "filePath": "tokens/color/alias/menu.dark.json",
3213
+ "isSource": true,
3214
+ "original": {
3215
+ "value": "{color.dark-mode.neutral.500}",
3216
+ "public": true,
3217
+ "isReferenceToInternal": true
3218
+ },
3219
+ "name": "color-dark-mode-menu-item-background-active",
3220
+ "attributes": {
3221
+ "category": "color",
3222
+ "type": "dark-mode",
3223
+ "item": "menu-item",
3224
+ "subitem": "background",
3225
+ "state": "active"
3226
+ },
3227
+ "path": [
3228
+ "color",
3229
+ "dark-mode",
3230
+ "menu-item",
3231
+ "background",
3232
+ "active"
3233
+ ]
3234
+ }
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
+ }
3261
+ },
3125
3262
  "panel": {
3126
3263
  "default": {
3127
3264
  "background": {
@@ -6664,6 +6801,143 @@
6664
6801
  ]
6665
6802
  }
6666
6803
  },
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}",
6813
+ "public": true,
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": {
6832
+ "background": {
6833
+ "default": {
6834
+ "value": "#ffffff",
6835
+ "public": true,
6836
+ "isReferenceToInternal": true,
6837
+ "filePath": "tokens/color/alias/menu.light.json",
6838
+ "isSource": true,
6839
+ "original": {
6840
+ "value": "{color.light-mode.background.default}",
6841
+ "public": true,
6842
+ "isReferenceToInternal": true
6843
+ },
6844
+ "name": "color-light-mode-menu-item-background-default",
6845
+ "attributes": {
6846
+ "category": "color",
6847
+ "type": "light-mode",
6848
+ "item": "menu-item",
6849
+ "subitem": "background",
6850
+ "state": "default"
6851
+ },
6852
+ "path": [
6853
+ "color",
6854
+ "light-mode",
6855
+ "menu-item",
6856
+ "background",
6857
+ "default"
6858
+ ]
6859
+ },
6860
+ "hover": {
6861
+ "value": "#f1f1f1",
6862
+ "public": true,
6863
+ "isReferenceToInternal": true,
6864
+ "filePath": "tokens/color/alias/menu.light.json",
6865
+ "isSource": true,
6866
+ "original": {
6867
+ "value": "{color.light-mode.neutral.050}",
6868
+ "public": true,
6869
+ "isReferenceToInternal": true
6870
+ },
6871
+ "name": "color-light-mode-menu-item-background-hover",
6872
+ "attributes": {
6873
+ "category": "color",
6874
+ "type": "light-mode",
6875
+ "item": "menu-item",
6876
+ "subitem": "background",
6877
+ "state": "hover"
6878
+ },
6879
+ "path": [
6880
+ "color",
6881
+ "light-mode",
6882
+ "menu-item",
6883
+ "background",
6884
+ "hover"
6885
+ ]
6886
+ },
6887
+ "active": {
6888
+ "value": "#cfcfd3",
6889
+ "public": true,
6890
+ "isReferenceToInternal": true,
6891
+ "filePath": "tokens/color/alias/menu.light.json",
6892
+ "isSource": true,
6893
+ "original": {
6894
+ "value": "{color.light-mode.neutral.100}",
6895
+ "public": true,
6896
+ "isReferenceToInternal": true
6897
+ },
6898
+ "name": "color-light-mode-menu-item-background-active",
6899
+ "attributes": {
6900
+ "category": "color",
6901
+ "type": "light-mode",
6902
+ "item": "menu-item",
6903
+ "subitem": "background",
6904
+ "state": "active"
6905
+ },
6906
+ "path": [
6907
+ "color",
6908
+ "light-mode",
6909
+ "menu-item",
6910
+ "background",
6911
+ "active"
6912
+ ]
6913
+ }
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
+ }
6940
+ },
6667
6941
  "panel": {
6668
6942
  "default": {
6669
6943
  "background": {
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -1536,6 +1536,143 @@
1536
1536
  ]
1537
1537
  }
1538
1538
  },
1539
+ "menu": {
1540
+ "background": {
1541
+ "value": "#121219",
1542
+ "public": true,
1543
+ "isReferenceToInternal": true,
1544
+ "filePath": "tokens/color/alias/menu.dark.json",
1545
+ "isSource": true,
1546
+ "original": {
1547
+ "value": "{color.dark-mode.neutral.700}",
1548
+ "public": true,
1549
+ "isReferenceToInternal": true
1550
+ },
1551
+ "name": "color-dark-mode-menu-background",
1552
+ "attributes": {
1553
+ "category": "color",
1554
+ "type": "dark-mode",
1555
+ "item": "menu",
1556
+ "subitem": "background"
1557
+ },
1558
+ "path": [
1559
+ "color",
1560
+ "dark-mode",
1561
+ "menu",
1562
+ "background"
1563
+ ]
1564
+ }
1565
+ },
1566
+ "menu-item": {
1567
+ "background": {
1568
+ "default": {
1569
+ "value": "#121219",
1570
+ "public": true,
1571
+ "isReferenceToInternal": true,
1572
+ "filePath": "tokens/color/alias/menu.dark.json",
1573
+ "isSource": true,
1574
+ "original": {
1575
+ "value": "{color.dark-mode.neutral.700}",
1576
+ "public": true,
1577
+ "isReferenceToInternal": true
1578
+ },
1579
+ "name": "color-dark-mode-menu-item-background-default",
1580
+ "attributes": {
1581
+ "category": "color",
1582
+ "type": "dark-mode",
1583
+ "item": "menu-item",
1584
+ "subitem": "background",
1585
+ "state": "default"
1586
+ },
1587
+ "path": [
1588
+ "color",
1589
+ "dark-mode",
1590
+ "menu-item",
1591
+ "background",
1592
+ "default"
1593
+ ]
1594
+ },
1595
+ "hover": {
1596
+ "value": "#1d1d29",
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.600}",
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-item",
1611
+ "subitem": "background",
1612
+ "state": "hover"
1613
+ },
1614
+ "path": [
1615
+ "color",
1616
+ "dark-mode",
1617
+ "menu-item",
1618
+ "background",
1619
+ "hover"
1620
+ ]
1621
+ },
1622
+ "active": {
1623
+ "value": "#282839",
1624
+ "public": true,
1625
+ "isReferenceToInternal": true,
1626
+ "filePath": "tokens/color/alias/menu.dark.json",
1627
+ "isSource": true,
1628
+ "original": {
1629
+ "value": "{color.dark-mode.neutral.500}",
1630
+ "public": true,
1631
+ "isReferenceToInternal": true
1632
+ },
1633
+ "name": "color-dark-mode-menu-item-background-active",
1634
+ "attributes": {
1635
+ "category": "color",
1636
+ "type": "dark-mode",
1637
+ "item": "menu-item",
1638
+ "subitem": "background",
1639
+ "state": "active"
1640
+ },
1641
+ "path": [
1642
+ "color",
1643
+ "dark-mode",
1644
+ "menu-item",
1645
+ "background",
1646
+ "active"
1647
+ ]
1648
+ }
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
+ }
1675
+ },
1539
1676
  "panel": {
1540
1677
  "default": {
1541
1678
  "background": {
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -1536,6 +1536,143 @@
1536
1536
  ]
1537
1537
  }
1538
1538
  },
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}",
1548
+ "public": true,
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": {
1567
+ "background": {
1568
+ "default": {
1569
+ "value": "#ffffff",
1570
+ "public": true,
1571
+ "isReferenceToInternal": true,
1572
+ "filePath": "tokens/color/alias/menu.light.json",
1573
+ "isSource": true,
1574
+ "original": {
1575
+ "value": "{color.light-mode.background.default}",
1576
+ "public": true,
1577
+ "isReferenceToInternal": true
1578
+ },
1579
+ "name": "color-light-mode-menu-item-background-default",
1580
+ "attributes": {
1581
+ "category": "color",
1582
+ "type": "light-mode",
1583
+ "item": "menu-item",
1584
+ "subitem": "background",
1585
+ "state": "default"
1586
+ },
1587
+ "path": [
1588
+ "color",
1589
+ "light-mode",
1590
+ "menu-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-item",
1611
+ "subitem": "background",
1612
+ "state": "hover"
1613
+ },
1614
+ "path": [
1615
+ "color",
1616
+ "light-mode",
1617
+ "menu-item",
1618
+ "background",
1619
+ "hover"
1620
+ ]
1621
+ },
1622
+ "active": {
1623
+ "value": "#cfcfd3",
1624
+ "public": true,
1625
+ "isReferenceToInternal": true,
1626
+ "filePath": "tokens/color/alias/menu.light.json",
1627
+ "isSource": true,
1628
+ "original": {
1629
+ "value": "{color.light-mode.neutral.100}",
1630
+ "public": true,
1631
+ "isReferenceToInternal": true
1632
+ },
1633
+ "name": "color-light-mode-menu-item-background-active",
1634
+ "attributes": {
1635
+ "category": "color",
1636
+ "type": "light-mode",
1637
+ "item": "menu-item",
1638
+ "subitem": "background",
1639
+ "state": "active"
1640
+ },
1641
+ "path": [
1642
+ "color",
1643
+ "light-mode",
1644
+ "menu-item",
1645
+ "background",
1646
+ "active"
1647
+ ]
1648
+ }
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
+ }
1675
+ },
1539
1676
  "panel": {
1540
1677
  "default": {
1541
1678
  "background": {
package/build/scss/_pds-design-tokens-dark-mode.scss CHANGED
@@ -70,6 +70,11 @@ $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: #282839;
75
+ $pds-color-menu-item-background-default: #121219;
76
+ $pds-color-menu-item-background-hover: #1d1d29;
77
+ $pds-color-menu-item-foreground: #ffffff;
73
78
  $pds-color-panel-default-background: $pds-color-background-default;
74
79
  $pds-color-panel-default-border: $pds-color-border-default;
75
80
  $pds-color-panel-overlay-background: #282839;
package/build/scss/_pds-design-tokens-light-mode.scss CHANGED
@@ -70,6 +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;
74
+ $pds-color-menu-item-background-active: #cfcfd3;
75
+ $pds-color-menu-item-background-default: #ffffff;
76
+ $pds-color-menu-item-background-hover: #f1f1f1;
77
+ $pds-color-menu-item-foreground: #23232d;
73
78
  $pds-color-panel-default-background: $pds-color-background-default;
74
79
  $pds-color-panel-default-border: $pds-color-border-default;
75
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.2",
3
+ "version": "1.0.0-dev.4",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [