@cloudscape-design/components 3.0.762 → 3.0.764

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 (412) hide show
  1. package/alert/styles.css.js +27 -27
  2. package/alert/styles.scoped.css +58 -58
  3. package/alert/styles.selectors.js +27 -27
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +28 -28
  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 +42 -42
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/classic.js +2 -2
  11. package/app-layout/classic.js.map +1 -1
  12. package/app-layout/drawer/styles.css.js +13 -13
  13. package/app-layout/drawer/styles.scoped.css +30 -30
  14. package/app-layout/drawer/styles.selectors.js +13 -13
  15. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  16. package/app-layout/mobile-toolbar/styles.scoped.css +13 -13
  17. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  18. package/app-layout/styles.css.js +12 -12
  19. package/app-layout/styles.scoped.css +15 -15
  20. package/app-layout/styles.selectors.js +12 -12
  21. package/app-layout/toggles/styles.css.js +2 -2
  22. package/app-layout/toggles/styles.scoped.css +7 -7
  23. package/app-layout/toggles/styles.selectors.js +2 -2
  24. package/app-layout/visual-refresh/navigation.d.ts.map +1 -1
  25. package/app-layout/visual-refresh/navigation.js +1 -1
  26. package/app-layout/visual-refresh/navigation.js.map +1 -1
  27. package/app-layout/visual-refresh/styles.css.js +85 -85
  28. package/app-layout/visual-refresh/styles.scoped.css +201 -201
  29. package/app-layout/visual-refresh/styles.selectors.js +85 -85
  30. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +6 -6
  31. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +7 -7
  32. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +6 -6
  33. package/app-layout/visual-refresh-toolbar/navigation/index.d.ts.map +1 -1
  34. package/app-layout/visual-refresh-toolbar/navigation/index.js +1 -1
  35. package/app-layout/visual-refresh-toolbar/navigation/index.js.map +1 -1
  36. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  37. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +6 -6
  38. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  39. package/app-layout/visual-refresh-toolbar/skeleton/index.js +1 -1
  40. package/app-layout/visual-refresh-toolbar/skeleton/index.js.map +1 -1
  41. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +16 -16
  42. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +37 -37
  43. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +16 -16
  44. package/app-layout/visual-refresh-toolbar/split-panel/index.d.ts.map +1 -1
  45. package/app-layout/visual-refresh-toolbar/split-panel/index.js +5 -3
  46. package/app-layout/visual-refresh-toolbar/split-panel/index.js.map +1 -1
  47. package/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
  48. package/app-layout/visual-refresh-toolbar/toolbar/index.js +15 -4
  49. package/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
  50. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -12
  51. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +21 -17
  52. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -12
  53. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +9 -9
  54. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +36 -36
  55. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +9 -9
  56. package/area-chart/styles.css.js +6 -6
  57. package/area-chart/styles.scoped.css +10 -10
  58. package/area-chart/styles.selectors.js +6 -6
  59. package/attribute-editor/styles.css.js +14 -14
  60. package/attribute-editor/styles.scoped.css +31 -31
  61. package/attribute-editor/styles.selectors.js +14 -14
  62. package/badge/styles.css.js +10 -10
  63. package/badge/styles.scoped.css +22 -22
  64. package/badge/styles.selectors.js +10 -10
  65. package/box/styles.css.js +191 -191
  66. package/box/styles.scoped.css +250 -250
  67. package/box/styles.selectors.js +191 -191
  68. package/breadcrumb-group/implementation.js +1 -1
  69. package/breadcrumb-group/implementation.js.map +1 -1
  70. package/breadcrumb-group/item/styles.css.js +8 -8
  71. package/breadcrumb-group/item/styles.scoped.css +33 -33
  72. package/breadcrumb-group/item/styles.selectors.js +8 -8
  73. package/breadcrumb-group/styles.css.js +9 -8
  74. package/breadcrumb-group/styles.scoped.css +12 -11
  75. package/breadcrumb-group/styles.selectors.js +9 -8
  76. package/button/styles.css.js +20 -20
  77. package/button/styles.scoped.css +245 -245
  78. package/button/styles.selectors.js +20 -20
  79. package/button-dropdown/category-elements/styles.css.js +14 -14
  80. package/button-dropdown/category-elements/styles.scoped.css +35 -35
  81. package/button-dropdown/category-elements/styles.selectors.js +14 -14
  82. package/button-dropdown/item-element/styles.css.js +13 -13
  83. package/button-dropdown/item-element/styles.scoped.css +36 -36
  84. package/button-dropdown/item-element/styles.selectors.js +13 -13
  85. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  86. package/button-dropdown/mobile-expandable-group/styles.scoped.css +7 -7
  87. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  88. package/button-dropdown/styles.css.js +17 -17
  89. package/button-dropdown/styles.scoped.css +28 -28
  90. package/button-dropdown/styles.selectors.js +17 -17
  91. package/button-group/styles.css.js +4 -4
  92. package/button-group/styles.scoped.css +6 -6
  93. package/button-group/styles.selectors.js +4 -4
  94. package/calendar/styles.css.js +21 -21
  95. package/calendar/styles.scoped.css +60 -60
  96. package/calendar/styles.selectors.js +21 -21
  97. package/cards/styles.css.js +39 -39
  98. package/cards/styles.scoped.css +60 -60
  99. package/cards/styles.selectors.js +39 -39
  100. package/checkbox/styles.css.js +3 -3
  101. package/checkbox/styles.scoped.css +7 -7
  102. package/checkbox/styles.selectors.js +3 -3
  103. package/code-editor/resizable-box/styles.css.js +3 -3
  104. package/code-editor/resizable-box/styles.scoped.css +8 -8
  105. package/code-editor/resizable-box/styles.selectors.js +3 -3
  106. package/code-editor/styles.css.js +33 -33
  107. package/code-editor/styles.scoped.css +209 -209
  108. package/code-editor/styles.selectors.js +33 -33
  109. package/collection-preferences/content-display/styles.css.js +11 -11
  110. package/collection-preferences/content-display/styles.scoped.css +24 -24
  111. package/collection-preferences/content-display/styles.selectors.js +11 -11
  112. package/collection-preferences/styles.css.js +37 -37
  113. package/collection-preferences/styles.scoped.css +55 -55
  114. package/collection-preferences/styles.selectors.js +37 -37
  115. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  116. package/column-layout/flexible-column-layout/styles.scoped.css +6 -6
  117. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  118. package/column-layout/styles.css.js +13 -13
  119. package/column-layout/styles.scoped.css +47 -47
  120. package/column-layout/styles.selectors.js +13 -13
  121. package/container/styles.css.js +30 -30
  122. package/container/styles.scoped.css +66 -66
  123. package/container/styles.selectors.js +30 -30
  124. package/container/use-sticky-header.d.ts.map +1 -1
  125. package/container/use-sticky-header.js +1 -1
  126. package/container/use-sticky-header.js.map +1 -1
  127. package/content-layout/styles.css.js +14 -14
  128. package/content-layout/styles.scoped.css +19 -19
  129. package/content-layout/styles.selectors.js +14 -14
  130. package/date-picker/styles.css.js +7 -7
  131. package/date-picker/styles.scoped.css +11 -11
  132. package/date-picker/styles.selectors.js +7 -7
  133. package/date-range-picker/calendar/grids/styles.css.js +28 -28
  134. package/date-range-picker/calendar/grids/styles.scoped.css +62 -62
  135. package/date-range-picker/calendar/grids/styles.selectors.js +28 -28
  136. package/date-range-picker/styles.css.js +39 -39
  137. package/date-range-picker/styles.scoped.css +56 -56
  138. package/date-range-picker/styles.selectors.js +39 -39
  139. package/drawer/styles.css.js +4 -4
  140. package/drawer/styles.scoped.css +13 -13
  141. package/drawer/styles.selectors.js +4 -4
  142. package/expandable-section/styles.css.js +34 -34
  143. package/expandable-section/styles.scoped.css +76 -76
  144. package/expandable-section/styles.selectors.js +34 -34
  145. package/file-upload/dropzone/styles.css.js +2 -2
  146. package/file-upload/dropzone/styles.scoped.css +6 -6
  147. package/file-upload/dropzone/styles.selectors.js +2 -2
  148. package/file-upload/file-input/styles.css.js +4 -4
  149. package/file-upload/file-input/styles.scoped.css +8 -8
  150. package/file-upload/file-input/styles.selectors.js +4 -4
  151. package/flashbar/collapsible-flashbar.js +1 -1
  152. package/flashbar/collapsible-flashbar.js.map +1 -1
  153. package/flashbar/styles.css.js +50 -50
  154. package/flashbar/styles.scoped.css +164 -164
  155. package/flashbar/styles.selectors.js +50 -50
  156. package/form/styles.css.js +8 -8
  157. package/form/styles.scoped.css +9 -9
  158. package/form/styles.selectors.js +8 -8
  159. package/form-field/styles.css.js +24 -24
  160. package/form-field/styles.scoped.css +44 -44
  161. package/form-field/styles.selectors.js +24 -24
  162. package/grid/styles.css.js +53 -53
  163. package/grid/styles.scoped.css +55 -55
  164. package/grid/styles.selectors.js +53 -53
  165. package/header/styles.css.js +34 -34
  166. package/header/styles.scoped.css +54 -54
  167. package/header/styles.selectors.js +34 -34
  168. package/help-panel/styles.css.js +5 -5
  169. package/help-panel/styles.scoped.css +85 -85
  170. package/help-panel/styles.selectors.js +5 -5
  171. package/icon/generated/icons.js +224 -231
  172. package/icon/generated/icons.js.map +1 -1
  173. package/icon/styles.css.js +38 -38
  174. package/icon/styles.scoped.css +103 -100
  175. package/icon/styles.selectors.js +38 -38
  176. package/input/styles.css.js +13 -13
  177. package/input/styles.scoped.css +63 -63
  178. package/input/styles.selectors.js +13 -13
  179. package/internal/base-component/styles.scoped.css +1163 -1163
  180. package/internal/components/abstract-switch/styles.css.js +13 -13
  181. package/internal/components/abstract-switch/styles.scoped.css +23 -23
  182. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  183. package/internal/components/button-trigger/styles.css.js +13 -13
  184. package/internal/components/button-trigger/styles.scoped.css +55 -55
  185. package/internal/components/button-trigger/styles.selectors.js +13 -13
  186. package/internal/components/cartesian-chart/styles.css.js +27 -27
  187. package/internal/components/cartesian-chart/styles.scoped.css +38 -38
  188. package/internal/components/cartesian-chart/styles.selectors.js +27 -27
  189. package/internal/components/chart-filter/styles.css.js +3 -3
  190. package/internal/components/chart-filter/styles.scoped.css +4 -4
  191. package/internal/components/chart-filter/styles.selectors.js +3 -3
  192. package/internal/components/chart-legend/styles.css.js +6 -6
  193. package/internal/components/chart-legend/styles.scoped.css +17 -17
  194. package/internal/components/chart-legend/styles.selectors.js +6 -6
  195. package/internal/components/chart-plot/styles.css.js +5 -5
  196. package/internal/components/chart-plot/styles.scoped.css +6 -6
  197. package/internal/components/chart-plot/styles.selectors.js +5 -5
  198. package/internal/components/chart-popover/styles.css.js +3 -3
  199. package/internal/components/chart-popover/styles.scoped.css +4 -4
  200. package/internal/components/chart-popover/styles.selectors.js +3 -3
  201. package/internal/components/chart-popover-footer/styles.css.js +1 -1
  202. package/internal/components/chart-popover-footer/styles.scoped.css +3 -3
  203. package/internal/components/chart-popover-footer/styles.selectors.js +1 -1
  204. package/internal/components/chart-series-details/styles.css.js +20 -20
  205. package/internal/components/chart-series-details/styles.scoped.css +38 -38
  206. package/internal/components/chart-series-details/styles.selectors.js +20 -20
  207. package/internal/components/chart-series-marker/styles.css.js +5 -5
  208. package/internal/components/chart-series-marker/styles.scoped.css +9 -9
  209. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  210. package/internal/components/chart-status-container/styles.css.js +2 -2
  211. package/internal/components/chart-status-container/styles.scoped.css +3 -3
  212. package/internal/components/chart-status-container/styles.selectors.js +2 -2
  213. package/internal/components/chart-wrapper/styles.css.js +9 -9
  214. package/internal/components/chart-wrapper/styles.scoped.css +10 -10
  215. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  216. package/internal/components/checkbox-icon/styles.css.js +9 -9
  217. package/internal/components/checkbox-icon/styles.scoped.css +18 -18
  218. package/internal/components/checkbox-icon/styles.selectors.js +9 -9
  219. package/internal/components/dropdown/styles.css.js +20 -20
  220. package/internal/components/dropdown/styles.scoped.css +42 -42
  221. package/internal/components/dropdown/styles.selectors.js +20 -20
  222. package/internal/components/dropdown-footer/styles.css.js +3 -3
  223. package/internal/components/dropdown-footer/styles.scoped.css +5 -5
  224. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  225. package/internal/components/dropdown-status/styles.css.js +2 -2
  226. package/internal/components/dropdown-status/styles.scoped.css +4 -4
  227. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  228. package/internal/components/handle/styles.css.js +2 -2
  229. package/internal/components/handle/styles.scoped.css +9 -9
  230. package/internal/components/handle/styles.selectors.js +2 -2
  231. package/internal/components/menu-dropdown/styles.css.js +7 -7
  232. package/internal/components/menu-dropdown/styles.scoped.css +19 -19
  233. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  234. package/internal/components/option/styles.css.js +17 -17
  235. package/internal/components/option/styles.scoped.css +37 -37
  236. package/internal/components/option/styles.selectors.js +17 -17
  237. package/internal/components/options-list/index.d.ts.map +1 -1
  238. package/internal/components/options-list/index.js +1 -1
  239. package/internal/components/options-list/index.js.map +1 -1
  240. package/internal/components/options-list/styles.css.js +2 -2
  241. package/internal/components/options-list/styles.scoped.css +3 -3
  242. package/internal/components/options-list/styles.selectors.js +2 -2
  243. package/internal/components/panel-resize-handle/styles.css.js +5 -5
  244. package/internal/components/panel-resize-handle/styles.scoped.css +13 -13
  245. package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
  246. package/internal/components/selectable-item/styles.css.js +16 -16
  247. package/internal/components/selectable-item/styles.scoped.css +49 -49
  248. package/internal/components/selectable-item/styles.selectors.js +16 -16
  249. package/internal/components/token-list/styles.css.js +9 -9
  250. package/internal/components/token-list/styles.scoped.css +28 -28
  251. package/internal/components/token-list/styles.selectors.js +9 -9
  252. package/internal/components/visual-context/index.js +1 -1
  253. package/internal/components/visual-context/index.js.map +1 -1
  254. package/internal/environment.js +1 -1
  255. package/internal/environment.json +1 -1
  256. package/internal/generated/styles/tokens.js +292 -292
  257. package/internal/generated/theming/index.cjs +400 -400
  258. package/internal/generated/theming/index.js +400 -400
  259. package/internal/manifest.json +1 -1
  260. package/internal/utils/dom.d.ts +0 -1
  261. package/internal/utils/dom.d.ts.map +1 -1
  262. package/internal/utils/dom.js +1 -13
  263. package/internal/utils/dom.js.map +1 -1
  264. package/internal/utils/node-belongs.js +2 -2
  265. package/internal/utils/node-belongs.js.map +1 -1
  266. package/internal/utils/scrollable-containers.d.ts.map +1 -1
  267. package/internal/utils/scrollable-containers.js +1 -1
  268. package/internal/utils/scrollable-containers.js.map +1 -1
  269. package/key-value-pairs/styles.css.js +8 -8
  270. package/key-value-pairs/styles.scoped.css +13 -13
  271. package/key-value-pairs/styles.selectors.js +8 -8
  272. package/link/styles.css.js +20 -20
  273. package/link/styles.scoped.css +100 -100
  274. package/link/styles.selectors.js +20 -20
  275. package/modal/styles.css.js +23 -23
  276. package/modal/styles.scoped.css +45 -45
  277. package/modal/styles.selectors.js +23 -23
  278. package/multiselect/styles.css.js +2 -2
  279. package/multiselect/styles.scoped.css +3 -3
  280. package/multiselect/styles.selectors.js +2 -2
  281. package/package.json +1 -1
  282. package/pagination/styles.css.js +9 -9
  283. package/pagination/styles.scoped.css +38 -38
  284. package/pagination/styles.selectors.js +9 -9
  285. package/pie-chart/styles.css.js +27 -27
  286. package/pie-chart/styles.scoped.css +54 -54
  287. package/pie-chart/styles.selectors.js +27 -27
  288. package/popover/styles.css.js +52 -52
  289. package/popover/styles.scoped.css +85 -85
  290. package/popover/styles.selectors.js +52 -52
  291. package/progress-bar/styles.css.js +19 -19
  292. package/progress-bar/styles.scoped.css +38 -38
  293. package/progress-bar/styles.selectors.js +19 -19
  294. package/prompt-input/styles.css.js +8 -8
  295. package/prompt-input/styles.scoped.css +45 -45
  296. package/prompt-input/styles.selectors.js +8 -8
  297. package/property-filter/filtering-token/styles.css.js +18 -18
  298. package/property-filter/filtering-token/styles.scoped.css +55 -55
  299. package/property-filter/filtering-token/styles.selectors.js +18 -18
  300. package/property-filter/styles.css.js +38 -38
  301. package/property-filter/styles.scoped.css +48 -48
  302. package/property-filter/styles.selectors.js +38 -38
  303. package/radio-group/styles.css.js +10 -10
  304. package/radio-group/styles.scoped.css +28 -28
  305. package/radio-group/styles.selectors.js +10 -10
  306. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  307. package/s3-resource-selector/s3-in-context/styles.scoped.css +9 -9
  308. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  309. package/s3-resource-selector/s3-modal/styles.css.js +3 -3
  310. package/s3-resource-selector/s3-modal/styles.scoped.css +4 -4
  311. package/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
  312. package/segmented-control/styles.css.js +15 -15
  313. package/segmented-control/styles.scoped.css +53 -53
  314. package/segmented-control/styles.selectors.js +15 -15
  315. package/select/parts/styles.css.js +21 -21
  316. package/select/parts/styles.scoped.css +34 -34
  317. package/select/parts/styles.selectors.js +21 -21
  318. package/select/styles.css.js +1 -1
  319. package/select/styles.scoped.css +2 -2
  320. package/select/styles.selectors.js +1 -1
  321. package/side-navigation/styles.css.js +30 -30
  322. package/side-navigation/styles.scoped.css +51 -51
  323. package/side-navigation/styles.selectors.js +30 -30
  324. package/slider/styles.css.js +26 -26
  325. package/slider/styles.scoped.css +152 -152
  326. package/slider/styles.selectors.js +26 -26
  327. package/spinner/styles.css.js +13 -13
  328. package/spinner/styles.scoped.css +21 -21
  329. package/spinner/styles.selectors.js +13 -13
  330. package/split-panel/icons/styles.css.js +22 -22
  331. package/split-panel/icons/styles.scoped.css +47 -47
  332. package/split-panel/icons/styles.selectors.js +22 -22
  333. package/split-panel/styles.css.js +26 -26
  334. package/split-panel/styles.scoped.css +54 -54
  335. package/split-panel/styles.selectors.js +26 -26
  336. package/status-indicator/styles.css.js +23 -23
  337. package/status-indicator/styles.scoped.css +43 -43
  338. package/status-indicator/styles.selectors.js +23 -23
  339. package/table/body-cell/styles.css.js +47 -47
  340. package/table/body-cell/styles.scoped.css +325 -325
  341. package/table/body-cell/styles.selectors.js +47 -47
  342. package/table/expandable-rows/styles.css.js +3 -3
  343. package/table/expandable-rows/styles.scoped.css +18 -18
  344. package/table/expandable-rows/styles.selectors.js +3 -3
  345. package/table/header-cell/styles.css.js +26 -26
  346. package/table/header-cell/styles.scoped.css +83 -83
  347. package/table/header-cell/styles.selectors.js +26 -26
  348. package/table/resizer/index.d.ts.map +1 -1
  349. package/table/resizer/index.js +2 -0
  350. package/table/resizer/index.js.map +1 -1
  351. package/table/resizer/styles.css.js +8 -8
  352. package/table/resizer/styles.scoped.css +21 -21
  353. package/table/resizer/styles.selectors.js +8 -8
  354. package/table/selection/use-selection-focus-move.d.ts.map +1 -1
  355. package/table/selection/use-selection-focus-move.js +1 -1
  356. package/table/selection/use-selection-focus-move.js.map +1 -1
  357. package/table/sticky-header.js +0 -1
  358. package/table/sticky-header.js.map +1 -1
  359. package/table/sticky-scrollbar/styles.css.js +6 -6
  360. package/table/sticky-scrollbar/styles.scoped.css +9 -9
  361. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  362. package/table/styles.css.js +34 -34
  363. package/table/styles.scoped.css +48 -48
  364. package/table/styles.selectors.js +34 -34
  365. package/table/use-row-events.d.ts.map +1 -1
  366. package/table/use-row-events.js +1 -1
  367. package/table/use-row-events.js.map +1 -1
  368. package/tabs/styles.css.js +28 -28
  369. package/tabs/styles.scoped.css +63 -63
  370. package/tabs/styles.selectors.js +28 -28
  371. package/tag-editor/styles.css.js +3 -3
  372. package/tag-editor/styles.scoped.css +15 -15
  373. package/tag-editor/styles.selectors.js +3 -3
  374. package/text-content/styles.css.js +1 -1
  375. package/text-content/styles.scoped.css +71 -71
  376. package/text-content/styles.selectors.js +1 -1
  377. package/text-filter/styles.css.js +3 -3
  378. package/text-filter/styles.scoped.css +5 -5
  379. package/text-filter/styles.selectors.js +3 -3
  380. package/textarea/styles.css.js +5 -5
  381. package/textarea/styles.scoped.css +39 -39
  382. package/textarea/styles.selectors.js +5 -5
  383. package/tiles/styles.css.js +30 -30
  384. package/tiles/styles.scoped.css +88 -88
  385. package/tiles/styles.selectors.js +30 -30
  386. package/toggle/styles.css.js +10 -10
  387. package/toggle/styles.scoped.css +27 -27
  388. package/toggle/styles.selectors.js +10 -10
  389. package/toggle-button/styles.css.js +3 -3
  390. package/toggle-button/styles.scoped.css +6 -6
  391. package/toggle-button/styles.selectors.js +3 -3
  392. package/token-group/styles.css.js +10 -10
  393. package/token-group/styles.scoped.css +45 -45
  394. package/token-group/styles.selectors.js +10 -10
  395. package/top-navigation/1.0-beta/styles.css.js +25 -25
  396. package/top-navigation/1.0-beta/styles.scoped.css +50 -50
  397. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  398. package/top-navigation/styles.css.js +47 -47
  399. package/top-navigation/styles.scoped.css +86 -86
  400. package/top-navigation/styles.selectors.js +47 -47
  401. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  402. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +25 -25
  403. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  404. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  405. package/tutorial-panel/components/tutorial-list/styles.scoped.css +35 -35
  406. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  407. package/tutorial-panel/styles.css.js +1 -1
  408. package/tutorial-panel/styles.scoped.css +2 -2
  409. package/tutorial-panel/styles.selectors.js +1 -1
  410. package/wizard/styles.css.js +30 -30
  411. package/wizard/styles.scoped.css +85 -85
  412. package/wizard/styles.selectors.js +30 -30
package/annotation-context/annotation/styles.scoped.css CHANGED
@@ -186,11 +186,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
187
187
  SPDX-License-Identifier: Apache-2.0
188
188
  */
189
- .awsui_arrow_1hpp3_1jpjr_189:not(#\9) {
189
+ .awsui_arrow_1hpp3_1bgvu_189:not(#\9) {
190
190
  inline-size: 20px;
191
191
  block-size: 10px;
192
192
  }
193
- .awsui_arrow-outer_1hpp3_1jpjr_193:not(#\9), .awsui_arrow-inner_1hpp3_1jpjr_193:not(#\9) {
193
+ .awsui_arrow-outer_1hpp3_1bgvu_193:not(#\9), .awsui_arrow-inner_1hpp3_1bgvu_193:not(#\9) {
194
194
  position: absolute;
195
195
  overflow: hidden;
196
196
  inline-size: 20px;
@@ -199,7 +199,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
199
199
  inset-inline-start: 0;
200
200
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
201
201
  }
202
- .awsui_arrow-outer_1hpp3_1jpjr_193:not(#\9)::after, .awsui_arrow-inner_1hpp3_1jpjr_193:not(#\9)::after {
202
+ .awsui_arrow-outer_1hpp3_1bgvu_193:not(#\9)::after, .awsui_arrow-inner_1hpp3_1bgvu_193:not(#\9)::after {
203
203
  content: "";
204
204
  box-sizing: border-box;
205
205
  display: inline-block;
@@ -215,67 +215,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
215
215
  transform: rotate(45deg);
216
216
  transform-origin: 0 100%;
217
217
  }
218
- .awsui_arrow-outer_1hpp3_1jpjr_193:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_1jpjr_193:not(#\9):dir(rtl)::after {
218
+ .awsui_arrow-outer_1hpp3_1bgvu_193:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_1bgvu_193:not(#\9):dir(rtl)::after {
219
219
  transform: rotate(-45deg);
220
220
  transform-origin: 100% 100%;
221
221
  }
222
- .awsui_arrow-outer_1hpp3_1jpjr_193:not(#\9)::after {
223
- background-color: var(--color-border-status-info-8upc6f, #0972d3);
222
+ .awsui_arrow-outer_1hpp3_1bgvu_193:not(#\9)::after {
223
+ background-color: var(--color-border-status-info-z6pwqy, #006ce0);
224
224
  }
225
- .awsui_arrow-inner_1hpp3_1jpjr_193:not(#\9) {
225
+ .awsui_arrow-inner_1hpp3_1bgvu_193:not(#\9) {
226
226
  inset-block-start: 2px;
227
227
  }
228
- .awsui_arrow-inner_1hpp3_1jpjr_193:not(#\9)::after {
228
+ .awsui_arrow-inner_1hpp3_1bgvu_193:not(#\9)::after {
229
229
  border-start-start-radius: 1px;
230
230
  border-start-end-radius: 0;
231
231
  border-end-start-radius: 0;
232
232
  border-end-end-radius: 0;
233
- background-color: var(--color-background-status-info-mvnbre, #f2f8fd);
233
+ background-color: var(--color-background-status-info-gflgo4, #f0fbff);
234
234
  }
235
- .awsui_arrow-position-right-top_1hpp3_1jpjr_235 > .awsui_arrow-outer_1hpp3_1jpjr_193:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1jpjr_235 > .awsui_arrow-outer_1hpp3_1jpjr_193:not(#\9)::after {
236
- box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
235
+ .awsui_arrow-position-right-top_1hpp3_1bgvu_235 > .awsui_arrow-outer_1hpp3_1bgvu_193:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1bgvu_235 > .awsui_arrow-outer_1hpp3_1bgvu_193:not(#\9)::after {
236
+ box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-u7prpu, rgba(15, 20, 26, 0.12));
237
237
  }
238
- .awsui_arrow-position-left-top_1hpp3_1jpjr_238 > .awsui_arrow-outer_1hpp3_1jpjr_193:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1jpjr_238 > .awsui_arrow-outer_1hpp3_1jpjr_193:not(#\9)::after {
239
- box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
238
+ .awsui_arrow-position-left-top_1hpp3_1bgvu_238 > .awsui_arrow-outer_1hpp3_1bgvu_193:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1bgvu_238 > .awsui_arrow-outer_1hpp3_1bgvu_193:not(#\9)::after {
239
+ box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-u7prpu, rgba(15, 20, 26, 0.12));
240
240
  }
241
- .awsui_arrow-position-top-center_1hpp3_1jpjr_241 > .awsui_arrow-outer_1hpp3_1jpjr_193:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1jpjr_241 > .awsui_arrow-outer_1hpp3_1jpjr_193:not(#\9)::after {
242
- box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
241
+ .awsui_arrow-position-top-center_1hpp3_1bgvu_241 > .awsui_arrow-outer_1hpp3_1bgvu_193:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1bgvu_241 > .awsui_arrow-outer_1hpp3_1bgvu_193:not(#\9)::after {
242
+ box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-u7prpu, rgba(15, 20, 26, 0.12));
243
243
  }
244
- .awsui_arrow-position-bottom-center_1hpp3_1jpjr_244 > .awsui_arrow-outer_1hpp3_1jpjr_193:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1jpjr_244 > .awsui_arrow-outer_1hpp3_1jpjr_193:not(#\9)::after {
245
- box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
244
+ .awsui_arrow-position-bottom-center_1hpp3_1bgvu_244 > .awsui_arrow-outer_1hpp3_1bgvu_193:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1bgvu_244 > .awsui_arrow-outer_1hpp3_1bgvu_193:not(#\9)::after {
245
+ box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-u7prpu, rgba(15, 20, 26, 0.12));
246
246
  }
247
247
 
248
- .awsui_annotation_1hpp3_1jpjr_248:not(#\9),
249
- .awsui_next-button_1hpp3_1jpjr_249:not(#\9),
250
- .awsui_previous-button_1hpp3_1jpjr_250:not(#\9),
251
- .awsui_finish-button_1hpp3_1jpjr_251:not(#\9),
252
- .awsui_header_1hpp3_1jpjr_252:not(#\9),
253
- .awsui_step-counter-content_1hpp3_1jpjr_253:not(#\9),
254
- .awsui_content_1hpp3_1jpjr_254:not(#\9) {
248
+ .awsui_annotation_1hpp3_1bgvu_248:not(#\9),
249
+ .awsui_next-button_1hpp3_1bgvu_249:not(#\9),
250
+ .awsui_previous-button_1hpp3_1bgvu_250:not(#\9),
251
+ .awsui_finish-button_1hpp3_1bgvu_251:not(#\9),
252
+ .awsui_header_1hpp3_1bgvu_252:not(#\9),
253
+ .awsui_step-counter-content_1hpp3_1bgvu_253:not(#\9),
254
+ .awsui_content_1hpp3_1bgvu_254:not(#\9) {
255
255
  /* used in test-utils */
256
256
  }
257
257
 
258
- .awsui_description_1hpp3_1jpjr_258:not(#\9) {
258
+ .awsui_description_1hpp3_1bgvu_258:not(#\9) {
259
259
  overflow: hidden;
260
260
  margin-block-start: var(--space-xxs-p8yyaw, 4px);
261
261
  }
262
262
 
263
- .awsui_actionBar_1hpp3_1jpjr_263:not(#\9) {
263
+ .awsui_actionBar_1hpp3_1bgvu_263:not(#\9) {
264
264
  display: flex;
265
265
  justify-content: space-between;
266
266
  align-items: center;
267
267
  position: relative;
268
268
  }
269
269
 
270
- .awsui_stepCounter_1hpp3_1jpjr_270:not(#\9) {
270
+ .awsui_stepCounter_1hpp3_1bgvu_270:not(#\9) {
271
271
  margin-inline-end: 20px;
272
272
  }
273
273
 
274
- .awsui_divider_1hpp3_1jpjr_274:not(#\9) {
275
- border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
274
+ .awsui_divider_1hpp3_1bgvu_274:not(#\9) {
275
+ border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
276
276
  }
277
277
 
278
- .awsui_hotspot_1hpp3_1jpjr_278:not(#\9) {
278
+ .awsui_hotspot_1hpp3_1bgvu_278:not(#\9) {
279
279
  border-collapse: separate;
280
280
  border-spacing: 0;
281
281
  box-sizing: border-box;
@@ -304,7 +304,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
304
304
  word-spacing: normal;
305
305
  font-size: var(--font-size-body-m-x4okxb, 14px);
306
306
  line-height: var(--line-height-body-m-30ar75, 20px);
307
- color: var(--color-text-body-default-at06ol, #000716);
307
+ color: var(--color-text-body-default-7v1jfn, #0f141a);
308
308
  font-weight: 400;
309
309
  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
310
310
  -webkit-font-smoothing: auto;
@@ -319,17 +319,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
319
319
  inline-size: 16px;
320
320
  block-size: 16px;
321
321
  }
322
- .awsui_hotspot_1hpp3_1jpjr_278:not(#\9):focus {
322
+ .awsui_hotspot_1hpp3_1bgvu_278:not(#\9):focus {
323
323
  outline: none;
324
324
  }
325
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1jpjr_278:not(#\9):focus {
325
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1bgvu_278:not(#\9):focus {
326
326
  position: relative;
327
327
  }
328
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1jpjr_278:not(#\9):focus {
328
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1bgvu_278:not(#\9):focus {
329
329
  outline: 2px dotted transparent;
330
330
  outline-offset: calc(2px - 1px);
331
331
  }
332
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1jpjr_278:not(#\9):focus::before {
332
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1bgvu_278:not(#\9):focus::before {
333
333
  content: " ";
334
334
  display: block;
335
335
  position: absolute;
@@ -341,15 +341,15 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1jpjr_278:not(#\9):focu
341
341
  border-start-end-radius: var(--border-radius-control-circular-focus-ring-w07mub, 4px);
342
342
  border-end-start-radius: var(--border-radius-control-circular-focus-ring-w07mub, 4px);
343
343
  border-end-end-radius: var(--border-radius-control-circular-focus-ring-w07mub, 4px);
344
- box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
344
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
345
345
  }
346
- .awsui_hotspot_1hpp3_1jpjr_278 > .awsui_icon_1hpp3_1jpjr_345:not(#\9) {
346
+ .awsui_hotspot_1hpp3_1bgvu_278 > .awsui_icon_1hpp3_1bgvu_345:not(#\9) {
347
347
  position: relative;
348
- stroke: var(--color-text-link-default-latg1a, #0972d3);
348
+ stroke: var(--color-text-link-default-enwvrt, #006ce0);
349
349
  }
350
- .awsui_hotspot_1hpp3_1jpjr_278:not(#\9):hover > .awsui_icon_1hpp3_1jpjr_345 {
351
- stroke: var(--color-text-link-hover-8j6p14, #033160);
350
+ .awsui_hotspot_1hpp3_1bgvu_278:not(#\9):hover > .awsui_icon_1hpp3_1bgvu_345 {
351
+ stroke: var(--color-text-link-hover-49uoe9, #002b66);
352
352
  }
353
- .awsui_hotspot_1hpp3_1jpjr_278:not(#\9):active > .awsui_icon_1hpp3_1jpjr_345 {
354
- stroke: var(--color-text-link-default-latg1a, #0972d3);
353
+ .awsui_hotspot_1hpp3_1bgvu_278:not(#\9):active > .awsui_icon_1hpp3_1bgvu_345 {
354
+ stroke: var(--color-text-link-default-enwvrt, #006ce0);
355
355
  }
package/annotation-context/annotation/styles.selectors.js CHANGED
@@ -2,29 +2,29 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "arrow": "awsui_arrow_1hpp3_1jpjr_189",
6
- "arrow-outer": "awsui_arrow-outer_1hpp3_1jpjr_193",
7
- "arrow-inner": "awsui_arrow-inner_1hpp3_1jpjr_193",
8
- "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1jpjr_235",
9
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1jpjr_235",
10
- "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1jpjr_238",
11
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1jpjr_238",
12
- "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1jpjr_241",
13
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1jpjr_241",
14
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1jpjr_244",
15
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1jpjr_244",
16
- "annotation": "awsui_annotation_1hpp3_1jpjr_248",
17
- "next-button": "awsui_next-button_1hpp3_1jpjr_249",
18
- "previous-button": "awsui_previous-button_1hpp3_1jpjr_250",
19
- "finish-button": "awsui_finish-button_1hpp3_1jpjr_251",
20
- "header": "awsui_header_1hpp3_1jpjr_252",
21
- "step-counter-content": "awsui_step-counter-content_1hpp3_1jpjr_253",
22
- "content": "awsui_content_1hpp3_1jpjr_254",
23
- "description": "awsui_description_1hpp3_1jpjr_258",
24
- "actionBar": "awsui_actionBar_1hpp3_1jpjr_263",
25
- "stepCounter": "awsui_stepCounter_1hpp3_1jpjr_270",
26
- "divider": "awsui_divider_1hpp3_1jpjr_274",
27
- "hotspot": "awsui_hotspot_1hpp3_1jpjr_278",
28
- "icon": "awsui_icon_1hpp3_1jpjr_345"
5
+ "arrow": "awsui_arrow_1hpp3_1bgvu_189",
6
+ "arrow-outer": "awsui_arrow-outer_1hpp3_1bgvu_193",
7
+ "arrow-inner": "awsui_arrow-inner_1hpp3_1bgvu_193",
8
+ "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1bgvu_235",
9
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1bgvu_235",
10
+ "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1bgvu_238",
11
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1bgvu_238",
12
+ "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1bgvu_241",
13
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1bgvu_241",
14
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1bgvu_244",
15
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1bgvu_244",
16
+ "annotation": "awsui_annotation_1hpp3_1bgvu_248",
17
+ "next-button": "awsui_next-button_1hpp3_1bgvu_249",
18
+ "previous-button": "awsui_previous-button_1hpp3_1bgvu_250",
19
+ "finish-button": "awsui_finish-button_1hpp3_1bgvu_251",
20
+ "header": "awsui_header_1hpp3_1bgvu_252",
21
+ "step-counter-content": "awsui_step-counter-content_1hpp3_1bgvu_253",
22
+ "content": "awsui_content_1hpp3_1bgvu_254",
23
+ "description": "awsui_description_1hpp3_1bgvu_258",
24
+ "actionBar": "awsui_actionBar_1hpp3_1bgvu_263",
25
+ "stepCounter": "awsui_stepCounter_1hpp3_1bgvu_270",
26
+ "divider": "awsui_divider_1hpp3_1bgvu_274",
27
+ "hotspot": "awsui_hotspot_1hpp3_1bgvu_278",
28
+ "icon": "awsui_icon_1hpp3_1bgvu_345"
29
29
  };
30
30
 
package/app-layout/classic.js CHANGED
@@ -4,11 +4,11 @@ import { __rest } from "tslib";
4
4
  import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
5
5
  import clsx from 'clsx';
6
6
  import { useContainerQuery } from '@cloudscape-design/component-toolkit';
7
+ import { findUpUntil } from '@cloudscape-design/component-toolkit/dom';
7
8
  import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
8
9
  import { fireNonCancelableEvent } from '../internal/events';
9
10
  import { useControllable } from '../internal/hooks/use-controllable';
10
11
  import { useMobile } from '../internal/hooks/use-mobile';
11
- import { findUpUntil } from '../internal/utils/dom';
12
12
  import { CONSTRAINED_MAIN_PANEL_MIN_HEIGHT, CONSTRAINED_PAGE_HEIGHT, getSplitPanelDefaultSize, MAIN_PANEL_MIN_HEIGHT, } from '../split-panel/utils/size-utils';
13
13
  import ContentWrapper from './content-wrapper';
14
14
  import { Drawer, DrawerTriggersBar } from './drawer';
@@ -86,7 +86,7 @@ const ClassicAppLayout = React.forwardRef((_a, ref) => {
86
86
  return () => cancelAnimationFrame(id);
87
87
  }, [placement.insetBlockStart, placement.insetBlockEnd]);
88
88
  const contentHeightStyle = {
89
- [disableBodyScroll ? 'height' : 'minHeight']: `calc(100vh - ${headerFooterHeight}px)`,
89
+ [disableBodyScroll ? 'blockSize' : 'minBlockSize']: `calc(100vh - ${headerFooterHeight}px)`,
90
90
  };
91
91
  const [notificationsHeight, notificationsRef] = useContainerQuery(rect => rect.contentBoxHeight);
92
92
  const anyPanelOpen = navigationVisible || toolsVisible || !!activeDrawer;
package/app-layout/classic.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"classic.js","sourceRoot":"","sources":["../../../src/app-layout/classic.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, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nimport { SplitPanelSideToggleProps } from '../internal/context/split-panel-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { findUpUntil } from '../internal/utils/dom';\nimport {\n CONSTRAINED_MAIN_PANEL_MIN_HEIGHT,\n CONSTRAINED_PAGE_HEIGHT,\n getSplitPanelDefaultSize,\n MAIN_PANEL_MIN_HEIGHT,\n} from '../split-panel/utils/size-utils';\nimport ContentWrapper, { ContentWrapperProps } from './content-wrapper';\nimport { Drawer, DrawerTriggersBar } from './drawer';\nimport { ResizableDrawer } from './drawer/resizable-drawer';\nimport { AppLayoutProps, AppLayoutPropsWithDefaults } from './interfaces';\nimport { MobileToolbar } from './mobile-toolbar';\nimport { Notifications } from './notifications';\nimport {\n SideSplitPanelDrawer,\n SPLIT_PANEL_MIN_WIDTH,\n SplitPanelProvider,\n SplitPanelProviderProps,\n} from './split-panel';\nimport { togglesConfig } from './toggles';\nimport { getStickyOffsetVars } from './utils/sticky-offsets';\nimport { TOOLS_DRAWER_ID, useDrawers } from './utils/use-drawers';\nimport { useFocusControl } from './utils/use-focus-control';\nimport { useSplitPanelFocusControl } from './utils/use-split-panel-focus-control';\n\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\nconst ClassicAppLayout = React.forwardRef(\n (\n {\n navigation,\n navigationWidth,\n navigationHide,\n navigationOpen,\n tools,\n toolsWidth,\n toolsHide,\n toolsOpen: controlledToolsOpen,\n breadcrumbs,\n notifications,\n stickyNotifications,\n contentHeader,\n disableContentHeaderOverlap,\n content,\n contentType,\n disableContentPaddings,\n disableBodyScroll,\n maxContentWidth,\n minContentWidth,\n placement,\n ariaLabels,\n splitPanel,\n splitPanelSize: controlledSplitPanelSize,\n splitPanelOpen: controlledSplitPanelOpen,\n splitPanelPreferences: controlledSplitPanelPreferences,\n onSplitPanelPreferencesChange,\n onSplitPanelResize,\n onSplitPanelToggle,\n onNavigationChange,\n onToolsChange,\n drawers: controlledDrawers,\n onDrawerChange,\n activeDrawerId: controlledActiveDrawerId,\n ...rest\n }: AppLayoutPropsWithDefaults,\n ref: React.Ref<AppLayoutProps.Ref>\n ) => {\n // Private API for embedded view mode\n const __embeddedViewMode = Boolean((rest as any).__embeddedViewMode);\n\n const rootRef = useRef<HTMLDivElement>(null);\n const isMobile = useMobile();\n\n const [toolsOpen = false, setToolsOpen] = useControllable(controlledToolsOpen, onToolsChange, false, {\n componentName: 'AppLayout',\n controlledProp: 'toolsOpen',\n changeHandler: 'onToolsChange',\n });\n const onToolsToggle = (open: boolean) => {\n setToolsOpen(open);\n if (hasDrawers) {\n focusDrawersButtons();\n } else {\n focusToolsButtons();\n }\n fireNonCancelableEvent(onToolsChange, { open });\n };\n\n const {\n drawers,\n activeDrawer,\n minDrawerSize,\n activeDrawerSize,\n activeDrawerId,\n ariaLabelsWithDrawers,\n onActiveDrawerChange,\n onActiveDrawerResize,\n } = useDrawers(\n {\n drawers: controlledDrawers,\n onDrawerChange,\n activeDrawerId: controlledActiveDrawerId,\n ...rest,\n },\n ariaLabels,\n {\n disableDrawersMerge: true,\n ariaLabels,\n tools,\n toolsOpen,\n toolsHide,\n toolsWidth,\n onToolsToggle,\n }\n );\n ariaLabels = ariaLabelsWithDrawers;\n const hasDrawers = !!drawers;\n\n const { refs: navigationRefs, setFocus: focusNavButtons } = useFocusControl(navigationOpen);\n const {\n refs: toolsRefs,\n setFocus: focusToolsButtons,\n loseFocus: loseToolsFocus,\n } = useFocusControl(toolsOpen || activeDrawer !== undefined, true);\n const {\n refs: drawerRefs,\n setFocus: focusDrawersButtons,\n loseFocus: loseDrawersFocus,\n } = useFocusControl(!!activeDrawerId, true, activeDrawerId);\n\n const onNavigationToggle = useStableCallback((open: boolean) => {\n focusNavButtons();\n fireNonCancelableEvent(onNavigationChange, { open });\n });\n\n const onNavigationClick = (event: React.MouseEvent) => {\n const hasLink = findUpUntil(\n event.target as HTMLElement,\n node => node.tagName === 'A' && !!(node as HTMLAnchorElement).href\n );\n if (hasLink) {\n onNavigationToggle(false);\n }\n };\n\n useEffect(() => {\n // Close navigation drawer on mobile so that the main content is visible\n if (isMobile) {\n onNavigationToggle(false);\n }\n }, [isMobile, onNavigationToggle]);\n\n const navigationVisible = !navigationHide && navigationOpen;\n const toolsVisible = !toolsHide && toolsOpen;\n\n const [headerFooterHeight, setHeaderFooterHeight] = useState(0);\n // Delay applying changes in header/footer height, as applying them immediately can cause\n // ResizeOberver warnings due to the algorithm thinking that the change might have side-effects\n // further up the tree, therefore blocking notifications to prevent loops\n useEffect(() => {\n const id = requestAnimationFrame(() =>\n setHeaderFooterHeight(placement.insetBlockStart + placement.insetBlockEnd)\n );\n return () => cancelAnimationFrame(id);\n }, [placement.insetBlockStart, placement.insetBlockEnd]);\n const contentHeightStyle = {\n [disableBodyScroll ? 'height' : 'minHeight']: `calc(100vh - ${headerFooterHeight}px)`,\n };\n\n const [notificationsHeight, notificationsRef] = useContainerQuery(rect => rect.contentBoxHeight);\n const anyPanelOpen = navigationVisible || toolsVisible || !!activeDrawer;\n const hasRenderedNotifications = notificationsHeight ? notificationsHeight > 0 : false;\n const stickyNotificationsHeight = stickyNotifications ? notificationsHeight ?? 0 : 0;\n\n const [splitPanelPreferences, setSplitPanelPreferences] = useControllable(\n controlledSplitPanelPreferences,\n onSplitPanelPreferencesChange,\n undefined,\n {\n componentName: 'AppLayout',\n controlledProp: 'splitPanelPreferences',\n changeHandler: 'onSplitPanelPreferencesChange',\n }\n );\n const [splitPanelOpen = false, setSplitPanelOpen] = useControllable(\n controlledSplitPanelOpen,\n onSplitPanelToggle,\n false,\n {\n componentName: 'AppLayout',\n controlledProp: 'splitPanelOpen',\n changeHandler: 'onSplitPanelToggle',\n }\n );\n\n const splitPanelPosition = splitPanelPreferences?.position || 'bottom';\n const [splitPanelReportedToggle, setSplitPanelReportedToggle] = useState<SplitPanelSideToggleProps>({\n displayed: false,\n ariaLabel: undefined,\n });\n const splitPanelDisplayed = !!(splitPanel && (splitPanelReportedToggle.displayed || splitPanelOpen));\n\n const closedDrawerWidth = 40;\n const effectiveNavigationWidth = navigationHide ? 0 : navigationOpen ? navigationWidth : closedDrawerWidth;\n\n const defaultSplitPanelSize = getSplitPanelDefaultSize(splitPanelPosition);\n const [splitPanelSize = defaultSplitPanelSize, setSplitPanelSize] = useControllable(\n controlledSplitPanelSize,\n onSplitPanelResize,\n defaultSplitPanelSize,\n {\n componentName: 'AppLayout',\n controlledProp: 'splitPanelSize',\n changeHandler: 'onSplitPanelResize',\n }\n );\n\n const mainContentRef = useRef<HTMLDivElement>(null);\n const legacyScrollRootRef = useRef<HTMLElement>(null);\n\n const { refs: splitPanelRefs, setLastInteraction: setSplitPanelLastInteraction } = useSplitPanelFocusControl([\n splitPanelPreferences,\n splitPanelOpen,\n ]);\n\n const onSplitPanelPreferencesSet = useCallback(\n (detail: { position: 'side' | 'bottom' }) => {\n setSplitPanelPreferences(detail);\n setSplitPanelLastInteraction({ type: 'position' });\n fireNonCancelableEvent(onSplitPanelPreferencesChange, detail);\n },\n [setSplitPanelPreferences, onSplitPanelPreferencesChange, setSplitPanelLastInteraction]\n );\n const onSplitPanelSizeSet = useCallback(\n (newSize: number) => {\n setSplitPanelSize(newSize);\n fireNonCancelableEvent(onSplitPanelResize, { size: newSize });\n },\n [setSplitPanelSize, onSplitPanelResize]\n );\n\n const onSplitPanelToggleHandler = useCallback(() => {\n setSplitPanelOpen(!splitPanelOpen);\n setSplitPanelLastInteraction({ type: splitPanelOpen ? 'close' : 'open' });\n fireNonCancelableEvent(onSplitPanelToggle, { open: !splitPanelOpen });\n }, [setSplitPanelOpen, splitPanelOpen, onSplitPanelToggle, setSplitPanelLastInteraction]);\n\n const getSplitPanelMaxHeight = useStableCallback(() => {\n if (typeof document === 'undefined') {\n return 0; // render the split panel in its minimum possible size\n } else if (disableBodyScroll && legacyScrollRootRef.current) {\n const availableHeight = legacyScrollRootRef.current.clientHeight;\n return availableHeight < CONSTRAINED_PAGE_HEIGHT ? availableHeight : availableHeight - MAIN_PANEL_MIN_HEIGHT;\n } else {\n const availableHeight =\n document.documentElement.clientHeight - placement.insetBlockStart - placement.insetBlockEnd;\n return availableHeight < CONSTRAINED_PAGE_HEIGHT\n ? availableHeight - CONSTRAINED_MAIN_PANEL_MIN_HEIGHT\n : availableHeight - MAIN_PANEL_MIN_HEIGHT;\n }\n });\n\n const rightDrawerBarWidth = drawers ? (drawers.length > 1 ? closedDrawerWidth : 0) : 0;\n const contentPadding = 80;\n // all content except split-panel + drawers/tools area\n const resizableSpaceAvailable = Math.max(\n 0,\n placement.inlineSize - effectiveNavigationWidth - minContentWidth - contentPadding - rightDrawerBarWidth\n );\n\n const getEffectiveToolsWidth = () => {\n if (activeDrawerSize && activeDrawer) {\n return Math.min(resizableSpaceAvailable, activeDrawerSize);\n }\n\n if (toolsHide || drawers) {\n return 0;\n }\n\n if (toolsOpen) {\n return toolsWidth;\n }\n\n return closedDrawerWidth;\n };\n\n const effectiveToolsWidth = getEffectiveToolsWidth();\n\n // if there is no space to display split panel in the side, force to bottom\n const isSplitPanelForcedPosition =\n isMobile || resizableSpaceAvailable - effectiveToolsWidth < SPLIT_PANEL_MIN_WIDTH;\n const finalSplitPanePosition = isSplitPanelForcedPosition ? 'bottom' : splitPanelPosition;\n\n const splitPaneAvailableOnTheSide = splitPanelDisplayed && finalSplitPanePosition === 'side';\n\n const sideSplitPanelSize = splitPaneAvailableOnTheSide ? (splitPanelOpen ? splitPanelSize : closedDrawerWidth) : 0;\n const sideSplitPanelMaxWidth = Math.max(0, resizableSpaceAvailable - effectiveToolsWidth);\n const drawerMaxSize = Math.max(0, resizableSpaceAvailable - sideSplitPanelSize);\n\n const navigationClosedWidth = navigationHide || isMobile ? 0 : closedDrawerWidth;\n\n const contentMaxWidthStyle = !isMobile ? { maxWidth: maxContentWidth } : undefined;\n\n const [splitPanelReportedSize, setSplitPanelReportedSize] = useState(0);\n const [splitPanelReportedHeaderHeight, setSplitPanelReportedHeaderHeight] = useState(0);\n\n const splitPanelContextProps: SplitPanelProviderProps = {\n topOffset: placement.insetBlockStart + (finalSplitPanePosition === 'bottom' ? stickyNotificationsHeight : 0),\n bottomOffset: placement.insetBlockEnd,\n leftOffset:\n placement.insetInlineStart +\n (isMobile ? 0 : !navigationHide && navigationOpen ? navigationWidth : navigationClosedWidth),\n rightOffset: isMobile ? 0 : placement.insetInlineEnd + effectiveToolsWidth + rightDrawerBarWidth,\n position: finalSplitPanePosition,\n size: splitPanelSize,\n maxWidth: sideSplitPanelMaxWidth,\n getMaxHeight: getSplitPanelMaxHeight,\n disableContentPaddings,\n contentWidthStyles: contentMaxWidthStyle,\n isOpen: splitPanelOpen,\n isForcedPosition: isSplitPanelForcedPosition,\n onResize: onSplitPanelSizeSet,\n onToggle: onSplitPanelToggleHandler,\n onPreferencesChange: onSplitPanelPreferencesSet,\n setSplitPanelToggle: setSplitPanelReportedToggle,\n reportSize: setSplitPanelReportedSize,\n reportHeaderHeight: setSplitPanelReportedHeaderHeight,\n refs: splitPanelRefs,\n };\n const splitPanelWrapped = splitPanel && (\n <SplitPanelProvider {...splitPanelContextProps}>\n {finalSplitPanePosition === 'side' ? (\n <SideSplitPanelDrawer displayed={splitPanelDisplayed}>{splitPanel}</SideSplitPanelDrawer>\n ) : (\n splitPanel\n )}\n </SplitPanelProvider>\n );\n\n const contentWrapperProps: ContentWrapperProps = {\n contentType,\n navigationPadding: navigationHide || !!navigationOpen,\n contentWidthStyles: !isMobile ? { minWidth: minContentWidth, maxWidth: maxContentWidth } : undefined,\n toolsPadding:\n // tools padding is displayed in one of the three cases\n // 1. Nothing on the that screen edge (no tools panel and no split panel)\n toolsHide ||\n (hasDrawers && !activeDrawer && (!splitPanelDisplayed || finalSplitPanePosition !== 'side')) ||\n // 2. Tools panel is present and open\n toolsVisible ||\n // 3. Split panel is open in side position\n (splitPaneAvailableOnTheSide && splitPanelOpen),\n isMobile,\n };\n\n useImperativeHandle(ref, () => ({\n openTools: () => onToolsToggle(true),\n closeNavigationIfNecessary: () => {\n if (isMobile) {\n onNavigationToggle(false);\n }\n },\n focusToolsClose: () => {\n if (hasDrawers) {\n focusDrawersButtons(true);\n } else {\n focusToolsButtons(true);\n }\n },\n focusActiveDrawer: () => focusDrawersButtons(true),\n focusSplitPanel: () => splitPanelRefs.slider.current?.focus(),\n }));\n\n const splitPanelBottomOffset =\n (!splitPanelDisplayed || finalSplitPanePosition !== 'bottom'\n ? undefined\n : splitPanelOpen\n ? splitPanelReportedSize\n : splitPanelReportedHeaderHeight) ?? undefined;\n\n const [mobileBarHeight, mobileBarRef] = useContainerQuery(rect => rect.contentBoxHeight);\n\n return (\n <div\n className={clsx(styles.root, testutilStyles.root, disableBodyScroll && styles['root-no-scroll'])}\n ref={rootRef}\n style={contentHeightStyle}\n >\n {isMobile && !__embeddedViewMode && (!toolsHide || !navigationHide || breadcrumbs) && (\n <MobileToolbar\n anyPanelOpen={anyPanelOpen}\n toggleRefs={{ navigation: navigationRefs.toggle, tools: toolsRefs.toggle }}\n topOffset={placement.insetBlockStart}\n ariaLabels={ariaLabels}\n navigationHide={navigationHide}\n toolsHide={toolsHide}\n onNavigationOpen={() => onNavigationToggle(true)}\n onToolsOpen={() => onToolsToggle(true)}\n unfocusable={anyPanelOpen}\n mobileBarRef={mobileBarRef}\n drawers={drawers}\n activeDrawerId={activeDrawerId}\n onDrawerChange={newDrawerId => {\n onActiveDrawerChange(newDrawerId);\n if (newDrawerId !== activeDrawerId) {\n focusToolsButtons();\n focusDrawersButtons();\n }\n }}\n >\n {breadcrumbs}\n </MobileToolbar>\n )}\n <div className={clsx(styles.layout, disableBodyScroll && styles['layout-no-scroll'])}>\n {!navigationHide && (\n <Drawer\n contentClassName={testutilStyles.navigation}\n toggleClassName={testutilStyles['navigation-toggle']}\n closeClassName={testutilStyles['navigation-close']}\n ariaLabels={togglesConfig.navigation.getLabels(ariaLabels)}\n bottomOffset={placement.insetBlockEnd}\n topOffset={placement.insetBlockStart}\n isMobile={isMobile}\n isOpen={navigationOpen}\n onClick={isMobile ? onNavigationClick : undefined}\n onToggle={onNavigationToggle}\n toggleRefs={navigationRefs}\n type=\"navigation\"\n width={navigationWidth}\n >\n {navigation}\n </Drawer>\n )}\n <main\n ref={legacyScrollRootRef}\n className={clsx(styles['layout-main'], {\n [styles['layout-main-scrollable']]: disableBodyScroll,\n [testutilStyles['disable-body-scroll-root']]: disableBodyScroll,\n [styles.unfocusable]: isMobile && anyPanelOpen,\n })}\n >\n <div\n style={{\n marginBottom: splitPanelBottomOffset,\n }}\n >\n {notifications && (\n <Notifications\n disableContentPaddings={disableContentPaddings}\n testUtilsClassName={testutilStyles.notifications}\n labels={ariaLabels}\n topOffset={disableBodyScroll ? 0 : placement.insetBlockStart}\n sticky={!isMobile && stickyNotifications}\n ref={notificationsRef}\n >\n {notifications}\n </Notifications>\n )}\n {((!isMobile && breadcrumbs) || contentHeader) && (\n <ContentWrapper {...contentWrapperProps}>\n {!isMobile && breadcrumbs && (\n <div className={clsx(testutilStyles.breadcrumbs, styles['breadcrumbs-desktop'])}>{breadcrumbs}</div>\n )}\n {contentHeader && (\n <div\n className={clsx(\n styles['content-header-wrapper'],\n !hasRenderedNotifications && (isMobile || !breadcrumbs) && styles['content-extra-top-padding'],\n !hasRenderedNotifications && !breadcrumbs && styles['content-header-wrapper-first-child'],\n !disableContentHeaderOverlap && styles['content-header-wrapper-overlapped']\n )}\n >\n {contentHeader}\n </div>\n )}\n </ContentWrapper>\n )}\n <ContentWrapper\n {...contentWrapperProps}\n ref={mainContentRef}\n disablePaddings={disableContentPaddings}\n className={clsx(\n !disableContentPaddings && styles['content-wrapper'],\n !disableContentPaddings &&\n (isMobile || !breadcrumbs) &&\n !contentHeader &&\n styles['content-extra-top-padding'],\n testutilStyles.content,\n !disableContentHeaderOverlap && contentHeader && styles['content-overlapped'],\n !hasRenderedNotifications &&\n !breadcrumbs &&\n !isMobile &&\n !contentHeader &&\n styles['content-wrapper-first-child']\n )}\n style={getStickyOffsetVars(\n placement.insetBlockStart,\n placement.insetBlockEnd + (splitPanelBottomOffset || 0),\n `${stickyNotificationsHeight}px`,\n mobileBarHeight && !disableBodyScroll ? `${mobileBarHeight}px` : '0px',\n !!disableBodyScroll,\n isMobile\n )}\n >\n {content}\n </ContentWrapper>\n </div>\n {finalSplitPanePosition === 'bottom' && splitPanelWrapped}\n </main>\n\n {finalSplitPanePosition === 'side' && splitPanelWrapped}\n\n {hasDrawers ? (\n <ResizableDrawer\n contentClassName={clsx(\n activeDrawerId && testutilStyles['active-drawer'],\n activeDrawerId === TOOLS_DRAWER_ID && testutilStyles.tools\n )}\n toggleClassName={testutilStyles['tools-toggle']}\n closeClassName={clsx(\n testutilStyles['active-drawer-close-button'],\n activeDrawerId === TOOLS_DRAWER_ID && testutilStyles['tools-close']\n )}\n ariaLabels={{\n openLabel: activeDrawer?.ariaLabels?.triggerButton,\n closeLabel: activeDrawer?.ariaLabels?.closeButton,\n mainLabel: activeDrawer?.ariaLabels?.drawerName,\n resizeHandle: activeDrawer?.ariaLabels?.resizeHandle,\n }}\n minWidth={minDrawerSize}\n maxWidth={drawerMaxSize}\n width={activeDrawerSize}\n bottomOffset={placement.insetBlockEnd}\n topOffset={placement.insetBlockStart}\n isMobile={isMobile}\n onToggle={isOpen => {\n if (!isOpen) {\n focusToolsButtons();\n focusDrawersButtons();\n onActiveDrawerChange(null);\n }\n }}\n isOpen={true}\n hideOpenButton={true}\n toggleRefs={drawerRefs}\n type=\"tools\"\n onLoseFocus={loseDrawersFocus}\n activeDrawer={activeDrawer}\n onResize={changeDetail => onActiveDrawerResize(changeDetail)}\n refs={drawerRefs}\n toolsContent={drawers?.find(drawer => drawer.id === TOOLS_DRAWER_ID)?.content}\n >\n {activeDrawer?.content}\n </ResizableDrawer>\n ) : (\n !toolsHide && (\n <Drawer\n contentClassName={testutilStyles.tools}\n toggleClassName={testutilStyles['tools-toggle']}\n closeClassName={testutilStyles['tools-close']}\n ariaLabels={togglesConfig.tools.getLabels(ariaLabels)}\n width={toolsWidth}\n bottomOffset={placement.insetBlockEnd}\n topOffset={placement.insetBlockStart}\n isMobile={isMobile}\n onToggle={onToolsToggle}\n isOpen={toolsOpen}\n toggleRefs={toolsRefs}\n type=\"tools\"\n onLoseFocus={loseToolsFocus}\n >\n {tools}\n </Drawer>\n )\n )}\n {hasDrawers && drawers.length > 0 && (\n <DrawerTriggersBar\n drawerRefs={drawerRefs}\n bottomOffset={placement.insetBlockEnd}\n topOffset={placement.insetBlockStart}\n isMobile={isMobile}\n drawers={drawers}\n activeDrawerId={activeDrawerId}\n onDrawerChange={newDrawerId => {\n if (activeDrawerId !== newDrawerId) {\n focusToolsButtons();\n focusDrawersButtons();\n }\n onActiveDrawerChange(newDrawerId);\n }}\n ariaLabels={ariaLabels}\n />\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default ClassicAppLayout;\n"]}
1
+ {"version":3,"file":"classic.js","sourceRoot":"","sources":["../../../src/app-layout/classic.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, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nimport { SplitPanelSideToggleProps } from '../internal/context/split-panel-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport {\n CONSTRAINED_MAIN_PANEL_MIN_HEIGHT,\n CONSTRAINED_PAGE_HEIGHT,\n getSplitPanelDefaultSize,\n MAIN_PANEL_MIN_HEIGHT,\n} from '../split-panel/utils/size-utils';\nimport ContentWrapper, { ContentWrapperProps } from './content-wrapper';\nimport { Drawer, DrawerTriggersBar } from './drawer';\nimport { ResizableDrawer } from './drawer/resizable-drawer';\nimport { AppLayoutProps, AppLayoutPropsWithDefaults } from './interfaces';\nimport { MobileToolbar } from './mobile-toolbar';\nimport { Notifications } from './notifications';\nimport {\n SideSplitPanelDrawer,\n SPLIT_PANEL_MIN_WIDTH,\n SplitPanelProvider,\n SplitPanelProviderProps,\n} from './split-panel';\nimport { togglesConfig } from './toggles';\nimport { getStickyOffsetVars } from './utils/sticky-offsets';\nimport { TOOLS_DRAWER_ID, useDrawers } from './utils/use-drawers';\nimport { useFocusControl } from './utils/use-focus-control';\nimport { useSplitPanelFocusControl } from './utils/use-split-panel-focus-control';\n\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\nconst ClassicAppLayout = React.forwardRef(\n (\n {\n navigation,\n navigationWidth,\n navigationHide,\n navigationOpen,\n tools,\n toolsWidth,\n toolsHide,\n toolsOpen: controlledToolsOpen,\n breadcrumbs,\n notifications,\n stickyNotifications,\n contentHeader,\n disableContentHeaderOverlap,\n content,\n contentType,\n disableContentPaddings,\n disableBodyScroll,\n maxContentWidth,\n minContentWidth,\n placement,\n ariaLabels,\n splitPanel,\n splitPanelSize: controlledSplitPanelSize,\n splitPanelOpen: controlledSplitPanelOpen,\n splitPanelPreferences: controlledSplitPanelPreferences,\n onSplitPanelPreferencesChange,\n onSplitPanelResize,\n onSplitPanelToggle,\n onNavigationChange,\n onToolsChange,\n drawers: controlledDrawers,\n onDrawerChange,\n activeDrawerId: controlledActiveDrawerId,\n ...rest\n }: AppLayoutPropsWithDefaults,\n ref: React.Ref<AppLayoutProps.Ref>\n ) => {\n // Private API for embedded view mode\n const __embeddedViewMode = Boolean((rest as any).__embeddedViewMode);\n\n const rootRef = useRef<HTMLDivElement>(null);\n const isMobile = useMobile();\n\n const [toolsOpen = false, setToolsOpen] = useControllable(controlledToolsOpen, onToolsChange, false, {\n componentName: 'AppLayout',\n controlledProp: 'toolsOpen',\n changeHandler: 'onToolsChange',\n });\n const onToolsToggle = (open: boolean) => {\n setToolsOpen(open);\n if (hasDrawers) {\n focusDrawersButtons();\n } else {\n focusToolsButtons();\n }\n fireNonCancelableEvent(onToolsChange, { open });\n };\n\n const {\n drawers,\n activeDrawer,\n minDrawerSize,\n activeDrawerSize,\n activeDrawerId,\n ariaLabelsWithDrawers,\n onActiveDrawerChange,\n onActiveDrawerResize,\n } = useDrawers(\n {\n drawers: controlledDrawers,\n onDrawerChange,\n activeDrawerId: controlledActiveDrawerId,\n ...rest,\n },\n ariaLabels,\n {\n disableDrawersMerge: true,\n ariaLabels,\n tools,\n toolsOpen,\n toolsHide,\n toolsWidth,\n onToolsToggle,\n }\n );\n ariaLabels = ariaLabelsWithDrawers;\n const hasDrawers = !!drawers;\n\n const { refs: navigationRefs, setFocus: focusNavButtons } = useFocusControl(navigationOpen);\n const {\n refs: toolsRefs,\n setFocus: focusToolsButtons,\n loseFocus: loseToolsFocus,\n } = useFocusControl(toolsOpen || activeDrawer !== undefined, true);\n const {\n refs: drawerRefs,\n setFocus: focusDrawersButtons,\n loseFocus: loseDrawersFocus,\n } = useFocusControl(!!activeDrawerId, true, activeDrawerId);\n\n const onNavigationToggle = useStableCallback((open: boolean) => {\n focusNavButtons();\n fireNonCancelableEvent(onNavigationChange, { open });\n });\n\n const onNavigationClick = (event: React.MouseEvent) => {\n const hasLink = findUpUntil(\n event.target as HTMLElement,\n node => node.tagName === 'A' && !!(node as HTMLAnchorElement).href\n );\n if (hasLink) {\n onNavigationToggle(false);\n }\n };\n\n useEffect(() => {\n // Close navigation drawer on mobile so that the main content is visible\n if (isMobile) {\n onNavigationToggle(false);\n }\n }, [isMobile, onNavigationToggle]);\n\n const navigationVisible = !navigationHide && navigationOpen;\n const toolsVisible = !toolsHide && toolsOpen;\n\n const [headerFooterHeight, setHeaderFooterHeight] = useState(0);\n // Delay applying changes in header/footer height, as applying them immediately can cause\n // ResizeOberver warnings due to the algorithm thinking that the change might have side-effects\n // further up the tree, therefore blocking notifications to prevent loops\n useEffect(() => {\n const id = requestAnimationFrame(() =>\n setHeaderFooterHeight(placement.insetBlockStart + placement.insetBlockEnd)\n );\n return () => cancelAnimationFrame(id);\n }, [placement.insetBlockStart, placement.insetBlockEnd]);\n const contentHeightStyle = {\n [disableBodyScroll ? 'blockSize' : 'minBlockSize']: `calc(100vh - ${headerFooterHeight}px)`,\n };\n\n const [notificationsHeight, notificationsRef] = useContainerQuery(rect => rect.contentBoxHeight);\n const anyPanelOpen = navigationVisible || toolsVisible || !!activeDrawer;\n const hasRenderedNotifications = notificationsHeight ? notificationsHeight > 0 : false;\n const stickyNotificationsHeight = stickyNotifications ? notificationsHeight ?? 0 : 0;\n\n const [splitPanelPreferences, setSplitPanelPreferences] = useControllable(\n controlledSplitPanelPreferences,\n onSplitPanelPreferencesChange,\n undefined,\n {\n componentName: 'AppLayout',\n controlledProp: 'splitPanelPreferences',\n changeHandler: 'onSplitPanelPreferencesChange',\n }\n );\n const [splitPanelOpen = false, setSplitPanelOpen] = useControllable(\n controlledSplitPanelOpen,\n onSplitPanelToggle,\n false,\n {\n componentName: 'AppLayout',\n controlledProp: 'splitPanelOpen',\n changeHandler: 'onSplitPanelToggle',\n }\n );\n\n const splitPanelPosition = splitPanelPreferences?.position || 'bottom';\n const [splitPanelReportedToggle, setSplitPanelReportedToggle] = useState<SplitPanelSideToggleProps>({\n displayed: false,\n ariaLabel: undefined,\n });\n const splitPanelDisplayed = !!(splitPanel && (splitPanelReportedToggle.displayed || splitPanelOpen));\n\n const closedDrawerWidth = 40;\n const effectiveNavigationWidth = navigationHide ? 0 : navigationOpen ? navigationWidth : closedDrawerWidth;\n\n const defaultSplitPanelSize = getSplitPanelDefaultSize(splitPanelPosition);\n const [splitPanelSize = defaultSplitPanelSize, setSplitPanelSize] = useControllable(\n controlledSplitPanelSize,\n onSplitPanelResize,\n defaultSplitPanelSize,\n {\n componentName: 'AppLayout',\n controlledProp: 'splitPanelSize',\n changeHandler: 'onSplitPanelResize',\n }\n );\n\n const mainContentRef = useRef<HTMLDivElement>(null);\n const legacyScrollRootRef = useRef<HTMLElement>(null);\n\n const { refs: splitPanelRefs, setLastInteraction: setSplitPanelLastInteraction } = useSplitPanelFocusControl([\n splitPanelPreferences,\n splitPanelOpen,\n ]);\n\n const onSplitPanelPreferencesSet = useCallback(\n (detail: { position: 'side' | 'bottom' }) => {\n setSplitPanelPreferences(detail);\n setSplitPanelLastInteraction({ type: 'position' });\n fireNonCancelableEvent(onSplitPanelPreferencesChange, detail);\n },\n [setSplitPanelPreferences, onSplitPanelPreferencesChange, setSplitPanelLastInteraction]\n );\n const onSplitPanelSizeSet = useCallback(\n (newSize: number) => {\n setSplitPanelSize(newSize);\n fireNonCancelableEvent(onSplitPanelResize, { size: newSize });\n },\n [setSplitPanelSize, onSplitPanelResize]\n );\n\n const onSplitPanelToggleHandler = useCallback(() => {\n setSplitPanelOpen(!splitPanelOpen);\n setSplitPanelLastInteraction({ type: splitPanelOpen ? 'close' : 'open' });\n fireNonCancelableEvent(onSplitPanelToggle, { open: !splitPanelOpen });\n }, [setSplitPanelOpen, splitPanelOpen, onSplitPanelToggle, setSplitPanelLastInteraction]);\n\n const getSplitPanelMaxHeight = useStableCallback(() => {\n if (typeof document === 'undefined') {\n return 0; // render the split panel in its minimum possible size\n } else if (disableBodyScroll && legacyScrollRootRef.current) {\n const availableHeight = legacyScrollRootRef.current.clientHeight;\n return availableHeight < CONSTRAINED_PAGE_HEIGHT ? availableHeight : availableHeight - MAIN_PANEL_MIN_HEIGHT;\n } else {\n const availableHeight =\n document.documentElement.clientHeight - placement.insetBlockStart - placement.insetBlockEnd;\n return availableHeight < CONSTRAINED_PAGE_HEIGHT\n ? availableHeight - CONSTRAINED_MAIN_PANEL_MIN_HEIGHT\n : availableHeight - MAIN_PANEL_MIN_HEIGHT;\n }\n });\n\n const rightDrawerBarWidth = drawers ? (drawers.length > 1 ? closedDrawerWidth : 0) : 0;\n const contentPadding = 80;\n // all content except split-panel + drawers/tools area\n const resizableSpaceAvailable = Math.max(\n 0,\n placement.inlineSize - effectiveNavigationWidth - minContentWidth - contentPadding - rightDrawerBarWidth\n );\n\n const getEffectiveToolsWidth = () => {\n if (activeDrawerSize && activeDrawer) {\n return Math.min(resizableSpaceAvailable, activeDrawerSize);\n }\n\n if (toolsHide || drawers) {\n return 0;\n }\n\n if (toolsOpen) {\n return toolsWidth;\n }\n\n return closedDrawerWidth;\n };\n\n const effectiveToolsWidth = getEffectiveToolsWidth();\n\n // if there is no space to display split panel in the side, force to bottom\n const isSplitPanelForcedPosition =\n isMobile || resizableSpaceAvailable - effectiveToolsWidth < SPLIT_PANEL_MIN_WIDTH;\n const finalSplitPanePosition = isSplitPanelForcedPosition ? 'bottom' : splitPanelPosition;\n\n const splitPaneAvailableOnTheSide = splitPanelDisplayed && finalSplitPanePosition === 'side';\n\n const sideSplitPanelSize = splitPaneAvailableOnTheSide ? (splitPanelOpen ? splitPanelSize : closedDrawerWidth) : 0;\n const sideSplitPanelMaxWidth = Math.max(0, resizableSpaceAvailable - effectiveToolsWidth);\n const drawerMaxSize = Math.max(0, resizableSpaceAvailable - sideSplitPanelSize);\n\n const navigationClosedWidth = navigationHide || isMobile ? 0 : closedDrawerWidth;\n\n const contentMaxWidthStyle = !isMobile ? { maxWidth: maxContentWidth } : undefined;\n\n const [splitPanelReportedSize, setSplitPanelReportedSize] = useState(0);\n const [splitPanelReportedHeaderHeight, setSplitPanelReportedHeaderHeight] = useState(0);\n\n const splitPanelContextProps: SplitPanelProviderProps = {\n topOffset: placement.insetBlockStart + (finalSplitPanePosition === 'bottom' ? stickyNotificationsHeight : 0),\n bottomOffset: placement.insetBlockEnd,\n leftOffset:\n placement.insetInlineStart +\n (isMobile ? 0 : !navigationHide && navigationOpen ? navigationWidth : navigationClosedWidth),\n rightOffset: isMobile ? 0 : placement.insetInlineEnd + effectiveToolsWidth + rightDrawerBarWidth,\n position: finalSplitPanePosition,\n size: splitPanelSize,\n maxWidth: sideSplitPanelMaxWidth,\n getMaxHeight: getSplitPanelMaxHeight,\n disableContentPaddings,\n contentWidthStyles: contentMaxWidthStyle,\n isOpen: splitPanelOpen,\n isForcedPosition: isSplitPanelForcedPosition,\n onResize: onSplitPanelSizeSet,\n onToggle: onSplitPanelToggleHandler,\n onPreferencesChange: onSplitPanelPreferencesSet,\n setSplitPanelToggle: setSplitPanelReportedToggle,\n reportSize: setSplitPanelReportedSize,\n reportHeaderHeight: setSplitPanelReportedHeaderHeight,\n refs: splitPanelRefs,\n };\n const splitPanelWrapped = splitPanel && (\n <SplitPanelProvider {...splitPanelContextProps}>\n {finalSplitPanePosition === 'side' ? (\n <SideSplitPanelDrawer displayed={splitPanelDisplayed}>{splitPanel}</SideSplitPanelDrawer>\n ) : (\n splitPanel\n )}\n </SplitPanelProvider>\n );\n\n const contentWrapperProps: ContentWrapperProps = {\n contentType,\n navigationPadding: navigationHide || !!navigationOpen,\n contentWidthStyles: !isMobile ? { minWidth: minContentWidth, maxWidth: maxContentWidth } : undefined,\n toolsPadding:\n // tools padding is displayed in one of the three cases\n // 1. Nothing on the that screen edge (no tools panel and no split panel)\n toolsHide ||\n (hasDrawers && !activeDrawer && (!splitPanelDisplayed || finalSplitPanePosition !== 'side')) ||\n // 2. Tools panel is present and open\n toolsVisible ||\n // 3. Split panel is open in side position\n (splitPaneAvailableOnTheSide && splitPanelOpen),\n isMobile,\n };\n\n useImperativeHandle(ref, () => ({\n openTools: () => onToolsToggle(true),\n closeNavigationIfNecessary: () => {\n if (isMobile) {\n onNavigationToggle(false);\n }\n },\n focusToolsClose: () => {\n if (hasDrawers) {\n focusDrawersButtons(true);\n } else {\n focusToolsButtons(true);\n }\n },\n focusActiveDrawer: () => focusDrawersButtons(true),\n focusSplitPanel: () => splitPanelRefs.slider.current?.focus(),\n }));\n\n const splitPanelBottomOffset =\n (!splitPanelDisplayed || finalSplitPanePosition !== 'bottom'\n ? undefined\n : splitPanelOpen\n ? splitPanelReportedSize\n : splitPanelReportedHeaderHeight) ?? undefined;\n\n const [mobileBarHeight, mobileBarRef] = useContainerQuery(rect => rect.contentBoxHeight);\n\n return (\n <div\n className={clsx(styles.root, testutilStyles.root, disableBodyScroll && styles['root-no-scroll'])}\n ref={rootRef}\n style={contentHeightStyle}\n >\n {isMobile && !__embeddedViewMode && (!toolsHide || !navigationHide || breadcrumbs) && (\n <MobileToolbar\n anyPanelOpen={anyPanelOpen}\n toggleRefs={{ navigation: navigationRefs.toggle, tools: toolsRefs.toggle }}\n topOffset={placement.insetBlockStart}\n ariaLabels={ariaLabels}\n navigationHide={navigationHide}\n toolsHide={toolsHide}\n onNavigationOpen={() => onNavigationToggle(true)}\n onToolsOpen={() => onToolsToggle(true)}\n unfocusable={anyPanelOpen}\n mobileBarRef={mobileBarRef}\n drawers={drawers}\n activeDrawerId={activeDrawerId}\n onDrawerChange={newDrawerId => {\n onActiveDrawerChange(newDrawerId);\n if (newDrawerId !== activeDrawerId) {\n focusToolsButtons();\n focusDrawersButtons();\n }\n }}\n >\n {breadcrumbs}\n </MobileToolbar>\n )}\n <div className={clsx(styles.layout, disableBodyScroll && styles['layout-no-scroll'])}>\n {!navigationHide && (\n <Drawer\n contentClassName={testutilStyles.navigation}\n toggleClassName={testutilStyles['navigation-toggle']}\n closeClassName={testutilStyles['navigation-close']}\n ariaLabels={togglesConfig.navigation.getLabels(ariaLabels)}\n bottomOffset={placement.insetBlockEnd}\n topOffset={placement.insetBlockStart}\n isMobile={isMobile}\n isOpen={navigationOpen}\n onClick={isMobile ? onNavigationClick : undefined}\n onToggle={onNavigationToggle}\n toggleRefs={navigationRefs}\n type=\"navigation\"\n width={navigationWidth}\n >\n {navigation}\n </Drawer>\n )}\n <main\n ref={legacyScrollRootRef}\n className={clsx(styles['layout-main'], {\n [styles['layout-main-scrollable']]: disableBodyScroll,\n [testutilStyles['disable-body-scroll-root']]: disableBodyScroll,\n [styles.unfocusable]: isMobile && anyPanelOpen,\n })}\n >\n <div\n style={{\n marginBottom: splitPanelBottomOffset,\n }}\n >\n {notifications && (\n <Notifications\n disableContentPaddings={disableContentPaddings}\n testUtilsClassName={testutilStyles.notifications}\n labels={ariaLabels}\n topOffset={disableBodyScroll ? 0 : placement.insetBlockStart}\n sticky={!isMobile && stickyNotifications}\n ref={notificationsRef}\n >\n {notifications}\n </Notifications>\n )}\n {((!isMobile && breadcrumbs) || contentHeader) && (\n <ContentWrapper {...contentWrapperProps}>\n {!isMobile && breadcrumbs && (\n <div className={clsx(testutilStyles.breadcrumbs, styles['breadcrumbs-desktop'])}>{breadcrumbs}</div>\n )}\n {contentHeader && (\n <div\n className={clsx(\n styles['content-header-wrapper'],\n !hasRenderedNotifications && (isMobile || !breadcrumbs) && styles['content-extra-top-padding'],\n !hasRenderedNotifications && !breadcrumbs && styles['content-header-wrapper-first-child'],\n !disableContentHeaderOverlap && styles['content-header-wrapper-overlapped']\n )}\n >\n {contentHeader}\n </div>\n )}\n </ContentWrapper>\n )}\n <ContentWrapper\n {...contentWrapperProps}\n ref={mainContentRef}\n disablePaddings={disableContentPaddings}\n className={clsx(\n !disableContentPaddings && styles['content-wrapper'],\n !disableContentPaddings &&\n (isMobile || !breadcrumbs) &&\n !contentHeader &&\n styles['content-extra-top-padding'],\n testutilStyles.content,\n !disableContentHeaderOverlap && contentHeader && styles['content-overlapped'],\n !hasRenderedNotifications &&\n !breadcrumbs &&\n !isMobile &&\n !contentHeader &&\n styles['content-wrapper-first-child']\n )}\n style={getStickyOffsetVars(\n placement.insetBlockStart,\n placement.insetBlockEnd + (splitPanelBottomOffset || 0),\n `${stickyNotificationsHeight}px`,\n mobileBarHeight && !disableBodyScroll ? `${mobileBarHeight}px` : '0px',\n !!disableBodyScroll,\n isMobile\n )}\n >\n {content}\n </ContentWrapper>\n </div>\n {finalSplitPanePosition === 'bottom' && splitPanelWrapped}\n </main>\n\n {finalSplitPanePosition === 'side' && splitPanelWrapped}\n\n {hasDrawers ? (\n <ResizableDrawer\n contentClassName={clsx(\n activeDrawerId && testutilStyles['active-drawer'],\n activeDrawerId === TOOLS_DRAWER_ID && testutilStyles.tools\n )}\n toggleClassName={testutilStyles['tools-toggle']}\n closeClassName={clsx(\n testutilStyles['active-drawer-close-button'],\n activeDrawerId === TOOLS_DRAWER_ID && testutilStyles['tools-close']\n )}\n ariaLabels={{\n openLabel: activeDrawer?.ariaLabels?.triggerButton,\n closeLabel: activeDrawer?.ariaLabels?.closeButton,\n mainLabel: activeDrawer?.ariaLabels?.drawerName,\n resizeHandle: activeDrawer?.ariaLabels?.resizeHandle,\n }}\n minWidth={minDrawerSize}\n maxWidth={drawerMaxSize}\n width={activeDrawerSize}\n bottomOffset={placement.insetBlockEnd}\n topOffset={placement.insetBlockStart}\n isMobile={isMobile}\n onToggle={isOpen => {\n if (!isOpen) {\n focusToolsButtons();\n focusDrawersButtons();\n onActiveDrawerChange(null);\n }\n }}\n isOpen={true}\n hideOpenButton={true}\n toggleRefs={drawerRefs}\n type=\"tools\"\n onLoseFocus={loseDrawersFocus}\n activeDrawer={activeDrawer}\n onResize={changeDetail => onActiveDrawerResize(changeDetail)}\n refs={drawerRefs}\n toolsContent={drawers?.find(drawer => drawer.id === TOOLS_DRAWER_ID)?.content}\n >\n {activeDrawer?.content}\n </ResizableDrawer>\n ) : (\n !toolsHide && (\n <Drawer\n contentClassName={testutilStyles.tools}\n toggleClassName={testutilStyles['tools-toggle']}\n closeClassName={testutilStyles['tools-close']}\n ariaLabels={togglesConfig.tools.getLabels(ariaLabels)}\n width={toolsWidth}\n bottomOffset={placement.insetBlockEnd}\n topOffset={placement.insetBlockStart}\n isMobile={isMobile}\n onToggle={onToolsToggle}\n isOpen={toolsOpen}\n toggleRefs={toolsRefs}\n type=\"tools\"\n onLoseFocus={loseToolsFocus}\n >\n {tools}\n </Drawer>\n )\n )}\n {hasDrawers && drawers.length > 0 && (\n <DrawerTriggersBar\n drawerRefs={drawerRefs}\n bottomOffset={placement.insetBlockEnd}\n topOffset={placement.insetBlockStart}\n isMobile={isMobile}\n drawers={drawers}\n activeDrawerId={activeDrawerId}\n onDrawerChange={newDrawerId => {\n if (activeDrawerId !== newDrawerId) {\n focusToolsButtons();\n focusDrawersButtons();\n }\n onActiveDrawerChange(newDrawerId);\n }}\n ariaLabels={ariaLabels}\n />\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default ClassicAppLayout;\n"]}
package/app-layout/drawer/styles.css.js CHANGED
@@ -1,18 +1,18 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "toggle": "awsui_toggle_1uo6m_e93sg_189",
5
- "drawer-triggers": "awsui_drawer-triggers_1uo6m_e93sg_195",
6
- "drawer": "awsui_drawer_1uo6m_e93sg_195",
7
- "drawer-mobile": "awsui_drawer-mobile_1uo6m_e93sg_205",
8
- "drawer-closed": "awsui_drawer-closed_1uo6m_e93sg_208",
9
- "drawer-content": "awsui_drawer-content_1uo6m_e93sg_215",
10
- "drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_e93sg_227",
11
- "drawer-resize-content": "awsui_drawer-resize-content_1uo6m_e93sg_237",
12
- "drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_e93sg_243",
13
- "drawer-trigger": "awsui_drawer-trigger_1uo6m_e93sg_195",
14
- "drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_e93sg_262",
15
- "resize-handle-wrapper": "awsui_resize-handle-wrapper_1uo6m_e93sg_270",
16
- "hide": "awsui_hide_1uo6m_e93sg_280"
4
+ "toggle": "awsui_toggle_1uo6m_imzwf_189",
5
+ "drawer-triggers": "awsui_drawer-triggers_1uo6m_imzwf_195",
6
+ "drawer": "awsui_drawer_1uo6m_imzwf_195",
7
+ "drawer-mobile": "awsui_drawer-mobile_1uo6m_imzwf_205",
8
+ "drawer-closed": "awsui_drawer-closed_1uo6m_imzwf_208",
9
+ "drawer-content": "awsui_drawer-content_1uo6m_imzwf_215",
10
+ "drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_imzwf_227",
11
+ "drawer-resize-content": "awsui_drawer-resize-content_1uo6m_imzwf_237",
12
+ "drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_imzwf_243",
13
+ "drawer-trigger": "awsui_drawer-trigger_1uo6m_imzwf_195",
14
+ "drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_imzwf_262",
15
+ "resize-handle-wrapper": "awsui_resize-handle-wrapper_1uo6m_imzwf_270",
16
+ "hide": "awsui_hide_1uo6m_imzwf_280"
17
17
  };
18
18
 
package/app-layout/drawer/styles.scoped.css CHANGED
@@ -186,88 +186,88 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
187
187
  SPDX-License-Identifier: Apache-2.0
188
188
  */
189
- .awsui_toggle_1uo6m_e93sg_189:not(#\9) {
189
+ .awsui_toggle_1uo6m_imzwf_189:not(#\9) {
190
190
  box-sizing: border-box;
191
191
  padding-block: var(--space-xxs-p8yyaw, 4px);
192
192
  padding-inline: 7px;
193
193
  }
194
194
 
195
- .awsui_drawer-triggers_1uo6m_e93sg_195:not(#\9) {
195
+ .awsui_drawer-triggers_1uo6m_imzwf_195:not(#\9) {
196
196
  box-sizing: border-box;
197
197
  }
198
198
 
199
- .awsui_drawer_1uo6m_e93sg_195:not(#\9) {
199
+ .awsui_drawer_1uo6m_imzwf_195:not(#\9) {
200
200
  flex-shrink: 0;
201
201
  position: relative;
202
202
  word-wrap: break-word;
203
203
  box-shadow: var(--shadow-panel-g6fkp1, 0px 0px 0px 1px #b6bec9);
204
204
  }
205
- .awsui_drawer_1uo6m_e93sg_195:not(#\9):not(.awsui_drawer-mobile_1uo6m_e93sg_205) {
205
+ .awsui_drawer_1uo6m_imzwf_195:not(#\9):not(.awsui_drawer-mobile_1uo6m_imzwf_205) {
206
206
  z-index: 830;
207
207
  }
208
- .awsui_drawer-closed_1uo6m_e93sg_208:not(#\9) {
208
+ .awsui_drawer-closed_1uo6m_imzwf_208:not(#\9) {
209
209
  min-inline-size: 40px;
210
210
  }
211
- .awsui_drawer-closed_1uo6m_e93sg_208.awsui_drawer-mobile_1uo6m_e93sg_205:not(#\9) {
211
+ .awsui_drawer-closed_1uo6m_imzwf_208.awsui_drawer-mobile_1uo6m_imzwf_205:not(#\9) {
212
212
  display: none;
213
213
  }
214
214
 
215
- .awsui_drawer-content_1uo6m_e93sg_215:not(#\9) {
215
+ .awsui_drawer-content_1uo6m_imzwf_215:not(#\9) {
216
216
  position: fixed;
217
217
  overflow: auto;
218
- background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
218
+ background-color: var(--color-background-layout-panel-content-du0fbw, #ffffff);
219
219
  }
220
- .awsui_drawer-mobile_1uo6m_e93sg_205 > .awsui_drawer-content_1uo6m_e93sg_215:not(#\9) {
220
+ .awsui_drawer-mobile_1uo6m_imzwf_205 > .awsui_drawer-content_1uo6m_imzwf_215:not(#\9) {
221
221
  z-index: 1001;
222
222
  inset: 0;
223
223
  }
224
- .awsui_drawer-closed_1uo6m_e93sg_208 > .awsui_drawer-content_1uo6m_e93sg_215:not(#\9) {
224
+ .awsui_drawer-closed_1uo6m_imzwf_208 > .awsui_drawer-content_1uo6m_imzwf_215:not(#\9) {
225
225
  inline-size: 40px;
226
226
  }
227
- .awsui_drawer-closed_1uo6m_e93sg_208 > .awsui_drawer-content_1uo6m_e93sg_215.awsui_drawer-content-clickable_1uo6m_e93sg_227:not(#\9) {
227
+ .awsui_drawer-closed_1uo6m_imzwf_208 > .awsui_drawer-content_1uo6m_imzwf_215.awsui_drawer-content-clickable_1uo6m_imzwf_227:not(#\9) {
228
228
  cursor: pointer;
229
- color: var(--color-text-interactive-default-lnx6lk, #414d5c);
229
+ color: var(--color-text-interactive-default-tkx8fe, #424650);
230
230
  }
231
- .awsui_drawer-closed_1uo6m_e93sg_208 > .awsui_drawer-content_1uo6m_e93sg_215.awsui_drawer-content-clickable_1uo6m_e93sg_227:not(#\9):hover {
232
- background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
231
+ .awsui_drawer-closed_1uo6m_imzwf_208 > .awsui_drawer-content_1uo6m_imzwf_215.awsui_drawer-content-clickable_1uo6m_imzwf_227:not(#\9):hover {
232
+ background: var(--color-background-layout-panel-hover-1ftnua, #ebebf0);
233
233
  }
234
- .awsui_drawer-content_1uo6m_e93sg_215 > [aria-hidden=true]:not(#\9) {
234
+ .awsui_drawer-content_1uo6m_imzwf_215 > [aria-hidden=true]:not(#\9) {
235
235
  display: none;
236
236
  }
237
- .awsui_drawer-content_1uo6m_e93sg_215 > .awsui_drawer-resize-content_1uo6m_e93sg_237:not(#\9) {
237
+ .awsui_drawer-content_1uo6m_imzwf_215 > .awsui_drawer-resize-content_1uo6m_imzwf_237:not(#\9) {
238
238
  overflow: auto;
239
239
  block-size: 100%;
240
240
  position: relative;
241
241
  }
242
242
 
243
- .awsui_drawer-triggers-wrapper_1uo6m_e93sg_243:not(#\9) {
243
+ .awsui_drawer-triggers-wrapper_1uo6m_imzwf_243:not(#\9) {
244
244
  display: flex;
245
245
  flex-direction: column;
246
246
  text-align: center;
247
247
  align-items: stretch;
248
248
  }
249
249
 
250
- .awsui_drawer-trigger_1uo6m_e93sg_195:not(#\9) {
250
+ .awsui_drawer-trigger_1uo6m_imzwf_195:not(#\9) {
251
251
  padding-block: var(--space-xxs-p8yyaw, 4px);
252
252
  padding-inline: 7px;
253
253
  cursor: pointer;
254
- color: var(--color-text-interactive-default-lnx6lk, #414d5c);
254
+ color: var(--color-text-interactive-default-tkx8fe, #424650);
255
255
  }
256
- .awsui_drawer-trigger_1uo6m_e93sg_195:not(#\9):not(:first-child) {
257
- border-block-start: 1px solid var(--color-border-layout-4mzh97, #9ba7b6);
256
+ .awsui_drawer-trigger_1uo6m_imzwf_195:not(#\9):not(:first-child) {
257
+ border-block-start: 1px solid var(--color-border-layout-hrw5xj, #b4b4bb);
258
258
  }
259
- .awsui_drawer-trigger_1uo6m_e93sg_195:not(#\9):hover {
260
- color: var(--color-text-layout-toggle-hover-1r0lo8, #0972d3);
259
+ .awsui_drawer-trigger_1uo6m_imzwf_195:not(#\9):hover {
260
+ color: var(--color-text-layout-toggle-hover-v3lnw5, #006ce0);
261
261
  }
262
- .awsui_drawer-trigger-active_1uo6m_e93sg_262:not(#\9), .awsui_drawer-trigger-active_1uo6m_e93sg_262:not(#\9):hover {
263
- background-color: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
264
- color: var(--color-text-layout-toggle-active-p0m0v1, #ffffff);
262
+ .awsui_drawer-trigger-active_1uo6m_imzwf_262:not(#\9), .awsui_drawer-trigger-active_1uo6m_imzwf_262:not(#\9):hover {
263
+ background-color: var(--color-background-layout-toggle-selected-default-27rnk6, #006ce0);
264
+ color: var(--color-text-layout-toggle-active-as4nbt, #ffffff);
265
265
  }
266
- .awsui_drawer-content-clickable_1uo6m_e93sg_227 > .awsui_drawer-triggers-wrapper_1uo6m_e93sg_243 > .awsui_drawer-trigger_1uo6m_e93sg_195:not(#\9):hover {
267
- color: var(--color-text-interactive-default-lnx6lk, #414d5c);
266
+ .awsui_drawer-content-clickable_1uo6m_imzwf_227 > .awsui_drawer-triggers-wrapper_1uo6m_imzwf_243 > .awsui_drawer-trigger_1uo6m_imzwf_195:not(#\9):hover {
267
+ color: var(--color-text-interactive-default-tkx8fe, #424650);
268
268
  }
269
269
 
270
- .awsui_resize-handle-wrapper_1uo6m_e93sg_270:not(#\9) {
270
+ .awsui_resize-handle-wrapper_1uo6m_imzwf_270:not(#\9) {
271
271
  position: absolute;
272
272
  inset-inline-start: 0;
273
273
  inset-block-start: 0;
@@ -277,6 +277,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
277
277
  z-index: 1;
278
278
  }
279
279
 
280
- .awsui_hide_1uo6m_e93sg_280:not(#\9) {
280
+ .awsui_hide_1uo6m_imzwf_280:not(#\9) {
281
281
  display: none;
282
282
  }