@cloudscape-design/components 3.0.533 → 3.0.535

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 (409) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +45 -39
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +24 -18
  6. package/anchor-navigation/styles.selectors.js +8 -8
  7. package/annotation-context/annotation/styles.css.js +24 -24
  8. package/annotation-context/annotation/styles.scoped.css +36 -30
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/content-wrapper/styles.css.js +3 -3
  11. package/app-layout/content-wrapper/styles.scoped.css +12 -6
  12. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  13. package/app-layout/drawer/styles.css.js +12 -12
  14. package/app-layout/drawer/styles.scoped.css +26 -20
  15. package/app-layout/drawer/styles.selectors.js +12 -12
  16. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  17. package/app-layout/mobile-toolbar/styles.scoped.css +14 -8
  18. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  19. package/app-layout/notifications/styles.css.js +3 -3
  20. package/app-layout/notifications/styles.scoped.css +7 -7
  21. package/app-layout/notifications/styles.selectors.js +3 -3
  22. package/app-layout/split-panel/styles.css.js +2 -2
  23. package/app-layout/split-panel/styles.scoped.css +8 -2
  24. package/app-layout/split-panel/styles.selectors.js +2 -2
  25. package/app-layout/styles.css.js +16 -16
  26. package/app-layout/styles.scoped.css +25 -19
  27. package/app-layout/styles.selectors.js +16 -16
  28. package/app-layout/toggles/styles.css.js +2 -2
  29. package/app-layout/toggles/styles.scoped.css +12 -6
  30. package/app-layout/toggles/styles.selectors.js +2 -2
  31. package/app-layout/visual-refresh/styles.css.js +81 -81
  32. package/app-layout/visual-refresh/styles.scoped.css +294 -288
  33. package/app-layout/visual-refresh/styles.selectors.js +81 -81
  34. package/area-chart/styles.css.js +6 -6
  35. package/area-chart/styles.scoped.css +15 -9
  36. package/area-chart/styles.selectors.js +6 -6
  37. package/attribute-editor/styles.css.js +14 -14
  38. package/attribute-editor/styles.scoped.css +30 -24
  39. package/attribute-editor/styles.selectors.js +14 -14
  40. package/autosuggest/autosuggest-option.d.ts +0 -1
  41. package/autosuggest/autosuggest-option.d.ts.map +1 -1
  42. package/autosuggest/autosuggest-option.js +2 -4
  43. package/autosuggest/autosuggest-option.js.map +1 -1
  44. package/autosuggest/internal.d.ts.map +1 -1
  45. package/autosuggest/internal.js +2 -5
  46. package/autosuggest/internal.js.map +1 -1
  47. package/autosuggest/options-controller.d.ts +2 -1
  48. package/autosuggest/options-controller.d.ts.map +1 -1
  49. package/autosuggest/options-controller.js +15 -3
  50. package/autosuggest/options-controller.js.map +1 -1
  51. package/autosuggest/options-list.d.ts +2 -2
  52. package/autosuggest/options-list.d.ts.map +1 -1
  53. package/autosuggest/options-list.js +2 -2
  54. package/autosuggest/options-list.js.map +1 -1
  55. package/autosuggest/plain-list.d.ts +2 -3
  56. package/autosuggest/plain-list.d.ts.map +1 -1
  57. package/autosuggest/plain-list.js +2 -2
  58. package/autosuggest/plain-list.js.map +1 -1
  59. package/autosuggest/virtual-list.d.ts +1 -1
  60. package/autosuggest/virtual-list.d.ts.map +1 -1
  61. package/autosuggest/virtual-list.js +2 -2
  62. package/autosuggest/virtual-list.js.map +1 -1
  63. package/badge/styles.css.js +5 -5
  64. package/badge/styles.scoped.css +11 -5
  65. package/badge/styles.selectors.js +5 -5
  66. package/box/styles.css.js +190 -190
  67. package/box/styles.scoped.css +253 -235
  68. package/box/styles.selectors.js +190 -190
  69. package/breadcrumb-group/item/styles.css.js +9 -9
  70. package/breadcrumb-group/item/styles.scoped.css +23 -17
  71. package/breadcrumb-group/item/styles.selectors.js +9 -9
  72. package/breadcrumb-group/styles.css.js +7 -7
  73. package/breadcrumb-group/styles.scoped.css +18 -12
  74. package/breadcrumb-group/styles.selectors.js +7 -7
  75. package/button/styles.css.js +20 -20
  76. package/button/styles.scoped.css +157 -151
  77. package/button/styles.selectors.js +20 -20
  78. package/button-dropdown/category-elements/styles.css.js +13 -13
  79. package/button-dropdown/category-elements/styles.scoped.css +29 -23
  80. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  81. package/button-dropdown/item-element/styles.css.js +15 -15
  82. package/button-dropdown/item-element/styles.scoped.css +24 -18
  83. package/button-dropdown/item-element/styles.selectors.js +15 -15
  84. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  85. package/button-dropdown/mobile-expandable-group/styles.scoped.css +11 -5
  86. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  87. package/button-dropdown/styles.css.js +15 -15
  88. package/button-dropdown/styles.scoped.css +28 -22
  89. package/button-dropdown/styles.selectors.js +15 -15
  90. package/calendar/styles.css.js +18 -18
  91. package/calendar/styles.scoped.css +44 -38
  92. package/calendar/styles.selectors.js +18 -18
  93. package/cards/styles.css.js +40 -40
  94. package/cards/styles.scoped.css +56 -50
  95. package/cards/styles.selectors.js +40 -40
  96. package/checkbox/styles.css.js +3 -3
  97. package/checkbox/styles.scoped.css +11 -5
  98. package/checkbox/styles.selectors.js +3 -3
  99. package/code-editor/styles.css.js +32 -32
  100. package/code-editor/styles.scoped.css +135 -129
  101. package/code-editor/styles.selectors.js +32 -32
  102. package/collection-preferences/content-display/styles.css.js +11 -11
  103. package/collection-preferences/content-display/styles.scoped.css +29 -17
  104. package/collection-preferences/content-display/styles.selectors.js +11 -11
  105. package/collection-preferences/styles.css.js +37 -37
  106. package/collection-preferences/styles.scoped.css +68 -44
  107. package/collection-preferences/styles.selectors.js +37 -37
  108. package/column-layout/styles.css.js +13 -13
  109. package/column-layout/styles.scoped.css +49 -43
  110. package/column-layout/styles.selectors.js +13 -13
  111. package/container/styles.css.js +30 -30
  112. package/container/styles.scoped.css +60 -54
  113. package/container/styles.selectors.js +30 -30
  114. package/content-layout/styles.css.js +7 -7
  115. package/content-layout/styles.scoped.css +19 -13
  116. package/content-layout/styles.selectors.js +7 -7
  117. package/date-picker/styles.css.js +7 -7
  118. package/date-picker/styles.scoped.css +15 -9
  119. package/date-picker/styles.selectors.js +7 -7
  120. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  121. package/date-range-picker/calendar/grids/styles.scoped.css +48 -42
  122. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  123. package/date-range-picker/relative-range/styles.css.js +9 -9
  124. package/date-range-picker/relative-range/styles.scoped.css +19 -13
  125. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  126. package/date-range-picker/styles.css.js +39 -39
  127. package/date-range-picker/styles.scoped.css +54 -48
  128. package/date-range-picker/styles.selectors.js +39 -39
  129. package/drawer/styles.css.js +3 -3
  130. package/drawer/styles.scoped.css +14 -8
  131. package/drawer/styles.selectors.js +3 -3
  132. package/expandable-section/styles.css.js +32 -32
  133. package/expandable-section/styles.scoped.css +68 -62
  134. package/expandable-section/styles.selectors.js +32 -32
  135. package/file-upload/dropzone/styles.css.js +2 -2
  136. package/file-upload/dropzone/styles.scoped.css +8 -2
  137. package/file-upload/dropzone/styles.selectors.js +2 -2
  138. package/file-upload/file-input/styles.css.js +4 -4
  139. package/file-upload/file-input/styles.scoped.css +13 -7
  140. package/file-upload/file-input/styles.selectors.js +4 -4
  141. package/flashbar/styles.css.js +47 -47
  142. package/flashbar/styles.scoped.css +177 -171
  143. package/flashbar/styles.selectors.js +47 -47
  144. package/form/styles.css.js +9 -9
  145. package/form/styles.scoped.css +14 -8
  146. package/form/styles.selectors.js +9 -9
  147. package/form-field/styles.css.js +19 -19
  148. package/form-field/styles.scoped.css +35 -29
  149. package/form-field/styles.selectors.js +19 -19
  150. package/grid/styles.css.js +53 -53
  151. package/grid/styles.scoped.css +60 -54
  152. package/grid/styles.selectors.js +53 -53
  153. package/header/styles.css.js +34 -34
  154. package/header/styles.scoped.css +80 -50
  155. package/header/styles.selectors.js +34 -34
  156. package/help-panel/styles.css.js +4 -4
  157. package/help-panel/styles.scoped.css +69 -63
  158. package/help-panel/styles.selectors.js +4 -4
  159. package/hotspot/styles.css.js +7 -7
  160. package/hotspot/styles.scoped.css +13 -7
  161. package/hotspot/styles.selectors.js +7 -7
  162. package/icon/internal.d.ts.map +1 -1
  163. package/icon/internal.js +1 -1
  164. package/icon/internal.js.map +1 -1
  165. package/icon/styles.css.js +36 -21
  166. package/icon/styles.scoped.css +92 -48
  167. package/icon/styles.selectors.js +36 -21
  168. package/input/styles.css.js +12 -12
  169. package/input/styles.scoped.css +36 -30
  170. package/input/styles.selectors.js +12 -12
  171. package/internal/components/abstract-switch/styles.css.js +13 -13
  172. package/internal/components/abstract-switch/styles.scoped.css +26 -20
  173. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  174. package/internal/components/button-trigger/styles.css.js +10 -10
  175. package/internal/components/button-trigger/styles.scoped.css +30 -24
  176. package/internal/components/button-trigger/styles.selectors.js +10 -10
  177. package/internal/components/chart-filter/styles.css.js +3 -3
  178. package/internal/components/chart-filter/styles.scoped.css +9 -3
  179. package/internal/components/chart-filter/styles.selectors.js +3 -3
  180. package/internal/components/chart-legend/styles.css.js +6 -6
  181. package/internal/components/chart-legend/styles.scoped.css +21 -15
  182. package/internal/components/chart-legend/styles.selectors.js +6 -6
  183. package/internal/components/chart-plot/styles.css.js +5 -5
  184. package/internal/components/chart-plot/styles.scoped.css +11 -5
  185. package/internal/components/chart-plot/styles.selectors.js +5 -5
  186. package/internal/components/chart-popover/styles.css.js +3 -3
  187. package/internal/components/chart-popover/styles.scoped.css +9 -3
  188. package/internal/components/chart-popover/styles.selectors.js +3 -3
  189. package/internal/components/chart-series-details/styles.css.js +20 -20
  190. package/internal/components/chart-series-details/styles.scoped.css +39 -33
  191. package/internal/components/chart-series-details/styles.selectors.js +20 -20
  192. package/internal/components/chart-series-marker/styles.css.js +5 -5
  193. package/internal/components/chart-series-marker/styles.scoped.css +13 -7
  194. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  195. package/internal/components/chart-wrapper/styles.css.js +9 -9
  196. package/internal/components/chart-wrapper/styles.scoped.css +15 -9
  197. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  198. package/internal/components/checkbox-icon/styles.css.js +7 -7
  199. package/internal/components/checkbox-icon/styles.scoped.css +14 -8
  200. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  201. package/internal/components/dropdown/styles.css.js +20 -20
  202. package/internal/components/dropdown/styles.scoped.css +62 -36
  203. package/internal/components/dropdown/styles.selectors.js +20 -20
  204. package/internal/components/dropdown-footer/styles.css.js +3 -3
  205. package/internal/components/dropdown-footer/styles.scoped.css +9 -3
  206. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  207. package/internal/components/dropdown-status/styles.css.js +2 -2
  208. package/internal/components/dropdown-status/styles.scoped.css +8 -2
  209. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  210. package/internal/components/filtering-token/styles.css.js +7 -7
  211. package/internal/components/filtering-token/styles.scoped.css +19 -13
  212. package/internal/components/filtering-token/styles.selectors.js +7 -7
  213. package/internal/components/handle/styles.css.js +2 -2
  214. package/internal/components/handle/styles.scoped.css +12 -6
  215. package/internal/components/handle/styles.selectors.js +2 -2
  216. package/internal/components/menu-dropdown/styles.css.js +7 -7
  217. package/internal/components/menu-dropdown/styles.scoped.css +19 -13
  218. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  219. package/internal/components/option/styles.css.js +17 -17
  220. package/internal/components/option/styles.scoped.css +35 -29
  221. package/internal/components/option/styles.selectors.js +17 -17
  222. package/internal/components/options-list/styles.css.js +2 -2
  223. package/internal/components/options-list/styles.scoped.css +8 -2
  224. package/internal/components/options-list/styles.selectors.js +2 -2
  225. package/internal/components/screenreader-only/styles.css.js +1 -1
  226. package/internal/components/screenreader-only/styles.scoped.css +7 -1
  227. package/internal/components/screenreader-only/styles.selectors.js +1 -1
  228. package/internal/components/selectable-item/styles.css.js +16 -16
  229. package/internal/components/selectable-item/styles.scoped.css +35 -29
  230. package/internal/components/selectable-item/styles.selectors.js +16 -16
  231. package/internal/components/token-list/styles.css.js +9 -9
  232. package/internal/components/token-list/styles.scoped.css +26 -20
  233. package/internal/components/token-list/styles.selectors.js +9 -9
  234. package/internal/context/single-tab-stop-navigation-context.js +1 -1
  235. package/internal/context/single-tab-stop-navigation-context.js.map +1 -1
  236. package/internal/environment.js +1 -1
  237. package/internal/environment.json +1 -1
  238. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  239. package/internal/generated/custom-css-properties/index.js +46 -40
  240. package/internal/generated/custom-css-properties/index.js.map +1 -1
  241. package/internal/manifest.json +1 -1
  242. package/internal/utils/scrollable-containers.d.ts +1 -1
  243. package/internal/utils/scrollable-containers.js +1 -1
  244. package/internal/utils/scrollable-containers.js.map +1 -1
  245. package/link/styles.css.js +20 -20
  246. package/link/styles.scoped.css +77 -71
  247. package/link/styles.selectors.js +20 -20
  248. package/mixed-line-bar-chart/styles.css.js +11 -11
  249. package/mixed-line-bar-chart/styles.scoped.css +23 -17
  250. package/mixed-line-bar-chart/styles.selectors.js +11 -11
  251. package/modal/styles.css.js +23 -23
  252. package/modal/styles.scoped.css +44 -38
  253. package/modal/styles.selectors.js +23 -23
  254. package/multiselect/styles.css.js +2 -2
  255. package/multiselect/styles.scoped.css +8 -2
  256. package/multiselect/styles.selectors.js +2 -2
  257. package/package.json +1 -1
  258. package/pagination/styles.css.js +9 -9
  259. package/pagination/styles.scoped.css +29 -23
  260. package/pagination/styles.selectors.js +9 -9
  261. package/pie-chart/styles.css.js +27 -27
  262. package/pie-chart/styles.scoped.css +54 -48
  263. package/pie-chart/styles.selectors.js +27 -27
  264. package/popover/styles.css.js +50 -50
  265. package/popover/styles.scoped.css +94 -64
  266. package/popover/styles.selectors.js +50 -50
  267. package/progress-bar/styles.css.js +18 -18
  268. package/progress-bar/styles.scoped.css +44 -32
  269. package/progress-bar/styles.selectors.js +18 -18
  270. package/property-filter/property-filter-autosuggest.js +2 -1
  271. package/property-filter/property-filter-autosuggest.js.map +1 -1
  272. package/property-filter/styles.css.js +31 -31
  273. package/property-filter/styles.scoped.css +39 -33
  274. package/property-filter/styles.selectors.js +31 -31
  275. package/radio-group/styles.css.js +9 -9
  276. package/radio-group/styles.scoped.css +21 -15
  277. package/radio-group/styles.selectors.js +9 -9
  278. package/segmented-control/styles.css.js +14 -14
  279. package/segmented-control/styles.scoped.css +39 -33
  280. package/segmented-control/styles.selectors.js +14 -14
  281. package/select/parts/styles.css.js +16 -16
  282. package/select/parts/styles.scoped.css +22 -16
  283. package/select/parts/styles.selectors.js +16 -16
  284. package/select/styles.css.js +1 -1
  285. package/select/styles.scoped.css +7 -1
  286. package/select/styles.selectors.js +1 -1
  287. package/side-navigation/styles.css.js +28 -28
  288. package/side-navigation/styles.scoped.css +44 -38
  289. package/side-navigation/styles.selectors.js +28 -28
  290. package/space-between/styles.css.js +23 -23
  291. package/space-between/styles.scoped.css +30 -24
  292. package/space-between/styles.selectors.js +23 -23
  293. package/spinner/styles.css.js +13 -13
  294. package/spinner/styles.scoped.css +58 -26
  295. package/spinner/styles.selectors.js +13 -13
  296. package/split-panel/styles.css.js +55 -55
  297. package/split-panel/styles.scoped.css +87 -75
  298. package/split-panel/styles.selectors.js +55 -55
  299. package/status-indicator/styles.css.js +23 -23
  300. package/status-indicator/styles.scoped.css +35 -29
  301. package/status-indicator/styles.selectors.js +23 -23
  302. package/table/body-cell/disabled-inline-editor.d.ts.map +1 -1
  303. package/table/body-cell/disabled-inline-editor.js +3 -1
  304. package/table/body-cell/disabled-inline-editor.js.map +1 -1
  305. package/table/body-cell/index.d.ts.map +1 -1
  306. package/table/body-cell/index.js +3 -1
  307. package/table/body-cell/index.js.map +1 -1
  308. package/table/body-cell/styles.css.js +30 -30
  309. package/table/body-cell/styles.scoped.css +107 -77
  310. package/table/body-cell/styles.selectors.js +30 -30
  311. package/table/body-cell/td-element.d.ts.map +1 -1
  312. package/table/body-cell/td-element.js +6 -3
  313. package/table/body-cell/td-element.js.map +1 -1
  314. package/table/header-cell/index.d.ts.map +1 -1
  315. package/table/header-cell/index.js +7 -4
  316. package/table/header-cell/index.js.map +1 -1
  317. package/table/header-cell/styles.css.js +24 -24
  318. package/table/header-cell/styles.scoped.css +86 -38
  319. package/table/header-cell/styles.selectors.js +24 -24
  320. package/table/header-cell/th-element.d.ts +2 -1
  321. package/table/header-cell/th-element.d.ts.map +1 -1
  322. package/table/header-cell/th-element.js +9 -5
  323. package/table/header-cell/th-element.js.map +1 -1
  324. package/table/interfaces.d.ts +5 -0
  325. package/table/interfaces.d.ts.map +1 -1
  326. package/table/interfaces.js.map +1 -1
  327. package/table/internal.d.ts.map +1 -1
  328. package/table/internal.js +53 -45
  329. package/table/internal.js.map +1 -1
  330. package/table/no-data-cell.js +1 -1
  331. package/table/no-data-cell.js.map +1 -1
  332. package/table/resizer/index.d.ts.map +1 -1
  333. package/table/resizer/index.js +4 -2
  334. package/table/resizer/index.js.map +1 -1
  335. package/table/resizer/styles.css.js +8 -8
  336. package/table/resizer/styles.scoped.css +20 -14
  337. package/table/resizer/styles.selectors.js +8 -8
  338. package/table/selection/selection-control.d.ts +3 -1
  339. package/table/selection/selection-control.d.ts.map +1 -1
  340. package/table/selection/selection-control.js +2 -2
  341. package/table/selection/selection-control.js.map +1 -1
  342. package/table/selection/styles.css.js +3 -3
  343. package/table/selection/styles.scoped.css +9 -3
  344. package/table/selection/styles.selectors.js +3 -3
  345. package/table/sticky-scrollbar/styles.css.js +6 -6
  346. package/table/sticky-scrollbar/styles.scoped.css +13 -7
  347. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  348. package/table/styles.css.js +35 -35
  349. package/table/styles.scoped.css +46 -40
  350. package/table/styles.selectors.js +35 -35
  351. package/table/table-role/grid-navigation.d.ts.map +1 -1
  352. package/table/table-role/grid-navigation.js +38 -24
  353. package/table/table-role/grid-navigation.js.map +1 -1
  354. package/table/table-role/table-role-helper.d.ts.map +1 -1
  355. package/table/table-role/table-role-helper.js +1 -3
  356. package/table/table-role/table-role-helper.js.map +1 -1
  357. package/table/table-role/utils.d.ts +1 -0
  358. package/table/table-role/utils.d.ts.map +1 -1
  359. package/table/table-role/utils.js +7 -2
  360. package/table/table-role/utils.js.map +1 -1
  361. package/table/thead.d.ts.map +1 -1
  362. package/table/thead.js +2 -2
  363. package/table/thead.js.map +1 -1
  364. package/table/use-table-focus-navigation.d.ts +9 -1
  365. package/table/use-table-focus-navigation.d.ts.map +1 -1
  366. package/table/use-table-focus-navigation.js +3 -3
  367. package/table/use-table-focus-navigation.js.map +1 -1
  368. package/tabs/styles.css.js +21 -21
  369. package/tabs/styles.scoped.css +51 -39
  370. package/tabs/styles.selectors.js +21 -21
  371. package/tag-editor/styles.css.js +3 -3
  372. package/tag-editor/styles.scoped.css +16 -10
  373. package/tag-editor/styles.selectors.js +3 -3
  374. package/text-content/styles.css.js +1 -1
  375. package/text-content/styles.scoped.css +66 -60
  376. package/text-content/styles.selectors.js +1 -1
  377. package/text-filter/styles.css.js +3 -3
  378. package/text-filter/styles.scoped.css +9 -3
  379. package/text-filter/styles.selectors.js +3 -3
  380. package/textarea/styles.css.js +4 -4
  381. package/textarea/styles.scoped.css +18 -12
  382. package/textarea/styles.selectors.js +4 -4
  383. package/tiles/styles.css.js +29 -29
  384. package/tiles/styles.scoped.css +76 -70
  385. package/tiles/styles.selectors.js +29 -29
  386. package/toggle/styles.css.js +8 -8
  387. package/toggle/styles.scoped.css +19 -13
  388. package/toggle/styles.selectors.js +8 -8
  389. package/token-group/styles.css.js +8 -8
  390. package/token-group/styles.scoped.css +22 -16
  391. package/token-group/styles.selectors.js +8 -8
  392. package/top-navigation/1.0-beta/styles.css.js +25 -25
  393. package/top-navigation/1.0-beta/styles.scoped.css +48 -42
  394. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  395. package/top-navigation/styles.css.js +47 -47
  396. package/top-navigation/styles.scoped.css +72 -66
  397. package/top-navigation/styles.selectors.js +47 -47
  398. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  399. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +27 -21
  400. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  401. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  402. package/tutorial-panel/components/tutorial-list/styles.scoped.css +33 -27
  403. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  404. package/tutorial-panel/styles.css.js +1 -1
  405. package/tutorial-panel/styles.scoped.css +7 -1
  406. package/tutorial-panel/styles.selectors.js +1 -1
  407. package/wizard/styles.css.js +32 -32
  408. package/wizard/styles.scoped.css +74 -68
  409. package/wizard/styles.selectors.js +32 -32
@@ -2,86 +2,86 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "background": "awsui_background_hyvsj_16ig6_93",
6
- "scrolling-background": "awsui_scrolling-background_hyvsj_16ig6_96",
7
- "sticky-background": "awsui_sticky-background_hyvsj_16ig6_102",
8
- "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_16ig6_110",
9
- "breadcrumbs": "awsui_breadcrumbs_hyvsj_16ig6_123",
10
- "has-sticky-background": "awsui_has-sticky-background_hyvsj_16ig6_133",
11
- "drawers-container": "awsui_drawers-container_hyvsj_16ig6_145",
12
- "has-open-drawer": "awsui_has-open-drawer_hyvsj_16ig6_156",
13
- "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_16ig6_179",
14
- "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_16ig6_184",
15
- "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_16ig6_225",
16
- "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_16ig6_235",
17
- "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_16ig6_239",
18
- "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_16ig6_253",
19
- "drawers-trigger": "awsui_drawers-trigger_hyvsj_16ig6_239",
20
- "drawer": "awsui_drawer_hyvsj_16ig6_145",
21
- "drawer-content-container": "awsui_drawer-content-container_hyvsj_16ig6_284",
22
- "drawer-close-button": "awsui_drawer-close-button_hyvsj_16ig6_293",
23
- "drawer-content": "awsui_drawer-content_hyvsj_16ig6_284",
24
- "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_16ig6_301",
25
- "drawer-slider": "awsui_drawer-slider_hyvsj_16ig6_304",
26
- "is-drawer-open": "awsui_is-drawer-open_hyvsj_16ig6_311",
27
- "content": "awsui_content_hyvsj_16ig6_337",
28
- "layout": "awsui_layout_hyvsj_16ig6_358",
29
- "has-max-content-width": "awsui_has-max-content-width_hyvsj_16ig6_441",
30
- "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_16ig6_456",
31
- "content-type-table": "awsui_content-type-table_hyvsj_16ig6_470",
32
- "content-type-cards": "awsui_content-type-cards_hyvsj_16ig6_470",
33
- "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_16ig6_476",
34
- "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_16ig6_479",
35
- "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_16ig6_511",
36
- "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_16ig6_514",
37
- "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_16ig6_524",
38
- "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_16ig6_527",
39
- "content-first-child-header": "awsui_content-first-child-header_hyvsj_16ig6_530",
40
- "has-header": "awsui_has-header_hyvsj_16ig6_530",
41
- "content-first-child-main": "awsui_content-first-child-main_hyvsj_16ig6_551",
42
- "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_16ig6_551",
43
- "has-split-panel": "awsui_has-split-panel_hyvsj_16ig6_594",
44
- "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_16ig6_594",
45
- "block-body-scroll": "awsui_block-body-scroll_hyvsj_16ig6_610",
46
- "unfocusable": "awsui_unfocusable_hyvsj_16ig6_615",
47
- "container": "awsui_container_hyvsj_16ig6_625",
48
- "is-navigation-open": "awsui_is-navigation-open_hyvsj_16ig6_651",
49
- "is-tools-open": "awsui_is-tools-open_hyvsj_16ig6_654",
50
- "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_16ig6_654",
51
- "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_16ig6_654",
52
- "has-active-drawer": "awsui_has-active-drawer_hyvsj_16ig6_654",
53
- "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_16ig6_663",
54
- "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_16ig6_680",
55
- "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_16ig6_684",
56
- "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_16ig6_688",
57
- "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_16ig6_692",
58
- "navigation-container": "awsui_navigation-container_hyvsj_16ig6_701",
59
- "show-navigation": "awsui_show-navigation_hyvsj_16ig6_745",
60
- "animating": "awsui_animating_hyvsj_16ig6_768",
61
- "showButtons": "awsui_showButtons_hyvsj_16ig6_1",
62
- "navigation": "awsui_navigation_hyvsj_16ig6_701",
63
- "openNavigation": "awsui_openNavigation_hyvsj_16ig6_1",
64
- "animated-content": "awsui_animated-content_hyvsj_16ig6_830",
65
- "hide-navigation": "awsui_hide-navigation_hyvsj_16ig6_839",
66
- "notifications": "awsui_notifications_hyvsj_16ig6_849",
67
- "sticky-notifications": "awsui_sticky-notifications_hyvsj_16ig6_855",
68
- "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_16ig6_872",
69
- "position-bottom": "awsui_position-bottom_hyvsj_16ig6_919",
70
- "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_16ig6_1",
71
- "split-panel-side": "awsui_split-panel-side_hyvsj_16ig6_948",
72
- "position-side": "awsui_position-side_hyvsj_16ig6_961",
73
- "tools-container": "awsui_tools-container_hyvsj_16ig6_983",
74
- "tools": "awsui_tools_hyvsj_16ig6_983",
75
- "openTools": "awsui_openTools_hyvsj_16ig6_1",
76
- "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_16ig6_1080",
77
- "hide-tools": "awsui_hide-tools_hyvsj_16ig6_1090",
78
- "show-tools": "awsui_show-tools_hyvsj_16ig6_1102",
79
- "has-tools-form": "awsui_has-tools-form_hyvsj_16ig6_1080",
80
- "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_16ig6_1185",
81
- "trigger": "awsui_trigger_hyvsj_16ig6_1185",
82
- "selected": "awsui_selected_hyvsj_16ig6_1258",
83
- "badge": "awsui_badge_hyvsj_16ig6_1278",
84
- "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_16ig6_1282",
85
- "dot": "awsui_dot_hyvsj_16ig6_1293"
5
+ "background": "awsui_background_hyvsj_1s5no_99",
6
+ "scrolling-background": "awsui_scrolling-background_hyvsj_1s5no_102",
7
+ "sticky-background": "awsui_sticky-background_hyvsj_1s5no_108",
8
+ "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1s5no_116",
9
+ "breadcrumbs": "awsui_breadcrumbs_hyvsj_1s5no_129",
10
+ "has-sticky-background": "awsui_has-sticky-background_hyvsj_1s5no_139",
11
+ "drawers-container": "awsui_drawers-container_hyvsj_1s5no_151",
12
+ "has-open-drawer": "awsui_has-open-drawer_hyvsj_1s5no_162",
13
+ "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1s5no_185",
14
+ "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1s5no_190",
15
+ "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1s5no_231",
16
+ "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1s5no_241",
17
+ "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1s5no_245",
18
+ "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1s5no_259",
19
+ "drawers-trigger": "awsui_drawers-trigger_hyvsj_1s5no_245",
20
+ "drawer": "awsui_drawer_hyvsj_1s5no_151",
21
+ "drawer-content-container": "awsui_drawer-content-container_hyvsj_1s5no_290",
22
+ "drawer-close-button": "awsui_drawer-close-button_hyvsj_1s5no_299",
23
+ "drawer-content": "awsui_drawer-content_hyvsj_1s5no_290",
24
+ "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1s5no_307",
25
+ "drawer-slider": "awsui_drawer-slider_hyvsj_1s5no_310",
26
+ "is-drawer-open": "awsui_is-drawer-open_hyvsj_1s5no_317",
27
+ "content": "awsui_content_hyvsj_1s5no_343",
28
+ "layout": "awsui_layout_hyvsj_1s5no_364",
29
+ "has-max-content-width": "awsui_has-max-content-width_hyvsj_1s5no_447",
30
+ "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1s5no_462",
31
+ "content-type-table": "awsui_content-type-table_hyvsj_1s5no_476",
32
+ "content-type-cards": "awsui_content-type-cards_hyvsj_1s5no_476",
33
+ "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1s5no_482",
34
+ "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1s5no_485",
35
+ "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1s5no_517",
36
+ "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1s5no_520",
37
+ "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1s5no_530",
38
+ "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1s5no_533",
39
+ "content-first-child-header": "awsui_content-first-child-header_hyvsj_1s5no_536",
40
+ "has-header": "awsui_has-header_hyvsj_1s5no_536",
41
+ "content-first-child-main": "awsui_content-first-child-main_hyvsj_1s5no_557",
42
+ "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1s5no_557",
43
+ "has-split-panel": "awsui_has-split-panel_hyvsj_1s5no_600",
44
+ "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1s5no_600",
45
+ "block-body-scroll": "awsui_block-body-scroll_hyvsj_1s5no_616",
46
+ "unfocusable": "awsui_unfocusable_hyvsj_1s5no_621",
47
+ "container": "awsui_container_hyvsj_1s5no_631",
48
+ "is-navigation-open": "awsui_is-navigation-open_hyvsj_1s5no_657",
49
+ "is-tools-open": "awsui_is-tools-open_hyvsj_1s5no_660",
50
+ "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1s5no_660",
51
+ "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1s5no_660",
52
+ "has-active-drawer": "awsui_has-active-drawer_hyvsj_1s5no_660",
53
+ "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1s5no_669",
54
+ "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1s5no_686",
55
+ "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1s5no_690",
56
+ "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1s5no_694",
57
+ "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1s5no_698",
58
+ "navigation-container": "awsui_navigation-container_hyvsj_1s5no_707",
59
+ "show-navigation": "awsui_show-navigation_hyvsj_1s5no_751",
60
+ "animating": "awsui_animating_hyvsj_1s5no_774",
61
+ "showButtons": "awsui_showButtons_hyvsj_1s5no_1",
62
+ "navigation": "awsui_navigation_hyvsj_1s5no_707",
63
+ "openNavigation": "awsui_openNavigation_hyvsj_1s5no_1",
64
+ "animated-content": "awsui_animated-content_hyvsj_1s5no_836",
65
+ "hide-navigation": "awsui_hide-navigation_hyvsj_1s5no_845",
66
+ "notifications": "awsui_notifications_hyvsj_1s5no_855",
67
+ "sticky-notifications": "awsui_sticky-notifications_hyvsj_1s5no_861",
68
+ "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1s5no_878",
69
+ "position-bottom": "awsui_position-bottom_hyvsj_1s5no_925",
70
+ "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1s5no_1",
71
+ "split-panel-side": "awsui_split-panel-side_hyvsj_1s5no_954",
72
+ "position-side": "awsui_position-side_hyvsj_1s5no_967",
73
+ "tools-container": "awsui_tools-container_hyvsj_1s5no_989",
74
+ "tools": "awsui_tools_hyvsj_1s5no_989",
75
+ "openTools": "awsui_openTools_hyvsj_1s5no_1",
76
+ "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1s5no_1086",
77
+ "hide-tools": "awsui_hide-tools_hyvsj_1s5no_1096",
78
+ "show-tools": "awsui_show-tools_hyvsj_1s5no_1108",
79
+ "has-tools-form": "awsui_has-tools-form_hyvsj_1s5no_1086",
80
+ "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1s5no_1191",
81
+ "trigger": "awsui_trigger_hyvsj_1s5no_1191",
82
+ "selected": "awsui_selected_hyvsj_1s5no_1264",
83
+ "badge": "awsui_badge_hyvsj_1s5no_1284",
84
+ "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1s5no_1288",
85
+ "dot": "awsui_dot_hyvsj_1s5no_1299"
86
86
  };
87
87
 
@@ -1,11 +1,11 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "series": "awsui_series_y1yrh_9mhu9_93",
5
- "root": "awsui_root_y1yrh_9mhu9_111",
6
- "series--highlighted": "awsui_series--highlighted_y1yrh_9mhu9_123",
7
- "series--dimmed": "awsui_series--dimmed_y1yrh_9mhu9_127",
8
- "series--threshold": "awsui_series--threshold_y1yrh_9mhu9_131",
9
- "popover-divider": "awsui_popover-divider_y1yrh_9mhu9_136"
4
+ "series": "awsui_series_y1yrh_dtalw_99",
5
+ "root": "awsui_root_y1yrh_dtalw_117",
6
+ "series--highlighted": "awsui_series--highlighted_y1yrh_dtalw_129",
7
+ "series--dimmed": "awsui_series--dimmed_y1yrh_dtalw_133",
8
+ "series--threshold": "awsui_series--threshold_y1yrh_dtalw_137",
9
+ "popover-divider": "awsui_popover-divider_y1yrh_dtalw_142"
10
10
  };
11
11
 
@@ -6,6 +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
+ /* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
10
+ /* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
11
+ /*
12
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
13
+ SPDX-License-Identifier: Apache-2.0
14
+ */
9
15
  /*
10
16
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
11
17
  SPDX-License-Identifier: Apache-2.0
@@ -90,16 +96,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
96
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
97
  SPDX-License-Identifier: Apache-2.0
92
98
  */
93
- .awsui_series_y1yrh_9mhu9_93 > rect:not(#\9) {
99
+ .awsui_series_y1yrh_dtalw_99 > rect:not(#\9) {
94
100
  transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
95
101
  }
96
102
  @media (prefers-reduced-motion: reduce) {
97
- .awsui_series_y1yrh_9mhu9_93 > rect:not(#\9) {
103
+ .awsui_series_y1yrh_dtalw_99 > rect:not(#\9) {
98
104
  animation: none;
99
105
  transition: none;
100
106
  }
101
107
  }
102
- .awsui-motion-disabled .awsui_series_y1yrh_9mhu9_93 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_9mhu9_93 > rect:not(#\9) {
108
+ .awsui-motion-disabled .awsui_series_y1yrh_dtalw_99 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_dtalw_99 > rect:not(#\9) {
103
109
  animation: none;
104
110
  transition: none;
105
111
  }
@@ -108,11 +114,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
108
114
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
109
115
  SPDX-License-Identifier: Apache-2.0
110
116
  */
111
- .awsui_root_y1yrh_9mhu9_111:not(#\9) {
117
+ .awsui_root_y1yrh_dtalw_117:not(#\9) {
112
118
  /* used in test-utils */
113
119
  }
114
120
 
115
- .awsui_series_y1yrh_9mhu9_93:not(#\9) {
121
+ .awsui_series_y1yrh_dtalw_99:not(#\9) {
116
122
  display: block;
117
123
  stroke-width: var(--border-line-chart-width-9mzos2, 2px);
118
124
  fill: none;
@@ -120,20 +126,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
120
126
  stroke-linejoin: var(--border-line-chart-line-join-hdz0jf, round);
121
127
  }
122
128
 
123
- .awsui_series--highlighted_y1yrh_9mhu9_123:not(#\9) {
129
+ .awsui_series--highlighted_y1yrh_dtalw_129:not(#\9) {
124
130
  /* used in test-utils */
125
131
  }
126
132
 
127
- .awsui_series--dimmed_y1yrh_9mhu9_127:not(#\9) {
133
+ .awsui_series--dimmed_y1yrh_dtalw_133:not(#\9) {
128
134
  opacity: 0.3;
129
135
  }
130
136
 
131
- .awsui_series--threshold_y1yrh_9mhu9_131:not(#\9) {
137
+ .awsui_series--threshold_y1yrh_dtalw_137:not(#\9) {
132
138
  stroke-dasharray: var(--border-line-chart-dash-array-k49cgz, 3 5);
133
139
  stroke-width: var(--border-line-chart-width-9mzos2, 2px);
134
140
  }
135
141
 
136
- .awsui_popover-divider_y1yrh_9mhu9_136:not(#\9) {
142
+ .awsui_popover-divider_y1yrh_dtalw_142:not(#\9) {
137
143
  margin-block: var(--space-xs-zb16t3, 8px);
138
144
  margin-inline: 0;
139
145
  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
@@ -2,11 +2,11 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "series": "awsui_series_y1yrh_9mhu9_93",
6
- "root": "awsui_root_y1yrh_9mhu9_111",
7
- "series--highlighted": "awsui_series--highlighted_y1yrh_9mhu9_123",
8
- "series--dimmed": "awsui_series--dimmed_y1yrh_9mhu9_127",
9
- "series--threshold": "awsui_series--threshold_y1yrh_9mhu9_131",
10
- "popover-divider": "awsui_popover-divider_y1yrh_9mhu9_136"
5
+ "series": "awsui_series_y1yrh_dtalw_99",
6
+ "root": "awsui_root_y1yrh_dtalw_117",
7
+ "series--highlighted": "awsui_series--highlighted_y1yrh_dtalw_129",
8
+ "series--dimmed": "awsui_series--dimmed_y1yrh_dtalw_133",
9
+ "series--threshold": "awsui_series--threshold_y1yrh_dtalw_137",
10
+ "popover-divider": "awsui_popover-divider_y1yrh_dtalw_142"
11
11
  };
12
12
 
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "empty-appear": "awsui_empty-appear_n4qlp_11124_93",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_11124_1",
6
- "root": "awsui_root_n4qlp_11124_119",
7
- "empty": "awsui_empty_n4qlp_11124_93",
8
- "row": "awsui_row_n4qlp_11124_161",
9
- "row-control": "awsui_row-control_n4qlp_11124_165",
10
- "field": "awsui_field_n4qlp_11124_169",
11
- "add-button": "awsui_add-button_n4qlp_11124_173",
12
- "remove-button": "awsui_remove-button_n4qlp_11124_177",
13
- "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_11124_181",
14
- "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_11124_185",
15
- "divider": "awsui_divider_n4qlp_11124_189",
16
- "additional-info": "awsui_additional-info_n4qlp_11124_193",
17
- "right-align": "awsui_right-align_n4qlp_11124_239"
4
+ "empty-appear": "awsui_empty-appear_n4qlp_10zt4_99",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_10zt4_1",
6
+ "root": "awsui_root_n4qlp_10zt4_125",
7
+ "empty": "awsui_empty_n4qlp_10zt4_99",
8
+ "row": "awsui_row_n4qlp_10zt4_167",
9
+ "row-control": "awsui_row-control_n4qlp_10zt4_171",
10
+ "field": "awsui_field_n4qlp_10zt4_175",
11
+ "add-button": "awsui_add-button_n4qlp_10zt4_179",
12
+ "remove-button": "awsui_remove-button_n4qlp_10zt4_183",
13
+ "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_10zt4_187",
14
+ "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_10zt4_191",
15
+ "divider": "awsui_divider_n4qlp_10zt4_195",
16
+ "additional-info": "awsui_additional-info_n4qlp_10zt4_199",
17
+ "right-align": "awsui_right-align_n4qlp_10zt4_245"
18
18
  };
19
19
 
@@ -2,6 +2,12 @@
2
2
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  SPDX-License-Identifier: Apache-2.0
4
4
  */
5
+ /* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
6
+ /* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
7
+ /*
8
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
9
+ SPDX-License-Identifier: Apache-2.0
10
+ */
5
11
  /*
6
12
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
13
  SPDX-License-Identifier: Apache-2.0
@@ -90,10 +96,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
96
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
97
  SPDX-License-Identifier: Apache-2.0
92
98
  */
93
- .awsui_empty-appear_n4qlp_11124_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in_n4qlp_11124_1 var(--motion-duration-transition-show-paced-9s9l5z, 180ms) var(--motion-easing-transition-show-paced-eobwvi, ease-out);
99
+ .awsui_empty-appear_n4qlp_10zt4_99:not(#\9) {
100
+ animation: awsui_awsui-motion-fade-in_n4qlp_10zt4_1 var(--motion-duration-transition-show-paced-9s9l5z, 180ms) var(--motion-easing-transition-show-paced-eobwvi, ease-out);
95
101
  }
96
- @keyframes awsui_awsui-motion-fade-in_n4qlp_11124_1 {
102
+ @keyframes awsui_awsui-motion-fade-in_n4qlp_10zt4_1 {
97
103
  from {
98
104
  opacity: 0.2;
99
105
  }
@@ -102,12 +108,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
102
108
  }
103
109
  }
104
110
  @media (prefers-reduced-motion: reduce) {
105
- .awsui_empty-appear_n4qlp_11124_93:not(#\9) {
111
+ .awsui_empty-appear_n4qlp_10zt4_99:not(#\9) {
106
112
  animation: none;
107
113
  transition: none;
108
114
  }
109
115
  }
110
- .awsui-motion-disabled .awsui_empty-appear_n4qlp_11124_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_11124_93:not(#\9) {
116
+ .awsui-motion-disabled .awsui_empty-appear_n4qlp_10zt4_99:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_10zt4_99:not(#\9) {
111
117
  animation: none;
112
118
  transition: none;
113
119
  }
@@ -116,7 +122,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
116
122
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
117
123
  SPDX-License-Identifier: Apache-2.0
118
124
  */
119
- .awsui_root_n4qlp_11124_119:not(#\9) {
125
+ .awsui_root_n4qlp_10zt4_125:not(#\9) {
120
126
  border-collapse: separate;
121
127
  border-spacing: 0;
122
128
  box-sizing: border-box;
@@ -153,45 +159,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
153
159
  display: block;
154
160
  }
155
161
 
156
- .awsui_empty_n4qlp_11124_93:not(#\9) {
162
+ .awsui_empty_n4qlp_10zt4_99:not(#\9) {
157
163
  font-size: var(--font-size-body-m-x4okxb, 14px);
158
164
  line-height: var(--line-height-body-m-30ar75, 20px);
159
165
  color: var(--color-text-empty-2wfcyr, #5f6b7a);
160
166
  }
161
167
 
162
- .awsui_row_n4qlp_11124_161:not(#\9) {
168
+ .awsui_row_n4qlp_10zt4_167:not(#\9) {
163
169
  /* used in test-utils */
164
170
  }
165
171
 
166
- .awsui_row-control_n4qlp_11124_165:not(#\9) {
172
+ .awsui_row-control_n4qlp_10zt4_171:not(#\9) {
167
173
  /* used in test-utils */
168
174
  }
169
175
 
170
- .awsui_field_n4qlp_11124_169:not(#\9) {
176
+ .awsui_field_n4qlp_10zt4_175:not(#\9) {
171
177
  /* used in test-utils */
172
178
  }
173
179
 
174
- .awsui_add-button_n4qlp_11124_173:not(#\9) {
180
+ .awsui_add-button_n4qlp_10zt4_179:not(#\9) {
175
181
  /* used in test-utils */
176
182
  }
177
183
 
178
- .awsui_remove-button_n4qlp_11124_177:not(#\9) {
184
+ .awsui_remove-button_n4qlp_10zt4_183:not(#\9) {
179
185
  /* used in test-utils */
180
186
  }
181
187
 
182
- .awsui_button-container-haslabel_n4qlp_11124_181:not(#\9) {
188
+ .awsui_button-container-haslabel_n4qlp_10zt4_187:not(#\9) {
183
189
  padding-block-start: calc(var(--space-xxs-p8yyaw, 4px) + var(--line-height-body-m-30ar75, 20px));
184
190
  }
185
191
 
186
- .awsui_button-container-nolabel_n4qlp_11124_185:not(#\9) {
192
+ .awsui_button-container-nolabel_n4qlp_10zt4_191:not(#\9) {
187
193
  padding-block-start: var(--space-xxs-p8yyaw, 4px);
188
194
  }
189
195
 
190
- .awsui_divider_n4qlp_11124_189:not(#\9) {
196
+ .awsui_divider_n4qlp_10zt4_195:not(#\9) {
191
197
  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
192
198
  }
193
199
 
194
- .awsui_additional-info_n4qlp_11124_193:not(#\9) {
200
+ .awsui_additional-info_n4qlp_10zt4_199:not(#\9) {
195
201
  color: var(--color-text-form-secondary-dxc248, #5f6b7a);
196
202
  font-size: var(--font-size-body-s-asqx2i, 12px);
197
203
  line-height: var(--line-height-body-s-7zv1j5, 16px);
@@ -201,7 +207,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
201
207
  margin-block-start: var(--space-xxs-p8yyaw, 4px);
202
208
  /* stylelint-disable-next-line selector-max-type */
203
209
  }
204
- .awsui_additional-info_n4qlp_11124_193 > a:not(#\9) {
210
+ .awsui_additional-info_n4qlp_10zt4_199 > a:not(#\9) {
205
211
  color: var(--color-text-link-default-latg1a, #0972d3);
206
212
  font-weight: inherit;
207
213
  letter-spacing: normal;
@@ -215,31 +221,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
215
221
  text-decoration-thickness: 1px;
216
222
  }
217
223
  @media (prefers-reduced-motion: reduce) {
218
- .awsui_additional-info_n4qlp_11124_193 > a:not(#\9) {
224
+ .awsui_additional-info_n4qlp_10zt4_199 > a:not(#\9) {
219
225
  animation: none;
220
226
  transition: none;
221
227
  }
222
228
  }
223
- .awsui-motion-disabled .awsui_additional-info_n4qlp_11124_193 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_11124_193 > a:not(#\9) {
229
+ .awsui-motion-disabled .awsui_additional-info_n4qlp_10zt4_199 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_10zt4_199 > a:not(#\9) {
224
230
  animation: none;
225
231
  transition: none;
226
232
  }
227
- .awsui_additional-info_n4qlp_11124_193 > a:not(#\9):hover {
233
+ .awsui_additional-info_n4qlp_10zt4_199 > a:not(#\9):hover {
228
234
  cursor: pointer;
229
235
  color: var(--color-text-link-hover-8j6p14, #033160);
230
236
  }
231
- .awsui_additional-info_n4qlp_11124_193 > a:not(#\9):focus {
237
+ .awsui_additional-info_n4qlp_10zt4_199 > a:not(#\9):focus {
232
238
  outline: none;
233
239
  }
234
- .awsui_additional-info_n4qlp_11124_193 > a:not(#\9):active {
240
+ .awsui_additional-info_n4qlp_10zt4_199 > a:not(#\9):active {
235
241
  color: var(--color-text-link-hover-8j6p14, #033160);
236
242
  }
237
- .awsui_additional-info_n4qlp_11124_193 > a:not(#\9):active, .awsui_additional-info_n4qlp_11124_193 > a:not(#\9):focus, .awsui_additional-info_n4qlp_11124_193 > a:not(#\9):hover {
243
+ .awsui_additional-info_n4qlp_10zt4_199 > a:not(#\9):active, .awsui_additional-info_n4qlp_10zt4_199 > a:not(#\9):focus, .awsui_additional-info_n4qlp_10zt4_199 > a:not(#\9):hover {
238
244
  text-decoration-line: underline;
239
245
  text-decoration-color: currentColor;
240
246
  }
241
247
 
242
- .awsui_right-align_n4qlp_11124_239:not(#\9) {
248
+ .awsui_right-align_n4qlp_10zt4_245:not(#\9) {
243
249
  display: flex;
244
250
  justify-content: flex-end;
245
251
  }
@@ -2,19 +2,19 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "empty-appear": "awsui_empty-appear_n4qlp_11124_93",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_11124_1",
7
- "root": "awsui_root_n4qlp_11124_119",
8
- "empty": "awsui_empty_n4qlp_11124_93",
9
- "row": "awsui_row_n4qlp_11124_161",
10
- "row-control": "awsui_row-control_n4qlp_11124_165",
11
- "field": "awsui_field_n4qlp_11124_169",
12
- "add-button": "awsui_add-button_n4qlp_11124_173",
13
- "remove-button": "awsui_remove-button_n4qlp_11124_177",
14
- "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_11124_181",
15
- "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_11124_185",
16
- "divider": "awsui_divider_n4qlp_11124_189",
17
- "additional-info": "awsui_additional-info_n4qlp_11124_193",
18
- "right-align": "awsui_right-align_n4qlp_11124_239"
5
+ "empty-appear": "awsui_empty-appear_n4qlp_10zt4_99",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_10zt4_1",
7
+ "root": "awsui_root_n4qlp_10zt4_125",
8
+ "empty": "awsui_empty_n4qlp_10zt4_99",
9
+ "row": "awsui_row_n4qlp_10zt4_167",
10
+ "row-control": "awsui_row-control_n4qlp_10zt4_171",
11
+ "field": "awsui_field_n4qlp_10zt4_175",
12
+ "add-button": "awsui_add-button_n4qlp_10zt4_179",
13
+ "remove-button": "awsui_remove-button_n4qlp_10zt4_183",
14
+ "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_10zt4_187",
15
+ "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_10zt4_191",
16
+ "divider": "awsui_divider_n4qlp_10zt4_195",
17
+ "additional-info": "awsui_additional-info_n4qlp_10zt4_199",
18
+ "right-align": "awsui_right-align_n4qlp_10zt4_245"
19
19
  };
20
20
 
@@ -9,7 +9,6 @@ export interface AutosuggestOptionProps extends BaseComponentProps {
9
9
  highlighted: boolean;
10
10
  highlightType: HighlightType;
11
11
  current: boolean;
12
- enteredTextLabel?: (value: string) => string;
13
12
  virtualPosition?: number;
14
13
  padBottom?: boolean;
15
14
  screenReaderContent?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"autosuggest-option.d.ts","sourceRoot":"lib/default/","sources":["autosuggest/autosuggest-option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAgB,MAAM,4BAA4B,CAAC;AAI9E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,gEAAgE,CAAC;AAG/F,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACxD,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,eAAe,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;;AA4ED,wBAA+D"}
1
+ {"version":3,"file":"autosuggest-option.d.ts","sourceRoot":"lib/default/","sources":["autosuggest/autosuggest-option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAgB,MAAM,4BAA4B,CAAC;AAI9E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,gEAAgE,CAAC;AAE/F,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACxD,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,eAAe,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;;AAwED,wBAA+D"}
@@ -7,18 +7,16 @@ import SelectableItem from '../internal/components/selectable-item';
7
7
  import { getBaseProps } from '../internal/base-component';
8
8
  import { getTestOptionIndexes } from '../internal/components/options-list/utils/test-indexes';
9
9
  import styles from './styles.css.js';
10
- import { useInternalI18n } from '../i18n/context';
11
10
  const AutosuggestOption = (_a, ref) => {
12
- var { nativeAttributes = {}, highlightText, option, highlighted, highlightType, current, enteredTextLabel, virtualPosition, padBottom, screenReaderContent, ariaSetsize, ariaPosinset } = _a, rest = __rest(_a, ["nativeAttributes", "highlightText", "option", "highlighted", "highlightType", "current", "enteredTextLabel", "virtualPosition", "padBottom", "screenReaderContent", "ariaSetsize", "ariaPosinset"]);
11
+ var { nativeAttributes = {}, highlightText, option, highlighted, highlightType, current, virtualPosition, padBottom, screenReaderContent, ariaSetsize, ariaPosinset } = _a, rest = __rest(_a, ["nativeAttributes", "highlightText", "option", "highlighted", "highlightType", "current", "virtualPosition", "padBottom", "screenReaderContent", "ariaSetsize", "ariaPosinset"]);
13
12
  const baseProps = getBaseProps(rest);
14
- const i18n = useInternalI18n('autosuggest');
15
13
  const useEntered = 'type' in option && option.type === 'use-entered';
16
14
  const isParent = 'type' in option && option.type === 'parent';
17
15
  const isChild = 'type' in option && option.type === 'child';
18
16
  const { throughIndex, inGroupIndex, groupIndex } = getTestOptionIndexes(option) || {};
19
17
  let optionContent;
20
18
  if (useEntered) {
21
- optionContent = i18n('enteredTextLabel', enteredTextLabel === null || enteredTextLabel === void 0 ? void 0 : enteredTextLabel(option.value || ''), format => format({ value: option.value || '' }));
19
+ optionContent = option.label;
22
20
  // we don't want fancy generated content for screenreader for the "Use..." option,
23
21
  // just the visible text is fine
24
22
  screenReaderContent = undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"autosuggest-option.js","sourceRoot":"lib/default/","sources":["autosuggest/autosuggest-option.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAE9F,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAiBlD,MAAM,iBAAiB,GAAG,CACxB,EAcyB,EACzB,GAA8B,EAC9B,EAAE;QAhBF,EACE,gBAAgB,GAAG,EAAE,EACrB,aAAa,EACb,MAAM,EACN,WAAW,EACX,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,mBAAmB,EACnB,WAAW,EACX,YAAY,OAEW,EADpB,IAAI,cAbT,oMAcC,CADQ;IAIT,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IAC5C,MAAM,UAAU,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,aAAa,CAAC;IACrE,MAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;IAC9D,MAAM,OAAO,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC;IAC5D,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,oBAAoB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IAEtF,IAAI,aAAa,CAAC;IAClB,IAAI,UAAU,EAAE;QACd,aAAa,GAAG,IAAI,CAAC,kBAAkB,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,CACxF,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE,EAAE,CAAC,CACtC,CAAC;QACF,kFAAkF;QAClF,gCAAgC;QAChC,mBAAmB,GAAG,SAAS,CAAC;KACjC;SAAM,IAAI,QAAQ,EAAE;QACnB,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC;KAC9B;SAAM;QACL,MAAM,cAAc,GAA+C,EAAE,CAAC;QACtE,IAAI,gBAAgB,CAAC,YAAY,CAAC,EAAE;YAClC,cAAc,CAAC,YAAY,CAAC,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;SAC/D;QAED,aAAa,GAAG,CACd,6CAAS,cAAc;YACrB,oBAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,GAAI,CAC7F,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,cAAc,oBACT,SAAS,IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,YAAY,EAAE,OAAO,EACrB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,aAAa,EAAE,UAAU,EACzB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,qBACf,YAAY,yBACR,YAAY,sBACf,UAAU,EAC5B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,CAAC,IAAI,KAEhC,aAAa,CACC,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport OptionComponent from '../internal/components/option';\nimport SelectableItem from '../internal/components/selectable-item';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport { getTestOptionIndexes } from '../internal/components/options-list/utils/test-indexes';\n\nimport styles from './styles.css.js';\nimport { AutosuggestItem } from './interfaces';\nimport { HighlightType } from '../internal/components/options-list/utils/use-highlight-option';\nimport { useInternalI18n } from '../i18n/context';\n\nexport interface AutosuggestOptionProps extends BaseComponentProps {\n nativeAttributes?: React.HTMLAttributes<HTMLDivElement>;\n highlightText: string;\n option: AutosuggestItem;\n highlighted: boolean;\n highlightType: HighlightType;\n current: boolean;\n enteredTextLabel?: (value: string) => string;\n virtualPosition?: number;\n padBottom?: boolean;\n screenReaderContent?: string;\n ariaSetsize?: number;\n ariaPosinset?: number;\n}\n\nconst AutosuggestOption = (\n {\n nativeAttributes = {},\n highlightText,\n option,\n highlighted,\n highlightType,\n current,\n enteredTextLabel,\n virtualPosition,\n padBottom,\n screenReaderContent,\n ariaSetsize,\n ariaPosinset,\n ...rest\n }: AutosuggestOptionProps,\n ref: React.Ref<HTMLDivElement>\n) => {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('autosuggest');\n const useEntered = 'type' in option && option.type === 'use-entered';\n const isParent = 'type' in option && option.type === 'parent';\n const isChild = 'type' in option && option.type === 'child';\n const { throughIndex, inGroupIndex, groupIndex } = getTestOptionIndexes(option) || {};\n\n let optionContent;\n if (useEntered) {\n optionContent = i18n('enteredTextLabel', enteredTextLabel?.(option.value || ''), format =>\n format({ value: option.value || '' })\n );\n // we don't want fancy generated content for screenreader for the \"Use...\" option,\n // just the visible text is fine\n screenReaderContent = undefined;\n } else if (isParent) {\n optionContent = option.label;\n } else {\n const a11yProperties: AutosuggestOptionProps['nativeAttributes'] = {};\n if (nativeAttributes['aria-label']) {\n a11yProperties['aria-label'] = nativeAttributes['aria-label'];\n }\n\n optionContent = (\n <div {...a11yProperties}>\n <OptionComponent option={option} highlightedOption={highlighted} highlightText={highlightText} />\n </div>\n );\n }\n\n return (\n <SelectableItem\n {...baseProps}\n className={styles.option}\n ariaSelected={current}\n highlighted={highlighted}\n disabled={option.disabled}\n hasBackground={useEntered}\n isParent={isParent}\n isChild={isChild}\n virtualPosition={virtualPosition}\n data-test-index={throughIndex}\n data-in-group-index={inGroupIndex}\n data-group-index={groupIndex}\n ref={ref}\n padBottom={padBottom}\n screenReaderContent={screenReaderContent}\n ariaSetsize={ariaSetsize}\n ariaPosinset={ariaPosinset}\n highlightType={highlightType.type}\n >\n {optionContent}\n </SelectableItem>\n );\n};\n\nexport default React.memo(React.forwardRef(AutosuggestOption));\n"]}
1
+ {"version":3,"file":"autosuggest-option.js","sourceRoot":"lib/default/","sources":["autosuggest/autosuggest-option.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAE9F,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAkBrC,MAAM,iBAAiB,GAAG,CACxB,EAayB,EACzB,GAA8B,EAC9B,EAAE;QAfF,EACE,gBAAgB,GAAG,EAAE,EACrB,aAAa,EACb,MAAM,EACN,WAAW,EACX,aAAa,EACb,OAAO,EACP,eAAe,EACf,SAAS,EACT,mBAAmB,EACnB,WAAW,EACX,YAAY,OAEW,EADpB,IAAI,cAZT,gLAaC,CADQ;IAIT,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,UAAU,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,aAAa,CAAC;IACrE,MAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;IAC9D,MAAM,OAAO,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC;IAC5D,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,oBAAoB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IAEtF,IAAI,aAAa,CAAC;IAClB,IAAI,UAAU,EAAE;QACd,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC;QAC7B,kFAAkF;QAClF,gCAAgC;QAChC,mBAAmB,GAAG,SAAS,CAAC;KACjC;SAAM,IAAI,QAAQ,EAAE;QACnB,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC;KAC9B;SAAM;QACL,MAAM,cAAc,GAA+C,EAAE,CAAC;QACtE,IAAI,gBAAgB,CAAC,YAAY,CAAC,EAAE;YAClC,cAAc,CAAC,YAAY,CAAC,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;SAC/D;QAED,aAAa,GAAG,CACd,6CAAS,cAAc;YACrB,oBAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,GAAI,CAC7F,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,cAAc,oBACT,SAAS,IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,YAAY,EAAE,OAAO,EACrB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,aAAa,EAAE,UAAU,EACzB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,qBACf,YAAY,yBACR,YAAY,sBACf,UAAU,EAC5B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,CAAC,IAAI,KAEhC,aAAa,CACC,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport OptionComponent from '../internal/components/option';\nimport SelectableItem from '../internal/components/selectable-item';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport { getTestOptionIndexes } from '../internal/components/options-list/utils/test-indexes';\n\nimport styles from './styles.css.js';\nimport { AutosuggestItem } from './interfaces';\nimport { HighlightType } from '../internal/components/options-list/utils/use-highlight-option';\n\nexport interface AutosuggestOptionProps extends BaseComponentProps {\n nativeAttributes?: React.HTMLAttributes<HTMLDivElement>;\n highlightText: string;\n option: AutosuggestItem;\n highlighted: boolean;\n highlightType: HighlightType;\n current: boolean;\n virtualPosition?: number;\n padBottom?: boolean;\n screenReaderContent?: string;\n ariaSetsize?: number;\n ariaPosinset?: number;\n}\n\nconst AutosuggestOption = (\n {\n nativeAttributes = {},\n highlightText,\n option,\n highlighted,\n highlightType,\n current,\n virtualPosition,\n padBottom,\n screenReaderContent,\n ariaSetsize,\n ariaPosinset,\n ...rest\n }: AutosuggestOptionProps,\n ref: React.Ref<HTMLDivElement>\n) => {\n const baseProps = getBaseProps(rest);\n const useEntered = 'type' in option && option.type === 'use-entered';\n const isParent = 'type' in option && option.type === 'parent';\n const isChild = 'type' in option && option.type === 'child';\n const { throughIndex, inGroupIndex, groupIndex } = getTestOptionIndexes(option) || {};\n\n let optionContent;\n if (useEntered) {\n optionContent = option.label;\n // we don't want fancy generated content for screenreader for the \"Use...\" option,\n // just the visible text is fine\n screenReaderContent = undefined;\n } else if (isParent) {\n optionContent = option.label;\n } else {\n const a11yProperties: AutosuggestOptionProps['nativeAttributes'] = {};\n if (nativeAttributes['aria-label']) {\n a11yProperties['aria-label'] = nativeAttributes['aria-label'];\n }\n\n optionContent = (\n <div {...a11yProperties}>\n <OptionComponent option={option} highlightedOption={highlighted} highlightText={highlightText} />\n </div>\n );\n }\n\n return (\n <SelectableItem\n {...baseProps}\n className={styles.option}\n ariaSelected={current}\n highlighted={highlighted}\n disabled={option.disabled}\n hasBackground={useEntered}\n isParent={isParent}\n isChild={isChild}\n virtualPosition={virtualPosition}\n data-test-index={throughIndex}\n data-in-group-index={inGroupIndex}\n data-group-index={groupIndex}\n ref={ref}\n padBottom={padBottom}\n screenReaderContent={screenReaderContent}\n ariaSetsize={ariaSetsize}\n ariaPosinset={ariaPosinset}\n highlightType={highlightType.type}\n >\n {optionContent}\n </SelectableItem>\n );\n};\n\nexport default React.memo(React.forwardRef(AutosuggestOption));\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["autosuggest/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAmB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAejE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAWlF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;CAAG;AAEjG,QAAA,MAAM,mBAAmB,uGA8NvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["autosuggest/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAmB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAejE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAWlF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;CAAG;AAEjG,QAAA,MAAM,mBAAmB,uGAyNvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
@@ -34,15 +34,12 @@ const InternalAutosuggest = React.forwardRef((props, ref) => {
34
34
  if (restProps.recoveryText && !onLoadItems) {
35
35
  warnOnce('Autosuggest', '`onLoadItems` must be provided for `recoveryText` to be displayed.');
36
36
  }
37
- const enteredTextLabelI18nTestValue = i18n('enteredTextLabel', undefined, format => format({ value: '' }));
38
- if (!enteredTextLabel && enteredTextLabelI18nTestValue === undefined) {
39
- warnOnce('Autosuggest', 'A value for enteredTextLabel must be provided.');
40
- }
41
37
  const [autosuggestItemsState, autosuggestItemsHandlers] = useAutosuggestItems({
42
38
  options: options || [],
43
39
  filterValue: value,
44
40
  filterText: value,
45
41
  filteringType,
42
+ enteredTextLabel,
46
43
  hideEnteredTextLabel: false,
47
44
  onSelectItem: (option) => {
48
45
  var _a;
@@ -116,7 +113,7 @@ const InternalAutosuggest = React.forwardRef((props, ref) => {
116
113
  recoveryText,
117
114
  errorIconAriaLabel, onRecoveryClick: handleRecoveryClick, filteringResultsText: filteredText, hasRecoveryCallback: !!onLoadItems }));
118
115
  const shouldRenderDropdownContent = !isEmpty || dropdownStatus.content;
119
- return (React.createElement(AutosuggestInput, Object.assign({}, restProps, { className: clsx(styles.root, restProps.className), ref: autosuggestInputRef, __internalRootRef: __internalRootRef, value: value, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, name: name, controlId: controlId, placeholder: placeholder, disabled: disabled, readOnly: readOnly, autoFocus: autoFocus, ariaLabel: ariaLabel, ariaRequired: ariaRequired, clearAriaLabel: clearAriaLabel, disableBrowserAutocorrect: disableBrowserAutocorrect, expandToViewport: expandToViewport, ariaControls: listId, ariaActivedescendant: highlightedOptionId, dropdownExpanded: autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null, dropdownContent: shouldRenderDropdownContent && (React.createElement(AutosuggestOptionsList, { statusType: statusType, autosuggestItemsState: autosuggestItemsState, autosuggestItemsHandlers: autosuggestItemsHandlers, highlightedOptionId: highlightedOptionId, highlightText: value, listId: listId, controlId: controlId, enteredTextLabel: enteredTextLabel, handleLoadMore: autosuggestLoadMoreHandlers.fireLoadMoreOnScroll, hasDropdownStatus: dropdownStatus.content !== null, virtualScroll: virtualScroll, selectedAriaLabel: selectedAriaLabel, renderHighlightedAriaLive: renderHighlightedAriaLive, listBottom: !dropdownStatus.isSticky ? React.createElement(DropdownFooter, { content: dropdownStatus.content, id: footerControlId }) : null, ariaDescribedby: dropdownStatus.content ? footerControlId : undefined })), dropdownFooter: dropdownStatus.isSticky && dropdownStatus.content ? (React.createElement(DropdownFooter, { id: footerControlId, content: dropdownStatus.content, hasItems: autosuggestItemsState.items.length >= 1 })) : null, loopFocus: statusType === 'error' && !!recoveryText && !!onLoadItems, onCloseDropdown: handleCloseDropdown, onDelayedInput: handleDelayedInput, onPressArrowDown: handlePressArrowDown, onPressArrowUp: handlePressArrowUp, onPressEnter: handlePressEnter })));
116
+ return (React.createElement(AutosuggestInput, Object.assign({}, restProps, { className: clsx(styles.root, restProps.className), ref: autosuggestInputRef, __internalRootRef: __internalRootRef, value: value, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, name: name, controlId: controlId, placeholder: placeholder, disabled: disabled, readOnly: readOnly, autoFocus: autoFocus, ariaLabel: ariaLabel, ariaRequired: ariaRequired, clearAriaLabel: clearAriaLabel, disableBrowserAutocorrect: disableBrowserAutocorrect, expandToViewport: expandToViewport, ariaControls: listId, ariaActivedescendant: highlightedOptionId, dropdownExpanded: autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null, dropdownContent: shouldRenderDropdownContent && (React.createElement(AutosuggestOptionsList, { statusType: statusType, autosuggestItemsState: autosuggestItemsState, autosuggestItemsHandlers: autosuggestItemsHandlers, highlightedOptionId: highlightedOptionId, highlightText: value, listId: listId, controlId: controlId, handleLoadMore: autosuggestLoadMoreHandlers.fireLoadMoreOnScroll, hasDropdownStatus: dropdownStatus.content !== null, virtualScroll: virtualScroll, selectedAriaLabel: selectedAriaLabel, renderHighlightedAriaLive: renderHighlightedAriaLive, listBottom: !dropdownStatus.isSticky ? React.createElement(DropdownFooter, { content: dropdownStatus.content, id: footerControlId }) : null, ariaDescribedby: dropdownStatus.content ? footerControlId : undefined })), dropdownFooter: dropdownStatus.isSticky && dropdownStatus.content ? (React.createElement(DropdownFooter, { id: footerControlId, content: dropdownStatus.content, hasItems: autosuggestItemsState.items.length >= 1 })) : null, loopFocus: statusType === 'error' && !!recoveryText && !!onLoadItems, onCloseDropdown: handleCloseDropdown, onDelayedInput: handleDelayedInput, onPressArrowDown: handlePressArrowDown, onPressArrowUp: handlePressArrowUp, onPressEnter: handlePressEnter })));
120
117
  });
121
118
  export default InternalAutosuggest;
122
119
  //# sourceMappingURL=internal.js.map