@cloudscape-design/components 3.0.686 → 3.0.688

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.
@@ -2,36 +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_1ml84_101",
6
- "fit-height": "awsui_fit-height_14iqq_1ml84_137",
7
- "with-side-media": "awsui_with-side-media_14iqq_1ml84_142",
8
- "variant-default": "awsui_variant-default_14iqq_1ml84_145",
9
- "variant-stacked": "awsui_variant-stacked_14iqq_1ml84_145",
10
- "refresh": "awsui_refresh_14iqq_1ml84_153",
11
- "sticky-enabled": "awsui_sticky-enabled_14iqq_1ml84_203",
12
- "with-top-media": "awsui_with-top-media_14iqq_1ml84_215",
13
- "content-wrapper": "awsui_content-wrapper_14iqq_1ml84_220",
14
- "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1ml84_225",
15
- "media": "awsui_media_14iqq_1ml84_232",
16
- "media-top": "awsui_media-top_14iqq_1ml84_250",
17
- "media-side": "awsui_media-side_14iqq_1ml84_255",
18
- "header": "awsui_header_14iqq_1ml84_261",
19
- "header-full-page": "awsui_header-full-page_14iqq_1ml84_266",
20
- "header-with-media": "awsui_header-with-media_14iqq_1ml84_269",
21
- "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1ml84_275",
22
- "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1ml84_279",
23
- "header-stuck": "awsui_header-stuck_14iqq_1ml84_285",
24
- "header-variant-cards": "awsui_header-variant-cards_14iqq_1ml84_295",
25
- "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1ml84_298",
26
- "with-paddings": "awsui_with-paddings_14iqq_1ml84_304",
27
- "with-hidden-content": "awsui_with-hidden-content_14iqq_1ml84_313",
28
- "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1ml84_371",
29
- "with-toolbar": "awsui_with-toolbar_14iqq_1ml84_371",
30
- "header-cover": "awsui_header-cover_14iqq_1ml84_377",
31
- "content": "awsui_content_14iqq_1ml84_220",
32
- "content-fit-height": "awsui_content-fit-height_14iqq_1ml84_405",
33
- "content-with-media": "awsui_content-with-media_14iqq_1ml84_415",
34
- "footer": "awsui_footer_14iqq_1ml84_419",
35
- "with-divider": "awsui_with-divider_14iqq_1ml84_423"
5
+ "root": "awsui_root_14iqq_1vekq_101",
6
+ "fit-height": "awsui_fit-height_14iqq_1vekq_137",
7
+ "with-side-media": "awsui_with-side-media_14iqq_1vekq_142",
8
+ "variant-default": "awsui_variant-default_14iqq_1vekq_145",
9
+ "variant-stacked": "awsui_variant-stacked_14iqq_1vekq_145",
10
+ "refresh": "awsui_refresh_14iqq_1vekq_153",
11
+ "sticky-enabled": "awsui_sticky-enabled_14iqq_1vekq_203",
12
+ "with-top-media": "awsui_with-top-media_14iqq_1vekq_215",
13
+ "content-wrapper": "awsui_content-wrapper_14iqq_1vekq_220",
14
+ "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1vekq_225",
15
+ "media": "awsui_media_14iqq_1vekq_232",
16
+ "media-top": "awsui_media-top_14iqq_1vekq_250",
17
+ "media-side": "awsui_media-side_14iqq_1vekq_255",
18
+ "header": "awsui_header_14iqq_1vekq_261",
19
+ "header-full-page": "awsui_header-full-page_14iqq_1vekq_266",
20
+ "header-with-media": "awsui_header-with-media_14iqq_1vekq_269",
21
+ "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1vekq_275",
22
+ "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1vekq_279",
23
+ "header-stuck": "awsui_header-stuck_14iqq_1vekq_285",
24
+ "header-variant-cards": "awsui_header-variant-cards_14iqq_1vekq_295",
25
+ "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1vekq_298",
26
+ "with-paddings": "awsui_with-paddings_14iqq_1vekq_304",
27
+ "with-hidden-content": "awsui_with-hidden-content_14iqq_1vekq_313",
28
+ "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1vekq_371",
29
+ "header-cover": "awsui_header-cover_14iqq_1vekq_374",
30
+ "content": "awsui_content_14iqq_1vekq_220",
31
+ "content-fit-height": "awsui_content-fit-height_14iqq_1vekq_402",
32
+ "content-with-media": "awsui_content-with-media_14iqq_1vekq_412",
33
+ "footer": "awsui_footer_14iqq_1vekq_416",
34
+ "with-divider": "awsui_with-divider_14iqq_1vekq_420"
36
35
  };
37
36
 
@@ -1,25 +1,25 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_qnerm_97",
5
- "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_qnerm_1",
6
- "refresh": "awsui_refresh_qwoo0_qnerm_118",
7
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_qnerm_1",
8
- "root": "awsui_root_qwoo0_qnerm_147",
9
- "interior": "awsui_interior_qwoo0_qnerm_183",
10
- "dropdown": "awsui_dropdown_qwoo0_qnerm_97",
11
- "use-portal": "awsui_use-portal_qwoo0_qnerm_194",
12
- "is-empty": "awsui_is-empty_qwoo0_qnerm_240",
13
- "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_qnerm_247",
14
- "with-limited-width": "awsui_with-limited-width_qwoo0_qnerm_251",
15
- "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_qnerm_254",
16
- "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_qnerm_261",
17
- "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_qnerm_268",
18
- "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_qnerm_271",
19
- "hide-block-border": "awsui_hide-block-border_qwoo0_qnerm_278",
20
- "open": "awsui_open_qwoo0_qnerm_287",
21
- "nowrap": "awsui_nowrap_qwoo0_qnerm_296",
22
- "dropdown-content": "awsui_dropdown-content_qwoo0_qnerm_97",
23
- "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_qnerm_307"
4
+ "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_vokdv_97",
5
+ "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_vokdv_1",
6
+ "refresh": "awsui_refresh_qwoo0_vokdv_118",
7
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_vokdv_1",
8
+ "root": "awsui_root_qwoo0_vokdv_147",
9
+ "interior": "awsui_interior_qwoo0_vokdv_183",
10
+ "dropdown": "awsui_dropdown_qwoo0_vokdv_97",
11
+ "use-portal": "awsui_use-portal_qwoo0_vokdv_194",
12
+ "is-empty": "awsui_is-empty_qwoo0_vokdv_240",
13
+ "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_vokdv_247",
14
+ "with-limited-width": "awsui_with-limited-width_qwoo0_vokdv_251",
15
+ "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_vokdv_254",
16
+ "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_vokdv_257",
17
+ "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_vokdv_260",
18
+ "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_vokdv_263",
19
+ "hide-block-border": "awsui_hide-block-border_qwoo0_vokdv_270",
20
+ "open": "awsui_open_qwoo0_vokdv_279",
21
+ "nowrap": "awsui_nowrap_qwoo0_vokdv_288",
22
+ "dropdown-content": "awsui_dropdown-content_qwoo0_vokdv_97",
23
+ "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_vokdv_299"
24
24
  };
25
25
 
@@ -94,10 +94,10 @@ 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_dropdown-content-wrapper_qwoo0_qnerm_97:not(#\9) {
98
- animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_qnerm_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
97
+ .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
98
+ animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_vokdv_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
99
99
  }
100
- @keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_qnerm_1 {
100
+ @keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_vokdv_1 {
101
101
  from {
102
102
  opacity: 0.4;
103
103
  }
@@ -106,22 +106,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
106
106
  }
107
107
  }
108
108
  @media (prefers-reduced-motion: reduce) {
109
- .awsui_dropdown-content-wrapper_qwoo0_qnerm_97:not(#\9) {
109
+ .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
110
110
  animation: none;
111
111
  transition: none;
112
112
  }
113
113
  }
114
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_qnerm_97:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_qnerm_97:not(#\9) {
114
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
115
115
  animation: none;
116
116
  transition: none;
117
117
  }
118
- .awsui_dropdown-content-wrapper_qwoo0_qnerm_97.awsui_refresh_qwoo0_qnerm_118:not(#\9) {
118
+ .awsui_dropdown-content-wrapper_qwoo0_vokdv_97.awsui_refresh_qwoo0_vokdv_118:not(#\9) {
119
119
  transform-origin: top;
120
- animation-name: awsui_awsui-motion-fade-in-0_qwoo0_qnerm_1;
120
+ animation-name: awsui_awsui-motion-fade-in-0_qwoo0_vokdv_1;
121
121
  animation-duration: var(--motion-duration-show-quick-aq3ump, 135ms);
122
122
  animation-timing-function: var(--motion-easing-show-quick-vc5zgd, ease-out);
123
123
  }
124
- @keyframes awsui_awsui-motion-fade-in-0_qwoo0_qnerm_1 {
124
+ @keyframes awsui_awsui-motion-fade-in-0_qwoo0_vokdv_1 {
125
125
  from {
126
126
  opacity: 0;
127
127
  }
@@ -130,12 +130,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
130
130
  }
131
131
  }
132
132
  @media (prefers-reduced-motion: reduce) {
133
- .awsui_dropdown-content-wrapper_qwoo0_qnerm_97.awsui_refresh_qwoo0_qnerm_118:not(#\9) {
133
+ .awsui_dropdown-content-wrapper_qwoo0_vokdv_97.awsui_refresh_qwoo0_vokdv_118:not(#\9) {
134
134
  animation: none;
135
135
  transition: none;
136
136
  }
137
137
  }
138
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_qnerm_97.awsui_refresh_qwoo0_qnerm_118:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_qnerm_97.awsui_refresh_qwoo0_qnerm_118:not(#\9) {
138
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_vokdv_97.awsui_refresh_qwoo0_vokdv_118:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_vokdv_97.awsui_refresh_qwoo0_vokdv_118:not(#\9) {
139
139
  animation: none;
140
140
  transition: none;
141
141
  }
@@ -144,7 +144,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
144
144
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
145
145
  SPDX-License-Identifier: Apache-2.0
146
146
  */
147
- .awsui_root_qwoo0_qnerm_147:not(#\9) {
147
+ .awsui_root_qwoo0_vokdv_147:not(#\9) {
148
148
  border-collapse: separate;
149
149
  border-spacing: 0;
150
150
  box-sizing: border-box;
@@ -181,11 +181,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
181
181
  position: relative;
182
182
  white-space: inherit;
183
183
  }
184
- .awsui_root_qwoo0_qnerm_147.awsui_interior_qwoo0_qnerm_183:not(#\9) {
184
+ .awsui_root_qwoo0_vokdv_147.awsui_interior_qwoo0_vokdv_183:not(#\9) {
185
185
  position: static;
186
186
  }
187
187
 
188
- .awsui_dropdown_qwoo0_qnerm_97:not(#\9) {
188
+ .awsui_dropdown_qwoo0_vokdv_97:not(#\9) {
189
189
  position: absolute;
190
190
  display: none;
191
191
  z-index: 2000;
@@ -193,24 +193,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
193
193
  user-select: none;
194
194
  transform-origin: top;
195
195
  }
196
- .awsui_dropdown_qwoo0_qnerm_97.awsui_use-portal_qwoo0_qnerm_194:not(#\9) {
196
+ .awsui_dropdown_qwoo0_vokdv_97.awsui_use-portal_qwoo0_vokdv_194:not(#\9) {
197
197
  z-index: 7000;
198
198
  }
199
- .awsui_dropdown_qwoo0_qnerm_97:not(#\9):not(.awsui_interior_qwoo0_qnerm_183) {
199
+ .awsui_dropdown_qwoo0_vokdv_97:not(#\9):not(.awsui_interior_qwoo0_vokdv_183) {
200
200
  transform: translateY(0px);
201
201
  transition: transform var(--motion-duration-show-quick-aq3ump, 135ms);
202
202
  }
203
203
  @media (prefers-reduced-motion: reduce) {
204
- .awsui_dropdown_qwoo0_qnerm_97:not(#\9):not(.awsui_interior_qwoo0_qnerm_183) {
204
+ .awsui_dropdown_qwoo0_vokdv_97:not(#\9):not(.awsui_interior_qwoo0_vokdv_183) {
205
205
  animation: none;
206
206
  transition: none;
207
207
  }
208
208
  }
209
- .awsui-motion-disabled .awsui_dropdown_qwoo0_qnerm_97:not(#\9):not(.awsui_interior_qwoo0_qnerm_183), .awsui-mode-entering .awsui_dropdown_qwoo0_qnerm_97:not(#\9):not(.awsui_interior_qwoo0_qnerm_183) {
209
+ .awsui-motion-disabled .awsui_dropdown_qwoo0_vokdv_97:not(#\9):not(.awsui_interior_qwoo0_vokdv_183), .awsui-mode-entering .awsui_dropdown_qwoo0_vokdv_97:not(#\9):not(.awsui_interior_qwoo0_vokdv_183) {
210
210
  animation: none;
211
211
  transition: none;
212
212
  }
213
- .awsui_dropdown-content-wrapper_qwoo0_qnerm_97:not(#\9) {
213
+ .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
214
214
  position: relative;
215
215
  background-color: var(--color-background-dropdown-item-default-be16w5, #ffffff);
216
216
  outline: none;
@@ -222,7 +222,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
222
222
  border-block: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
223
223
  box-sizing: border-box;
224
224
  }
225
- .awsui_dropdown-content-wrapper_qwoo0_qnerm_97:not(#\9)::after {
225
+ .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9)::after {
226
226
  content: "";
227
227
  position: absolute;
228
228
  z-index: 1;
@@ -239,73 +239,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
239
239
  border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
240
240
  pointer-events: none;
241
241
  }
242
- .awsui_dropdown-content-wrapper_qwoo0_qnerm_97.awsui_is-empty_qwoo0_qnerm_240:not(#\9)::after {
242
+ .awsui_dropdown-content-wrapper_qwoo0_vokdv_97.awsui_is-empty_qwoo0_vokdv_240:not(#\9)::after {
243
243
  display: none;
244
244
  }
245
- .awsui_dropdown_qwoo0_qnerm_97 > .awsui_dropdown-content-wrapper_qwoo0_qnerm_97:not(#\9) {
245
+ .awsui_dropdown_qwoo0_vokdv_97 > .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
246
246
  border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
247
247
  border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-dropdown-group-yakmix, #b6bec9);
248
248
  }
249
- .awsui_dropdown-drop-up_qwoo0_qnerm_247 > .awsui_dropdown-content-wrapper_qwoo0_qnerm_97:not(#\9) {
249
+ .awsui_dropdown-drop-up_qwoo0_vokdv_247 > .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
250
250
  transform-origin: bottom;
251
251
  box-shadow: var(--shadow-dropup-xqkiza, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
252
252
  }
253
- .awsui_dropdown-drop-up_qwoo0_qnerm_247.awsui_with-limited-width_qwoo0_qnerm_251 > .awsui_dropdown-content-wrapper_qwoo0_qnerm_97:not(#\9) {
253
+ .awsui_dropdown-drop-up_qwoo0_vokdv_247.awsui_with-limited-width_qwoo0_vokdv_251 > .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
254
254
  border-block-start: none;
255
255
  }
256
- .awsui_dropdown-drop-left_qwoo0_qnerm_254:not(#\9) {
256
+ .awsui_dropdown-drop-left_qwoo0_vokdv_254:not(#\9) {
257
257
  inset-inline-end: 0;
258
- /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
259
258
  }
260
- .awsui_dropdown-drop-left_qwoo0_qnerm_254:not(#\9):dir(rtl) {
261
- inset-inline-end: unset;
262
- }
263
- .awsui_dropdown-drop-right_qwoo0_qnerm_261:not(#\9) {
259
+ .awsui_dropdown-drop-right_qwoo0_vokdv_257:not(#\9) {
264
260
  inset-inline-start: 0;
265
- /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
266
- }
267
- .awsui_dropdown-drop-right_qwoo0_qnerm_261:not(#\9):dir(rtl) {
268
- inset-inline-start: unset;
269
261
  }
270
- .awsui_dropdown_qwoo0_qnerm_97.awsui_occupy-entire-width_qwoo0_qnerm_268:not(#\9) {
262
+ .awsui_dropdown_qwoo0_vokdv_97.awsui_occupy-entire-width_qwoo0_vokdv_260:not(#\9) {
271
263
  min-inline-size: 100%;
272
264
  }
273
- .awsui_dropdown_qwoo0_qnerm_97.awsui_stretch-beyond-trigger-width_qwoo0_qnerm_271:not(#\9) {
265
+ .awsui_dropdown_qwoo0_vokdv_97.awsui_stretch-beyond-trigger-width_qwoo0_vokdv_263:not(#\9) {
274
266
  inline-size: max-content;
275
267
  max-inline-size: var(--awsui-dropdown-default-max-width-g964ok, 100%);
276
268
  }
277
- .awsui_dropdown_qwoo0_qnerm_97.awsui_interior_qwoo0_qnerm_183 > .awsui_dropdown-content-wrapper_qwoo0_qnerm_97:not(#\9) {
269
+ .awsui_dropdown_qwoo0_vokdv_97.awsui_interior_qwoo0_vokdv_183 > .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
278
270
  margin-block-start: -1px;
279
271
  }
280
- .awsui_dropdown_qwoo0_qnerm_97.awsui_hide-block-border_qwoo0_qnerm_278 > .awsui_dropdown-content-wrapper_qwoo0_qnerm_97:not(#\9) {
272
+ .awsui_dropdown_qwoo0_vokdv_97.awsui_hide-block-border_qwoo0_vokdv_270 > .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
281
273
  border-block-start: none;
282
274
  }
283
- .awsui_dropdown_qwoo0_qnerm_97.awsui_hide-block-border_qwoo0_qnerm_278:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_qnerm_247) > .awsui_dropdown-content-wrapper_qwoo0_qnerm_97 {
275
+ .awsui_dropdown_qwoo0_vokdv_97.awsui_hide-block-border_qwoo0_vokdv_270:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_vokdv_247) > .awsui_dropdown-content-wrapper_qwoo0_vokdv_97 {
284
276
  border-block-end: none;
285
277
  }
286
- .awsui_dropdown_qwoo0_qnerm_97.awsui_hide-block-border_qwoo0_qnerm_278.awsui_refresh_qwoo0_qnerm_118 > .awsui_dropdown-content-wrapper_qwoo0_qnerm_97:not(#\9) {
278
+ .awsui_dropdown_qwoo0_vokdv_97.awsui_hide-block-border_qwoo0_vokdv_270.awsui_refresh_qwoo0_vokdv_118 > .awsui_dropdown-content-wrapper_qwoo0_vokdv_97:not(#\9) {
287
279
  border-block-end: none;
288
280
  }
289
- .awsui_dropdown_qwoo0_qnerm_97.awsui_open_qwoo0_qnerm_287:not(#\9) {
281
+ .awsui_dropdown_qwoo0_vokdv_97.awsui_open_qwoo0_vokdv_279:not(#\9) {
290
282
  display: block;
291
283
  }
292
- .awsui_dropdown_qwoo0_qnerm_97.awsui_open_qwoo0_qnerm_287:not(#\9):not(.awsui_interior_qwoo0_qnerm_183).awsui_refresh_qwoo0_qnerm_118[data-animating=true] {
284
+ .awsui_dropdown_qwoo0_vokdv_97.awsui_open_qwoo0_vokdv_279:not(#\9):not(.awsui_interior_qwoo0_vokdv_183).awsui_refresh_qwoo0_vokdv_118[data-animating=true] {
293
285
  transform: translateY(4px);
294
286
  }
295
- .awsui_dropdown_qwoo0_qnerm_97.awsui_open_qwoo0_qnerm_287:not(#\9):not(.awsui_interior_qwoo0_qnerm_183).awsui_refresh_qwoo0_qnerm_118[data-animating=true].awsui_dropdown-drop-up_qwoo0_qnerm_247 {
287
+ .awsui_dropdown_qwoo0_vokdv_97.awsui_open_qwoo0_vokdv_279:not(#\9):not(.awsui_interior_qwoo0_vokdv_183).awsui_refresh_qwoo0_vokdv_118[data-animating=true].awsui_dropdown-drop-up_qwoo0_vokdv_247 {
296
288
  transform: translateY(-4px);
297
289
  }
298
- .awsui_dropdown_qwoo0_qnerm_97.awsui_open_qwoo0_qnerm_287.awsui_nowrap_qwoo0_qnerm_296:not(#\9) {
290
+ .awsui_dropdown_qwoo0_vokdv_97.awsui_open_qwoo0_vokdv_279.awsui_nowrap_qwoo0_vokdv_288:not(#\9) {
299
291
  white-space: nowrap;
300
292
  overflow: scroll;
301
293
  }
302
294
 
303
- .awsui_dropdown-content_qwoo0_qnerm_97:not(#\9) {
295
+ .awsui_dropdown-content_qwoo0_vokdv_97:not(#\9) {
304
296
  display: flex;
305
297
  flex-direction: column;
306
298
  inline-size: 100%;
307
299
  }
308
300
 
309
- .awsui_stretch-trigger-height_qwoo0_qnerm_307:not(#\9) {
301
+ .awsui_stretch-trigger-height_qwoo0_vokdv_299:not(#\9) {
310
302
  block-size: 100%;
311
303
  }
@@ -2,25 +2,25 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_qnerm_97",
6
- "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_qnerm_1",
7
- "refresh": "awsui_refresh_qwoo0_qnerm_118",
8
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_qnerm_1",
9
- "root": "awsui_root_qwoo0_qnerm_147",
10
- "interior": "awsui_interior_qwoo0_qnerm_183",
11
- "dropdown": "awsui_dropdown_qwoo0_qnerm_97",
12
- "use-portal": "awsui_use-portal_qwoo0_qnerm_194",
13
- "is-empty": "awsui_is-empty_qwoo0_qnerm_240",
14
- "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_qnerm_247",
15
- "with-limited-width": "awsui_with-limited-width_qwoo0_qnerm_251",
16
- "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_qnerm_254",
17
- "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_qnerm_261",
18
- "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_qnerm_268",
19
- "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_qnerm_271",
20
- "hide-block-border": "awsui_hide-block-border_qwoo0_qnerm_278",
21
- "open": "awsui_open_qwoo0_qnerm_287",
22
- "nowrap": "awsui_nowrap_qwoo0_qnerm_296",
23
- "dropdown-content": "awsui_dropdown-content_qwoo0_qnerm_97",
24
- "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_qnerm_307"
5
+ "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_vokdv_97",
6
+ "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_vokdv_1",
7
+ "refresh": "awsui_refresh_qwoo0_vokdv_118",
8
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_vokdv_1",
9
+ "root": "awsui_root_qwoo0_vokdv_147",
10
+ "interior": "awsui_interior_qwoo0_vokdv_183",
11
+ "dropdown": "awsui_dropdown_qwoo0_vokdv_97",
12
+ "use-portal": "awsui_use-portal_qwoo0_vokdv_194",
13
+ "is-empty": "awsui_is-empty_qwoo0_vokdv_240",
14
+ "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_vokdv_247",
15
+ "with-limited-width": "awsui_with-limited-width_qwoo0_vokdv_251",
16
+ "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_vokdv_254",
17
+ "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_vokdv_257",
18
+ "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_vokdv_260",
19
+ "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_vokdv_263",
20
+ "hide-block-border": "awsui_hide-block-border_qwoo0_vokdv_270",
21
+ "open": "awsui_open_qwoo0_vokdv_279",
22
+ "nowrap": "awsui_nowrap_qwoo0_vokdv_288",
23
+ "dropdown-content": "awsui_dropdown-content_qwoo0_vokdv_97",
24
+ "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_vokdv_299"
25
25
  };
26
26
 
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (b5981ca7)";
2
+ export var PACKAGE_VERSION = "3.0.0 (1fdb816d)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (b5981ca7)",
3
+ "PACKAGE_VERSION": "3.0.0 (1fdb816d)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "b5981ca7801d32d97e646a550bd48dd9cf601a52"
2
+ "commit": "1fdb816d6af98d51da0b183ee2f6d5bb810f9505"
3
3
  }
package/package.json CHANGED
@@ -124,7 +124,7 @@
124
124
  "./internal/base-component/index.js",
125
125
  "./internal/base-component/styles.css.js"
126
126
  ],
127
- "version": "3.0.686",
127
+ "version": "3.0.688",
128
128
  "repository": {
129
129
  "type": "git",
130
130
  "url": "https://github.com/cloudscape-design/components.git"
@@ -1 +1 @@
1
- {"version":3,"file":"bottom.d.ts","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAOtD,UAAU,4BAA6B,SAAQ,sBAAsB;IACnE,KAAK,EAAE,gBAAgB,CAAC;IACxB,uBAAuB,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,iBAAiB,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACpD;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,MAAM,EACN,KAAK,EACL,uBAAuB,EACvB,aAAa,EACb,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACT,EAAE,4BAA4B,eAsD9B"}
1
+ {"version":3,"file":"bottom.d.ts","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAQtD,UAAU,4BAA6B,SAAQ,sBAAsB;IACnE,KAAK,EAAE,gBAAgB,CAAC;IACxB,uBAAuB,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,iBAAiB,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACpD;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,MAAM,EACN,KAAK,EACL,uBAAuB,EACvB,aAAa,EACb,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACT,EAAE,4BAA4B,eAwD9B"}
@@ -9,8 +9,10 @@ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
9
9
  import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
10
10
  import styles from './styles.css.js';
11
11
  import testUtilStyles from './test-classes/styles.css.js';
12
+ import { getGlobalFlag } from '../internal/utils/global-flags';
12
13
  export function SplitPanelContentBottom({ baseProps, isOpen, state, transitioningElementRef, splitPanelRef, cappedSize, header, resizeHandle, children, appLayoutMaxWidth, panelHeaderId, onToggle, }) {
13
14
  const isRefresh = useVisualRefresh();
15
+ const hasToolbar = getGlobalFlag('appLayoutWidget');
14
16
  const { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, reportHeaderHeight } = useSplitPanelContext();
15
17
  const transitionContentBottomRef = useMergeRefs(splitPanelRef || null, transitioningElementRef);
16
18
  const isMobile = useMobile();
@@ -33,6 +35,7 @@ export function SplitPanelContentBottom({ baseProps, isOpen, state, transitionin
33
35
  [styles['drawer-disable-content-paddings']]: disableContentPaddings,
34
36
  [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),
35
37
  [styles.refresh]: isRefresh,
38
+ [styles['with-toolbar']]: hasToolbar,
36
39
  }), onClick: () => !isOpen && onToggle(), style: {
37
40
  insetBlockEnd: bottomOffset,
38
41
  insetInlineStart: leftOffset,
@@ -1 +1 @@
1
- {"version":3,"file":"bottom.js","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { TransitionStatus } from '../internal/components/transition';\nimport { SplitPanelContentProps } from './interfaces';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n state: TransitionStatus;\n transitioningElementRef: React.Ref<any>;\n appLayoutMaxWidth: React.CSSProperties | undefined;\n}\n\nexport function SplitPanelContentBottom({\n baseProps,\n isOpen,\n state,\n transitioningElementRef,\n splitPanelRef,\n cappedSize,\n header,\n resizeHandle,\n children,\n appLayoutMaxWidth,\n panelHeaderId,\n onToggle,\n}: SplitPanelContentBottomProps) {\n const isRefresh = useVisualRefresh();\n const { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, reportHeaderHeight } =\n useSplitPanelContext();\n const transitionContentBottomRef = useMergeRefs(splitPanelRef || null, transitioningElementRef);\n const isMobile = useMobile();\n\n const headerRef = useRef<HTMLDivElement>(null);\n useResizeObserver(headerRef, entry => reportHeaderHeight(entry.borderBoxHeight));\n useEffect(() => {\n // report empty height when unmounting the panel\n return () => reportHeaderHeight(0);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const centeredMaxWidthClasses = clsx({\n [styles['pane-bottom-center-align']]: isRefresh,\n [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings?.closedNav,\n [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings?.closedTools,\n });\n\n return (\n <div\n {...baseProps}\n className={clsx(baseProps.className, styles.drawer, styles['position-bottom'], testUtilStyles.root, {\n [testUtilStyles['open-position-bottom']]: isOpen,\n [styles['drawer-closed']]: !isOpen,\n [styles['drawer-mobile']]: isMobile,\n [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),\n [styles.refresh]: isRefresh,\n })}\n onClick={() => !isOpen && onToggle()}\n style={{\n insetBlockEnd: bottomOffset,\n insetInlineStart: leftOffset,\n insetInlineEnd: rightOffset,\n blockSize: isOpen ? cappedSize : undefined,\n }}\n ref={transitionContentBottomRef}\n >\n {isOpen && <div className={styles['slider-wrapper-bottom']}>{resizeHandle}</div>}\n <div className={styles['drawer-content-bottom']} aria-labelledby={panelHeaderId} role=\"region\">\n <div className={clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses)} ref={headerRef}>\n {header}\n </div>\n <div className={clsx(styles['content-bottom'], centeredMaxWidthClasses)} aria-hidden={!isOpen}>\n <div className={clsx({ [styles['content-bottom-max-width']]: isRefresh })} style={appLayoutMaxWidth}>\n {children}\n </div>\n </div>\n </div>\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"bottom.js","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { TransitionStatus } from '../internal/components/transition';\nimport { SplitPanelContentProps } from './interfaces';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\nimport { getGlobalFlag } from '../internal/utils/global-flags';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n state: TransitionStatus;\n transitioningElementRef: React.Ref<any>;\n appLayoutMaxWidth: React.CSSProperties | undefined;\n}\n\nexport function SplitPanelContentBottom({\n baseProps,\n isOpen,\n state,\n transitioningElementRef,\n splitPanelRef,\n cappedSize,\n header,\n resizeHandle,\n children,\n appLayoutMaxWidth,\n panelHeaderId,\n onToggle,\n}: SplitPanelContentBottomProps) {\n const isRefresh = useVisualRefresh();\n const hasToolbar = getGlobalFlag('appLayoutWidget');\n const { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, reportHeaderHeight } =\n useSplitPanelContext();\n const transitionContentBottomRef = useMergeRefs(splitPanelRef || null, transitioningElementRef);\n const isMobile = useMobile();\n\n const headerRef = useRef<HTMLDivElement>(null);\n useResizeObserver(headerRef, entry => reportHeaderHeight(entry.borderBoxHeight));\n useEffect(() => {\n // report empty height when unmounting the panel\n return () => reportHeaderHeight(0);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const centeredMaxWidthClasses = clsx({\n [styles['pane-bottom-center-align']]: isRefresh,\n [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings?.closedNav,\n [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings?.closedTools,\n });\n\n return (\n <div\n {...baseProps}\n className={clsx(baseProps.className, styles.drawer, styles['position-bottom'], testUtilStyles.root, {\n [testUtilStyles['open-position-bottom']]: isOpen,\n [styles['drawer-closed']]: !isOpen,\n [styles['drawer-mobile']]: isMobile,\n [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),\n [styles.refresh]: isRefresh,\n [styles['with-toolbar']]: hasToolbar,\n })}\n onClick={() => !isOpen && onToggle()}\n style={{\n insetBlockEnd: bottomOffset,\n insetInlineStart: leftOffset,\n insetInlineEnd: rightOffset,\n blockSize: isOpen ? cappedSize : undefined,\n }}\n ref={transitionContentBottomRef}\n >\n {isOpen && <div className={styles['slider-wrapper-bottom']}>{resizeHandle}</div>}\n <div className={styles['drawer-content-bottom']} aria-labelledby={panelHeaderId} role=\"region\">\n <div className={clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses)} ref={headerRef}>\n {header}\n </div>\n <div className={clsx(styles['content-bottom'], centeredMaxWidthClasses)} aria-hidden={!isOpen}>\n <div className={clsx({ [styles['content-bottom-max-width']]: isRefresh })} style={appLayoutMaxWidth}>\n {children}\n </div>\n </div>\n </div>\n </div>\n );\n}\n"]}
@@ -1,31 +1,32 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "drawer": "awsui_drawer_1r9lg_ofsif_197",
5
- "refresh": "awsui_refresh_1r9lg_ofsif_197",
6
- "animating": "awsui_animating_1r9lg_ofsif_211",
7
- "drawer-closed": "awsui_drawer-closed_1r9lg_ofsif_266",
8
- "drawer-content-side": "awsui_drawer-content-side_1r9lg_ofsif_271",
9
- "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_ofsif_287",
10
- "position-bottom": "awsui_position-bottom_1r9lg_ofsif_294",
11
- "position-side": "awsui_position-side_1r9lg_ofsif_321",
12
- "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_ofsif_327",
13
- "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_ofsif_338",
14
- "open-button-side": "awsui_open-button-side_1r9lg_ofsif_349",
15
- "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_ofsif_358",
16
- "drawer-mobile": "awsui_drawer-mobile_1r9lg_ofsif_368",
17
- "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_ofsif_372",
18
- "content-bottom": "awsui_content-bottom_1r9lg_ofsif_381",
19
- "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_ofsif_397",
20
- "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_ofsif_402",
21
- "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_ofsif_406",
22
- "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_ofsif_410",
23
- "content-side": "awsui_content-side_1r9lg_ofsif_415",
24
- "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_ofsif_425",
25
- "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_ofsif_431",
26
- "header": "awsui_header_1r9lg_ofsif_439",
27
- "header-text": "awsui_header-text_1r9lg_ofsif_449",
28
- "header-actions": "awsui_header-actions_1r9lg_ofsif_462",
29
- "divider": "awsui_divider_1r9lg_ofsif_470"
4
+ "drawer": "awsui_drawer_1r9lg_10v1l_197",
5
+ "refresh": "awsui_refresh_1r9lg_10v1l_197",
6
+ "animating": "awsui_animating_1r9lg_10v1l_211",
7
+ "drawer-closed": "awsui_drawer-closed_1r9lg_10v1l_266",
8
+ "drawer-content-side": "awsui_drawer-content-side_1r9lg_10v1l_271",
9
+ "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_10v1l_287",
10
+ "position-bottom": "awsui_position-bottom_1r9lg_10v1l_294",
11
+ "with-toolbar": "awsui_with-toolbar_1r9lg_10v1l_311",
12
+ "position-side": "awsui_position-side_1r9lg_10v1l_324",
13
+ "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_10v1l_330",
14
+ "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_10v1l_341",
15
+ "open-button-side": "awsui_open-button-side_1r9lg_10v1l_352",
16
+ "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_10v1l_361",
17
+ "drawer-mobile": "awsui_drawer-mobile_1r9lg_10v1l_371",
18
+ "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_10v1l_375",
19
+ "content-bottom": "awsui_content-bottom_1r9lg_10v1l_384",
20
+ "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_10v1l_400",
21
+ "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_10v1l_405",
22
+ "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_10v1l_409",
23
+ "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_10v1l_413",
24
+ "content-side": "awsui_content-side_1r9lg_10v1l_418",
25
+ "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_10v1l_428",
26
+ "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_10v1l_434",
27
+ "header": "awsui_header_1r9lg_10v1l_442",
28
+ "header-text": "awsui_header-text_1r9lg_10v1l_452",
29
+ "header-actions": "awsui_header-actions_1r9lg_10v1l_465",
30
+ "divider": "awsui_divider_1r9lg_10v1l_473"
30
31
  };
31
32