@pantheon-systems/pds-design-tokens 1.0.0-dev.149 → 1.0.0-dev.150

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.
@@ -10,8 +10,8 @@
10
10
  */
11
11
 
12
12
  :root {
13
- --pds-color-background-default: #1d1d29;
14
- --pds-color-background-default-secondary: #282839;
13
+ --pds-color-background-default: #121219;
14
+ --pds-color-background-default-secondary: #1d1d29;
15
15
  --pds-color-background-reverse: #e7e7eb;
16
16
  --pds-color-badge-indicator-brand-background: #8a70ff;
17
17
  --pds-color-badge-indicator-brand-foreground: #ffffff;
@@ -102,6 +102,14 @@
102
102
  --pds-color-code-inline-background: #282839;
103
103
  --pds-color-code-inline-border: #504e62;
104
104
  --pds-color-code-inline-text: #ffffff;
105
+ --pds-color-dropdown-background: var(--pds-color-background-default-secondary);
106
+ --pds-color-dropdown-description: var(--pds-color-foreground-default-secondary);
107
+ --pds-color-dropdown-foreground: var(--pds-color-foreground-default);
108
+ --pds-color-dropdown-heading: var(--pds-color-foreground-default-secondary);
109
+ --pds-color-dropdown-item-background-active: var(--pds-color-interactive-background-active);
110
+ --pds-color-dropdown-item-background-hover: var(--pds-color-interactive-background-hover);
111
+ --pds-color-dropdown-item-background-selected: var(--pds-color-interactive-background-hover);
112
+ --pds-color-dropdown-top-border: #504e62;
105
113
  --pds-color-expansion-panel-hover: #282839;
106
114
  --pds-color-expansion-panel-open: #282839;
107
115
  --pds-color-foreground-default: #ffffff;
@@ -111,6 +119,8 @@
111
119
  --pds-color-input-file-upload-button-background-default: #504e62;
112
120
  --pds-color-input-file-upload-button-background-hover: #3d3c4d;
113
121
  --pds-color-input-switch-icon: #ffffff;
122
+ --pds-color-interactive-background-active: #504e62;
123
+ --pds-color-interactive-background-hover: #282839;
114
124
  --pds-color-interactive-focus: #36a3ff;
115
125
  --pds-color-interactive-link-active: #ad9bff;
116
126
  --pds-color-interactive-link-default: #36a3ff;
@@ -121,6 +131,11 @@
121
131
  --pds-color-interactive-reverse-link-default: #0f62fe;
122
132
  --pds-color-interactive-reverse-link-hover: #4f32ce;
123
133
  --pds-color-interactive-reverse-link-visited: #4f32ce;
134
+ --pds-color-nav-item-default-foreground-active: #ad9bff;
135
+ --pds-color-nav-item-default-foreground-hover: #ad9bff;
136
+ --pds-color-nav-item-default-foreground-trigger: #a6a3b4;
137
+ --pds-color-nav-item-reverse-foreground-active: #4e39a8;
138
+ --pds-color-nav-item-reverse-foreground-hover: #4e39a8;
124
139
  --pds-color-overlay: rgba(9, 0, 48, 0.45);
125
140
  --pds-color-pagination-background-active: #2e1d78;
126
141
  --pds-color-pagination-background-hover: #4e39a8;
@@ -183,10 +183,9 @@
183
183
  --pds-color-interactive-reverse-link-visited: #8a70ff;
184
184
  --pds-color-nav-item-default-foreground-active: #4f32ce;
185
185
  --pds-color-nav-item-default-foreground-hover: #4f32ce;
186
+ --pds-color-nav-item-default-foreground-trigger: #6a6e7a;
186
187
  --pds-color-nav-item-reverse-foreground-active: #e5e0f8;
187
188
  --pds-color-nav-item-reverse-foreground-hover: #e5e0f8;
188
- --pds-color-nav-trigger-default: #6a6e7a;
189
- --pds-color-nav-trigger-open: #4f32ce;
190
189
  --pds-color-neutral-000: #ffffff;
191
190
  --pds-color-neutral-100: #f4f4f4;
192
191
  --pds-color-neutral-200: #e3e4e5;
@@ -5494,7 +5494,7 @@
5494
5494
  "critical": {
5495
5495
  "background": {
5496
5496
  "default": {
5497
- "value": "#1d1d29",
5497
+ "value": "#121219",
5498
5498
  "public": true,
5499
5499
  "filePath": "tokens/color/component/button.dark.json",
5500
5500
  "isSource": true,
@@ -8119,13 +8119,13 @@
8119
8119
  },
8120
8120
  "background": {
8121
8121
  "default": {
8122
- "value": "#1d1d29",
8122
+ "value": "#121219",
8123
8123
  "public": true,
8124
8124
  "isReferenceToInternal": true,
8125
8125
  "filePath": "tokens/color/semantic/background.dark.json",
8126
8126
  "isSource": true,
8127
8127
  "original": {
8128
- "value": "{color.dark-mode.neutral.600.value}",
8128
+ "value": "{color.dark-mode.neutral.700.value}",
8129
8129
  "public": true,
8130
8130
  "isReferenceToInternal": true
8131
8131
  },
@@ -8144,13 +8144,13 @@
8144
8144
  ]
8145
8145
  },
8146
8146
  "default-secondary": {
8147
- "value": "#282839",
8147
+ "value": "#1d1d29",
8148
8148
  "public": true,
8149
8149
  "isReferenceToInternal": true,
8150
8150
  "filePath": "tokens/color/semantic/background.dark.json",
8151
8151
  "isSource": true,
8152
8152
  "original": {
8153
- "value": "{color.dark-mode.neutral.500.value}",
8153
+ "value": "{color.dark-mode.neutral.600.value}",
8154
8154
  "public": true,
8155
8155
  "isReferenceToInternal": true
8156
8156
  },
@@ -8402,6 +8402,207 @@
8402
8402
  "overlay"
8403
8403
  ]
8404
8404
  },
8405
+ "dropdown": {
8406
+ "background": {
8407
+ "value": "#1d1d29",
8408
+ "public": true,
8409
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
8410
+ "isSource": true,
8411
+ "original": {
8412
+ "value": "{color.dark-mode.background.default-secondary.value}",
8413
+ "public": true
8414
+ },
8415
+ "name": "color-dark-mode-dropdown-background",
8416
+ "attributes": {
8417
+ "category": "color",
8418
+ "type": "dark-mode",
8419
+ "item": "dropdown",
8420
+ "subitem": "background"
8421
+ },
8422
+ "path": [
8423
+ "color",
8424
+ "dark-mode",
8425
+ "dropdown",
8426
+ "background"
8427
+ ]
8428
+ },
8429
+ "foreground": {
8430
+ "value": "#ffffff",
8431
+ "public": true,
8432
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
8433
+ "isSource": true,
8434
+ "original": {
8435
+ "value": "{color.dark-mode.foreground.default.value}",
8436
+ "public": true
8437
+ },
8438
+ "name": "color-dark-mode-dropdown-foreground",
8439
+ "attributes": {
8440
+ "category": "color",
8441
+ "type": "dark-mode",
8442
+ "item": "dropdown",
8443
+ "subitem": "foreground"
8444
+ },
8445
+ "path": [
8446
+ "color",
8447
+ "dark-mode",
8448
+ "dropdown",
8449
+ "foreground"
8450
+ ]
8451
+ },
8452
+ "heading": {
8453
+ "value": "#a6a3b4",
8454
+ "public": true,
8455
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
8456
+ "isSource": true,
8457
+ "original": {
8458
+ "value": "{color.dark-mode.foreground.default-secondary.value}",
8459
+ "public": true
8460
+ },
8461
+ "name": "color-dark-mode-dropdown-heading",
8462
+ "attributes": {
8463
+ "category": "color",
8464
+ "type": "dark-mode",
8465
+ "item": "dropdown",
8466
+ "subitem": "heading"
8467
+ },
8468
+ "path": [
8469
+ "color",
8470
+ "dark-mode",
8471
+ "dropdown",
8472
+ "heading"
8473
+ ]
8474
+ },
8475
+ "description": {
8476
+ "value": "#a6a3b4",
8477
+ "public": true,
8478
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
8479
+ "isSource": true,
8480
+ "original": {
8481
+ "value": "{color.dark-mode.foreground.default-secondary.value}",
8482
+ "public": true
8483
+ },
8484
+ "name": "color-dark-mode-dropdown-description",
8485
+ "attributes": {
8486
+ "category": "color",
8487
+ "type": "dark-mode",
8488
+ "item": "dropdown",
8489
+ "subitem": "description"
8490
+ },
8491
+ "path": [
8492
+ "color",
8493
+ "dark-mode",
8494
+ "dropdown",
8495
+ "description"
8496
+ ]
8497
+ },
8498
+ "item": {
8499
+ "background": {
8500
+ "hover": {
8501
+ "value": "#282839",
8502
+ "public": true,
8503
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
8504
+ "isSource": true,
8505
+ "original": {
8506
+ "value": "{color.dark-mode.interactive.background.hover.value}",
8507
+ "public": true
8508
+ },
8509
+ "name": "color-dark-mode-dropdown-item-background-hover",
8510
+ "attributes": {
8511
+ "category": "color",
8512
+ "type": "dark-mode",
8513
+ "item": "dropdown",
8514
+ "subitem": "item",
8515
+ "state": "background"
8516
+ },
8517
+ "path": [
8518
+ "color",
8519
+ "dark-mode",
8520
+ "dropdown",
8521
+ "item",
8522
+ "background",
8523
+ "hover"
8524
+ ]
8525
+ },
8526
+ "active": {
8527
+ "value": "#504e62",
8528
+ "public": true,
8529
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
8530
+ "isSource": true,
8531
+ "original": {
8532
+ "value": "{color.dark-mode.interactive.background.active.value}",
8533
+ "public": true
8534
+ },
8535
+ "name": "color-dark-mode-dropdown-item-background-active",
8536
+ "attributes": {
8537
+ "category": "color",
8538
+ "type": "dark-mode",
8539
+ "item": "dropdown",
8540
+ "subitem": "item",
8541
+ "state": "background"
8542
+ },
8543
+ "path": [
8544
+ "color",
8545
+ "dark-mode",
8546
+ "dropdown",
8547
+ "item",
8548
+ "background",
8549
+ "active"
8550
+ ]
8551
+ },
8552
+ "selected": {
8553
+ "value": "#282839",
8554
+ "public": true,
8555
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
8556
+ "isSource": true,
8557
+ "original": {
8558
+ "value": "{color.dark-mode.interactive.background.hover.value}",
8559
+ "public": true
8560
+ },
8561
+ "name": "color-dark-mode-dropdown-item-background-selected",
8562
+ "attributes": {
8563
+ "category": "color",
8564
+ "type": "dark-mode",
8565
+ "item": "dropdown",
8566
+ "subitem": "item",
8567
+ "state": "background"
8568
+ },
8569
+ "path": [
8570
+ "color",
8571
+ "dark-mode",
8572
+ "dropdown",
8573
+ "item",
8574
+ "background",
8575
+ "selected"
8576
+ ]
8577
+ }
8578
+ }
8579
+ },
8580
+ "top-border": {
8581
+ "value": "#504e62",
8582
+ "public": true,
8583
+ "isReferenceToInternal": true,
8584
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
8585
+ "isSource": true,
8586
+ "original": {
8587
+ "value": "{color.dark-mode.neutral.400.value}",
8588
+ "public": true,
8589
+ "isReferenceToInternal": true
8590
+ },
8591
+ "name": "color-dark-mode-dropdown-top-border",
8592
+ "attributes": {
8593
+ "category": "color",
8594
+ "type": "dark-mode",
8595
+ "item": "dropdown",
8596
+ "subitem": "top-border"
8597
+ },
8598
+ "path": [
8599
+ "color",
8600
+ "dark-mode",
8601
+ "dropdown",
8602
+ "top-border"
8603
+ ]
8604
+ }
8605
+ },
8405
8606
  "foreground": {
8406
8607
  "default": {
8407
8608
  "value": "#ffffff",
@@ -8480,6 +8681,62 @@
8480
8681
  }
8481
8682
  },
8482
8683
  "interactive": {
8684
+ "background": {
8685
+ "hover": {
8686
+ "value": "#282839",
8687
+ "public": true,
8688
+ "isReferenceToInternal": true,
8689
+ "filePath": "tokens/color/semantic/interactive.dark.json",
8690
+ "isSource": true,
8691
+ "original": {
8692
+ "value": "{color.dark-mode.neutral.500.value}",
8693
+ "public": true,
8694
+ "isReferenceToInternal": true
8695
+ },
8696
+ "name": "color-dark-mode-interactive-background-hover",
8697
+ "attributes": {
8698
+ "category": "color",
8699
+ "type": "dark-mode",
8700
+ "item": "interactive",
8701
+ "subitem": "background",
8702
+ "state": "hover"
8703
+ },
8704
+ "path": [
8705
+ "color",
8706
+ "dark-mode",
8707
+ "interactive",
8708
+ "background",
8709
+ "hover"
8710
+ ]
8711
+ },
8712
+ "active": {
8713
+ "value": "#504e62",
8714
+ "public": true,
8715
+ "isReferenceToInternal": true,
8716
+ "filePath": "tokens/color/semantic/interactive.dark.json",
8717
+ "isSource": true,
8718
+ "original": {
8719
+ "value": "{color.dark-mode.neutral.400.value}",
8720
+ "public": true,
8721
+ "isReferenceToInternal": true
8722
+ },
8723
+ "name": "color-dark-mode-interactive-background-active",
8724
+ "attributes": {
8725
+ "category": "color",
8726
+ "type": "dark-mode",
8727
+ "item": "interactive",
8728
+ "subitem": "background",
8729
+ "state": "active"
8730
+ },
8731
+ "path": [
8732
+ "color",
8733
+ "dark-mode",
8734
+ "interactive",
8735
+ "background",
8736
+ "active"
8737
+ ]
8738
+ }
8739
+ },
8483
8740
  "focus": {
8484
8741
  "value": "#36a3ff",
8485
8742
  "public": true,
@@ -8745,6 +9002,163 @@
8745
9002
  }
8746
9003
  }
8747
9004
  },
9005
+ "nav": {
9006
+ "item": {
9007
+ "default": {
9008
+ "foreground": {
9009
+ "hover": {
9010
+ "value": "#ad9bff",
9011
+ "public": true,
9012
+ "isReferenceToInternal": true,
9013
+ "filePath": "tokens/color/semantic/nav.dark.json",
9014
+ "isSource": true,
9015
+ "original": {
9016
+ "value": "{color.dark-mode.brand.primary.300.value}",
9017
+ "public": true,
9018
+ "isReferenceToInternal": true
9019
+ },
9020
+ "name": "color-dark-mode-nav-item-default-foreground-hover",
9021
+ "attributes": {
9022
+ "category": "color",
9023
+ "type": "dark-mode",
9024
+ "item": "nav",
9025
+ "subitem": "item",
9026
+ "state": "default"
9027
+ },
9028
+ "path": [
9029
+ "color",
9030
+ "dark-mode",
9031
+ "nav",
9032
+ "item",
9033
+ "default",
9034
+ "foreground",
9035
+ "hover"
9036
+ ]
9037
+ },
9038
+ "active": {
9039
+ "value": "#ad9bff",
9040
+ "public": true,
9041
+ "isReferenceToInternal": true,
9042
+ "filePath": "tokens/color/semantic/nav.dark.json",
9043
+ "isSource": true,
9044
+ "original": {
9045
+ "value": "{color.dark-mode.brand.primary.300.value}",
9046
+ "public": true,
9047
+ "isReferenceToInternal": true
9048
+ },
9049
+ "name": "color-dark-mode-nav-item-default-foreground-active",
9050
+ "attributes": {
9051
+ "category": "color",
9052
+ "type": "dark-mode",
9053
+ "item": "nav",
9054
+ "subitem": "item",
9055
+ "state": "default"
9056
+ },
9057
+ "path": [
9058
+ "color",
9059
+ "dark-mode",
9060
+ "nav",
9061
+ "item",
9062
+ "default",
9063
+ "foreground",
9064
+ "active"
9065
+ ]
9066
+ },
9067
+ "trigger": {
9068
+ "value": "#a6a3b4",
9069
+ "public": true,
9070
+ "isReferenceToInternal": true,
9071
+ "filePath": "tokens/color/semantic/nav.dark.json",
9072
+ "isSource": true,
9073
+ "original": {
9074
+ "value": "{color.dark-mode.neutral.200.value}",
9075
+ "public": true,
9076
+ "isReferenceToInternal": true
9077
+ },
9078
+ "name": "color-dark-mode-nav-item-default-foreground-trigger",
9079
+ "attributes": {
9080
+ "category": "color",
9081
+ "type": "dark-mode",
9082
+ "item": "nav",
9083
+ "subitem": "item",
9084
+ "state": "default"
9085
+ },
9086
+ "path": [
9087
+ "color",
9088
+ "dark-mode",
9089
+ "nav",
9090
+ "item",
9091
+ "default",
9092
+ "foreground",
9093
+ "trigger"
9094
+ ]
9095
+ }
9096
+ }
9097
+ },
9098
+ "reverse": {
9099
+ "foreground": {
9100
+ "hover": {
9101
+ "value": "#4e39a8",
9102
+ "public": true,
9103
+ "isReferenceToInternal": true,
9104
+ "filePath": "tokens/color/semantic/nav.dark.json",
9105
+ "isSource": true,
9106
+ "original": {
9107
+ "value": "{color.dark-mode.brand.primary.500.value}",
9108
+ "public": true,
9109
+ "isReferenceToInternal": true
9110
+ },
9111
+ "name": "color-dark-mode-nav-item-reverse-foreground-hover",
9112
+ "attributes": {
9113
+ "category": "color",
9114
+ "type": "dark-mode",
9115
+ "item": "nav",
9116
+ "subitem": "item",
9117
+ "state": "reverse"
9118
+ },
9119
+ "path": [
9120
+ "color",
9121
+ "dark-mode",
9122
+ "nav",
9123
+ "item",
9124
+ "reverse",
9125
+ "foreground",
9126
+ "hover"
9127
+ ]
9128
+ },
9129
+ "active": {
9130
+ "value": "#4e39a8",
9131
+ "public": true,
9132
+ "isReferenceToInternal": true,
9133
+ "filePath": "tokens/color/semantic/nav.dark.json",
9134
+ "isSource": true,
9135
+ "original": {
9136
+ "value": "{color.dark-mode.brand.primary.500.value}",
9137
+ "public": true,
9138
+ "isReferenceToInternal": true
9139
+ },
9140
+ "name": "color-dark-mode-nav-item-reverse-foreground-active",
9141
+ "attributes": {
9142
+ "category": "color",
9143
+ "type": "dark-mode",
9144
+ "item": "nav",
9145
+ "subitem": "item",
9146
+ "state": "reverse"
9147
+ },
9148
+ "path": [
9149
+ "color",
9150
+ "dark-mode",
9151
+ "nav",
9152
+ "item",
9153
+ "reverse",
9154
+ "foreground",
9155
+ "active"
9156
+ ]
9157
+ }
9158
+ }
9159
+ }
9160
+ }
9161
+ },
8748
9162
  "status": {
8749
9163
  "success": {
8750
9164
  "foreground": {
@@ -15784,6 +16198,35 @@
15784
16198
  "foreground",
15785
16199
  "active"
15786
16200
  ]
16201
+ },
16202
+ "trigger": {
16203
+ "value": "#6a6e7a",
16204
+ "public": true,
16205
+ "isReferenceToInternal": true,
16206
+ "filePath": "tokens/color/semantic/nav.light.json",
16207
+ "isSource": true,
16208
+ "original": {
16209
+ "value": "{color.light-mode.neutral.400.value}",
16210
+ "public": true,
16211
+ "isReferenceToInternal": true
16212
+ },
16213
+ "name": "color-light-mode-nav-item-default-foreground-trigger",
16214
+ "attributes": {
16215
+ "category": "color",
16216
+ "type": "light-mode",
16217
+ "item": "nav",
16218
+ "subitem": "item",
16219
+ "state": "default"
16220
+ },
16221
+ "path": [
16222
+ "color",
16223
+ "light-mode",
16224
+ "nav",
16225
+ "item",
16226
+ "default",
16227
+ "foreground",
16228
+ "trigger"
16229
+ ]
15787
16230
  }
15788
16231
  }
15789
16232
  },
@@ -15849,62 +16292,6 @@
15849
16292
  }
15850
16293
  }
15851
16294
  }
15852
- },
15853
- "trigger": {
15854
- "default": {
15855
- "value": "#6a6e7a",
15856
- "public": true,
15857
- "isReferenceToInternal": true,
15858
- "filePath": "tokens/color/semantic/nav.light.json",
15859
- "isSource": true,
15860
- "original": {
15861
- "value": "{color.light-mode.neutral.400.value}",
15862
- "public": true,
15863
- "isReferenceToInternal": true
15864
- },
15865
- "name": "color-light-mode-nav-trigger-default",
15866
- "attributes": {
15867
- "category": "color",
15868
- "type": "light-mode",
15869
- "item": "nav",
15870
- "subitem": "trigger",
15871
- "state": "default"
15872
- },
15873
- "path": [
15874
- "color",
15875
- "light-mode",
15876
- "nav",
15877
- "trigger",
15878
- "default"
15879
- ]
15880
- },
15881
- "open": {
15882
- "value": "#4f32ce",
15883
- "public": true,
15884
- "isReferenceToInternal": true,
15885
- "filePath": "tokens/color/semantic/nav.light.json",
15886
- "isSource": true,
15887
- "original": {
15888
- "value": "{color.light-mode.brand.primary.400.value}",
15889
- "public": true,
15890
- "isReferenceToInternal": true
15891
- },
15892
- "name": "color-light-mode-nav-trigger-open",
15893
- "attributes": {
15894
- "category": "color",
15895
- "type": "light-mode",
15896
- "item": "nav",
15897
- "subitem": "trigger",
15898
- "state": "open"
15899
- },
15900
- "path": [
15901
- "color",
15902
- "light-mode",
15903
- "nav",
15904
- "trigger",
15905
- "open"
15906
- ]
15907
- }
15908
16295
  }
15909
16296
  },
15910
16297
  "status": {
@@ -1929,7 +1929,7 @@
1929
1929
  "critical": {
1930
1930
  "background": {
1931
1931
  "default": {
1932
- "value": "#1d1d29",
1932
+ "value": "#121219",
1933
1933
  "public": true,
1934
1934
  "filePath": "tokens/color/component/button.dark.json",
1935
1935
  "isSource": true,
@@ -4555,13 +4555,13 @@
4555
4555
  },
4556
4556
  "background": {
4557
4557
  "default": {
4558
- "value": "#1d1d29",
4558
+ "value": "#121219",
4559
4559
  "public": true,
4560
4560
  "isReferenceToInternal": true,
4561
4561
  "filePath": "tokens/color/semantic/background.dark.json",
4562
4562
  "isSource": true,
4563
4563
  "original": {
4564
- "value": "{color.dark-mode.neutral.600.value}",
4564
+ "value": "{color.dark-mode.neutral.700.value}",
4565
4565
  "public": true,
4566
4566
  "isReferenceToInternal": true
4567
4567
  },
@@ -4580,13 +4580,13 @@
4580
4580
  ]
4581
4581
  },
4582
4582
  "default-secondary": {
4583
- "value": "#282839",
4583
+ "value": "#1d1d29",
4584
4584
  "public": true,
4585
4585
  "isReferenceToInternal": true,
4586
4586
  "filePath": "tokens/color/semantic/background.dark.json",
4587
4587
  "isSource": true,
4588
4588
  "original": {
4589
- "value": "{color.dark-mode.neutral.500.value}",
4589
+ "value": "{color.dark-mode.neutral.600.value}",
4590
4590
  "public": true,
4591
4591
  "isReferenceToInternal": true
4592
4592
  },
@@ -4838,6 +4838,207 @@
4838
4838
  "overlay"
4839
4839
  ]
4840
4840
  },
4841
+ "dropdown": {
4842
+ "background": {
4843
+ "value": "#1d1d29",
4844
+ "public": true,
4845
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
4846
+ "isSource": true,
4847
+ "original": {
4848
+ "value": "{color.dark-mode.background.default-secondary.value}",
4849
+ "public": true
4850
+ },
4851
+ "name": "color-dark-mode-dropdown-background",
4852
+ "attributes": {
4853
+ "category": "color",
4854
+ "type": "dark-mode",
4855
+ "item": "dropdown",
4856
+ "subitem": "background"
4857
+ },
4858
+ "path": [
4859
+ "color",
4860
+ "dark-mode",
4861
+ "dropdown",
4862
+ "background"
4863
+ ]
4864
+ },
4865
+ "foreground": {
4866
+ "value": "#ffffff",
4867
+ "public": true,
4868
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
4869
+ "isSource": true,
4870
+ "original": {
4871
+ "value": "{color.dark-mode.foreground.default.value}",
4872
+ "public": true
4873
+ },
4874
+ "name": "color-dark-mode-dropdown-foreground",
4875
+ "attributes": {
4876
+ "category": "color",
4877
+ "type": "dark-mode",
4878
+ "item": "dropdown",
4879
+ "subitem": "foreground"
4880
+ },
4881
+ "path": [
4882
+ "color",
4883
+ "dark-mode",
4884
+ "dropdown",
4885
+ "foreground"
4886
+ ]
4887
+ },
4888
+ "heading": {
4889
+ "value": "#a6a3b4",
4890
+ "public": true,
4891
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
4892
+ "isSource": true,
4893
+ "original": {
4894
+ "value": "{color.dark-mode.foreground.default-secondary.value}",
4895
+ "public": true
4896
+ },
4897
+ "name": "color-dark-mode-dropdown-heading",
4898
+ "attributes": {
4899
+ "category": "color",
4900
+ "type": "dark-mode",
4901
+ "item": "dropdown",
4902
+ "subitem": "heading"
4903
+ },
4904
+ "path": [
4905
+ "color",
4906
+ "dark-mode",
4907
+ "dropdown",
4908
+ "heading"
4909
+ ]
4910
+ },
4911
+ "description": {
4912
+ "value": "#a6a3b4",
4913
+ "public": true,
4914
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
4915
+ "isSource": true,
4916
+ "original": {
4917
+ "value": "{color.dark-mode.foreground.default-secondary.value}",
4918
+ "public": true
4919
+ },
4920
+ "name": "color-dark-mode-dropdown-description",
4921
+ "attributes": {
4922
+ "category": "color",
4923
+ "type": "dark-mode",
4924
+ "item": "dropdown",
4925
+ "subitem": "description"
4926
+ },
4927
+ "path": [
4928
+ "color",
4929
+ "dark-mode",
4930
+ "dropdown",
4931
+ "description"
4932
+ ]
4933
+ },
4934
+ "item": {
4935
+ "background": {
4936
+ "hover": {
4937
+ "value": "#282839",
4938
+ "public": true,
4939
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
4940
+ "isSource": true,
4941
+ "original": {
4942
+ "value": "{color.dark-mode.interactive.background.hover.value}",
4943
+ "public": true
4944
+ },
4945
+ "name": "color-dark-mode-dropdown-item-background-hover",
4946
+ "attributes": {
4947
+ "category": "color",
4948
+ "type": "dark-mode",
4949
+ "item": "dropdown",
4950
+ "subitem": "item",
4951
+ "state": "background"
4952
+ },
4953
+ "path": [
4954
+ "color",
4955
+ "dark-mode",
4956
+ "dropdown",
4957
+ "item",
4958
+ "background",
4959
+ "hover"
4960
+ ]
4961
+ },
4962
+ "active": {
4963
+ "value": "#504e62",
4964
+ "public": true,
4965
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
4966
+ "isSource": true,
4967
+ "original": {
4968
+ "value": "{color.dark-mode.interactive.background.active.value}",
4969
+ "public": true
4970
+ },
4971
+ "name": "color-dark-mode-dropdown-item-background-active",
4972
+ "attributes": {
4973
+ "category": "color",
4974
+ "type": "dark-mode",
4975
+ "item": "dropdown",
4976
+ "subitem": "item",
4977
+ "state": "background"
4978
+ },
4979
+ "path": [
4980
+ "color",
4981
+ "dark-mode",
4982
+ "dropdown",
4983
+ "item",
4984
+ "background",
4985
+ "active"
4986
+ ]
4987
+ },
4988
+ "selected": {
4989
+ "value": "#282839",
4990
+ "public": true,
4991
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
4992
+ "isSource": true,
4993
+ "original": {
4994
+ "value": "{color.dark-mode.interactive.background.hover.value}",
4995
+ "public": true
4996
+ },
4997
+ "name": "color-dark-mode-dropdown-item-background-selected",
4998
+ "attributes": {
4999
+ "category": "color",
5000
+ "type": "dark-mode",
5001
+ "item": "dropdown",
5002
+ "subitem": "item",
5003
+ "state": "background"
5004
+ },
5005
+ "path": [
5006
+ "color",
5007
+ "dark-mode",
5008
+ "dropdown",
5009
+ "item",
5010
+ "background",
5011
+ "selected"
5012
+ ]
5013
+ }
5014
+ }
5015
+ },
5016
+ "top-border": {
5017
+ "value": "#504e62",
5018
+ "public": true,
5019
+ "isReferenceToInternal": true,
5020
+ "filePath": "tokens/color/semantic/dropdown.dark.json",
5021
+ "isSource": true,
5022
+ "original": {
5023
+ "value": "{color.dark-mode.neutral.400.value}",
5024
+ "public": true,
5025
+ "isReferenceToInternal": true
5026
+ },
5027
+ "name": "color-dark-mode-dropdown-top-border",
5028
+ "attributes": {
5029
+ "category": "color",
5030
+ "type": "dark-mode",
5031
+ "item": "dropdown",
5032
+ "subitem": "top-border"
5033
+ },
5034
+ "path": [
5035
+ "color",
5036
+ "dark-mode",
5037
+ "dropdown",
5038
+ "top-border"
5039
+ ]
5040
+ }
5041
+ },
4841
5042
  "foreground": {
4842
5043
  "default": {
4843
5044
  "value": "#ffffff",
@@ -4916,6 +5117,62 @@
4916
5117
  }
4917
5118
  },
4918
5119
  "interactive": {
5120
+ "background": {
5121
+ "hover": {
5122
+ "value": "#282839",
5123
+ "public": true,
5124
+ "isReferenceToInternal": true,
5125
+ "filePath": "tokens/color/semantic/interactive.dark.json",
5126
+ "isSource": true,
5127
+ "original": {
5128
+ "value": "{color.dark-mode.neutral.500.value}",
5129
+ "public": true,
5130
+ "isReferenceToInternal": true
5131
+ },
5132
+ "name": "color-dark-mode-interactive-background-hover",
5133
+ "attributes": {
5134
+ "category": "color",
5135
+ "type": "dark-mode",
5136
+ "item": "interactive",
5137
+ "subitem": "background",
5138
+ "state": "hover"
5139
+ },
5140
+ "path": [
5141
+ "color",
5142
+ "dark-mode",
5143
+ "interactive",
5144
+ "background",
5145
+ "hover"
5146
+ ]
5147
+ },
5148
+ "active": {
5149
+ "value": "#504e62",
5150
+ "public": true,
5151
+ "isReferenceToInternal": true,
5152
+ "filePath": "tokens/color/semantic/interactive.dark.json",
5153
+ "isSource": true,
5154
+ "original": {
5155
+ "value": "{color.dark-mode.neutral.400.value}",
5156
+ "public": true,
5157
+ "isReferenceToInternal": true
5158
+ },
5159
+ "name": "color-dark-mode-interactive-background-active",
5160
+ "attributes": {
5161
+ "category": "color",
5162
+ "type": "dark-mode",
5163
+ "item": "interactive",
5164
+ "subitem": "background",
5165
+ "state": "active"
5166
+ },
5167
+ "path": [
5168
+ "color",
5169
+ "dark-mode",
5170
+ "interactive",
5171
+ "background",
5172
+ "active"
5173
+ ]
5174
+ }
5175
+ },
4919
5176
  "focus": {
4920
5177
  "value": "#36a3ff",
4921
5178
  "public": true,
@@ -5181,6 +5438,163 @@
5181
5438
  }
5182
5439
  }
5183
5440
  },
5441
+ "nav": {
5442
+ "item": {
5443
+ "default": {
5444
+ "foreground": {
5445
+ "hover": {
5446
+ "value": "#ad9bff",
5447
+ "public": true,
5448
+ "isReferenceToInternal": true,
5449
+ "filePath": "tokens/color/semantic/nav.dark.json",
5450
+ "isSource": true,
5451
+ "original": {
5452
+ "value": "{color.dark-mode.brand.primary.300.value}",
5453
+ "public": true,
5454
+ "isReferenceToInternal": true
5455
+ },
5456
+ "name": "color-dark-mode-nav-item-default-foreground-hover",
5457
+ "attributes": {
5458
+ "category": "color",
5459
+ "type": "dark-mode",
5460
+ "item": "nav",
5461
+ "subitem": "item",
5462
+ "state": "default"
5463
+ },
5464
+ "path": [
5465
+ "color",
5466
+ "dark-mode",
5467
+ "nav",
5468
+ "item",
5469
+ "default",
5470
+ "foreground",
5471
+ "hover"
5472
+ ]
5473
+ },
5474
+ "active": {
5475
+ "value": "#ad9bff",
5476
+ "public": true,
5477
+ "isReferenceToInternal": true,
5478
+ "filePath": "tokens/color/semantic/nav.dark.json",
5479
+ "isSource": true,
5480
+ "original": {
5481
+ "value": "{color.dark-mode.brand.primary.300.value}",
5482
+ "public": true,
5483
+ "isReferenceToInternal": true
5484
+ },
5485
+ "name": "color-dark-mode-nav-item-default-foreground-active",
5486
+ "attributes": {
5487
+ "category": "color",
5488
+ "type": "dark-mode",
5489
+ "item": "nav",
5490
+ "subitem": "item",
5491
+ "state": "default"
5492
+ },
5493
+ "path": [
5494
+ "color",
5495
+ "dark-mode",
5496
+ "nav",
5497
+ "item",
5498
+ "default",
5499
+ "foreground",
5500
+ "active"
5501
+ ]
5502
+ },
5503
+ "trigger": {
5504
+ "value": "#a6a3b4",
5505
+ "public": true,
5506
+ "isReferenceToInternal": true,
5507
+ "filePath": "tokens/color/semantic/nav.dark.json",
5508
+ "isSource": true,
5509
+ "original": {
5510
+ "value": "{color.dark-mode.neutral.200.value}",
5511
+ "public": true,
5512
+ "isReferenceToInternal": true
5513
+ },
5514
+ "name": "color-dark-mode-nav-item-default-foreground-trigger",
5515
+ "attributes": {
5516
+ "category": "color",
5517
+ "type": "dark-mode",
5518
+ "item": "nav",
5519
+ "subitem": "item",
5520
+ "state": "default"
5521
+ },
5522
+ "path": [
5523
+ "color",
5524
+ "dark-mode",
5525
+ "nav",
5526
+ "item",
5527
+ "default",
5528
+ "foreground",
5529
+ "trigger"
5530
+ ]
5531
+ }
5532
+ }
5533
+ },
5534
+ "reverse": {
5535
+ "foreground": {
5536
+ "hover": {
5537
+ "value": "#4e39a8",
5538
+ "public": true,
5539
+ "isReferenceToInternal": true,
5540
+ "filePath": "tokens/color/semantic/nav.dark.json",
5541
+ "isSource": true,
5542
+ "original": {
5543
+ "value": "{color.dark-mode.brand.primary.500.value}",
5544
+ "public": true,
5545
+ "isReferenceToInternal": true
5546
+ },
5547
+ "name": "color-dark-mode-nav-item-reverse-foreground-hover",
5548
+ "attributes": {
5549
+ "category": "color",
5550
+ "type": "dark-mode",
5551
+ "item": "nav",
5552
+ "subitem": "item",
5553
+ "state": "reverse"
5554
+ },
5555
+ "path": [
5556
+ "color",
5557
+ "dark-mode",
5558
+ "nav",
5559
+ "item",
5560
+ "reverse",
5561
+ "foreground",
5562
+ "hover"
5563
+ ]
5564
+ },
5565
+ "active": {
5566
+ "value": "#4e39a8",
5567
+ "public": true,
5568
+ "isReferenceToInternal": true,
5569
+ "filePath": "tokens/color/semantic/nav.dark.json",
5570
+ "isSource": true,
5571
+ "original": {
5572
+ "value": "{color.dark-mode.brand.primary.500.value}",
5573
+ "public": true,
5574
+ "isReferenceToInternal": true
5575
+ },
5576
+ "name": "color-dark-mode-nav-item-reverse-foreground-active",
5577
+ "attributes": {
5578
+ "category": "color",
5579
+ "type": "dark-mode",
5580
+ "item": "nav",
5581
+ "subitem": "item",
5582
+ "state": "reverse"
5583
+ },
5584
+ "path": [
5585
+ "color",
5586
+ "dark-mode",
5587
+ "nav",
5588
+ "item",
5589
+ "reverse",
5590
+ "foreground",
5591
+ "active"
5592
+ ]
5593
+ }
5594
+ }
5595
+ }
5596
+ }
5597
+ },
5184
5598
  "status": {
5185
5599
  "success": {
5186
5600
  "foreground": {
@@ -6699,6 +6699,35 @@
6699
6699
  "foreground",
6700
6700
  "active"
6701
6701
  ]
6702
+ },
6703
+ "trigger": {
6704
+ "value": "#6a6e7a",
6705
+ "public": true,
6706
+ "isReferenceToInternal": true,
6707
+ "filePath": "tokens/color/semantic/nav.light.json",
6708
+ "isSource": true,
6709
+ "original": {
6710
+ "value": "{color.light-mode.neutral.400.value}",
6711
+ "public": true,
6712
+ "isReferenceToInternal": true
6713
+ },
6714
+ "name": "color-light-mode-nav-item-default-foreground-trigger",
6715
+ "attributes": {
6716
+ "category": "color",
6717
+ "type": "light-mode",
6718
+ "item": "nav",
6719
+ "subitem": "item",
6720
+ "state": "default"
6721
+ },
6722
+ "path": [
6723
+ "color",
6724
+ "light-mode",
6725
+ "nav",
6726
+ "item",
6727
+ "default",
6728
+ "foreground",
6729
+ "trigger"
6730
+ ]
6702
6731
  }
6703
6732
  }
6704
6733
  },
@@ -6764,62 +6793,6 @@
6764
6793
  }
6765
6794
  }
6766
6795
  }
6767
- },
6768
- "trigger": {
6769
- "default": {
6770
- "value": "#6a6e7a",
6771
- "public": true,
6772
- "isReferenceToInternal": true,
6773
- "filePath": "tokens/color/semantic/nav.light.json",
6774
- "isSource": true,
6775
- "original": {
6776
- "value": "{color.light-mode.neutral.400.value}",
6777
- "public": true,
6778
- "isReferenceToInternal": true
6779
- },
6780
- "name": "color-light-mode-nav-trigger-default",
6781
- "attributes": {
6782
- "category": "color",
6783
- "type": "light-mode",
6784
- "item": "nav",
6785
- "subitem": "trigger",
6786
- "state": "default"
6787
- },
6788
- "path": [
6789
- "color",
6790
- "light-mode",
6791
- "nav",
6792
- "trigger",
6793
- "default"
6794
- ]
6795
- },
6796
- "open": {
6797
- "value": "#4f32ce",
6798
- "public": true,
6799
- "isReferenceToInternal": true,
6800
- "filePath": "tokens/color/semantic/nav.light.json",
6801
- "isSource": true,
6802
- "original": {
6803
- "value": "{color.light-mode.brand.primary.400.value}",
6804
- "public": true,
6805
- "isReferenceToInternal": true
6806
- },
6807
- "name": "color-light-mode-nav-trigger-open",
6808
- "attributes": {
6809
- "category": "color",
6810
- "type": "light-mode",
6811
- "item": "nav",
6812
- "subitem": "trigger",
6813
- "state": "open"
6814
- },
6815
- "path": [
6816
- "color",
6817
- "light-mode",
6818
- "nav",
6819
- "trigger",
6820
- "open"
6821
- ]
6822
- }
6823
6796
  }
6824
6797
  },
6825
6798
  "status": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.149",
3
+ "version": "1.0.0-dev.150",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [