@cloudscape-design/components-themeable 3.0.297 → 3.0.299
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.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/app-layout/drawer/styles.scss +11 -10
- package/lib/internal/scss/app-layout/visual-refresh/trigger-button.scss +1 -2
- package/lib/internal/scss/flashbar/collapsible.scss +7 -8
- package/lib/internal/template/app-layout/drawer/styles.css.js +10 -10
- package/lib/internal/template/app-layout/drawer/styles.scoped.css +28 -26
- package/lib/internal/template/app-layout/drawer/styles.selectors.js +10 -10
- package/lib/internal/template/app-layout/index.js +1 -1
- package/lib/internal/template/app-layout/index.js.map +1 -1
- package/lib/internal/template/app-layout/interfaces.d.ts +2 -0
- package/lib/internal/template/app-layout/interfaces.d.ts.map +1 -1
- package/lib/internal/template/app-layout/interfaces.js.map +1 -1
- package/lib/internal/template/app-layout/split-panel-drawer/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/split-panel-drawer/index.js +1 -1
- package/lib/internal/template/app-layout/split-panel-drawer/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +72 -72
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +190 -190
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +72 -72
- package/lib/internal/template/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/tools.js +3 -3
- package/lib/internal/template/app-layout/visual-refresh/tools.js.map +1 -1
- package/lib/internal/template/cards/index.d.ts.map +1 -1
- package/lib/internal/template/cards/index.js +4 -2
- package/lib/internal/template/cards/index.js.map +1 -1
- package/lib/internal/template/cards/interfaces.d.ts +20 -0
- package/lib/internal/template/cards/interfaces.d.ts.map +1 -1
- package/lib/internal/template/cards/interfaces.js.map +1 -1
- package/lib/internal/template/flashbar/styles.css.js +45 -45
- package/lib/internal/template/flashbar/styles.scoped.css +151 -151
- package/lib/internal/template/flashbar/styles.selectors.js +45 -45
- package/lib/internal/template/internal/analytics/components/analytics-funnel.d.ts +17 -0
- package/lib/internal/template/internal/analytics/components/analytics-funnel.d.ts.map +1 -0
- package/lib/internal/template/internal/analytics/components/analytics-funnel.js +109 -0
- package/lib/internal/template/internal/analytics/components/analytics-funnel.js.map +1 -0
- package/lib/internal/template/internal/analytics/context/analytics-context.d.ts +27 -0
- package/lib/internal/template/internal/analytics/context/analytics-context.d.ts.map +1 -0
- package/lib/internal/template/internal/analytics/context/analytics-context.js +26 -0
- package/lib/internal/template/internal/analytics/context/analytics-context.js.map +1 -0
- package/lib/internal/template/internal/analytics/hooks/use-funnel.d.ts +53 -0
- package/lib/internal/template/internal/analytics/hooks/use-funnel.d.ts.map +1 -0
- package/lib/internal/template/internal/analytics/hooks/use-funnel.js +83 -0
- package/lib/internal/template/internal/analytics/hooks/use-funnel.js.map +1 -0
- package/lib/internal/template/internal/analytics/index.d.ts +8 -0
- package/lib/internal/template/internal/analytics/index.d.ts.map +1 -0
- package/lib/internal/template/internal/analytics/index.js +28 -0
- package/lib/internal/template/internal/analytics/index.js.map +1 -0
- package/lib/internal/template/internal/analytics/interfaces.d.ts +60 -0
- package/lib/internal/template/internal/analytics/interfaces.d.ts.map +1 -0
- package/lib/internal/template/internal/analytics/interfaces.js +4 -0
- package/lib/internal/template/internal/analytics/interfaces.js.map +1 -0
- package/lib/internal/template/internal/analytics/selectors.d.ts +6 -0
- package/lib/internal/template/internal/analytics/selectors.d.ts.map +1 -0
- package/lib/internal/template/internal/analytics/selectors.js +8 -0
- package/lib/internal/template/internal/analytics/selectors.js.map +1 -0
- package/lib/internal/template/internal/base-component/styles.scoped.css +51 -47
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +4 -0
- package/lib/internal/template/internal/generated/styles/tokens.js +299 -295
- package/lib/internal/template/internal/generated/theming/index.cjs +837 -737
- package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +24 -0
- package/lib/internal/template/internal/generated/theming/index.d.ts +24 -0
- package/lib/internal/template/internal/generated/theming/index.js +837 -737
- package/package.json +1 -1
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
section.
|
|
93
|
+
section.awsui_appbar_hyvsj_ict63_93:not(#\9) {
|
|
94
94
|
align-items: center;
|
|
95
95
|
box-sizing: border-box;
|
|
96
96
|
display: grid;
|
|
@@ -114,21 +114,21 @@ section.awsui_appbar_hyvsj_b3czl_93:not(#\9) {
|
|
|
114
114
|
span the entire column definition of the Layout grid.
|
|
115
115
|
*/
|
|
116
116
|
}
|
|
117
|
-
section.
|
|
117
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_appbar-nav_hyvsj_ict63_117:not(#\9) {
|
|
118
118
|
grid-column: 1;
|
|
119
119
|
margin-right: var(--space-m-17eucw, 16px);
|
|
120
120
|
}
|
|
121
|
-
section.
|
|
121
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_breadcrumbs_hyvsj_ict63_121:not(#\9) {
|
|
122
122
|
grid-column: 2;
|
|
123
123
|
background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
|
|
124
124
|
}
|
|
125
|
-
section.
|
|
126
|
-
section.
|
|
125
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_appbar-tools_hyvsj_ict63_125:not(#\9),
|
|
126
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_drawers-mobile-triggers-container_hyvsj_ict63_126:not(#\9) {
|
|
127
127
|
grid-column: 3;
|
|
128
128
|
margin-left: var(--space-m-17eucw, 16px);
|
|
129
129
|
}
|
|
130
130
|
@media (min-width: 689px) {
|
|
131
|
-
section.
|
|
131
|
+
section.awsui_appbar_hyvsj_ict63_93:not(#\9) {
|
|
132
132
|
/*
|
|
133
133
|
If Breadcrumbs do not exist then the AppBar should be suppressed
|
|
134
134
|
because in large viewports the triggers are rendered
|
|
@@ -164,34 +164,34 @@ section.awsui_appbar_hyvsj_b3czl_93 > .awsui_drawers-mobile-triggers-container_h
|
|
|
164
164
|
be lifted so it doesn't render behind the background element.
|
|
165
165
|
*/
|
|
166
166
|
}
|
|
167
|
-
section.
|
|
167
|
+
section.awsui_appbar_hyvsj_ict63_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ict63_167) {
|
|
168
168
|
display: none;
|
|
169
169
|
}
|
|
170
|
-
section.
|
|
171
|
-
section.
|
|
172
|
-
section.
|
|
170
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_appbar-nav_hyvsj_ict63_117:not(#\9),
|
|
171
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_appbar-tools_hyvsj_ict63_125:not(#\9),
|
|
172
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_drawers-mobile-triggers-container_hyvsj_ict63_126:not(#\9) {
|
|
173
173
|
display: none;
|
|
174
174
|
}
|
|
175
|
-
section.
|
|
175
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_breadcrumbs_hyvsj_ict63_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_ict63_175) {
|
|
176
176
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
177
177
|
}
|
|
178
|
-
section.
|
|
178
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_breadcrumbs_hyvsj_ict63_121.awsui_has-notifications-content_hyvsj_ict63_175:not(#\9) {
|
|
179
179
|
padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
|
|
180
180
|
}
|
|
181
|
-
section.
|
|
182
|
-
section.
|
|
181
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_breadcrumbs_hyvsj_ict63_121:not(#\9):not(.awsui_has-header_hyvsj_ict63_181):not(.awsui_has-dynamic-overlap-height_hyvsj_ict63_181),
|
|
182
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_breadcrumbs_hyvsj_ict63_121:not(#\9):not(.awsui_has-header_hyvsj_ict63_181).awsui_content-type-wizard_hyvsj_ict63_182 {
|
|
183
183
|
padding-bottom: var(--space-m-17eucw, 16px);
|
|
184
184
|
}
|
|
185
|
-
section.
|
|
186
|
-
section.
|
|
185
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_breadcrumbs_hyvsj_ict63_121.awsui_content-type-cards_hyvsj_ict63_185:not(#\9),
|
|
186
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_breadcrumbs_hyvsj_ict63_121.awsui_content-type-table_hyvsj_ict63_186:not(#\9) {
|
|
187
187
|
padding-bottom: var(--space-xxs-ynfts5, 4px);
|
|
188
188
|
}
|
|
189
|
-
section.
|
|
189
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_breadcrumbs_hyvsj_ict63_121.awsui_has-sticky-background_hyvsj_ict63_189:not(#\9) {
|
|
190
190
|
z-index: 799;
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
193
|
@media (max-width: 688px) {
|
|
194
|
-
section.
|
|
194
|
+
section.awsui_appbar_hyvsj_ict63_93:not(#\9) {
|
|
195
195
|
background-color: var(--color-background-home-header-o5mjh6, #000000);
|
|
196
196
|
border-bottom: 1px solid var(--color-border-divider-default-k96bks, #eaeded);
|
|
197
197
|
box-shadow: var(--shadow-panel-toggle-ufvynr, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
@@ -207,12 +207,12 @@ section.awsui_appbar_hyvsj_b3czl_93 > .awsui_drawers-mobile-triggers-container_h
|
|
|
207
207
|
they are now sticky positioned in the viewport with the AppBar.
|
|
208
208
|
*/
|
|
209
209
|
}
|
|
210
|
-
section.
|
|
211
|
-
section.
|
|
212
|
-
section.
|
|
210
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_appbar-nav_hyvsj_ict63_117:not(#\9),
|
|
211
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_appbar-tools_hyvsj_ict63_125:not(#\9),
|
|
212
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_drawers-mobile-triggers-container_hyvsj_ict63_126:not(#\9) {
|
|
213
213
|
display: block;
|
|
214
214
|
}
|
|
215
|
-
section.
|
|
215
|
+
section.awsui_appbar_hyvsj_ict63_93 > .awsui_breadcrumbs_hyvsj_ict63_121:not(#\9) {
|
|
216
216
|
padding: 0;
|
|
217
217
|
}
|
|
218
218
|
}
|
|
@@ -221,10 +221,10 @@ section.awsui_appbar_hyvsj_b3czl_93 > .awsui_drawers-mobile-triggers-container_h
|
|
|
221
221
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
222
222
|
SPDX-License-Identifier: Apache-2.0
|
|
223
223
|
*/
|
|
224
|
-
div.
|
|
224
|
+
div.awsui_background_hyvsj_ict63_224:not(#\9) {
|
|
225
225
|
display: contents;
|
|
226
226
|
}
|
|
227
|
-
div.
|
|
227
|
+
div.awsui_background_hyvsj_ict63_224 > .awsui_notifications-appbar-header_hyvsj_ict63_227:not(#\9) {
|
|
228
228
|
background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
|
|
229
229
|
grid-column: 1/span 5;
|
|
230
230
|
grid-row: 1/span 3;
|
|
@@ -237,13 +237,13 @@ div.awsui_background_hyvsj_b3czl_224 > .awsui_notifications-appbar-header_hyvsj_
|
|
|
237
237
|
*/
|
|
238
238
|
}
|
|
239
239
|
@media (min-width: 689px) {
|
|
240
|
-
div.
|
|
240
|
+
div.awsui_background_hyvsj_ict63_224 > .awsui_notifications-appbar-header_hyvsj_ict63_227.awsui_has-sticky-background_hyvsj_ict63_189.awsui_has-notifications-content_hyvsj_ict63_175.awsui_sticky-notifications_hyvsj_ict63_240:not(#\9) {
|
|
241
241
|
position: sticky;
|
|
242
242
|
top: var(--awsui-offset-top-rrnppm);
|
|
243
243
|
z-index: 799;
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
-
div.
|
|
246
|
+
div.awsui_background_hyvsj_ict63_224 > .awsui_overlap_hyvsj_ict63_246:not(#\9) {
|
|
247
247
|
background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
|
|
248
248
|
grid-column: 1/span 5;
|
|
249
249
|
grid-row: 4;
|
|
@@ -256,7 +256,7 @@ div.awsui_background_hyvsj_b3czl_224 > .awsui_overlap_hyvsj_b3czl_246:not(#\9) {
|
|
|
256
256
|
*/
|
|
257
257
|
}
|
|
258
258
|
@media (min-width: 689px) {
|
|
259
|
-
div.
|
|
259
|
+
div.awsui_background_hyvsj_ict63_224 > .awsui_overlap_hyvsj_ict63_246.awsui_has-sticky-background_hyvsj_ict63_189:not(#\9) {
|
|
260
260
|
position: sticky;
|
|
261
261
|
top: var(--awsui-offset-top-with-notifications-rrnppm);
|
|
262
262
|
z-index: 799;
|
|
@@ -271,7 +271,7 @@ div.awsui_background_hyvsj_b3czl_224 > .awsui_overlap_hyvsj_b3czl_246:not(#\9) {
|
|
|
271
271
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
272
272
|
SPDX-License-Identifier: Apache-2.0
|
|
273
273
|
*/
|
|
274
|
-
.awsui_drawers-
|
|
274
|
+
.awsui_drawers-container_hyvsj_ict63_274:not(#\9) {
|
|
275
275
|
background-color: transparent;
|
|
276
276
|
display: flex;
|
|
277
277
|
grid-column: 5;
|
|
@@ -283,29 +283,29 @@ div.awsui_background_hyvsj_b3czl_224 > .awsui_overlap_hyvsj_b3czl_246:not(#\9) {
|
|
|
283
283
|
z-index: 830;
|
|
284
284
|
transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
285
285
|
}
|
|
286
|
-
.awsui_drawers-
|
|
286
|
+
.awsui_drawers-container_hyvsj_ict63_274.awsui_has-open-drawer_hyvsj_ict63_286:not(#\9) {
|
|
287
287
|
background-color: var(--color-background-container-content-o88wxm, #ffffff);
|
|
288
288
|
box-shadow: var(--shadow-panel-v9vx7i, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
289
289
|
}
|
|
290
290
|
@media (prefers-reduced-motion: reduce) {
|
|
291
|
-
.awsui_drawers-
|
|
291
|
+
.awsui_drawers-container_hyvsj_ict63_274:not(#\9) {
|
|
292
292
|
animation: none;
|
|
293
293
|
transition: none;
|
|
294
294
|
}
|
|
295
295
|
}
|
|
296
|
-
.awsui-motion-disabled .awsui_drawers-
|
|
296
|
+
.awsui-motion-disabled .awsui_drawers-container_hyvsj_ict63_274:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_ict63_274:not(#\9) {
|
|
297
297
|
animation: none;
|
|
298
298
|
transition: none;
|
|
299
299
|
}
|
|
300
300
|
@media (min-width: 689px) {
|
|
301
|
-
.awsui_drawers-
|
|
301
|
+
.awsui_drawers-container_hyvsj_ict63_274:not(#\9) {
|
|
302
302
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
303
303
|
max-width: calc(var(--awsui-layout-width-rrnppm) - var(--awsui-main-offset-left-rrnppm) - var(--awsui-default-min-content-width-rrnppm) - var(--awsui-content-gap-right-rrnppm));
|
|
304
304
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
305
305
|
}
|
|
306
306
|
}
|
|
307
307
|
@media (max-width: 688px) {
|
|
308
|
-
.awsui_drawers-
|
|
308
|
+
.awsui_drawers-container_hyvsj_ict63_274:not(#\9) {
|
|
309
309
|
position: fixed;
|
|
310
310
|
right: 0;
|
|
311
311
|
z-index: 1001;
|
|
@@ -317,12 +317,12 @@ div.awsui_background_hyvsj_b3czl_224 > .awsui_overlap_hyvsj_b3czl_246:not(#\9) {
|
|
|
317
317
|
relative to the body.
|
|
318
318
|
*/
|
|
319
319
|
}
|
|
320
|
-
.awsui_drawers-
|
|
320
|
+
.awsui_drawers-container_hyvsj_ict63_274.awsui_disable-body-scroll_hyvsj_ict63_320:not(#\9) {
|
|
321
321
|
top: var(--awsui-header-height-rrnppm);
|
|
322
322
|
}
|
|
323
323
|
}
|
|
324
324
|
|
|
325
|
-
.awsui_drawers-desktop-triggers-
|
|
325
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_ict63_325:not(#\9) {
|
|
326
326
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
327
327
|
border-collapse: separate;
|
|
328
328
|
border-spacing: 0;
|
|
@@ -366,39 +366,39 @@ div.awsui_background_hyvsj_b3czl_224 > .awsui_overlap_hyvsj_b3czl_246:not(#\9) {
|
|
|
366
366
|
overflow-x: hidden;
|
|
367
367
|
overscroll-behavior-y: contain;
|
|
368
368
|
}
|
|
369
|
-
.awsui_drawers-desktop-triggers-
|
|
369
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_ict63_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ict63_343).awsui_has-open-drawer_hyvsj_ict63_286 {
|
|
370
370
|
width: 0;
|
|
371
371
|
}
|
|
372
|
-
.awsui_drawers-desktop-triggers-
|
|
372
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_ict63_325.awsui_has-multiple-triggers_hyvsj_ict63_343.awsui_has-open-drawer_hyvsj_ict63_286:not(#\9) {
|
|
373
373
|
background-color: var(--color-background-container-content-o88wxm, #ffffff);
|
|
374
374
|
transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
375
375
|
}
|
|
376
376
|
@media (prefers-reduced-motion: reduce) {
|
|
377
|
-
.awsui_drawers-desktop-triggers-
|
|
377
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_ict63_325.awsui_has-multiple-triggers_hyvsj_ict63_343.awsui_has-open-drawer_hyvsj_ict63_286:not(#\9) {
|
|
378
378
|
animation: none;
|
|
379
379
|
transition: none;
|
|
380
380
|
}
|
|
381
381
|
}
|
|
382
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
382
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_ict63_325.awsui_has-multiple-triggers_hyvsj_ict63_343.awsui_has-open-drawer_hyvsj_ict63_286:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_ict63_325.awsui_has-multiple-triggers_hyvsj_ict63_343.awsui_has-open-drawer_hyvsj_ict63_286:not(#\9) {
|
|
383
383
|
animation: none;
|
|
384
384
|
transition: none;
|
|
385
385
|
}
|
|
386
|
-
.awsui_drawers-desktop-triggers-
|
|
386
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_ict63_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ict63_343):not(.awsui_has-open-drawer_hyvsj_ict63_286) {
|
|
387
387
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
388
388
|
transition: width var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
389
389
|
}
|
|
390
390
|
@media (prefers-reduced-motion: reduce) {
|
|
391
|
-
.awsui_drawers-desktop-triggers-
|
|
391
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_ict63_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ict63_343):not(.awsui_has-open-drawer_hyvsj_ict63_286) {
|
|
392
392
|
animation: none;
|
|
393
393
|
transition: none;
|
|
394
394
|
}
|
|
395
395
|
}
|
|
396
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
396
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_ict63_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ict63_343):not(.awsui_has-open-drawer_hyvsj_ict63_286), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_ict63_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ict63_343):not(.awsui_has-open-drawer_hyvsj_ict63_286) {
|
|
397
397
|
animation: none;
|
|
398
398
|
transition: none;
|
|
399
399
|
}
|
|
400
400
|
|
|
401
|
-
.awsui_drawers-trigger-
|
|
401
|
+
.awsui_drawers-trigger-content_hyvsj_ict63_375:not(#\9) {
|
|
402
402
|
align-items: center;
|
|
403
403
|
display: flex;
|
|
404
404
|
flex-direction: column;
|
|
@@ -406,33 +406,33 @@ div.awsui_background_hyvsj_b3czl_224 > .awsui_overlap_hyvsj_b3czl_246:not(#\9) {
|
|
|
406
406
|
padding-top: var(--space-scaled-s-cu1hzn, 12px);
|
|
407
407
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
408
408
|
}
|
|
409
|
-
.awsui_drawers-trigger-
|
|
409
|
+
.awsui_drawers-trigger-content_hyvsj_ict63_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ict63_343).awsui_has-open-drawer_hyvsj_ict63_286 {
|
|
410
410
|
opacity: 0;
|
|
411
411
|
}
|
|
412
|
-
.awsui_drawers-trigger-
|
|
412
|
+
.awsui_drawers-trigger-content_hyvsj_ict63_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ict63_343):not(.awsui_has-open-drawer_hyvsj_ict63_286) {
|
|
413
413
|
opacity: 1;
|
|
414
414
|
transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
415
415
|
transition-delay: calc(var(--motion-duration-refresh-only-fast-addxjd, 115ms) / 1.5);
|
|
416
416
|
}
|
|
417
417
|
@media (prefers-reduced-motion: reduce) {
|
|
418
|
-
.awsui_drawers-trigger-
|
|
418
|
+
.awsui_drawers-trigger-content_hyvsj_ict63_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ict63_343):not(.awsui_has-open-drawer_hyvsj_ict63_286) {
|
|
419
419
|
animation: none;
|
|
420
420
|
transition: none;
|
|
421
421
|
}
|
|
422
422
|
}
|
|
423
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
423
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_ict63_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ict63_343):not(.awsui_has-open-drawer_hyvsj_ict63_286), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_ict63_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ict63_343):not(.awsui_has-open-drawer_hyvsj_ict63_286) {
|
|
424
424
|
animation: none;
|
|
425
425
|
transition: none;
|
|
426
426
|
}
|
|
427
427
|
|
|
428
428
|
@media (max-width: 688px) {
|
|
429
|
-
.awsui_drawers-
|
|
429
|
+
.awsui_drawers-trigger_hyvsj_ict63_375:not(#\9) {
|
|
430
430
|
width: 40px;
|
|
431
431
|
text-align: right;
|
|
432
432
|
}
|
|
433
433
|
}
|
|
434
434
|
|
|
435
|
-
.
|
|
435
|
+
.awsui_drawer_hyvsj_ict63_126:not(#\9) {
|
|
436
436
|
--awsui-active-drawer-width-rrnppm: 290px;
|
|
437
437
|
background-color: var(--color-background-container-content-o88wxm, #ffffff);
|
|
438
438
|
border-color: transparent;
|
|
@@ -449,42 +449,42 @@ div.awsui_background_hyvsj_b3czl_224 > .awsui_overlap_hyvsj_b3czl_246:not(#\9) {
|
|
|
449
449
|
transition: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
450
450
|
transition-property: border-color, opacity, width;
|
|
451
451
|
}
|
|
452
|
-
.
|
|
452
|
+
.awsui_drawer_hyvsj_ict63_126 > .awsui_drawer-close-button_hyvsj_ict63_426:not(#\9) {
|
|
453
453
|
grid-column: 2;
|
|
454
454
|
grid-row: 2;
|
|
455
455
|
z-index: 1;
|
|
456
456
|
}
|
|
457
|
-
.
|
|
457
|
+
.awsui_drawer_hyvsj_ict63_126 > .awsui_drawer-content_hyvsj_ict63_431:not(#\9) {
|
|
458
458
|
grid-column: 1/span 3;
|
|
459
459
|
grid-row: 1/span 3;
|
|
460
460
|
width: var(--awsui-active-drawer-width-rrnppm);
|
|
461
461
|
}
|
|
462
|
-
.
|
|
462
|
+
.awsui_drawer_hyvsj_ict63_126:not(#\9):not(.awsui_is-drawer-open_hyvsj_ict63_436) {
|
|
463
463
|
opacity: 0;
|
|
464
464
|
width: 0;
|
|
465
465
|
}
|
|
466
|
-
.
|
|
466
|
+
.awsui_drawer_hyvsj_ict63_126.awsui_is-drawer-open_hyvsj_ict63_436:not(#\9) {
|
|
467
467
|
border-right: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
|
|
468
468
|
opacity: 1;
|
|
469
469
|
width: var(--awsui-active-drawer-width-rrnppm);
|
|
470
470
|
}
|
|
471
471
|
@media (prefers-reduced-motion: reduce) {
|
|
472
|
-
.
|
|
472
|
+
.awsui_drawer_hyvsj_ict63_126:not(#\9) {
|
|
473
473
|
animation: none;
|
|
474
474
|
transition: none;
|
|
475
475
|
}
|
|
476
476
|
}
|
|
477
|
-
.awsui-motion-disabled .
|
|
477
|
+
.awsui-motion-disabled .awsui_drawer_hyvsj_ict63_126:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_ict63_126:not(#\9) {
|
|
478
478
|
animation: none;
|
|
479
479
|
transition: none;
|
|
480
480
|
}
|
|
481
481
|
@media (min-width: 2541px) {
|
|
482
|
-
.
|
|
482
|
+
.awsui_drawer_hyvsj_ict63_126.awsui_is-drawer-open_hyvsj_ict63_436:not(#\9) {
|
|
483
483
|
--awsui-active-drawer-width-rrnppm: 320px;
|
|
484
484
|
}
|
|
485
485
|
}
|
|
486
486
|
@media (max-width: 688px) {
|
|
487
|
-
.
|
|
487
|
+
.awsui_drawer_hyvsj_ict63_126.awsui_is-drawer-open_hyvsj_ict63_436:not(#\9) {
|
|
488
488
|
--awsui-active-drawer-width-rrnppm: 100vw;
|
|
489
489
|
}
|
|
490
490
|
}
|
|
@@ -493,13 +493,13 @@ div.awsui_background_hyvsj_b3czl_224 > .awsui_overlap_hyvsj_b3czl_246:not(#\9) {
|
|
|
493
493
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
494
494
|
SPDX-License-Identifier: Apache-2.0
|
|
495
495
|
*/
|
|
496
|
-
header.
|
|
496
|
+
header.awsui_content_hyvsj_ict63_182:not(#\9) {
|
|
497
497
|
grid-column: 3;
|
|
498
498
|
grid-row: 3;
|
|
499
499
|
padding-bottom: var(--space-content-header-padding-bottom-m7tdoi, 16px);
|
|
500
500
|
}
|
|
501
501
|
@media (min-width: 689px) {
|
|
502
|
-
header.
|
|
502
|
+
header.awsui_content_hyvsj_ict63_182:not(#\9) {
|
|
503
503
|
/*
|
|
504
504
|
If Notifications exist and Breadcrumbs do not then Notifications
|
|
505
505
|
is the previous adjacent sibling to the Header. Add minimal top padding
|
|
@@ -517,25 +517,25 @@ header.awsui_content_hyvsj_b3czl_182:not(#\9) {
|
|
|
517
517
|
circular buttons.
|
|
518
518
|
*/
|
|
519
519
|
}
|
|
520
|
-
header.
|
|
520
|
+
header.awsui_content_hyvsj_ict63_182.awsui_has-notifications-content_hyvsj_ict63_175:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ict63_167) {
|
|
521
521
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
522
522
|
}
|
|
523
|
-
header.
|
|
523
|
+
header.awsui_content_hyvsj_ict63_182.awsui_has-breadcrumbs_hyvsj_ict63_167:not(#\9) {
|
|
524
524
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
525
525
|
}
|
|
526
|
-
header.
|
|
526
|
+
header.awsui_content_hyvsj_ict63_182:not(#\9):not(.awsui_has-notifications-content_hyvsj_ict63_175):not(.awsui_has-breadcrumbs_hyvsj_ict63_167) {
|
|
527
527
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
528
528
|
}
|
|
529
529
|
}
|
|
530
530
|
@media (max-width: 688px) {
|
|
531
|
-
header.
|
|
531
|
+
header.awsui_content_hyvsj_ict63_182:not(#\9) {
|
|
532
532
|
padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-m7tdoi, 16px);
|
|
533
533
|
/*
|
|
534
534
|
Breadcrumbs has moved to first position and sticky so Notifications
|
|
535
535
|
are now the previous adjacent sibling if they exist.
|
|
536
536
|
*/
|
|
537
537
|
}
|
|
538
|
-
header.
|
|
538
|
+
header.awsui_content_hyvsj_ict63_182.awsui_has-notifications-content_hyvsj_ict63_175:not(#\9) {
|
|
539
539
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
540
540
|
}
|
|
541
541
|
}
|
|
@@ -557,7 +557,7 @@ header.awsui_content_hyvsj_b3czl_182:not(#\9) {
|
|
|
557
557
|
circumstances regardless of whether the minContentWidth property is
|
|
558
558
|
explicitly set in script.
|
|
559
559
|
*/
|
|
560
|
-
.
|
|
560
|
+
.awsui_layout_hyvsj_ict63_534:not(#\9) {
|
|
561
561
|
--awsui-content-gap-left-rrnppm: 0px;
|
|
562
562
|
--awsui-content-gap-right-rrnppm: 0px;
|
|
563
563
|
--awsui-content-height-rrnppm: calc(100vh - var(--awsui-header-height-rrnppm) - var(--awsui-footer-height-rrnppm));
|
|
@@ -641,90 +641,90 @@ header.awsui_content_hyvsj_b3czl_182:not(#\9) {
|
|
|
641
641
|
*/
|
|
642
642
|
}
|
|
643
643
|
@media (min-width: 1401px) {
|
|
644
|
-
.
|
|
644
|
+
.awsui_layout_hyvsj_ict63_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_ict63_618) {
|
|
645
645
|
--awsui-default-max-content-width-rrnppm: 1280px;
|
|
646
646
|
}
|
|
647
647
|
}
|
|
648
648
|
@media (min-width: 1921px) {
|
|
649
|
-
.
|
|
649
|
+
.awsui_layout_hyvsj_ict63_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_ict63_618) {
|
|
650
650
|
--awsui-default-max-content-width-rrnppm: 1440px;
|
|
651
651
|
}
|
|
652
652
|
}
|
|
653
653
|
@media (min-width: 2541px) {
|
|
654
|
-
.
|
|
654
|
+
.awsui_layout_hyvsj_ict63_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_ict63_618) {
|
|
655
655
|
--awsui-default-max-content-width-rrnppm: 1620px;
|
|
656
656
|
}
|
|
657
657
|
}
|
|
658
658
|
@media (min-width: 1401px) {
|
|
659
|
-
.
|
|
659
|
+
.awsui_layout_hyvsj_ict63_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_ict63_618).awsui_content-type-dashboard_hyvsj_ict63_633 {
|
|
660
660
|
--awsui-default-max-content-width-rrnppm: 1280px;
|
|
661
661
|
}
|
|
662
662
|
}
|
|
663
663
|
@media (min-width: 1921px) {
|
|
664
|
-
.
|
|
664
|
+
.awsui_layout_hyvsj_ict63_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_ict63_618).awsui_content-type-dashboard_hyvsj_ict63_633 {
|
|
665
665
|
--awsui-default-max-content-width-rrnppm: 1620px;
|
|
666
666
|
}
|
|
667
667
|
}
|
|
668
668
|
@media (min-width: 2541px) {
|
|
669
|
-
.
|
|
669
|
+
.awsui_layout_hyvsj_ict63_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_ict63_618).awsui_content-type-dashboard_hyvsj_ict63_633 {
|
|
670
670
|
--awsui-default-max-content-width-rrnppm: 2160px;
|
|
671
671
|
}
|
|
672
672
|
}
|
|
673
|
-
.
|
|
673
|
+
.awsui_layout_hyvsj_ict63_534.awsui_has-max-content-width_hyvsj_ict63_618:not(#\9) {
|
|
674
674
|
--awsui-default-max-content-width-rrnppm: var(--awsui-max-content-width-rrnppm);
|
|
675
675
|
}
|
|
676
676
|
@media (min-width: 993px) {
|
|
677
|
-
.
|
|
677
|
+
.awsui_layout_hyvsj_ict63_534:not(#\9) {
|
|
678
678
|
--awsui-default-min-content-width-rrnppm: var(--awsui-min-content-width-rrnppm, 280px);
|
|
679
679
|
}
|
|
680
680
|
}
|
|
681
681
|
@media (max-width: 992px) {
|
|
682
|
-
.
|
|
682
|
+
.awsui_layout_hyvsj_ict63_534:not(#\9) {
|
|
683
683
|
--awsui-default-min-content-width-rrnppm: 0px;
|
|
684
684
|
}
|
|
685
685
|
}
|
|
686
|
-
.
|
|
686
|
+
.awsui_layout_hyvsj_ict63_534.awsui_is-overlap-disabled_hyvsj_ict63_660:not(#\9) {
|
|
687
687
|
--awsui-overlap-height-rrnppm: 0;
|
|
688
688
|
}
|
|
689
|
-
.
|
|
689
|
+
.awsui_layout_hyvsj_ict63_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_ict63_320) {
|
|
690
690
|
--awsui-offset-top-rrnppm: var(--awsui-header-height-rrnppm);
|
|
691
691
|
min-height: var(--awsui-content-height-rrnppm);
|
|
692
692
|
}
|
|
693
|
-
.
|
|
693
|
+
.awsui_layout_hyvsj_ict63_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_ict63_320):not(.awsui_has-sticky-notifications_hyvsj_ict63_667) {
|
|
694
694
|
--awsui-offset-top-with-notifications-rrnppm: var(--awsui-header-height-rrnppm);
|
|
695
695
|
}
|
|
696
|
-
.
|
|
696
|
+
.awsui_layout_hyvsj_ict63_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_ict63_320).awsui_has-sticky-notifications_hyvsj_ict63_667 {
|
|
697
697
|
--awsui-offset-top-with-notifications-rrnppm: calc(
|
|
698
698
|
var(--awsui-header-height-rrnppm) + var(--awsui-notifications-height-rrnppm) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
|
|
699
699
|
);
|
|
700
700
|
}
|
|
701
|
-
.
|
|
701
|
+
.awsui_layout_hyvsj_ict63_534.awsui_disable-body-scroll_hyvsj_ict63_320:not(#\9) {
|
|
702
702
|
--awsui-offset-top-rrnppm: 0px;
|
|
703
703
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-rrnppm) 1fr auto;
|
|
704
704
|
height: var(--awsui-content-height-rrnppm);
|
|
705
705
|
overflow-y: scroll;
|
|
706
706
|
}
|
|
707
|
-
.
|
|
707
|
+
.awsui_layout_hyvsj_ict63_534.awsui_disable-body-scroll_hyvsj_ict63_320.awsui_has-split-panel_hyvsj_ict63_681.awsui_split-panel-position-bottom_hyvsj_ict63_681:not(#\9) {
|
|
708
708
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-rrnppm) repeat(2, auto);
|
|
709
709
|
}
|
|
710
|
-
.
|
|
710
|
+
.awsui_layout_hyvsj_ict63_534.awsui_disable-body-scroll_hyvsj_ict63_320:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ict63_667) {
|
|
711
711
|
--awsui-offset-top-with-notifications-rrnppm: 0px;
|
|
712
712
|
}
|
|
713
|
-
.
|
|
713
|
+
.awsui_layout_hyvsj_ict63_534.awsui_disable-body-scroll_hyvsj_ict63_320.awsui_has-sticky-notifications_hyvsj_ict63_667:not(#\9) {
|
|
714
714
|
--awsui-offset-top-with-notifications-rrnppm: calc(
|
|
715
715
|
var(--awsui-notifications-height-rrnppm) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
|
|
716
716
|
);
|
|
717
717
|
}
|
|
718
718
|
@media (min-width: 689px) {
|
|
719
|
-
.
|
|
719
|
+
.awsui_layout_hyvsj_ict63_534.awsui_has-content-gap-left_hyvsj_ict63_693:not(#\9) {
|
|
720
720
|
--awsui-content-gap-left-rrnppm: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
721
721
|
}
|
|
722
|
-
.
|
|
722
|
+
.awsui_layout_hyvsj_ict63_534.awsui_has-content-gap-right_hyvsj_ict63_696:not(#\9) {
|
|
723
723
|
--awsui-content-gap-right-rrnppm: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
724
724
|
}
|
|
725
725
|
}
|
|
726
726
|
@media (max-width: 688px) {
|
|
727
|
-
.
|
|
727
|
+
.awsui_layout_hyvsj_ict63_534:not(#\9) {
|
|
728
728
|
--awsui-content-gap-left-rrnppm: var(--space-l-4vl6xu, 20px);
|
|
729
729
|
--awsui-content-gap-right-rrnppm: var(--space-l-4vl6xu, 20px);
|
|
730
730
|
}
|
|
@@ -734,7 +734,7 @@ header.awsui_content_hyvsj_b3czl_182:not(#\9) {
|
|
|
734
734
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
735
735
|
when the navigation or tools drawers are open in responsive viewports.
|
|
736
736
|
*/
|
|
737
|
-
.awsui_block-body-
|
|
737
|
+
.awsui_block-body-scroll_hyvsj_ict63_711:not(#\9) {
|
|
738
738
|
overflow: hidden;
|
|
739
739
|
}
|
|
740
740
|
|
|
@@ -742,7 +742,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
742
742
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
743
743
|
SPDX-License-Identifier: Apache-2.0
|
|
744
744
|
*/
|
|
745
|
-
.
|
|
745
|
+
.awsui_container_hyvsj_ict63_719:not(#\9) {
|
|
746
746
|
grid-column: 3;
|
|
747
747
|
grid-row: 4/span 2;
|
|
748
748
|
padding-bottom: var(--space-layout-content-bottom-ebez2l, 20px);
|
|
@@ -765,23 +765,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
765
765
|
under various circumstances.
|
|
766
766
|
*/
|
|
767
767
|
}
|
|
768
|
-
.
|
|
768
|
+
.awsui_container_hyvsj_ict63_719.awsui_has-split-panel_hyvsj_ict63_681.awsui_split-panel-position-bottom_hyvsj_ict63_681:not(#\9) {
|
|
769
769
|
padding-bottom: calc(var(--awsui-split-panel-height-rrnppm) + var(--space-layout-content-bottom-ebez2l, 20px));
|
|
770
770
|
}
|
|
771
|
-
.
|
|
771
|
+
.awsui_container_hyvsj_ict63_719.awsui_disable-content-paddings_hyvsj_ict63_745:not(#\9) {
|
|
772
772
|
grid-column: 1/6;
|
|
773
773
|
padding: 0;
|
|
774
774
|
}
|
|
775
775
|
@media (min-width: 689px) {
|
|
776
|
-
.
|
|
776
|
+
.awsui_container_hyvsj_ict63_719.awsui_disable-content-paddings_hyvsj_ict63_745.awsui_is-navigation-open_hyvsj_ict63_750:not(#\9) {
|
|
777
777
|
grid-column-start: 2;
|
|
778
778
|
}
|
|
779
|
-
.
|
|
779
|
+
.awsui_container_hyvsj_ict63_719.awsui_disable-content-paddings_hyvsj_ict63_745.awsui_is-tools-open_hyvsj_ict63_753:not(#\9), .awsui_container_hyvsj_ict63_719.awsui_disable-content-paddings_hyvsj_ict63_745.awsui_is-split-panel-open_hyvsj_ict63_753.awsui_split-panel-position-side_hyvsj_ict63_753:not(#\9) {
|
|
780
780
|
grid-column-end: 5;
|
|
781
781
|
}
|
|
782
782
|
}
|
|
783
783
|
@media (min-width: 689px) {
|
|
784
|
-
.
|
|
784
|
+
.awsui_container_hyvsj_ict63_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ict63_745) {
|
|
785
785
|
/*
|
|
786
786
|
Notifications is the previous adjacent sibling to the Main in
|
|
787
787
|
desktop viewports if there are no Breadcrumbs or Header. Use additional
|
|
@@ -796,18 +796,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
796
796
|
sibling to the Main which requires no top padding.
|
|
797
797
|
*/
|
|
798
798
|
}
|
|
799
|
-
.
|
|
799
|
+
.awsui_container_hyvsj_ict63_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ict63_745).awsui_content-type-default_hyvsj_ict63_773.awsui_has-notifications-content_hyvsj_ict63_175:not(.awsui_has-breadcrumbs_hyvsj_ict63_167):not(.awsui_has-header_hyvsj_ict63_181):not(.awsui_has-dynamic-overlap-height_hyvsj_ict63_181), .awsui_container_hyvsj_ict63_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ict63_745).awsui_content-type-form_hyvsj_ict63_773.awsui_has-notifications-content_hyvsj_ict63_175:not(.awsui_has-breadcrumbs_hyvsj_ict63_167):not(.awsui_has-header_hyvsj_ict63_181):not(.awsui_has-dynamic-overlap-height_hyvsj_ict63_181) {
|
|
800
800
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
801
801
|
}
|
|
802
|
-
.
|
|
802
|
+
.awsui_container_hyvsj_ict63_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ict63_745).awsui_content-type-default_hyvsj_ict63_773:not(.awsui_has-notifications-content_hyvsj_ict63_175):not(.awsui_has-breadcrumbs_hyvsj_ict63_167):not(.awsui_has-header_hyvsj_ict63_181):not(.awsui_has-dynamic-overlap-height_hyvsj_ict63_181), .awsui_container_hyvsj_ict63_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ict63_745).awsui_content-type-form_hyvsj_ict63_773:not(.awsui_has-notifications-content_hyvsj_ict63_175):not(.awsui_has-breadcrumbs_hyvsj_ict63_167):not(.awsui_has-header_hyvsj_ict63_181):not(.awsui_has-dynamic-overlap-height_hyvsj_ict63_181) {
|
|
803
803
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
804
804
|
}
|
|
805
|
-
.
|
|
805
|
+
.awsui_container_hyvsj_ict63_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ict63_745).awsui_has-header_hyvsj_ict63_181, .awsui_container_hyvsj_ict63_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ict63_745).awsui_has-dynamic-overlap-height_hyvsj_ict63_181 {
|
|
806
806
|
padding-top: 0;
|
|
807
807
|
}
|
|
808
808
|
}
|
|
809
809
|
@media (max-width: 688px) {
|
|
810
|
-
.
|
|
810
|
+
.awsui_container_hyvsj_ict63_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ict63_745) {
|
|
811
811
|
/*
|
|
812
812
|
If the Notifications exist but the Header does not then the
|
|
813
813
|
Notifications is the previous adjacent sibling to the Main
|
|
@@ -822,23 +822,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
822
822
|
sibling to the Main which requires no top padding.
|
|
823
823
|
*/
|
|
824
824
|
}
|
|
825
|
-
.
|
|
825
|
+
.awsui_container_hyvsj_ict63_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ict63_745).awsui_content-type-default_hyvsj_ict63_773.awsui_has-notifications-content_hyvsj_ict63_175:not(.awsui_has-header_hyvsj_ict63_181):not(.awsui_has-dynamic-overlap-height_hyvsj_ict63_181), .awsui_container_hyvsj_ict63_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ict63_745).awsui_content-type-form_hyvsj_ict63_773.awsui_has-notifications-content_hyvsj_ict63_175:not(.awsui_has-header_hyvsj_ict63_181):not(.awsui_has-dynamic-overlap-height_hyvsj_ict63_181) {
|
|
826
826
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
827
827
|
}
|
|
828
|
-
.
|
|
828
|
+
.awsui_container_hyvsj_ict63_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ict63_745).awsui_content-type-default_hyvsj_ict63_773:not(.awsui_has-notifications-content_hyvsj_ict63_175):not(.awsui_has-header_hyvsj_ict63_181):not(.awsui_has-dynamic-overlap-height_hyvsj_ict63_181), .awsui_container_hyvsj_ict63_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ict63_745).awsui_content-type-form_hyvsj_ict63_773:not(.awsui_has-notifications-content_hyvsj_ict63_175):not(.awsui_has-header_hyvsj_ict63_181):not(.awsui_has-dynamic-overlap-height_hyvsj_ict63_181) {
|
|
829
829
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
830
830
|
}
|
|
831
|
-
.
|
|
831
|
+
.awsui_container_hyvsj_ict63_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ict63_745).awsui_has-header_hyvsj_ict63_181, .awsui_container_hyvsj_ict63_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ict63_745).awsui_has-dynamic-overlap-height_hyvsj_ict63_181 {
|
|
832
832
|
padding-top: 0;
|
|
833
833
|
}
|
|
834
834
|
}
|
|
835
|
-
.
|
|
835
|
+
.awsui_container_hyvsj_ict63_719.awsui_content-type-cards_hyvsj_ict63_185:not(#\9), .awsui_container_hyvsj_ict63_719.awsui_content-type-table_hyvsj_ict63_186:not(#\9), .awsui_container_hyvsj_ict63_719.awsui_content-type-wizard_hyvsj_ict63_182:not(#\9) {
|
|
836
836
|
padding-top: 0;
|
|
837
837
|
}
|
|
838
838
|
|
|
839
839
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
840
|
-
.
|
|
841
|
-
.
|
|
840
|
+
.awsui_unfocusable_hyvsj_ict63_814:not(#\9),
|
|
841
|
+
.awsui_unfocusable_hyvsj_ict63_814 *:not(#\9) {
|
|
842
842
|
visibility: hidden !important;
|
|
843
843
|
}
|
|
844
844
|
|
|
@@ -847,7 +847,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
847
847
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
848
848
|
SPDX-License-Identifier: Apache-2.0
|
|
849
849
|
*/
|
|
850
|
-
.awsui_navigation-
|
|
850
|
+
.awsui_navigation-container_hyvsj_ict63_824:not(#\9) {
|
|
851
851
|
--awsui-navigation-width-rrnppm: 280px;
|
|
852
852
|
display: flex;
|
|
853
853
|
grid-column: 1;
|
|
@@ -869,12 +869,12 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
869
869
|
pointer-events: none;
|
|
870
870
|
}
|
|
871
871
|
@media (min-width: 2541px) {
|
|
872
|
-
.awsui_navigation-
|
|
872
|
+
.awsui_navigation-container_hyvsj_ict63_824:not(#\9) {
|
|
873
873
|
--awsui-navigation-width-rrnppm: 320px;
|
|
874
874
|
}
|
|
875
875
|
}
|
|
876
876
|
@media (max-width: 688px) {
|
|
877
|
-
.awsui_navigation-
|
|
877
|
+
.awsui_navigation-container_hyvsj_ict63_824:not(#\9) {
|
|
878
878
|
left: 0;
|
|
879
879
|
position: fixed;
|
|
880
880
|
z-index: 1001;
|
|
@@ -886,19 +886,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
886
886
|
relative to the body.
|
|
887
887
|
*/
|
|
888
888
|
}
|
|
889
|
-
.awsui_navigation-
|
|
889
|
+
.awsui_navigation-container_hyvsj_ict63_824.awsui_disable-body-scroll_hyvsj_ict63_320:not(#\9) {
|
|
890
890
|
top: var(--awsui-header-height-rrnppm);
|
|
891
891
|
}
|
|
892
892
|
}
|
|
893
893
|
|
|
894
|
-
nav.awsui_show-
|
|
894
|
+
nav.awsui_show-navigation_hyvsj_ict63_868:not(#\9) {
|
|
895
895
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
896
896
|
/*
|
|
897
897
|
Apply the animation only in desktop viewports because the AppBar will
|
|
898
898
|
take control in responsive viewports.
|
|
899
899
|
*/
|
|
900
900
|
}
|
|
901
|
-
@keyframes
|
|
901
|
+
@keyframes awsui_showButtons_hyvsj_ict63_1 {
|
|
902
902
|
0% {
|
|
903
903
|
opacity: 0;
|
|
904
904
|
}
|
|
@@ -906,31 +906,31 @@ nav.awsui_show-navigation_hyvsj_b3czl_868:not(#\9) {
|
|
|
906
906
|
opacity: 1;
|
|
907
907
|
}
|
|
908
908
|
}
|
|
909
|
-
nav.awsui_show-
|
|
909
|
+
nav.awsui_show-navigation_hyvsj_ict63_868.awsui_is-navigation-open_hyvsj_ict63_750:not(#\9) {
|
|
910
910
|
display: none;
|
|
911
911
|
}
|
|
912
912
|
@media (min-width: 689px) {
|
|
913
|
-
nav.awsui_show-
|
|
913
|
+
nav.awsui_show-navigation_hyvsj_ict63_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_ict63_750) {
|
|
914
914
|
display: block;
|
|
915
915
|
}
|
|
916
|
-
nav.awsui_show-
|
|
917
|
-
animation:
|
|
916
|
+
nav.awsui_show-navigation_hyvsj_ict63_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_ict63_750).awsui_animating_hyvsj_ict63_890 {
|
|
917
|
+
animation: awsui_showButtons_hyvsj_ict63_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
918
918
|
}
|
|
919
919
|
}
|
|
920
920
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
921
|
-
nav.awsui_show-
|
|
921
|
+
nav.awsui_show-navigation_hyvsj_ict63_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_ict63_750).awsui_animating_hyvsj_ict63_890 {
|
|
922
922
|
animation: none;
|
|
923
923
|
transition: none;
|
|
924
924
|
}
|
|
925
925
|
}
|
|
926
926
|
@media (min-width: 689px) {
|
|
927
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
927
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_ict63_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_ict63_750).awsui_animating_hyvsj_ict63_890, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_ict63_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_ict63_750).awsui_animating_hyvsj_ict63_890 {
|
|
928
928
|
animation: none;
|
|
929
929
|
transition: none;
|
|
930
930
|
}
|
|
931
931
|
}
|
|
932
932
|
|
|
933
|
-
nav.
|
|
933
|
+
nav.awsui_navigation_hyvsj_ict63_824:not(#\9) {
|
|
934
934
|
background-color: var(--color-background-container-content-o88wxm, #ffffff);
|
|
935
935
|
box-shadow: var(--shadow-panel-v9vx7i, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
936
936
|
bottom: 0;
|
|
@@ -947,7 +947,7 @@ nav.awsui_navigation_hyvsj_b3czl_824:not(#\9) {
|
|
|
947
947
|
prevent unwanted text wrapping.
|
|
948
948
|
*/
|
|
949
949
|
}
|
|
950
|
-
@keyframes
|
|
950
|
+
@keyframes awsui_openNavigation_hyvsj_ict63_1 {
|
|
951
951
|
from {
|
|
952
952
|
opacity: 0;
|
|
953
953
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -957,33 +957,33 @@ nav.awsui_navigation_hyvsj_b3czl_824:not(#\9) {
|
|
|
957
957
|
width: var(--awsui-navigation-width-rrnppm);
|
|
958
958
|
}
|
|
959
959
|
}
|
|
960
|
-
nav.
|
|
960
|
+
nav.awsui_navigation_hyvsj_ict63_824:not(#\9):not(.awsui_is-navigation-open_hyvsj_ict63_750) {
|
|
961
961
|
width: 0;
|
|
962
962
|
display: none;
|
|
963
963
|
}
|
|
964
|
-
nav.
|
|
965
|
-
animation:
|
|
964
|
+
nav.awsui_navigation_hyvsj_ict63_824.awsui_is-navigation-open_hyvsj_ict63_750.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
965
|
+
animation: awsui_openNavigation_hyvsj_ict63_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
966
966
|
}
|
|
967
967
|
@media (prefers-reduced-motion: reduce) {
|
|
968
|
-
nav.
|
|
968
|
+
nav.awsui_navigation_hyvsj_ict63_824.awsui_is-navigation-open_hyvsj_ict63_750.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
969
969
|
animation: none;
|
|
970
970
|
transition: none;
|
|
971
971
|
}
|
|
972
972
|
}
|
|
973
|
-
.awsui-motion-disabled nav.
|
|
973
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_ict63_824.awsui_is-navigation-open_hyvsj_ict63_750.awsui_animating_hyvsj_ict63_890:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_ict63_824.awsui_is-navigation-open_hyvsj_ict63_750.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
974
974
|
animation: none;
|
|
975
975
|
transition: none;
|
|
976
976
|
}
|
|
977
|
-
nav.
|
|
977
|
+
nav.awsui_navigation_hyvsj_ict63_824 > .awsui_animated-content_hyvsj_ict63_951:not(#\9) {
|
|
978
978
|
width: var(--awsui-navigation-width-rrnppm);
|
|
979
979
|
}
|
|
980
980
|
@media (max-width: 688px) {
|
|
981
|
-
nav.
|
|
981
|
+
nav.awsui_navigation_hyvsj_ict63_824:not(#\9) {
|
|
982
982
|
--awsui-navigation-width-rrnppm: 100vw;
|
|
983
983
|
}
|
|
984
984
|
}
|
|
985
985
|
|
|
986
|
-
.awsui_hide-
|
|
986
|
+
.awsui_hide-navigation_hyvsj_ict63_960:not(#\9) {
|
|
987
987
|
position: absolute;
|
|
988
988
|
right: var(--space-m-17eucw, 16px);
|
|
989
989
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -993,7 +993,7 @@ nav.awsui_navigation_hyvsj_b3czl_824 > .awsui_animated-content_hyvsj_b3czl_951:n
|
|
|
993
993
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
994
994
|
SPDX-License-Identifier: Apache-2.0
|
|
995
995
|
*/
|
|
996
|
-
.
|
|
996
|
+
.awsui_notifications_hyvsj_ict63_227:not(#\9) {
|
|
997
997
|
grid-column: 3;
|
|
998
998
|
grid-row: 1;
|
|
999
999
|
z-index: 850;
|
|
@@ -1011,31 +1011,31 @@ nav.awsui_navigation_hyvsj_b3czl_824 > .awsui_animated-content_hyvsj_b3czl_951:n
|
|
|
1011
1011
|
*/
|
|
1012
1012
|
}
|
|
1013
1013
|
@media (min-width: 689px) {
|
|
1014
|
-
.
|
|
1014
|
+
.awsui_notifications_hyvsj_ict63_227:not(#\9) {
|
|
1015
1015
|
margin: var(--space-xs-rsr2qu, 8px) 0;
|
|
1016
1016
|
/*
|
|
1017
1017
|
var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
|
|
1018
1018
|
calculation in the layout CSS.
|
|
1019
1019
|
*/
|
|
1020
1020
|
}
|
|
1021
|
-
.
|
|
1021
|
+
.awsui_notifications_hyvsj_ict63_227.awsui_sticky-notifications_hyvsj_ict63_240:not(#\9) {
|
|
1022
1022
|
position: sticky;
|
|
1023
1023
|
top: calc(var(--awsui-offset-top-rrnppm) + var(--space-xs-rsr2qu, 8px));
|
|
1024
1024
|
--awsui-flashbar-sticky-bottom-margin-rrnppm: var(--space-xxl-2nvmf1, 32px);
|
|
1025
1025
|
}
|
|
1026
|
-
.
|
|
1026
|
+
.awsui_notifications_hyvsj_ict63_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_ict63_175) {
|
|
1027
1027
|
margin: 0;
|
|
1028
1028
|
}
|
|
1029
1029
|
}
|
|
1030
1030
|
@media (max-width: 688px) {
|
|
1031
|
-
.
|
|
1031
|
+
.awsui_notifications_hyvsj_ict63_227:not(#\9) {
|
|
1032
1032
|
grid-row: 2;
|
|
1033
1033
|
margin: var(--space-scaled-s-cu1hzn, 12px) 0;
|
|
1034
1034
|
}
|
|
1035
|
-
.
|
|
1035
|
+
.awsui_notifications_hyvsj_ict63_227.awsui_sticky-notifications_hyvsj_ict63_240:not(#\9) {
|
|
1036
1036
|
position: static;
|
|
1037
1037
|
}
|
|
1038
|
-
.
|
|
1038
|
+
.awsui_notifications_hyvsj_ict63_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_ict63_175) {
|
|
1039
1039
|
margin: 0;
|
|
1040
1040
|
}
|
|
1041
1041
|
}
|
|
@@ -1050,7 +1050,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
1050
1050
|
consume the remaining vertical space in the grid after the notifications
|
|
1051
1051
|
and breadcrumbs.
|
|
1052
1052
|
*/
|
|
1053
|
-
section.awsui_split-panel-
|
|
1053
|
+
section.awsui_split-panel-bottom_hyvsj_ict63_1027:not(#\9) {
|
|
1054
1054
|
/*
|
|
1055
1055
|
The align self property will position the split panel at the bottom of the grid row.
|
|
1056
1056
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -1085,7 +1085,7 @@ section.awsui_split-panel-bottom_hyvsj_b3czl_1027:not(#\9) {
|
|
|
1085
1085
|
apply the animation to the height property.
|
|
1086
1086
|
*/
|
|
1087
1087
|
}
|
|
1088
|
-
@keyframes
|
|
1088
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_ict63_1 {
|
|
1089
1089
|
from {
|
|
1090
1090
|
height: var(--awsui-split-panel-reported-header-size-rrnppm, 0);
|
|
1091
1091
|
}
|
|
@@ -1093,39 +1093,39 @@ section.awsui_split-panel-bottom_hyvsj_b3czl_1027:not(#\9) {
|
|
|
1093
1093
|
height: var(--awsui-split-panel-reported-size-rrnppm);
|
|
1094
1094
|
}
|
|
1095
1095
|
}
|
|
1096
|
-
section.awsui_split-panel-
|
|
1096
|
+
section.awsui_split-panel-bottom_hyvsj_ict63_1027.awsui_disable-body-scroll_hyvsj_ict63_320:not(#\9) {
|
|
1097
1097
|
bottom: 0;
|
|
1098
1098
|
}
|
|
1099
|
-
section.awsui_split-panel-
|
|
1099
|
+
section.awsui_split-panel-bottom_hyvsj_ict63_1027.awsui_is-navigation-open_hyvsj_ict63_750.awsui_position-bottom_hyvsj_ict63_1073:not(#\9) {
|
|
1100
1100
|
grid-column-start: 2;
|
|
1101
1101
|
}
|
|
1102
|
-
section.awsui_split-panel-
|
|
1102
|
+
section.awsui_split-panel-bottom_hyvsj_ict63_1027.awsui_has-open-drawer_hyvsj_ict63_286.awsui_position-bottom_hyvsj_ict63_1073:not(#\9) {
|
|
1103
1103
|
grid-column-end: 5;
|
|
1104
1104
|
}
|
|
1105
|
-
section.awsui_split-panel-
|
|
1105
|
+
section.awsui_split-panel-bottom_hyvsj_ict63_1027.awsui_position-bottom_hyvsj_ict63_1073:not(#\9) {
|
|
1106
1106
|
display: block;
|
|
1107
1107
|
}
|
|
1108
|
-
section.awsui_split-panel-
|
|
1108
|
+
section.awsui_split-panel-bottom_hyvsj_ict63_1027:not(#\9):not(.awsui_is-split-panel-open_hyvsj_ict63_753).awsui_position-bottom_hyvsj_ict63_1073 {
|
|
1109
1109
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
1110
1110
|
}
|
|
1111
|
-
section.awsui_split-panel-
|
|
1111
|
+
section.awsui_split-panel-bottom_hyvsj_ict63_1027.awsui_is-split-panel-open_hyvsj_ict63_753.awsui_position-bottom_hyvsj_ict63_1073:not(#\9) {
|
|
1112
1112
|
box-shadow: var(--shadow-split-bottom-nxe040, 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3));
|
|
1113
1113
|
}
|
|
1114
|
-
section.awsui_split-panel-
|
|
1115
|
-
animation:
|
|
1114
|
+
section.awsui_split-panel-bottom_hyvsj_ict63_1027.awsui_is-split-panel-open_hyvsj_ict63_753.awsui_position-bottom_hyvsj_ict63_1073.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
1115
|
+
animation: awsui_openSplitPanelBottom_hyvsj_ict63_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1116
1116
|
}
|
|
1117
1117
|
@media (prefers-reduced-motion: reduce) {
|
|
1118
|
-
section.awsui_split-panel-
|
|
1118
|
+
section.awsui_split-panel-bottom_hyvsj_ict63_1027.awsui_is-split-panel-open_hyvsj_ict63_753.awsui_position-bottom_hyvsj_ict63_1073.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
1119
1119
|
animation: none;
|
|
1120
1120
|
transition: none;
|
|
1121
1121
|
}
|
|
1122
1122
|
}
|
|
1123
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1123
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_ict63_1027.awsui_is-split-panel-open_hyvsj_ict63_753.awsui_position-bottom_hyvsj_ict63_1073.awsui_animating_hyvsj_ict63_890:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_ict63_1027.awsui_is-split-panel-open_hyvsj_ict63_753.awsui_position-bottom_hyvsj_ict63_1073.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
1124
1124
|
animation: none;
|
|
1125
1125
|
transition: none;
|
|
1126
1126
|
}
|
|
1127
1127
|
|
|
1128
|
-
section.awsui_split-panel-
|
|
1128
|
+
section.awsui_split-panel-side_hyvsj_ict63_1102:not(#\9) {
|
|
1129
1129
|
height: 100%;
|
|
1130
1130
|
overflow-x: hidden;
|
|
1131
1131
|
pointer-events: auto;
|
|
@@ -1140,7 +1140,7 @@ section.awsui_split-panel-side_hyvsj_b3czl_1102:not(#\9) {
|
|
|
1140
1140
|
prevent unwanted text wrapping.
|
|
1141
1141
|
*/
|
|
1142
1142
|
}
|
|
1143
|
-
@keyframes
|
|
1143
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_ict63_1 {
|
|
1144
1144
|
from {
|
|
1145
1145
|
opacity: 0;
|
|
1146
1146
|
width: var(--awsui-split-panel-min-width-rrnppm, 280px);
|
|
@@ -1150,28 +1150,28 @@ section.awsui_split-panel-side_hyvsj_b3czl_1102:not(#\9) {
|
|
|
1150
1150
|
width: var(--awsui-split-panel-reported-size-rrnppm);
|
|
1151
1151
|
}
|
|
1152
1152
|
}
|
|
1153
|
-
section.awsui_split-panel-
|
|
1153
|
+
section.awsui_split-panel-side_hyvsj_ict63_1102:not(#\9):not(.awsui_is-split-panel-open_hyvsj_ict63_753), section.awsui_split-panel-side_hyvsj_ict63_1102.awsui_position-bottom_hyvsj_ict63_1073:not(#\9) {
|
|
1154
1154
|
width: 0;
|
|
1155
1155
|
}
|
|
1156
|
-
section.awsui_split-panel-
|
|
1156
|
+
section.awsui_split-panel-side_hyvsj_ict63_1102.awsui_is-split-panel-open_hyvsj_ict63_753.awsui_position-side_hyvsj_ict63_1130:not(#\9) {
|
|
1157
1157
|
box-shadow: var(--shadow-panel-v9vx7i, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
1158
1158
|
max-width: var(--awsui-split-panel-max-width-rrnppm, 280px);
|
|
1159
1159
|
min-width: var(--awsui-split-panel-min-width-rrnppm, 280px);
|
|
1160
1160
|
}
|
|
1161
|
-
section.awsui_split-panel-
|
|
1162
|
-
animation:
|
|
1161
|
+
section.awsui_split-panel-side_hyvsj_ict63_1102.awsui_is-split-panel-open_hyvsj_ict63_753.awsui_position-side_hyvsj_ict63_1130.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
1162
|
+
animation: awsui_openSplitPanelSide_hyvsj_ict63_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1163
1163
|
}
|
|
1164
1164
|
@media (prefers-reduced-motion: reduce) {
|
|
1165
|
-
section.awsui_split-panel-
|
|
1165
|
+
section.awsui_split-panel-side_hyvsj_ict63_1102.awsui_is-split-panel-open_hyvsj_ict63_753.awsui_position-side_hyvsj_ict63_1130.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
1166
1166
|
animation: none;
|
|
1167
1167
|
transition: none;
|
|
1168
1168
|
}
|
|
1169
1169
|
}
|
|
1170
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1170
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_ict63_1102.awsui_is-split-panel-open_hyvsj_ict63_753.awsui_position-side_hyvsj_ict63_1130.awsui_animating_hyvsj_ict63_890:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_ict63_1102.awsui_is-split-panel-open_hyvsj_ict63_753.awsui_position-side_hyvsj_ict63_1130.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
1171
1171
|
animation: none;
|
|
1172
1172
|
transition: none;
|
|
1173
1173
|
}
|
|
1174
|
-
section.awsui_split-panel-
|
|
1174
|
+
section.awsui_split-panel-side_hyvsj_ict63_1102 > .awsui_animated-content_hyvsj_ict63_951:not(#\9) {
|
|
1175
1175
|
height: 100%;
|
|
1176
1176
|
max-width: inherit;
|
|
1177
1177
|
width: var(--awsui-split-panel-reported-size-rrnppm);
|
|
@@ -1190,7 +1190,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1190
1190
|
property. The content gap right is computed in the Layout styles based on the
|
|
1191
1191
|
viewport size and state of the Tools drawer.
|
|
1192
1192
|
*/
|
|
1193
|
-
.awsui_tools-
|
|
1193
|
+
.awsui_tools-container_hyvsj_ict63_1167:not(#\9) {
|
|
1194
1194
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1195
1195
|
--awsui-tools-max-width-rrnppm: calc(var(--awsui-layout-width-rrnppm) - var(--awsui-main-offset-left-rrnppm) - var(--awsui-default-min-content-width-rrnppm) - var(--awsui-content-gap-right-rrnppm));
|
|
1196
1196
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1206,12 +1206,12 @@ viewport size and state of the Tools drawer.
|
|
|
1206
1206
|
pointer-events: none;
|
|
1207
1207
|
}
|
|
1208
1208
|
@media (min-width: 2541px) {
|
|
1209
|
-
.awsui_tools-
|
|
1209
|
+
.awsui_tools-container_hyvsj_ict63_1167:not(#\9) {
|
|
1210
1210
|
--awsui-tools-width-rrnppm: 360px;
|
|
1211
1211
|
}
|
|
1212
1212
|
}
|
|
1213
1213
|
@media (max-width: 688px) {
|
|
1214
|
-
.awsui_tools-
|
|
1214
|
+
.awsui_tools-container_hyvsj_ict63_1167:not(#\9) {
|
|
1215
1215
|
--awsui-tools-max-width-rrnppm: none;
|
|
1216
1216
|
--awsui-tools-width-rrnppm: auto;
|
|
1217
1217
|
position: fixed;
|
|
@@ -1225,12 +1225,12 @@ viewport size and state of the Tools drawer.
|
|
|
1225
1225
|
relative to the body.
|
|
1226
1226
|
*/
|
|
1227
1227
|
}
|
|
1228
|
-
.awsui_tools-
|
|
1228
|
+
.awsui_tools-container_hyvsj_ict63_1167.awsui_disable-body-scroll_hyvsj_ict63_320:not(#\9) {
|
|
1229
1229
|
top: var(--awsui-header-height-rrnppm);
|
|
1230
1230
|
}
|
|
1231
1231
|
}
|
|
1232
1232
|
|
|
1233
|
-
.
|
|
1233
|
+
.awsui_tools_hyvsj_ict63_1167:not(#\9) {
|
|
1234
1234
|
background-color: var(--color-background-container-content-o88wxm, #ffffff);
|
|
1235
1235
|
box-shadow: var(--shadow-panel-v9vx7i, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
1236
1236
|
flex-shrink: 0;
|
|
@@ -1253,7 +1253,7 @@ viewport size and state of the Tools drawer.
|
|
|
1253
1253
|
in the side position.
|
|
1254
1254
|
*/
|
|
1255
1255
|
}
|
|
1256
|
-
@keyframes
|
|
1256
|
+
@keyframes awsui_openTools_hyvsj_ict63_1 {
|
|
1257
1257
|
from {
|
|
1258
1258
|
opacity: var(--awsui-tools-animation-starting-opacity-rrnppm, 0);
|
|
1259
1259
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -1263,38 +1263,38 @@ viewport size and state of the Tools drawer.
|
|
|
1263
1263
|
width: var(--awsui-tools-width-rrnppm);
|
|
1264
1264
|
}
|
|
1265
1265
|
}
|
|
1266
|
-
.
|
|
1266
|
+
.awsui_tools_hyvsj_ict63_1167:not(#\9):not(.awsui_is-tools-open_hyvsj_ict63_753) {
|
|
1267
1267
|
width: 0;
|
|
1268
1268
|
display: none;
|
|
1269
1269
|
}
|
|
1270
|
-
.
|
|
1271
|
-
animation:
|
|
1270
|
+
.awsui_tools_hyvsj_ict63_1167.awsui_is-tools-open_hyvsj_ict63_753.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
1271
|
+
animation: awsui_openTools_hyvsj_ict63_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1272
1272
|
}
|
|
1273
1273
|
@media (prefers-reduced-motion: reduce) {
|
|
1274
|
-
.
|
|
1274
|
+
.awsui_tools_hyvsj_ict63_1167.awsui_is-tools-open_hyvsj_ict63_753.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
1275
1275
|
animation: none;
|
|
1276
1276
|
transition: none;
|
|
1277
1277
|
}
|
|
1278
1278
|
}
|
|
1279
|
-
.awsui-motion-disabled .
|
|
1279
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_ict63_1167.awsui_is-tools-open_hyvsj_ict63_753.awsui_animating_hyvsj_ict63_890:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_ict63_1167.awsui_is-tools-open_hyvsj_ict63_753.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
1280
1280
|
animation: none;
|
|
1281
1281
|
transition: none;
|
|
1282
1282
|
}
|
|
1283
|
-
.
|
|
1283
|
+
.awsui_tools_hyvsj_ict63_1167 > .awsui_animated-content_hyvsj_ict63_951:not(#\9) {
|
|
1284
1284
|
width: var(--awsui-tools-width-rrnppm);
|
|
1285
1285
|
}
|
|
1286
1286
|
@media (min-width: 689px) {
|
|
1287
|
-
.
|
|
1287
|
+
.awsui_tools_hyvsj_ict63_1167.awsui_is-tools-open_hyvsj_ict63_753.awsui_has-tools-form-persistence_hyvsj_ict63_1261:not(#\9) {
|
|
1288
1288
|
border-right: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
|
|
1289
1289
|
}
|
|
1290
1290
|
}
|
|
1291
1291
|
@media (max-width: 688px) {
|
|
1292
|
-
.
|
|
1292
|
+
.awsui_tools_hyvsj_ict63_1167:not(#\9) {
|
|
1293
1293
|
--awsui-tools-width-rrnppm: 100vw;
|
|
1294
1294
|
}
|
|
1295
1295
|
}
|
|
1296
1296
|
|
|
1297
|
-
.awsui_hide-
|
|
1297
|
+
.awsui_hide-tools_hyvsj_ict63_1271:not(#\9) {
|
|
1298
1298
|
position: absolute;
|
|
1299
1299
|
right: var(--space-m-17eucw, 16px);
|
|
1300
1300
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -1306,7 +1306,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1306
1306
|
the calculation used to determine the Split Panel maximum width in the
|
|
1307
1307
|
handleSplitPanelMaxWidth function in the context.
|
|
1308
1308
|
*/
|
|
1309
|
-
.awsui_show-
|
|
1309
|
+
.awsui_show-tools_hyvsj_ict63_1283:not(#\9) {
|
|
1310
1310
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1311
1311
|
border-collapse: separate;
|
|
1312
1312
|
border-spacing: 0;
|
|
@@ -1350,7 +1350,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1350
1350
|
take control in responsive viewports.
|
|
1351
1351
|
*/
|
|
1352
1352
|
}
|
|
1353
|
-
@keyframes
|
|
1353
|
+
@keyframes awsui_showButtons_hyvsj_ict63_1 {
|
|
1354
1354
|
0% {
|
|
1355
1355
|
opacity: 0;
|
|
1356
1356
|
}
|
|
@@ -1358,33 +1358,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1358
1358
|
opacity: 1;
|
|
1359
1359
|
}
|
|
1360
1360
|
}
|
|
1361
|
-
.awsui_show-
|
|
1361
|
+
.awsui_show-tools_hyvsj_ict63_1283:not(#\9):not(.awsui_has-tools-form_hyvsj_ict63_1261) {
|
|
1362
1362
|
display: none;
|
|
1363
1363
|
}
|
|
1364
1364
|
@media (min-width: 689px) {
|
|
1365
|
-
.awsui_show-
|
|
1365
|
+
.awsui_show-tools_hyvsj_ict63_1283.awsui_has-tools-form_hyvsj_ict63_1261:not(#\9) {
|
|
1366
1366
|
display: flex;
|
|
1367
1367
|
flex-direction: column;
|
|
1368
1368
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
1369
1369
|
}
|
|
1370
|
-
.awsui_show-
|
|
1371
|
-
animation:
|
|
1370
|
+
.awsui_show-tools_hyvsj_ict63_1283.awsui_has-tools-form_hyvsj_ict63_1261.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
1371
|
+
animation: awsui_showButtons_hyvsj_ict63_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1372
1372
|
}
|
|
1373
1373
|
}
|
|
1374
1374
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1375
|
-
.awsui_show-
|
|
1375
|
+
.awsui_show-tools_hyvsj_ict63_1283.awsui_has-tools-form_hyvsj_ict63_1261.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
1376
1376
|
animation: none;
|
|
1377
1377
|
transition: none;
|
|
1378
1378
|
}
|
|
1379
1379
|
}
|
|
1380
1380
|
@media (min-width: 689px) {
|
|
1381
|
-
.awsui-motion-disabled .awsui_show-
|
|
1381
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_ict63_1283.awsui_has-tools-form_hyvsj_ict63_1261.awsui_animating_hyvsj_ict63_890:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_ict63_1283.awsui_has-tools-form_hyvsj_ict63_1261.awsui_animating_hyvsj_ict63_890:not(#\9) {
|
|
1382
1382
|
animation: none;
|
|
1383
1383
|
transition: none;
|
|
1384
1384
|
}
|
|
1385
1385
|
}
|
|
1386
1386
|
@media (min-width: 689px) {
|
|
1387
|
-
.awsui_show-
|
|
1387
|
+
.awsui_show-tools_hyvsj_ict63_1283.awsui_has-tools-form-persistence_hyvsj_ict63_1261:not(#\9) {
|
|
1388
1388
|
background-color: var(--color-background-container-content-o88wxm, #ffffff);
|
|
1389
1389
|
z-index: 1;
|
|
1390
1390
|
}
|
|
@@ -1399,26 +1399,26 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1399
1399
|
the calculation used to determine the Split Panel maximum width in the
|
|
1400
1400
|
handleSplitPanelMaxWidth function in the context.
|
|
1401
1401
|
*/
|
|
1402
|
-
.
|
|
1403
|
-
background: var(--color-background-layout-toggle-default-
|
|
1402
|
+
.awsui_trigger_hyvsj_ict63_1350:not(#\9) {
|
|
1403
|
+
background: var(--color-background-layout-toggle-default-wvi0uj, transparent);
|
|
1404
1404
|
border: none;
|
|
1405
1405
|
border-radius: 50%;
|
|
1406
1406
|
box-shadow: var(--shadow-panel-toggle-ufvynr, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
1407
|
-
color: var(--color-text-layout-toggle-
|
|
1407
|
+
color: var(--color-text-layout-toggle-3a24mh, #545b64);
|
|
1408
1408
|
cursor: pointer;
|
|
1409
1409
|
height: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1410
1410
|
padding: 0 var(--space-s-hv8c1d, 12px);
|
|
1411
|
-
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1412
1411
|
pointer-events: auto;
|
|
1412
|
+
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1413
1413
|
}
|
|
1414
|
-
body[data-awsui-focus-visible=true] .
|
|
1414
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_ict63_1350:not(#\9):focus {
|
|
1415
1415
|
position: relative;
|
|
1416
1416
|
}
|
|
1417
|
-
body[data-awsui-focus-visible=true] .
|
|
1417
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_ict63_1350:not(#\9):focus {
|
|
1418
1418
|
outline: 2px dotted transparent;
|
|
1419
1419
|
outline-offset: calc(3px - 1px);
|
|
1420
1420
|
}
|
|
1421
|
-
body[data-awsui-focus-visible=true] .
|
|
1421
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_ict63_1350:not(#\9):focus::before {
|
|
1422
1422
|
content: " ";
|
|
1423
1423
|
display: block;
|
|
1424
1424
|
position: absolute;
|
|
@@ -1429,23 +1429,23 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_b3czl_1350:not(#\9):foc
|
|
|
1429
1429
|
border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
|
|
1430
1430
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
|
|
1431
1431
|
}
|
|
1432
|
-
.
|
|
1432
|
+
.awsui_trigger_hyvsj_ict63_1350:not(#\9):focus {
|
|
1433
1433
|
outline: none;
|
|
1434
1434
|
}
|
|
1435
|
-
.
|
|
1435
|
+
.awsui_trigger_hyvsj_ict63_1350:not(#\9):hover {
|
|
1436
1436
|
background: var(--color-background-layout-toggle-hover-5rvtea, #545b64);
|
|
1437
1437
|
}
|
|
1438
|
-
.
|
|
1438
|
+
.awsui_trigger_hyvsj_ict63_1350:not(#\9):active {
|
|
1439
1439
|
background: var(--color-background-layout-toggle-active-d3zrnd, #2a2e33);
|
|
1440
1440
|
}
|
|
1441
|
-
.
|
|
1442
|
-
background: var(--color-background-layout-toggle-selected-default-
|
|
1441
|
+
.awsui_trigger_hyvsj_ict63_1350.awsui_selected_hyvsj_ict63_1389:not(#\9) {
|
|
1442
|
+
background: var(--color-background-layout-toggle-selected-default-kcqbvr, #0073bb);
|
|
1443
1443
|
color: var(--color-text-layout-toggle-selected-jquwag, #ffffff);
|
|
1444
1444
|
}
|
|
1445
|
-
.
|
|
1445
|
+
.awsui_trigger_hyvsj_ict63_1350.awsui_selected_hyvsj_ict63_1389:not(#\9):hover {
|
|
1446
1446
|
background: var(--color-background-layout-toggle-selected-hover-vtsm2f, #0a4a74);
|
|
1447
1447
|
}
|
|
1448
|
-
.
|
|
1448
|
+
.awsui_trigger_hyvsj_ict63_1350.awsui_selected_hyvsj_ict63_1389:not(#\9):active {
|
|
1449
1449
|
background: var(--color-background-layout-toggle-selected-active-3ftljk, #0073bb);
|
|
1450
1450
|
}
|
|
1451
1451
|
|