@cloudscape-design/components 3.0.617 → 3.0.619
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/classic.d.ts +5 -5
- package/app-layout/classic.d.ts.map +1 -1
- package/app-layout/classic.js +17 -16
- package/app-layout/classic.js.map +1 -1
- package/app-layout/implementation.d.ts +5 -5
- package/app-layout/interfaces.d.ts +5 -5
- package/app-layout/interfaces.d.ts.map +1 -1
- package/app-layout/interfaces.js.map +1 -1
- package/app-layout/internal.d.ts +5 -5
- package/app-layout/utils/use-app-layout-placement.d.ts +5 -5
- package/app-layout/utils/use-app-layout-placement.d.ts.map +1 -1
- package/app-layout/utils/use-app-layout-placement.js +10 -5
- package/app-layout/utils/use-app-layout-placement.js.map +1 -1
- package/app-layout/utils/use-keyboard-events.d.ts +1 -1
- package/app-layout/utils/use-keyboard-events.d.ts.map +1 -1
- package/app-layout/utils/use-keyboard-events.js +24 -29
- package/app-layout/utils/use-keyboard-events.js.map +1 -1
- package/app-layout/utils/use-pointer-events.d.ts.map +1 -1
- package/app-layout/utils/use-pointer-events.js +6 -5
- package/app-layout/utils/use-pointer-events.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +10 -9
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/index.d.ts +5 -5
- package/app-layout/visual-refresh/styles.css.js +81 -81
- package/app-layout/visual-refresh/styles.scoped.css +170 -167
- package/app-layout/visual-refresh/styles.selectors.js +81 -81
- package/internal/direction.d.ts +8 -1
- package/internal/direction.d.ts.map +1 -1
- package/internal/direction.js +17 -4
- package/internal/direction.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/handle-key.d.ts +2 -1
- package/internal/utils/handle-key.d.ts.map +1 -1
- package/internal/utils/handle-key.js +7 -4
- package/internal/utils/handle-key.js.map +1 -1
- package/package.json +1 -1
- package/split-panel/bottom.js +4 -4
- package/split-panel/bottom.js.map +1 -1
- package/split-panel/icons/bottom-icon-refresh.d.ts.map +1 -1
- package/split-panel/icons/bottom-icon-refresh.js +1 -1
- package/split-panel/icons/bottom-icon-refresh.js.map +1 -1
- package/split-panel/icons/bottom-icon.d.ts.map +1 -1
- package/split-panel/icons/bottom-icon.js +1 -1
- package/split-panel/icons/bottom-icon.js.map +1 -1
- package/split-panel/icons/side-position-refresh.d.ts.map +1 -1
- package/split-panel/icons/side-position-refresh.js +1 -1
- package/split-panel/icons/side-position-refresh.js.map +1 -1
- package/split-panel/icons/side-position.d.ts.map +1 -1
- package/split-panel/icons/side-position.js +1 -1
- package/split-panel/icons/side-position.js.map +1 -1
- package/split-panel/styles.css.js +57 -55
- package/split-panel/styles.scoped.css +171 -75
- package/split-panel/styles.selectors.js +57 -55
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +6 -7
- package/table/internal.js.map +1 -1
- package/table/resizer/index.js +2 -2
- package/table/resizer/index.js.map +1 -1
- package/tabs/scroll-utils.js +2 -2
- package/tabs/scroll-utils.js.map +1 -1
|
@@ -96,16 +96,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
96
96
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
97
|
SPDX-License-Identifier: Apache-2.0
|
|
98
98
|
*/
|
|
99
|
-
div.
|
|
99
|
+
div.awsui_background_hyvsj_oarcx_99:not(#\9) {
|
|
100
100
|
display: contents;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_oarcx_99 > .awsui_scrolling-background_hyvsj_oarcx_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
104
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
105
105
|
grid-column: 1/span 5;
|
|
106
106
|
grid-row: 1/10;
|
|
107
107
|
}
|
|
108
|
-
div.
|
|
108
|
+
div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108:not(#\9) {
|
|
109
109
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
110
110
|
grid-column: 1/span 5;
|
|
111
111
|
grid-row: 1/10;
|
|
@@ -113,10 +113,10 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108:n
|
|
|
113
113
|
inset-block-start: var(--awsui-header-height-lgosor);
|
|
114
114
|
z-index: 799;
|
|
115
115
|
}
|
|
116
|
-
div.
|
|
116
|
+
div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_oarcx_116) {
|
|
117
117
|
block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-lgosor));
|
|
118
118
|
}
|
|
119
|
-
div.
|
|
119
|
+
div.awsui_background_hyvsj_oarcx_99 > .awsui_sticky-background_hyvsj_oarcx_108.awsui_has-sticky-notifications_hyvsj_oarcx_116:not(#\9) {
|
|
120
120
|
block-size: calc(
|
|
121
121
|
var(--awsui-notifications-gap-lgosor) + var(--awsui-notifications-height-lgosor) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-lgosor)
|
|
122
122
|
);
|
|
@@ -126,7 +126,7 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
|
|
|
126
126
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
127
127
|
SPDX-License-Identifier: Apache-2.0
|
|
128
128
|
*/
|
|
129
|
-
.
|
|
129
|
+
.awsui_breadcrumbs_hyvsj_oarcx_129:not(#\9) {
|
|
130
130
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
131
131
|
grid-area: breadcrumbs;
|
|
132
132
|
/*
|
|
@@ -136,7 +136,7 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
|
|
|
136
136
|
be lifted so it doesn't render behind the background element.
|
|
137
137
|
*/
|
|
138
138
|
}
|
|
139
|
-
.
|
|
139
|
+
.awsui_breadcrumbs_hyvsj_oarcx_129.awsui_has-sticky-background_hyvsj_oarcx_139:not(#\9) {
|
|
140
140
|
z-index: 799;
|
|
141
141
|
}
|
|
142
142
|
|
|
@@ -148,7 +148,7 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
|
|
|
148
148
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
149
149
|
SPDX-License-Identifier: Apache-2.0
|
|
150
150
|
*/
|
|
151
|
-
.awsui_drawers-
|
|
151
|
+
.awsui_drawers-container_hyvsj_oarcx_151:not(#\9) {
|
|
152
152
|
background-color: transparent;
|
|
153
153
|
display: flex;
|
|
154
154
|
grid-column: 5;
|
|
@@ -159,18 +159,18 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
|
|
|
159
159
|
inset-block-start: var(--awsui-offset-top-lgosor);
|
|
160
160
|
z-index: 830;
|
|
161
161
|
}
|
|
162
|
-
.awsui_drawers-
|
|
162
|
+
.awsui_drawers-container_hyvsj_oarcx_151.awsui_has-open-drawer_hyvsj_oarcx_162:not(#\9) {
|
|
163
163
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
164
164
|
}
|
|
165
165
|
@media (min-width: 689px) {
|
|
166
|
-
.awsui_drawers-
|
|
166
|
+
.awsui_drawers-container_hyvsj_oarcx_151:not(#\9) {
|
|
167
167
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
168
168
|
max-inline-size: calc(var(--awsui-layout-width-lgosor) - var(--awsui-main-offset-left-lgosor) - var(--awsui-default-min-content-width-lgosor) - var(--awsui-content-gap-right-lgosor));
|
|
169
169
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
170
170
|
}
|
|
171
171
|
}
|
|
172
172
|
@media (max-width: 688px) {
|
|
173
|
-
.awsui_drawers-
|
|
173
|
+
.awsui_drawers-container_hyvsj_oarcx_151:not(#\9) {
|
|
174
174
|
position: fixed;
|
|
175
175
|
inset-inline-end: 0;
|
|
176
176
|
z-index: 1001;
|
|
@@ -182,12 +182,12 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
|
|
|
182
182
|
relative to the body.
|
|
183
183
|
*/
|
|
184
184
|
}
|
|
185
|
-
.awsui_drawers-
|
|
185
|
+
.awsui_drawers-container_hyvsj_oarcx_151.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
|
|
186
186
|
inset-block-start: var(--awsui-header-height-lgosor);
|
|
187
187
|
}
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
.awsui_drawers-desktop-triggers-
|
|
190
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_oarcx_190:not(#\9) {
|
|
191
191
|
border-collapse: separate;
|
|
192
192
|
border-spacing: 0;
|
|
193
193
|
box-sizing: border-box;
|
|
@@ -229,21 +229,21 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
|
|
|
229
229
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
230
230
|
overscroll-behavior-y: contain;
|
|
231
231
|
}
|
|
232
|
-
.awsui_drawers-desktop-triggers-
|
|
232
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_oarcx_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_oarcx_231).awsui_has-open-drawer_hyvsj_oarcx_162 {
|
|
233
233
|
inline-size: 0;
|
|
234
234
|
}
|
|
235
|
-
.awsui_drawers-desktop-triggers-
|
|
235
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_oarcx_190.awsui_has-multiple-triggers_hyvsj_oarcx_231.awsui_has-open-drawer_hyvsj_oarcx_162:not(#\9) {
|
|
236
236
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
237
237
|
}
|
|
238
|
-
.awsui_drawers-desktop-triggers-
|
|
238
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_oarcx_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_oarcx_231):not(.awsui_has-open-drawer_hyvsj_oarcx_162) {
|
|
239
239
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
-
.awsui_drawers-mobile-triggers-
|
|
242
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_oarcx_241:not(#\9) {
|
|
243
243
|
display: flex;
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
-
.awsui_drawers-trigger-
|
|
246
|
+
.awsui_drawers-trigger-content_hyvsj_oarcx_245:not(#\9) {
|
|
247
247
|
align-items: center;
|
|
248
248
|
display: flex;
|
|
249
249
|
flex-direction: column;
|
|
@@ -251,13 +251,13 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
|
|
|
251
251
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
252
252
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
253
253
|
}
|
|
254
|
-
.awsui_drawers-trigger-
|
|
254
|
+
.awsui_drawers-trigger-content_hyvsj_oarcx_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_oarcx_231).awsui_has-open-drawer_hyvsj_oarcx_162 {
|
|
255
255
|
opacity: 0;
|
|
256
256
|
}
|
|
257
|
-
.awsui_drawers-trigger-
|
|
257
|
+
.awsui_drawers-trigger-content_hyvsj_oarcx_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_oarcx_231):not(.awsui_has-open-drawer_hyvsj_oarcx_162) {
|
|
258
258
|
opacity: 1;
|
|
259
259
|
}
|
|
260
|
-
.awsui_drawers-trigger-
|
|
260
|
+
.awsui_drawers-trigger-content_hyvsj_oarcx_245 > .awsui_drawers-trigger-overflow_hyvsj_oarcx_259:not(#\9) {
|
|
261
261
|
padding-block: 0;
|
|
262
262
|
padding-inline: 1px;
|
|
263
263
|
display: flex;
|
|
@@ -266,14 +266,14 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
|
|
|
266
266
|
}
|
|
267
267
|
|
|
268
268
|
@media (max-width: 688px) {
|
|
269
|
-
.awsui_drawers-
|
|
269
|
+
.awsui_drawers-trigger_hyvsj_oarcx_245:not(#\9) {
|
|
270
270
|
inline-size: 40px;
|
|
271
271
|
display: flex;
|
|
272
272
|
justify-content: center;
|
|
273
273
|
}
|
|
274
274
|
}
|
|
275
275
|
|
|
276
|
-
.
|
|
276
|
+
.awsui_drawer_hyvsj_oarcx_151:not(#\9) {
|
|
277
277
|
--awsui-drawer-size-lgosor: 290px;
|
|
278
278
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
279
279
|
border-color: transparent;
|
|
@@ -288,7 +288,7 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
|
|
|
288
288
|
pointer-events: auto;
|
|
289
289
|
word-wrap: break-word;
|
|
290
290
|
}
|
|
291
|
-
.
|
|
291
|
+
.awsui_drawer_hyvsj_oarcx_151 > .awsui_drawer-content-container_hyvsj_oarcx_290:not(#\9) {
|
|
292
292
|
grid-column: 1/span 2;
|
|
293
293
|
grid-row: 1;
|
|
294
294
|
inline-size: var(--awsui-drawer-size-lgosor);
|
|
@@ -297,41 +297,41 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
|
|
|
297
297
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
298
298
|
overflow-y: auto;
|
|
299
299
|
}
|
|
300
|
-
.
|
|
300
|
+
.awsui_drawer_hyvsj_oarcx_151 > .awsui_drawer-content-container_hyvsj_oarcx_290 > .awsui_drawer-close-button_hyvsj_oarcx_299:not(#\9) {
|
|
301
301
|
grid-column: 3;
|
|
302
302
|
grid-row: 2;
|
|
303
303
|
z-index: 1;
|
|
304
304
|
}
|
|
305
|
-
.
|
|
305
|
+
.awsui_drawer_hyvsj_oarcx_151 > .awsui_drawer-content-container_hyvsj_oarcx_290 > .awsui_drawer-content_hyvsj_oarcx_290:not(#\9) {
|
|
306
306
|
grid-column: 1/span 4;
|
|
307
307
|
}
|
|
308
|
-
.
|
|
308
|
+
.awsui_drawer_hyvsj_oarcx_151 > .awsui_drawer-content-container_hyvsj_oarcx_290 > .awsui_drawer-content_hyvsj_oarcx_290.awsui_drawer-content-hidden_hyvsj_oarcx_307:not(#\9) {
|
|
309
309
|
display: none;
|
|
310
310
|
}
|
|
311
|
-
.
|
|
311
|
+
.awsui_drawer_hyvsj_oarcx_151 > .awsui_drawer-slider_hyvsj_oarcx_310:not(#\9) {
|
|
312
312
|
grid-column: 1;
|
|
313
313
|
grid-row: 1;
|
|
314
314
|
block-size: 100%;
|
|
315
315
|
display: flex;
|
|
316
316
|
align-items: center;
|
|
317
317
|
}
|
|
318
|
-
.
|
|
318
|
+
.awsui_drawer_hyvsj_oarcx_151:not(#\9):not(.awsui_is-drawer-open_hyvsj_oarcx_317) {
|
|
319
319
|
opacity: 0;
|
|
320
320
|
inline-size: 0;
|
|
321
321
|
}
|
|
322
|
-
.
|
|
322
|
+
.awsui_drawer_hyvsj_oarcx_151.awsui_is-drawer-open_hyvsj_oarcx_317:not(#\9) {
|
|
323
323
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
324
324
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
325
325
|
opacity: 1;
|
|
326
326
|
inline-size: var(--awsui-drawer-size-lgosor);
|
|
327
327
|
}
|
|
328
328
|
@media (min-width: 2541px) {
|
|
329
|
-
.
|
|
329
|
+
.awsui_drawer_hyvsj_oarcx_151.awsui_is-drawer-open_hyvsj_oarcx_317:not(#\9) {
|
|
330
330
|
--awsui-drawer-size-lgosor: 320px;
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
333
|
@media (max-width: 688px) {
|
|
334
|
-
.
|
|
334
|
+
.awsui_drawer_hyvsj_oarcx_151.awsui_is-drawer-open_hyvsj_oarcx_317:not(#\9) {
|
|
335
335
|
--awsui-drawer-size-lgosor: 100vw;
|
|
336
336
|
inline-size: 100vw;
|
|
337
337
|
}
|
|
@@ -341,7 +341,7 @@ div.awsui_background_hyvsj_1t7qb_99 > .awsui_sticky-background_hyvsj_1t7qb_108.a
|
|
|
341
341
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
342
342
|
SPDX-License-Identifier: Apache-2.0
|
|
343
343
|
*/
|
|
344
|
-
header.
|
|
344
|
+
header.awsui_content_hyvsj_oarcx_343:not(#\9) {
|
|
345
345
|
grid-area: header;
|
|
346
346
|
}
|
|
347
347
|
|
|
@@ -362,7 +362,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
362
362
|
circumstances regardless of whether the minContentWidth property is
|
|
363
363
|
explicitly set in script.
|
|
364
364
|
*/
|
|
365
|
-
.
|
|
365
|
+
.awsui_layout_hyvsj_oarcx_364:not(#\9) {
|
|
366
366
|
--awsui-breadcrumbs-gap-lgosor: 0px;
|
|
367
367
|
--awsui-content-gap-left-lgosor: 0px;
|
|
368
368
|
--awsui-content-gap-right-lgosor: 0px;
|
|
@@ -443,130 +443,130 @@ explicitly set in script.
|
|
|
443
443
|
*/
|
|
444
444
|
}
|
|
445
445
|
@media (min-width: 1401px) {
|
|
446
|
-
.
|
|
446
|
+
.awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445) {
|
|
447
447
|
--awsui-default-max-content-width-lgosor: 1280px;
|
|
448
448
|
}
|
|
449
449
|
}
|
|
450
450
|
@media (min-width: 1921px) {
|
|
451
|
-
.
|
|
451
|
+
.awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445) {
|
|
452
452
|
--awsui-default-max-content-width-lgosor: 1440px;
|
|
453
453
|
}
|
|
454
454
|
}
|
|
455
455
|
@media (min-width: 2541px) {
|
|
456
|
-
.
|
|
456
|
+
.awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445) {
|
|
457
457
|
--awsui-default-max-content-width-lgosor: 1620px;
|
|
458
458
|
}
|
|
459
459
|
}
|
|
460
460
|
@media (min-width: 1401px) {
|
|
461
|
-
.
|
|
461
|
+
.awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445).awsui_content-type-dashboard_hyvsj_oarcx_460 {
|
|
462
462
|
--awsui-default-max-content-width-lgosor: 1280px;
|
|
463
463
|
}
|
|
464
464
|
}
|
|
465
465
|
@media (min-width: 1921px) {
|
|
466
|
-
.
|
|
466
|
+
.awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445).awsui_content-type-dashboard_hyvsj_oarcx_460 {
|
|
467
467
|
--awsui-default-max-content-width-lgosor: 1620px;
|
|
468
468
|
}
|
|
469
469
|
}
|
|
470
470
|
@media (min-width: 2541px) {
|
|
471
|
-
.
|
|
471
|
+
.awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445).awsui_content-type-dashboard_hyvsj_oarcx_460 {
|
|
472
472
|
--awsui-default-max-content-width-lgosor: 2160px;
|
|
473
473
|
}
|
|
474
474
|
}
|
|
475
|
-
.
|
|
475
|
+
.awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445).awsui_content-type-table_hyvsj_oarcx_474, .awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_oarcx_445).awsui_content-type-cards_hyvsj_oarcx_474 {
|
|
476
476
|
--awsui-default-max-content-width-lgosor: 100%;
|
|
477
477
|
}
|
|
478
|
-
.
|
|
478
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_has-max-content-width_hyvsj_oarcx_445:not(#\9) {
|
|
479
479
|
--awsui-default-max-content-width-lgosor: var(--awsui-max-content-width-lgosor);
|
|
480
480
|
}
|
|
481
|
-
.
|
|
481
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_is-overlap-disabled_hyvsj_oarcx_480:not(#\9) {
|
|
482
482
|
--awsui-overlap-height-lgosor: 0;
|
|
483
483
|
}
|
|
484
|
-
.
|
|
484
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_is-hide-mobile-toolbar_hyvsj_oarcx_483:not(#\9) {
|
|
485
485
|
--awsui-mobile-bar-height-lgosor: 0px;
|
|
486
486
|
}
|
|
487
487
|
@media (min-width: 993px) {
|
|
488
|
-
.
|
|
488
|
+
.awsui_layout_hyvsj_oarcx_364:not(#\9) {
|
|
489
489
|
--awsui-default-min-content-width-lgosor: var(--awsui-min-content-width-lgosor, 280px);
|
|
490
490
|
}
|
|
491
491
|
}
|
|
492
492
|
@media (max-width: 992px) {
|
|
493
|
-
.
|
|
493
|
+
.awsui_layout_hyvsj_oarcx_364:not(#\9) {
|
|
494
494
|
--awsui-default-min-content-width-lgosor: 0px;
|
|
495
495
|
}
|
|
496
496
|
}
|
|
497
|
-
.
|
|
497
|
+
.awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_oarcx_116):not(.awsui_has-sticky-background_hyvsj_oarcx_139) {
|
|
498
498
|
--awsui-offset-top-with-notifications-lgosor: var(--awsui-header-height-lgosor);
|
|
499
499
|
}
|
|
500
|
-
.
|
|
500
|
+
.awsui_layout_hyvsj_oarcx_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_oarcx_116).awsui_has-sticky-background_hyvsj_oarcx_139 {
|
|
501
501
|
--awsui-offset-top-with-notifications-lgosor: calc(var(--awsui-header-height-lgosor) + var(--space-scaled-s-aqzyko, 12px));
|
|
502
502
|
}
|
|
503
|
-
.
|
|
503
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_has-sticky-notifications_hyvsj_oarcx_116:not(#\9):not(.awsui_has-sticky-background_hyvsj_oarcx_139) {
|
|
504
504
|
--awsui-offset-top-with-notifications-lgosor: calc(
|
|
505
505
|
var(--awsui-offset-top-lgosor) + var(--awsui-notifications-gap-lgosor) +
|
|
506
506
|
var(--awsui-notifications-height-lgosor) + var(--space-xxxs-zbmxqb, 2px)
|
|
507
507
|
);
|
|
508
508
|
}
|
|
509
|
-
.
|
|
509
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_has-sticky-notifications_hyvsj_oarcx_116.awsui_has-sticky-background_hyvsj_oarcx_139:not(#\9) {
|
|
510
510
|
--awsui-offset-top-with-notifications-lgosor: calc(
|
|
511
511
|
var(--awsui-offset-top-lgosor) + var(--awsui-notifications-gap-lgosor) +
|
|
512
512
|
var(--awsui-notifications-height-lgosor) + var(--space-scaled-s-aqzyko, 12px)
|
|
513
513
|
);
|
|
514
514
|
}
|
|
515
515
|
@media (min-width: 689px) {
|
|
516
|
-
.
|
|
516
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_has-content-gap-left_hyvsj_oarcx_515:not(#\9) {
|
|
517
517
|
--awsui-content-gap-left-lgosor: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
518
518
|
}
|
|
519
|
-
.
|
|
519
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_has-content-gap-right_hyvsj_oarcx_518:not(#\9) {
|
|
520
520
|
--awsui-content-gap-right-lgosor: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
521
521
|
}
|
|
522
522
|
}
|
|
523
523
|
@media (max-width: 688px) {
|
|
524
|
-
.
|
|
524
|
+
.awsui_layout_hyvsj_oarcx_364:not(#\9) {
|
|
525
525
|
--awsui-content-gap-left-lgosor: var(--space-l-t419sm, 20px);
|
|
526
526
|
--awsui-content-gap-right-lgosor: var(--space-l-t419sm, 20px);
|
|
527
527
|
}
|
|
528
528
|
}
|
|
529
|
-
.
|
|
529
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-notifications_hyvsj_oarcx_528:not(#\9) {
|
|
530
530
|
--awsui-notifications-gap-lgosor: var(--space-xs-zb16t3, 8px);
|
|
531
531
|
}
|
|
532
|
-
.
|
|
532
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_has-breadcrumbs_hyvsj_oarcx_531:not(#\9) {
|
|
533
533
|
--awsui-breadcrumbs-gap-lgosor: var(--space-scaled-m-mo5yse, 16px);
|
|
534
534
|
}
|
|
535
|
-
.
|
|
535
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-header_hyvsj_oarcx_534:not(#\9), .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-notifications_hyvsj_oarcx_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_oarcx_531).awsui_has-header_hyvsj_oarcx_534 {
|
|
536
536
|
--awsui-header-gap-lgosor: var(--space-scaled-xs-26e2du, 8px);
|
|
537
537
|
}
|
|
538
|
-
.
|
|
538
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_has-breadcrumbs_hyvsj_oarcx_531.awsui_has-header_hyvsj_oarcx_534:not(#\9) {
|
|
539
539
|
--awsui-header-gap-lgosor: var(--space-scaled-xs-26e2du, 8px);
|
|
540
540
|
}
|
|
541
|
-
.
|
|
541
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-notifications_hyvsj_oarcx_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_oarcx_531):not(.awsui_has-header_hyvsj_oarcx_534) {
|
|
542
542
|
--awsui-main-gap-lgosor: var(--space-xs-zb16t3, 8px);
|
|
543
543
|
}
|
|
544
|
-
.
|
|
544
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_has-breadcrumbs_hyvsj_oarcx_531:not(#\9):not(.awsui_has-header_hyvsj_oarcx_534).awsui_is-overlap-disabled_hyvsj_oarcx_480 {
|
|
545
545
|
--awsui-main-gap-lgosor: var(--space-scaled-m-mo5yse, 16px);
|
|
546
546
|
}
|
|
547
|
-
.
|
|
547
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_has-breadcrumbs_hyvsj_oarcx_531:not(#\9):not(.awsui_has-header_hyvsj_oarcx_534):not(.awsui_is-overlap-disabled_hyvsj_oarcx_480) {
|
|
548
548
|
--awsui-main-gap-lgosor: var(--space-scaled-xxs-7597g1, 4px);
|
|
549
549
|
}
|
|
550
|
-
.
|
|
550
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_has-header_hyvsj_oarcx_534:not(#\9) {
|
|
551
551
|
--awsui-main-gap-lgosor: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
552
552
|
}
|
|
553
|
-
.
|
|
553
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-main_hyvsj_oarcx_552:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_oarcx_480), .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-main_hyvsj_oarcx_552.awsui_is-overlap-disabled_hyvsj_oarcx_480:not(#\9):not(.awsui_disable-content-paddings_hyvsj_oarcx_552) {
|
|
554
554
|
--awsui-main-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
|
|
555
555
|
}
|
|
556
556
|
@media (max-width: 688px) {
|
|
557
|
-
.
|
|
557
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-notifications_hyvsj_oarcx_528:not(#\9) {
|
|
558
558
|
--awsui-notifications-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
|
|
559
559
|
}
|
|
560
|
-
.
|
|
560
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-header_hyvsj_oarcx_534:not(#\9) {
|
|
561
561
|
--awsui-header-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
|
|
562
562
|
}
|
|
563
|
-
.
|
|
563
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-notifications_hyvsj_oarcx_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_oarcx_531).awsui_has-header_hyvsj_oarcx_534 {
|
|
564
564
|
--awsui-header-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
|
|
565
565
|
}
|
|
566
|
-
.
|
|
566
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-notifications_hyvsj_oarcx_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_oarcx_531):not(.awsui_has-header_hyvsj_oarcx_534), .awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-main_hyvsj_oarcx_552:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_oarcx_480) {
|
|
567
567
|
--awsui-main-gap-lgosor: var(--space-scaled-s-aqzyko, 12px);
|
|
568
568
|
}
|
|
569
|
-
.
|
|
569
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_content-first-child-main_hyvsj_oarcx_552.awsui_is-overlap-disabled_hyvsj_oarcx_480:not(#\9):not(.awsui_disable-content-paddings_hyvsj_oarcx_552) {
|
|
570
570
|
--awsui-main-gap-lgosor: var(--space-scaled-m-mo5yse, 16px);
|
|
571
571
|
}
|
|
572
572
|
}
|
|
@@ -581,19 +581,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
581
581
|
position: sticky will be the value of the notifications height in addition to the
|
|
582
582
|
notifications top margin and some additional vertical space for aesthetics.
|
|
583
583
|
*/
|
|
584
|
-
.
|
|
584
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
|
|
585
585
|
--awsui-main-template-rows-lgosor: 1fr auto;
|
|
586
586
|
--awsui-offset-top-lgosor: 0px;
|
|
587
587
|
block-size: var(--awsui-content-height-lgosor);
|
|
588
588
|
overflow-y: scroll;
|
|
589
589
|
}
|
|
590
|
-
.
|
|
590
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_disable-body-scroll_hyvsj_oarcx_185.awsui_has-split-panel_hyvsj_oarcx_589.awsui_split-panel-position-bottom_hyvsj_oarcx_589:not(#\9) {
|
|
591
591
|
--awsui-main-template-rows-lgosor: repeat(2, auto);
|
|
592
592
|
}
|
|
593
|
-
.
|
|
593
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_oarcx_116) {
|
|
594
594
|
--awsui-offset-top-with-notifications-lgosor: 0px;
|
|
595
595
|
}
|
|
596
|
-
.
|
|
596
|
+
.awsui_layout_hyvsj_oarcx_364.awsui_disable-body-scroll_hyvsj_oarcx_185.awsui_has-sticky-notifications_hyvsj_oarcx_116:not(#\9) {
|
|
597
597
|
--awsui-offset-top-with-notifications-lgosor: calc(
|
|
598
598
|
var(--awsui-notifications-height-lgosor) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
599
599
|
);
|
|
@@ -603,13 +603,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
603
603
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
604
604
|
when the navigation or tools drawers are open in responsive viewports.
|
|
605
605
|
*/
|
|
606
|
-
.awsui_block-body-
|
|
606
|
+
.awsui_block-body-scroll_hyvsj_oarcx_605:not(#\9) {
|
|
607
607
|
overflow: hidden;
|
|
608
608
|
}
|
|
609
609
|
|
|
610
610
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
611
|
-
.
|
|
612
|
-
.
|
|
611
|
+
.awsui_unfocusable_hyvsj_oarcx_610:not(#\9),
|
|
612
|
+
.awsui_unfocusable_hyvsj_oarcx_610 *:not(#\9) {
|
|
613
613
|
visibility: hidden !important;
|
|
614
614
|
}
|
|
615
615
|
|
|
@@ -618,7 +618,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
618
618
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
619
619
|
SPDX-License-Identifier: Apache-2.0
|
|
620
620
|
*/
|
|
621
|
-
.
|
|
621
|
+
.awsui_container_hyvsj_oarcx_620:not(#\9) {
|
|
622
622
|
grid-area: main;
|
|
623
623
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
624
624
|
/*
|
|
@@ -635,19 +635,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
635
635
|
on the right, we decrement the column end by one.
|
|
636
636
|
*/
|
|
637
637
|
}
|
|
638
|
-
.
|
|
638
|
+
.awsui_container_hyvsj_oarcx_620.awsui_has-split-panel_hyvsj_oarcx_589.awsui_split-panel-position-bottom_hyvsj_oarcx_589:not(#\9) {
|
|
639
639
|
padding-block-end: calc(var(--awsui-split-panel-height-lgosor) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
640
640
|
}
|
|
641
|
-
.
|
|
641
|
+
.awsui_container_hyvsj_oarcx_620.awsui_disable-content-paddings_hyvsj_oarcx_552:not(#\9) {
|
|
642
642
|
grid-column: 1/6;
|
|
643
643
|
padding-block: 0;
|
|
644
644
|
padding-inline: 0;
|
|
645
645
|
}
|
|
646
646
|
@media (min-width: 689px) {
|
|
647
|
-
.
|
|
647
|
+
.awsui_container_hyvsj_oarcx_620.awsui_disable-content-paddings_hyvsj_oarcx_552.awsui_is-navigation-open_hyvsj_oarcx_646:not(#\9) {
|
|
648
648
|
grid-column-start: 2;
|
|
649
649
|
}
|
|
650
|
-
.
|
|
650
|
+
.awsui_container_hyvsj_oarcx_620.awsui_disable-content-paddings_hyvsj_oarcx_552.awsui_is-tools-open_hyvsj_oarcx_649:not(#\9), .awsui_container_hyvsj_oarcx_620.awsui_disable-content-paddings_hyvsj_oarcx_552.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_split-panel-position-side_hyvsj_oarcx_649:not(#\9), .awsui_container_hyvsj_oarcx_620.awsui_disable-content-paddings_hyvsj_oarcx_552.awsui_has-active-drawer_hyvsj_oarcx_649:not(#\9) {
|
|
651
651
|
grid-column-end: 5;
|
|
652
652
|
}
|
|
653
653
|
}
|
|
@@ -656,7 +656,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
656
656
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
657
657
|
SPDX-License-Identifier: Apache-2.0
|
|
658
658
|
*/
|
|
659
|
-
section.awsui_mobile-
|
|
659
|
+
section.awsui_mobile-toolbar_hyvsj_oarcx_658:not(#\9) {
|
|
660
660
|
align-items: center;
|
|
661
661
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
662
662
|
border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
@@ -673,19 +673,19 @@ section.awsui_mobile-toolbar_hyvsj_1t7qb_658:not(#\9) {
|
|
|
673
673
|
inset-block-start: var(--awsui-offset-top-lgosor);
|
|
674
674
|
z-index: 1000;
|
|
675
675
|
}
|
|
676
|
-
section.awsui_mobile-
|
|
676
|
+
section.awsui_mobile-toolbar_hyvsj_oarcx_658:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_oarcx_675) {
|
|
677
677
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
678
678
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
679
679
|
}
|
|
680
|
-
section.awsui_mobile-
|
|
680
|
+
section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-nav_hyvsj_oarcx_679:not(#\9) {
|
|
681
681
|
grid-column: 1;
|
|
682
682
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
683
683
|
}
|
|
684
|
-
section.awsui_mobile-
|
|
684
|
+
section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_oarcx_683:not(#\9) {
|
|
685
685
|
grid-column: 2;
|
|
686
686
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
687
687
|
}
|
|
688
|
-
section.awsui_mobile-
|
|
688
|
+
section.awsui_mobile-toolbar_hyvsj_oarcx_658 > .awsui_mobile-toolbar-tools_hyvsj_oarcx_687:not(#\9) {
|
|
689
689
|
grid-column: 3;
|
|
690
690
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
691
691
|
}
|
|
@@ -694,7 +694,7 @@ section.awsui_mobile-toolbar_hyvsj_1t7qb_658 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
694
694
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
695
695
|
SPDX-License-Identifier: Apache-2.0
|
|
696
696
|
*/
|
|
697
|
-
.awsui_navigation-
|
|
697
|
+
.awsui_navigation-container_hyvsj_oarcx_696:not(#\9) {
|
|
698
698
|
display: flex;
|
|
699
699
|
grid-column: 1;
|
|
700
700
|
grid-row: 1/span 10;
|
|
@@ -715,7 +715,7 @@ section.awsui_mobile-toolbar_hyvsj_1t7qb_658 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
715
715
|
pointer-events: none;
|
|
716
716
|
}
|
|
717
717
|
@media (max-width: 688px) {
|
|
718
|
-
.awsui_navigation-
|
|
718
|
+
.awsui_navigation-container_hyvsj_oarcx_696:not(#\9) {
|
|
719
719
|
inset-inline-start: 0;
|
|
720
720
|
position: fixed;
|
|
721
721
|
z-index: 1001;
|
|
@@ -727,12 +727,12 @@ section.awsui_mobile-toolbar_hyvsj_1t7qb_658 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
727
727
|
relative to the body.
|
|
728
728
|
*/
|
|
729
729
|
}
|
|
730
|
-
.awsui_navigation-
|
|
730
|
+
.awsui_navigation-container_hyvsj_oarcx_696.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
|
|
731
731
|
inset-block-start: var(--awsui-header-height-lgosor);
|
|
732
732
|
}
|
|
733
733
|
}
|
|
734
734
|
|
|
735
|
-
nav.awsui_show-
|
|
735
|
+
nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9) {
|
|
736
736
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
737
737
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
738
738
|
/*
|
|
@@ -740,7 +740,7 @@ nav.awsui_show-navigation_hyvsj_1t7qb_734:not(#\9) {
|
|
|
740
740
|
take control in responsive viewports.
|
|
741
741
|
*/
|
|
742
742
|
}
|
|
743
|
-
@keyframes
|
|
743
|
+
@keyframes awsui_showButtons_hyvsj_oarcx_1 {
|
|
744
744
|
0% {
|
|
745
745
|
opacity: 0;
|
|
746
746
|
}
|
|
@@ -748,31 +748,31 @@ nav.awsui_show-navigation_hyvsj_1t7qb_734:not(#\9) {
|
|
|
748
748
|
opacity: 1;
|
|
749
749
|
}
|
|
750
750
|
}
|
|
751
|
-
nav.awsui_show-
|
|
751
|
+
nav.awsui_show-navigation_hyvsj_oarcx_734.awsui_is-navigation-open_hyvsj_oarcx_646:not(#\9) {
|
|
752
752
|
display: none;
|
|
753
753
|
}
|
|
754
754
|
@media (min-width: 689px) {
|
|
755
|
-
nav.awsui_show-
|
|
755
|
+
nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646) {
|
|
756
756
|
display: block;
|
|
757
757
|
}
|
|
758
|
-
nav.awsui_show-
|
|
759
|
-
animation:
|
|
758
|
+
nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646).awsui_animating_hyvsj_oarcx_757 {
|
|
759
|
+
animation: awsui_showButtons_hyvsj_oarcx_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
760
760
|
}
|
|
761
761
|
}
|
|
762
762
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
763
|
-
nav.awsui_show-
|
|
763
|
+
nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646).awsui_animating_hyvsj_oarcx_757 {
|
|
764
764
|
animation: none;
|
|
765
765
|
transition: none;
|
|
766
766
|
}
|
|
767
767
|
}
|
|
768
768
|
@media (min-width: 689px) {
|
|
769
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
769
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646).awsui_animating_hyvsj_oarcx_757, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_oarcx_734:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646).awsui_animating_hyvsj_oarcx_757 {
|
|
770
770
|
animation: none;
|
|
771
771
|
transition: none;
|
|
772
772
|
}
|
|
773
773
|
}
|
|
774
774
|
|
|
775
|
-
nav.
|
|
775
|
+
nav.awsui_navigation_hyvsj_oarcx_696:not(#\9) {
|
|
776
776
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
777
777
|
inset-block-end: 0;
|
|
778
778
|
block-size: 100%;
|
|
@@ -790,7 +790,7 @@ nav.awsui_navigation_hyvsj_1t7qb_696:not(#\9) {
|
|
|
790
790
|
prevent unwanted text wrapping.
|
|
791
791
|
*/
|
|
792
792
|
}
|
|
793
|
-
@keyframes
|
|
793
|
+
@keyframes awsui_openNavigation_hyvsj_oarcx_1 {
|
|
794
794
|
from {
|
|
795
795
|
opacity: 0;
|
|
796
796
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -800,33 +800,33 @@ nav.awsui_navigation_hyvsj_1t7qb_696:not(#\9) {
|
|
|
800
800
|
inline-size: var(--awsui-navigation-width-lgosor);
|
|
801
801
|
}
|
|
802
802
|
}
|
|
803
|
-
nav.
|
|
803
|
+
nav.awsui_navigation_hyvsj_oarcx_696:not(#\9):not(.awsui_is-navigation-open_hyvsj_oarcx_646) {
|
|
804
804
|
inline-size: 0;
|
|
805
805
|
display: none;
|
|
806
806
|
}
|
|
807
|
-
nav.
|
|
808
|
-
animation:
|
|
807
|
+
nav.awsui_navigation_hyvsj_oarcx_696.awsui_is-navigation-open_hyvsj_oarcx_646.awsui_animating_hyvsj_oarcx_757:not(#\9) {
|
|
808
|
+
animation: awsui_openNavigation_hyvsj_oarcx_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
809
809
|
}
|
|
810
810
|
@media (prefers-reduced-motion: reduce) {
|
|
811
|
-
nav.
|
|
811
|
+
nav.awsui_navigation_hyvsj_oarcx_696.awsui_is-navigation-open_hyvsj_oarcx_646.awsui_animating_hyvsj_oarcx_757:not(#\9) {
|
|
812
812
|
animation: none;
|
|
813
813
|
transition: none;
|
|
814
814
|
}
|
|
815
815
|
}
|
|
816
|
-
.awsui-motion-disabled nav.
|
|
816
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_oarcx_696.awsui_is-navigation-open_hyvsj_oarcx_646.awsui_animating_hyvsj_oarcx_757:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_oarcx_696.awsui_is-navigation-open_hyvsj_oarcx_646.awsui_animating_hyvsj_oarcx_757:not(#\9) {
|
|
817
817
|
animation: none;
|
|
818
818
|
transition: none;
|
|
819
819
|
}
|
|
820
|
-
nav.
|
|
820
|
+
nav.awsui_navigation_hyvsj_oarcx_696 > .awsui_animated-content_hyvsj_oarcx_819:not(#\9) {
|
|
821
821
|
inline-size: var(--awsui-navigation-width-lgosor);
|
|
822
822
|
}
|
|
823
823
|
@media (max-width: 688px) {
|
|
824
|
-
nav.
|
|
824
|
+
nav.awsui_navigation_hyvsj_oarcx_696:not(#\9) {
|
|
825
825
|
--awsui-navigation-width-lgosor: 100vw;
|
|
826
826
|
}
|
|
827
827
|
}
|
|
828
828
|
|
|
829
|
-
.awsui_hide-
|
|
829
|
+
.awsui_hide-navigation_hyvsj_oarcx_828:not(#\9) {
|
|
830
830
|
position: absolute;
|
|
831
831
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
832
832
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -836,13 +836,13 @@ nav.awsui_navigation_hyvsj_1t7qb_696 > .awsui_animated-content_hyvsj_1t7qb_819:n
|
|
|
836
836
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
837
837
|
SPDX-License-Identifier: Apache-2.0
|
|
838
838
|
*/
|
|
839
|
-
.
|
|
839
|
+
.awsui_notifications_hyvsj_oarcx_838:not(#\9) {
|
|
840
840
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
841
841
|
grid-area: notifications;
|
|
842
842
|
z-index: 850;
|
|
843
843
|
}
|
|
844
844
|
@media (min-width: 689px) {
|
|
845
|
-
.
|
|
845
|
+
.awsui_notifications_hyvsj_oarcx_838.awsui_sticky-notifications_hyvsj_oarcx_844:not(#\9) {
|
|
846
846
|
--awsui-flashbar-sticky-bottom-margin-lgosor: var(--space-xxl-cu2m1r, 32px);
|
|
847
847
|
position: sticky;
|
|
848
848
|
inset-block-start: calc(var(--awsui-offset-top-lgosor) + var(--space-xs-zb16t3, 8px));
|
|
@@ -859,7 +859,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
859
859
|
consume the remaining vertical space in the grid after the notifications
|
|
860
860
|
and breadcrumbs.
|
|
861
861
|
*/
|
|
862
|
-
section.awsui_split-panel-
|
|
862
|
+
section.awsui_split-panel-bottom_hyvsj_oarcx_861:not(#\9) {
|
|
863
863
|
/*
|
|
864
864
|
The align self property will position the split panel at the bottom of the grid row.
|
|
865
865
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -895,7 +895,7 @@ section.awsui_split-panel-bottom_hyvsj_1t7qb_861:not(#\9) {
|
|
|
895
895
|
apply the animation to the height property.
|
|
896
896
|
*/
|
|
897
897
|
}
|
|
898
|
-
@keyframes
|
|
898
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_oarcx_1 {
|
|
899
899
|
from {
|
|
900
900
|
block-size: var(--awsui-split-panel-reported-header-size-lgosor, 0);
|
|
901
901
|
}
|
|
@@ -903,39 +903,39 @@ section.awsui_split-panel-bottom_hyvsj_1t7qb_861:not(#\9) {
|
|
|
903
903
|
block-size: var(--awsui-split-panel-reported-size-lgosor);
|
|
904
904
|
}
|
|
905
905
|
}
|
|
906
|
-
section.awsui_split-panel-
|
|
906
|
+
section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
|
|
907
907
|
inset-block-end: 0;
|
|
908
908
|
}
|
|
909
|
-
section.awsui_split-panel-
|
|
909
|
+
section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_is-navigation-open_hyvsj_oarcx_646.awsui_position-bottom_hyvsj_oarcx_908:not(#\9) {
|
|
910
910
|
grid-column-start: 2;
|
|
911
911
|
}
|
|
912
|
-
section.awsui_split-panel-
|
|
912
|
+
section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_has-open-drawer_hyvsj_oarcx_162.awsui_position-bottom_hyvsj_oarcx_908:not(#\9) {
|
|
913
913
|
grid-column-end: 5;
|
|
914
914
|
}
|
|
915
|
-
section.awsui_split-panel-
|
|
915
|
+
section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_position-bottom_hyvsj_oarcx_908:not(#\9) {
|
|
916
916
|
display: block;
|
|
917
917
|
}
|
|
918
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-bottom_hyvsj_oarcx_861:not(#\9):not(.awsui_is-split-panel-open_hyvsj_oarcx_649).awsui_position-bottom_hyvsj_oarcx_908 {
|
|
919
919
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
920
920
|
}
|
|
921
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_position-bottom_hyvsj_oarcx_908:not(#\9) {
|
|
922
922
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
923
923
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
925
|
-
animation:
|
|
924
|
+
section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_position-bottom_hyvsj_oarcx_908.awsui_animating_hyvsj_oarcx_757:not(#\9) {
|
|
925
|
+
animation: awsui_openSplitPanelBottom_hyvsj_oarcx_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
926
926
|
}
|
|
927
927
|
@media (prefers-reduced-motion: reduce) {
|
|
928
|
-
section.awsui_split-panel-
|
|
928
|
+
section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_position-bottom_hyvsj_oarcx_908.awsui_animating_hyvsj_oarcx_757:not(#\9) {
|
|
929
929
|
animation: none;
|
|
930
930
|
transition: none;
|
|
931
931
|
}
|
|
932
932
|
}
|
|
933
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
933
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_position-bottom_hyvsj_oarcx_908.awsui_animating_hyvsj_oarcx_757:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_oarcx_861.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_position-bottom_hyvsj_oarcx_908.awsui_animating_hyvsj_oarcx_757:not(#\9) {
|
|
934
934
|
animation: none;
|
|
935
935
|
transition: none;
|
|
936
936
|
}
|
|
937
937
|
|
|
938
|
-
section.awsui_split-panel-
|
|
938
|
+
section.awsui_split-panel-side_hyvsj_oarcx_937:not(#\9) {
|
|
939
939
|
block-size: 100%;
|
|
940
940
|
overflow-x: hidden;
|
|
941
941
|
pointer-events: auto;
|
|
@@ -945,15 +945,15 @@ section.awsui_split-panel-side_hyvsj_1t7qb_937:not(#\9) {
|
|
|
945
945
|
be persistent in the DOM when closed.
|
|
946
946
|
*/
|
|
947
947
|
}
|
|
948
|
-
section.awsui_split-panel-
|
|
948
|
+
section.awsui_split-panel-side_hyvsj_oarcx_937:not(#\9):not(.awsui_is-split-panel-open_hyvsj_oarcx_649), section.awsui_split-panel-side_hyvsj_oarcx_937.awsui_position-bottom_hyvsj_oarcx_908:not(#\9) {
|
|
949
949
|
inline-size: 0;
|
|
950
950
|
}
|
|
951
|
-
section.awsui_split-panel-
|
|
951
|
+
section.awsui_split-panel-side_hyvsj_oarcx_937.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_position-side_hyvsj_oarcx_950:not(#\9) {
|
|
952
952
|
max-inline-size: var(--awsui-split-panel-max-width-lgosor, 280px);
|
|
953
953
|
min-inline-size: var(--awsui-split-panel-min-width-lgosor, 280px);
|
|
954
954
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
955
955
|
}
|
|
956
|
-
section.awsui_split-panel-
|
|
956
|
+
section.awsui_split-panel-side_hyvsj_oarcx_937.awsui_is-split-panel-open_hyvsj_oarcx_649.awsui_position-side_hyvsj_oarcx_950:not(#\9):not(.awsui_has-open-drawer_hyvsj_oarcx_162) {
|
|
957
957
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
958
958
|
}
|
|
959
959
|
|
|
@@ -970,7 +970,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
970
970
|
property. The content gap right is computed in the Layout styles based on the
|
|
971
971
|
viewport size and state of the Tools drawer.
|
|
972
972
|
*/
|
|
973
|
-
.awsui_tools-
|
|
973
|
+
.awsui_tools-container_hyvsj_oarcx_972:not(#\9) {
|
|
974
974
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
975
975
|
--awsui-tools-max-width-lgosor: calc(var(--awsui-layout-width-lgosor) - var(--awsui-main-offset-left-lgosor) - var(--awsui-default-min-content-width-lgosor) - var(--awsui-content-gap-right-lgosor));
|
|
976
976
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -985,7 +985,7 @@ viewport size and state of the Tools drawer.
|
|
|
985
985
|
pointer-events: none;
|
|
986
986
|
}
|
|
987
987
|
@media (max-width: 688px) {
|
|
988
|
-
.awsui_tools-
|
|
988
|
+
.awsui_tools-container_hyvsj_oarcx_972:not(#\9) {
|
|
989
989
|
--awsui-tools-max-width-lgosor: none;
|
|
990
990
|
--awsui-tools-width-lgosor: auto;
|
|
991
991
|
position: fixed;
|
|
@@ -999,12 +999,12 @@ viewport size and state of the Tools drawer.
|
|
|
999
999
|
relative to the body.
|
|
1000
1000
|
*/
|
|
1001
1001
|
}
|
|
1002
|
-
.awsui_tools-
|
|
1002
|
+
.awsui_tools-container_hyvsj_oarcx_972.awsui_disable-body-scroll_hyvsj_oarcx_185:not(#\9) {
|
|
1003
1003
|
inset-block-start: var(--awsui-header-height-lgosor);
|
|
1004
1004
|
}
|
|
1005
1005
|
}
|
|
1006
1006
|
|
|
1007
|
-
.
|
|
1007
|
+
.awsui_tools_hyvsj_oarcx_972:not(#\9) {
|
|
1008
1008
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1009
1009
|
flex-shrink: 0;
|
|
1010
1010
|
block-size: 100%;
|
|
@@ -1027,7 +1027,7 @@ viewport size and state of the Tools drawer.
|
|
|
1027
1027
|
in the side position.
|
|
1028
1028
|
*/
|
|
1029
1029
|
}
|
|
1030
|
-
@keyframes
|
|
1030
|
+
@keyframes awsui_openTools_hyvsj_oarcx_1 {
|
|
1031
1031
|
from {
|
|
1032
1032
|
opacity: var(--awsui-tools-animation-starting-opacity-lgosor, 0);
|
|
1033
1033
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -1037,41 +1037,41 @@ viewport size and state of the Tools drawer.
|
|
|
1037
1037
|
inline-size: var(--awsui-tools-width-lgosor);
|
|
1038
1038
|
}
|
|
1039
1039
|
}
|
|
1040
|
-
.
|
|
1040
|
+
.awsui_tools_hyvsj_oarcx_972:not(#\9):not(.awsui_is-tools-open_hyvsj_oarcx_649) {
|
|
1041
1041
|
inline-size: 0;
|
|
1042
1042
|
display: none;
|
|
1043
1043
|
}
|
|
1044
|
-
.
|
|
1044
|
+
.awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649:not(#\9) {
|
|
1045
1045
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1046
1046
|
}
|
|
1047
|
-
.
|
|
1048
|
-
animation:
|
|
1047
|
+
.awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649.awsui_animating_hyvsj_oarcx_757:not(#\9) {
|
|
1048
|
+
animation: awsui_openTools_hyvsj_oarcx_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1049
1049
|
}
|
|
1050
1050
|
@media (prefers-reduced-motion: reduce) {
|
|
1051
|
-
.
|
|
1051
|
+
.awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649.awsui_animating_hyvsj_oarcx_757:not(#\9) {
|
|
1052
1052
|
animation: none;
|
|
1053
1053
|
transition: none;
|
|
1054
1054
|
}
|
|
1055
1055
|
}
|
|
1056
|
-
.awsui-motion-disabled .
|
|
1056
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649.awsui_animating_hyvsj_oarcx_757:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649.awsui_animating_hyvsj_oarcx_757:not(#\9) {
|
|
1057
1057
|
animation: none;
|
|
1058
1058
|
transition: none;
|
|
1059
1059
|
}
|
|
1060
|
-
.
|
|
1060
|
+
.awsui_tools_hyvsj_oarcx_972 > .awsui_animated-content_hyvsj_oarcx_819:not(#\9) {
|
|
1061
1061
|
inline-size: var(--awsui-tools-width-lgosor);
|
|
1062
1062
|
}
|
|
1063
1063
|
@media (min-width: 689px) {
|
|
1064
|
-
.
|
|
1064
|
+
.awsui_tools_hyvsj_oarcx_972.awsui_is-tools-open_hyvsj_oarcx_649.awsui_has-tools-form-persistence_hyvsj_oarcx_1063:not(#\9) {
|
|
1065
1065
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1066
1066
|
}
|
|
1067
1067
|
}
|
|
1068
1068
|
@media (max-width: 688px) {
|
|
1069
|
-
.
|
|
1069
|
+
.awsui_tools_hyvsj_oarcx_972:not(#\9) {
|
|
1070
1070
|
--awsui-tools-width-lgosor: 100vw;
|
|
1071
1071
|
}
|
|
1072
1072
|
}
|
|
1073
1073
|
|
|
1074
|
-
.awsui_hide-
|
|
1074
|
+
.awsui_hide-tools_hyvsj_oarcx_1073:not(#\9) {
|
|
1075
1075
|
position: absolute;
|
|
1076
1076
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1077
1077
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1083,7 +1083,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1083
1083
|
the calculation used to determine the Split Panel maximum width in the
|
|
1084
1084
|
handleSplitPanelMaxWidth function in the context.
|
|
1085
1085
|
*/
|
|
1086
|
-
.awsui_show-
|
|
1086
|
+
.awsui_show-tools_hyvsj_oarcx_1085:not(#\9) {
|
|
1087
1087
|
border-collapse: separate;
|
|
1088
1088
|
border-spacing: 0;
|
|
1089
1089
|
box-sizing: border-box;
|
|
@@ -1125,7 +1125,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1125
1125
|
take control in responsive viewports.
|
|
1126
1126
|
*/
|
|
1127
1127
|
}
|
|
1128
|
-
@keyframes
|
|
1128
|
+
@keyframes awsui_showButtons_hyvsj_oarcx_1 {
|
|
1129
1129
|
0% {
|
|
1130
1130
|
opacity: 0;
|
|
1131
1131
|
}
|
|
@@ -1133,31 +1133,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1133
1133
|
opacity: 1;
|
|
1134
1134
|
}
|
|
1135
1135
|
}
|
|
1136
|
-
.awsui_show-
|
|
1136
|
+
.awsui_show-tools_hyvsj_oarcx_1085:not(#\9):not(.awsui_has-tools-form_hyvsj_oarcx_1063) {
|
|
1137
1137
|
display: none;
|
|
1138
1138
|
}
|
|
1139
1139
|
@media (min-width: 689px) {
|
|
1140
|
-
.awsui_show-
|
|
1140
|
+
.awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form_hyvsj_oarcx_1063:not(#\9) {
|
|
1141
1141
|
display: flex;
|
|
1142
1142
|
flex-direction: column;
|
|
1143
1143
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1144
1144
|
}
|
|
1145
|
-
.awsui_show-
|
|
1146
|
-
animation:
|
|
1145
|
+
.awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form_hyvsj_oarcx_1063.awsui_animating_hyvsj_oarcx_757:not(#\9) {
|
|
1146
|
+
animation: awsui_showButtons_hyvsj_oarcx_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1147
1147
|
}
|
|
1148
1148
|
}
|
|
1149
1149
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1150
|
-
.awsui_show-
|
|
1150
|
+
.awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form_hyvsj_oarcx_1063.awsui_animating_hyvsj_oarcx_757:not(#\9) {
|
|
1151
1151
|
animation: none;
|
|
1152
1152
|
transition: none;
|
|
1153
1153
|
}
|
|
1154
1154
|
}
|
|
1155
1155
|
@media (min-width: 689px) {
|
|
1156
|
-
.awsui-motion-disabled .awsui_show-
|
|
1156
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form_hyvsj_oarcx_1063.awsui_animating_hyvsj_oarcx_757:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form_hyvsj_oarcx_1063.awsui_animating_hyvsj_oarcx_757:not(#\9) {
|
|
1157
1157
|
animation: none;
|
|
1158
1158
|
transition: none;
|
|
1159
1159
|
}
|
|
1160
|
-
.awsui_show-
|
|
1160
|
+
.awsui_show-tools_hyvsj_oarcx_1085.awsui_has-tools-form-persistence_hyvsj_oarcx_1063:not(#\9) {
|
|
1161
1161
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1162
1162
|
z-index: 1;
|
|
1163
1163
|
}
|
|
@@ -1167,7 +1167,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1167
1167
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1168
1168
|
SPDX-License-Identifier: Apache-2.0
|
|
1169
1169
|
*/
|
|
1170
|
-
.awsui_trigger-badge-
|
|
1170
|
+
.awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9) {
|
|
1171
1171
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1172
1172
|
border-start-start-radius: 50%;
|
|
1173
1173
|
border-start-end-radius: 50%;
|
|
@@ -1183,19 +1183,22 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1183
1183
|
align-items: center;
|
|
1184
1184
|
clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
|
|
1185
1185
|
}
|
|
1186
|
-
.awsui_trigger-badge-
|
|
1186
|
+
.awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):hover {
|
|
1187
1187
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1188
1188
|
}
|
|
1189
|
-
.awsui_trigger-badge-
|
|
1189
|
+
.awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):active {
|
|
1190
1190
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1191
1191
|
}
|
|
1192
|
+
.awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):dir(rtl) {
|
|
1193
|
+
clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
|
|
1194
|
+
}
|
|
1192
1195
|
|
|
1193
1196
|
/*
|
|
1194
1197
|
Warning! If these design tokens for width change it will adversely impact
|
|
1195
1198
|
the calculation used to determine the Split Panel maximum width in the
|
|
1196
1199
|
handleSplitPanelMaxWidth function in the context.
|
|
1197
1200
|
*/
|
|
1198
|
-
.
|
|
1201
|
+
.awsui_trigger_hyvsj_oarcx_1168:not(#\9) {
|
|
1199
1202
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1200
1203
|
border-start-start-radius: 50%;
|
|
1201
1204
|
border-start-end-radius: 50%;
|
|
@@ -1211,20 +1214,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1211
1214
|
pointer-events: auto;
|
|
1212
1215
|
position: relative;
|
|
1213
1216
|
}
|
|
1214
|
-
.
|
|
1217
|
+
.awsui_trigger_hyvsj_oarcx_1168:not(#\9):hover {
|
|
1215
1218
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1216
1219
|
}
|
|
1217
|
-
.
|
|
1220
|
+
.awsui_trigger_hyvsj_oarcx_1168:not(#\9):active {
|
|
1218
1221
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1219
1222
|
}
|
|
1220
|
-
body[data-awsui-focus-visible=true] .
|
|
1223
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_oarcx_1168:not(#\9):focus {
|
|
1221
1224
|
position: relative;
|
|
1222
1225
|
}
|
|
1223
|
-
body[data-awsui-focus-visible=true] .
|
|
1226
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_oarcx_1168:not(#\9):focus {
|
|
1224
1227
|
outline: 2px dotted transparent;
|
|
1225
1228
|
outline-offset: calc(3px - 1px);
|
|
1226
1229
|
}
|
|
1227
|
-
body[data-awsui-focus-visible=true] .
|
|
1230
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_oarcx_1168:not(#\9):focus::before {
|
|
1228
1231
|
content: " ";
|
|
1229
1232
|
display: block;
|
|
1230
1233
|
position: absolute;
|
|
@@ -1238,45 +1241,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1t7qb_1168:not(#\9):foc
|
|
|
1238
1241
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1239
1242
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1240
1243
|
}
|
|
1241
|
-
.
|
|
1244
|
+
.awsui_trigger_hyvsj_oarcx_1168:not(#\9):focus {
|
|
1242
1245
|
outline: none;
|
|
1243
1246
|
}
|
|
1244
|
-
.
|
|
1247
|
+
.awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245:not(#\9) {
|
|
1245
1248
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1246
1249
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1247
1250
|
}
|
|
1248
|
-
.
|
|
1251
|
+
.awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245:not(#\9):hover {
|
|
1249
1252
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1250
1253
|
}
|
|
1251
|
-
.
|
|
1254
|
+
.awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245:not(#\9):active {
|
|
1252
1255
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1253
1256
|
}
|
|
1254
|
-
.
|
|
1257
|
+
.awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245 > .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9) {
|
|
1255
1258
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1256
1259
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1257
1260
|
}
|
|
1258
|
-
.
|
|
1261
|
+
.awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245 > .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):hover {
|
|
1259
1262
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1260
1263
|
}
|
|
1261
|
-
.
|
|
1264
|
+
.awsui_trigger_hyvsj_oarcx_1168.awsui_selected_hyvsj_oarcx_1245 > .awsui_trigger-badge-wrapper_hyvsj_oarcx_1168:not(#\9):active {
|
|
1262
1265
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1263
1266
|
}
|
|
1264
|
-
.
|
|
1267
|
+
.awsui_trigger_hyvsj_oarcx_1168.awsui_badge_hyvsj_oarcx_1265:not(#\9), .awsui_trigger_hyvsj_oarcx_1168.awsui_badge_hyvsj_oarcx_1265:not(#\9):hover, .awsui_trigger_hyvsj_oarcx_1168.awsui_badge_hyvsj_oarcx_1265:not(#\9):active {
|
|
1265
1268
|
background: transparent;
|
|
1266
1269
|
}
|
|
1267
1270
|
|
|
1268
|
-
.awsui_trigger-
|
|
1271
|
+
.awsui_trigger-wrapper_hyvsj_oarcx_1269:not(#\9) {
|
|
1269
1272
|
position: relative;
|
|
1270
1273
|
border-start-start-radius: 50%;
|
|
1271
1274
|
border-start-end-radius: 50%;
|
|
1272
1275
|
border-end-start-radius: 50%;
|
|
1273
1276
|
border-end-end-radius: 50%;
|
|
1274
1277
|
}
|
|
1275
|
-
.awsui_trigger-
|
|
1278
|
+
.awsui_trigger-wrapper_hyvsj_oarcx_1269:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_oarcx_675) {
|
|
1276
1279
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1277
1280
|
}
|
|
1278
1281
|
|
|
1279
|
-
.
|
|
1282
|
+
.awsui_dot_hyvsj_oarcx_1280:not(#\9) {
|
|
1280
1283
|
position: absolute;
|
|
1281
1284
|
inline-size: 9px;
|
|
1282
1285
|
block-size: 9px;
|