@cloudscape-design/components 3.0.347 → 3.0.349

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 (427) hide show
  1. package/alert/styles.css.js +19 -19
  2. package/alert/styles.scoped.css +64 -64
  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 +46 -46
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/content-wrapper/styles.css.js +3 -3
  8. package/app-layout/content-wrapper/styles.scoped.css +10 -10
  9. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  10. package/app-layout/drawer/styles.css.js +10 -10
  11. package/app-layout/drawer/styles.scoped.css +28 -28
  12. package/app-layout/drawer/styles.selectors.js +10 -10
  13. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  14. package/app-layout/mobile-toolbar/styles.scoped.css +18 -18
  15. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  16. package/app-layout/notifications/styles.css.js +3 -3
  17. package/app-layout/notifications/styles.scoped.css +7 -7
  18. package/app-layout/notifications/styles.selectors.js +3 -3
  19. package/app-layout/styles.css.js +17 -17
  20. package/app-layout/styles.scoped.css +30 -30
  21. package/app-layout/styles.selectors.js +17 -17
  22. package/app-layout/toggles/styles.css.js +2 -2
  23. package/app-layout/toggles/styles.scoped.css +16 -16
  24. package/app-layout/toggles/styles.selectors.js +2 -2
  25. package/app-layout/visual-refresh/styles.css.js +69 -69
  26. package/app-layout/visual-refresh/styles.scoped.css +267 -267
  27. package/app-layout/visual-refresh/styles.selectors.js +69 -69
  28. package/area-chart/styles.css.js +6 -6
  29. package/area-chart/styles.scoped.css +16 -16
  30. package/area-chart/styles.selectors.js +6 -6
  31. package/attribute-editor/styles.css.js +14 -14
  32. package/attribute-editor/styles.scoped.css +48 -48
  33. package/attribute-editor/styles.selectors.js +14 -14
  34. package/badge/styles.css.js +5 -5
  35. package/badge/styles.scoped.css +20 -20
  36. package/badge/styles.selectors.js +5 -5
  37. package/box/styles.css.js +189 -189
  38. package/box/styles.scoped.css +418 -418
  39. package/box/styles.selectors.js +189 -189
  40. package/breadcrumb-group/item/styles.css.js +9 -9
  41. package/breadcrumb-group/item/styles.scoped.css +28 -28
  42. package/breadcrumb-group/item/styles.selectors.js +9 -9
  43. package/breadcrumb-group/styles.css.js +7 -7
  44. package/breadcrumb-group/styles.scoped.css +22 -22
  45. package/breadcrumb-group/styles.selectors.js +7 -7
  46. package/button/styles.css.js +20 -20
  47. package/button/styles.scoped.css +472 -472
  48. package/button/styles.selectors.js +20 -20
  49. package/button-dropdown/category-elements/styles.css.js +13 -13
  50. package/button-dropdown/category-elements/styles.scoped.css +50 -50
  51. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  52. package/button-dropdown/interfaces.d.ts +2 -15
  53. package/button-dropdown/interfaces.d.ts.map +1 -1
  54. package/button-dropdown/interfaces.js.map +1 -1
  55. package/button-dropdown/item-element/styles.css.js +14 -14
  56. package/button-dropdown/item-element/styles.scoped.css +42 -42
  57. package/button-dropdown/item-element/styles.selectors.js +14 -14
  58. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  59. package/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  60. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  61. package/button-dropdown/styles.css.js +14 -14
  62. package/button-dropdown/styles.scoped.css +32 -32
  63. package/button-dropdown/styles.selectors.js +14 -14
  64. package/calendar/styles.css.js +18 -18
  65. package/calendar/styles.scoped.css +89 -89
  66. package/calendar/styles.selectors.js +18 -18
  67. package/cards/styles.css.js +38 -38
  68. package/cards/styles.scoped.css +99 -99
  69. package/cards/styles.selectors.js +38 -38
  70. package/checkbox/styles.css.js +3 -3
  71. package/checkbox/styles.scoped.css +16 -16
  72. package/checkbox/styles.selectors.js +3 -3
  73. package/code-editor/resizable-box/styles.css.js +3 -3
  74. package/code-editor/resizable-box/styles.scoped.css +8 -8
  75. package/code-editor/resizable-box/styles.selectors.js +3 -3
  76. package/code-editor/styles.css.js +32 -32
  77. package/code-editor/styles.scoped.css +228 -219
  78. package/code-editor/styles.selectors.js +32 -32
  79. package/collection-preferences/content-display/styles.css.js +11 -11
  80. package/collection-preferences/content-display/styles.scoped.css +42 -42
  81. package/collection-preferences/content-display/styles.selectors.js +11 -11
  82. package/collection-preferences/styles.css.js +37 -37
  83. package/collection-preferences/styles.scoped.css +81 -81
  84. package/collection-preferences/styles.selectors.js +37 -37
  85. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  86. package/column-layout/flexible-column-layout/styles.scoped.css +8 -8
  87. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  88. package/column-layout/styles.css.js +13 -13
  89. package/column-layout/styles.scoped.css +55 -55
  90. package/column-layout/styles.selectors.js +13 -13
  91. package/container/styles.css.js +28 -28
  92. package/container/styles.scoped.css +94 -94
  93. package/container/styles.selectors.js +28 -28
  94. package/content-layout/styles.css.js +7 -7
  95. package/content-layout/styles.scoped.css +17 -17
  96. package/content-layout/styles.selectors.js +7 -7
  97. package/date-picker/styles.css.js +7 -7
  98. package/date-picker/styles.scoped.css +16 -16
  99. package/date-picker/styles.selectors.js +7 -7
  100. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  101. package/date-range-picker/calendar/grids/styles.scoped.css +95 -95
  102. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  103. package/date-range-picker/relative-range/styles.css.js +9 -9
  104. package/date-range-picker/relative-range/styles.scoped.css +16 -16
  105. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  106. package/date-range-picker/styles.css.js +38 -38
  107. package/date-range-picker/styles.scoped.css +76 -76
  108. package/date-range-picker/styles.selectors.js +38 -38
  109. package/expandable-section/styles.css.js +29 -29
  110. package/expandable-section/styles.scoped.css +106 -106
  111. package/expandable-section/styles.selectors.js +29 -29
  112. package/file-upload/dropzone/styles.css.js +2 -2
  113. package/file-upload/dropzone/styles.scoped.css +9 -9
  114. package/file-upload/dropzone/styles.selectors.js +2 -2
  115. package/file-upload/file-input/styles.css.js +4 -4
  116. package/file-upload/file-input/styles.scoped.css +14 -14
  117. package/file-upload/file-input/styles.selectors.js +4 -4
  118. package/file-upload/file-option/styles.css.js +7 -7
  119. package/file-upload/file-option/styles.scoped.css +10 -10
  120. package/file-upload/file-option/styles.selectors.js +7 -7
  121. package/file-upload/styles.css.js +2 -2
  122. package/file-upload/styles.scoped.css +4 -4
  123. package/file-upload/styles.selectors.js +2 -2
  124. package/flashbar/collapsible-flashbar.d.ts.map +1 -1
  125. package/flashbar/collapsible-flashbar.js +8 -5
  126. package/flashbar/collapsible-flashbar.js.map +1 -1
  127. package/flashbar/flash.d.ts.map +1 -1
  128. package/flashbar/flash.js +2 -1
  129. package/flashbar/flash.js.map +1 -1
  130. package/flashbar/non-collapsible-flashbar.d.ts.map +1 -1
  131. package/flashbar/non-collapsible-flashbar.js +1 -2
  132. package/flashbar/non-collapsible-flashbar.js.map +1 -1
  133. package/flashbar/styles.css.js +46 -46
  134. package/flashbar/styles.scoped.css +250 -246
  135. package/flashbar/styles.selectors.js +46 -46
  136. package/flashbar/utils.js +1 -1
  137. package/flashbar/utils.js.map +1 -1
  138. package/form/styles.css.js +9 -9
  139. package/form/styles.scoped.css +20 -20
  140. package/form/styles.selectors.js +9 -9
  141. package/form-field/styles.css.js +19 -19
  142. package/form-field/styles.scoped.css +52 -52
  143. package/form-field/styles.selectors.js +19 -19
  144. package/grid/styles.css.js +53 -53
  145. package/grid/styles.scoped.css +60 -60
  146. package/grid/styles.selectors.js +53 -53
  147. package/header/styles.css.js +33 -33
  148. package/header/styles.scoped.css +114 -114
  149. package/header/styles.selectors.js +33 -33
  150. package/help-panel/styles.css.js +4 -4
  151. package/help-panel/styles.scoped.css +172 -172
  152. package/help-panel/styles.selectors.js +4 -4
  153. package/hotspot/styles.css.js +7 -7
  154. package/hotspot/styles.scoped.css +10 -10
  155. package/hotspot/styles.selectors.js +7 -7
  156. package/i18n/index.d.ts +1 -1
  157. package/i18n/index.d.ts.map +1 -1
  158. package/i18n/index.js +1 -1
  159. package/i18n/index.js.map +1 -1
  160. package/i18n/provider.d.ts.map +1 -1
  161. package/i18n/provider.js +4 -2
  162. package/i18n/provider.js.map +1 -1
  163. package/i18n/testing.d.ts.map +1 -1
  164. package/i18n/testing.js +2 -0
  165. package/i18n/testing.js.map +1 -1
  166. package/icon/styles.css.js +21 -21
  167. package/icon/styles.scoped.css +81 -81
  168. package/icon/styles.selectors.js +21 -21
  169. package/input/styles.css.js +12 -12
  170. package/input/styles.scoped.css +73 -73
  171. package/input/styles.selectors.js +12 -12
  172. package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  173. package/internal/analytics/components/analytics-funnel.js +50 -1
  174. package/internal/analytics/components/analytics-funnel.js.map +1 -1
  175. package/internal/analytics/context/analytics-context.d.ts +13 -0
  176. package/internal/analytics/context/analytics-context.d.ts.map +1 -1
  177. package/internal/analytics/context/analytics-context.js +4 -0
  178. package/internal/analytics/context/analytics-context.js.map +1 -1
  179. package/internal/analytics/hooks/use-funnel.d.ts +4 -0
  180. package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
  181. package/internal/analytics/hooks/use-funnel.js +73 -20
  182. package/internal/analytics/hooks/use-funnel.js.map +1 -1
  183. package/internal/base-component/styles.scoped.css +1696 -1635
  184. package/internal/components/abstract-switch/styles.css.js +13 -13
  185. package/internal/components/abstract-switch/styles.scoped.css +26 -26
  186. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  187. package/internal/components/button-trigger/styles.css.js +9 -9
  188. package/internal/components/button-trigger/styles.scoped.css +63 -63
  189. package/internal/components/button-trigger/styles.selectors.js +9 -9
  190. package/internal/components/cartesian-chart/styles.css.js +27 -27
  191. package/internal/components/cartesian-chart/styles.scoped.css +41 -41
  192. package/internal/components/cartesian-chart/styles.selectors.js +27 -27
  193. package/internal/components/chart-filter/styles.css.js +3 -3
  194. package/internal/components/chart-filter/styles.scoped.css +7 -7
  195. package/internal/components/chart-filter/styles.selectors.js +3 -3
  196. package/internal/components/chart-legend/styles.css.js +6 -6
  197. package/internal/components/chart-legend/styles.scoped.css +23 -23
  198. package/internal/components/chart-legend/styles.selectors.js +6 -6
  199. package/internal/components/chart-plot/styles.css.js +5 -5
  200. package/internal/components/chart-plot/styles.scoped.css +6 -6
  201. package/internal/components/chart-plot/styles.selectors.js +5 -5
  202. package/internal/components/chart-popover/index.js +1 -1
  203. package/internal/components/chart-popover/index.js.map +1 -1
  204. package/internal/components/chart-popover/styles.css.js +3 -3
  205. package/internal/components/chart-popover/styles.scoped.css +9 -9
  206. package/internal/components/chart-popover/styles.selectors.js +3 -3
  207. package/internal/components/chart-series-details/styles.css.js +5 -5
  208. package/internal/components/chart-series-details/styles.scoped.css +20 -20
  209. package/internal/components/chart-series-details/styles.selectors.js +5 -5
  210. package/internal/components/chart-series-marker/styles.css.js +5 -5
  211. package/internal/components/chart-series-marker/styles.scoped.css +14 -14
  212. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  213. package/internal/components/chart-status-container/styles.css.js +2 -2
  214. package/internal/components/chart-status-container/styles.scoped.css +3 -3
  215. package/internal/components/chart-status-container/styles.selectors.js +2 -2
  216. package/internal/components/chart-wrapper/styles.css.js +9 -9
  217. package/internal/components/chart-wrapper/styles.scoped.css +15 -15
  218. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  219. package/internal/components/checkbox-icon/styles.css.js +7 -7
  220. package/internal/components/checkbox-icon/styles.scoped.css +18 -18
  221. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  222. package/internal/components/dark-ribbon/styles.css.js +2 -2
  223. package/internal/components/dark-ribbon/styles.scoped.css +4 -4
  224. package/internal/components/dark-ribbon/styles.selectors.js +2 -2
  225. package/internal/components/dropdown/interfaces.d.ts +8 -5
  226. package/internal/components/dropdown/interfaces.d.ts.map +1 -1
  227. package/internal/components/dropdown/interfaces.js.map +1 -1
  228. package/internal/components/dropdown/styles.css.js +20 -20
  229. package/internal/components/dropdown/styles.scoped.css +51 -51
  230. package/internal/components/dropdown/styles.selectors.js +20 -20
  231. package/internal/components/dropdown-footer/styles.css.js +3 -3
  232. package/internal/components/dropdown-footer/styles.scoped.css +9 -9
  233. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  234. package/internal/components/dropdown-status/styles.css.js +2 -2
  235. package/internal/components/dropdown-status/styles.scoped.css +8 -8
  236. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  237. package/internal/components/filtering-token/styles.css.js +7 -7
  238. package/internal/components/filtering-token/styles.scoped.css +34 -34
  239. package/internal/components/filtering-token/styles.selectors.js +7 -7
  240. package/internal/components/handle/styles.css.js +2 -2
  241. package/internal/components/handle/styles.scoped.css +12 -12
  242. package/internal/components/handle/styles.selectors.js +2 -2
  243. package/internal/components/menu-dropdown/styles.css.js +7 -7
  244. package/internal/components/menu-dropdown/styles.scoped.css +32 -32
  245. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  246. package/internal/components/option/styles.css.js +17 -17
  247. package/internal/components/option/styles.scoped.css +47 -47
  248. package/internal/components/option/styles.selectors.js +17 -17
  249. package/internal/components/options-list/styles.css.js +2 -2
  250. package/internal/components/options-list/styles.scoped.css +7 -7
  251. package/internal/components/options-list/styles.selectors.js +2 -2
  252. package/internal/components/selectable-item/styles.css.js +16 -16
  253. package/internal/components/selectable-item/styles.scoped.css +70 -70
  254. package/internal/components/selectable-item/styles.selectors.js +16 -16
  255. package/internal/components/token-list/styles.css.js +9 -9
  256. package/internal/components/token-list/styles.scoped.css +40 -40
  257. package/internal/components/token-list/styles.selectors.js +9 -9
  258. package/internal/environment.js +1 -1
  259. package/internal/environment.json +1 -1
  260. package/internal/generated/styles/tokens.d.ts +1 -0
  261. package/internal/generated/styles/tokens.js +306 -305
  262. package/internal/generated/theming/index.cjs +1830 -821
  263. package/internal/generated/theming/index.cjs.d.ts +192 -0
  264. package/internal/generated/theming/index.d.ts +192 -0
  265. package/internal/generated/theming/index.js +1830 -821
  266. package/internal/manifest.json +1 -1
  267. package/internal/utils/dom.d.ts +1 -1
  268. package/internal/utils/dom.d.ts.map +1 -1
  269. package/internal/utils/dom.js +1 -1
  270. package/internal/utils/dom.js.map +1 -1
  271. package/link/styles.css.js +20 -20
  272. package/link/styles.scoped.css +163 -163
  273. package/link/styles.selectors.js +20 -20
  274. package/mixed-line-bar-chart/styles.css.js +11 -11
  275. package/mixed-line-bar-chart/styles.scoped.css +24 -24
  276. package/mixed-line-bar-chart/styles.selectors.js +11 -11
  277. package/modal/styles.css.js +23 -23
  278. package/modal/styles.scoped.css +67 -67
  279. package/modal/styles.selectors.js +23 -23
  280. package/multiselect/styles.css.js +1 -1
  281. package/multiselect/styles.scoped.css +5 -5
  282. package/multiselect/styles.selectors.js +1 -1
  283. package/package.json +1 -1
  284. package/pagination/styles.css.js +9 -9
  285. package/pagination/styles.scoped.css +47 -47
  286. package/pagination/styles.selectors.js +9 -9
  287. package/pie-chart/index.d.ts.map +1 -1
  288. package/pie-chart/index.js +1 -2
  289. package/pie-chart/index.js.map +1 -1
  290. package/pie-chart/pie-chart.d.ts +1 -3
  291. package/pie-chart/pie-chart.d.ts.map +1 -1
  292. package/pie-chart/pie-chart.js +16 -17
  293. package/pie-chart/pie-chart.js.map +1 -1
  294. package/pie-chart/segments.d.ts +1 -2
  295. package/pie-chart/segments.d.ts.map +1 -1
  296. package/pie-chart/segments.js +2 -2
  297. package/pie-chart/segments.js.map +1 -1
  298. package/pie-chart/styles.css.js +27 -27
  299. package/pie-chart/styles.scoped.css +63 -63
  300. package/pie-chart/styles.selectors.js +27 -27
  301. package/popover/styles.css.js +50 -50
  302. package/popover/styles.scoped.css +104 -104
  303. package/popover/styles.selectors.js +50 -50
  304. package/progress-bar/styles.css.js +18 -18
  305. package/progress-bar/styles.scoped.css +58 -58
  306. package/progress-bar/styles.selectors.js +18 -18
  307. package/property-filter/styles.css.js +29 -29
  308. package/property-filter/styles.scoped.css +52 -52
  309. package/property-filter/styles.selectors.js +29 -29
  310. package/radio-group/styles.css.js +9 -9
  311. package/radio-group/styles.scoped.css +37 -37
  312. package/radio-group/styles.selectors.js +9 -9
  313. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  314. package/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
  315. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  316. package/segmented-control/styles.css.js +14 -14
  317. package/segmented-control/styles.scoped.css +78 -78
  318. package/segmented-control/styles.selectors.js +14 -14
  319. package/select/parts/styles.css.js +9 -9
  320. package/select/parts/styles.scoped.css +17 -17
  321. package/select/parts/styles.selectors.js +9 -9
  322. package/select/styles.css.js +1 -1
  323. package/select/styles.scoped.css +5 -5
  324. package/select/styles.selectors.js +1 -1
  325. package/side-navigation/styles.css.js +28 -28
  326. package/side-navigation/styles.scoped.css +92 -92
  327. package/side-navigation/styles.selectors.js +28 -28
  328. package/space-between/styles.css.js +23 -23
  329. package/space-between/styles.scoped.css +40 -40
  330. package/space-between/styles.selectors.js +23 -23
  331. package/spinner/styles.css.js +13 -13
  332. package/spinner/styles.scoped.css +35 -35
  333. package/spinner/styles.selectors.js +13 -13
  334. package/split-panel/styles.css.js +56 -56
  335. package/split-panel/styles.scoped.css +146 -146
  336. package/split-panel/styles.selectors.js +56 -56
  337. package/status-indicator/styles.css.js +22 -22
  338. package/status-indicator/styles.scoped.css +46 -46
  339. package/status-indicator/styles.selectors.js +22 -22
  340. package/table/body-cell/styles.css.js +28 -28
  341. package/table/body-cell/styles.scoped.css +155 -155
  342. package/table/body-cell/styles.selectors.js +28 -28
  343. package/table/body-cell/td-element.d.ts +3 -1
  344. package/table/body-cell/td-element.d.ts.map +1 -1
  345. package/table/body-cell/td-element.js +5 -7
  346. package/table/body-cell/td-element.js.map +1 -1
  347. package/table/header-cell/index.d.ts +2 -0
  348. package/table/header-cell/index.d.ts.map +1 -1
  349. package/table/header-cell/index.js +4 -3
  350. package/table/header-cell/index.js.map +1 -1
  351. package/table/header-cell/styles.css.js +24 -24
  352. package/table/header-cell/styles.scoped.css +93 -93
  353. package/table/header-cell/styles.selectors.js +24 -24
  354. package/table/header-cell/utils.d.ts +0 -1
  355. package/table/header-cell/utils.d.ts.map +1 -1
  356. package/table/header-cell/utils.js +0 -6
  357. package/table/header-cell/utils.js.map +1 -1
  358. package/table/internal.d.ts.map +1 -1
  359. package/table/internal.js +9 -8
  360. package/table/internal.js.map +1 -1
  361. package/table/resizer/styles.css.js +6 -6
  362. package/table/resizer/styles.scoped.css +27 -27
  363. package/table/resizer/styles.selectors.js +6 -6
  364. package/table/selection-control/styles.css.js +3 -3
  365. package/table/selection-control/styles.scoped.css +4 -4
  366. package/table/selection-control/styles.selectors.js +3 -3
  367. package/table/sticky-header.d.ts +2 -0
  368. package/table/sticky-header.d.ts.map +1 -1
  369. package/table/sticky-header.js +3 -2
  370. package/table/sticky-header.js.map +1 -1
  371. package/table/styles.css.js +34 -34
  372. package/table/styles.scoped.css +84 -84
  373. package/table/styles.selectors.js +34 -34
  374. package/table/table-role/index.d.ts +2 -0
  375. package/table/table-role/index.d.ts.map +1 -0
  376. package/table/table-role/index.js +4 -0
  377. package/table/table-role/index.js.map +1 -0
  378. package/table/table-role/table-role-helper.d.ts +22 -0
  379. package/table/table-role/table-role-helper.d.ts.map +1 -0
  380. package/table/table-role/table-role-helper.js +47 -0
  381. package/table/table-role/table-role-helper.js.map +1 -0
  382. package/table/thead.d.ts +2 -0
  383. package/table/thead.d.ts.map +1 -1
  384. package/table/thead.js +4 -3
  385. package/table/thead.js.map +1 -1
  386. package/tabs/styles.css.js +21 -21
  387. package/tabs/styles.scoped.css +86 -86
  388. package/tabs/styles.selectors.js +21 -21
  389. package/tag-editor/styles.css.js +3 -3
  390. package/tag-editor/styles.scoped.css +24 -24
  391. package/tag-editor/styles.selectors.js +3 -3
  392. package/text-content/styles.css.js +1 -1
  393. package/text-content/styles.scoped.css +130 -130
  394. package/text-content/styles.selectors.js +1 -1
  395. package/text-filter/styles.css.js +3 -3
  396. package/text-filter/styles.scoped.css +10 -10
  397. package/text-filter/styles.selectors.js +3 -3
  398. package/textarea/styles.css.js +4 -4
  399. package/textarea/styles.scoped.css +40 -40
  400. package/textarea/styles.selectors.js +4 -4
  401. package/tiles/styles.css.js +29 -29
  402. package/tiles/styles.scoped.css +128 -128
  403. package/tiles/styles.selectors.js +29 -29
  404. package/toggle/styles.css.js +8 -8
  405. package/toggle/styles.scoped.css +27 -27
  406. package/toggle/styles.selectors.js +8 -8
  407. package/token-group/styles.css.js +7 -7
  408. package/token-group/styles.scoped.css +42 -42
  409. package/token-group/styles.selectors.js +7 -7
  410. package/top-navigation/1.0-beta/styles.css.js +25 -25
  411. package/top-navigation/1.0-beta/styles.scoped.css +84 -84
  412. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  413. package/top-navigation/styles.css.js +47 -47
  414. package/top-navigation/styles.scoped.css +148 -148
  415. package/top-navigation/styles.selectors.js +47 -47
  416. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  417. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  418. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  419. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  420. package/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
  421. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  422. package/tutorial-panel/styles.css.js +1 -1
  423. package/tutorial-panel/styles.scoped.css +6 -6
  424. package/tutorial-panel/styles.selectors.js +1 -1
  425. package/wizard/styles.css.js +31 -31
  426. package/wizard/styles.scoped.css +124 -124
  427. package/wizard/styles.selectors.js +31 -31
@@ -2,8 +2,8 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1t44z_9dt6h_93",
6
- "hover-area": "awsui_hover-area_1t44z_9dt6h_107",
7
- "popover-body": "awsui_popover-body_1t44z_9dt6h_113"
5
+ "root": "awsui_root_1t44z_1uvfo_93",
6
+ "hover-area": "awsui_hover-area_1t44z_1uvfo_107",
7
+ "popover-body": "awsui_popover-body_1t44z_1uvfo_113"
8
8
  };
9
9
 
@@ -1,10 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "dimmed": "awsui_dimmed_10ipo_72r34_93",
5
- "root": "awsui_root_10ipo_72r34_122",
6
- "list": "awsui_list_10ipo_72r34_135",
7
- "list-item": "awsui_list-item_10ipo_72r34_142",
8
- "key": "awsui_key_10ipo_72r34_147"
4
+ "dimmed": "awsui_dimmed_10ipo_123j7_93",
5
+ "root": "awsui_root_10ipo_123j7_122",
6
+ "list": "awsui_list_10ipo_123j7_135",
7
+ "list-item": "awsui_list-item_10ipo_123j7_142",
8
+ "key": "awsui_key_10ipo_123j7_147"
9
9
  };
10
10
 
@@ -90,9 +90,9 @@ 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_dimmed_10ipo_72r34_93:not(#\9) {
94
- transition: opacity var(--motion-duration-transition-quick-0viajb, 90ms) var(--motion-easing-transition-quick-191occ, linear);
95
- transition-delay: var(--motion-duration-transition-quick-0viajb, 90ms);
93
+ .awsui_dimmed_10ipo_123j7_93:not(#\9) {
94
+ transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
95
+ transition-delay: var(--motion-duration-transition-quick-6npj01, 90ms);
96
96
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
97
97
  border-collapse: separate;
98
98
  border-spacing: 0;
@@ -122,21 +122,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
122
122
  widows: 2;
123
123
  word-spacing: normal;
124
124
  box-sizing: border-box;
125
- font-size: var(--font-body-m-size-7dign1, 14px);
126
- line-height: var(--font-body-m-line-height-ghizru, 20px);
127
- color: var(--color-text-body-default-su7kuo, #000716);
125
+ font-size: var(--font-body-m-size-dhtyxm, 14px);
126
+ line-height: var(--font-body-m-line-height-5wv9x1, 20px);
127
+ color: var(--color-text-body-default-2sxhhn, #000716);
128
128
  font-weight: 400;
129
- font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
129
+ font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
130
130
  -webkit-font-smoothing: auto;
131
131
  -moz-osx-font-smoothing: auto;
132
132
  }
133
133
  @media (prefers-reduced-motion: reduce) {
134
- .awsui_dimmed_10ipo_72r34_93:not(#\9) {
134
+ .awsui_dimmed_10ipo_123j7_93:not(#\9) {
135
135
  animation: none;
136
136
  transition: none;
137
137
  }
138
138
  }
139
- .awsui-motion-disabled .awsui_dimmed_10ipo_72r34_93:not(#\9), .awsui-mode-entering .awsui_dimmed_10ipo_72r34_93:not(#\9) {
139
+ .awsui-motion-disabled .awsui_dimmed_10ipo_123j7_93:not(#\9), .awsui-mode-entering .awsui_dimmed_10ipo_123j7_93:not(#\9) {
140
140
  animation: none;
141
141
  transition: none;
142
142
  }
@@ -145,7 +145,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
145
145
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
146
146
  SPDX-License-Identifier: Apache-2.0
147
147
  */
148
- .awsui_root_10ipo_72r34_122:not(#\9) {
148
+ .awsui_root_10ipo_123j7_122:not(#\9) {
149
149
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
150
150
  border-collapse: separate;
151
151
  border-spacing: 0;
@@ -175,34 +175,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
175
175
  widows: 2;
176
176
  word-spacing: normal;
177
177
  box-sizing: border-box;
178
- font-size: var(--font-body-m-size-7dign1, 14px);
179
- line-height: var(--font-body-m-line-height-ghizru, 20px);
180
- color: var(--color-text-body-default-su7kuo, #000716);
178
+ font-size: var(--font-body-m-size-dhtyxm, 14px);
179
+ line-height: var(--font-body-m-line-height-5wv9x1, 20px);
180
+ color: var(--color-text-body-default-2sxhhn, #000716);
181
181
  font-weight: 400;
182
- font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
182
+ font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
183
183
  -webkit-font-smoothing: auto;
184
184
  -moz-osx-font-smoothing: auto;
185
185
  }
186
186
 
187
- .awsui_list_10ipo_72r34_135:not(#\9) {
187
+ .awsui_list_10ipo_123j7_135:not(#\9) {
188
188
  display: flex;
189
189
  margin: 0;
190
190
  padding: 0;
191
191
  list-style: none;
192
192
  flex-direction: column;
193
193
  }
194
- .awsui_list_10ipo_72r34_135 > .awsui_list-item_10ipo_72r34_142:not(#\9) {
194
+ .awsui_list_10ipo_123j7_135 > .awsui_list-item_10ipo_123j7_142:not(#\9) {
195
195
  display: inline-flex;
196
196
  justify-content: space-between;
197
197
  }
198
198
 
199
- .awsui_key_10ipo_72r34_147:not(#\9) {
199
+ .awsui_key_10ipo_123j7_147:not(#\9) {
200
200
  display: inline-flex;
201
201
  align-items: flex-start;
202
- color: var(--color-text-group-label-qtmgp9, #414d5c);
203
- margin-right: var(--space-xxl-sgg5p8, 32px);
202
+ color: var(--color-text-group-label-zuh0h0, #414d5c);
203
+ margin-right: var(--space-xxl-cu2m1r, 32px);
204
204
  }
205
205
 
206
- .awsui_dimmed_10ipo_72r34_93:not(#\9) {
206
+ .awsui_dimmed_10ipo_123j7_93:not(#\9) {
207
207
  opacity: 0.35;
208
208
  }
@@ -2,10 +2,10 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "dimmed": "awsui_dimmed_10ipo_72r34_93",
6
- "root": "awsui_root_10ipo_72r34_122",
7
- "list": "awsui_list_10ipo_72r34_135",
8
- "list-item": "awsui_list-item_10ipo_72r34_142",
9
- "key": "awsui_key_10ipo_72r34_147"
5
+ "dimmed": "awsui_dimmed_10ipo_123j7_93",
6
+ "root": "awsui_root_10ipo_123j7_122",
7
+ "list": "awsui_list_10ipo_123j7_135",
8
+ "list-item": "awsui_list-item_10ipo_123j7_142",
9
+ "key": "awsui_key_10ipo_123j7_147"
10
10
  };
11
11
 
@@ -1,10 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "marker": "awsui_marker_1isd1_lbkt4_93",
5
- "marker--line": "awsui_marker--line_1isd1_lbkt4_111",
6
- "marker--rectangle": "awsui_marker--rectangle_1isd1_lbkt4_115",
7
- "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_1isd1_lbkt4_119",
8
- "marker--dashed": "awsui_marker--dashed_1isd1_lbkt4_131"
4
+ "marker": "awsui_marker_1isd1_1t1b0_93",
5
+ "marker--line": "awsui_marker--line_1isd1_1t1b0_111",
6
+ "marker--rectangle": "awsui_marker--rectangle_1isd1_1t1b0_115",
7
+ "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_1isd1_1t1b0_119",
8
+ "marker--dashed": "awsui_marker--dashed_1isd1_1t1b0_131"
9
9
  };
10
10
 
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_marker_1isd1_lbkt4_93:not(#\9) {
93
+ .awsui_marker_1isd1_1t1b0_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -120,47 +120,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
120
120
  widows: 2;
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
- font-size: var(--font-body-m-size-7dign1, 14px);
124
- line-height: var(--font-body-m-line-height-ghizru, 20px);
125
- color: var(--color-text-body-default-su7kuo, #000716);
123
+ font-size: var(--font-body-m-size-dhtyxm, 14px);
124
+ line-height: var(--font-body-m-line-height-5wv9x1, 20px);
125
+ color: var(--color-text-body-default-2sxhhn, #000716);
126
126
  font-weight: 400;
127
- font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
127
+ font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
128
128
  -webkit-font-smoothing: auto;
129
129
  -moz-osx-font-smoothing: auto;
130
- margin-right: var(--space-xxs-ja5cp8, 4px);
131
- margin-top: var(--space-xxs-ja5cp8, 4px);
130
+ margin-right: var(--space-xxs-p8yyaw, 4px);
131
+ margin-top: var(--space-xxs-p8yyaw, 4px);
132
132
  border-radius: 2px;
133
133
  width: 14px;
134
134
  flex-shrink: 0;
135
135
  cursor: inherit;
136
136
  }
137
- .awsui_marker--line_1isd1_lbkt4_111:not(#\9) {
137
+ .awsui_marker--line_1isd1_1t1b0_111:not(#\9) {
138
138
  margin-top: 9px;
139
139
  height: 4px;
140
140
  }
141
- .awsui_marker--rectangle_1isd1_lbkt4_115:not(#\9) {
141
+ .awsui_marker--rectangle_1isd1_1t1b0_115:not(#\9) {
142
142
  height: 14px;
143
143
  border-radius: 2px;
144
144
  }
145
- .awsui_marker--hollow-rectangle_1isd1_lbkt4_119:not(#\9) {
145
+ .awsui_marker--hollow-rectangle_1isd1_1t1b0_119:not(#\9) {
146
146
  height: 14px;
147
147
  border-radius: 2px;
148
148
  }
149
- .awsui_marker--hollow-rectangle_1isd1_lbkt4_119:not(#\9)::after {
149
+ .awsui_marker--hollow-rectangle_1isd1_1t1b0_119:not(#\9)::after {
150
150
  content: "";
151
151
  display: block;
152
152
  margin: 2px;
153
153
  height: 10px;
154
- background-color: var(--color-background-container-content-og3y0v, #ffffff);
154
+ background-color: var(--color-background-container-content-4un1ap, #ffffff);
155
155
  opacity: 0.5;
156
156
  }
157
- .awsui_marker--dashed_1isd1_lbkt4_131:not(#\9) {
157
+ .awsui_marker--dashed_1isd1_1t1b0_131:not(#\9) {
158
158
  height: 4px;
159
159
  width: 6px;
160
160
  margin-top: 9px;
161
161
  margin-right: 12px;
162
162
  }
163
- .awsui_marker--dashed_1isd1_lbkt4_131:not(#\9)::after {
163
+ .awsui_marker--dashed_1isd1_1t1b0_131:not(#\9)::after {
164
164
  content: "";
165
165
  display: block;
166
166
  width: 6px;
@@ -2,10 +2,10 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "marker": "awsui_marker_1isd1_lbkt4_93",
6
- "marker--line": "awsui_marker--line_1isd1_lbkt4_111",
7
- "marker--rectangle": "awsui_marker--rectangle_1isd1_lbkt4_115",
8
- "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_1isd1_lbkt4_119",
9
- "marker--dashed": "awsui_marker--dashed_1isd1_lbkt4_131"
5
+ "marker": "awsui_marker_1isd1_1t1b0_93",
6
+ "marker--line": "awsui_marker--line_1isd1_1t1b0_111",
7
+ "marker--rectangle": "awsui_marker--rectangle_1isd1_1t1b0_115",
8
+ "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_1isd1_1t1b0_119",
9
+ "marker--dashed": "awsui_marker--dashed_1isd1_1t1b0_131"
10
10
  };
11
11
 
@@ -1,7 +1,7 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_11n0s_hifrk_9",
5
- "empty": "awsui_empty_11n0s_hifrk_13"
4
+ "root": "awsui_root_11n0s_6tm6j_9",
5
+ "empty": "awsui_empty_11n0s_6tm6j_13"
6
6
  };
7
7
 
@@ -6,10 +6,10 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- .awsui_root_11n0s_hifrk_9:not(#\9) {
9
+ .awsui_root_11n0s_6tm6j_9:not(#\9) {
10
10
  /* used in test-utils */
11
11
  }
12
12
 
13
- .awsui_empty_11n0s_hifrk_13:not(#\9) {
14
- color: var(--color-text-empty-v5xueo, #5f6b7a);
13
+ .awsui_empty_11n0s_6tm6j_13:not(#\9) {
14
+ color: var(--color-text-empty-2wfcyr, #5f6b7a);
15
15
  }
@@ -2,7 +2,7 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_11n0s_hifrk_9",
6
- "empty": "awsui_empty_11n0s_hifrk_13"
5
+ "root": "awsui_root_11n0s_6tm6j_9",
6
+ "empty": "awsui_empty_11n0s_6tm6j_13"
7
7
  };
8
8
 
@@ -1,14 +1,14 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "wrapper": "awsui_wrapper_z5mul_12tkj_93",
5
- "wrapper--fit-height": "awsui_wrapper--fit-height_z5mul_12tkj_107",
6
- "inner-wrapper--fit-height": "awsui_inner-wrapper--fit-height_z5mul_12tkj_112",
7
- "has-default-filter": "awsui_has-default-filter_z5mul_12tkj_118",
8
- "content": "awsui_content_z5mul_12tkj_122",
9
- "content--reserve-filter": "awsui_content--reserve-filter_z5mul_12tkj_129",
10
- "content--reserve-legend": "awsui_content--reserve-legend_z5mul_12tkj_133",
11
- "content--fit-height": "awsui_content--fit-height_z5mul_12tkj_137",
12
- "filter-container": "awsui_filter-container_z5mul_12tkj_141"
4
+ "wrapper": "awsui_wrapper_z5mul_12kmg_93",
5
+ "wrapper--fit-height": "awsui_wrapper--fit-height_z5mul_12kmg_107",
6
+ "inner-wrapper--fit-height": "awsui_inner-wrapper--fit-height_z5mul_12kmg_112",
7
+ "has-default-filter": "awsui_has-default-filter_z5mul_12kmg_118",
8
+ "content": "awsui_content_z5mul_12kmg_122",
9
+ "content--reserve-filter": "awsui_content--reserve-filter_z5mul_12kmg_129",
10
+ "content--reserve-legend": "awsui_content--reserve-legend_z5mul_12kmg_133",
11
+ "content--fit-height": "awsui_content--fit-height_z5mul_12kmg_137",
12
+ "filter-container": "awsui_filter-container_z5mul_12kmg_141"
13
13
  };
14
14
 
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_wrapper_z5mul_12tkj_93:not(#\9) {
93
+ .awsui_wrapper_z5mul_12kmg_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -120,50 +120,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
120
120
  widows: 2;
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
- font-size: var(--font-body-m-size-7dign1, 14px);
124
- line-height: var(--font-body-m-line-height-ghizru, 20px);
125
- color: var(--color-text-body-default-su7kuo, #000716);
123
+ font-size: var(--font-body-m-size-dhtyxm, 14px);
124
+ line-height: var(--font-body-m-line-height-5wv9x1, 20px);
125
+ color: var(--color-text-body-default-2sxhhn, #000716);
126
126
  font-weight: 400;
127
- font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
127
+ font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
128
128
  -webkit-font-smoothing: auto;
129
129
  -moz-osx-font-smoothing: auto;
130
130
  position: relative;
131
131
  display: block;
132
132
  }
133
- .awsui_wrapper--fit-height_z5mul_12tkj_107:not(#\9) {
133
+ .awsui_wrapper--fit-height_z5mul_12kmg_107:not(#\9) {
134
134
  height: 100%;
135
135
  overflow-y: auto;
136
136
  }
137
137
 
138
- .awsui_inner-wrapper--fit-height_z5mul_12tkj_112:not(#\9) {
138
+ .awsui_inner-wrapper--fit-height_z5mul_12kmg_112:not(#\9) {
139
139
  display: flex;
140
140
  flex-direction: column;
141
141
  height: 100%;
142
142
  }
143
143
 
144
- .awsui_has-default-filter_z5mul_12tkj_118 > :not(#\9):first-child {
144
+ .awsui_has-default-filter_z5mul_12kmg_118 > :not(#\9):first-child {
145
145
  flex: 280px 0 1;
146
146
  }
147
147
 
148
- .awsui_content_z5mul_12tkj_122:not(#\9) {
148
+ .awsui_content_z5mul_12kmg_122:not(#\9) {
149
149
  display: flex;
150
150
  position: relative;
151
151
  justify-content: center;
152
152
  align-items: center;
153
153
  }
154
154
 
155
- .awsui_content--reserve-filter_z5mul_12tkj_129:not(#\9) {
156
- margin-top: calc(2 * var(--font-body-m-line-height-ghizru, 20px));
155
+ .awsui_content--reserve-filter_z5mul_12kmg_129:not(#\9) {
156
+ margin-top: calc(2 * var(--font-body-m-line-height-5wv9x1, 20px));
157
157
  }
158
158
 
159
- .awsui_content--reserve-legend_z5mul_12tkj_133:not(#\9) {
160
- margin-bottom: calc(2 * var(--font-body-m-line-height-ghizru, 20px));
159
+ .awsui_content--reserve-legend_z5mul_12kmg_133:not(#\9) {
160
+ margin-bottom: calc(2 * var(--font-body-m-line-height-5wv9x1, 20px));
161
161
  }
162
162
 
163
- .awsui_content--fit-height_z5mul_12tkj_137:not(#\9) {
163
+ .awsui_content--fit-height_z5mul_12kmg_137:not(#\9) {
164
164
  flex: 1;
165
165
  }
166
166
 
167
- .awsui_filter-container_z5mul_12tkj_141:not(#\9) {
167
+ .awsui_filter-container_z5mul_12kmg_141:not(#\9) {
168
168
  /* used in test-utils */
169
169
  }
@@ -2,14 +2,14 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "wrapper": "awsui_wrapper_z5mul_12tkj_93",
6
- "wrapper--fit-height": "awsui_wrapper--fit-height_z5mul_12tkj_107",
7
- "inner-wrapper--fit-height": "awsui_inner-wrapper--fit-height_z5mul_12tkj_112",
8
- "has-default-filter": "awsui_has-default-filter_z5mul_12tkj_118",
9
- "content": "awsui_content_z5mul_12tkj_122",
10
- "content--reserve-filter": "awsui_content--reserve-filter_z5mul_12tkj_129",
11
- "content--reserve-legend": "awsui_content--reserve-legend_z5mul_12tkj_133",
12
- "content--fit-height": "awsui_content--fit-height_z5mul_12tkj_137",
13
- "filter-container": "awsui_filter-container_z5mul_12tkj_141"
5
+ "wrapper": "awsui_wrapper_z5mul_12kmg_93",
6
+ "wrapper--fit-height": "awsui_wrapper--fit-height_z5mul_12kmg_107",
7
+ "inner-wrapper--fit-height": "awsui_inner-wrapper--fit-height_z5mul_12kmg_112",
8
+ "has-default-filter": "awsui_has-default-filter_z5mul_12kmg_118",
9
+ "content": "awsui_content_z5mul_12kmg_122",
10
+ "content--reserve-filter": "awsui_content--reserve-filter_z5mul_12kmg_129",
11
+ "content--reserve-legend": "awsui_content--reserve-legend_z5mul_12kmg_133",
12
+ "content--fit-height": "awsui_content--fit-height_z5mul_12kmg_137",
13
+ "filter-container": "awsui_filter-container_z5mul_12kmg_141"
14
14
  };
15
15
 
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1fn7j_dza21_93",
5
- "styled-box": "awsui_styled-box_1fn7j_dza21_100",
6
- "styled-box-checked": "awsui_styled-box-checked_1fn7j_dza21_106",
7
- "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_dza21_106",
8
- "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_dza21_110",
9
- "styled-line": "awsui_styled-line_1fn7j_dza21_124",
10
- "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_dza21_129"
4
+ "root": "awsui_root_1fn7j_uydos_93",
5
+ "styled-box": "awsui_styled-box_1fn7j_uydos_100",
6
+ "styled-box-checked": "awsui_styled-box-checked_1fn7j_uydos_106",
7
+ "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_uydos_106",
8
+ "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_uydos_110",
9
+ "styled-line": "awsui_styled-line_1fn7j_uydos_124",
10
+ "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_uydos_129"
11
11
  };
12
12
 
@@ -90,42 +90,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_1fn7j_dza21_93:not(#\9) {
93
+ .awsui_root_1fn7j_uydos_93:not(#\9) {
94
94
  position: absolute;
95
95
  width: 100%;
96
96
  height: 100%;
97
97
  top: 0;
98
98
  left: 0;
99
99
  }
100
- .awsui_root_1fn7j_dza21_93 > .awsui_styled-box_1fn7j_dza21_100:not(#\9) {
101
- fill: var(--color-background-control-default-19p6ht, #ffffff);
102
- stroke: var(--color-border-control-default-v28icv, #7d8998);
103
- stroke-width: var(--border-field-width-riro62, 2px);
104
- transition: fill var(--motion-duration-transition-quick-0viajb, 90ms) var(--motion-easing-transition-quick-191occ, linear), stroke var(--motion-duration-transition-quick-0viajb, 90ms) var(--motion-easing-transition-quick-191occ, linear);
100
+ .awsui_root_1fn7j_uydos_93 > .awsui_styled-box_1fn7j_uydos_100:not(#\9) {
101
+ fill: var(--color-background-control-default-qzruqy, #ffffff);
102
+ stroke: var(--color-border-control-default-0fzxw0, #7d8998);
103
+ stroke-width: var(--border-field-width-09w7vk, 2px);
104
+ transition: fill var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear), stroke var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
105
105
  }
106
- .awsui_root_1fn7j_dza21_93 > .awsui_styled-box-checked_1fn7j_dza21_106:not(#\9), .awsui_root_1fn7j_dza21_93 > .awsui_styled-box-indeterminate_1fn7j_dza21_106:not(#\9) {
107
- fill: var(--color-background-control-checked-k2dd8u, #0972d3);
108
- stroke: var(--color-border-control-checked-dmvwam, #0972d3);
106
+ .awsui_root_1fn7j_uydos_93 > .awsui_styled-box-checked_1fn7j_uydos_106:not(#\9), .awsui_root_1fn7j_uydos_93 > .awsui_styled-box-indeterminate_1fn7j_uydos_106:not(#\9) {
107
+ fill: var(--color-background-control-checked-w517i0, #0972d3);
108
+ stroke: var(--color-border-control-checked-wlsmbn, #0972d3);
109
109
  }
110
- .awsui_root_1fn7j_dza21_93 > .awsui_styled-box-disabled_1fn7j_dza21_110:not(#\9) {
111
- fill: var(--color-background-control-disabled-u2n10f, #d1d5db);
112
- stroke: var(--color-border-control-disabled-pixk7g, #d1d5db);
110
+ .awsui_root_1fn7j_uydos_93 > .awsui_styled-box-disabled_1fn7j_uydos_110:not(#\9) {
111
+ fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
112
+ stroke: var(--color-border-control-disabled-bv2kkn, #d1d5db);
113
113
  }
114
114
  @media (prefers-reduced-motion: reduce) {
115
- .awsui_root_1fn7j_dza21_93 > .awsui_styled-box_1fn7j_dza21_100:not(#\9) {
115
+ .awsui_root_1fn7j_uydos_93 > .awsui_styled-box_1fn7j_uydos_100:not(#\9) {
116
116
  animation: none;
117
117
  transition: none;
118
118
  }
119
119
  }
120
- .awsui-motion-disabled .awsui_root_1fn7j_dza21_93 > .awsui_styled-box_1fn7j_dza21_100:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_dza21_93 > .awsui_styled-box_1fn7j_dza21_100:not(#\9) {
120
+ .awsui-motion-disabled .awsui_root_1fn7j_uydos_93 > .awsui_styled-box_1fn7j_uydos_100:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_uydos_93 > .awsui_styled-box_1fn7j_uydos_100:not(#\9) {
121
121
  animation: none;
122
122
  transition: none;
123
123
  }
124
- .awsui_root_1fn7j_dza21_93 > .awsui_styled-line_1fn7j_dza21_124:not(#\9) {
125
- stroke: var(--color-foreground-control-default-rsunm6, #ffffff);
124
+ .awsui_root_1fn7j_uydos_93 > .awsui_styled-line_1fn7j_uydos_124:not(#\9) {
125
+ stroke: var(--color-foreground-control-default-wq2gpa, #ffffff);
126
126
  stroke-width: 2;
127
127
  fill: none;
128
128
  }
129
- .awsui_root_1fn7j_dza21_93 > .awsui_styled-line-disabled_1fn7j_dza21_129:not(#\9) {
130
- stroke: var(--color-foreground-control-disabled-f2499o, #ffffff);
129
+ .awsui_root_1fn7j_uydos_93 > .awsui_styled-line-disabled_1fn7j_uydos_129:not(#\9) {
130
+ stroke: var(--color-foreground-control-disabled-zmz2k2, #ffffff);
131
131
  }
@@ -2,12 +2,12 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1fn7j_dza21_93",
6
- "styled-box": "awsui_styled-box_1fn7j_dza21_100",
7
- "styled-box-checked": "awsui_styled-box-checked_1fn7j_dza21_106",
8
- "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_dza21_106",
9
- "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_dza21_110",
10
- "styled-line": "awsui_styled-line_1fn7j_dza21_124",
11
- "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_dza21_129"
5
+ "root": "awsui_root_1fn7j_uydos_93",
6
+ "styled-box": "awsui_styled-box_1fn7j_uydos_100",
7
+ "styled-box-checked": "awsui_styled-box-checked_1fn7j_uydos_106",
8
+ "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_uydos_106",
9
+ "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_uydos_110",
10
+ "styled-line": "awsui_styled-line_1fn7j_uydos_124",
11
+ "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_uydos_129"
12
12
  };
13
13
 
@@ -1,7 +1,7 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "background-fill": "awsui_background-fill_1fi2u_1g1rx_9",
5
- "content": "awsui_content_1fi2u_1g1rx_15"
4
+ "background-fill": "awsui_background-fill_1fi2u_15exz_9",
5
+ "content": "awsui_content_1fi2u_15exz_15"
6
6
  };
7
7
 
@@ -6,12 +6,12 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- .awsui_background-fill_1fi2u_1g1rx_9:not(#\9) {
10
- background-color: var(--color-background-layout-main-m49752, #ffffff);
9
+ .awsui_background-fill_1fi2u_15exz_9:not(#\9) {
10
+ background-color: var(--color-background-layout-main-nx09lr, #ffffff);
11
11
  position: absolute;
12
- color: var(--color-text-body-default-su7kuo, #000716);
12
+ color: var(--color-text-body-default-2sxhhn, #000716);
13
13
  }
14
14
 
15
- .awsui_content_1fi2u_1g1rx_15:not(#\9) {
15
+ .awsui_content_1fi2u_15exz_15:not(#\9) {
16
16
  position: relative;
17
17
  }
@@ -2,7 +2,7 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "background-fill": "awsui_background-fill_1fi2u_1g1rx_9",
6
- "content": "awsui_content_1fi2u_1g1rx_15"
5
+ "background-fill": "awsui_background-fill_1fi2u_15exz_9",
6
+ "content": "awsui_content_1fi2u_15exz_15"
7
7
  };
8
8
 
@@ -138,12 +138,15 @@ export interface DropdownProps extends ExpandToViewport {
138
138
  }
139
139
  export interface ExpandToViewport {
140
140
  /**
141
- * Enabling this property will allow the dropdown to extend beyond its parent by using fixed positioning and
141
+ * By default, the dropdown height is constrained to fit inside the height of its next scrollable container element.
142
+ * Enabling this property will allow the dropdown to extend beyond that container by using fixed positioning and
142
143
  * [React Portals](https://reactjs.org/docs/portals.html).
143
- * If you want the dropdown to ignore the `overflow` CSS property of its parents,
144
- * such as in a split view layout, enable this property.
145
- * However, use discretion. If you don't need to, we recommend you don't enable this property because fixed positioning results
146
- * in a slight, visible lag when scrolling complex pages.
144
+ *
145
+ * Set this property if the dropdown would otherwise be constrained by a scrollable container,
146
+ * for example inside table and split view layouts.
147
+ *
148
+ * However, use discretion. We recommend you don't enable this property unless necessary
149
+ * because fixed positioning results in a slight, visible lag when scrolling complex pages.
147
150
  */
148
151
  expandToViewport?: boolean;
149
152
  }
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["internal/components/dropdown/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC9D,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;;;;;;;;;QAaI;IACJ,WAAW,CAAC,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,CAAC;CACjE;AAED,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC;IAExF;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC;IAEvF;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["internal/components/dropdown/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC9D,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;;;;;;;;;QAaI;IACJ,WAAW,CAAC,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,CAAC;CACjE;AAED,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC;IAExF;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC;IAEvF;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;;;;;;;;OAUG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["internal/components/dropdown/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { NonCancelableEventHandler } from '../../events';\nimport React from 'react';\n\nexport type OptionsFilteringType = 'none' | 'auto' | 'manual';\nexport interface OptionsLoadItemsDetail {\n filteringText: string;\n firstPage: boolean;\n samePage: boolean;\n}\n\nexport interface BaseDropdownHostProps extends ExpandToViewport {\n /**\n * If you have more than 500 options, enable this flag to apply a performance optimization\n * that makes the filtering experience smoother. We don't recommend enabling the feature if you\n * have less than 500 options, because the improvements to performance are offset by a\n * visible scrolling lag.\n *\n * When you set this flag to `true`, it removes options that are not currently in view from the DOM.\n * If your test accesses such options, you need to first scroll the options container\n * to the correct offset, before performing any operations on them. Use the element returned\n * by the `findOptionsContainer` test utility for this.\n */\n virtualScroll?: boolean;\n\n /**\n * Use this event to implement the asynchronous behavior for the component.\n *\n * The event is called in the following situations:\n * * The user scrolls to the end of the list of options, if `statusType` is set to `pending`.\n * * The user clicks on the recovery button in the error state.\n * * The user types inside the input field.\n * * The user focuses the input field.\n *\n * The detail object contains the following properties:\n * * `filteringText` - The value that you need to use to fetch options.\n * * `firstPage` - Indicates that you should fetch the first page of options that match the `filteringText`.\n * * `samePage` - Indicates that you should fetch the same page that you have previously fetched (for example, when the user clicks on the recovery button).\n **/\n onLoadItems?: NonCancelableEventHandler<OptionsLoadItemsDetail>;\n}\n\nexport interface DropdownProps extends ExpandToViewport {\n /**\n * Trigger element.\n */\n trigger: React.ReactNode;\n /**\n * \"Sticky\" header of the dropdown content\n */\n header?: React.ReactNode;\n /**\n * Footer slot fixed at the bottom of the dropdown\n */\n footer?: React.ReactNode;\n /**\n * Dropdown content elements.\n */\n children?: React.ReactNode;\n /**\n * Updating content key triggers dropdown position re-evaluation.\n */\n contentKey?: string;\n /**\n * Open state of the dropdown.\n */\n open?: boolean;\n /**\n * Called when a user clicks outside of the dropdown content, when it is open.\n */\n onDropdownClose?: NonCancelableEventHandler<null>;\n /**\n * Called when a mouse button is pressed inside the dropdown content.\n */\n onMouseDown?: React.MouseEventHandler;\n /**\n * Dropdown id\n */\n dropdownId?: string;\n /**\n * Stretches dropdown to occupy entire width.\n */\n stretchWidth?: boolean;\n /**\n * Stretches dropdown to occupy entire height.\n */\n stretchHeight?: boolean;\n\n /**\n * Stretches the trigger to the height of the dropdown container.\n */\n stretchTriggerHeight?: boolean;\n\n /**\n * Whether the dropdown content should be at least as wide as the trigger.\n *\n * @defaultValue true\n */\n stretchToTriggerWidth?: boolean;\n\n /**\n * Determines that the dropdown should preferably be aligned to the center of the trigger\n * instead of dropping left or right.\n */\n preferCenter?: boolean;\n\n /**\n * Indicates if this dropdown lies within a parent dropdown and positions itself relative to it (as a fly out).\n */\n interior?: boolean;\n /**\n * Sets the min width of the dropdown (in px)\n */\n minWidth?: number;\n /**\n * Whether the dropdown will have a scrollbar or not\n */\n scrollable?: boolean;\n\n /**\n * Whether the dropdown will have a focus loop including trigger, header, content and footer.\n */\n loopFocus?: boolean;\n\n /**\n * Called when focus enters the trigger or dropdown content.\n */\n onFocus?: NonCancelableEventHandler<Pick<React.FocusEvent, 'target' | 'relatedTarget'>>;\n\n /**\n * Called when focus leaves the trigger or dropdown content.\n */\n onBlur?: NonCancelableEventHandler<Pick<React.FocusEvent, 'target' | 'relatedTarget'>>;\n\n /**\n * ID for the dropdown content wrapper\n */\n dropdownContentId?: string;\n /**\n * HTML role for the dropdown content wrapper\n */\n dropdownContentRole?: string;\n /**\n * Labelledby for the dropdown (required when role=\"dialog\")\n */\n ariaLabelledby?: string;\n /**\n * Describedby for the dropdown (recommended when role=\"dialog\")\n */\n ariaDescribedby?: string;\n}\n\nexport interface ExpandToViewport {\n /**\n * Enabling this property will allow the dropdown to extend beyond its parent by using fixed positioning and\n * [React Portals](https://reactjs.org/docs/portals.html).\n * If you want the dropdown to ignore the `overflow` CSS property of its parents,\n * such as in a split view layout, enable this property.\n * However, use discretion. If you don't need to, we recommend you don't enable this property because fixed positioning results\n * in a slight, visible lag when scrolling complex pages.\n */\n expandToViewport?: boolean;\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["internal/components/dropdown/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { NonCancelableEventHandler } from '../../events';\nimport React from 'react';\n\nexport type OptionsFilteringType = 'none' | 'auto' | 'manual';\nexport interface OptionsLoadItemsDetail {\n filteringText: string;\n firstPage: boolean;\n samePage: boolean;\n}\n\nexport interface BaseDropdownHostProps extends ExpandToViewport {\n /**\n * If you have more than 500 options, enable this flag to apply a performance optimization\n * that makes the filtering experience smoother. We don't recommend enabling the feature if you\n * have less than 500 options, because the improvements to performance are offset by a\n * visible scrolling lag.\n *\n * When you set this flag to `true`, it removes options that are not currently in view from the DOM.\n * If your test accesses such options, you need to first scroll the options container\n * to the correct offset, before performing any operations on them. Use the element returned\n * by the `findOptionsContainer` test utility for this.\n */\n virtualScroll?: boolean;\n\n /**\n * Use this event to implement the asynchronous behavior for the component.\n *\n * The event is called in the following situations:\n * * The user scrolls to the end of the list of options, if `statusType` is set to `pending`.\n * * The user clicks on the recovery button in the error state.\n * * The user types inside the input field.\n * * The user focuses the input field.\n *\n * The detail object contains the following properties:\n * * `filteringText` - The value that you need to use to fetch options.\n * * `firstPage` - Indicates that you should fetch the first page of options that match the `filteringText`.\n * * `samePage` - Indicates that you should fetch the same page that you have previously fetched (for example, when the user clicks on the recovery button).\n **/\n onLoadItems?: NonCancelableEventHandler<OptionsLoadItemsDetail>;\n}\n\nexport interface DropdownProps extends ExpandToViewport {\n /**\n * Trigger element.\n */\n trigger: React.ReactNode;\n /**\n * \"Sticky\" header of the dropdown content\n */\n header?: React.ReactNode;\n /**\n * Footer slot fixed at the bottom of the dropdown\n */\n footer?: React.ReactNode;\n /**\n * Dropdown content elements.\n */\n children?: React.ReactNode;\n /**\n * Updating content key triggers dropdown position re-evaluation.\n */\n contentKey?: string;\n /**\n * Open state of the dropdown.\n */\n open?: boolean;\n /**\n * Called when a user clicks outside of the dropdown content, when it is open.\n */\n onDropdownClose?: NonCancelableEventHandler<null>;\n /**\n * Called when a mouse button is pressed inside the dropdown content.\n */\n onMouseDown?: React.MouseEventHandler;\n /**\n * Dropdown id\n */\n dropdownId?: string;\n /**\n * Stretches dropdown to occupy entire width.\n */\n stretchWidth?: boolean;\n /**\n * Stretches dropdown to occupy entire height.\n */\n stretchHeight?: boolean;\n\n /**\n * Stretches the trigger to the height of the dropdown container.\n */\n stretchTriggerHeight?: boolean;\n\n /**\n * Whether the dropdown content should be at least as wide as the trigger.\n *\n * @defaultValue true\n */\n stretchToTriggerWidth?: boolean;\n\n /**\n * Determines that the dropdown should preferably be aligned to the center of the trigger\n * instead of dropping left or right.\n */\n preferCenter?: boolean;\n\n /**\n * Indicates if this dropdown lies within a parent dropdown and positions itself relative to it (as a fly out).\n */\n interior?: boolean;\n /**\n * Sets the min width of the dropdown (in px)\n */\n minWidth?: number;\n /**\n * Whether the dropdown will have a scrollbar or not\n */\n scrollable?: boolean;\n\n /**\n * Whether the dropdown will have a focus loop including trigger, header, content and footer.\n */\n loopFocus?: boolean;\n\n /**\n * Called when focus enters the trigger or dropdown content.\n */\n onFocus?: NonCancelableEventHandler<Pick<React.FocusEvent, 'target' | 'relatedTarget'>>;\n\n /**\n * Called when focus leaves the trigger or dropdown content.\n */\n onBlur?: NonCancelableEventHandler<Pick<React.FocusEvent, 'target' | 'relatedTarget'>>;\n\n /**\n * ID for the dropdown content wrapper\n */\n dropdownContentId?: string;\n /**\n * HTML role for the dropdown content wrapper\n */\n dropdownContentRole?: string;\n /**\n * Labelledby for the dropdown (required when role=\"dialog\")\n */\n ariaLabelledby?: string;\n /**\n * Describedby for the dropdown (recommended when role=\"dialog\")\n */\n ariaDescribedby?: string;\n}\n\nexport interface ExpandToViewport {\n /**\n * By default, the dropdown height is constrained to fit inside the height of its next scrollable container element.\n * Enabling this property will allow the dropdown to extend beyond that container by using fixed positioning and\n * [React Portals](https://reactjs.org/docs/portals.html).\n *\n * Set this property if the dropdown would otherwise be constrained by a scrollable container,\n * for example inside table and split view layouts.\n *\n * However, use discretion. We recommend you don't enable this property unless necessary\n * because fixed positioning results in a slight, visible lag when scrolling complex pages.\n */\n expandToViewport?: boolean;\n}\n"]}