@hashicorp/design-system-components 5.0.0 → 5.1.0-rc-20251125151324

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 (76) hide show
  1. package/declarations/components/hds/advanced-table/index.d.ts +10 -0
  2. package/declarations/components/hds/dropdown/list-item/checkbox.d.ts +1 -0
  3. package/declarations/components/hds/dropdown/list-item/radio.d.ts +1 -0
  4. package/declarations/components/hds/filter-bar/dropdown.d.ts +38 -0
  5. package/declarations/components/hds/filter-bar/filter-group/checkbox.d.ts +21 -0
  6. package/declarations/components/hds/filter-bar/filter-group/date.d.ts +47 -0
  7. package/declarations/components/hds/filter-bar/filter-group/generic.d.ts +24 -0
  8. package/declarations/components/hds/filter-bar/filter-group/index.d.ts +51 -0
  9. package/declarations/components/hds/filter-bar/filter-group/numerical.d.ts +45 -0
  10. package/declarations/components/hds/filter-bar/filter-group/radio.d.ts +21 -0
  11. package/declarations/components/hds/filter-bar/index.d.ts +48 -0
  12. package/declarations/components/hds/filter-bar/tabs/index.d.ts +43 -0
  13. package/declarations/components/hds/filter-bar/tabs/panel.d.ts +28 -0
  14. package/declarations/components/hds/filter-bar/tabs/tab.d.ts +34 -0
  15. package/declarations/components/hds/filter-bar/types.d.ts +86 -0
  16. package/declarations/components/hds/form/text-input/field.d.ts +1 -1
  17. package/declarations/components.d.ts +12 -0
  18. package/declarations/template-registry.d.ts +33 -0
  19. package/dist/_app_/components/hds/filter-bar/dropdown.js +1 -0
  20. package/dist/_app_/components/hds/filter-bar/filter-group/checkbox.js +1 -0
  21. package/dist/_app_/components/hds/filter-bar/filter-group/date.js +1 -0
  22. package/dist/_app_/components/hds/filter-bar/filter-group/generic.js +1 -0
  23. package/dist/_app_/components/hds/filter-bar/filter-group/numerical.js +1 -0
  24. package/dist/_app_/components/hds/filter-bar/filter-group/radio.js +1 -0
  25. package/dist/_app_/components/hds/filter-bar/filter-group.js +1 -0
  26. package/dist/_app_/components/hds/filter-bar/tabs/panel.js +1 -0
  27. package/dist/_app_/components/hds/filter-bar/tabs/tab.js +1 -0
  28. package/dist/_app_/components/hds/filter-bar/tabs.js +1 -0
  29. package/dist/_app_/components/hds/filter-bar.js +1 -0
  30. package/dist/components/hds/advanced-table/index.js +10 -1
  31. package/dist/components/hds/advanced-table/index.js.map +1 -1
  32. package/dist/components/hds/dropdown/list-item/checkbox.js.map +1 -1
  33. package/dist/components/hds/dropdown/list-item/radio.js.map +1 -1
  34. package/dist/components/hds/filter-bar/dropdown.js +120 -0
  35. package/dist/components/hds/filter-bar/dropdown.js.map +1 -0
  36. package/dist/components/hds/filter-bar/filter-group/checkbox.js +40 -0
  37. package/dist/components/hds/filter-bar/filter-group/checkbox.js.map +1 -0
  38. package/dist/components/hds/filter-bar/filter-group/date.js +164 -0
  39. package/dist/components/hds/filter-bar/filter-group/date.js.map +1 -0
  40. package/dist/components/hds/filter-bar/filter-group/generic.js +43 -0
  41. package/dist/components/hds/filter-bar/filter-group/generic.js.map +1 -0
  42. package/dist/components/hds/filter-bar/filter-group/index.js +226 -0
  43. package/dist/components/hds/filter-bar/filter-group/index.js.map +1 -0
  44. package/dist/components/hds/filter-bar/filter-group/numerical.js +163 -0
  45. package/dist/components/hds/filter-bar/filter-group/numerical.js.map +1 -0
  46. package/dist/components/hds/filter-bar/filter-group/radio.js +40 -0
  47. package/dist/components/hds/filter-bar/filter-group/radio.js.map +1 -0
  48. package/dist/components/hds/filter-bar/index.js +237 -0
  49. package/dist/components/hds/filter-bar/index.js.map +1 -0
  50. package/dist/components/hds/filter-bar/tabs/index.js +181 -0
  51. package/dist/components/hds/filter-bar/tabs/index.js.map +1 -0
  52. package/dist/components/hds/filter-bar/tabs/panel.js +67 -0
  53. package/dist/components/hds/filter-bar/tabs/panel.js.map +1 -0
  54. package/dist/components/hds/filter-bar/tabs/tab.js +98 -0
  55. package/dist/components/hds/filter-bar/tabs/tab.js.map +1 -0
  56. package/dist/components/hds/filter-bar/types.js +35 -0
  57. package/dist/components/hds/filter-bar/types.js.map +1 -0
  58. package/dist/components.js +12 -0
  59. package/dist/components.js.map +1 -1
  60. package/dist/helpers/hds-link-to-query.js +0 -1
  61. package/dist/helpers/hds-link-to-query.js.map +1 -1
  62. package/dist/styles/@hashicorp/design-system-components.css +319 -1555
  63. package/dist/styles/@hashicorp/design-system-components.scss +1 -0
  64. package/dist/styles/components/advanced-table.scss +67 -1
  65. package/dist/styles/components/app-header.scss +6 -9
  66. package/dist/styles/components/filter-bar.scss +164 -0
  67. package/dist/styles/components/side-nav/header.scss +4 -12
  68. package/dist/styles/mixins/_interactive-dark-theme.scss +7 -4
  69. package/package.json +12 -1
  70. package/translations/hds/components/advanced-table/en-us.yaml +3 -0
  71. package/translations/hds/components/filter-bar/date/en-us.yaml +18 -0
  72. package/translations/hds/components/filter-bar/en-us.yaml +9 -0
  73. package/translations/hds/components/filter-bar/filter-group/en-us.yaml +1 -0
  74. package/translations/hds/components/filter-bar/filter-group/numerical/en-us.yaml +15 -0
  75. package/translations/hds/components/filter-bar/filter-options/en-us.yaml +1 -0
  76. package/translations/hds/components/filter-bar/filters-dropdown/en-us.yaml +7 -0
package/dist/styles/@hashicorp/design-system-components.css CHANGED
@@ -1366,7 +1366,8 @@
1366
1366
  background-color: var(--token-color-surface-interactive);
1367
1367
  }
1368
1368
 
1369
- .hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon {
1369
+ .hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon,
1370
+ .hds-advanced-table__th-filter-menu .hds-dropdown-toggle-icon {
1370
1371
  width: 24px;
1371
1372
  height: 24px;
1372
1373
  margin: -2px 0;
@@ -1376,14 +1377,19 @@
1376
1377
  border: 1px solid transparent;
1377
1378
  border-radius: var(--token-border-radius-x-small);
1378
1379
  }
1379
- .hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon:hover, .hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon.mock-hover {
1380
+ .hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon:hover, .hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon.mock-hover,
1381
+ .hds-advanced-table__th-filter-menu .hds-dropdown-toggle-icon:hover,
1382
+ .hds-advanced-table__th-filter-menu .hds-dropdown-toggle-icon.mock-hover {
1380
1383
  color: var(--token-color-foreground-primary);
1381
1384
  background-color: var(--token-color-surface-interactive);
1382
1385
  border-color: var(--token-color-border-strong);
1383
1386
  box-shadow: var(--token-elevation-low-box-shadow);
1384
1387
  }
1385
1388
  .hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon:focus::before, .hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon.mock-focus::before,
1386
- .hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon .hds-dropdown-toggle-icon--is-open::before {
1389
+ .hds-advanced-table__th-context-menu .hds-dropdown-toggle-icon .hds-dropdown-toggle-icon--is-open::before,
1390
+ .hds-advanced-table__th-filter-menu .hds-dropdown-toggle-icon:focus::before,
1391
+ .hds-advanced-table__th-filter-menu .hds-dropdown-toggle-icon.mock-focus::before,
1392
+ .hds-advanced-table__th-filter-menu .hds-dropdown-toggle-icon .hds-dropdown-toggle-icon--is-open::before {
1387
1393
  top: 0;
1388
1394
  right: 0;
1389
1395
  bottom: 0;
@@ -1465,6 +1471,24 @@
1465
1471
  align-self: flex-start;
1466
1472
  }
1467
1473
 
1474
+ .hds-advanced-table__th-filter-menu--active {
1475
+ position: relative;
1476
+ }
1477
+ .hds-advanced-table__th-filter-menu--active::before {
1478
+ position: absolute;
1479
+ top: -4px;
1480
+ right: -4px;
1481
+ width: 6px;
1482
+ height: 6px;
1483
+ background-color: var(--token-color-foreground-action);
1484
+ border-radius: 50%;
1485
+ content: "";
1486
+ }
1487
+
1488
+ .hds-advanced-table__clear-filters-button {
1489
+ margin-bottom: 16px;
1490
+ }
1491
+
1468
1492
  .hds-advanced-table__tbody {
1469
1493
  display: grid;
1470
1494
  grid-column: 1/-1;
@@ -1672,6 +1696,42 @@
1672
1696
  box-shadow: var(--token-elevation-mid-box-shadow);
1673
1697
  }
1674
1698
 
1699
+ .hds-advanced-table__actions .hds-filter-bar {
1700
+ border-bottom: none;
1701
+ border-radius: var(--token-border-radius-medium) var(--token-border-radius-medium) 0 0;
1702
+ }
1703
+
1704
+ .hds-advanced-table__actions + .hds-advanced-table__container {
1705
+ border-top-left-radius: 0;
1706
+ border-top-right-radius: 0;
1707
+ }
1708
+ .hds-advanced-table__actions + .hds-advanced-table__container .hds-advanced-table__thead .hds-advanced-table__tr:first-of-type .hds-advanced-table__th:first-child {
1709
+ border-top-left-radius: 0;
1710
+ }
1711
+ .hds-advanced-table__actions + .hds-advanced-table__container .hds-advanced-table__thead .hds-advanced-table__tr:first-of-type .hds-advanced-table__th:last-child {
1712
+ border-top-right-radius: 0;
1713
+ }
1714
+
1715
+ .hds-advanced-table__empty-state {
1716
+ display: flex;
1717
+ align-items: center;
1718
+ justify-content: center;
1719
+ height: 400px;
1720
+ background-color: var(--token-color-surface-primary);
1721
+ border: 1px solid var(--token-color-border-primary);
1722
+ border-bottom-right-radius: var(--token-border-radius-medium);
1723
+ border-bottom-left-radius: var(--token-border-radius-medium);
1724
+ }
1725
+
1726
+ .hds-advanced-table__empty-state__content {
1727
+ max-width: 450px;
1728
+ }
1729
+
1730
+ .hds-advanced-table:not(:has(+ .hds-advanced-table__empty-state)) {
1731
+ border-bottom-right-radius: 0;
1732
+ border-bottom-left-radius: 0;
1733
+ }
1734
+
1675
1735
  /**
1676
1736
  * Copyright (c) HashiCorp, Inc.
1677
1737
  * SPDX-License-Identifier: MPL-2.0
@@ -2109,18 +2169,8 @@
2109
2169
  gap: inherit;
2110
2170
  align-items: center;
2111
2171
  }
2112
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2113
- .ember-basic-dropdown-trigger * *,
2114
- .ember-basic-dropdown-content * *,
2115
- .hds-dialog-primitive__wrapper *),
2116
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2117
- .ember-basic-dropdown-trigger * *,
2118
- .ember-basic-dropdown-content * *,
2119
- .hds-dialog-primitive__wrapper *),
2120
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2121
- .ember-basic-dropdown-trigger * *,
2122
- .ember-basic-dropdown-content * *,
2123
- .hds-dialog-primitive__wrapper *) {
2172
+ .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *),
2173
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *) {
2124
2174
  --token-focus-ring-action-box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
2125
2175
  border: 1px solid transparent;
2126
2176
  cursor: pointer;
@@ -2129,87 +2179,24 @@
2129
2179
  background-color: var(--token-color-palette-neutral-700);
2130
2180
  border-radius: var(--token-border-radius-small);
2131
2181
  }
2132
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2133
- .ember-basic-dropdown-trigger * *,
2134
- .ember-basic-dropdown-content * *,
2135
- .hds-dialog-primitive__wrapper *):hover, .hds-app-header .hds-button:not(.hds-dropdown * *,
2136
- .ember-basic-dropdown-trigger * *,
2137
- .ember-basic-dropdown-content * *,
2138
- .hds-dialog-primitive__wrapper *).mock-hover,
2139
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2140
- .ember-basic-dropdown-trigger * *,
2141
- .ember-basic-dropdown-content * *,
2142
- .hds-dialog-primitive__wrapper *):hover,
2143
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2144
- .ember-basic-dropdown-trigger * *,
2145
- .ember-basic-dropdown-content * *,
2146
- .hds-dialog-primitive__wrapper *).mock-hover,
2147
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2148
- .ember-basic-dropdown-trigger * *,
2149
- .ember-basic-dropdown-content * *,
2150
- .hds-dialog-primitive__wrapper *):hover,
2151
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2152
- .ember-basic-dropdown-trigger * *,
2153
- .ember-basic-dropdown-content * *,
2154
- .hds-dialog-primitive__wrapper *).mock-hover {
2182
+ .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):hover, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-hover,
2183
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):hover,
2184
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-hover {
2155
2185
  border-color: var(--token-color-palette-neutral-500);
2156
2186
  color: var(--token-color-foreground-high-contrast);
2157
2187
  background-color: var(--token-color-palette-neutral-600);
2158
2188
  }
2159
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2160
- .ember-basic-dropdown-trigger * *,
2161
- .ember-basic-dropdown-content * *,
2162
- .hds-dialog-primitive__wrapper *):focus, .hds-app-header .hds-button:not(.hds-dropdown * *,
2163
- .ember-basic-dropdown-trigger * *,
2164
- .ember-basic-dropdown-content * *,
2165
- .hds-dialog-primitive__wrapper *).mock-focus,
2166
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2167
- .ember-basic-dropdown-trigger * *,
2168
- .ember-basic-dropdown-content * *,
2169
- .hds-dialog-primitive__wrapper *):focus,
2170
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2171
- .ember-basic-dropdown-trigger * *,
2172
- .ember-basic-dropdown-content * *,
2173
- .hds-dialog-primitive__wrapper *).mock-focus,
2174
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2175
- .ember-basic-dropdown-trigger * *,
2176
- .ember-basic-dropdown-content * *,
2177
- .hds-dialog-primitive__wrapper *):focus,
2178
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2179
- .ember-basic-dropdown-trigger * *,
2180
- .ember-basic-dropdown-content * *,
2181
- .hds-dialog-primitive__wrapper *).mock-focus {
2189
+ .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus,
2190
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus,
2191
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus {
2182
2192
  position: relative;
2183
2193
  outline-style: solid;
2184
2194
  outline-color: transparent;
2185
2195
  isolation: isolate;
2186
- color: var(--token-color-foreground-high-contrast);
2187
- background-color: var(--token-color-palette-neutral-700);
2188
- border-color: #bcc7fd;
2189
2196
  }
2190
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2191
- .ember-basic-dropdown-trigger * *,
2192
- .ember-basic-dropdown-content * *,
2193
- .hds-dialog-primitive__wrapper *):focus::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2194
- .ember-basic-dropdown-trigger * *,
2195
- .ember-basic-dropdown-content * *,
2196
- .hds-dialog-primitive__wrapper *).mock-focus::before,
2197
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2198
- .ember-basic-dropdown-trigger * *,
2199
- .ember-basic-dropdown-content * *,
2200
- .hds-dialog-primitive__wrapper *):focus::before,
2201
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2202
- .ember-basic-dropdown-trigger * *,
2203
- .ember-basic-dropdown-content * *,
2204
- .hds-dialog-primitive__wrapper *).mock-focus::before,
2205
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2206
- .ember-basic-dropdown-trigger * *,
2207
- .ember-basic-dropdown-content * *,
2208
- .hds-dialog-primitive__wrapper *):focus::before,
2209
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2210
- .ember-basic-dropdown-trigger * *,
2211
- .ember-basic-dropdown-content * *,
2212
- .hds-dialog-primitive__wrapper *).mock-focus::before {
2197
+ .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before,
2198
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before,
2199
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before {
2213
2200
  position: absolute;
2214
2201
  top: -1px;
2215
2202
  right: -1px;
@@ -2219,317 +2206,64 @@
2219
2206
  border-radius: 5px;
2220
2207
  content: "";
2221
2208
  }
2222
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2223
- .ember-basic-dropdown-trigger * *,
2224
- .ember-basic-dropdown-content * *,
2225
- .hds-dialog-primitive__wrapper *):focus:focus::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2226
- .ember-basic-dropdown-trigger * *,
2227
- .ember-basic-dropdown-content * *,
2228
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2229
- .ember-basic-dropdown-trigger * *,
2230
- .ember-basic-dropdown-content * *,
2231
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2232
- .ember-basic-dropdown-trigger * *,
2233
- .ember-basic-dropdown-content * *,
2234
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
2235
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2236
- .ember-basic-dropdown-trigger * *,
2237
- .ember-basic-dropdown-content * *,
2238
- .hds-dialog-primitive__wrapper *):focus:focus::before,
2239
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2240
- .ember-basic-dropdown-trigger * *,
2241
- .ember-basic-dropdown-content * *,
2242
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
2243
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2244
- .ember-basic-dropdown-trigger * *,
2245
- .ember-basic-dropdown-content * *,
2246
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
2247
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2248
- .ember-basic-dropdown-trigger * *,
2249
- .ember-basic-dropdown-content * *,
2250
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
2251
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2252
- .ember-basic-dropdown-trigger * *,
2253
- .ember-basic-dropdown-content * *,
2254
- .hds-dialog-primitive__wrapper *):focus:focus::before,
2255
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2256
- .ember-basic-dropdown-trigger * *,
2257
- .ember-basic-dropdown-content * *,
2258
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
2259
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2260
- .ember-basic-dropdown-trigger * *,
2261
- .ember-basic-dropdown-content * *,
2262
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
2263
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2264
- .ember-basic-dropdown-trigger * *,
2265
- .ember-basic-dropdown-content * *,
2266
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before {
2209
+ .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
2210
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus::before,
2211
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
2212
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
2213
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before {
2267
2214
  box-shadow: var(--token-focus-ring-action-box-shadow);
2268
2215
  }
2269
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2270
- .ember-basic-dropdown-trigger * *,
2271
- .ember-basic-dropdown-content * *,
2272
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2273
- .ember-basic-dropdown-trigger * *,
2274
- .ember-basic-dropdown-content * *,
2275
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
2276
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2277
- .ember-basic-dropdown-trigger * *,
2278
- .ember-basic-dropdown-content * *,
2279
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
2280
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2281
- .ember-basic-dropdown-trigger * *,
2282
- .ember-basic-dropdown-content * *,
2283
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
2284
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2285
- .ember-basic-dropdown-trigger * *,
2286
- .ember-basic-dropdown-content * *,
2287
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
2288
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2289
- .ember-basic-dropdown-trigger * *,
2290
- .ember-basic-dropdown-content * *,
2291
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before {
2216
+ .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
2217
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
2218
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before {
2292
2219
  box-shadow: none;
2293
2220
  }
2294
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2295
- .ember-basic-dropdown-trigger * *,
2296
- .ember-basic-dropdown-content * *,
2297
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2298
- .ember-basic-dropdown-trigger * *,
2299
- .ember-basic-dropdown-content * *,
2300
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
2301
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2302
- .ember-basic-dropdown-trigger * *,
2303
- .ember-basic-dropdown-content * *,
2304
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
2305
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2306
- .ember-basic-dropdown-trigger * *,
2307
- .ember-basic-dropdown-content * *,
2308
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
2309
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2310
- .ember-basic-dropdown-trigger * *,
2311
- .ember-basic-dropdown-content * *,
2312
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
2313
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2314
- .ember-basic-dropdown-trigger * *,
2315
- .ember-basic-dropdown-content * *,
2316
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before {
2221
+ .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus-visible::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
2222
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
2223
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before {
2317
2224
  box-shadow: var(--token-focus-ring-action-box-shadow);
2318
2225
  }
2319
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2320
- .ember-basic-dropdown-trigger * *,
2321
- .ember-basic-dropdown-content * *,
2322
- .hds-dialog-primitive__wrapper *):focus:focus:active::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2323
- .ember-basic-dropdown-trigger * *,
2324
- .ember-basic-dropdown-content * *,
2325
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2326
- .ember-basic-dropdown-trigger * *,
2327
- .ember-basic-dropdown-content * *,
2328
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2329
- .ember-basic-dropdown-trigger * *,
2330
- .ember-basic-dropdown-content * *,
2331
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
2332
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2333
- .ember-basic-dropdown-trigger * *,
2334
- .ember-basic-dropdown-content * *,
2335
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
2336
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2337
- .ember-basic-dropdown-trigger * *,
2338
- .ember-basic-dropdown-content * *,
2339
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
2340
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2341
- .ember-basic-dropdown-trigger * *,
2342
- .ember-basic-dropdown-content * *,
2343
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
2344
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2345
- .ember-basic-dropdown-trigger * *,
2346
- .ember-basic-dropdown-content * *,
2347
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
2348
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2349
- .ember-basic-dropdown-trigger * *,
2350
- .ember-basic-dropdown-content * *,
2351
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
2352
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2353
- .ember-basic-dropdown-trigger * *,
2354
- .ember-basic-dropdown-content * *,
2355
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
2356
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2357
- .ember-basic-dropdown-trigger * *,
2358
- .ember-basic-dropdown-content * *,
2359
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
2360
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2361
- .ember-basic-dropdown-trigger * *,
2362
- .ember-basic-dropdown-content * *,
2363
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before {
2226
+ .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:active::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
2227
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:active::before,
2228
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
2229
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
2230
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before {
2364
2231
  box-shadow: none;
2365
2232
  }
2366
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2367
- .ember-basic-dropdown-trigger * *,
2368
- .ember-basic-dropdown-content * *,
2369
- .hds-dialog-primitive__wrapper *):focus::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2370
- .ember-basic-dropdown-trigger * *,
2371
- .ember-basic-dropdown-content * *,
2372
- .hds-dialog-primitive__wrapper *).mock-focus::before,
2373
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2374
- .ember-basic-dropdown-trigger * *,
2375
- .ember-basic-dropdown-content * *,
2376
- .hds-dialog-primitive__wrapper *):focus::before,
2377
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2378
- .ember-basic-dropdown-trigger * *,
2379
- .ember-basic-dropdown-content * *,
2380
- .hds-dialog-primitive__wrapper *).mock-focus::before,
2381
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2382
- .ember-basic-dropdown-trigger * *,
2383
- .ember-basic-dropdown-content * *,
2384
- .hds-dialog-primitive__wrapper *):focus::before,
2385
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2386
- .ember-basic-dropdown-trigger * *,
2387
- .ember-basic-dropdown-content * *,
2388
- .hds-dialog-primitive__wrapper *).mock-focus::before {
2233
+ .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus,
2234
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus,
2235
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus {
2236
+ color: var(--token-color-foreground-high-contrast);
2237
+ background-color: var(--token-color-palette-neutral-700);
2238
+ border-color: #bcc7fd;
2239
+ }
2240
+ .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before,
2241
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before,
2242
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before {
2389
2243
  color: var(--token-color-foreground-high-contrast);
2390
2244
  border: none;
2391
2245
  }
2392
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2393
- .ember-basic-dropdown-trigger * *,
2394
- .ember-basic-dropdown-content * *,
2395
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
2396
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2397
- .ember-basic-dropdown-trigger * *,
2398
- .ember-basic-dropdown-content * *,
2399
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
2400
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2401
- .ember-basic-dropdown-trigger * *,
2402
- .ember-basic-dropdown-content * *,
2403
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before {
2246
+ .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
2247
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before {
2404
2248
  box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
2405
2249
  }
2406
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2407
- .ember-basic-dropdown-trigger * *,
2408
- .ember-basic-dropdown-content * *,
2409
- .hds-dialog-primitive__wrapper *):active, .hds-app-header .hds-button:not(.hds-dropdown * *,
2410
- .ember-basic-dropdown-trigger * *,
2411
- .ember-basic-dropdown-content * *,
2412
- .hds-dialog-primitive__wrapper *).mock-active,
2413
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2414
- .ember-basic-dropdown-trigger * *,
2415
- .ember-basic-dropdown-content * *,
2416
- .hds-dialog-primitive__wrapper *):active,
2417
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2418
- .ember-basic-dropdown-trigger * *,
2419
- .ember-basic-dropdown-content * *,
2420
- .hds-dialog-primitive__wrapper *).mock-active,
2421
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2422
- .ember-basic-dropdown-trigger * *,
2423
- .ember-basic-dropdown-content * *,
2424
- .hds-dialog-primitive__wrapper *):active,
2425
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2426
- .ember-basic-dropdown-trigger * *,
2427
- .ember-basic-dropdown-content * *,
2428
- .hds-dialog-primitive__wrapper *).mock-active {
2250
+ .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):active, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-active,
2251
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):active,
2252
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-active {
2429
2253
  color: var(--token-color-foreground-high-contrast);
2430
2254
  background-color: var(--token-color-palette-neutral-500);
2431
2255
  border-color: var(--token-color-palette-neutral-400);
2432
2256
  }
2433
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2434
- .ember-basic-dropdown-trigger * *,
2435
- .ember-basic-dropdown-content * *,
2436
- .hds-dialog-primitive__wrapper *):disabled, .hds-app-header .hds-button:not(.hds-dropdown * *,
2437
- .ember-basic-dropdown-trigger * *,
2438
- .ember-basic-dropdown-content * *,
2439
- .hds-dialog-primitive__wrapper *)[disabled], .hds-app-header .hds-button:not(.hds-dropdown * *,
2440
- .ember-basic-dropdown-trigger * *,
2441
- .ember-basic-dropdown-content * *,
2442
- .hds-dialog-primitive__wrapper *).mock-disabled, .hds-app-header .hds-button:not(.hds-dropdown * *,
2443
- .ember-basic-dropdown-trigger * *,
2444
- .ember-basic-dropdown-content * *,
2445
- .hds-dialog-primitive__wrapper *):disabled:focus, .hds-app-header .hds-button:not(.hds-dropdown * *,
2446
- .ember-basic-dropdown-trigger * *,
2447
- .ember-basic-dropdown-content * *,
2448
- .hds-dialog-primitive__wrapper *)[disabled]:focus, .hds-app-header .hds-button:not(.hds-dropdown * *,
2449
- .ember-basic-dropdown-trigger * *,
2450
- .ember-basic-dropdown-content * *,
2451
- .hds-dialog-primitive__wrapper *).mock-disabled:focus, .hds-app-header .hds-button:not(.hds-dropdown * *,
2452
- .ember-basic-dropdown-trigger * *,
2453
- .ember-basic-dropdown-content * *,
2454
- .hds-dialog-primitive__wrapper *):disabled:hover, .hds-app-header .hds-button:not(.hds-dropdown * *,
2455
- .ember-basic-dropdown-trigger * *,
2456
- .ember-basic-dropdown-content * *,
2457
- .hds-dialog-primitive__wrapper *)[disabled]:hover, .hds-app-header .hds-button:not(.hds-dropdown * *,
2458
- .ember-basic-dropdown-trigger * *,
2459
- .ember-basic-dropdown-content * *,
2460
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
2461
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2462
- .ember-basic-dropdown-trigger * *,
2463
- .ember-basic-dropdown-content * *,
2464
- .hds-dialog-primitive__wrapper *):disabled,
2465
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2466
- .ember-basic-dropdown-trigger * *,
2467
- .ember-basic-dropdown-content * *,
2468
- .hds-dialog-primitive__wrapper *)[disabled],
2469
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2470
- .ember-basic-dropdown-trigger * *,
2471
- .ember-basic-dropdown-content * *,
2472
- .hds-dialog-primitive__wrapper *).mock-disabled,
2473
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2474
- .ember-basic-dropdown-trigger * *,
2475
- .ember-basic-dropdown-content * *,
2476
- .hds-dialog-primitive__wrapper *):disabled:focus,
2477
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2478
- .ember-basic-dropdown-trigger * *,
2479
- .ember-basic-dropdown-content * *,
2480
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
2481
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2482
- .ember-basic-dropdown-trigger * *,
2483
- .ember-basic-dropdown-content * *,
2484
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
2485
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2486
- .ember-basic-dropdown-trigger * *,
2487
- .ember-basic-dropdown-content * *,
2488
- .hds-dialog-primitive__wrapper *):disabled:hover,
2489
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2490
- .ember-basic-dropdown-trigger * *,
2491
- .ember-basic-dropdown-content * *,
2492
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
2493
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2494
- .ember-basic-dropdown-trigger * *,
2495
- .ember-basic-dropdown-content * *,
2496
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
2497
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2498
- .ember-basic-dropdown-trigger * *,
2499
- .ember-basic-dropdown-content * *,
2500
- .hds-dialog-primitive__wrapper *):disabled,
2501
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2502
- .ember-basic-dropdown-trigger * *,
2503
- .ember-basic-dropdown-content * *,
2504
- .hds-dialog-primitive__wrapper *)[disabled],
2505
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2506
- .ember-basic-dropdown-trigger * *,
2507
- .ember-basic-dropdown-content * *,
2508
- .hds-dialog-primitive__wrapper *).mock-disabled,
2509
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2510
- .ember-basic-dropdown-trigger * *,
2511
- .ember-basic-dropdown-content * *,
2512
- .hds-dialog-primitive__wrapper *):disabled:focus,
2513
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2514
- .ember-basic-dropdown-trigger * *,
2515
- .ember-basic-dropdown-content * *,
2516
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
2517
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2518
- .ember-basic-dropdown-trigger * *,
2519
- .ember-basic-dropdown-content * *,
2520
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
2521
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2522
- .ember-basic-dropdown-trigger * *,
2523
- .ember-basic-dropdown-content * *,
2524
- .hds-dialog-primitive__wrapper *):disabled:hover,
2525
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2526
- .ember-basic-dropdown-trigger * *,
2527
- .ember-basic-dropdown-content * *,
2528
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
2529
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2530
- .ember-basic-dropdown-trigger * *,
2531
- .ember-basic-dropdown-content * *,
2532
- .hds-dialog-primitive__wrapper *).mock-disabled:hover {
2257
+ .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled], .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:focus, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:hover, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:hover, .hds-app-header .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:hover,
2258
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled,
2259
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled],
2260
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled,
2261
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:focus,
2262
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:focus,
2263
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:focus,
2264
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:hover,
2265
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:hover,
2266
+ .hds-app-header button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:hover {
2533
2267
  color: var(--token-color-foreground-disabled);
2534
2268
  background-color: var(--token-color-palette-neutral-600);
2535
2269
  border-color: var(--token-color-palette-neutral-500);
@@ -2572,8 +2306,6 @@
2572
2306
  outline-style: solid;
2573
2307
  outline-color: transparent;
2574
2308
  isolation: isolate;
2575
- color: var(--token-color-foreground-high-contrast);
2576
- background-color: var(--token-color-palette-neutral-700);
2577
2309
  }
2578
2310
  .hds-app-header__home-link:focus::before, .hds-app-header__home-link.mock-focus::before {
2579
2311
  position: absolute;
@@ -2597,6 +2329,10 @@
2597
2329
  .hds-app-header__home-link:focus:focus:active::before, .hds-app-header__home-link:focus.mock-focus.mock-active::before, .hds-app-header__home-link.mock-focus:focus:active::before, .hds-app-header__home-link.mock-focus.mock-focus.mock-active::before {
2598
2330
  box-shadow: none;
2599
2331
  }
2332
+ .hds-app-header__home-link:focus, .hds-app-header__home-link.mock-focus {
2333
+ color: var(--token-color-foreground-high-contrast);
2334
+ background-color: var(--token-color-palette-neutral-700);
2335
+ }
2600
2336
  .hds-app-header__home-link:focus::before, .hds-app-header__home-link.mock-focus::before {
2601
2337
  color: var(--token-color-foreground-high-contrast);
2602
2338
  border: none;
@@ -5455,6 +5191,150 @@ button.hds-button[href]::after {
5455
5191
  vertical-align: bottom;
5456
5192
  }
5457
5193
 
5194
+ /**
5195
+ * Copyright (c) HashiCorp, Inc.
5196
+ * SPDX-License-Identifier: MPL-2.0
5197
+ */
5198
+ .hds-filter-bar {
5199
+ display: grid;
5200
+ gap: 8px;
5201
+ padding: 8px;
5202
+ background-color: var(--token-color-surface-faint);
5203
+ border: 1px solid var(--token-color-border-primary);
5204
+ border-radius: var(--token-border-radius-medium);
5205
+ }
5206
+
5207
+ .hds-filter-bar__filters {
5208
+ display: flex;
5209
+ flex-wrap: wrap;
5210
+ gap: 8px 12px;
5211
+ align-items: end;
5212
+ padding-top: 8px;
5213
+ border-top: 1px solid var(--token-color-border-primary);
5214
+ }
5215
+
5216
+ .hds-filter-bar__actions__right {
5217
+ margin-left: auto;
5218
+ }
5219
+
5220
+ .hds-filter-bar__search {
5221
+ --token-form-control-padding: 3px;
5222
+ }
5223
+
5224
+ .hds-filter-bar__dropdown .hds-dropdown__list,
5225
+ .hds-filter-bar__dropdown .hds-dropdown-list-item {
5226
+ padding: 0;
5227
+ }
5228
+
5229
+ .hds-filter-bar__tabs {
5230
+ display: flex;
5231
+ }
5232
+
5233
+ .hds-filter-bar__tabs__list {
5234
+ display: flex;
5235
+ flex-direction: column;
5236
+ gap: 4px;
5237
+ width: 50%;
5238
+ padding: 8px;
5239
+ list-style: none;
5240
+ background-color: var(--token-color-surface-faint);
5241
+ border-right: 1px solid var(--token-color-border-primary);
5242
+ border-top-left-radius: var(--token-border-radius-medium);
5243
+ }
5244
+
5245
+ .hds-filter-bar__tabs__tab__button {
5246
+ display: flex;
5247
+ gap: 16px;
5248
+ align-items: center;
5249
+ width: 100%;
5250
+ padding: 8px 12px;
5251
+ color: var(--token-color-foreground-primary);
5252
+ text-align: left;
5253
+ background-color: transparent;
5254
+ border: none;
5255
+ border-radius: var(--token-border-radius-small);
5256
+ }
5257
+ .hds-filter-bar__tabs__tab__button.mock-hover, .hds-filter-bar__tabs__tab__button:hover {
5258
+ background-color: var(--token-color-surface-interactive-hover);
5259
+ cursor: pointer;
5260
+ }
5261
+ .hds-filter-bar__tabs__tab__button.mock-active, .hds-filter-bar__tabs__tab__button:active {
5262
+ background-color: var(--token-color-surface-interactive-active);
5263
+ }
5264
+
5265
+ .hds-filter-bar__tabs__tab__text {
5266
+ width: 100%;
5267
+ }
5268
+
5269
+ .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button {
5270
+ color: var(--token-color-foreground-action);
5271
+ background-color: var(--token-color-surface-strong);
5272
+ }
5273
+ .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button.mock-hover, .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button:hover {
5274
+ background-color: var(--token-color-palette-neutral-200);
5275
+ }
5276
+ .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button.mock-active, .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button:active {
5277
+ background-color: var(--token-color-palette-neutral-300);
5278
+ }
5279
+
5280
+ .hds-filter-bar__tabs__panel:not([hidden]) {
5281
+ display: flex;
5282
+ flex-direction: column;
5283
+ gap: 8px;
5284
+ width: 50%;
5285
+ padding: 16px 0;
5286
+ background-color: var(--token-color-surface-primary);
5287
+ border-top-right-radius: var(--token-border-radius-medium);
5288
+ }
5289
+
5290
+ .hds-filter-bar__filter-group .hds-form-field--layout-flag {
5291
+ padding: 8px 12px;
5292
+ }
5293
+
5294
+ .hds-filter-bar__filter-group__search {
5295
+ padding: 0 16px 16px 16px;
5296
+ border-bottom: 1px solid var(--token-color-border-primary);
5297
+ }
5298
+
5299
+ .hds-filter-bar__filter-group__list {
5300
+ display: flex;
5301
+ flex-direction: column;
5302
+ gap: 4px;
5303
+ margin: 0;
5304
+ padding: 0;
5305
+ overflow-y: auto;
5306
+ list-style: none;
5307
+ overscroll-behavior: contain;
5308
+ }
5309
+
5310
+ .hds-filter-bar__filter-group__fields {
5311
+ padding: 0 16px;
5312
+ }
5313
+ .hds-filter-bar__filter-group__fields .hds-filter-bar__filter-group__field,
5314
+ .hds-filter-bar__filter-group__fields .hds-filter-bar__filter-group__field[type=date],
5315
+ .hds-filter-bar__filter-group__fields .hds-filter-bar__filter-group__field[type=time] {
5316
+ width: 100%;
5317
+ }
5318
+
5319
+ .hds-filter-bar__filter-group__numerical,
5320
+ .hds-filter-bar__filter-group__date {
5321
+ display: flex;
5322
+ flex-direction: column;
5323
+ gap: 8px;
5324
+ }
5325
+
5326
+ .hds-filter-bar__filter-group__selection-option {
5327
+ display: block;
5328
+ padding: 8px 16px;
5329
+ }
5330
+ .hds-filter-bar__filter-group__selection-option--hidden {
5331
+ display: none;
5332
+ }
5333
+
5334
+ .hds-filter-bar__filter-group__clear {
5335
+ padding: 4px;
5336
+ }
5337
+
5458
5338
  /**
5459
5339
  * Copyright (c) HashiCorp, Inc.
5460
5340
  * SPDX-License-Identifier: MPL-2.0
@@ -8443,8 +8323,6 @@ button.hds-button[href]::after {
8443
8323
  outline-style: solid;
8444
8324
  outline-color: transparent;
8445
8325
  isolation: isolate;
8446
- color: var(--token-color-foreground-high-contrast);
8447
- background-color: var(--token-color-palette-neutral-700);
8448
8326
  }
8449
8327
  .hds-side-nav__home-link:focus::before, .hds-side-nav__home-link.mock-focus::before {
8450
8328
  position: absolute;
@@ -8468,6 +8346,10 @@ button.hds-button[href]::after {
8468
8346
  .hds-side-nav__home-link:focus:focus:active::before, .hds-side-nav__home-link:focus.mock-focus.mock-active::before, .hds-side-nav__home-link.mock-focus:focus:active::before, .hds-side-nav__home-link.mock-focus.mock-focus.mock-active::before {
8469
8347
  box-shadow: none;
8470
8348
  }
8349
+ .hds-side-nav__home-link:focus, .hds-side-nav__home-link.mock-focus {
8350
+ color: var(--token-color-foreground-high-contrast);
8351
+ background-color: var(--token-color-palette-neutral-700);
8352
+ }
8471
8353
  .hds-side-nav__home-link:focus::before, .hds-side-nav__home-link.mock-focus::before {
8472
8354
  color: var(--token-color-foreground-high-contrast);
8473
8355
  border: none;
@@ -8490,42 +8372,8 @@ button.hds-button[href]::after {
8490
8372
  gap: var(--token-side-nav-header-actions-spacing);
8491
8373
  }
8492
8374
 
8493
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8494
- .ember-basic-dropdown-trigger * *,
8495
- .ember-basic-dropdown-content * *,
8496
- .hds-dialog-primitive__wrapper *),
8497
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8498
- .ember-basic-dropdown-trigger * *,
8499
- .ember-basic-dropdown-content * *,
8500
- .hds-dialog-primitive__wrapper *),
8501
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8502
- .ember-basic-dropdown-trigger * *,
8503
- .ember-basic-dropdown-content * *,
8504
- .hds-dialog-primitive__wrapper *),
8505
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8506
- .ember-basic-dropdown-trigger * *,
8507
- .ember-basic-dropdown-content * *,
8508
- .hds-dialog-primitive__wrapper *),
8509
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8510
- .ember-basic-dropdown-trigger * *,
8511
- .ember-basic-dropdown-content * *,
8512
- .hds-dialog-primitive__wrapper *),
8513
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8514
- .ember-basic-dropdown-trigger * *,
8515
- .ember-basic-dropdown-content * *,
8516
- .hds-dialog-primitive__wrapper *),
8517
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8518
- .ember-basic-dropdown-trigger * *,
8519
- .ember-basic-dropdown-content * *,
8520
- .hds-dialog-primitive__wrapper *),
8521
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8522
- .ember-basic-dropdown-trigger * *,
8523
- .ember-basic-dropdown-content * *,
8524
- .hds-dialog-primitive__wrapper *),
8525
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8526
- .ember-basic-dropdown-trigger * *,
8527
- .ember-basic-dropdown-content * *,
8528
- .hds-dialog-primitive__wrapper *) {
8375
+ .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *),
8376
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *) {
8529
8377
  --token-focus-ring-action-box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
8530
8378
  border: 1px solid transparent;
8531
8379
  cursor: pointer;
@@ -8534,231 +8382,24 @@ button.hds-button[href]::after {
8534
8382
  background-color: var(--token-color-palette-neutral-700);
8535
8383
  border-radius: var(--token-border-radius-small);
8536
8384
  }
8537
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8538
- .ember-basic-dropdown-trigger * *,
8539
- .ember-basic-dropdown-content * *,
8540
- .hds-dialog-primitive__wrapper *):hover, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8541
- .ember-basic-dropdown-trigger * *,
8542
- .ember-basic-dropdown-content * *,
8543
- .hds-dialog-primitive__wrapper *).mock-hover,
8544
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8545
- .ember-basic-dropdown-trigger * *,
8546
- .ember-basic-dropdown-content * *,
8547
- .hds-dialog-primitive__wrapper *):hover,
8548
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8549
- .ember-basic-dropdown-trigger * *,
8550
- .ember-basic-dropdown-content * *,
8551
- .hds-dialog-primitive__wrapper *).mock-hover,
8552
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8553
- .ember-basic-dropdown-trigger * *,
8554
- .ember-basic-dropdown-content * *,
8555
- .hds-dialog-primitive__wrapper *):hover,
8556
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8557
- .ember-basic-dropdown-trigger * *,
8558
- .ember-basic-dropdown-content * *,
8559
- .hds-dialog-primitive__wrapper *).mock-hover,
8560
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8561
- .ember-basic-dropdown-trigger * *,
8562
- .ember-basic-dropdown-content * *,
8563
- .hds-dialog-primitive__wrapper *):hover,
8564
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8565
- .ember-basic-dropdown-trigger * *,
8566
- .ember-basic-dropdown-content * *,
8567
- .hds-dialog-primitive__wrapper *).mock-hover,
8568
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8569
- .ember-basic-dropdown-trigger * *,
8570
- .ember-basic-dropdown-content * *,
8571
- .hds-dialog-primitive__wrapper *):hover,
8572
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8573
- .ember-basic-dropdown-trigger * *,
8574
- .ember-basic-dropdown-content * *,
8575
- .hds-dialog-primitive__wrapper *).mock-hover,
8576
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8577
- .ember-basic-dropdown-trigger * *,
8578
- .ember-basic-dropdown-content * *,
8579
- .hds-dialog-primitive__wrapper *):hover,
8580
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8581
- .ember-basic-dropdown-trigger * *,
8582
- .ember-basic-dropdown-content * *,
8583
- .hds-dialog-primitive__wrapper *).mock-hover,
8584
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8585
- .ember-basic-dropdown-trigger * *,
8586
- .ember-basic-dropdown-content * *,
8587
- .hds-dialog-primitive__wrapper *):hover,
8588
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8589
- .ember-basic-dropdown-trigger * *,
8590
- .ember-basic-dropdown-content * *,
8591
- .hds-dialog-primitive__wrapper *).mock-hover,
8592
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8593
- .ember-basic-dropdown-trigger * *,
8594
- .ember-basic-dropdown-content * *,
8595
- .hds-dialog-primitive__wrapper *):hover,
8596
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8597
- .ember-basic-dropdown-trigger * *,
8598
- .ember-basic-dropdown-content * *,
8599
- .hds-dialog-primitive__wrapper *).mock-hover,
8600
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8601
- .ember-basic-dropdown-trigger * *,
8602
- .ember-basic-dropdown-content * *,
8603
- .hds-dialog-primitive__wrapper *):hover,
8604
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8605
- .ember-basic-dropdown-trigger * *,
8606
- .ember-basic-dropdown-content * *,
8607
- .hds-dialog-primitive__wrapper *).mock-hover {
8385
+ .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):hover, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-hover,
8386
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):hover,
8387
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-hover {
8608
8388
  border-color: var(--token-color-palette-neutral-500);
8609
8389
  color: var(--token-color-foreground-high-contrast);
8610
8390
  background-color: var(--token-color-palette-neutral-600);
8611
8391
  }
8612
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8613
- .ember-basic-dropdown-trigger * *,
8614
- .ember-basic-dropdown-content * *,
8615
- .hds-dialog-primitive__wrapper *):focus, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8616
- .ember-basic-dropdown-trigger * *,
8617
- .ember-basic-dropdown-content * *,
8618
- .hds-dialog-primitive__wrapper *).mock-focus,
8619
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8620
- .ember-basic-dropdown-trigger * *,
8621
- .ember-basic-dropdown-content * *,
8622
- .hds-dialog-primitive__wrapper *):focus,
8623
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8624
- .ember-basic-dropdown-trigger * *,
8625
- .ember-basic-dropdown-content * *,
8626
- .hds-dialog-primitive__wrapper *).mock-focus,
8627
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8628
- .ember-basic-dropdown-trigger * *,
8629
- .ember-basic-dropdown-content * *,
8630
- .hds-dialog-primitive__wrapper *):focus,
8631
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8632
- .ember-basic-dropdown-trigger * *,
8633
- .ember-basic-dropdown-content * *,
8634
- .hds-dialog-primitive__wrapper *).mock-focus,
8635
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8636
- .ember-basic-dropdown-trigger * *,
8637
- .ember-basic-dropdown-content * *,
8638
- .hds-dialog-primitive__wrapper *):focus,
8639
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8640
- .ember-basic-dropdown-trigger * *,
8641
- .ember-basic-dropdown-content * *,
8642
- .hds-dialog-primitive__wrapper *).mock-focus,
8643
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8644
- .ember-basic-dropdown-trigger * *,
8645
- .ember-basic-dropdown-content * *,
8646
- .hds-dialog-primitive__wrapper *):focus,
8647
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8648
- .ember-basic-dropdown-trigger * *,
8649
- .ember-basic-dropdown-content * *,
8650
- .hds-dialog-primitive__wrapper *).mock-focus,
8651
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8652
- .ember-basic-dropdown-trigger * *,
8653
- .ember-basic-dropdown-content * *,
8654
- .hds-dialog-primitive__wrapper *):focus,
8655
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8656
- .ember-basic-dropdown-trigger * *,
8657
- .ember-basic-dropdown-content * *,
8658
- .hds-dialog-primitive__wrapper *).mock-focus,
8659
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8660
- .ember-basic-dropdown-trigger * *,
8661
- .ember-basic-dropdown-content * *,
8662
- .hds-dialog-primitive__wrapper *):focus,
8663
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8664
- .ember-basic-dropdown-trigger * *,
8665
- .ember-basic-dropdown-content * *,
8666
- .hds-dialog-primitive__wrapper *).mock-focus,
8667
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8668
- .ember-basic-dropdown-trigger * *,
8669
- .ember-basic-dropdown-content * *,
8670
- .hds-dialog-primitive__wrapper *):focus,
8671
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8672
- .ember-basic-dropdown-trigger * *,
8673
- .ember-basic-dropdown-content * *,
8674
- .hds-dialog-primitive__wrapper *).mock-focus,
8675
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8676
- .ember-basic-dropdown-trigger * *,
8677
- .ember-basic-dropdown-content * *,
8678
- .hds-dialog-primitive__wrapper *):focus,
8679
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8680
- .ember-basic-dropdown-trigger * *,
8681
- .ember-basic-dropdown-content * *,
8682
- .hds-dialog-primitive__wrapper *).mock-focus {
8392
+ .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus,
8393
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus,
8394
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus {
8683
8395
  position: relative;
8684
8396
  outline-style: solid;
8685
8397
  outline-color: transparent;
8686
8398
  isolation: isolate;
8687
- color: var(--token-color-foreground-high-contrast);
8688
- background-color: var(--token-color-palette-neutral-700);
8689
- border-color: #bcc7fd;
8690
8399
  }
8691
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8692
- .ember-basic-dropdown-trigger * *,
8693
- .ember-basic-dropdown-content * *,
8694
- .hds-dialog-primitive__wrapper *):focus::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8695
- .ember-basic-dropdown-trigger * *,
8696
- .ember-basic-dropdown-content * *,
8697
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8698
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8699
- .ember-basic-dropdown-trigger * *,
8700
- .ember-basic-dropdown-content * *,
8701
- .hds-dialog-primitive__wrapper *):focus::before,
8702
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8703
- .ember-basic-dropdown-trigger * *,
8704
- .ember-basic-dropdown-content * *,
8705
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8706
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8707
- .ember-basic-dropdown-trigger * *,
8708
- .ember-basic-dropdown-content * *,
8709
- .hds-dialog-primitive__wrapper *):focus::before,
8710
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8711
- .ember-basic-dropdown-trigger * *,
8712
- .ember-basic-dropdown-content * *,
8713
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8714
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8715
- .ember-basic-dropdown-trigger * *,
8716
- .ember-basic-dropdown-content * *,
8717
- .hds-dialog-primitive__wrapper *):focus::before,
8718
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8719
- .ember-basic-dropdown-trigger * *,
8720
- .ember-basic-dropdown-content * *,
8721
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8722
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8723
- .ember-basic-dropdown-trigger * *,
8724
- .ember-basic-dropdown-content * *,
8725
- .hds-dialog-primitive__wrapper *):focus::before,
8726
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8727
- .ember-basic-dropdown-trigger * *,
8728
- .ember-basic-dropdown-content * *,
8729
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8730
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8731
- .ember-basic-dropdown-trigger * *,
8732
- .ember-basic-dropdown-content * *,
8733
- .hds-dialog-primitive__wrapper *):focus::before,
8734
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8735
- .ember-basic-dropdown-trigger * *,
8736
- .ember-basic-dropdown-content * *,
8737
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8738
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8739
- .ember-basic-dropdown-trigger * *,
8740
- .ember-basic-dropdown-content * *,
8741
- .hds-dialog-primitive__wrapper *):focus::before,
8742
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8743
- .ember-basic-dropdown-trigger * *,
8744
- .ember-basic-dropdown-content * *,
8745
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8746
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8747
- .ember-basic-dropdown-trigger * *,
8748
- .ember-basic-dropdown-content * *,
8749
- .hds-dialog-primitive__wrapper *):focus::before,
8750
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8751
- .ember-basic-dropdown-trigger * *,
8752
- .ember-basic-dropdown-content * *,
8753
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8754
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8755
- .ember-basic-dropdown-trigger * *,
8756
- .ember-basic-dropdown-content * *,
8757
- .hds-dialog-primitive__wrapper *):focus::before,
8758
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8759
- .ember-basic-dropdown-trigger * *,
8760
- .ember-basic-dropdown-content * *,
8761
- .hds-dialog-primitive__wrapper *).mock-focus::before {
8400
+ .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before,
8401
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before,
8402
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before {
8762
8403
  position: absolute;
8763
8404
  top: -1px;
8764
8405
  right: -1px;
@@ -8768,941 +8409,64 @@ button.hds-button[href]::after {
8768
8409
  border-radius: 5px;
8769
8410
  content: "";
8770
8411
  }
8771
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8772
- .ember-basic-dropdown-trigger * *,
8773
- .ember-basic-dropdown-content * *,
8774
- .hds-dialog-primitive__wrapper *):focus:focus::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8775
- .ember-basic-dropdown-trigger * *,
8776
- .ember-basic-dropdown-content * *,
8777
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8778
- .ember-basic-dropdown-trigger * *,
8779
- .ember-basic-dropdown-content * *,
8780
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8781
- .ember-basic-dropdown-trigger * *,
8782
- .ember-basic-dropdown-content * *,
8783
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
8784
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8785
- .ember-basic-dropdown-trigger * *,
8786
- .ember-basic-dropdown-content * *,
8787
- .hds-dialog-primitive__wrapper *):focus:focus::before,
8788
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8789
- .ember-basic-dropdown-trigger * *,
8790
- .ember-basic-dropdown-content * *,
8791
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
8792
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8793
- .ember-basic-dropdown-trigger * *,
8794
- .ember-basic-dropdown-content * *,
8795
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
8796
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8797
- .ember-basic-dropdown-trigger * *,
8798
- .ember-basic-dropdown-content * *,
8799
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
8800
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8801
- .ember-basic-dropdown-trigger * *,
8802
- .ember-basic-dropdown-content * *,
8803
- .hds-dialog-primitive__wrapper *):focus:focus::before,
8804
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8805
- .ember-basic-dropdown-trigger * *,
8806
- .ember-basic-dropdown-content * *,
8807
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
8808
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8809
- .ember-basic-dropdown-trigger * *,
8810
- .ember-basic-dropdown-content * *,
8811
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
8812
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8813
- .ember-basic-dropdown-trigger * *,
8814
- .ember-basic-dropdown-content * *,
8815
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
8816
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8817
- .ember-basic-dropdown-trigger * *,
8818
- .ember-basic-dropdown-content * *,
8819
- .hds-dialog-primitive__wrapper *):focus:focus::before,
8820
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8821
- .ember-basic-dropdown-trigger * *,
8822
- .ember-basic-dropdown-content * *,
8823
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
8824
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8825
- .ember-basic-dropdown-trigger * *,
8826
- .ember-basic-dropdown-content * *,
8827
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
8828
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8829
- .ember-basic-dropdown-trigger * *,
8830
- .ember-basic-dropdown-content * *,
8831
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
8832
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8833
- .ember-basic-dropdown-trigger * *,
8834
- .ember-basic-dropdown-content * *,
8835
- .hds-dialog-primitive__wrapper *):focus:focus::before,
8836
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8837
- .ember-basic-dropdown-trigger * *,
8838
- .ember-basic-dropdown-content * *,
8839
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
8840
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8841
- .ember-basic-dropdown-trigger * *,
8842
- .ember-basic-dropdown-content * *,
8843
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
8844
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8845
- .ember-basic-dropdown-trigger * *,
8846
- .ember-basic-dropdown-content * *,
8847
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
8848
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8849
- .ember-basic-dropdown-trigger * *,
8850
- .ember-basic-dropdown-content * *,
8851
- .hds-dialog-primitive__wrapper *):focus:focus::before,
8852
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8853
- .ember-basic-dropdown-trigger * *,
8854
- .ember-basic-dropdown-content * *,
8855
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
8856
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8857
- .ember-basic-dropdown-trigger * *,
8858
- .ember-basic-dropdown-content * *,
8859
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
8860
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8861
- .ember-basic-dropdown-trigger * *,
8862
- .ember-basic-dropdown-content * *,
8863
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
8864
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8865
- .ember-basic-dropdown-trigger * *,
8866
- .ember-basic-dropdown-content * *,
8867
- .hds-dialog-primitive__wrapper *):focus:focus::before,
8868
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8869
- .ember-basic-dropdown-trigger * *,
8870
- .ember-basic-dropdown-content * *,
8871
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
8872
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8873
- .ember-basic-dropdown-trigger * *,
8874
- .ember-basic-dropdown-content * *,
8875
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
8876
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8877
- .ember-basic-dropdown-trigger * *,
8878
- .ember-basic-dropdown-content * *,
8879
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
8880
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8881
- .ember-basic-dropdown-trigger * *,
8882
- .ember-basic-dropdown-content * *,
8883
- .hds-dialog-primitive__wrapper *):focus:focus::before,
8884
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8885
- .ember-basic-dropdown-trigger * *,
8886
- .ember-basic-dropdown-content * *,
8887
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
8888
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8889
- .ember-basic-dropdown-trigger * *,
8890
- .ember-basic-dropdown-content * *,
8891
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
8892
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8893
- .ember-basic-dropdown-trigger * *,
8894
- .ember-basic-dropdown-content * *,
8895
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
8896
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8897
- .ember-basic-dropdown-trigger * *,
8898
- .ember-basic-dropdown-content * *,
8899
- .hds-dialog-primitive__wrapper *):focus:focus::before,
8900
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8901
- .ember-basic-dropdown-trigger * *,
8902
- .ember-basic-dropdown-content * *,
8903
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
8904
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8905
- .ember-basic-dropdown-trigger * *,
8906
- .ember-basic-dropdown-content * *,
8907
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
8908
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8909
- .ember-basic-dropdown-trigger * *,
8910
- .ember-basic-dropdown-content * *,
8911
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before {
8412
+ .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus::before, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus::before, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus::before, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
8413
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus::before,
8414
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
8415
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
8416
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before {
8912
8417
  box-shadow: var(--token-focus-ring-action-box-shadow);
8913
8418
  }
8914
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8915
- .ember-basic-dropdown-trigger * *,
8916
- .ember-basic-dropdown-content * *,
8917
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8918
- .ember-basic-dropdown-trigger * *,
8919
- .ember-basic-dropdown-content * *,
8920
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
8921
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8922
- .ember-basic-dropdown-trigger * *,
8923
- .ember-basic-dropdown-content * *,
8924
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
8925
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8926
- .ember-basic-dropdown-trigger * *,
8927
- .ember-basic-dropdown-content * *,
8928
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
8929
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8930
- .ember-basic-dropdown-trigger * *,
8931
- .ember-basic-dropdown-content * *,
8932
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
8933
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8934
- .ember-basic-dropdown-trigger * *,
8935
- .ember-basic-dropdown-content * *,
8936
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
8937
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8938
- .ember-basic-dropdown-trigger * *,
8939
- .ember-basic-dropdown-content * *,
8940
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
8941
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8942
- .ember-basic-dropdown-trigger * *,
8943
- .ember-basic-dropdown-content * *,
8944
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
8945
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8946
- .ember-basic-dropdown-trigger * *,
8947
- .ember-basic-dropdown-content * *,
8948
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
8949
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8950
- .ember-basic-dropdown-trigger * *,
8951
- .ember-basic-dropdown-content * *,
8952
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
8953
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8954
- .ember-basic-dropdown-trigger * *,
8955
- .ember-basic-dropdown-content * *,
8956
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
8957
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8958
- .ember-basic-dropdown-trigger * *,
8959
- .ember-basic-dropdown-content * *,
8960
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
8961
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8962
- .ember-basic-dropdown-trigger * *,
8963
- .ember-basic-dropdown-content * *,
8964
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
8965
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8966
- .ember-basic-dropdown-trigger * *,
8967
- .ember-basic-dropdown-content * *,
8968
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
8969
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8970
- .ember-basic-dropdown-trigger * *,
8971
- .ember-basic-dropdown-content * *,
8972
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
8973
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8974
- .ember-basic-dropdown-trigger * *,
8975
- .ember-basic-dropdown-content * *,
8976
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
8977
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8978
- .ember-basic-dropdown-trigger * *,
8979
- .ember-basic-dropdown-content * *,
8980
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
8981
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8982
- .ember-basic-dropdown-trigger * *,
8983
- .ember-basic-dropdown-content * *,
8984
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before {
8419
+ .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
8420
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
8421
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before {
8985
8422
  box-shadow: none;
8986
8423
  }
8987
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8988
- .ember-basic-dropdown-trigger * *,
8989
- .ember-basic-dropdown-content * *,
8990
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8991
- .ember-basic-dropdown-trigger * *,
8992
- .ember-basic-dropdown-content * *,
8993
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
8994
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8995
- .ember-basic-dropdown-trigger * *,
8996
- .ember-basic-dropdown-content * *,
8997
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
8998
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8999
- .ember-basic-dropdown-trigger * *,
9000
- .ember-basic-dropdown-content * *,
9001
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9002
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9003
- .ember-basic-dropdown-trigger * *,
9004
- .ember-basic-dropdown-content * *,
9005
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9006
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9007
- .ember-basic-dropdown-trigger * *,
9008
- .ember-basic-dropdown-content * *,
9009
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9010
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9011
- .ember-basic-dropdown-trigger * *,
9012
- .ember-basic-dropdown-content * *,
9013
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9014
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9015
- .ember-basic-dropdown-trigger * *,
9016
- .ember-basic-dropdown-content * *,
9017
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9018
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9019
- .ember-basic-dropdown-trigger * *,
9020
- .ember-basic-dropdown-content * *,
9021
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9022
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9023
- .ember-basic-dropdown-trigger * *,
9024
- .ember-basic-dropdown-content * *,
9025
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9026
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9027
- .ember-basic-dropdown-trigger * *,
9028
- .ember-basic-dropdown-content * *,
9029
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9030
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9031
- .ember-basic-dropdown-trigger * *,
9032
- .ember-basic-dropdown-content * *,
9033
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9034
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9035
- .ember-basic-dropdown-trigger * *,
9036
- .ember-basic-dropdown-content * *,
9037
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9038
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9039
- .ember-basic-dropdown-trigger * *,
9040
- .ember-basic-dropdown-content * *,
9041
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9042
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9043
- .ember-basic-dropdown-trigger * *,
9044
- .ember-basic-dropdown-content * *,
9045
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9046
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9047
- .ember-basic-dropdown-trigger * *,
9048
- .ember-basic-dropdown-content * *,
9049
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9050
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9051
- .ember-basic-dropdown-trigger * *,
9052
- .ember-basic-dropdown-content * *,
9053
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9054
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9055
- .ember-basic-dropdown-trigger * *,
9056
- .ember-basic-dropdown-content * *,
9057
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before {
8424
+ .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus-visible::before, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
8425
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
8426
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before {
9058
8427
  box-shadow: var(--token-focus-ring-action-box-shadow);
9059
8428
  }
9060
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9061
- .ember-basic-dropdown-trigger * *,
9062
- .ember-basic-dropdown-content * *,
9063
- .hds-dialog-primitive__wrapper *):focus:focus:active::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9064
- .ember-basic-dropdown-trigger * *,
9065
- .ember-basic-dropdown-content * *,
9066
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9067
- .ember-basic-dropdown-trigger * *,
9068
- .ember-basic-dropdown-content * *,
9069
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9070
- .ember-basic-dropdown-trigger * *,
9071
- .ember-basic-dropdown-content * *,
9072
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9073
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9074
- .ember-basic-dropdown-trigger * *,
9075
- .ember-basic-dropdown-content * *,
9076
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9077
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9078
- .ember-basic-dropdown-trigger * *,
9079
- .ember-basic-dropdown-content * *,
9080
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9081
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9082
- .ember-basic-dropdown-trigger * *,
9083
- .ember-basic-dropdown-content * *,
9084
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9085
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9086
- .ember-basic-dropdown-trigger * *,
9087
- .ember-basic-dropdown-content * *,
9088
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9089
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9090
- .ember-basic-dropdown-trigger * *,
9091
- .ember-basic-dropdown-content * *,
9092
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9093
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9094
- .ember-basic-dropdown-trigger * *,
9095
- .ember-basic-dropdown-content * *,
9096
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9097
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9098
- .ember-basic-dropdown-trigger * *,
9099
- .ember-basic-dropdown-content * *,
9100
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9101
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9102
- .ember-basic-dropdown-trigger * *,
9103
- .ember-basic-dropdown-content * *,
9104
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9105
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9106
- .ember-basic-dropdown-trigger * *,
9107
- .ember-basic-dropdown-content * *,
9108
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9109
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9110
- .ember-basic-dropdown-trigger * *,
9111
- .ember-basic-dropdown-content * *,
9112
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9113
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9114
- .ember-basic-dropdown-trigger * *,
9115
- .ember-basic-dropdown-content * *,
9116
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9117
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9118
- .ember-basic-dropdown-trigger * *,
9119
- .ember-basic-dropdown-content * *,
9120
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9121
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9122
- .ember-basic-dropdown-trigger * *,
9123
- .ember-basic-dropdown-content * *,
9124
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9125
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9126
- .ember-basic-dropdown-trigger * *,
9127
- .ember-basic-dropdown-content * *,
9128
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9129
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9130
- .ember-basic-dropdown-trigger * *,
9131
- .ember-basic-dropdown-content * *,
9132
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9133
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9134
- .ember-basic-dropdown-trigger * *,
9135
- .ember-basic-dropdown-content * *,
9136
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9137
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9138
- .ember-basic-dropdown-trigger * *,
9139
- .ember-basic-dropdown-content * *,
9140
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9141
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9142
- .ember-basic-dropdown-trigger * *,
9143
- .ember-basic-dropdown-content * *,
9144
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9145
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9146
- .ember-basic-dropdown-trigger * *,
9147
- .ember-basic-dropdown-content * *,
9148
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9149
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9150
- .ember-basic-dropdown-trigger * *,
9151
- .ember-basic-dropdown-content * *,
9152
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9153
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9154
- .ember-basic-dropdown-trigger * *,
9155
- .ember-basic-dropdown-content * *,
9156
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9157
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9158
- .ember-basic-dropdown-trigger * *,
9159
- .ember-basic-dropdown-content * *,
9160
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9161
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9162
- .ember-basic-dropdown-trigger * *,
9163
- .ember-basic-dropdown-content * *,
9164
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9165
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9166
- .ember-basic-dropdown-trigger * *,
9167
- .ember-basic-dropdown-content * *,
9168
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9169
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9170
- .ember-basic-dropdown-trigger * *,
9171
- .ember-basic-dropdown-content * *,
9172
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9173
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9174
- .ember-basic-dropdown-trigger * *,
9175
- .ember-basic-dropdown-content * *,
9176
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9177
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9178
- .ember-basic-dropdown-trigger * *,
9179
- .ember-basic-dropdown-content * *,
9180
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9181
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9182
- .ember-basic-dropdown-trigger * *,
9183
- .ember-basic-dropdown-content * *,
9184
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9185
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9186
- .ember-basic-dropdown-trigger * *,
9187
- .ember-basic-dropdown-content * *,
9188
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9189
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9190
- .ember-basic-dropdown-trigger * *,
9191
- .ember-basic-dropdown-content * *,
9192
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9193
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9194
- .ember-basic-dropdown-trigger * *,
9195
- .ember-basic-dropdown-content * *,
9196
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9197
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9198
- .ember-basic-dropdown-trigger * *,
9199
- .ember-basic-dropdown-content * *,
9200
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before {
8429
+ .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:active::before, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
8430
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:active::before,
8431
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
8432
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
8433
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before {
9201
8434
  box-shadow: none;
9202
8435
  }
9203
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9204
- .ember-basic-dropdown-trigger * *,
9205
- .ember-basic-dropdown-content * *,
9206
- .hds-dialog-primitive__wrapper *):focus::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9207
- .ember-basic-dropdown-trigger * *,
9208
- .ember-basic-dropdown-content * *,
9209
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9210
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9211
- .ember-basic-dropdown-trigger * *,
9212
- .ember-basic-dropdown-content * *,
9213
- .hds-dialog-primitive__wrapper *):focus::before,
9214
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9215
- .ember-basic-dropdown-trigger * *,
9216
- .ember-basic-dropdown-content * *,
9217
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9218
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9219
- .ember-basic-dropdown-trigger * *,
9220
- .ember-basic-dropdown-content * *,
9221
- .hds-dialog-primitive__wrapper *):focus::before,
9222
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9223
- .ember-basic-dropdown-trigger * *,
9224
- .ember-basic-dropdown-content * *,
9225
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9226
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9227
- .ember-basic-dropdown-trigger * *,
9228
- .ember-basic-dropdown-content * *,
9229
- .hds-dialog-primitive__wrapper *):focus::before,
9230
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9231
- .ember-basic-dropdown-trigger * *,
9232
- .ember-basic-dropdown-content * *,
9233
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9234
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9235
- .ember-basic-dropdown-trigger * *,
9236
- .ember-basic-dropdown-content * *,
9237
- .hds-dialog-primitive__wrapper *):focus::before,
9238
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9239
- .ember-basic-dropdown-trigger * *,
9240
- .ember-basic-dropdown-content * *,
9241
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9242
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9243
- .ember-basic-dropdown-trigger * *,
9244
- .ember-basic-dropdown-content * *,
9245
- .hds-dialog-primitive__wrapper *):focus::before,
9246
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9247
- .ember-basic-dropdown-trigger * *,
9248
- .ember-basic-dropdown-content * *,
9249
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9250
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9251
- .ember-basic-dropdown-trigger * *,
9252
- .ember-basic-dropdown-content * *,
9253
- .hds-dialog-primitive__wrapper *):focus::before,
9254
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9255
- .ember-basic-dropdown-trigger * *,
9256
- .ember-basic-dropdown-content * *,
9257
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9258
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9259
- .ember-basic-dropdown-trigger * *,
9260
- .ember-basic-dropdown-content * *,
9261
- .hds-dialog-primitive__wrapper *):focus::before,
9262
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9263
- .ember-basic-dropdown-trigger * *,
9264
- .ember-basic-dropdown-content * *,
9265
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9266
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9267
- .ember-basic-dropdown-trigger * *,
9268
- .ember-basic-dropdown-content * *,
9269
- .hds-dialog-primitive__wrapper *):focus::before,
9270
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9271
- .ember-basic-dropdown-trigger * *,
9272
- .ember-basic-dropdown-content * *,
9273
- .hds-dialog-primitive__wrapper *).mock-focus::before {
8436
+ .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus,
8437
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus,
8438
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus {
8439
+ color: var(--token-color-foreground-high-contrast);
8440
+ background-color: var(--token-color-palette-neutral-700);
8441
+ border-color: #bcc7fd;
8442
+ }
8443
+ .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before,
8444
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus::before,
8445
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-focus::before {
9274
8446
  color: var(--token-color-foreground-high-contrast);
9275
8447
  border: none;
9276
8448
  }
9277
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9278
- .ember-basic-dropdown-trigger * *,
9279
- .ember-basic-dropdown-content * *,
9280
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9281
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9282
- .ember-basic-dropdown-trigger * *,
9283
- .ember-basic-dropdown-content * *,
9284
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9285
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9286
- .ember-basic-dropdown-trigger * *,
9287
- .ember-basic-dropdown-content * *,
9288
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9289
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9290
- .ember-basic-dropdown-trigger * *,
9291
- .ember-basic-dropdown-content * *,
9292
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9293
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9294
- .ember-basic-dropdown-trigger * *,
9295
- .ember-basic-dropdown-content * *,
9296
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9297
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9298
- .ember-basic-dropdown-trigger * *,
9299
- .ember-basic-dropdown-content * *,
9300
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9301
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9302
- .ember-basic-dropdown-trigger * *,
9303
- .ember-basic-dropdown-content * *,
9304
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9305
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9306
- .ember-basic-dropdown-trigger * *,
9307
- .ember-basic-dropdown-content * *,
9308
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9309
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9310
- .ember-basic-dropdown-trigger * *,
9311
- .ember-basic-dropdown-content * *,
9312
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before {
8449
+ .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
8450
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before {
9313
8451
  box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
9314
8452
  }
9315
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9316
- .ember-basic-dropdown-trigger * *,
9317
- .ember-basic-dropdown-content * *,
9318
- .hds-dialog-primitive__wrapper *):active, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9319
- .ember-basic-dropdown-trigger * *,
9320
- .ember-basic-dropdown-content * *,
9321
- .hds-dialog-primitive__wrapper *).mock-active,
9322
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9323
- .ember-basic-dropdown-trigger * *,
9324
- .ember-basic-dropdown-content * *,
9325
- .hds-dialog-primitive__wrapper *):active,
9326
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9327
- .ember-basic-dropdown-trigger * *,
9328
- .ember-basic-dropdown-content * *,
9329
- .hds-dialog-primitive__wrapper *).mock-active,
9330
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9331
- .ember-basic-dropdown-trigger * *,
9332
- .ember-basic-dropdown-content * *,
9333
- .hds-dialog-primitive__wrapper *):active,
9334
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9335
- .ember-basic-dropdown-trigger * *,
9336
- .ember-basic-dropdown-content * *,
9337
- .hds-dialog-primitive__wrapper *).mock-active,
9338
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9339
- .ember-basic-dropdown-trigger * *,
9340
- .ember-basic-dropdown-content * *,
9341
- .hds-dialog-primitive__wrapper *):active,
9342
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9343
- .ember-basic-dropdown-trigger * *,
9344
- .ember-basic-dropdown-content * *,
9345
- .hds-dialog-primitive__wrapper *).mock-active,
9346
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9347
- .ember-basic-dropdown-trigger * *,
9348
- .ember-basic-dropdown-content * *,
9349
- .hds-dialog-primitive__wrapper *):active,
9350
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9351
- .ember-basic-dropdown-trigger * *,
9352
- .ember-basic-dropdown-content * *,
9353
- .hds-dialog-primitive__wrapper *).mock-active,
9354
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9355
- .ember-basic-dropdown-trigger * *,
9356
- .ember-basic-dropdown-content * *,
9357
- .hds-dialog-primitive__wrapper *):active,
9358
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9359
- .ember-basic-dropdown-trigger * *,
9360
- .ember-basic-dropdown-content * *,
9361
- .hds-dialog-primitive__wrapper *).mock-active,
9362
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9363
- .ember-basic-dropdown-trigger * *,
9364
- .ember-basic-dropdown-content * *,
9365
- .hds-dialog-primitive__wrapper *):active,
9366
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9367
- .ember-basic-dropdown-trigger * *,
9368
- .ember-basic-dropdown-content * *,
9369
- .hds-dialog-primitive__wrapper *).mock-active,
9370
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9371
- .ember-basic-dropdown-trigger * *,
9372
- .ember-basic-dropdown-content * *,
9373
- .hds-dialog-primitive__wrapper *):active,
9374
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9375
- .ember-basic-dropdown-trigger * *,
9376
- .ember-basic-dropdown-content * *,
9377
- .hds-dialog-primitive__wrapper *).mock-active,
9378
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9379
- .ember-basic-dropdown-trigger * *,
9380
- .ember-basic-dropdown-content * *,
9381
- .hds-dialog-primitive__wrapper *):active,
9382
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9383
- .ember-basic-dropdown-trigger * *,
9384
- .ember-basic-dropdown-content * *,
9385
- .hds-dialog-primitive__wrapper *).mock-active {
8453
+ .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):active, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-active,
8454
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):active,
8455
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-active {
9386
8456
  color: var(--token-color-foreground-high-contrast);
9387
8457
  background-color: var(--token-color-palette-neutral-500);
9388
8458
  border-color: var(--token-color-palette-neutral-400);
9389
8459
  }
9390
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9391
- .ember-basic-dropdown-trigger * *,
9392
- .ember-basic-dropdown-content * *,
9393
- .hds-dialog-primitive__wrapper *):disabled, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9394
- .ember-basic-dropdown-trigger * *,
9395
- .ember-basic-dropdown-content * *,
9396
- .hds-dialog-primitive__wrapper *)[disabled], .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9397
- .ember-basic-dropdown-trigger * *,
9398
- .ember-basic-dropdown-content * *,
9399
- .hds-dialog-primitive__wrapper *).mock-disabled, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9400
- .ember-basic-dropdown-trigger * *,
9401
- .ember-basic-dropdown-content * *,
9402
- .hds-dialog-primitive__wrapper *):disabled:focus, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9403
- .ember-basic-dropdown-trigger * *,
9404
- .ember-basic-dropdown-content * *,
9405
- .hds-dialog-primitive__wrapper *)[disabled]:focus, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9406
- .ember-basic-dropdown-trigger * *,
9407
- .ember-basic-dropdown-content * *,
9408
- .hds-dialog-primitive__wrapper *).mock-disabled:focus, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9409
- .ember-basic-dropdown-trigger * *,
9410
- .ember-basic-dropdown-content * *,
9411
- .hds-dialog-primitive__wrapper *):disabled:hover, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9412
- .ember-basic-dropdown-trigger * *,
9413
- .ember-basic-dropdown-content * *,
9414
- .hds-dialog-primitive__wrapper *)[disabled]:hover, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9415
- .ember-basic-dropdown-trigger * *,
9416
- .ember-basic-dropdown-content * *,
9417
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9418
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9419
- .ember-basic-dropdown-trigger * *,
9420
- .ember-basic-dropdown-content * *,
9421
- .hds-dialog-primitive__wrapper *):disabled,
9422
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9423
- .ember-basic-dropdown-trigger * *,
9424
- .ember-basic-dropdown-content * *,
9425
- .hds-dialog-primitive__wrapper *)[disabled],
9426
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9427
- .ember-basic-dropdown-trigger * *,
9428
- .ember-basic-dropdown-content * *,
9429
- .hds-dialog-primitive__wrapper *).mock-disabled,
9430
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9431
- .ember-basic-dropdown-trigger * *,
9432
- .ember-basic-dropdown-content * *,
9433
- .hds-dialog-primitive__wrapper *):disabled:focus,
9434
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9435
- .ember-basic-dropdown-trigger * *,
9436
- .ember-basic-dropdown-content * *,
9437
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9438
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9439
- .ember-basic-dropdown-trigger * *,
9440
- .ember-basic-dropdown-content * *,
9441
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9442
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9443
- .ember-basic-dropdown-trigger * *,
9444
- .ember-basic-dropdown-content * *,
9445
- .hds-dialog-primitive__wrapper *):disabled:hover,
9446
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9447
- .ember-basic-dropdown-trigger * *,
9448
- .ember-basic-dropdown-content * *,
9449
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9450
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9451
- .ember-basic-dropdown-trigger * *,
9452
- .ember-basic-dropdown-content * *,
9453
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9454
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9455
- .ember-basic-dropdown-trigger * *,
9456
- .ember-basic-dropdown-content * *,
9457
- .hds-dialog-primitive__wrapper *):disabled,
9458
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9459
- .ember-basic-dropdown-trigger * *,
9460
- .ember-basic-dropdown-content * *,
9461
- .hds-dialog-primitive__wrapper *)[disabled],
9462
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9463
- .ember-basic-dropdown-trigger * *,
9464
- .ember-basic-dropdown-content * *,
9465
- .hds-dialog-primitive__wrapper *).mock-disabled,
9466
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9467
- .ember-basic-dropdown-trigger * *,
9468
- .ember-basic-dropdown-content * *,
9469
- .hds-dialog-primitive__wrapper *):disabled:focus,
9470
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9471
- .ember-basic-dropdown-trigger * *,
9472
- .ember-basic-dropdown-content * *,
9473
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9474
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9475
- .ember-basic-dropdown-trigger * *,
9476
- .ember-basic-dropdown-content * *,
9477
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9478
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9479
- .ember-basic-dropdown-trigger * *,
9480
- .ember-basic-dropdown-content * *,
9481
- .hds-dialog-primitive__wrapper *):disabled:hover,
9482
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9483
- .ember-basic-dropdown-trigger * *,
9484
- .ember-basic-dropdown-content * *,
9485
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9486
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9487
- .ember-basic-dropdown-trigger * *,
9488
- .ember-basic-dropdown-content * *,
9489
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9490
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9491
- .ember-basic-dropdown-trigger * *,
9492
- .ember-basic-dropdown-content * *,
9493
- .hds-dialog-primitive__wrapper *):disabled,
9494
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9495
- .ember-basic-dropdown-trigger * *,
9496
- .ember-basic-dropdown-content * *,
9497
- .hds-dialog-primitive__wrapper *)[disabled],
9498
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9499
- .ember-basic-dropdown-trigger * *,
9500
- .ember-basic-dropdown-content * *,
9501
- .hds-dialog-primitive__wrapper *).mock-disabled,
9502
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9503
- .ember-basic-dropdown-trigger * *,
9504
- .ember-basic-dropdown-content * *,
9505
- .hds-dialog-primitive__wrapper *):disabled:focus,
9506
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9507
- .ember-basic-dropdown-trigger * *,
9508
- .ember-basic-dropdown-content * *,
9509
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9510
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9511
- .ember-basic-dropdown-trigger * *,
9512
- .ember-basic-dropdown-content * *,
9513
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9514
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9515
- .ember-basic-dropdown-trigger * *,
9516
- .ember-basic-dropdown-content * *,
9517
- .hds-dialog-primitive__wrapper *):disabled:hover,
9518
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9519
- .ember-basic-dropdown-trigger * *,
9520
- .ember-basic-dropdown-content * *,
9521
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9522
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9523
- .ember-basic-dropdown-trigger * *,
9524
- .ember-basic-dropdown-content * *,
9525
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9526
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9527
- .ember-basic-dropdown-trigger * *,
9528
- .ember-basic-dropdown-content * *,
9529
- .hds-dialog-primitive__wrapper *):disabled,
9530
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9531
- .ember-basic-dropdown-trigger * *,
9532
- .ember-basic-dropdown-content * *,
9533
- .hds-dialog-primitive__wrapper *)[disabled],
9534
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9535
- .ember-basic-dropdown-trigger * *,
9536
- .ember-basic-dropdown-content * *,
9537
- .hds-dialog-primitive__wrapper *).mock-disabled,
9538
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9539
- .ember-basic-dropdown-trigger * *,
9540
- .ember-basic-dropdown-content * *,
9541
- .hds-dialog-primitive__wrapper *):disabled:focus,
9542
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9543
- .ember-basic-dropdown-trigger * *,
9544
- .ember-basic-dropdown-content * *,
9545
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9546
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9547
- .ember-basic-dropdown-trigger * *,
9548
- .ember-basic-dropdown-content * *,
9549
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9550
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9551
- .ember-basic-dropdown-trigger * *,
9552
- .ember-basic-dropdown-content * *,
9553
- .hds-dialog-primitive__wrapper *):disabled:hover,
9554
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9555
- .ember-basic-dropdown-trigger * *,
9556
- .ember-basic-dropdown-content * *,
9557
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9558
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9559
- .ember-basic-dropdown-trigger * *,
9560
- .ember-basic-dropdown-content * *,
9561
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9562
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9563
- .ember-basic-dropdown-trigger * *,
9564
- .ember-basic-dropdown-content * *,
9565
- .hds-dialog-primitive__wrapper *):disabled,
9566
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9567
- .ember-basic-dropdown-trigger * *,
9568
- .ember-basic-dropdown-content * *,
9569
- .hds-dialog-primitive__wrapper *)[disabled],
9570
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9571
- .ember-basic-dropdown-trigger * *,
9572
- .ember-basic-dropdown-content * *,
9573
- .hds-dialog-primitive__wrapper *).mock-disabled,
9574
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9575
- .ember-basic-dropdown-trigger * *,
9576
- .ember-basic-dropdown-content * *,
9577
- .hds-dialog-primitive__wrapper *):disabled:focus,
9578
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9579
- .ember-basic-dropdown-trigger * *,
9580
- .ember-basic-dropdown-content * *,
9581
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9582
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9583
- .ember-basic-dropdown-trigger * *,
9584
- .ember-basic-dropdown-content * *,
9585
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9586
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9587
- .ember-basic-dropdown-trigger * *,
9588
- .ember-basic-dropdown-content * *,
9589
- .hds-dialog-primitive__wrapper *):disabled:hover,
9590
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9591
- .ember-basic-dropdown-trigger * *,
9592
- .ember-basic-dropdown-content * *,
9593
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9594
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9595
- .ember-basic-dropdown-trigger * *,
9596
- .ember-basic-dropdown-content * *,
9597
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9598
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9599
- .ember-basic-dropdown-trigger * *,
9600
- .ember-basic-dropdown-content * *,
9601
- .hds-dialog-primitive__wrapper *):disabled,
9602
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9603
- .ember-basic-dropdown-trigger * *,
9604
- .ember-basic-dropdown-content * *,
9605
- .hds-dialog-primitive__wrapper *)[disabled],
9606
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9607
- .ember-basic-dropdown-trigger * *,
9608
- .ember-basic-dropdown-content * *,
9609
- .hds-dialog-primitive__wrapper *).mock-disabled,
9610
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9611
- .ember-basic-dropdown-trigger * *,
9612
- .ember-basic-dropdown-content * *,
9613
- .hds-dialog-primitive__wrapper *):disabled:focus,
9614
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9615
- .ember-basic-dropdown-trigger * *,
9616
- .ember-basic-dropdown-content * *,
9617
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9618
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9619
- .ember-basic-dropdown-trigger * *,
9620
- .ember-basic-dropdown-content * *,
9621
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9622
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9623
- .ember-basic-dropdown-trigger * *,
9624
- .ember-basic-dropdown-content * *,
9625
- .hds-dialog-primitive__wrapper *):disabled:hover,
9626
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9627
- .ember-basic-dropdown-trigger * *,
9628
- .ember-basic-dropdown-content * *,
9629
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9630
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9631
- .ember-basic-dropdown-trigger * *,
9632
- .ember-basic-dropdown-content * *,
9633
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9634
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9635
- .ember-basic-dropdown-trigger * *,
9636
- .ember-basic-dropdown-content * *,
9637
- .hds-dialog-primitive__wrapper *):disabled,
9638
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9639
- .ember-basic-dropdown-trigger * *,
9640
- .ember-basic-dropdown-content * *,
9641
- .hds-dialog-primitive__wrapper *)[disabled],
9642
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9643
- .ember-basic-dropdown-trigger * *,
9644
- .ember-basic-dropdown-content * *,
9645
- .hds-dialog-primitive__wrapper *).mock-disabled,
9646
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9647
- .ember-basic-dropdown-trigger * *,
9648
- .ember-basic-dropdown-content * *,
9649
- .hds-dialog-primitive__wrapper *):disabled:focus,
9650
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9651
- .ember-basic-dropdown-trigger * *,
9652
- .ember-basic-dropdown-content * *,
9653
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9654
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9655
- .ember-basic-dropdown-trigger * *,
9656
- .ember-basic-dropdown-content * *,
9657
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9658
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9659
- .ember-basic-dropdown-trigger * *,
9660
- .ember-basic-dropdown-content * *,
9661
- .hds-dialog-primitive__wrapper *):disabled:hover,
9662
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9663
- .ember-basic-dropdown-trigger * *,
9664
- .ember-basic-dropdown-content * *,
9665
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9666
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9667
- .ember-basic-dropdown-trigger * *,
9668
- .ember-basic-dropdown-content * *,
9669
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9670
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9671
- .ember-basic-dropdown-trigger * *,
9672
- .ember-basic-dropdown-content * *,
9673
- .hds-dialog-primitive__wrapper *):disabled,
9674
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9675
- .ember-basic-dropdown-trigger * *,
9676
- .ember-basic-dropdown-content * *,
9677
- .hds-dialog-primitive__wrapper *)[disabled],
9678
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9679
- .ember-basic-dropdown-trigger * *,
9680
- .ember-basic-dropdown-content * *,
9681
- .hds-dialog-primitive__wrapper *).mock-disabled,
9682
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9683
- .ember-basic-dropdown-trigger * *,
9684
- .ember-basic-dropdown-content * *,
9685
- .hds-dialog-primitive__wrapper *):disabled:focus,
9686
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9687
- .ember-basic-dropdown-trigger * *,
9688
- .ember-basic-dropdown-content * *,
9689
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9690
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9691
- .ember-basic-dropdown-trigger * *,
9692
- .ember-basic-dropdown-content * *,
9693
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9694
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9695
- .ember-basic-dropdown-trigger * *,
9696
- .ember-basic-dropdown-content * *,
9697
- .hds-dialog-primitive__wrapper *):disabled:hover,
9698
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9699
- .ember-basic-dropdown-trigger * *,
9700
- .ember-basic-dropdown-content * *,
9701
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9702
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9703
- .ember-basic-dropdown-trigger * *,
9704
- .ember-basic-dropdown-content * *,
9705
- .hds-dialog-primitive__wrapper *).mock-disabled:hover {
8460
+ .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled], .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:focus, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:focus, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:focus, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:hover, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:hover, .hds-side-nav .hds-button:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:hover,
8461
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled,
8462
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled],
8463
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled,
8464
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:focus,
8465
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:focus,
8466
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:focus,
8467
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *):disabled:hover,
8468
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *)[disabled]:hover,
8469
+ .hds-side-nav button[class*=hds-dropdown-toggle]:not(.hds-dropdown__content *, .ember-basic-dropdown-content *, .hds-dialog-primitive__wrapper *).mock-disabled:hover {
9706
8470
  color: var(--token-color-foreground-disabled);
9707
8471
  background-color: var(--token-color-palette-neutral-600);
9708
8472
  border-color: var(--token-color-palette-neutral-500);