@cloudscape-design/components 3.0.460 → 3.0.462

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 (255) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +53 -59
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +30 -39
  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 +48 -55
  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 +15 -15
  12. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  13. package/app-layout/drawer/styles.css.js +12 -12
  14. package/app-layout/drawer/styles.scoped.css +30 -29
  15. package/app-layout/drawer/styles.selectors.js +12 -12
  16. package/app-layout/interfaces.d.ts +4 -3
  17. package/app-layout/interfaces.d.ts.map +1 -1
  18. package/app-layout/interfaces.js.map +1 -1
  19. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  20. package/app-layout/mobile-toolbar/styles.scoped.css +17 -18
  21. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  22. package/app-layout/notifications/styles.css.js +3 -3
  23. package/app-layout/notifications/styles.scoped.css +6 -6
  24. package/app-layout/notifications/styles.selectors.js +3 -3
  25. package/app-layout/split-panel/styles.css.js +2 -2
  26. package/app-layout/split-panel/styles.scoped.css +3 -3
  27. package/app-layout/split-panel/styles.selectors.js +2 -2
  28. package/app-layout/styles.css.js +16 -16
  29. package/app-layout/styles.scoped.css +26 -26
  30. package/app-layout/styles.selectors.js +16 -16
  31. package/app-layout/toggles/styles.css.js +2 -2
  32. package/app-layout/toggles/styles.scoped.css +9 -10
  33. package/app-layout/toggles/styles.selectors.js +2 -2
  34. package/app-layout/utils/use-drawers.js.map +1 -1
  35. package/app-layout/visual-refresh/context.js +1 -1
  36. package/app-layout/visual-refresh/context.js.map +1 -1
  37. package/app-layout/visual-refresh/styles.css.js +80 -80
  38. package/app-layout/visual-refresh/styles.scoped.css +251 -268
  39. package/app-layout/visual-refresh/styles.selectors.js +80 -80
  40. package/area-chart/styles.css.js +6 -6
  41. package/area-chart/styles.scoped.css +11 -12
  42. package/area-chart/styles.selectors.js +6 -6
  43. package/attribute-editor/styles.css.js +14 -14
  44. package/attribute-editor/styles.scoped.css +29 -30
  45. package/attribute-editor/styles.selectors.js +14 -14
  46. package/autosuggest/styles.css.js +3 -3
  47. package/autosuggest/styles.scoped.css +5 -5
  48. package/autosuggest/styles.selectors.js +3 -3
  49. package/badge/styles.css.js +5 -5
  50. package/badge/styles.scoped.css +7 -11
  51. package/badge/styles.selectors.js +5 -5
  52. package/bar-chart/index.d.ts +1 -1
  53. package/bar-chart/index.d.ts.map +1 -1
  54. package/bar-chart/index.js +2 -2
  55. package/bar-chart/index.js.map +1 -1
  56. package/bar-chart/interfaces.d.ts +3 -8
  57. package/bar-chart/interfaces.d.ts.map +1 -1
  58. package/bar-chart/interfaces.js.map +1 -1
  59. package/box/styles.css.js +190 -190
  60. package/box/styles.scoped.css +240 -244
  61. package/box/styles.selectors.js +190 -190
  62. package/breadcrumb-group/item/styles.css.js +9 -9
  63. package/breadcrumb-group/item/styles.scoped.css +19 -20
  64. package/breadcrumb-group/item/styles.selectors.js +9 -9
  65. package/breadcrumb-group/styles.css.js +7 -7
  66. package/breadcrumb-group/styles.scoped.css +21 -28
  67. package/breadcrumb-group/styles.selectors.js +7 -7
  68. package/button/styles.css.js +20 -20
  69. package/button/styles.scoped.css +153 -155
  70. package/button/styles.selectors.js +20 -20
  71. package/button-dropdown/category-elements/styles.css.js +13 -13
  72. package/button-dropdown/category-elements/styles.scoped.css +50 -60
  73. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  74. package/button-dropdown/item-element/styles.css.js +15 -15
  75. package/button-dropdown/item-element/styles.scoped.css +33 -38
  76. package/button-dropdown/item-element/styles.selectors.js +15 -15
  77. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  78. package/button-dropdown/mobile-expandable-group/styles.scoped.css +8 -8
  79. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  80. package/button-dropdown/styles.css.js +15 -15
  81. package/button-dropdown/styles.scoped.css +36 -39
  82. package/button-dropdown/styles.selectors.js +15 -15
  83. package/calendar/styles.css.js +18 -18
  84. package/calendar/styles.scoped.css +59 -75
  85. package/calendar/styles.selectors.js +18 -18
  86. package/cards/styles.css.js +38 -38
  87. package/cards/styles.scoped.css +94 -110
  88. package/cards/styles.selectors.js +38 -38
  89. package/code-editor/resizable-box/styles.css.js +3 -3
  90. package/code-editor/resizable-box/styles.scoped.css +10 -10
  91. package/code-editor/resizable-box/styles.selectors.js +3 -3
  92. package/code-editor/styles.css.js +32 -32
  93. package/code-editor/styles.scoped.css +198 -210
  94. package/code-editor/styles.selectors.js +32 -32
  95. package/collection-preferences/content-display/styles.css.js +11 -11
  96. package/collection-preferences/content-display/styles.scoped.css +30 -40
  97. package/collection-preferences/content-display/styles.selectors.js +11 -11
  98. package/collection-preferences/styles.css.js +37 -37
  99. package/collection-preferences/styles.scoped.css +66 -79
  100. package/collection-preferences/styles.selectors.js +37 -37
  101. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  102. package/column-layout/flexible-column-layout/styles.scoped.css +9 -8
  103. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  104. package/column-layout/styles.css.js +13 -13
  105. package/column-layout/styles.scoped.css +64 -70
  106. package/column-layout/styles.selectors.js +13 -13
  107. package/container/styles.css.js +28 -28
  108. package/container/styles.scoped.css +98 -106
  109. package/container/styles.selectors.js +28 -28
  110. package/content-layout/styles.css.js +7 -7
  111. package/content-layout/styles.scoped.css +15 -15
  112. package/content-layout/styles.selectors.js +7 -7
  113. package/date-picker/styles.css.js +7 -7
  114. package/date-picker/styles.scoped.css +12 -12
  115. package/date-picker/styles.selectors.js +7 -7
  116. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  117. package/date-range-picker/calendar/grids/styles.scoped.css +60 -71
  118. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  119. package/date-range-picker/relative-range/styles.css.js +9 -9
  120. package/date-range-picker/relative-range/styles.scoped.css +21 -21
  121. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  122. package/date-range-picker/styles.css.js +38 -38
  123. package/date-range-picker/styles.scoped.css +68 -73
  124. package/date-range-picker/styles.selectors.js +38 -38
  125. package/drawer/styles.css.js +3 -3
  126. package/drawer/styles.scoped.css +18 -21
  127. package/drawer/styles.selectors.js +3 -3
  128. package/expandable-section/expandable-section-container.d.ts +2 -2
  129. package/expandable-section/expandable-section-container.d.ts.map +1 -1
  130. package/expandable-section/expandable-section-container.js.map +1 -1
  131. package/expandable-section/expandable-section-header.d.ts +2 -3
  132. package/expandable-section/expandable-section-header.d.ts.map +1 -1
  133. package/expandable-section/expandable-section-header.js +11 -7
  134. package/expandable-section/expandable-section-header.js.map +1 -1
  135. package/expandable-section/interfaces.d.ts +1 -0
  136. package/expandable-section/interfaces.d.ts.map +1 -1
  137. package/expandable-section/interfaces.js.map +1 -1
  138. package/expandable-section/internal.d.ts +4 -2
  139. package/expandable-section/internal.d.ts.map +1 -1
  140. package/expandable-section/internal.js.map +1 -1
  141. package/expandable-section/styles.css.js +32 -29
  142. package/expandable-section/styles.scoped.css +106 -99
  143. package/expandable-section/styles.selectors.js +32 -29
  144. package/expandable-section/utils.d.ts +3 -2
  145. package/expandable-section/utils.d.ts.map +1 -1
  146. package/expandable-section/utils.js +4 -1
  147. package/expandable-section/utils.js.map +1 -1
  148. package/file-upload/dropzone/styles.css.js +2 -2
  149. package/file-upload/dropzone/styles.scoped.css +4 -8
  150. package/file-upload/dropzone/styles.selectors.js +2 -2
  151. package/file-upload/file-option/styles.css.js +7 -7
  152. package/file-upload/file-option/styles.scoped.css +15 -15
  153. package/file-upload/file-option/styles.selectors.js +7 -7
  154. package/file-upload/styles.css.js +2 -2
  155. package/file-upload/styles.scoped.css +4 -4
  156. package/file-upload/styles.selectors.js +2 -2
  157. package/flashbar/styles.css.js +47 -47
  158. package/flashbar/styles.scoped.css +215 -220
  159. package/flashbar/styles.selectors.js +47 -47
  160. package/form/styles.css.js +9 -9
  161. package/form/styles.scoped.css +18 -18
  162. package/form/styles.selectors.js +9 -9
  163. package/form-field/styles.css.js +19 -19
  164. package/form-field/styles.scoped.css +34 -34
  165. package/form-field/styles.selectors.js +19 -19
  166. package/internal/components/cartesian-chart/interfaces.d.ts.map +1 -1
  167. package/internal/components/cartesian-chart/interfaces.js.map +1 -1
  168. package/internal/components/chart-plot/index.d.ts +1 -1
  169. package/internal/components/chart-plot/index.d.ts.map +1 -1
  170. package/internal/components/chart-plot/index.js.map +1 -1
  171. package/internal/components/chart-series-details/index.d.ts +12 -4
  172. package/internal/components/chart-series-details/index.d.ts.map +1 -1
  173. package/internal/components/chart-series-details/index.js +46 -10
  174. package/internal/components/chart-series-details/index.js.map +1 -1
  175. package/internal/components/chart-series-details/series-details-text.d.ts +2 -0
  176. package/internal/components/chart-series-details/series-details-text.d.ts.map +1 -0
  177. package/internal/components/chart-series-details/series-details-text.js +17 -0
  178. package/internal/components/chart-series-details/series-details-text.js.map +1 -0
  179. package/internal/components/chart-series-details/styles.css.js +19 -5
  180. package/internal/components/chart-series-details/styles.scoped.css +141 -15
  181. package/internal/components/chart-series-details/styles.selectors.js +19 -5
  182. package/internal/environment.js +1 -1
  183. package/internal/environment.json +1 -1
  184. package/internal/manifest.json +1 -1
  185. package/line-chart/interfaces.d.ts +2 -8
  186. package/line-chart/interfaces.d.ts.map +1 -1
  187. package/line-chart/interfaces.js.map +1 -1
  188. package/mixed-line-bar-chart/chart-container.d.ts +2 -1
  189. package/mixed-line-bar-chart/chart-container.d.ts.map +1 -1
  190. package/mixed-line-bar-chart/chart-container.js +17 -8
  191. package/mixed-line-bar-chart/chart-container.js.map +1 -1
  192. package/mixed-line-bar-chart/chart-popover.d.ts +1 -0
  193. package/mixed-line-bar-chart/chart-popover.d.ts.map +1 -1
  194. package/mixed-line-bar-chart/chart-popover.js +13 -3
  195. package/mixed-line-bar-chart/chart-popover.js.map +1 -1
  196. package/mixed-line-bar-chart/format-highlighted.d.ts +7 -2
  197. package/mixed-line-bar-chart/format-highlighted.d.ts.map +1 -1
  198. package/mixed-line-bar-chart/format-highlighted.js +25 -5
  199. package/mixed-line-bar-chart/format-highlighted.js.map +1 -1
  200. package/mixed-line-bar-chart/interfaces.d.ts +38 -6
  201. package/mixed-line-bar-chart/interfaces.d.ts.map +1 -1
  202. package/mixed-line-bar-chart/interfaces.js.map +1 -1
  203. package/mixed-line-bar-chart/internal.d.ts +1 -1
  204. package/mixed-line-bar-chart/internal.d.ts.map +1 -1
  205. package/mixed-line-bar-chart/internal.js +2 -2
  206. package/mixed-line-bar-chart/internal.js.map +1 -1
  207. package/modal/styles.css.js +23 -23
  208. package/modal/styles.scoped.css +39 -39
  209. package/modal/styles.selectors.js +23 -23
  210. package/package.json +1 -1
  211. package/pie-chart/interfaces.d.ts +5 -5
  212. package/pie-chart/interfaces.d.ts.map +1 -1
  213. package/pie-chart/interfaces.js.map +1 -1
  214. package/pie-chart/pie-chart.d.ts +1 -1
  215. package/pie-chart/pie-chart.d.ts.map +1 -1
  216. package/pie-chart/pie-chart.js +21 -18
  217. package/pie-chart/pie-chart.js.map +1 -1
  218. package/table/column-widths-utils.d.ts +1 -0
  219. package/table/column-widths-utils.d.ts.map +1 -1
  220. package/table/column-widths-utils.js +18 -0
  221. package/table/column-widths-utils.js.map +1 -1
  222. package/table/internal.d.ts.map +1 -1
  223. package/table/internal.js +7 -6
  224. package/table/internal.js.map +1 -1
  225. package/table/no-data-cell.d.ts +13 -0
  226. package/table/no-data-cell.d.ts.map +1 -0
  227. package/table/no-data-cell.js +24 -0
  228. package/table/no-data-cell.js.map +1 -0
  229. package/table/sticky-columns/use-sticky-columns.js +1 -1
  230. package/table/sticky-columns/use-sticky-columns.js.map +1 -1
  231. package/table/thead.d.ts +0 -1
  232. package/table/thead.d.ts.map +1 -1
  233. package/table/thead.js +3 -18
  234. package/table/thead.js.map +1 -1
  235. package/table/use-column-widths.d.ts +5 -3
  236. package/table/use-column-widths.d.ts.map +1 -1
  237. package/table/use-column-widths.js +61 -11
  238. package/table/use-column-widths.js.map +1 -1
  239. package/table/use-sticky-header.d.ts.map +1 -1
  240. package/table/use-sticky-header.js +0 -13
  241. package/table/use-sticky-header.js.map +1 -1
  242. package/test-utils/dom/internal/chart-popover.d.ts +8 -0
  243. package/test-utils/dom/internal/chart-popover.js +23 -0
  244. package/test-utils/dom/internal/chart-popover.js.map +1 -1
  245. package/test-utils/selectors/internal/chart-popover.d.ts +8 -0
  246. package/test-utils/selectors/internal/chart-popover.js +22 -0
  247. package/test-utils/selectors/internal/chart-popover.js.map +1 -1
  248. package/test-utils/tsconfig.tsbuildinfo +1 -1
  249. package/tiles/styles.css.js +29 -29
  250. package/tiles/styles.scoped.css +91 -97
  251. package/tiles/styles.selectors.js +29 -29
  252. package/table/node-data-cell.d.ts +0 -15
  253. package/table/node-data-cell.d.ts.map +0 -1
  254. package/table/node-data-cell.js +0 -25
  255. package/table/node-data-cell.js.map +0 -1
@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_root_14iqq_1yi29_97:not(#\9) {
97
+ .awsui_root_14iqq_1x1rn_97:not(#\9) {
98
98
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
99
99
  border-collapse: separate;
100
100
  border-spacing: 0;
@@ -134,20 +134,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
134
134
  word-wrap: break-word;
135
135
  position: relative;
136
136
  }
137
- .awsui_root_14iqq_1yi29_97.awsui_fit-height_14iqq_1yi29_111:not(#\9) {
137
+ .awsui_root_14iqq_1x1rn_97.awsui_fit-height_14iqq_1x1rn_111:not(#\9) {
138
138
  display: flex;
139
139
  flex-direction: column;
140
- block-size: 100%;
140
+ height: 100%;
141
141
  }
142
- .awsui_root_14iqq_1yi29_97.awsui_fit-height_14iqq_1yi29_111.awsui_with-side-media_14iqq_1yi29_116:not(#\9) {
142
+ .awsui_root_14iqq_1x1rn_97.awsui_fit-height_14iqq_1x1rn_111.awsui_with-side-media_14iqq_1x1rn_116:not(#\9) {
143
143
  flex-direction: row;
144
144
  }
145
- .awsui_root_14iqq_1yi29_97.awsui_variant-default_14iqq_1yi29_119:not(#\9), .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119:not(#\9) {
145
+ .awsui_root_14iqq_1x1rn_97.awsui_variant-default_14iqq_1x1rn_119:not(#\9), .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9) {
146
146
  border-radius: var(--border-radius-container-wqv1zi, 16px);
147
147
  box-sizing: border-box;
148
148
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
149
149
  }
150
- .awsui_root_14iqq_1yi29_97.awsui_variant-default_14iqq_1yi29_119:not(#\9)::before, .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119:not(#\9)::before {
150
+ .awsui_root_14iqq_1x1rn_97.awsui_variant-default_14iqq_1x1rn_119:not(#\9)::before, .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9)::before {
151
151
  content: "";
152
152
  position: absolute;
153
153
  left: 0px;
@@ -162,7 +162,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
162
162
  border-radius: var(--border-radius-container-wqv1zi, 16px);
163
163
  z-index: 1;
164
164
  }
165
- .awsui_root_14iqq_1yi29_97.awsui_variant-default_14iqq_1yi29_119:not(#\9)::after, .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119:not(#\9)::after {
165
+ .awsui_root_14iqq_1x1rn_97.awsui_variant-default_14iqq_1x1rn_119:not(#\9)::after, .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9)::after {
166
166
  content: "";
167
167
  position: absolute;
168
168
  left: 0px;
@@ -177,141 +177,133 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
177
177
  mix-blend-mode: multiply;
178
178
  }
179
179
  @media screen and (-ms-high-contrast: active) {
180
- .awsui_root_14iqq_1yi29_97.awsui_variant-default_14iqq_1yi29_119:not(#\9), .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119:not(#\9) {
180
+ .awsui_root_14iqq_1x1rn_97.awsui_variant-default_14iqq_1x1rn_119:not(#\9), .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9) {
181
181
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
182
182
  }
183
183
  }
184
- .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119:not(#\9):not(:last-child), .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119:not(#\9):not(:last-child)::after {
185
- border-end-end-radius: 0;
186
- border-end-start-radius: 0;
184
+ .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9):not(:last-child), .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9):not(:last-child)::after {
185
+ border-bottom-right-radius: 0;
186
+ border-bottom-left-radius: 0;
187
187
  }
188
- .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119 + .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119:not(#\9), .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119 + .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119:not(#\9)::before, .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119 + .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119:not(#\9)::after {
189
- border-start-start-radius: 0;
190
- border-start-end-radius: 0;
188
+ .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119 + .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9), .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119 + .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9)::before, .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119 + .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9)::after {
189
+ border-top-left-radius: 0;
190
+ border-top-right-radius: 0;
191
191
  }
192
- .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119 + .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119:not(#\9)::before {
193
- border-block-start: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
192
+ .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119 + .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9)::before {
193
+ border-top: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
194
194
  }
195
- .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119 + .awsui_root_14iqq_1yi29_97.awsui_variant-stacked_14iqq_1yi29_119:not(#\9)::after {
195
+ .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119 + .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9)::after {
196
196
  box-shadow: var(--shadow-container-stacked-4gw245, -1px 1px 1px 0px #e9ebed, 1px 1px 1px 0px #e9ebed, 0px 9px 8px -7px rgba(0, 7, 22, 0.12), 8px 0px 8px -7px rgba(0, 7, 22, 0.12), -8px 0px 8px -7px rgba(0, 7, 22, 0.12));
197
197
  }
198
- .awsui_root_14iqq_1yi29_97.awsui_sticky-enabled_14iqq_1yi29_172:not(#\9)::before {
199
- inset-block-start: calc(-1 * var(--border-container-top-width-uugwwl, 0px));
198
+ .awsui_root_14iqq_1x1rn_97.awsui_sticky-enabled_14iqq_1x1rn_172:not(#\9)::before {
199
+ top: calc(-1 * var(--border-container-top-width-uugwwl, 0px));
200
200
  }
201
- .awsui_root_14iqq_1yi29_97.awsui_sticky-enabled_14iqq_1yi29_172.awsui_variant-stacked_14iqq_1yi29_119:not(#\9)::before {
202
- inset-block-start: calc(-1 * var(--border-divider-section-width-8a5uu9, 2px));
201
+ .awsui_root_14iqq_1x1rn_97.awsui_sticky-enabled_14iqq_1x1rn_172.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9)::before {
202
+ top: calc(-1 * var(--border-divider-section-width-8a5uu9, 2px));
203
203
  }
204
204
 
205
- .awsui_with-side-media_14iqq_1yi29_116:not(#\9) {
205
+ .awsui_with-side-media_14iqq_1x1rn_116:not(#\9) {
206
206
  display: flex;
207
207
  flex-direction: row;
208
208
  }
209
209
 
210
- .awsui_with-top-media_14iqq_1yi29_184:not(#\9) {
210
+ .awsui_with-top-media_14iqq_1x1rn_184:not(#\9) {
211
211
  display: flex;
212
212
  flex-direction: column;
213
213
  }
214
214
 
215
- .awsui_content-wrapper_14iqq_1yi29_189:not(#\9) {
215
+ .awsui_content-wrapper_14iqq_1x1rn_189:not(#\9) {
216
216
  display: flex;
217
217
  flex-direction: column;
218
- inline-size: 100%;
218
+ width: 100%;
219
219
  }
220
- .awsui_content-wrapper-fit-height_14iqq_1yi29_194:not(#\9) {
221
- block-size: 100%;
220
+ .awsui_content-wrapper-fit-height_14iqq_1x1rn_194:not(#\9) {
221
+ height: 100%;
222
222
  overflow: hidden;
223
223
  }
224
224
 
225
- .awsui_media_14iqq_1yi29_199:not(#\9) {
225
+ .awsui_media_14iqq_1x1rn_199:not(#\9) {
226
226
  overflow: hidden;
227
227
  flex-shrink: 0;
228
228
  }
229
- .awsui_media_14iqq_1yi29_199 img:not(#\9),
230
- .awsui_media_14iqq_1yi29_199 video:not(#\9),
231
- .awsui_media_14iqq_1yi29_199 picture:not(#\9) {
232
- inline-size: 100%;
233
- block-size: 100%;
229
+ .awsui_media_14iqq_1x1rn_199 img:not(#\9),
230
+ .awsui_media_14iqq_1x1rn_199 video:not(#\9),
231
+ .awsui_media_14iqq_1x1rn_199 picture:not(#\9) {
232
+ width: 100%;
233
+ height: 100%;
234
234
  object-fit: cover;
235
235
  object-position: center;
236
236
  }
237
- .awsui_media_14iqq_1yi29_199 iframe:not(#\9) {
238
- inline-size: 100%;
239
- block-size: 100%;
240
- border-block: 0;
241
- border-inline: 0;
237
+ .awsui_media_14iqq_1x1rn_199 iframe:not(#\9) {
238
+ width: 100%;
239
+ height: 100%;
240
+ border: 0;
242
241
  }
243
- .awsui_media-top_14iqq_1yi29_217:not(#\9) {
244
- max-block-size: 66%;
245
- border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
246
- border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
242
+ .awsui_media-top_14iqq_1x1rn_216:not(#\9) {
243
+ max-height: 66%;
244
+ border-top-left-radius: var(--border-radius-container-wqv1zi, 16px);
245
+ border-top-right-radius: var(--border-radius-container-wqv1zi, 16px);
247
246
  }
248
- .awsui_media-side_14iqq_1yi29_222:not(#\9) {
249
- max-inline-size: 66%;
250
- border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
251
- border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
247
+ .awsui_media-side_14iqq_1x1rn_221:not(#\9) {
248
+ max-width: 66%;
249
+ border-top-left-radius: var(--border-radius-container-wqv1zi, 16px);
250
+ border-bottom-left-radius: var(--border-radius-container-wqv1zi, 16px);
252
251
  }
253
252
 
254
- .awsui_header_14iqq_1yi29_228:not(#\9) {
253
+ .awsui_header_14iqq_1x1rn_227:not(#\9) {
255
254
  background-color: var(--color-background-container-header-8b9fgi, #ffffff);
256
- border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
257
- border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
255
+ border-top-left-radius: var(--border-radius-container-wqv1zi, 16px);
256
+ border-top-right-radius: var(--border-radius-container-wqv1zi, 16px);
258
257
  }
259
- .awsui_header_14iqq_1yi29_228.awsui_header-with-media_14iqq_1yi29_233:not(#\9) {
258
+ .awsui_header_14iqq_1x1rn_227.awsui_header-with-media_14iqq_1x1rn_232:not(#\9) {
260
259
  background: none;
261
260
  }
262
- .awsui_header_14iqq_1yi29_228.awsui_header-with-media_14iqq_1yi29_233:not(#\9):not(:empty) {
263
- border-block-end: none;
261
+ .awsui_header_14iqq_1x1rn_227.awsui_header-with-media_14iqq_1x1rn_232:not(#\9):not(:empty) {
262
+ border-bottom: none;
264
263
  }
265
- .awsui_header-sticky-disabled_14iqq_1yi29_239:not(#\9) {
264
+ .awsui_header-sticky-disabled_14iqq_1x1rn_238:not(#\9) {
266
265
  position: relative;
267
266
  z-index: 1;
268
267
  }
269
- .awsui_header-sticky-enabled_14iqq_1yi29_243:not(#\9) {
270
- inset-block-start: 0;
268
+ .awsui_header-sticky-enabled_14iqq_1x1rn_242:not(#\9) {
269
+ top: 0;
271
270
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
272
271
  position: sticky;
273
272
  z-index: 800;
274
273
  }
275
- .awsui_header-stuck_14iqq_1yi29_249:not(#\9) {
276
- border-start-start-radius: 0;
277
- border-start-end-radius: 0;
278
- border-end-start-radius: 0;
279
- border-end-end-radius: 0;
274
+ .awsui_header-stuck_14iqq_1x1rn_248:not(#\9) {
275
+ border-radius: 0;
280
276
  }
281
- .awsui_header-stuck_14iqq_1yi29_249:not(#\9)::before {
282
- border-block: 0;
283
- border-inline: 0;
277
+ .awsui_header-stuck_14iqq_1x1rn_248:not(#\9)::before {
278
+ border: 0;
284
279
  }
285
- .awsui_header-stuck_14iqq_1yi29_249:not(#\9):not(.awsui_header-variant-cards_14iqq_1yi29_259) {
280
+ .awsui_header-stuck_14iqq_1x1rn_248:not(#\9):not(.awsui_header-variant-cards_14iqq_1x1rn_254) {
286
281
  box-shadow: var(--shadow-sticky-embedded-uvh5ry, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
287
282
  }
288
- .awsui_header-dynamic-height_14iqq_1yi29_262.awsui_header-stuck_14iqq_1yi29_249:not(#\9) {
289
- margin-block-end: calc(var(--line-height-heading-xl-avbttk, 30px) - var(--line-height-heading-l-mmm3my, 24px));
283
+ .awsui_header-dynamic-height_14iqq_1x1rn_257.awsui_header-stuck_14iqq_1x1rn_248:not(#\9) {
284
+ margin-bottom: calc(var(--line-height-heading-xl-avbttk, 30px) - var(--line-height-heading-l-mmm3my, 24px));
290
285
  }
291
- .awsui_header_14iqq_1yi29_228:not(#\9):not(:empty) {
292
- border-block-end: var(--border-container-sticky-width-6asz33, 0px) solid var(--color-border-container-divider-p2uygo, transparent);
286
+ .awsui_header_14iqq_1x1rn_227:not(#\9):not(:empty) {
287
+ border-bottom: var(--border-container-sticky-width-6asz33, 0px) solid var(--color-border-container-divider-p2uygo, transparent);
293
288
  }
294
- .awsui_header_14iqq_1yi29_228.awsui_with-paddings_14iqq_1yi29_268:not(#\9) {
295
- padding-block-start: var(--space-container-header-top-5qav00, 12px);
296
- padding-block-end: var(--space-container-header-bottom-vj01hn, 8px);
297
- padding-inline: var(--space-container-horizontal-wfukh3, 20px);
289
+ .awsui_header_14iqq_1x1rn_227.awsui_with-paddings_14iqq_1x1rn_263:not(#\9) {
290
+ padding: var(--space-container-header-top-5qav00, 12px) var(--space-container-horizontal-wfukh3, 20px) var(--space-container-header-bottom-vj01hn, 8px);
298
291
  }
299
- .awsui_header_14iqq_1yi29_228.awsui_with-paddings_14iqq_1yi29_268.awsui_header-variant-cards_14iqq_1yi29_259:not(#\9) {
300
- padding-block: var(--space-container-header-top-5qav00, 12px);
301
- padding-inline: var(--space-container-horizontal-wfukh3, 20px);
292
+ .awsui_header_14iqq_1x1rn_227.awsui_with-paddings_14iqq_1x1rn_263.awsui_header-variant-cards_14iqq_1x1rn_254:not(#\9) {
293
+ padding: var(--space-container-header-top-5qav00, 12px) var(--space-container-horizontal-wfukh3, 20px);
302
294
  }
303
- .awsui_header_14iqq_1yi29_228.awsui_with-hidden-content_14iqq_1yi29_277:not(#\9) {
304
- border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
305
- border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
295
+ .awsui_header_14iqq_1x1rn_227.awsui_with-hidden-content_14iqq_1x1rn_269:not(#\9) {
296
+ border-bottom-left-radius: var(--border-radius-container-wqv1zi, 16px);
297
+ border-bottom-right-radius: var(--border-radius-container-wqv1zi, 16px);
306
298
  }
307
- .awsui_header-variant-cards_14iqq_1yi29_259:not(#\9) {
299
+ .awsui_header-variant-cards_14iqq_1x1rn_254:not(#\9) {
308
300
  border-radius: var(--border-radius-container-wqv1zi, 16px);
309
301
  box-sizing: border-box;
310
302
  }
311
- .awsui_header-variant-cards_14iqq_1yi29_259:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1yi29_243) {
303
+ .awsui_header-variant-cards_14iqq_1x1rn_254:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1x1rn_242) {
312
304
  position: relative;
313
305
  }
314
- .awsui_header-variant-cards_14iqq_1yi29_259:not(#\9)::before {
306
+ .awsui_header-variant-cards_14iqq_1x1rn_254:not(#\9)::before {
315
307
  content: "";
316
308
  position: absolute;
317
309
  left: 0px;
@@ -326,7 +318,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
326
318
  border-radius: var(--border-radius-container-wqv1zi, 16px);
327
319
  z-index: 1;
328
320
  }
329
- .awsui_header-variant-cards_14iqq_1yi29_259:not(#\9)::after {
321
+ .awsui_header-variant-cards_14iqq_1x1rn_254:not(#\9)::after {
330
322
  content: "";
331
323
  position: absolute;
332
324
  left: 0px;
@@ -341,23 +333,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
341
333
  mix-blend-mode: multiply;
342
334
  }
343
335
  @media screen and (-ms-high-contrast: active) {
344
- .awsui_header-variant-cards_14iqq_1yi29_259:not(#\9) {
336
+ .awsui_header-variant-cards_14iqq_1x1rn_254:not(#\9) {
345
337
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
346
338
  }
347
339
  }
348
- .awsui_header-variant-cards_14iqq_1yi29_259.awsui_header-stuck_14iqq_1yi29_249:not(#\9)::after, .awsui_header-variant-cards_14iqq_1yi29_259.awsui_header-stuck_14iqq_1yi29_249:not(#\9)::before {
349
- border-block: 0;
350
- border-inline: 0;
351
- border-start-start-radius: 0;
352
- border-start-end-radius: 0;
340
+ .awsui_header-variant-cards_14iqq_1x1rn_254.awsui_header-stuck_14iqq_1x1rn_248:not(#\9)::after, .awsui_header-variant-cards_14iqq_1x1rn_254.awsui_header-stuck_14iqq_1x1rn_248:not(#\9)::before {
341
+ border: 0;
342
+ border-top-left-radius: 0;
343
+ border-top-right-radius: 0;
353
344
  }
354
- .awsui_header-variant-full-page_14iqq_1yi29_328.awsui_header-stuck_14iqq_1yi29_249:not(#\9) {
345
+ .awsui_header-variant-full-page_14iqq_1x1rn_319.awsui_header-stuck_14iqq_1x1rn_248:not(#\9) {
355
346
  box-shadow: none;
356
347
  }
357
- .awsui_header-variant-full-page_14iqq_1yi29_328.awsui_header-stuck_14iqq_1yi29_249:not(#\9)::after {
348
+ .awsui_header-variant-full-page_14iqq_1x1rn_319.awsui_header-stuck_14iqq_1x1rn_248:not(#\9)::after {
358
349
  content: "";
359
350
  position: absolute;
360
- inset: 0;
351
+ right: 0;
352
+ left: 0;
353
+ bottom: 0;
354
+ top: 0;
361
355
  box-shadow: var(--shadow-sticky-frfqle, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
362
356
  clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
363
357
  }
@@ -366,32 +360,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
366
360
  The dynamic height dark header needs a background that will cover
367
361
  the default white background of the container component.
368
362
  */
369
- .awsui_dark-header_14iqq_1yi29_343:not(#\9) {
363
+ .awsui_dark-header_14iqq_1x1rn_337:not(#\9) {
370
364
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
371
365
  color: var(--color-text-body-default-2sxhhn, #000716);
372
366
  }
373
367
 
374
- .awsui_content_14iqq_1yi29_189:not(#\9) {
368
+ .awsui_content_14iqq_1x1rn_189:not(#\9) {
375
369
  flex: 1;
376
370
  }
377
- .awsui_content-fit-height_14iqq_1yi29_351:not(#\9) {
371
+ .awsui_content-fit-height_14iqq_1x1rn_345:not(#\9) {
378
372
  overflow: auto;
379
373
  }
380
- .awsui_content_14iqq_1yi29_189.awsui_with-paddings_14iqq_1yi29_268:not(#\9) {
381
- padding-block: var(--space-scaled-l-0hpmd7, 20px);
382
- padding-inline: var(--space-container-horizontal-wfukh3, 20px);
374
+ .awsui_content_14iqq_1x1rn_189.awsui_with-paddings_14iqq_1x1rn_263:not(#\9) {
375
+ padding: var(--space-scaled-l-0hpmd7, 20px) var(--space-container-horizontal-wfukh3, 20px);
383
376
  }
384
- .awsui_header_14iqq_1yi29_228 + .awsui_content_14iqq_1yi29_189.awsui_with-paddings_14iqq_1yi29_268:not(#\9) {
385
- padding-block-start: var(--space-container-content-top-1ae0r3, 4px);
377
+ .awsui_header_14iqq_1x1rn_227 + .awsui_content_14iqq_1x1rn_189.awsui_with-paddings_14iqq_1x1rn_263:not(#\9) {
378
+ padding-top: var(--space-container-content-top-1ae0r3, 4px);
386
379
  }
387
- .awsui_header_14iqq_1yi29_228 + .awsui_content_14iqq_1yi29_189.awsui_with-paddings_14iqq_1yi29_268.awsui_content-with-media_14iqq_1yi29_361:not(#\9) {
388
- padding-block-start: 0;
380
+ .awsui_header_14iqq_1x1rn_227 + .awsui_content_14iqq_1x1rn_189.awsui_with-paddings_14iqq_1x1rn_263.awsui_content-with-media_14iqq_1x1rn_354:not(#\9) {
381
+ padding-top: 0;
389
382
  }
390
383
 
391
- .awsui_footer_14iqq_1yi29_365.awsui_with-paddings_14iqq_1yi29_268:not(#\9) {
392
- padding-block: var(--space-scaled-s-aqzyko, 12px);
393
- padding-inline: var(--space-container-horizontal-wfukh3, 20px);
384
+ .awsui_footer_14iqq_1x1rn_358.awsui_with-paddings_14iqq_1x1rn_263:not(#\9) {
385
+ padding: var(--space-scaled-s-aqzyko, 12px) var(--space-container-horizontal-wfukh3, 20px);
394
386
  }
395
- .awsui_footer_14iqq_1yi29_365.awsui_with-divider_14iqq_1yi29_369:not(#\9) {
396
- border-block-start: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
387
+ .awsui_footer_14iqq_1x1rn_358.awsui_with-divider_14iqq_1x1rn_361:not(#\9) {
388
+ border-top: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
397
389
  }
@@ -2,33 +2,33 @@
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_14iqq_1yi29_97",
6
- "fit-height": "awsui_fit-height_14iqq_1yi29_111",
7
- "with-side-media": "awsui_with-side-media_14iqq_1yi29_116",
8
- "variant-default": "awsui_variant-default_14iqq_1yi29_119",
9
- "variant-stacked": "awsui_variant-stacked_14iqq_1yi29_119",
10
- "sticky-enabled": "awsui_sticky-enabled_14iqq_1yi29_172",
11
- "with-top-media": "awsui_with-top-media_14iqq_1yi29_184",
12
- "content-wrapper": "awsui_content-wrapper_14iqq_1yi29_189",
13
- "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1yi29_194",
14
- "media": "awsui_media_14iqq_1yi29_199",
15
- "media-top": "awsui_media-top_14iqq_1yi29_217",
16
- "media-side": "awsui_media-side_14iqq_1yi29_222",
17
- "header": "awsui_header_14iqq_1yi29_228",
18
- "header-with-media": "awsui_header-with-media_14iqq_1yi29_233",
19
- "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1yi29_239",
20
- "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1yi29_243",
21
- "header-stuck": "awsui_header-stuck_14iqq_1yi29_249",
22
- "header-variant-cards": "awsui_header-variant-cards_14iqq_1yi29_259",
23
- "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1yi29_262",
24
- "with-paddings": "awsui_with-paddings_14iqq_1yi29_268",
25
- "with-hidden-content": "awsui_with-hidden-content_14iqq_1yi29_277",
26
- "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1yi29_328",
27
- "dark-header": "awsui_dark-header_14iqq_1yi29_343",
28
- "content": "awsui_content_14iqq_1yi29_189",
29
- "content-fit-height": "awsui_content-fit-height_14iqq_1yi29_351",
30
- "content-with-media": "awsui_content-with-media_14iqq_1yi29_361",
31
- "footer": "awsui_footer_14iqq_1yi29_365",
32
- "with-divider": "awsui_with-divider_14iqq_1yi29_369"
5
+ "root": "awsui_root_14iqq_1x1rn_97",
6
+ "fit-height": "awsui_fit-height_14iqq_1x1rn_111",
7
+ "with-side-media": "awsui_with-side-media_14iqq_1x1rn_116",
8
+ "variant-default": "awsui_variant-default_14iqq_1x1rn_119",
9
+ "variant-stacked": "awsui_variant-stacked_14iqq_1x1rn_119",
10
+ "sticky-enabled": "awsui_sticky-enabled_14iqq_1x1rn_172",
11
+ "with-top-media": "awsui_with-top-media_14iqq_1x1rn_184",
12
+ "content-wrapper": "awsui_content-wrapper_14iqq_1x1rn_189",
13
+ "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1x1rn_194",
14
+ "media": "awsui_media_14iqq_1x1rn_199",
15
+ "media-top": "awsui_media-top_14iqq_1x1rn_216",
16
+ "media-side": "awsui_media-side_14iqq_1x1rn_221",
17
+ "header": "awsui_header_14iqq_1x1rn_227",
18
+ "header-with-media": "awsui_header-with-media_14iqq_1x1rn_232",
19
+ "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1x1rn_238",
20
+ "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1x1rn_242",
21
+ "header-stuck": "awsui_header-stuck_14iqq_1x1rn_248",
22
+ "header-variant-cards": "awsui_header-variant-cards_14iqq_1x1rn_254",
23
+ "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1x1rn_257",
24
+ "with-paddings": "awsui_with-paddings_14iqq_1x1rn_263",
25
+ "with-hidden-content": "awsui_with-hidden-content_14iqq_1x1rn_269",
26
+ "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1x1rn_319",
27
+ "dark-header": "awsui_dark-header_14iqq_1x1rn_337",
28
+ "content": "awsui_content_14iqq_1x1rn_189",
29
+ "content-fit-height": "awsui_content-fit-height_14iqq_1x1rn_345",
30
+ "content-with-media": "awsui_content-with-media_14iqq_1x1rn_354",
31
+ "footer": "awsui_footer_14iqq_1x1rn_358",
32
+ "with-divider": "awsui_with-divider_14iqq_1x1rn_361"
33
33
  };
34
34
 
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "layout": "awsui_layout_5gtk3_1xeer_99",
5
- "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1xeer_99",
6
- "background": "awsui_background_5gtk3_1xeer_102",
7
- "header": "awsui_header_5gtk3_1xeer_105",
8
- "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1xeer_121",
9
- "content": "awsui_content_5gtk3_1xeer_129",
10
- "has-header": "awsui_has-header_5gtk3_1xeer_133"
4
+ "layout": "awsui_layout_5gtk3_lh8g2_99",
5
+ "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_lh8g2_99",
6
+ "background": "awsui_background_5gtk3_lh8g2_102",
7
+ "header": "awsui_header_5gtk3_lh8g2_105",
8
+ "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_lh8g2_121",
9
+ "content": "awsui_content_5gtk3_lh8g2_129",
10
+ "has-header": "awsui_has-header_5gtk3_lh8g2_133"
11
11
  };
12
12
 
@@ -96,48 +96,48 @@ visual refresh mode. The padding is still added to the header
96
96
  in this scenario because otherwise the header and child
97
97
  nodes will directly touch with no gap between them.
98
98
  */
99
- .awsui_layout_5gtk3_1xeer_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1xeer_99) {
99
+ .awsui_layout_5gtk3_lh8g2_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_lh8g2_99) {
100
100
  display: contents;
101
101
  }
102
- .awsui_layout_5gtk3_1xeer_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1xeer_99) > .awsui_background_5gtk3_1xeer_102 {
102
+ .awsui_layout_5gtk3_lh8g2_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_lh8g2_99) > .awsui_background_5gtk3_lh8g2_102 {
103
103
  display: none;
104
104
  }
105
- .awsui_layout_5gtk3_1xeer_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1xeer_99) > .awsui_header_5gtk3_1xeer_105 {
106
- padding-block-end: var(--space-content-header-padding-bottom-y2enua, 16px);
105
+ .awsui_layout_5gtk3_lh8g2_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_lh8g2_99) > .awsui_header_5gtk3_lh8g2_105 {
106
+ padding-bottom: var(--space-content-header-padding-bottom-y2enua, 16px);
107
107
  }
108
108
 
109
- .awsui_layout_5gtk3_1xeer_99.awsui_is-visual-refresh_5gtk3_1xeer_99:not(#\9) {
109
+ .awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99:not(#\9) {
110
110
  display: grid;
111
111
  grid-template-columns: minmax(0, 1fr);
112
112
  grid-template-rows: auto var(--space-dark-header-overlap-distance-lxpp0s, 36px) 1fr;
113
- min-block-size: 100%;
113
+ min-height: 100%;
114
114
  }
115
- .awsui_layout_5gtk3_1xeer_99.awsui_is-visual-refresh_5gtk3_1xeer_99 > .awsui_background_5gtk3_1xeer_102:not(#\9) {
115
+ .awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99 > .awsui_background_5gtk3_lh8g2_102:not(#\9) {
116
116
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
117
117
  grid-column: 1;
118
118
  grid-row: 1/3;
119
119
  color: var(--color-text-body-default-2sxhhn, #000716);
120
120
  }
121
- .awsui_layout_5gtk3_1xeer_99.awsui_is-visual-refresh_5gtk3_1xeer_99 > .awsui_background_5gtk3_1xeer_102.awsui_is-overlap-disabled_5gtk3_1xeer_121:not(#\9) {
121
+ .awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99 > .awsui_background_5gtk3_lh8g2_102.awsui_is-overlap-disabled_5gtk3_lh8g2_121:not(#\9) {
122
122
  grid-row: 1/2;
123
123
  }
124
- .awsui_layout_5gtk3_1xeer_99.awsui_is-visual-refresh_5gtk3_1xeer_99 > .awsui_header_5gtk3_1xeer_105:not(#\9) {
124
+ .awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99 > .awsui_header_5gtk3_lh8g2_105:not(#\9) {
125
125
  grid-column: 1;
126
126
  grid-row: 1;
127
- padding-block-end: var(--space-content-header-padding-bottom-y2enua, 16px);
127
+ padding-bottom: var(--space-content-header-padding-bottom-y2enua, 16px);
128
128
  }
129
- .awsui_layout_5gtk3_1xeer_99.awsui_is-visual-refresh_5gtk3_1xeer_99 > .awsui_content_5gtk3_1xeer_129:not(#\9) {
129
+ .awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99 > .awsui_content_5gtk3_lh8g2_129:not(#\9) {
130
130
  grid-column: 1;
131
131
  grid-row: 2/4;
132
132
  }
133
- .awsui_layout_5gtk3_1xeer_99.awsui_is-visual-refresh_5gtk3_1xeer_99:not(#\9):not(.awsui_has-header_5gtk3_1xeer_133) {
133
+ .awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99:not(#\9):not(.awsui_has-header_5gtk3_lh8g2_133) {
134
134
  grid-template-rows: auto calc(
135
135
  var(--space-dark-header-overlap-distance-lxpp0s, 36px) + var(--awsui-container-first-overlap-extension-y98gph, 0px) + var(--awsui-container-first-gap-y98gph, 0px)
136
136
  ) 1fr;
137
137
  }
138
- .awsui_layout_5gtk3_1xeer_99.awsui_is-visual-refresh_5gtk3_1xeer_99:not(#\9):not(.awsui_has-header_5gtk3_1xeer_133) > .awsui_content_5gtk3_1xeer_129 {
139
- padding-block-start: var(--awsui-container-first-gap-y98gph, 0px);
138
+ .awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99:not(#\9):not(.awsui_has-header_5gtk3_lh8g2_133) > .awsui_content_5gtk3_lh8g2_129 {
139
+ padding-top: var(--awsui-container-first-gap-y98gph, 0px);
140
140
  }
141
- .awsui_layout_5gtk3_1xeer_99.awsui_is-visual-refresh_5gtk3_1xeer_99.awsui_is-overlap-disabled_5gtk3_1xeer_121:not(#\9) {
141
+ .awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99.awsui_is-overlap-disabled_5gtk3_lh8g2_121:not(#\9) {
142
142
  grid-template-rows: auto 0 1fr;
143
143
  }
@@ -2,12 +2,12 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "layout": "awsui_layout_5gtk3_1xeer_99",
6
- "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1xeer_99",
7
- "background": "awsui_background_5gtk3_1xeer_102",
8
- "header": "awsui_header_5gtk3_1xeer_105",
9
- "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1xeer_121",
10
- "content": "awsui_content_5gtk3_1xeer_129",
11
- "has-header": "awsui_has-header_5gtk3_1xeer_133"
5
+ "layout": "awsui_layout_5gtk3_lh8g2_99",
6
+ "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_lh8g2_99",
7
+ "background": "awsui_background_5gtk3_lh8g2_102",
8
+ "header": "awsui_header_5gtk3_lh8g2_105",
9
+ "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_lh8g2_121",
10
+ "content": "awsui_content_5gtk3_lh8g2_129",
11
+ "has-header": "awsui_has-header_5gtk3_lh8g2_133"
12
12
  };
13
13
 
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_145pa_mbxsj_93",
5
- "focus-lock": "awsui_focus-lock_145pa_mbxsj_106",
6
- "calendar": "awsui_calendar_145pa_mbxsj_110",
7
- "date-picker-container": "awsui_date-picker-container_145pa_mbxsj_123",
8
- "date-picker-trigger": "awsui_date-picker-trigger_145pa_mbxsj_128",
9
- "date-picker-input": "awsui_date-picker-input_145pa_mbxsj_132",
10
- "open-calendar-button": "awsui_open-calendar-button_145pa_mbxsj_137"
4
+ "root": "awsui_root_145pa_1t8x4_93",
5
+ "focus-lock": "awsui_focus-lock_145pa_1t8x4_106",
6
+ "calendar": "awsui_calendar_145pa_1t8x4_110",
7
+ "date-picker-container": "awsui_date-picker-container_145pa_1t8x4_123",
8
+ "date-picker-trigger": "awsui_date-picker-trigger_145pa_1t8x4_128",
9
+ "date-picker-input": "awsui_date-picker-input_145pa_1t8x4_132",
10
+ "open-calendar-button": "awsui_open-calendar-button_145pa_1t8x4_137"
11
11
  };
12
12
 
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_145pa_mbxsj_93:not(#\9) {
93
+ .awsui_root_145pa_1t8x4_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -129,37 +129,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
129
129
  -moz-osx-font-smoothing: auto;
130
130
  }
131
131
 
132
- .awsui_focus-lock_145pa_mbxsj_106:not(#\9) {
132
+ .awsui_focus-lock_145pa_1t8x4_106:not(#\9) {
133
133
  display: contents;
134
134
  }
135
135
 
136
- .awsui_calendar_145pa_mbxsj_110:not(#\9) {
136
+ .awsui_calendar_145pa_1t8x4_110:not(#\9) {
137
137
  overflow: auto;
138
138
  }
139
- .awsui_calendar_145pa_mbxsj_110:not(#\9):focus {
139
+ .awsui_calendar_145pa_1t8x4_110:not(#\9):focus {
140
140
  outline: none;
141
141
  }
142
- body[data-awsui-focus-visible=true] .awsui_calendar_145pa_mbxsj_110:not(#\9):focus {
142
+ body[data-awsui-focus-visible=true] .awsui_calendar_145pa_1t8x4_110:not(#\9):focus {
143
143
  outline: 2px dotted transparent;
144
144
  outline-offset: 2px;
145
145
  border-radius: var(--border-radius-dropdown-0dhh79, 8px);
146
146
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
147
147
  }
148
148
 
149
- .awsui_date-picker-container_145pa_mbxsj_123:not(#\9) {
149
+ .awsui_date-picker-container_145pa_1t8x4_123:not(#\9) {
150
150
  position: relative;
151
- max-inline-size: 234px;
151
+ max-width: 234px;
152
152
  }
153
153
 
154
- .awsui_date-picker-trigger_145pa_mbxsj_128:not(#\9) {
154
+ .awsui_date-picker-trigger_145pa_1t8x4_128:not(#\9) {
155
155
  display: flex;
156
156
  }
157
157
 
158
- .awsui_date-picker-input_145pa_mbxsj_132:not(#\9) {
159
- padding-inline-end: var(--space-xs-zb16t3, 8px);
160
- inline-size: 100%;
158
+ .awsui_date-picker-input_145pa_1t8x4_132:not(#\9) {
159
+ padding-right: var(--space-xs-zb16t3, 8px);
160
+ width: 100%;
161
161
  }
162
162
 
163
- .awsui_open-calendar-button_145pa_mbxsj_137:not(#\9) {
163
+ .awsui_open-calendar-button_145pa_1t8x4_137:not(#\9) {
164
164
  /* used in test-utils */
165
165
  }
@@ -2,12 +2,12 @@
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_145pa_mbxsj_93",
6
- "focus-lock": "awsui_focus-lock_145pa_mbxsj_106",
7
- "calendar": "awsui_calendar_145pa_mbxsj_110",
8
- "date-picker-container": "awsui_date-picker-container_145pa_mbxsj_123",
9
- "date-picker-trigger": "awsui_date-picker-trigger_145pa_mbxsj_128",
10
- "date-picker-input": "awsui_date-picker-input_145pa_mbxsj_132",
11
- "open-calendar-button": "awsui_open-calendar-button_145pa_mbxsj_137"
5
+ "root": "awsui_root_145pa_1t8x4_93",
6
+ "focus-lock": "awsui_focus-lock_145pa_1t8x4_106",
7
+ "calendar": "awsui_calendar_145pa_1t8x4_110",
8
+ "date-picker-container": "awsui_date-picker-container_145pa_1t8x4_123",
9
+ "date-picker-trigger": "awsui_date-picker-trigger_145pa_1t8x4_128",
10
+ "date-picker-input": "awsui_date-picker-input_145pa_1t8x4_132",
11
+ "open-calendar-button": "awsui_open-calendar-button_145pa_1t8x4_137"
12
12
  };
13
13