@cloudscape-design/components-themeable 3.0.3 → 3.0.6

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 (176) hide show
  1. package/lib/internal/scss/container/styles.scss +4 -1
  2. package/lib/internal/template/alert/interfaces.d.ts +1 -0
  3. package/lib/internal/template/alert/interfaces.d.ts.map +1 -1
  4. package/lib/internal/template/alert/interfaces.js.map +1 -1
  5. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  6. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +31 -31
  7. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  8. package/lib/internal/template/app-layout/index.d.ts.map +1 -1
  9. package/lib/internal/template/app-layout/index.js +14 -11
  10. package/lib/internal/template/app-layout/index.js.map +1 -1
  11. package/lib/internal/template/app-layout/toggles/styles.css.js +3 -3
  12. package/lib/internal/template/app-layout/toggles/styles.scoped.css +13 -13
  13. package/lib/internal/template/app-layout/toggles/styles.selectors.js +3 -3
  14. package/lib/internal/template/app-layout/visual-refresh/context.d.ts +4 -2
  15. package/lib/internal/template/app-layout/visual-refresh/context.d.ts.map +1 -1
  16. package/lib/internal/template/app-layout/visual-refresh/context.js +31 -21
  17. package/lib/internal/template/app-layout/visual-refresh/context.js.map +1 -1
  18. package/lib/internal/template/app-layout/visual-refresh/layout.d.ts.map +1 -1
  19. package/lib/internal/template/app-layout/visual-refresh/layout.js +2 -13
  20. package/lib/internal/template/app-layout/visual-refresh/layout.js.map +1 -1
  21. package/lib/internal/template/app-layout/visual-refresh/split-panel.d.ts.map +1 -1
  22. package/lib/internal/template/app-layout/visual-refresh/split-panel.js +6 -2
  23. package/lib/internal/template/app-layout/visual-refresh/split-panel.js.map +1 -1
  24. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +59 -59
  25. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +153 -153
  26. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +59 -59
  27. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  28. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +19 -19
  29. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  30. package/lib/internal/template/button/styles.css.js +18 -18
  31. package/lib/internal/template/button/styles.scoped.css +190 -190
  32. package/lib/internal/template/button/styles.selectors.js +18 -18
  33. package/lib/internal/template/checkbox/styles.css.js +3 -3
  34. package/lib/internal/template/checkbox/styles.scoped.css +8 -8
  35. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  36. package/lib/internal/template/code-editor/preferences-modal.js +2 -2
  37. package/lib/internal/template/code-editor/preferences-modal.js.map +1 -1
  38. package/lib/internal/template/code-editor/styles.css.js +33 -33
  39. package/lib/internal/template/code-editor/styles.scoped.css +168 -168
  40. package/lib/internal/template/code-editor/styles.selectors.js +33 -33
  41. package/lib/internal/template/container/styles.css.js +15 -14
  42. package/lib/internal/template/container/styles.scoped.css +27 -23
  43. package/lib/internal/template/container/styles.selectors.js +15 -14
  44. package/lib/internal/template/date-picker/styles.css.js +24 -24
  45. package/lib/internal/template/date-picker/styles.scoped.css +45 -45
  46. package/lib/internal/template/date-picker/styles.selectors.js +24 -24
  47. package/lib/internal/template/date-range-picker/calendar/grids/day/styles.css.js +21 -21
  48. package/lib/internal/template/date-range-picker/calendar/grids/day/styles.scoped.css +42 -42
  49. package/lib/internal/template/date-range-picker/calendar/grids/day/styles.selectors.js +21 -21
  50. package/lib/internal/template/date-range-picker/styles.css.js +42 -42
  51. package/lib/internal/template/date-range-picker/styles.scoped.css +53 -53
  52. package/lib/internal/template/date-range-picker/styles.selectors.js +42 -42
  53. package/lib/internal/template/expandable-section/styles.css.js +20 -20
  54. package/lib/internal/template/expandable-section/styles.scoped.css +46 -46
  55. package/lib/internal/template/expandable-section/styles.selectors.js +20 -20
  56. package/lib/internal/template/flashbar/interfaces.d.ts +4 -4
  57. package/lib/internal/template/flashbar/interfaces.js.map +1 -1
  58. package/lib/internal/template/form-field/internal.js +3 -3
  59. package/lib/internal/template/form-field/internal.js.map +1 -1
  60. package/lib/internal/template/help-panel/styles.css.js +4 -4
  61. package/lib/internal/template/help-panel/styles.scoped.css +62 -62
  62. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  63. package/lib/internal/template/input/styles.css.js +13 -13
  64. package/lib/internal/template/input/styles.scoped.css +39 -39
  65. package/lib/internal/template/input/styles.selectors.js +13 -13
  66. package/lib/internal/template/internal/base-component/styles.scoped.css +28 -18
  67. package/lib/internal/template/internal/components/button-trigger/styles.css.js +9 -9
  68. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +31 -31
  69. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +9 -9
  70. package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +21 -21
  71. package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +26 -26
  72. package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +21 -21
  73. package/lib/internal/template/internal/components/chart-legend/styles.css.js +7 -7
  74. package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +17 -17
  75. package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +7 -7
  76. package/lib/internal/template/internal/components/chart-plot/styles.css.js +5 -5
  77. package/lib/internal/template/internal/components/chart-plot/styles.scoped.css +7 -7
  78. package/lib/internal/template/internal/components/chart-plot/styles.selectors.js +5 -5
  79. package/lib/internal/template/internal/components/filtering-token/styles.css.js +7 -7
  80. package/lib/internal/template/internal/components/filtering-token/styles.scoped.css +15 -15
  81. package/lib/internal/template/internal/components/filtering-token/styles.selectors.js +7 -7
  82. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  83. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +15 -15
  84. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  85. package/lib/internal/template/internal/components/selectable-item/styles.css.js +16 -16
  86. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +29 -29
  87. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +16 -16
  88. package/lib/internal/template/internal/context/app-layout-context.d.ts +1 -1
  89. package/lib/internal/template/internal/context/app-layout-context.d.ts.map +1 -1
  90. package/lib/internal/template/internal/context/app-layout-context.js +3 -4
  91. package/lib/internal/template/internal/context/app-layout-context.js.map +1 -1
  92. package/lib/internal/template/internal/context/form-field-context.d.ts +1 -1
  93. package/lib/internal/template/internal/context/form-field-context.d.ts.map +1 -1
  94. package/lib/internal/template/internal/context/form-field-context.js +3 -4
  95. package/lib/internal/template/internal/context/form-field-context.js.map +1 -1
  96. package/lib/internal/template/internal/environment.js +1 -1
  97. package/lib/internal/template/internal/generated/theming/index.cjs +14 -3
  98. package/lib/internal/template/internal/generated/theming/index.js +14 -3
  99. package/lib/internal/template/link/styles.css.js +18 -18
  100. package/lib/internal/template/link/styles.scoped.css +73 -73
  101. package/lib/internal/template/link/styles.selectors.js +18 -18
  102. package/lib/internal/template/pagination/styles.css.js +9 -9
  103. package/lib/internal/template/pagination/styles.scoped.css +27 -27
  104. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  105. package/lib/internal/template/popover/styles.css.js +48 -48
  106. package/lib/internal/template/popover/styles.scoped.css +64 -64
  107. package/lib/internal/template/popover/styles.selectors.js +48 -48
  108. package/lib/internal/template/radio-group/styles.css.js +9 -9
  109. package/lib/internal/template/radio-group/styles.scoped.css +18 -18
  110. package/lib/internal/template/radio-group/styles.selectors.js +9 -9
  111. package/lib/internal/template/segmented-control/styles.css.js +14 -14
  112. package/lib/internal/template/segmented-control/styles.scoped.css +35 -35
  113. package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
  114. package/lib/internal/template/select/utils/use-select.d.ts.map +1 -1
  115. package/lib/internal/template/select/utils/use-select.js +1 -0
  116. package/lib/internal/template/select/utils/use-select.js.map +1 -1
  117. package/lib/internal/template/side-navigation/styles.css.js +22 -22
  118. package/lib/internal/template/side-navigation/styles.scoped.css +36 -36
  119. package/lib/internal/template/side-navigation/styles.selectors.js +22 -22
  120. package/lib/internal/template/split-panel/index.js +2 -2
  121. package/lib/internal/template/split-panel/index.js.map +1 -1
  122. package/lib/internal/template/split-panel/styles.css.js +58 -58
  123. package/lib/internal/template/split-panel/styles.scoped.css +82 -82
  124. package/lib/internal/template/split-panel/styles.selectors.js +58 -58
  125. package/lib/internal/template/split-panel/utils/size-utils.d.ts +11 -0
  126. package/lib/internal/template/split-panel/utils/size-utils.d.ts.map +1 -1
  127. package/lib/internal/template/split-panel/utils/size-utils.js +12 -1
  128. package/lib/internal/template/split-panel/utils/size-utils.js.map +1 -1
  129. package/lib/internal/template/table/header-cell/styles.css.js +14 -14
  130. package/lib/internal/template/table/header-cell/styles.scoped.css +28 -28
  131. package/lib/internal/template/table/header-cell/styles.selectors.js +14 -14
  132. package/lib/internal/template/table/styles.css.js +32 -32
  133. package/lib/internal/template/table/styles.scoped.css +39 -39
  134. package/lib/internal/template/table/styles.selectors.js +32 -32
  135. package/lib/internal/template/tabs/styles.css.js +21 -21
  136. package/lib/internal/template/tabs/styles.scoped.css +39 -39
  137. package/lib/internal/template/tabs/styles.selectors.js +21 -21
  138. package/lib/internal/template/tag-editor/index.js +1 -1
  139. package/lib/internal/template/tag-editor/index.js.map +1 -1
  140. package/lib/internal/template/tag-editor/interfaces.d.ts +1 -1
  141. package/lib/internal/template/tag-editor/interfaces.d.ts.map +1 -1
  142. package/lib/internal/template/tag-editor/interfaces.js.map +1 -1
  143. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  144. package/lib/internal/template/tag-editor/styles.scoped.css +14 -14
  145. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  146. package/lib/internal/template/text-content/styles.css.js +1 -1
  147. package/lib/internal/template/text-content/styles.scoped.css +64 -64
  148. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  149. package/lib/internal/template/textarea/styles.css.js +4 -4
  150. package/lib/internal/template/textarea/styles.scoped.css +20 -20
  151. package/lib/internal/template/textarea/styles.selectors.js +4 -4
  152. package/lib/internal/template/toggle/styles.css.js +8 -8
  153. package/lib/internal/template/toggle/styles.scoped.css +16 -16
  154. package/lib/internal/template/toggle/styles.selectors.js +8 -8
  155. package/lib/internal/template/token-group/styles.css.js +7 -7
  156. package/lib/internal/template/token-group/styles.scoped.css +28 -28
  157. package/lib/internal/template/token-group/styles.selectors.js +7 -7
  158. package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
  159. package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +46 -46
  160. package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
  161. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  162. package/lib/internal/template/top-navigation/styles.scoped.css +72 -72
  163. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  164. package/lib/internal/template/tutorial-panel/components/tutorial-list/index.js +1 -1
  165. package/lib/internal/template/tutorial-panel/components/tutorial-list/index.js.map +1 -1
  166. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  167. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +32 -32
  168. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  169. package/lib/internal/template/wizard/styles.css.js +31 -31
  170. package/lib/internal/template/wizard/styles.scoped.css +62 -62
  171. package/lib/internal/template/wizard/styles.selectors.js +31 -31
  172. package/package.json +1 -1
  173. package/lib/internal/template/internal/hooks/dom-context/index.d.ts +0 -14
  174. package/lib/internal/template/internal/hooks/dom-context/index.d.ts.map +0 -1
  175. package/lib/internal/template/internal/hooks/dom-context/index.js +0 -70
  176. package/lib/internal/template/internal/hooks/dom-context/index.js.map +0 -1
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_1mabk_da7qz_93:not(#\9) {
93
+ .awsui_root_1mabk_ggr01_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -133,21 +133,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
133
133
  display: block;
134
134
  }
135
135
 
136
- .awsui_radio_1mabk_da7qz_105:not(#\9) {
136
+ .awsui_radio_1mabk_ggr01_105:not(#\9) {
137
137
  /*used in test-utils*/
138
138
  }
139
139
 
140
- .awsui_radio_1mabk_da7qz_105 + .awsui_radio_1mabk_da7qz_105:not(#\9) {
140
+ .awsui_radio_1mabk_ggr01_105 + .awsui_radio_1mabk_ggr01_105:not(#\9) {
141
141
  margin-top: 4px;
142
142
  margin-top: var(--space-scaled-xxs-95dhkm, 4px);
143
143
  }
144
144
 
145
- .awsui_radio--has-description_1mabk_da7qz_113 + .awsui_radio_1mabk_da7qz_105:not(#\9) {
145
+ .awsui_radio--has-description_1mabk_ggr01_113 + .awsui_radio_1mabk_ggr01_105:not(#\9) {
146
146
  margin-top: 8px;
147
147
  margin-top: var(--space-scaled-xs-6859qs, 8px);
148
148
  }
149
149
 
150
- .awsui_radio-control_1mabk_da7qz_117:not(#\9) {
150
+ .awsui_radio-control_1mabk_ggr01_117:not(#\9) {
151
151
  margin-top: calc((22px - 14px) / 2);
152
152
  margin-top: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-control-eyly4k, 14px)) / 2);
153
153
  min-height: 14px;
@@ -160,17 +160,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
160
160
  width: var(--size-control-eyly4k, 14px);
161
161
  }
162
162
 
163
- .awsui_input_1mabk_da7qz_125[data-awsui-focus-visible=true]:not(#\9):focus {
163
+ .awsui_input_1mabk_ggr01_125[data-awsui-focus-visible=true]:not(#\9):focus {
164
164
  /* stylelint-disable-next-line selector-max-type, @cloudscape-design/no-implicit-descendant */
165
165
  }
166
- .awsui_input_1mabk_da7qz_125[data-awsui-focus-visible=true]:not(#\9):focus + div {
166
+ .awsui_input_1mabk_ggr01_125[data-awsui-focus-visible=true]:not(#\9):focus + div {
167
167
  position: relative;
168
168
  }
169
- .awsui_input_1mabk_da7qz_125[data-awsui-focus-visible=true]:not(#\9):focus + div {
169
+ .awsui_input_1mabk_ggr01_125[data-awsui-focus-visible=true]:not(#\9):focus + div {
170
170
  outline: 2px dotted transparent;
171
171
  outline-offset: calc(2px - 1px);
172
172
  }
173
- .awsui_input_1mabk_da7qz_125[data-awsui-focus-visible=true]:not(#\9):focus + div::before {
173
+ .awsui_input_1mabk_ggr01_125[data-awsui-focus-visible=true]:not(#\9):focus + div::before {
174
174
  content: " ";
175
175
  display: block;
176
176
  position: absolute;
@@ -180,24 +180,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
180
180
  height: calc(100% + 2 * 2px);
181
181
  border-radius: 50%;
182
182
  border-radius: var(--border-control-focus-ring-radius-circle-tb29p3, 50%);
183
- box-shadow: 0 0 0 2px #00a1c9;
184
- box-shadow: 0 0 0 2px var(--color-border-item-focused-bs10w5, #00a1c9);
183
+ box-shadow: 0 0 0 2px #0073bb;
184
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
185
185
  }
186
186
 
187
- .awsui_styled-circle-border_1mabk_da7qz_147:not(#\9) {
187
+ .awsui_styled-circle-border_1mabk_ggr01_147:not(#\9) {
188
188
  stroke: #aab7b8;
189
189
  stroke: var(--color-border-control-default-jt0hca, #aab7b8);
190
190
  fill: #ffffff;
191
191
  fill: var(--color-background-control-default-8xmy94, #ffffff);
192
192
  }
193
- .awsui_styled-circle-border_1mabk_da7qz_147.awsui_styled-circle-disabled_1mabk_da7qz_151:not(#\9) {
193
+ .awsui_styled-circle-border_1mabk_ggr01_147.awsui_styled-circle-disabled_1mabk_ggr01_151:not(#\9) {
194
194
  fill: #d5dbdb;
195
195
  fill: var(--color-background-control-disabled-0y91m8, #d5dbdb);
196
196
  stroke: #d5dbdb;
197
197
  stroke: var(--color-background-control-disabled-0y91m8, #d5dbdb);
198
198
  }
199
199
 
200
- .awsui_styled-circle-fill_1mabk_da7qz_156:not(#\9) {
200
+ .awsui_styled-circle-fill_1mabk_ggr01_156:not(#\9) {
201
201
  stroke: #0073bb;
202
202
  stroke: var(--color-background-control-checked-dyuc53, #0073bb);
203
203
  fill: #ffffff;
@@ -206,22 +206,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
206
206
  transition: opacity 90ms linear;
207
207
  transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
208
208
  }
209
- .awsui_styled-circle-fill_1mabk_da7qz_156.awsui_styled-circle-checked_1mabk_da7qz_162:not(#\9) {
209
+ .awsui_styled-circle-fill_1mabk_ggr01_156.awsui_styled-circle-checked_1mabk_ggr01_162:not(#\9) {
210
210
  opacity: 1;
211
211
  }
212
- .awsui_styled-circle-fill_1mabk_da7qz_156.awsui_styled-circle-disabled_1mabk_da7qz_151:not(#\9) {
212
+ .awsui_styled-circle-fill_1mabk_ggr01_156.awsui_styled-circle-disabled_1mabk_ggr01_151:not(#\9) {
213
213
  fill: #ffffff;
214
214
  fill: var(--color-foreground-control-disabled-84rf4t, #ffffff);
215
215
  stroke: #d5dbdb;
216
216
  stroke: var(--color-background-control-disabled-0y91m8, #d5dbdb);
217
217
  }
218
218
  @media (prefers-reduced-motion: reduce) {
219
- .awsui_styled-circle-fill_1mabk_da7qz_156:not(#\9) {
219
+ .awsui_styled-circle-fill_1mabk_ggr01_156:not(#\9) {
220
220
  animation: none;
221
221
  transition: none;
222
222
  }
223
223
  }
224
- .awsui-motion-disabled .awsui_styled-circle-fill_1mabk_da7qz_156:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_da7qz_156:not(#\9) {
224
+ .awsui-motion-disabled .awsui_styled-circle-fill_1mabk_ggr01_156:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_ggr01_156:not(#\9) {
225
225
  animation: none;
226
226
  transition: none;
227
227
  }
@@ -2,14 +2,14 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1mabk_da7qz_93",
6
- "radio": "awsui_radio_1mabk_da7qz_105",
7
- "radio--has-description": "awsui_radio--has-description_1mabk_da7qz_113",
8
- "radio-control": "awsui_radio-control_1mabk_da7qz_117",
9
- "input": "awsui_input_1mabk_da7qz_125",
10
- "styled-circle-border": "awsui_styled-circle-border_1mabk_da7qz_147",
11
- "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_da7qz_151",
12
- "styled-circle-fill": "awsui_styled-circle-fill_1mabk_da7qz_156",
13
- "styled-circle-checked": "awsui_styled-circle-checked_1mabk_da7qz_162"
5
+ "root": "awsui_root_1mabk_ggr01_93",
6
+ "radio": "awsui_radio_1mabk_ggr01_105",
7
+ "radio--has-description": "awsui_radio--has-description_1mabk_ggr01_113",
8
+ "radio-control": "awsui_radio-control_1mabk_ggr01_117",
9
+ "input": "awsui_input_1mabk_ggr01_125",
10
+ "styled-circle-border": "awsui_styled-circle-border_1mabk_ggr01_147",
11
+ "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_ggr01_151",
12
+ "styled-circle-fill": "awsui_styled-circle-fill_1mabk_ggr01_156",
13
+ "styled-circle-checked": "awsui_styled-circle-checked_1mabk_ggr01_162"
14
14
  };
15
15
 
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "segment": "awsui_segment_8cbea_10ssd_97",
5
- "disabled": "awsui_disabled_8cbea_10ssd_164",
6
- "selected": "awsui_selected_8cbea_10ssd_172",
7
- "icon": "awsui_icon_8cbea_10ssd_193",
8
- "with-text": "awsui_with-text_8cbea_10ssd_197",
9
- "with-no-text": "awsui_with-no-text_8cbea_10ssd_203",
10
- "root": "awsui_root_8cbea_10ssd_214",
11
- "segment-part": "awsui_segment-part_8cbea_10ssd_225",
12
- "select": "awsui_select_8cbea_10ssd_172",
13
- "segment-count-2": "awsui_segment-count-2_8cbea_10ssd_244",
14
- "segment-count-3": "awsui_segment-count-3_8cbea_10ssd_249",
15
- "segment-count-4": "awsui_segment-count-4_8cbea_10ssd_254",
16
- "segment-count-5": "awsui_segment-count-5_8cbea_10ssd_259",
17
- "segment-count-6": "awsui_segment-count-6_8cbea_10ssd_264"
4
+ "segment": "awsui_segment_8cbea_1lf7u_97",
5
+ "disabled": "awsui_disabled_8cbea_1lf7u_164",
6
+ "selected": "awsui_selected_8cbea_1lf7u_172",
7
+ "icon": "awsui_icon_8cbea_1lf7u_193",
8
+ "with-text": "awsui_with-text_8cbea_1lf7u_197",
9
+ "with-no-text": "awsui_with-no-text_8cbea_1lf7u_203",
10
+ "root": "awsui_root_8cbea_1lf7u_214",
11
+ "segment-part": "awsui_segment-part_8cbea_1lf7u_225",
12
+ "select": "awsui_select_8cbea_1lf7u_172",
13
+ "segment-count-2": "awsui_segment-count-2_8cbea_1lf7u_244",
14
+ "segment-count-3": "awsui_segment-count-3_8cbea_1lf7u_249",
15
+ "segment-count-4": "awsui_segment-count-4_8cbea_1lf7u_254",
16
+ "segment-count-5": "awsui_segment-count-5_8cbea_1lf7u_259",
17
+ "segment-count-6": "awsui_segment-count-6_8cbea_1lf7u_264"
18
18
  };
19
19
 
@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_segment_8cbea_10ssd_97:not(#\9) {
97
+ .awsui_segment_8cbea_1lf7u_97:not(#\9) {
98
98
  font-size: 14px;
99
99
  font-size: var(--font-body-m-size-sregvd, 14px);
100
100
  line-height: 22px;
@@ -116,42 +116,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
116
116
  color: var(--color-text-segment-default-9k644f, #545b64);
117
117
  overflow: visible;
118
118
  }
119
- .awsui_segment_8cbea_10ssd_97:not(#\9):focus {
119
+ .awsui_segment_8cbea_1lf7u_97:not(#\9):focus {
120
120
  outline: none;
121
121
  }
122
- .awsui_segment_8cbea_10ssd_97:not(#\9):nth-child(1) {
122
+ .awsui_segment_8cbea_1lf7u_97:not(#\9):nth-child(1) {
123
123
  grid-column: 1;
124
124
  -ms-grid-column: 1;
125
125
  }
126
- .awsui_segment_8cbea_10ssd_97:not(#\9):nth-child(2) {
126
+ .awsui_segment_8cbea_1lf7u_97:not(#\9):nth-child(2) {
127
127
  grid-column: 2;
128
128
  -ms-grid-column: 2;
129
129
  }
130
- .awsui_segment_8cbea_10ssd_97:not(#\9):nth-child(3) {
130
+ .awsui_segment_8cbea_1lf7u_97:not(#\9):nth-child(3) {
131
131
  grid-column: 3;
132
132
  -ms-grid-column: 3;
133
133
  }
134
- .awsui_segment_8cbea_10ssd_97:not(#\9):nth-child(4) {
134
+ .awsui_segment_8cbea_1lf7u_97:not(#\9):nth-child(4) {
135
135
  grid-column: 4;
136
136
  -ms-grid-column: 4;
137
137
  }
138
- .awsui_segment_8cbea_10ssd_97:not(#\9):nth-child(5) {
138
+ .awsui_segment_8cbea_1lf7u_97:not(#\9):nth-child(5) {
139
139
  grid-column: 5;
140
140
  -ms-grid-column: 5;
141
141
  }
142
- .awsui_segment_8cbea_10ssd_97:not(#\9):nth-child(6) {
142
+ .awsui_segment_8cbea_1lf7u_97:not(#\9):nth-child(6) {
143
143
  grid-column: 6;
144
144
  -ms-grid-column: 6;
145
145
  }
146
- .awsui_segment_8cbea_10ssd_97[data-awsui-focus-visible=true]:not(#\9):focus {
146
+ .awsui_segment_8cbea_1lf7u_97[data-awsui-focus-visible=true]:not(#\9):focus {
147
147
  position: relative;
148
148
  }
149
- .awsui_segment_8cbea_10ssd_97[data-awsui-focus-visible=true]:not(#\9):focus {
149
+ .awsui_segment_8cbea_1lf7u_97[data-awsui-focus-visible=true]:not(#\9):focus {
150
150
  outline: 2px dotted transparent;
151
151
  outline-offset: calc(0px - 1px);
152
152
  outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-82bijn, 0px) - 1px);
153
153
  }
154
- .awsui_segment_8cbea_10ssd_97[data-awsui-focus-visible=true]:not(#\9):focus::before {
154
+ .awsui_segment_8cbea_1lf7u_97[data-awsui-focus-visible=true]:not(#\9):focus::before {
155
155
  content: " ";
156
156
  display: block;
157
157
  position: absolute;
@@ -165,20 +165,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
165
165
  height: calc(100% + 2 * var(--space-segmented-control-focus-outline-gutter-82bijn, 0px));
166
166
  border-radius: 2px;
167
167
  border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
168
- box-shadow: 0 0 0 2px #00a1c9;
169
- box-shadow: 0 0 0 2px var(--color-border-item-focused-bs10w5, #00a1c9);
168
+ box-shadow: 0 0 0 2px #0073bb;
169
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
170
170
  }
171
- .awsui_segment_8cbea_10ssd_97:not(#\9):last-child {
171
+ .awsui_segment_8cbea_1lf7u_97:not(#\9):last-child {
172
172
  border-right-width: 1px;
173
173
  border-right-width: var(--border-field-width-y6x4sn, 1px);
174
174
  border-radius: 0 2px 2px 0;
175
175
  border-radius: 0 var(--border-button-radius-no6fc3, 2px) var(--border-button-radius-no6fc3, 2px) 0;
176
176
  }
177
- .awsui_segment_8cbea_10ssd_97:not(#\9):first-child {
177
+ .awsui_segment_8cbea_1lf7u_97:not(#\9):first-child {
178
178
  border-radius: 2px 0 0 2px;
179
179
  border-radius: var(--border-button-radius-no6fc3, 2px) 0 0 var(--border-button-radius-no6fc3, 2px);
180
180
  }
181
- .awsui_segment_8cbea_10ssd_97.awsui_disabled_8cbea_10ssd_164:not(#\9) {
181
+ .awsui_segment_8cbea_1lf7u_97.awsui_disabled_8cbea_1lf7u_164:not(#\9) {
182
182
  background: #ffffff;
183
183
  background: var(--color-background-segment-disabled-gcpwaz, #ffffff);
184
184
  border-color: #d5dbdb;
@@ -186,11 +186,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  color: #aab7b8;
187
187
  color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
188
188
  }
189
- .awsui_segment_8cbea_10ssd_97:not(#\9):not(.awsui_disabled_8cbea_10ssd_164) + .awsui_segment_8cbea_10ssd_97.awsui_disabled_8cbea_10ssd_164 {
189
+ .awsui_segment_8cbea_1lf7u_97:not(#\9):not(.awsui_disabled_8cbea_1lf7u_164) + .awsui_segment_8cbea_1lf7u_97.awsui_disabled_8cbea_1lf7u_164 {
190
190
  border-left-color: #687078;
191
191
  border-left-color: var(--color-border-segment-default-zm0agy, #687078);
192
192
  }
193
- .awsui_segment_8cbea_10ssd_97.awsui_selected_8cbea_10ssd_172:not(#\9) {
193
+ .awsui_segment_8cbea_1lf7u_97.awsui_selected_8cbea_1lf7u_172:not(#\9) {
194
194
  background: #eaeded;
195
195
  background: var(--color-background-segment-active-khzpn5, #eaeded);
196
196
  border-color: #16191f;
@@ -198,11 +198,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
198
198
  color: #16191f;
199
199
  color: var(--color-text-segment-active-o087le, #16191f);
200
200
  }
201
- .awsui_segment_8cbea_10ssd_97.awsui_selected_8cbea_10ssd_172 + .awsui_segment_8cbea_10ssd_97:not(#\9), .awsui_segment_8cbea_10ssd_97.awsui_selected_8cbea_10ssd_172 + .awsui_segment_8cbea_10ssd_97.awsui_disabled_8cbea_10ssd_164:not(#\9) {
201
+ .awsui_segment_8cbea_1lf7u_97.awsui_selected_8cbea_1lf7u_172 + .awsui_segment_8cbea_1lf7u_97:not(#\9), .awsui_segment_8cbea_1lf7u_97.awsui_selected_8cbea_1lf7u_172 + .awsui_segment_8cbea_1lf7u_97.awsui_disabled_8cbea_1lf7u_164:not(#\9) {
202
202
  border-left-color: #16191f;
203
203
  border-left-color: var(--color-border-segment-active-9wobfw, #16191f);
204
204
  }
205
- .awsui_segment_8cbea_10ssd_97:not(#\9):hover:not(.awsui_selected_8cbea_10ssd_172):not(.awsui_disabled_8cbea_10ssd_164):not(:focus) {
205
+ .awsui_segment_8cbea_1lf7u_97:not(#\9):hover:not(.awsui_selected_8cbea_1lf7u_172):not(.awsui_disabled_8cbea_1lf7u_164):not(:focus) {
206
206
  background: #fafafa;
207
207
  background: var(--color-background-segment-hover-p2rkog, #fafafa);
208
208
  color: #16191f;
@@ -211,20 +211,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
211
211
  border-color: var(--color-border-segment-hover-0iwmji, #16191f);
212
212
  cursor: pointer;
213
213
  }
214
- .awsui_segment_8cbea_10ssd_97:not(#\9):hover:not(.awsui_selected_8cbea_10ssd_172):not(.awsui_disabled_8cbea_10ssd_164):not(:focus) + .awsui_segment_8cbea_10ssd_97:not(.awsui_selected_8cbea_10ssd_172) {
214
+ .awsui_segment_8cbea_1lf7u_97:not(#\9):hover:not(.awsui_selected_8cbea_1lf7u_172):not(.awsui_disabled_8cbea_1lf7u_164):not(:focus) + .awsui_segment_8cbea_1lf7u_97:not(.awsui_selected_8cbea_1lf7u_172) {
215
215
  border-left-color: #16191f;
216
216
  border-left-color: var(--color-border-segment-hover-0iwmji, #16191f);
217
217
  }
218
- .awsui_segment_8cbea_10ssd_97.awsui_selected_8cbea_10ssd_172 + .awsui_segment_8cbea_10ssd_97:not(#\9):hover:not(.awsui_selected_8cbea_10ssd_172):not(.awsui_disabled_8cbea_10ssd_164):not(:focus) {
218
+ .awsui_segment_8cbea_1lf7u_97.awsui_selected_8cbea_1lf7u_172 + .awsui_segment_8cbea_1lf7u_97:not(#\9):hover:not(.awsui_selected_8cbea_1lf7u_172):not(.awsui_disabled_8cbea_1lf7u_164):not(:focus) {
219
219
  border-left-color: #16191f;
220
220
  border-left-color: var(--color-border-segment-active-9wobfw, #16191f);
221
221
  }
222
222
 
223
- .awsui_icon_8cbea_10ssd_193:not(#\9) {
223
+ .awsui_icon_8cbea_1lf7u_193:not(#\9) {
224
224
  /* used in test-utils */
225
225
  }
226
226
 
227
- .awsui_with-text_8cbea_10ssd_197:not(#\9) {
227
+ .awsui_with-text_8cbea_1lf7u_197:not(#\9) {
228
228
  position: relative;
229
229
  left: calc(-1 * 4px);
230
230
  left: calc(-1 * var(--space-xxs-ynfts5, 4px));
@@ -232,7 +232,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
232
232
  margin-right: var(--space-xxs-ynfts5, 4px);
233
233
  }
234
234
 
235
- .awsui_with-no-text_8cbea_10ssd_203:not(#\9) {
235
+ .awsui_with-no-text_8cbea_1lf7u_203:not(#\9) {
236
236
  margin-right: auto;
237
237
  margin-left: auto;
238
238
  right: 0;
@@ -243,7 +243,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
243
243
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
244
244
  SPDX-License-Identifier: Apache-2.0
245
245
  */
246
- .awsui_root_8cbea_10ssd_214:not(#\9) {
246
+ .awsui_root_8cbea_1lf7u_214:not(#\9) {
247
247
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
248
248
  border-collapse: separate;
249
249
  border-spacing: 0;
@@ -285,46 +285,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
285
285
  font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
286
286
  }
287
287
 
288
- .awsui_segment-part_8cbea_10ssd_225:not(#\9) {
288
+ .awsui_segment-part_8cbea_1lf7u_225:not(#\9) {
289
289
  display: -ms-inline-grid;
290
290
  display: inline-grid;
291
291
  }
292
292
  @media (max-width: 688px) {
293
- .awsui_segment-part_8cbea_10ssd_225:not(#\9) {
293
+ .awsui_segment-part_8cbea_1lf7u_225:not(#\9) {
294
294
  display: none;
295
295
  }
296
296
  }
297
297
 
298
- .awsui_select_8cbea_10ssd_172:not(#\9) {
298
+ .awsui_select_8cbea_1lf7u_172:not(#\9) {
299
299
  display: none;
300
300
  }
301
301
  @media (max-width: 688px) {
302
- .awsui_select_8cbea_10ssd_172:not(#\9) {
302
+ .awsui_select_8cbea_1lf7u_172:not(#\9) {
303
303
  display: block;
304
304
  }
305
305
  }
306
306
 
307
- .awsui_segment-count-2_8cbea_10ssd_244:not(#\9) {
307
+ .awsui_segment-count-2_8cbea_1lf7u_244:not(#\9) {
308
308
  -ms-grid-columns: 1fr 1fr;
309
309
  grid-template-columns: 1fr 1fr;
310
310
  }
311
311
 
312
- .awsui_segment-count-3_8cbea_10ssd_249:not(#\9) {
312
+ .awsui_segment-count-3_8cbea_1lf7u_249:not(#\9) {
313
313
  -ms-grid-columns: 1fr 1fr 1fr;
314
314
  grid-template-columns: 1fr 1fr 1fr;
315
315
  }
316
316
 
317
- .awsui_segment-count-4_8cbea_10ssd_254:not(#\9) {
317
+ .awsui_segment-count-4_8cbea_1lf7u_254:not(#\9) {
318
318
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
319
319
  grid-template-columns: 1fr 1fr 1fr 1fr;
320
320
  }
321
321
 
322
- .awsui_segment-count-5_8cbea_10ssd_259:not(#\9) {
322
+ .awsui_segment-count-5_8cbea_1lf7u_259:not(#\9) {
323
323
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
324
324
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
325
325
  }
326
326
 
327
- .awsui_segment-count-6_8cbea_10ssd_264:not(#\9) {
327
+ .awsui_segment-count-6_8cbea_1lf7u_264:not(#\9) {
328
328
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
329
329
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
330
330
  }
@@ -2,19 +2,19 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "segment": "awsui_segment_8cbea_10ssd_97",
6
- "disabled": "awsui_disabled_8cbea_10ssd_164",
7
- "selected": "awsui_selected_8cbea_10ssd_172",
8
- "icon": "awsui_icon_8cbea_10ssd_193",
9
- "with-text": "awsui_with-text_8cbea_10ssd_197",
10
- "with-no-text": "awsui_with-no-text_8cbea_10ssd_203",
11
- "root": "awsui_root_8cbea_10ssd_214",
12
- "segment-part": "awsui_segment-part_8cbea_10ssd_225",
13
- "select": "awsui_select_8cbea_10ssd_172",
14
- "segment-count-2": "awsui_segment-count-2_8cbea_10ssd_244",
15
- "segment-count-3": "awsui_segment-count-3_8cbea_10ssd_249",
16
- "segment-count-4": "awsui_segment-count-4_8cbea_10ssd_254",
17
- "segment-count-5": "awsui_segment-count-5_8cbea_10ssd_259",
18
- "segment-count-6": "awsui_segment-count-6_8cbea_10ssd_264"
5
+ "segment": "awsui_segment_8cbea_1lf7u_97",
6
+ "disabled": "awsui_disabled_8cbea_1lf7u_164",
7
+ "selected": "awsui_selected_8cbea_1lf7u_172",
8
+ "icon": "awsui_icon_8cbea_1lf7u_193",
9
+ "with-text": "awsui_with-text_8cbea_1lf7u_197",
10
+ "with-no-text": "awsui_with-no-text_8cbea_1lf7u_203",
11
+ "root": "awsui_root_8cbea_1lf7u_214",
12
+ "segment-part": "awsui_segment-part_8cbea_1lf7u_225",
13
+ "select": "awsui_select_8cbea_1lf7u_172",
14
+ "segment-count-2": "awsui_segment-count-2_8cbea_1lf7u_244",
15
+ "segment-count-3": "awsui_segment-count-3_8cbea_1lf7u_249",
16
+ "segment-count-4": "awsui_segment-count-4_8cbea_1lf7u_254",
17
+ "segment-count-5": "awsui_segment-count-5_8cbea_1lf7u_259",
18
+ "segment-count-6": "awsui_segment-count-6_8cbea_1lf7u_264"
19
19
  };
20
20
 
@@ -1 +1 @@
1
- {"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,6CAA6C,CAAC;AAS5G,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAuB,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAGrH,oBAAY,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAAE,CAAC;AACxG,oBAAY,cAAc,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;AAElF,UAAU,cAAc;IACtB,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,oBAAoB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,yBAAyB,CAAC;IACnC,MAAM,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;CACnE;AAED,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,aAAa,EACb,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,oBAA4B,GAC7B,EAAE,cAAc;;;;;;0BAuHY,QAAQ,WAAW,CAAC;6BAgEf,cAAc,SAAS,MAAM;;;;;EA4D9D"}
1
+ {"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,6CAA6C,CAAC;AAS5G,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAuB,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAGrH,oBAAY,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAAE,CAAC;AACxG,oBAAY,cAAc,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;AAElF,UAAU,cAAc;IACtB,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,oBAAoB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,yBAAyB,CAAC;IACnC,MAAM,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;CACnE;AAED,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,aAAa,EACb,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,oBAA4B,GAC7B,EAAE,cAAc;;;;;;0BAuHY,QAAQ,WAAW,CAAC;6BAiEf,cAAc,SAAS,MAAM;;;;;EA4D9D"}
@@ -135,6 +135,7 @@ export function useSelect(_a) {
135
135
  'aria-activedescendant': highlightedOptionId
136
136
  },
137
137
  _a['aria-owns'] = menuId,
138
+ _a['aria-controls'] = menuId,
138
139
  _a)
139
140
  };
140
141
  };
@@ -1 +1 @@
1
- {"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"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, { RefObject } from 'react';\nimport { DropdownOption, OptionDefinition, OptionGroup } from '../../internal/components/option/interfaces';\nimport { isInteractive, isGroupInteractive, isGroup } from '../../internal/components/option/utils/filter-options';\nimport { useEffect, useRef, MutableRefObject } from 'react';\nimport { createHighlightedOptionHook } from '../../internal/components/options-list/utils/use-highlight-option';\nimport { useOpenState } from '../../internal/components/options-list/utils/use-open-state';\nimport { useMenuKeyboard, useTriggerKeyboard } from '../../internal/components/options-list/utils/use-keyboard';\nimport { useIds, getOptionId } from '../../internal/components/options-list/utils/use-ids';\nimport { connectOptionsByValue } from './connect-options';\nimport useForwardFocus from '../../internal/hooks/forward-focus';\nimport { OptionsListProps } from '../../internal/components/options-list';\nimport { FilterProps } from '../parts/filter';\nimport { ItemProps } from '../parts/item';\nimport { usePrevious } from '../../internal/hooks/use-previous';\nimport { BaseKeyDetail } from '../../internal/events';\nimport { CancelableEventHandler, fireCancelableEvent, NonCancelableEventHandler } from '../../internal/events/index';\nimport { containsOrEqual } from '../../internal/utils/dom';\n\nexport type MenuProps = Omit<OptionsListProps, 'children'> & { ref: React.RefObject<HTMLUListElement> };\nexport type GetOptionProps = (option: DropdownOption, index: number) => ItemProps;\n\ninterface UseSelectProps {\n selectedOptions: ReadonlyArray<OptionDefinition>;\n updateSelectedOption: (option: OptionDefinition) => void;\n options: ReadonlyArray<DropdownOption>;\n filteringType: string;\n keepOpen?: boolean;\n onBlur?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n externalRef: React.Ref<any>;\n fireLoadItems: (filteringText: string) => void;\n setFilteringValue: (filteringText: string) => void;\n useInteractiveGroups?: boolean;\n}\n\nexport interface SelectTriggerProps {\n ref: RefObject<HTMLButtonElement>;\n onMouseDown?: (event: CustomEvent) => void;\n onKeyDown?: (event: CustomEvent<BaseKeyDetail>) => void;\n ariaLabelledby?: string;\n onFocus: NonCancelableEventHandler;\n onBlur: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n}\n\nexport function useSelect({\n selectedOptions,\n updateSelectedOption,\n options,\n filteringType,\n onBlur,\n onFocus,\n externalRef,\n keepOpen,\n fireLoadItems,\n setFilteringValue,\n useInteractiveGroups = false,\n}: UseSelectProps) {\n const interactivityCheck = useInteractiveGroups ? isGroupInteractive : isInteractive;\n\n const isHighlightable = (option?: DropdownOption) => !!option && (useInteractiveGroups || option.type !== 'parent');\n const useHighlightedOption = createHighlightedOptionHook({ isHighlightable: isHighlightable });\n\n const filterRef = useRef<HTMLInputElement>(null);\n const triggerRef = useRef<HTMLButtonElement>(null);\n const menuRef = useRef<HTMLUListElement>(null);\n const hasFilter = filteringType !== 'none';\n const activeRef = hasFilter ? filterRef : menuRef;\n const isKeyboard = useRef<boolean>(false);\n const isSelectingUsingSpace = useRef<boolean>(false);\n const __selectedOptions = connectOptionsByValue(options, selectedOptions);\n const __selectedValuesSet = selectedOptions.reduce((selectedValuesSet: Set<string>, item: OptionDefinition) => {\n if (item.value) {\n selectedValuesSet.add(item.value);\n }\n return selectedValuesSet;\n }, new Set<string>());\n const {\n highlightedOption,\n highlightedIndex,\n moveHighlight,\n resetHighlight,\n setHighlightedIndex,\n highlightOption,\n goHome,\n goEnd,\n } = useHighlightedOption(options);\n\n const { isOpen, openDropdown, closeDropdown, toggleDropdown } = useOpenState({\n onOpen: () => fireLoadItems(''),\n onClose: () => {\n resetHighlight();\n setFilteringValue('');\n },\n });\n\n const focused: MutableRefObject<boolean> = useRef<boolean>(false);\n const handleFocus = () => {\n if (!focused.current) {\n fireCancelableEvent(onFocus, {});\n focused.current = true;\n }\n };\n const handleBlur = ({ detail }: { detail: { relatedTarget: Node | null } }) => {\n const { relatedTarget } = detail;\n const nextFocusedIsTrigger = relatedTarget ? containsOrEqual(triggerRef.current, relatedTarget) : false;\n const nextFocusedInsideDropdown = relatedTarget\n ? containsOrEqual(menuRef.current, relatedTarget) || containsOrEqual(filterRef.current, relatedTarget)\n : false;\n const nextFocusedInsideComponent = nextFocusedIsTrigger || nextFocusedInsideDropdown;\n const focusingOut = focused.current && !nextFocusedInsideComponent;\n\n if (nextFocusedIsTrigger || focusingOut) {\n closeDropdown();\n }\n if (focusingOut) {\n fireCancelableEvent(onBlur, {});\n focused.current = false;\n }\n };\n\n const hasSelectedOption = __selectedOptions.length > 0;\n const { selectedOptionId, menuId } = useIds({ hasSelectedOption });\n const highlightedOptionId = getOptionId(menuId, highlightedIndex);\n\n const selectOption = (option?: DropdownOption) => {\n isSelectingUsingSpace.current = false;\n const optionToSelect = option || highlightedOption;\n if (!optionToSelect || !interactivityCheck(optionToSelect)) {\n return;\n }\n updateSelectedOption(optionToSelect.option);\n if (!keepOpen) {\n triggerRef.current?.focus();\n closeDropdown();\n }\n };\n\n const activeKeyDownHandler = useMenuKeyboard({\n moveHighlight,\n selectOption,\n goHome,\n goEnd,\n closeDropdown: () => {\n triggerRef.current?.focus();\n closeDropdown();\n },\n isKeyboard,\n isSelectingUsingSpace,\n preventNativeSpace: !hasFilter,\n });\n\n const triggerKeyDownHandler = useTriggerKeyboard({ openDropdown, goHome, isKeyboard });\n\n const getTriggerProps = (disabled = false) => {\n const triggerProps: SelectTriggerProps = {\n ref: triggerRef,\n onFocus: handleFocus,\n onBlur: handleBlur,\n };\n if (!disabled) {\n triggerProps.onMouseDown = (event: CustomEvent) => {\n event.preventDefault(); // prevent current focus from blurring as it immediately closes the dropdown\n if (isOpen) {\n triggerRef.current?.focus();\n }\n toggleDropdown();\n };\n triggerProps.onKeyDown = triggerKeyDownHandler;\n }\n if (hasSelectedOption) {\n triggerProps.ariaLabelledby = selectedOptionId;\n }\n return triggerProps;\n };\n\n const getFilterProps = (): Partial<FilterProps> => {\n if (!hasFilter) {\n return {};\n }\n\n return {\n ref: filterRef,\n onKeyDown: activeKeyDownHandler,\n __onBlurWithDetail: handleBlur,\n onFocus: handleFocus,\n onChange: event => {\n setFilteringValue(event.detail.value);\n resetHighlight();\n },\n __onDelayedInput: event => {\n fireLoadItems(event.detail.value);\n },\n __nativeAttributes: {\n 'aria-activedescendant': highlightedOptionId,\n ['aria-owns']: menuId,\n },\n };\n };\n\n const getMenuProps = () => {\n const menuProps: MenuProps = {\n id: menuId,\n ref: menuRef,\n open: isOpen,\n onFocus: handleFocus,\n onBlur: handleBlur,\n onMouseUp: itemIndex => {\n isKeyboard.current = false;\n if (itemIndex > -1) {\n selectOption(options[itemIndex]);\n }\n },\n onMouseMove: itemIndex => {\n isKeyboard.current = false;\n if (itemIndex > -1) {\n setHighlightedIndex(itemIndex);\n }\n },\n };\n if (!hasFilter) {\n menuProps.onKeyDown = activeKeyDownHandler;\n menuProps.onBlur = handleBlur;\n menuProps.onFocus = handleFocus;\n menuProps.nativeAttributes = {\n 'aria-activedescendant': highlightedOptionId,\n };\n }\n return menuProps;\n };\n const getGroupState = (option: OptionGroup) => {\n const totalSelected = option.options.filter(item => !!item.value && __selectedValuesSet.has(item.value)).length;\n const hasSelected = totalSelected > 0;\n const allSelected = totalSelected === option.options.length;\n return {\n selected: hasSelected && allSelected,\n indeterminate: hasSelected && !allSelected,\n };\n };\n\n const getOptionProps = (option: DropdownOption, index: number) => {\n const highlighted = option === highlightedOption;\n const groupState = isGroup(option.option) ? getGroupState(option.option) : undefined;\n const selected = __selectedOptions.indexOf(option) > -1 || !!groupState?.selected;\n const nextOption = options[index + 1]?.option;\n const isNextSelected =\n !!nextOption && isGroup(nextOption)\n ? getGroupState(nextOption).selected\n : __selectedOptions.indexOf(options[index + 1]) > -1;\n\n const optionProps: any = {\n key: index,\n option,\n highlighted,\n selected,\n isNextSelected,\n indeterminate: !!groupState?.indeterminate,\n ['data-mouse-target']: isHighlightable(option) ? index : -1,\n id: getOptionId(menuId, index),\n };\n\n return optionProps;\n };\n\n const prevOpen = usePrevious<boolean>(isOpen);\n useEffect(() => {\n // highlight the first selected option, when opening the Select component\n if (isOpen && !prevOpen && hasSelectedOption) {\n setHighlightedIndex(options.indexOf(__selectedOptions[0]));\n }\n }, [isOpen, __selectedOptions, hasSelectedOption, setHighlightedIndex, options, prevOpen]);\n\n useEffect(() => {\n if (isOpen) {\n // dropdown-fit calculations ensure that the dropdown will fit inside the current\n // viewport, so prevent the browser from trying to scroll it into view (e.g. if\n // scroll-padding-top is set on a parent)\n activeRef.current?.focus({ preventScroll: true });\n }\n }, [isOpen, activeRef]);\n\n useForwardFocus(externalRef, triggerRef as React.RefObject<HTMLElement>);\n const highlightedGroupSelected =\n !!highlightedOption && isGroup(highlightedOption.option) && getGroupState(highlightedOption.option).selected;\n const announceSelected =\n !!highlightedOption && (__selectedOptions.indexOf(highlightedOption) > -1 || highlightedGroupSelected);\n\n return {\n isOpen,\n highlightedOption,\n highlightedIndex,\n getTriggerProps,\n getMenuProps,\n getFilterProps,\n getOptionProps,\n isKeyboard,\n highlightOption,\n selectOption,\n announceSelected,\n };\n}\n"]}
1
+ {"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"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, { RefObject } from 'react';\nimport { DropdownOption, OptionDefinition, OptionGroup } from '../../internal/components/option/interfaces';\nimport { isInteractive, isGroupInteractive, isGroup } from '../../internal/components/option/utils/filter-options';\nimport { useEffect, useRef, MutableRefObject } from 'react';\nimport { createHighlightedOptionHook } from '../../internal/components/options-list/utils/use-highlight-option';\nimport { useOpenState } from '../../internal/components/options-list/utils/use-open-state';\nimport { useMenuKeyboard, useTriggerKeyboard } from '../../internal/components/options-list/utils/use-keyboard';\nimport { useIds, getOptionId } from '../../internal/components/options-list/utils/use-ids';\nimport { connectOptionsByValue } from './connect-options';\nimport useForwardFocus from '../../internal/hooks/forward-focus';\nimport { OptionsListProps } from '../../internal/components/options-list';\nimport { FilterProps } from '../parts/filter';\nimport { ItemProps } from '../parts/item';\nimport { usePrevious } from '../../internal/hooks/use-previous';\nimport { BaseKeyDetail } from '../../internal/events';\nimport { CancelableEventHandler, fireCancelableEvent, NonCancelableEventHandler } from '../../internal/events/index';\nimport { containsOrEqual } from '../../internal/utils/dom';\n\nexport type MenuProps = Omit<OptionsListProps, 'children'> & { ref: React.RefObject<HTMLUListElement> };\nexport type GetOptionProps = (option: DropdownOption, index: number) => ItemProps;\n\ninterface UseSelectProps {\n selectedOptions: ReadonlyArray<OptionDefinition>;\n updateSelectedOption: (option: OptionDefinition) => void;\n options: ReadonlyArray<DropdownOption>;\n filteringType: string;\n keepOpen?: boolean;\n onBlur?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n externalRef: React.Ref<any>;\n fireLoadItems: (filteringText: string) => void;\n setFilteringValue: (filteringText: string) => void;\n useInteractiveGroups?: boolean;\n}\n\nexport interface SelectTriggerProps {\n ref: RefObject<HTMLButtonElement>;\n onMouseDown?: (event: CustomEvent) => void;\n onKeyDown?: (event: CustomEvent<BaseKeyDetail>) => void;\n ariaLabelledby?: string;\n onFocus: NonCancelableEventHandler;\n onBlur: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n}\n\nexport function useSelect({\n selectedOptions,\n updateSelectedOption,\n options,\n filteringType,\n onBlur,\n onFocus,\n externalRef,\n keepOpen,\n fireLoadItems,\n setFilteringValue,\n useInteractiveGroups = false,\n}: UseSelectProps) {\n const interactivityCheck = useInteractiveGroups ? isGroupInteractive : isInteractive;\n\n const isHighlightable = (option?: DropdownOption) => !!option && (useInteractiveGroups || option.type !== 'parent');\n const useHighlightedOption = createHighlightedOptionHook({ isHighlightable: isHighlightable });\n\n const filterRef = useRef<HTMLInputElement>(null);\n const triggerRef = useRef<HTMLButtonElement>(null);\n const menuRef = useRef<HTMLUListElement>(null);\n const hasFilter = filteringType !== 'none';\n const activeRef = hasFilter ? filterRef : menuRef;\n const isKeyboard = useRef<boolean>(false);\n const isSelectingUsingSpace = useRef<boolean>(false);\n const __selectedOptions = connectOptionsByValue(options, selectedOptions);\n const __selectedValuesSet = selectedOptions.reduce((selectedValuesSet: Set<string>, item: OptionDefinition) => {\n if (item.value) {\n selectedValuesSet.add(item.value);\n }\n return selectedValuesSet;\n }, new Set<string>());\n const {\n highlightedOption,\n highlightedIndex,\n moveHighlight,\n resetHighlight,\n setHighlightedIndex,\n highlightOption,\n goHome,\n goEnd,\n } = useHighlightedOption(options);\n\n const { isOpen, openDropdown, closeDropdown, toggleDropdown } = useOpenState({\n onOpen: () => fireLoadItems(''),\n onClose: () => {\n resetHighlight();\n setFilteringValue('');\n },\n });\n\n const focused: MutableRefObject<boolean> = useRef<boolean>(false);\n const handleFocus = () => {\n if (!focused.current) {\n fireCancelableEvent(onFocus, {});\n focused.current = true;\n }\n };\n const handleBlur = ({ detail }: { detail: { relatedTarget: Node | null } }) => {\n const { relatedTarget } = detail;\n const nextFocusedIsTrigger = relatedTarget ? containsOrEqual(triggerRef.current, relatedTarget) : false;\n const nextFocusedInsideDropdown = relatedTarget\n ? containsOrEqual(menuRef.current, relatedTarget) || containsOrEqual(filterRef.current, relatedTarget)\n : false;\n const nextFocusedInsideComponent = nextFocusedIsTrigger || nextFocusedInsideDropdown;\n const focusingOut = focused.current && !nextFocusedInsideComponent;\n\n if (nextFocusedIsTrigger || focusingOut) {\n closeDropdown();\n }\n if (focusingOut) {\n fireCancelableEvent(onBlur, {});\n focused.current = false;\n }\n };\n\n const hasSelectedOption = __selectedOptions.length > 0;\n const { selectedOptionId, menuId } = useIds({ hasSelectedOption });\n const highlightedOptionId = getOptionId(menuId, highlightedIndex);\n\n const selectOption = (option?: DropdownOption) => {\n isSelectingUsingSpace.current = false;\n const optionToSelect = option || highlightedOption;\n if (!optionToSelect || !interactivityCheck(optionToSelect)) {\n return;\n }\n updateSelectedOption(optionToSelect.option);\n if (!keepOpen) {\n triggerRef.current?.focus();\n closeDropdown();\n }\n };\n\n const activeKeyDownHandler = useMenuKeyboard({\n moveHighlight,\n selectOption,\n goHome,\n goEnd,\n closeDropdown: () => {\n triggerRef.current?.focus();\n closeDropdown();\n },\n isKeyboard,\n isSelectingUsingSpace,\n preventNativeSpace: !hasFilter,\n });\n\n const triggerKeyDownHandler = useTriggerKeyboard({ openDropdown, goHome, isKeyboard });\n\n const getTriggerProps = (disabled = false) => {\n const triggerProps: SelectTriggerProps = {\n ref: triggerRef,\n onFocus: handleFocus,\n onBlur: handleBlur,\n };\n if (!disabled) {\n triggerProps.onMouseDown = (event: CustomEvent) => {\n event.preventDefault(); // prevent current focus from blurring as it immediately closes the dropdown\n if (isOpen) {\n triggerRef.current?.focus();\n }\n toggleDropdown();\n };\n triggerProps.onKeyDown = triggerKeyDownHandler;\n }\n if (hasSelectedOption) {\n triggerProps.ariaLabelledby = selectedOptionId;\n }\n return triggerProps;\n };\n\n const getFilterProps = (): Partial<FilterProps> => {\n if (!hasFilter) {\n return {};\n }\n\n return {\n ref: filterRef,\n onKeyDown: activeKeyDownHandler,\n __onBlurWithDetail: handleBlur,\n onFocus: handleFocus,\n onChange: event => {\n setFilteringValue(event.detail.value);\n resetHighlight();\n },\n __onDelayedInput: event => {\n fireLoadItems(event.detail.value);\n },\n __nativeAttributes: {\n 'aria-activedescendant': highlightedOptionId,\n ['aria-owns']: menuId,\n ['aria-controls']: menuId,\n },\n };\n };\n\n const getMenuProps = () => {\n const menuProps: MenuProps = {\n id: menuId,\n ref: menuRef,\n open: isOpen,\n onFocus: handleFocus,\n onBlur: handleBlur,\n onMouseUp: itemIndex => {\n isKeyboard.current = false;\n if (itemIndex > -1) {\n selectOption(options[itemIndex]);\n }\n },\n onMouseMove: itemIndex => {\n isKeyboard.current = false;\n if (itemIndex > -1) {\n setHighlightedIndex(itemIndex);\n }\n },\n };\n if (!hasFilter) {\n menuProps.onKeyDown = activeKeyDownHandler;\n menuProps.onBlur = handleBlur;\n menuProps.onFocus = handleFocus;\n menuProps.nativeAttributes = {\n 'aria-activedescendant': highlightedOptionId,\n };\n }\n return menuProps;\n };\n const getGroupState = (option: OptionGroup) => {\n const totalSelected = option.options.filter(item => !!item.value && __selectedValuesSet.has(item.value)).length;\n const hasSelected = totalSelected > 0;\n const allSelected = totalSelected === option.options.length;\n return {\n selected: hasSelected && allSelected,\n indeterminate: hasSelected && !allSelected,\n };\n };\n\n const getOptionProps = (option: DropdownOption, index: number) => {\n const highlighted = option === highlightedOption;\n const groupState = isGroup(option.option) ? getGroupState(option.option) : undefined;\n const selected = __selectedOptions.indexOf(option) > -1 || !!groupState?.selected;\n const nextOption = options[index + 1]?.option;\n const isNextSelected =\n !!nextOption && isGroup(nextOption)\n ? getGroupState(nextOption).selected\n : __selectedOptions.indexOf(options[index + 1]) > -1;\n\n const optionProps: any = {\n key: index,\n option,\n highlighted,\n selected,\n isNextSelected,\n indeterminate: !!groupState?.indeterminate,\n ['data-mouse-target']: isHighlightable(option) ? index : -1,\n id: getOptionId(menuId, index),\n };\n\n return optionProps;\n };\n\n const prevOpen = usePrevious<boolean>(isOpen);\n useEffect(() => {\n // highlight the first selected option, when opening the Select component\n if (isOpen && !prevOpen && hasSelectedOption) {\n setHighlightedIndex(options.indexOf(__selectedOptions[0]));\n }\n }, [isOpen, __selectedOptions, hasSelectedOption, setHighlightedIndex, options, prevOpen]);\n\n useEffect(() => {\n if (isOpen) {\n // dropdown-fit calculations ensure that the dropdown will fit inside the current\n // viewport, so prevent the browser from trying to scroll it into view (e.g. if\n // scroll-padding-top is set on a parent)\n activeRef.current?.focus({ preventScroll: true });\n }\n }, [isOpen, activeRef]);\n\n useForwardFocus(externalRef, triggerRef as React.RefObject<HTMLElement>);\n const highlightedGroupSelected =\n !!highlightedOption && isGroup(highlightedOption.option) && getGroupState(highlightedOption.option).selected;\n const announceSelected =\n !!highlightedOption && (__selectedOptions.indexOf(highlightedOption) > -1 || highlightedGroupSelected);\n\n return {\n isOpen,\n highlightedOption,\n highlightedIndex,\n getTriggerProps,\n getMenuProps,\n getFilterProps,\n getOptionProps,\n isKeyboard,\n highlightOption,\n selectOption,\n announceSelected,\n };\n}\n"]}
@@ -1,27 +1,27 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_l0dv0_18wq7_93",
5
- "header": "awsui_header_l0dv0_18wq7_107",
6
- "header-link": "awsui_header-link_l0dv0_18wq7_112",
7
- "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_18wq7_120",
8
- "header-link-text": "awsui_header-link-text_l0dv0_18wq7_120",
9
- "header-logo": "awsui_header-logo_l0dv0_18wq7_124",
10
- "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_18wq7_130",
11
- "list-container": "awsui_list-container_l0dv0_18wq7_135",
12
- "list": "awsui_list_l0dv0_18wq7_135",
13
- "list-variant-root": "awsui_list-variant-root_l0dv0_18wq7_145",
14
- "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_18wq7_151",
15
- "list-item": "awsui_list-item_l0dv0_18wq7_155",
16
- "section": "awsui_section_l0dv0_18wq7_161",
17
- "expandable-link-group": "awsui_expandable-link-group_l0dv0_18wq7_162",
18
- "section-header": "awsui_section-header_l0dv0_18wq7_175",
19
- "link": "awsui_link_l0dv0_18wq7_180",
20
- "link-active": "awsui_link-active_l0dv0_18wq7_187",
21
- "info": "awsui_info_l0dv0_18wq7_219",
22
- "external-icon": "awsui_external-icon_l0dv0_18wq7_223",
23
- "divider": "awsui_divider_l0dv0_18wq7_227",
24
- "divider-default": "awsui_divider-default_l0dv0_18wq7_232",
25
- "divider-header": "awsui_divider-header_l0dv0_18wq7_236"
4
+ "root": "awsui_root_l0dv0_uzyhh_93",
5
+ "header": "awsui_header_l0dv0_uzyhh_107",
6
+ "header-link": "awsui_header-link_l0dv0_uzyhh_112",
7
+ "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_uzyhh_120",
8
+ "header-link-text": "awsui_header-link-text_l0dv0_uzyhh_120",
9
+ "header-logo": "awsui_header-logo_l0dv0_uzyhh_124",
10
+ "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_uzyhh_130",
11
+ "list-container": "awsui_list-container_l0dv0_uzyhh_135",
12
+ "list": "awsui_list_l0dv0_uzyhh_135",
13
+ "list-variant-root": "awsui_list-variant-root_l0dv0_uzyhh_145",
14
+ "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_uzyhh_151",
15
+ "list-item": "awsui_list-item_l0dv0_uzyhh_155",
16
+ "section": "awsui_section_l0dv0_uzyhh_161",
17
+ "expandable-link-group": "awsui_expandable-link-group_l0dv0_uzyhh_162",
18
+ "section-header": "awsui_section-header_l0dv0_uzyhh_175",
19
+ "link": "awsui_link_l0dv0_uzyhh_180",
20
+ "link-active": "awsui_link-active_l0dv0_uzyhh_187",
21
+ "info": "awsui_info_l0dv0_uzyhh_219",
22
+ "external-icon": "awsui_external-icon_l0dv0_uzyhh_223",
23
+ "divider": "awsui_divider_l0dv0_uzyhh_227",
24
+ "divider-default": "awsui_divider-default_l0dv0_uzyhh_232",
25
+ "divider-header": "awsui_divider-header_l0dv0_uzyhh_236"
26
26
  };
27
27