@cloudscape-design/components-themeable 3.0.1325 → 3.0.1327

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 (153) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/action-card/styles.scss +4 -2
  3. package/lib/internal/scss/badge/styles.scss +4 -4
  4. package/lib/internal/scss/box/styles.scss +1 -0
  5. package/lib/internal/scss/box/visual-accent.scss +117 -0
  6. package/lib/internal/scss/button-dropdown/styles.scss +6 -0
  7. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  8. package/lib/internal/scss/link/constants.scss +2 -2
  9. package/lib/internal/scss/side-navigation/styles.scss +6 -0
  10. package/lib/internal/template/action-card/interfaces.d.ts +40 -1
  11. package/lib/internal/template/action-card/interfaces.d.ts.map +1 -1
  12. package/lib/internal/template/action-card/interfaces.js.map +1 -1
  13. package/lib/internal/template/action-card/internal.d.ts.map +1 -1
  14. package/lib/internal/template/action-card/internal.js +32 -9
  15. package/lib/internal/template/action-card/internal.js.map +1 -1
  16. package/lib/internal/template/action-card/styles.css.js +17 -17
  17. package/lib/internal/template/action-card/styles.scoped.css +96 -92
  18. package/lib/internal/template/action-card/styles.selectors.js +17 -17
  19. package/lib/internal/template/badge/styles.css.js +10 -10
  20. package/lib/internal/template/badge/styles.scoped.css +14 -14
  21. package/lib/internal/template/badge/styles.selectors.js +10 -10
  22. package/lib/internal/template/box/interfaces.d.ts +59 -0
  23. package/lib/internal/template/box/interfaces.d.ts.map +1 -1
  24. package/lib/internal/template/box/interfaces.js.map +1 -1
  25. package/lib/internal/template/box/internal.d.ts +1 -1
  26. package/lib/internal/template/box/internal.d.ts.map +1 -1
  27. package/lib/internal/template/box/internal.js +4 -2
  28. package/lib/internal/template/box/internal.js.map +1 -1
  29. package/lib/internal/template/box/styles.css.js +224 -193
  30. package/lib/internal/template/box/styles.scoped.css +424 -238
  31. package/lib/internal/template/box/styles.selectors.js +224 -193
  32. package/lib/internal/template/button-dropdown/category-elements/category-element.d.ts +1 -1
  33. package/lib/internal/template/button-dropdown/category-elements/category-element.d.ts.map +1 -1
  34. package/lib/internal/template/button-dropdown/category-elements/category-element.js +3 -3
  35. package/lib/internal/template/button-dropdown/category-elements/category-element.js.map +1 -1
  36. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.d.ts +1 -1
  37. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  38. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js +22 -12
  39. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  40. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.d.ts +1 -1
  41. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
  42. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js +12 -10
  43. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  44. package/lib/internal/template/button-dropdown/filter.d.ts +8 -0
  45. package/lib/internal/template/button-dropdown/filter.d.ts.map +1 -0
  46. package/lib/internal/template/button-dropdown/filter.js +18 -0
  47. package/lib/internal/template/button-dropdown/filter.js.map +1 -0
  48. package/lib/internal/template/button-dropdown/index.d.ts.map +1 -1
  49. package/lib/internal/template/button-dropdown/index.js +3 -3
  50. package/lib/internal/template/button-dropdown/index.js.map +1 -1
  51. package/lib/internal/template/button-dropdown/interfaces.d.ts +41 -0
  52. package/lib/internal/template/button-dropdown/interfaces.d.ts.map +1 -1
  53. package/lib/internal/template/button-dropdown/interfaces.js.map +1 -1
  54. package/lib/internal/template/button-dropdown/internal-interfaces.d.ts +12 -0
  55. package/lib/internal/template/button-dropdown/internal-interfaces.d.ts.map +1 -1
  56. package/lib/internal/template/button-dropdown/internal-interfaces.js.map +1 -1
  57. package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
  58. package/lib/internal/template/button-dropdown/internal.js +46 -7
  59. package/lib/internal/template/button-dropdown/internal.js.map +1 -1
  60. package/lib/internal/template/button-dropdown/item-element/index.d.ts +1 -1
  61. package/lib/internal/template/button-dropdown/item-element/index.d.ts.map +1 -1
  62. package/lib/internal/template/button-dropdown/item-element/index.js +35 -16
  63. package/lib/internal/template/button-dropdown/item-element/index.js.map +1 -1
  64. package/lib/internal/template/button-dropdown/items-list.d.ts +1 -1
  65. package/lib/internal/template/button-dropdown/items-list.d.ts.map +1 -1
  66. package/lib/internal/template/button-dropdown/items-list.js +4 -4
  67. package/lib/internal/template/button-dropdown/items-list.js.map +1 -1
  68. package/lib/internal/template/button-dropdown/styles.css.js +23 -22
  69. package/lib/internal/template/button-dropdown/styles.scoped.css +38 -32
  70. package/lib/internal/template/button-dropdown/styles.selectors.js +23 -22
  71. package/lib/internal/template/button-dropdown/tooltip.d.ts +2 -1
  72. package/lib/internal/template/button-dropdown/tooltip.d.ts.map +1 -1
  73. package/lib/internal/template/button-dropdown/tooltip.js +22 -14
  74. package/lib/internal/template/button-dropdown/tooltip.js.map +1 -1
  75. package/lib/internal/template/button-dropdown/utils/filter-items.d.ts +4 -0
  76. package/lib/internal/template/button-dropdown/utils/filter-items.d.ts.map +1 -0
  77. package/lib/internal/template/button-dropdown/utils/filter-items.js +55 -0
  78. package/lib/internal/template/button-dropdown/utils/filter-items.js.map +1 -0
  79. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts +7 -1
  80. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
  81. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js +77 -13
  82. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js.map +1 -1
  83. package/lib/internal/template/code-editor/interfaces.js.map +1 -1
  84. package/lib/internal/template/error-boundary/internal.d.ts.map +1 -1
  85. package/lib/internal/template/error-boundary/internal.js +1 -0
  86. package/lib/internal/template/error-boundary/internal.js.map +1 -1
  87. package/lib/internal/template/help-panel/styles.css.js +6 -6
  88. package/lib/internal/template/help-panel/styles.scoped.css +69 -69
  89. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  90. package/lib/internal/template/icon/generated/icons.d.ts +1 -0
  91. package/lib/internal/template/icon/generated/icons.d.ts.map +1 -1
  92. package/lib/internal/template/icon/generated/icons.js +2 -0
  93. package/lib/internal/template/icon/generated/icons.js.map +1 -1
  94. package/lib/internal/template/icon-provider/interfaces.d.ts +1 -1
  95. package/lib/internal/template/icon-provider/interfaces.d.ts.map +1 -1
  96. package/lib/internal/template/icon-provider/interfaces.js.map +1 -1
  97. package/lib/internal/template/internal/base-component/index.js +3 -3
  98. package/lib/internal/template/internal/base-component/index.js.map +1 -1
  99. package/lib/internal/template/internal/base-component/styles.scoped.css +33 -1
  100. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  101. package/lib/internal/template/internal/components/token-list/styles.scoped.css +24 -24
  102. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  103. package/lib/internal/template/internal/environment.js +2 -2
  104. package/lib/internal/template/internal/environment.json +2 -2
  105. package/lib/internal/template/internal/generated/styles/tokens.d.ts +140 -0
  106. package/lib/internal/template/internal/generated/styles/tokens.js +140 -0
  107. package/lib/internal/template/internal/generated/theming/index.cjs +2080 -20
  108. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +45 -0
  109. package/lib/internal/template/internal/generated/theming/index.d.ts +45 -0
  110. package/lib/internal/template/internal/generated/theming/index.js +2080 -20
  111. package/lib/internal/template/internal/utils/external-props.js +7 -5
  112. package/lib/internal/template/internal/utils/external-props.js.map +1 -1
  113. package/lib/internal/template/item-card/internal.js +1 -1
  114. package/lib/internal/template/item-card/internal.js.map +1 -1
  115. package/lib/internal/template/link/styles.css.js +21 -21
  116. package/lib/internal/template/link/styles.scoped.css +86 -86
  117. package/lib/internal/template/link/styles.selectors.js +21 -21
  118. package/lib/internal/template/multiselect/embedded.d.ts +2 -2
  119. package/lib/internal/template/multiselect/internal.d.ts +1 -1
  120. package/lib/internal/template/pagination/internal.d.ts.map +1 -1
  121. package/lib/internal/template/pagination/internal.js +2 -2
  122. package/lib/internal/template/pagination/internal.js.map +1 -1
  123. package/lib/internal/template/select/parts/filter.d.ts +1 -1
  124. package/lib/internal/template/select/utils/connect-options.d.ts.map +1 -1
  125. package/lib/internal/template/select/utils/connect-options.js +11 -7
  126. package/lib/internal/template/select/utils/connect-options.js.map +1 -1
  127. package/lib/internal/template/select/utils/use-select.d.ts.map +1 -1
  128. package/lib/internal/template/select/utils/use-select.js +5 -4
  129. package/lib/internal/template/select/utils/use-select.js.map +1 -1
  130. package/lib/internal/template/side-navigation/parts.js +4 -3
  131. package/lib/internal/template/side-navigation/parts.js.map +1 -1
  132. package/lib/internal/template/side-navigation/styles.css.js +47 -46
  133. package/lib/internal/template/side-navigation/styles.scoped.css +76 -70
  134. package/lib/internal/template/side-navigation/styles.selectors.js +47 -46
  135. package/lib/internal/template/table/index.d.ts.map +1 -1
  136. package/lib/internal/template/table/index.js +5 -3
  137. package/lib/internal/template/table/index.js.map +1 -1
  138. package/lib/internal/template/test-utils/dom/action-card/index.d.ts +4 -2
  139. package/lib/internal/template/test-utils/dom/action-card/index.js +5 -3
  140. package/lib/internal/template/test-utils/dom/action-card/index.js.map +1 -1
  141. package/lib/internal/template/test-utils/dom/button-dropdown/index.d.ts +16 -0
  142. package/lib/internal/template/test-utils/dom/button-dropdown/index.js +24 -0
  143. package/lib/internal/template/test-utils/dom/button-dropdown/index.js.map +1 -1
  144. package/lib/internal/template/test-utils/dom/pagination/index.d.ts +9 -6
  145. package/lib/internal/template/test-utils/dom/pagination/index.js +15 -5
  146. package/lib/internal/template/test-utils/dom/pagination/index.js.map +1 -1
  147. package/lib/internal/template/test-utils/selectors/button-dropdown/index.d.ts +16 -0
  148. package/lib/internal/template/test-utils/selectors/button-dropdown/index.js +24 -0
  149. package/lib/internal/template/test-utils/selectors/button-dropdown/index.js.map +1 -1
  150. package/lib/internal/template/test-utils/selectors/pagination/index.d.ts +8 -6
  151. package/lib/internal/template/test-utils/selectors/pagination/index.js +9 -5
  152. package/lib/internal/template/test-utils/selectors/pagination/index.js.map +1 -1
  153. package/package.json +1 -1
package/lib/internal/template/box/styles.selectors.js CHANGED
@@ -2,198 +2,229 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "box": "awsui_box_18wu0_t5gai_172",
6
- "p-variant": "awsui_p-variant_18wu0_t5gai_172",
7
- "color-default": "awsui_color-default_18wu0_t5gai_172",
8
- "b-variant": "awsui_b-variant_18wu0_t5gai_172",
9
- "strong-variant": "awsui_strong-variant_18wu0_t5gai_172",
10
- "code-variant": "awsui_code-variant_18wu0_t5gai_172",
11
- "pre-variant": "awsui_pre-variant_18wu0_t5gai_172",
12
- "samp-variant": "awsui_samp-variant_18wu0_t5gai_172",
13
- "h1-variant": "awsui_h1-variant_18wu0_t5gai_176",
14
- "h2-variant": "awsui_h2-variant_18wu0_t5gai_176",
15
- "h3-variant": "awsui_h3-variant_18wu0_t5gai_176",
16
- "h4-variant": "awsui_h4-variant_18wu0_t5gai_176",
17
- "h5-variant": "awsui_h5-variant_18wu0_t5gai_176",
18
- "small-variant": "awsui_small-variant_18wu0_t5gai_180",
19
- "a-variant": "awsui_a-variant_18wu0_t5gai_184",
20
- "font-size-default": "awsui_font-size-default_18wu0_t5gai_188",
21
- "font-weight-default": "awsui_font-weight-default_18wu0_t5gai_229",
22
- "key-label-variant": "awsui_key-label-variant_18wu0_t5gai_271",
23
- "gen-ai-label-variant": "awsui_gen-ai-label-variant_18wu0_t5gai_278",
24
- "value-large-variant": "awsui_value-large-variant_18wu0_t5gai_285",
25
- "inline-code-variant": "awsui_inline-code-variant_18wu0_t5gai_295",
26
- "font-weight-heavy": "awsui_font-weight-heavy_18wu0_t5gai_309",
27
- "color-inverted": "awsui_color-inverted_18wu0_t5gai_314",
28
- "color-text-label": "awsui_color-text-label_18wu0_t5gai_317",
29
- "color-text-body-secondary": "awsui_color-text-body-secondary_18wu0_t5gai_320",
30
- "color-text-status-error": "awsui_color-text-status-error_18wu0_t5gai_323",
31
- "color-text-status-success": "awsui_color-text-status-success_18wu0_t5gai_326",
32
- "color-text-status-info": "awsui_color-text-status-info_18wu0_t5gai_329",
33
- "color-text-status-inactive": "awsui_color-text-status-inactive_18wu0_t5gai_332",
34
- "color-text-status-warning": "awsui_color-text-status-warning_18wu0_t5gai_335",
35
- "color-inherit": "awsui_color-inherit_18wu0_t5gai_338",
36
- "font-size-body-s": "awsui_font-size-body-s_18wu0_t5gai_341",
37
- "font-size-body-m": "awsui_font-size-body-m_18wu0_t5gai_346",
38
- "font-size-heading-xs": "awsui_font-size-heading-xs_18wu0_t5gai_350",
39
- "font-size-heading-s": "awsui_font-size-heading-s_18wu0_t5gai_355",
40
- "font-size-heading-m": "awsui_font-size-heading-m_18wu0_t5gai_360",
41
- "font-size-heading-l": "awsui_font-size-heading-l_18wu0_t5gai_365",
42
- "font-size-heading-xl": "awsui_font-size-heading-xl_18wu0_t5gai_370",
43
- "font-size-display-l": "awsui_font-size-display-l_18wu0_t5gai_375",
44
- "font-size-display-xl": "awsui_font-size-display-xl_18wu0_t5gai_380",
45
- "font-weight-light": "awsui_font-weight-light_18wu0_t5gai_385",
46
- "font-weight-normal": "awsui_font-weight-normal_18wu0_t5gai_388",
47
- "font-weight-bold": "awsui_font-weight-bold_18wu0_t5gai_391",
48
- "t-left": "awsui_t-left_18wu0_t5gai_398",
49
- "t-right": "awsui_t-right_18wu0_t5gai_402",
50
- "t-center": "awsui_t-center_18wu0_t5gai_406",
51
- "p-n": "awsui_p-n_18wu0_t5gai_423",
52
- "p-top-n": "awsui_p-top-n_18wu0_t5gai_428",
53
- "p-vertical-n": "awsui_p-vertical-n_18wu0_t5gai_429",
54
- "p-right-n": "awsui_p-right-n_18wu0_t5gai_433",
55
- "p-horizontal-n": "awsui_p-horizontal-n_18wu0_t5gai_434",
56
- "p-bottom-n": "awsui_p-bottom-n_18wu0_t5gai_438",
57
- "p-left-n": "awsui_p-left-n_18wu0_t5gai_443",
58
- "p-xxxs": "awsui_p-xxxs_18wu0_t5gai_448",
59
- "p-top-xxxs": "awsui_p-top-xxxs_18wu0_t5gai_453",
60
- "p-vertical-xxxs": "awsui_p-vertical-xxxs_18wu0_t5gai_454",
61
- "p-right-xxxs": "awsui_p-right-xxxs_18wu0_t5gai_458",
62
- "p-horizontal-xxxs": "awsui_p-horizontal-xxxs_18wu0_t5gai_459",
63
- "p-bottom-xxxs": "awsui_p-bottom-xxxs_18wu0_t5gai_463",
64
- "p-left-xxxs": "awsui_p-left-xxxs_18wu0_t5gai_468",
65
- "p-xxs": "awsui_p-xxs_18wu0_t5gai_473",
66
- "p-top-xxs": "awsui_p-top-xxs_18wu0_t5gai_478",
67
- "p-vertical-xxs": "awsui_p-vertical-xxs_18wu0_t5gai_479",
68
- "p-right-xxs": "awsui_p-right-xxs_18wu0_t5gai_483",
69
- "p-horizontal-xxs": "awsui_p-horizontal-xxs_18wu0_t5gai_484",
70
- "p-bottom-xxs": "awsui_p-bottom-xxs_18wu0_t5gai_488",
71
- "p-left-xxs": "awsui_p-left-xxs_18wu0_t5gai_493",
72
- "p-xs": "awsui_p-xs_18wu0_t5gai_498",
73
- "p-top-xs": "awsui_p-top-xs_18wu0_t5gai_503",
74
- "p-vertical-xs": "awsui_p-vertical-xs_18wu0_t5gai_504",
75
- "p-right-xs": "awsui_p-right-xs_18wu0_t5gai_508",
76
- "p-horizontal-xs": "awsui_p-horizontal-xs_18wu0_t5gai_509",
77
- "p-bottom-xs": "awsui_p-bottom-xs_18wu0_t5gai_513",
78
- "p-left-xs": "awsui_p-left-xs_18wu0_t5gai_518",
79
- "p-s": "awsui_p-s_18wu0_t5gai_523",
80
- "p-top-s": "awsui_p-top-s_18wu0_t5gai_528",
81
- "p-vertical-s": "awsui_p-vertical-s_18wu0_t5gai_529",
82
- "p-right-s": "awsui_p-right-s_18wu0_t5gai_533",
83
- "p-horizontal-s": "awsui_p-horizontal-s_18wu0_t5gai_534",
84
- "p-bottom-s": "awsui_p-bottom-s_18wu0_t5gai_538",
85
- "p-left-s": "awsui_p-left-s_18wu0_t5gai_543",
86
- "p-m": "awsui_p-m_18wu0_t5gai_548",
87
- "p-top-m": "awsui_p-top-m_18wu0_t5gai_553",
88
- "p-vertical-m": "awsui_p-vertical-m_18wu0_t5gai_554",
89
- "p-right-m": "awsui_p-right-m_18wu0_t5gai_558",
90
- "p-horizontal-m": "awsui_p-horizontal-m_18wu0_t5gai_559",
91
- "p-bottom-m": "awsui_p-bottom-m_18wu0_t5gai_563",
92
- "p-left-m": "awsui_p-left-m_18wu0_t5gai_568",
93
- "p-l": "awsui_p-l_18wu0_t5gai_443",
94
- "p-top-l": "awsui_p-top-l_18wu0_t5gai_578",
95
- "p-vertical-l": "awsui_p-vertical-l_18wu0_t5gai_579",
96
- "p-right-l": "awsui_p-right-l_18wu0_t5gai_583",
97
- "p-horizontal-l": "awsui_p-horizontal-l_18wu0_t5gai_584",
98
- "p-bottom-l": "awsui_p-bottom-l_18wu0_t5gai_588",
99
- "p-left-l": "awsui_p-left-l_18wu0_t5gai_593",
100
- "p-xl": "awsui_p-xl_18wu0_t5gai_598",
101
- "p-top-xl": "awsui_p-top-xl_18wu0_t5gai_603",
102
- "p-vertical-xl": "awsui_p-vertical-xl_18wu0_t5gai_604",
103
- "p-right-xl": "awsui_p-right-xl_18wu0_t5gai_608",
104
- "p-horizontal-xl": "awsui_p-horizontal-xl_18wu0_t5gai_609",
105
- "p-bottom-xl": "awsui_p-bottom-xl_18wu0_t5gai_613",
106
- "p-left-xl": "awsui_p-left-xl_18wu0_t5gai_618",
107
- "p-xxl": "awsui_p-xxl_18wu0_t5gai_623",
108
- "p-top-xxl": "awsui_p-top-xxl_18wu0_t5gai_628",
109
- "p-vertical-xxl": "awsui_p-vertical-xxl_18wu0_t5gai_629",
110
- "p-right-xxl": "awsui_p-right-xxl_18wu0_t5gai_633",
111
- "p-horizontal-xxl": "awsui_p-horizontal-xxl_18wu0_t5gai_634",
112
- "p-bottom-xxl": "awsui_p-bottom-xxl_18wu0_t5gai_638",
113
- "p-left-xxl": "awsui_p-left-xxl_18wu0_t5gai_643",
114
- "p-xxxl": "awsui_p-xxxl_18wu0_t5gai_648",
115
- "p-top-xxxl": "awsui_p-top-xxxl_18wu0_t5gai_653",
116
- "p-vertical-xxxl": "awsui_p-vertical-xxxl_18wu0_t5gai_654",
117
- "p-right-xxxl": "awsui_p-right-xxxl_18wu0_t5gai_658",
118
- "p-horizontal-xxxl": "awsui_p-horizontal-xxxl_18wu0_t5gai_659",
119
- "p-bottom-xxxl": "awsui_p-bottom-xxxl_18wu0_t5gai_663",
120
- "p-left-xxxl": "awsui_p-left-xxxl_18wu0_t5gai_668",
121
- "m-n": "awsui_m-n_18wu0_t5gai_673",
122
- "m-top-n": "awsui_m-top-n_18wu0_t5gai_678",
123
- "m-vertical-n": "awsui_m-vertical-n_18wu0_t5gai_679",
124
- "m-right-n": "awsui_m-right-n_18wu0_t5gai_683",
125
- "m-horizontal-n": "awsui_m-horizontal-n_18wu0_t5gai_684",
126
- "m-bottom-n": "awsui_m-bottom-n_18wu0_t5gai_688",
127
- "m-left-n": "awsui_m-left-n_18wu0_t5gai_693",
128
- "m-xxxs": "awsui_m-xxxs_18wu0_t5gai_698",
129
- "m-top-xxxs": "awsui_m-top-xxxs_18wu0_t5gai_703",
130
- "m-vertical-xxxs": "awsui_m-vertical-xxxs_18wu0_t5gai_704",
131
- "m-right-xxxs": "awsui_m-right-xxxs_18wu0_t5gai_708",
132
- "m-horizontal-xxxs": "awsui_m-horizontal-xxxs_18wu0_t5gai_709",
133
- "m-bottom-xxxs": "awsui_m-bottom-xxxs_18wu0_t5gai_713",
134
- "m-left-xxxs": "awsui_m-left-xxxs_18wu0_t5gai_718",
135
- "m-xxs": "awsui_m-xxs_18wu0_t5gai_723",
136
- "m-top-xxs": "awsui_m-top-xxs_18wu0_t5gai_728",
137
- "m-vertical-xxs": "awsui_m-vertical-xxs_18wu0_t5gai_729",
138
- "m-right-xxs": "awsui_m-right-xxs_18wu0_t5gai_733",
139
- "m-horizontal-xxs": "awsui_m-horizontal-xxs_18wu0_t5gai_734",
140
- "m-bottom-xxs": "awsui_m-bottom-xxs_18wu0_t5gai_738",
141
- "m-left-xxs": "awsui_m-left-xxs_18wu0_t5gai_743",
142
- "m-xs": "awsui_m-xs_18wu0_t5gai_748",
143
- "m-top-xs": "awsui_m-top-xs_18wu0_t5gai_753",
144
- "m-vertical-xs": "awsui_m-vertical-xs_18wu0_t5gai_754",
145
- "m-right-xs": "awsui_m-right-xs_18wu0_t5gai_758",
146
- "m-horizontal-xs": "awsui_m-horizontal-xs_18wu0_t5gai_759",
147
- "m-bottom-xs": "awsui_m-bottom-xs_18wu0_t5gai_763",
148
- "m-left-xs": "awsui_m-left-xs_18wu0_t5gai_768",
149
- "m-s": "awsui_m-s_18wu0_t5gai_773",
150
- "m-top-s": "awsui_m-top-s_18wu0_t5gai_778",
151
- "m-vertical-s": "awsui_m-vertical-s_18wu0_t5gai_779",
152
- "m-right-s": "awsui_m-right-s_18wu0_t5gai_783",
153
- "m-horizontal-s": "awsui_m-horizontal-s_18wu0_t5gai_784",
154
- "m-bottom-s": "awsui_m-bottom-s_18wu0_t5gai_788",
155
- "m-left-s": "awsui_m-left-s_18wu0_t5gai_793",
156
- "m-m": "awsui_m-m_18wu0_t5gai_798",
157
- "m-top-m": "awsui_m-top-m_18wu0_t5gai_803",
158
- "m-vertical-m": "awsui_m-vertical-m_18wu0_t5gai_804",
159
- "m-right-m": "awsui_m-right-m_18wu0_t5gai_808",
160
- "m-horizontal-m": "awsui_m-horizontal-m_18wu0_t5gai_809",
161
- "m-bottom-m": "awsui_m-bottom-m_18wu0_t5gai_813",
162
- "m-left-m": "awsui_m-left-m_18wu0_t5gai_818",
163
- "m-l": "awsui_m-l_18wu0_t5gai_693",
164
- "m-top-l": "awsui_m-top-l_18wu0_t5gai_828",
165
- "m-vertical-l": "awsui_m-vertical-l_18wu0_t5gai_829",
166
- "m-right-l": "awsui_m-right-l_18wu0_t5gai_833",
167
- "m-horizontal-l": "awsui_m-horizontal-l_18wu0_t5gai_834",
168
- "m-bottom-l": "awsui_m-bottom-l_18wu0_t5gai_838",
169
- "m-left-l": "awsui_m-left-l_18wu0_t5gai_843",
170
- "m-xl": "awsui_m-xl_18wu0_t5gai_848",
171
- "m-top-xl": "awsui_m-top-xl_18wu0_t5gai_853",
172
- "m-vertical-xl": "awsui_m-vertical-xl_18wu0_t5gai_854",
173
- "m-right-xl": "awsui_m-right-xl_18wu0_t5gai_858",
174
- "m-horizontal-xl": "awsui_m-horizontal-xl_18wu0_t5gai_859",
175
- "m-bottom-xl": "awsui_m-bottom-xl_18wu0_t5gai_863",
176
- "m-left-xl": "awsui_m-left-xl_18wu0_t5gai_868",
177
- "m-xxl": "awsui_m-xxl_18wu0_t5gai_873",
178
- "m-top-xxl": "awsui_m-top-xxl_18wu0_t5gai_878",
179
- "m-vertical-xxl": "awsui_m-vertical-xxl_18wu0_t5gai_879",
180
- "m-right-xxl": "awsui_m-right-xxl_18wu0_t5gai_883",
181
- "m-horizontal-xxl": "awsui_m-horizontal-xxl_18wu0_t5gai_884",
182
- "m-bottom-xxl": "awsui_m-bottom-xxl_18wu0_t5gai_888",
183
- "m-left-xxl": "awsui_m-left-xxl_18wu0_t5gai_893",
184
- "m-xxxl": "awsui_m-xxxl_18wu0_t5gai_898",
185
- "m-top-xxxl": "awsui_m-top-xxxl_18wu0_t5gai_903",
186
- "m-vertical-xxxl": "awsui_m-vertical-xxxl_18wu0_t5gai_904",
187
- "m-right-xxxl": "awsui_m-right-xxxl_18wu0_t5gai_908",
188
- "m-horizontal-xxxl": "awsui_m-horizontal-xxxl_18wu0_t5gai_909",
189
- "m-bottom-xxxl": "awsui_m-bottom-xxxl_18wu0_t5gai_913",
190
- "m-left-xxxl": "awsui_m-left-xxxl_18wu0_t5gai_918",
191
- "d-block": "awsui_d-block_18wu0_t5gai_923",
192
- "d-inline": "awsui_d-inline_18wu0_t5gai_926",
193
- "d-inline-block": "awsui_d-inline-block_18wu0_t5gai_929",
194
- "d-none": "awsui_d-none_18wu0_t5gai_932",
195
- "f-left": "awsui_f-left_18wu0_t5gai_936",
196
- "f-right": "awsui_f-right_18wu0_t5gai_940",
197
- "root": "awsui_root_18wu0_t5gai_944"
5
+ "box": "awsui_box_18wu0_1jdww_172",
6
+ "p-variant": "awsui_p-variant_18wu0_1jdww_172",
7
+ "color-default": "awsui_color-default_18wu0_1jdww_172",
8
+ "b-variant": "awsui_b-variant_18wu0_1jdww_172",
9
+ "strong-variant": "awsui_strong-variant_18wu0_1jdww_172",
10
+ "code-variant": "awsui_code-variant_18wu0_1jdww_172",
11
+ "pre-variant": "awsui_pre-variant_18wu0_1jdww_172",
12
+ "samp-variant": "awsui_samp-variant_18wu0_1jdww_172",
13
+ "h1-variant": "awsui_h1-variant_18wu0_1jdww_176",
14
+ "h2-variant": "awsui_h2-variant_18wu0_1jdww_176",
15
+ "h3-variant": "awsui_h3-variant_18wu0_1jdww_176",
16
+ "h4-variant": "awsui_h4-variant_18wu0_1jdww_176",
17
+ "h5-variant": "awsui_h5-variant_18wu0_1jdww_176",
18
+ "small-variant": "awsui_small-variant_18wu0_1jdww_180",
19
+ "a-variant": "awsui_a-variant_18wu0_1jdww_184",
20
+ "font-size-default": "awsui_font-size-default_18wu0_1jdww_188",
21
+ "font-weight-default": "awsui_font-weight-default_18wu0_1jdww_229",
22
+ "key-label-variant": "awsui_key-label-variant_18wu0_1jdww_271",
23
+ "gen-ai-label-variant": "awsui_gen-ai-label-variant_18wu0_1jdww_278",
24
+ "value-large-variant": "awsui_value-large-variant_18wu0_1jdww_285",
25
+ "inline-code-variant": "awsui_inline-code-variant_18wu0_1jdww_295",
26
+ "font-weight-heavy": "awsui_font-weight-heavy_18wu0_1jdww_309",
27
+ "color-inverted": "awsui_color-inverted_18wu0_1jdww_314",
28
+ "color-text-label": "awsui_color-text-label_18wu0_1jdww_317",
29
+ "color-text-body-secondary": "awsui_color-text-body-secondary_18wu0_1jdww_320",
30
+ "color-text-status-error": "awsui_color-text-status-error_18wu0_1jdww_323",
31
+ "color-text-status-success": "awsui_color-text-status-success_18wu0_1jdww_326",
32
+ "color-text-status-info": "awsui_color-text-status-info_18wu0_1jdww_329",
33
+ "color-text-status-inactive": "awsui_color-text-status-inactive_18wu0_1jdww_332",
34
+ "color-text-status-warning": "awsui_color-text-status-warning_18wu0_1jdww_335",
35
+ "color-inherit": "awsui_color-inherit_18wu0_1jdww_338",
36
+ "font-size-body-s": "awsui_font-size-body-s_18wu0_1jdww_341",
37
+ "font-size-body-m": "awsui_font-size-body-m_18wu0_1jdww_346",
38
+ "font-size-heading-xs": "awsui_font-size-heading-xs_18wu0_1jdww_350",
39
+ "font-size-heading-s": "awsui_font-size-heading-s_18wu0_1jdww_355",
40
+ "font-size-heading-m": "awsui_font-size-heading-m_18wu0_1jdww_360",
41
+ "font-size-heading-l": "awsui_font-size-heading-l_18wu0_1jdww_365",
42
+ "font-size-heading-xl": "awsui_font-size-heading-xl_18wu0_1jdww_370",
43
+ "font-size-display-l": "awsui_font-size-display-l_18wu0_1jdww_375",
44
+ "font-size-display-xl": "awsui_font-size-display-xl_18wu0_1jdww_380",
45
+ "font-weight-light": "awsui_font-weight-light_18wu0_1jdww_385",
46
+ "font-weight-normal": "awsui_font-weight-normal_18wu0_1jdww_388",
47
+ "font-weight-bold": "awsui_font-weight-bold_18wu0_1jdww_391",
48
+ "t-left": "awsui_t-left_18wu0_1jdww_398",
49
+ "t-right": "awsui_t-right_18wu0_1jdww_402",
50
+ "t-center": "awsui_t-center_18wu0_1jdww_406",
51
+ "p-n": "awsui_p-n_18wu0_1jdww_423",
52
+ "p-top-n": "awsui_p-top-n_18wu0_1jdww_428",
53
+ "p-vertical-n": "awsui_p-vertical-n_18wu0_1jdww_429",
54
+ "p-right-n": "awsui_p-right-n_18wu0_1jdww_433",
55
+ "p-horizontal-n": "awsui_p-horizontal-n_18wu0_1jdww_434",
56
+ "p-bottom-n": "awsui_p-bottom-n_18wu0_1jdww_438",
57
+ "p-left-n": "awsui_p-left-n_18wu0_1jdww_443",
58
+ "p-xxxs": "awsui_p-xxxs_18wu0_1jdww_448",
59
+ "p-top-xxxs": "awsui_p-top-xxxs_18wu0_1jdww_453",
60
+ "p-vertical-xxxs": "awsui_p-vertical-xxxs_18wu0_1jdww_454",
61
+ "p-right-xxxs": "awsui_p-right-xxxs_18wu0_1jdww_458",
62
+ "p-horizontal-xxxs": "awsui_p-horizontal-xxxs_18wu0_1jdww_459",
63
+ "p-bottom-xxxs": "awsui_p-bottom-xxxs_18wu0_1jdww_463",
64
+ "p-left-xxxs": "awsui_p-left-xxxs_18wu0_1jdww_468",
65
+ "p-xxs": "awsui_p-xxs_18wu0_1jdww_473",
66
+ "p-top-xxs": "awsui_p-top-xxs_18wu0_1jdww_478",
67
+ "p-vertical-xxs": "awsui_p-vertical-xxs_18wu0_1jdww_479",
68
+ "p-right-xxs": "awsui_p-right-xxs_18wu0_1jdww_483",
69
+ "p-horizontal-xxs": "awsui_p-horizontal-xxs_18wu0_1jdww_484",
70
+ "p-bottom-xxs": "awsui_p-bottom-xxs_18wu0_1jdww_488",
71
+ "p-left-xxs": "awsui_p-left-xxs_18wu0_1jdww_493",
72
+ "p-xs": "awsui_p-xs_18wu0_1jdww_498",
73
+ "p-top-xs": "awsui_p-top-xs_18wu0_1jdww_503",
74
+ "p-vertical-xs": "awsui_p-vertical-xs_18wu0_1jdww_504",
75
+ "p-right-xs": "awsui_p-right-xs_18wu0_1jdww_508",
76
+ "p-horizontal-xs": "awsui_p-horizontal-xs_18wu0_1jdww_509",
77
+ "p-bottom-xs": "awsui_p-bottom-xs_18wu0_1jdww_513",
78
+ "p-left-xs": "awsui_p-left-xs_18wu0_1jdww_518",
79
+ "p-s": "awsui_p-s_18wu0_1jdww_523",
80
+ "p-top-s": "awsui_p-top-s_18wu0_1jdww_528",
81
+ "p-vertical-s": "awsui_p-vertical-s_18wu0_1jdww_529",
82
+ "p-right-s": "awsui_p-right-s_18wu0_1jdww_533",
83
+ "p-horizontal-s": "awsui_p-horizontal-s_18wu0_1jdww_534",
84
+ "p-bottom-s": "awsui_p-bottom-s_18wu0_1jdww_538",
85
+ "p-left-s": "awsui_p-left-s_18wu0_1jdww_543",
86
+ "p-m": "awsui_p-m_18wu0_1jdww_548",
87
+ "p-top-m": "awsui_p-top-m_18wu0_1jdww_553",
88
+ "p-vertical-m": "awsui_p-vertical-m_18wu0_1jdww_554",
89
+ "p-right-m": "awsui_p-right-m_18wu0_1jdww_558",
90
+ "p-horizontal-m": "awsui_p-horizontal-m_18wu0_1jdww_559",
91
+ "p-bottom-m": "awsui_p-bottom-m_18wu0_1jdww_563",
92
+ "p-left-m": "awsui_p-left-m_18wu0_1jdww_568",
93
+ "p-l": "awsui_p-l_18wu0_1jdww_443",
94
+ "p-top-l": "awsui_p-top-l_18wu0_1jdww_578",
95
+ "p-vertical-l": "awsui_p-vertical-l_18wu0_1jdww_579",
96
+ "p-right-l": "awsui_p-right-l_18wu0_1jdww_583",
97
+ "p-horizontal-l": "awsui_p-horizontal-l_18wu0_1jdww_584",
98
+ "p-bottom-l": "awsui_p-bottom-l_18wu0_1jdww_588",
99
+ "p-left-l": "awsui_p-left-l_18wu0_1jdww_593",
100
+ "p-xl": "awsui_p-xl_18wu0_1jdww_598",
101
+ "p-top-xl": "awsui_p-top-xl_18wu0_1jdww_603",
102
+ "p-vertical-xl": "awsui_p-vertical-xl_18wu0_1jdww_604",
103
+ "p-right-xl": "awsui_p-right-xl_18wu0_1jdww_608",
104
+ "p-horizontal-xl": "awsui_p-horizontal-xl_18wu0_1jdww_609",
105
+ "p-bottom-xl": "awsui_p-bottom-xl_18wu0_1jdww_613",
106
+ "p-left-xl": "awsui_p-left-xl_18wu0_1jdww_618",
107
+ "p-xxl": "awsui_p-xxl_18wu0_1jdww_623",
108
+ "p-top-xxl": "awsui_p-top-xxl_18wu0_1jdww_628",
109
+ "p-vertical-xxl": "awsui_p-vertical-xxl_18wu0_1jdww_629",
110
+ "p-right-xxl": "awsui_p-right-xxl_18wu0_1jdww_633",
111
+ "p-horizontal-xxl": "awsui_p-horizontal-xxl_18wu0_1jdww_634",
112
+ "p-bottom-xxl": "awsui_p-bottom-xxl_18wu0_1jdww_638",
113
+ "p-left-xxl": "awsui_p-left-xxl_18wu0_1jdww_643",
114
+ "p-xxxl": "awsui_p-xxxl_18wu0_1jdww_648",
115
+ "p-top-xxxl": "awsui_p-top-xxxl_18wu0_1jdww_653",
116
+ "p-vertical-xxxl": "awsui_p-vertical-xxxl_18wu0_1jdww_654",
117
+ "p-right-xxxl": "awsui_p-right-xxxl_18wu0_1jdww_658",
118
+ "p-horizontal-xxxl": "awsui_p-horizontal-xxxl_18wu0_1jdww_659",
119
+ "p-bottom-xxxl": "awsui_p-bottom-xxxl_18wu0_1jdww_663",
120
+ "p-left-xxxl": "awsui_p-left-xxxl_18wu0_1jdww_668",
121
+ "m-n": "awsui_m-n_18wu0_1jdww_673",
122
+ "m-top-n": "awsui_m-top-n_18wu0_1jdww_678",
123
+ "m-vertical-n": "awsui_m-vertical-n_18wu0_1jdww_679",
124
+ "m-right-n": "awsui_m-right-n_18wu0_1jdww_683",
125
+ "m-horizontal-n": "awsui_m-horizontal-n_18wu0_1jdww_684",
126
+ "m-bottom-n": "awsui_m-bottom-n_18wu0_1jdww_688",
127
+ "m-left-n": "awsui_m-left-n_18wu0_1jdww_693",
128
+ "m-xxxs": "awsui_m-xxxs_18wu0_1jdww_698",
129
+ "m-top-xxxs": "awsui_m-top-xxxs_18wu0_1jdww_703",
130
+ "m-vertical-xxxs": "awsui_m-vertical-xxxs_18wu0_1jdww_704",
131
+ "m-right-xxxs": "awsui_m-right-xxxs_18wu0_1jdww_708",
132
+ "m-horizontal-xxxs": "awsui_m-horizontal-xxxs_18wu0_1jdww_709",
133
+ "m-bottom-xxxs": "awsui_m-bottom-xxxs_18wu0_1jdww_713",
134
+ "m-left-xxxs": "awsui_m-left-xxxs_18wu0_1jdww_718",
135
+ "m-xxs": "awsui_m-xxs_18wu0_1jdww_723",
136
+ "m-top-xxs": "awsui_m-top-xxs_18wu0_1jdww_728",
137
+ "m-vertical-xxs": "awsui_m-vertical-xxs_18wu0_1jdww_729",
138
+ "m-right-xxs": "awsui_m-right-xxs_18wu0_1jdww_733",
139
+ "m-horizontal-xxs": "awsui_m-horizontal-xxs_18wu0_1jdww_734",
140
+ "m-bottom-xxs": "awsui_m-bottom-xxs_18wu0_1jdww_738",
141
+ "m-left-xxs": "awsui_m-left-xxs_18wu0_1jdww_743",
142
+ "m-xs": "awsui_m-xs_18wu0_1jdww_748",
143
+ "m-top-xs": "awsui_m-top-xs_18wu0_1jdww_753",
144
+ "m-vertical-xs": "awsui_m-vertical-xs_18wu0_1jdww_754",
145
+ "m-right-xs": "awsui_m-right-xs_18wu0_1jdww_758",
146
+ "m-horizontal-xs": "awsui_m-horizontal-xs_18wu0_1jdww_759",
147
+ "m-bottom-xs": "awsui_m-bottom-xs_18wu0_1jdww_763",
148
+ "m-left-xs": "awsui_m-left-xs_18wu0_1jdww_768",
149
+ "m-s": "awsui_m-s_18wu0_1jdww_773",
150
+ "m-top-s": "awsui_m-top-s_18wu0_1jdww_778",
151
+ "m-vertical-s": "awsui_m-vertical-s_18wu0_1jdww_779",
152
+ "m-right-s": "awsui_m-right-s_18wu0_1jdww_783",
153
+ "m-horizontal-s": "awsui_m-horizontal-s_18wu0_1jdww_784",
154
+ "m-bottom-s": "awsui_m-bottom-s_18wu0_1jdww_788",
155
+ "m-left-s": "awsui_m-left-s_18wu0_1jdww_793",
156
+ "m-m": "awsui_m-m_18wu0_1jdww_798",
157
+ "m-top-m": "awsui_m-top-m_18wu0_1jdww_803",
158
+ "m-vertical-m": "awsui_m-vertical-m_18wu0_1jdww_804",
159
+ "m-right-m": "awsui_m-right-m_18wu0_1jdww_808",
160
+ "m-horizontal-m": "awsui_m-horizontal-m_18wu0_1jdww_809",
161
+ "m-bottom-m": "awsui_m-bottom-m_18wu0_1jdww_813",
162
+ "m-left-m": "awsui_m-left-m_18wu0_1jdww_818",
163
+ "m-l": "awsui_m-l_18wu0_1jdww_693",
164
+ "m-top-l": "awsui_m-top-l_18wu0_1jdww_828",
165
+ "m-vertical-l": "awsui_m-vertical-l_18wu0_1jdww_829",
166
+ "m-right-l": "awsui_m-right-l_18wu0_1jdww_833",
167
+ "m-horizontal-l": "awsui_m-horizontal-l_18wu0_1jdww_834",
168
+ "m-bottom-l": "awsui_m-bottom-l_18wu0_1jdww_838",
169
+ "m-left-l": "awsui_m-left-l_18wu0_1jdww_843",
170
+ "m-xl": "awsui_m-xl_18wu0_1jdww_848",
171
+ "m-top-xl": "awsui_m-top-xl_18wu0_1jdww_853",
172
+ "m-vertical-xl": "awsui_m-vertical-xl_18wu0_1jdww_854",
173
+ "m-right-xl": "awsui_m-right-xl_18wu0_1jdww_858",
174
+ "m-horizontal-xl": "awsui_m-horizontal-xl_18wu0_1jdww_859",
175
+ "m-bottom-xl": "awsui_m-bottom-xl_18wu0_1jdww_863",
176
+ "m-left-xl": "awsui_m-left-xl_18wu0_1jdww_868",
177
+ "m-xxl": "awsui_m-xxl_18wu0_1jdww_873",
178
+ "m-top-xxl": "awsui_m-top-xxl_18wu0_1jdww_878",
179
+ "m-vertical-xxl": "awsui_m-vertical-xxl_18wu0_1jdww_879",
180
+ "m-right-xxl": "awsui_m-right-xxl_18wu0_1jdww_883",
181
+ "m-horizontal-xxl": "awsui_m-horizontal-xxl_18wu0_1jdww_884",
182
+ "m-bottom-xxl": "awsui_m-bottom-xxl_18wu0_1jdww_888",
183
+ "m-left-xxl": "awsui_m-left-xxl_18wu0_1jdww_893",
184
+ "m-xxxl": "awsui_m-xxxl_18wu0_1jdww_898",
185
+ "m-top-xxxl": "awsui_m-top-xxxl_18wu0_1jdww_903",
186
+ "m-vertical-xxxl": "awsui_m-vertical-xxxl_18wu0_1jdww_904",
187
+ "m-right-xxxl": "awsui_m-right-xxxl_18wu0_1jdww_908",
188
+ "m-horizontal-xxxl": "awsui_m-horizontal-xxxl_18wu0_1jdww_909",
189
+ "m-bottom-xxxl": "awsui_m-bottom-xxxl_18wu0_1jdww_913",
190
+ "m-left-xxxl": "awsui_m-left-xxxl_18wu0_1jdww_918",
191
+ "d-block": "awsui_d-block_18wu0_1jdww_923",
192
+ "d-inline": "awsui_d-inline_18wu0_1jdww_926",
193
+ "d-inline-block": "awsui_d-inline-block_18wu0_1jdww_929",
194
+ "d-none": "awsui_d-none_18wu0_1jdww_932",
195
+ "f-left": "awsui_f-left_18wu0_1jdww_936",
196
+ "f-right": "awsui_f-right_18wu0_1jdww_940",
197
+ "visual-accent": "awsui_visual-accent_18wu0_1jdww_948",
198
+ "visual-accent-radius-xxxs": "awsui_visual-accent-radius-xxxs_18wu0_1jdww_957",
199
+ "visual-accent-radius-xxs": "awsui_visual-accent-radius-xxs_18wu0_1jdww_964",
200
+ "visual-accent-radius-xs": "awsui_visual-accent-radius-xs_18wu0_1jdww_971",
201
+ "visual-accent-radius-s": "awsui_visual-accent-radius-s_18wu0_1jdww_978",
202
+ "visual-accent-radius-m": "awsui_visual-accent-radius-m_18wu0_1jdww_985",
203
+ "visual-accent-radius-l": "awsui_visual-accent-radius-l_18wu0_1jdww_992",
204
+ "visual-accent-radius-xl": "awsui_visual-accent-radius-xl_18wu0_1jdww_999",
205
+ "visual-accent-radius-xxl": "awsui_visual-accent-radius-xxl_18wu0_1jdww_1006",
206
+ "visual-accent-radius-xxxl": "awsui_visual-accent-radius-xxxl_18wu0_1jdww_1013",
207
+ "visual-accent-radius-full": "awsui_visual-accent-radius-full_18wu0_1jdww_1020",
208
+ "visual-accent-aspect-auto": "awsui_visual-accent-aspect-auto_18wu0_1jdww_1027",
209
+ "visual-accent-aspect-equal": "awsui_visual-accent-aspect-equal_18wu0_1jdww_1032",
210
+ "visual-accent-red": "awsui_visual-accent-red_18wu0_1jdww_1040",
211
+ "visual-accent-yellow": "awsui_visual-accent-yellow_18wu0_1jdww_1045",
212
+ "visual-accent-indigo": "awsui_visual-accent-indigo_18wu0_1jdww_1050",
213
+ "visual-accent-green": "awsui_visual-accent-green_18wu0_1jdww_1055",
214
+ "visual-accent-orange": "awsui_visual-accent-orange_18wu0_1jdww_1060",
215
+ "visual-accent-purple": "awsui_visual-accent-purple_18wu0_1jdww_1065",
216
+ "visual-accent-mint": "awsui_visual-accent-mint_18wu0_1jdww_1070",
217
+ "visual-accent-lime": "awsui_visual-accent-lime_18wu0_1jdww_1075",
218
+ "visual-accent-grey": "awsui_visual-accent-grey_18wu0_1jdww_1080",
219
+ "visual-accent-teal": "awsui_visual-accent-teal_18wu0_1jdww_1085",
220
+ "visual-accent-cyan": "awsui_visual-accent-cyan_18wu0_1jdww_1090",
221
+ "visual-accent-blue": "awsui_visual-accent-blue_18wu0_1jdww_1095",
222
+ "visual-accent-violet": "awsui_visual-accent-violet_18wu0_1jdww_1100",
223
+ "visual-accent-fuchsia": "awsui_visual-accent-fuchsia_18wu0_1jdww_1105",
224
+ "visual-accent-magenta": "awsui_visual-accent-magenta_18wu0_1jdww_1110",
225
+ "visual-accent-pink": "awsui_visual-accent-pink_18wu0_1jdww_1115",
226
+ "visual-accent-rose": "awsui_visual-accent-rose_18wu0_1jdww_1120",
227
+ "visual-accent-amber": "awsui_visual-accent-amber_18wu0_1jdww_1125",
228
+ "root": "awsui_root_18wu0_1jdww_1130"
198
229
  };
199
230
 
package/lib/internal/template/button-dropdown/category-elements/category-element.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { CategoryProps } from '../internal-interfaces';
2
- declare const CategoryElement: ({ item, index, onItemActivate, onGroupToggle, targetItem, isHighlighted, isKeyboardHighlight, isExpanded, lastInDropdown, highlightItem, disabled, variant, position, renderItem, }: CategoryProps) => JSX.Element;
2
+ declare const CategoryElement: ({ item, index, onItemActivate, onGroupToggle, targetItem, isHighlighted, isKeyboardHighlight, isExpanded, lastInDropdown, highlightItem, disabled, variant, position, renderItem, filteringText, filteringEnabled, menuId, filteringDescriptionId, }: CategoryProps) => JSX.Element;
3
3
  export default CategoryElement;
4
4
  //# sourceMappingURL=category-element.d.ts.map
package/lib/internal/template/button-dropdown/category-elements/category-element.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"category-element.d.ts","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/category-element.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAKvD,QAAA,MAAM,eAAe,GAAI,qLAetB,aAAa,gBAiEf,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"category-element.d.ts","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/category-element.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAKvD,QAAA,MAAM,eAAe,GAAI,sPAmBtB,aAAa,gBAqEf,CAAC;AAEF,eAAe,eAAe,CAAC"}
package/lib/internal/template/button-dropdown/category-elements/category-element.js CHANGED
@@ -5,7 +5,7 @@ import clsx from 'clsx';
5
5
  import InternalIcon from '../../icon/internal';
6
6
  import ItemsList from '../items-list';
7
7
  import styles from './styles.css.js';
8
- const CategoryElement = ({ item, index, onItemActivate, onGroupToggle, targetItem, isHighlighted, isKeyboardHighlight, isExpanded, lastInDropdown, highlightItem, disabled, variant, position, renderItem, }) => {
8
+ const CategoryElement = ({ item, index, onItemActivate, onGroupToggle, targetItem, isHighlighted, isKeyboardHighlight, isExpanded, lastInDropdown, highlightItem, disabled, variant, position, renderItem, filteringText, filteringEnabled, menuId, filteringDescriptionId, }) => {
9
9
  var _a;
10
10
  const highlighted = isHighlighted(item);
11
11
  const groupProps = {
@@ -17,7 +17,7 @@ const CategoryElement = ({ item, index, onItemActivate, onGroupToggle, targetIte
17
17
  expanded: true,
18
18
  expandDirection: 'vertical',
19
19
  };
20
- const renderResult = (_a = renderItem === null || renderItem === void 0 ? void 0 : renderItem({ item: groupProps })) !== null && _a !== void 0 ? _a : null;
20
+ const renderResult = (_a = renderItem === null || renderItem === void 0 ? void 0 : renderItem({ item: groupProps, filterText: filteringText })) !== null && _a !== void 0 ? _a : null;
21
21
  // Hide the category title element from screen readers because it will be
22
22
  // provided as an ARIA label.
23
23
  return (React.createElement("li", { className: clsx(styles.category, styles[`variant-${variant}`], disabled && styles.disabled), role: "presentation" },
@@ -28,7 +28,7 @@ const CategoryElement = ({ item, index, onItemActivate, onGroupToggle, targetIte
28
28
  (item.iconName || item.iconUrl || item.iconSvg) && (React.createElement("span", { className: styles['icon-wrapper'] },
29
29
  React.createElement(InternalIcon, { name: item.iconName, url: item.iconUrl, svg: item.iconSvg, alt: item.iconAlt }))),
30
30
  React.createElement("span", null, item.text))))),
31
- React.createElement("ul", { className: styles['items-list-container'], role: "group", "aria-label": item.text, "aria-disabled": disabled }, item.items && (React.createElement(ItemsList, { items: item.items, onItemActivate: onItemActivate, onGroupToggle: onGroupToggle, targetItem: targetItem, isHighlighted: isHighlighted, isKeyboardHighlight: isKeyboardHighlight, isExpanded: isExpanded, lastInDropdown: lastInDropdown, highlightItem: highlightItem, categoryDisabled: disabled, hasCategoryHeader: !!item.text, variant: variant, position: position, renderItem: renderItem, parentProps: groupProps })))));
31
+ React.createElement("ul", { className: styles['items-list-container'], role: "group", "aria-label": item.text, "aria-disabled": disabled }, item.items && (React.createElement(ItemsList, { items: item.items, onItemActivate: onItemActivate, onGroupToggle: onGroupToggle, targetItem: targetItem, isHighlighted: isHighlighted, isKeyboardHighlight: isKeyboardHighlight, isExpanded: isExpanded, lastInDropdown: lastInDropdown, highlightItem: highlightItem, categoryDisabled: disabled, hasCategoryHeader: !!item.text, variant: variant, position: position, renderItem: renderItem, parentProps: groupProps, filteringText: filteringText, filteringEnabled: filteringEnabled, menuId: menuId, filteringDescriptionId: filteringDescriptionId })))));
32
32
  };
33
33
  export default CategoryElement;
34
34
  //# sourceMappingURL=category-element.js.map
package/lib/internal/template/button-dropdown/category-elements/category-element.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"category-element.js","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/category-element.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAG/C,OAAO,SAAS,MAAM,eAAe,CAAC;AAEtC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,eAAe,GAAG,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,cAAc,EACd,aAAa,EACb,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,aAAa,EACb,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,UAAU,GACI,EAAE,EAAE;;IAClB,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,UAAU,GAAwC;QACtD,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC;QACjB,MAAM,EAAE,IAAqC;QAC7C,QAAQ,EAAE,CAAC,CAAC,QAAQ;QACpB,WAAW,EAAE,CAAC,CAAC,WAAW;QAC1B,QAAQ,EAAE,IAAI;QACd,eAAe,EAAE,UAAU;KAC5B,CAAC;IACF,MAAM,YAAY,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,mCAAI,IAAI,CAAC;IAEhE,yEAAyE;IACzE,6BAA6B;IAC7B,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,EAC3F,IAAI,EAAC,cAAc;QAElB,IAAI,CAAC,IAAI,IAAI,CACZ,2BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;gBAC7B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;gBAC3B,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY;aAC/C,CAAC,iBACU,MAAM,IAEjB,YAAY,CAAC,CAAC,CAAC,CACd,YAAY,CACb,CAAC,CAAC,CAAC,CACF,8BAAM,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC;YACtC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAClD,8BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;gBACrC,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,GAAI,CACzF,CACR;YACD,kCAAO,IAAI,CAAC,IAAI,CAAQ,CACnB,CACR,CACC,CACL;QACD,4BAAI,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAC,OAAO,gBAAa,IAAI,CAAC,IAAI,mBAAiB,QAAQ,IACvG,IAAI,CAAC,KAAK,IAAI,CACb,oBAAC,SAAS,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,QAAQ,EAC1B,iBAAiB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,UAAU,GACvB,CACH,CACE,CACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport InternalIcon from '../../icon/internal';\nimport { ButtonDropdownProps } from '../interfaces';\nimport { CategoryProps } from '../internal-interfaces';\nimport ItemsList from '../items-list';\n\nimport styles from './styles.css.js';\n\nconst CategoryElement = ({\n item,\n index,\n onItemActivate,\n onGroupToggle,\n targetItem,\n isHighlighted,\n isKeyboardHighlight,\n isExpanded,\n lastInDropdown,\n highlightItem,\n disabled,\n variant,\n position,\n renderItem,\n}: CategoryProps) => {\n const highlighted = isHighlighted(item);\n const groupProps: ButtonDropdownProps.GroupRenderItem = {\n type: 'group',\n index: index ?? 0,\n option: item as ButtonDropdownProps.ItemGroup,\n disabled: !!disabled,\n highlighted: !!highlighted,\n expanded: true,\n expandDirection: 'vertical',\n };\n const renderResult = renderItem?.({ item: groupProps }) ?? null;\n\n // Hide the category title element from screen readers because it will be\n // provided as an ARIA label.\n return (\n <li\n className={clsx(styles.category, styles[`variant-${variant}`], disabled && styles.disabled)}\n role=\"presentation\"\n >\n {item.text && (\n <p\n className={clsx(styles.header, {\n [styles.disabled]: disabled,\n [styles['no-content-styling']]: !!renderResult,\n })}\n aria-hidden=\"true\"\n >\n {renderResult ? (\n renderResult\n ) : (\n <span className={styles['header-content']}>\n {(item.iconName || item.iconUrl || item.iconSvg) && (\n <span className={styles['icon-wrapper']}>\n <InternalIcon name={item.iconName} url={item.iconUrl} svg={item.iconSvg} alt={item.iconAlt} />\n </span>\n )}\n <span>{item.text}</span>\n </span>\n )}\n </p>\n )}\n <ul className={styles['items-list-container']} role=\"group\" aria-label={item.text} aria-disabled={disabled}>\n {item.items && (\n <ItemsList\n items={item.items}\n onItemActivate={onItemActivate}\n onGroupToggle={onGroupToggle}\n targetItem={targetItem}\n isHighlighted={isHighlighted}\n isKeyboardHighlight={isKeyboardHighlight}\n isExpanded={isExpanded}\n lastInDropdown={lastInDropdown}\n highlightItem={highlightItem}\n categoryDisabled={disabled}\n hasCategoryHeader={!!item.text}\n variant={variant}\n position={position}\n renderItem={renderItem}\n parentProps={groupProps}\n />\n )}\n </ul>\n </li>\n );\n};\n\nexport default CategoryElement;\n"]}
1
+ {"version":3,"file":"category-element.js","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/category-element.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport InternalIcon from '../../icon/internal';\nimport { ButtonDropdownProps } from '../interfaces';\nimport { CategoryProps } from '../internal-interfaces';\nimport ItemsList from '../items-list';\n\nimport styles from './styles.css.js';\n\nconst CategoryElement = ({\n item,\n index,\n onItemActivate,\n onGroupToggle,\n targetItem,\n isHighlighted,\n isKeyboardHighlight,\n isExpanded,\n lastInDropdown,\n highlightItem,\n disabled,\n variant,\n position,\n renderItem,\n filteringText,\n filteringEnabled,\n menuId,\n filteringDescriptionId,\n}: CategoryProps) => {\n const highlighted = isHighlighted(item);\n const groupProps: ButtonDropdownProps.GroupRenderItem = {\n type: 'group',\n index: index ?? 0,\n option: item as ButtonDropdownProps.ItemGroup,\n disabled: !!disabled,\n highlighted: !!highlighted,\n expanded: true,\n expandDirection: 'vertical',\n };\n const renderResult = renderItem?.({ item: groupProps, filterText: filteringText }) ?? null;\n\n // Hide the category title element from screen readers because it will be\n // provided as an ARIA label.\n return (\n <li\n className={clsx(styles.category, styles[`variant-${variant}`], disabled && styles.disabled)}\n role=\"presentation\"\n >\n {item.text && (\n <p\n className={clsx(styles.header, {\n [styles.disabled]: disabled,\n [styles['no-content-styling']]: !!renderResult,\n })}\n aria-hidden=\"true\"\n >\n {renderResult ? (\n renderResult\n ) : (\n <span className={styles['header-content']}>\n {(item.iconName || item.iconUrl || item.iconSvg) && (\n <span className={styles['icon-wrapper']}>\n <InternalIcon name={item.iconName} url={item.iconUrl} svg={item.iconSvg} alt={item.iconAlt} />\n </span>\n )}\n <span>{item.text}</span>\n </span>\n )}\n </p>\n )}\n <ul className={styles['items-list-container']} role=\"group\" aria-label={item.text} aria-disabled={disabled}>\n {item.items && (\n <ItemsList\n items={item.items}\n onItemActivate={onItemActivate}\n onGroupToggle={onGroupToggle}\n targetItem={targetItem}\n isHighlighted={isHighlighted}\n isKeyboardHighlight={isKeyboardHighlight}\n isExpanded={isExpanded}\n lastInDropdown={lastInDropdown}\n highlightItem={highlightItem}\n categoryDisabled={disabled}\n hasCategoryHeader={!!item.text}\n variant={variant}\n position={position}\n renderItem={renderItem}\n parentProps={groupProps}\n filteringText={filteringText}\n filteringEnabled={filteringEnabled}\n menuId={menuId}\n filteringDescriptionId={filteringDescriptionId}\n />\n )}\n </ul>\n </li>\n );\n};\n\nexport default CategoryElement;\n"]}
package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { CategoryProps } from '../internal-interfaces';
2
- declare const ExpandableCategoryElement: ({ index, item, onItemActivate, onGroupToggle, targetItem, isHighlighted, isKeyboardHighlight, isExpanded, lastInDropdown, highlightItem, disabled, expandToViewport, variant, position, renderItem, }: CategoryProps) => JSX.Element;
2
+ declare const ExpandableCategoryElement: ({ index, item, onItemActivate, onGroupToggle, targetItem, isHighlighted, isKeyboardHighlight, isExpanded, lastInDropdown, highlightItem, disabled, expandToViewport, variant, position, renderItem, filteringText, filteringEnabled, menuId, filteringDescriptionId, }: CategoryProps) => JSX.Element;
3
3
  export default ExpandableCategoryElement;
4
4
  //# sourceMappingURL=expandable-category-element.d.ts.map
package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"expandable-category-element.d.ts","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/expandable-category-element.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAOvD,QAAA,MAAM,yBAAyB,GAAI,uMAgBhC,aAAa,gBA8Jf,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
1
+ {"version":3,"file":"expandable-category-element.d.ts","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/expandable-category-element.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAOvD,QAAA,MAAM,yBAAyB,GAAI,wQAoBhC,aAAa,gBA+Kf,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js CHANGED
@@ -12,7 +12,7 @@ import ItemsList from '../items-list';
12
12
  import Tooltip from '../tooltip.js';
13
13
  import { getMenuItemProps } from '../utils/menu-item';
14
14
  import styles from './styles.css.js';
15
- const ExpandableCategoryElement = ({ index, item, onItemActivate, onGroupToggle, targetItem, isHighlighted, isKeyboardHighlight, isExpanded, lastInDropdown, highlightItem, disabled, expandToViewport, variant, position, renderItem, }) => {
15
+ const ExpandableCategoryElement = ({ index, item, onItemActivate, onGroupToggle, targetItem, isHighlighted, isKeyboardHighlight, isExpanded, lastInDropdown, highlightItem, disabled, expandToViewport, variant, position, renderItem, filteringText, filteringEnabled, menuId, filteringDescriptionId, }) => {
16
16
  var _a;
17
17
  const highlighted = isHighlighted(item);
18
18
  const expanded = isExpanded(item);
@@ -20,16 +20,24 @@ const ExpandableCategoryElement = ({ index, item, onItemActivate, onGroupToggle,
20
20
  const triggerRef = React.useRef(null);
21
21
  const ref = useRef(null);
22
22
  useEffect(() => {
23
- if (triggerRef.current && highlighted && !expanded) {
23
+ if (triggerRef.current && highlighted && !expanded && !filteringEnabled) {
24
24
  triggerRef.current.focus();
25
25
  }
26
- }, [expanded, highlighted]);
26
+ }, [expanded, highlighted, filteringEnabled]);
27
27
  const onClick = event => {
28
28
  var _a;
29
29
  if (!disabled) {
30
30
  event.preventDefault();
31
31
  onGroupToggle(item, event);
32
- (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
32
+ if (!filteringEnabled) {
33
+ (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
34
+ }
35
+ }
36
+ };
37
+ const onMouseDown = event => {
38
+ // Ensure that focus remains on the filtering input at all times.
39
+ if (filteringEnabled) {
40
+ event.preventDefault();
33
41
  }
34
42
  };
35
43
  const onHover = () => {
@@ -48,18 +56,20 @@ const ExpandableCategoryElement = ({ index, item, onItemActivate, onGroupToggle,
48
56
  expanded: expanded,
49
57
  expandDirection: 'horizontal',
50
58
  };
51
- const renderResult = (_a = renderItem === null || renderItem === void 0 ? void 0 : renderItem({ item: groupProps })) !== null && _a !== void 0 ? _a : null;
52
- const trigger = item.text && (React.createElement("span", { className: clsx(styles.header, styles['expandable-header'], styles[`variant-${variant}`], {
59
+ const renderResult = (_a = renderItem === null || renderItem === void 0 ? void 0 : renderItem({ item: groupProps, filterText: filteringText })) !== null && _a !== void 0 ? _a : null;
60
+ const trigger = item.text && (React.createElement("span", { id: menuId && item.id ? `${menuId}-${item.id}` : undefined, className: clsx(styles.header, styles['expandable-header'], styles[`variant-${variant}`], {
53
61
  [styles.disabled]: disabled,
54
62
  [styles.highlighted]: highlighted,
55
63
  [styles['no-content-styling']]: !!renderResult,
56
64
  [styles['is-focused']]: isKeyboardHighlighted,
57
65
  [styles['visual-refresh']]: isVisualRefresh,
58
66
  }),
59
- // We are using the roving tabindex technique to manage the focus state of the dropdown.
60
- // The current element will always have tabindex=0 which means that it can be tabbed to,
61
- // while all other items have tabindex=-1 so we can focus them when necessary.
62
- tabIndex: highlighted ? 0 : -1, ref: triggerRef, ...getMenuItemProps({ parent: true, expanded, disabled }), ...(isDisabledWithReason ? targetProps : {}), ...getAnalyticsMetadataAttribute(disabled
67
+ // When filtering is enabled, we use aria-activedescendant on the filter input and provide
68
+ // the `id` of the item to select it. When filtering is disabled, we are using the roving
69
+ // tabindex technique to manage the focus state of the dropdown. The current element will
70
+ // have tabindex=0 which means that it can be tabbed to, while all other items have
71
+ // tabindex=-1 so we can focus them when necessary.
72
+ tabIndex: filteringEnabled ? -1 : highlighted ? 0 : -1, ref: triggerRef, ...getMenuItemProps({ parent: true, expanded, disabled }), ...(isDisabledWithReason ? targetProps : {}), ...getAnalyticsMetadataAttribute(disabled
63
73
  ? {}
64
74
  : {
65
75
  action: !expanded ? 'expand' : 'collapse',
@@ -87,13 +97,13 @@ const ExpandableCategoryElement = ({ index, item, onItemActivate, onGroupToggle,
87
97
  }
88
98
  else {
89
99
  content = (React.createElement(Dropdown, { open: expanded, interior: true, hideBlockBorder: false, expandToViewport: expandToViewport, trigger: trigger, content: item.items && expanded ? (React.createElement("ul", { role: "menu", "aria-label": item.text, className: clsx(styles['items-list-container'], styles['in-dropdown']) },
90
- React.createElement(ItemsList, { items: item.items, onItemActivate: onItemActivate, onGroupToggle: onGroupToggle, targetItem: targetItem, isHighlighted: isHighlighted, isKeyboardHighlight: isKeyboardHighlight, isExpanded: isExpanded, lastInDropdown: lastInDropdown, highlightItem: highlightItem, variant: variant, position: position, renderItem: renderItem, parentProps: groupProps }))) : undefined }));
100
+ React.createElement(ItemsList, { items: item.items, onItemActivate: onItemActivate, onGroupToggle: onGroupToggle, targetItem: targetItem, isHighlighted: isHighlighted, isKeyboardHighlight: isKeyboardHighlight, isExpanded: isExpanded, lastInDropdown: lastInDropdown, highlightItem: highlightItem, variant: variant, position: position, renderItem: renderItem, parentProps: groupProps, filteringText: filteringText, filteringEnabled: filteringEnabled, menuId: menuId, filteringDescriptionId: filteringDescriptionId }))) : undefined }));
91
101
  }
92
102
  return (React.createElement("li", { className: clsx(styles.category, styles[`variant-${variant}`], styles.expandable, {
93
103
  [styles.expanded]: expanded,
94
104
  [styles.disabled]: disabled,
95
105
  [styles.highlighted]: highlighted,
96
- }), role: "presentation", "data-testid": item.id, ref: ref, onClick: onClick, onMouseEnter: onHover, onTouchStart: onHover }, content));
106
+ }), role: "presentation", "data-testid": item.id, ref: ref, onClick: onClick, onMouseDown: onMouseDown, onMouseEnter: onHover, onTouchStart: onHover }, content));
97
107
  };
98
108
  export default ExpandableCategoryElement;
99
109
  //# sourceMappingURL=expandable-category-element.js.map