@cloudscape-design/components 3.0.246 → 3.0.247
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/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -30
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/drawer/index.d.ts +3 -21
- package/app-layout/drawer/index.d.ts.map +1 -1
- package/app-layout/drawer/index.js +25 -5
- package/app-layout/drawer/index.js.map +1 -1
- package/app-layout/drawer/interfaces.d.ts +84 -0
- package/app-layout/drawer/interfaces.d.ts.map +1 -0
- package/app-layout/drawer/interfaces.js +2 -0
- package/app-layout/drawer/interfaces.js.map +1 -0
- package/app-layout/drawer/resizable-drawer.d.ts +4 -0
- package/app-layout/drawer/resizable-drawer.d.ts.map +1 -0
- package/app-layout/drawer/resizable-drawer.js +51 -0
- package/app-layout/drawer/resizable-drawer.js.map +1 -0
- package/app-layout/drawer/styles.css.js +10 -5
- package/app-layout/drawer/styles.scoped.css +46 -10
- package/app-layout/drawer/styles.selectors.js +10 -5
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +142 -17
- package/app-layout/index.js.map +1 -1
- package/app-layout/mobile-toolbar/index.d.ts +10 -1
- package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
- package/app-layout/mobile-toolbar/index.js +3 -2
- package/app-layout/mobile-toolbar/index.js.map +1 -1
- package/app-layout/mobile-toolbar/styles.css.js +5 -4
- package/app-layout/mobile-toolbar/styles.scoped.css +11 -7
- package/app-layout/mobile-toolbar/styles.selectors.js +5 -4
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/test-classes/styles.css.js +18 -13
- package/app-layout/test-classes/styles.scoped.css +33 -13
- package/app-layout/test-classes/styles.selectors.js +18 -13
- package/app-layout/toggles/index.d.ts.map +1 -1
- package/app-layout/toggles/index.js +2 -2
- package/app-layout/toggles/index.js.map +1 -1
- package/app-layout/toggles/interfaces.d.ts +3 -1
- package/app-layout/toggles/interfaces.d.ts.map +1 -1
- package/app-layout/toggles/interfaces.js.map +1 -1
- package/app-layout/utils/use-drawer-focus-control.d.ts +21 -0
- package/app-layout/utils/use-drawer-focus-control.d.ts.map +1 -0
- package/app-layout/utils/use-drawer-focus-control.js +65 -0
- package/app-layout/utils/use-drawer-focus-control.js.map +1 -0
- package/app-layout/visual-refresh/app-bar.d.ts.map +1 -1
- package/app-layout/visual-refresh/app-bar.js +8 -6
- package/app-layout/visual-refresh/app-bar.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts +13 -5
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +104 -49
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/drawers.d.ts +47 -0
- package/app-layout/visual-refresh/drawers.d.ts.map +1 -0
- package/app-layout/visual-refresh/drawers.js +127 -0
- package/app-layout/visual-refresh/drawers.js.map +1 -0
- package/app-layout/visual-refresh/header.js +2 -2
- package/app-layout/visual-refresh/header.js.map +1 -1
- package/app-layout/visual-refresh/index.d.ts.map +1 -1
- package/app-layout/visual-refresh/index.js +3 -1
- package/app-layout/visual-refresh/index.js.map +1 -1
- package/app-layout/visual-refresh/layout.d.ts.map +1 -1
- package/app-layout/visual-refresh/layout.js +5 -42
- package/app-layout/visual-refresh/layout.js.map +1 -1
- package/app-layout/visual-refresh/main.d.ts.map +1 -1
- package/app-layout/visual-refresh/main.js +2 -3
- package/app-layout/visual-refresh/main.js.map +1 -1
- package/app-layout/visual-refresh/navigation.js +2 -2
- package/app-layout/visual-refresh/navigation.js.map +1 -1
- package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/app-layout/visual-refresh/notifications.js +2 -2
- package/app-layout/visual-refresh/notifications.js.map +1 -1
- package/app-layout/visual-refresh/split-panel.js +2 -2
- package/app-layout/visual-refresh/split-panel.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +71 -61
- package/app-layout/visual-refresh/styles.scoped.css +437 -229
- package/app-layout/visual-refresh/styles.selectors.js +71 -61
- package/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/app-layout/visual-refresh/tools.js +7 -3
- package/app-layout/visual-refresh/tools.js.map +1 -1
- package/app-layout/visual-refresh/trigger-button.d.ts +4 -3
- package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
- package/app-layout/visual-refresh/trigger-button.js +5 -4
- package/app-layout/visual-refresh/trigger-button.js.map +1 -1
- package/area-chart/internal.js +1 -1
- package/area-chart/internal.js.map +1 -1
- package/flashbar/styles.css.js +45 -45
- package/flashbar/styles.scoped.css +169 -169
- package/flashbar/styles.selectors.js +45 -45
- package/internal/base-component/styles.scoped.css +24 -0
- package/internal/environment.js +1 -1
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +31 -30
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/generated/styles/tokens.d.ts +2 -0
- package/internal/generated/styles/tokens.js +2 -0
- package/internal/generated/theming/index.cjs +140 -0
- package/internal/generated/theming/index.js +140 -0
- package/internal/manifest.json +1 -1
- package/mixed-line-bar-chart/internal.js +1 -1
- package/mixed-line-bar-chart/internal.js.map +1 -1
- package/package.json +1 -1
- package/pie-chart/index.js +1 -1
- package/pie-chart/index.js.map +1 -1
- package/space-between/internal.js +1 -1
- package/space-between/internal.js.map +1 -1
- package/space-between/styles.css.js +20 -28
- package/space-between/styles.scoped.css +37 -101
- package/space-between/styles.selectors.js +20 -28
|
@@ -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_nghum_93:not(#\9) {
|
|
94
94
|
align-items: center;
|
|
95
95
|
box-sizing: border-box;
|
|
96
96
|
display: grid;
|
|
@@ -114,20 +114,21 @@ section.awsui_appbar_hyvsj_10sxp_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_nghum_93 > .awsui_appbar-nav_hyvsj_nghum_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_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121:not(#\9) {
|
|
122
122
|
grid-column: 2;
|
|
123
123
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
124
124
|
}
|
|
125
|
-
section.
|
|
125
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_appbar-tools_hyvsj_nghum_125:not(#\9),
|
|
126
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_drawers-mobile-triggers-container_hyvsj_nghum_126:not(#\9) {
|
|
126
127
|
grid-column: 3;
|
|
127
128
|
margin-left: var(--space-m-17eucw, 16px);
|
|
128
129
|
}
|
|
129
130
|
@media (min-width: 689px) {
|
|
130
|
-
section.
|
|
131
|
+
section.awsui_appbar_hyvsj_nghum_93:not(#\9) {
|
|
131
132
|
/*
|
|
132
133
|
If Breadcrumbs do not exist then the AppBar should be suppressed
|
|
133
134
|
because in large viewports the triggers are rendered
|
|
@@ -163,33 +164,34 @@ section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-tools_hyvsj_10sxp_125:not(#\
|
|
|
163
164
|
be lifted so it doesn't render behind the background element.
|
|
164
165
|
*/
|
|
165
166
|
}
|
|
166
|
-
section.
|
|
167
|
+
section.awsui_appbar_hyvsj_nghum_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_nghum_167) {
|
|
167
168
|
display: none;
|
|
168
169
|
}
|
|
169
|
-
section.
|
|
170
|
-
section.
|
|
170
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_appbar-nav_hyvsj_nghum_117:not(#\9),
|
|
171
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_appbar-tools_hyvsj_nghum_125:not(#\9),
|
|
172
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_drawers-mobile-triggers-container_hyvsj_nghum_126:not(#\9) {
|
|
171
173
|
display: none;
|
|
172
174
|
}
|
|
173
|
-
section.
|
|
175
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_nghum_175) {
|
|
174
176
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
175
177
|
}
|
|
176
|
-
section.
|
|
178
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121.awsui_has-notifications-content_hyvsj_nghum_175:not(#\9) {
|
|
177
179
|
padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
|
|
178
180
|
}
|
|
179
|
-
section.
|
|
180
|
-
section.
|
|
181
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121:not(#\9):not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181),
|
|
182
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121:not(#\9):not(.awsui_has-header_hyvsj_nghum_181).awsui_content-type-wizard_hyvsj_nghum_182 {
|
|
181
183
|
padding-bottom: var(--space-m-17eucw, 16px);
|
|
182
184
|
}
|
|
183
|
-
section.
|
|
184
|
-
section.
|
|
185
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121.awsui_content-type-cards_hyvsj_nghum_185:not(#\9),
|
|
186
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121.awsui_content-type-table_hyvsj_nghum_186:not(#\9) {
|
|
185
187
|
padding-bottom: var(--space-xxs-ynfts5, 4px);
|
|
186
188
|
}
|
|
187
|
-
section.
|
|
189
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121.awsui_has-sticky-background_hyvsj_nghum_189:not(#\9) {
|
|
188
190
|
z-index: 799;
|
|
189
191
|
}
|
|
190
192
|
}
|
|
191
193
|
@media (max-width: 688px) {
|
|
192
|
-
section.
|
|
194
|
+
section.awsui_appbar_hyvsj_nghum_93:not(#\9) {
|
|
193
195
|
background-color: var(--color-background-home-header-mpq08f, #000716);
|
|
194
196
|
border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
195
197
|
box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
@@ -198,18 +200,19 @@ section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-tools_hyvsj_10sxp_125:not(#\
|
|
|
198
200
|
height: calc(2 * var(--space-m-17eucw, 16px) + var(--space-scaled-xs-6859qs, 8px));
|
|
199
201
|
padding: 0 var(--space-m-17eucw, 16px);
|
|
200
202
|
position: sticky;
|
|
201
|
-
top: var(--awsui-offset-top-
|
|
203
|
+
top: var(--awsui-offset-top-3j0evk);
|
|
202
204
|
z-index: 1000;
|
|
203
205
|
/*
|
|
204
206
|
Remove any existing top and bottom padding from the Breadcrumbs since
|
|
205
207
|
they are now sticky positioned in the viewport with the AppBar.
|
|
206
208
|
*/
|
|
207
209
|
}
|
|
208
|
-
section.
|
|
209
|
-
section.
|
|
210
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_appbar-nav_hyvsj_nghum_117:not(#\9),
|
|
211
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_appbar-tools_hyvsj_nghum_125:not(#\9),
|
|
212
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_drawers-mobile-triggers-container_hyvsj_nghum_126:not(#\9) {
|
|
210
213
|
display: block;
|
|
211
214
|
}
|
|
212
|
-
section.
|
|
215
|
+
section.awsui_appbar_hyvsj_nghum_93 > .awsui_breadcrumbs_hyvsj_nghum_121:not(#\9) {
|
|
213
216
|
padding: 0;
|
|
214
217
|
}
|
|
215
218
|
}
|
|
@@ -218,10 +221,10 @@ section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-tools_hyvsj_10sxp_125:not(#\
|
|
|
218
221
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
219
222
|
SPDX-License-Identifier: Apache-2.0
|
|
220
223
|
*/
|
|
221
|
-
div.
|
|
224
|
+
div.awsui_background_hyvsj_nghum_224:not(#\9) {
|
|
222
225
|
display: contents;
|
|
223
226
|
}
|
|
224
|
-
div.
|
|
227
|
+
div.awsui_background_hyvsj_nghum_224 > .awsui_notifications-appbar-header_hyvsj_nghum_227:not(#\9) {
|
|
225
228
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
226
229
|
grid-column: 1/span 5;
|
|
227
230
|
grid-row: 1/span 3;
|
|
@@ -234,13 +237,13 @@ div.awsui_background_hyvsj_10sxp_221 > .awsui_notifications-appbar-header_hyvsj_
|
|
|
234
237
|
*/
|
|
235
238
|
}
|
|
236
239
|
@media (min-width: 689px) {
|
|
237
|
-
div.
|
|
240
|
+
div.awsui_background_hyvsj_nghum_224 > .awsui_notifications-appbar-header_hyvsj_nghum_227.awsui_has-sticky-background_hyvsj_nghum_189.awsui_has-notifications-content_hyvsj_nghum_175.awsui_sticky-notifications_hyvsj_nghum_240:not(#\9) {
|
|
238
241
|
position: sticky;
|
|
239
|
-
top: var(--awsui-offset-top-
|
|
242
|
+
top: var(--awsui-offset-top-3j0evk);
|
|
240
243
|
z-index: 799;
|
|
241
244
|
}
|
|
242
245
|
}
|
|
243
|
-
div.
|
|
246
|
+
div.awsui_background_hyvsj_nghum_224 > .awsui_overlap_hyvsj_nghum_246:not(#\9) {
|
|
244
247
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
245
248
|
grid-column: 1/span 5;
|
|
246
249
|
grid-row: 4;
|
|
@@ -253,9 +256,9 @@ div.awsui_background_hyvsj_10sxp_221 > .awsui_overlap_hyvsj_10sxp_243:not(#\9) {
|
|
|
253
256
|
*/
|
|
254
257
|
}
|
|
255
258
|
@media (min-width: 689px) {
|
|
256
|
-
div.
|
|
259
|
+
div.awsui_background_hyvsj_nghum_224 > .awsui_overlap_hyvsj_nghum_246.awsui_has-sticky-background_hyvsj_nghum_189:not(#\9) {
|
|
257
260
|
position: sticky;
|
|
258
|
-
top: var(--awsui-offset-top-with-notifications-
|
|
261
|
+
top: var(--awsui-offset-top-with-notifications-3j0evk);
|
|
259
262
|
z-index: 799;
|
|
260
263
|
}
|
|
261
264
|
}
|
|
@@ -264,13 +267,218 @@ div.awsui_background_hyvsj_10sxp_221 > .awsui_overlap_hyvsj_10sxp_243:not(#\9) {
|
|
|
264
267
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
265
268
|
SPDX-License-Identifier: Apache-2.0
|
|
266
269
|
*/
|
|
267
|
-
|
|
270
|
+
.awsui_drawers-container_hyvsj_nghum_270:not(#\9) {
|
|
271
|
+
background-color: transparent;
|
|
272
|
+
display: flex;
|
|
273
|
+
grid-column: 5;
|
|
274
|
+
grid-row: 1/span 5;
|
|
275
|
+
height: var(--awsui-content-height-3j0evk);
|
|
276
|
+
pointer-events: none;
|
|
277
|
+
position: sticky;
|
|
278
|
+
top: var(--awsui-offset-top-3j0evk);
|
|
279
|
+
z-index: 830;
|
|
280
|
+
transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
281
|
+
}
|
|
282
|
+
.awsui_drawers-container_hyvsj_nghum_270.awsui_has-open-drawer_hyvsj_nghum_282:not(#\9) {
|
|
283
|
+
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
284
|
+
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
285
|
+
}
|
|
286
|
+
@media (prefers-reduced-motion: reduce) {
|
|
287
|
+
.awsui_drawers-container_hyvsj_nghum_270:not(#\9) {
|
|
288
|
+
animation: none;
|
|
289
|
+
transition: none;
|
|
290
|
+
}
|
|
291
|
+
}
|
|
292
|
+
.awsui-motion-disabled .awsui_drawers-container_hyvsj_nghum_270:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_nghum_270:not(#\9) {
|
|
293
|
+
animation: none;
|
|
294
|
+
transition: none;
|
|
295
|
+
}
|
|
296
|
+
@media (min-width: 689px) {
|
|
297
|
+
.awsui_drawers-container_hyvsj_nghum_270:not(#\9) {
|
|
298
|
+
/* stylelint-disable scss/operator-no-newline-after */
|
|
299
|
+
max-width: calc(var(--awsui-layout-width-3j0evk) - var(--awsui-main-offset-left-3j0evk) - var(--awsui-default-min-content-width-3j0evk) - var(--awsui-content-gap-right-3j0evk));
|
|
300
|
+
/* stylelint-enable scss/operator-no-newline-after */
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
@media (max-width: 688px) {
|
|
304
|
+
.awsui_drawers-container_hyvsj_nghum_270:not(#\9) {
|
|
305
|
+
position: fixed;
|
|
306
|
+
right: 0;
|
|
307
|
+
top: var(--awsui-offset-top-3j0evk);
|
|
308
|
+
z-index: 1001;
|
|
309
|
+
}
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_nghum_312:not(#\9) {
|
|
313
|
+
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
314
|
+
border-collapse: separate;
|
|
315
|
+
border-spacing: 0;
|
|
316
|
+
caption-side: top;
|
|
317
|
+
cursor: auto;
|
|
318
|
+
direction: ltr;
|
|
319
|
+
empty-cells: show;
|
|
320
|
+
font-family: serif;
|
|
321
|
+
font-size: medium;
|
|
322
|
+
font-style: normal;
|
|
323
|
+
font-variant: normal;
|
|
324
|
+
font-weight: normal;
|
|
325
|
+
font-stretch: normal;
|
|
326
|
+
line-height: normal;
|
|
327
|
+
-webkit-hyphens: none;
|
|
328
|
+
hyphens: none;
|
|
329
|
+
letter-spacing: normal;
|
|
330
|
+
list-style: disc outside none;
|
|
331
|
+
tab-size: 8;
|
|
332
|
+
text-align: left;
|
|
333
|
+
text-align-last: auto;
|
|
334
|
+
text-indent: 0;
|
|
335
|
+
text-shadow: none;
|
|
336
|
+
text-transform: none;
|
|
337
|
+
visibility: visible;
|
|
338
|
+
white-space: normal;
|
|
339
|
+
widows: 2;
|
|
340
|
+
word-spacing: normal;
|
|
341
|
+
box-sizing: border-box;
|
|
342
|
+
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
343
|
+
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
344
|
+
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
345
|
+
font-weight: 400;
|
|
346
|
+
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
347
|
+
-webkit-font-smoothing: auto;
|
|
348
|
+
-moz-osx-font-smoothing: auto;
|
|
349
|
+
background-color: transparent;
|
|
350
|
+
box-sizing: border-box;
|
|
351
|
+
height: 100%;
|
|
352
|
+
overflow-y: hidden;
|
|
353
|
+
overflow-x: hidden;
|
|
354
|
+
overscroll-behavior-y: contain;
|
|
355
|
+
}
|
|
356
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_nghum_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330).awsui_has-open-drawer_hyvsj_nghum_282 {
|
|
357
|
+
width: 0;
|
|
358
|
+
}
|
|
359
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_nghum_312.awsui_has-multiple-triggers_hyvsj_nghum_330.awsui_has-open-drawer_hyvsj_nghum_282:not(#\9) {
|
|
360
|
+
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
361
|
+
transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
362
|
+
}
|
|
363
|
+
@media (prefers-reduced-motion: reduce) {
|
|
364
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_nghum_312.awsui_has-multiple-triggers_hyvsj_nghum_330.awsui_has-open-drawer_hyvsj_nghum_282:not(#\9) {
|
|
365
|
+
animation: none;
|
|
366
|
+
transition: none;
|
|
367
|
+
}
|
|
368
|
+
}
|
|
369
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_nghum_312.awsui_has-multiple-triggers_hyvsj_nghum_330.awsui_has-open-drawer_hyvsj_nghum_282:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_nghum_312.awsui_has-multiple-triggers_hyvsj_nghum_330.awsui_has-open-drawer_hyvsj_nghum_282:not(#\9) {
|
|
370
|
+
animation: none;
|
|
371
|
+
transition: none;
|
|
372
|
+
}
|
|
373
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_nghum_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282) {
|
|
374
|
+
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
375
|
+
transition: width var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
376
|
+
}
|
|
377
|
+
@media (prefers-reduced-motion: reduce) {
|
|
378
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_nghum_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282) {
|
|
379
|
+
animation: none;
|
|
380
|
+
transition: none;
|
|
381
|
+
}
|
|
382
|
+
}
|
|
383
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_nghum_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_nghum_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282) {
|
|
384
|
+
animation: none;
|
|
385
|
+
transition: none;
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
.awsui_drawers-trigger-content_hyvsj_nghum_362:not(#\9) {
|
|
389
|
+
align-items: center;
|
|
390
|
+
display: flex;
|
|
391
|
+
flex-direction: column;
|
|
392
|
+
gap: var(--space-xs-rsr2qu, 8px);
|
|
393
|
+
padding-top: var(--space-scaled-s-cu1hzn, 12px);
|
|
394
|
+
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
395
|
+
}
|
|
396
|
+
.awsui_drawers-trigger-content_hyvsj_nghum_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330).awsui_has-open-drawer_hyvsj_nghum_282 {
|
|
397
|
+
opacity: 0;
|
|
398
|
+
}
|
|
399
|
+
.awsui_drawers-trigger-content_hyvsj_nghum_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282) {
|
|
400
|
+
opacity: 1;
|
|
401
|
+
transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
402
|
+
transition-delay: calc(var(--motion-duration-refresh-only-fast-addxjd, 115ms) / 1.5);
|
|
403
|
+
}
|
|
404
|
+
@media (prefers-reduced-motion: reduce) {
|
|
405
|
+
.awsui_drawers-trigger-content_hyvsj_nghum_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282) {
|
|
406
|
+
animation: none;
|
|
407
|
+
transition: none;
|
|
408
|
+
}
|
|
409
|
+
}
|
|
410
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_nghum_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_nghum_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_nghum_330):not(.awsui_has-open-drawer_hyvsj_nghum_282) {
|
|
411
|
+
animation: none;
|
|
412
|
+
transition: none;
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
.awsui_drawer_hyvsj_nghum_126:not(#\9) {
|
|
416
|
+
--awsui-active-drawer-width-3j0evk: 290px;
|
|
417
|
+
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
418
|
+
border-color: transparent;
|
|
419
|
+
display: grid;
|
|
420
|
+
flex-shrink: 0;
|
|
421
|
+
grid-template-columns: 1fr auto var(--space-m-17eucw, 16px);
|
|
422
|
+
grid-template-rows: var(--size-vertical-panel-icon-offset-ti40n4, 15px) auto 1fr;
|
|
423
|
+
height: 100%;
|
|
424
|
+
overflow-y: auto;
|
|
425
|
+
overflow-x: hidden;
|
|
426
|
+
overscroll-behavior-y: contain;
|
|
427
|
+
pointer-events: auto;
|
|
428
|
+
word-wrap: break-word;
|
|
429
|
+
transition: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
430
|
+
transition-property: border-color, opacity, width;
|
|
431
|
+
}
|
|
432
|
+
.awsui_drawer_hyvsj_nghum_126 > .awsui_drawer-close-button_hyvsj_nghum_406:not(#\9) {
|
|
433
|
+
grid-column: 2;
|
|
434
|
+
grid-row: 2;
|
|
435
|
+
}
|
|
436
|
+
.awsui_drawer_hyvsj_nghum_126 > .awsui_drawer-content_hyvsj_nghum_410:not(#\9) {
|
|
437
|
+
grid-column: 1/span 3;
|
|
438
|
+
grid-row: 1/span 3;
|
|
439
|
+
width: var(--awsui-active-drawer-width-3j0evk);
|
|
440
|
+
}
|
|
441
|
+
.awsui_drawer_hyvsj_nghum_126:not(#\9):not(.awsui_is-drawer-open_hyvsj_nghum_415) {
|
|
442
|
+
opacity: 0;
|
|
443
|
+
width: 0;
|
|
444
|
+
}
|
|
445
|
+
.awsui_drawer_hyvsj_nghum_126.awsui_is-drawer-open_hyvsj_nghum_415:not(#\9) {
|
|
446
|
+
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
447
|
+
opacity: 1;
|
|
448
|
+
width: var(--awsui-active-drawer-width-3j0evk);
|
|
449
|
+
}
|
|
450
|
+
@media (prefers-reduced-motion: reduce) {
|
|
451
|
+
.awsui_drawer_hyvsj_nghum_126:not(#\9) {
|
|
452
|
+
animation: none;
|
|
453
|
+
transition: none;
|
|
454
|
+
}
|
|
455
|
+
}
|
|
456
|
+
.awsui-motion-disabled .awsui_drawer_hyvsj_nghum_126:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_nghum_126:not(#\9) {
|
|
457
|
+
animation: none;
|
|
458
|
+
transition: none;
|
|
459
|
+
}
|
|
460
|
+
@media (min-width: 2541px) {
|
|
461
|
+
.awsui_drawer_hyvsj_nghum_126.awsui_is-drawer-open_hyvsj_nghum_415:not(#\9) {
|
|
462
|
+
--awsui-active-drawer-width-3j0evk: 320px;
|
|
463
|
+
}
|
|
464
|
+
}
|
|
465
|
+
@media (max-width: 688px) {
|
|
466
|
+
.awsui_drawer_hyvsj_nghum_126.awsui_is-drawer-open_hyvsj_nghum_415:not(#\9) {
|
|
467
|
+
--awsui-active-drawer-width-3j0evk: 100vw;
|
|
468
|
+
}
|
|
469
|
+
}
|
|
470
|
+
|
|
471
|
+
/*
|
|
472
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
473
|
+
SPDX-License-Identifier: Apache-2.0
|
|
474
|
+
*/
|
|
475
|
+
header.awsui_content_hyvsj_nghum_182:not(#\9) {
|
|
268
476
|
grid-column: 3;
|
|
269
477
|
grid-row: 3;
|
|
270
478
|
padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
271
479
|
}
|
|
272
480
|
@media (min-width: 689px) {
|
|
273
|
-
header.
|
|
481
|
+
header.awsui_content_hyvsj_nghum_182:not(#\9) {
|
|
274
482
|
/*
|
|
275
483
|
If Notifications exist and Breadcrumbs do not then Notifications
|
|
276
484
|
is the previous adjacent sibling to the Header. Add minimal top padding
|
|
@@ -288,25 +496,25 @@ header.awsui_content_hyvsj_10sxp_180:not(#\9) {
|
|
|
288
496
|
circular buttons.
|
|
289
497
|
*/
|
|
290
498
|
}
|
|
291
|
-
header.
|
|
499
|
+
header.awsui_content_hyvsj_nghum_182.awsui_has-notifications-content_hyvsj_nghum_175:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_nghum_167) {
|
|
292
500
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
293
501
|
}
|
|
294
|
-
header.
|
|
502
|
+
header.awsui_content_hyvsj_nghum_182.awsui_has-breadcrumbs_hyvsj_nghum_167:not(#\9) {
|
|
295
503
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
296
504
|
}
|
|
297
|
-
header.
|
|
505
|
+
header.awsui_content_hyvsj_nghum_182:not(#\9):not(.awsui_has-notifications-content_hyvsj_nghum_175):not(.awsui_has-breadcrumbs_hyvsj_nghum_167) {
|
|
298
506
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
299
507
|
}
|
|
300
508
|
}
|
|
301
509
|
@media (max-width: 688px) {
|
|
302
|
-
header.
|
|
510
|
+
header.awsui_content_hyvsj_nghum_182:not(#\9) {
|
|
303
511
|
padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
304
512
|
/*
|
|
305
513
|
Breadcrumbs has moved to first position and sticky so Notifications
|
|
306
514
|
are now the previous adjacent sibling if they exist.
|
|
307
515
|
*/
|
|
308
516
|
}
|
|
309
|
-
header.
|
|
517
|
+
header.awsui_content_hyvsj_nghum_182.awsui_has-notifications-content_hyvsj_nghum_175:not(#\9) {
|
|
310
518
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
311
519
|
}
|
|
312
520
|
}
|
|
@@ -332,26 +540,26 @@ header.awsui_content_hyvsj_10sxp_180:not(#\9) {
|
|
|
332
540
|
circumstances regardless of whether the minContentWidth property is
|
|
333
541
|
explicitly set in script.
|
|
334
542
|
*/
|
|
335
|
-
.
|
|
336
|
-
--awsui-content-gap-left-
|
|
337
|
-
--awsui-content-gap-right-
|
|
338
|
-
--awsui-content-height-
|
|
339
|
-
--awsui-default-max-content-width-
|
|
340
|
-
--awsui-default-min-content-width-
|
|
341
|
-
--awsui-footer-height-
|
|
342
|
-
--awsui-header-height-
|
|
343
|
-
--awsui-layout-width-
|
|
344
|
-
--awsui-main-offset-left-
|
|
345
|
-
--awsui-max-content-width-
|
|
346
|
-
--awsui-min-content-width-
|
|
347
|
-
--awsui-notifications-height-
|
|
348
|
-
--awsui-offset-top-
|
|
349
|
-
--awsui-offset-top-with-notifications-
|
|
350
|
-
--awsui-overlap-height-
|
|
543
|
+
.awsui_layout_hyvsj_nghum_517:not(#\9) {
|
|
544
|
+
--awsui-content-gap-left-3j0evk: 0px;
|
|
545
|
+
--awsui-content-gap-right-3j0evk: 0px;
|
|
546
|
+
--awsui-content-height-3j0evk: calc(100vh - var(--awsui-header-height-3j0evk) - var(--awsui-footer-height-3j0evk));
|
|
547
|
+
--awsui-default-max-content-width-3j0evk: 1280px;
|
|
548
|
+
--awsui-default-min-content-width-3j0evk: 0px;
|
|
549
|
+
--awsui-footer-height-3j0evk: 0px;
|
|
550
|
+
--awsui-header-height-3j0evk: 0px;
|
|
551
|
+
--awsui-layout-width-3j0evk: 0px;
|
|
552
|
+
--awsui-main-offset-left-3j0evk: 0px;
|
|
553
|
+
--awsui-max-content-width-3j0evk: 0px;
|
|
554
|
+
--awsui-min-content-width-3j0evk: 280px;
|
|
555
|
+
--awsui-notifications-height-3j0evk: 0px;
|
|
556
|
+
--awsui-offset-top-3j0evk: 0px;
|
|
557
|
+
--awsui-offset-top-with-notifications-3j0evk: 0px;
|
|
558
|
+
--awsui-overlap-height-3j0evk: var(--space-dark-header-overlap-distance-hfejul, 36px);
|
|
351
559
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
352
560
|
display: grid;
|
|
353
|
-
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-
|
|
354
|
-
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-
|
|
561
|
+
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) 1fr;
|
|
562
|
+
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-3j0evk), 1fr) minmax(var(--awsui-default-min-content-width-3j0evk), var(--awsui-default-max-content-width-3j0evk)) minmax(var(--awsui-content-gap-right-3j0evk), 1fr) min-content;
|
|
355
563
|
position: relative;
|
|
356
564
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
357
565
|
/*
|
|
@@ -415,92 +623,92 @@ header.awsui_content_hyvsj_10sxp_180:not(#\9) {
|
|
|
415
623
|
*/
|
|
416
624
|
}
|
|
417
625
|
@media (min-width: 1401px) {
|
|
418
|
-
.
|
|
419
|
-
--awsui-default-max-content-width-
|
|
626
|
+
.awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_has-max-content-width_hyvsj_nghum_600) {
|
|
627
|
+
--awsui-default-max-content-width-3j0evk: 1280px;
|
|
420
628
|
}
|
|
421
629
|
}
|
|
422
630
|
@media (min-width: 1921px) {
|
|
423
|
-
.
|
|
424
|
-
--awsui-default-max-content-width-
|
|
631
|
+
.awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_has-max-content-width_hyvsj_nghum_600) {
|
|
632
|
+
--awsui-default-max-content-width-3j0evk: 1440px;
|
|
425
633
|
}
|
|
426
634
|
}
|
|
427
635
|
@media (min-width: 2541px) {
|
|
428
|
-
.
|
|
429
|
-
--awsui-default-max-content-width-
|
|
636
|
+
.awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_has-max-content-width_hyvsj_nghum_600) {
|
|
637
|
+
--awsui-default-max-content-width-3j0evk: 1620px;
|
|
430
638
|
}
|
|
431
639
|
}
|
|
432
640
|
@media (min-width: 1401px) {
|
|
433
|
-
.
|
|
434
|
-
--awsui-default-max-content-width-
|
|
641
|
+
.awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_has-max-content-width_hyvsj_nghum_600).awsui_content-type-dashboard_hyvsj_nghum_615 {
|
|
642
|
+
--awsui-default-max-content-width-3j0evk: 1280px;
|
|
435
643
|
}
|
|
436
644
|
}
|
|
437
645
|
@media (min-width: 1921px) {
|
|
438
|
-
.
|
|
439
|
-
--awsui-default-max-content-width-
|
|
646
|
+
.awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_has-max-content-width_hyvsj_nghum_600).awsui_content-type-dashboard_hyvsj_nghum_615 {
|
|
647
|
+
--awsui-default-max-content-width-3j0evk: 1620px;
|
|
440
648
|
}
|
|
441
649
|
}
|
|
442
650
|
@media (min-width: 2541px) {
|
|
443
|
-
.
|
|
444
|
-
--awsui-default-max-content-width-
|
|
651
|
+
.awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_has-max-content-width_hyvsj_nghum_600).awsui_content-type-dashboard_hyvsj_nghum_615 {
|
|
652
|
+
--awsui-default-max-content-width-3j0evk: 2160px;
|
|
445
653
|
}
|
|
446
654
|
}
|
|
447
|
-
.
|
|
448
|
-
--awsui-default-max-content-width-
|
|
655
|
+
.awsui_layout_hyvsj_nghum_517.awsui_has-max-content-width_hyvsj_nghum_600:not(#\9) {
|
|
656
|
+
--awsui-default-max-content-width-3j0evk: var(--awsui-max-content-width-3j0evk);
|
|
449
657
|
}
|
|
450
658
|
@media (min-width: 993px) {
|
|
451
|
-
.
|
|
452
|
-
--awsui-default-min-content-width-
|
|
659
|
+
.awsui_layout_hyvsj_nghum_517:not(#\9) {
|
|
660
|
+
--awsui-default-min-content-width-3j0evk: var(--awsui-min-content-width-3j0evk, 280px);
|
|
453
661
|
}
|
|
454
662
|
}
|
|
455
663
|
@media (max-width: 992px) {
|
|
456
|
-
.
|
|
457
|
-
--awsui-default-min-content-width-
|
|
664
|
+
.awsui_layout_hyvsj_nghum_517:not(#\9) {
|
|
665
|
+
--awsui-default-min-content-width-3j0evk: 0px;
|
|
458
666
|
}
|
|
459
667
|
}
|
|
460
|
-
.
|
|
461
|
-
--awsui-overlap-height-
|
|
668
|
+
.awsui_layout_hyvsj_nghum_517.awsui_is-overlap-disabled_hyvsj_nghum_642:not(#\9) {
|
|
669
|
+
--awsui-overlap-height-3j0evk: 0;
|
|
462
670
|
}
|
|
463
|
-
.
|
|
464
|
-
--awsui-offset-top-
|
|
465
|
-
min-height: var(--awsui-content-height-
|
|
671
|
+
.awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_disable-body-scroll_hyvsj_nghum_645) {
|
|
672
|
+
--awsui-offset-top-3j0evk: var(--awsui-header-height-3j0evk);
|
|
673
|
+
min-height: var(--awsui-content-height-3j0evk);
|
|
466
674
|
}
|
|
467
|
-
.
|
|
468
|
-
--awsui-offset-top-with-notifications-
|
|
675
|
+
.awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_disable-body-scroll_hyvsj_nghum_645):not(.awsui_has-sticky-notifications_hyvsj_nghum_649) {
|
|
676
|
+
--awsui-offset-top-with-notifications-3j0evk: var(--awsui-header-height-3j0evk);
|
|
469
677
|
}
|
|
470
|
-
.
|
|
471
|
-
--awsui-offset-top-with-notifications-
|
|
472
|
-
var(--awsui-header-height-
|
|
678
|
+
.awsui_layout_hyvsj_nghum_517:not(#\9):not(.awsui_disable-body-scroll_hyvsj_nghum_645).awsui_has-sticky-notifications_hyvsj_nghum_649 {
|
|
679
|
+
--awsui-offset-top-with-notifications-3j0evk: calc(
|
|
680
|
+
var(--awsui-header-height-3j0evk) + var(--awsui-notifications-height-3j0evk) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
|
|
473
681
|
);
|
|
474
682
|
}
|
|
475
|
-
.
|
|
476
|
-
--awsui-offset-top-
|
|
477
|
-
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-
|
|
478
|
-
height: var(--awsui-content-height-
|
|
683
|
+
.awsui_layout_hyvsj_nghum_517.awsui_disable-body-scroll_hyvsj_nghum_645:not(#\9) {
|
|
684
|
+
--awsui-offset-top-3j0evk: 0px;
|
|
685
|
+
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) 1fr auto;
|
|
686
|
+
height: var(--awsui-content-height-3j0evk);
|
|
479
687
|
overflow-y: scroll;
|
|
480
688
|
}
|
|
481
|
-
.
|
|
482
|
-
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-
|
|
689
|
+
.awsui_layout_hyvsj_nghum_517.awsui_disable-body-scroll_hyvsj_nghum_645.awsui_has-split-panel_hyvsj_nghum_663.awsui_split-panel-position-bottom_hyvsj_nghum_663:not(#\9) {
|
|
690
|
+
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) repeat(2, auto);
|
|
483
691
|
}
|
|
484
|
-
.
|
|
485
|
-
--awsui-offset-top-with-notifications-
|
|
692
|
+
.awsui_layout_hyvsj_nghum_517.awsui_disable-body-scroll_hyvsj_nghum_645:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_nghum_649) {
|
|
693
|
+
--awsui-offset-top-with-notifications-3j0evk: 0px;
|
|
486
694
|
}
|
|
487
|
-
.
|
|
488
|
-
--awsui-offset-top-with-notifications-
|
|
489
|
-
var(--awsui-notifications-height-
|
|
695
|
+
.awsui_layout_hyvsj_nghum_517.awsui_disable-body-scroll_hyvsj_nghum_645.awsui_has-sticky-notifications_hyvsj_nghum_649:not(#\9) {
|
|
696
|
+
--awsui-offset-top-with-notifications-3j0evk: calc(
|
|
697
|
+
var(--awsui-notifications-height-3j0evk) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
|
|
490
698
|
);
|
|
491
699
|
}
|
|
492
700
|
@media (min-width: 689px) {
|
|
493
|
-
.
|
|
494
|
-
--awsui-content-gap-left-
|
|
701
|
+
.awsui_layout_hyvsj_nghum_517.awsui_has-content-gap-left_hyvsj_nghum_675:not(#\9) {
|
|
702
|
+
--awsui-content-gap-left-3j0evk: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
495
703
|
}
|
|
496
|
-
.
|
|
497
|
-
--awsui-content-gap-right-
|
|
704
|
+
.awsui_layout_hyvsj_nghum_517.awsui_has-content-gap-right_hyvsj_nghum_678:not(#\9) {
|
|
705
|
+
--awsui-content-gap-right-3j0evk: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
498
706
|
}
|
|
499
707
|
}
|
|
500
708
|
@media (max-width: 688px) {
|
|
501
|
-
.
|
|
502
|
-
--awsui-content-gap-left-
|
|
503
|
-
--awsui-content-gap-right-
|
|
709
|
+
.awsui_layout_hyvsj_nghum_517:not(#\9) {
|
|
710
|
+
--awsui-content-gap-left-3j0evk: var(--space-l-4vl6xu, 20px);
|
|
711
|
+
--awsui-content-gap-right-3j0evk: var(--space-l-4vl6xu, 20px);
|
|
504
712
|
}
|
|
505
713
|
}
|
|
506
714
|
|
|
@@ -508,7 +716,7 @@ header.awsui_content_hyvsj_10sxp_180:not(#\9) {
|
|
|
508
716
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
509
717
|
when the navigation or tools drawers are open in responsive viewports.
|
|
510
718
|
*/
|
|
511
|
-
.awsui_block-body-
|
|
719
|
+
.awsui_block-body-scroll_hyvsj_nghum_693:not(#\9) {
|
|
512
720
|
overflow: hidden;
|
|
513
721
|
}
|
|
514
722
|
|
|
@@ -516,7 +724,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
516
724
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
517
725
|
SPDX-License-Identifier: Apache-2.0
|
|
518
726
|
*/
|
|
519
|
-
.
|
|
727
|
+
.awsui_container_hyvsj_nghum_701:not(#\9) {
|
|
520
728
|
grid-column: 3;
|
|
521
729
|
grid-row: 4/span 2;
|
|
522
730
|
padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
|
|
@@ -539,23 +747,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
539
747
|
under various circumstances.
|
|
540
748
|
*/
|
|
541
749
|
}
|
|
542
|
-
.
|
|
543
|
-
padding-bottom: calc(var(--awsui-split-panel-height-
|
|
750
|
+
.awsui_container_hyvsj_nghum_701.awsui_has-split-panel_hyvsj_nghum_663.awsui_split-panel-position-bottom_hyvsj_nghum_663:not(#\9) {
|
|
751
|
+
padding-bottom: calc(var(--awsui-split-panel-height-3j0evk) + var(--space-layout-content-bottom-kg9l42, 40px));
|
|
544
752
|
}
|
|
545
|
-
.
|
|
753
|
+
.awsui_container_hyvsj_nghum_701.awsui_disable-content-paddings_hyvsj_nghum_727:not(#\9) {
|
|
546
754
|
grid-column: 1/6;
|
|
547
755
|
padding: 0;
|
|
548
756
|
}
|
|
549
757
|
@media (min-width: 689px) {
|
|
550
|
-
.
|
|
758
|
+
.awsui_container_hyvsj_nghum_701.awsui_disable-content-paddings_hyvsj_nghum_727.awsui_is-navigation-open_hyvsj_nghum_732:not(#\9) {
|
|
551
759
|
grid-column-start: 2;
|
|
552
760
|
}
|
|
553
|
-
.
|
|
761
|
+
.awsui_container_hyvsj_nghum_701.awsui_disable-content-paddings_hyvsj_nghum_727.awsui_is-tools-open_hyvsj_nghum_735:not(#\9), .awsui_container_hyvsj_nghum_701.awsui_disable-content-paddings_hyvsj_nghum_727.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_split-panel-position-side_hyvsj_nghum_735:not(#\9) {
|
|
554
762
|
grid-column-end: 5;
|
|
555
763
|
}
|
|
556
764
|
}
|
|
557
765
|
@media (min-width: 689px) {
|
|
558
|
-
.
|
|
766
|
+
.awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727) {
|
|
559
767
|
/*
|
|
560
768
|
Notifications is the previous adjacent sibling to the Main in
|
|
561
769
|
desktop viewports if there are no Breadcrumbs or Header. Use additional
|
|
@@ -570,18 +778,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
570
778
|
sibling to the Main which requires no top padding.
|
|
571
779
|
*/
|
|
572
780
|
}
|
|
573
|
-
.
|
|
781
|
+
.awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-default_hyvsj_nghum_755.awsui_has-notifications-content_hyvsj_nghum_175:not(.awsui_has-breadcrumbs_hyvsj_nghum_167):not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181), .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-form_hyvsj_nghum_755.awsui_has-notifications-content_hyvsj_nghum_175:not(.awsui_has-breadcrumbs_hyvsj_nghum_167):not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181) {
|
|
574
782
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
575
783
|
}
|
|
576
|
-
.
|
|
784
|
+
.awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-default_hyvsj_nghum_755:not(.awsui_has-notifications-content_hyvsj_nghum_175):not(.awsui_has-breadcrumbs_hyvsj_nghum_167):not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181), .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-form_hyvsj_nghum_755:not(.awsui_has-notifications-content_hyvsj_nghum_175):not(.awsui_has-breadcrumbs_hyvsj_nghum_167):not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181) {
|
|
577
785
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
578
786
|
}
|
|
579
|
-
.
|
|
787
|
+
.awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_has-header_hyvsj_nghum_181, .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_has-dynamic-overlap-height_hyvsj_nghum_181 {
|
|
580
788
|
padding-top: 0;
|
|
581
789
|
}
|
|
582
790
|
}
|
|
583
791
|
@media (max-width: 688px) {
|
|
584
|
-
.
|
|
792
|
+
.awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727) {
|
|
585
793
|
/*
|
|
586
794
|
If the Notifications exist but the Header does not then the
|
|
587
795
|
Notifications is the previous adjacent sibling to the Main
|
|
@@ -596,23 +804,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
596
804
|
sibling to the Main which requires no top padding.
|
|
597
805
|
*/
|
|
598
806
|
}
|
|
599
|
-
.
|
|
807
|
+
.awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-default_hyvsj_nghum_755.awsui_has-notifications-content_hyvsj_nghum_175:not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181), .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-form_hyvsj_nghum_755.awsui_has-notifications-content_hyvsj_nghum_175:not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181) {
|
|
600
808
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
601
809
|
}
|
|
602
|
-
.
|
|
810
|
+
.awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-default_hyvsj_nghum_755:not(.awsui_has-notifications-content_hyvsj_nghum_175):not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181), .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_content-type-form_hyvsj_nghum_755:not(.awsui_has-notifications-content_hyvsj_nghum_175):not(.awsui_has-header_hyvsj_nghum_181):not(.awsui_has-dynamic-overlap-height_hyvsj_nghum_181) {
|
|
603
811
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
604
812
|
}
|
|
605
|
-
.
|
|
813
|
+
.awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_has-header_hyvsj_nghum_181, .awsui_container_hyvsj_nghum_701:not(#\9):not(.awsui_disable-content-paddings_hyvsj_nghum_727).awsui_has-dynamic-overlap-height_hyvsj_nghum_181 {
|
|
606
814
|
padding-top: 0;
|
|
607
815
|
}
|
|
608
816
|
}
|
|
609
|
-
.
|
|
817
|
+
.awsui_container_hyvsj_nghum_701.awsui_content-type-cards_hyvsj_nghum_185:not(#\9), .awsui_container_hyvsj_nghum_701.awsui_content-type-table_hyvsj_nghum_186:not(#\9), .awsui_container_hyvsj_nghum_701.awsui_content-type-wizard_hyvsj_nghum_182:not(#\9) {
|
|
610
818
|
padding-top: 0;
|
|
611
819
|
}
|
|
612
820
|
|
|
613
821
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
614
|
-
.
|
|
615
|
-
.
|
|
822
|
+
.awsui_unfocusable_hyvsj_nghum_796:not(#\9),
|
|
823
|
+
.awsui_unfocusable_hyvsj_nghum_796 *:not(#\9) {
|
|
616
824
|
visibility: hidden !important;
|
|
617
825
|
}
|
|
618
826
|
|
|
@@ -621,14 +829,14 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
621
829
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
622
830
|
SPDX-License-Identifier: Apache-2.0
|
|
623
831
|
*/
|
|
624
|
-
.awsui_navigation-
|
|
625
|
-
--awsui-navigation-width-
|
|
832
|
+
.awsui_navigation-container_hyvsj_nghum_806:not(#\9) {
|
|
833
|
+
--awsui-navigation-width-3j0evk: 280px;
|
|
626
834
|
display: flex;
|
|
627
835
|
grid-column: 1;
|
|
628
836
|
grid-row: 1/span 5;
|
|
629
|
-
height: var(--awsui-content-height-
|
|
837
|
+
height: var(--awsui-content-height-3j0evk);
|
|
630
838
|
position: sticky;
|
|
631
|
-
top: var(--awsui-offset-top-
|
|
839
|
+
top: var(--awsui-offset-top-3j0evk);
|
|
632
840
|
z-index: 830;
|
|
633
841
|
/*
|
|
634
842
|
The navigation and tools containers (that contain the toggle buttons)
|
|
@@ -643,27 +851,27 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
643
851
|
pointer-events: none;
|
|
644
852
|
}
|
|
645
853
|
@media (min-width: 2541px) {
|
|
646
|
-
.awsui_navigation-
|
|
647
|
-
--awsui-navigation-width-
|
|
854
|
+
.awsui_navigation-container_hyvsj_nghum_806:not(#\9) {
|
|
855
|
+
--awsui-navigation-width-3j0evk: 320px;
|
|
648
856
|
}
|
|
649
857
|
}
|
|
650
858
|
@media (max-width: 688px) {
|
|
651
|
-
.awsui_navigation-
|
|
859
|
+
.awsui_navigation-container_hyvsj_nghum_806:not(#\9) {
|
|
652
860
|
left: 0;
|
|
653
861
|
position: fixed;
|
|
654
|
-
top: var(--awsui-offset-top-
|
|
862
|
+
top: var(--awsui-offset-top-3j0evk);
|
|
655
863
|
z-index: 1001;
|
|
656
864
|
}
|
|
657
865
|
}
|
|
658
866
|
|
|
659
|
-
nav.awsui_show-
|
|
867
|
+
nav.awsui_show-navigation_hyvsj_nghum_841:not(#\9) {
|
|
660
868
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
661
869
|
/*
|
|
662
870
|
Apply the animation only in desktop viewports because the AppBar will
|
|
663
871
|
take control in responsive viewports.
|
|
664
872
|
*/
|
|
665
873
|
}
|
|
666
|
-
@keyframes
|
|
874
|
+
@keyframes awsui_showButtons_hyvsj_nghum_1 {
|
|
667
875
|
0% {
|
|
668
876
|
opacity: 0;
|
|
669
877
|
}
|
|
@@ -671,31 +879,31 @@ nav.awsui_show-navigation_hyvsj_10sxp_659:not(#\9) {
|
|
|
671
879
|
opacity: 1;
|
|
672
880
|
}
|
|
673
881
|
}
|
|
674
|
-
nav.awsui_show-
|
|
882
|
+
nav.awsui_show-navigation_hyvsj_nghum_841.awsui_is-navigation-open_hyvsj_nghum_732:not(#\9) {
|
|
675
883
|
display: none;
|
|
676
884
|
}
|
|
677
885
|
@media (min-width: 689px) {
|
|
678
|
-
nav.awsui_show-
|
|
886
|
+
nav.awsui_show-navigation_hyvsj_nghum_841:not(#\9):not(.awsui_is-navigation-open_hyvsj_nghum_732) {
|
|
679
887
|
display: block;
|
|
680
888
|
}
|
|
681
|
-
nav.awsui_show-
|
|
682
|
-
animation:
|
|
889
|
+
nav.awsui_show-navigation_hyvsj_nghum_841:not(#\9):not(.awsui_is-navigation-open_hyvsj_nghum_732).awsui_animating_hyvsj_nghum_863 {
|
|
890
|
+
animation: awsui_showButtons_hyvsj_nghum_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
683
891
|
}
|
|
684
892
|
}
|
|
685
893
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
686
|
-
nav.awsui_show-
|
|
894
|
+
nav.awsui_show-navigation_hyvsj_nghum_841:not(#\9):not(.awsui_is-navigation-open_hyvsj_nghum_732).awsui_animating_hyvsj_nghum_863 {
|
|
687
895
|
animation: none;
|
|
688
896
|
transition: none;
|
|
689
897
|
}
|
|
690
898
|
}
|
|
691
899
|
@media (min-width: 689px) {
|
|
692
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
900
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_nghum_841:not(#\9):not(.awsui_is-navigation-open_hyvsj_nghum_732).awsui_animating_hyvsj_nghum_863, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_nghum_841:not(#\9):not(.awsui_is-navigation-open_hyvsj_nghum_732).awsui_animating_hyvsj_nghum_863 {
|
|
693
901
|
animation: none;
|
|
694
902
|
transition: none;
|
|
695
903
|
}
|
|
696
904
|
}
|
|
697
905
|
|
|
698
|
-
nav.
|
|
906
|
+
nav.awsui_navigation_hyvsj_nghum_806:not(#\9) {
|
|
699
907
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
700
908
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
701
909
|
bottom: 0;
|
|
@@ -712,43 +920,43 @@ nav.awsui_navigation_hyvsj_10sxp_624:not(#\9) {
|
|
|
712
920
|
prevent unwanted text wrapping.
|
|
713
921
|
*/
|
|
714
922
|
}
|
|
715
|
-
@keyframes
|
|
923
|
+
@keyframes awsui_openNavigation_hyvsj_nghum_1 {
|
|
716
924
|
from {
|
|
717
925
|
opacity: 0;
|
|
718
926
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
719
927
|
}
|
|
720
928
|
to {
|
|
721
929
|
opacity: 1;
|
|
722
|
-
width: var(--awsui-navigation-width-
|
|
930
|
+
width: var(--awsui-navigation-width-3j0evk);
|
|
723
931
|
}
|
|
724
932
|
}
|
|
725
|
-
nav.
|
|
933
|
+
nav.awsui_navigation_hyvsj_nghum_806:not(#\9):not(.awsui_is-navigation-open_hyvsj_nghum_732) {
|
|
726
934
|
width: 0;
|
|
727
935
|
display: none;
|
|
728
936
|
}
|
|
729
|
-
nav.
|
|
730
|
-
animation:
|
|
937
|
+
nav.awsui_navigation_hyvsj_nghum_806.awsui_is-navigation-open_hyvsj_nghum_732.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
938
|
+
animation: awsui_openNavigation_hyvsj_nghum_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
731
939
|
}
|
|
732
940
|
@media (prefers-reduced-motion: reduce) {
|
|
733
|
-
nav.
|
|
941
|
+
nav.awsui_navigation_hyvsj_nghum_806.awsui_is-navigation-open_hyvsj_nghum_732.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
734
942
|
animation: none;
|
|
735
943
|
transition: none;
|
|
736
944
|
}
|
|
737
945
|
}
|
|
738
|
-
.awsui-motion-disabled nav.
|
|
946
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_nghum_806.awsui_is-navigation-open_hyvsj_nghum_732.awsui_animating_hyvsj_nghum_863:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_nghum_806.awsui_is-navigation-open_hyvsj_nghum_732.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
739
947
|
animation: none;
|
|
740
948
|
transition: none;
|
|
741
949
|
}
|
|
742
|
-
nav.
|
|
743
|
-
width: var(--awsui-navigation-width-
|
|
950
|
+
nav.awsui_navigation_hyvsj_nghum_806 > .awsui_animated-content_hyvsj_nghum_924:not(#\9) {
|
|
951
|
+
width: var(--awsui-navigation-width-3j0evk);
|
|
744
952
|
}
|
|
745
953
|
@media (max-width: 688px) {
|
|
746
|
-
nav.
|
|
747
|
-
--awsui-navigation-width-
|
|
954
|
+
nav.awsui_navigation_hyvsj_nghum_806:not(#\9) {
|
|
955
|
+
--awsui-navigation-width-3j0evk: 100vw;
|
|
748
956
|
}
|
|
749
957
|
}
|
|
750
958
|
|
|
751
|
-
.awsui_hide-
|
|
959
|
+
.awsui_hide-navigation_hyvsj_nghum_933:not(#\9) {
|
|
752
960
|
position: absolute;
|
|
753
961
|
right: var(--space-m-17eucw, 16px);
|
|
754
962
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -758,7 +966,7 @@ nav.awsui_navigation_hyvsj_10sxp_624 > .awsui_animated-content_hyvsj_10sxp_742:n
|
|
|
758
966
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
759
967
|
SPDX-License-Identifier: Apache-2.0
|
|
760
968
|
*/
|
|
761
|
-
.
|
|
969
|
+
.awsui_notifications_hyvsj_nghum_227:not(#\9) {
|
|
762
970
|
grid-column: 3;
|
|
763
971
|
grid-row: 1;
|
|
764
972
|
z-index: 850;
|
|
@@ -776,31 +984,31 @@ nav.awsui_navigation_hyvsj_10sxp_624 > .awsui_animated-content_hyvsj_10sxp_742:n
|
|
|
776
984
|
*/
|
|
777
985
|
}
|
|
778
986
|
@media (min-width: 689px) {
|
|
779
|
-
.
|
|
987
|
+
.awsui_notifications_hyvsj_nghum_227:not(#\9) {
|
|
780
988
|
margin: var(--space-xs-rsr2qu, 8px) 0;
|
|
781
989
|
/*
|
|
782
990
|
var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
|
|
783
991
|
calculation in the layout CSS.
|
|
784
992
|
*/
|
|
785
993
|
}
|
|
786
|
-
.
|
|
994
|
+
.awsui_notifications_hyvsj_nghum_227.awsui_sticky-notifications_hyvsj_nghum_240:not(#\9) {
|
|
787
995
|
position: sticky;
|
|
788
|
-
top: calc(var(--awsui-offset-top-
|
|
789
|
-
--awsui-flashbar-sticky-bottom-margin-
|
|
996
|
+
top: calc(var(--awsui-offset-top-3j0evk) + var(--space-xs-rsr2qu, 8px));
|
|
997
|
+
--awsui-flashbar-sticky-bottom-margin-3j0evk: var(--space-xxl-2nvmf1, 32px);
|
|
790
998
|
}
|
|
791
|
-
.
|
|
999
|
+
.awsui_notifications_hyvsj_nghum_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_nghum_175) {
|
|
792
1000
|
margin: 0;
|
|
793
1001
|
}
|
|
794
1002
|
}
|
|
795
1003
|
@media (max-width: 688px) {
|
|
796
|
-
.
|
|
1004
|
+
.awsui_notifications_hyvsj_nghum_227:not(#\9) {
|
|
797
1005
|
grid-row: 2;
|
|
798
1006
|
margin: var(--space-scaled-s-cu1hzn, 12px) 0;
|
|
799
1007
|
}
|
|
800
|
-
.
|
|
1008
|
+
.awsui_notifications_hyvsj_nghum_227.awsui_sticky-notifications_hyvsj_nghum_240:not(#\9) {
|
|
801
1009
|
position: static;
|
|
802
1010
|
}
|
|
803
|
-
.
|
|
1011
|
+
.awsui_notifications_hyvsj_nghum_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_nghum_175) {
|
|
804
1012
|
margin: 0;
|
|
805
1013
|
}
|
|
806
1014
|
}
|
|
@@ -815,13 +1023,13 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
815
1023
|
consume the remaining vertical space in the grid after the notifications
|
|
816
1024
|
and breadcrumbs.
|
|
817
1025
|
*/
|
|
818
|
-
section.awsui_split-panel-
|
|
1026
|
+
section.awsui_split-panel-bottom_hyvsj_nghum_1000:not(#\9) {
|
|
819
1027
|
/*
|
|
820
1028
|
The align self property will position the split panel at the bottom of the grid row.
|
|
821
1029
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
822
1030
|
*/
|
|
823
1031
|
align-self: end;
|
|
824
|
-
bottom: var(--awsui-footer-height-
|
|
1032
|
+
bottom: var(--awsui-footer-height-3j0evk);
|
|
825
1033
|
display: none;
|
|
826
1034
|
grid-column: 1/6;
|
|
827
1035
|
grid-row: 5;
|
|
@@ -850,47 +1058,47 @@ section.awsui_split-panel-bottom_hyvsj_10sxp_818:not(#\9) {
|
|
|
850
1058
|
apply the animation to the height property.
|
|
851
1059
|
*/
|
|
852
1060
|
}
|
|
853
|
-
@keyframes
|
|
1061
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_nghum_1 {
|
|
854
1062
|
from {
|
|
855
|
-
height: var(--awsui-split-panel-reported-header-size-
|
|
1063
|
+
height: var(--awsui-split-panel-reported-header-size-3j0evk, 0);
|
|
856
1064
|
}
|
|
857
1065
|
to {
|
|
858
|
-
height: var(--awsui-split-panel-reported-size-
|
|
1066
|
+
height: var(--awsui-split-panel-reported-size-3j0evk);
|
|
859
1067
|
}
|
|
860
1068
|
}
|
|
861
|
-
section.awsui_split-panel-
|
|
1069
|
+
section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_disable-body-scroll_hyvsj_nghum_645:not(#\9) {
|
|
862
1070
|
bottom: 0;
|
|
863
1071
|
}
|
|
864
|
-
section.awsui_split-panel-
|
|
1072
|
+
section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_is-navigation-open_hyvsj_nghum_732.awsui_position-bottom_hyvsj_nghum_1046:not(#\9) {
|
|
865
1073
|
grid-column-start: 2;
|
|
866
1074
|
}
|
|
867
|
-
section.awsui_split-panel-
|
|
1075
|
+
section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_has-open-drawer_hyvsj_nghum_282.awsui_position-bottom_hyvsj_nghum_1046:not(#\9) {
|
|
868
1076
|
grid-column-end: 5;
|
|
869
1077
|
}
|
|
870
|
-
section.awsui_split-panel-
|
|
1078
|
+
section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_position-bottom_hyvsj_nghum_1046:not(#\9) {
|
|
871
1079
|
display: block;
|
|
872
1080
|
}
|
|
873
|
-
section.awsui_split-panel-
|
|
1081
|
+
section.awsui_split-panel-bottom_hyvsj_nghum_1000:not(#\9):not(.awsui_is-split-panel-open_hyvsj_nghum_735).awsui_position-bottom_hyvsj_nghum_1046 {
|
|
874
1082
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
875
1083
|
}
|
|
876
|
-
section.awsui_split-panel-
|
|
1084
|
+
section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-bottom_hyvsj_nghum_1046:not(#\9) {
|
|
877
1085
|
box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
878
1086
|
}
|
|
879
|
-
section.awsui_split-panel-
|
|
880
|
-
animation:
|
|
1087
|
+
section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-bottom_hyvsj_nghum_1046.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
1088
|
+
animation: awsui_openSplitPanelBottom_hyvsj_nghum_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
881
1089
|
}
|
|
882
1090
|
@media (prefers-reduced-motion: reduce) {
|
|
883
|
-
section.awsui_split-panel-
|
|
1091
|
+
section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-bottom_hyvsj_nghum_1046.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
884
1092
|
animation: none;
|
|
885
1093
|
transition: none;
|
|
886
1094
|
}
|
|
887
1095
|
}
|
|
888
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1096
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-bottom_hyvsj_nghum_1046.awsui_animating_hyvsj_nghum_863:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_nghum_1000.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-bottom_hyvsj_nghum_1046.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
889
1097
|
animation: none;
|
|
890
1098
|
transition: none;
|
|
891
1099
|
}
|
|
892
1100
|
|
|
893
|
-
section.awsui_split-panel-
|
|
1101
|
+
section.awsui_split-panel-side_hyvsj_nghum_1075:not(#\9) {
|
|
894
1102
|
height: 100%;
|
|
895
1103
|
overflow-x: hidden;
|
|
896
1104
|
pointer-events: auto;
|
|
@@ -905,41 +1113,41 @@ section.awsui_split-panel-side_hyvsj_10sxp_893:not(#\9) {
|
|
|
905
1113
|
prevent unwanted text wrapping.
|
|
906
1114
|
*/
|
|
907
1115
|
}
|
|
908
|
-
@keyframes
|
|
1116
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_nghum_1 {
|
|
909
1117
|
from {
|
|
910
1118
|
opacity: 0;
|
|
911
|
-
width: var(--awsui-split-panel-min-width-
|
|
1119
|
+
width: var(--awsui-split-panel-min-width-3j0evk, 280px);
|
|
912
1120
|
}
|
|
913
1121
|
to {
|
|
914
1122
|
opacity: 1;
|
|
915
|
-
width: var(--awsui-split-panel-reported-size-
|
|
1123
|
+
width: var(--awsui-split-panel-reported-size-3j0evk);
|
|
916
1124
|
}
|
|
917
1125
|
}
|
|
918
|
-
section.awsui_split-panel-
|
|
1126
|
+
section.awsui_split-panel-side_hyvsj_nghum_1075:not(#\9):not(.awsui_is-split-panel-open_hyvsj_nghum_735), section.awsui_split-panel-side_hyvsj_nghum_1075.awsui_position-bottom_hyvsj_nghum_1046:not(#\9) {
|
|
919
1127
|
width: 0;
|
|
920
1128
|
}
|
|
921
|
-
section.awsui_split-panel-
|
|
1129
|
+
section.awsui_split-panel-side_hyvsj_nghum_1075.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-side_hyvsj_nghum_1103:not(#\9) {
|
|
922
1130
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
923
|
-
max-width: var(--awsui-split-panel-max-width-
|
|
924
|
-
min-width: var(--awsui-split-panel-min-width-
|
|
1131
|
+
max-width: var(--awsui-split-panel-max-width-3j0evk, 280px);
|
|
1132
|
+
min-width: var(--awsui-split-panel-min-width-3j0evk, 280px);
|
|
925
1133
|
}
|
|
926
|
-
section.awsui_split-panel-
|
|
927
|
-
animation:
|
|
1134
|
+
section.awsui_split-panel-side_hyvsj_nghum_1075.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-side_hyvsj_nghum_1103.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
1135
|
+
animation: awsui_openSplitPanelSide_hyvsj_nghum_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
928
1136
|
}
|
|
929
1137
|
@media (prefers-reduced-motion: reduce) {
|
|
930
|
-
section.awsui_split-panel-
|
|
1138
|
+
section.awsui_split-panel-side_hyvsj_nghum_1075.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-side_hyvsj_nghum_1103.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
931
1139
|
animation: none;
|
|
932
1140
|
transition: none;
|
|
933
1141
|
}
|
|
934
1142
|
}
|
|
935
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1143
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_nghum_1075.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-side_hyvsj_nghum_1103.awsui_animating_hyvsj_nghum_863:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_nghum_1075.awsui_is-split-panel-open_hyvsj_nghum_735.awsui_position-side_hyvsj_nghum_1103.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
936
1144
|
animation: none;
|
|
937
1145
|
transition: none;
|
|
938
1146
|
}
|
|
939
|
-
section.awsui_split-panel-
|
|
1147
|
+
section.awsui_split-panel-side_hyvsj_nghum_1075 > .awsui_animated-content_hyvsj_nghum_924:not(#\9) {
|
|
940
1148
|
height: 100%;
|
|
941
1149
|
max-width: inherit;
|
|
942
|
-
width: var(--awsui-split-panel-reported-size-
|
|
1150
|
+
width: var(--awsui-split-panel-reported-size-3j0evk);
|
|
943
1151
|
}
|
|
944
1152
|
|
|
945
1153
|
/*
|
|
@@ -955,38 +1163,38 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
955
1163
|
property. The content gap right is computed in the Layout styles based on the
|
|
956
1164
|
viewport size and state of the Tools drawer.
|
|
957
1165
|
*/
|
|
958
|
-
.awsui_tools-
|
|
1166
|
+
.awsui_tools-container_hyvsj_nghum_1140:not(#\9) {
|
|
959
1167
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
960
|
-
--awsui-tools-max-width-
|
|
1168
|
+
--awsui-tools-max-width-3j0evk: calc(var(--awsui-layout-width-3j0evk) - var(--awsui-main-offset-left-3j0evk) - var(--awsui-default-min-content-width-3j0evk) - var(--awsui-content-gap-right-3j0evk));
|
|
961
1169
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
962
|
-
--awsui-tools-width-
|
|
1170
|
+
--awsui-tools-width-3j0evk: 290px;
|
|
963
1171
|
display: flex;
|
|
964
1172
|
grid-column: 5;
|
|
965
1173
|
grid-row: 1/span 5;
|
|
966
|
-
height: var(--awsui-content-height-
|
|
967
|
-
max-width: var(--awsui-tools-max-width-
|
|
1174
|
+
height: var(--awsui-content-height-3j0evk);
|
|
1175
|
+
max-width: var(--awsui-tools-max-width-3j0evk);
|
|
968
1176
|
position: sticky;
|
|
969
|
-
top: var(--awsui-offset-top-
|
|
1177
|
+
top: var(--awsui-offset-top-3j0evk);
|
|
970
1178
|
z-index: 830;
|
|
971
1179
|
pointer-events: none;
|
|
972
1180
|
}
|
|
973
1181
|
@media (min-width: 2541px) {
|
|
974
|
-
.awsui_tools-
|
|
975
|
-
--awsui-tools-width-
|
|
1182
|
+
.awsui_tools-container_hyvsj_nghum_1140:not(#\9) {
|
|
1183
|
+
--awsui-tools-width-3j0evk: 360px;
|
|
976
1184
|
}
|
|
977
1185
|
}
|
|
978
1186
|
@media (max-width: 688px) {
|
|
979
|
-
.awsui_tools-
|
|
980
|
-
--awsui-tools-max-width-
|
|
981
|
-
--awsui-tools-width-
|
|
1187
|
+
.awsui_tools-container_hyvsj_nghum_1140:not(#\9) {
|
|
1188
|
+
--awsui-tools-max-width-3j0evk: none;
|
|
1189
|
+
--awsui-tools-width-3j0evk: auto;
|
|
982
1190
|
position: fixed;
|
|
983
1191
|
right: 0;
|
|
984
|
-
top: var(--awsui-offset-top-
|
|
1192
|
+
top: var(--awsui-offset-top-3j0evk);
|
|
985
1193
|
z-index: 1001;
|
|
986
1194
|
}
|
|
987
1195
|
}
|
|
988
1196
|
|
|
989
|
-
.
|
|
1197
|
+
.awsui_tools_hyvsj_nghum_1140:not(#\9) {
|
|
990
1198
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
991
1199
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
992
1200
|
flex-shrink: 0;
|
|
@@ -1009,48 +1217,48 @@ viewport size and state of the Tools drawer.
|
|
|
1009
1217
|
in the side position.
|
|
1010
1218
|
*/
|
|
1011
1219
|
}
|
|
1012
|
-
@keyframes
|
|
1220
|
+
@keyframes awsui_openTools_hyvsj_nghum_1 {
|
|
1013
1221
|
from {
|
|
1014
|
-
opacity: var(--awsui-tools-animation-starting-opacity-
|
|
1222
|
+
opacity: var(--awsui-tools-animation-starting-opacity-3j0evk, 0);
|
|
1015
1223
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
1016
1224
|
}
|
|
1017
1225
|
to {
|
|
1018
1226
|
opacity: 1;
|
|
1019
|
-
width: var(--awsui-tools-width-
|
|
1227
|
+
width: var(--awsui-tools-width-3j0evk);
|
|
1020
1228
|
}
|
|
1021
1229
|
}
|
|
1022
|
-
.
|
|
1230
|
+
.awsui_tools_hyvsj_nghum_1140:not(#\9):not(.awsui_is-tools-open_hyvsj_nghum_735) {
|
|
1023
1231
|
width: 0;
|
|
1024
1232
|
display: none;
|
|
1025
1233
|
}
|
|
1026
|
-
.
|
|
1027
|
-
animation:
|
|
1234
|
+
.awsui_tools_hyvsj_nghum_1140.awsui_is-tools-open_hyvsj_nghum_735.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
1235
|
+
animation: awsui_openTools_hyvsj_nghum_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1028
1236
|
}
|
|
1029
1237
|
@media (prefers-reduced-motion: reduce) {
|
|
1030
|
-
.
|
|
1238
|
+
.awsui_tools_hyvsj_nghum_1140.awsui_is-tools-open_hyvsj_nghum_735.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
1031
1239
|
animation: none;
|
|
1032
1240
|
transition: none;
|
|
1033
1241
|
}
|
|
1034
1242
|
}
|
|
1035
|
-
.awsui-motion-disabled .
|
|
1243
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_nghum_1140.awsui_is-tools-open_hyvsj_nghum_735.awsui_animating_hyvsj_nghum_863:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_nghum_1140.awsui_is-tools-open_hyvsj_nghum_735.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
1036
1244
|
animation: none;
|
|
1037
1245
|
transition: none;
|
|
1038
1246
|
}
|
|
1039
|
-
.
|
|
1040
|
-
width: var(--awsui-tools-width-
|
|
1247
|
+
.awsui_tools_hyvsj_nghum_1140 > .awsui_animated-content_hyvsj_nghum_924:not(#\9) {
|
|
1248
|
+
width: var(--awsui-tools-width-3j0evk);
|
|
1041
1249
|
}
|
|
1042
1250
|
@media (min-width: 689px) {
|
|
1043
|
-
.
|
|
1251
|
+
.awsui_tools_hyvsj_nghum_1140.awsui_is-tools-open_hyvsj_nghum_735.awsui_has-tools-form-persistence_hyvsj_nghum_1225:not(#\9) {
|
|
1044
1252
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
1045
1253
|
}
|
|
1046
1254
|
}
|
|
1047
1255
|
@media (max-width: 688px) {
|
|
1048
|
-
.
|
|
1049
|
-
--awsui-tools-width-
|
|
1256
|
+
.awsui_tools_hyvsj_nghum_1140:not(#\9) {
|
|
1257
|
+
--awsui-tools-width-3j0evk: 100vw;
|
|
1050
1258
|
}
|
|
1051
1259
|
}
|
|
1052
1260
|
|
|
1053
|
-
.awsui_hide-
|
|
1261
|
+
.awsui_hide-tools_hyvsj_nghum_1235:not(#\9) {
|
|
1054
1262
|
position: absolute;
|
|
1055
1263
|
right: var(--space-m-17eucw, 16px);
|
|
1056
1264
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -1062,7 +1270,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1062
1270
|
the calculation used to determine the Split Panel maximum width in the
|
|
1063
1271
|
handleSplitPanelMaxWidth function in the context.
|
|
1064
1272
|
*/
|
|
1065
|
-
.awsui_show-
|
|
1273
|
+
.awsui_show-tools_hyvsj_nghum_1247:not(#\9) {
|
|
1066
1274
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1067
1275
|
border-collapse: separate;
|
|
1068
1276
|
border-spacing: 0;
|
|
@@ -1106,7 +1314,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1106
1314
|
take control in responsive viewports.
|
|
1107
1315
|
*/
|
|
1108
1316
|
}
|
|
1109
|
-
@keyframes
|
|
1317
|
+
@keyframes awsui_showButtons_hyvsj_nghum_1 {
|
|
1110
1318
|
0% {
|
|
1111
1319
|
opacity: 0;
|
|
1112
1320
|
}
|
|
@@ -1114,33 +1322,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1114
1322
|
opacity: 1;
|
|
1115
1323
|
}
|
|
1116
1324
|
}
|
|
1117
|
-
.awsui_show-
|
|
1325
|
+
.awsui_show-tools_hyvsj_nghum_1247:not(#\9):not(.awsui_has-tools-form_hyvsj_nghum_1225) {
|
|
1118
1326
|
display: none;
|
|
1119
1327
|
}
|
|
1120
1328
|
@media (min-width: 689px) {
|
|
1121
|
-
.awsui_show-
|
|
1329
|
+
.awsui_show-tools_hyvsj_nghum_1247.awsui_has-tools-form_hyvsj_nghum_1225:not(#\9) {
|
|
1122
1330
|
display: flex;
|
|
1123
1331
|
flex-direction: column;
|
|
1124
1332
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
1125
1333
|
}
|
|
1126
|
-
.awsui_show-
|
|
1127
|
-
animation:
|
|
1334
|
+
.awsui_show-tools_hyvsj_nghum_1247.awsui_has-tools-form_hyvsj_nghum_1225.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
1335
|
+
animation: awsui_showButtons_hyvsj_nghum_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1128
1336
|
}
|
|
1129
1337
|
}
|
|
1130
1338
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1131
|
-
.awsui_show-
|
|
1339
|
+
.awsui_show-tools_hyvsj_nghum_1247.awsui_has-tools-form_hyvsj_nghum_1225.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
1132
1340
|
animation: none;
|
|
1133
1341
|
transition: none;
|
|
1134
1342
|
}
|
|
1135
1343
|
}
|
|
1136
1344
|
@media (min-width: 689px) {
|
|
1137
|
-
.awsui-motion-disabled .awsui_show-
|
|
1345
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_nghum_1247.awsui_has-tools-form_hyvsj_nghum_1225.awsui_animating_hyvsj_nghum_863:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_nghum_1247.awsui_has-tools-form_hyvsj_nghum_1225.awsui_animating_hyvsj_nghum_863:not(#\9) {
|
|
1138
1346
|
animation: none;
|
|
1139
1347
|
transition: none;
|
|
1140
1348
|
}
|
|
1141
1349
|
}
|
|
1142
1350
|
@media (min-width: 689px) {
|
|
1143
|
-
.awsui_show-
|
|
1351
|
+
.awsui_show-tools_hyvsj_nghum_1247.awsui_has-tools-form-persistence_hyvsj_nghum_1225:not(#\9) {
|
|
1144
1352
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1145
1353
|
z-index: 1;
|
|
1146
1354
|
}
|
|
@@ -1155,7 +1363,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1155
1363
|
the calculation used to determine the Split Panel maximum width in the
|
|
1156
1364
|
handleSplitPanelMaxWidth function in the context.
|
|
1157
1365
|
*/
|
|
1158
|
-
.
|
|
1366
|
+
.awsui_trigger_hyvsj_nghum_1314:not(#\9) {
|
|
1159
1367
|
background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
|
|
1160
1368
|
border: none;
|
|
1161
1369
|
border-radius: 50%;
|
|
@@ -1167,14 +1375,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1167
1375
|
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1168
1376
|
pointer-events: auto;
|
|
1169
1377
|
}
|
|
1170
|
-
body[data-awsui-focus-visible=true] .
|
|
1378
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_nghum_1314:not(#\9):focus {
|
|
1171
1379
|
position: relative;
|
|
1172
1380
|
}
|
|
1173
|
-
body[data-awsui-focus-visible=true] .
|
|
1381
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_nghum_1314:not(#\9):focus {
|
|
1174
1382
|
outline: 2px dotted transparent;
|
|
1175
1383
|
outline-offset: calc(3px - 1px);
|
|
1176
1384
|
}
|
|
1177
|
-
body[data-awsui-focus-visible=true] .
|
|
1385
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_nghum_1314:not(#\9):focus::before {
|
|
1178
1386
|
content: " ";
|
|
1179
1387
|
display: block;
|
|
1180
1388
|
position: absolute;
|
|
@@ -1185,23 +1393,23 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_10sxp_1132:not(#\9):foc
|
|
|
1185
1393
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
1186
1394
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
1187
1395
|
}
|
|
1188
|
-
.
|
|
1396
|
+
.awsui_trigger_hyvsj_nghum_1314:not(#\9):focus {
|
|
1189
1397
|
outline: none;
|
|
1190
1398
|
}
|
|
1191
|
-
.
|
|
1399
|
+
.awsui_trigger_hyvsj_nghum_1314:not(#\9):hover {
|
|
1192
1400
|
background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
1193
1401
|
}
|
|
1194
|
-
.
|
|
1402
|
+
.awsui_trigger_hyvsj_nghum_1314:not(#\9):active {
|
|
1195
1403
|
background: var(--color-background-layout-toggle-active-d15dki, #354150);
|
|
1196
1404
|
}
|
|
1197
|
-
.
|
|
1405
|
+
.awsui_trigger_hyvsj_nghum_1314.awsui_selected_hyvsj_nghum_1353:not(#\9) {
|
|
1198
1406
|
background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
|
|
1199
1407
|
color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
|
|
1200
1408
|
}
|
|
1201
|
-
.
|
|
1409
|
+
.awsui_trigger_hyvsj_nghum_1314.awsui_selected_hyvsj_nghum_1353:not(#\9):hover {
|
|
1202
1410
|
background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
|
|
1203
1411
|
}
|
|
1204
|
-
.
|
|
1412
|
+
.awsui_trigger_hyvsj_nghum_1314.awsui_selected_hyvsj_nghum_1353:not(#\9):active {
|
|
1205
1413
|
background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
|
|
1206
1414
|
}
|
|
1207
1415
|
|