@cloudscape-design/components-themeable 3.0.345 → 3.0.346

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 (331) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/button-dropdown/styles.scss +42 -0
  3. package/lib/internal/scss/help-panel/styles.scss +6 -5
  4. package/lib/internal/scss/internal/components/option/styles.scss +1 -1
  5. package/lib/internal/scss/status-indicator/styles.scss +8 -1
  6. package/lib/internal/scss/table/sticky-scrollbar/styles.scss +0 -1
  7. package/lib/internal/scss/text-content/styles.scss +2 -2
  8. package/lib/internal/template/alert/styles.css.js +19 -19
  9. package/lib/internal/template/alert/styles.scoped.css +33 -33
  10. package/lib/internal/template/alert/styles.selectors.js +19 -19
  11. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  12. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +30 -30
  13. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  14. package/lib/internal/template/app-layout/index.js +3 -3
  15. package/lib/internal/template/app-layout/index.js.map +1 -1
  16. package/lib/internal/template/app-layout/visual-refresh/context.d.ts.map +1 -1
  17. package/lib/internal/template/app-layout/visual-refresh/context.js +3 -3
  18. package/lib/internal/template/app-layout/visual-refresh/context.js.map +1 -1
  19. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +69 -69
  20. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +168 -168
  21. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +69 -69
  22. package/lib/internal/template/attribute-editor/styles.css.js +14 -14
  23. package/lib/internal/template/attribute-editor/styles.scoped.css +27 -27
  24. package/lib/internal/template/attribute-editor/styles.selectors.js +14 -14
  25. package/lib/internal/template/autosuggest/virtual-list.d.ts.map +1 -1
  26. package/lib/internal/template/autosuggest/virtual-list.js +2 -2
  27. package/lib/internal/template/autosuggest/virtual-list.js.map +1 -1
  28. package/lib/internal/template/badge/styles.css.js +5 -5
  29. package/lib/internal/template/badge/styles.scoped.css +7 -7
  30. package/lib/internal/template/badge/styles.selectors.js +5 -5
  31. package/lib/internal/template/box/styles.css.js +189 -189
  32. package/lib/internal/template/box/styles.scoped.css +238 -238
  33. package/lib/internal/template/box/styles.selectors.js +189 -189
  34. package/lib/internal/template/breadcrumb-group/styles.css.js +7 -7
  35. package/lib/internal/template/breadcrumb-group/styles.scoped.css +14 -14
  36. package/lib/internal/template/breadcrumb-group/styles.selectors.js +7 -7
  37. package/lib/internal/template/button/styles.css.js +20 -20
  38. package/lib/internal/template/button/styles.scoped.css +154 -154
  39. package/lib/internal/template/button/styles.selectors.js +20 -20
  40. package/lib/internal/template/button-dropdown/index.d.ts.map +1 -1
  41. package/lib/internal/template/button-dropdown/index.js +2 -2
  42. package/lib/internal/template/button-dropdown/index.js.map +1 -1
  43. package/lib/internal/template/button-dropdown/interfaces.d.ts +31 -0
  44. package/lib/internal/template/button-dropdown/interfaces.d.ts.map +1 -1
  45. package/lib/internal/template/button-dropdown/interfaces.js.map +1 -1
  46. package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
  47. package/lib/internal/template/button-dropdown/internal.js +52 -7
  48. package/lib/internal/template/button-dropdown/internal.js.map +1 -1
  49. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  50. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +6 -6
  51. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  52. package/lib/internal/template/button-dropdown/styles.css.js +14 -8
  53. package/lib/internal/template/button-dropdown/styles.scoped.css +44 -14
  54. package/lib/internal/template/button-dropdown/styles.selectors.js +14 -8
  55. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts +1 -0
  56. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
  57. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js +1 -0
  58. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js.map +1 -1
  59. package/lib/internal/template/calendar/styles.css.js +18 -18
  60. package/lib/internal/template/calendar/styles.scoped.css +40 -40
  61. package/lib/internal/template/calendar/styles.selectors.js +18 -18
  62. package/lib/internal/template/cards/index.js +5 -4
  63. package/lib/internal/template/cards/index.js.map +1 -1
  64. package/lib/internal/template/cards/styles.css.js +38 -38
  65. package/lib/internal/template/cards/styles.scoped.css +55 -55
  66. package/lib/internal/template/cards/styles.selectors.js +38 -38
  67. package/lib/internal/template/checkbox/styles.css.js +3 -3
  68. package/lib/internal/template/checkbox/styles.scoped.css +7 -7
  69. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  70. package/lib/internal/template/code-editor/index.js +2 -2
  71. package/lib/internal/template/code-editor/index.js.map +1 -1
  72. package/lib/internal/template/code-editor/status-bar.d.ts.map +1 -1
  73. package/lib/internal/template/code-editor/status-bar.js +3 -3
  74. package/lib/internal/template/code-editor/status-bar.js.map +1 -1
  75. package/lib/internal/template/code-editor/styles.css.js +32 -32
  76. package/lib/internal/template/code-editor/styles.scoped.css +177 -177
  77. package/lib/internal/template/code-editor/styles.selectors.js +32 -32
  78. package/lib/internal/template/collection-preferences/content-display/styles.css.js +11 -11
  79. package/lib/internal/template/collection-preferences/content-display/styles.scoped.css +19 -19
  80. package/lib/internal/template/collection-preferences/content-display/styles.selectors.js +11 -11
  81. package/lib/internal/template/collection-preferences/styles.css.js +37 -37
  82. package/lib/internal/template/collection-preferences/styles.scoped.css +47 -47
  83. package/lib/internal/template/collection-preferences/styles.selectors.js +37 -37
  84. package/lib/internal/template/column-layout/flexible-column-layout/index.d.ts.map +1 -1
  85. package/lib/internal/template/column-layout/flexible-column-layout/index.js +2 -2
  86. package/lib/internal/template/column-layout/flexible-column-layout/index.js.map +1 -1
  87. package/lib/internal/template/column-layout/styles.css.js +13 -13
  88. package/lib/internal/template/column-layout/styles.scoped.css +44 -44
  89. package/lib/internal/template/column-layout/styles.selectors.js +13 -13
  90. package/lib/internal/template/container/styles.css.js +28 -28
  91. package/lib/internal/template/container/styles.scoped.css +52 -52
  92. package/lib/internal/template/container/styles.selectors.js +28 -28
  93. package/lib/internal/template/date-picker/styles.css.js +7 -7
  94. package/lib/internal/template/date-picker/styles.scoped.css +10 -10
  95. package/lib/internal/template/date-picker/styles.selectors.js +7 -7
  96. package/lib/internal/template/date-range-picker/styles.css.js +38 -38
  97. package/lib/internal/template/date-range-picker/styles.scoped.css +48 -48
  98. package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
  99. package/lib/internal/template/expandable-section/styles.css.js +29 -29
  100. package/lib/internal/template/expandable-section/styles.scoped.css +65 -65
  101. package/lib/internal/template/expandable-section/styles.selectors.js +29 -29
  102. package/lib/internal/template/flashbar/styles.css.js +46 -46
  103. package/lib/internal/template/flashbar/styles.scoped.css +160 -160
  104. package/lib/internal/template/flashbar/styles.selectors.js +46 -46
  105. package/lib/internal/template/form/styles.css.js +9 -9
  106. package/lib/internal/template/form/styles.scoped.css +9 -9
  107. package/lib/internal/template/form/styles.selectors.js +9 -9
  108. package/lib/internal/template/form-field/styles.css.js +19 -19
  109. package/lib/internal/template/form-field/styles.scoped.css +31 -31
  110. package/lib/internal/template/form-field/styles.selectors.js +19 -19
  111. package/lib/internal/template/grid/styles.css.js +53 -53
  112. package/lib/internal/template/grid/styles.scoped.css +55 -55
  113. package/lib/internal/template/grid/styles.selectors.js +53 -53
  114. package/lib/internal/template/header/styles.css.js +44 -44
  115. package/lib/internal/template/header/styles.scoped.css +50 -50
  116. package/lib/internal/template/header/styles.selectors.js +44 -44
  117. package/lib/internal/template/help-panel/styles.css.js +4 -4
  118. package/lib/internal/template/help-panel/styles.scoped.css +70 -69
  119. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  120. package/lib/internal/template/icon/styles.css.js +21 -21
  121. package/lib/internal/template/icon/styles.scoped.css +50 -50
  122. package/lib/internal/template/icon/styles.selectors.js +21 -21
  123. package/lib/internal/template/input/styles.css.js +12 -12
  124. package/lib/internal/template/input/styles.scoped.css +35 -35
  125. package/lib/internal/template/input/styles.selectors.js +12 -12
  126. package/lib/internal/template/internal/base-component/styles.scoped.css +12 -13
  127. package/lib/internal/template/internal/components/button-trigger/styles.css.js +9 -9
  128. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +26 -26
  129. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +9 -9
  130. package/lib/internal/template/internal/components/cartesian-chart/labels-measure.d.ts.map +1 -1
  131. package/lib/internal/template/internal/components/cartesian-chart/labels-measure.js +2 -2
  132. package/lib/internal/template/internal/components/cartesian-chart/labels-measure.js.map +1 -1
  133. package/lib/internal/template/internal/components/chart-filter/styles.css.js +3 -3
  134. package/lib/internal/template/internal/components/chart-filter/styles.scoped.css +4 -4
  135. package/lib/internal/template/internal/components/chart-filter/styles.selectors.js +3 -3
  136. package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
  137. package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +16 -16
  138. package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
  139. package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
  140. package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +4 -4
  141. package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
  142. package/lib/internal/template/internal/components/chart-series-details/styles.css.js +5 -5
  143. package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +10 -10
  144. package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +5 -5
  145. package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
  146. package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +8 -8
  147. package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
  148. package/lib/internal/template/internal/components/chart-wrapper/styles.css.js +6 -6
  149. package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css +9 -9
  150. package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js +6 -6
  151. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  152. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +36 -36
  153. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  154. package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
  155. package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +4 -4
  156. package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
  157. package/lib/internal/template/internal/components/dropdown-status/index.d.ts.map +1 -1
  158. package/lib/internal/template/internal/components/dropdown-status/index.js +1 -1
  159. package/lib/internal/template/internal/components/dropdown-status/index.js.map +1 -1
  160. package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
  161. package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +3 -3
  162. package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
  163. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  164. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +14 -14
  165. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  166. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  167. package/lib/internal/template/internal/components/option/styles.scoped.css +31 -31
  168. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  169. package/lib/internal/template/internal/components/options-list/styles.css.js +2 -2
  170. package/lib/internal/template/internal/components/options-list/styles.scoped.css +3 -3
  171. package/lib/internal/template/internal/components/options-list/styles.selectors.js +2 -2
  172. package/lib/internal/template/internal/components/selectable-item/styles.css.js +16 -16
  173. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +29 -29
  174. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +16 -16
  175. package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
  176. package/lib/internal/template/internal/components/token-list/styles.scoped.css +21 -21
  177. package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
  178. package/lib/internal/template/internal/environment.js +1 -1
  179. package/lib/internal/template/internal/generated/theming/index.cjs +24 -13
  180. package/lib/internal/template/internal/generated/theming/index.js +24 -13
  181. package/lib/internal/template/internal/hooks/container-queries/index.d.ts +0 -2
  182. package/lib/internal/template/internal/hooks/container-queries/index.d.ts.map +1 -1
  183. package/lib/internal/template/internal/hooks/container-queries/index.js +2 -1
  184. package/lib/internal/template/internal/hooks/container-queries/index.js.map +1 -1
  185. package/lib/internal/template/internal/hooks/container-queries/use-container-breakpoints.d.ts.map +1 -1
  186. package/lib/internal/template/internal/hooks/container-queries/use-container-breakpoints.js +2 -2
  187. package/lib/internal/template/internal/hooks/container-queries/use-container-breakpoints.js.map +1 -1
  188. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.d.ts +1 -1
  189. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.d.ts.map +1 -1
  190. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.js +0 -2
  191. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.js.map +1 -1
  192. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js +2 -2
  193. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
  194. package/lib/internal/template/internal/utils/use-container-width.d.ts.map +1 -1
  195. package/lib/internal/template/internal/utils/use-container-width.js +5 -3
  196. package/lib/internal/template/internal/utils/use-container-width.js.map +1 -1
  197. package/lib/internal/template/link/styles.css.js +20 -20
  198. package/lib/internal/template/link/styles.scoped.css +73 -73
  199. package/lib/internal/template/link/styles.selectors.js +20 -20
  200. package/lib/internal/template/modal/internal.d.ts.map +1 -1
  201. package/lib/internal/template/modal/internal.js +2 -1
  202. package/lib/internal/template/modal/internal.js.map +1 -1
  203. package/lib/internal/template/modal/styles.css.js +23 -23
  204. package/lib/internal/template/modal/styles.scoped.css +40 -40
  205. package/lib/internal/template/modal/styles.selectors.js +23 -23
  206. package/lib/internal/template/multiselect/styles.css.js +1 -1
  207. package/lib/internal/template/multiselect/styles.scoped.css +2 -2
  208. package/lib/internal/template/multiselect/styles.selectors.js +1 -1
  209. package/lib/internal/template/pagination/styles.css.js +9 -9
  210. package/lib/internal/template/pagination/styles.scoped.css +24 -24
  211. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  212. package/lib/internal/template/pie-chart/styles.css.js +23 -23
  213. package/lib/internal/template/pie-chart/styles.scoped.css +42 -42
  214. package/lib/internal/template/pie-chart/styles.selectors.js +23 -23
  215. package/lib/internal/template/popover/styles.css.js +50 -50
  216. package/lib/internal/template/popover/styles.scoped.css +66 -66
  217. package/lib/internal/template/popover/styles.selectors.js +50 -50
  218. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  219. package/lib/internal/template/progress-bar/styles.scoped.css +35 -35
  220. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  221. package/lib/internal/template/property-filter/index.d.ts.map +1 -1
  222. package/lib/internal/template/property-filter/index.js +2 -3
  223. package/lib/internal/template/property-filter/index.js.map +1 -1
  224. package/lib/internal/template/property-filter/styles.css.js +29 -29
  225. package/lib/internal/template/property-filter/styles.scoped.css +32 -32
  226. package/lib/internal/template/property-filter/styles.selectors.js +29 -29
  227. package/lib/internal/template/property-filter/token-editor.d.ts.map +1 -1
  228. package/lib/internal/template/property-filter/token-editor.js +2 -2
  229. package/lib/internal/template/property-filter/token-editor.js.map +1 -1
  230. package/lib/internal/template/radio-group/styles.css.js +9 -9
  231. package/lib/internal/template/radio-group/styles.scoped.css +17 -17
  232. package/lib/internal/template/radio-group/styles.selectors.js +9 -9
  233. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  234. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.scoped.css +9 -9
  235. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  236. package/lib/internal/template/segmented-control/styles.css.js +14 -14
  237. package/lib/internal/template/segmented-control/styles.scoped.css +35 -35
  238. package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
  239. package/lib/internal/template/select/parts/virtual-list.js +2 -2
  240. package/lib/internal/template/select/parts/virtual-list.js.map +1 -1
  241. package/lib/internal/template/select/styles.css.js +1 -1
  242. package/lib/internal/template/select/styles.scoped.css +2 -2
  243. package/lib/internal/template/select/styles.selectors.js +1 -1
  244. package/lib/internal/template/side-navigation/styles.css.js +27 -27
  245. package/lib/internal/template/side-navigation/styles.scoped.css +39 -39
  246. package/lib/internal/template/side-navigation/styles.selectors.js +27 -27
  247. package/lib/internal/template/spinner/styles.css.js +13 -13
  248. package/lib/internal/template/spinner/styles.scoped.css +20 -20
  249. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  250. package/lib/internal/template/split-panel/styles.css.js +56 -56
  251. package/lib/internal/template/split-panel/styles.scoped.css +78 -78
  252. package/lib/internal/template/split-panel/styles.selectors.js +56 -56
  253. package/lib/internal/template/status-indicator/internal.d.ts +6 -3
  254. package/lib/internal/template/status-indicator/internal.d.ts.map +1 -1
  255. package/lib/internal/template/status-indicator/internal.js +2 -2
  256. package/lib/internal/template/status-indicator/internal.js.map +1 -1
  257. package/lib/internal/template/status-indicator/styles.css.js +22 -20
  258. package/lib/internal/template/status-indicator/styles.scoped.css +33 -28
  259. package/lib/internal/template/status-indicator/styles.selectors.js +22 -20
  260. package/lib/internal/template/table/internal.d.ts.map +1 -1
  261. package/lib/internal/template/table/internal.js +6 -4
  262. package/lib/internal/template/table/internal.js.map +1 -1
  263. package/lib/internal/template/table/sticky-scrollbar/styles.css.js +4 -4
  264. package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css +4 -5
  265. package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js +4 -4
  266. package/lib/internal/template/table/styles.css.js +34 -34
  267. package/lib/internal/template/table/styles.scoped.css +43 -43
  268. package/lib/internal/template/table/styles.selectors.js +34 -34
  269. package/lib/internal/template/tabs/styles.css.js +21 -21
  270. package/lib/internal/template/tabs/styles.scoped.css +39 -39
  271. package/lib/internal/template/tabs/styles.selectors.js +21 -21
  272. package/lib/internal/template/tabs/tab-header-bar.js +2 -2
  273. package/lib/internal/template/tabs/tab-header-bar.js.map +1 -1
  274. package/lib/internal/template/test-utils/dom/button-dropdown/index.d.ts +2 -0
  275. package/lib/internal/template/test-utils/dom/button-dropdown/index.js +6 -1
  276. package/lib/internal/template/test-utils/dom/button-dropdown/index.js.map +1 -1
  277. package/lib/internal/template/test-utils/selectors/button-dropdown/index.d.ts +2 -0
  278. package/lib/internal/template/test-utils/selectors/button-dropdown/index.js +6 -1
  279. package/lib/internal/template/test-utils/selectors/button-dropdown/index.js.map +1 -1
  280. package/lib/internal/template/test-utils/tsconfig.tsbuildinfo +1 -1
  281. package/lib/internal/template/text-content/styles.css.js +1 -1
  282. package/lib/internal/template/text-content/styles.scoped.css +64 -64
  283. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  284. package/lib/internal/template/text-filter/styles.css.js +3 -3
  285. package/lib/internal/template/text-filter/styles.scoped.css +4 -4
  286. package/lib/internal/template/text-filter/styles.selectors.js +3 -3
  287. package/lib/internal/template/textarea/styles.css.js +4 -4
  288. package/lib/internal/template/textarea/styles.scoped.css +14 -14
  289. package/lib/internal/template/textarea/styles.selectors.js +4 -4
  290. package/lib/internal/template/tiles/styles.css.js +28 -28
  291. package/lib/internal/template/tiles/styles.scoped.css +70 -70
  292. package/lib/internal/template/tiles/styles.selectors.js +28 -28
  293. package/lib/internal/template/toggle/styles.css.js +8 -8
  294. package/lib/internal/template/toggle/styles.scoped.css +15 -15
  295. package/lib/internal/template/toggle/styles.selectors.js +8 -8
  296. package/lib/internal/template/token-group/styles.css.js +7 -7
  297. package/lib/internal/template/token-group/styles.scoped.css +17 -17
  298. package/lib/internal/template/token-group/styles.selectors.js +7 -7
  299. package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
  300. package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +43 -43
  301. package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
  302. package/lib/internal/template/top-navigation/1.0-beta/use-top-navigation.d.ts.map +1 -1
  303. package/lib/internal/template/top-navigation/1.0-beta/use-top-navigation.js +2 -1
  304. package/lib/internal/template/top-navigation/1.0-beta/use-top-navigation.js.map +1 -1
  305. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  306. package/lib/internal/template/top-navigation/styles.scoped.css +70 -70
  307. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  308. package/lib/internal/template/top-navigation/use-top-navigation.d.ts.map +1 -1
  309. package/lib/internal/template/top-navigation/use-top-navigation.js +2 -1
  310. package/lib/internal/template/top-navigation/use-top-navigation.js.map +1 -1
  311. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  312. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
  313. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  314. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  315. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +30 -30
  316. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  317. package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
  318. package/lib/internal/template/tutorial-panel/styles.scoped.css +2 -2
  319. package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
  320. package/lib/internal/template/wizard/styles.css.js +31 -31
  321. package/lib/internal/template/wizard/styles.scoped.css +63 -63
  322. package/lib/internal/template/wizard/styles.selectors.js +31 -31
  323. package/package.json +1 -1
  324. package/lib/internal/template/internal/hooks/container-queries/interfaces.d.ts +0 -10
  325. package/lib/internal/template/internal/hooks/container-queries/interfaces.d.ts.map +0 -1
  326. package/lib/internal/template/internal/hooks/container-queries/interfaces.js +0 -4
  327. package/lib/internal/template/internal/hooks/container-queries/interfaces.js.map +0 -1
  328. package/lib/internal/template/internal/hooks/container-queries/use-container-query.d.ts +0 -22
  329. package/lib/internal/template/internal/hooks/container-queries/use-container-query.d.ts.map +0 -1
  330. package/lib/internal/template/internal/hooks/container-queries/use-container-query.js +0 -32
  331. package/lib/internal/template/internal/hooks/container-queries/use-container-query.js.map +0 -1
@@ -2,74 +2,74 @@
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_18m22_93",
6
- "scrolling-background": "awsui_scrolling-background_hyvsj_18m22_96",
7
- "sticky-background": "awsui_sticky-background_hyvsj_18m22_102",
8
- "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_18m22_110",
9
- "breadcrumbs": "awsui_breadcrumbs_hyvsj_18m22_123",
10
- "has-sticky-background": "awsui_has-sticky-background_hyvsj_18m22_133",
11
- "drawers-container": "awsui_drawers-container_hyvsj_18m22_145",
12
- "has-open-drawer": "awsui_has-open-drawer_hyvsj_18m22_157",
13
- "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_18m22_191",
14
- "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_18m22_196",
15
- "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_18m22_214",
16
- "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_18m22_246",
17
- "drawers-trigger": "awsui_drawers-trigger_hyvsj_18m22_246",
18
- "drawer": "awsui_drawer_hyvsj_18m22_145",
19
- "drawer-close-button": "awsui_drawer-close-button_hyvsj_18m22_295",
20
- "drawer-content": "awsui_drawer-content_hyvsj_18m22_300",
21
- "drawer-slider": "awsui_drawer-slider_hyvsj_18m22_305",
22
- "is-drawer-open": "awsui_is-drawer-open_hyvsj_18m22_312",
23
- "content": "awsui_content_hyvsj_18m22_337",
24
- "layout": "awsui_layout_hyvsj_18m22_358",
25
- "has-max-content-width": "awsui_has-max-content-width_hyvsj_18m22_441",
26
- "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_18m22_456",
27
- "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_18m22_473",
28
- "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_18m22_505",
29
- "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_18m22_508",
30
- "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_18m22_518",
31
- "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_18m22_521",
32
- "content-first-child-header": "awsui_content-first-child-header_hyvsj_18m22_524",
33
- "has-header": "awsui_has-header_hyvsj_18m22_524",
34
- "content-first-child-main": "awsui_content-first-child-main_hyvsj_18m22_545",
35
- "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_18m22_545",
36
- "has-split-panel": "awsui_has-split-panel_hyvsj_18m22_588",
37
- "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_18m22_588",
38
- "block-body-scroll": "awsui_block-body-scroll_hyvsj_18m22_604",
39
- "unfocusable": "awsui_unfocusable_hyvsj_18m22_609",
40
- "container": "awsui_container_hyvsj_18m22_619",
41
- "is-navigation-open": "awsui_is-navigation-open_hyvsj_18m22_644",
42
- "is-tools-open": "awsui_is-tools-open_hyvsj_18m22_647",
43
- "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_18m22_647",
44
- "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_18m22_647",
45
- "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_18m22_656",
46
- "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_18m22_672",
47
- "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_18m22_676",
48
- "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_18m22_680",
49
- "navigation-container": "awsui_navigation-container_hyvsj_18m22_689",
50
- "show-navigation": "awsui_show-navigation_hyvsj_18m22_733",
51
- "animating": "awsui_animating_hyvsj_18m22_755",
52
- "showButtons": "awsui_showButtons_hyvsj_18m22_1",
53
- "navigation": "awsui_navigation_hyvsj_18m22_689",
54
- "openNavigation": "awsui_openNavigation_hyvsj_18m22_1",
55
- "animated-content": "awsui_animated-content_hyvsj_18m22_816",
56
- "hide-navigation": "awsui_hide-navigation_hyvsj_18m22_825",
57
- "notifications": "awsui_notifications_hyvsj_18m22_835",
58
- "sticky-notifications": "awsui_sticky-notifications_hyvsj_18m22_841",
59
- "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_18m22_858",
60
- "position-bottom": "awsui_position-bottom_hyvsj_18m22_904",
61
- "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_18m22_1",
62
- "split-panel-side": "awsui_split-panel-side_hyvsj_18m22_933",
63
- "position-side": "awsui_position-side_hyvsj_18m22_961",
64
- "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_18m22_1",
65
- "tools-container": "awsui_tools-container_hyvsj_18m22_998",
66
- "tools": "awsui_tools_hyvsj_18m22_998",
67
- "openTools": "awsui_openTools_hyvsj_18m22_1",
68
- "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_18m22_1092",
69
- "hide-tools": "awsui_hide-tools_hyvsj_18m22_1102",
70
- "show-tools": "awsui_show-tools_hyvsj_18m22_1114",
71
- "has-tools-form": "awsui_has-tools-form_hyvsj_18m22_1092",
72
- "trigger": "awsui_trigger_hyvsj_18m22_1181",
73
- "selected": "awsui_selected_hyvsj_18m22_1220"
5
+ "background": "awsui_background_hyvsj_1f0co_93",
6
+ "scrolling-background": "awsui_scrolling-background_hyvsj_1f0co_96",
7
+ "sticky-background": "awsui_sticky-background_hyvsj_1f0co_102",
8
+ "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1f0co_110",
9
+ "breadcrumbs": "awsui_breadcrumbs_hyvsj_1f0co_123",
10
+ "has-sticky-background": "awsui_has-sticky-background_hyvsj_1f0co_133",
11
+ "drawers-container": "awsui_drawers-container_hyvsj_1f0co_145",
12
+ "has-open-drawer": "awsui_has-open-drawer_hyvsj_1f0co_157",
13
+ "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1f0co_191",
14
+ "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1f0co_196",
15
+ "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1f0co_214",
16
+ "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1f0co_246",
17
+ "drawers-trigger": "awsui_drawers-trigger_hyvsj_1f0co_246",
18
+ "drawer": "awsui_drawer_hyvsj_1f0co_145",
19
+ "drawer-close-button": "awsui_drawer-close-button_hyvsj_1f0co_295",
20
+ "drawer-content": "awsui_drawer-content_hyvsj_1f0co_300",
21
+ "drawer-slider": "awsui_drawer-slider_hyvsj_1f0co_305",
22
+ "is-drawer-open": "awsui_is-drawer-open_hyvsj_1f0co_312",
23
+ "content": "awsui_content_hyvsj_1f0co_337",
24
+ "layout": "awsui_layout_hyvsj_1f0co_358",
25
+ "has-max-content-width": "awsui_has-max-content-width_hyvsj_1f0co_441",
26
+ "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1f0co_456",
27
+ "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1f0co_473",
28
+ "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1f0co_505",
29
+ "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1f0co_508",
30
+ "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1f0co_518",
31
+ "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1f0co_521",
32
+ "content-first-child-header": "awsui_content-first-child-header_hyvsj_1f0co_524",
33
+ "has-header": "awsui_has-header_hyvsj_1f0co_524",
34
+ "content-first-child-main": "awsui_content-first-child-main_hyvsj_1f0co_545",
35
+ "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1f0co_545",
36
+ "has-split-panel": "awsui_has-split-panel_hyvsj_1f0co_588",
37
+ "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1f0co_588",
38
+ "block-body-scroll": "awsui_block-body-scroll_hyvsj_1f0co_604",
39
+ "unfocusable": "awsui_unfocusable_hyvsj_1f0co_609",
40
+ "container": "awsui_container_hyvsj_1f0co_619",
41
+ "is-navigation-open": "awsui_is-navigation-open_hyvsj_1f0co_644",
42
+ "is-tools-open": "awsui_is-tools-open_hyvsj_1f0co_647",
43
+ "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1f0co_647",
44
+ "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1f0co_647",
45
+ "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1f0co_656",
46
+ "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1f0co_672",
47
+ "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1f0co_676",
48
+ "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1f0co_680",
49
+ "navigation-container": "awsui_navigation-container_hyvsj_1f0co_689",
50
+ "show-navigation": "awsui_show-navigation_hyvsj_1f0co_733",
51
+ "animating": "awsui_animating_hyvsj_1f0co_755",
52
+ "showButtons": "awsui_showButtons_hyvsj_1f0co_1",
53
+ "navigation": "awsui_navigation_hyvsj_1f0co_689",
54
+ "openNavigation": "awsui_openNavigation_hyvsj_1f0co_1",
55
+ "animated-content": "awsui_animated-content_hyvsj_1f0co_816",
56
+ "hide-navigation": "awsui_hide-navigation_hyvsj_1f0co_825",
57
+ "notifications": "awsui_notifications_hyvsj_1f0co_835",
58
+ "sticky-notifications": "awsui_sticky-notifications_hyvsj_1f0co_841",
59
+ "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1f0co_858",
60
+ "position-bottom": "awsui_position-bottom_hyvsj_1f0co_904",
61
+ "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1f0co_1",
62
+ "split-panel-side": "awsui_split-panel-side_hyvsj_1f0co_933",
63
+ "position-side": "awsui_position-side_hyvsj_1f0co_961",
64
+ "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_1f0co_1",
65
+ "tools-container": "awsui_tools-container_hyvsj_1f0co_998",
66
+ "tools": "awsui_tools_hyvsj_1f0co_998",
67
+ "openTools": "awsui_openTools_hyvsj_1f0co_1",
68
+ "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1f0co_1092",
69
+ "hide-tools": "awsui_hide-tools_hyvsj_1f0co_1102",
70
+ "show-tools": "awsui_show-tools_hyvsj_1f0co_1114",
71
+ "has-tools-form": "awsui_has-tools-form_hyvsj_1f0co_1092",
72
+ "trigger": "awsui_trigger_hyvsj_1f0co_1181",
73
+ "selected": "awsui_selected_hyvsj_1f0co_1220"
74
74
  };
75
75
 
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "empty-appear": "awsui_empty-appear_n4qlp_prxo7_93",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_prxo7_1",
6
- "root": "awsui_root_n4qlp_prxo7_119",
7
- "empty": "awsui_empty_n4qlp_prxo7_93",
8
- "row": "awsui_row_n4qlp_prxo7_139",
9
- "row-control": "awsui_row-control_n4qlp_prxo7_143",
10
- "field": "awsui_field_n4qlp_prxo7_147",
11
- "add-button": "awsui_add-button_n4qlp_prxo7_151",
12
- "remove-button": "awsui_remove-button_n4qlp_prxo7_155",
13
- "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_prxo7_159",
14
- "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_prxo7_163",
15
- "divider": "awsui_divider_n4qlp_prxo7_167",
16
- "additional-info": "awsui_additional-info_n4qlp_prxo7_171",
17
- "right-align": "awsui_right-align_n4qlp_prxo7_217"
4
+ "empty-appear": "awsui_empty-appear_n4qlp_12dbp_93",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_12dbp_1",
6
+ "root": "awsui_root_n4qlp_12dbp_119",
7
+ "empty": "awsui_empty_n4qlp_12dbp_93",
8
+ "row": "awsui_row_n4qlp_12dbp_139",
9
+ "row-control": "awsui_row-control_n4qlp_12dbp_143",
10
+ "field": "awsui_field_n4qlp_12dbp_147",
11
+ "add-button": "awsui_add-button_n4qlp_12dbp_151",
12
+ "remove-button": "awsui_remove-button_n4qlp_12dbp_155",
13
+ "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_12dbp_159",
14
+ "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_12dbp_163",
15
+ "divider": "awsui_divider_n4qlp_12dbp_167",
16
+ "additional-info": "awsui_additional-info_n4qlp_12dbp_171",
17
+ "right-align": "awsui_right-align_n4qlp_12dbp_217"
18
18
  };
19
19
 
@@ -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_prxo7_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in_n4qlp_prxo7_1 var(--motion-duration-transition-show-paced-w46a9p, 180ms) var(--motion-easing-transition-show-paced-efc0r6, ease-out);
93
+ .awsui_empty-appear_n4qlp_12dbp_93:not(#\9) {
94
+ animation: awsui_awsui-motion-fade-in_n4qlp_12dbp_1 var(--motion-duration-transition-show-paced-w46a9p, 180ms) var(--motion-easing-transition-show-paced-efc0r6, ease-out);
95
95
  }
96
- @keyframes awsui_awsui-motion-fade-in_n4qlp_prxo7_1 {
96
+ @keyframes awsui_awsui-motion-fade-in_n4qlp_12dbp_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_prxo7_93:not(#\9) {
105
+ .awsui_empty-appear_n4qlp_12dbp_93:not(#\9) {
106
106
  animation: none;
107
107
  transition: none;
108
108
  }
109
109
  }
110
- .awsui-motion-disabled .awsui_empty-appear_n4qlp_prxo7_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_prxo7_93:not(#\9) {
110
+ .awsui-motion-disabled .awsui_empty-appear_n4qlp_12dbp_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_12dbp_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_prxo7_119:not(#\9) {
119
+ .awsui_root_n4qlp_12dbp_119:not(#\9) {
120
120
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
121
121
  border-collapse: separate;
122
122
  border-spacing: 0;
@@ -147,7 +147,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
147
147
  word-spacing: normal;
148
148
  box-sizing: border-box;
149
149
  font-size: var(--font-body-m-size-0qqejn, 14px);
150
- line-height: var(--font-body-m-line-height-9vkzhc, 22px);
150
+ line-height: var(--font-body-m-line-height-43ichb, 22px);
151
151
  color: var(--color-text-body-default-4colr5, #16191f);
152
152
  font-weight: 400;
153
153
  font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -156,45 +156,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
156
156
  display: block;
157
157
  }
158
158
 
159
- .awsui_empty_n4qlp_prxo7_93:not(#\9) {
159
+ .awsui_empty_n4qlp_12dbp_93:not(#\9) {
160
160
  font-size: var(--font-body-m-size-0qqejn, 14px);
161
- line-height: var(--font-body-m-line-height-9vkzhc, 22px);
161
+ line-height: var(--font-body-m-line-height-43ichb, 22px);
162
162
  color: var(--color-text-empty-ks3bhj, #687078);
163
163
  }
164
164
 
165
- .awsui_row_n4qlp_prxo7_139:not(#\9) {
165
+ .awsui_row_n4qlp_12dbp_139:not(#\9) {
166
166
  /* used in test-utils */
167
167
  }
168
168
 
169
- .awsui_row-control_n4qlp_prxo7_143:not(#\9) {
169
+ .awsui_row-control_n4qlp_12dbp_143:not(#\9) {
170
170
  /* used in test-utils */
171
171
  }
172
172
 
173
- .awsui_field_n4qlp_prxo7_147:not(#\9) {
173
+ .awsui_field_n4qlp_12dbp_147:not(#\9) {
174
174
  /* used in test-utils */
175
175
  }
176
176
 
177
- .awsui_add-button_n4qlp_prxo7_151:not(#\9) {
177
+ .awsui_add-button_n4qlp_12dbp_151:not(#\9) {
178
178
  /* used in test-utils */
179
179
  }
180
180
 
181
- .awsui_remove-button_n4qlp_prxo7_155:not(#\9) {
181
+ .awsui_remove-button_n4qlp_12dbp_155:not(#\9) {
182
182
  /* used in test-utils */
183
183
  }
184
184
 
185
- .awsui_button-container-haslabel_n4qlp_prxo7_159:not(#\9) {
186
- padding-top: calc(var(--space-xxs-xx079q, 4px) + var(--font-body-m-line-height-9vkzhc, 22px));
185
+ .awsui_button-container-haslabel_n4qlp_12dbp_159:not(#\9) {
186
+ padding-top: calc(var(--space-xxs-xx079q, 4px) + var(--font-body-m-line-height-43ichb, 22px));
187
187
  }
188
188
 
189
- .awsui_button-container-nolabel_n4qlp_prxo7_163:not(#\9) {
189
+ .awsui_button-container-nolabel_n4qlp_12dbp_163:not(#\9) {
190
190
  padding-top: var(--space-xxs-xx079q, 4px);
191
191
  }
192
192
 
193
- .awsui_divider_n4qlp_prxo7_167:not(#\9) {
193
+ .awsui_divider_n4qlp_12dbp_167:not(#\9) {
194
194
  border-bottom: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
195
195
  }
196
196
 
197
- .awsui_additional-info_n4qlp_prxo7_171:not(#\9) {
197
+ .awsui_additional-info_n4qlp_12dbp_171:not(#\9) {
198
198
  color: var(--color-text-form-secondary-icb4vu, #687078);
199
199
  font-size: var(--font-body-s-size-v1w8ey, 12px);
200
200
  line-height: var(--font-body-s-line-height-jfgg5d, 16px);
@@ -204,7 +204,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
204
204
  margin-top: var(--space-xxs-xx079q, 4px);
205
205
  /* stylelint-disable-next-line selector-max-type */
206
206
  }
207
- .awsui_additional-info_n4qlp_prxo7_171 > a:not(#\9) {
207
+ .awsui_additional-info_n4qlp_12dbp_171 > a:not(#\9) {
208
208
  color: var(--color-text-link-default-0jy39k, #0073bb);
209
209
  font-weight: var(--font-link-primary-weight-cpyp2f, 700);
210
210
  letter-spacing: var(--font-link-primary-letter-spacing-wsaj96, 0.005em);
@@ -218,31 +218,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
218
218
  transition-duration: var(--motion-duration-refresh-only-medium-smx8a1, 165ms);
219
219
  }
220
220
  @media (prefers-reduced-motion: reduce) {
221
- .awsui_additional-info_n4qlp_prxo7_171 > a:not(#\9) {
221
+ .awsui_additional-info_n4qlp_12dbp_171 > a:not(#\9) {
222
222
  animation: none;
223
223
  transition: none;
224
224
  }
225
225
  }
226
- .awsui-motion-disabled .awsui_additional-info_n4qlp_prxo7_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_prxo7_171 > a:not(#\9) {
226
+ .awsui-motion-disabled .awsui_additional-info_n4qlp_12dbp_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_12dbp_171 > a:not(#\9) {
227
227
  animation: none;
228
228
  transition: none;
229
229
  }
230
- .awsui_additional-info_n4qlp_prxo7_171 > a:not(#\9):hover {
230
+ .awsui_additional-info_n4qlp_12dbp_171 > a:not(#\9):hover {
231
231
  cursor: pointer;
232
232
  color: var(--color-text-link-hover-z15m9s, #0073bb);
233
233
  }
234
- .awsui_additional-info_n4qlp_prxo7_171 > a:not(#\9):focus {
234
+ .awsui_additional-info_n4qlp_12dbp_171 > a:not(#\9):focus {
235
235
  outline: none;
236
236
  }
237
- .awsui_additional-info_n4qlp_prxo7_171 > a:not(#\9):active {
237
+ .awsui_additional-info_n4qlp_12dbp_171 > a:not(#\9):active {
238
238
  color: var(--color-text-link-hover-z15m9s, #0073bb);
239
239
  }
240
- .awsui_additional-info_n4qlp_prxo7_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_prxo7_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_prxo7_171 > a:not(#\9):hover {
240
+ .awsui_additional-info_n4qlp_12dbp_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_12dbp_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_12dbp_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_prxo7_217:not(#\9) {
246
+ .awsui_right-align_n4qlp_12dbp_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_prxo7_93",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_prxo7_1",
7
- "root": "awsui_root_n4qlp_prxo7_119",
8
- "empty": "awsui_empty_n4qlp_prxo7_93",
9
- "row": "awsui_row_n4qlp_prxo7_139",
10
- "row-control": "awsui_row-control_n4qlp_prxo7_143",
11
- "field": "awsui_field_n4qlp_prxo7_147",
12
- "add-button": "awsui_add-button_n4qlp_prxo7_151",
13
- "remove-button": "awsui_remove-button_n4qlp_prxo7_155",
14
- "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_prxo7_159",
15
- "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_prxo7_163",
16
- "divider": "awsui_divider_n4qlp_prxo7_167",
17
- "additional-info": "awsui_additional-info_n4qlp_prxo7_171",
18
- "right-align": "awsui_right-align_n4qlp_prxo7_217"
5
+ "empty-appear": "awsui_empty-appear_n4qlp_12dbp_93",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_12dbp_1",
7
+ "root": "awsui_root_n4qlp_12dbp_119",
8
+ "empty": "awsui_empty_n4qlp_12dbp_93",
9
+ "row": "awsui_row_n4qlp_12dbp_139",
10
+ "row-control": "awsui_row-control_n4qlp_12dbp_143",
11
+ "field": "awsui_field_n4qlp_12dbp_147",
12
+ "add-button": "awsui_add-button_n4qlp_12dbp_151",
13
+ "remove-button": "awsui_remove-button_n4qlp_12dbp_155",
14
+ "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_12dbp_159",
15
+ "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_12dbp_163",
16
+ "divider": "awsui_divider_n4qlp_12dbp_167",
17
+ "additional-info": "awsui_additional-info_n4qlp_12dbp_171",
18
+ "right-align": "awsui_right-align_n4qlp_12dbp_217"
19
19
  };
20
20
 
@@ -1 +1 @@
1
- {"version":3,"file":"virtual-list.d.ts","sourceRoot":"lib/default/","sources":["autosuggest/virtual-list.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzD,QAAA,MAAM,WAAW,qKAUd,SAAS,gBA4EX,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"virtual-list.d.ts","sourceRoot":"lib/default/","sources":["autosuggest/virtual-list.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzD,QAAA,MAAM,WAAW,qKAUd,SAAS,gBA4EX,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -2,15 +2,15 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import React, { useCallback, useEffect, useImperativeHandle, useRef } from 'react';
4
4
  import OptionsList from '../internal/components/options-list';
5
- import { useContainerQuery } from '../internal/hooks/container-queries';
6
5
  import AutosuggestOption from './autosuggest-option';
7
6
  import { getOptionProps } from './plain-list';
8
7
  import styles from './styles.css.js';
9
8
  import { useVirtual } from '../internal/hooks/use-virtual';
9
+ import { useContainerQuery } from '@cloudscape-design/component-toolkit';
10
10
  const VirtualList = ({ autosuggestItemsState, handleLoadMore, menuProps, enteredTextLabel, highlightedA11yProps, hasDropdownStatus, highlightText, listBottom, screenReaderContent, }) => {
11
11
  const scrollRef = useRef(null);
12
12
  // update component, when it gets wider or narrower to reposition items
13
- const [width, strutRef] = useContainerQuery(rect => rect.width, []);
13
+ const [width, strutRef] = useContainerQuery(rect => rect.contentBoxWidth, []);
14
14
  useImperativeHandle(strutRef, () => scrollRef.current);
15
15
  const rowVirtualizer = useVirtual({
16
16
  items: autosuggestItemsState.items,
@@ -1 +1 @@
1
- {"version":3,"file":"virtual-list.js","sourceRoot":"lib/default/","sources":["autosuggest/virtual-list.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport OptionsList from '../internal/components/options-list';\nimport { useContainerQuery } from '../internal/hooks/container-queries';\n\nimport AutosuggestOption from './autosuggest-option';\nimport { getOptionProps, ListProps } from './plain-list';\nimport styles from './styles.css.js';\nimport { useVirtual } from '../internal/hooks/use-virtual';\n\nconst VirtualList = ({\n autosuggestItemsState,\n handleLoadMore,\n menuProps,\n enteredTextLabel,\n highlightedA11yProps,\n hasDropdownStatus,\n highlightText,\n listBottom,\n screenReaderContent,\n}: ListProps) => {\n const scrollRef = useRef<HTMLUListElement>(null);\n // update component, when it gets wider or narrower to reposition items\n const [width, strutRef] = useContainerQuery(rect => rect.width, []);\n useImperativeHandle(strutRef, () => scrollRef.current);\n\n const rowVirtualizer = useVirtual({\n items: autosuggestItemsState.items,\n parentRef: scrollRef,\n // estimateSize is a dependency of measurements memo. We update it to force full recalculation\n // when the height of any option could have changed:\n // 1: because the component got resized (width property got updated)\n // 2: because the option changed its content (highlightText property controls the highlight and the visibility of hidden tags)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n estimateSize: useCallback(() => 31, [width, highlightText]),\n });\n\n useEffect(() => {\n if (autosuggestItemsState.highlightType === 'keyboard') {\n rowVirtualizer.scrollToIndex(autosuggestItemsState.highlightedIndex);\n }\n }, [autosuggestItemsState.highlightType, autosuggestItemsState.highlightedIndex, rowVirtualizer]);\n\n return (\n <OptionsList\n {...menuProps}\n onLoadMore={handleLoadMore}\n ref={scrollRef}\n open={true}\n // to prevent closing the list when clicking the scrollbar on IE11\n nativeAttributes={{ unselectable: 'on' }}\n >\n <div\n aria-hidden=\"true\"\n key=\"total-size\"\n className={styles['layout-strut']}\n style={{ height: rowVirtualizer.totalSize + (autosuggestItemsState.items.length === 1 ? 1 : 0) }}\n />\n {rowVirtualizer.virtualItems.map(virtualRow => {\n const { index, start, measureRef } = virtualRow;\n const item = autosuggestItemsState.items[index];\n const optionProps = getOptionProps(\n index,\n item,\n autosuggestItemsState.items,\n highlightedA11yProps,\n autosuggestItemsState.highlightedOption,\n hasDropdownStatus\n );\n\n return (\n <AutosuggestOption\n key={index}\n ref={measureRef}\n highlightText={highlightText}\n option={item}\n highlighted={item === autosuggestItemsState.highlightedOption}\n current={item.value === highlightText}\n data-mouse-target={index}\n enteredTextLabel={enteredTextLabel}\n virtualPosition={start + (index === 0 ? 1 : 0)}\n screenReaderContent={screenReaderContent}\n ariaSetsize={autosuggestItemsState.items.length}\n ariaPosinset={index + 1}\n highlightType={autosuggestItemsState.highlightType}\n {...optionProps}\n />\n );\n })}\n {listBottom ? (\n <li role=\"option\" className={styles['list-bottom']}>\n {listBottom}\n </li>\n ) : null}\n </OptionsList>\n );\n};\n\nexport default VirtualList;\n"]}
1
+ {"version":3,"file":"virtual-list.js","sourceRoot":"lib/default/","sources":["autosuggest/virtual-list.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport OptionsList from '../internal/components/options-list';\n\nimport AutosuggestOption from './autosuggest-option';\nimport { getOptionProps, ListProps } from './plain-list';\nimport styles from './styles.css.js';\nimport { useVirtual } from '../internal/hooks/use-virtual';\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\n\nconst VirtualList = ({\n autosuggestItemsState,\n handleLoadMore,\n menuProps,\n enteredTextLabel,\n highlightedA11yProps,\n hasDropdownStatus,\n highlightText,\n listBottom,\n screenReaderContent,\n}: ListProps) => {\n const scrollRef = useRef<HTMLUListElement>(null);\n // update component, when it gets wider or narrower to reposition items\n const [width, strutRef] = useContainerQuery(rect => rect.contentBoxWidth, []);\n useImperativeHandle(strutRef, () => scrollRef.current);\n\n const rowVirtualizer = useVirtual({\n items: autosuggestItemsState.items,\n parentRef: scrollRef,\n // estimateSize is a dependency of measurements memo. We update it to force full recalculation\n // when the height of any option could have changed:\n // 1: because the component got resized (width property got updated)\n // 2: because the option changed its content (highlightText property controls the highlight and the visibility of hidden tags)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n estimateSize: useCallback(() => 31, [width, highlightText]),\n });\n\n useEffect(() => {\n if (autosuggestItemsState.highlightType === 'keyboard') {\n rowVirtualizer.scrollToIndex(autosuggestItemsState.highlightedIndex);\n }\n }, [autosuggestItemsState.highlightType, autosuggestItemsState.highlightedIndex, rowVirtualizer]);\n\n return (\n <OptionsList\n {...menuProps}\n onLoadMore={handleLoadMore}\n ref={scrollRef}\n open={true}\n // to prevent closing the list when clicking the scrollbar on IE11\n nativeAttributes={{ unselectable: 'on' }}\n >\n <div\n aria-hidden=\"true\"\n key=\"total-size\"\n className={styles['layout-strut']}\n style={{ height: rowVirtualizer.totalSize + (autosuggestItemsState.items.length === 1 ? 1 : 0) }}\n />\n {rowVirtualizer.virtualItems.map(virtualRow => {\n const { index, start, measureRef } = virtualRow;\n const item = autosuggestItemsState.items[index];\n const optionProps = getOptionProps(\n index,\n item,\n autosuggestItemsState.items,\n highlightedA11yProps,\n autosuggestItemsState.highlightedOption,\n hasDropdownStatus\n );\n\n return (\n <AutosuggestOption\n key={index}\n ref={measureRef}\n highlightText={highlightText}\n option={item}\n highlighted={item === autosuggestItemsState.highlightedOption}\n current={item.value === highlightText}\n data-mouse-target={index}\n enteredTextLabel={enteredTextLabel}\n virtualPosition={start + (index === 0 ? 1 : 0)}\n screenReaderContent={screenReaderContent}\n ariaSetsize={autosuggestItemsState.items.length}\n ariaPosinset={index + 1}\n highlightType={autosuggestItemsState.highlightType}\n {...optionProps}\n />\n );\n })}\n {listBottom ? (\n <li role=\"option\" className={styles['list-bottom']}>\n {listBottom}\n </li>\n ) : null}\n </OptionsList>\n );\n};\n\nexport default VirtualList;\n"]}
@@ -1,10 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "badge": "awsui_badge_1yjyg_15xyh_93",
5
- "badge-color-grey": "awsui_badge-color-grey_1yjyg_15xyh_113",
6
- "badge-color-green": "awsui_badge-color-green_1yjyg_15xyh_116",
7
- "badge-color-blue": "awsui_badge-color-blue_1yjyg_15xyh_119",
8
- "badge-color-red": "awsui_badge-color-red_1yjyg_15xyh_122"
4
+ "badge": "awsui_badge_1yjyg_1czvw_93",
5
+ "badge-color-grey": "awsui_badge-color-grey_1yjyg_1czvw_113",
6
+ "badge-color-green": "awsui_badge-color-green_1yjyg_1czvw_116",
7
+ "badge-color-blue": "awsui_badge-color-blue_1yjyg_1czvw_119",
8
+ "badge-color-red": "awsui_badge-color-red_1yjyg_1czvw_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_15xyh_93:not(#\9) {
93
+ .awsui_badge_1yjyg_1czvw_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -121,7 +121,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
123
  font-size: var(--font-body-m-size-0qqejn, 14px);
124
- line-height: var(--font-body-m-line-height-9vkzhc, 22px);
124
+ line-height: var(--font-body-m-line-height-43ichb, 22px);
125
125
  color: var(--color-text-body-default-4colr5, #16191f);
126
126
  font-weight: 400;
127
127
  font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -130,21 +130,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
130
130
  font-size: var(--font-body-s-size-v1w8ey, 12px);
131
131
  line-height: var(--font-body-s-line-height-jfgg5d, 16px);
132
132
  letter-spacing: var(--font-body-s-letter-spacing-bzrysr, normal);
133
- line-height: var(--font-body-m-line-height-9vkzhc, 22px);
133
+ line-height: var(--font-body-m-line-height-43ichb, 22px);
134
134
  display: inline-block;
135
135
  border-radius: var(--border-radius-badge-foiz0d, 16px);
136
136
  padding: 0 var(--space-xs-7veqkr, 8px);
137
137
  color: var(--color-text-notification-default-1d4z49, #fafafa);
138
138
  }
139
- .awsui_badge_1yjyg_15xyh_93.awsui_badge-color-grey_1yjyg_15xyh_113:not(#\9) {
139
+ .awsui_badge_1yjyg_1czvw_93.awsui_badge-color-grey_1yjyg_1czvw_113:not(#\9) {
140
140
  background-color: var(--color-background-notification-grey-plyfpj, #545b64);
141
141
  }
142
- .awsui_badge_1yjyg_15xyh_93.awsui_badge-color-green_1yjyg_15xyh_116:not(#\9) {
142
+ .awsui_badge_1yjyg_1czvw_93.awsui_badge-color-green_1yjyg_1czvw_116:not(#\9) {
143
143
  background-color: var(--color-background-notification-green-mwnj66, #1d8102);
144
144
  }
145
- .awsui_badge_1yjyg_15xyh_93.awsui_badge-color-blue_1yjyg_15xyh_119:not(#\9) {
145
+ .awsui_badge_1yjyg_1czvw_93.awsui_badge-color-blue_1yjyg_1czvw_119:not(#\9) {
146
146
  background-color: var(--color-background-notification-blue-oqsgou, #0073bb);
147
147
  }
148
- .awsui_badge_1yjyg_15xyh_93.awsui_badge-color-red_1yjyg_15xyh_122:not(#\9) {
148
+ .awsui_badge_1yjyg_1czvw_93.awsui_badge-color-red_1yjyg_1czvw_122:not(#\9) {
149
149
  background-color: var(--color-background-notification-red-pvsx5r, #d13212);
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_15xyh_93",
6
- "badge-color-grey": "awsui_badge-color-grey_1yjyg_15xyh_113",
7
- "badge-color-green": "awsui_badge-color-green_1yjyg_15xyh_116",
8
- "badge-color-blue": "awsui_badge-color-blue_1yjyg_15xyh_119",
9
- "badge-color-red": "awsui_badge-color-red_1yjyg_15xyh_122"
5
+ "badge": "awsui_badge_1yjyg_1czvw_93",
6
+ "badge-color-grey": "awsui_badge-color-grey_1yjyg_1czvw_113",
7
+ "badge-color-green": "awsui_badge-color-green_1yjyg_1czvw_116",
8
+ "badge-color-blue": "awsui_badge-color-blue_1yjyg_1czvw_119",
9
+ "badge-color-red": "awsui_badge-color-red_1yjyg_1czvw_122"
10
10
  };
11
11