@hashicorp/design-system-components 5.1.0-rc-20251106155636 → 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 (69) hide show
  1. package/declarations/components/hds/dropdown/list-item/checkbox.d.ts +1 -0
  2. package/declarations/components/hds/dropdown/list-item/radio.d.ts +1 -0
  3. package/declarations/components/hds/filter-bar/{filters-dropdown.d.ts → dropdown.d.ts} +7 -5
  4. package/declarations/components/hds/filter-bar/{checkbox.d.ts → filter-group/checkbox.d.ts} +4 -4
  5. package/declarations/components/hds/filter-bar/filter-group/date.d.ts +47 -0
  6. package/declarations/components/hds/filter-bar/filter-group/generic.d.ts +24 -0
  7. package/declarations/components/hds/filter-bar/{filter-group.d.ts → filter-group/index.d.ts} +15 -10
  8. package/declarations/components/hds/filter-bar/filter-group/numerical.d.ts +45 -0
  9. package/declarations/components/hds/filter-bar/{radio.d.ts → filter-group/radio.d.ts} +4 -4
  10. package/declarations/components/hds/filter-bar/index.d.ts +11 -3
  11. package/declarations/components/hds/filter-bar/tabs/tab.d.ts +1 -0
  12. package/declarations/components/hds/filter-bar/types.d.ts +46 -12
  13. package/declarations/components/hds/form/text-input/field.d.ts +1 -1
  14. package/declarations/components.d.ts +7 -5
  15. package/declarations/template-registry.d.ts +19 -13
  16. package/dist/_app_/components/hds/filter-bar/{checkbox.js → dropdown.js} +1 -1
  17. package/dist/_app_/components/hds/filter-bar/filter-group/checkbox.js +1 -0
  18. package/dist/_app_/components/hds/filter-bar/{filters-dropdown.js → filter-group/date.js} +1 -1
  19. package/dist/_app_/components/hds/filter-bar/{range.js → filter-group/generic.js} +1 -1
  20. package/dist/_app_/components/hds/filter-bar/filter-group/numerical.js +1 -0
  21. package/dist/_app_/components/hds/filter-bar/{radio.js → filter-group/radio.js} +1 -1
  22. package/dist/_app_/components/hds/filter-bar/filter-group.js +1 -1
  23. package/dist/components/hds/dropdown/list-item/checkbox.js.map +1 -1
  24. package/dist/components/hds/dropdown/list-item/radio.js.map +1 -1
  25. package/dist/components/hds/filter-bar/{filters-dropdown.js → dropdown.js} +25 -30
  26. package/dist/components/hds/filter-bar/dropdown.js.map +1 -0
  27. package/dist/components/hds/filter-bar/{checkbox.js → filter-group/checkbox.js} +6 -6
  28. package/dist/components/hds/filter-bar/filter-group/checkbox.js.map +1 -0
  29. package/dist/components/hds/filter-bar/filter-group/date.js +164 -0
  30. package/dist/components/hds/filter-bar/filter-group/date.js.map +1 -0
  31. package/dist/components/hds/filter-bar/filter-group/generic.js +43 -0
  32. package/dist/components/hds/filter-bar/filter-group/generic.js.map +1 -0
  33. package/dist/components/hds/filter-bar/{filter-group.js → filter-group/index.js} +64 -11
  34. package/dist/components/hds/filter-bar/filter-group/index.js.map +1 -0
  35. package/dist/components/hds/filter-bar/filter-group/numerical.js +163 -0
  36. package/dist/components/hds/filter-bar/filter-group/numerical.js.map +1 -0
  37. package/dist/components/hds/filter-bar/{radio.js → filter-group/radio.js} +6 -6
  38. package/dist/components/hds/filter-bar/filter-group/radio.js.map +1 -0
  39. package/dist/components/hds/filter-bar/index.js +85 -10
  40. package/dist/components/hds/filter-bar/index.js.map +1 -1
  41. package/dist/components/hds/filter-bar/tabs/index.js +0 -1
  42. package/dist/components/hds/filter-bar/tabs/index.js.map +1 -1
  43. package/dist/components/hds/filter-bar/tabs/tab.js +1 -2
  44. package/dist/components/hds/filter-bar/tabs/tab.js.map +1 -1
  45. package/dist/components/hds/filter-bar/types.js +20 -9
  46. package/dist/components/hds/filter-bar/types.js.map +1 -1
  47. package/dist/components.js +8 -6
  48. package/dist/components.js.map +1 -1
  49. package/dist/helpers/hds-link-to-query.js +0 -1
  50. package/dist/helpers/hds-link-to-query.js.map +1 -1
  51. package/dist/styles/@hashicorp/design-system-components.css +190 -1621
  52. package/dist/styles/components/app-header.scss +6 -9
  53. package/dist/styles/components/filter-bar.scss +95 -86
  54. package/dist/styles/components/side-nav/header.scss +4 -12
  55. package/dist/styles/mixins/_interactive-dark-theme.scss +7 -4
  56. package/package.json +7 -5
  57. package/translations/hds/components/filter-bar/date/en-us.yaml +18 -0
  58. package/translations/hds/components/filter-bar/en-us.yaml +6 -0
  59. package/translations/hds/components/filter-bar/filter-group/en-us.yaml +1 -0
  60. package/translations/hds/components/filter-bar/filter-group/numerical/en-us.yaml +15 -0
  61. package/translations/hds/components/filter-bar/filters-dropdown/en-us.yaml +1 -1
  62. package/declarations/components/hds/filter-bar/range.d.ts +0 -33
  63. package/dist/components/hds/filter-bar/checkbox.js.map +0 -1
  64. package/dist/components/hds/filter-bar/filter-group.js.map +0 -1
  65. package/dist/components/hds/filter-bar/filters-dropdown.js.map +0 -1
  66. package/dist/components/hds/filter-bar/radio.js.map +0 -1
  67. package/dist/components/hds/filter-bar/range.js +0 -88
  68. package/dist/components/hds/filter-bar/range.js.map +0 -1
  69. package/translations/hds/components/filter-bar/range/en-us.yaml +0 -3
@@ -2169,18 +2169,8 @@
2169
2169
  gap: inherit;
2170
2170
  align-items: center;
2171
2171
  }
2172
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2173
- .ember-basic-dropdown-trigger * *,
2174
- .ember-basic-dropdown-content * *,
2175
- .hds-dialog-primitive__wrapper *),
2176
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2177
- .ember-basic-dropdown-trigger * *,
2178
- .ember-basic-dropdown-content * *,
2179
- .hds-dialog-primitive__wrapper *),
2180
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2181
- .ember-basic-dropdown-trigger * *,
2182
- .ember-basic-dropdown-content * *,
2183
- .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 *) {
2184
2174
  --token-focus-ring-action-box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
2185
2175
  border: 1px solid transparent;
2186
2176
  cursor: pointer;
@@ -2189,87 +2179,24 @@
2189
2179
  background-color: var(--token-color-palette-neutral-700);
2190
2180
  border-radius: var(--token-border-radius-small);
2191
2181
  }
2192
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2193
- .ember-basic-dropdown-trigger * *,
2194
- .ember-basic-dropdown-content * *,
2195
- .hds-dialog-primitive__wrapper *):hover, .hds-app-header .hds-button:not(.hds-dropdown * *,
2196
- .ember-basic-dropdown-trigger * *,
2197
- .ember-basic-dropdown-content * *,
2198
- .hds-dialog-primitive__wrapper *).mock-hover,
2199
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2200
- .ember-basic-dropdown-trigger * *,
2201
- .ember-basic-dropdown-content * *,
2202
- .hds-dialog-primitive__wrapper *):hover,
2203
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2204
- .ember-basic-dropdown-trigger * *,
2205
- .ember-basic-dropdown-content * *,
2206
- .hds-dialog-primitive__wrapper *).mock-hover,
2207
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2208
- .ember-basic-dropdown-trigger * *,
2209
- .ember-basic-dropdown-content * *,
2210
- .hds-dialog-primitive__wrapper *):hover,
2211
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2212
- .ember-basic-dropdown-trigger * *,
2213
- .ember-basic-dropdown-content * *,
2214
- .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 {
2215
2185
  border-color: var(--token-color-palette-neutral-500);
2216
2186
  color: var(--token-color-foreground-high-contrast);
2217
2187
  background-color: var(--token-color-palette-neutral-600);
2218
2188
  }
2219
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2220
- .ember-basic-dropdown-trigger * *,
2221
- .ember-basic-dropdown-content * *,
2222
- .hds-dialog-primitive__wrapper *):focus, .hds-app-header .hds-button:not(.hds-dropdown * *,
2223
- .ember-basic-dropdown-trigger * *,
2224
- .ember-basic-dropdown-content * *,
2225
- .hds-dialog-primitive__wrapper *).mock-focus,
2226
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2227
- .ember-basic-dropdown-trigger * *,
2228
- .ember-basic-dropdown-content * *,
2229
- .hds-dialog-primitive__wrapper *):focus,
2230
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2231
- .ember-basic-dropdown-trigger * *,
2232
- .ember-basic-dropdown-content * *,
2233
- .hds-dialog-primitive__wrapper *).mock-focus,
2234
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2235
- .ember-basic-dropdown-trigger * *,
2236
- .ember-basic-dropdown-content * *,
2237
- .hds-dialog-primitive__wrapper *):focus,
2238
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2239
- .ember-basic-dropdown-trigger * *,
2240
- .ember-basic-dropdown-content * *,
2241
- .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 {
2242
2192
  position: relative;
2243
2193
  outline-style: solid;
2244
2194
  outline-color: transparent;
2245
2195
  isolation: isolate;
2246
- color: var(--token-color-foreground-high-contrast);
2247
- background-color: var(--token-color-palette-neutral-700);
2248
- border-color: #bcc7fd;
2249
2196
  }
2250
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2251
- .ember-basic-dropdown-trigger * *,
2252
- .ember-basic-dropdown-content * *,
2253
- .hds-dialog-primitive__wrapper *):focus::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2254
- .ember-basic-dropdown-trigger * *,
2255
- .ember-basic-dropdown-content * *,
2256
- .hds-dialog-primitive__wrapper *).mock-focus::before,
2257
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2258
- .ember-basic-dropdown-trigger * *,
2259
- .ember-basic-dropdown-content * *,
2260
- .hds-dialog-primitive__wrapper *):focus::before,
2261
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2262
- .ember-basic-dropdown-trigger * *,
2263
- .ember-basic-dropdown-content * *,
2264
- .hds-dialog-primitive__wrapper *).mock-focus::before,
2265
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2266
- .ember-basic-dropdown-trigger * *,
2267
- .ember-basic-dropdown-content * *,
2268
- .hds-dialog-primitive__wrapper *):focus::before,
2269
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2270
- .ember-basic-dropdown-trigger * *,
2271
- .ember-basic-dropdown-content * *,
2272
- .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 {
2273
2200
  position: absolute;
2274
2201
  top: -1px;
2275
2202
  right: -1px;
@@ -2279,317 +2206,64 @@
2279
2206
  border-radius: 5px;
2280
2207
  content: "";
2281
2208
  }
2282
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2283
- .ember-basic-dropdown-trigger * *,
2284
- .ember-basic-dropdown-content * *,
2285
- .hds-dialog-primitive__wrapper *):focus:focus::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2286
- .ember-basic-dropdown-trigger * *,
2287
- .ember-basic-dropdown-content * *,
2288
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2289
- .ember-basic-dropdown-trigger * *,
2290
- .ember-basic-dropdown-content * *,
2291
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2292
- .ember-basic-dropdown-trigger * *,
2293
- .ember-basic-dropdown-content * *,
2294
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
2295
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2296
- .ember-basic-dropdown-trigger * *,
2297
- .ember-basic-dropdown-content * *,
2298
- .hds-dialog-primitive__wrapper *):focus:focus::before,
2299
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2300
- .ember-basic-dropdown-trigger * *,
2301
- .ember-basic-dropdown-content * *,
2302
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
2303
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2304
- .ember-basic-dropdown-trigger * *,
2305
- .ember-basic-dropdown-content * *,
2306
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
2307
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2308
- .ember-basic-dropdown-trigger * *,
2309
- .ember-basic-dropdown-content * *,
2310
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
2311
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2312
- .ember-basic-dropdown-trigger * *,
2313
- .ember-basic-dropdown-content * *,
2314
- .hds-dialog-primitive__wrapper *):focus:focus::before,
2315
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2316
- .ember-basic-dropdown-trigger * *,
2317
- .ember-basic-dropdown-content * *,
2318
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
2319
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2320
- .ember-basic-dropdown-trigger * *,
2321
- .ember-basic-dropdown-content * *,
2322
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
2323
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2324
- .ember-basic-dropdown-trigger * *,
2325
- .ember-basic-dropdown-content * *,
2326
- .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 {
2327
2214
  box-shadow: var(--token-focus-ring-action-box-shadow);
2328
2215
  }
2329
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2330
- .ember-basic-dropdown-trigger * *,
2331
- .ember-basic-dropdown-content * *,
2332
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2333
- .ember-basic-dropdown-trigger * *,
2334
- .ember-basic-dropdown-content * *,
2335
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::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:focus:not(:focus-visible)::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:not(:focus-visible)::before,
2344
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2345
- .ember-basic-dropdown-trigger * *,
2346
- .ember-basic-dropdown-content * *,
2347
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::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 *).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 {
2352
2219
  box-shadow: none;
2353
2220
  }
2354
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2355
- .ember-basic-dropdown-trigger * *,
2356
- .ember-basic-dropdown-content * *,
2357
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2358
- .ember-basic-dropdown-trigger * *,
2359
- .ember-basic-dropdown-content * *,
2360
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
2361
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2362
- .ember-basic-dropdown-trigger * *,
2363
- .ember-basic-dropdown-content * *,
2364
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
2365
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2366
- .ember-basic-dropdown-trigger * *,
2367
- .ember-basic-dropdown-content * *,
2368
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
2369
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2370
- .ember-basic-dropdown-trigger * *,
2371
- .ember-basic-dropdown-content * *,
2372
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
2373
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2374
- .ember-basic-dropdown-trigger * *,
2375
- .ember-basic-dropdown-content * *,
2376
- .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 {
2377
2224
  box-shadow: var(--token-focus-ring-action-box-shadow);
2378
2225
  }
2379
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2380
- .ember-basic-dropdown-trigger * *,
2381
- .ember-basic-dropdown-content * *,
2382
- .hds-dialog-primitive__wrapper *):focus:focus:active::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2383
- .ember-basic-dropdown-trigger * *,
2384
- .ember-basic-dropdown-content * *,
2385
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2386
- .ember-basic-dropdown-trigger * *,
2387
- .ember-basic-dropdown-content * *,
2388
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2389
- .ember-basic-dropdown-trigger * *,
2390
- .ember-basic-dropdown-content * *,
2391
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
2392
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2393
- .ember-basic-dropdown-trigger * *,
2394
- .ember-basic-dropdown-content * *,
2395
- .hds-dialog-primitive__wrapper *):focus:focus:active::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.mock-focus.mock-active::before,
2400
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2401
- .ember-basic-dropdown-trigger * *,
2402
- .ember-basic-dropdown-content * *,
2403
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
2404
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2405
- .ember-basic-dropdown-trigger * *,
2406
- .ember-basic-dropdown-content * *,
2407
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
2408
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2409
- .ember-basic-dropdown-trigger * *,
2410
- .ember-basic-dropdown-content * *,
2411
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
2412
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2413
- .ember-basic-dropdown-trigger * *,
2414
- .ember-basic-dropdown-content * *,
2415
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
2416
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2417
- .ember-basic-dropdown-trigger * *,
2418
- .ember-basic-dropdown-content * *,
2419
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
2420
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2421
- .ember-basic-dropdown-trigger * *,
2422
- .ember-basic-dropdown-content * *,
2423
- .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 {
2424
2231
  box-shadow: none;
2425
2232
  }
2426
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2427
- .ember-basic-dropdown-trigger * *,
2428
- .ember-basic-dropdown-content * *,
2429
- .hds-dialog-primitive__wrapper *):focus::before, .hds-app-header .hds-button:not(.hds-dropdown * *,
2430
- .ember-basic-dropdown-trigger * *,
2431
- .ember-basic-dropdown-content * *,
2432
- .hds-dialog-primitive__wrapper *).mock-focus::before,
2433
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2434
- .ember-basic-dropdown-trigger * *,
2435
- .ember-basic-dropdown-content * *,
2436
- .hds-dialog-primitive__wrapper *):focus::before,
2437
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2438
- .ember-basic-dropdown-trigger * *,
2439
- .ember-basic-dropdown-content * *,
2440
- .hds-dialog-primitive__wrapper *).mock-focus::before,
2441
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2442
- .ember-basic-dropdown-trigger * *,
2443
- .ember-basic-dropdown-content * *,
2444
- .hds-dialog-primitive__wrapper *):focus::before,
2445
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2446
- .ember-basic-dropdown-trigger * *,
2447
- .ember-basic-dropdown-content * *,
2448
- .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 {
2449
2243
  color: var(--token-color-foreground-high-contrast);
2450
2244
  border: none;
2451
2245
  }
2452
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2453
- .ember-basic-dropdown-trigger * *,
2454
- .ember-basic-dropdown-content * *,
2455
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
2456
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2457
- .ember-basic-dropdown-trigger * *,
2458
- .ember-basic-dropdown-content * *,
2459
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
2460
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2461
- .ember-basic-dropdown-trigger * *,
2462
- .ember-basic-dropdown-content * *,
2463
- .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 {
2464
2248
  box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
2465
2249
  }
2466
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2467
- .ember-basic-dropdown-trigger * *,
2468
- .ember-basic-dropdown-content * *,
2469
- .hds-dialog-primitive__wrapper *):active, .hds-app-header .hds-button:not(.hds-dropdown * *,
2470
- .ember-basic-dropdown-trigger * *,
2471
- .ember-basic-dropdown-content * *,
2472
- .hds-dialog-primitive__wrapper *).mock-active,
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 *):active,
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 *).mock-active,
2481
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2482
- .ember-basic-dropdown-trigger * *,
2483
- .ember-basic-dropdown-content * *,
2484
- .hds-dialog-primitive__wrapper *):active,
2485
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2486
- .ember-basic-dropdown-trigger * *,
2487
- .ember-basic-dropdown-content * *,
2488
- .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 {
2489
2253
  color: var(--token-color-foreground-high-contrast);
2490
2254
  background-color: var(--token-color-palette-neutral-500);
2491
2255
  border-color: var(--token-color-palette-neutral-400);
2492
2256
  }
2493
- .hds-app-header .hds-button:not(.hds-dropdown * *,
2494
- .ember-basic-dropdown-trigger * *,
2495
- .ember-basic-dropdown-content * *,
2496
- .hds-dialog-primitive__wrapper *):disabled, .hds-app-header .hds-button:not(.hds-dropdown * *,
2497
- .ember-basic-dropdown-trigger * *,
2498
- .ember-basic-dropdown-content * *,
2499
- .hds-dialog-primitive__wrapper *)[disabled], .hds-app-header .hds-button:not(.hds-dropdown * *,
2500
- .ember-basic-dropdown-trigger * *,
2501
- .ember-basic-dropdown-content * *,
2502
- .hds-dialog-primitive__wrapper *).mock-disabled, .hds-app-header .hds-button:not(.hds-dropdown * *,
2503
- .ember-basic-dropdown-trigger * *,
2504
- .ember-basic-dropdown-content * *,
2505
- .hds-dialog-primitive__wrapper *):disabled:focus, .hds-app-header .hds-button:not(.hds-dropdown * *,
2506
- .ember-basic-dropdown-trigger * *,
2507
- .ember-basic-dropdown-content * *,
2508
- .hds-dialog-primitive__wrapper *)[disabled]:focus, .hds-app-header .hds-button:not(.hds-dropdown * *,
2509
- .ember-basic-dropdown-trigger * *,
2510
- .ember-basic-dropdown-content * *,
2511
- .hds-dialog-primitive__wrapper *).mock-disabled:focus, .hds-app-header .hds-button:not(.hds-dropdown * *,
2512
- .ember-basic-dropdown-trigger * *,
2513
- .ember-basic-dropdown-content * *,
2514
- .hds-dialog-primitive__wrapper *):disabled:hover, .hds-app-header .hds-button:not(.hds-dropdown * *,
2515
- .ember-basic-dropdown-trigger * *,
2516
- .ember-basic-dropdown-content * *,
2517
- .hds-dialog-primitive__wrapper *)[disabled]:hover, .hds-app-header .hds-button:not(.hds-dropdown * *,
2518
- .ember-basic-dropdown-trigger * *,
2519
- .ember-basic-dropdown-content * *,
2520
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
2521
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2522
- .ember-basic-dropdown-trigger * *,
2523
- .ember-basic-dropdown-content * *,
2524
- .hds-dialog-primitive__wrapper *):disabled,
2525
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2526
- .ember-basic-dropdown-trigger * *,
2527
- .ember-basic-dropdown-content * *,
2528
- .hds-dialog-primitive__wrapper *)[disabled],
2529
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2530
- .ember-basic-dropdown-trigger * *,
2531
- .ember-basic-dropdown-content * *,
2532
- .hds-dialog-primitive__wrapper *).mock-disabled,
2533
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2534
- .ember-basic-dropdown-trigger * *,
2535
- .ember-basic-dropdown-content * *,
2536
- .hds-dialog-primitive__wrapper *):disabled:focus,
2537
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2538
- .ember-basic-dropdown-trigger * *,
2539
- .ember-basic-dropdown-content * *,
2540
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
2541
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2542
- .ember-basic-dropdown-trigger * *,
2543
- .ember-basic-dropdown-content * *,
2544
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
2545
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2546
- .ember-basic-dropdown-trigger * *,
2547
- .ember-basic-dropdown-content * *,
2548
- .hds-dialog-primitive__wrapper *):disabled:hover,
2549
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2550
- .ember-basic-dropdown-trigger * *,
2551
- .ember-basic-dropdown-content * *,
2552
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
2553
- .hds-app-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
2554
- .ember-basic-dropdown-trigger * *,
2555
- .ember-basic-dropdown-content * *,
2556
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
2557
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2558
- .ember-basic-dropdown-trigger * *,
2559
- .ember-basic-dropdown-content * *,
2560
- .hds-dialog-primitive__wrapper *):disabled,
2561
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2562
- .ember-basic-dropdown-trigger * *,
2563
- .ember-basic-dropdown-content * *,
2564
- .hds-dialog-primitive__wrapper *)[disabled],
2565
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2566
- .ember-basic-dropdown-trigger * *,
2567
- .ember-basic-dropdown-content * *,
2568
- .hds-dialog-primitive__wrapper *).mock-disabled,
2569
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2570
- .ember-basic-dropdown-trigger * *,
2571
- .ember-basic-dropdown-content * *,
2572
- .hds-dialog-primitive__wrapper *):disabled:focus,
2573
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2574
- .ember-basic-dropdown-trigger * *,
2575
- .ember-basic-dropdown-content * *,
2576
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
2577
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2578
- .ember-basic-dropdown-trigger * *,
2579
- .ember-basic-dropdown-content * *,
2580
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
2581
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2582
- .ember-basic-dropdown-trigger * *,
2583
- .ember-basic-dropdown-content * *,
2584
- .hds-dialog-primitive__wrapper *):disabled:hover,
2585
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2586
- .ember-basic-dropdown-trigger * *,
2587
- .ember-basic-dropdown-content * *,
2588
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
2589
- .hds-app-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
2590
- .ember-basic-dropdown-trigger * *,
2591
- .ember-basic-dropdown-content * *,
2592
- .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 {
2593
2267
  color: var(--token-color-foreground-disabled);
2594
2268
  background-color: var(--token-color-palette-neutral-600);
2595
2269
  border-color: var(--token-color-palette-neutral-500);
@@ -2632,8 +2306,6 @@
2632
2306
  outline-style: solid;
2633
2307
  outline-color: transparent;
2634
2308
  isolation: isolate;
2635
- color: var(--token-color-foreground-high-contrast);
2636
- background-color: var(--token-color-palette-neutral-700);
2637
2309
  }
2638
2310
  .hds-app-header__home-link:focus::before, .hds-app-header__home-link.mock-focus::before {
2639
2311
  position: absolute;
@@ -2657,6 +2329,10 @@
2657
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 {
2658
2330
  box-shadow: none;
2659
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
+ }
2660
2336
  .hds-app-header__home-link:focus::before, .hds-app-header__home-link.mock-focus::before {
2661
2337
  color: var(--token-color-foreground-high-contrast);
2662
2338
  border: none;
@@ -5527,7 +5203,8 @@ button.hds-button[href]::after {
5527
5203
  border: 1px solid var(--token-color-border-primary);
5528
5204
  border-radius: var(--token-border-radius-medium);
5529
5205
  }
5530
- .hds-filter-bar .hds-filter-bar__filters {
5206
+
5207
+ .hds-filter-bar__filters {
5531
5208
  display: flex;
5532
5209
  flex-wrap: wrap;
5533
5210
  gap: 8px 12px;
@@ -5535,66 +5212,20 @@ button.hds-button[href]::after {
5535
5212
  padding-top: 8px;
5536
5213
  border-top: 1px solid var(--token-color-border-primary);
5537
5214
  }
5538
- .hds-filter-bar .hds-filter-bar__filters .hds-dropdown__list .hds-form-text-input {
5539
- width: auto;
5540
- }
5541
- .hds-filter-bar .hds-filter-bar__actions {
5542
- display: flex;
5543
- flex-direction: row;
5544
- gap: 8px;
5545
- align-items: end;
5546
- }
5547
5215
 
5548
5216
  .hds-filter-bar__actions__right {
5549
- display: flex;
5550
- flex-direction: row;
5551
- gap: 8px;
5552
5217
  margin-left: auto;
5553
5218
  }
5554
5219
 
5555
5220
  .hds-filter-bar__search {
5556
- --token-form-control-padding: 4px;
5557
- }
5558
-
5559
- .hds-filter-bar__filters-dropdown__filter-group .hds-form-field--layout-flag {
5560
- padding: 8px 12px;
5221
+ --token-form-control-padding: 3px;
5561
5222
  }
5562
5223
 
5563
- .hds-filter-bar__filters-dropdown .hds-dropdown__list,
5564
- .hds-filter-bar__filters-dropdown .hds-dropdown-list-item {
5224
+ .hds-filter-bar__dropdown .hds-dropdown__list,
5225
+ .hds-filter-bar__dropdown .hds-dropdown-list-item {
5565
5226
  padding: 0;
5566
5227
  }
5567
5228
 
5568
- .hds-filter-bar__filters-dropdown .hds-layout-flex {
5569
- margin: 8px 0;
5570
- }
5571
-
5572
- .hds-filter-bar__filters-dropdown .hds-button-set {
5573
- gap: 8px;
5574
- }
5575
-
5576
- .hds-filter-bar__filters-dropdown__filter-group__list {
5577
- flex: 1 1 auto;
5578
- margin: 0;
5579
- padding: 0;
5580
- overflow-y: auto;
5581
- list-style: none;
5582
- overscroll-behavior: contain;
5583
- }
5584
-
5585
- .hds-filter-bar__filters-dropdown__filters-count,
5586
- .hds-filter-bar__filters-dropdown__filter-group__filters-count {
5587
- margin-left: 8px;
5588
- }
5589
-
5590
- .hds-filter-bar__filters-dropdown__filter-option {
5591
- display: block;
5592
- padding: 8px 0;
5593
- }
5594
- .hds-filter-bar__filters-dropdown__filter-option--hidden {
5595
- display: none;
5596
- }
5597
-
5598
5229
  .hds-filter-bar__tabs {
5599
5230
  display: flex;
5600
5231
  }
@@ -5611,21 +5242,10 @@ button.hds-button[href]::after {
5611
5242
  border-top-left-radius: var(--token-border-radius-medium);
5612
5243
  }
5613
5244
 
5614
- .hds-filter-bar__tabs__panel:not([hidden]) {
5615
- display: flex;
5616
- flex-direction: column;
5617
- gap: 8px;
5618
- width: 50%;
5619
- padding: 16px;
5620
- background-color: var(--token-color-surface-primary);
5621
- border-top-right-radius: var(--token-border-radius-medium);
5622
- }
5623
-
5624
5245
  .hds-filter-bar__tabs__tab__button {
5625
5246
  display: flex;
5626
5247
  gap: 16px;
5627
5248
  align-items: center;
5628
- justify-content: space-between;
5629
5249
  width: 100%;
5630
5250
  padding: 8px 12px;
5631
5251
  color: var(--token-color-foreground-primary);
@@ -5634,20 +5254,85 @@ button.hds-button[href]::after {
5634
5254
  border: none;
5635
5255
  border-radius: var(--token-border-radius-small);
5636
5256
  }
5637
- .hds-filter-bar__tabs__tab__button .hds-icon {
5638
- fill: var(--token-color-foreground-primary);
5639
- }
5640
- .hds-filter-bar__tabs__tab__button.mock-hover, .hds-filter-bar__tabs__tab__button:hover, .hds-filter-bar__tabs__tab__button.mock-focus, .hds-filter-bar__tabs__tab__button:focus {
5257
+ .hds-filter-bar__tabs__tab__button.mock-hover, .hds-filter-bar__tabs__tab__button:hover {
5641
5258
  background-color: var(--token-color-surface-interactive-hover);
5642
5259
  cursor: pointer;
5643
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
+ }
5644
5268
 
5645
5269
  .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button {
5646
- color: var(--token-color-foreground-strong);
5647
- background-color: var(--token-color-surface-interactive-active);
5270
+ color: var(--token-color-foreground-action);
5271
+ background-color: var(--token-color-surface-strong);
5648
5272
  }
5649
- .hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button .hds-icon {
5650
- fill: var(--token-color-foreground-strong);
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;
5651
5336
  }
5652
5337
 
5653
5338
  /**
@@ -8638,8 +8323,6 @@ button.hds-button[href]::after {
8638
8323
  outline-style: solid;
8639
8324
  outline-color: transparent;
8640
8325
  isolation: isolate;
8641
- color: var(--token-color-foreground-high-contrast);
8642
- background-color: var(--token-color-palette-neutral-700);
8643
8326
  }
8644
8327
  .hds-side-nav__home-link:focus::before, .hds-side-nav__home-link.mock-focus::before {
8645
8328
  position: absolute;
@@ -8663,6 +8346,10 @@ button.hds-button[href]::after {
8663
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 {
8664
8347
  box-shadow: none;
8665
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
+ }
8666
8353
  .hds-side-nav__home-link:focus::before, .hds-side-nav__home-link.mock-focus::before {
8667
8354
  color: var(--token-color-foreground-high-contrast);
8668
8355
  border: none;
@@ -8685,42 +8372,8 @@ button.hds-button[href]::after {
8685
8372
  gap: var(--token-side-nav-header-actions-spacing);
8686
8373
  }
8687
8374
 
8688
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8689
- .ember-basic-dropdown-trigger * *,
8690
- .ember-basic-dropdown-content * *,
8691
- .hds-dialog-primitive__wrapper *),
8692
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8693
- .ember-basic-dropdown-trigger * *,
8694
- .ember-basic-dropdown-content * *,
8695
- .hds-dialog-primitive__wrapper *),
8696
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8697
- .ember-basic-dropdown-trigger * *,
8698
- .ember-basic-dropdown-content * *,
8699
- .hds-dialog-primitive__wrapper *),
8700
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8701
- .ember-basic-dropdown-trigger * *,
8702
- .ember-basic-dropdown-content * *,
8703
- .hds-dialog-primitive__wrapper *),
8704
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8705
- .ember-basic-dropdown-trigger * *,
8706
- .ember-basic-dropdown-content * *,
8707
- .hds-dialog-primitive__wrapper *),
8708
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8709
- .ember-basic-dropdown-trigger * *,
8710
- .ember-basic-dropdown-content * *,
8711
- .hds-dialog-primitive__wrapper *),
8712
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8713
- .ember-basic-dropdown-trigger * *,
8714
- .ember-basic-dropdown-content * *,
8715
- .hds-dialog-primitive__wrapper *),
8716
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8717
- .ember-basic-dropdown-trigger * *,
8718
- .ember-basic-dropdown-content * *,
8719
- .hds-dialog-primitive__wrapper *),
8720
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8721
- .ember-basic-dropdown-trigger * *,
8722
- .ember-basic-dropdown-content * *,
8723
- .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 *) {
8724
8377
  --token-focus-ring-action-box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
8725
8378
  border: 1px solid transparent;
8726
8379
  cursor: pointer;
@@ -8729,231 +8382,24 @@ button.hds-button[href]::after {
8729
8382
  background-color: var(--token-color-palette-neutral-700);
8730
8383
  border-radius: var(--token-border-radius-small);
8731
8384
  }
8732
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8733
- .ember-basic-dropdown-trigger * *,
8734
- .ember-basic-dropdown-content * *,
8735
- .hds-dialog-primitive__wrapper *):hover, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8736
- .ember-basic-dropdown-trigger * *,
8737
- .ember-basic-dropdown-content * *,
8738
- .hds-dialog-primitive__wrapper *).mock-hover,
8739
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8740
- .ember-basic-dropdown-trigger * *,
8741
- .ember-basic-dropdown-content * *,
8742
- .hds-dialog-primitive__wrapper *):hover,
8743
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8744
- .ember-basic-dropdown-trigger * *,
8745
- .ember-basic-dropdown-content * *,
8746
- .hds-dialog-primitive__wrapper *).mock-hover,
8747
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8748
- .ember-basic-dropdown-trigger * *,
8749
- .ember-basic-dropdown-content * *,
8750
- .hds-dialog-primitive__wrapper *):hover,
8751
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8752
- .ember-basic-dropdown-trigger * *,
8753
- .ember-basic-dropdown-content * *,
8754
- .hds-dialog-primitive__wrapper *).mock-hover,
8755
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8756
- .ember-basic-dropdown-trigger * *,
8757
- .ember-basic-dropdown-content * *,
8758
- .hds-dialog-primitive__wrapper *):hover,
8759
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8760
- .ember-basic-dropdown-trigger * *,
8761
- .ember-basic-dropdown-content * *,
8762
- .hds-dialog-primitive__wrapper *).mock-hover,
8763
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8764
- .ember-basic-dropdown-trigger * *,
8765
- .ember-basic-dropdown-content * *,
8766
- .hds-dialog-primitive__wrapper *):hover,
8767
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8768
- .ember-basic-dropdown-trigger * *,
8769
- .ember-basic-dropdown-content * *,
8770
- .hds-dialog-primitive__wrapper *).mock-hover,
8771
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8772
- .ember-basic-dropdown-trigger * *,
8773
- .ember-basic-dropdown-content * *,
8774
- .hds-dialog-primitive__wrapper *):hover,
8775
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8776
- .ember-basic-dropdown-trigger * *,
8777
- .ember-basic-dropdown-content * *,
8778
- .hds-dialog-primitive__wrapper *).mock-hover,
8779
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8780
- .ember-basic-dropdown-trigger * *,
8781
- .ember-basic-dropdown-content * *,
8782
- .hds-dialog-primitive__wrapper *):hover,
8783
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8784
- .ember-basic-dropdown-trigger * *,
8785
- .ember-basic-dropdown-content * *,
8786
- .hds-dialog-primitive__wrapper *).mock-hover,
8787
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8788
- .ember-basic-dropdown-trigger * *,
8789
- .ember-basic-dropdown-content * *,
8790
- .hds-dialog-primitive__wrapper *):hover,
8791
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8792
- .ember-basic-dropdown-trigger * *,
8793
- .ember-basic-dropdown-content * *,
8794
- .hds-dialog-primitive__wrapper *).mock-hover,
8795
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8796
- .ember-basic-dropdown-trigger * *,
8797
- .ember-basic-dropdown-content * *,
8798
- .hds-dialog-primitive__wrapper *):hover,
8799
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8800
- .ember-basic-dropdown-trigger * *,
8801
- .ember-basic-dropdown-content * *,
8802
- .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 {
8803
8388
  border-color: var(--token-color-palette-neutral-500);
8804
8389
  color: var(--token-color-foreground-high-contrast);
8805
8390
  background-color: var(--token-color-palette-neutral-600);
8806
8391
  }
8807
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8808
- .ember-basic-dropdown-trigger * *,
8809
- .ember-basic-dropdown-content * *,
8810
- .hds-dialog-primitive__wrapper *):focus, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8811
- .ember-basic-dropdown-trigger * *,
8812
- .ember-basic-dropdown-content * *,
8813
- .hds-dialog-primitive__wrapper *).mock-focus,
8814
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8815
- .ember-basic-dropdown-trigger * *,
8816
- .ember-basic-dropdown-content * *,
8817
- .hds-dialog-primitive__wrapper *):focus,
8818
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8819
- .ember-basic-dropdown-trigger * *,
8820
- .ember-basic-dropdown-content * *,
8821
- .hds-dialog-primitive__wrapper *).mock-focus,
8822
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8823
- .ember-basic-dropdown-trigger * *,
8824
- .ember-basic-dropdown-content * *,
8825
- .hds-dialog-primitive__wrapper *):focus,
8826
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8827
- .ember-basic-dropdown-trigger * *,
8828
- .ember-basic-dropdown-content * *,
8829
- .hds-dialog-primitive__wrapper *).mock-focus,
8830
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8831
- .ember-basic-dropdown-trigger * *,
8832
- .ember-basic-dropdown-content * *,
8833
- .hds-dialog-primitive__wrapper *):focus,
8834
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8835
- .ember-basic-dropdown-trigger * *,
8836
- .ember-basic-dropdown-content * *,
8837
- .hds-dialog-primitive__wrapper *).mock-focus,
8838
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8839
- .ember-basic-dropdown-trigger * *,
8840
- .ember-basic-dropdown-content * *,
8841
- .hds-dialog-primitive__wrapper *):focus,
8842
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8843
- .ember-basic-dropdown-trigger * *,
8844
- .ember-basic-dropdown-content * *,
8845
- .hds-dialog-primitive__wrapper *).mock-focus,
8846
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8847
- .ember-basic-dropdown-trigger * *,
8848
- .ember-basic-dropdown-content * *,
8849
- .hds-dialog-primitive__wrapper *):focus,
8850
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8851
- .ember-basic-dropdown-trigger * *,
8852
- .ember-basic-dropdown-content * *,
8853
- .hds-dialog-primitive__wrapper *).mock-focus,
8854
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8855
- .ember-basic-dropdown-trigger * *,
8856
- .ember-basic-dropdown-content * *,
8857
- .hds-dialog-primitive__wrapper *):focus,
8858
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8859
- .ember-basic-dropdown-trigger * *,
8860
- .ember-basic-dropdown-content * *,
8861
- .hds-dialog-primitive__wrapper *).mock-focus,
8862
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8863
- .ember-basic-dropdown-trigger * *,
8864
- .ember-basic-dropdown-content * *,
8865
- .hds-dialog-primitive__wrapper *):focus,
8866
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8867
- .ember-basic-dropdown-trigger * *,
8868
- .ember-basic-dropdown-content * *,
8869
- .hds-dialog-primitive__wrapper *).mock-focus,
8870
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8871
- .ember-basic-dropdown-trigger * *,
8872
- .ember-basic-dropdown-content * *,
8873
- .hds-dialog-primitive__wrapper *):focus,
8874
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8875
- .ember-basic-dropdown-trigger * *,
8876
- .ember-basic-dropdown-content * *,
8877
- .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 {
8878
8395
  position: relative;
8879
8396
  outline-style: solid;
8880
8397
  outline-color: transparent;
8881
8398
  isolation: isolate;
8882
- color: var(--token-color-foreground-high-contrast);
8883
- background-color: var(--token-color-palette-neutral-700);
8884
- border-color: #bcc7fd;
8885
8399
  }
8886
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8887
- .ember-basic-dropdown-trigger * *,
8888
- .ember-basic-dropdown-content * *,
8889
- .hds-dialog-primitive__wrapper *):focus::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8890
- .ember-basic-dropdown-trigger * *,
8891
- .ember-basic-dropdown-content * *,
8892
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8893
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8894
- .ember-basic-dropdown-trigger * *,
8895
- .ember-basic-dropdown-content * *,
8896
- .hds-dialog-primitive__wrapper *):focus::before,
8897
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8898
- .ember-basic-dropdown-trigger * *,
8899
- .ember-basic-dropdown-content * *,
8900
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8901
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8902
- .ember-basic-dropdown-trigger * *,
8903
- .ember-basic-dropdown-content * *,
8904
- .hds-dialog-primitive__wrapper *):focus::before,
8905
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8906
- .ember-basic-dropdown-trigger * *,
8907
- .ember-basic-dropdown-content * *,
8908
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8909
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8910
- .ember-basic-dropdown-trigger * *,
8911
- .ember-basic-dropdown-content * *,
8912
- .hds-dialog-primitive__wrapper *):focus::before,
8913
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
8914
- .ember-basic-dropdown-trigger * *,
8915
- .ember-basic-dropdown-content * *,
8916
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8917
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8918
- .ember-basic-dropdown-trigger * *,
8919
- .ember-basic-dropdown-content * *,
8920
- .hds-dialog-primitive__wrapper *):focus::before,
8921
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8922
- .ember-basic-dropdown-trigger * *,
8923
- .ember-basic-dropdown-content * *,
8924
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8925
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8926
- .ember-basic-dropdown-trigger * *,
8927
- .ember-basic-dropdown-content * *,
8928
- .hds-dialog-primitive__wrapper *):focus::before,
8929
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8930
- .ember-basic-dropdown-trigger * *,
8931
- .ember-basic-dropdown-content * *,
8932
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8933
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8934
- .ember-basic-dropdown-trigger * *,
8935
- .ember-basic-dropdown-content * *,
8936
- .hds-dialog-primitive__wrapper *):focus::before,
8937
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
8938
- .ember-basic-dropdown-trigger * *,
8939
- .ember-basic-dropdown-content * *,
8940
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8941
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8942
- .ember-basic-dropdown-trigger * *,
8943
- .ember-basic-dropdown-content * *,
8944
- .hds-dialog-primitive__wrapper *):focus::before,
8945
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8946
- .ember-basic-dropdown-trigger * *,
8947
- .ember-basic-dropdown-content * *,
8948
- .hds-dialog-primitive__wrapper *).mock-focus::before,
8949
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8950
- .ember-basic-dropdown-trigger * *,
8951
- .ember-basic-dropdown-content * *,
8952
- .hds-dialog-primitive__wrapper *):focus::before,
8953
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8954
- .ember-basic-dropdown-trigger * *,
8955
- .ember-basic-dropdown-content * *,
8956
- .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 {
8957
8403
  position: absolute;
8958
8404
  top: -1px;
8959
8405
  right: -1px;
@@ -8963,941 +8409,64 @@ button.hds-button[href]::after {
8963
8409
  border-radius: 5px;
8964
8410
  content: "";
8965
8411
  }
8966
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8967
- .ember-basic-dropdown-trigger * *,
8968
- .ember-basic-dropdown-content * *,
8969
- .hds-dialog-primitive__wrapper *):focus:focus::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8970
- .ember-basic-dropdown-trigger * *,
8971
- .ember-basic-dropdown-content * *,
8972
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8973
- .ember-basic-dropdown-trigger * *,
8974
- .ember-basic-dropdown-content * *,
8975
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
8976
- .ember-basic-dropdown-trigger * *,
8977
- .ember-basic-dropdown-content * *,
8978
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
8979
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8980
- .ember-basic-dropdown-trigger * *,
8981
- .ember-basic-dropdown-content * *,
8982
- .hds-dialog-primitive__wrapper *):focus:focus::before,
8983
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8984
- .ember-basic-dropdown-trigger * *,
8985
- .ember-basic-dropdown-content * *,
8986
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
8987
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8988
- .ember-basic-dropdown-trigger * *,
8989
- .ember-basic-dropdown-content * *,
8990
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
8991
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
8992
- .ember-basic-dropdown-trigger * *,
8993
- .ember-basic-dropdown-content * *,
8994
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
8995
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
8996
- .ember-basic-dropdown-trigger * *,
8997
- .ember-basic-dropdown-content * *,
8998
- .hds-dialog-primitive__wrapper *):focus:focus::before,
8999
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9000
- .ember-basic-dropdown-trigger * *,
9001
- .ember-basic-dropdown-content * *,
9002
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
9003
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9004
- .ember-basic-dropdown-trigger * *,
9005
- .ember-basic-dropdown-content * *,
9006
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
9007
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9008
- .ember-basic-dropdown-trigger * *,
9009
- .ember-basic-dropdown-content * *,
9010
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
9011
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9012
- .ember-basic-dropdown-trigger * *,
9013
- .ember-basic-dropdown-content * *,
9014
- .hds-dialog-primitive__wrapper *):focus:focus::before,
9015
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9016
- .ember-basic-dropdown-trigger * *,
9017
- .ember-basic-dropdown-content * *,
9018
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
9019
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9020
- .ember-basic-dropdown-trigger * *,
9021
- .ember-basic-dropdown-content * *,
9022
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
9023
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9024
- .ember-basic-dropdown-trigger * *,
9025
- .ember-basic-dropdown-content * *,
9026
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
9027
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9028
- .ember-basic-dropdown-trigger * *,
9029
- .ember-basic-dropdown-content * *,
9030
- .hds-dialog-primitive__wrapper *):focus:focus::before,
9031
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9032
- .ember-basic-dropdown-trigger * *,
9033
- .ember-basic-dropdown-content * *,
9034
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
9035
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9036
- .ember-basic-dropdown-trigger * *,
9037
- .ember-basic-dropdown-content * *,
9038
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
9039
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9040
- .ember-basic-dropdown-trigger * *,
9041
- .ember-basic-dropdown-content * *,
9042
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
9043
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9044
- .ember-basic-dropdown-trigger * *,
9045
- .ember-basic-dropdown-content * *,
9046
- .hds-dialog-primitive__wrapper *):focus:focus::before,
9047
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9048
- .ember-basic-dropdown-trigger * *,
9049
- .ember-basic-dropdown-content * *,
9050
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
9051
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9052
- .ember-basic-dropdown-trigger * *,
9053
- .ember-basic-dropdown-content * *,
9054
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
9055
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9056
- .ember-basic-dropdown-trigger * *,
9057
- .ember-basic-dropdown-content * *,
9058
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
9059
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9060
- .ember-basic-dropdown-trigger * *,
9061
- .ember-basic-dropdown-content * *,
9062
- .hds-dialog-primitive__wrapper *):focus:focus::before,
9063
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9064
- .ember-basic-dropdown-trigger * *,
9065
- .ember-basic-dropdown-content * *,
9066
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
9067
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9068
- .ember-basic-dropdown-trigger * *,
9069
- .ember-basic-dropdown-content * *,
9070
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
9071
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9072
- .ember-basic-dropdown-trigger * *,
9073
- .ember-basic-dropdown-content * *,
9074
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
9075
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9076
- .ember-basic-dropdown-trigger * *,
9077
- .ember-basic-dropdown-content * *,
9078
- .hds-dialog-primitive__wrapper *):focus:focus::before,
9079
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9080
- .ember-basic-dropdown-trigger * *,
9081
- .ember-basic-dropdown-content * *,
9082
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
9083
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9084
- .ember-basic-dropdown-trigger * *,
9085
- .ember-basic-dropdown-content * *,
9086
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
9087
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9088
- .ember-basic-dropdown-trigger * *,
9089
- .ember-basic-dropdown-content * *,
9090
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus::before,
9091
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9092
- .ember-basic-dropdown-trigger * *,
9093
- .ember-basic-dropdown-content * *,
9094
- .hds-dialog-primitive__wrapper *):focus:focus::before,
9095
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9096
- .ember-basic-dropdown-trigger * *,
9097
- .ember-basic-dropdown-content * *,
9098
- .hds-dialog-primitive__wrapper *):focus.mock-focus::before,
9099
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9100
- .ember-basic-dropdown-trigger * *,
9101
- .ember-basic-dropdown-content * *,
9102
- .hds-dialog-primitive__wrapper *).mock-focus:focus::before,
9103
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9104
- .ember-basic-dropdown-trigger * *,
9105
- .ember-basic-dropdown-content * *,
9106
- .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 {
9107
8417
  box-shadow: var(--token-focus-ring-action-box-shadow);
9108
8418
  }
9109
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9110
- .ember-basic-dropdown-trigger * *,
9111
- .ember-basic-dropdown-content * *,
9112
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9113
- .ember-basic-dropdown-trigger * *,
9114
- .ember-basic-dropdown-content * *,
9115
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
9116
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9117
- .ember-basic-dropdown-trigger * *,
9118
- .ember-basic-dropdown-content * *,
9119
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9120
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9121
- .ember-basic-dropdown-trigger * *,
9122
- .ember-basic-dropdown-content * *,
9123
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
9124
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9125
- .ember-basic-dropdown-trigger * *,
9126
- .ember-basic-dropdown-content * *,
9127
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9128
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9129
- .ember-basic-dropdown-trigger * *,
9130
- .ember-basic-dropdown-content * *,
9131
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
9132
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9133
- .ember-basic-dropdown-trigger * *,
9134
- .ember-basic-dropdown-content * *,
9135
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9136
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9137
- .ember-basic-dropdown-trigger * *,
9138
- .ember-basic-dropdown-content * *,
9139
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
9140
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9141
- .ember-basic-dropdown-trigger * *,
9142
- .ember-basic-dropdown-content * *,
9143
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9144
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9145
- .ember-basic-dropdown-trigger * *,
9146
- .ember-basic-dropdown-content * *,
9147
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
9148
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9149
- .ember-basic-dropdown-trigger * *,
9150
- .ember-basic-dropdown-content * *,
9151
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9152
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9153
- .ember-basic-dropdown-trigger * *,
9154
- .ember-basic-dropdown-content * *,
9155
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
9156
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9157
- .ember-basic-dropdown-trigger * *,
9158
- .ember-basic-dropdown-content * *,
9159
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9160
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9161
- .ember-basic-dropdown-trigger * *,
9162
- .ember-basic-dropdown-content * *,
9163
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
9164
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9165
- .ember-basic-dropdown-trigger * *,
9166
- .ember-basic-dropdown-content * *,
9167
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9168
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9169
- .ember-basic-dropdown-trigger * *,
9170
- .ember-basic-dropdown-content * *,
9171
- .hds-dialog-primitive__wrapper *).mock-focus:focus:not(:focus-visible)::before,
9172
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9173
- .ember-basic-dropdown-trigger * *,
9174
- .ember-basic-dropdown-content * *,
9175
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9176
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9177
- .ember-basic-dropdown-trigger * *,
9178
- .ember-basic-dropdown-content * *,
9179
- .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 {
9180
8422
  box-shadow: none;
9181
8423
  }
9182
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9183
- .ember-basic-dropdown-trigger * *,
9184
- .ember-basic-dropdown-content * *,
9185
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9186
- .ember-basic-dropdown-trigger * *,
9187
- .ember-basic-dropdown-content * *,
9188
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9189
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9190
- .ember-basic-dropdown-trigger * *,
9191
- .ember-basic-dropdown-content * *,
9192
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9193
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9194
- .ember-basic-dropdown-trigger * *,
9195
- .ember-basic-dropdown-content * *,
9196
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9197
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9198
- .ember-basic-dropdown-trigger * *,
9199
- .ember-basic-dropdown-content * *,
9200
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9201
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9202
- .ember-basic-dropdown-trigger * *,
9203
- .ember-basic-dropdown-content * *,
9204
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9205
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9206
- .ember-basic-dropdown-trigger * *,
9207
- .ember-basic-dropdown-content * *,
9208
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9209
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9210
- .ember-basic-dropdown-trigger * *,
9211
- .ember-basic-dropdown-content * *,
9212
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9213
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9214
- .ember-basic-dropdown-trigger * *,
9215
- .ember-basic-dropdown-content * *,
9216
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9217
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9218
- .ember-basic-dropdown-trigger * *,
9219
- .ember-basic-dropdown-content * *,
9220
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9221
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9222
- .ember-basic-dropdown-trigger * *,
9223
- .ember-basic-dropdown-content * *,
9224
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9225
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9226
- .ember-basic-dropdown-trigger * *,
9227
- .ember-basic-dropdown-content * *,
9228
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9229
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9230
- .ember-basic-dropdown-trigger * *,
9231
- .ember-basic-dropdown-content * *,
9232
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9233
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9234
- .ember-basic-dropdown-trigger * *,
9235
- .ember-basic-dropdown-content * *,
9236
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9237
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9238
- .ember-basic-dropdown-trigger * *,
9239
- .ember-basic-dropdown-content * *,
9240
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9241
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9242
- .ember-basic-dropdown-trigger * *,
9243
- .ember-basic-dropdown-content * *,
9244
- .hds-dialog-primitive__wrapper *).mock-focus:focus-visible::before,
9245
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9246
- .ember-basic-dropdown-trigger * *,
9247
- .ember-basic-dropdown-content * *,
9248
- .hds-dialog-primitive__wrapper *):focus:focus-visible::before,
9249
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9250
- .ember-basic-dropdown-trigger * *,
9251
- .ember-basic-dropdown-content * *,
9252
- .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 {
9253
8427
  box-shadow: var(--token-focus-ring-action-box-shadow);
9254
8428
  }
9255
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9256
- .ember-basic-dropdown-trigger * *,
9257
- .ember-basic-dropdown-content * *,
9258
- .hds-dialog-primitive__wrapper *):focus:focus:active::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9259
- .ember-basic-dropdown-trigger * *,
9260
- .ember-basic-dropdown-content * *,
9261
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9262
- .ember-basic-dropdown-trigger * *,
9263
- .ember-basic-dropdown-content * *,
9264
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9265
- .ember-basic-dropdown-trigger * *,
9266
- .ember-basic-dropdown-content * *,
9267
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9268
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9269
- .ember-basic-dropdown-trigger * *,
9270
- .ember-basic-dropdown-content * *,
9271
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9272
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9273
- .ember-basic-dropdown-trigger * *,
9274
- .ember-basic-dropdown-content * *,
9275
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9276
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9277
- .ember-basic-dropdown-trigger * *,
9278
- .ember-basic-dropdown-content * *,
9279
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9280
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9281
- .ember-basic-dropdown-trigger * *,
9282
- .ember-basic-dropdown-content * *,
9283
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9284
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9285
- .ember-basic-dropdown-trigger * *,
9286
- .ember-basic-dropdown-content * *,
9287
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9288
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9289
- .ember-basic-dropdown-trigger * *,
9290
- .ember-basic-dropdown-content * *,
9291
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9292
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9293
- .ember-basic-dropdown-trigger * *,
9294
- .ember-basic-dropdown-content * *,
9295
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9296
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9297
- .ember-basic-dropdown-trigger * *,
9298
- .ember-basic-dropdown-content * *,
9299
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9300
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9301
- .ember-basic-dropdown-trigger * *,
9302
- .ember-basic-dropdown-content * *,
9303
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9304
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9305
- .ember-basic-dropdown-trigger * *,
9306
- .ember-basic-dropdown-content * *,
9307
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9308
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9309
- .ember-basic-dropdown-trigger * *,
9310
- .ember-basic-dropdown-content * *,
9311
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9312
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9313
- .ember-basic-dropdown-trigger * *,
9314
- .ember-basic-dropdown-content * *,
9315
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9316
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9317
- .ember-basic-dropdown-trigger * *,
9318
- .ember-basic-dropdown-content * *,
9319
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9320
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9321
- .ember-basic-dropdown-trigger * *,
9322
- .ember-basic-dropdown-content * *,
9323
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9324
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9325
- .ember-basic-dropdown-trigger * *,
9326
- .ember-basic-dropdown-content * *,
9327
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9328
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9329
- .ember-basic-dropdown-trigger * *,
9330
- .ember-basic-dropdown-content * *,
9331
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9332
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9333
- .ember-basic-dropdown-trigger * *,
9334
- .ember-basic-dropdown-content * *,
9335
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9336
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9337
- .ember-basic-dropdown-trigger * *,
9338
- .ember-basic-dropdown-content * *,
9339
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9340
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9341
- .ember-basic-dropdown-trigger * *,
9342
- .ember-basic-dropdown-content * *,
9343
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9344
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9345
- .ember-basic-dropdown-trigger * *,
9346
- .ember-basic-dropdown-content * *,
9347
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9348
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9349
- .ember-basic-dropdown-trigger * *,
9350
- .ember-basic-dropdown-content * *,
9351
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9352
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9353
- .ember-basic-dropdown-trigger * *,
9354
- .ember-basic-dropdown-content * *,
9355
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9356
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9357
- .ember-basic-dropdown-trigger * *,
9358
- .ember-basic-dropdown-content * *,
9359
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9360
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9361
- .ember-basic-dropdown-trigger * *,
9362
- .ember-basic-dropdown-content * *,
9363
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9364
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9365
- .ember-basic-dropdown-trigger * *,
9366
- .ember-basic-dropdown-content * *,
9367
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9368
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9369
- .ember-basic-dropdown-trigger * *,
9370
- .ember-basic-dropdown-content * *,
9371
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9372
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9373
- .ember-basic-dropdown-trigger * *,
9374
- .ember-basic-dropdown-content * *,
9375
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9376
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9377
- .ember-basic-dropdown-trigger * *,
9378
- .ember-basic-dropdown-content * *,
9379
- .hds-dialog-primitive__wrapper *).mock-focus.mock-focus.mock-active::before,
9380
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9381
- .ember-basic-dropdown-trigger * *,
9382
- .ember-basic-dropdown-content * *,
9383
- .hds-dialog-primitive__wrapper *):focus:focus:active::before,
9384
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9385
- .ember-basic-dropdown-trigger * *,
9386
- .ember-basic-dropdown-content * *,
9387
- .hds-dialog-primitive__wrapper *):focus.mock-focus.mock-active::before,
9388
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9389
- .ember-basic-dropdown-trigger * *,
9390
- .ember-basic-dropdown-content * *,
9391
- .hds-dialog-primitive__wrapper *).mock-focus:focus:active::before,
9392
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9393
- .ember-basic-dropdown-trigger * *,
9394
- .ember-basic-dropdown-content * *,
9395
- .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 {
9396
8434
  box-shadow: none;
9397
8435
  }
9398
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9399
- .ember-basic-dropdown-trigger * *,
9400
- .ember-basic-dropdown-content * *,
9401
- .hds-dialog-primitive__wrapper *):focus::before, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9402
- .ember-basic-dropdown-trigger * *,
9403
- .ember-basic-dropdown-content * *,
9404
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9405
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9406
- .ember-basic-dropdown-trigger * *,
9407
- .ember-basic-dropdown-content * *,
9408
- .hds-dialog-primitive__wrapper *):focus::before,
9409
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9410
- .ember-basic-dropdown-trigger * *,
9411
- .ember-basic-dropdown-content * *,
9412
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9413
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9414
- .ember-basic-dropdown-trigger * *,
9415
- .ember-basic-dropdown-content * *,
9416
- .hds-dialog-primitive__wrapper *):focus::before,
9417
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9418
- .ember-basic-dropdown-trigger * *,
9419
- .ember-basic-dropdown-content * *,
9420
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9421
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9422
- .ember-basic-dropdown-trigger * *,
9423
- .ember-basic-dropdown-content * *,
9424
- .hds-dialog-primitive__wrapper *):focus::before,
9425
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9426
- .ember-basic-dropdown-trigger * *,
9427
- .ember-basic-dropdown-content * *,
9428
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9429
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9430
- .ember-basic-dropdown-trigger * *,
9431
- .ember-basic-dropdown-content * *,
9432
- .hds-dialog-primitive__wrapper *):focus::before,
9433
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9434
- .ember-basic-dropdown-trigger * *,
9435
- .ember-basic-dropdown-content * *,
9436
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9437
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9438
- .ember-basic-dropdown-trigger * *,
9439
- .ember-basic-dropdown-content * *,
9440
- .hds-dialog-primitive__wrapper *):focus::before,
9441
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9442
- .ember-basic-dropdown-trigger * *,
9443
- .ember-basic-dropdown-content * *,
9444
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9445
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9446
- .ember-basic-dropdown-trigger * *,
9447
- .ember-basic-dropdown-content * *,
9448
- .hds-dialog-primitive__wrapper *):focus::before,
9449
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9450
- .ember-basic-dropdown-trigger * *,
9451
- .ember-basic-dropdown-content * *,
9452
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9453
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9454
- .ember-basic-dropdown-trigger * *,
9455
- .ember-basic-dropdown-content * *,
9456
- .hds-dialog-primitive__wrapper *):focus::before,
9457
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9458
- .ember-basic-dropdown-trigger * *,
9459
- .ember-basic-dropdown-content * *,
9460
- .hds-dialog-primitive__wrapper *).mock-focus::before,
9461
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9462
- .ember-basic-dropdown-trigger * *,
9463
- .ember-basic-dropdown-content * *,
9464
- .hds-dialog-primitive__wrapper *):focus::before,
9465
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9466
- .ember-basic-dropdown-trigger * *,
9467
- .ember-basic-dropdown-content * *,
9468
- .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 {
9469
8446
  color: var(--token-color-foreground-high-contrast);
9470
8447
  border: none;
9471
8448
  }
9472
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9473
- .ember-basic-dropdown-trigger * *,
9474
- .ember-basic-dropdown-content * *,
9475
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9476
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9477
- .ember-basic-dropdown-trigger * *,
9478
- .ember-basic-dropdown-content * *,
9479
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9480
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9481
- .ember-basic-dropdown-trigger * *,
9482
- .ember-basic-dropdown-content * *,
9483
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9484
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9485
- .ember-basic-dropdown-trigger * *,
9486
- .ember-basic-dropdown-content * *,
9487
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9488
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9489
- .ember-basic-dropdown-trigger * *,
9490
- .ember-basic-dropdown-content * *,
9491
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9492
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9493
- .ember-basic-dropdown-trigger * *,
9494
- .ember-basic-dropdown-content * *,
9495
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9496
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9497
- .ember-basic-dropdown-trigger * *,
9498
- .ember-basic-dropdown-content * *,
9499
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9500
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9501
- .ember-basic-dropdown-trigger * *,
9502
- .ember-basic-dropdown-content * *,
9503
- .hds-dialog-primitive__wrapper *):focus:focus:not(:focus-visible)::before,
9504
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9505
- .ember-basic-dropdown-trigger * *,
9506
- .ember-basic-dropdown-content * *,
9507
- .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 {
9508
8451
  box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
9509
8452
  }
9510
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9511
- .ember-basic-dropdown-trigger * *,
9512
- .ember-basic-dropdown-content * *,
9513
- .hds-dialog-primitive__wrapper *):active, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9514
- .ember-basic-dropdown-trigger * *,
9515
- .ember-basic-dropdown-content * *,
9516
- .hds-dialog-primitive__wrapper *).mock-active,
9517
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9518
- .ember-basic-dropdown-trigger * *,
9519
- .ember-basic-dropdown-content * *,
9520
- .hds-dialog-primitive__wrapper *):active,
9521
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9522
- .ember-basic-dropdown-trigger * *,
9523
- .ember-basic-dropdown-content * *,
9524
- .hds-dialog-primitive__wrapper *).mock-active,
9525
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9526
- .ember-basic-dropdown-trigger * *,
9527
- .ember-basic-dropdown-content * *,
9528
- .hds-dialog-primitive__wrapper *):active,
9529
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9530
- .ember-basic-dropdown-trigger * *,
9531
- .ember-basic-dropdown-content * *,
9532
- .hds-dialog-primitive__wrapper *).mock-active,
9533
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9534
- .ember-basic-dropdown-trigger * *,
9535
- .ember-basic-dropdown-content * *,
9536
- .hds-dialog-primitive__wrapper *):active,
9537
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9538
- .ember-basic-dropdown-trigger * *,
9539
- .ember-basic-dropdown-content * *,
9540
- .hds-dialog-primitive__wrapper *).mock-active,
9541
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9542
- .ember-basic-dropdown-trigger * *,
9543
- .ember-basic-dropdown-content * *,
9544
- .hds-dialog-primitive__wrapper *):active,
9545
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9546
- .ember-basic-dropdown-trigger * *,
9547
- .ember-basic-dropdown-content * *,
9548
- .hds-dialog-primitive__wrapper *).mock-active,
9549
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9550
- .ember-basic-dropdown-trigger * *,
9551
- .ember-basic-dropdown-content * *,
9552
- .hds-dialog-primitive__wrapper *):active,
9553
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9554
- .ember-basic-dropdown-trigger * *,
9555
- .ember-basic-dropdown-content * *,
9556
- .hds-dialog-primitive__wrapper *).mock-active,
9557
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9558
- .ember-basic-dropdown-trigger * *,
9559
- .ember-basic-dropdown-content * *,
9560
- .hds-dialog-primitive__wrapper *):active,
9561
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9562
- .ember-basic-dropdown-trigger * *,
9563
- .ember-basic-dropdown-content * *,
9564
- .hds-dialog-primitive__wrapper *).mock-active,
9565
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9566
- .ember-basic-dropdown-trigger * *,
9567
- .ember-basic-dropdown-content * *,
9568
- .hds-dialog-primitive__wrapper *):active,
9569
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9570
- .ember-basic-dropdown-trigger * *,
9571
- .ember-basic-dropdown-content * *,
9572
- .hds-dialog-primitive__wrapper *).mock-active,
9573
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9574
- .ember-basic-dropdown-trigger * *,
9575
- .ember-basic-dropdown-content * *,
9576
- .hds-dialog-primitive__wrapper *):active,
9577
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9578
- .ember-basic-dropdown-trigger * *,
9579
- .ember-basic-dropdown-content * *,
9580
- .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 {
9581
8456
  color: var(--token-color-foreground-high-contrast);
9582
8457
  background-color: var(--token-color-palette-neutral-500);
9583
8458
  border-color: var(--token-color-palette-neutral-400);
9584
8459
  }
9585
- .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9586
- .ember-basic-dropdown-trigger * *,
9587
- .ember-basic-dropdown-content * *,
9588
- .hds-dialog-primitive__wrapper *):disabled, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9589
- .ember-basic-dropdown-trigger * *,
9590
- .ember-basic-dropdown-content * *,
9591
- .hds-dialog-primitive__wrapper *)[disabled], .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9592
- .ember-basic-dropdown-trigger * *,
9593
- .ember-basic-dropdown-content * *,
9594
- .hds-dialog-primitive__wrapper *).mock-disabled, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9595
- .ember-basic-dropdown-trigger * *,
9596
- .ember-basic-dropdown-content * *,
9597
- .hds-dialog-primitive__wrapper *):disabled:focus, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9598
- .ember-basic-dropdown-trigger * *,
9599
- .ember-basic-dropdown-content * *,
9600
- .hds-dialog-primitive__wrapper *)[disabled]:focus, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9601
- .ember-basic-dropdown-trigger * *,
9602
- .ember-basic-dropdown-content * *,
9603
- .hds-dialog-primitive__wrapper *).mock-disabled:focus, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9604
- .ember-basic-dropdown-trigger * *,
9605
- .ember-basic-dropdown-content * *,
9606
- .hds-dialog-primitive__wrapper *):disabled:hover, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9607
- .ember-basic-dropdown-trigger * *,
9608
- .ember-basic-dropdown-content * *,
9609
- .hds-dialog-primitive__wrapper *)[disabled]:hover, .hds-side-nav__dropdown .hds-button:not(.hds-dropdown * *,
9610
- .ember-basic-dropdown-trigger * *,
9611
- .ember-basic-dropdown-content * *,
9612
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9613
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9614
- .ember-basic-dropdown-trigger * *,
9615
- .ember-basic-dropdown-content * *,
9616
- .hds-dialog-primitive__wrapper *):disabled,
9617
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9618
- .ember-basic-dropdown-trigger * *,
9619
- .ember-basic-dropdown-content * *,
9620
- .hds-dialog-primitive__wrapper *)[disabled],
9621
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9622
- .ember-basic-dropdown-trigger * *,
9623
- .ember-basic-dropdown-content * *,
9624
- .hds-dialog-primitive__wrapper *).mock-disabled,
9625
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9626
- .ember-basic-dropdown-trigger * *,
9627
- .ember-basic-dropdown-content * *,
9628
- .hds-dialog-primitive__wrapper *):disabled:focus,
9629
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9630
- .ember-basic-dropdown-trigger * *,
9631
- .ember-basic-dropdown-content * *,
9632
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9633
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9634
- .ember-basic-dropdown-trigger * *,
9635
- .ember-basic-dropdown-content * *,
9636
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9637
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9638
- .ember-basic-dropdown-trigger * *,
9639
- .ember-basic-dropdown-content * *,
9640
- .hds-dialog-primitive__wrapper *):disabled:hover,
9641
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9642
- .ember-basic-dropdown-trigger * *,
9643
- .ember-basic-dropdown-content * *,
9644
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9645
- .hds-side-nav__dropdown .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9646
- .ember-basic-dropdown-trigger * *,
9647
- .ember-basic-dropdown-content * *,
9648
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9649
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9650
- .ember-basic-dropdown-trigger * *,
9651
- .ember-basic-dropdown-content * *,
9652
- .hds-dialog-primitive__wrapper *):disabled,
9653
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9654
- .ember-basic-dropdown-trigger * *,
9655
- .ember-basic-dropdown-content * *,
9656
- .hds-dialog-primitive__wrapper *)[disabled],
9657
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9658
- .ember-basic-dropdown-trigger * *,
9659
- .ember-basic-dropdown-content * *,
9660
- .hds-dialog-primitive__wrapper *).mock-disabled,
9661
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9662
- .ember-basic-dropdown-trigger * *,
9663
- .ember-basic-dropdown-content * *,
9664
- .hds-dialog-primitive__wrapper *):disabled:focus,
9665
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9666
- .ember-basic-dropdown-trigger * *,
9667
- .ember-basic-dropdown-content * *,
9668
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9669
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9670
- .ember-basic-dropdown-trigger * *,
9671
- .ember-basic-dropdown-content * *,
9672
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9673
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9674
- .ember-basic-dropdown-trigger * *,
9675
- .ember-basic-dropdown-content * *,
9676
- .hds-dialog-primitive__wrapper *):disabled:hover,
9677
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9678
- .ember-basic-dropdown-trigger * *,
9679
- .ember-basic-dropdown-content * *,
9680
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9681
- .hds-side-nav__dropdown .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9682
- .ember-basic-dropdown-trigger * *,
9683
- .ember-basic-dropdown-content * *,
9684
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9685
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9686
- .ember-basic-dropdown-trigger * *,
9687
- .ember-basic-dropdown-content * *,
9688
- .hds-dialog-primitive__wrapper *):disabled,
9689
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9690
- .ember-basic-dropdown-trigger * *,
9691
- .ember-basic-dropdown-content * *,
9692
- .hds-dialog-primitive__wrapper *)[disabled],
9693
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9694
- .ember-basic-dropdown-trigger * *,
9695
- .ember-basic-dropdown-content * *,
9696
- .hds-dialog-primitive__wrapper *).mock-disabled,
9697
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9698
- .ember-basic-dropdown-trigger * *,
9699
- .ember-basic-dropdown-content * *,
9700
- .hds-dialog-primitive__wrapper *):disabled:focus,
9701
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9702
- .ember-basic-dropdown-trigger * *,
9703
- .ember-basic-dropdown-content * *,
9704
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9705
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9706
- .ember-basic-dropdown-trigger * *,
9707
- .ember-basic-dropdown-content * *,
9708
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9709
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9710
- .ember-basic-dropdown-trigger * *,
9711
- .ember-basic-dropdown-content * *,
9712
- .hds-dialog-primitive__wrapper *):disabled:hover,
9713
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9714
- .ember-basic-dropdown-trigger * *,
9715
- .ember-basic-dropdown-content * *,
9716
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9717
- .hds-side-nav .hds-button:not(.hds-dropdown * *,
9718
- .ember-basic-dropdown-trigger * *,
9719
- .ember-basic-dropdown-content * *,
9720
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9721
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9722
- .ember-basic-dropdown-trigger * *,
9723
- .ember-basic-dropdown-content * *,
9724
- .hds-dialog-primitive__wrapper *):disabled,
9725
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9726
- .ember-basic-dropdown-trigger * *,
9727
- .ember-basic-dropdown-content * *,
9728
- .hds-dialog-primitive__wrapper *)[disabled],
9729
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9730
- .ember-basic-dropdown-trigger * *,
9731
- .ember-basic-dropdown-content * *,
9732
- .hds-dialog-primitive__wrapper *).mock-disabled,
9733
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9734
- .ember-basic-dropdown-trigger * *,
9735
- .ember-basic-dropdown-content * *,
9736
- .hds-dialog-primitive__wrapper *):disabled:focus,
9737
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9738
- .ember-basic-dropdown-trigger * *,
9739
- .ember-basic-dropdown-content * *,
9740
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9741
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9742
- .ember-basic-dropdown-trigger * *,
9743
- .ember-basic-dropdown-content * *,
9744
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9745
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9746
- .ember-basic-dropdown-trigger * *,
9747
- .ember-basic-dropdown-content * *,
9748
- .hds-dialog-primitive__wrapper *):disabled:hover,
9749
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9750
- .ember-basic-dropdown-trigger * *,
9751
- .ember-basic-dropdown-content * *,
9752
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9753
- .hds-side-nav .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9754
- .ember-basic-dropdown-trigger * *,
9755
- .ember-basic-dropdown-content * *,
9756
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9757
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9758
- .ember-basic-dropdown-trigger * *,
9759
- .ember-basic-dropdown-content * *,
9760
- .hds-dialog-primitive__wrapper *):disabled,
9761
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9762
- .ember-basic-dropdown-trigger * *,
9763
- .ember-basic-dropdown-content * *,
9764
- .hds-dialog-primitive__wrapper *)[disabled],
9765
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9766
- .ember-basic-dropdown-trigger * *,
9767
- .ember-basic-dropdown-content * *,
9768
- .hds-dialog-primitive__wrapper *).mock-disabled,
9769
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9770
- .ember-basic-dropdown-trigger * *,
9771
- .ember-basic-dropdown-content * *,
9772
- .hds-dialog-primitive__wrapper *):disabled:focus,
9773
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9774
- .ember-basic-dropdown-trigger * *,
9775
- .ember-basic-dropdown-content * *,
9776
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9777
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9778
- .ember-basic-dropdown-trigger * *,
9779
- .ember-basic-dropdown-content * *,
9780
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9781
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9782
- .ember-basic-dropdown-trigger * *,
9783
- .ember-basic-dropdown-content * *,
9784
- .hds-dialog-primitive__wrapper *):disabled:hover,
9785
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9786
- .ember-basic-dropdown-trigger * *,
9787
- .ember-basic-dropdown-content * *,
9788
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9789
- .hds-side-nav .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9790
- .ember-basic-dropdown-trigger * *,
9791
- .ember-basic-dropdown-content * *,
9792
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9793
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9794
- .ember-basic-dropdown-trigger * *,
9795
- .ember-basic-dropdown-content * *,
9796
- .hds-dialog-primitive__wrapper *):disabled,
9797
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9798
- .ember-basic-dropdown-trigger * *,
9799
- .ember-basic-dropdown-content * *,
9800
- .hds-dialog-primitive__wrapper *)[disabled],
9801
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9802
- .ember-basic-dropdown-trigger * *,
9803
- .ember-basic-dropdown-content * *,
9804
- .hds-dialog-primitive__wrapper *).mock-disabled,
9805
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9806
- .ember-basic-dropdown-trigger * *,
9807
- .ember-basic-dropdown-content * *,
9808
- .hds-dialog-primitive__wrapper *):disabled:focus,
9809
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9810
- .ember-basic-dropdown-trigger * *,
9811
- .ember-basic-dropdown-content * *,
9812
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9813
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9814
- .ember-basic-dropdown-trigger * *,
9815
- .ember-basic-dropdown-content * *,
9816
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9817
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9818
- .ember-basic-dropdown-trigger * *,
9819
- .ember-basic-dropdown-content * *,
9820
- .hds-dialog-primitive__wrapper *):disabled:hover,
9821
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9822
- .ember-basic-dropdown-trigger * *,
9823
- .ember-basic-dropdown-content * *,
9824
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9825
- .hds-side-nav-header .hds-button:not(.hds-dropdown * *,
9826
- .ember-basic-dropdown-trigger * *,
9827
- .ember-basic-dropdown-content * *,
9828
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9829
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9830
- .ember-basic-dropdown-trigger * *,
9831
- .ember-basic-dropdown-content * *,
9832
- .hds-dialog-primitive__wrapper *):disabled,
9833
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9834
- .ember-basic-dropdown-trigger * *,
9835
- .ember-basic-dropdown-content * *,
9836
- .hds-dialog-primitive__wrapper *)[disabled],
9837
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9838
- .ember-basic-dropdown-trigger * *,
9839
- .ember-basic-dropdown-content * *,
9840
- .hds-dialog-primitive__wrapper *).mock-disabled,
9841
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9842
- .ember-basic-dropdown-trigger * *,
9843
- .ember-basic-dropdown-content * *,
9844
- .hds-dialog-primitive__wrapper *):disabled:focus,
9845
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9846
- .ember-basic-dropdown-trigger * *,
9847
- .ember-basic-dropdown-content * *,
9848
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9849
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9850
- .ember-basic-dropdown-trigger * *,
9851
- .ember-basic-dropdown-content * *,
9852
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9853
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9854
- .ember-basic-dropdown-trigger * *,
9855
- .ember-basic-dropdown-content * *,
9856
- .hds-dialog-primitive__wrapper *):disabled:hover,
9857
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9858
- .ember-basic-dropdown-trigger * *,
9859
- .ember-basic-dropdown-content * *,
9860
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9861
- .hds-side-nav-header .hds-dropdown-toggle-button:not(.hds-dropdown * *,
9862
- .ember-basic-dropdown-trigger * *,
9863
- .ember-basic-dropdown-content * *,
9864
- .hds-dialog-primitive__wrapper *).mock-disabled:hover,
9865
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9866
- .ember-basic-dropdown-trigger * *,
9867
- .ember-basic-dropdown-content * *,
9868
- .hds-dialog-primitive__wrapper *):disabled,
9869
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9870
- .ember-basic-dropdown-trigger * *,
9871
- .ember-basic-dropdown-content * *,
9872
- .hds-dialog-primitive__wrapper *)[disabled],
9873
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9874
- .ember-basic-dropdown-trigger * *,
9875
- .ember-basic-dropdown-content * *,
9876
- .hds-dialog-primitive__wrapper *).mock-disabled,
9877
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9878
- .ember-basic-dropdown-trigger * *,
9879
- .ember-basic-dropdown-content * *,
9880
- .hds-dialog-primitive__wrapper *):disabled:focus,
9881
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9882
- .ember-basic-dropdown-trigger * *,
9883
- .ember-basic-dropdown-content * *,
9884
- .hds-dialog-primitive__wrapper *)[disabled]:focus,
9885
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9886
- .ember-basic-dropdown-trigger * *,
9887
- .ember-basic-dropdown-content * *,
9888
- .hds-dialog-primitive__wrapper *).mock-disabled:focus,
9889
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9890
- .ember-basic-dropdown-trigger * *,
9891
- .ember-basic-dropdown-content * *,
9892
- .hds-dialog-primitive__wrapper *):disabled:hover,
9893
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9894
- .ember-basic-dropdown-trigger * *,
9895
- .ember-basic-dropdown-content * *,
9896
- .hds-dialog-primitive__wrapper *)[disabled]:hover,
9897
- .hds-side-nav-header .hds-dropdown-toggle-icon:not(.hds-dropdown * *,
9898
- .ember-basic-dropdown-trigger * *,
9899
- .ember-basic-dropdown-content * *,
9900
- .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 {
9901
8470
  color: var(--token-color-foreground-disabled);
9902
8471
  background-color: var(--token-color-palette-neutral-600);
9903
8472
  border-color: var(--token-color-palette-neutral-500);