@cloudscape-design/components 3.0.176 → 3.0.177

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 (285) hide show
  1. package/alert/styles.css.js +19 -19
  2. package/alert/styles.scoped.css +35 -31
  3. package/alert/styles.selectors.js +19 -19
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +31 -29
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/area-chart/styles.css.js +13 -13
  8. package/area-chart/styles.scoped.css +18 -16
  9. package/area-chart/styles.selectors.js +13 -13
  10. package/attribute-editor/styles.css.js +14 -14
  11. package/attribute-editor/styles.scoped.css +26 -24
  12. package/attribute-editor/styles.selectors.js +14 -14
  13. package/autosuggest/internal.d.ts.map +1 -1
  14. package/autosuggest/internal.js +2 -2
  15. package/autosuggest/internal.js.map +1 -1
  16. package/badge/styles.css.js +5 -5
  17. package/badge/styles.scoped.css +7 -5
  18. package/badge/styles.selectors.js +5 -5
  19. package/box/styles.css.js +189 -189
  20. package/box/styles.scoped.css +236 -234
  21. package/box/styles.selectors.js +189 -189
  22. package/breadcrumb-group/styles.css.js +6 -6
  23. package/breadcrumb-group/styles.scoped.css +15 -11
  24. package/breadcrumb-group/styles.selectors.js +6 -6
  25. package/button/styles.css.js +18 -18
  26. package/button/styles.scoped.css +138 -136
  27. package/button/styles.selectors.js +18 -18
  28. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  29. package/button-dropdown/mobile-expandable-group/styles.scoped.css +7 -5
  30. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  31. package/calendar/styles.css.js +18 -18
  32. package/calendar/styles.scoped.css +40 -38
  33. package/calendar/styles.selectors.js +18 -18
  34. package/cards/styles.css.js +37 -37
  35. package/cards/styles.scoped.css +48 -44
  36. package/cards/styles.selectors.js +37 -37
  37. package/checkbox/styles.css.js +3 -3
  38. package/checkbox/styles.scoped.css +7 -5
  39. package/checkbox/styles.selectors.js +3 -3
  40. package/code-editor/styles.css.js +32 -32
  41. package/code-editor/styles.scoped.css +111 -109
  42. package/code-editor/styles.selectors.js +32 -32
  43. package/column-layout/styles.css.js +13 -13
  44. package/column-layout/styles.scoped.css +45 -43
  45. package/column-layout/styles.selectors.js +13 -13
  46. package/container/index.d.ts.map +1 -1
  47. package/container/index.js +1 -1
  48. package/container/index.js.map +1 -1
  49. package/container/styles.css.js +17 -17
  50. package/container/styles.scoped.css +29 -27
  51. package/container/styles.selectors.js +17 -17
  52. package/date-picker/styles.css.js +7 -7
  53. package/date-picker/styles.scoped.css +11 -9
  54. package/date-picker/styles.selectors.js +7 -7
  55. package/date-range-picker/styles.css.js +38 -38
  56. package/date-range-picker/styles.scoped.css +47 -45
  57. package/date-range-picker/styles.selectors.js +38 -38
  58. package/expandable-section/styles.css.js +21 -21
  59. package/expandable-section/styles.scoped.css +44 -42
  60. package/expandable-section/styles.selectors.js +21 -21
  61. package/flashbar/styles.css.js +33 -33
  62. package/flashbar/styles.scoped.css +117 -115
  63. package/flashbar/styles.selectors.js +33 -33
  64. package/form/styles.css.js +8 -8
  65. package/form/styles.scoped.css +10 -8
  66. package/form/styles.selectors.js +8 -8
  67. package/form-field/styles.css.js +19 -19
  68. package/form-field/styles.scoped.css +31 -29
  69. package/form-field/styles.selectors.js +19 -19
  70. package/grid/styles.css.js +53 -53
  71. package/grid/styles.scoped.css +56 -54
  72. package/grid/styles.selectors.js +53 -53
  73. package/header/styles.css.js +44 -44
  74. package/header/styles.scoped.css +49 -47
  75. package/header/styles.selectors.js +44 -44
  76. package/help-panel/styles.css.js +4 -4
  77. package/help-panel/styles.scoped.css +60 -58
  78. package/help-panel/styles.selectors.js +4 -4
  79. package/icon/icons.js +1 -1
  80. package/input/index.d.ts.map +1 -1
  81. package/input/index.js +2 -2
  82. package/input/index.js.map +1 -1
  83. package/input/interfaces.d.ts +4 -0
  84. package/input/interfaces.d.ts.map +1 -1
  85. package/input/interfaces.js.map +1 -1
  86. package/input/internal.d.ts +0 -1
  87. package/input/internal.d.ts.map +1 -1
  88. package/input/internal.js +16 -14
  89. package/input/internal.js.map +1 -1
  90. package/input/styles.css.js +12 -13
  91. package/input/styles.scoped.css +35 -41
  92. package/input/styles.selectors.js +12 -13
  93. package/internal/components/autosuggest-input/index.d.ts +1 -0
  94. package/internal/components/autosuggest-input/index.d.ts.map +1 -1
  95. package/internal/components/autosuggest-input/index.js +2 -2
  96. package/internal/components/autosuggest-input/index.js.map +1 -1
  97. package/internal/components/button-trigger/styles.css.js +9 -9
  98. package/internal/components/button-trigger/styles.scoped.css +25 -23
  99. package/internal/components/button-trigger/styles.selectors.js +9 -9
  100. package/internal/components/chart-filter/styles.css.js +3 -3
  101. package/internal/components/chart-filter/styles.scoped.css +5 -3
  102. package/internal/components/chart-filter/styles.selectors.js +3 -3
  103. package/internal/components/chart-legend/styles.css.js +6 -6
  104. package/internal/components/chart-legend/styles.scoped.css +17 -15
  105. package/internal/components/chart-legend/styles.selectors.js +6 -6
  106. package/internal/components/chart-popover/styles.css.js +3 -3
  107. package/internal/components/chart-popover/styles.scoped.css +5 -3
  108. package/internal/components/chart-popover/styles.selectors.js +3 -3
  109. package/internal/components/chart-series-details/styles.css.js +5 -5
  110. package/internal/components/chart-series-details/styles.scoped.css +12 -8
  111. package/internal/components/chart-series-details/styles.selectors.js +5 -5
  112. package/internal/components/chart-series-marker/styles.css.js +5 -5
  113. package/internal/components/chart-series-marker/styles.scoped.css +9 -7
  114. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  115. package/internal/components/dropdown/styles.css.js +20 -20
  116. package/internal/components/dropdown/styles.scoped.css +37 -35
  117. package/internal/components/dropdown/styles.selectors.js +20 -20
  118. package/internal/components/dropdown-footer/styles.css.js +3 -3
  119. package/internal/components/dropdown-footer/styles.scoped.css +5 -3
  120. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  121. package/internal/components/dropdown-status/styles.css.js +2 -2
  122. package/internal/components/dropdown-status/styles.scoped.css +4 -2
  123. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  124. package/internal/components/focus-lock/index.d.ts +2 -1
  125. package/internal/components/focus-lock/index.d.ts.map +1 -1
  126. package/internal/components/focus-lock/index.js +28 -5
  127. package/internal/components/focus-lock/index.js.map +1 -1
  128. package/internal/components/menu-dropdown/styles.css.js +7 -7
  129. package/internal/components/menu-dropdown/styles.scoped.css +15 -13
  130. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  131. package/internal/components/option/styles.css.js +15 -15
  132. package/internal/components/option/styles.scoped.css +27 -25
  133. package/internal/components/option/styles.selectors.js +15 -15
  134. package/internal/components/options-list/styles.css.js +2 -2
  135. package/internal/components/options-list/styles.scoped.css +4 -2
  136. package/internal/components/options-list/styles.selectors.js +2 -2
  137. package/internal/components/selectable-item/styles.css.js +16 -16
  138. package/internal/components/selectable-item/styles.scoped.css +29 -27
  139. package/internal/components/selectable-item/styles.selectors.js +16 -16
  140. package/internal/components/tab-trap/index.d.ts +7 -4
  141. package/internal/components/tab-trap/index.d.ts.map +1 -1
  142. package/internal/components/tab-trap/index.js +5 -3
  143. package/internal/components/tab-trap/index.js.map +1 -1
  144. package/internal/environment.js +1 -1
  145. package/internal/hooks/use-merge-refs/index.d.ts +1 -1
  146. package/internal/hooks/use-merge-refs/index.d.ts.map +1 -1
  147. package/internal/hooks/use-merge-refs/index.js.map +1 -1
  148. package/internal/manifest.json +1 -1
  149. package/link/styles.css.js +20 -20
  150. package/link/styles.scoped.css +73 -71
  151. package/link/styles.selectors.js +20 -20
  152. package/mixed-line-bar-chart/styles.css.js +19 -19
  153. package/mixed-line-bar-chart/styles.scoped.css +28 -26
  154. package/mixed-line-bar-chart/styles.selectors.js +19 -19
  155. package/modal/internal.d.ts.map +1 -1
  156. package/modal/internal.js +2 -9
  157. package/modal/internal.js.map +1 -1
  158. package/modal/styles.css.js +22 -22
  159. package/modal/styles.scoped.css +42 -38
  160. package/modal/styles.selectors.js +22 -22
  161. package/multiselect/internal.d.ts.map +1 -1
  162. package/multiselect/internal.js +2 -2
  163. package/multiselect/internal.js.map +1 -1
  164. package/multiselect/styles.css.js +1 -1
  165. package/multiselect/styles.scoped.css +3 -1
  166. package/multiselect/styles.selectors.js +1 -1
  167. package/package.json +1 -1
  168. package/pagination/styles.css.js +9 -9
  169. package/pagination/styles.scoped.css +25 -23
  170. package/pagination/styles.selectors.js +9 -9
  171. package/pie-chart/styles.css.js +27 -27
  172. package/pie-chart/styles.scoped.css +45 -43
  173. package/pie-chart/styles.selectors.js +27 -27
  174. package/popover/styles.css.js +50 -50
  175. package/popover/styles.scoped.css +69 -63
  176. package/popover/styles.selectors.js +50 -50
  177. package/progress-bar/styles.css.js +18 -18
  178. package/progress-bar/styles.scoped.css +34 -32
  179. package/progress-bar/styles.selectors.js +18 -18
  180. package/property-filter/interfaces.d.ts +1 -0
  181. package/property-filter/interfaces.d.ts.map +1 -1
  182. package/property-filter/interfaces.js.map +1 -1
  183. package/property-filter/styles.css.js +33 -33
  184. package/property-filter/styles.scoped.css +37 -35
  185. package/property-filter/styles.selectors.js +33 -33
  186. package/property-filter/token-editor.d.ts.map +1 -1
  187. package/property-filter/token-editor.js +1 -1
  188. package/property-filter/token-editor.js.map +1 -1
  189. package/radio-group/styles.css.js +9 -9
  190. package/radio-group/styles.scoped.css +17 -15
  191. package/radio-group/styles.selectors.js +9 -9
  192. package/s3-resource-selector/interfaces.d.ts +1 -0
  193. package/s3-resource-selector/interfaces.d.ts.map +1 -1
  194. package/s3-resource-selector/interfaces.js.map +1 -1
  195. package/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
  196. package/s3-resource-selector/s3-in-context/index.js +1 -1
  197. package/s3-resource-selector/s3-in-context/index.js.map +1 -1
  198. package/segmented-control/styles.css.js +14 -14
  199. package/segmented-control/styles.scoped.css +35 -33
  200. package/segmented-control/styles.selectors.js +14 -14
  201. package/select/interfaces.d.ts +4 -0
  202. package/select/interfaces.d.ts.map +1 -1
  203. package/select/interfaces.js.map +1 -1
  204. package/select/internal.d.ts.map +1 -1
  205. package/select/internal.js +2 -2
  206. package/select/internal.js.map +1 -1
  207. package/select/parts/filter.d.ts +1 -1
  208. package/select/parts/filter.d.ts.map +1 -1
  209. package/select/styles.css.js +1 -1
  210. package/select/styles.scoped.css +3 -1
  211. package/select/styles.selectors.js +1 -1
  212. package/side-navigation/internal.js +1 -1
  213. package/side-navigation/internal.js.map +1 -1
  214. package/side-navigation/styles.css.js +22 -22
  215. package/side-navigation/styles.scoped.css +37 -32
  216. package/side-navigation/styles.selectors.js +22 -22
  217. package/split-panel/styles.css.js +59 -59
  218. package/split-panel/styles.scoped.css +83 -81
  219. package/split-panel/styles.selectors.js +59 -59
  220. package/status-indicator/styles.css.js +20 -20
  221. package/status-indicator/styles.scoped.css +28 -26
  222. package/status-indicator/styles.selectors.js +20 -20
  223. package/table/styles.css.js +33 -33
  224. package/table/styles.scoped.css +41 -39
  225. package/table/styles.selectors.js +33 -33
  226. package/tabs/styles.css.js +21 -21
  227. package/tabs/styles.scoped.css +40 -38
  228. package/tabs/styles.selectors.js +21 -21
  229. package/tag-editor/index.d.ts.map +1 -1
  230. package/tag-editor/index.js +2 -2
  231. package/tag-editor/index.js.map +1 -1
  232. package/tag-editor/interfaces.d.ts +1 -0
  233. package/tag-editor/interfaces.d.ts.map +1 -1
  234. package/tag-editor/interfaces.js.map +1 -1
  235. package/tag-editor/internal.d.ts +1 -0
  236. package/tag-editor/internal.d.ts.map +1 -1
  237. package/tag-editor/internal.js +2 -2
  238. package/tag-editor/internal.js.map +1 -1
  239. package/test-utils/dom/input/index.js +1 -1
  240. package/test-utils/dom/input/index.js.map +1 -1
  241. package/test-utils/selectors/input/index.js +1 -1
  242. package/test-utils/selectors/input/index.js.map +1 -1
  243. package/test-utils/tsconfig.tsbuildinfo +1 -1
  244. package/text-content/styles.css.js +1 -1
  245. package/text-content/styles.scoped.css +62 -60
  246. package/text-content/styles.selectors.js +1 -1
  247. package/text-filter/interfaces.d.ts +4 -0
  248. package/text-filter/interfaces.d.ts.map +1 -1
  249. package/text-filter/interfaces.js.map +1 -1
  250. package/text-filter/internal.d.ts.map +1 -1
  251. package/text-filter/internal.js +2 -2
  252. package/text-filter/internal.js.map +1 -1
  253. package/text-filter/styles.css.js +4 -4
  254. package/text-filter/styles.scoped.css +6 -4
  255. package/text-filter/styles.selectors.js +4 -4
  256. package/textarea/styles.css.js +4 -4
  257. package/textarea/styles.scoped.css +14 -12
  258. package/textarea/styles.selectors.js +4 -4
  259. package/tiles/styles.css.js +28 -28
  260. package/tiles/styles.scoped.css +72 -68
  261. package/tiles/styles.selectors.js +28 -28
  262. package/toggle/styles.css.js +8 -8
  263. package/toggle/styles.scoped.css +15 -13
  264. package/toggle/styles.selectors.js +8 -8
  265. package/token-group/styles.css.js +7 -7
  266. package/token-group/styles.scoped.css +26 -22
  267. package/token-group/styles.selectors.js +7 -7
  268. package/top-navigation/1.0-beta/styles.css.js +25 -25
  269. package/top-navigation/1.0-beta/styles.scoped.css +44 -42
  270. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  271. package/top-navigation/styles.css.js +47 -47
  272. package/top-navigation/styles.scoped.css +72 -66
  273. package/top-navigation/styles.selectors.js +47 -47
  274. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  275. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -21
  276. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  277. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  278. package/tutorial-panel/components/tutorial-list/styles.scoped.css +33 -27
  279. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  280. package/tutorial-panel/styles.css.js +1 -1
  281. package/tutorial-panel/styles.scoped.css +3 -1
  282. package/tutorial-panel/styles.selectors.js +1 -1
  283. package/wizard/styles.css.js +32 -32
  284. package/wizard/styles.scoped.css +62 -60
  285. package/wizard/styles.selectors.js +32 -32
@@ -1,21 +1,21 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "selectable-item": "awsui_selectable-item_15o6u_1g6vu_93",
5
- "pad-bottom": "awsui_pad-bottom_15o6u_1g6vu_113",
6
- "has-background": "awsui_has-background_15o6u_1g6vu_122",
7
- "highlighted": "awsui_highlighted_15o6u_1g6vu_125",
8
- "selected": "awsui_selected_15o6u_1g6vu_125",
9
- "disabled": "awsui_disabled_15o6u_1g6vu_139",
10
- "next-item-selected": "awsui_next-item-selected_15o6u_1g6vu_147",
11
- "is-keyboard": "awsui_is-keyboard_15o6u_1g6vu_155",
12
- "parent": "awsui_parent_15o6u_1g6vu_159",
13
- "interactiveGroups": "awsui_interactiveGroups_15o6u_1g6vu_163",
14
- "child": "awsui_child_15o6u_1g6vu_175",
15
- "virtual": "awsui_virtual_15o6u_1g6vu_190",
16
- "measure-strut": "awsui_measure-strut_15o6u_1g6vu_201",
17
- "measure-strut-first": "awsui_measure-strut-first_15o6u_1g6vu_210",
18
- "screenreader-content": "awsui_screenreader-content_15o6u_1g6vu_214",
19
- "option-content": "awsui_option-content_15o6u_1g6vu_220"
4
+ "selectable-item": "awsui_selectable-item_15o6u_cy5yq_93",
5
+ "pad-bottom": "awsui_pad-bottom_15o6u_cy5yq_115",
6
+ "has-background": "awsui_has-background_15o6u_cy5yq_124",
7
+ "highlighted": "awsui_highlighted_15o6u_cy5yq_127",
8
+ "selected": "awsui_selected_15o6u_cy5yq_127",
9
+ "disabled": "awsui_disabled_15o6u_cy5yq_141",
10
+ "next-item-selected": "awsui_next-item-selected_15o6u_cy5yq_149",
11
+ "is-keyboard": "awsui_is-keyboard_15o6u_cy5yq_157",
12
+ "parent": "awsui_parent_15o6u_cy5yq_161",
13
+ "interactiveGroups": "awsui_interactiveGroups_15o6u_cy5yq_165",
14
+ "child": "awsui_child_15o6u_cy5yq_177",
15
+ "virtual": "awsui_virtual_15o6u_cy5yq_192",
16
+ "measure-strut": "awsui_measure-strut_15o6u_cy5yq_203",
17
+ "measure-strut-first": "awsui_measure-strut-first_15o6u_cy5yq_212",
18
+ "screenreader-content": "awsui_screenreader-content_15o6u_cy5yq_216",
19
+ "option-content": "awsui_option-content_15o6u_cy5yq_222"
20
20
  };
21
21
 
@@ -90,12 +90,14 @@ 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_selectable-item_15o6u_1g6vu_93:not(#\9) {
93
+ .awsui_selectable-item_15o6u_cy5yq_93:not(#\9) {
94
94
  font-size: var(--font-body-m-size-sregvd, 14px);
95
95
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
96
96
  color: var(--color-text-body-default-ajf1h5, #000716);
97
97
  font-weight: 400;
98
98
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
99
+ -webkit-font-smoothing: auto;
100
+ -moz-osx-font-smoothing: auto;
99
101
  position: relative;
100
102
  list-style: none;
101
103
  z-index: 1;
@@ -110,95 +112,95 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
110
112
  var(--space-xxs-ynfts5, 4px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
111
113
  ) calc(var(--space-field-horizontal-89h2yr, 12px) + var(--border-item-width-qbbbsa, 2px));
112
114
  }
113
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_pad-bottom_15o6u_1g6vu_113:not(#\9) {
115
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_pad-bottom_15o6u_cy5yq_115:not(#\9) {
114
116
  padding-bottom: calc(calc(
115
117
  var(--space-xxs-ynfts5, 4px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
116
118
  ) + var(--space-xxxs-k2w98v, 2px));
117
119
  border-bottom-color: transparent;
118
120
  }
119
- .awsui_selectable-item_15o6u_1g6vu_93:not(#\9):not(:first-child) {
121
+ .awsui_selectable-item_15o6u_cy5yq_93:not(#\9):not(:first-child) {
120
122
  margin-top: calc(-1 * var(--border-item-width-qbbbsa, 2px));
121
123
  }
122
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_has-background_15o6u_1g6vu_122:not(#\9) {
124
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_has-background_15o6u_cy5yq_124:not(#\9) {
123
125
  background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
124
126
  }
125
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_highlighted_15o6u_1g6vu_125:not(#\9), .awsui_selectable-item_15o6u_1g6vu_93.awsui_selected_15o6u_1g6vu_125:not(#\9) {
127
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_highlighted_15o6u_cy5yq_127:not(#\9), .awsui_selectable-item_15o6u_cy5yq_93.awsui_selected_15o6u_cy5yq_127:not(#\9) {
126
128
  color: var(--color-text-dropdown-item-highlighted-oaabyk, #000716);
127
129
  border-width: var(--border-item-width-qbbbsa, 2px);
128
130
  border-radius: var(--border-radius-item-u2ibpi, 8px);
129
131
  padding: var(--space-xxs-ynfts5, 4px) var(--space-field-horizontal-89h2yr, 12px);
130
132
  }
131
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_highlighted_15o6u_1g6vu_125.awsui_pad-bottom_15o6u_1g6vu_113:not(#\9), .awsui_selectable-item_15o6u_1g6vu_93.awsui_selected_15o6u_1g6vu_125.awsui_pad-bottom_15o6u_1g6vu_113:not(#\9) {
133
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_highlighted_15o6u_cy5yq_127.awsui_pad-bottom_15o6u_cy5yq_115:not(#\9), .awsui_selectable-item_15o6u_cy5yq_93.awsui_selected_15o6u_cy5yq_127.awsui_pad-bottom_15o6u_cy5yq_115:not(#\9) {
132
134
  padding-bottom: calc(var(--space-xxs-ynfts5, 4px) + var(--space-xxxs-k2w98v, 2px));
133
135
  }
134
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_highlighted_15o6u_1g6vu_125:not(#\9) {
136
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_highlighted_15o6u_cy5yq_127:not(#\9) {
135
137
  z-index: 2;
136
138
  background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
137
139
  border-color: var(--color-border-dropdown-item-hover-tyzq9m, #7d8998);
138
140
  }
139
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_highlighted_15o6u_1g6vu_125.awsui_disabled_15o6u_1g6vu_139:not(#\9) {
141
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_highlighted_15o6u_cy5yq_127.awsui_disabled_15o6u_cy5yq_141:not(#\9) {
140
142
  color: var(--color-text-dropdown-item-dimmed-jyqdrs, #9ba7b6);
141
143
  border-color: var(--color-border-dropdown-item-dimmed-hover-6dhy15, #7d8998);
142
144
  background-color: var(--color-background-dropdown-item-dimmed-qw48ma, transparent);
143
145
  }
144
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_selected_15o6u_1g6vu_125:not(#\9) {
146
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_selected_15o6u_cy5yq_127:not(#\9) {
145
147
  background-color: var(--color-background-dropdown-item-selected-8l4mpk, #f2f8fd);
146
148
  }
147
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_selected_15o6u_1g6vu_125.awsui_next-item-selected_15o6u_1g6vu_147:not(#\9) {
149
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_selected_15o6u_cy5yq_127.awsui_next-item-selected_15o6u_cy5yq_149:not(#\9) {
148
150
  border-bottom-left-radius: 0;
149
151
  border-bottom-right-radius: 0;
150
152
  }
151
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_selected_15o6u_1g6vu_125 + .awsui_selectable-item_15o6u_1g6vu_93.awsui_selected_15o6u_1g6vu_125:not(#\9) {
153
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_selected_15o6u_cy5yq_127 + .awsui_selectable-item_15o6u_cy5yq_93.awsui_selected_15o6u_cy5yq_127:not(#\9) {
152
154
  border-top-left-radius: 0;
153
155
  border-top-right-radius: 0;
154
156
  }
155
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_highlighted_15o6u_1g6vu_125.awsui_is-keyboard_15o6u_1g6vu_155:not(#\9) {
157
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_highlighted_15o6u_cy5yq_127.awsui_is-keyboard_15o6u_cy5yq_157:not(#\9) {
156
158
  border-color: var(--color-border-item-focused-ap3b6s, #0972d3);
157
159
  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
158
160
  }
159
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_parent_15o6u_1g6vu_159:not(#\9) {
161
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_parent_15o6u_cy5yq_161:not(#\9) {
160
162
  font-weight: bold;
161
163
  color: var(--color-text-dropdown-group-label-eaqlcl, #414d5c);
162
164
  }
163
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_parent_15o6u_1g6vu_159:not(#\9):not(.awsui_interactiveGroups_15o6u_1g6vu_163) {
165
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_parent_15o6u_cy5yq_161:not(#\9):not(.awsui_interactiveGroups_15o6u_cy5yq_165) {
164
166
  border-top-color: var(--color-border-dropdown-group-0utpsr, #e9ebed);
165
167
  padding: var(--space-xs-rsr2qu, 8px);
166
168
  }
167
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_parent_15o6u_1g6vu_159.awsui_interactiveGroups_15o6u_1g6vu_163:not(#\9) {
169
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_parent_15o6u_cy5yq_161.awsui_interactiveGroups_15o6u_cy5yq_165:not(#\9) {
168
170
  padding: calc(
169
171
  var(--space-xs-rsr2qu, 8px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
170
172
  ) calc(var(--space-field-horizontal-89h2yr, 12px) + var(--border-item-width-qbbbsa, 2px));
171
173
  }
172
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_parent_15o6u_1g6vu_159.awsui_interactiveGroups_15o6u_1g6vu_163.awsui_highlighted_15o6u_1g6vu_125:not(#\9), .awsui_selectable-item_15o6u_1g6vu_93.awsui_parent_15o6u_1g6vu_159.awsui_interactiveGroups_15o6u_1g6vu_163.awsui_selected_15o6u_1g6vu_125:not(#\9) {
174
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_parent_15o6u_cy5yq_161.awsui_interactiveGroups_15o6u_cy5yq_165.awsui_highlighted_15o6u_cy5yq_127:not(#\9), .awsui_selectable-item_15o6u_cy5yq_93.awsui_parent_15o6u_cy5yq_161.awsui_interactiveGroups_15o6u_cy5yq_165.awsui_selected_15o6u_cy5yq_127:not(#\9) {
173
175
  padding: var(--space-xs-rsr2qu, 8px) var(--space-field-horizontal-89h2yr, 12px);
174
176
  }
175
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_child_15o6u_1g6vu_175:not(#\9) {
177
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_child_15o6u_cy5yq_177:not(#\9) {
176
178
  padding-left: calc(var(--space-xxl-2nvmf1, 32px) + var(--border-item-width-qbbbsa, 2px));
177
179
  }
178
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_child_15o6u_1g6vu_175.awsui_highlighted_15o6u_1g6vu_125:not(#\9), .awsui_selectable-item_15o6u_1g6vu_93.awsui_child_15o6u_1g6vu_175.awsui_selected_15o6u_1g6vu_125:not(#\9) {
180
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_child_15o6u_cy5yq_177.awsui_highlighted_15o6u_cy5yq_127:not(#\9), .awsui_selectable-item_15o6u_cy5yq_93.awsui_child_15o6u_cy5yq_177.awsui_selected_15o6u_cy5yq_127:not(#\9) {
179
181
  padding-left: var(--space-xxl-2nvmf1, 32px);
180
182
  }
181
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_disabled_15o6u_1g6vu_139:not(#\9) {
183
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_disabled_15o6u_cy5yq_141:not(#\9) {
182
184
  color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
183
185
  }
184
- .awsui_selectable-item_15o6u_1g6vu_93:not(#\9):not(.awsui_disabled_15o6u_1g6vu_139):not(.awsui_parent_15o6u_1g6vu_159) {
186
+ .awsui_selectable-item_15o6u_cy5yq_93:not(#\9):not(.awsui_disabled_15o6u_cy5yq_141):not(.awsui_parent_15o6u_cy5yq_161) {
185
187
  cursor: pointer;
186
188
  }
187
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_interactiveGroups_15o6u_1g6vu_163:not(#\9):not(.awsui_disabled_15o6u_1g6vu_139) {
189
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_interactiveGroups_15o6u_cy5yq_165:not(#\9):not(.awsui_disabled_15o6u_cy5yq_141) {
188
190
  cursor: pointer;
189
191
  }
190
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_virtual_15o6u_1g6vu_190:not(#\9) {
192
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_virtual_15o6u_cy5yq_192:not(#\9) {
191
193
  position: absolute;
192
194
  top: var(--border-dropdown-virtual-offset-width-fzhepk, 2px);
193
195
  left: 0;
194
196
  width: 100%;
195
197
  box-sizing: border-box;
196
198
  }
197
- .awsui_selectable-item_15o6u_1g6vu_93.awsui_virtual_15o6u_1g6vu_190:not(#\9):first-of-type:not(.awsui_selected_15o6u_1g6vu_125, .awsui_highlighted_15o6u_1g6vu_125) {
199
+ .awsui_selectable-item_15o6u_cy5yq_93.awsui_virtual_15o6u_cy5yq_192:not(#\9):first-of-type:not(.awsui_selected_15o6u_cy5yq_127, .awsui_highlighted_15o6u_cy5yq_127) {
198
200
  border-top-color: var(--color-border-dropdown-item-top-xnzq48, transparent);
199
201
  }
200
202
 
201
- .awsui_measure-strut_15o6u_1g6vu_201:not(#\9) {
203
+ .awsui_measure-strut_15o6u_cy5yq_203:not(#\9) {
202
204
  position: absolute;
203
205
  pointer-events: none;
204
206
  height: 100%;
@@ -207,16 +209,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
207
209
  left: 0;
208
210
  padding-top: var(--border-divider-list-width-hacikr, 1px);
209
211
  }
210
- .awsui_measure-strut-first_15o6u_1g6vu_210:not(#\9) {
212
+ .awsui_measure-strut-first_15o6u_cy5yq_212:not(#\9) {
211
213
  padding-bottom: var(--border-divider-list-width-hacikr, 1px);
212
214
  }
213
215
 
214
- .awsui_screenreader-content_15o6u_1g6vu_214:not(#\9) {
216
+ .awsui_screenreader-content_15o6u_cy5yq_216:not(#\9) {
215
217
  position: absolute !important;
216
218
  top: -9999px !important;
217
219
  left: -9999px !important;
218
220
  }
219
221
 
220
- .awsui_option-content_15o6u_1g6vu_220:not(#\9) {
222
+ .awsui_option-content_15o6u_cy5yq_222:not(#\9) {
221
223
  /* used in test-utils */
222
224
  }
@@ -2,21 +2,21 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "selectable-item": "awsui_selectable-item_15o6u_1g6vu_93",
6
- "pad-bottom": "awsui_pad-bottom_15o6u_1g6vu_113",
7
- "has-background": "awsui_has-background_15o6u_1g6vu_122",
8
- "highlighted": "awsui_highlighted_15o6u_1g6vu_125",
9
- "selected": "awsui_selected_15o6u_1g6vu_125",
10
- "disabled": "awsui_disabled_15o6u_1g6vu_139",
11
- "next-item-selected": "awsui_next-item-selected_15o6u_1g6vu_147",
12
- "is-keyboard": "awsui_is-keyboard_15o6u_1g6vu_155",
13
- "parent": "awsui_parent_15o6u_1g6vu_159",
14
- "interactiveGroups": "awsui_interactiveGroups_15o6u_1g6vu_163",
15
- "child": "awsui_child_15o6u_1g6vu_175",
16
- "virtual": "awsui_virtual_15o6u_1g6vu_190",
17
- "measure-strut": "awsui_measure-strut_15o6u_1g6vu_201",
18
- "measure-strut-first": "awsui_measure-strut-first_15o6u_1g6vu_210",
19
- "screenreader-content": "awsui_screenreader-content_15o6u_1g6vu_214",
20
- "option-content": "awsui_option-content_15o6u_1g6vu_220"
5
+ "selectable-item": "awsui_selectable-item_15o6u_cy5yq_93",
6
+ "pad-bottom": "awsui_pad-bottom_15o6u_cy5yq_115",
7
+ "has-background": "awsui_has-background_15o6u_cy5yq_124",
8
+ "highlighted": "awsui_highlighted_15o6u_cy5yq_127",
9
+ "selected": "awsui_selected_15o6u_cy5yq_127",
10
+ "disabled": "awsui_disabled_15o6u_cy5yq_141",
11
+ "next-item-selected": "awsui_next-item-selected_15o6u_cy5yq_149",
12
+ "is-keyboard": "awsui_is-keyboard_15o6u_cy5yq_157",
13
+ "parent": "awsui_parent_15o6u_cy5yq_161",
14
+ "interactiveGroups": "awsui_interactiveGroups_15o6u_cy5yq_165",
15
+ "child": "awsui_child_15o6u_cy5yq_177",
16
+ "virtual": "awsui_virtual_15o6u_cy5yq_192",
17
+ "measure-strut": "awsui_measure-strut_15o6u_cy5yq_203",
18
+ "measure-strut-first": "awsui_measure-strut-first_15o6u_cy5yq_212",
19
+ "screenreader-content": "awsui_screenreader-content_15o6u_cy5yq_216",
20
+ "option-content": "awsui_option-content_15o6u_cy5yq_222"
21
21
  };
22
22
 
@@ -1,9 +1,12 @@
1
+ import React from 'react';
1
2
  export interface TabTrapProps {
2
- focusNextCallback: FocusNextElement;
3
+ focusNextCallback: (event: React.FocusEvent) => void;
3
4
  disabled?: boolean;
4
5
  }
5
- export interface FocusNextElement {
6
- (): void;
7
- }
6
+ /**
7
+ * This component handles focus-forwarding when using keyboard tab navigation.
8
+ * When the user focuses this component, the `focusNextCallback` function is called
9
+ * which can forward the focus to another element.
10
+ */
8
11
  export default function TabTrap({ focusNextCallback, disabled }: TabTrapProps): JSX.Element;
9
12
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/tab-trap/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAC3B,iBAAiB,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,IAAI,CAAC;CACV;AAKD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,iBAAiB,EAAE,QAAgB,EAAE,EAAE,YAAY,eAEpF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/tab-trap/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,iBAAiB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,iBAAiB,EAAE,QAAgB,EAAE,EAAE,YAAY,eAEpF"}
@@ -1,9 +1,11 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import React from 'react';
4
- // This component handles focus-forwarding when navigating through the calendar grid.
5
- // When the customer focuses that component the `next` callback function is called
6
- // with forwards the focus.
4
+ /**
5
+ * This component handles focus-forwarding when using keyboard tab navigation.
6
+ * When the user focuses this component, the `focusNextCallback` function is called
7
+ * which can forward the focus to another element.
8
+ */
7
9
  export default function TabTrap(_a) {
8
10
  var focusNextCallback = _a.focusNextCallback, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
9
11
  return React.createElement("div", { tabIndex: disabled ? -1 : 0, onFocus: focusNextCallback });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/tab-trap/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,qFAAqF;AACrF,kFAAkF;AAClF,2BAA2B;AAC3B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAqD;QAAnD,iBAAiB,uBAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACnE,OAAO,6BAAK,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,iBAAiB,GAAI,CAAC;AAC1E,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nexport interface TabTrapProps {\n focusNextCallback: FocusNextElement;\n disabled?: boolean;\n}\n\nexport interface FocusNextElement {\n (): void;\n}\n\n// This component handles focus-forwarding when navigating through the calendar grid.\n// When the customer focuses that component the `next` callback function is called\n// with forwards the focus.\nexport default function TabTrap({ focusNextCallback, disabled = false }: TabTrapProps) {\n return <div tabIndex={disabled ? -1 : 0} onFocus={focusNextCallback} />;\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/tab-trap/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAqD;QAAnD,iBAAiB,uBAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACnE,OAAO,6BAAK,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,iBAAiB,GAAI,CAAC;AAC1E,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nexport interface TabTrapProps {\n focusNextCallback: (event: React.FocusEvent) => void;\n disabled?: boolean;\n}\n\n/**\n * This component handles focus-forwarding when using keyboard tab navigation.\n * When the user focuses this component, the `focusNextCallback` function is called\n * which can forward the focus to another element.\n */\nexport default function TabTrap({ focusNextCallback, disabled = false }: TabTrapProps) {\n return <div tabIndex={disabled ? -1 : 0} onFocus={focusNextCallback} />;\n}\n"]}
@@ -1,5 +1,5 @@
1
1
 
2
- export var PACKAGE_VERSION = '3.0.0 (d52870f)';
2
+ export var PACKAGE_VERSION = '3.0.0 (090a87d)';
3
3
  export var THEME = 'open-source-visual-refresh';
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
5
5
 
@@ -6,5 +6,5 @@ import React from 'react';
6
6
  * const mergedRef = useMergeRefs(ref1, ref2, ref3)
7
7
  * <div ref={refs}>...</div>
8
8
  */
9
- export declare function useMergeRefs(...refs: Array<React.RefCallback<any> | React.MutableRefObject<any> | null | undefined>): ((value: any) => void) | null;
9
+ export declare function useMergeRefs<T = any>(...refs: Array<React.RefCallback<T> | React.MutableRefObject<T> | null | undefined>): React.RefCallback<T> | null;
10
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-merge-refs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,YAKjG,GAAG,kBAYrB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-merge-refs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,CAAC,GAAG,GAAG,EAClC,GAAG,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,GAClF,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAiB7B"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-merge-refs/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,UAAU,YAAY;IAAC,cAAuF;SAAvF,UAAuF,EAAvF,qBAAuF,EAAvF,IAAuF;QAAvF,yBAAuF;;IAClH,OAAO,OAAO,CAAC;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAjC,CAAiC,CAAC,EAAE;YACxD,OAAO,IAAI,CAAC;SACb;QACD,OAAO,UAAC,KAAU;YAChB,IAAI,CAAC,OAAO,CAAC,UAAA,GAAG;gBACd,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;oBAC7B,GAAG,CAAC,KAAK,CAAC,CAAC;iBACZ;qBAAM,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE;oBAC3C,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAC;iBACtD;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QACF,gEAAgE;QAChE,uDAAuD;IACzD,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\n\n/**\n * useMergeRefs merges multiple refs into single ref callback.\n *\n * For example\n * const mergedRef = useMergeRefs(ref1, ref2, ref3)\n * <div ref={refs}>...</div>\n */\nexport function useMergeRefs(...refs: Array<React.RefCallback<any> | React.MutableRefObject<any> | null | undefined>) {\n return useMemo(() => {\n if (refs.every(ref => ref === null || ref === undefined)) {\n return null;\n }\n return (value: any) => {\n refs.forEach(ref => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref !== null && ref !== undefined) {\n (ref as React.MutableRefObject<any>).current = value;\n }\n });\n };\n // ESLint expects an array literal which we can not provide here\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, refs);\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-merge-refs/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,UAAU,YAAY;IAC1B,cAAmF;SAAnF,UAAmF,EAAnF,qBAAmF,EAAnF,IAAmF;QAAnF,yBAAmF;;IAEnF,OAAO,OAAO,CAAC;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAjC,CAAiC,CAAC,EAAE;YACxD,OAAO,IAAI,CAAC;SACb;QACD,OAAO,UAAC,KAAe;YACrB,IAAI,CAAC,OAAO,CAAC,UAAA,GAAG;gBACd,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;oBAC7B,GAAG,CAAC,KAAK,CAAC,CAAC;iBACZ;qBAAM,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE;oBAC3C,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAC;iBACtD;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QACF,gEAAgE;QAChE,uDAAuD;IACzD,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\n\n/**\n * useMergeRefs merges multiple refs into single ref callback.\n *\n * For example\n * const mergedRef = useMergeRefs(ref1, ref2, ref3)\n * <div ref={refs}>...</div>\n */\nexport function useMergeRefs<T = any>(\n ...refs: Array<React.RefCallback<T> | React.MutableRefObject<T> | null | undefined>\n): React.RefCallback<T> | null {\n return useMemo(() => {\n if (refs.every(ref => ref === null || ref === undefined)) {\n return null;\n }\n return (value: T | null) => {\n refs.forEach(ref => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref !== null && ref !== undefined) {\n (ref as React.MutableRefObject<any>).current = value;\n }\n });\n };\n // ESLint expects an array literal which we can not provide here\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, refs);\n}\n"]}
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "d52870f63298be6673e76fac5fe05996bf112d7b"
2
+ "commit": "090a87dad44af80598408d01ae4ad0682d7d1c73"
3
3
  }
@@ -1,25 +1,25 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "link": "awsui_link_4c84z_1r9bu_93",
5
- "variant-secondary": "awsui_variant-secondary_4c84z_1r9bu_138",
6
- "variant-primary": "awsui_variant-primary_4c84z_1r9bu_173",
7
- "variant-info": "awsui_variant-info_4c84z_1r9bu_208",
8
- "variant-value-large": "awsui_variant-value-large_4c84z_1r9bu_245",
9
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1r9bu_279",
10
- "variant-recovery": "awsui_variant-recovery_4c84z_1r9bu_314",
11
- "button": "awsui_button_4c84z_1r9bu_349",
12
- "color-inverted": "awsui_color-inverted_4c84z_1r9bu_386",
13
- "font-size-body-s": "awsui_font-size-body-s_4c84z_1r9bu_405",
14
- "font-size-body-m": "awsui_font-size-body-m_4c84z_1r9bu_410",
15
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1r9bu_414",
16
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1r9bu_418",
17
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1r9bu_423",
18
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1r9bu_428",
19
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1r9bu_433",
20
- "font-size-display-l": "awsui_font-size-display-l_4c84z_1r9bu_438",
21
- "font-size-inherit": "awsui_font-size-inherit_4c84z_1r9bu_443",
22
- "icon-wrapper": "awsui_icon-wrapper_4c84z_1r9bu_449",
23
- "icon": "awsui_icon_4c84z_1r9bu_449"
4
+ "link": "awsui_link_4c84z_1uewr_93",
5
+ "variant-secondary": "awsui_variant-secondary_4c84z_1uewr_140",
6
+ "variant-primary": "awsui_variant-primary_4c84z_1uewr_175",
7
+ "variant-info": "awsui_variant-info_4c84z_1uewr_210",
8
+ "variant-value-large": "awsui_variant-value-large_4c84z_1uewr_247",
9
+ "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1uewr_281",
10
+ "variant-recovery": "awsui_variant-recovery_4c84z_1uewr_316",
11
+ "button": "awsui_button_4c84z_1uewr_351",
12
+ "color-inverted": "awsui_color-inverted_4c84z_1uewr_388",
13
+ "font-size-body-s": "awsui_font-size-body-s_4c84z_1uewr_407",
14
+ "font-size-body-m": "awsui_font-size-body-m_4c84z_1uewr_412",
15
+ "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1uewr_416",
16
+ "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1uewr_420",
17
+ "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1uewr_425",
18
+ "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1uewr_430",
19
+ "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1uewr_435",
20
+ "font-size-display-l": "awsui_font-size-display-l_4c84z_1uewr_440",
21
+ "font-size-inherit": "awsui_font-size-inherit_4c84z_1uewr_445",
22
+ "icon-wrapper": "awsui_icon-wrapper_4c84z_1uewr_451",
23
+ "icon": "awsui_icon_4c84z_1uewr_451"
24
24
  };
25
25