@cloudscape-design/components 3.0.648 → 3.0.650

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 (486) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +39 -41
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +18 -20
  6. package/anchor-navigation/styles.selectors.js +8 -8
  7. package/annotation-context/annotation/styles.css.js +24 -24
  8. package/annotation-context/annotation/styles.scoped.css +31 -32
  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 +6 -8
  12. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  13. package/app-layout/drawer/index.js +2 -2
  14. package/app-layout/drawer/index.js.map +1 -1
  15. package/app-layout/drawer/styles.css.js +13 -13
  16. package/app-layout/drawer/styles.scoped.css +21 -23
  17. package/app-layout/drawer/styles.selectors.js +13 -13
  18. package/app-layout/mobile-toolbar/index.js +1 -1
  19. package/app-layout/mobile-toolbar/index.js.map +1 -1
  20. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  21. package/app-layout/mobile-toolbar/styles.scoped.css +8 -10
  22. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  23. package/app-layout/skeleton/styles.css.js +11 -11
  24. package/app-layout/skeleton/styles.scoped.css +20 -22
  25. package/app-layout/skeleton/styles.selectors.js +11 -11
  26. package/app-layout/split-panel/styles.css.js +2 -2
  27. package/app-layout/split-panel/styles.scoped.css +2 -4
  28. package/app-layout/split-panel/styles.selectors.js +2 -2
  29. package/app-layout/styles.css.js +16 -16
  30. package/app-layout/styles.scoped.css +19 -21
  31. package/app-layout/styles.selectors.js +16 -16
  32. package/app-layout/toggles/styles.css.js +2 -2
  33. package/app-layout/toggles/styles.scoped.css +6 -8
  34. package/app-layout/toggles/styles.selectors.js +2 -2
  35. package/app-layout/utils/sticky-offsets.d.ts +1 -1
  36. package/app-layout/utils/sticky-offsets.d.ts.map +1 -1
  37. package/app-layout/utils/sticky-offsets.js +2 -2
  38. package/app-layout/utils/sticky-offsets.js.map +1 -1
  39. package/app-layout/visual-refresh/background.d.ts.map +1 -1
  40. package/app-layout/visual-refresh/background.js +2 -5
  41. package/app-layout/visual-refresh/background.js.map +1 -1
  42. package/app-layout/visual-refresh/breadcrumbs.d.ts.map +1 -1
  43. package/app-layout/visual-refresh/breadcrumbs.js +1 -2
  44. package/app-layout/visual-refresh/breadcrumbs.js.map +1 -1
  45. package/app-layout/visual-refresh/context.d.ts +0 -2
  46. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  47. package/app-layout/visual-refresh/context.js +2 -7
  48. package/app-layout/visual-refresh/context.js.map +1 -1
  49. package/app-layout/visual-refresh/drawers.js +2 -2
  50. package/app-layout/visual-refresh/drawers.js.map +1 -1
  51. package/app-layout/visual-refresh/layout.d.ts.map +1 -1
  52. package/app-layout/visual-refresh/layout.js +1 -3
  53. package/app-layout/visual-refresh/layout.js.map +1 -1
  54. package/app-layout/visual-refresh/main.d.ts.map +1 -1
  55. package/app-layout/visual-refresh/main.js +2 -4
  56. package/app-layout/visual-refresh/main.js.map +1 -1
  57. package/app-layout/visual-refresh/navigation.js +2 -2
  58. package/app-layout/visual-refresh/navigation.js.map +1 -1
  59. package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
  60. package/app-layout/visual-refresh/notifications.js +3 -1
  61. package/app-layout/visual-refresh/notifications.js.map +1 -1
  62. package/app-layout/visual-refresh/styles.css.js +82 -83
  63. package/app-layout/visual-refresh/styles.scoped.css +169 -196
  64. package/app-layout/visual-refresh/styles.selectors.js +82 -83
  65. package/app-layout/visual-refresh/tools.js +2 -2
  66. package/app-layout/visual-refresh/tools.js.map +1 -1
  67. package/app-layout/visual-refresh/trigger-button.js +1 -1
  68. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  69. package/app-layout/visual-refresh/use-background-overlap.d.ts +0 -6
  70. package/app-layout/visual-refresh/use-background-overlap.d.ts.map +1 -1
  71. package/app-layout/visual-refresh/use-background-overlap.js +0 -6
  72. package/app-layout/visual-refresh/use-background-overlap.js.map +1 -1
  73. package/area-chart/styles.css.js +6 -6
  74. package/area-chart/styles.scoped.css +9 -11
  75. package/area-chart/styles.selectors.js +6 -6
  76. package/attribute-editor/styles.css.js +14 -14
  77. package/attribute-editor/styles.scoped.css +24 -26
  78. package/attribute-editor/styles.selectors.js +14 -14
  79. package/badge/styles.css.js +5 -5
  80. package/badge/styles.scoped.css +5 -7
  81. package/badge/styles.selectors.js +5 -5
  82. package/box/styles.css.js +191 -191
  83. package/box/styles.scoped.css +248 -446
  84. package/box/styles.selectors.js +191 -191
  85. package/breadcrumb-group/item/styles.css.js +8 -8
  86. package/breadcrumb-group/item/styles.scoped.css +16 -18
  87. package/breadcrumb-group/item/styles.selectors.js +8 -8
  88. package/breadcrumb-group/styles.css.js +7 -7
  89. package/breadcrumb-group/styles.scoped.css +12 -14
  90. package/breadcrumb-group/styles.selectors.js +7 -7
  91. package/button/styles.css.js +19 -19
  92. package/button/styles.scoped.css +153 -155
  93. package/button/styles.selectors.js +19 -19
  94. package/button-dropdown/category-elements/category-element.js +1 -1
  95. package/button-dropdown/category-elements/category-element.js.map +1 -1
  96. package/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -1
  97. package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  98. package/button-dropdown/category-elements/styles.css.js +14 -14
  99. package/button-dropdown/category-elements/styles.scoped.css +24 -25
  100. package/button-dropdown/category-elements/styles.selectors.js +14 -14
  101. package/button-dropdown/item-element/styles.css.js +11 -11
  102. package/button-dropdown/item-element/styles.scoped.css +16 -17
  103. package/button-dropdown/item-element/styles.selectors.js +11 -11
  104. package/button-dropdown/mobile-expandable-group/mobile-expandable-group.js +1 -1
  105. package/button-dropdown/mobile-expandable-group/mobile-expandable-group.js.map +1 -1
  106. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  107. package/button-dropdown/mobile-expandable-group/styles.scoped.css +5 -7
  108. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  109. package/button-dropdown/styles.css.js +15 -15
  110. package/button-dropdown/styles.scoped.css +22 -24
  111. package/button-dropdown/styles.selectors.js +15 -15
  112. package/calendar/styles.css.js +20 -20
  113. package/calendar/styles.scoped.css +42 -44
  114. package/calendar/styles.selectors.js +20 -20
  115. package/cards/styles.css.js +39 -39
  116. package/cards/styles.scoped.css +50 -52
  117. package/cards/styles.selectors.js +39 -39
  118. package/checkbox/styles.css.js +3 -3
  119. package/checkbox/styles.scoped.css +5 -7
  120. package/checkbox/styles.selectors.js +3 -3
  121. package/code-editor/resizable-box/styles.css.js +3 -3
  122. package/code-editor/resizable-box/styles.scoped.css +5 -6
  123. package/code-editor/resizable-box/styles.selectors.js +3 -3
  124. package/code-editor/styles.css.js +32 -32
  125. package/code-editor/styles.scoped.css +129 -147
  126. package/code-editor/styles.selectors.js +32 -32
  127. package/collection-preferences/content-display/styles.css.js +11 -11
  128. package/collection-preferences/content-display/styles.scoped.css +17 -21
  129. package/collection-preferences/content-display/styles.selectors.js +11 -11
  130. package/collection-preferences/styles.css.js +37 -37
  131. package/collection-preferences/styles.scoped.css +44 -52
  132. package/collection-preferences/styles.selectors.js +37 -37
  133. package/column-layout/styles.css.js +13 -13
  134. package/column-layout/styles.scoped.css +43 -45
  135. package/column-layout/styles.selectors.js +13 -13
  136. package/container/internal.d.ts.map +1 -1
  137. package/container/internal.js +7 -25
  138. package/container/internal.js.map +1 -1
  139. package/container/styles.css.js +30 -29
  140. package/container/styles.scoped.css +60 -55
  141. package/container/styles.selectors.js +30 -29
  142. package/container/use-sticky-header.d.ts +3 -2
  143. package/container/use-sticky-header.d.ts.map +1 -1
  144. package/container/use-sticky-header.js +5 -3
  145. package/container/use-sticky-header.js.map +1 -1
  146. package/content-layout/internal.js +2 -2
  147. package/content-layout/internal.js.map +1 -1
  148. package/content-layout/styles.css.js +14 -14
  149. package/content-layout/styles.scoped.css +16 -18
  150. package/content-layout/styles.selectors.js +14 -14
  151. package/date-picker/styles.css.js +7 -7
  152. package/date-picker/styles.scoped.css +9 -11
  153. package/date-picker/styles.selectors.js +7 -7
  154. package/date-range-picker/calendar/grids/styles.css.js +27 -27
  155. package/date-range-picker/calendar/grids/styles.scoped.css +42 -44
  156. package/date-range-picker/calendar/grids/styles.selectors.js +27 -27
  157. package/date-range-picker/relative-range/styles.css.js +9 -9
  158. package/date-range-picker/relative-range/styles.scoped.css +13 -15
  159. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  160. package/date-range-picker/styles.css.js +39 -39
  161. package/date-range-picker/styles.scoped.css +48 -50
  162. package/date-range-picker/styles.selectors.js +39 -39
  163. package/drawer/implementation.js +2 -2
  164. package/drawer/implementation.js.map +1 -1
  165. package/drawer/styles.css.js +3 -3
  166. package/drawer/styles.scoped.css +10 -11
  167. package/drawer/styles.selectors.js +3 -3
  168. package/expandable-section/styles.css.js +32 -32
  169. package/expandable-section/styles.scoped.css +65 -66
  170. package/expandable-section/styles.selectors.js +32 -32
  171. package/file-upload/dropzone/styles.css.js +2 -2
  172. package/file-upload/dropzone/styles.scoped.css +2 -4
  173. package/file-upload/dropzone/styles.selectors.js +2 -2
  174. package/file-upload/file-input/styles.css.js +4 -4
  175. package/file-upload/file-input/styles.scoped.css +7 -9
  176. package/file-upload/file-input/styles.selectors.js +4 -4
  177. package/flashbar/styles.css.js +47 -47
  178. package/flashbar/styles.scoped.css +146 -154
  179. package/flashbar/styles.selectors.js +47 -47
  180. package/form/styles.css.js +8 -8
  181. package/form/styles.scoped.css +8 -10
  182. package/form/styles.selectors.js +8 -8
  183. package/form-field/styles.css.js +24 -24
  184. package/form-field/styles.scoped.css +38 -40
  185. package/form-field/styles.selectors.js +24 -24
  186. package/grid/styles.css.js +53 -53
  187. package/grid/styles.scoped.css +54 -56
  188. package/grid/styles.selectors.js +53 -53
  189. package/header/styles.css.js +34 -34
  190. package/header/styles.scoped.css +50 -52
  191. package/header/styles.selectors.js +34 -34
  192. package/help-panel/implementation.js +2 -2
  193. package/help-panel/implementation.js.map +1 -1
  194. package/help-panel/styles.css.js +4 -4
  195. package/help-panel/styles.scoped.css +78 -68
  196. package/help-panel/styles.selectors.js +4 -4
  197. package/hotspot/styles.css.js +7 -7
  198. package/hotspot/styles.scoped.css +7 -9
  199. package/hotspot/styles.selectors.js +7 -7
  200. package/icon/icons.js +1 -1
  201. package/icon/interfaces.d.ts +1 -1
  202. package/icon/interfaces.d.ts.map +1 -1
  203. package/icon/interfaces.js.map +1 -1
  204. package/icon/styles.css.js +37 -37
  205. package/icon/styles.scoped.css +84 -67
  206. package/icon/styles.selectors.js +37 -37
  207. package/input/styles.css.js +13 -13
  208. package/input/styles.scoped.css +34 -36
  209. package/input/styles.selectors.js +13 -13
  210. package/internal/analytics/index.d.ts +7 -1
  211. package/internal/analytics/index.d.ts.map +1 -1
  212. package/internal/analytics/index.js +10 -0
  213. package/internal/analytics/index.js.map +1 -1
  214. package/internal/analytics/interfaces.d.ts +12 -0
  215. package/internal/analytics/interfaces.d.ts.map +1 -1
  216. package/internal/analytics/interfaces.js.map +1 -1
  217. package/internal/base-component/index.d.ts +5 -3
  218. package/internal/base-component/index.d.ts.map +1 -1
  219. package/internal/base-component/index.js.map +1 -1
  220. package/internal/components/abstract-switch/styles.css.js +13 -13
  221. package/internal/components/abstract-switch/styles.scoped.css +23 -26
  222. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  223. package/internal/components/button-trigger/styles.css.js +11 -11
  224. package/internal/components/button-trigger/styles.scoped.css +26 -28
  225. package/internal/components/button-trigger/styles.selectors.js +11 -11
  226. package/internal/components/cartesian-chart/inline-start-labels.js +1 -1
  227. package/internal/components/cartesian-chart/inline-start-labels.js.map +1 -1
  228. package/internal/components/chart-filter/styles.css.js +3 -3
  229. package/internal/components/chart-filter/styles.scoped.css +3 -5
  230. package/internal/components/chart-filter/styles.selectors.js +3 -3
  231. package/internal/components/chart-legend/styles.css.js +6 -6
  232. package/internal/components/chart-legend/styles.scoped.css +15 -17
  233. package/internal/components/chart-legend/styles.selectors.js +6 -6
  234. package/internal/components/chart-plot/styles.css.js +5 -5
  235. package/internal/components/chart-plot/styles.scoped.css +5 -7
  236. package/internal/components/chart-plot/styles.selectors.js +5 -5
  237. package/internal/components/chart-popover/styles.css.js +3 -3
  238. package/internal/components/chart-popover/styles.scoped.css +3 -5
  239. package/internal/components/chart-popover/styles.selectors.js +3 -3
  240. package/internal/components/chart-popover-footer/styles.css.js +1 -1
  241. package/internal/components/chart-popover-footer/styles.scoped.css +3 -3
  242. package/internal/components/chart-popover-footer/styles.selectors.js +1 -1
  243. package/internal/components/chart-series-details/styles.css.js +20 -20
  244. package/internal/components/chart-series-details/styles.scoped.css +33 -35
  245. package/internal/components/chart-series-details/styles.selectors.js +20 -20
  246. package/internal/components/chart-series-marker/styles.css.js +5 -5
  247. package/internal/components/chart-series-marker/styles.scoped.css +7 -9
  248. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  249. package/internal/components/chart-wrapper/styles.css.js +9 -9
  250. package/internal/components/chart-wrapper/styles.scoped.css +9 -11
  251. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  252. package/internal/components/checkbox-icon/styles.css.js +7 -7
  253. package/internal/components/checkbox-icon/styles.scoped.css +8 -10
  254. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  255. package/internal/components/dropdown/styles.css.js +20 -20
  256. package/internal/components/dropdown/styles.scoped.css +41 -41
  257. package/internal/components/dropdown/styles.selectors.js +20 -20
  258. package/internal/components/dropdown-footer/styles.css.js +3 -3
  259. package/internal/components/dropdown-footer/styles.scoped.css +3 -5
  260. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  261. package/internal/components/dropdown-status/styles.css.js +2 -2
  262. package/internal/components/dropdown-status/styles.scoped.css +2 -4
  263. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  264. package/internal/components/filtering-token/styles.css.js +7 -7
  265. package/internal/components/filtering-token/styles.scoped.css +13 -15
  266. package/internal/components/filtering-token/styles.selectors.js +7 -7
  267. package/internal/components/handle/styles.css.js +2 -2
  268. package/internal/components/handle/styles.scoped.css +6 -8
  269. package/internal/components/handle/styles.selectors.js +2 -2
  270. package/internal/components/menu-dropdown/styles.css.js +7 -7
  271. package/internal/components/menu-dropdown/styles.scoped.css +13 -15
  272. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  273. package/internal/components/option/highlight-match.d.ts.map +1 -1
  274. package/internal/components/option/highlight-match.js +1 -2
  275. package/internal/components/option/highlight-match.js.map +1 -1
  276. package/internal/components/option/index.js +2 -2
  277. package/internal/components/option/index.js.map +1 -1
  278. package/internal/components/option/styles.css.js +17 -17
  279. package/internal/components/option/styles.scoped.css +29 -31
  280. package/internal/components/option/styles.selectors.js +17 -17
  281. package/internal/components/options-list/styles.css.js +2 -2
  282. package/internal/components/options-list/styles.scoped.css +2 -4
  283. package/internal/components/options-list/styles.selectors.js +2 -2
  284. package/internal/components/panel-resize-handle/styles.css.js +5 -5
  285. package/internal/components/panel-resize-handle/styles.scoped.css +10 -12
  286. package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
  287. package/internal/components/screenreader-only/styles.css.js +1 -1
  288. package/internal/components/screenreader-only/styles.scoped.css +1 -3
  289. package/internal/components/screenreader-only/styles.selectors.js +1 -1
  290. package/internal/components/selectable-item/styles.css.js +16 -16
  291. package/internal/components/selectable-item/styles.scoped.css +29 -31
  292. package/internal/components/selectable-item/styles.selectors.js +16 -16
  293. package/internal/components/token-list/styles.css.js +9 -9
  294. package/internal/components/token-list/styles.scoped.css +20 -23
  295. package/internal/components/token-list/styles.selectors.js +9 -9
  296. package/internal/context/reset-contexts-for-modal.d.ts.map +1 -1
  297. package/internal/context/reset-contexts-for-modal.js +6 -8
  298. package/internal/context/reset-contexts-for-modal.js.map +1 -1
  299. package/internal/context/single-tab-stop-navigation-context.d.ts +16 -2
  300. package/internal/context/single-tab-stop-navigation-context.d.ts.map +1 -1
  301. package/internal/context/single-tab-stop-navigation-context.js +51 -1
  302. package/internal/context/single-tab-stop-navigation-context.js.map +1 -1
  303. package/internal/environment.js +1 -1
  304. package/internal/environment.json +1 -1
  305. package/internal/hooks/use-table-interaction-metrics/index.d.ts +10 -0
  306. package/internal/hooks/use-table-interaction-metrics/index.d.ts.map +1 -0
  307. package/internal/hooks/use-table-interaction-metrics/index.js +47 -0
  308. package/internal/hooks/use-table-interaction-metrics/index.js.map +1 -0
  309. package/internal/manifest.json +1 -1
  310. package/link/styles.css.js +20 -20
  311. package/link/styles.scoped.css +71 -73
  312. package/link/styles.selectors.js +20 -20
  313. package/mixed-line-bar-chart/styles.css.js +11 -11
  314. package/mixed-line-bar-chart/styles.scoped.css +17 -19
  315. package/mixed-line-bar-chart/styles.selectors.js +11 -11
  316. package/modal/styles.css.js +23 -23
  317. package/modal/styles.scoped.css +38 -40
  318. package/modal/styles.selectors.js +23 -23
  319. package/multiselect/styles.css.js +2 -2
  320. package/multiselect/styles.scoped.css +2 -4
  321. package/multiselect/styles.selectors.js +2 -2
  322. package/package.json +1 -1
  323. package/pagination/styles.css.js +9 -9
  324. package/pagination/styles.scoped.css +23 -25
  325. package/pagination/styles.selectors.js +9 -9
  326. package/pie-chart/styles.css.js +27 -27
  327. package/pie-chart/styles.scoped.css +48 -50
  328. package/pie-chart/styles.selectors.js +27 -27
  329. package/popover/index.d.ts +1 -1
  330. package/popover/index.d.ts.map +1 -1
  331. package/popover/index.js +2 -2
  332. package/popover/index.js.map +1 -1
  333. package/popover/interfaces.d.ts +5 -0
  334. package/popover/interfaces.d.ts.map +1 -1
  335. package/popover/interfaces.js.map +1 -1
  336. package/popover/internal.js +2 -2
  337. package/popover/internal.js.map +1 -1
  338. package/popover/styles.css.js +50 -49
  339. package/popover/styles.scoped.css +78 -78
  340. package/popover/styles.selectors.js +50 -49
  341. package/progress-bar/styles.css.js +19 -19
  342. package/progress-bar/styles.scoped.css +33 -37
  343. package/progress-bar/styles.selectors.js +19 -19
  344. package/property-filter/styles.css.js +32 -32
  345. package/property-filter/styles.scoped.css +34 -36
  346. package/property-filter/styles.selectors.js +32 -32
  347. package/radio-group/styles.css.js +9 -9
  348. package/radio-group/styles.scoped.css +15 -17
  349. package/radio-group/styles.selectors.js +9 -9
  350. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  351. package/s3-resource-selector/s3-in-context/styles.scoped.css +9 -9
  352. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  353. package/segmented-control/styles.css.js +14 -14
  354. package/segmented-control/styles.scoped.css +33 -35
  355. package/segmented-control/styles.selectors.js +14 -14
  356. package/select/parts/styles.css.js +16 -16
  357. package/select/parts/styles.scoped.css +18 -19
  358. package/select/parts/styles.selectors.js +16 -16
  359. package/select/styles.css.js +1 -1
  360. package/select/styles.scoped.css +1 -3
  361. package/select/styles.selectors.js +1 -1
  362. package/side-navigation/styles.css.js +28 -28
  363. package/side-navigation/styles.scoped.css +38 -40
  364. package/side-navigation/styles.selectors.js +28 -28
  365. package/slider/internal.js +1 -1
  366. package/slider/internal.js.map +1 -1
  367. package/slider/slider-labels.js +1 -1
  368. package/slider/slider-labels.js.map +1 -1
  369. package/slider/styles.css.js +25 -25
  370. package/slider/styles.scoped.css +62 -64
  371. package/slider/styles.selectors.js +25 -25
  372. package/slider/tick-marks.js +2 -2
  373. package/slider/tick-marks.js.map +1 -1
  374. package/space-between/styles.css.js +23 -23
  375. package/space-between/styles.scoped.css +24 -26
  376. package/space-between/styles.selectors.js +23 -23
  377. package/spinner/styles.css.js +13 -13
  378. package/spinner/styles.scoped.css +20 -21
  379. package/spinner/styles.selectors.js +13 -13
  380. package/split-panel/icons/styles.css.js +22 -22
  381. package/split-panel/icons/styles.scoped.css +28 -24
  382. package/split-panel/icons/styles.selectors.js +22 -22
  383. package/split-panel/side.js +3 -3
  384. package/split-panel/side.js.map +1 -1
  385. package/split-panel/styles.css.js +26 -26
  386. package/split-panel/styles.scoped.css +41 -46
  387. package/split-panel/styles.selectors.js +26 -26
  388. package/status-indicator/styles.css.js +23 -23
  389. package/status-indicator/styles.scoped.css +29 -31
  390. package/status-indicator/styles.selectors.js +23 -23
  391. package/table/body-cell/styles.css.js +45 -45
  392. package/table/body-cell/styles.scoped.css +175 -174
  393. package/table/body-cell/styles.selectors.js +45 -45
  394. package/table/expandable-rows/styles.css.js +3 -3
  395. package/table/expandable-rows/styles.scoped.css +15 -15
  396. package/table/expandable-rows/styles.selectors.js +3 -3
  397. package/table/header-cell/styles.css.js +26 -26
  398. package/table/header-cell/styles.scoped.css +54 -54
  399. package/table/header-cell/styles.selectors.js +26 -26
  400. package/table/internal.d.ts.map +1 -1
  401. package/table/internal.js +23 -17
  402. package/table/internal.js.map +1 -1
  403. package/table/resizer/styles.css.js +8 -8
  404. package/table/resizer/styles.scoped.css +14 -16
  405. package/table/resizer/styles.selectors.js +8 -8
  406. package/table/selection/selection-control.js +1 -1
  407. package/table/selection/selection-control.js.map +1 -1
  408. package/table/selection/styles.css.js +3 -3
  409. package/table/selection/styles.scoped.css +3 -5
  410. package/table/selection/styles.selectors.js +3 -3
  411. package/table/sticky-scrollbar/styles.css.js +6 -6
  412. package/table/sticky-scrollbar/styles.scoped.css +7 -9
  413. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  414. package/table/styles.css.js +34 -34
  415. package/table/styles.scoped.css +39 -43
  416. package/table/styles.selectors.js +34 -34
  417. package/table/table-role/grid-navigation.d.ts.map +1 -1
  418. package/table/table-role/grid-navigation.js +40 -67
  419. package/table/table-role/grid-navigation.js.map +1 -1
  420. package/table/thead.d.ts +1 -0
  421. package/table/thead.d.ts.map +1 -1
  422. package/table/thead.js +5 -2
  423. package/table/thead.js.map +1 -1
  424. package/table/tools-header.d.ts +2 -1
  425. package/table/tools-header.d.ts.map +1 -1
  426. package/table/tools-header.js +4 -4
  427. package/table/tools-header.js.map +1 -1
  428. package/tabs/styles.css.js +22 -22
  429. package/tabs/styles.scoped.css +42 -46
  430. package/tabs/styles.selectors.js +22 -22
  431. package/tabs/tab-header-bar.d.ts.map +1 -1
  432. package/tabs/tab-header-bar.js +19 -47
  433. package/tabs/tab-header-bar.js.map +1 -1
  434. package/tag-editor/styles.css.js +3 -3
  435. package/tag-editor/styles.scoped.css +10 -12
  436. package/tag-editor/styles.selectors.js +3 -3
  437. package/test-utils/tsconfig.tsbuildinfo +1 -1
  438. package/text-content/styles.css.js +1 -1
  439. package/text-content/styles.scoped.css +60 -62
  440. package/text-content/styles.selectors.js +1 -1
  441. package/text-filter/styles.css.js +3 -3
  442. package/text-filter/styles.scoped.css +3 -5
  443. package/text-filter/styles.selectors.js +3 -3
  444. package/textarea/styles.css.js +5 -5
  445. package/textarea/styles.scoped.css +15 -17
  446. package/textarea/styles.selectors.js +5 -5
  447. package/tiles/styles.css.js +29 -29
  448. package/tiles/styles.scoped.css +70 -72
  449. package/tiles/styles.selectors.js +29 -29
  450. package/toggle/styles.css.js +8 -8
  451. package/toggle/styles.scoped.css +15 -16
  452. package/toggle/styles.selectors.js +8 -8
  453. package/token-group/dismiss-button.d.ts.map +1 -1
  454. package/token-group/dismiss-button.js +1 -2
  455. package/token-group/dismiss-button.js.map +1 -1
  456. package/token-group/styles.css.js +9 -9
  457. package/token-group/styles.scoped.css +19 -22
  458. package/token-group/styles.selectors.js +9 -9
  459. package/top-navigation/1.0-beta/styles.css.js +25 -25
  460. package/top-navigation/1.0-beta/styles.scoped.css +42 -44
  461. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  462. package/top-navigation/styles.css.js +47 -47
  463. package/top-navigation/styles.scoped.css +66 -68
  464. package/top-navigation/styles.selectors.js +47 -47
  465. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  466. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +21 -23
  467. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  468. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  469. package/tutorial-panel/components/tutorial-list/styles.scoped.css +27 -30
  470. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  471. package/tutorial-panel/styles.css.js +1 -1
  472. package/tutorial-panel/styles.scoped.css +1 -3
  473. package/tutorial-panel/styles.selectors.js +1 -1
  474. package/wizard/styles.css.js +30 -30
  475. package/wizard/styles.scoped.css +62 -61
  476. package/wizard/styles.selectors.js +30 -30
  477. package/wizard/wizard-form-header.js +1 -1
  478. package/wizard/wizard-form-header.js.map +1 -1
  479. package/wizard/wizard-form.js +1 -1
  480. package/wizard/wizard-form.js.map +1 -1
  481. package/wizard/wizard-navigation.js +3 -3
  482. package/wizard/wizard-navigation.js.map +1 -1
  483. package/internal/context/app-layout-context.d.ts +0 -8
  484. package/internal/context/app-layout-context.d.ts.map +0 -1
  485. package/internal/context/app-layout-context.js +0 -9
  486. package/internal/context/app-layout-context.js.map +0 -1
@@ -2,8 +2,6 @@
2
2
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  SPDX-License-Identifier: Apache-2.0
4
4
  */
5
- /* stylelint-disable plugin/no-unsupported-browser-features */
6
- /* stylelint-enable plugin/no-unsupported-browser-features */
7
5
  /*
8
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
9
7
  SPDX-License-Identifier: Apache-2.0
@@ -96,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
96
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
97
95
  SPDX-License-Identifier: Apache-2.0
98
96
  */
99
- .awsui_root_fvjdu_1lqdy_99:not(#\9) {
97
+ .awsui_root_fvjdu_ki6j9_97:not(#\9) {
100
98
  border-collapse: separate;
101
99
  border-spacing: 0;
102
100
  box-sizing: border-box;
@@ -140,14 +138,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
140
138
  list-style: none;
141
139
  }
142
140
 
143
- .awsui_button_fvjdu_1lqdy_142:not(#\9),
144
- .awsui_dots_fvjdu_1lqdy_143:not(#\9) {
141
+ .awsui_button_fvjdu_ki6j9_140:not(#\9),
142
+ .awsui_dots_fvjdu_ki6j9_141:not(#\9) {
145
143
  min-inline-size: var(--space-l-t419sm, 20px);
146
144
  border-block: var(--border-field-width-09w7vk, 2px) solid transparent;
147
145
  border-inline: var(--border-field-width-09w7vk, 2px) solid transparent;
148
146
  }
149
147
 
150
- .awsui_button_fvjdu_1lqdy_142:not(#\9) {
148
+ .awsui_button_fvjdu_ki6j9_140:not(#\9) {
151
149
  cursor: pointer;
152
150
  text-align: center;
153
151
  box-sizing: border-box;
@@ -156,10 +154,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
156
154
  padding-block: 0;
157
155
  padding-inline: 0;
158
156
  }
159
- .awsui_button_fvjdu_1lqdy_142:not(#\9):focus {
157
+ .awsui_button_fvjdu_ki6j9_140:not(#\9):focus {
160
158
  outline: none;
161
159
  }
162
- body[data-awsui-focus-visible=true] .awsui_button_fvjdu_1lqdy_142:not(#\9):focus {
160
+ body[data-awsui-focus-visible=true] .awsui_button_fvjdu_ki6j9_140:not(#\9):focus {
163
161
  outline: 2px dotted transparent;
164
162
  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
165
163
  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
@@ -169,46 +167,46 @@ body[data-awsui-focus-visible=true] .awsui_button_fvjdu_1lqdy_142:not(#\9):focus
169
167
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
170
168
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
171
169
  }
172
- .awsui_button-disabled_fvjdu_1lqdy_171:not(#\9) {
170
+ .awsui_button-disabled_fvjdu_ki6j9_169:not(#\9) {
173
171
  cursor: default;
174
172
  color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
175
173
  }
176
174
 
177
- .awsui_arrow_fvjdu_1lqdy_176:not(#\9) {
175
+ .awsui_arrow_fvjdu_ki6j9_174:not(#\9) {
178
176
  color: var(--color-text-interactive-default-lnx6lk, #414d5c);
179
177
  }
180
- .awsui_arrow_fvjdu_1lqdy_176:not(#\9):not(.awsui_button-disabled_fvjdu_1lqdy_171):hover {
178
+ .awsui_arrow_fvjdu_ki6j9_174:not(#\9):not(.awsui_button-disabled_fvjdu_ki6j9_169):hover {
181
179
  color: var(--color-text-interactive-hover-mj8add, #000716);
182
180
  }
183
- .awsui_arrow_fvjdu_1lqdy_176.awsui_button-disabled_fvjdu_1lqdy_171:not(#\9) {
181
+ .awsui_arrow_fvjdu_ki6j9_174.awsui_button-disabled_fvjdu_ki6j9_169:not(#\9) {
184
182
  color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
185
183
  }
186
184
 
187
- .awsui_page-number_fvjdu_1lqdy_186:not(#\9) {
185
+ .awsui_page-number_fvjdu_ki6j9_184:not(#\9) {
188
186
  color: var(--color-text-pagination-page-number-default-i8se09, #414d5c);
189
187
  }
190
- .awsui_page-number_fvjdu_1lqdy_186:not(#\9):not(.awsui_button-disabled_fvjdu_1lqdy_171):hover {
188
+ .awsui_page-number_fvjdu_ki6j9_184:not(#\9):not(.awsui_button-disabled_fvjdu_ki6j9_169):hover {
191
189
  color: var(--color-text-interactive-hover-mj8add, #000716);
192
190
  }
193
- .awsui_page-number_fvjdu_1lqdy_186.awsui_button-current_fvjdu_1lqdy_192:not(#\9) {
191
+ .awsui_page-number_fvjdu_ki6j9_184.awsui_button-current_fvjdu_ki6j9_190:not(#\9) {
194
192
  font-weight: var(--font-wayfinding-link-active-weight-rbmzei, 700);
195
193
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
196
194
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
197
195
  color: var(--color-text-interactive-active-ox3ozh, #000716);
198
196
  }
199
- .awsui_page-number_fvjdu_1lqdy_186.awsui_button-current_fvjdu_1lqdy_192.awsui_button-disabled_fvjdu_1lqdy_171:not(#\9) {
197
+ .awsui_page-number_fvjdu_ki6j9_184.awsui_button-current_fvjdu_ki6j9_190.awsui_button-disabled_fvjdu_ki6j9_169:not(#\9) {
200
198
  color: var(--color-text-pagination-page-number-active-disabled-pnozll, #9ba7b6);
201
199
  }
202
- .awsui_page-number_fvjdu_1lqdy_186.awsui_button-disabled_fvjdu_1lqdy_171:not(#\9) {
200
+ .awsui_page-number_fvjdu_ki6j9_184.awsui_button-disabled_fvjdu_ki6j9_169:not(#\9) {
203
201
  color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
204
202
  }
205
203
 
206
- .awsui_dots_fvjdu_1lqdy_143:not(#\9) {
204
+ .awsui_dots_fvjdu_ki6j9_141:not(#\9) {
207
205
  color: var(--color-text-interactive-default-lnx6lk, #414d5c);
208
206
  }
209
207
 
210
- .awsui_page-item_fvjdu_1lqdy_209:not(#\9),
211
- .awsui_dots_fvjdu_1lqdy_143:not(#\9) {
208
+ .awsui_page-item_fvjdu_ki6j9_207:not(#\9),
209
+ .awsui_dots_fvjdu_ki6j9_141:not(#\9) {
212
210
  margin-block: var(--space-scaled-xxs-7597g1, 4px);
213
211
  margin-inline: var(--space-xxs-p8yyaw, 4px);
214
212
  text-align: center;
@@ -216,15 +214,15 @@ body[data-awsui-focus-visible=true] .awsui_button_fvjdu_1lqdy_142:not(#\9):focus
216
214
  padding-block: 0;
217
215
  padding-inline: 0;
218
216
  }
219
- .awsui_page-item_fvjdu_1lqdy_209:not(#\9):first-child,
220
- .awsui_dots_fvjdu_1lqdy_143:not(#\9):first-child {
217
+ .awsui_page-item_fvjdu_ki6j9_207:not(#\9):first-child,
218
+ .awsui_dots_fvjdu_ki6j9_141:not(#\9):first-child {
221
219
  margin-inline-start: 0;
222
220
  }
223
- .awsui_page-item_fvjdu_1lqdy_209:not(#\9):last-child,
224
- .awsui_dots_fvjdu_1lqdy_143:not(#\9):last-child {
221
+ .awsui_page-item_fvjdu_ki6j9_207:not(#\9):last-child,
222
+ .awsui_dots_fvjdu_ki6j9_141:not(#\9):last-child {
225
223
  margin-inline-end: 0;
226
224
  }
227
225
 
228
- .awsui_root-disabled_fvjdu_1lqdy_227 > .awsui_dots_fvjdu_1lqdy_143:not(#\9) {
226
+ .awsui_root-disabled_fvjdu_ki6j9_225 > .awsui_dots_fvjdu_ki6j9_141:not(#\9) {
229
227
  color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
230
228
  }
@@ -2,14 +2,14 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_fvjdu_1lqdy_99",
6
- "button": "awsui_button_fvjdu_1lqdy_142",
7
- "dots": "awsui_dots_fvjdu_1lqdy_143",
8
- "button-disabled": "awsui_button-disabled_fvjdu_1lqdy_171",
9
- "arrow": "awsui_arrow_fvjdu_1lqdy_176",
10
- "page-number": "awsui_page-number_fvjdu_1lqdy_186",
11
- "button-current": "awsui_button-current_fvjdu_1lqdy_192",
12
- "page-item": "awsui_page-item_fvjdu_1lqdy_209",
13
- "root-disabled": "awsui_root-disabled_fvjdu_1lqdy_227"
5
+ "root": "awsui_root_fvjdu_ki6j9_97",
6
+ "button": "awsui_button_fvjdu_ki6j9_140",
7
+ "dots": "awsui_dots_fvjdu_ki6j9_141",
8
+ "button-disabled": "awsui_button-disabled_fvjdu_ki6j9_169",
9
+ "arrow": "awsui_arrow_fvjdu_ki6j9_174",
10
+ "page-number": "awsui_page-number_fvjdu_ki6j9_184",
11
+ "button-current": "awsui_button-current_fvjdu_ki6j9_190",
12
+ "page-item": "awsui_page-item_fvjdu_ki6j9_207",
13
+ "root-disabled": "awsui_root-disabled_fvjdu_ki6j9_225"
14
14
  };
15
15
 
@@ -1,32 +1,32 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "segment__path": "awsui_segment__path_1edmh_18vxs_103",
5
- "segment": "awsui_segment_1edmh_18vxs_103",
6
- "segment__hover": "awsui_segment__hover_1edmh_18vxs_130",
7
- "label": "awsui_label_1edmh_18vxs_144",
8
- "root": "awsui_root_1edmh_18vxs_162",
9
- "content": "awsui_content_1edmh_18vxs_166",
10
- "content--small": "awsui_content--small_1edmh_18vxs_166",
11
- "content--fit-height": "awsui_content--fit-height_1edmh_18vxs_169",
12
- "content--without-labels": "awsui_content--without-labels_1edmh_18vxs_172",
13
- "content--medium": "awsui_content--medium_1edmh_18vxs_178",
14
- "content--large": "awsui_content--large_1edmh_18vxs_190",
15
- "status-container": "awsui_status-container_1edmh_18vxs_207",
16
- "chart-container": "awsui_chart-container_1edmh_18vxs_211",
17
- "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_18vxs_215",
18
- "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_18vxs_220",
19
- "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_18vxs_223",
20
- "inner-content": "awsui_inner-content_1edmh_18vxs_229",
21
- "segment__highlight": "awsui_segment__highlight_1edmh_18vxs_240",
22
- "segment--dimmed": "awsui_segment--dimmed_1edmh_18vxs_255",
23
- "segment--highlighted": "awsui_segment--highlighted_1edmh_18vxs_258",
24
- "label--dimmed": "awsui_label--dimmed_1edmh_18vxs_275",
25
- "label--align-right": "awsui_label--align-right_1edmh_18vxs_278",
26
- "label-text": "awsui_label-text_1edmh_18vxs_286",
27
- "label__description": "awsui_label__description_1edmh_18vxs_294",
28
- "label-line": "awsui_label-line_1edmh_18vxs_301",
29
- "label--highlighted": "awsui_label--highlighted_1edmh_18vxs_305",
30
- "popover-header": "awsui_popover-header_1edmh_18vxs_309"
4
+ "segment__path": "awsui_segment__path_1edmh_14ng5_101",
5
+ "segment": "awsui_segment_1edmh_14ng5_101",
6
+ "segment__hover": "awsui_segment__hover_1edmh_14ng5_128",
7
+ "label": "awsui_label_1edmh_14ng5_142",
8
+ "root": "awsui_root_1edmh_14ng5_160",
9
+ "content": "awsui_content_1edmh_14ng5_164",
10
+ "content--small": "awsui_content--small_1edmh_14ng5_164",
11
+ "content--fit-height": "awsui_content--fit-height_1edmh_14ng5_167",
12
+ "content--without-labels": "awsui_content--without-labels_1edmh_14ng5_170",
13
+ "content--medium": "awsui_content--medium_1edmh_14ng5_176",
14
+ "content--large": "awsui_content--large_1edmh_14ng5_188",
15
+ "status-container": "awsui_status-container_1edmh_14ng5_205",
16
+ "chart-container": "awsui_chart-container_1edmh_14ng5_209",
17
+ "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_14ng5_213",
18
+ "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_14ng5_218",
19
+ "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_14ng5_221",
20
+ "inner-content": "awsui_inner-content_1edmh_14ng5_227",
21
+ "segment__highlight": "awsui_segment__highlight_1edmh_14ng5_238",
22
+ "segment--dimmed": "awsui_segment--dimmed_1edmh_14ng5_253",
23
+ "segment--highlighted": "awsui_segment--highlighted_1edmh_14ng5_256",
24
+ "label--dimmed": "awsui_label--dimmed_1edmh_14ng5_273",
25
+ "label--align-right": "awsui_label--align-right_1edmh_14ng5_276",
26
+ "label-text": "awsui_label-text_1edmh_14ng5_284",
27
+ "label__description": "awsui_label__description_1edmh_14ng5_292",
28
+ "label-line": "awsui_label-line_1edmh_14ng5_299",
29
+ "label--highlighted": "awsui_label--highlighted_1edmh_14ng5_303",
30
+ "popover-header": "awsui_popover-header_1edmh_14ng5_307"
31
31
  };
32
32
 
@@ -2,8 +2,6 @@
2
2
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  SPDX-License-Identifier: Apache-2.0
4
4
  */
5
- /* stylelint-disable plugin/no-unsupported-browser-features */
6
- /* stylelint-enable plugin/no-unsupported-browser-features */
7
5
  /*
8
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
9
7
  SPDX-License-Identifier: Apache-2.0
@@ -100,57 +98,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
100
98
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
101
99
  SPDX-License-Identifier: Apache-2.0
102
100
  */
103
- .awsui_segment__path_1edmh_18vxs_103:not(#\9) {
101
+ .awsui_segment__path_1edmh_14ng5_101:not(#\9) {
104
102
  transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
105
103
  }
106
104
  @media (prefers-reduced-motion: reduce) {
107
- .awsui_segment__path_1edmh_18vxs_103:not(#\9) {
105
+ .awsui_segment__path_1edmh_14ng5_101:not(#\9) {
108
106
  animation: none;
109
107
  transition: none;
110
108
  }
111
109
  }
112
- .awsui-motion-disabled .awsui_segment__path_1edmh_18vxs_103:not(#\9), .awsui-mode-entering .awsui_segment__path_1edmh_18vxs_103:not(#\9) {
110
+ .awsui-motion-disabled .awsui_segment__path_1edmh_14ng5_101:not(#\9), .awsui-mode-entering .awsui_segment__path_1edmh_14ng5_101:not(#\9) {
113
111
  animation: none;
114
112
  transition: none;
115
113
  }
116
114
 
117
- .awsui_segment_1edmh_18vxs_103:not(#\9) {
115
+ .awsui_segment_1edmh_14ng5_101:not(#\9) {
118
116
  transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
119
117
  }
120
118
  @media (prefers-reduced-motion: reduce) {
121
- .awsui_segment_1edmh_18vxs_103:not(#\9) {
119
+ .awsui_segment_1edmh_14ng5_101:not(#\9) {
122
120
  animation: none;
123
121
  transition: none;
124
122
  }
125
123
  }
126
- .awsui-motion-disabled .awsui_segment_1edmh_18vxs_103:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_18vxs_103:not(#\9) {
124
+ .awsui-motion-disabled .awsui_segment_1edmh_14ng5_101:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_14ng5_101:not(#\9) {
127
125
  animation: none;
128
126
  transition: none;
129
127
  }
130
- .awsui_segment_1edmh_18vxs_103 > .awsui_segment__hover_1edmh_18vxs_130:not(#\9) {
128
+ .awsui_segment_1edmh_14ng5_101 > .awsui_segment__hover_1edmh_14ng5_128:not(#\9) {
131
129
  transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
132
130
  }
133
131
  @media (prefers-reduced-motion: reduce) {
134
- .awsui_segment_1edmh_18vxs_103 > .awsui_segment__hover_1edmh_18vxs_130:not(#\9) {
132
+ .awsui_segment_1edmh_14ng5_101 > .awsui_segment__hover_1edmh_14ng5_128:not(#\9) {
135
133
  animation: none;
136
134
  transition: none;
137
135
  }
138
136
  }
139
- .awsui-motion-disabled .awsui_segment_1edmh_18vxs_103 > .awsui_segment__hover_1edmh_18vxs_130:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_18vxs_103 > .awsui_segment__hover_1edmh_18vxs_130:not(#\9) {
137
+ .awsui-motion-disabled .awsui_segment_1edmh_14ng5_101 > .awsui_segment__hover_1edmh_14ng5_128:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_14ng5_101 > .awsui_segment__hover_1edmh_14ng5_128:not(#\9) {
140
138
  animation: none;
141
139
  transition: none;
142
140
  }
143
141
 
144
- .awsui_label_1edmh_18vxs_144:not(#\9) {
142
+ .awsui_label_1edmh_14ng5_142:not(#\9) {
145
143
  transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
146
144
  }
147
145
  @media (prefers-reduced-motion: reduce) {
148
- .awsui_label_1edmh_18vxs_144:not(#\9) {
146
+ .awsui_label_1edmh_14ng5_142:not(#\9) {
149
147
  animation: none;
150
148
  transition: none;
151
149
  }
152
150
  }
153
- .awsui-motion-disabled .awsui_label_1edmh_18vxs_144:not(#\9), .awsui-mode-entering .awsui_label_1edmh_18vxs_144:not(#\9) {
151
+ .awsui-motion-disabled .awsui_label_1edmh_14ng5_142:not(#\9), .awsui-mode-entering .awsui_label_1edmh_14ng5_142:not(#\9) {
154
152
  animation: none;
155
153
  transition: none;
156
154
  }
@@ -159,74 +157,74 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
159
157
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
160
158
  SPDX-License-Identifier: Apache-2.0
161
159
  */
162
- .awsui_root_1edmh_18vxs_162:not(#\9) {
160
+ .awsui_root_1edmh_14ng5_160:not(#\9) {
163
161
  /* used in test-utils */
164
162
  }
165
163
 
166
- .awsui_content_1edmh_18vxs_166.awsui_content--small_1edmh_18vxs_166:not(#\9) {
164
+ .awsui_content_1edmh_14ng5_164.awsui_content--small_1edmh_14ng5_164:not(#\9) {
167
165
  min-block-size: calc(2 * (50px + var(--space-xs-zb16t3, 8px) + calc(2 * var(--line-height-body-m-30ar75, 20px))));
168
166
  }
169
- .awsui_content_1edmh_18vxs_166.awsui_content--small_1edmh_18vxs_166.awsui_content--fit-height_1edmh_18vxs_169:not(#\9) {
167
+ .awsui_content_1edmh_14ng5_164.awsui_content--small_1edmh_14ng5_164.awsui_content--fit-height_1edmh_14ng5_167:not(#\9) {
170
168
  min-block-size: calc(2 * (30px + calc(2 * var(--line-height-body-m-30ar75, 20px))));
171
169
  }
172
- .awsui_content_1edmh_18vxs_166.awsui_content--small_1edmh_18vxs_166.awsui_content--without-labels_1edmh_18vxs_172:not(#\9) {
170
+ .awsui_content_1edmh_14ng5_164.awsui_content--small_1edmh_14ng5_164.awsui_content--without-labels_1edmh_14ng5_170:not(#\9) {
173
171
  min-block-size: calc(2 * (50px + var(--space-xs-zb16t3, 8px)));
174
172
  }
175
- .awsui_content_1edmh_18vxs_166.awsui_content--small_1edmh_18vxs_166.awsui_content--without-labels_1edmh_18vxs_172.awsui_content--fit-height_1edmh_18vxs_169:not(#\9) {
173
+ .awsui_content_1edmh_14ng5_164.awsui_content--small_1edmh_14ng5_164.awsui_content--without-labels_1edmh_14ng5_170.awsui_content--fit-height_1edmh_14ng5_167:not(#\9) {
176
174
  min-block-size: calc(2 * (30px));
177
175
  }
178
- .awsui_content_1edmh_18vxs_166.awsui_content--medium_1edmh_18vxs_178:not(#\9) {
176
+ .awsui_content_1edmh_14ng5_164.awsui_content--medium_1edmh_14ng5_176:not(#\9) {
179
177
  min-block-size: calc(2 * (100px + var(--space-s-34lx8l, 12px) + calc(2 * var(--line-height-body-m-30ar75, 20px))));
180
178
  }
181
- .awsui_content_1edmh_18vxs_166.awsui_content--medium_1edmh_18vxs_178.awsui_content--fit-height_1edmh_18vxs_169:not(#\9) {
179
+ .awsui_content_1edmh_14ng5_164.awsui_content--medium_1edmh_14ng5_176.awsui_content--fit-height_1edmh_14ng5_167:not(#\9) {
182
180
  min-block-size: calc(2 * (100px + calc(2 * var(--line-height-body-m-30ar75, 20px))));
183
181
  }
184
- .awsui_content_1edmh_18vxs_166.awsui_content--medium_1edmh_18vxs_178.awsui_content--without-labels_1edmh_18vxs_172:not(#\9) {
182
+ .awsui_content_1edmh_14ng5_164.awsui_content--medium_1edmh_14ng5_176.awsui_content--without-labels_1edmh_14ng5_170:not(#\9) {
185
183
  min-block-size: calc(2 * (100px + var(--space-s-34lx8l, 12px)));
186
184
  }
187
- .awsui_content_1edmh_18vxs_166.awsui_content--medium_1edmh_18vxs_178.awsui_content--without-labels_1edmh_18vxs_172.awsui_content--fit-height_1edmh_18vxs_169:not(#\9) {
185
+ .awsui_content_1edmh_14ng5_164.awsui_content--medium_1edmh_14ng5_176.awsui_content--without-labels_1edmh_14ng5_170.awsui_content--fit-height_1edmh_14ng5_167:not(#\9) {
188
186
  min-block-size: calc(2 * (100px));
189
187
  }
190
- .awsui_content_1edmh_18vxs_166.awsui_content--large_1edmh_18vxs_190:not(#\9) {
188
+ .awsui_content_1edmh_14ng5_164.awsui_content--large_1edmh_14ng5_188:not(#\9) {
191
189
  min-block-size: calc(2 * (140px + var(--space-s-34lx8l, 12px) + calc(2 * var(--line-height-body-m-30ar75, 20px))));
192
190
  }
193
- .awsui_content_1edmh_18vxs_166.awsui_content--large_1edmh_18vxs_190.awsui_content--fit-height_1edmh_18vxs_169:not(#\9) {
191
+ .awsui_content_1edmh_14ng5_164.awsui_content--large_1edmh_14ng5_188.awsui_content--fit-height_1edmh_14ng5_167:not(#\9) {
194
192
  min-block-size: calc(2 * (140px + calc(2 * var(--line-height-body-m-30ar75, 20px))));
195
193
  }
196
- .awsui_content_1edmh_18vxs_166.awsui_content--large_1edmh_18vxs_190.awsui_content--without-labels_1edmh_18vxs_172:not(#\9) {
194
+ .awsui_content_1edmh_14ng5_164.awsui_content--large_1edmh_14ng5_188.awsui_content--without-labels_1edmh_14ng5_170:not(#\9) {
197
195
  min-block-size: calc(2 * (140px + var(--space-s-34lx8l, 12px)));
198
196
  }
199
- .awsui_content_1edmh_18vxs_166.awsui_content--large_1edmh_18vxs_190.awsui_content--without-labels_1edmh_18vxs_172.awsui_content--fit-height_1edmh_18vxs_169:not(#\9) {
197
+ .awsui_content_1edmh_14ng5_164.awsui_content--large_1edmh_14ng5_188.awsui_content--without-labels_1edmh_14ng5_170.awsui_content--fit-height_1edmh_14ng5_167:not(#\9) {
200
198
  min-block-size: calc(2 * (140px));
201
199
  }
202
200
 
203
- .awsui_content--fit-height_1edmh_18vxs_169:not(#\9) {
201
+ .awsui_content--fit-height_1edmh_14ng5_167:not(#\9) {
204
202
  flex: 1;
205
203
  }
206
204
 
207
- .awsui_status-container_1edmh_18vxs_207:not(#\9) {
205
+ .awsui_status-container_1edmh_14ng5_205:not(#\9) {
208
206
  /* used in test utils */
209
207
  }
210
208
 
211
- .awsui_chart-container_1edmh_18vxs_211:not(#\9) {
209
+ .awsui_chart-container_1edmh_14ng5_209:not(#\9) {
212
210
  display: flex;
213
211
  flex: 1;
214
212
  }
215
- .awsui_chart-container--fit-height_1edmh_18vxs_215:not(#\9) {
213
+ .awsui_chart-container--fit-height_1edmh_14ng5_213:not(#\9) {
216
214
  block-size: 100%;
217
215
  min-block-size: inherit;
218
216
  }
219
217
 
220
- .awsui_chart-container-chart-plot_1edmh_18vxs_220:not(#\9) {
218
+ .awsui_chart-container-chart-plot_1edmh_14ng5_218:not(#\9) {
221
219
  display: contents;
222
220
  }
223
- .awsui_chart-container-chart-plot--fit-height_1edmh_18vxs_223:not(#\9) {
221
+ .awsui_chart-container-chart-plot--fit-height_1edmh_14ng5_221:not(#\9) {
224
222
  display: block;
225
223
  position: absolute;
226
224
  inset: 0;
227
225
  }
228
226
 
229
- .awsui_inner-content_1edmh_18vxs_229:not(#\9) {
227
+ .awsui_inner-content_1edmh_14ng5_227:not(#\9) {
230
228
  display: flex;
231
229
  position: absolute;
232
230
  flex-direction: column;
@@ -237,53 +235,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
237
235
  pointer-events: none;
238
236
  }
239
237
 
240
- .awsui_segment__highlight_1edmh_18vxs_240:not(#\9) {
238
+ .awsui_segment__highlight_1edmh_14ng5_238:not(#\9) {
241
239
  stroke: none;
242
240
  opacity: 0;
243
241
  }
244
242
 
245
- .awsui_segment_1edmh_18vxs_103:not(#\9) {
243
+ .awsui_segment_1edmh_14ng5_101:not(#\9) {
246
244
  stroke: var(--color-background-container-content-4un1ap, #ffffff);
247
245
  stroke-width: 2px;
248
246
  stroke-linejoin: round;
249
247
  opacity: 1;
250
248
  cursor: pointer;
251
249
  }
252
- .awsui_segment_1edmh_18vxs_103:not(#\9):focus {
250
+ .awsui_segment_1edmh_14ng5_101:not(#\9):focus {
253
251
  outline: none;
254
252
  }
255
- .awsui_segment_1edmh_18vxs_103.awsui_segment--dimmed_1edmh_18vxs_255:not(#\9) {
253
+ .awsui_segment_1edmh_14ng5_101.awsui_segment--dimmed_1edmh_14ng5_253:not(#\9) {
256
254
  opacity: 0.35;
257
255
  }
258
- .awsui_segment_1edmh_18vxs_103.awsui_segment--highlighted_1edmh_18vxs_258 > .awsui_segment__highlight_1edmh_18vxs_240:not(#\9), .awsui_segment_1edmh_18vxs_103:not(#\9):hover:not(.awsui_segment--dimmed_1edmh_18vxs_255) > .awsui_segment__highlight_1edmh_18vxs_240 {
256
+ .awsui_segment_1edmh_14ng5_101.awsui_segment--highlighted_1edmh_14ng5_256 > .awsui_segment__highlight_1edmh_14ng5_238:not(#\9), .awsui_segment_1edmh_14ng5_101:not(#\9):hover:not(.awsui_segment--dimmed_1edmh_14ng5_253) > .awsui_segment__highlight_1edmh_14ng5_238 {
259
257
  opacity: 1;
260
258
  }
261
259
 
262
- .awsui_label_1edmh_18vxs_144:not(#\9) {
260
+ .awsui_label_1edmh_14ng5_142:not(#\9) {
263
261
  color: var(--color-text-heading-default-lstrpn, #000716);
264
262
  opacity: 1;
265
263
  /* stylelint-disable-next-line selector-max-type */
266
264
  /* stylelint-disable-next-line selector-max-type */
267
265
  }
268
- .awsui_label_1edmh_18vxs_144 > line:not(#\9) {
266
+ .awsui_label_1edmh_14ng5_142 > line:not(#\9) {
269
267
  stroke: var(--color-stroke-chart-line-ppq5nh, #7d8998);
270
268
  stroke-width: var(--border-divider-section-width-1061zr, 1px);
271
269
  }
272
- .awsui_label_1edmh_18vxs_144 > div:not(#\9) {
270
+ .awsui_label_1edmh_14ng5_142 > div:not(#\9) {
273
271
  margin-block-start: -0.75em;
274
272
  }
275
- .awsui_label_1edmh_18vxs_144.awsui_label--dimmed_1edmh_18vxs_275:not(#\9) {
273
+ .awsui_label_1edmh_14ng5_142.awsui_label--dimmed_1edmh_14ng5_273:not(#\9) {
276
274
  opacity: 0.35;
277
275
  }
278
- .awsui_label_1edmh_18vxs_144.awsui_label--align-right_1edmh_18vxs_278:not(#\9) {
276
+ .awsui_label_1edmh_14ng5_142.awsui_label--align-right_1edmh_14ng5_276:not(#\9) {
279
277
  /* stylelint-disable-next-line selector-max-type */
280
278
  }
281
- .awsui_label_1edmh_18vxs_144.awsui_label--align-right_1edmh_18vxs_278 > div:not(#\9) {
279
+ .awsui_label_1edmh_14ng5_142.awsui_label--align-right_1edmh_14ng5_276 > div:not(#\9) {
282
280
  text-align: end;
283
281
  }
284
282
 
285
283
  /* stylelint-disable-next-line selector-max-type */
286
- .awsui_label-text_1edmh_18vxs_286 > text:not(#\9) {
284
+ .awsui_label-text_1edmh_14ng5_284 > text:not(#\9) {
287
285
  font-size: var(--font-size-body-m-x4okxb, 14px);
288
286
  line-height: var(--line-height-body-m-30ar75, 20px);
289
287
  font-weight: var(--font-display-label-weight-815ja9, 700);
@@ -291,22 +289,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
291
289
  dominant-baseline: middle;
292
290
  }
293
291
 
294
- text.awsui_label__description_1edmh_18vxs_294:not(#\9) {
292
+ text.awsui_label__description_1edmh_14ng5_292:not(#\9) {
295
293
  font-size: var(--font-chart-detail-size-1n389u, 12px);
296
294
  font-weight: 400;
297
295
  color: var(--color-text-group-label-jpw8sm, #414d5c);
298
296
  fill: var(--color-text-group-label-jpw8sm, #414d5c);
299
297
  }
300
298
 
301
- .awsui_label-line_1edmh_18vxs_301:not(#\9) {
299
+ .awsui_label-line_1edmh_14ng5_299:not(#\9) {
302
300
  /* used in component code */
303
301
  }
304
302
 
305
- .awsui_label--highlighted_1edmh_18vxs_305:not(#\9) {
303
+ .awsui_label--highlighted_1edmh_14ng5_303:not(#\9) {
306
304
  /* used in test-utils */
307
305
  }
308
306
 
309
- .awsui_popover-header_1edmh_18vxs_309:not(#\9) {
307
+ .awsui_popover-header_1edmh_14ng5_307:not(#\9) {
310
308
  display: inline-flex;
311
309
  align-items: flex-start;
312
310
  }
@@ -2,32 +2,32 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "segment__path": "awsui_segment__path_1edmh_18vxs_103",
6
- "segment": "awsui_segment_1edmh_18vxs_103",
7
- "segment__hover": "awsui_segment__hover_1edmh_18vxs_130",
8
- "label": "awsui_label_1edmh_18vxs_144",
9
- "root": "awsui_root_1edmh_18vxs_162",
10
- "content": "awsui_content_1edmh_18vxs_166",
11
- "content--small": "awsui_content--small_1edmh_18vxs_166",
12
- "content--fit-height": "awsui_content--fit-height_1edmh_18vxs_169",
13
- "content--without-labels": "awsui_content--without-labels_1edmh_18vxs_172",
14
- "content--medium": "awsui_content--medium_1edmh_18vxs_178",
15
- "content--large": "awsui_content--large_1edmh_18vxs_190",
16
- "status-container": "awsui_status-container_1edmh_18vxs_207",
17
- "chart-container": "awsui_chart-container_1edmh_18vxs_211",
18
- "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_18vxs_215",
19
- "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_18vxs_220",
20
- "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_18vxs_223",
21
- "inner-content": "awsui_inner-content_1edmh_18vxs_229",
22
- "segment__highlight": "awsui_segment__highlight_1edmh_18vxs_240",
23
- "segment--dimmed": "awsui_segment--dimmed_1edmh_18vxs_255",
24
- "segment--highlighted": "awsui_segment--highlighted_1edmh_18vxs_258",
25
- "label--dimmed": "awsui_label--dimmed_1edmh_18vxs_275",
26
- "label--align-right": "awsui_label--align-right_1edmh_18vxs_278",
27
- "label-text": "awsui_label-text_1edmh_18vxs_286",
28
- "label__description": "awsui_label__description_1edmh_18vxs_294",
29
- "label-line": "awsui_label-line_1edmh_18vxs_301",
30
- "label--highlighted": "awsui_label--highlighted_1edmh_18vxs_305",
31
- "popover-header": "awsui_popover-header_1edmh_18vxs_309"
5
+ "segment__path": "awsui_segment__path_1edmh_14ng5_101",
6
+ "segment": "awsui_segment_1edmh_14ng5_101",
7
+ "segment__hover": "awsui_segment__hover_1edmh_14ng5_128",
8
+ "label": "awsui_label_1edmh_14ng5_142",
9
+ "root": "awsui_root_1edmh_14ng5_160",
10
+ "content": "awsui_content_1edmh_14ng5_164",
11
+ "content--small": "awsui_content--small_1edmh_14ng5_164",
12
+ "content--fit-height": "awsui_content--fit-height_1edmh_14ng5_167",
13
+ "content--without-labels": "awsui_content--without-labels_1edmh_14ng5_170",
14
+ "content--medium": "awsui_content--medium_1edmh_14ng5_176",
15
+ "content--large": "awsui_content--large_1edmh_14ng5_188",
16
+ "status-container": "awsui_status-container_1edmh_14ng5_205",
17
+ "chart-container": "awsui_chart-container_1edmh_14ng5_209",
18
+ "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_14ng5_213",
19
+ "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_14ng5_218",
20
+ "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_14ng5_221",
21
+ "inner-content": "awsui_inner-content_1edmh_14ng5_227",
22
+ "segment__highlight": "awsui_segment__highlight_1edmh_14ng5_238",
23
+ "segment--dimmed": "awsui_segment--dimmed_1edmh_14ng5_253",
24
+ "segment--highlighted": "awsui_segment--highlighted_1edmh_14ng5_256",
25
+ "label--dimmed": "awsui_label--dimmed_1edmh_14ng5_273",
26
+ "label--align-right": "awsui_label--align-right_1edmh_14ng5_276",
27
+ "label-text": "awsui_label-text_1edmh_14ng5_284",
28
+ "label__description": "awsui_label__description_1edmh_14ng5_292",
29
+ "label-line": "awsui_label-line_1edmh_14ng5_299",
30
+ "label--highlighted": "awsui_label--highlighted_1edmh_14ng5_303",
31
+ "popover-header": "awsui_popover-header_1edmh_14ng5_307"
32
32
  };
33
33
 
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { PopoverProps } from './interfaces';
3
3
  export { PopoverProps };
4
- export default function Popover({ position, size, fixedWidth, triggerType, dismissButton, renderWithPortal, header, ...rest }: PopoverProps): JSX.Element;
4
+ export default function Popover({ position, size, fixedWidth, triggerType, dismissButton, renderWithPortal, wrapTriggerText, header, ...rest }: PopoverProps): JSX.Element;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/popover/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAkB,EAClB,IAAe,EACf,UAAkB,EAClB,WAAoB,EACpB,aAAoB,EACpB,gBAAwB,EACxB,MAAM,EACN,GAAG,IAAI,EACR,EAAE,YAAY,eAwBd"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/popover/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAkB,EAClB,IAAe,EACf,UAAkB,EAClB,WAAoB,EACpB,aAAoB,EACpB,gBAAwB,EACxB,eAAsB,EACtB,MAAM,EACN,GAAG,IAAI,EACR,EAAE,YAAY,eAyBd"}
package/popover/index.js CHANGED
@@ -9,7 +9,7 @@ import useBaseComponent from '../internal/hooks/use-base-component';
9
9
  import { isDevelopment } from '../internal/is-development';
10
10
  import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
11
11
  export default function Popover(_a) {
12
- var { position = 'right', size = 'medium', fixedWidth = false, triggerType = 'text', dismissButton = true, renderWithPortal = false, header } = _a, rest = __rest(_a, ["position", "size", "fixedWidth", "triggerType", "dismissButton", "renderWithPortal", "header"]);
12
+ var { position = 'right', size = 'medium', fixedWidth = false, triggerType = 'text', dismissButton = true, renderWithPortal = false, wrapTriggerText = true, header } = _a, rest = __rest(_a, ["position", "size", "fixedWidth", "triggerType", "dismissButton", "renderWithPortal", "wrapTriggerText", "header"]);
13
13
  if (isDevelopment) {
14
14
  if (dismissButton && !header) {
15
15
  warnOnce('Popover', `You should provide a \`header\` when \`dismissButton\` is true.`);
@@ -19,7 +19,7 @@ export default function Popover(_a) {
19
19
  props: { dismissButton, fixedWidth, position, renderWithPortal, size, triggerType },
20
20
  });
21
21
  const externalProps = getExternalProps(rest);
22
- return (React.createElement(InternalPopover, Object.assign({ header: header, position: position, size: size, fixedWidth: fixedWidth, triggerType: triggerType, dismissButton: dismissButton, renderWithPortal: renderWithPortal }, externalProps, baseComponentProps)));
22
+ return (React.createElement(InternalPopover, Object.assign({ header: header, position: position, size: size, fixedWidth: fixedWidth, triggerType: triggerType, dismissButton: dismissButton, renderWithPortal: renderWithPortal, wrapTriggerText: wrapTriggerText }, externalProps, baseComponentProps)));
23
23
  }
24
24
  applyDisplayName(Popover, 'Popover');
25
25
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/popover/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAKzE,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EASjB;QATiB,EAC9B,QAAQ,GAAG,OAAO,EAClB,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,MAAM,EACpB,aAAa,GAAG,IAAI,EACpB,gBAAgB,GAAG,KAAK,EACxB,MAAM,OAEO,EADV,IAAI,cARuB,gGAS/B,CADQ;IAEP,IAAI,aAAa,EAAE;QACjB,IAAI,aAAa,IAAI,CAAC,MAAM,EAAE;YAC5B,QAAQ,CAAC,SAAS,EAAE,iEAAiE,CAAC,CAAC;SACxF;KACF;IAED,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,SAAS,EAAE;QACrD,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,IAAI,EAAE,WAAW,EAAE;KACpF,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAO,CACL,oBAAC,eAAe,kBACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,IAC9B,aAAa,EACb,kBAAkB,EACtB,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport InternalPopover from './internal';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { isDevelopment } from '../internal/is-development';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { PopoverProps } from './interfaces';\n\nexport { PopoverProps };\n\nexport default function Popover({\n position = 'right',\n size = 'medium',\n fixedWidth = false,\n triggerType = 'text',\n dismissButton = true,\n renderWithPortal = false,\n header,\n ...rest\n}: PopoverProps) {\n if (isDevelopment) {\n if (dismissButton && !header) {\n warnOnce('Popover', `You should provide a \\`header\\` when \\`dismissButton\\` is true.`);\n }\n }\n\n const baseComponentProps = useBaseComponent('Popover', {\n props: { dismissButton, fixedWidth, position, renderWithPortal, size, triggerType },\n });\n const externalProps = getExternalProps(rest);\n return (\n <InternalPopover\n header={header}\n position={position}\n size={size}\n fixedWidth={fixedWidth}\n triggerType={triggerType}\n dismissButton={dismissButton}\n renderWithPortal={renderWithPortal}\n {...externalProps}\n {...baseComponentProps}\n />\n );\n}\n\napplyDisplayName(Popover, 'Popover');\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/popover/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAKzE,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAUjB;QAViB,EAC9B,QAAQ,GAAG,OAAO,EAClB,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,MAAM,EACpB,aAAa,GAAG,IAAI,EACpB,gBAAgB,GAAG,KAAK,EACxB,eAAe,GAAG,IAAI,EACtB,MAAM,OAEO,EADV,IAAI,cATuB,mHAU/B,CADQ;IAEP,IAAI,aAAa,EAAE;QACjB,IAAI,aAAa,IAAI,CAAC,MAAM,EAAE;YAC5B,QAAQ,CAAC,SAAS,EAAE,iEAAiE,CAAC,CAAC;SACxF;KACF;IAED,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,SAAS,EAAE;QACrD,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,IAAI,EAAE,WAAW,EAAE;KACpF,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAO,CACL,oBAAC,eAAe,kBACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,IAC5B,aAAa,EACb,kBAAkB,EACtB,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport InternalPopover from './internal';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { isDevelopment } from '../internal/is-development';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { PopoverProps } from './interfaces';\n\nexport { PopoverProps };\n\nexport default function Popover({\n position = 'right',\n size = 'medium',\n fixedWidth = false,\n triggerType = 'text',\n dismissButton = true,\n renderWithPortal = false,\n wrapTriggerText = true,\n header,\n ...rest\n}: PopoverProps) {\n if (isDevelopment) {\n if (dismissButton && !header) {\n warnOnce('Popover', `You should provide a \\`header\\` when \\`dismissButton\\` is true.`);\n }\n }\n\n const baseComponentProps = useBaseComponent('Popover', {\n props: { dismissButton, fixedWidth, position, renderWithPortal, size, triggerType },\n });\n const externalProps = getExternalProps(rest);\n return (\n <InternalPopover\n header={header}\n position={position}\n size={size}\n fixedWidth={fixedWidth}\n triggerType={triggerType}\n dismissButton={dismissButton}\n renderWithPortal={renderWithPortal}\n wrapTriggerText={wrapTriggerText}\n {...externalProps}\n {...baseComponentProps}\n />\n );\n}\n\napplyDisplayName(Popover, 'Popover');\n"]}
@@ -27,6 +27,11 @@ export interface PopoverProps extends BaseComponentProps {
27
27
  * that don't have visible text, and to distinguish between multiple triggers with identical visible text.
28
28
  */
29
29
  triggerAriaLabel?: string;
30
+ /**
31
+ * Specifies if the text trigger content should wrap. If you set it to false, it prevents the text from
32
+ * wrapping and truncates it with an ellipsis.
33
+ */
34
+ wrapTriggerText?: boolean;
30
35
  /**
31
36
  * Element that triggers the popover when selected by the user.
32
37
  * @displayname trigger
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/popover/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC;IAEjC;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC;IAEvC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;;;;OAQG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,cAAc,GACd,UAAU,GACV,aAAa,GACb,YAAY,GACZ,WAAW,GACX,UAAU,GACV,eAAe,GACf,cAAc,GACd,aAAa,CAAC;AAElB,MAAM,WAAW,MAAM;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAE9C,yBAAiB,YAAY,CAAC;IAC5B,KAAY,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3D,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,KAAY,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC7C"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/popover/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC;IAEjC;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC;IAEvC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;;;;OAQG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,cAAc,GACd,UAAU,GACV,aAAa,GACb,YAAY,GACZ,WAAW,GACX,UAAU,GACV,eAAe,GACf,cAAc,GACd,aAAa,CAAC;AAElB,MAAM,WAAW,MAAM;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAE9C,yBAAiB,YAAY,CAAC;IAC5B,KAAY,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3D,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,KAAY,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC7C"}