@cloudscape-design/components 3.0.301 → 3.0.303

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 (433) hide show
  1. package/alert/interfaces.d.ts +1 -0
  2. package/alert/interfaces.d.ts.map +1 -1
  3. package/alert/interfaces.js.map +1 -1
  4. package/alert/styles.css.js +19 -19
  5. package/alert/styles.scoped.css +64 -64
  6. package/alert/styles.selectors.js +19 -19
  7. package/annotation-context/annotation/styles.css.js +24 -24
  8. package/annotation-context/annotation/styles.scoped.css +46 -46
  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 +10 -10
  12. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  13. package/app-layout/drawer/styles.css.js +10 -10
  14. package/app-layout/drawer/styles.scoped.css +31 -31
  15. package/app-layout/drawer/styles.selectors.js +10 -10
  16. package/app-layout/interfaces.d.ts +1 -0
  17. package/app-layout/interfaces.d.ts.map +1 -1
  18. package/app-layout/interfaces.js.map +1 -1
  19. package/app-layout/mobile-toolbar/styles.css.js +6 -6
  20. package/app-layout/mobile-toolbar/styles.scoped.css +20 -20
  21. package/app-layout/mobile-toolbar/styles.selectors.js +6 -6
  22. package/app-layout/notifications/styles.css.js +3 -3
  23. package/app-layout/notifications/styles.scoped.css +7 -7
  24. package/app-layout/notifications/styles.selectors.js +3 -3
  25. package/app-layout/styles.css.js +13 -13
  26. package/app-layout/styles.scoped.css +22 -22
  27. package/app-layout/styles.selectors.js +13 -13
  28. package/app-layout/toggles/styles.css.js +1 -1
  29. package/app-layout/toggles/styles.scoped.css +3 -3
  30. package/app-layout/toggles/styles.selectors.js +1 -1
  31. package/app-layout/visual-refresh/styles.css.js +68 -68
  32. package/app-layout/visual-refresh/styles.scoped.css +265 -265
  33. package/app-layout/visual-refresh/styles.selectors.js +68 -68
  34. package/area-chart/interfaces.d.ts +1 -0
  35. package/area-chart/interfaces.d.ts.map +1 -1
  36. package/area-chart/interfaces.js.map +1 -1
  37. package/area-chart/styles.css.js +13 -13
  38. package/area-chart/styles.scoped.css +29 -29
  39. package/area-chart/styles.selectors.js +13 -13
  40. package/attribute-editor/interfaces.d.ts +1 -0
  41. package/attribute-editor/interfaces.d.ts.map +1 -1
  42. package/attribute-editor/interfaces.js.map +1 -1
  43. package/attribute-editor/styles.css.js +14 -14
  44. package/attribute-editor/styles.scoped.css +48 -48
  45. package/attribute-editor/styles.selectors.js +14 -14
  46. package/autosuggest/interfaces.d.ts +2 -0
  47. package/autosuggest/interfaces.d.ts.map +1 -1
  48. package/autosuggest/interfaces.js.map +1 -1
  49. package/badge/styles.css.js +5 -5
  50. package/badge/styles.scoped.css +20 -20
  51. package/badge/styles.selectors.js +5 -5
  52. package/box/styles.css.js +189 -189
  53. package/box/styles.scoped.css +418 -418
  54. package/box/styles.selectors.js +189 -189
  55. package/breadcrumb-group/interfaces.d.ts +1 -0
  56. package/breadcrumb-group/interfaces.d.ts.map +1 -1
  57. package/breadcrumb-group/interfaces.js.map +1 -1
  58. package/breadcrumb-group/item/styles.css.js +9 -9
  59. package/breadcrumb-group/item/styles.scoped.css +28 -28
  60. package/breadcrumb-group/item/styles.selectors.js +9 -9
  61. package/breadcrumb-group/styles.css.js +7 -7
  62. package/breadcrumb-group/styles.scoped.css +22 -22
  63. package/breadcrumb-group/styles.selectors.js +7 -7
  64. package/button/styles.css.js +19 -19
  65. package/button/styles.scoped.css +412 -412
  66. package/button/styles.selectors.js +19 -19
  67. package/button-dropdown/category-elements/styles.css.js +13 -13
  68. package/button-dropdown/category-elements/styles.scoped.css +50 -50
  69. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  70. package/button-dropdown/item-element/styles.css.js +14 -14
  71. package/button-dropdown/item-element/styles.scoped.css +42 -42
  72. package/button-dropdown/item-element/styles.selectors.js +14 -14
  73. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  74. package/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  75. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  76. package/button-dropdown/styles.css.js +8 -8
  77. package/button-dropdown/styles.scoped.css +20 -20
  78. package/button-dropdown/styles.selectors.js +8 -8
  79. package/calendar/interfaces.d.ts +3 -0
  80. package/calendar/interfaces.d.ts.map +1 -1
  81. package/calendar/interfaces.js.map +1 -1
  82. package/calendar/styles.css.js +18 -18
  83. package/calendar/styles.scoped.css +89 -89
  84. package/calendar/styles.selectors.js +18 -18
  85. package/cards/interfaces.d.ts +1 -0
  86. package/cards/interfaces.d.ts.map +1 -1
  87. package/cards/interfaces.js.map +1 -1
  88. package/cards/styles.css.js +37 -37
  89. package/cards/styles.scoped.css +100 -100
  90. package/cards/styles.selectors.js +37 -37
  91. package/checkbox/styles.css.js +3 -3
  92. package/checkbox/styles.scoped.css +16 -16
  93. package/checkbox/styles.selectors.js +3 -3
  94. package/code-editor/interfaces.d.ts +1 -0
  95. package/code-editor/interfaces.d.ts.map +1 -1
  96. package/code-editor/interfaces.js.map +1 -1
  97. package/code-editor/resizable-box/styles.css.js +3 -3
  98. package/code-editor/resizable-box/styles.scoped.css +8 -8
  99. package/code-editor/resizable-box/styles.selectors.js +3 -3
  100. package/code-editor/styles.css.js +32 -32
  101. package/code-editor/styles.scoped.css +194 -194
  102. package/code-editor/styles.selectors.js +32 -32
  103. package/collection-preferences/content-display/styles.css.js +11 -11
  104. package/collection-preferences/content-display/styles.scoped.css +42 -42
  105. package/collection-preferences/content-display/styles.selectors.js +11 -11
  106. package/collection-preferences/interfaces.d.ts +9 -0
  107. package/collection-preferences/interfaces.d.ts.map +1 -1
  108. package/collection-preferences/interfaces.js.map +1 -1
  109. package/collection-preferences/styles.css.js +37 -37
  110. package/collection-preferences/styles.scoped.css +81 -81
  111. package/collection-preferences/styles.selectors.js +37 -37
  112. package/column-layout/styles.css.js +13 -13
  113. package/column-layout/styles.scoped.css +55 -55
  114. package/column-layout/styles.selectors.js +13 -13
  115. package/container/styles.css.js +18 -18
  116. package/container/styles.scoped.css +73 -73
  117. package/container/styles.selectors.js +18 -18
  118. package/content-layout/styles.css.js +6 -6
  119. package/content-layout/styles.scoped.css +14 -14
  120. package/content-layout/styles.selectors.js +6 -6
  121. package/date-picker/styles.css.js +7 -7
  122. package/date-picker/styles.scoped.css +16 -16
  123. package/date-picker/styles.selectors.js +7 -7
  124. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  125. package/date-range-picker/calendar/grids/styles.scoped.css +95 -95
  126. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  127. package/date-range-picker/interfaces.d.ts +1 -0
  128. package/date-range-picker/interfaces.d.ts.map +1 -1
  129. package/date-range-picker/interfaces.js.map +1 -1
  130. package/date-range-picker/relative-range/styles.css.js +9 -9
  131. package/date-range-picker/relative-range/styles.scoped.css +16 -16
  132. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  133. package/date-range-picker/styles.css.js +38 -38
  134. package/date-range-picker/styles.scoped.css +76 -76
  135. package/date-range-picker/styles.selectors.js +38 -38
  136. package/expandable-section/styles.css.js +24 -24
  137. package/expandable-section/styles.scoped.css +87 -87
  138. package/expandable-section/styles.selectors.js +24 -24
  139. package/file-upload/dropzone/styles.css.js +2 -2
  140. package/file-upload/dropzone/styles.scoped.css +9 -9
  141. package/file-upload/dropzone/styles.selectors.js +2 -2
  142. package/file-upload/file-input/styles.css.js +4 -4
  143. package/file-upload/file-input/styles.scoped.css +14 -14
  144. package/file-upload/file-input/styles.selectors.js +4 -4
  145. package/file-upload/file-option/styles.css.js +7 -7
  146. package/file-upload/file-option/styles.scoped.css +10 -10
  147. package/file-upload/file-option/styles.selectors.js +7 -7
  148. package/file-upload/styles.css.js +2 -2
  149. package/file-upload/styles.scoped.css +4 -4
  150. package/file-upload/styles.selectors.js +2 -2
  151. package/flashbar/interfaces.d.ts +1 -0
  152. package/flashbar/interfaces.d.ts.map +1 -1
  153. package/flashbar/interfaces.js.map +1 -1
  154. package/flashbar/styles.css.js +45 -45
  155. package/flashbar/styles.scoped.css +246 -246
  156. package/flashbar/styles.selectors.js +45 -45
  157. package/form/interfaces.d.ts +1 -0
  158. package/form/interfaces.d.ts.map +1 -1
  159. package/form/interfaces.js.map +1 -1
  160. package/form/styles.css.js +9 -9
  161. package/form/styles.scoped.css +20 -20
  162. package/form/styles.selectors.js +9 -9
  163. package/form-field/interfaces.d.ts +1 -0
  164. package/form-field/interfaces.d.ts.map +1 -1
  165. package/form-field/interfaces.js.map +1 -1
  166. package/form-field/styles.css.js +19 -19
  167. package/form-field/styles.scoped.css +52 -52
  168. package/form-field/styles.selectors.js +19 -19
  169. package/grid/styles.css.js +53 -53
  170. package/grid/styles.scoped.css +60 -60
  171. package/grid/styles.selectors.js +53 -53
  172. package/header/styles.css.js +44 -44
  173. package/header/styles.scoped.css +116 -116
  174. package/header/styles.selectors.js +44 -44
  175. package/help-panel/interfaces.d.ts +1 -0
  176. package/help-panel/interfaces.d.ts.map +1 -1
  177. package/help-panel/interfaces.js.map +1 -1
  178. package/help-panel/styles.css.js +4 -4
  179. package/help-panel/styles.scoped.css +153 -153
  180. package/help-panel/styles.selectors.js +4 -4
  181. package/hotspot/styles.css.js +7 -7
  182. package/hotspot/styles.scoped.css +10 -10
  183. package/hotspot/styles.selectors.js +7 -7
  184. package/icon/styles.css.js +21 -21
  185. package/icon/styles.scoped.css +81 -81
  186. package/icon/styles.selectors.js +21 -21
  187. package/input/interfaces.d.ts +1 -0
  188. package/input/interfaces.d.ts.map +1 -1
  189. package/input/interfaces.js.map +1 -1
  190. package/input/styles.css.js +12 -12
  191. package/input/styles.scoped.css +73 -73
  192. package/input/styles.selectors.js +12 -12
  193. package/internal/base-component/styles.scoped.css +1620 -1437
  194. package/internal/components/abstract-switch/styles.css.js +13 -13
  195. package/internal/components/abstract-switch/styles.scoped.css +26 -26
  196. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  197. package/internal/components/button-trigger/styles.css.js +9 -9
  198. package/internal/components/button-trigger/styles.scoped.css +63 -63
  199. package/internal/components/button-trigger/styles.selectors.js +9 -9
  200. package/internal/components/cartesian-chart/interfaces.d.ts +4 -0
  201. package/internal/components/cartesian-chart/interfaces.d.ts.map +1 -1
  202. package/internal/components/cartesian-chart/interfaces.js.map +1 -1
  203. package/internal/components/cartesian-chart/styles.css.js +21 -21
  204. package/internal/components/cartesian-chart/styles.scoped.css +34 -34
  205. package/internal/components/cartesian-chart/styles.selectors.js +21 -21
  206. package/internal/components/chart-filter/styles.css.js +3 -3
  207. package/internal/components/chart-filter/styles.scoped.css +7 -7
  208. package/internal/components/chart-filter/styles.selectors.js +3 -3
  209. package/internal/components/chart-legend/styles.css.js +6 -6
  210. package/internal/components/chart-legend/styles.scoped.css +23 -23
  211. package/internal/components/chart-legend/styles.selectors.js +6 -6
  212. package/internal/components/chart-plot/styles.css.js +5 -5
  213. package/internal/components/chart-plot/styles.scoped.css +6 -6
  214. package/internal/components/chart-plot/styles.selectors.js +5 -5
  215. package/internal/components/chart-popover/styles.css.js +3 -3
  216. package/internal/components/chart-popover/styles.scoped.css +9 -9
  217. package/internal/components/chart-popover/styles.selectors.js +3 -3
  218. package/internal/components/chart-series-details/styles.css.js +5 -5
  219. package/internal/components/chart-series-details/styles.scoped.css +20 -20
  220. package/internal/components/chart-series-details/styles.selectors.js +5 -5
  221. package/internal/components/chart-series-marker/styles.css.js +5 -5
  222. package/internal/components/chart-series-marker/styles.scoped.css +14 -14
  223. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  224. package/internal/components/chart-status-container/styles.css.js +2 -2
  225. package/internal/components/chart-status-container/styles.scoped.css +3 -3
  226. package/internal/components/chart-status-container/styles.selectors.js +2 -2
  227. package/internal/components/checkbox-icon/styles.css.js +7 -7
  228. package/internal/components/checkbox-icon/styles.scoped.css +18 -18
  229. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  230. package/internal/components/dark-ribbon/styles.css.js +2 -2
  231. package/internal/components/dark-ribbon/styles.scoped.css +4 -4
  232. package/internal/components/dark-ribbon/styles.selectors.js +2 -2
  233. package/internal/components/dropdown/styles.css.js +20 -20
  234. package/internal/components/dropdown/styles.scoped.css +51 -51
  235. package/internal/components/dropdown/styles.selectors.js +20 -20
  236. package/internal/components/dropdown-footer/styles.css.js +3 -3
  237. package/internal/components/dropdown-footer/styles.scoped.css +9 -9
  238. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  239. package/internal/components/dropdown-status/interfaces.d.ts +3 -0
  240. package/internal/components/dropdown-status/interfaces.d.ts.map +1 -1
  241. package/internal/components/dropdown-status/interfaces.js.map +1 -1
  242. package/internal/components/dropdown-status/styles.css.js +2 -2
  243. package/internal/components/dropdown-status/styles.scoped.css +8 -8
  244. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  245. package/internal/components/filtering-token/styles.css.js +7 -7
  246. package/internal/components/filtering-token/styles.scoped.css +34 -34
  247. package/internal/components/filtering-token/styles.selectors.js +7 -7
  248. package/internal/components/handle/styles.css.js +2 -2
  249. package/internal/components/handle/styles.scoped.css +12 -12
  250. package/internal/components/handle/styles.selectors.js +2 -2
  251. package/internal/components/menu-dropdown/styles.css.js +7 -7
  252. package/internal/components/menu-dropdown/styles.scoped.css +32 -32
  253. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  254. package/internal/components/option/index.d.ts.map +1 -1
  255. package/internal/components/option/index.js +1 -1
  256. package/internal/components/option/index.js.map +1 -1
  257. package/internal/components/option/styles.css.js +17 -17
  258. package/internal/components/option/styles.scoped.css +47 -47
  259. package/internal/components/option/styles.selectors.js +17 -17
  260. package/internal/components/options-list/styles.css.js +2 -2
  261. package/internal/components/options-list/styles.scoped.css +7 -7
  262. package/internal/components/options-list/styles.selectors.js +2 -2
  263. package/internal/components/selectable-item/styles.css.js +16 -16
  264. package/internal/components/selectable-item/styles.scoped.css +71 -68
  265. package/internal/components/selectable-item/styles.selectors.js +16 -16
  266. package/internal/components/token-list/styles.css.js +9 -9
  267. package/internal/components/token-list/styles.scoped.css +40 -40
  268. package/internal/components/token-list/styles.selectors.js +9 -9
  269. package/internal/environment.js +1 -1
  270. package/internal/generated/styles/tokens.d.ts +4 -0
  271. package/internal/generated/styles/tokens.js +303 -299
  272. package/internal/generated/theming/index.cjs +1609 -675
  273. package/internal/generated/theming/index.cjs.d.ts +206 -0
  274. package/internal/generated/theming/index.d.ts +206 -0
  275. package/internal/generated/theming/index.js +1609 -675
  276. package/internal/manifest.json +1 -1
  277. package/link/interfaces.d.ts +1 -0
  278. package/link/interfaces.d.ts.map +1 -1
  279. package/link/interfaces.js.map +1 -1
  280. package/link/styles.css.js +20 -20
  281. package/link/styles.scoped.css +163 -163
  282. package/link/styles.selectors.js +20 -20
  283. package/mixed-line-bar-chart/styles.css.js +19 -19
  284. package/mixed-line-bar-chart/styles.scoped.css +38 -38
  285. package/mixed-line-bar-chart/styles.selectors.js +19 -19
  286. package/modal/interfaces.d.ts +1 -0
  287. package/modal/interfaces.d.ts.map +1 -1
  288. package/modal/interfaces.js.map +1 -1
  289. package/modal/styles.css.js +23 -23
  290. package/modal/styles.scoped.css +67 -67
  291. package/modal/styles.selectors.js +23 -23
  292. package/multiselect/interfaces.d.ts +1 -0
  293. package/multiselect/interfaces.d.ts.map +1 -1
  294. package/multiselect/interfaces.js.map +1 -1
  295. package/multiselect/styles.css.js +1 -1
  296. package/multiselect/styles.scoped.css +5 -5
  297. package/multiselect/styles.selectors.js +1 -1
  298. package/package.json +1 -1
  299. package/pagination/interfaces.d.ts +1 -0
  300. package/pagination/interfaces.d.ts.map +1 -1
  301. package/pagination/interfaces.js.map +1 -1
  302. package/pagination/styles.css.js +9 -9
  303. package/pagination/styles.scoped.css +47 -47
  304. package/pagination/styles.selectors.js +9 -9
  305. package/pie-chart/interfaces.d.ts +4 -0
  306. package/pie-chart/interfaces.d.ts.map +1 -1
  307. package/pie-chart/interfaces.js.map +1 -1
  308. package/pie-chart/styles.css.js +27 -27
  309. package/pie-chart/styles.scoped.css +70 -70
  310. package/pie-chart/styles.selectors.js +27 -27
  311. package/popover/interfaces.d.ts +1 -0
  312. package/popover/interfaces.d.ts.map +1 -1
  313. package/popover/interfaces.js.map +1 -1
  314. package/popover/styles.css.js +50 -50
  315. package/popover/styles.scoped.css +104 -104
  316. package/popover/styles.selectors.js +50 -50
  317. package/progress-bar/styles.css.js +18 -18
  318. package/progress-bar/styles.scoped.css +58 -58
  319. package/progress-bar/styles.selectors.js +18 -18
  320. package/property-filter/interfaces.d.ts +1 -0
  321. package/property-filter/interfaces.d.ts.map +1 -1
  322. package/property-filter/interfaces.js.map +1 -1
  323. package/property-filter/styles.css.js +29 -29
  324. package/property-filter/styles.scoped.css +52 -52
  325. package/property-filter/styles.selectors.js +29 -29
  326. package/radio-group/styles.css.js +9 -9
  327. package/radio-group/styles.scoped.css +37 -37
  328. package/radio-group/styles.selectors.js +9 -9
  329. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  330. package/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
  331. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  332. package/segmented-control/styles.css.js +14 -14
  333. package/segmented-control/styles.scoped.css +78 -78
  334. package/segmented-control/styles.selectors.js +14 -14
  335. package/select/interfaces.d.ts +2 -0
  336. package/select/interfaces.d.ts.map +1 -1
  337. package/select/interfaces.js.map +1 -1
  338. package/select/parts/styles.css.js +9 -9
  339. package/select/parts/styles.scoped.css +17 -17
  340. package/select/parts/styles.selectors.js +9 -9
  341. package/select/styles.css.js +1 -1
  342. package/select/styles.scoped.css +5 -5
  343. package/select/styles.selectors.js +1 -1
  344. package/side-navigation/styles.css.js +27 -27
  345. package/side-navigation/styles.scoped.css +89 -89
  346. package/side-navigation/styles.selectors.js +27 -27
  347. package/space-between/styles.css.js +20 -20
  348. package/space-between/styles.scoped.css +37 -37
  349. package/space-between/styles.selectors.js +20 -20
  350. package/spinner/styles.css.js +13 -13
  351. package/spinner/styles.scoped.css +35 -35
  352. package/spinner/styles.selectors.js +13 -13
  353. package/split-panel/interfaces.d.ts +1 -0
  354. package/split-panel/interfaces.d.ts.map +1 -1
  355. package/split-panel/interfaces.js.map +1 -1
  356. package/split-panel/styles.css.js +59 -59
  357. package/split-panel/styles.scoped.css +150 -150
  358. package/split-panel/styles.selectors.js +59 -59
  359. package/status-indicator/styles.css.js +20 -20
  360. package/status-indicator/styles.scoped.css +44 -44
  361. package/status-indicator/styles.selectors.js +20 -20
  362. package/table/body-cell/styles.css.js +28 -28
  363. package/table/body-cell/styles.scoped.css +144 -144
  364. package/table/body-cell/styles.selectors.js +28 -28
  365. package/table/header-cell/styles.css.js +24 -24
  366. package/table/header-cell/styles.scoped.css +93 -93
  367. package/table/header-cell/styles.selectors.js +24 -24
  368. package/table/interfaces.d.ts +1 -0
  369. package/table/interfaces.d.ts.map +1 -1
  370. package/table/interfaces.js.map +1 -1
  371. package/table/resizer/styles.css.js +6 -6
  372. package/table/resizer/styles.scoped.css +27 -27
  373. package/table/resizer/styles.selectors.js +6 -6
  374. package/table/selection-control/styles.css.js +3 -3
  375. package/table/selection-control/styles.scoped.css +4 -4
  376. package/table/selection-control/styles.selectors.js +3 -3
  377. package/table/styles.css.js +36 -36
  378. package/table/styles.scoped.css +88 -88
  379. package/table/styles.selectors.js +36 -36
  380. package/tabs/interfaces.d.ts +1 -0
  381. package/tabs/interfaces.d.ts.map +1 -1
  382. package/tabs/interfaces.js.map +1 -1
  383. package/tabs/styles.css.js +21 -21
  384. package/tabs/styles.scoped.css +86 -86
  385. package/tabs/styles.selectors.js +21 -21
  386. package/tag-editor/styles.css.js +3 -3
  387. package/tag-editor/styles.scoped.css +24 -24
  388. package/tag-editor/styles.selectors.js +3 -3
  389. package/text-content/styles.css.js +1 -1
  390. package/text-content/styles.scoped.css +125 -125
  391. package/text-content/styles.selectors.js +1 -1
  392. package/text-filter/styles.css.js +3 -3
  393. package/text-filter/styles.scoped.css +10 -10
  394. package/text-filter/styles.selectors.js +3 -3
  395. package/textarea/styles.css.js +4 -4
  396. package/textarea/styles.scoped.css +40 -40
  397. package/textarea/styles.selectors.js +4 -4
  398. package/tiles/styles.css.js +28 -28
  399. package/tiles/styles.scoped.css +124 -124
  400. package/tiles/styles.selectors.js +28 -28
  401. package/toggle/styles.css.js +8 -8
  402. package/toggle/styles.scoped.css +27 -27
  403. package/toggle/styles.selectors.js +8 -8
  404. package/token-group/interfaces.d.ts +1 -0
  405. package/token-group/interfaces.d.ts.map +1 -1
  406. package/token-group/interfaces.js.map +1 -1
  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/interfaces.d.ts +1 -0
  414. package/top-navigation/interfaces.d.ts.map +1 -1
  415. package/top-navigation/interfaces.js.map +1 -1
  416. package/top-navigation/styles.css.js +47 -47
  417. package/top-navigation/styles.scoped.css +148 -148
  418. package/top-navigation/styles.selectors.js +47 -47
  419. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  420. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  421. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  422. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  423. package/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
  424. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  425. package/tutorial-panel/styles.css.js +1 -1
  426. package/tutorial-panel/styles.scoped.css +6 -6
  427. package/tutorial-panel/styles.selectors.js +1 -1
  428. package/wizard/interfaces.d.ts +1 -0
  429. package/wizard/interfaces.d.ts.map +1 -1
  430. package/wizard/interfaces.js.map +1 -1
  431. package/wizard/styles.css.js +31 -31
  432. package/wizard/styles.scoped.css +125 -125
  433. package/wizard/styles.selectors.js +31 -31
@@ -90,10 +90,10 @@ 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_empty-appear_n4qlp_1crna_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in_n4qlp_1crna_1 var(--motion-duration-transition-show-paced-qcfnau, 180ms) var(--motion-easing-transition-show-paced-qe3gc9, ease-out);
93
+ .awsui_empty-appear_n4qlp_1mkws_93:not(#\9) {
94
+ animation: awsui_awsui-motion-fade-in_n4qlp_1mkws_1 var(--motion-duration-transition-show-paced-4yudkh, 180ms) var(--motion-easing-transition-show-paced-47k9w2, ease-out);
95
95
  }
96
- @keyframes awsui_awsui-motion-fade-in_n4qlp_1crna_1 {
96
+ @keyframes awsui_awsui-motion-fade-in_n4qlp_1mkws_1 {
97
97
  from {
98
98
  opacity: 0.2;
99
99
  }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
102
102
  }
103
103
  }
104
104
  @media (prefers-reduced-motion: reduce) {
105
- .awsui_empty-appear_n4qlp_1crna_93:not(#\9) {
105
+ .awsui_empty-appear_n4qlp_1mkws_93:not(#\9) {
106
106
  animation: none;
107
107
  transition: none;
108
108
  }
109
109
  }
110
- .awsui-motion-disabled .awsui_empty-appear_n4qlp_1crna_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_1crna_93:not(#\9) {
110
+ .awsui-motion-disabled .awsui_empty-appear_n4qlp_1mkws_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_1mkws_93:not(#\9) {
111
111
  animation: none;
112
112
  transition: none;
113
113
  }
@@ -116,7 +116,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
116
116
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
117
117
  SPDX-License-Identifier: Apache-2.0
118
118
  */
119
- .awsui_root_n4qlp_1crna_119:not(#\9) {
119
+ .awsui_root_n4qlp_1mkws_119:not(#\9) {
120
120
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
121
121
  border-collapse: separate;
122
122
  border-spacing: 0;
@@ -146,103 +146,103 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
146
146
  widows: 2;
147
147
  word-spacing: normal;
148
148
  box-sizing: border-box;
149
- font-size: var(--font-body-m-size-cqtcam, 14px);
150
- line-height: var(--font-body-m-line-height-83azrc, 22px);
151
- color: var(--color-text-body-default-01bwmw, #000716);
149
+ font-size: var(--font-body-m-size-7dign1, 14px);
150
+ line-height: var(--font-body-m-line-height-rfgrp9, 22px);
151
+ color: var(--color-text-body-default-mmvcvg, #000716);
152
152
  font-weight: 400;
153
- font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
153
+ font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
154
154
  -webkit-font-smoothing: auto;
155
155
  -moz-osx-font-smoothing: auto;
156
156
  display: block;
157
157
  }
158
158
 
159
- .awsui_empty_n4qlp_1crna_93:not(#\9) {
160
- font-size: var(--font-body-m-size-cqtcam, 14px);
161
- line-height: var(--font-body-m-line-height-83azrc, 22px);
162
- color: var(--color-text-empty-qnnj2s, #5f6b7a);
159
+ .awsui_empty_n4qlp_1mkws_93:not(#\9) {
160
+ font-size: var(--font-body-m-size-7dign1, 14px);
161
+ line-height: var(--font-body-m-line-height-rfgrp9, 22px);
162
+ color: var(--color-text-empty-v5xueo, #5f6b7a);
163
163
  }
164
164
 
165
- .awsui_row_n4qlp_1crna_139:not(#\9) {
165
+ .awsui_row_n4qlp_1mkws_139:not(#\9) {
166
166
  /* used in test-utils */
167
167
  }
168
168
 
169
- .awsui_row-control_n4qlp_1crna_143:not(#\9) {
169
+ .awsui_row-control_n4qlp_1mkws_143:not(#\9) {
170
170
  /* used in test-utils */
171
171
  }
172
172
 
173
- .awsui_field_n4qlp_1crna_147:not(#\9) {
173
+ .awsui_field_n4qlp_1mkws_147:not(#\9) {
174
174
  /* used in test-utils */
175
175
  }
176
176
 
177
- .awsui_add-button_n4qlp_1crna_151:not(#\9) {
177
+ .awsui_add-button_n4qlp_1mkws_151:not(#\9) {
178
178
  /* used in test-utils */
179
179
  }
180
180
 
181
- .awsui_remove-button_n4qlp_1crna_155:not(#\9) {
181
+ .awsui_remove-button_n4qlp_1mkws_155:not(#\9) {
182
182
  /* used in test-utils */
183
183
  }
184
184
 
185
- .awsui_button-container-haslabel_n4qlp_1crna_159:not(#\9) {
186
- padding-top: calc(var(--space-xxs-a6783b, 4px) + var(--font-body-m-line-height-83azrc, 22px));
185
+ .awsui_button-container-haslabel_n4qlp_1mkws_159:not(#\9) {
186
+ padding-top: calc(var(--space-xxs-ja5cp8, 4px) + var(--font-body-m-line-height-rfgrp9, 22px));
187
187
  }
188
188
 
189
- .awsui_button-container-nolabel_n4qlp_1crna_163:not(#\9) {
190
- padding-top: var(--space-xxs-a6783b, 4px);
189
+ .awsui_button-container-nolabel_n4qlp_1mkws_163:not(#\9) {
190
+ padding-top: var(--space-xxs-ja5cp8, 4px);
191
191
  }
192
192
 
193
- .awsui_divider_n4qlp_1crna_167:not(#\9) {
194
- border-bottom: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
193
+ .awsui_divider_n4qlp_1mkws_167:not(#\9) {
194
+ border-bottom: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
195
195
  }
196
196
 
197
- .awsui_additional-info_n4qlp_1crna_171:not(#\9) {
198
- color: var(--color-text-form-secondary-nodsvk, #5f6b7a);
199
- font-size: var(--font-body-s-size-zu142i, 12px);
200
- line-height: var(--font-body-s-line-height-yd7nw5, 16px);
201
- letter-spacing: var(--font-body-s-letter-spacing-26nwxv, 0.005em);
197
+ .awsui_additional-info_n4qlp_1mkws_171:not(#\9) {
198
+ color: var(--color-text-form-secondary-88dttc, #5f6b7a);
199
+ font-size: var(--font-body-s-size-6jmxer, 12px);
200
+ line-height: var(--font-body-s-line-height-ga8tt7, 16px);
201
+ letter-spacing: var(--font-body-s-letter-spacing-v8bwhi, 0.005em);
202
202
  display: block;
203
203
  word-wrap: break-word;
204
- margin-top: var(--space-xxs-a6783b, 4px);
204
+ margin-top: var(--space-xxs-ja5cp8, 4px);
205
205
  /* stylelint-disable-next-line selector-max-type */
206
206
  }
207
- .awsui_additional-info_n4qlp_1crna_171 > a:not(#\9) {
208
- color: var(--color-text-link-default-zduqq6, #0972d3);
209
- font-weight: var(--font-link-primary-weight-qkj4ym, "inherit");
210
- letter-spacing: var(--font-link-primary-letter-spacing-g3qy59, "inherit");
211
- -webkit-text-decoration: var(--font-link-primary-decoration-g6wgwx, underline);
212
- text-decoration: var(--font-link-primary-decoration-g6wgwx, underline);
207
+ .awsui_additional-info_n4qlp_1mkws_171 > a:not(#\9) {
208
+ color: var(--color-text-link-default-gthbx2, #0972d3);
209
+ font-weight: var(--font-link-primary-weight-tj5hoh, "inherit");
210
+ letter-spacing: var(--font-link-primary-letter-spacing-zpfgrc, "inherit");
211
+ -webkit-text-decoration: var(--font-link-primary-decoration-gru46w, underline);
212
+ text-decoration: var(--font-link-primary-decoration-gru46w, underline);
213
213
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
214
- text-decoration-color: var(--color-text-link-primary-underline-1ngxox, #0972d3);
214
+ text-decoration-color: var(--color-text-link-primary-underline-tnqzzx, #0972d3);
215
215
  transition-property: color, -webkit-text-decoration;
216
216
  transition-property: color, text-decoration;
217
217
  transition-property: color, text-decoration, -webkit-text-decoration;
218
- transition-duration: var(--motion-duration-refresh-only-medium-af0v35, 165ms);
218
+ transition-duration: var(--motion-duration-refresh-only-medium-wkp575, 165ms);
219
219
  }
220
220
  @media (prefers-reduced-motion: reduce) {
221
- .awsui_additional-info_n4qlp_1crna_171 > a:not(#\9) {
221
+ .awsui_additional-info_n4qlp_1mkws_171 > a:not(#\9) {
222
222
  animation: none;
223
223
  transition: none;
224
224
  }
225
225
  }
226
- .awsui-motion-disabled .awsui_additional-info_n4qlp_1crna_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_1crna_171 > a:not(#\9) {
226
+ .awsui-motion-disabled .awsui_additional-info_n4qlp_1mkws_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_1mkws_171 > a:not(#\9) {
227
227
  animation: none;
228
228
  transition: none;
229
229
  }
230
- .awsui_additional-info_n4qlp_1crna_171 > a:not(#\9):hover {
230
+ .awsui_additional-info_n4qlp_1mkws_171 > a:not(#\9):hover {
231
231
  cursor: pointer;
232
- color: var(--color-text-link-hover-ccw05n, #033160);
232
+ color: var(--color-text-link-hover-h1b9eu, #033160);
233
233
  }
234
- .awsui_additional-info_n4qlp_1crna_171 > a:not(#\9):focus {
234
+ .awsui_additional-info_n4qlp_1mkws_171 > a:not(#\9):focus {
235
235
  outline: none;
236
236
  }
237
- .awsui_additional-info_n4qlp_1crna_171 > a:not(#\9):active {
238
- color: var(--color-text-link-hover-ccw05n, #033160);
237
+ .awsui_additional-info_n4qlp_1mkws_171 > a:not(#\9):active {
238
+ color: var(--color-text-link-hover-h1b9eu, #033160);
239
239
  }
240
- .awsui_additional-info_n4qlp_1crna_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_1crna_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_1crna_171 > a:not(#\9):hover {
240
+ .awsui_additional-info_n4qlp_1mkws_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_1mkws_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_1mkws_171 > a:not(#\9):hover {
241
241
  text-decoration: underline;
242
242
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
243
243
  text-decoration-color: currentColor;
244
244
  }
245
245
 
246
- .awsui_right-align_n4qlp_1crna_217:not(#\9) {
246
+ .awsui_right-align_n4qlp_1mkws_217:not(#\9) {
247
247
  float: right;
248
248
  }
@@ -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_1crna_93",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1crna_1",
7
- "root": "awsui_root_n4qlp_1crna_119",
8
- "empty": "awsui_empty_n4qlp_1crna_93",
9
- "row": "awsui_row_n4qlp_1crna_139",
10
- "row-control": "awsui_row-control_n4qlp_1crna_143",
11
- "field": "awsui_field_n4qlp_1crna_147",
12
- "add-button": "awsui_add-button_n4qlp_1crna_151",
13
- "remove-button": "awsui_remove-button_n4qlp_1crna_155",
14
- "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_1crna_159",
15
- "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_1crna_163",
16
- "divider": "awsui_divider_n4qlp_1crna_167",
17
- "additional-info": "awsui_additional-info_n4qlp_1crna_171",
18
- "right-align": "awsui_right-align_n4qlp_1crna_217"
5
+ "empty-appear": "awsui_empty-appear_n4qlp_1mkws_93",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1mkws_1",
7
+ "root": "awsui_root_n4qlp_1mkws_119",
8
+ "empty": "awsui_empty_n4qlp_1mkws_93",
9
+ "row": "awsui_row_n4qlp_1mkws_139",
10
+ "row-control": "awsui_row-control_n4qlp_1mkws_143",
11
+ "field": "awsui_field_n4qlp_1mkws_147",
12
+ "add-button": "awsui_add-button_n4qlp_1mkws_151",
13
+ "remove-button": "awsui_remove-button_n4qlp_1mkws_155",
14
+ "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_1mkws_159",
15
+ "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_1mkws_163",
16
+ "divider": "awsui_divider_n4qlp_1mkws_167",
17
+ "additional-info": "awsui_additional-info_n4qlp_1mkws_171",
18
+ "right-align": "awsui_right-align_n4qlp_1mkws_217"
19
19
  };
20
20
 
@@ -58,6 +58,7 @@ export interface AutosuggestProps extends BaseComponentProps, BaseInputProps, In
58
58
  filteringType?: OptionsFilteringType;
59
59
  /**
60
60
  * Specifies a function that generates the custom value indicator (for example, `Use "${value}"`).
61
+ * @i18n
61
62
  */
62
63
  enteredTextLabel?: AutosuggestProps.EnteredTextLabel;
63
64
  /**
@@ -78,6 +79,7 @@ export interface AutosuggestProps extends BaseComponentProps, BaseInputProps, In
78
79
  * Specifies the localized string that describes an option as being selected.
79
80
  * This is required to provide a good screen reader experience. For more information, see the
80
81
  * [accessibility guidelines](/components/autosuggest/?tabId=usage#accessibility-guidelines).
82
+ * @i18n
81
83
  */
82
84
  selectedAriaLabel?: string;
83
85
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["autosuggest/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACzF,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACpH,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,gBACf,SAAQ,kBAAkB,EACxB,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,eAAe,EACf,+BAA+B,EAC/B,mBAAmB;IACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8BI;IACJ,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC;IACnC;;;;;;;;;;;;;;;QAeI;IACJ,aAAa,CAAC,EAAE,oBAAoB,CAAC;IAErC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC;IAErD;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAE5E;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAEpE;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,EAAE,gBAAgB,CAAC,8BAA8B,CAAC;CAC7E;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC;IACnD,KAAY,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC;IAC7C,KAAY,aAAa,GAAG,oBAAoB,CAAC;IACjD,KAAY,MAAM,GAAG,gBAAgB,CAAC;IACtC,KAAY,OAAO,GAAG,aAAa,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IAC1D,KAAY,gBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACzD,UAAiB,WAAY,SAAQ,MAAM;QACzC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;KAChC;IACD,KAAY,eAAe,GAAG,sBAAsB,CAAC;IACrD,KAAY,UAAU,GAAG,mBAAmB,CAAC,UAAU,CAAC;IACxD,UAAiB,YAAY;QAC3B,KAAK,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB;IAED,UAAiB,8BAA8B;QAC7C,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;KAC/C;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;QAEd;;WAEG;QACH,MAAM,IAAI,IAAI,CAAC;KAChB;CACF;AAGD,MAAM,MAAM,eAAe,GAAG,CAAC,gBAAgB,CAAC,MAAM,GAAG,gBAAgB,CAAC,WAAW,CAAC,GAAG;IACvF,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;IAC1C,MAAM,EAAE,gBAAgB,GAAG,WAAW,CAAC;CACxC,CAAC"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["autosuggest/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACzF,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACpH,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,gBACf,SAAQ,kBAAkB,EACxB,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,eAAe,EACf,+BAA+B,EAC/B,mBAAmB;IACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8BI;IACJ,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC;IACnC;;;;;;;;;;;;;;;QAeI;IACJ,aAAa,CAAC,EAAE,oBAAoB,CAAC;IAErC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC;IAErD;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAE5E;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAEpE;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,EAAE,gBAAgB,CAAC,8BAA8B,CAAC;CAC7E;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC;IACnD,KAAY,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC;IAC7C,KAAY,aAAa,GAAG,oBAAoB,CAAC;IACjD,KAAY,MAAM,GAAG,gBAAgB,CAAC;IACtC,KAAY,OAAO,GAAG,aAAa,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IAC1D,KAAY,gBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACzD,UAAiB,WAAY,SAAQ,MAAM;QACzC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;KAChC;IACD,KAAY,eAAe,GAAG,sBAAsB,CAAC;IACrD,KAAY,UAAU,GAAG,mBAAmB,CAAC,UAAU,CAAC;IACxD,UAAiB,YAAY;QAC3B,KAAK,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB;IAED,UAAiB,8BAA8B;QAC7C,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;KAC/C;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;QAEd;;WAEG;QACH,MAAM,IAAI,IAAI,CAAC;KAChB;CACF;AAGD,MAAM,MAAM,eAAe,GAAG,CAAC,gBAAgB,CAAC,MAAM,GAAG,gBAAgB,CAAC,WAAW,CAAC,GAAG;IACvF,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;IAC1C,MAAM,EAAE,gBAAgB,GAAG,WAAW,CAAC;CACxC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["autosuggest/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { OptionDefinition, OptionGroup } from '../internal/components/option/interfaces';\nimport {\n BaseDropdownHostProps,\n OptionsLoadItemsDetail,\n OptionsFilteringType,\n} from '../internal/components/dropdown/interfaces';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status';\nimport { BaseInputProps, InputAutoCorrect, InputClearLabel, InputKeyEvents, InputProps } from '../input/interfaces';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface AutosuggestProps\n extends BaseComponentProps,\n BaseInputProps,\n InputAutoCorrect,\n BaseDropdownHostProps,\n InputKeyEvents,\n InputClearLabel,\n FormFieldValidationControlProps,\n DropdownStatusProps {\n /**\n * Specifies an array of options that are displayed to the user as a dropdown list.\n * The options can be grouped using `OptionGroup` objects.\n *\n * #### Option\n * - `value` (string) - The returned value of the option when selected.\n * - `label` (string) - (Optional) Option text displayed to the user.\n * - `lang` (string) - (Optional) The language of the option, provided as a BCP 47 language tag.\n * - `description` (string) - (Optional) Further information about the option that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the option is disabled.\n * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option.\n * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option.\n * - `iconAlt` (string) - (Optional) Specifies alternate text for a custom icon, for use with `iconUrl`.\n * - `iconUrl` (string) - (Optional) URL of a custom icon.\n * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n *\n * #### OptionGroup\n * - `label` (string) - Option group text displayed to the user.\n * - `disabled` (boolean) - (Optional) Determines whether the option group is disabled.\n * - `options` (Option[]) - (Optional) The options under this group.\n *\n * Note: Only one level of option nesting is supported.\n *\n * If you want to use the built-in filtering capabilities of this component, provide\n * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n *\n * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n * on your own.\n **/\n options?: AutosuggestProps.Options;\n /**\n * Determines how filtering is applied to the list of `options`:\n * * `auto` - The component will automatically filter options based on user input.\n * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n * them from server.\n *\n * By default the component will filter the provided `options` based on the value of the filtering input field.\n * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n * are displayed in the list of options.\n *\n * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n *\n * Note: Manual filtering doesn't disable match highlighting.\n **/\n filteringType?: OptionsFilteringType;\n\n /**\n * Specifies a function that generates the custom value indicator (for example, `Use \"${value}\"`).\n */\n enteredTextLabel?: AutosuggestProps.EnteredTextLabel;\n\n /**\n * Specifies the text to display with the number of matches at the bottom of the dropdown menu while filtering.\n */\n filteringResultsText?: (matchesCount: number, totalCount: number) => string;\n\n /**\n * Specifies the text that's displayed when there aren't any suggestions to display.\n * This is displayed when `statusType` is set to `finished` or it's not set at all.\n */\n empty?: React.ReactNode;\n\n /**\n * Called whenever a user selects an option in the dropdown. Don't use this event as the only way to handle user input.\n * Instead, use `onSelect` in combination with the `onChange` handler only as an optional convenience for the user.\n */\n onSelect?: NonCancelableEventHandler<AutosuggestProps.SelectDetail>;\n\n /**\n * Specifies the localized string that describes an option as being selected.\n * This is required to provide a good screen reader experience. For more information, see the\n * [accessibility guidelines](/components/autosuggest/?tabId=usage#accessibility-guidelines).\n */\n selectedAriaLabel?: string;\n /**\n * Overrides the element that is announced to screen readers\n * when the highlighted option changes. By default, this announces\n * the option's name and properties, and its selected state if\n * the `selectedLabel` property is defined.\n * The highlighted option is provided, and its group (if groups\n * are used and it differs from the group of the previously highlighted option).\n *\n * For more information, see the\n * [accessibility guidelines](/components/autosuggest/?tabId=usage#accessibility-guidelines).\n */\n renderHighlightedAriaLive?: AutosuggestProps.ContainingOptionAndGroupString;\n}\n\nexport namespace AutosuggestProps {\n export type ChangeDetail = InputProps.ChangeDetail;\n export type KeyDetail = InputProps.KeyDetail;\n export type FilteringType = OptionsFilteringType;\n export type Option = OptionDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n export type EnteredTextLabel = (value: string) => string;\n export interface OptionGroup extends Option {\n label?: string;\n options: ReadonlyArray<Option>;\n }\n export type LoadItemsDetail = OptionsLoadItemsDetail;\n export type StatusType = DropdownStatusProps.StatusType;\n export interface SelectDetail {\n value: string;\n selectedOption?: Option;\n }\n\n export interface ContainingOptionAndGroupString {\n (option: Option, group?: OptionGroup): string;\n }\n\n export interface Ref {\n /**\n * Sets input focus onto the UI control.\n */\n focus(): void;\n\n /**\n * Selects all text in the input control.\n */\n select(): void;\n }\n}\n\n// TODO: use DropdownOption type same as in select and multiselect\nexport type AutosuggestItem = (AutosuggestProps.Option | AutosuggestProps.OptionGroup) & {\n type?: 'parent' | 'child' | 'use-entered';\n option: OptionDefinition | OptionGroup;\n};\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["autosuggest/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { OptionDefinition, OptionGroup } from '../internal/components/option/interfaces';\nimport {\n BaseDropdownHostProps,\n OptionsLoadItemsDetail,\n OptionsFilteringType,\n} from '../internal/components/dropdown/interfaces';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status';\nimport { BaseInputProps, InputAutoCorrect, InputClearLabel, InputKeyEvents, InputProps } from '../input/interfaces';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface AutosuggestProps\n extends BaseComponentProps,\n BaseInputProps,\n InputAutoCorrect,\n BaseDropdownHostProps,\n InputKeyEvents,\n InputClearLabel,\n FormFieldValidationControlProps,\n DropdownStatusProps {\n /**\n * Specifies an array of options that are displayed to the user as a dropdown list.\n * The options can be grouped using `OptionGroup` objects.\n *\n * #### Option\n * - `value` (string) - The returned value of the option when selected.\n * - `label` (string) - (Optional) Option text displayed to the user.\n * - `lang` (string) - (Optional) The language of the option, provided as a BCP 47 language tag.\n * - `description` (string) - (Optional) Further information about the option that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the option is disabled.\n * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option.\n * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option.\n * - `iconAlt` (string) - (Optional) Specifies alternate text for a custom icon, for use with `iconUrl`.\n * - `iconUrl` (string) - (Optional) URL of a custom icon.\n * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n *\n * #### OptionGroup\n * - `label` (string) - Option group text displayed to the user.\n * - `disabled` (boolean) - (Optional) Determines whether the option group is disabled.\n * - `options` (Option[]) - (Optional) The options under this group.\n *\n * Note: Only one level of option nesting is supported.\n *\n * If you want to use the built-in filtering capabilities of this component, provide\n * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n *\n * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n * on your own.\n **/\n options?: AutosuggestProps.Options;\n /**\n * Determines how filtering is applied to the list of `options`:\n * * `auto` - The component will automatically filter options based on user input.\n * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n * them from server.\n *\n * By default the component will filter the provided `options` based on the value of the filtering input field.\n * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n * are displayed in the list of options.\n *\n * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n *\n * Note: Manual filtering doesn't disable match highlighting.\n **/\n filteringType?: OptionsFilteringType;\n\n /**\n * Specifies a function that generates the custom value indicator (for example, `Use \"${value}\"`).\n * @i18n\n */\n enteredTextLabel?: AutosuggestProps.EnteredTextLabel;\n\n /**\n * Specifies the text to display with the number of matches at the bottom of the dropdown menu while filtering.\n */\n filteringResultsText?: (matchesCount: number, totalCount: number) => string;\n\n /**\n * Specifies the text that's displayed when there aren't any suggestions to display.\n * This is displayed when `statusType` is set to `finished` or it's not set at all.\n */\n empty?: React.ReactNode;\n\n /**\n * Called whenever a user selects an option in the dropdown. Don't use this event as the only way to handle user input.\n * Instead, use `onSelect` in combination with the `onChange` handler only as an optional convenience for the user.\n */\n onSelect?: NonCancelableEventHandler<AutosuggestProps.SelectDetail>;\n\n /**\n * Specifies the localized string that describes an option as being selected.\n * This is required to provide a good screen reader experience. For more information, see the\n * [accessibility guidelines](/components/autosuggest/?tabId=usage#accessibility-guidelines).\n * @i18n\n */\n selectedAriaLabel?: string;\n /**\n * Overrides the element that is announced to screen readers\n * when the highlighted option changes. By default, this announces\n * the option's name and properties, and its selected state if\n * the `selectedLabel` property is defined.\n * The highlighted option is provided, and its group (if groups\n * are used and it differs from the group of the previously highlighted option).\n *\n * For more information, see the\n * [accessibility guidelines](/components/autosuggest/?tabId=usage#accessibility-guidelines).\n */\n renderHighlightedAriaLive?: AutosuggestProps.ContainingOptionAndGroupString;\n}\n\nexport namespace AutosuggestProps {\n export type ChangeDetail = InputProps.ChangeDetail;\n export type KeyDetail = InputProps.KeyDetail;\n export type FilteringType = OptionsFilteringType;\n export type Option = OptionDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n export type EnteredTextLabel = (value: string) => string;\n export interface OptionGroup extends Option {\n label?: string;\n options: ReadonlyArray<Option>;\n }\n export type LoadItemsDetail = OptionsLoadItemsDetail;\n export type StatusType = DropdownStatusProps.StatusType;\n export interface SelectDetail {\n value: string;\n selectedOption?: Option;\n }\n\n export interface ContainingOptionAndGroupString {\n (option: Option, group?: OptionGroup): string;\n }\n\n export interface Ref {\n /**\n * Sets input focus onto the UI control.\n */\n focus(): void;\n\n /**\n * Selects all text in the input control.\n */\n select(): void;\n }\n}\n\n// TODO: use DropdownOption type same as in select and multiselect\nexport type AutosuggestItem = (AutosuggestProps.Option | AutosuggestProps.OptionGroup) & {\n type?: 'parent' | 'child' | 'use-entered';\n option: OptionDefinition | OptionGroup;\n};\n"]}
@@ -1,10 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "badge": "awsui_badge_1yjyg_93jvz_93",
5
- "badge-color-grey": "awsui_badge-color-grey_1yjyg_93jvz_113",
6
- "badge-color-green": "awsui_badge-color-green_1yjyg_93jvz_116",
7
- "badge-color-blue": "awsui_badge-color-blue_1yjyg_93jvz_119",
8
- "badge-color-red": "awsui_badge-color-red_1yjyg_93jvz_122"
4
+ "badge": "awsui_badge_1yjyg_1qbue_93",
5
+ "badge-color-grey": "awsui_badge-color-grey_1yjyg_1qbue_113",
6
+ "badge-color-green": "awsui_badge-color-green_1yjyg_1qbue_116",
7
+ "badge-color-blue": "awsui_badge-color-blue_1yjyg_1qbue_119",
8
+ "badge-color-red": "awsui_badge-color-red_1yjyg_1qbue_122"
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_badge_1yjyg_93jvz_93:not(#\9) {
93
+ .awsui_badge_1yjyg_1qbue_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,31 +120,31 @@ 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-cqtcam, 14px);
124
- line-height: var(--font-body-m-line-height-83azrc, 22px);
125
- color: var(--color-text-body-default-01bwmw, #000716);
123
+ font-size: var(--font-body-m-size-7dign1, 14px);
124
+ line-height: var(--font-body-m-line-height-rfgrp9, 22px);
125
+ color: var(--color-text-body-default-mmvcvg, #000716);
126
126
  font-weight: 400;
127
- font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
127
+ font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
128
128
  -webkit-font-smoothing: auto;
129
129
  -moz-osx-font-smoothing: auto;
130
- font-size: var(--font-body-s-size-zu142i, 12px);
131
- line-height: var(--font-body-s-line-height-yd7nw5, 16px);
132
- letter-spacing: var(--font-body-s-letter-spacing-26nwxv, 0.005em);
133
- line-height: var(--font-body-m-line-height-83azrc, 22px);
130
+ font-size: var(--font-body-s-size-6jmxer, 12px);
131
+ line-height: var(--font-body-s-line-height-ga8tt7, 16px);
132
+ letter-spacing: var(--font-body-s-letter-spacing-v8bwhi, 0.005em);
133
+ line-height: var(--font-body-m-line-height-rfgrp9, 22px);
134
134
  display: inline-block;
135
- border-radius: var(--border-radius-badge-13jycq, 4px);
136
- padding: 0 var(--space-xs-inub5w, 8px);
137
- color: var(--color-text-notification-default-ethutp, #fbfbfb);
135
+ border-radius: var(--border-radius-badge-tm5gnf, 4px);
136
+ padding: 0 var(--space-xs-edba2s, 8px);
137
+ color: var(--color-text-notification-default-4icnky, #fbfbfb);
138
138
  }
139
- .awsui_badge_1yjyg_93jvz_93.awsui_badge-color-grey_1yjyg_93jvz_113:not(#\9) {
140
- background-color: var(--color-background-notification-grey-cwnbun, #414d5c);
139
+ .awsui_badge_1yjyg_1qbue_93.awsui_badge-color-grey_1yjyg_1qbue_113:not(#\9) {
140
+ background-color: var(--color-background-notification-grey-rdt69h, #414d5c);
141
141
  }
142
- .awsui_badge_1yjyg_93jvz_93.awsui_badge-color-green_1yjyg_93jvz_116:not(#\9) {
143
- background-color: var(--color-background-notification-green-ayrwc5, #037f0c);
142
+ .awsui_badge_1yjyg_1qbue_93.awsui_badge-color-green_1yjyg_1qbue_116:not(#\9) {
143
+ background-color: var(--color-background-notification-green-dvafxg, #037f0c);
144
144
  }
145
- .awsui_badge_1yjyg_93jvz_93.awsui_badge-color-blue_1yjyg_93jvz_119:not(#\9) {
146
- background-color: var(--color-background-notification-blue-icrmj7, #0972d3);
145
+ .awsui_badge_1yjyg_1qbue_93.awsui_badge-color-blue_1yjyg_1qbue_119:not(#\9) {
146
+ background-color: var(--color-background-notification-blue-xqhf8m, #0972d3);
147
147
  }
148
- .awsui_badge_1yjyg_93jvz_93.awsui_badge-color-red_1yjyg_93jvz_122:not(#\9) {
149
- background-color: var(--color-background-notification-red-q0qf2u, #d91515);
148
+ .awsui_badge_1yjyg_1qbue_93.awsui_badge-color-red_1yjyg_1qbue_122:not(#\9) {
149
+ background-color: var(--color-background-notification-red-sul351, #d91515);
150
150
  }
@@ -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
- "badge": "awsui_badge_1yjyg_93jvz_93",
6
- "badge-color-grey": "awsui_badge-color-grey_1yjyg_93jvz_113",
7
- "badge-color-green": "awsui_badge-color-green_1yjyg_93jvz_116",
8
- "badge-color-blue": "awsui_badge-color-blue_1yjyg_93jvz_119",
9
- "badge-color-red": "awsui_badge-color-red_1yjyg_93jvz_122"
5
+ "badge": "awsui_badge_1yjyg_1qbue_93",
6
+ "badge-color-grey": "awsui_badge-color-grey_1yjyg_1qbue_113",
7
+ "badge-color-green": "awsui_badge-color-green_1yjyg_1qbue_116",
8
+ "badge-color-blue": "awsui_badge-color-blue_1yjyg_1qbue_119",
9
+ "badge-color-red": "awsui_badge-color-red_1yjyg_1qbue_122"
10
10
  };
11
11