@cloudscape-design/components 3.0.190 → 3.0.192
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/app-layout/drawer.d.ts +1 -4
- package/app-layout/drawer.d.ts.map +1 -1
- package/app-layout/drawer.js +4 -13
- package/app-layout/drawer.js.map +1 -1
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +4 -15
- package/app-layout/index.js.map +1 -1
- package/app-layout/mobile-toolbar/index.js +3 -3
- package/app-layout/mobile-toolbar/index.js.map +1 -1
- package/app-layout/navigation-panel.d.ts +1 -3
- package/app-layout/navigation-panel.d.ts.map +1 -1
- package/app-layout/navigation-panel.js +2 -2
- package/app-layout/navigation-panel.js.map +1 -1
- package/app-layout/notifications/index.d.ts +0 -4
- package/app-layout/notifications/index.d.ts.map +1 -1
- package/app-layout/notifications/index.js +1 -2
- package/app-layout/notifications/index.js.map +1 -1
- package/app-layout/styles.css.js +26 -38
- package/app-layout/styles.scoped.css +34 -109
- package/app-layout/styles.selectors.js +26 -38
- package/app-layout/tools-and-split-panel.d.ts +1 -8
- package/app-layout/tools-and-split-panel.d.ts.map +1 -1
- package/app-layout/tools-and-split-panel.js +2 -3
- package/app-layout/tools-and-split-panel.js.map +1 -1
- package/app-layout/visual-refresh/header.d.ts.map +1 -1
- package/app-layout/visual-refresh/header.js +2 -1
- package/app-layout/visual-refresh/header.js.map +1 -1
- package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/app-layout/visual-refresh/notifications.js +2 -1
- package/app-layout/visual-refresh/notifications.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +60 -60
- package/app-layout/visual-refresh/styles.scoped.css +150 -148
- package/app-layout/visual-refresh/styles.selectors.js +60 -60
- package/flashbar/collapsible-flashbar.d.ts.map +1 -1
- package/flashbar/collapsible-flashbar.js +5 -7
- package/flashbar/collapsible-flashbar.js.map +1 -1
- package/flashbar/internal/analytics.d.ts.map +1 -1
- package/flashbar/internal/analytics.js +5 -3
- package/flashbar/internal/analytics.js.map +1 -1
- package/internal/base-component/index.d.ts.map +1 -1
- package/internal/base-component/index.js +3 -11
- package/internal/base-component/index.js.map +1 -1
- package/internal/base-component/init-awsui-versions.d.ts +2 -0
- package/internal/base-component/init-awsui-versions.d.ts.map +1 -0
- package/internal/base-component/init-awsui-versions.js +15 -0
- package/internal/base-component/init-awsui-versions.js.map +1 -0
- package/internal/environment.d.ts +1 -0
- package/internal/environment.js +2 -1
- package/internal/hooks/use-base-component/component-metadata.d.ts +3 -0
- package/internal/hooks/use-base-component/component-metadata.d.ts.map +1 -0
- package/internal/hooks/use-base-component/component-metadata.js +21 -0
- package/internal/hooks/use-base-component/component-metadata.js.map +1 -0
- package/internal/hooks/use-base-component/index.d.ts +0 -1
- package/internal/hooks/use-base-component/index.d.ts.map +1 -1
- package/internal/hooks/use-base-component/index.js +3 -28
- package/internal/hooks/use-base-component/index.js.map +1 -1
- package/internal/hooks/use-telemetry/index.d.ts.map +1 -1
- package/internal/hooks/use-telemetry/index.js +4 -15
- package/internal/hooks/use-telemetry/index.js.map +1 -1
- package/internal/hooks/use-telemetry/telemetry.d.ts +8 -0
- package/internal/hooks/use-telemetry/telemetry.d.ts.map +1 -0
- package/internal/hooks/use-telemetry/telemetry.js +20 -0
- package/internal/hooks/use-telemetry/telemetry.js.map +1 -0
- package/internal/manifest.json +1 -1
- package/internal/metrics/index.d.ts +3 -0
- package/internal/metrics/index.d.ts.map +1 -0
- package/internal/metrics/index.js +5 -0
- package/internal/metrics/index.js.map +1 -0
- package/internal/metrics/log-clients.d.ts +39 -0
- package/internal/metrics/log-clients.d.ts.map +1 -0
- package/internal/metrics/log-clients.js +90 -0
- package/internal/metrics/log-clients.js.map +1 -0
- package/internal/metrics/metrics-formatters.d.ts +7 -0
- package/internal/metrics/metrics-formatters.d.ts.map +1 -0
- package/internal/metrics/metrics-formatters.js +36 -0
- package/internal/metrics/metrics-formatters.js.map +1 -0
- package/internal/{metrics.d.ts → metrics/metrics.d.ts} +11 -18
- package/internal/metrics/metrics.d.ts.map +1 -0
- package/internal/metrics/metrics.js +95 -0
- package/internal/metrics/metrics.js.map +1 -0
- package/package.json +1 -1
- package/property-filter/index.d.ts.map +1 -1
- package/property-filter/index.js +1 -1
- package/property-filter/index.js.map +1 -1
- package/wizard/internal/analytics.d.ts.map +1 -1
- package/wizard/internal/analytics.js +5 -3
- package/wizard/internal/analytics.js.map +1 -1
- package/app-layout/toggle-buttons.d.ts +0 -12
- package/app-layout/toggle-buttons.d.ts.map +0 -1
- package/app-layout/toggle-buttons.js +0 -13
- package/app-layout/toggle-buttons.js.map +0 -1
- package/internal/hooks/use-previous-frame/index.d.ts +0 -8
- package/internal/hooks/use-previous-frame/index.d.ts.map +0 -1
- package/internal/hooks/use-previous-frame/index.js +0 -20
- package/internal/hooks/use-previous-frame/index.js.map +0 -1
- package/internal/metrics.d.ts.map +0 -1
- package/internal/metrics.js +0 -177
- package/internal/metrics.js.map +0 -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_j35f2_93:not(#\9) {
|
|
94
94
|
align-items: center;
|
|
95
95
|
box-sizing: border-box;
|
|
96
96
|
display: grid;
|
|
@@ -114,20 +114,20 @@ section.awsui_appbar_hyvsj_geabg_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_j35f2_93 > .awsui_appbar-nav_hyvsj_j35f2_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_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_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_j35f2_93 > .awsui_appbar-tools_hyvsj_j35f2_125:not(#\9) {
|
|
126
126
|
grid-column: 3;
|
|
127
127
|
margin-left: var(--space-m-17eucw, 16px);
|
|
128
128
|
}
|
|
129
129
|
@media (min-width: 689px) {
|
|
130
|
-
section.
|
|
130
|
+
section.awsui_appbar_hyvsj_j35f2_93:not(#\9) {
|
|
131
131
|
/*
|
|
132
132
|
If Breadcrumbs do not exist then the AppBar should be suppressed
|
|
133
133
|
because in large viewports the triggers are rendered
|
|
@@ -163,33 +163,33 @@ section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_125:not(#\
|
|
|
163
163
|
be lifted so it doesn't render behind the background element.
|
|
164
164
|
*/
|
|
165
165
|
}
|
|
166
|
-
section.
|
|
166
|
+
section.awsui_appbar_hyvsj_j35f2_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_j35f2_166) {
|
|
167
167
|
display: none;
|
|
168
168
|
}
|
|
169
|
-
section.
|
|
170
|
-
section.
|
|
169
|
+
section.awsui_appbar_hyvsj_j35f2_93 > .awsui_appbar-nav_hyvsj_j35f2_117:not(#\9),
|
|
170
|
+
section.awsui_appbar_hyvsj_j35f2_93 > .awsui_appbar-tools_hyvsj_j35f2_125:not(#\9) {
|
|
171
171
|
display: none;
|
|
172
172
|
}
|
|
173
|
-
section.
|
|
173
|
+
section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_j35f2_173) {
|
|
174
174
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
175
175
|
}
|
|
176
|
-
section.
|
|
176
|
+
section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121.awsui_has-notifications-content_hyvsj_j35f2_173:not(#\9) {
|
|
177
177
|
padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
|
|
178
178
|
}
|
|
179
|
-
section.
|
|
180
|
-
section.
|
|
179
|
+
section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121:not(#\9):not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179),
|
|
180
|
+
section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121:not(#\9):not(.awsui_has-header_hyvsj_j35f2_179).awsui_content-type-wizard_hyvsj_j35f2_180 {
|
|
181
181
|
padding-bottom: var(--space-m-17eucw, 16px);
|
|
182
182
|
}
|
|
183
|
-
section.
|
|
184
|
-
section.
|
|
183
|
+
section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121.awsui_content-type-cards_hyvsj_j35f2_183:not(#\9),
|
|
184
|
+
section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121.awsui_content-type-table_hyvsj_j35f2_184:not(#\9) {
|
|
185
185
|
padding-bottom: var(--space-xxs-ynfts5, 4px);
|
|
186
186
|
}
|
|
187
|
-
section.
|
|
187
|
+
section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121.awsui_has-sticky-background_hyvsj_j35f2_187:not(#\9) {
|
|
188
188
|
z-index: 799;
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
191
|
@media (max-width: 688px) {
|
|
192
|
-
section.
|
|
192
|
+
section.awsui_appbar_hyvsj_j35f2_93:not(#\9) {
|
|
193
193
|
background-color: var(--color-background-home-header-mpq08f, #000716);
|
|
194
194
|
border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
195
195
|
box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
@@ -205,11 +205,11 @@ section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_125:not(#\
|
|
|
205
205
|
they are now sticky positioned in the viewport with the AppBar.
|
|
206
206
|
*/
|
|
207
207
|
}
|
|
208
|
-
section.
|
|
209
|
-
section.
|
|
208
|
+
section.awsui_appbar_hyvsj_j35f2_93 > .awsui_appbar-nav_hyvsj_j35f2_117:not(#\9),
|
|
209
|
+
section.awsui_appbar_hyvsj_j35f2_93 > .awsui_appbar-tools_hyvsj_j35f2_125:not(#\9) {
|
|
210
210
|
display: block;
|
|
211
211
|
}
|
|
212
|
-
section.
|
|
212
|
+
section.awsui_appbar_hyvsj_j35f2_93 > .awsui_breadcrumbs_hyvsj_j35f2_121:not(#\9) {
|
|
213
213
|
padding: 0;
|
|
214
214
|
}
|
|
215
215
|
}
|
|
@@ -218,10 +218,10 @@ section.awsui_appbar_hyvsj_geabg_93 > .awsui_appbar-tools_hyvsj_geabg_125:not(#\
|
|
|
218
218
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
219
219
|
SPDX-License-Identifier: Apache-2.0
|
|
220
220
|
*/
|
|
221
|
-
div.
|
|
221
|
+
div.awsui_background_hyvsj_j35f2_221:not(#\9) {
|
|
222
222
|
display: contents;
|
|
223
223
|
}
|
|
224
|
-
div.
|
|
224
|
+
div.awsui_background_hyvsj_j35f2_221 > .awsui_notifications-appbar-header_hyvsj_j35f2_224:not(#\9) {
|
|
225
225
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
226
226
|
grid-column: 1/span 5;
|
|
227
227
|
grid-row: 1/span 3;
|
|
@@ -233,13 +233,13 @@ div.awsui_background_hyvsj_geabg_221 > .awsui_notifications-appbar-header_hyvsj_
|
|
|
233
233
|
*/
|
|
234
234
|
}
|
|
235
235
|
@media (min-width: 689px) {
|
|
236
|
-
div.
|
|
236
|
+
div.awsui_background_hyvsj_j35f2_221 > .awsui_notifications-appbar-header_hyvsj_j35f2_224.awsui_has-sticky-background_hyvsj_j35f2_187.awsui_has-notifications-content_hyvsj_j35f2_173.awsui_sticky-notifications_hyvsj_j35f2_236:not(#\9) {
|
|
237
237
|
position: sticky;
|
|
238
238
|
top: var(--awsui-offset-top-5mks97);
|
|
239
239
|
z-index: 799;
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
|
-
div.
|
|
242
|
+
div.awsui_background_hyvsj_j35f2_221 > .awsui_overlap_hyvsj_j35f2_242:not(#\9) {
|
|
243
243
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
244
244
|
grid-column: 1/span 5;
|
|
245
245
|
grid-row: 4;
|
|
@@ -251,7 +251,7 @@ div.awsui_background_hyvsj_geabg_221 > .awsui_overlap_hyvsj_geabg_242:not(#\9) {
|
|
|
251
251
|
*/
|
|
252
252
|
}
|
|
253
253
|
@media (min-width: 689px) {
|
|
254
|
-
div.
|
|
254
|
+
div.awsui_background_hyvsj_j35f2_221 > .awsui_overlap_hyvsj_j35f2_242.awsui_has-sticky-background_hyvsj_j35f2_187:not(#\9) {
|
|
255
255
|
position: sticky;
|
|
256
256
|
top: var(--awsui-offset-top-with-notifications-5mks97);
|
|
257
257
|
z-index: 799;
|
|
@@ -262,13 +262,13 @@ div.awsui_background_hyvsj_geabg_221 > .awsui_overlap_hyvsj_geabg_242:not(#\9) {
|
|
|
262
262
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
263
263
|
SPDX-License-Identifier: Apache-2.0
|
|
264
264
|
*/
|
|
265
|
-
header.
|
|
265
|
+
header.awsui_content_hyvsj_j35f2_180:not(#\9) {
|
|
266
266
|
grid-column: 3;
|
|
267
267
|
grid-row: 3;
|
|
268
268
|
padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
269
269
|
}
|
|
270
270
|
@media (min-width: 689px) {
|
|
271
|
-
header.
|
|
271
|
+
header.awsui_content_hyvsj_j35f2_180:not(#\9) {
|
|
272
272
|
/*
|
|
273
273
|
If Notifications exist and Breadcrumbs do not then Notifications
|
|
274
274
|
is the previous adjacent sibling to the Header. Add minimal top padding
|
|
@@ -286,25 +286,25 @@ header.awsui_content_hyvsj_geabg_180:not(#\9) {
|
|
|
286
286
|
circular buttons.
|
|
287
287
|
*/
|
|
288
288
|
}
|
|
289
|
-
header.
|
|
289
|
+
header.awsui_content_hyvsj_j35f2_180.awsui_has-notifications-content_hyvsj_j35f2_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_j35f2_166) {
|
|
290
290
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
291
291
|
}
|
|
292
|
-
header.
|
|
292
|
+
header.awsui_content_hyvsj_j35f2_180.awsui_has-breadcrumbs_hyvsj_j35f2_166:not(#\9) {
|
|
293
293
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
294
294
|
}
|
|
295
|
-
header.
|
|
295
|
+
header.awsui_content_hyvsj_j35f2_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_j35f2_173):not(.awsui_has-breadcrumbs_hyvsj_j35f2_166) {
|
|
296
296
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
297
297
|
}
|
|
298
298
|
}
|
|
299
299
|
@media (max-width: 688px) {
|
|
300
|
-
header.
|
|
300
|
+
header.awsui_content_hyvsj_j35f2_180:not(#\9) {
|
|
301
301
|
padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
302
302
|
/*
|
|
303
303
|
Breadcrumbs has moved to first position and sticky so Notifications
|
|
304
304
|
are now the previous adjacent sibling if they exist.
|
|
305
305
|
*/
|
|
306
306
|
}
|
|
307
|
-
header.
|
|
307
|
+
header.awsui_content_hyvsj_j35f2_180.awsui_has-notifications-content_hyvsj_j35f2_173:not(#\9) {
|
|
308
308
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
309
309
|
}
|
|
310
310
|
}
|
|
@@ -330,7 +330,7 @@ header.awsui_content_hyvsj_geabg_180:not(#\9) {
|
|
|
330
330
|
circumstances regardless of whether the minContentWidth property is
|
|
331
331
|
explicitly set in script.
|
|
332
332
|
*/
|
|
333
|
-
.
|
|
333
|
+
.awsui_layout_hyvsj_j35f2_333:not(#\9) {
|
|
334
334
|
--awsui-content-gap-left-5mks97: 0px;
|
|
335
335
|
--awsui-content-gap-right-5mks97: 0px;
|
|
336
336
|
--awsui-content-height-5mks97: calc(100vh - var(--awsui-header-height-5mks97) - var(--awsui-footer-height-5mks97));
|
|
@@ -412,75 +412,75 @@ header.awsui_content_hyvsj_geabg_180:not(#\9) {
|
|
|
412
412
|
*/
|
|
413
413
|
}
|
|
414
414
|
@media (min-width: 1401px) {
|
|
415
|
-
.
|
|
415
|
+
.awsui_layout_hyvsj_j35f2_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_j35f2_415) {
|
|
416
416
|
--awsui-default-max-content-width-5mks97: 1280px;
|
|
417
417
|
}
|
|
418
418
|
}
|
|
419
419
|
@media (min-width: 1921px) {
|
|
420
|
-
.
|
|
420
|
+
.awsui_layout_hyvsj_j35f2_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_j35f2_415) {
|
|
421
421
|
--awsui-default-max-content-width-5mks97: 1440px;
|
|
422
422
|
}
|
|
423
423
|
}
|
|
424
424
|
@media (min-width: 2541px) {
|
|
425
|
-
.
|
|
425
|
+
.awsui_layout_hyvsj_j35f2_333:not(#\9):not(.awsui_has-max-content-width_hyvsj_j35f2_415) {
|
|
426
426
|
--awsui-default-max-content-width-5mks97: 1620px;
|
|
427
427
|
}
|
|
428
428
|
}
|
|
429
|
-
.
|
|
429
|
+
.awsui_layout_hyvsj_j35f2_333.awsui_has-max-content-width_hyvsj_j35f2_415:not(#\9) {
|
|
430
430
|
--awsui-default-max-content-width-5mks97: var(--awsui-max-content-width-5mks97);
|
|
431
431
|
}
|
|
432
432
|
@media (min-width: 993px) {
|
|
433
|
-
.
|
|
433
|
+
.awsui_layout_hyvsj_j35f2_333:not(#\9) {
|
|
434
434
|
--awsui-default-min-content-width-5mks97: var(--awsui-min-content-width-5mks97, 280px);
|
|
435
435
|
}
|
|
436
436
|
}
|
|
437
437
|
@media (max-width: 992px) {
|
|
438
|
-
.
|
|
438
|
+
.awsui_layout_hyvsj_j35f2_333:not(#\9) {
|
|
439
439
|
--awsui-default-min-content-width-5mks97: 0px;
|
|
440
440
|
}
|
|
441
441
|
}
|
|
442
|
-
.
|
|
442
|
+
.awsui_layout_hyvsj_j35f2_333.awsui_is-overlap-disabled_hyvsj_j35f2_442:not(#\9) {
|
|
443
443
|
--awsui-overlap-height-5mks97: 0;
|
|
444
444
|
}
|
|
445
|
-
.
|
|
445
|
+
.awsui_layout_hyvsj_j35f2_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_j35f2_445) {
|
|
446
446
|
--awsui-offset-top-5mks97: var(--awsui-header-height-5mks97);
|
|
447
447
|
min-height: var(--awsui-content-height-5mks97);
|
|
448
448
|
}
|
|
449
|
-
.
|
|
449
|
+
.awsui_layout_hyvsj_j35f2_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_j35f2_445):not(.awsui_has-sticky-notifications_hyvsj_j35f2_449) {
|
|
450
450
|
--awsui-offset-top-with-notifications-5mks97: var(--awsui-header-height-5mks97);
|
|
451
451
|
}
|
|
452
|
-
.
|
|
452
|
+
.awsui_layout_hyvsj_j35f2_333:not(#\9):not(.awsui_disable-body-scroll_hyvsj_j35f2_445).awsui_has-sticky-notifications_hyvsj_j35f2_449 {
|
|
453
453
|
--awsui-offset-top-with-notifications-5mks97: calc(
|
|
454
454
|
var(--awsui-header-height-5mks97) + var(--awsui-notifications-height-5mks97) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
|
|
455
455
|
);
|
|
456
456
|
}
|
|
457
|
-
.
|
|
457
|
+
.awsui_layout_hyvsj_j35f2_333.awsui_disable-body-scroll_hyvsj_j35f2_445:not(#\9) {
|
|
458
458
|
--awsui-offset-top-5mks97: 0px;
|
|
459
459
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-5mks97) 1fr auto;
|
|
460
460
|
height: var(--awsui-content-height-5mks97);
|
|
461
461
|
overflow-y: scroll;
|
|
462
462
|
}
|
|
463
|
-
.
|
|
463
|
+
.awsui_layout_hyvsj_j35f2_333.awsui_disable-body-scroll_hyvsj_j35f2_445.awsui_has-split-panel_hyvsj_j35f2_463.awsui_split-panel-position-bottom_hyvsj_j35f2_463:not(#\9) {
|
|
464
464
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-5mks97) repeat(2, auto);
|
|
465
465
|
}
|
|
466
|
-
.
|
|
466
|
+
.awsui_layout_hyvsj_j35f2_333.awsui_disable-body-scroll_hyvsj_j35f2_445:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_j35f2_449) {
|
|
467
467
|
--awsui-offset-top-with-notifications-5mks97: 0px;
|
|
468
468
|
}
|
|
469
|
-
.
|
|
469
|
+
.awsui_layout_hyvsj_j35f2_333.awsui_disable-body-scroll_hyvsj_j35f2_445.awsui_has-sticky-notifications_hyvsj_j35f2_449:not(#\9) {
|
|
470
470
|
--awsui-offset-top-with-notifications-5mks97: calc(
|
|
471
471
|
var(--awsui-notifications-height-5mks97) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
|
|
472
472
|
);
|
|
473
473
|
}
|
|
474
474
|
@media (min-width: 689px) {
|
|
475
|
-
.
|
|
475
|
+
.awsui_layout_hyvsj_j35f2_333.awsui_has-content-gap-left_hyvsj_j35f2_475:not(#\9) {
|
|
476
476
|
--awsui-content-gap-left-5mks97: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
477
477
|
}
|
|
478
|
-
.
|
|
478
|
+
.awsui_layout_hyvsj_j35f2_333.awsui_has-content-gap-right_hyvsj_j35f2_478:not(#\9) {
|
|
479
479
|
--awsui-content-gap-right-5mks97: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
480
480
|
}
|
|
481
481
|
}
|
|
482
482
|
@media (max-width: 688px) {
|
|
483
|
-
.
|
|
483
|
+
.awsui_layout_hyvsj_j35f2_333:not(#\9) {
|
|
484
484
|
--awsui-content-gap-left-5mks97: var(--space-l-4vl6xu, 20px);
|
|
485
485
|
--awsui-content-gap-right-5mks97: var(--space-l-4vl6xu, 20px);
|
|
486
486
|
}
|
|
@@ -490,7 +490,7 @@ header.awsui_content_hyvsj_geabg_180:not(#\9) {
|
|
|
490
490
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
491
491
|
when the navigation or tools drawers are open in responsive viewports.
|
|
492
492
|
*/
|
|
493
|
-
.awsui_block-body-
|
|
493
|
+
.awsui_block-body-scroll_hyvsj_j35f2_493:not(#\9) {
|
|
494
494
|
overflow: hidden;
|
|
495
495
|
}
|
|
496
496
|
|
|
@@ -498,7 +498,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
498
498
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
499
499
|
SPDX-License-Identifier: Apache-2.0
|
|
500
500
|
*/
|
|
501
|
-
.
|
|
501
|
+
.awsui_container_hyvsj_j35f2_501:not(#\9) {
|
|
502
502
|
grid-column: 3;
|
|
503
503
|
grid-row: 4/span 2;
|
|
504
504
|
padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
|
|
@@ -521,23 +521,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
521
521
|
under various circumstances.
|
|
522
522
|
*/
|
|
523
523
|
}
|
|
524
|
-
.
|
|
524
|
+
.awsui_container_hyvsj_j35f2_501.awsui_has-split-panel_hyvsj_j35f2_463.awsui_split-panel-position-bottom_hyvsj_j35f2_463:not(#\9) {
|
|
525
525
|
padding-bottom: calc(var(--awsui-split-panel-height-5mks97) + var(--space-layout-content-bottom-kg9l42, 40px));
|
|
526
526
|
}
|
|
527
|
-
.
|
|
527
|
+
.awsui_container_hyvsj_j35f2_501.awsui_disable-content-paddings_hyvsj_j35f2_527:not(#\9) {
|
|
528
528
|
grid-column: 1/6;
|
|
529
529
|
padding: 0;
|
|
530
530
|
}
|
|
531
531
|
@media (min-width: 689px) {
|
|
532
|
-
.
|
|
532
|
+
.awsui_container_hyvsj_j35f2_501.awsui_disable-content-paddings_hyvsj_j35f2_527.awsui_is-navigation-open_hyvsj_j35f2_532:not(#\9) {
|
|
533
533
|
grid-column-start: 2;
|
|
534
534
|
}
|
|
535
|
-
.
|
|
535
|
+
.awsui_container_hyvsj_j35f2_501.awsui_disable-content-paddings_hyvsj_j35f2_527.awsui_is-tools-open_hyvsj_j35f2_535:not(#\9), .awsui_container_hyvsj_j35f2_501.awsui_disable-content-paddings_hyvsj_j35f2_527.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_split-panel-position-side_hyvsj_j35f2_535:not(#\9) {
|
|
536
536
|
grid-column-end: 5;
|
|
537
537
|
}
|
|
538
538
|
}
|
|
539
539
|
@media (min-width: 689px) {
|
|
540
|
-
.
|
|
540
|
+
.awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527) {
|
|
541
541
|
/*
|
|
542
542
|
Notifications is the previous adjacent sibling to the Main in
|
|
543
543
|
desktop viewports if there are no Breadcrumbs or Header. Use additional
|
|
@@ -552,18 +552,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
552
552
|
sibling to the Main which requires no top padding.
|
|
553
553
|
*/
|
|
554
554
|
}
|
|
555
|
-
.
|
|
555
|
+
.awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-default_hyvsj_j35f2_555.awsui_has-notifications-content_hyvsj_j35f2_173:not(.awsui_has-breadcrumbs_hyvsj_j35f2_166):not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179), .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-form_hyvsj_j35f2_555.awsui_has-notifications-content_hyvsj_j35f2_173:not(.awsui_has-breadcrumbs_hyvsj_j35f2_166):not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179) {
|
|
556
556
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
557
557
|
}
|
|
558
|
-
.
|
|
558
|
+
.awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-default_hyvsj_j35f2_555:not(.awsui_has-notifications-content_hyvsj_j35f2_173):not(.awsui_has-breadcrumbs_hyvsj_j35f2_166):not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179), .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-form_hyvsj_j35f2_555:not(.awsui_has-notifications-content_hyvsj_j35f2_173):not(.awsui_has-breadcrumbs_hyvsj_j35f2_166):not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179) {
|
|
559
559
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
560
560
|
}
|
|
561
|
-
.
|
|
561
|
+
.awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_has-header_hyvsj_j35f2_179, .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_has-dynamic-overlap-height_hyvsj_j35f2_179 {
|
|
562
562
|
padding-top: 0;
|
|
563
563
|
}
|
|
564
564
|
}
|
|
565
565
|
@media (max-width: 688px) {
|
|
566
|
-
.
|
|
566
|
+
.awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527) {
|
|
567
567
|
/*
|
|
568
568
|
If the Notifications exist but the Header does not then the
|
|
569
569
|
Notifications is the previous adjacent sibling to the Main
|
|
@@ -578,30 +578,32 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
578
578
|
sibling to the Main which requires no top padding.
|
|
579
579
|
*/
|
|
580
580
|
}
|
|
581
|
-
.
|
|
581
|
+
.awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-default_hyvsj_j35f2_555.awsui_has-notifications-content_hyvsj_j35f2_173:not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179), .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-form_hyvsj_j35f2_555.awsui_has-notifications-content_hyvsj_j35f2_173:not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179) {
|
|
582
582
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
583
583
|
}
|
|
584
|
-
.
|
|
584
|
+
.awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-default_hyvsj_j35f2_555:not(.awsui_has-notifications-content_hyvsj_j35f2_173):not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179), .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_content-type-form_hyvsj_j35f2_555:not(.awsui_has-notifications-content_hyvsj_j35f2_173):not(.awsui_has-header_hyvsj_j35f2_179):not(.awsui_has-dynamic-overlap-height_hyvsj_j35f2_179) {
|
|
585
585
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
586
586
|
}
|
|
587
|
-
.
|
|
587
|
+
.awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_has-header_hyvsj_j35f2_179, .awsui_container_hyvsj_j35f2_501:not(#\9):not(.awsui_disable-content-paddings_hyvsj_j35f2_527).awsui_has-dynamic-overlap-height_hyvsj_j35f2_179 {
|
|
588
588
|
padding-top: 0;
|
|
589
589
|
}
|
|
590
590
|
}
|
|
591
|
-
.
|
|
591
|
+
.awsui_container_hyvsj_j35f2_501.awsui_content-type-cards_hyvsj_j35f2_183:not(#\9), .awsui_container_hyvsj_j35f2_501.awsui_content-type-table_hyvsj_j35f2_184:not(#\9), .awsui_container_hyvsj_j35f2_501.awsui_content-type-wizard_hyvsj_j35f2_180:not(#\9) {
|
|
592
592
|
padding-top: 0;
|
|
593
593
|
}
|
|
594
594
|
|
|
595
|
-
/* stylelint-disable
|
|
596
|
-
.
|
|
595
|
+
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
596
|
+
.awsui_unfocusable_hyvsj_j35f2_596:not(#\9),
|
|
597
|
+
.awsui_unfocusable_hyvsj_j35f2_596 *:not(#\9) {
|
|
597
598
|
visibility: hidden !important;
|
|
598
599
|
}
|
|
599
600
|
|
|
601
|
+
/* stylelint-enable selector-max-universal, selector-combinator-disallowed-list */
|
|
600
602
|
/*
|
|
601
603
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
602
604
|
SPDX-License-Identifier: Apache-2.0
|
|
603
605
|
*/
|
|
604
|
-
.awsui_navigation-
|
|
606
|
+
.awsui_navigation-container_hyvsj_j35f2_606:not(#\9) {
|
|
605
607
|
--awsui-navigation-width-5mks97: 280px;
|
|
606
608
|
display: flex;
|
|
607
609
|
grid-column: 1;
|
|
@@ -623,12 +625,12 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
623
625
|
pointer-events: none;
|
|
624
626
|
}
|
|
625
627
|
@media (min-width: 2541px) {
|
|
626
|
-
.awsui_navigation-
|
|
628
|
+
.awsui_navigation-container_hyvsj_j35f2_606:not(#\9) {
|
|
627
629
|
--awsui-navigation-width-5mks97: 320px;
|
|
628
630
|
}
|
|
629
631
|
}
|
|
630
632
|
@media (max-width: 688px) {
|
|
631
|
-
.awsui_navigation-
|
|
633
|
+
.awsui_navigation-container_hyvsj_j35f2_606:not(#\9) {
|
|
632
634
|
left: 0;
|
|
633
635
|
position: fixed;
|
|
634
636
|
top: var(--awsui-offset-top-5mks97);
|
|
@@ -636,14 +638,14 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
636
638
|
}
|
|
637
639
|
}
|
|
638
640
|
|
|
639
|
-
nav.awsui_show-
|
|
641
|
+
nav.awsui_show-navigation_hyvsj_j35f2_641:not(#\9) {
|
|
640
642
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
641
643
|
/*
|
|
642
644
|
Apply the animation only in desktop viewports because the AppBar will
|
|
643
645
|
take control in responsive viewports.
|
|
644
646
|
*/
|
|
645
647
|
}
|
|
646
|
-
@keyframes
|
|
648
|
+
@keyframes awsui_showButtons_hyvsj_j35f2_1 {
|
|
647
649
|
0% {
|
|
648
650
|
opacity: 0;
|
|
649
651
|
}
|
|
@@ -651,31 +653,31 @@ nav.awsui_show-navigation_hyvsj_geabg_639:not(#\9) {
|
|
|
651
653
|
opacity: 1;
|
|
652
654
|
}
|
|
653
655
|
}
|
|
654
|
-
nav.awsui_show-
|
|
656
|
+
nav.awsui_show-navigation_hyvsj_j35f2_641.awsui_is-navigation-open_hyvsj_j35f2_532:not(#\9) {
|
|
655
657
|
display: none;
|
|
656
658
|
}
|
|
657
659
|
@media (min-width: 689px) {
|
|
658
|
-
nav.awsui_show-
|
|
660
|
+
nav.awsui_show-navigation_hyvsj_j35f2_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_j35f2_532) {
|
|
659
661
|
display: block;
|
|
660
662
|
}
|
|
661
|
-
nav.awsui_show-
|
|
662
|
-
animation:
|
|
663
|
+
nav.awsui_show-navigation_hyvsj_j35f2_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_j35f2_532).awsui_animating_hyvsj_j35f2_663 {
|
|
664
|
+
animation: awsui_showButtons_hyvsj_j35f2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
663
665
|
}
|
|
664
666
|
}
|
|
665
667
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
666
|
-
nav.awsui_show-
|
|
668
|
+
nav.awsui_show-navigation_hyvsj_j35f2_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_j35f2_532).awsui_animating_hyvsj_j35f2_663 {
|
|
667
669
|
animation: none;
|
|
668
670
|
transition: none;
|
|
669
671
|
}
|
|
670
672
|
}
|
|
671
673
|
@media (min-width: 689px) {
|
|
672
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
674
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_j35f2_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_j35f2_532).awsui_animating_hyvsj_j35f2_663, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_j35f2_641:not(#\9):not(.awsui_is-navigation-open_hyvsj_j35f2_532).awsui_animating_hyvsj_j35f2_663 {
|
|
673
675
|
animation: none;
|
|
674
676
|
transition: none;
|
|
675
677
|
}
|
|
676
678
|
}
|
|
677
679
|
|
|
678
|
-
nav.
|
|
680
|
+
nav.awsui_navigation_hyvsj_j35f2_606:not(#\9) {
|
|
679
681
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
680
682
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
681
683
|
bottom: 0;
|
|
@@ -692,7 +694,7 @@ nav.awsui_navigation_hyvsj_geabg_604:not(#\9) {
|
|
|
692
694
|
prevent unwanted text wrapping.
|
|
693
695
|
*/
|
|
694
696
|
}
|
|
695
|
-
@keyframes
|
|
697
|
+
@keyframes awsui_openNavigation_hyvsj_j35f2_1 {
|
|
696
698
|
from {
|
|
697
699
|
opacity: 0;
|
|
698
700
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -702,33 +704,33 @@ nav.awsui_navigation_hyvsj_geabg_604:not(#\9) {
|
|
|
702
704
|
width: var(--awsui-navigation-width-5mks97);
|
|
703
705
|
}
|
|
704
706
|
}
|
|
705
|
-
nav.
|
|
707
|
+
nav.awsui_navigation_hyvsj_j35f2_606:not(#\9):not(.awsui_is-navigation-open_hyvsj_j35f2_532) {
|
|
706
708
|
width: 0;
|
|
707
709
|
display: none;
|
|
708
710
|
}
|
|
709
|
-
nav.
|
|
710
|
-
animation:
|
|
711
|
+
nav.awsui_navigation_hyvsj_j35f2_606.awsui_is-navigation-open_hyvsj_j35f2_532.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
712
|
+
animation: awsui_openNavigation_hyvsj_j35f2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
711
713
|
}
|
|
712
714
|
@media (prefers-reduced-motion: reduce) {
|
|
713
|
-
nav.
|
|
715
|
+
nav.awsui_navigation_hyvsj_j35f2_606.awsui_is-navigation-open_hyvsj_j35f2_532.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
714
716
|
animation: none;
|
|
715
717
|
transition: none;
|
|
716
718
|
}
|
|
717
719
|
}
|
|
718
|
-
.awsui-motion-disabled nav.
|
|
720
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_j35f2_606.awsui_is-navigation-open_hyvsj_j35f2_532.awsui_animating_hyvsj_j35f2_663:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_j35f2_606.awsui_is-navigation-open_hyvsj_j35f2_532.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
719
721
|
animation: none;
|
|
720
722
|
transition: none;
|
|
721
723
|
}
|
|
722
|
-
nav.
|
|
724
|
+
nav.awsui_navigation_hyvsj_j35f2_606 > .awsui_animated-content_hyvsj_j35f2_724:not(#\9) {
|
|
723
725
|
width: var(--awsui-navigation-width-5mks97);
|
|
724
726
|
}
|
|
725
727
|
@media (max-width: 688px) {
|
|
726
|
-
nav.
|
|
728
|
+
nav.awsui_navigation_hyvsj_j35f2_606:not(#\9) {
|
|
727
729
|
--awsui-navigation-width-5mks97: 100vw;
|
|
728
730
|
}
|
|
729
731
|
}
|
|
730
732
|
|
|
731
|
-
.awsui_hide-
|
|
733
|
+
.awsui_hide-navigation_hyvsj_j35f2_733:not(#\9) {
|
|
732
734
|
position: absolute;
|
|
733
735
|
right: var(--space-m-17eucw, 16px);
|
|
734
736
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -738,7 +740,7 @@ nav.awsui_navigation_hyvsj_geabg_604 > .awsui_animated-content_hyvsj_geabg_722:n
|
|
|
738
740
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
739
741
|
SPDX-License-Identifier: Apache-2.0
|
|
740
742
|
*/
|
|
741
|
-
.
|
|
743
|
+
.awsui_notifications_hyvsj_j35f2_224:not(#\9) {
|
|
742
744
|
grid-column: 3;
|
|
743
745
|
grid-row: 1;
|
|
744
746
|
z-index: 825;
|
|
@@ -755,30 +757,30 @@ nav.awsui_navigation_hyvsj_geabg_604 > .awsui_animated-content_hyvsj_geabg_722:n
|
|
|
755
757
|
*/
|
|
756
758
|
}
|
|
757
759
|
@media (min-width: 689px) {
|
|
758
|
-
.
|
|
760
|
+
.awsui_notifications_hyvsj_j35f2_224:not(#\9) {
|
|
759
761
|
margin: var(--space-xs-rsr2qu, 8px) 0;
|
|
760
762
|
/*
|
|
761
763
|
var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
|
|
762
764
|
calculation in the layout CSS.
|
|
763
765
|
*/
|
|
764
766
|
}
|
|
765
|
-
.
|
|
767
|
+
.awsui_notifications_hyvsj_j35f2_224.awsui_sticky-notifications_hyvsj_j35f2_236:not(#\9) {
|
|
766
768
|
position: sticky;
|
|
767
769
|
top: calc(var(--awsui-offset-top-5mks97) + var(--space-xs-rsr2qu, 8px));
|
|
768
770
|
}
|
|
769
|
-
.
|
|
771
|
+
.awsui_notifications_hyvsj_j35f2_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_j35f2_173) {
|
|
770
772
|
margin: 0;
|
|
771
773
|
}
|
|
772
774
|
}
|
|
773
775
|
@media (max-width: 688px) {
|
|
774
|
-
.
|
|
776
|
+
.awsui_notifications_hyvsj_j35f2_224:not(#\9) {
|
|
775
777
|
grid-row: 2;
|
|
776
778
|
margin: var(--space-scaled-s-cu1hzn, 12px) 0;
|
|
777
779
|
}
|
|
778
|
-
.
|
|
780
|
+
.awsui_notifications_hyvsj_j35f2_224.awsui_sticky-notifications_hyvsj_j35f2_236:not(#\9) {
|
|
779
781
|
position: static;
|
|
780
782
|
}
|
|
781
|
-
.
|
|
783
|
+
.awsui_notifications_hyvsj_j35f2_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_j35f2_173) {
|
|
782
784
|
margin: 0;
|
|
783
785
|
}
|
|
784
786
|
}
|
|
@@ -793,7 +795,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
793
795
|
consume the remaining vertical space in the grid after the notifications
|
|
794
796
|
and breadcrumbs.
|
|
795
797
|
*/
|
|
796
|
-
section.awsui_split-panel-
|
|
798
|
+
section.awsui_split-panel-bottom_hyvsj_j35f2_798:not(#\9) {
|
|
797
799
|
/*
|
|
798
800
|
The align self property will position the split panel at the bottom of the grid row.
|
|
799
801
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -828,7 +830,7 @@ section.awsui_split-panel-bottom_hyvsj_geabg_796:not(#\9) {
|
|
|
828
830
|
apply the animation to the height property.
|
|
829
831
|
*/
|
|
830
832
|
}
|
|
831
|
-
@keyframes
|
|
833
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_j35f2_1 {
|
|
832
834
|
from {
|
|
833
835
|
height: var(--awsui-split-panel-reported-header-size-5mks97, 0);
|
|
834
836
|
}
|
|
@@ -836,39 +838,39 @@ section.awsui_split-panel-bottom_hyvsj_geabg_796:not(#\9) {
|
|
|
836
838
|
height: var(--awsui-split-panel-reported-size-5mks97);
|
|
837
839
|
}
|
|
838
840
|
}
|
|
839
|
-
section.awsui_split-panel-
|
|
841
|
+
section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_disable-body-scroll_hyvsj_j35f2_445:not(#\9) {
|
|
840
842
|
bottom: 0;
|
|
841
843
|
}
|
|
842
|
-
section.awsui_split-panel-
|
|
844
|
+
section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_is-navigation-open_hyvsj_j35f2_532.awsui_position-bottom_hyvsj_j35f2_844:not(#\9) {
|
|
843
845
|
grid-column-start: 2;
|
|
844
846
|
}
|
|
845
|
-
section.awsui_split-panel-
|
|
847
|
+
section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_is-tools-open_hyvsj_j35f2_535.awsui_position-bottom_hyvsj_j35f2_844:not(#\9) {
|
|
846
848
|
grid-column-end: 5;
|
|
847
849
|
}
|
|
848
|
-
section.awsui_split-panel-
|
|
850
|
+
section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_position-bottom_hyvsj_j35f2_844:not(#\9) {
|
|
849
851
|
display: block;
|
|
850
852
|
}
|
|
851
|
-
section.awsui_split-panel-
|
|
853
|
+
section.awsui_split-panel-bottom_hyvsj_j35f2_798:not(#\9):not(.awsui_is-split-panel-open_hyvsj_j35f2_535).awsui_position-bottom_hyvsj_j35f2_844 {
|
|
852
854
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
853
855
|
}
|
|
854
|
-
section.awsui_split-panel-
|
|
856
|
+
section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-bottom_hyvsj_j35f2_844:not(#\9) {
|
|
855
857
|
box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
856
858
|
}
|
|
857
|
-
section.awsui_split-panel-
|
|
858
|
-
animation:
|
|
859
|
+
section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-bottom_hyvsj_j35f2_844.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
860
|
+
animation: awsui_openSplitPanelBottom_hyvsj_j35f2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
859
861
|
}
|
|
860
862
|
@media (prefers-reduced-motion: reduce) {
|
|
861
|
-
section.awsui_split-panel-
|
|
863
|
+
section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-bottom_hyvsj_j35f2_844.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
862
864
|
animation: none;
|
|
863
865
|
transition: none;
|
|
864
866
|
}
|
|
865
867
|
}
|
|
866
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
868
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-bottom_hyvsj_j35f2_844.awsui_animating_hyvsj_j35f2_663:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_j35f2_798.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-bottom_hyvsj_j35f2_844.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
867
869
|
animation: none;
|
|
868
870
|
transition: none;
|
|
869
871
|
}
|
|
870
872
|
|
|
871
|
-
section.awsui_split-panel-
|
|
873
|
+
section.awsui_split-panel-side_hyvsj_j35f2_873:not(#\9) {
|
|
872
874
|
height: 100%;
|
|
873
875
|
overflow-x: hidden;
|
|
874
876
|
pointer-events: auto;
|
|
@@ -883,7 +885,7 @@ section.awsui_split-panel-side_hyvsj_geabg_871:not(#\9) {
|
|
|
883
885
|
prevent unwanted text wrapping.
|
|
884
886
|
*/
|
|
885
887
|
}
|
|
886
|
-
@keyframes
|
|
888
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_j35f2_1 {
|
|
887
889
|
from {
|
|
888
890
|
opacity: 0;
|
|
889
891
|
width: var(--awsui-split-panel-min-width-5mks97, 280px);
|
|
@@ -893,28 +895,28 @@ section.awsui_split-panel-side_hyvsj_geabg_871:not(#\9) {
|
|
|
893
895
|
width: var(--awsui-split-panel-reported-size-5mks97);
|
|
894
896
|
}
|
|
895
897
|
}
|
|
896
|
-
section.awsui_split-panel-
|
|
898
|
+
section.awsui_split-panel-side_hyvsj_j35f2_873:not(#\9):not(.awsui_is-split-panel-open_hyvsj_j35f2_535), section.awsui_split-panel-side_hyvsj_j35f2_873.awsui_position-bottom_hyvsj_j35f2_844:not(#\9) {
|
|
897
899
|
width: 0;
|
|
898
900
|
}
|
|
899
|
-
section.awsui_split-panel-
|
|
901
|
+
section.awsui_split-panel-side_hyvsj_j35f2_873.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-side_hyvsj_j35f2_901:not(#\9) {
|
|
900
902
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
901
903
|
max-width: var(--awsui-split-panel-max-width-5mks97, 280px);
|
|
902
904
|
min-width: var(--awsui-split-panel-min-width-5mks97, 280px);
|
|
903
905
|
}
|
|
904
|
-
section.awsui_split-panel-
|
|
905
|
-
animation:
|
|
906
|
+
section.awsui_split-panel-side_hyvsj_j35f2_873.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-side_hyvsj_j35f2_901.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
907
|
+
animation: awsui_openSplitPanelSide_hyvsj_j35f2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
906
908
|
}
|
|
907
909
|
@media (prefers-reduced-motion: reduce) {
|
|
908
|
-
section.awsui_split-panel-
|
|
910
|
+
section.awsui_split-panel-side_hyvsj_j35f2_873.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-side_hyvsj_j35f2_901.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
909
911
|
animation: none;
|
|
910
912
|
transition: none;
|
|
911
913
|
}
|
|
912
914
|
}
|
|
913
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
915
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_j35f2_873.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-side_hyvsj_j35f2_901.awsui_animating_hyvsj_j35f2_663:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_j35f2_873.awsui_is-split-panel-open_hyvsj_j35f2_535.awsui_position-side_hyvsj_j35f2_901.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
914
916
|
animation: none;
|
|
915
917
|
transition: none;
|
|
916
918
|
}
|
|
917
|
-
section.awsui_split-panel-
|
|
919
|
+
section.awsui_split-panel-side_hyvsj_j35f2_873 > .awsui_animated-content_hyvsj_j35f2_724:not(#\9) {
|
|
918
920
|
height: 100%;
|
|
919
921
|
max-width: inherit;
|
|
920
922
|
width: var(--awsui-split-panel-reported-size-5mks97);
|
|
@@ -933,7 +935,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
933
935
|
property. The content gap right is computed in the Layout styles based on the
|
|
934
936
|
viewport size and state of the Tools drawer.
|
|
935
937
|
*/
|
|
936
|
-
.awsui_tools-
|
|
938
|
+
.awsui_tools-container_hyvsj_j35f2_938:not(#\9) {
|
|
937
939
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
938
940
|
--awsui-tools-max-width-5mks97: calc(var(--awsui-layout-width-5mks97) - var(--awsui-main-offset-left-5mks97) - var(--awsui-default-min-content-width-5mks97) - var(--awsui-content-gap-right-5mks97));
|
|
939
941
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -949,12 +951,12 @@ viewport size and state of the Tools drawer.
|
|
|
949
951
|
pointer-events: none;
|
|
950
952
|
}
|
|
951
953
|
@media (min-width: 2541px) {
|
|
952
|
-
.awsui_tools-
|
|
954
|
+
.awsui_tools-container_hyvsj_j35f2_938:not(#\9) {
|
|
953
955
|
--awsui-tools-width-5mks97: 360px;
|
|
954
956
|
}
|
|
955
957
|
}
|
|
956
958
|
@media (max-width: 688px) {
|
|
957
|
-
.awsui_tools-
|
|
959
|
+
.awsui_tools-container_hyvsj_j35f2_938:not(#\9) {
|
|
958
960
|
--awsui-tools-max-width-5mks97: none;
|
|
959
961
|
--awsui-tools-width-5mks97: auto;
|
|
960
962
|
position: fixed;
|
|
@@ -964,7 +966,7 @@ viewport size and state of the Tools drawer.
|
|
|
964
966
|
}
|
|
965
967
|
}
|
|
966
968
|
|
|
967
|
-
.
|
|
969
|
+
.awsui_tools_hyvsj_j35f2_938:not(#\9) {
|
|
968
970
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
969
971
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
970
972
|
flex-shrink: 0;
|
|
@@ -987,7 +989,7 @@ viewport size and state of the Tools drawer.
|
|
|
987
989
|
in the side position.
|
|
988
990
|
*/
|
|
989
991
|
}
|
|
990
|
-
@keyframes
|
|
992
|
+
@keyframes awsui_openTools_hyvsj_j35f2_1 {
|
|
991
993
|
from {
|
|
992
994
|
opacity: var(--awsui-tools-animation-starting-opacity-5mks97, 0);
|
|
993
995
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -997,38 +999,38 @@ viewport size and state of the Tools drawer.
|
|
|
997
999
|
width: var(--awsui-tools-width-5mks97);
|
|
998
1000
|
}
|
|
999
1001
|
}
|
|
1000
|
-
.
|
|
1002
|
+
.awsui_tools_hyvsj_j35f2_938:not(#\9):not(.awsui_is-tools-open_hyvsj_j35f2_535) {
|
|
1001
1003
|
width: 0;
|
|
1002
1004
|
display: none;
|
|
1003
1005
|
}
|
|
1004
|
-
.
|
|
1005
|
-
animation:
|
|
1006
|
+
.awsui_tools_hyvsj_j35f2_938.awsui_is-tools-open_hyvsj_j35f2_535.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
1007
|
+
animation: awsui_openTools_hyvsj_j35f2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1006
1008
|
}
|
|
1007
1009
|
@media (prefers-reduced-motion: reduce) {
|
|
1008
|
-
.
|
|
1010
|
+
.awsui_tools_hyvsj_j35f2_938.awsui_is-tools-open_hyvsj_j35f2_535.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
1009
1011
|
animation: none;
|
|
1010
1012
|
transition: none;
|
|
1011
1013
|
}
|
|
1012
1014
|
}
|
|
1013
|
-
.awsui-motion-disabled .
|
|
1015
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_j35f2_938.awsui_is-tools-open_hyvsj_j35f2_535.awsui_animating_hyvsj_j35f2_663:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_j35f2_938.awsui_is-tools-open_hyvsj_j35f2_535.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
1014
1016
|
animation: none;
|
|
1015
1017
|
transition: none;
|
|
1016
1018
|
}
|
|
1017
|
-
.
|
|
1019
|
+
.awsui_tools_hyvsj_j35f2_938 > .awsui_animated-content_hyvsj_j35f2_724:not(#\9) {
|
|
1018
1020
|
width: var(--awsui-tools-width-5mks97);
|
|
1019
1021
|
}
|
|
1020
1022
|
@media (min-width: 689px) {
|
|
1021
|
-
.
|
|
1023
|
+
.awsui_tools_hyvsj_j35f2_938.awsui_is-tools-open_hyvsj_j35f2_535.awsui_has-tools-form-persistence_hyvsj_j35f2_1023:not(#\9) {
|
|
1022
1024
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
1023
1025
|
}
|
|
1024
1026
|
}
|
|
1025
1027
|
@media (max-width: 688px) {
|
|
1026
|
-
.
|
|
1028
|
+
.awsui_tools_hyvsj_j35f2_938:not(#\9) {
|
|
1027
1029
|
--awsui-tools-width-5mks97: 100vw;
|
|
1028
1030
|
}
|
|
1029
1031
|
}
|
|
1030
1032
|
|
|
1031
|
-
.awsui_hide-
|
|
1033
|
+
.awsui_hide-tools_hyvsj_j35f2_1033:not(#\9) {
|
|
1032
1034
|
position: absolute;
|
|
1033
1035
|
right: var(--space-m-17eucw, 16px);
|
|
1034
1036
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -1040,7 +1042,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1040
1042
|
the calculation used to determine the Split Panel maximum width in the
|
|
1041
1043
|
handleSplitPanelMaxWidth function in the context.
|
|
1042
1044
|
*/
|
|
1043
|
-
.awsui_show-
|
|
1045
|
+
.awsui_show-tools_hyvsj_j35f2_1045:not(#\9) {
|
|
1044
1046
|
box-sizing: border-box;
|
|
1045
1047
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
1046
1048
|
/*
|
|
@@ -1048,7 +1050,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1048
1050
|
take control in responsive viewports.
|
|
1049
1051
|
*/
|
|
1050
1052
|
}
|
|
1051
|
-
@keyframes
|
|
1053
|
+
@keyframes awsui_showButtons_hyvsj_j35f2_1 {
|
|
1052
1054
|
0% {
|
|
1053
1055
|
opacity: 0;
|
|
1054
1056
|
}
|
|
@@ -1056,33 +1058,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1056
1058
|
opacity: 1;
|
|
1057
1059
|
}
|
|
1058
1060
|
}
|
|
1059
|
-
.awsui_show-
|
|
1061
|
+
.awsui_show-tools_hyvsj_j35f2_1045:not(#\9):not(.awsui_has-tools-form_hyvsj_j35f2_1023) {
|
|
1060
1062
|
display: none;
|
|
1061
1063
|
}
|
|
1062
1064
|
@media (min-width: 689px) {
|
|
1063
|
-
.awsui_show-
|
|
1065
|
+
.awsui_show-tools_hyvsj_j35f2_1045.awsui_has-tools-form_hyvsj_j35f2_1023:not(#\9) {
|
|
1064
1066
|
display: flex;
|
|
1065
1067
|
flex-direction: column;
|
|
1066
1068
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
1067
1069
|
}
|
|
1068
|
-
.awsui_show-
|
|
1069
|
-
animation:
|
|
1070
|
+
.awsui_show-tools_hyvsj_j35f2_1045.awsui_has-tools-form_hyvsj_j35f2_1023.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
1071
|
+
animation: awsui_showButtons_hyvsj_j35f2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1070
1072
|
}
|
|
1071
1073
|
}
|
|
1072
1074
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1073
|
-
.awsui_show-
|
|
1075
|
+
.awsui_show-tools_hyvsj_j35f2_1045.awsui_has-tools-form_hyvsj_j35f2_1023.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
1074
1076
|
animation: none;
|
|
1075
1077
|
transition: none;
|
|
1076
1078
|
}
|
|
1077
1079
|
}
|
|
1078
1080
|
@media (min-width: 689px) {
|
|
1079
|
-
.awsui-motion-disabled .awsui_show-
|
|
1081
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_j35f2_1045.awsui_has-tools-form_hyvsj_j35f2_1023.awsui_animating_hyvsj_j35f2_663:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_j35f2_1045.awsui_has-tools-form_hyvsj_j35f2_1023.awsui_animating_hyvsj_j35f2_663:not(#\9) {
|
|
1080
1082
|
animation: none;
|
|
1081
1083
|
transition: none;
|
|
1082
1084
|
}
|
|
1083
1085
|
}
|
|
1084
1086
|
@media (min-width: 689px) {
|
|
1085
|
-
.awsui_show-
|
|
1087
|
+
.awsui_show-tools_hyvsj_j35f2_1045.awsui_has-tools-form-persistence_hyvsj_j35f2_1023:not(#\9) {
|
|
1086
1088
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1087
1089
|
z-index: 1;
|
|
1088
1090
|
}
|
|
@@ -1097,7 +1099,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1097
1099
|
the calculation used to determine the Split Panel maximum width in the
|
|
1098
1100
|
handleSplitPanelMaxWidth function in the context.
|
|
1099
1101
|
*/
|
|
1100
|
-
.
|
|
1102
|
+
.awsui_trigger_hyvsj_j35f2_1102:not(#\9) {
|
|
1101
1103
|
background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
|
|
1102
1104
|
border: none;
|
|
1103
1105
|
border-radius: 50%;
|
|
@@ -1109,14 +1111,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1109
1111
|
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1110
1112
|
pointer-events: auto;
|
|
1111
1113
|
}
|
|
1112
|
-
.
|
|
1114
|
+
.awsui_trigger_hyvsj_j35f2_1102[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
1113
1115
|
position: relative;
|
|
1114
1116
|
}
|
|
1115
|
-
.
|
|
1117
|
+
.awsui_trigger_hyvsj_j35f2_1102[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
1116
1118
|
outline: 2px dotted transparent;
|
|
1117
1119
|
outline-offset: calc(3px - 1px);
|
|
1118
1120
|
}
|
|
1119
|
-
.
|
|
1121
|
+
.awsui_trigger_hyvsj_j35f2_1102[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
1120
1122
|
content: " ";
|
|
1121
1123
|
display: block;
|
|
1122
1124
|
position: absolute;
|
|
@@ -1127,23 +1129,23 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1127
1129
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
1128
1130
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
1129
1131
|
}
|
|
1130
|
-
.
|
|
1132
|
+
.awsui_trigger_hyvsj_j35f2_1102:not(#\9):focus {
|
|
1131
1133
|
outline: none;
|
|
1132
1134
|
}
|
|
1133
|
-
.
|
|
1135
|
+
.awsui_trigger_hyvsj_j35f2_1102:not(#\9):hover {
|
|
1134
1136
|
background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
1135
1137
|
}
|
|
1136
|
-
.
|
|
1138
|
+
.awsui_trigger_hyvsj_j35f2_1102:not(#\9):active {
|
|
1137
1139
|
background: var(--color-background-layout-toggle-active-d15dki, #354150);
|
|
1138
1140
|
}
|
|
1139
|
-
.
|
|
1141
|
+
.awsui_trigger_hyvsj_j35f2_1102.awsui_selected_hyvsj_j35f2_1141:not(#\9) {
|
|
1140
1142
|
background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
|
|
1141
1143
|
color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
|
|
1142
1144
|
}
|
|
1143
|
-
.
|
|
1145
|
+
.awsui_trigger_hyvsj_j35f2_1102.awsui_selected_hyvsj_j35f2_1141:not(#\9):hover {
|
|
1144
1146
|
background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
|
|
1145
1147
|
}
|
|
1146
|
-
.
|
|
1148
|
+
.awsui_trigger_hyvsj_j35f2_1102.awsui_selected_hyvsj_j35f2_1141:not(#\9):active {
|
|
1147
1149
|
background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
|
|
1148
1150
|
}
|
|
1149
1151
|
|