@cloudscape-design/components-themeable 3.0.510 → 3.0.512

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 (231) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/styles/utils/styles-reset.scss +24 -2
  3. package/lib/internal/template/alert/styles.css.js +25 -25
  4. package/lib/internal/template/alert/styles.scoped.css +45 -51
  5. package/lib/internal/template/alert/styles.selectors.js +25 -25
  6. package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
  7. package/lib/internal/template/anchor-navigation/styles.scoped.css +21 -24
  8. package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
  9. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  10. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +32 -35
  11. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  12. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +80 -80
  13. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +175 -181
  14. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +80 -80
  15. package/lib/internal/template/attribute-editor/styles.css.js +14 -14
  16. package/lib/internal/template/attribute-editor/styles.scoped.css +27 -30
  17. package/lib/internal/template/attribute-editor/styles.selectors.js +14 -14
  18. package/lib/internal/template/badge/styles.css.js +5 -5
  19. package/lib/internal/template/badge/styles.scoped.css +8 -11
  20. package/lib/internal/template/badge/styles.selectors.js +5 -5
  21. package/lib/internal/template/breadcrumb-group/styles.css.js +7 -7
  22. package/lib/internal/template/breadcrumb-group/styles.scoped.css +18 -24
  23. package/lib/internal/template/breadcrumb-group/styles.selectors.js +7 -7
  24. package/lib/internal/template/button/styles.css.js +20 -20
  25. package/lib/internal/template/button/styles.scoped.css +154 -157
  26. package/lib/internal/template/button/styles.selectors.js +20 -20
  27. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  28. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +8 -11
  29. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  30. package/lib/internal/template/calendar/styles.css.js +18 -18
  31. package/lib/internal/template/calendar/styles.scoped.css +41 -44
  32. package/lib/internal/template/calendar/styles.selectors.js +18 -18
  33. package/lib/internal/template/cards/styles.css.js +39 -39
  34. package/lib/internal/template/cards/styles.scoped.css +52 -55
  35. package/lib/internal/template/cards/styles.selectors.js +39 -39
  36. package/lib/internal/template/checkbox/styles.css.js +3 -3
  37. package/lib/internal/template/checkbox/styles.scoped.css +8 -11
  38. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  39. package/lib/internal/template/code-editor/styles.css.js +32 -32
  40. package/lib/internal/template/code-editor/styles.scoped.css +180 -183
  41. package/lib/internal/template/code-editor/styles.selectors.js +32 -32
  42. package/lib/internal/template/collection-preferences/content-display/styles.css.js +11 -11
  43. package/lib/internal/template/collection-preferences/content-display/styles.scoped.css +20 -23
  44. package/lib/internal/template/collection-preferences/content-display/styles.selectors.js +11 -11
  45. package/lib/internal/template/collection-preferences/styles.css.js +37 -37
  46. package/lib/internal/template/collection-preferences/styles.scoped.css +47 -50
  47. package/lib/internal/template/collection-preferences/styles.selectors.js +37 -37
  48. package/lib/internal/template/column-layout/styles.css.js +13 -13
  49. package/lib/internal/template/column-layout/styles.scoped.css +46 -49
  50. package/lib/internal/template/column-layout/styles.selectors.js +13 -13
  51. package/lib/internal/template/container/styles.css.js +29 -29
  52. package/lib/internal/template/container/styles.scoped.css +55 -58
  53. package/lib/internal/template/container/styles.selectors.js +29 -29
  54. package/lib/internal/template/date-picker/styles.css.js +7 -7
  55. package/lib/internal/template/date-picker/styles.scoped.css +12 -15
  56. package/lib/internal/template/date-picker/styles.selectors.js +7 -7
  57. package/lib/internal/template/date-range-picker/styles.css.js +38 -38
  58. package/lib/internal/template/date-range-picker/styles.scoped.css +49 -52
  59. package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
  60. package/lib/internal/template/drawer/styles.css.js +3 -3
  61. package/lib/internal/template/drawer/styles.scoped.css +11 -14
  62. package/lib/internal/template/drawer/styles.selectors.js +3 -3
  63. package/lib/internal/template/expandable-section/styles.css.js +32 -32
  64. package/lib/internal/template/expandable-section/styles.scoped.css +65 -68
  65. package/lib/internal/template/expandable-section/styles.selectors.js +32 -32
  66. package/lib/internal/template/flashbar/styles.css.js +47 -47
  67. package/lib/internal/template/flashbar/styles.scoped.css +149 -152
  68. package/lib/internal/template/flashbar/styles.selectors.js +47 -47
  69. package/lib/internal/template/form/styles.css.js +9 -9
  70. package/lib/internal/template/form/styles.scoped.css +11 -14
  71. package/lib/internal/template/form/styles.selectors.js +9 -9
  72. package/lib/internal/template/form-field/styles.css.js +19 -19
  73. package/lib/internal/template/form-field/styles.scoped.css +32 -35
  74. package/lib/internal/template/form-field/styles.selectors.js +19 -19
  75. package/lib/internal/template/grid/styles.css.js +53 -53
  76. package/lib/internal/template/grid/styles.scoped.css +57 -60
  77. package/lib/internal/template/grid/styles.selectors.js +53 -53
  78. package/lib/internal/template/header/styles.css.js +34 -34
  79. package/lib/internal/template/header/styles.scoped.css +53 -56
  80. package/lib/internal/template/header/styles.selectors.js +34 -34
  81. package/lib/internal/template/help-panel/styles.css.js +4 -4
  82. package/lib/internal/template/help-panel/styles.scoped.css +66 -69
  83. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  84. package/lib/internal/template/input/styles.css.js +12 -12
  85. package/lib/internal/template/input/styles.scoped.css +33 -36
  86. package/lib/internal/template/input/styles.selectors.js +12 -12
  87. package/lib/internal/template/internal/components/button-trigger/styles.css.js +10 -10
  88. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +27 -30
  89. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +10 -10
  90. package/lib/internal/template/internal/components/chart-filter/styles.css.js +3 -3
  91. package/lib/internal/template/internal/components/chart-filter/styles.scoped.css +6 -9
  92. package/lib/internal/template/internal/components/chart-filter/styles.selectors.js +3 -3
  93. package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
  94. package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +18 -21
  95. package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
  96. package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
  97. package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +6 -9
  98. package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
  99. package/lib/internal/template/internal/components/chart-series-details/styles.css.js +20 -20
  100. package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +42 -51
  101. package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +20 -20
  102. package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
  103. package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +10 -13
  104. package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
  105. package/lib/internal/template/internal/components/chart-wrapper/styles.css.js +9 -9
  106. package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css +12 -15
  107. package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js +9 -9
  108. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  109. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +38 -41
  110. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  111. package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
  112. package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +6 -9
  113. package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
  114. package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
  115. package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +5 -8
  116. package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
  117. package/lib/internal/template/internal/components/focus-lock/utils.d.ts +1 -0
  118. package/lib/internal/template/internal/components/focus-lock/utils.d.ts.map +1 -1
  119. package/lib/internal/template/internal/components/focus-lock/utils.js +4 -3
  120. package/lib/internal/template/internal/components/focus-lock/utils.js.map +1 -1
  121. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  122. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +16 -19
  123. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  124. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  125. package/lib/internal/template/internal/components/option/styles.scoped.css +32 -35
  126. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  127. package/lib/internal/template/internal/components/options-list/styles.css.js +2 -2
  128. package/lib/internal/template/internal/components/options-list/styles.scoped.css +5 -8
  129. package/lib/internal/template/internal/components/options-list/styles.selectors.js +2 -2
  130. package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
  131. package/lib/internal/template/internal/components/token-list/styles.scoped.css +23 -26
  132. package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
  133. package/lib/internal/template/internal/context/single-tab-stop-navigation-context.d.ts +9 -4
  134. package/lib/internal/template/internal/context/single-tab-stop-navigation-context.d.ts.map +1 -1
  135. package/lib/internal/template/internal/context/single-tab-stop-navigation-context.js +15 -5
  136. package/lib/internal/template/internal/context/single-tab-stop-navigation-context.js.map +1 -1
  137. package/lib/internal/template/internal/environment.js +1 -1
  138. package/lib/internal/template/internal/environment.json +1 -1
  139. package/lib/internal/template/internal/utils/scrollable-containers.d.ts +2 -1
  140. package/lib/internal/template/internal/utils/scrollable-containers.d.ts.map +1 -1
  141. package/lib/internal/template/internal/utils/scrollable-containers.js +11 -2
  142. package/lib/internal/template/internal/utils/scrollable-containers.js.map +1 -1
  143. package/lib/internal/template/link/styles.css.js +20 -20
  144. package/lib/internal/template/link/styles.scoped.css +74 -77
  145. package/lib/internal/template/link/styles.selectors.js +20 -20
  146. package/lib/internal/template/modal/styles.css.js +23 -23
  147. package/lib/internal/template/modal/styles.scoped.css +44 -50
  148. package/lib/internal/template/modal/styles.selectors.js +23 -23
  149. package/lib/internal/template/multiselect/styles.css.js +2 -2
  150. package/lib/internal/template/multiselect/styles.scoped.css +5 -8
  151. package/lib/internal/template/multiselect/styles.selectors.js +2 -2
  152. package/lib/internal/template/pagination/styles.css.js +9 -9
  153. package/lib/internal/template/pagination/styles.scoped.css +26 -29
  154. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  155. package/lib/internal/template/popover/styles.css.js +50 -50
  156. package/lib/internal/template/popover/styles.scoped.css +72 -81
  157. package/lib/internal/template/popover/styles.selectors.js +50 -50
  158. package/lib/internal/template/popover/use-popover-position.d.ts.map +1 -1
  159. package/lib/internal/template/popover/use-popover-position.js +4 -2
  160. package/lib/internal/template/popover/use-popover-position.js.map +1 -1
  161. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  162. package/lib/internal/template/progress-bar/styles.scoped.css +35 -38
  163. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  164. package/lib/internal/template/property-filter/styles.css.js +31 -31
  165. package/lib/internal/template/property-filter/styles.scoped.css +36 -39
  166. package/lib/internal/template/property-filter/styles.selectors.js +31 -31
  167. package/lib/internal/template/radio-group/styles.css.js +9 -9
  168. package/lib/internal/template/radio-group/styles.scoped.css +18 -21
  169. package/lib/internal/template/radio-group/styles.selectors.js +9 -9
  170. package/lib/internal/template/segmented-control/styles.css.js +14 -14
  171. package/lib/internal/template/segmented-control/styles.scoped.css +36 -39
  172. package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
  173. package/lib/internal/template/select/styles.css.js +1 -1
  174. package/lib/internal/template/select/styles.scoped.css +4 -7
  175. package/lib/internal/template/select/styles.selectors.js +1 -1
  176. package/lib/internal/template/side-navigation/styles.css.js +28 -28
  177. package/lib/internal/template/side-navigation/styles.scoped.css +41 -44
  178. package/lib/internal/template/side-navigation/styles.selectors.js +28 -28
  179. package/lib/internal/template/split-panel/styles.css.js +55 -55
  180. package/lib/internal/template/split-panel/styles.scoped.css +78 -81
  181. package/lib/internal/template/split-panel/styles.selectors.js +55 -55
  182. package/lib/internal/template/table/resizer/styles.css.js +8 -8
  183. package/lib/internal/template/table/resizer/styles.scoped.css +17 -20
  184. package/lib/internal/template/table/resizer/styles.selectors.js +8 -8
  185. package/lib/internal/template/table/table-role/grid-navigation.d.ts.map +1 -1
  186. package/lib/internal/template/table/table-role/grid-navigation.js +73 -41
  187. package/lib/internal/template/table/table-role/grid-navigation.js.map +1 -1
  188. package/lib/internal/template/table/table-role/utils.d.ts +1 -16
  189. package/lib/internal/template/table/table-role/utils.d.ts.map +1 -1
  190. package/lib/internal/template/table/table-role/utils.js +0 -53
  191. package/lib/internal/template/table/table-role/utils.js.map +1 -1
  192. package/lib/internal/template/tabs/styles.css.js +21 -21
  193. package/lib/internal/template/tabs/styles.scoped.css +42 -45
  194. package/lib/internal/template/tabs/styles.selectors.js +21 -21
  195. package/lib/internal/template/text-content/styles.css.js +1 -1
  196. package/lib/internal/template/text-content/styles.scoped.css +63 -66
  197. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  198. package/lib/internal/template/text-filter/styles.css.js +3 -3
  199. package/lib/internal/template/text-filter/styles.scoped.css +6 -9
  200. package/lib/internal/template/text-filter/styles.selectors.js +3 -3
  201. package/lib/internal/template/textarea/styles.css.js +4 -4
  202. package/lib/internal/template/textarea/styles.scoped.css +15 -18
  203. package/lib/internal/template/textarea/styles.selectors.js +4 -4
  204. package/lib/internal/template/tiles/styles.css.js +29 -29
  205. package/lib/internal/template/tiles/styles.scoped.css +76 -82
  206. package/lib/internal/template/tiles/styles.selectors.js +29 -29
  207. package/lib/internal/template/toggle/styles.css.js +8 -8
  208. package/lib/internal/template/toggle/styles.scoped.css +16 -19
  209. package/lib/internal/template/toggle/styles.selectors.js +8 -8
  210. package/lib/internal/template/token-group/styles.css.js +8 -8
  211. package/lib/internal/template/token-group/styles.scoped.css +19 -22
  212. package/lib/internal/template/token-group/styles.selectors.js +8 -8
  213. package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
  214. package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +45 -48
  215. package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
  216. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  217. package/lib/internal/template/top-navigation/styles.scoped.css +75 -84
  218. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  219. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  220. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +24 -27
  221. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  222. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  223. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +36 -45
  224. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  225. package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
  226. package/lib/internal/template/tutorial-panel/styles.scoped.css +4 -7
  227. package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
  228. package/lib/internal/template/wizard/styles.css.js +31 -31
  229. package/lib/internal/template/wizard/styles.scoped.css +65 -68
  230. package/lib/internal/template/wizard/styles.selectors.js +31 -31
  231. package/package.json +1 -1
@@ -2,55 +2,55 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "arrow": "awsui_arrow_xjuzf_1bban_185",
6
- "arrow-outer": "awsui_arrow-outer_xjuzf_1bban_189",
7
- "arrow-inner": "awsui_arrow-inner_xjuzf_1bban_189",
8
- "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1bban_220",
9
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1bban_220",
10
- "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1bban_223",
11
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1bban_223",
12
- "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1bban_226",
13
- "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1bban_226",
14
- "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1bban_226",
15
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1bban_226",
16
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1bban_229",
17
- "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1bban_229",
18
- "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1bban_229",
19
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1bban_229",
20
- "body": "awsui_body_xjuzf_1bban_325",
21
- "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1bban_341",
22
- "has-dismiss": "awsui_has-dismiss_xjuzf_1bban_345",
23
- "dismiss": "awsui_dismiss_xjuzf_1bban_350",
24
- "dismiss-control": "awsui_dismiss-control_xjuzf_1bban_357",
25
- "header-row": "awsui_header-row_xjuzf_1bban_361",
26
- "header": "awsui_header_xjuzf_1bban_361",
27
- "content": "awsui_content_xjuzf_1bban_387",
28
- "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1bban_395",
29
- "container": "awsui_container_xjuzf_1bban_491",
30
- "container-body": "awsui_container-body_xjuzf_1bban_499",
31
- "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1bban_516",
32
- "container-body-size-small": "awsui_container-body-size-small_xjuzf_1bban_521",
33
- "fixed-width": "awsui_fixed-width_xjuzf_1bban_524",
34
- "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1bban_528",
35
- "container-body-size-large": "awsui_container-body-size-large_xjuzf_1bban_535",
36
- "container-arrow": "awsui_container-arrow_xjuzf_1bban_547",
37
- "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1bban_551",
38
- "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1bban_551",
39
- "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1bban_563",
40
- "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1bban_563",
41
- "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1bban_575",
42
- "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1bban_575",
43
- "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1bban_575",
44
- "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1bban_575",
45
- "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1bban_591",
46
- "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1bban_595",
47
- "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1bban_599",
48
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1bban_1",
49
- "refresh": "awsui_refresh_xjuzf_1bban_717",
50
- "root": "awsui_root_xjuzf_1bban_739",
51
- "trigger": "awsui_trigger_xjuzf_1bban_753",
52
- "trigger-type-text": "awsui_trigger-type-text_xjuzf_1bban_760",
53
- "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_1bban_789",
54
- "popover-content": "awsui_popover-content_xjuzf_1bban_793"
5
+ "arrow": "awsui_arrow_xjuzf_uszh8_185",
6
+ "arrow-outer": "awsui_arrow-outer_xjuzf_uszh8_189",
7
+ "arrow-inner": "awsui_arrow-inner_xjuzf_uszh8_189",
8
+ "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_uszh8_220",
9
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_uszh8_220",
10
+ "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_uszh8_223",
11
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_uszh8_223",
12
+ "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_uszh8_226",
13
+ "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_uszh8_226",
14
+ "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_uszh8_226",
15
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_uszh8_226",
16
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_uszh8_229",
17
+ "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_uszh8_229",
18
+ "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_uszh8_229",
19
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_uszh8_229",
20
+ "body": "awsui_body_xjuzf_uszh8_325",
21
+ "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_uszh8_363",
22
+ "has-dismiss": "awsui_has-dismiss_xjuzf_uszh8_367",
23
+ "dismiss": "awsui_dismiss_xjuzf_uszh8_372",
24
+ "dismiss-control": "awsui_dismiss-control_xjuzf_uszh8_379",
25
+ "header-row": "awsui_header-row_xjuzf_uszh8_383",
26
+ "header": "awsui_header_xjuzf_uszh8_383",
27
+ "content": "awsui_content_xjuzf_uszh8_409",
28
+ "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_uszh8_417",
29
+ "container": "awsui_container_xjuzf_uszh8_513",
30
+ "container-body": "awsui_container-body_xjuzf_uszh8_521",
31
+ "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_uszh8_560",
32
+ "container-body-size-small": "awsui_container-body-size-small_xjuzf_uszh8_565",
33
+ "fixed-width": "awsui_fixed-width_xjuzf_uszh8_568",
34
+ "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_uszh8_572",
35
+ "container-body-size-large": "awsui_container-body-size-large_xjuzf_uszh8_579",
36
+ "container-arrow": "awsui_container-arrow_xjuzf_uszh8_591",
37
+ "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_uszh8_595",
38
+ "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_uszh8_595",
39
+ "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_uszh8_607",
40
+ "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_uszh8_607",
41
+ "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_uszh8_619",
42
+ "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_uszh8_619",
43
+ "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_uszh8_619",
44
+ "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_uszh8_619",
45
+ "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_uszh8_635",
46
+ "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_uszh8_639",
47
+ "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_uszh8_643",
48
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_uszh8_1",
49
+ "refresh": "awsui_refresh_xjuzf_uszh8_761",
50
+ "root": "awsui_root_xjuzf_uszh8_783",
51
+ "trigger": "awsui_trigger_xjuzf_uszh8_819",
52
+ "trigger-type-text": "awsui_trigger-type-text_xjuzf_uszh8_826",
53
+ "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_uszh8_855",
54
+ "popover-content": "awsui_popover-content_xjuzf_uszh8_859"
55
55
  };
56
56
 
@@ -1 +1 @@
1
- {"version":3,"file":"use-popover-position.d.ts","sourceRoot":"lib/default/","sources":["popover/use-popover-position.ts"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAMnF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,EAAE;IACD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,EAAE,YAAY,CAAC,QAAQ,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;;;;qDAMyC,IAAI;EAiI7C"}
1
+ {"version":3,"file":"use-popover-position.d.ts","sourceRoot":"lib/default/","sources":["popover/use-popover-position.ts"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAUnF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,EAAE;IACD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,EAAE,YAAY,CAAC,QAAQ,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;;;;qDAMyC,IAAI;EAoI7C"}
@@ -3,7 +3,7 @@
3
3
  import { useCallback, useRef, useState } from 'react';
4
4
  import { calculatePosition, getDimensions, getOffsetDimensions } from './utils/positions';
5
5
  import { nodeContains } from '@cloudscape-design/component-toolkit/dom';
6
- import { calculateScroll, scrollRectangleIntoView } from '../internal/utils/scrollable-containers';
6
+ import { calculateScroll, getFirstScrollableParent, scrollRectangleIntoView, } from '../internal/utils/scrollable-containers';
7
7
  import { getContainingBlock } from '../internal/utils/dom';
8
8
  export default function usePopoverPosition({ popoverRef, bodyRef, arrowRef, trackRef, contentRef, allowScrollToFit, allowVerticalOverflow, preferredPosition, renderWithPortal, keepPosition, }) {
9
9
  const previousInternalPositionRef = useRef(null);
@@ -90,8 +90,10 @@ export default function usePopoverPosition({ popoverRef, bodyRef, arrowRef, trac
90
90
  // Position the popover
91
91
  const top = shouldScroll ? popoverOffset.top + calculateScroll(rect) : popoverOffset.top;
92
92
  setPopoverStyle({ top, left: popoverOffset.left });
93
+ // Scroll if necessary
93
94
  if (shouldScroll) {
94
- scrollRectangleIntoView(rect);
95
+ const scrollableParent = getFirstScrollableParent(popover);
96
+ scrollRectangleIntoView(rect, scrollableParent);
95
97
  }
96
98
  positionHandlerRef.current = () => {
97
99
  const newTrackOffset = toRelativePosition(track.getBoundingClientRect(), containingBlock ? containingBlock.getBoundingClientRect() : viewportRect);
@@ -1 +1 @@
1
- {"version":3,"file":"use-popover-position.js","sourceRoot":"lib/default/","sources":["popover/use-popover-position.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\n\nimport React, { useCallback, useRef, useState } from 'react';\nimport { BoundingBox, InternalPosition, Offset, PopoverProps } from './interfaces';\nimport { calculatePosition, getDimensions, getOffsetDimensions } from './utils/positions';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport { calculateScroll, scrollRectangleIntoView } from '../internal/utils/scrollable-containers';\nimport { getContainingBlock } from '../internal/utils/dom';\n\nexport default function usePopoverPosition({\n popoverRef,\n bodyRef,\n arrowRef,\n trackRef,\n contentRef,\n allowScrollToFit,\n allowVerticalOverflow,\n preferredPosition,\n renderWithPortal,\n keepPosition,\n}: {\n popoverRef: React.RefObject<HTMLDivElement | null>;\n bodyRef: React.RefObject<HTMLDivElement | null>;\n arrowRef: React.RefObject<HTMLDivElement | null>;\n trackRef: React.RefObject<Element | null>;\n contentRef: React.RefObject<HTMLDivElement | null>;\n allowScrollToFit?: boolean;\n allowVerticalOverflow?: boolean;\n preferredPosition: PopoverProps.Position;\n renderWithPortal?: boolean;\n keepPosition?: boolean;\n}) {\n const previousInternalPositionRef = useRef<InternalPosition | null>(null);\n const [popoverStyle, setPopoverStyle] = useState<Partial<Offset>>({});\n const [internalPosition, setInternalPosition] = useState<InternalPosition | null>(null);\n\n // Store the handler in a ref so that it can still be replaced from outside of the listener closure.\n const positionHandlerRef = useRef<() => void>(() => {});\n\n const updatePositionHandler = useCallback(\n (onContentResize = false) => {\n if (!trackRef.current || !popoverRef.current || !bodyRef.current || !contentRef.current || !arrowRef.current) {\n return;\n }\n\n // Get important elements\n const popover = popoverRef.current;\n const body = bodyRef.current;\n const arrow = arrowRef.current;\n const document = popover.ownerDocument;\n const track = trackRef.current;\n\n // If the popover body isn't being rendered for whatever reason (e.g. \"display: none\" or JSDOM),\n // or track does not belong to the document - bail on calculating dimensions.\n const { offsetWidth, offsetHeight } = getOffsetDimensions(popover);\n if (offsetWidth === 0 || offsetHeight === 0 || !nodeContains(document.body, track)) {\n return;\n }\n\n // Imperatively move body off-screen to give it room to expand.\n // Not doing this in React because this recalculation should happen\n // in the span of a single frame without rerendering anything.\n const prevTop = popover.style.top;\n const prevLeft = popover.style.left;\n\n popover.style.top = '0';\n popover.style.left = '0';\n // Imperatively remove body styles that can remain from the previous computation.\n body.style.maxHeight = '';\n body.style.overflowX = '';\n body.style.overflowY = '';\n\n // Get rects representing key elements\n // Use getComputedStyle for arrowRect to avoid modifications made by transform\n const viewportRect = getViewportRect(document.defaultView!);\n const trackRect = track.getBoundingClientRect();\n const arrowRect = getDimensions(arrow);\n const containingBlock = getContainingBlock(popover);\n const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;\n\n const bodyBorderWidth = getBorderWidth(body);\n const contentRect = contentRef.current.getBoundingClientRect();\n const contentBoundingBox = {\n width: contentRect.width + 2 * bodyBorderWidth,\n height: contentRect.height + 2 * bodyBorderWidth,\n };\n\n // When keepPosition is true and the recalculation was triggered by a resize of the popover content,\n // we maintain the previously defined internal position,\n // but we still call calculatePosition to know if the popover should be scrollable.\n const shouldKeepPosition = keepPosition && onContentResize && !!previousInternalPositionRef.current;\n const fixedInternalPosition = (shouldKeepPosition && previousInternalPositionRef.current) ?? undefined;\n\n // Calculate the arrow direction and viewport-relative position of the popover.\n const {\n scrollable,\n internalPosition: newInternalPosition,\n rect,\n } = calculatePosition({\n preferredPosition,\n fixedInternalPosition,\n trigger: trackRect,\n arrow: arrowRect,\n body: contentBoundingBox,\n container: containingBlock ? containingBlockRect : getDocumentRect(document),\n viewport: viewportRect,\n renderWithPortal,\n allowVerticalOverflow,\n });\n\n // Get the position of the popover relative to the offset parent.\n const popoverOffset = toRelativePosition(rect, containingBlockRect);\n\n // Cache the distance between the trigger and the popover (which stays the same as you scroll),\n // and use that to recalculate the new popover position.\n const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));\n\n // Bring back the container to its original position to prevent any flashing.\n popover.style.top = prevTop;\n popover.style.left = prevLeft;\n\n // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.\n if (scrollable) {\n body.style.maxHeight = rect.height + 'px';\n body.style.overflowX = 'hidden';\n body.style.overflowY = 'auto';\n }\n\n // Remember the internal position in case we want to keep it later.\n previousInternalPositionRef.current = newInternalPosition;\n setInternalPosition(newInternalPosition);\n\n const shouldScroll = allowScrollToFit && !shouldKeepPosition;\n\n // Position the popover\n const top = shouldScroll ? popoverOffset.top + calculateScroll(rect) : popoverOffset.top;\n setPopoverStyle({ top, left: popoverOffset.left });\n if (shouldScroll) {\n scrollRectangleIntoView(rect);\n }\n\n positionHandlerRef.current = () => {\n const newTrackOffset = toRelativePosition(\n track.getBoundingClientRect(),\n containingBlock ? containingBlock.getBoundingClientRect() : viewportRect\n );\n setPopoverStyle({\n top: newTrackOffset.top + trackRelativeOffset.top,\n left: newTrackOffset.left + trackRelativeOffset.left,\n });\n };\n },\n [\n trackRef,\n popoverRef,\n bodyRef,\n contentRef,\n arrowRef,\n keepPosition,\n allowScrollToFit,\n preferredPosition,\n renderWithPortal,\n allowVerticalOverflow,\n ]\n );\n return { updatePositionHandler, popoverStyle, internalPosition, positionHandlerRef };\n}\n\nfunction getBorderWidth(element: HTMLElement) {\n return parseInt(getComputedStyle(element).borderWidth) || 0;\n}\n\n/**\n * Convert a viewport-relative offset to an element-relative offset.\n */\nfunction toRelativePosition(element: Offset, parent: Offset): Offset {\n return {\n top: element.top - parent.top,\n left: element.left - parent.left,\n };\n}\n\n/**\n * Get a BoundingBox that represents the visible viewport.\n */\nfunction getViewportRect(window: Window): BoundingBox {\n return {\n top: 0,\n left: 0,\n width: window.innerWidth,\n height: window.innerHeight,\n };\n}\n\nfunction getDocumentRect(document: Document): BoundingBox {\n const { top, left } = document.documentElement.getBoundingClientRect();\n return {\n top,\n left,\n width: document.documentElement.scrollWidth,\n height: document.documentElement.scrollHeight,\n };\n}\n"]}
1
+ {"version":3,"file":"use-popover-position.js","sourceRoot":"lib/default/","sources":["popover/use-popover-position.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\n\nimport React, { useCallback, useRef, useState } from 'react';\nimport { BoundingBox, InternalPosition, Offset, PopoverProps } from './interfaces';\nimport { calculatePosition, getDimensions, getOffsetDimensions } from './utils/positions';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport {\n calculateScroll,\n getFirstScrollableParent,\n scrollRectangleIntoView,\n} from '../internal/utils/scrollable-containers';\nimport { getContainingBlock } from '../internal/utils/dom';\n\nexport default function usePopoverPosition({\n popoverRef,\n bodyRef,\n arrowRef,\n trackRef,\n contentRef,\n allowScrollToFit,\n allowVerticalOverflow,\n preferredPosition,\n renderWithPortal,\n keepPosition,\n}: {\n popoverRef: React.RefObject<HTMLDivElement | null>;\n bodyRef: React.RefObject<HTMLDivElement | null>;\n arrowRef: React.RefObject<HTMLDivElement | null>;\n trackRef: React.RefObject<Element | null>;\n contentRef: React.RefObject<HTMLDivElement | null>;\n allowScrollToFit?: boolean;\n allowVerticalOverflow?: boolean;\n preferredPosition: PopoverProps.Position;\n renderWithPortal?: boolean;\n keepPosition?: boolean;\n}) {\n const previousInternalPositionRef = useRef<InternalPosition | null>(null);\n const [popoverStyle, setPopoverStyle] = useState<Partial<Offset>>({});\n const [internalPosition, setInternalPosition] = useState<InternalPosition | null>(null);\n\n // Store the handler in a ref so that it can still be replaced from outside of the listener closure.\n const positionHandlerRef = useRef<() => void>(() => {});\n\n const updatePositionHandler = useCallback(\n (onContentResize = false) => {\n if (!trackRef.current || !popoverRef.current || !bodyRef.current || !contentRef.current || !arrowRef.current) {\n return;\n }\n\n // Get important elements\n const popover = popoverRef.current;\n const body = bodyRef.current;\n const arrow = arrowRef.current;\n const document = popover.ownerDocument;\n const track = trackRef.current;\n\n // If the popover body isn't being rendered for whatever reason (e.g. \"display: none\" or JSDOM),\n // or track does not belong to the document - bail on calculating dimensions.\n const { offsetWidth, offsetHeight } = getOffsetDimensions(popover);\n if (offsetWidth === 0 || offsetHeight === 0 || !nodeContains(document.body, track)) {\n return;\n }\n\n // Imperatively move body off-screen to give it room to expand.\n // Not doing this in React because this recalculation should happen\n // in the span of a single frame without rerendering anything.\n const prevTop = popover.style.top;\n const prevLeft = popover.style.left;\n\n popover.style.top = '0';\n popover.style.left = '0';\n // Imperatively remove body styles that can remain from the previous computation.\n body.style.maxHeight = '';\n body.style.overflowX = '';\n body.style.overflowY = '';\n\n // Get rects representing key elements\n // Use getComputedStyle for arrowRect to avoid modifications made by transform\n const viewportRect = getViewportRect(document.defaultView!);\n const trackRect = track.getBoundingClientRect();\n const arrowRect = getDimensions(arrow);\n const containingBlock = getContainingBlock(popover);\n const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;\n\n const bodyBorderWidth = getBorderWidth(body);\n const contentRect = contentRef.current.getBoundingClientRect();\n const contentBoundingBox = {\n width: contentRect.width + 2 * bodyBorderWidth,\n height: contentRect.height + 2 * bodyBorderWidth,\n };\n\n // When keepPosition is true and the recalculation was triggered by a resize of the popover content,\n // we maintain the previously defined internal position,\n // but we still call calculatePosition to know if the popover should be scrollable.\n const shouldKeepPosition = keepPosition && onContentResize && !!previousInternalPositionRef.current;\n const fixedInternalPosition = (shouldKeepPosition && previousInternalPositionRef.current) ?? undefined;\n\n // Calculate the arrow direction and viewport-relative position of the popover.\n const {\n scrollable,\n internalPosition: newInternalPosition,\n rect,\n } = calculatePosition({\n preferredPosition,\n fixedInternalPosition,\n trigger: trackRect,\n arrow: arrowRect,\n body: contentBoundingBox,\n container: containingBlock ? containingBlockRect : getDocumentRect(document),\n viewport: viewportRect,\n renderWithPortal,\n allowVerticalOverflow,\n });\n\n // Get the position of the popover relative to the offset parent.\n const popoverOffset = toRelativePosition(rect, containingBlockRect);\n\n // Cache the distance between the trigger and the popover (which stays the same as you scroll),\n // and use that to recalculate the new popover position.\n const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));\n\n // Bring back the container to its original position to prevent any flashing.\n popover.style.top = prevTop;\n popover.style.left = prevLeft;\n\n // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.\n if (scrollable) {\n body.style.maxHeight = rect.height + 'px';\n body.style.overflowX = 'hidden';\n body.style.overflowY = 'auto';\n }\n\n // Remember the internal position in case we want to keep it later.\n previousInternalPositionRef.current = newInternalPosition;\n setInternalPosition(newInternalPosition);\n\n const shouldScroll = allowScrollToFit && !shouldKeepPosition;\n\n // Position the popover\n const top = shouldScroll ? popoverOffset.top + calculateScroll(rect) : popoverOffset.top;\n setPopoverStyle({ top, left: popoverOffset.left });\n\n // Scroll if necessary\n if (shouldScroll) {\n const scrollableParent = getFirstScrollableParent(popover);\n scrollRectangleIntoView(rect, scrollableParent);\n }\n\n positionHandlerRef.current = () => {\n const newTrackOffset = toRelativePosition(\n track.getBoundingClientRect(),\n containingBlock ? containingBlock.getBoundingClientRect() : viewportRect\n );\n setPopoverStyle({\n top: newTrackOffset.top + trackRelativeOffset.top,\n left: newTrackOffset.left + trackRelativeOffset.left,\n });\n };\n },\n [\n trackRef,\n popoverRef,\n bodyRef,\n contentRef,\n arrowRef,\n keepPosition,\n allowScrollToFit,\n preferredPosition,\n renderWithPortal,\n allowVerticalOverflow,\n ]\n );\n return { updatePositionHandler, popoverStyle, internalPosition, positionHandlerRef };\n}\n\nfunction getBorderWidth(element: HTMLElement) {\n return parseInt(getComputedStyle(element).borderWidth) || 0;\n}\n\n/**\n * Convert a viewport-relative offset to an element-relative offset.\n */\nfunction toRelativePosition(element: Offset, parent: Offset): Offset {\n return {\n top: element.top - parent.top,\n left: element.left - parent.left,\n };\n}\n\n/**\n * Get a BoundingBox that represents the visible viewport.\n */\nfunction getViewportRect(window: Window): BoundingBox {\n return {\n top: 0,\n left: 0,\n width: window.innerWidth,\n height: window.innerHeight,\n };\n}\n\nfunction getDocumentRect(document: Document): BoundingBox {\n const { top, left } = document.documentElement.getBoundingClientRect();\n return {\n top,\n left,\n width: document.documentElement.scrollWidth,\n height: document.documentElement.scrollHeight,\n };\n}\n"]}
@@ -1,23 +1,23 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "progress": "awsui_progress_11huc_16b7w_185",
5
- "result-state": "awsui_result-state_11huc_16b7w_199",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_16b7w_1",
7
- "root": "awsui_root_11huc_16b7w_221",
8
- "with-result-button": "awsui_with-result-button_11huc_16b7w_234",
9
- "result-text": "awsui_result-text_11huc_16b7w_238",
10
- "result-container-error": "awsui_result-container-error_11huc_16b7w_242",
11
- "result-container-success": "awsui_result-container-success_11huc_16b7w_242",
12
- "result-button": "awsui_result-button_11huc_16b7w_246",
13
- "word-wrap": "awsui_word-wrap_11huc_16b7w_251",
14
- "label-flash": "awsui_label-flash_11huc_16b7w_256",
15
- "label-key-value": "awsui_label-key-value_11huc_16b7w_260",
16
- "flash": "awsui_flash_11huc_16b7w_268",
17
- "progress-container": "awsui_progress-container_11huc_16b7w_272",
18
- "percentage-container": "awsui_percentage-container_11huc_16b7w_279",
19
- "percentage": "awsui_percentage_11huc_16b7w_279",
20
- "complete": "awsui_complete_11huc_16b7w_314",
21
- "progress-in-flash": "awsui_progress-in-flash_11huc_16b7w_329"
4
+ "progress": "awsui_progress_11huc_7m799_185",
5
+ "result-state": "awsui_result-state_11huc_7m799_199",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_7m799_1",
7
+ "root": "awsui_root_11huc_7m799_221",
8
+ "with-result-button": "awsui_with-result-button_11huc_7m799_256",
9
+ "result-text": "awsui_result-text_11huc_7m799_260",
10
+ "result-container-error": "awsui_result-container-error_11huc_7m799_264",
11
+ "result-container-success": "awsui_result-container-success_11huc_7m799_264",
12
+ "result-button": "awsui_result-button_11huc_7m799_268",
13
+ "word-wrap": "awsui_word-wrap_11huc_7m799_273",
14
+ "label-flash": "awsui_label-flash_11huc_7m799_278",
15
+ "label-key-value": "awsui_label-key-value_11huc_7m799_282",
16
+ "flash": "awsui_flash_11huc_7m799_290",
17
+ "progress-container": "awsui_progress-container_11huc_7m799_294",
18
+ "percentage-container": "awsui_percentage-container_11huc_7m799_301",
19
+ "percentage": "awsui_percentage_11huc_7m799_301",
20
+ "complete": "awsui_complete_11huc_7m799_336",
21
+ "progress-in-flash": "awsui_progress-in-flash_11huc_7m799_351"
22
22
  };
23
23
 
@@ -182,27 +182,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
182
182
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
183
183
  SPDX-License-Identifier: Apache-2.0
184
184
  */
185
- .awsui_progress_11huc_16b7w_185:not(#\9)::-webkit-progress-value {
185
+ .awsui_progress_11huc_7m799_185:not(#\9)::-webkit-progress-value {
186
186
  -webkit-transition: width var(--motion-duration-moderate-cp984g, 135ms) linear;
187
187
  transition: width var(--motion-duration-moderate-cp984g, 135ms) linear;
188
188
  }
189
189
  @media (prefers-reduced-motion: reduce) {
190
- .awsui_progress_11huc_16b7w_185:not(#\9)::-webkit-progress-value {
190
+ .awsui_progress_11huc_7m799_185:not(#\9)::-webkit-progress-value {
191
191
  animation: none;
192
192
  -webkit-transition: none;
193
193
  transition: none;
194
194
  }
195
195
  }
196
- .awsui-motion-disabled .awsui_progress_11huc_16b7w_185:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_16b7w_185:not(#\9)::-webkit-progress-value {
196
+ .awsui-motion-disabled .awsui_progress_11huc_7m799_185:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_7m799_185:not(#\9)::-webkit-progress-value {
197
197
  animation: none;
198
198
  -webkit-transition: none;
199
199
  transition: none;
200
200
  }
201
201
 
202
- .awsui_result-state_11huc_16b7w_199:not(#\9) {
203
- animation: awsui_awsui-motion-fade-in_11huc_16b7w_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
202
+ .awsui_result-state_11huc_7m799_199:not(#\9) {
203
+ animation: awsui_awsui-motion-fade-in_11huc_7m799_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
204
204
  }
205
- @keyframes awsui_awsui-motion-fade-in_11huc_16b7w_1 {
205
+ @keyframes awsui_awsui-motion-fade-in_11huc_7m799_1 {
206
206
  from {
207
207
  opacity: 0.2;
208
208
  }
@@ -211,29 +211,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
211
211
  }
212
212
  }
213
213
  @media (prefers-reduced-motion: reduce) {
214
- .awsui_result-state_11huc_16b7w_199:not(#\9) {
214
+ .awsui_result-state_11huc_7m799_199:not(#\9) {
215
215
  animation: none;
216
216
  transition: none;
217
217
  }
218
218
  }
219
- .awsui-motion-disabled .awsui_result-state_11huc_16b7w_199:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_16b7w_199:not(#\9) {
219
+ .awsui-motion-disabled .awsui_result-state_11huc_7m799_199:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_7m799_199:not(#\9) {
220
220
  animation: none;
221
221
  transition: none;
222
222
  }
223
223
 
224
- .awsui_root_11huc_16b7w_221:not(#\9) {
225
- /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
224
+ .awsui_root_11huc_7m799_221:not(#\9) {
226
225
  border-collapse: separate;
227
226
  border-spacing: 0;
227
+ box-sizing: border-box;
228
228
  caption-side: top;
229
229
  cursor: auto;
230
- direction: ltr;
230
+ direction: inherit;
231
231
  empty-cells: show;
232
232
  font-family: serif;
233
233
  font-size: medium;
234
234
  font-style: normal;
235
235
  font-variant: normal;
236
- font-weight: normal;
236
+ font-weight: 400;
237
237
  font-stretch: normal;
238
238
  line-height: normal;
239
239
  -webkit-hyphens: none;
@@ -242,15 +242,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
242
242
  list-style: disc outside none;
243
243
  tab-size: 8;
244
244
  text-align: left;
245
- text-align-last: auto;
246
245
  text-indent: 0;
247
246
  text-shadow: none;
248
247
  text-transform: none;
249
248
  visibility: visible;
250
249
  white-space: normal;
251
- widows: 2;
252
250
  word-spacing: normal;
253
- box-sizing: border-box;
254
251
  font-size: var(--font-size-body-m-pa3mqb, 14px);
255
252
  line-height: var(--line-height-body-m-2zx78l, 22px);
256
253
  color: var(--color-text-body-default-ffdwgg, #16191f);
@@ -260,33 +257,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
260
257
  -moz-osx-font-smoothing: auto;
261
258
  }
262
259
 
263
- .awsui_with-result-button_11huc_16b7w_234:not(#\9) {
260
+ .awsui_with-result-button_11huc_7m799_256:not(#\9) {
264
261
  padding-right: var(--space-m-kpg8id, 16px);
265
262
  }
266
263
 
267
- .awsui_result-text_11huc_16b7w_238:not(#\9) {
264
+ .awsui_result-text_11huc_7m799_260:not(#\9) {
268
265
  /* used in test-utils */
269
266
  }
270
267
 
271
- .awsui_result-container-error_11huc_16b7w_242:not(#\9), .awsui_result-container-success_11huc_16b7w_242:not(#\9) {
268
+ .awsui_result-container-error_11huc_7m799_264:not(#\9), .awsui_result-container-success_11huc_7m799_264:not(#\9) {
272
269
  /* used in test-utils */
273
270
  }
274
271
 
275
- .awsui_result-button_11huc_16b7w_246:not(#\9) {
272
+ .awsui_result-button_11huc_7m799_268:not(#\9) {
276
273
  display: inline-block;
277
274
  margin: var(--space-scaled-xxs-t7ij38, 4px) 0;
278
275
  }
279
276
 
280
- .awsui_word-wrap_11huc_16b7w_251:not(#\9) {
277
+ .awsui_word-wrap_11huc_7m799_273:not(#\9) {
281
278
  min-width: 0;
282
279
  word-break: break-word;
283
280
  }
284
281
 
285
- .awsui_label-flash_11huc_16b7w_256:not(#\9) {
282
+ .awsui_label-flash_11huc_7m799_278:not(#\9) {
286
283
  color: "inherit";
287
284
  font-weight: 700;
288
285
  }
289
- .awsui_label-key-value_11huc_16b7w_260:not(#\9) {
286
+ .awsui_label-key-value_11huc_7m799_282:not(#\9) {
290
287
  font-size: var(--font-size-body-m-pa3mqb, 14px);
291
288
  line-height: var(--line-height-body-m-2zx78l, 22px);
292
289
  font-weight: var(--font-display-label-weight-2njs7q, 400);
@@ -294,18 +291,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
294
291
  margin-bottom: var(--space-scaled-xxxs-f7yq15, 2px);
295
292
  }
296
293
 
297
- .awsui_flash_11huc_16b7w_268:not(#\9) {
294
+ .awsui_flash_11huc_7m799_290:not(#\9) {
298
295
  color: inherit;
299
296
  }
300
297
 
301
- .awsui_progress-container_11huc_16b7w_272:not(#\9) {
298
+ .awsui_progress-container_11huc_7m799_294:not(#\9) {
302
299
  display: flex;
303
300
  align-items: center;
304
301
  max-width: 800px;
305
302
  height: var(--line-height-body-m-2zx78l, 22px);
306
303
  }
307
304
 
308
- .awsui_percentage-container_11huc_16b7w_279:not(#\9) {
305
+ .awsui_percentage-container_11huc_7m799_301:not(#\9) {
309
306
  width: 33px;
310
307
  flex-shrink: 0;
311
308
  white-space: nowrap;
@@ -315,11 +312,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
315
312
  letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
316
313
  }
317
314
 
318
- .awsui_percentage_11huc_16b7w_279:not(#\9) {
315
+ .awsui_percentage_11huc_7m799_301:not(#\9) {
319
316
  /* used in test-utils */
320
317
  }
321
318
 
322
- .awsui_progress_11huc_16b7w_185:not(#\9) {
319
+ .awsui_progress_11huc_7m799_185:not(#\9) {
323
320
  width: 100%;
324
321
  margin-right: var(--space-s-2025hl, 12px);
325
322
  min-width: 0;
@@ -329,44 +326,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
329
326
  border-radius: 10px;
330
327
  background-color: var(--color-background-progress-bar-layout-default-d4fh0m, #eaeded);
331
328
  }
332
- .awsui_progress_11huc_16b7w_185:not(#\9)::-webkit-progress-bar {
329
+ .awsui_progress_11huc_7m799_185:not(#\9)::-webkit-progress-bar {
333
330
  height: 4px;
334
331
  border: 0 none;
335
332
  box-sizing: border-box;
336
333
  border-radius: 10px;
337
334
  background-color: var(--color-background-progress-bar-layout-default-d4fh0m, #eaeded);
338
335
  }
339
- .awsui_progress_11huc_16b7w_185:not(#\9)::-webkit-progress-value {
336
+ .awsui_progress_11huc_7m799_185:not(#\9)::-webkit-progress-value {
340
337
  border-radius: 10px 0px 0px 10px;
341
338
  background-color: var(--color-background-progress-bar-content-default-6mb079, #0073bb);
342
339
  }
343
- .awsui_progress_11huc_16b7w_185.awsui_complete_11huc_16b7w_314:not(#\9)::-webkit-progress-value {
340
+ .awsui_progress_11huc_7m799_185.awsui_complete_11huc_7m799_336:not(#\9)::-webkit-progress-value {
344
341
  border-radius: 10px;
345
342
  }
346
- .awsui_progress_11huc_16b7w_185:not(#\9)::-moz-progress-bar {
343
+ .awsui_progress_11huc_7m799_185:not(#\9)::-moz-progress-bar {
347
344
  border-radius: 10px 0px 0px 10px;
348
345
  background-color: var(--color-background-progress-bar-content-default-6mb079, #0073bb);
349
346
  }
350
- .awsui_progress_11huc_16b7w_185:not(#\9)::-ms-fill {
347
+ .awsui_progress_11huc_7m799_185:not(#\9)::-ms-fill {
351
348
  border-radius: 10px 0px 0px 10px;
352
349
  background-color: #0073bb;
353
350
  border: none;
354
351
  }
355
- .awsui_progress_11huc_16b7w_185.awsui_complete_11huc_16b7w_314:not(#\9)::-ms-fill {
352
+ .awsui_progress_11huc_7m799_185.awsui_complete_11huc_7m799_336:not(#\9)::-ms-fill {
356
353
  border-radius: 10px;
357
354
  }
358
- .awsui_progress_11huc_16b7w_185.awsui_progress-in-flash_11huc_16b7w_329:not(#\9) {
355
+ .awsui_progress_11huc_7m799_185.awsui_progress-in-flash_11huc_7m799_351:not(#\9) {
359
356
  background-color: var(--color-background-progress-bar-layout-in-flash-npacz8, rgba(255, 255, 255, 0.25));
360
357
  }
361
- .awsui_progress_11huc_16b7w_185.awsui_progress-in-flash_11huc_16b7w_329:not(#\9)::-webkit-progress-bar {
358
+ .awsui_progress_11huc_7m799_185.awsui_progress-in-flash_11huc_7m799_351:not(#\9)::-webkit-progress-bar {
362
359
  background-color: var(--color-background-progress-bar-layout-in-flash-npacz8, rgba(255, 255, 255, 0.25));
363
360
  }
364
- .awsui_progress_11huc_16b7w_185.awsui_progress-in-flash_11huc_16b7w_329:not(#\9)::-webkit-progress-value {
361
+ .awsui_progress_11huc_7m799_185.awsui_progress-in-flash_11huc_7m799_351:not(#\9)::-webkit-progress-value {
365
362
  background-color: var(--color-background-progress-bar-content-in-flash-6k3gbt, rgba(255, 255, 255, 0.7));
366
363
  }
367
- .awsui_progress_11huc_16b7w_185.awsui_progress-in-flash_11huc_16b7w_329:not(#\9)::-moz-progress-bar {
364
+ .awsui_progress_11huc_7m799_185.awsui_progress-in-flash_11huc_7m799_351:not(#\9)::-moz-progress-bar {
368
365
  background-color: var(--color-background-progress-bar-content-in-flash-6k3gbt, rgba(255, 255, 255, 0.7));
369
366
  }
370
- .awsui_progress_11huc_16b7w_185.awsui_progress-in-flash_11huc_16b7w_329:not(#\9)::-ms-fill {
367
+ .awsui_progress_11huc_7m799_185.awsui_progress-in-flash_11huc_7m799_351:not(#\9)::-ms-fill {
371
368
  background-color: rgba(255, 255, 255, 0.7);
372
369
  }
@@ -2,23 +2,23 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "progress": "awsui_progress_11huc_16b7w_185",
6
- "result-state": "awsui_result-state_11huc_16b7w_199",
7
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_16b7w_1",
8
- "root": "awsui_root_11huc_16b7w_221",
9
- "with-result-button": "awsui_with-result-button_11huc_16b7w_234",
10
- "result-text": "awsui_result-text_11huc_16b7w_238",
11
- "result-container-error": "awsui_result-container-error_11huc_16b7w_242",
12
- "result-container-success": "awsui_result-container-success_11huc_16b7w_242",
13
- "result-button": "awsui_result-button_11huc_16b7w_246",
14
- "word-wrap": "awsui_word-wrap_11huc_16b7w_251",
15
- "label-flash": "awsui_label-flash_11huc_16b7w_256",
16
- "label-key-value": "awsui_label-key-value_11huc_16b7w_260",
17
- "flash": "awsui_flash_11huc_16b7w_268",
18
- "progress-container": "awsui_progress-container_11huc_16b7w_272",
19
- "percentage-container": "awsui_percentage-container_11huc_16b7w_279",
20
- "percentage": "awsui_percentage_11huc_16b7w_279",
21
- "complete": "awsui_complete_11huc_16b7w_314",
22
- "progress-in-flash": "awsui_progress-in-flash_11huc_16b7w_329"
5
+ "progress": "awsui_progress_11huc_7m799_185",
6
+ "result-state": "awsui_result-state_11huc_7m799_199",
7
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_7m799_1",
8
+ "root": "awsui_root_11huc_7m799_221",
9
+ "with-result-button": "awsui_with-result-button_11huc_7m799_256",
10
+ "result-text": "awsui_result-text_11huc_7m799_260",
11
+ "result-container-error": "awsui_result-container-error_11huc_7m799_264",
12
+ "result-container-success": "awsui_result-container-success_11huc_7m799_264",
13
+ "result-button": "awsui_result-button_11huc_7m799_268",
14
+ "word-wrap": "awsui_word-wrap_11huc_7m799_273",
15
+ "label-flash": "awsui_label-flash_11huc_7m799_278",
16
+ "label-key-value": "awsui_label-key-value_11huc_7m799_282",
17
+ "flash": "awsui_flash_11huc_7m799_290",
18
+ "progress-container": "awsui_progress-container_11huc_7m799_294",
19
+ "percentage-container": "awsui_percentage-container_11huc_7m799_301",
20
+ "percentage": "awsui_percentage_11huc_7m799_301",
21
+ "complete": "awsui_complete_11huc_7m799_336",
22
+ "progress-in-flash": "awsui_progress-in-flash_11huc_7m799_351"
23
23
  };
24
24
 
@@ -1,36 +1,36 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1wzqe_1iaky_93",
5
- "search-field": "awsui_search-field_1wzqe_1iaky_106",
6
- "input-wrapper": "awsui_input-wrapper_1wzqe_1iaky_112",
7
- "add-token": "awsui_add-token_1wzqe_1iaky_116",
8
- "tokens": "awsui_tokens_1wzqe_1iaky_123",
9
- "token-operator": "awsui_token-operator_1wzqe_1iaky_127",
10
- "property-editor": "awsui_property-editor_1wzqe_1iaky_131",
11
- "token-editor": "awsui_token-editor_1wzqe_1iaky_132",
12
- "property-editor-form": "awsui_property-editor-form_1wzqe_1iaky_136",
13
- "token-editor-form": "awsui_token-editor-form_1wzqe_1iaky_137",
14
- "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1iaky_140",
15
- "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1iaky_141",
16
- "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1iaky_144",
17
- "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1iaky_145",
18
- "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1iaky_148",
19
- "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1iaky_149",
20
- "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1iaky_152",
21
- "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1iaky_153",
22
- "property-editor-submit": "awsui_property-editor-submit_1wzqe_1iaky_156",
23
- "token-editor-submit": "awsui_token-editor-submit_1wzqe_1iaky_157",
24
- "property-editor-actions": "awsui_property-editor-actions_1wzqe_1iaky_160",
25
- "token-editor-actions": "awsui_token-editor-actions_1wzqe_1iaky_161",
26
- "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1iaky_179",
27
- "custom-control": "awsui_custom-control_1wzqe_1iaky_183",
28
- "input": "awsui_input_1wzqe_1iaky_112",
29
- "results": "awsui_results_1wzqe_1iaky_191",
30
- "token-trigger": "awsui_token-trigger_1wzqe_1iaky_197",
31
- "remove-all": "awsui_remove-all_1wzqe_1iaky_202",
32
- "token-label": "awsui_token-label_1wzqe_1iaky_203",
33
- "join-operation": "awsui_join-operation_1wzqe_1iaky_204",
34
- "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_1iaky_205"
4
+ "root": "awsui_root_1wzqe_1qh53_93",
5
+ "search-field": "awsui_search-field_1wzqe_1qh53_128",
6
+ "input-wrapper": "awsui_input-wrapper_1wzqe_1qh53_134",
7
+ "add-token": "awsui_add-token_1wzqe_1qh53_138",
8
+ "tokens": "awsui_tokens_1wzqe_1qh53_145",
9
+ "token-operator": "awsui_token-operator_1wzqe_1qh53_149",
10
+ "property-editor": "awsui_property-editor_1wzqe_1qh53_153",
11
+ "token-editor": "awsui_token-editor_1wzqe_1qh53_154",
12
+ "property-editor-form": "awsui_property-editor-form_1wzqe_1qh53_158",
13
+ "token-editor-form": "awsui_token-editor-form_1wzqe_1qh53_159",
14
+ "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1qh53_162",
15
+ "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1qh53_163",
16
+ "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1qh53_166",
17
+ "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1qh53_167",
18
+ "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1qh53_170",
19
+ "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1qh53_171",
20
+ "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1qh53_174",
21
+ "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1qh53_175",
22
+ "property-editor-submit": "awsui_property-editor-submit_1wzqe_1qh53_178",
23
+ "token-editor-submit": "awsui_token-editor-submit_1wzqe_1qh53_179",
24
+ "property-editor-actions": "awsui_property-editor-actions_1wzqe_1qh53_182",
25
+ "token-editor-actions": "awsui_token-editor-actions_1wzqe_1qh53_183",
26
+ "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1qh53_201",
27
+ "custom-control": "awsui_custom-control_1wzqe_1qh53_205",
28
+ "input": "awsui_input_1wzqe_1qh53_134",
29
+ "results": "awsui_results_1wzqe_1qh53_213",
30
+ "token-trigger": "awsui_token-trigger_1wzqe_1qh53_219",
31
+ "remove-all": "awsui_remove-all_1wzqe_1qh53_224",
32
+ "token-label": "awsui_token-label_1wzqe_1qh53_225",
33
+ "join-operation": "awsui_join-operation_1wzqe_1qh53_226",
34
+ "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_1qh53_227"
35
35
  };
36
36