@cloudscape-design/components 3.0.521 → 3.0.523

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 (177) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +61 -54
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +39 -30
  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 +57 -49
  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 +29 -30
  15. package/app-layout/drawer/styles.selectors.js +12 -12
  16. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  17. package/app-layout/mobile-toolbar/styles.scoped.css +18 -17
  18. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  19. package/app-layout/notifications/styles.css.js +3 -3
  20. package/app-layout/notifications/styles.scoped.css +6 -6
  21. package/app-layout/notifications/styles.selectors.js +3 -3
  22. package/app-layout/split-panel/styles.css.js +2 -2
  23. package/app-layout/split-panel/styles.scoped.css +3 -3
  24. package/app-layout/split-panel/styles.selectors.js +2 -2
  25. package/app-layout/styles.css.js +16 -16
  26. package/app-layout/styles.scoped.css +26 -26
  27. package/app-layout/styles.selectors.js +16 -16
  28. package/app-layout/toggles/styles.css.js +2 -2
  29. package/app-layout/toggles/styles.scoped.css +12 -10
  30. package/app-layout/toggles/styles.selectors.js +2 -2
  31. package/app-layout/visual-refresh/styles.css.js +81 -81
  32. package/app-layout/visual-refresh/styles.scoped.css +279 -261
  33. package/app-layout/visual-refresh/styles.selectors.js +81 -81
  34. package/area-chart/styles.css.js +6 -6
  35. package/area-chart/styles.scoped.css +12 -11
  36. package/area-chart/styles.selectors.js +6 -6
  37. package/attribute-editor/styles.css.js +14 -14
  38. package/attribute-editor/styles.scoped.css +30 -29
  39. package/attribute-editor/styles.selectors.js +14 -14
  40. package/autosuggest/styles.css.js +3 -3
  41. package/autosuggest/styles.scoped.css +5 -5
  42. package/autosuggest/styles.selectors.js +3 -3
  43. package/badge/styles.css.js +5 -5
  44. package/badge/styles.scoped.css +11 -7
  45. package/badge/styles.selectors.js +5 -5
  46. package/box/styles.css.js +190 -190
  47. package/box/styles.scoped.css +244 -240
  48. package/box/styles.selectors.js +190 -190
  49. package/breadcrumb-group/item/styles.css.js +9 -9
  50. package/breadcrumb-group/item/styles.scoped.css +20 -19
  51. package/breadcrumb-group/item/styles.selectors.js +9 -9
  52. package/breadcrumb-group/styles.css.js +7 -7
  53. package/breadcrumb-group/styles.scoped.css +28 -21
  54. package/breadcrumb-group/styles.selectors.js +7 -7
  55. package/button/styles.css.js +20 -20
  56. package/button/styles.scoped.css +155 -153
  57. package/button/styles.selectors.js +20 -20
  58. package/button-dropdown/category-elements/styles.css.js +13 -13
  59. package/button-dropdown/category-elements/styles.scoped.css +61 -50
  60. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  61. package/button-dropdown/item-element/styles.css.js +15 -15
  62. package/button-dropdown/item-element/styles.scoped.css +38 -33
  63. package/button-dropdown/item-element/styles.selectors.js +15 -15
  64. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  65. package/button-dropdown/mobile-expandable-group/styles.scoped.css +8 -8
  66. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  67. package/button-dropdown/styles.css.js +15 -15
  68. package/button-dropdown/styles.scoped.css +39 -36
  69. package/button-dropdown/styles.selectors.js +15 -15
  70. package/calendar/grid/index.js +1 -1
  71. package/calendar/grid/index.js.map +1 -1
  72. package/calendar/interfaces.d.ts +23 -3
  73. package/calendar/interfaces.d.ts.map +1 -1
  74. package/calendar/interfaces.js.map +1 -1
  75. package/calendar/internal.d.ts +1 -1
  76. package/calendar/internal.d.ts.map +1 -1
  77. package/calendar/internal.js +5 -4
  78. package/calendar/internal.js.map +1 -1
  79. package/calendar/styles.css.js +18 -18
  80. package/calendar/styles.scoped.css +75 -59
  81. package/calendar/styles.selectors.js +18 -18
  82. package/cards/styles.css.js +40 -40
  83. package/cards/styles.scoped.css +126 -99
  84. package/cards/styles.selectors.js +40 -40
  85. package/code-editor/ace-themes.d.ts +6 -0
  86. package/code-editor/ace-themes.d.ts.map +1 -1
  87. package/code-editor/ace-themes.js +2 -0
  88. package/code-editor/ace-themes.js.map +1 -1
  89. package/code-editor/index.js +3 -3
  90. package/code-editor/index.js.map +1 -1
  91. package/code-editor/preferences-modal.d.ts +1 -1
  92. package/code-editor/preferences-modal.d.ts.map +1 -1
  93. package/code-editor/preferences-modal.js +3 -6
  94. package/code-editor/preferences-modal.js.map +1 -1
  95. package/code-editor/resizable-box/styles.css.js +3 -3
  96. package/code-editor/resizable-box/styles.scoped.css +10 -10
  97. package/code-editor/resizable-box/styles.selectors.js +3 -3
  98. package/code-editor/styles.css.js +32 -32
  99. package/code-editor/styles.scoped.css +210 -198
  100. package/code-editor/styles.selectors.js +32 -32
  101. package/code-editor/use-editor.d.ts.map +1 -1
  102. package/code-editor/use-editor.js +4 -2
  103. package/code-editor/use-editor.js.map +1 -1
  104. package/code-editor/util.d.ts +3 -4
  105. package/code-editor/util.d.ts.map +1 -1
  106. package/code-editor/util.js +29 -10
  107. package/code-editor/util.js.map +1 -1
  108. package/collection-preferences/content-display/styles.css.js +11 -11
  109. package/collection-preferences/content-display/styles.scoped.css +40 -30
  110. package/collection-preferences/content-display/styles.selectors.js +11 -11
  111. package/collection-preferences/styles.css.js +37 -37
  112. package/collection-preferences/styles.scoped.css +79 -66
  113. package/collection-preferences/styles.selectors.js +37 -37
  114. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  115. package/column-layout/flexible-column-layout/styles.scoped.css +8 -9
  116. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  117. package/column-layout/styles.css.js +13 -13
  118. package/column-layout/styles.scoped.css +70 -64
  119. package/column-layout/styles.selectors.js +13 -13
  120. package/container/styles.css.js +30 -30
  121. package/container/styles.scoped.css +114 -106
  122. package/container/styles.selectors.js +30 -30
  123. package/content-layout/styles.css.js +7 -7
  124. package/content-layout/styles.scoped.css +15 -15
  125. package/content-layout/styles.selectors.js +7 -7
  126. package/date-picker/index.d.ts.map +1 -1
  127. package/date-picker/index.js +6 -2
  128. package/date-picker/index.js.map +1 -1
  129. package/date-picker/interfaces.d.ts +7 -0
  130. package/date-picker/interfaces.d.ts.map +1 -1
  131. package/date-picker/interfaces.js.map +1 -1
  132. package/date-picker/styles.css.js +7 -7
  133. package/date-picker/styles.scoped.css +12 -12
  134. package/date-picker/styles.selectors.js +7 -7
  135. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  136. package/date-range-picker/calendar/grids/styles.scoped.css +71 -60
  137. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  138. package/date-range-picker/relative-range/styles.css.js +9 -9
  139. package/date-range-picker/relative-range/styles.scoped.css +21 -21
  140. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  141. package/date-range-picker/styles.css.js +38 -38
  142. package/date-range-picker/styles.scoped.css +72 -67
  143. package/date-range-picker/styles.selectors.js +38 -38
  144. package/drawer/styles.css.js +3 -3
  145. package/drawer/styles.scoped.css +21 -18
  146. package/drawer/styles.selectors.js +3 -3
  147. package/expandable-section/styles.css.js +32 -32
  148. package/expandable-section/styles.scoped.css +103 -98
  149. package/expandable-section/styles.selectors.js +32 -32
  150. package/file-upload/dropzone/styles.css.js +2 -2
  151. package/file-upload/dropzone/styles.scoped.css +8 -4
  152. package/file-upload/dropzone/styles.selectors.js +2 -2
  153. package/file-upload/file-option/styles.css.js +7 -7
  154. package/file-upload/file-option/styles.scoped.css +15 -15
  155. package/file-upload/file-option/styles.selectors.js +7 -7
  156. package/file-upload/styles.css.js +2 -2
  157. package/file-upload/styles.scoped.css +4 -4
  158. package/file-upload/styles.selectors.js +2 -2
  159. package/flashbar/styles.css.js +47 -47
  160. package/flashbar/styles.scoped.css +220 -215
  161. package/flashbar/styles.selectors.js +47 -47
  162. package/form/styles.css.js +9 -9
  163. package/form/styles.scoped.css +18 -18
  164. package/form/styles.selectors.js +9 -9
  165. package/form-field/styles.css.js +19 -19
  166. package/form-field/styles.scoped.css +34 -34
  167. package/form-field/styles.selectors.js +19 -19
  168. package/internal/environment.js +1 -1
  169. package/internal/environment.json +1 -1
  170. package/internal/manifest.json +1 -1
  171. package/modal/styles.css.js +23 -23
  172. package/modal/styles.scoped.css +39 -39
  173. package/modal/styles.selectors.js +23 -23
  174. package/package.json +1 -1
  175. package/tiles/styles.css.js +29 -29
  176. package/tiles/styles.scoped.css +97 -91
  177. package/tiles/styles.selectors.js +29 -29
@@ -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_17pn4_97:not(#\9) {
97
+ .awsui_root_14iqq_12nke_97:not(#\9) {
98
98
  border-collapse: separate;
99
99
  border-spacing: 0;
100
100
  box-sizing: border-box;
@@ -131,15 +131,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
131
131
  word-wrap: break-word;
132
132
  position: relative;
133
133
  }
134
- .awsui_root_14iqq_17pn4_97.awsui_fit-height_14iqq_17pn4_133:not(#\9) {
134
+ .awsui_root_14iqq_12nke_97.awsui_fit-height_14iqq_12nke_133:not(#\9) {
135
135
  display: flex;
136
136
  flex-direction: column;
137
- height: 100%;
137
+ block-size: 100%;
138
138
  }
139
- .awsui_root_14iqq_17pn4_97.awsui_fit-height_14iqq_17pn4_133.awsui_with-side-media_14iqq_17pn4_138:not(#\9) {
139
+ .awsui_root_14iqq_12nke_97.awsui_fit-height_14iqq_12nke_133.awsui_with-side-media_14iqq_12nke_138:not(#\9) {
140
140
  flex-direction: row;
141
141
  }
142
- .awsui_root_14iqq_17pn4_97.awsui_variant-default_14iqq_17pn4_141:not(#\9), .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141:not(#\9) {
142
+ .awsui_root_14iqq_12nke_97.awsui_variant-default_14iqq_12nke_141:not(#\9), .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141:not(#\9) {
143
143
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
144
144
  border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
145
145
  border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
@@ -147,11 +147,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
147
147
  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
148
148
  box-sizing: border-box;
149
149
  }
150
- .awsui_root_14iqq_17pn4_97.awsui_variant-default_14iqq_17pn4_141.awsui_refresh_14iqq_17pn4_149:not(#\9), .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141.awsui_refresh_14iqq_17pn4_149:not(#\9) {
150
+ .awsui_root_14iqq_12nke_97.awsui_variant-default_14iqq_12nke_141.awsui_refresh_14iqq_12nke_149:not(#\9), .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141.awsui_refresh_14iqq_12nke_149:not(#\9) {
151
151
  border-block: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
152
152
  border-inline: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
153
153
  }
154
- .awsui_root_14iqq_17pn4_97.awsui_variant-default_14iqq_17pn4_141:not(#\9):not(.awsui_refresh_14iqq_17pn4_149)::before, .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141:not(#\9):not(.awsui_refresh_14iqq_17pn4_149)::before {
154
+ .awsui_root_14iqq_12nke_97.awsui_variant-default_14iqq_12nke_141:not(#\9):not(.awsui_refresh_14iqq_12nke_149)::before, .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141:not(#\9):not(.awsui_refresh_14iqq_12nke_149)::before {
155
155
  content: "";
156
156
  position: absolute;
157
157
  inset-inline-start: 0px;
@@ -169,7 +169,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
169
169
  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
170
170
  z-index: 1;
171
171
  }
172
- .awsui_root_14iqq_17pn4_97.awsui_variant-default_14iqq_17pn4_141:not(#\9):not(.awsui_refresh_14iqq_17pn4_149)::after, .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141:not(#\9):not(.awsui_refresh_14iqq_17pn4_149)::after {
172
+ .awsui_root_14iqq_12nke_97.awsui_variant-default_14iqq_12nke_141:not(#\9):not(.awsui_refresh_14iqq_12nke_149)::after, .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141:not(#\9):not(.awsui_refresh_14iqq_12nke_149)::after {
173
173
  content: "";
174
174
  position: absolute;
175
175
  inset-inline-start: 0px;
@@ -185,131 +185,139 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
185
185
  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
186
186
  box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
187
187
  }
188
- .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141:not(#\9):not(:last-child), .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141:not(#\9):not(:last-child)::before, .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141:not(#\9):not(:last-child)::after {
189
- border-bottom-right-radius: 0;
190
- border-bottom-left-radius: 0;
191
- border-bottom-width: 0;
188
+ .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141:not(#\9):not(:last-child), .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141:not(#\9):not(:last-child)::before, .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141:not(#\9):not(:last-child)::after {
189
+ border-end-end-radius: 0;
190
+ border-end-start-radius: 0;
191
+ border-block-end-width: 0;
192
192
  }
193
- .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141 + .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141:not(#\9), .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141 + .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141:not(#\9)::before, .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141 + .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141:not(#\9)::after {
194
- border-top-left-radius: 0;
195
- border-top-right-radius: 0;
193
+ .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141 + .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141:not(#\9), .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141 + .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141:not(#\9)::before, .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141 + .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141:not(#\9)::after {
194
+ border-start-start-radius: 0;
195
+ border-start-end-radius: 0;
196
196
  }
197
- .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141 + .awsui_root_14iqq_17pn4_97.awsui_variant-stacked_14iqq_17pn4_141:not(#\9):not(.awsui_refresh_14iqq_17pn4_149)::before {
198
- border-top: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
197
+ .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141 + .awsui_root_14iqq_12nke_97.awsui_variant-stacked_14iqq_12nke_141:not(#\9):not(.awsui_refresh_14iqq_12nke_149)::before {
198
+ border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
199
199
  }
200
- .awsui_root_14iqq_17pn4_97.awsui_sticky-enabled_14iqq_17pn4_199:not(#\9):not(.awsui_refresh_14iqq_17pn4_149)::before {
201
- top: calc(-1 * var(--border-container-top-width-uugwwl, 0px));
200
+ .awsui_root_14iqq_12nke_97.awsui_sticky-enabled_14iqq_12nke_199:not(#\9):not(.awsui_refresh_14iqq_12nke_149)::before {
201
+ inset-block-start: calc(-1 * var(--border-container-top-width-uugwwl, 0px));
202
202
  }
203
- .awsui_root_14iqq_17pn4_97.awsui_sticky-enabled_14iqq_17pn4_199:not(#\9):not(.awsui_refresh_14iqq_17pn4_149).awsui_variant-stacked_14iqq_17pn4_141::before {
204
- top: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
203
+ .awsui_root_14iqq_12nke_97.awsui_sticky-enabled_14iqq_12nke_199:not(#\9):not(.awsui_refresh_14iqq_12nke_149).awsui_variant-stacked_14iqq_12nke_141::before {
204
+ inset-block-start: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
205
205
  }
206
206
 
207
- .awsui_with-side-media_14iqq_17pn4_138:not(#\9) {
207
+ .awsui_with-side-media_14iqq_12nke_138:not(#\9) {
208
208
  display: flex;
209
209
  flex-direction: row;
210
210
  }
211
211
 
212
- .awsui_with-top-media_14iqq_17pn4_211:not(#\9) {
212
+ .awsui_with-top-media_14iqq_12nke_211:not(#\9) {
213
213
  display: flex;
214
214
  flex-direction: column;
215
215
  }
216
216
 
217
- .awsui_content-wrapper_14iqq_17pn4_216:not(#\9) {
217
+ .awsui_content-wrapper_14iqq_12nke_216:not(#\9) {
218
218
  display: flex;
219
219
  flex-direction: column;
220
- width: 100%;
220
+ inline-size: 100%;
221
221
  }
222
- .awsui_content-wrapper-fit-height_14iqq_17pn4_221:not(#\9) {
223
- height: 100%;
222
+ .awsui_content-wrapper-fit-height_14iqq_12nke_221:not(#\9) {
223
+ block-size: 100%;
224
224
  overflow: hidden;
225
225
  }
226
226
 
227
- .awsui_media_14iqq_17pn4_226:not(#\9) {
227
+ .awsui_media_14iqq_12nke_226:not(#\9) {
228
228
  overflow: hidden;
229
229
  flex-shrink: 0;
230
230
  }
231
- .awsui_media_14iqq_17pn4_226 img:not(#\9),
232
- .awsui_media_14iqq_17pn4_226 video:not(#\9),
233
- .awsui_media_14iqq_17pn4_226 picture:not(#\9) {
234
- width: 100%;
235
- height: 100%;
231
+ .awsui_media_14iqq_12nke_226 img:not(#\9),
232
+ .awsui_media_14iqq_12nke_226 video:not(#\9),
233
+ .awsui_media_14iqq_12nke_226 picture:not(#\9) {
234
+ inline-size: 100%;
235
+ block-size: 100%;
236
236
  object-fit: cover;
237
237
  object-position: center;
238
238
  }
239
- .awsui_media_14iqq_17pn4_226 iframe:not(#\9) {
240
- width: 100%;
241
- height: 100%;
242
- border: 0;
239
+ .awsui_media_14iqq_12nke_226 iframe:not(#\9) {
240
+ inline-size: 100%;
241
+ block-size: 100%;
242
+ border-block: 0;
243
+ border-inline: 0;
243
244
  }
244
- .awsui_media-top_14iqq_17pn4_243:not(#\9) {
245
- max-height: 66%;
246
- border-top-left-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
247
- border-top-right-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
245
+ .awsui_media-top_14iqq_12nke_244:not(#\9) {
246
+ max-block-size: 66%;
247
+ border-start-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
248
+ border-start-end-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
248
249
  }
249
- .awsui_media-side_14iqq_17pn4_248:not(#\9) {
250
- max-width: 66%;
251
- border-top-left-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
252
- border-bottom-left-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
250
+ .awsui_media-side_14iqq_12nke_249:not(#\9) {
251
+ max-inline-size: 66%;
252
+ border-start-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
253
+ border-end-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
253
254
  }
254
255
 
255
- .awsui_header_14iqq_17pn4_254:not(#\9) {
256
+ .awsui_header_14iqq_12nke_255:not(#\9) {
256
257
  background-color: var(--color-background-container-header-8b9fgi, #ffffff);
257
- border-top-left-radius: var(--border-radius-container-wqv1zi, 16px);
258
- border-top-right-radius: var(--border-radius-container-wqv1zi, 16px);
258
+ border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
259
+ border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
259
260
  }
260
- .awsui_header_14iqq_17pn4_254.awsui_header-with-media_14iqq_17pn4_259:not(#\9) {
261
+ .awsui_header_14iqq_12nke_255.awsui_header-with-media_14iqq_12nke_260:not(#\9) {
261
262
  background: none;
262
263
  }
263
- .awsui_header_14iqq_17pn4_254.awsui_header-with-media_14iqq_17pn4_259:not(#\9):not(:empty) {
264
- border-bottom: none;
264
+ .awsui_header_14iqq_12nke_255.awsui_header-with-media_14iqq_12nke_260:not(#\9):not(:empty) {
265
+ border-block-end: none;
265
266
  }
266
- .awsui_header-sticky-disabled_14iqq_17pn4_265:not(#\9) {
267
+ .awsui_header-sticky-disabled_14iqq_12nke_266:not(#\9) {
267
268
  position: relative;
268
269
  z-index: 1;
269
270
  }
270
- .awsui_header-sticky-enabled_14iqq_17pn4_269:not(#\9) {
271
- top: 0;
271
+ .awsui_header-sticky-enabled_14iqq_12nke_270:not(#\9) {
272
+ inset-block-start: 0;
272
273
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
273
274
  position: sticky;
274
275
  z-index: 800;
275
276
  }
276
- .awsui_header-stuck_14iqq_17pn4_275:not(#\9) {
277
- border-radius: 0;
277
+ .awsui_header-stuck_14iqq_12nke_276:not(#\9) {
278
+ border-start-start-radius: 0;
279
+ border-start-end-radius: 0;
280
+ border-end-start-radius: 0;
281
+ border-end-end-radius: 0;
278
282
  }
279
- .awsui_header-stuck_14iqq_17pn4_275:not(#\9)::before {
280
- border: 0;
283
+ .awsui_header-stuck_14iqq_12nke_276:not(#\9)::before {
284
+ border-block: 0;
285
+ border-inline: 0;
281
286
  }
282
- .awsui_header-stuck_14iqq_17pn4_275:not(#\9):not(.awsui_header-variant-cards_14iqq_17pn4_281) {
287
+ .awsui_header-stuck_14iqq_12nke_276:not(#\9):not(.awsui_header-variant-cards_14iqq_12nke_286) {
283
288
  box-shadow: var(--shadow-sticky-embedded-uvh5ry, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
284
289
  }
285
- .awsui_header-dynamic-height_14iqq_17pn4_284.awsui_header-stuck_14iqq_17pn4_275:not(#\9) {
286
- margin-bottom: calc(var(--line-height-heading-xl-avbttk, 30px) - var(--line-height-heading-l-mmm3my, 24px));
290
+ .awsui_header-dynamic-height_14iqq_12nke_289.awsui_header-stuck_14iqq_12nke_276:not(#\9) {
291
+ margin-block-end: calc(var(--line-height-heading-xl-avbttk, 30px) - var(--line-height-heading-l-mmm3my, 24px));
287
292
  }
288
- .awsui_header_14iqq_17pn4_254:not(#\9):not(:empty) {
289
- border-bottom: var(--border-container-sticky-width-6asz33, 0px) solid var(--color-border-container-divider-p2uygo, transparent);
293
+ .awsui_header_14iqq_12nke_255:not(#\9):not(:empty) {
294
+ border-block-end: var(--border-container-sticky-width-6asz33, 0px) solid var(--color-border-container-divider-p2uygo, transparent);
290
295
  }
291
- .awsui_header_14iqq_17pn4_254.awsui_with-paddings_14iqq_17pn4_290:not(#\9) {
292
- padding: var(--space-container-header-top-5qav00, 12px) var(--space-container-horizontal-wfukh3, 20px) var(--space-container-header-bottom-vj01hn, 8px);
296
+ .awsui_header_14iqq_12nke_255.awsui_with-paddings_14iqq_12nke_295:not(#\9) {
297
+ padding-block-start: var(--space-container-header-top-5qav00, 12px);
298
+ padding-block-end: var(--space-container-header-bottom-vj01hn, 8px);
299
+ padding-inline: var(--space-container-horizontal-wfukh3, 20px);
293
300
  }
294
- .awsui_header_14iqq_17pn4_254.awsui_with-paddings_14iqq_17pn4_290.awsui_header-variant-cards_14iqq_17pn4_281:not(#\9) {
295
- padding: var(--space-container-header-top-5qav00, 12px) var(--space-container-horizontal-wfukh3, 20px);
301
+ .awsui_header_14iqq_12nke_255.awsui_with-paddings_14iqq_12nke_295.awsui_header-variant-cards_14iqq_12nke_286:not(#\9) {
302
+ padding-block: var(--space-container-header-top-5qav00, 12px);
303
+ padding-inline: var(--space-container-horizontal-wfukh3, 20px);
296
304
  }
297
- .awsui_header_14iqq_17pn4_254.awsui_with-hidden-content_14iqq_17pn4_296:not(#\9) {
298
- border-bottom-left-radius: var(--border-radius-container-wqv1zi, 16px);
299
- border-bottom-right-radius: var(--border-radius-container-wqv1zi, 16px);
305
+ .awsui_header_14iqq_12nke_255.awsui_with-hidden-content_14iqq_12nke_304:not(#\9) {
306
+ border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
307
+ border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
300
308
  }
301
- .awsui_header-variant-cards_14iqq_17pn4_281:not(#\9) {
309
+ .awsui_header-variant-cards_14iqq_12nke_286:not(#\9) {
302
310
  border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
303
311
  border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
304
312
  border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
305
313
  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
306
314
  box-sizing: border-box;
307
315
  }
308
- .awsui_header-variant-cards_14iqq_17pn4_281.awsui_refresh_14iqq_17pn4_149:not(#\9) {
316
+ .awsui_header-variant-cards_14iqq_12nke_286.awsui_refresh_14iqq_12nke_149:not(#\9) {
309
317
  border-block: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
310
318
  border-inline: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
311
319
  }
312
- .awsui_header-variant-cards_14iqq_17pn4_281:not(#\9):not(.awsui_refresh_14iqq_17pn4_149)::before {
320
+ .awsui_header-variant-cards_14iqq_12nke_286:not(#\9):not(.awsui_refresh_14iqq_12nke_149)::before {
313
321
  content: "";
314
322
  position: absolute;
315
323
  inset-inline-start: 0px;
@@ -327,7 +335,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
327
335
  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
328
336
  z-index: 1;
329
337
  }
330
- .awsui_header-variant-cards_14iqq_17pn4_281:not(#\9):not(.awsui_refresh_14iqq_17pn4_149)::after {
338
+ .awsui_header-variant-cards_14iqq_12nke_286:not(#\9):not(.awsui_refresh_14iqq_12nke_149)::after {
331
339
  content: "";
332
340
  position: absolute;
333
341
  inset-inline-start: 0px;
@@ -343,70 +351,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
343
351
  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
344
352
  box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
345
353
  }
346
- .awsui_header-variant-cards_14iqq_17pn4_281:not(#\9):not(.awsui_header-sticky-enabled_14iqq_17pn4_269) {
354
+ .awsui_header-variant-cards_14iqq_12nke_286:not(#\9):not(.awsui_header-sticky-enabled_14iqq_12nke_270) {
347
355
  position: relative;
348
356
  }
349
- .awsui_header-variant-cards_14iqq_17pn4_281.awsui_header-stuck_14iqq_17pn4_275:not(#\9)::after, .awsui_header-variant-cards_14iqq_17pn4_281.awsui_header-stuck_14iqq_17pn4_275:not(#\9)::before {
350
- border: 0;
351
- border-top-left-radius: 0;
352
- border-top-right-radius: 0;
357
+ .awsui_header-variant-cards_14iqq_12nke_286.awsui_header-stuck_14iqq_12nke_276:not(#\9)::after, .awsui_header-variant-cards_14iqq_12nke_286.awsui_header-stuck_14iqq_12nke_276:not(#\9)::before {
358
+ border-block: 0;
359
+ border-inline: 0;
360
+ border-start-start-radius: 0;
361
+ border-start-end-radius: 0;
353
362
  }
354
- .awsui_header-variant-full-page_14iqq_17pn4_353.awsui_header-stuck_14iqq_17pn4_275:not(#\9) {
363
+ .awsui_header-variant-full-page_14iqq_12nke_362.awsui_header-stuck_14iqq_12nke_276:not(#\9) {
355
364
  box-shadow: none;
356
365
  }
357
- .awsui_header-variant-full-page_14iqq_17pn4_353.awsui_header-stuck_14iqq_17pn4_275:not(#\9)::before {
366
+ .awsui_header-variant-full-page_14iqq_12nke_362.awsui_header-stuck_14iqq_12nke_276:not(#\9)::before {
358
367
  content: "";
359
368
  position: absolute;
360
369
  pointer-events: none;
361
- right: 0;
362
- left: 0;
363
- bottom: 0;
364
- top: 0;
365
- border-bottom: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
370
+ inset-inline-end: 0;
371
+ inset-inline-start: 0;
372
+ inset-block-end: 0;
373
+ inset-block-start: 0;
374
+ border-block-end: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
366
375
  }
367
- .awsui_header-variant-full-page_14iqq_17pn4_353.awsui_header-stuck_14iqq_17pn4_275:not(#\9)::after {
376
+ .awsui_header-variant-full-page_14iqq_12nke_362.awsui_header-stuck_14iqq_12nke_276:not(#\9)::after {
368
377
  content: "";
369
378
  position: absolute;
370
- right: 0;
371
- left: 0;
372
- bottom: 0;
373
- top: 0;
379
+ inset: 0;
374
380
  box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
375
381
  clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
376
382
  }
377
- .awsui_header-variant-full-page_14iqq_17pn4_353.awsui_header-stuck_14iqq_17pn4_275:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_17pn4_376)::before {
383
+ .awsui_header-variant-full-page_14iqq_12nke_362.awsui_header-stuck_14iqq_12nke_276:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_12nke_382)::before {
378
384
  content: "";
379
- border-bottom: none;
385
+ border-block-end: none;
380
386
  }
381
387
 
382
388
  /*
383
389
  The dynamic height dark header needs a background that will cover
384
390
  the default white background of the container component.
385
391
  */
386
- .awsui_dark-header_14iqq_17pn4_385:not(#\9) {
392
+ .awsui_dark-header_14iqq_12nke_391:not(#\9) {
387
393
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
388
394
  color: var(--color-text-body-default-at06ol, #000716);
389
395
  }
390
396
 
391
- .awsui_content_14iqq_17pn4_216:not(#\9) {
397
+ .awsui_content_14iqq_12nke_216:not(#\9) {
392
398
  flex: 1;
393
399
  }
394
- .awsui_content-fit-height_14iqq_17pn4_393:not(#\9) {
400
+ .awsui_content-fit-height_14iqq_12nke_399:not(#\9) {
395
401
  overflow: auto;
396
402
  }
397
- .awsui_content_14iqq_17pn4_216.awsui_with-paddings_14iqq_17pn4_290:not(#\9) {
398
- padding: var(--space-scaled-l-0hpmd7, 20px) var(--space-container-horizontal-wfukh3, 20px);
403
+ .awsui_content_14iqq_12nke_216.awsui_with-paddings_14iqq_12nke_295:not(#\9) {
404
+ padding-block: var(--space-scaled-l-0hpmd7, 20px);
405
+ padding-inline: var(--space-container-horizontal-wfukh3, 20px);
399
406
  }
400
- .awsui_header_14iqq_17pn4_254 + .awsui_content_14iqq_17pn4_216.awsui_with-paddings_14iqq_17pn4_290:not(#\9) {
401
- padding-top: var(--space-container-content-top-1ae0r3, 4px);
407
+ .awsui_header_14iqq_12nke_255 + .awsui_content_14iqq_12nke_216.awsui_with-paddings_14iqq_12nke_295:not(#\9) {
408
+ padding-block-start: var(--space-container-content-top-1ae0r3, 4px);
402
409
  }
403
- .awsui_header_14iqq_17pn4_254 + .awsui_content_14iqq_17pn4_216.awsui_with-paddings_14iqq_17pn4_290.awsui_content-with-media_14iqq_17pn4_402:not(#\9) {
404
- padding-top: 0;
410
+ .awsui_header_14iqq_12nke_255 + .awsui_content_14iqq_12nke_216.awsui_with-paddings_14iqq_12nke_295.awsui_content-with-media_14iqq_12nke_409:not(#\9) {
411
+ padding-block-start: 0;
405
412
  }
406
413
 
407
- .awsui_footer_14iqq_17pn4_406.awsui_with-paddings_14iqq_17pn4_290:not(#\9) {
408
- padding: var(--space-scaled-s-aqzyko, 12px) var(--space-container-horizontal-wfukh3, 20px);
414
+ .awsui_footer_14iqq_12nke_413.awsui_with-paddings_14iqq_12nke_295:not(#\9) {
415
+ padding-block: var(--space-scaled-s-aqzyko, 12px);
416
+ padding-inline: var(--space-container-horizontal-wfukh3, 20px);
409
417
  }
410
- .awsui_footer_14iqq_17pn4_406.awsui_with-divider_14iqq_17pn4_409:not(#\9) {
411
- border-top: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
418
+ .awsui_footer_14iqq_12nke_413.awsui_with-divider_14iqq_12nke_417:not(#\9) {
419
+ border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
412
420
  }
@@ -2,35 +2,35 @@
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_17pn4_97",
6
- "fit-height": "awsui_fit-height_14iqq_17pn4_133",
7
- "with-side-media": "awsui_with-side-media_14iqq_17pn4_138",
8
- "variant-default": "awsui_variant-default_14iqq_17pn4_141",
9
- "variant-stacked": "awsui_variant-stacked_14iqq_17pn4_141",
10
- "refresh": "awsui_refresh_14iqq_17pn4_149",
11
- "sticky-enabled": "awsui_sticky-enabled_14iqq_17pn4_199",
12
- "with-top-media": "awsui_with-top-media_14iqq_17pn4_211",
13
- "content-wrapper": "awsui_content-wrapper_14iqq_17pn4_216",
14
- "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_17pn4_221",
15
- "media": "awsui_media_14iqq_17pn4_226",
16
- "media-top": "awsui_media-top_14iqq_17pn4_243",
17
- "media-side": "awsui_media-side_14iqq_17pn4_248",
18
- "header": "awsui_header_14iqq_17pn4_254",
19
- "header-with-media": "awsui_header-with-media_14iqq_17pn4_259",
20
- "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_17pn4_265",
21
- "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_17pn4_269",
22
- "header-stuck": "awsui_header-stuck_14iqq_17pn4_275",
23
- "header-variant-cards": "awsui_header-variant-cards_14iqq_17pn4_281",
24
- "header-dynamic-height": "awsui_header-dynamic-height_14iqq_17pn4_284",
25
- "with-paddings": "awsui_with-paddings_14iqq_17pn4_290",
26
- "with-hidden-content": "awsui_with-hidden-content_14iqq_17pn4_296",
27
- "header-variant-full-page": "awsui_header-variant-full-page_14iqq_17pn4_353",
28
- "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_17pn4_376",
29
- "dark-header": "awsui_dark-header_14iqq_17pn4_385",
30
- "content": "awsui_content_14iqq_17pn4_216",
31
- "content-fit-height": "awsui_content-fit-height_14iqq_17pn4_393",
32
- "content-with-media": "awsui_content-with-media_14iqq_17pn4_402",
33
- "footer": "awsui_footer_14iqq_17pn4_406",
34
- "with-divider": "awsui_with-divider_14iqq_17pn4_409"
5
+ "root": "awsui_root_14iqq_12nke_97",
6
+ "fit-height": "awsui_fit-height_14iqq_12nke_133",
7
+ "with-side-media": "awsui_with-side-media_14iqq_12nke_138",
8
+ "variant-default": "awsui_variant-default_14iqq_12nke_141",
9
+ "variant-stacked": "awsui_variant-stacked_14iqq_12nke_141",
10
+ "refresh": "awsui_refresh_14iqq_12nke_149",
11
+ "sticky-enabled": "awsui_sticky-enabled_14iqq_12nke_199",
12
+ "with-top-media": "awsui_with-top-media_14iqq_12nke_211",
13
+ "content-wrapper": "awsui_content-wrapper_14iqq_12nke_216",
14
+ "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_12nke_221",
15
+ "media": "awsui_media_14iqq_12nke_226",
16
+ "media-top": "awsui_media-top_14iqq_12nke_244",
17
+ "media-side": "awsui_media-side_14iqq_12nke_249",
18
+ "header": "awsui_header_14iqq_12nke_255",
19
+ "header-with-media": "awsui_header-with-media_14iqq_12nke_260",
20
+ "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_12nke_266",
21
+ "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_12nke_270",
22
+ "header-stuck": "awsui_header-stuck_14iqq_12nke_276",
23
+ "header-variant-cards": "awsui_header-variant-cards_14iqq_12nke_286",
24
+ "header-dynamic-height": "awsui_header-dynamic-height_14iqq_12nke_289",
25
+ "with-paddings": "awsui_with-paddings_14iqq_12nke_295",
26
+ "with-hidden-content": "awsui_with-hidden-content_14iqq_12nke_304",
27
+ "header-variant-full-page": "awsui_header-variant-full-page_14iqq_12nke_362",
28
+ "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_12nke_382",
29
+ "dark-header": "awsui_dark-header_14iqq_12nke_391",
30
+ "content": "awsui_content_14iqq_12nke_216",
31
+ "content-fit-height": "awsui_content-fit-height_14iqq_12nke_399",
32
+ "content-with-media": "awsui_content-with-media_14iqq_12nke_409",
33
+ "footer": "awsui_footer_14iqq_12nke_413",
34
+ "with-divider": "awsui_with-divider_14iqq_12nke_417"
35
35
  };
36
36
 
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "layout": "awsui_layout_5gtk3_1fwv7_99",
5
- "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1fwv7_99",
6
- "background": "awsui_background_5gtk3_1fwv7_102",
7
- "header": "awsui_header_5gtk3_1fwv7_105",
8
- "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1fwv7_121",
9
- "content": "awsui_content_5gtk3_1fwv7_129",
10
- "has-header": "awsui_has-header_5gtk3_1fwv7_133"
4
+ "layout": "awsui_layout_5gtk3_1urnx_99",
5
+ "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1urnx_99",
6
+ "background": "awsui_background_5gtk3_1urnx_102",
7
+ "header": "awsui_header_5gtk3_1urnx_105",
8
+ "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1urnx_121",
9
+ "content": "awsui_content_5gtk3_1urnx_129",
10
+ "has-header": "awsui_has-header_5gtk3_1urnx_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_1fwv7_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1fwv7_99) {
99
+ .awsui_layout_5gtk3_1urnx_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1urnx_99) {
100
100
  display: contents;
101
101
  }
102
- .awsui_layout_5gtk3_1fwv7_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1fwv7_99) > .awsui_background_5gtk3_1fwv7_102 {
102
+ .awsui_layout_5gtk3_1urnx_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1urnx_99) > .awsui_background_5gtk3_1urnx_102 {
103
103
  display: none;
104
104
  }
105
- .awsui_layout_5gtk3_1fwv7_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1fwv7_99) > .awsui_header_5gtk3_1fwv7_105 {
106
- padding-bottom: var(--space-content-header-padding-bottom-y2enua, 16px);
105
+ .awsui_layout_5gtk3_1urnx_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1urnx_99) > .awsui_header_5gtk3_1urnx_105 {
106
+ padding-block-end: var(--space-content-header-padding-bottom-y2enua, 16px);
107
107
  }
108
108
 
109
- .awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99:not(#\9) {
109
+ .awsui_layout_5gtk3_1urnx_99.awsui_is-visual-refresh_5gtk3_1urnx_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-height: 100%;
113
+ min-block-size: 100%;
114
114
  }
115
- .awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99 > .awsui_background_5gtk3_1fwv7_102:not(#\9) {
115
+ .awsui_layout_5gtk3_1urnx_99.awsui_is-visual-refresh_5gtk3_1urnx_99 > .awsui_background_5gtk3_1urnx_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-at06ol, #000716);
120
120
  }
121
- .awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99 > .awsui_background_5gtk3_1fwv7_102.awsui_is-overlap-disabled_5gtk3_1fwv7_121:not(#\9) {
121
+ .awsui_layout_5gtk3_1urnx_99.awsui_is-visual-refresh_5gtk3_1urnx_99 > .awsui_background_5gtk3_1urnx_102.awsui_is-overlap-disabled_5gtk3_1urnx_121:not(#\9) {
122
122
  grid-row: 1/2;
123
123
  }
124
- .awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99 > .awsui_header_5gtk3_1fwv7_105:not(#\9) {
124
+ .awsui_layout_5gtk3_1urnx_99.awsui_is-visual-refresh_5gtk3_1urnx_99 > .awsui_header_5gtk3_1urnx_105:not(#\9) {
125
125
  grid-column: 1;
126
126
  grid-row: 1;
127
- padding-bottom: var(--space-content-header-padding-bottom-y2enua, 16px);
127
+ padding-block-end: var(--space-content-header-padding-bottom-y2enua, 16px);
128
128
  }
129
- .awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99 > .awsui_content_5gtk3_1fwv7_129:not(#\9) {
129
+ .awsui_layout_5gtk3_1urnx_99.awsui_is-visual-refresh_5gtk3_1urnx_99 > .awsui_content_5gtk3_1urnx_129:not(#\9) {
130
130
  grid-column: 1;
131
131
  grid-row: 2/4;
132
132
  }
133
- .awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99:not(#\9):not(.awsui_has-header_5gtk3_1fwv7_133) {
133
+ .awsui_layout_5gtk3_1urnx_99.awsui_is-visual-refresh_5gtk3_1urnx_99:not(#\9):not(.awsui_has-header_5gtk3_1urnx_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_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99:not(#\9):not(.awsui_has-header_5gtk3_1fwv7_133) > .awsui_content_5gtk3_1fwv7_129 {
139
- padding-top: var(--awsui-container-first-gap-y98gph, 0px);
138
+ .awsui_layout_5gtk3_1urnx_99.awsui_is-visual-refresh_5gtk3_1urnx_99:not(#\9):not(.awsui_has-header_5gtk3_1urnx_133) > .awsui_content_5gtk3_1urnx_129 {
139
+ padding-block-start: var(--awsui-container-first-gap-y98gph, 0px);
140
140
  }
141
- .awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99.awsui_is-overlap-disabled_5gtk3_1fwv7_121:not(#\9) {
141
+ .awsui_layout_5gtk3_1urnx_99.awsui_is-visual-refresh_5gtk3_1urnx_99.awsui_is-overlap-disabled_5gtk3_1urnx_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_1fwv7_99",
6
- "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1fwv7_99",
7
- "background": "awsui_background_5gtk3_1fwv7_102",
8
- "header": "awsui_header_5gtk3_1fwv7_105",
9
- "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1fwv7_121",
10
- "content": "awsui_content_5gtk3_1fwv7_129",
11
- "has-header": "awsui_has-header_5gtk3_1fwv7_133"
5
+ "layout": "awsui_layout_5gtk3_1urnx_99",
6
+ "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1urnx_99",
7
+ "background": "awsui_background_5gtk3_1urnx_102",
8
+ "header": "awsui_header_5gtk3_1urnx_105",
9
+ "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1urnx_121",
10
+ "content": "awsui_content_5gtk3_1urnx_129",
11
+ "has-header": "awsui_has-header_5gtk3_1urnx_133"
12
12
  };
13
13
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["date-picker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAyB/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FA0Kf,CAAC;AAGF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["date-picker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAyB/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FA6Kf,CAAC;AAGF,eAAe,UAAU,CAAC"}
@@ -26,7 +26,7 @@ import LiveRegion from '../internal/components/live-region';
26
26
  import { useFormFieldContext } from '../contexts/form-field.js';
27
27
  import { useLocale } from '../i18n/context.js';
28
28
  const DatePicker = React.forwardRef((_a, ref) => {
29
- var { locale = '', startOfWeek, isDateEnabled, nextMonthAriaLabel, previousMonthAriaLabel, todayAriaLabel, placeholder = '', value = '', readOnly = false, disabled = false, onBlur, autoFocus = false, onChange, onFocus, name, ariaLabel, ariaRequired, controlId, invalid, openCalendarAriaLabel, expandToViewport } = _a, restProps = __rest(_a, ["locale", "startOfWeek", "isDateEnabled", "nextMonthAriaLabel", "previousMonthAriaLabel", "todayAriaLabel", "placeholder", "value", "readOnly", "disabled", "onBlur", "autoFocus", "onChange", "onFocus", "name", "ariaLabel", "ariaRequired", "controlId", "invalid", "openCalendarAriaLabel", "expandToViewport"]);
29
+ var { locale = '', startOfWeek, isDateEnabled, nextMonthAriaLabel, previousMonthAriaLabel, todayAriaLabel, i18nStrings, placeholder = '', value = '', readOnly = false, disabled = false, onBlur, autoFocus = false, onChange, onFocus, name, ariaLabel, ariaRequired, controlId, invalid, openCalendarAriaLabel, expandToViewport } = _a, restProps = __rest(_a, ["locale", "startOfWeek", "isDateEnabled", "nextMonthAriaLabel", "previousMonthAriaLabel", "todayAriaLabel", "i18nStrings", "placeholder", "value", "readOnly", "disabled", "onBlur", "autoFocus", "onChange", "onFocus", "name", "ariaLabel", "ariaRequired", "controlId", "invalid", "openCalendarAriaLabel", "expandToViewport"]);
30
30
  const { __internalRootRef } = useBaseComponent('DatePicker');
31
31
  checkControlled('DatePicker', 'value', value, 'onChange', onChange);
32
32
  const contextLocale = useLocale();
@@ -85,7 +85,11 @@ const DatePicker = React.forwardRef((_a, ref) => {
85
85
  fireNonCancelableEvent(onChange, e.detail);
86
86
  (_a = buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
87
87
  setIsDropDownOpen(false);
88
- }, locale: normalizedLocale, startOfWeek: startOfWeek, ariaDescribedby: calendarDescriptionId, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, isDateEnabled: isDateEnabled, todayAriaLabel: todayAriaLabel, nextMonthAriaLabel: nextMonthAriaLabel, previousMonthAriaLabel: previousMonthAriaLabel }),
88
+ }, locale: normalizedLocale, startOfWeek: startOfWeek, ariaDescribedby: calendarDescriptionId, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, isDateEnabled: isDateEnabled, i18nStrings: {
89
+ todayAriaLabel: (i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.todayAriaLabel) || todayAriaLabel,
90
+ nextMonthAriaLabel: (i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.nextMonthAriaLabel) || nextMonthAriaLabel,
91
+ previousMonthAriaLabel: (i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.previousMonthAriaLabel) || previousMonthAriaLabel,
92
+ } }),
89
93
  React.createElement(LiveRegion, { id: calendarDescriptionId }, renderMonthAndYear(normalizedLocale, baseDate)))))))));
90
94
  });
91
95
  applyDisplayName(DatePicker, 'DatePicker');