@cloudscape-design/components 3.0.522 → 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 (147) 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/styles.css.js +18 -18
  73. package/calendar/styles.scoped.css +75 -59
  74. package/calendar/styles.selectors.js +18 -18
  75. package/cards/styles.css.js +40 -40
  76. package/cards/styles.scoped.css +126 -99
  77. package/cards/styles.selectors.js +40 -40
  78. package/code-editor/resizable-box/styles.css.js +3 -3
  79. package/code-editor/resizable-box/styles.scoped.css +10 -10
  80. package/code-editor/resizable-box/styles.selectors.js +3 -3
  81. package/code-editor/styles.css.js +32 -32
  82. package/code-editor/styles.scoped.css +210 -198
  83. package/code-editor/styles.selectors.js +32 -32
  84. package/collection-preferences/content-display/styles.css.js +11 -11
  85. package/collection-preferences/content-display/styles.scoped.css +40 -30
  86. package/collection-preferences/content-display/styles.selectors.js +11 -11
  87. package/collection-preferences/styles.css.js +37 -37
  88. package/collection-preferences/styles.scoped.css +79 -66
  89. package/collection-preferences/styles.selectors.js +37 -37
  90. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  91. package/column-layout/flexible-column-layout/styles.scoped.css +8 -9
  92. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  93. package/column-layout/styles.css.js +13 -13
  94. package/column-layout/styles.scoped.css +70 -64
  95. package/column-layout/styles.selectors.js +13 -13
  96. package/container/styles.css.js +30 -30
  97. package/container/styles.scoped.css +114 -106
  98. package/container/styles.selectors.js +30 -30
  99. package/content-layout/styles.css.js +7 -7
  100. package/content-layout/styles.scoped.css +15 -15
  101. package/content-layout/styles.selectors.js +7 -7
  102. package/date-picker/styles.css.js +7 -7
  103. package/date-picker/styles.scoped.css +12 -12
  104. package/date-picker/styles.selectors.js +7 -7
  105. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  106. package/date-range-picker/calendar/grids/styles.scoped.css +71 -60
  107. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  108. package/date-range-picker/relative-range/styles.css.js +9 -9
  109. package/date-range-picker/relative-range/styles.scoped.css +21 -21
  110. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  111. package/date-range-picker/styles.css.js +38 -38
  112. package/date-range-picker/styles.scoped.css +72 -67
  113. package/date-range-picker/styles.selectors.js +38 -38
  114. package/drawer/styles.css.js +3 -3
  115. package/drawer/styles.scoped.css +21 -18
  116. package/drawer/styles.selectors.js +3 -3
  117. package/expandable-section/styles.css.js +32 -32
  118. package/expandable-section/styles.scoped.css +103 -98
  119. package/expandable-section/styles.selectors.js +32 -32
  120. package/file-upload/dropzone/styles.css.js +2 -2
  121. package/file-upload/dropzone/styles.scoped.css +8 -4
  122. package/file-upload/dropzone/styles.selectors.js +2 -2
  123. package/file-upload/file-option/styles.css.js +7 -7
  124. package/file-upload/file-option/styles.scoped.css +15 -15
  125. package/file-upload/file-option/styles.selectors.js +7 -7
  126. package/file-upload/styles.css.js +2 -2
  127. package/file-upload/styles.scoped.css +4 -4
  128. package/file-upload/styles.selectors.js +2 -2
  129. package/flashbar/styles.css.js +47 -47
  130. package/flashbar/styles.scoped.css +220 -215
  131. package/flashbar/styles.selectors.js +47 -47
  132. package/form/styles.css.js +9 -9
  133. package/form/styles.scoped.css +18 -18
  134. package/form/styles.selectors.js +9 -9
  135. package/form-field/styles.css.js +19 -19
  136. package/form-field/styles.scoped.css +34 -34
  137. package/form-field/styles.selectors.js +19 -19
  138. package/internal/environment.js +1 -1
  139. package/internal/environment.json +1 -1
  140. package/internal/manifest.json +1 -1
  141. package/modal/styles.css.js +23 -23
  142. package/modal/styles.scoped.css +39 -39
  143. package/modal/styles.selectors.js +23 -23
  144. package/package.json +1 -1
  145. package/tiles/styles.css.js +29 -29
  146. package/tiles/styles.scoped.css +97 -91
  147. package/tiles/styles.selectors.js +29 -29
@@ -90,11 +90,11 @@ 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_calendar_mgja0_xjfcx_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in-0_mgja0_xjfcx_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
93
+ .awsui_calendar_mgja0_1nkdu_93:not(#\9) {
94
+ animation: awsui_awsui-motion-fade-in-0_mgja0_1nkdu_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
95
95
  animation-fill-mode: both;
96
96
  }
97
- @keyframes awsui_awsui-motion-fade-in-0_mgja0_xjfcx_1 {
97
+ @keyframes awsui_awsui-motion-fade-in-0_mgja0_1nkdu_1 {
98
98
  from {
99
99
  opacity: 0;
100
100
  }
@@ -103,12 +103,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
103
103
  }
104
104
  }
105
105
  @media (prefers-reduced-motion: reduce) {
106
- .awsui_calendar_mgja0_xjfcx_93:not(#\9) {
106
+ .awsui_calendar_mgja0_1nkdu_93:not(#\9) {
107
107
  animation: none;
108
108
  transition: none;
109
109
  }
110
110
  }
111
- .awsui-motion-disabled .awsui_calendar_mgja0_xjfcx_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_xjfcx_93:not(#\9) {
111
+ .awsui-motion-disabled .awsui_calendar_mgja0_1nkdu_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_1nkdu_93:not(#\9) {
112
112
  animation: none;
113
113
  transition: none;
114
114
  }
@@ -117,7 +117,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
117
117
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
118
118
  SPDX-License-Identifier: Apache-2.0
119
119
  */
120
- .awsui_root_mgja0_xjfcx_120:not(#\9) {
120
+ .awsui_root_mgja0_1nkdu_120:not(#\9) {
121
121
  border-collapse: separate;
122
122
  border-spacing: 0;
123
123
  box-sizing: border-box;
@@ -151,48 +151,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
151
151
  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
152
152
  -webkit-font-smoothing: auto;
153
153
  -moz-osx-font-smoothing: auto;
154
- max-width: 32em;
154
+ max-inline-size: 32em;
155
155
  }
156
156
 
157
- .awsui_focus-lock_mgja0_xjfcx_156:not(#\9) {
157
+ .awsui_focus-lock_mgja0_1nkdu_156:not(#\9) {
158
158
  display: contents;
159
159
  }
160
160
 
161
- .awsui_trigger-wrapper_mgja0_xjfcx_160:not(#\9) {
162
- min-width: calc(var(--size-calendar-grid-width-lrunz7, 238px) + 2 * var(--space-l-t419sm, 20px));
161
+ .awsui_trigger-wrapper_mgja0_1nkdu_160:not(#\9) {
162
+ min-inline-size: calc(var(--size-calendar-grid-width-lrunz7, 238px) + 2 * var(--space-l-t419sm, 20px));
163
163
  }
164
164
 
165
- .awsui_trigger-flexbox_mgja0_xjfcx_164:not(#\9) {
165
+ .awsui_trigger-flexbox_mgja0_1nkdu_164:not(#\9) {
166
166
  display: flex;
167
167
  }
168
168
 
169
- .awsui_calendar-container_mgja0_xjfcx_168:not(#\9) {
170
- width: calc(2 * var(--size-calendar-grid-width-lrunz7, 238px) + var(--space-xs-zb16t3, 8px));
169
+ .awsui_calendar-container_mgja0_1nkdu_168:not(#\9) {
170
+ inline-size: calc(2 * var(--size-calendar-grid-width-lrunz7, 238px) + var(--space-xs-zb16t3, 8px));
171
171
  }
172
- .awsui_calendar-container_mgja0_xjfcx_168.awsui_one-grid_mgja0_xjfcx_171:not(#\9) {
173
- width: var(--size-calendar-grid-width-lrunz7, 238px);
172
+ .awsui_calendar-container_mgja0_1nkdu_168.awsui_one-grid_mgja0_1nkdu_171:not(#\9) {
173
+ inline-size: var(--size-calendar-grid-width-lrunz7, 238px);
174
174
  }
175
175
 
176
- .awsui_calendar-header_mgja0_xjfcx_175:not(#\9) {
176
+ .awsui_calendar-header_mgja0_1nkdu_175:not(#\9) {
177
177
  display: flex;
178
178
  justify-content: space-between;
179
179
  align-items: center;
180
180
  position: relative;
181
181
  }
182
- .awsui_calendar-header-months-wrapper_mgja0_xjfcx_181:not(#\9) {
182
+ .awsui_calendar-header-months-wrapper_mgja0_1nkdu_181:not(#\9) {
183
183
  position: absolute;
184
- right: 0;
185
- left: 0;
186
- top: 0;
187
- bottom: 0;
188
- margin: 0;
184
+ inset: 0;
185
+ margin-block: 0;
186
+ margin-inline: 0;
189
187
  display: flex;
190
188
  justify-content: space-around;
191
189
  align-items: center;
192
190
  flex: 1;
193
191
  pointer-events: none;
194
192
  }
195
- .awsui_calendar-header-month_mgja0_xjfcx_181:not(#\9) {
193
+ .awsui_calendar-header-month_mgja0_1nkdu_181:not(#\9) {
196
194
  font-size: var(--font-size-body-m-x4okxb, 14px);
197
195
  line-height: var(--line-height-body-m-30ar75, 20px);
198
196
  font-weight: 700;
@@ -200,90 +198,97 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
200
198
  display: flex;
201
199
  pointer-events: auto;
202
200
  }
203
- .awsui_calendar-next-month-btn_mgja0_xjfcx_202:not(#\9) {
201
+ .awsui_calendar-next-month-btn_mgja0_1nkdu_200:not(#\9) {
204
202
  /* used for identifying element */
205
203
  }
206
- .awsui_calendar-prev-month-btn_mgja0_xjfcx_205:not(#\9) {
204
+ .awsui_calendar-prev-month-btn_mgja0_1nkdu_203:not(#\9) {
207
205
  /* used for identifying element */
208
206
  }
209
207
 
210
- .awsui_first-grid_mgja0_xjfcx_209:not(#\9),
211
- .awsui_second-grid_mgja0_xjfcx_210:not(#\9) {
208
+ .awsui_first-grid_mgja0_1nkdu_207:not(#\9),
209
+ .awsui_second-grid_mgja0_1nkdu_208:not(#\9) {
212
210
  /* used in test-utils */
213
211
  }
214
212
 
215
- .awsui_date-and-time-container_mgja0_xjfcx_214:not(#\9) {
213
+ .awsui_date-and-time-container_mgja0_1nkdu_212:not(#\9) {
216
214
  display: grid;
217
215
  grid-template-columns: repeat(auto-fit, minmax(var(--size-calendar-grid-width-lrunz7, 238px), 1fr));
218
216
  gap: var(--space-xs-zb16t3, 8px);
219
217
  }
220
218
 
221
- .awsui_date-and-time-wrapper_mgja0_xjfcx_220:not(#\9) {
222
- width: var(--size-calendar-grid-width-lrunz7, 238px);
219
+ .awsui_date-and-time-wrapper_mgja0_1nkdu_218:not(#\9) {
220
+ inline-size: var(--size-calendar-grid-width-lrunz7, 238px);
223
221
  display: grid;
224
222
  gap: var(--space-xs-zb16t3, 8px);
225
223
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
226
224
  }
227
225
 
228
- .awsui_footer_mgja0_xjfcx_227:not(#\9) {
226
+ .awsui_footer_mgja0_1nkdu_225:not(#\9) {
229
227
  display: flex;
230
228
  flex-wrap: wrap;
231
229
  justify-content: flex-end;
232
- border-top: 1px solid var(--color-border-dropdown-item-default-k36ra7, #b6bec9);
233
- padding: 0 var(--space-l-t419sm, 20px) var(--space-s-34lx8l, 12px);
230
+ border-block-start: 1px solid var(--color-border-dropdown-item-default-k36ra7, #b6bec9);
231
+ padding-block-start: 0;
232
+ padding-block-end: var(--space-s-34lx8l, 12px);
233
+ padding-inline: var(--space-l-t419sm, 20px);
234
234
  }
235
- .awsui_footer_mgja0_xjfcx_227.awsui_has-clear-button_mgja0_xjfcx_234:not(#\9) {
235
+ .awsui_footer_mgja0_1nkdu_225.awsui_has-clear-button_mgja0_1nkdu_234:not(#\9) {
236
236
  justify-content: space-between;
237
237
  }
238
- .awsui_footer_mgja0_xjfcx_227.awsui_one-grid_mgja0_xjfcx_171:not(#\9) {
239
- padding: 0 var(--space-xs-zb16t3, 8px) var(--space-s-34lx8l, 12px);
238
+ .awsui_footer_mgja0_1nkdu_225.awsui_one-grid_mgja0_1nkdu_171:not(#\9) {
239
+ padding-block-start: 0;
240
+ padding-block-end: var(--space-s-34lx8l, 12px);
241
+ padding-inline: var(--space-xs-zb16t3, 8px);
240
242
  }
241
243
 
242
- .awsui_footer-button-wrapper_mgja0_xjfcx_241:not(#\9) {
243
- padding-top: var(--space-s-34lx8l, 12px);
244
+ .awsui_footer-button-wrapper_mgja0_1nkdu_243:not(#\9) {
245
+ padding-block-start: var(--space-s-34lx8l, 12px);
244
246
  }
245
- .awsui_footer-button-wrapper_mgja0_xjfcx_241:not(#\9):last-child {
246
- margin-left: auto;
247
+ .awsui_footer-button-wrapper_mgja0_1nkdu_243:not(#\9):last-child {
248
+ margin-inline-start: auto;
247
249
  }
248
250
 
249
- .awsui_icon-wrapper_mgja0_xjfcx_248:not(#\9) {
251
+ .awsui_icon-wrapper_mgja0_1nkdu_250:not(#\9) {
250
252
  color: var(--color-text-interactive-default-lnx6lk, #414d5c);
251
- margin-right: var(--space-xs-zb16t3, 8px);
253
+ margin-inline-end: var(--space-xs-zb16t3, 8px);
252
254
  }
253
255
 
254
- .awsui_label_mgja0_xjfcx_253:not(#\9) {
256
+ .awsui_label_mgja0_1nkdu_255:not(#\9) {
255
257
  -webkit-user-select: text;
256
258
  user-select: text;
257
259
  cursor: default;
258
260
  }
259
261
 
260
- .awsui_label_mgja0_xjfcx_253.awsui_label-enabled_mgja0_xjfcx_258:not(#\9):hover > .awsui_trigger-flexbox_mgja0_xjfcx_164 > .awsui_icon-wrapper_mgja0_xjfcx_248 {
262
+ .awsui_label_mgja0_1nkdu_255.awsui_label-enabled_mgja0_1nkdu_260:not(#\9):hover > .awsui_trigger-flexbox_mgja0_1nkdu_164 > .awsui_icon-wrapper_mgja0_1nkdu_250 {
261
263
  color: var(--color-text-interactive-hover-mj8add, #000716);
262
264
  }
263
265
 
264
- .awsui_label-text_mgja0_xjfcx_262:not(#\9) {
266
+ .awsui_label-text_mgja0_1nkdu_264:not(#\9) {
265
267
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
266
268
  font-style: italic;
267
269
  }
268
270
 
269
- .awsui_label-token-nowrap_mgja0_xjfcx_267:not(#\9) {
271
+ .awsui_label-token-nowrap_mgja0_1nkdu_269:not(#\9) {
270
272
  white-space: nowrap;
271
273
  }
272
274
 
273
- .awsui_mode-switch_mgja0_xjfcx_271:not(#\9) {
275
+ .awsui_mode-switch_mgja0_1nkdu_273:not(#\9) {
274
276
  /* used in test-utils */
275
277
  }
276
278
 
277
- .awsui_dropdown_mgja0_xjfcx_275:not(#\9) {
279
+ .awsui_dropdown_mgja0_1nkdu_277:not(#\9) {
278
280
  overflow: auto;
279
- border-top: 1px solid var(--color-border-container-top-736buh, transparent);
280
- border-bottom: 1px solid var(--color-border-container-top-736buh, transparent);
281
- border-radius: var(--border-radius-dropdown-0dhh79, 8px);
281
+ border-block-start: 1px solid var(--color-border-container-top-736buh, transparent);
282
+ border-block-end: 1px solid var(--color-border-container-top-736buh, transparent);
283
+ border-start-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
284
+ border-start-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
285
+ border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
286
+ border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
282
287
  }
283
- .awsui_dropdown_mgja0_xjfcx_275:not(#\9):focus {
288
+ .awsui_dropdown_mgja0_1nkdu_277:not(#\9):focus {
284
289
  outline: none;
285
290
  }
286
- body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_xjfcx_275:not(#\9):focus {
291
+ body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_1nkdu_277:not(#\9):focus {
287
292
  outline: 2px dotted transparent;
288
293
  outline-offset: 2px;
289
294
  border-start-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
@@ -293,43 +298,43 @@ body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_xjfcx_275:not(#\9):foc
293
298
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
294
299
  }
295
300
 
296
- .awsui_dropdown-content_mgja0_xjfcx_294:not(#\9) {
301
+ .awsui_dropdown-content_mgja0_1nkdu_299:not(#\9) {
297
302
  -webkit-user-select: text;
298
303
  user-select: text;
299
304
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
300
- width: calc(2 * var(--size-calendar-grid-width-lrunz7, 238px) + var(--space-xs-zb16t3, 8px) + 2 * var(--space-l-t419sm, 20px));
305
+ inline-size: calc(2 * var(--size-calendar-grid-width-lrunz7, 238px) + var(--space-xs-zb16t3, 8px) + 2 * var(--space-l-t419sm, 20px));
301
306
  }
302
- .awsui_dropdown-content_mgja0_xjfcx_294.awsui_one-grid_mgja0_xjfcx_171:not(#\9) {
303
- width: calc(var(--size-calendar-grid-width-lrunz7, 238px) + 2 * var(--space-l-t419sm, 20px));
307
+ .awsui_dropdown-content_mgja0_1nkdu_299.awsui_one-grid_mgja0_1nkdu_171:not(#\9) {
308
+ inline-size: calc(var(--size-calendar-grid-width-lrunz7, 238px) + 2 * var(--space-l-t419sm, 20px));
304
309
  }
305
310
 
306
- .awsui_start-date-input_mgja0_xjfcx_303:not(#\9),
307
- .awsui_start-time-input_mgja0_xjfcx_304:not(#\9),
308
- .awsui_end-date-input_mgja0_xjfcx_305:not(#\9),
309
- .awsui_end-time-input_mgja0_xjfcx_306:not(#\9) {
311
+ .awsui_start-date-input_mgja0_1nkdu_308:not(#\9),
312
+ .awsui_start-time-input_mgja0_1nkdu_309:not(#\9),
313
+ .awsui_end-date-input_mgja0_1nkdu_310:not(#\9),
314
+ .awsui_end-time-input_mgja0_1nkdu_311:not(#\9) {
310
315
  /* used in test-utils */
311
316
  }
312
317
 
313
- .awsui_validation-section_mgja0_xjfcx_310:not(#\9) {
318
+ .awsui_validation-section_mgja0_1nkdu_315:not(#\9) {
314
319
  /* used in test-utils */
315
320
  }
316
321
 
317
- .awsui_validation-error_mgja0_xjfcx_314:not(#\9) {
322
+ .awsui_validation-error_mgja0_1nkdu_319:not(#\9) {
318
323
  /* used in test-utils */
319
324
  }
320
325
 
321
- .awsui_clear-button_mgja0_xjfcx_318:not(#\9) {
326
+ .awsui_clear-button_mgja0_1nkdu_323:not(#\9) {
322
327
  /* used in test-utils */
323
328
  }
324
329
 
325
- .awsui_apply-button_mgja0_xjfcx_322:not(#\9) {
330
+ .awsui_apply-button_mgja0_1nkdu_327:not(#\9) {
326
331
  /* used in test-utils */
327
332
  }
328
333
 
329
- .awsui_cancel-button_mgja0_xjfcx_326:not(#\9) {
334
+ .awsui_cancel-button_mgja0_1nkdu_331:not(#\9) {
330
335
  /* used in test-utils */
331
336
  }
332
337
 
333
- .awsui_calendar-aria-live_mgja0_xjfcx_330:not(#\9) {
338
+ .awsui_calendar-aria-live_mgja0_1nkdu_335:not(#\9) {
334
339
  /* used in test-utils */
335
340
  }
@@ -2,43 +2,43 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "calendar": "awsui_calendar_mgja0_xjfcx_93",
6
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_xjfcx_1",
7
- "root": "awsui_root_mgja0_xjfcx_120",
8
- "focus-lock": "awsui_focus-lock_mgja0_xjfcx_156",
9
- "trigger-wrapper": "awsui_trigger-wrapper_mgja0_xjfcx_160",
10
- "trigger-flexbox": "awsui_trigger-flexbox_mgja0_xjfcx_164",
11
- "calendar-container": "awsui_calendar-container_mgja0_xjfcx_168",
12
- "one-grid": "awsui_one-grid_mgja0_xjfcx_171",
13
- "calendar-header": "awsui_calendar-header_mgja0_xjfcx_175",
14
- "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_xjfcx_181",
15
- "calendar-header-month": "awsui_calendar-header-month_mgja0_xjfcx_181",
16
- "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_xjfcx_202",
17
- "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_xjfcx_205",
18
- "first-grid": "awsui_first-grid_mgja0_xjfcx_209",
19
- "second-grid": "awsui_second-grid_mgja0_xjfcx_210",
20
- "date-and-time-container": "awsui_date-and-time-container_mgja0_xjfcx_214",
21
- "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_xjfcx_220",
22
- "footer": "awsui_footer_mgja0_xjfcx_227",
23
- "has-clear-button": "awsui_has-clear-button_mgja0_xjfcx_234",
24
- "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_xjfcx_241",
25
- "icon-wrapper": "awsui_icon-wrapper_mgja0_xjfcx_248",
26
- "label": "awsui_label_mgja0_xjfcx_253",
27
- "label-enabled": "awsui_label-enabled_mgja0_xjfcx_258",
28
- "label-text": "awsui_label-text_mgja0_xjfcx_262",
29
- "label-token-nowrap": "awsui_label-token-nowrap_mgja0_xjfcx_267",
30
- "mode-switch": "awsui_mode-switch_mgja0_xjfcx_271",
31
- "dropdown": "awsui_dropdown_mgja0_xjfcx_275",
32
- "dropdown-content": "awsui_dropdown-content_mgja0_xjfcx_294",
33
- "start-date-input": "awsui_start-date-input_mgja0_xjfcx_303",
34
- "start-time-input": "awsui_start-time-input_mgja0_xjfcx_304",
35
- "end-date-input": "awsui_end-date-input_mgja0_xjfcx_305",
36
- "end-time-input": "awsui_end-time-input_mgja0_xjfcx_306",
37
- "validation-section": "awsui_validation-section_mgja0_xjfcx_310",
38
- "validation-error": "awsui_validation-error_mgja0_xjfcx_314",
39
- "clear-button": "awsui_clear-button_mgja0_xjfcx_318",
40
- "apply-button": "awsui_apply-button_mgja0_xjfcx_322",
41
- "cancel-button": "awsui_cancel-button_mgja0_xjfcx_326",
42
- "calendar-aria-live": "awsui_calendar-aria-live_mgja0_xjfcx_330"
5
+ "calendar": "awsui_calendar_mgja0_1nkdu_93",
6
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_1nkdu_1",
7
+ "root": "awsui_root_mgja0_1nkdu_120",
8
+ "focus-lock": "awsui_focus-lock_mgja0_1nkdu_156",
9
+ "trigger-wrapper": "awsui_trigger-wrapper_mgja0_1nkdu_160",
10
+ "trigger-flexbox": "awsui_trigger-flexbox_mgja0_1nkdu_164",
11
+ "calendar-container": "awsui_calendar-container_mgja0_1nkdu_168",
12
+ "one-grid": "awsui_one-grid_mgja0_1nkdu_171",
13
+ "calendar-header": "awsui_calendar-header_mgja0_1nkdu_175",
14
+ "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_1nkdu_181",
15
+ "calendar-header-month": "awsui_calendar-header-month_mgja0_1nkdu_181",
16
+ "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_1nkdu_200",
17
+ "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_1nkdu_203",
18
+ "first-grid": "awsui_first-grid_mgja0_1nkdu_207",
19
+ "second-grid": "awsui_second-grid_mgja0_1nkdu_208",
20
+ "date-and-time-container": "awsui_date-and-time-container_mgja0_1nkdu_212",
21
+ "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_1nkdu_218",
22
+ "footer": "awsui_footer_mgja0_1nkdu_225",
23
+ "has-clear-button": "awsui_has-clear-button_mgja0_1nkdu_234",
24
+ "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_1nkdu_243",
25
+ "icon-wrapper": "awsui_icon-wrapper_mgja0_1nkdu_250",
26
+ "label": "awsui_label_mgja0_1nkdu_255",
27
+ "label-enabled": "awsui_label-enabled_mgja0_1nkdu_260",
28
+ "label-text": "awsui_label-text_mgja0_1nkdu_264",
29
+ "label-token-nowrap": "awsui_label-token-nowrap_mgja0_1nkdu_269",
30
+ "mode-switch": "awsui_mode-switch_mgja0_1nkdu_273",
31
+ "dropdown": "awsui_dropdown_mgja0_1nkdu_277",
32
+ "dropdown-content": "awsui_dropdown-content_mgja0_1nkdu_299",
33
+ "start-date-input": "awsui_start-date-input_mgja0_1nkdu_308",
34
+ "start-time-input": "awsui_start-time-input_mgja0_1nkdu_309",
35
+ "end-date-input": "awsui_end-date-input_mgja0_1nkdu_310",
36
+ "end-time-input": "awsui_end-time-input_mgja0_1nkdu_311",
37
+ "validation-section": "awsui_validation-section_mgja0_1nkdu_315",
38
+ "validation-error": "awsui_validation-error_mgja0_1nkdu_319",
39
+ "clear-button": "awsui_clear-button_mgja0_1nkdu_323",
40
+ "apply-button": "awsui_apply-button_mgja0_1nkdu_327",
41
+ "cancel-button": "awsui_cancel-button_mgja0_1nkdu_331",
42
+ "calendar-aria-live": "awsui_calendar-aria-live_mgja0_1nkdu_335"
43
43
  };
44
44
 
@@ -1,8 +1,8 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "drawer": "awsui_drawer_1sxt8_10ota_94",
5
- "header": "awsui_header_1sxt8_10ota_131",
6
- "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_10ota_160"
4
+ "drawer": "awsui_drawer_1sxt8_1td5m_94",
5
+ "header": "awsui_header_1sxt8_1td5m_134",
6
+ "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1td5m_163"
7
7
  };
8
8
 
@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
93
  /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
94
- .awsui_drawer_1sxt8_10ota_94:not(#\9) {
94
+ .awsui_drawer_1sxt8_1td5m_94:not(#\9) {
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
97
97
  box-sizing: border-box;
@@ -126,38 +126,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
126
126
  -webkit-font-smoothing: auto;
127
127
  -moz-osx-font-smoothing: auto;
128
128
  word-wrap: break-word;
129
- padding: var(--space-scaled-l-0hpmd7, 20px) var(--space-panel-side-right-xofg51, 24px) var(--space-scaled-xxxl-fdg8ai, 40px) var(--space-panel-side-left-5t0who, 28px);
129
+ padding-block-start: var(--space-scaled-l-0hpmd7, 20px);
130
+ padding-block-end: var(--space-scaled-xxxl-fdg8ai, 40px);
131
+ padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
132
+ padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
130
133
  }
131
134
 
132
- .awsui_header_1sxt8_10ota_131:not(#\9) {
135
+ .awsui_header_1sxt8_1td5m_134:not(#\9) {
133
136
  font-size: var(--font-panel-header-size-edjz3l, 18px);
134
137
  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
135
138
  font-weight: var(--font-weight-heading-l-f8711v, 700);
136
139
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
137
140
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
138
141
  color: var(--color-text-heading-default-lstrpn, #000716);
139
- padding-bottom: var(--space-scaled-l-0hpmd7, 20px);
140
- padding-left: var(--space-panel-side-left-5t0who, 28px);
141
- padding-right: calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxl-wbot5q, 32px));
142
- border-bottom: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
143
- margin: 0 calc(-1 * var(--space-panel-side-right-xofg51, 24px)) var(--space-scaled-l-0hpmd7, 20px) calc(-1 * var(--space-panel-side-left-5t0who, 28px));
142
+ padding-block-end: var(--space-scaled-l-0hpmd7, 20px);
143
+ padding-inline: var(--space-panel-side-left-5t0who, 28px) calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxl-wbot5q, 32px));
144
+ border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
145
+ margin-block-start: 0;
146
+ margin-block-end: var(--space-scaled-l-0hpmd7, 20px);
147
+ margin-inline-end: calc(-1 * var(--space-panel-side-right-xofg51, 24px));
148
+ margin-inline-start: calc(-1 * var(--space-panel-side-left-5t0who, 28px));
144
149
  }
145
- .awsui_header_1sxt8_10ota_131 h2:not(#\9),
146
- .awsui_header_1sxt8_10ota_131 h3:not(#\9),
147
- .awsui_header_1sxt8_10ota_131 h4:not(#\9),
148
- .awsui_header_1sxt8_10ota_131 h5:not(#\9),
149
- .awsui_header_1sxt8_10ota_131 h6:not(#\9) {
150
+ .awsui_header_1sxt8_1td5m_134 h2:not(#\9),
151
+ .awsui_header_1sxt8_1td5m_134 h3:not(#\9),
152
+ .awsui_header_1sxt8_1td5m_134 h4:not(#\9),
153
+ .awsui_header_1sxt8_1td5m_134 h5:not(#\9),
154
+ .awsui_header_1sxt8_1td5m_134 h6:not(#\9) {
150
155
  font-size: var(--font-panel-header-size-edjz3l, 18px);
151
156
  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
152
157
  font-weight: var(--font-weight-heading-l-f8711v, 700);
153
158
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
154
159
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
155
- padding-top: 0;
156
- padding-bottom: 0;
157
- margin-top: 0;
158
- margin-bottom: 0;
160
+ padding-block: 0;
161
+ margin-block: 0;
159
162
  }
160
163
 
161
- .awsui_test-utils-drawer-content_1sxt8_10ota_160:not(#\9) {
164
+ .awsui_test-utils-drawer-content_1sxt8_1td5m_163:not(#\9) {
162
165
  /* used in test-utils */
163
166
  }
@@ -2,8 +2,8 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "drawer": "awsui_drawer_1sxt8_10ota_94",
6
- "header": "awsui_header_1sxt8_10ota_131",
7
- "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_10ota_160"
5
+ "drawer": "awsui_drawer_1sxt8_1td5m_94",
6
+ "header": "awsui_header_1sxt8_1td5m_134",
7
+ "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1td5m_163"
8
8
  };
9
9
 
@@ -1,37 +1,37 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "content-enter": "awsui_content-enter_gwq0h_1lf18_97",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1lf18_1",
6
- "trigger-expanded": "awsui_trigger-expanded_gwq0h_1lf18_119",
7
- "icon": "awsui_icon_gwq0h_1lf18_133",
8
- "root": "awsui_root_gwq0h_1lf18_151",
9
- "expand-button": "awsui_expand-button_gwq0h_1lf18_189",
10
- "expanded": "awsui_expanded_gwq0h_1lf18_196",
11
- "icon-container": "awsui_icon-container_gwq0h_1lf18_200",
12
- "icon-container-container": "awsui_icon-container-container_gwq0h_1lf18_205",
13
- "wrapper": "awsui_wrapper_gwq0h_1lf18_209",
14
- "wrapper-default": "awsui_wrapper-default_gwq0h_1lf18_216",
15
- "wrapper-footer": "awsui_wrapper-footer_gwq0h_1lf18_216",
16
- "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1lf18_219",
17
- "wrapper-container": "awsui_wrapper-container_gwq0h_1lf18_222",
18
- "wrapper-compact": "awsui_wrapper-compact_gwq0h_1lf18_226",
19
- "header-deprecated": "awsui_header-deprecated_gwq0h_1lf18_240",
20
- "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1lf18_264",
21
- "header": "awsui_header_gwq0h_1lf18_240",
22
- "header-wrapper": "awsui_header-wrapper_gwq0h_1lf18_283",
23
- "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1lf18_293",
24
- "header-button": "awsui_header-button_gwq0h_1lf18_298",
25
- "header-container-button": "awsui_header-container-button_gwq0h_1lf18_298",
26
- "header-container": "awsui_header-container_gwq0h_1lf18_298",
27
- "header-navigation": "awsui_header-navigation_gwq0h_1lf18_333",
28
- "header-text": "awsui_header-text_gwq0h_1lf18_368",
29
- "content": "awsui_content_gwq0h_1lf18_97",
30
- "content-default": "awsui_content-default_gwq0h_1lf18_375",
31
- "content-footer": "awsui_content-footer_gwq0h_1lf18_378",
32
- "content-expanded": "awsui_content-expanded_gwq0h_1lf18_381",
33
- "content-compact": "awsui_content-compact_gwq0h_1lf18_384",
34
- "focusable": "awsui_focusable_gwq0h_1lf18_388",
35
- "click-target": "awsui_click-target_gwq0h_1lf18_403"
4
+ "content-enter": "awsui_content-enter_gwq0h_1ut83_97",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1ut83_1",
6
+ "trigger-expanded": "awsui_trigger-expanded_gwq0h_1ut83_119",
7
+ "icon": "awsui_icon_gwq0h_1ut83_133",
8
+ "root": "awsui_root_gwq0h_1ut83_151",
9
+ "expand-button": "awsui_expand-button_gwq0h_1ut83_189",
10
+ "expanded": "awsui_expanded_gwq0h_1ut83_196",
11
+ "icon-container": "awsui_icon-container_gwq0h_1ut83_200",
12
+ "icon-container-container": "awsui_icon-container-container_gwq0h_1ut83_204",
13
+ "wrapper": "awsui_wrapper_gwq0h_1ut83_208",
14
+ "wrapper-default": "awsui_wrapper-default_gwq0h_1ut83_216",
15
+ "wrapper-footer": "awsui_wrapper-footer_gwq0h_1ut83_216",
16
+ "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1ut83_220",
17
+ "wrapper-container": "awsui_wrapper-container_gwq0h_1ut83_223",
18
+ "wrapper-compact": "awsui_wrapper-compact_gwq0h_1ut83_227",
19
+ "header-deprecated": "awsui_header-deprecated_gwq0h_1ut83_240",
20
+ "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1ut83_262",
21
+ "header": "awsui_header_gwq0h_1ut83_240",
22
+ "header-wrapper": "awsui_header-wrapper_gwq0h_1ut83_282",
23
+ "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1ut83_294",
24
+ "header-button": "awsui_header-button_gwq0h_1ut83_299",
25
+ "header-container-button": "awsui_header-container-button_gwq0h_1ut83_299",
26
+ "header-container": "awsui_header-container_gwq0h_1ut83_299",
27
+ "header-navigation": "awsui_header-navigation_gwq0h_1ut83_334",
28
+ "header-text": "awsui_header-text_gwq0h_1ut83_371",
29
+ "content": "awsui_content_gwq0h_1ut83_97",
30
+ "content-default": "awsui_content-default_gwq0h_1ut83_378",
31
+ "content-footer": "awsui_content-footer_gwq0h_1ut83_382",
32
+ "content-expanded": "awsui_content-expanded_gwq0h_1ut83_386",
33
+ "content-compact": "awsui_content-compact_gwq0h_1ut83_389",
34
+ "focusable": "awsui_focusable_gwq0h_1ut83_393",
35
+ "click-target": "awsui_click-target_gwq0h_1ut83_408"
36
36
  };
37
37