@cloudscape-design/components-themeable 3.0.1310 → 3.0.1312
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/app-layout/visual-refresh/drawers.scss +16 -0
- package/lib/internal/scss/app-layout/visual-refresh/navigation.scss +1 -1
- package/lib/internal/scss/app-layout/visual-refresh/tools.scss +4 -0
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss +1 -1
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/navigation/styles.scss +1 -1
- package/lib/internal/scss/button-dropdown/styles.scss +4 -0
- package/lib/internal/scss/expandable-section/styles.scss +17 -0
- package/lib/internal/scss/internal/components/button-trigger/styles.scss +7 -0
- package/lib/internal/scss/internal/components/drag-handle/styles.scss +5 -1
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/status-indicator/styles.scss +36 -0
- package/lib/internal/scss/table/header-cell/styles.scss +1 -1
- package/lib/internal/scss/table/styles.scss +6 -0
- package/lib/internal/scss/tree-view/tree-item/styles.scss +10 -0
- package/lib/internal/template/app-layout/runtime-drawer/index.js +1 -1
- package/lib/internal/template/app-layout/runtime-drawer/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/drawers.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/drawers.js +3 -0
- package/lib/internal/template/app-layout/visual-refresh/drawers.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +87 -86
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +176 -164
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +87 -86
- package/lib/internal/template/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/tools.js +2 -0
- package/lib/internal/template/app-layout/visual-refresh/tools.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +84 -84
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +6 -6
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
- package/lib/internal/template/breadcrumb-group/implementation.d.ts.map +1 -1
- package/lib/internal/template/breadcrumb-group/implementation.js +2 -2
- package/lib/internal/template/breadcrumb-group/implementation.js.map +1 -1
- package/lib/internal/template/breadcrumb-group/item/item.d.ts.map +1 -1
- package/lib/internal/template/breadcrumb-group/item/item.js +2 -1
- package/lib/internal/template/breadcrumb-group/item/item.js.map +1 -1
- package/lib/internal/template/button/internal.d.ts +3 -0
- package/lib/internal/template/button/internal.d.ts.map +1 -1
- package/lib/internal/template/button/internal.js +2 -2
- package/lib/internal/template/button/internal.js.map +1 -1
- package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/internal.js +4 -3
- package/lib/internal/template/button-dropdown/internal.js.map +1 -1
- package/lib/internal/template/button-dropdown/styles.css.js +22 -21
- package/lib/internal/template/button-dropdown/styles.scoped.css +33 -29
- package/lib/internal/template/button-dropdown/styles.selectors.js +22 -21
- package/lib/internal/template/button-group/icon-toggle-button-item.js +1 -1
- package/lib/internal/template/button-group/icon-toggle-button-item.js.map +1 -1
- package/lib/internal/template/dropdown/internal.d.ts.map +1 -1
- package/lib/internal/template/dropdown/internal.js +14 -2
- package/lib/internal/template/dropdown/internal.js.map +1 -1
- package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
- package/lib/internal/template/expandable-section/expandable-section-header.js +5 -5
- package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
- package/lib/internal/template/expandable-section/styles.css.js +36 -35
- package/lib/internal/template/expandable-section/styles.scoped.css +81 -66
- package/lib/internal/template/expandable-section/styles.selectors.js +36 -35
- package/lib/internal/template/icon/generated/icons.d.ts +1 -0
- package/lib/internal/template/icon/generated/icons.d.ts.map +1 -1
- package/lib/internal/template/icon/generated/icons.js +2 -0
- package/lib/internal/template/icon/generated/icons.js.map +1 -1
- package/lib/internal/template/icon-provider/interfaces.d.ts +1 -1
- package/lib/internal/template/icon-provider/interfaces.d.ts.map +1 -1
- package/lib/internal/template/icon-provider/interfaces.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +7 -1
- package/lib/internal/template/internal/components/button-trigger/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/button-trigger/index.js +3 -2
- package/lib/internal/template/internal/components/button-trigger/index.js.map +1 -1
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +15 -14
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +35 -29
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +15 -14
- package/lib/internal/template/internal/components/drag-handle/styles.css.js +14 -14
- package/lib/internal/template/internal/components/drag-handle/styles.scoped.css +20 -19
- package/lib/internal/template/internal/components/drag-handle/styles.selectors.js +14 -14
- package/lib/internal/template/internal/components/drag-handle-wrapper/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/drag-handle-wrapper/index.js +6 -3
- package/lib/internal/template/internal/components/drag-handle-wrapper/index.js.map +1 -1
- package/lib/internal/template/internal/components/drag-handle-wrapper/portal-overlay.d.ts +2 -1
- package/lib/internal/template/internal/components/drag-handle-wrapper/portal-overlay.d.ts.map +1 -1
- package/lib/internal/template/internal/components/drag-handle-wrapper/portal-overlay.js +2 -2
- package/lib/internal/template/internal/components/drag-handle-wrapper/portal-overlay.js.map +1 -1
- package/lib/internal/template/internal/components/expand-toggle-button/index.js +2 -2
- package/lib/internal/template/internal/components/expand-toggle-button/index.js.map +1 -1
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +1 -0
- package/lib/internal/template/internal/generated/styles/tokens.js +1 -0
- package/lib/internal/template/internal/generated/theming/index.cjs +33 -0
- package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +9 -0
- package/lib/internal/template/internal/generated/theming/index.d.ts +9 -0
- package/lib/internal/template/internal/generated/theming/index.js +33 -0
- package/lib/internal/template/internal/hooks/use-mouse-down-target.js +2 -2
- package/lib/internal/template/internal/hooks/use-mouse-down-target.js.map +1 -1
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.d.ts.map +1 -1
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js +4 -2
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js.map +1 -1
- package/lib/internal/template/internal/hooks/use-visual-mode/index.d.ts +1 -0
- package/lib/internal/template/internal/hooks/use-visual-mode/index.d.ts.map +1 -1
- package/lib/internal/template/internal/hooks/use-visual-mode/index.js +2 -1
- package/lib/internal/template/internal/hooks/use-visual-mode/index.js.map +1 -1
- package/lib/internal/template/status-indicator/internal.d.ts.map +1 -1
- package/lib/internal/template/status-indicator/internal.js +4 -3
- package/lib/internal/template/status-indicator/internal.js.map +1 -1
- package/lib/internal/template/status-indicator/styles.css.js +25 -24
- package/lib/internal/template/status-indicator/styles.scoped.css +75 -40
- package/lib/internal/template/status-indicator/styles.selectors.js +25 -24
- package/lib/internal/template/table/header-cell/group-header-cell.d.ts.map +1 -1
- package/lib/internal/template/table/header-cell/group-header-cell.js +3 -15
- package/lib/internal/template/table/header-cell/group-header-cell.js.map +1 -1
- package/lib/internal/template/table/header-cell/styles.css.js +33 -33
- package/lib/internal/template/table/header-cell/styles.scoped.css +73 -73
- package/lib/internal/template/table/header-cell/styles.selectors.js +33 -33
- package/lib/internal/template/table/header-cell/th-element.d.ts +6 -5
- package/lib/internal/template/table/header-cell/th-element.d.ts.map +1 -1
- package/lib/internal/template/table/header-cell/th-element.js +4 -3
- package/lib/internal/template/table/header-cell/th-element.js.map +1 -1
- package/lib/internal/template/table/interfaces.d.ts +11 -0
- package/lib/internal/template/table/interfaces.d.ts.map +1 -1
- package/lib/internal/template/table/interfaces.js.map +1 -1
- package/lib/internal/template/table/internal.d.ts.map +1 -1
- package/lib/internal/template/table/internal.js +104 -99
- package/lib/internal/template/table/internal.js.map +1 -1
- package/lib/internal/template/table/skeleton-rows.d.ts +23 -0
- package/lib/internal/template/table/skeleton-rows.d.ts.map +1 -0
- package/lib/internal/template/table/skeleton-rows.js +33 -0
- package/lib/internal/template/table/skeleton-rows.js.map +1 -0
- package/lib/internal/template/table/sticky-columns/use-sticky-columns.d.ts +2 -1
- package/lib/internal/template/table/sticky-columns/use-sticky-columns.d.ts.map +1 -1
- package/lib/internal/template/table/sticky-columns/use-sticky-columns.js +31 -7
- package/lib/internal/template/table/sticky-columns/use-sticky-columns.js.map +1 -1
- package/lib/internal/template/table/styles.css.js +36 -35
- package/lib/internal/template/table/styles.scoped.css +48 -42
- package/lib/internal/template/table/styles.selectors.js +36 -35
- package/lib/internal/template/table/thead.d.ts.map +1 -1
- package/lib/internal/template/table/thead.js +1 -1
- package/lib/internal/template/table/thead.js.map +1 -1
- package/lib/internal/template/test-utils/dom/table/index.js +1 -1
- package/lib/internal/template/test-utils/dom/table/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/table/index.js +1 -1
- package/lib/internal/template/test-utils/selectors/table/index.js.map +1 -1
- package/lib/internal/template/theming/index.d.ts +2 -0
- package/lib/internal/template/theming/index.d.ts.map +1 -1
- package/lib/internal/template/theming/index.js +55 -0
- package/lib/internal/template/theming/index.js.map +1 -1
- package/lib/internal/template/tree-view/tree-item/index.d.ts.map +1 -1
- package/lib/internal/template/tree-view/tree-item/index.js +2 -1
- package/lib/internal/template/tree-view/tree-item/index.js.map +1 -1
- package/lib/internal/template/tree-view/tree-item/styles.css.js +10 -9
- package/lib/internal/template/tree-view/tree-item/styles.scoped.css +19 -12
- package/lib/internal/template/tree-view/tree-item/styles.selectors.js +10 -9
- package/package.json +1 -1
|
@@ -146,10 +146,10 @@
|
|
|
146
146
|
*/
|
|
147
147
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
148
148
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
149
|
-
div.
|
|
149
|
+
div.awsui_background_hyvsj_7dhc2_149:not(#\9) {
|
|
150
150
|
display: contents;
|
|
151
151
|
}
|
|
152
|
-
div.
|
|
152
|
+
div.awsui_background_hyvsj_7dhc2_149 > .awsui_scrolling-background_hyvsj_7dhc2_152:not(#\9) {
|
|
153
153
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
154
154
|
color: var(--color-text-body-default-5qid0u, #16191f);
|
|
155
155
|
grid-column: 1/span 5;
|
|
@@ -160,7 +160,7 @@ div.awsui_background_hyvsj_10qzg_149 > .awsui_scrolling-background_hyvsj_10qzg_1
|
|
|
160
160
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
161
161
|
SPDX-License-Identifier: Apache-2.0
|
|
162
162
|
*/
|
|
163
|
-
.
|
|
163
|
+
.awsui_breadcrumbs_hyvsj_7dhc2_163:not(#\9) {
|
|
164
164
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
165
165
|
grid-area: breadcrumbs;
|
|
166
166
|
}
|
|
@@ -173,7 +173,7 @@ div.awsui_background_hyvsj_10qzg_149 > .awsui_scrolling-background_hyvsj_10qzg_1
|
|
|
173
173
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
174
174
|
SPDX-License-Identifier: Apache-2.0
|
|
175
175
|
*/
|
|
176
|
-
.awsui_drawers-
|
|
176
|
+
.awsui_drawers-container_hyvsj_7dhc2_176:not(#\9) {
|
|
177
177
|
background-color: transparent;
|
|
178
178
|
display: flex;
|
|
179
179
|
grid-column: 5;
|
|
@@ -184,16 +184,19 @@ div.awsui_background_hyvsj_10qzg_149 > .awsui_scrolling-background_hyvsj_10qzg_1
|
|
|
184
184
|
inset-block-start: var(--awsui-offset-top-6b9ypa);
|
|
185
185
|
z-index: 830;
|
|
186
186
|
}
|
|
187
|
-
.awsui_drawers-
|
|
187
|
+
.awsui_drawers-container_hyvsj_7dhc2_176.awsui_has-open-drawer_hyvsj_7dhc2_187:not(#\9) {
|
|
188
188
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
189
189
|
}
|
|
190
|
+
.awsui_drawers-container_hyvsj_7dhc2_176.awsui_one-theme_hyvsj_7dhc2_190.awsui_has-open-drawer_hyvsj_7dhc2_187:not(#\9) {
|
|
191
|
+
background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
|
|
192
|
+
}
|
|
190
193
|
@media (min-width: 689px) {
|
|
191
|
-
.awsui_drawers-
|
|
194
|
+
.awsui_drawers-container_hyvsj_7dhc2_176:not(#\9) {
|
|
192
195
|
max-inline-size: calc(var(--awsui-layout-width-6b9ypa) - var(--awsui-main-offset-left-6b9ypa) - var(--awsui-default-min-content-width-6b9ypa) - var(--awsui-content-gap-right-6b9ypa));
|
|
193
196
|
}
|
|
194
197
|
}
|
|
195
198
|
@media (max-width: 688px) {
|
|
196
|
-
.awsui_drawers-
|
|
199
|
+
.awsui_drawers-container_hyvsj_7dhc2_176:not(#\9) {
|
|
197
200
|
position: fixed;
|
|
198
201
|
inset-inline-end: 0;
|
|
199
202
|
z-index: 1001;
|
|
@@ -205,12 +208,12 @@ div.awsui_background_hyvsj_10qzg_149 > .awsui_scrolling-background_hyvsj_10qzg_1
|
|
|
205
208
|
relative to the body.
|
|
206
209
|
*/
|
|
207
210
|
}
|
|
208
|
-
.awsui_drawers-
|
|
211
|
+
.awsui_drawers-container_hyvsj_7dhc2_176.awsui_disable-body-scroll_hyvsj_7dhc2_211:not(#\9) {
|
|
209
212
|
inset-block-start: var(--awsui-header-height-6b9ypa);
|
|
210
213
|
}
|
|
211
214
|
}
|
|
212
215
|
|
|
213
|
-
.awsui_drawers-desktop-triggers-
|
|
216
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_7dhc2_216:not(#\9) {
|
|
214
217
|
border-collapse: separate;
|
|
215
218
|
border-spacing: 0;
|
|
216
219
|
box-sizing: border-box;
|
|
@@ -248,22 +251,25 @@ div.awsui_background_hyvsj_10qzg_149 > .awsui_scrolling-background_hyvsj_10qzg_1
|
|
|
248
251
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
249
252
|
overscroll-behavior-y: contain;
|
|
250
253
|
}
|
|
251
|
-
.awsui_drawers-desktop-triggers-
|
|
254
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_7dhc2_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_7dhc2_254).awsui_has-open-drawer_hyvsj_7dhc2_187 {
|
|
252
255
|
inline-size: 0;
|
|
253
256
|
}
|
|
254
|
-
.awsui_drawers-desktop-triggers-
|
|
257
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_7dhc2_216.awsui_has-multiple-triggers_hyvsj_7dhc2_254.awsui_has-open-drawer_hyvsj_7dhc2_187:not(#\9) {
|
|
255
258
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
256
259
|
}
|
|
257
|
-
.awsui_drawers-desktop-triggers-
|
|
260
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_7dhc2_216.awsui_one-theme_hyvsj_7dhc2_190.awsui_has-multiple-triggers_hyvsj_7dhc2_254.awsui_has-open-drawer_hyvsj_7dhc2_187:not(#\9) {
|
|
261
|
+
background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
|
|
262
|
+
}
|
|
263
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_7dhc2_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_7dhc2_254):not(.awsui_has-open-drawer_hyvsj_7dhc2_187) {
|
|
258
264
|
inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
|
|
259
265
|
}
|
|
260
266
|
|
|
261
|
-
.awsui_drawers-mobile-triggers-
|
|
267
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_7dhc2_267:not(#\9) {
|
|
262
268
|
display: flex;
|
|
263
269
|
justify-content: flex-end;
|
|
264
270
|
}
|
|
265
271
|
|
|
266
|
-
.awsui_drawers-trigger-
|
|
272
|
+
.awsui_drawers-trigger-content_hyvsj_7dhc2_272:not(#\9) {
|
|
267
273
|
align-items: center;
|
|
268
274
|
display: flex;
|
|
269
275
|
flex-direction: column;
|
|
@@ -271,13 +277,13 @@ div.awsui_background_hyvsj_10qzg_149 > .awsui_scrolling-background_hyvsj_10qzg_1
|
|
|
271
277
|
padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
|
|
272
278
|
inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
|
|
273
279
|
}
|
|
274
|
-
.awsui_drawers-trigger-
|
|
280
|
+
.awsui_drawers-trigger-content_hyvsj_7dhc2_272:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_7dhc2_254).awsui_has-open-drawer_hyvsj_7dhc2_187 {
|
|
275
281
|
opacity: 0;
|
|
276
282
|
}
|
|
277
|
-
.awsui_drawers-trigger-
|
|
283
|
+
.awsui_drawers-trigger-content_hyvsj_7dhc2_272:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_7dhc2_254):not(.awsui_has-open-drawer_hyvsj_7dhc2_187) {
|
|
278
284
|
opacity: 1;
|
|
279
285
|
}
|
|
280
|
-
.awsui_drawers-trigger-
|
|
286
|
+
.awsui_drawers-trigger-content_hyvsj_7dhc2_272 > .awsui_drawers-trigger-overflow_hyvsj_7dhc2_286:not(#\9) {
|
|
281
287
|
padding-block: 0;
|
|
282
288
|
padding-inline: 1px;
|
|
283
289
|
display: flex;
|
|
@@ -286,14 +292,14 @@ div.awsui_background_hyvsj_10qzg_149 > .awsui_scrolling-background_hyvsj_10qzg_1
|
|
|
286
292
|
}
|
|
287
293
|
|
|
288
294
|
@media (max-width: 688px) {
|
|
289
|
-
.awsui_drawers-
|
|
295
|
+
.awsui_drawers-trigger_hyvsj_7dhc2_272:not(#\9) {
|
|
290
296
|
inline-size: 40px;
|
|
291
297
|
display: flex;
|
|
292
298
|
justify-content: center;
|
|
293
299
|
}
|
|
294
300
|
}
|
|
295
301
|
|
|
296
|
-
.
|
|
302
|
+
.awsui_drawer_hyvsj_7dhc2_176:not(#\9) {
|
|
297
303
|
--awsui-drawer-size-6b9ypa: 290px;
|
|
298
304
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
299
305
|
border-color: transparent;
|
|
@@ -308,7 +314,10 @@ div.awsui_background_hyvsj_10qzg_149 > .awsui_scrolling-background_hyvsj_10qzg_1
|
|
|
308
314
|
pointer-events: auto;
|
|
309
315
|
word-wrap: break-word;
|
|
310
316
|
}
|
|
311
|
-
.
|
|
317
|
+
.awsui_drawer_hyvsj_7dhc2_176.awsui_one-theme_hyvsj_7dhc2_190:not(#\9) {
|
|
318
|
+
background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
|
|
319
|
+
}
|
|
320
|
+
.awsui_drawer_hyvsj_7dhc2_176 > .awsui_drawer-content-container_hyvsj_7dhc2_320:not(#\9) {
|
|
312
321
|
grid-column: 1/span 2;
|
|
313
322
|
grid-row: 1;
|
|
314
323
|
inline-size: var(--awsui-drawer-size-6b9ypa);
|
|
@@ -317,19 +326,19 @@ div.awsui_background_hyvsj_10qzg_149 > .awsui_scrolling-background_hyvsj_10qzg_1
|
|
|
317
326
|
grid-template-rows: var(--size-vertical-panel-icon-offset-1tiizm, 15px) auto 1fr;
|
|
318
327
|
overflow-y: auto;
|
|
319
328
|
}
|
|
320
|
-
.
|
|
329
|
+
.awsui_drawer_hyvsj_7dhc2_176 > .awsui_drawer-content-container_hyvsj_7dhc2_320 > .awsui_drawer-close-button_hyvsj_7dhc2_329:not(#\9) {
|
|
321
330
|
grid-column: 3;
|
|
322
331
|
grid-row: 2;
|
|
323
332
|
z-index: 1;
|
|
324
333
|
}
|
|
325
|
-
.
|
|
334
|
+
.awsui_drawer_hyvsj_7dhc2_176 > .awsui_drawer-content-container_hyvsj_7dhc2_320 > .awsui_drawer-content_hyvsj_7dhc2_320:not(#\9) {
|
|
326
335
|
grid-column: 1/span 4;
|
|
327
336
|
block-size: var(--awsui-content-height-6b9ypa);
|
|
328
337
|
}
|
|
329
|
-
.
|
|
338
|
+
.awsui_drawer_hyvsj_7dhc2_176 > .awsui_drawer-content-container_hyvsj_7dhc2_320 > .awsui_drawer-content_hyvsj_7dhc2_320.awsui_drawer-content-hidden_hyvsj_7dhc2_338:not(#\9) {
|
|
330
339
|
display: none;
|
|
331
340
|
}
|
|
332
|
-
.
|
|
341
|
+
.awsui_drawer_hyvsj_7dhc2_176 > .awsui_drawer-slider_hyvsj_7dhc2_341:not(#\9) {
|
|
333
342
|
grid-column: 1;
|
|
334
343
|
grid-row: 1;
|
|
335
344
|
block-size: 100%;
|
|
@@ -337,23 +346,23 @@ div.awsui_background_hyvsj_10qzg_149 > .awsui_scrolling-background_hyvsj_10qzg_1
|
|
|
337
346
|
align-items: center;
|
|
338
347
|
z-index: 850;
|
|
339
348
|
}
|
|
340
|
-
.
|
|
349
|
+
.awsui_drawer_hyvsj_7dhc2_176:not(#\9):not(.awsui_is-drawer-open_hyvsj_7dhc2_349) {
|
|
341
350
|
opacity: 0;
|
|
342
351
|
inline-size: 0;
|
|
343
352
|
}
|
|
344
|
-
.
|
|
353
|
+
.awsui_drawer_hyvsj_7dhc2_176.awsui_is-drawer-open_hyvsj_7dhc2_349:not(#\9) {
|
|
345
354
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
|
|
346
355
|
border-inline-start: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
|
|
347
356
|
opacity: 1;
|
|
348
357
|
inline-size: var(--awsui-drawer-size-6b9ypa);
|
|
349
358
|
}
|
|
350
359
|
@media (min-width: 2541px) {
|
|
351
|
-
.
|
|
360
|
+
.awsui_drawer_hyvsj_7dhc2_176.awsui_is-drawer-open_hyvsj_7dhc2_349:not(#\9) {
|
|
352
361
|
--awsui-drawer-size-6b9ypa: 320px;
|
|
353
362
|
}
|
|
354
363
|
}
|
|
355
364
|
@media (max-width: 688px) {
|
|
356
|
-
.
|
|
365
|
+
.awsui_drawer_hyvsj_7dhc2_176.awsui_is-drawer-open_hyvsj_7dhc2_349:not(#\9) {
|
|
357
366
|
--awsui-drawer-size-6b9ypa: 100vw;
|
|
358
367
|
inline-size: 100vw;
|
|
359
368
|
}
|
|
@@ -363,7 +372,7 @@ div.awsui_background_hyvsj_10qzg_149 > .awsui_scrolling-background_hyvsj_10qzg_1
|
|
|
363
372
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
364
373
|
SPDX-License-Identifier: Apache-2.0
|
|
365
374
|
*/
|
|
366
|
-
header.
|
|
375
|
+
header.awsui_content_hyvsj_7dhc2_375:not(#\9) {
|
|
367
376
|
grid-area: header;
|
|
368
377
|
}
|
|
369
378
|
|
|
@@ -388,7 +397,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
388
397
|
circumstances regardless of whether the minContentWidth property is
|
|
389
398
|
explicitly set in script.
|
|
390
399
|
*/
|
|
391
|
-
.
|
|
400
|
+
.awsui_layout_hyvsj_7dhc2_400:not(#\9) {
|
|
392
401
|
--awsui-breadcrumbs-gap-6b9ypa: 0px;
|
|
393
402
|
--awsui-content-gap-left-6b9ypa: 0px;
|
|
394
403
|
--awsui-content-gap-right-6b9ypa: 0px;
|
|
@@ -460,113 +469,113 @@ explicitly set in script.
|
|
|
460
469
|
*/
|
|
461
470
|
}
|
|
462
471
|
@media (min-width: 1401px) {
|
|
463
|
-
.
|
|
472
|
+
.awsui_layout_hyvsj_7dhc2_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_7dhc2_472) {
|
|
464
473
|
--awsui-default-max-content-width-6b9ypa: 1280px;
|
|
465
474
|
}
|
|
466
475
|
}
|
|
467
476
|
@media (min-width: 1921px) {
|
|
468
|
-
.
|
|
477
|
+
.awsui_layout_hyvsj_7dhc2_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_7dhc2_472) {
|
|
469
478
|
--awsui-default-max-content-width-6b9ypa: 1440px;
|
|
470
479
|
}
|
|
471
480
|
}
|
|
472
481
|
@media (min-width: 2541px) {
|
|
473
|
-
.
|
|
482
|
+
.awsui_layout_hyvsj_7dhc2_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_7dhc2_472) {
|
|
474
483
|
--awsui-default-max-content-width-6b9ypa: 1620px;
|
|
475
484
|
}
|
|
476
485
|
}
|
|
477
486
|
@media (min-width: 1401px) {
|
|
478
|
-
.
|
|
487
|
+
.awsui_layout_hyvsj_7dhc2_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_7dhc2_472).awsui_content-type-dashboard_hyvsj_7dhc2_487 {
|
|
479
488
|
--awsui-default-max-content-width-6b9ypa: 1280px;
|
|
480
489
|
}
|
|
481
490
|
}
|
|
482
491
|
@media (min-width: 1921px) {
|
|
483
|
-
.
|
|
492
|
+
.awsui_layout_hyvsj_7dhc2_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_7dhc2_472).awsui_content-type-dashboard_hyvsj_7dhc2_487 {
|
|
484
493
|
--awsui-default-max-content-width-6b9ypa: 1620px;
|
|
485
494
|
}
|
|
486
495
|
}
|
|
487
496
|
@media (min-width: 2541px) {
|
|
488
|
-
.
|
|
497
|
+
.awsui_layout_hyvsj_7dhc2_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_7dhc2_472).awsui_content-type-dashboard_hyvsj_7dhc2_487 {
|
|
489
498
|
--awsui-default-max-content-width-6b9ypa: 2160px;
|
|
490
499
|
}
|
|
491
500
|
}
|
|
492
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_7dhc2_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_7dhc2_472).awsui_content-type-table_hyvsj_7dhc2_501, .awsui_layout_hyvsj_7dhc2_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_7dhc2_472).awsui_content-type-cards_hyvsj_7dhc2_501 {
|
|
493
502
|
--awsui-default-max-content-width-6b9ypa: 100%;
|
|
494
503
|
}
|
|
495
|
-
.
|
|
504
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_has-max-content-width_hyvsj_7dhc2_472:not(#\9) {
|
|
496
505
|
--awsui-default-max-content-width-6b9ypa: var(--awsui-max-content-width-6b9ypa);
|
|
497
506
|
}
|
|
498
|
-
.
|
|
507
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_is-overlap-disabled_hyvsj_7dhc2_507:not(#\9) {
|
|
499
508
|
--awsui-overlap-height-6b9ypa: 0;
|
|
500
509
|
}
|
|
501
|
-
.
|
|
510
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_is-hide-mobile-toolbar_hyvsj_7dhc2_510:not(#\9) {
|
|
502
511
|
--awsui-mobile-bar-height-6b9ypa: 0px;
|
|
503
512
|
}
|
|
504
513
|
@media (min-width: 993px) {
|
|
505
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_7dhc2_400:not(#\9) {
|
|
506
515
|
--awsui-default-min-content-width-6b9ypa: var(--awsui-min-content-width-6b9ypa, 280px);
|
|
507
516
|
}
|
|
508
517
|
}
|
|
509
518
|
@media (max-width: 992px) {
|
|
510
|
-
.
|
|
519
|
+
.awsui_layout_hyvsj_7dhc2_400:not(#\9) {
|
|
511
520
|
--awsui-default-min-content-width-6b9ypa: 0px;
|
|
512
521
|
}
|
|
513
522
|
}
|
|
514
523
|
@media (min-width: 689px) {
|
|
515
|
-
.
|
|
524
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_has-content-gap-left_hyvsj_7dhc2_524:not(#\9) {
|
|
516
525
|
--awsui-content-gap-left-6b9ypa: var(--space-layout-content-horizontal-q3zhej, 40px);
|
|
517
526
|
}
|
|
518
|
-
.
|
|
527
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_has-content-gap-right_hyvsj_7dhc2_527:not(#\9) {
|
|
519
528
|
--awsui-content-gap-right-6b9ypa: var(--space-layout-content-horizontal-q3zhej, 40px);
|
|
520
529
|
}
|
|
521
530
|
}
|
|
522
531
|
@media (max-width: 688px) {
|
|
523
|
-
.
|
|
532
|
+
.awsui_layout_hyvsj_7dhc2_400:not(#\9) {
|
|
524
533
|
--awsui-content-gap-left-6b9ypa: var(--space-l-3cws6j, 20px);
|
|
525
534
|
--awsui-content-gap-right-6b9ypa: var(--space-l-3cws6j, 20px);
|
|
526
535
|
}
|
|
527
536
|
}
|
|
528
|
-
.
|
|
537
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_has-breadcrumbs_hyvsj_7dhc2_537:not(#\9) {
|
|
529
538
|
--awsui-breadcrumbs-gap-6b9ypa: var(--space-scaled-m-sw9kcx, 16px);
|
|
530
539
|
}
|
|
531
|
-
.
|
|
540
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_content-first-child-header_hyvsj_7dhc2_540:not(#\9), .awsui_layout_hyvsj_7dhc2_400.awsui_content-first-child-notifications_hyvsj_7dhc2_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_7dhc2_537).awsui_has-header_hyvsj_7dhc2_540 {
|
|
532
541
|
--awsui-header-gap-6b9ypa: var(--space-scaled-xs-sppte9, 8px);
|
|
533
542
|
}
|
|
534
|
-
.
|
|
543
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_has-breadcrumbs_hyvsj_7dhc2_537.awsui_has-header_hyvsj_7dhc2_540:not(#\9) {
|
|
535
544
|
--awsui-header-gap-6b9ypa: var(--space-scaled-xs-sppte9, 8px);
|
|
536
545
|
}
|
|
537
|
-
.
|
|
546
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_content-first-child-notifications_hyvsj_7dhc2_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_7dhc2_537):not(.awsui_has-header_hyvsj_7dhc2_540) {
|
|
538
547
|
--awsui-main-gap-6b9ypa: var(--space-xs-kw7k3v, 8px);
|
|
539
548
|
}
|
|
540
|
-
.
|
|
549
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_has-breadcrumbs_hyvsj_7dhc2_537:not(#\9):not(.awsui_has-header_hyvsj_7dhc2_540) {
|
|
541
550
|
--awsui-main-gap-6b9ypa: var(--space-scaled-xxs-jatbiv, 4px);
|
|
542
551
|
}
|
|
543
|
-
.
|
|
552
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_has-header_hyvsj_7dhc2_540:not(#\9) {
|
|
544
553
|
--awsui-main-gap-6b9ypa: var(--space-content-header-padding-bottom-hjkugf, 16px);
|
|
545
554
|
}
|
|
546
|
-
.
|
|
555
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_content-first-child-main_hyvsj_7dhc2_555:not(#\9):not(.awsui_disable-content-paddings_hyvsj_7dhc2_555) {
|
|
547
556
|
--awsui-main-gap-6b9ypa: var(--space-scaled-s-gjhvjd, 12px);
|
|
548
557
|
}
|
|
549
|
-
.
|
|
558
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_content-first-child-main_hyvsj_7dhc2_555.awsui_disable-content-paddings_hyvsj_7dhc2_555:not(#\9) {
|
|
550
559
|
--awsui-main-gap-6b9ypa: 0px;
|
|
551
560
|
}
|
|
552
561
|
@media (max-width: 688px) {
|
|
553
|
-
.
|
|
562
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_content-first-child-header_hyvsj_7dhc2_540:not(#\9) {
|
|
554
563
|
--awsui-header-gap-6b9ypa: var(--space-scaled-s-gjhvjd, 12px);
|
|
555
564
|
}
|
|
556
|
-
.
|
|
565
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_content-first-child-notifications_hyvsj_7dhc2_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_7dhc2_537).awsui_has-header_hyvsj_7dhc2_540 {
|
|
557
566
|
--awsui-header-gap-6b9ypa: var(--space-scaled-s-gjhvjd, 12px);
|
|
558
567
|
}
|
|
559
|
-
.
|
|
568
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_content-first-child-notifications_hyvsj_7dhc2_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_7dhc2_537):not(.awsui_has-header_hyvsj_7dhc2_540), .awsui_layout_hyvsj_7dhc2_400.awsui_content-first-child-main_hyvsj_7dhc2_555:not(#\9):not(.awsui_disable-content-paddings_hyvsj_7dhc2_555) {
|
|
560
569
|
--awsui-main-gap-6b9ypa: var(--space-scaled-s-gjhvjd, 12px);
|
|
561
570
|
}
|
|
562
|
-
.
|
|
571
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_content-first-child-main_hyvsj_7dhc2_555.awsui_disable-content-paddings_hyvsj_7dhc2_555:not(#\9) {
|
|
563
572
|
--awsui-main-gap-6b9ypa: 0px;
|
|
564
573
|
}
|
|
565
574
|
}
|
|
566
|
-
.
|
|
575
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_has-left-toggles-gutter_hyvsj_7dhc2_575:not(#\9) {
|
|
567
576
|
--awsui-toggles-left-width-6b9ypa: calc(var(--space-layout-toggle-padding-quc8b2, 12px) + 36px);
|
|
568
577
|
}
|
|
569
|
-
.
|
|
578
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_has-right-toggles-gutter_hyvsj_7dhc2_578:not(#\9) {
|
|
570
579
|
--awsui-toggles-right-width-6b9ypa: calc(var(--space-layout-toggle-padding-quc8b2, 12px) + 36px);
|
|
571
580
|
}
|
|
572
581
|
|
|
@@ -580,13 +589,13 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
580
589
|
position: sticky will be the value of the notifications height in addition to the
|
|
581
590
|
notifications top margin and some additional vertical space for aesthetics.
|
|
582
591
|
*/
|
|
583
|
-
.
|
|
592
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_disable-body-scroll_hyvsj_7dhc2_211:not(#\9) {
|
|
584
593
|
--awsui-main-template-rows-6b9ypa: 1fr auto;
|
|
585
594
|
--awsui-offset-top-6b9ypa: 0px;
|
|
586
595
|
block-size: var(--awsui-content-height-6b9ypa);
|
|
587
596
|
overflow-y: scroll;
|
|
588
597
|
}
|
|
589
|
-
.
|
|
598
|
+
.awsui_layout_hyvsj_7dhc2_400.awsui_disable-body-scroll_hyvsj_7dhc2_211.awsui_has-split-panel_hyvsj_7dhc2_598.awsui_split-panel-position-bottom_hyvsj_7dhc2_598:not(#\9) {
|
|
590
599
|
--awsui-main-template-rows-6b9ypa: repeat(2, auto);
|
|
591
600
|
}
|
|
592
601
|
|
|
@@ -594,13 +603,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
594
603
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
595
604
|
when the navigation or tools drawers are open in responsive viewports.
|
|
596
605
|
*/
|
|
597
|
-
.awsui_block-body-
|
|
606
|
+
.awsui_block-body-scroll_hyvsj_7dhc2_606:not(#\9) {
|
|
598
607
|
overflow: hidden;
|
|
599
608
|
}
|
|
600
609
|
|
|
601
610
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
602
|
-
.
|
|
603
|
-
.
|
|
611
|
+
.awsui_unfocusable_hyvsj_7dhc2_611:not(#\9),
|
|
612
|
+
.awsui_unfocusable_hyvsj_7dhc2_611 *:not(#\9) {
|
|
604
613
|
visibility: hidden !important;
|
|
605
614
|
}
|
|
606
615
|
|
|
@@ -609,7 +618,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
609
618
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
610
619
|
SPDX-License-Identifier: Apache-2.0
|
|
611
620
|
*/
|
|
612
|
-
.
|
|
621
|
+
.awsui_container_hyvsj_7dhc2_621:not(#\9) {
|
|
613
622
|
grid-area: main;
|
|
614
623
|
padding-block-end: var(--space-layout-content-bottom-iu1izz, 20px);
|
|
615
624
|
/*
|
|
@@ -626,19 +635,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
626
635
|
on the right, we decrement the column end by one.
|
|
627
636
|
*/
|
|
628
637
|
}
|
|
629
|
-
.
|
|
638
|
+
.awsui_container_hyvsj_7dhc2_621.awsui_has-split-panel_hyvsj_7dhc2_598.awsui_split-panel-position-bottom_hyvsj_7dhc2_598:not(#\9) {
|
|
630
639
|
padding-block-end: calc(var(--awsui-split-panel-height-6b9ypa) + var(--space-layout-content-bottom-iu1izz, 20px));
|
|
631
640
|
}
|
|
632
|
-
.
|
|
641
|
+
.awsui_container_hyvsj_7dhc2_621.awsui_disable-content-paddings_hyvsj_7dhc2_555:not(#\9) {
|
|
633
642
|
grid-column: 1/6;
|
|
634
643
|
padding-block: 0;
|
|
635
644
|
padding-inline: 0;
|
|
636
645
|
}
|
|
637
646
|
@media (min-width: 689px) {
|
|
638
|
-
.
|
|
647
|
+
.awsui_container_hyvsj_7dhc2_621.awsui_disable-content-paddings_hyvsj_7dhc2_555.awsui_is-navigation-open_hyvsj_7dhc2_647:not(#\9) {
|
|
639
648
|
grid-column-start: 2;
|
|
640
649
|
}
|
|
641
|
-
.
|
|
650
|
+
.awsui_container_hyvsj_7dhc2_621.awsui_disable-content-paddings_hyvsj_7dhc2_555.awsui_is-tools-open_hyvsj_7dhc2_650:not(#\9), .awsui_container_hyvsj_7dhc2_621.awsui_disable-content-paddings_hyvsj_7dhc2_555.awsui_is-split-panel-open_hyvsj_7dhc2_650.awsui_split-panel-position-side_hyvsj_7dhc2_650:not(#\9), .awsui_container_hyvsj_7dhc2_621.awsui_disable-content-paddings_hyvsj_7dhc2_555.awsui_has-active-drawer_hyvsj_7dhc2_650:not(#\9) {
|
|
642
651
|
grid-column-end: 5;
|
|
643
652
|
}
|
|
644
653
|
}
|
|
@@ -651,7 +660,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
651
660
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
652
661
|
SPDX-License-Identifier: Apache-2.0
|
|
653
662
|
*/
|
|
654
|
-
section.awsui_mobile-
|
|
663
|
+
section.awsui_mobile-toolbar_hyvsj_7dhc2_663:not(#\9) {
|
|
655
664
|
align-items: center;
|
|
656
665
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
657
666
|
border-block-end: 1px solid var(--color-border-divider-default-ipvpev, #eaeded);
|
|
@@ -668,19 +677,19 @@ section.awsui_mobile-toolbar_hyvsj_10qzg_654:not(#\9) {
|
|
|
668
677
|
inset-block-start: var(--awsui-offset-top-6b9ypa);
|
|
669
678
|
z-index: 1000;
|
|
670
679
|
}
|
|
671
|
-
section.awsui_mobile-
|
|
680
|
+
section.awsui_mobile-toolbar_hyvsj_7dhc2_663:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_7dhc2_680) {
|
|
672
681
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
673
682
|
box-shadow: var(--shadow-panel-toggle-rswlot, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
674
683
|
}
|
|
675
|
-
section.awsui_mobile-
|
|
684
|
+
section.awsui_mobile-toolbar_hyvsj_7dhc2_663 > .awsui_mobile-toolbar-nav_hyvsj_7dhc2_684:not(#\9) {
|
|
676
685
|
grid-column: 1;
|
|
677
686
|
margin-inline-end: var(--space-m-n2lypl, 16px);
|
|
678
687
|
}
|
|
679
|
-
section.awsui_mobile-
|
|
688
|
+
section.awsui_mobile-toolbar_hyvsj_7dhc2_663 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_7dhc2_688:not(#\9) {
|
|
680
689
|
grid-column: 2;
|
|
681
690
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
682
691
|
}
|
|
683
|
-
section.awsui_mobile-
|
|
692
|
+
section.awsui_mobile-toolbar_hyvsj_7dhc2_663 > .awsui_mobile-toolbar-tools_hyvsj_7dhc2_692:not(#\9) {
|
|
684
693
|
grid-column: 3;
|
|
685
694
|
margin-inline-start: var(--space-m-n2lypl, 16px);
|
|
686
695
|
}
|
|
@@ -689,7 +698,7 @@ section.awsui_mobile-toolbar_hyvsj_10qzg_654 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
689
698
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
690
699
|
SPDX-License-Identifier: Apache-2.0
|
|
691
700
|
*/
|
|
692
|
-
.awsui_navigation-
|
|
701
|
+
.awsui_navigation-container_hyvsj_7dhc2_701:not(#\9) {
|
|
693
702
|
display: flex;
|
|
694
703
|
grid-column: 1;
|
|
695
704
|
grid-row: 1/span 9;
|
|
@@ -710,7 +719,7 @@ section.awsui_mobile-toolbar_hyvsj_10qzg_654 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
710
719
|
pointer-events: none;
|
|
711
720
|
}
|
|
712
721
|
@media (max-width: 688px) {
|
|
713
|
-
.awsui_navigation-
|
|
722
|
+
.awsui_navigation-container_hyvsj_7dhc2_701:not(#\9) {
|
|
714
723
|
inset-inline-start: 0;
|
|
715
724
|
position: fixed;
|
|
716
725
|
z-index: 1001;
|
|
@@ -722,12 +731,12 @@ section.awsui_mobile-toolbar_hyvsj_10qzg_654 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
722
731
|
relative to the body.
|
|
723
732
|
*/
|
|
724
733
|
}
|
|
725
|
-
.awsui_navigation-
|
|
734
|
+
.awsui_navigation-container_hyvsj_7dhc2_701.awsui_disable-body-scroll_hyvsj_7dhc2_211:not(#\9) {
|
|
726
735
|
inset-block-start: var(--awsui-header-height-6b9ypa);
|
|
727
736
|
}
|
|
728
737
|
}
|
|
729
738
|
|
|
730
|
-
nav.awsui_show-
|
|
739
|
+
nav.awsui_show-navigation_hyvsj_7dhc2_739:not(#\9) {
|
|
731
740
|
padding-block: var(--space-scaled-s-gjhvjd, 12px);
|
|
732
741
|
padding-inline: var(--space-layout-toggle-padding-quc8b2, 12px);
|
|
733
742
|
/*
|
|
@@ -735,7 +744,7 @@ nav.awsui_show-navigation_hyvsj_10qzg_730:not(#\9) {
|
|
|
735
744
|
take control in responsive viewports.
|
|
736
745
|
*/
|
|
737
746
|
}
|
|
738
|
-
@keyframes
|
|
747
|
+
@keyframes awsui_showButtons_hyvsj_7dhc2_1 {
|
|
739
748
|
0% {
|
|
740
749
|
opacity: 0;
|
|
741
750
|
}
|
|
@@ -743,32 +752,32 @@ nav.awsui_show-navigation_hyvsj_10qzg_730:not(#\9) {
|
|
|
743
752
|
opacity: 1;
|
|
744
753
|
}
|
|
745
754
|
}
|
|
746
|
-
nav.awsui_show-
|
|
755
|
+
nav.awsui_show-navigation_hyvsj_7dhc2_739.awsui_is-navigation-open_hyvsj_7dhc2_647:not(#\9) {
|
|
747
756
|
display: none;
|
|
748
757
|
}
|
|
749
758
|
@media (min-width: 689px) {
|
|
750
|
-
nav.awsui_show-
|
|
759
|
+
nav.awsui_show-navigation_hyvsj_7dhc2_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_7dhc2_647) {
|
|
751
760
|
display: block;
|
|
752
761
|
}
|
|
753
|
-
nav.awsui_show-
|
|
754
|
-
animation:
|
|
762
|
+
nav.awsui_show-navigation_hyvsj_7dhc2_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_7dhc2_647).awsui_animating_hyvsj_7dhc2_762 {
|
|
763
|
+
animation: awsui_showButtons_hyvsj_7dhc2_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
755
764
|
}
|
|
756
765
|
}
|
|
757
766
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
758
|
-
nav.awsui_show-
|
|
767
|
+
nav.awsui_show-navigation_hyvsj_7dhc2_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_7dhc2_647).awsui_animating_hyvsj_7dhc2_762 {
|
|
759
768
|
animation: none;
|
|
760
769
|
transition: none;
|
|
761
770
|
}
|
|
762
771
|
}
|
|
763
772
|
@media (min-width: 689px) {
|
|
764
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
773
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_7dhc2_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_7dhc2_647).awsui_animating_hyvsj_7dhc2_762, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_7dhc2_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_7dhc2_647).awsui_animating_hyvsj_7dhc2_762 {
|
|
765
774
|
animation: none;
|
|
766
775
|
transition: none;
|
|
767
776
|
}
|
|
768
777
|
}
|
|
769
778
|
|
|
770
|
-
nav.
|
|
771
|
-
background-color: var(--color-background-
|
|
779
|
+
nav.awsui_navigation_hyvsj_7dhc2_701:not(#\9) {
|
|
780
|
+
background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
|
|
772
781
|
inset-block-end: 0;
|
|
773
782
|
block-size: 100%;
|
|
774
783
|
overflow-x: hidden;
|
|
@@ -787,7 +796,7 @@ nav.awsui_navigation_hyvsj_10qzg_692:not(#\9) {
|
|
|
787
796
|
prevent unwanted text wrapping.
|
|
788
797
|
*/
|
|
789
798
|
}
|
|
790
|
-
@keyframes
|
|
799
|
+
@keyframes awsui_openNavigation_hyvsj_7dhc2_1 {
|
|
791
800
|
from {
|
|
792
801
|
opacity: 0;
|
|
793
802
|
inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
|
|
@@ -797,36 +806,36 @@ nav.awsui_navigation_hyvsj_10qzg_692:not(#\9) {
|
|
|
797
806
|
inline-size: var(--awsui-navigation-width-6b9ypa);
|
|
798
807
|
}
|
|
799
808
|
}
|
|
800
|
-
nav.
|
|
809
|
+
nav.awsui_navigation_hyvsj_7dhc2_701:not(#\9):not(.awsui_is-navigation-open_hyvsj_7dhc2_647) {
|
|
801
810
|
inline-size: 0;
|
|
802
811
|
display: none;
|
|
803
812
|
}
|
|
804
|
-
nav.
|
|
805
|
-
animation:
|
|
813
|
+
nav.awsui_navigation_hyvsj_7dhc2_701.awsui_is-navigation-open_hyvsj_7dhc2_647.awsui_animating_hyvsj_7dhc2_762:not(#\9) {
|
|
814
|
+
animation: awsui_openNavigation_hyvsj_7dhc2_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
806
815
|
}
|
|
807
816
|
@media (prefers-reduced-motion: reduce) {
|
|
808
|
-
nav.
|
|
817
|
+
nav.awsui_navigation_hyvsj_7dhc2_701.awsui_is-navigation-open_hyvsj_7dhc2_647.awsui_animating_hyvsj_7dhc2_762:not(#\9) {
|
|
809
818
|
animation: none;
|
|
810
819
|
transition: none;
|
|
811
820
|
}
|
|
812
821
|
}
|
|
813
|
-
.awsui-motion-disabled nav.
|
|
822
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_7dhc2_701.awsui_is-navigation-open_hyvsj_7dhc2_647.awsui_animating_hyvsj_7dhc2_762:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_7dhc2_701.awsui_is-navigation-open_hyvsj_7dhc2_647.awsui_animating_hyvsj_7dhc2_762:not(#\9) {
|
|
814
823
|
animation: none;
|
|
815
824
|
transition: none;
|
|
816
825
|
}
|
|
817
|
-
nav.
|
|
826
|
+
nav.awsui_navigation_hyvsj_7dhc2_701 > .awsui_animated-content_hyvsj_7dhc2_826:not(#\9) {
|
|
818
827
|
inline-size: var(--awsui-navigation-width-6b9ypa);
|
|
819
828
|
}
|
|
820
|
-
nav.
|
|
829
|
+
nav.awsui_navigation_hyvsj_7dhc2_701 > .awsui_content-container_hyvsj_7dhc2_829:not(#\9) {
|
|
821
830
|
flex-grow: 1;
|
|
822
831
|
}
|
|
823
832
|
@media (max-width: 688px) {
|
|
824
|
-
nav.
|
|
833
|
+
nav.awsui_navigation_hyvsj_7dhc2_701:not(#\9) {
|
|
825
834
|
--awsui-navigation-width-6b9ypa: 100vw;
|
|
826
835
|
}
|
|
827
836
|
}
|
|
828
837
|
|
|
829
|
-
.awsui_hide-
|
|
838
|
+
.awsui_hide-navigation_hyvsj_7dhc2_838:not(#\9) {
|
|
830
839
|
position: absolute;
|
|
831
840
|
inset-inline-end: var(--space-m-n2lypl, 16px);
|
|
832
841
|
inset-block-start: var(--size-vertical-panel-icon-offset-1tiizm, 15px);
|
|
@@ -836,24 +845,24 @@ nav.awsui_navigation_hyvsj_10qzg_692 > .awsui_content-container_hyvsj_10qzg_820:
|
|
|
836
845
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
837
846
|
SPDX-License-Identifier: Apache-2.0
|
|
838
847
|
*/
|
|
839
|
-
.
|
|
848
|
+
.awsui_notifications_hyvsj_7dhc2_848:not(#\9) {
|
|
840
849
|
color: var(--color-text-body-default-5qid0u, #16191f);
|
|
841
850
|
grid-area: notifications;
|
|
842
851
|
z-index: 850;
|
|
843
852
|
}
|
|
844
|
-
.
|
|
853
|
+
.awsui_notifications_hyvsj_7dhc2_848.awsui_has-notification-content_hyvsj_7dhc2_853:not(#\9) {
|
|
845
854
|
padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
|
|
846
855
|
}
|
|
847
856
|
@media (min-width: 689px) {
|
|
848
|
-
.
|
|
857
|
+
.awsui_notifications_hyvsj_7dhc2_848.awsui_sticky-notifications_hyvsj_7dhc2_857:not(#\9) {
|
|
849
858
|
--awsui-flashbar-sticky-bottom-margin-6b9ypa: var(--space-xxl-q0lyvp, 32px);
|
|
850
859
|
position: sticky;
|
|
851
860
|
inset-block-start: var(--awsui-offset-top-6b9ypa);
|
|
852
861
|
}
|
|
853
|
-
.
|
|
862
|
+
.awsui_notifications_hyvsj_7dhc2_848.awsui_sticky-notifications_hyvsj_7dhc2_857:not(#\9):not(.awsui_high-contrast_hyvsj_7dhc2_862) {
|
|
854
863
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
855
864
|
}
|
|
856
|
-
.
|
|
865
|
+
.awsui_notifications_hyvsj_7dhc2_848.awsui_has-notification-content_hyvsj_7dhc2_853:not(#\9) {
|
|
857
866
|
padding-block-start: var(--space-xs-kw7k3v, 8px);
|
|
858
867
|
}
|
|
859
868
|
}
|
|
@@ -868,7 +877,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
868
877
|
consume the remaining vertical space in the grid after the notifications
|
|
869
878
|
and breadcrumbs.
|
|
870
879
|
*/
|
|
871
|
-
section.awsui_split-panel-
|
|
880
|
+
section.awsui_split-panel-bottom_hyvsj_7dhc2_880:not(#\9) {
|
|
872
881
|
/*
|
|
873
882
|
The align self property will position the split panel at the bottom of the grid row.
|
|
874
883
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -904,7 +913,7 @@ section.awsui_split-panel-bottom_hyvsj_10qzg_871:not(#\9) {
|
|
|
904
913
|
apply the animation to the height property.
|
|
905
914
|
*/
|
|
906
915
|
}
|
|
907
|
-
@keyframes
|
|
916
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_7dhc2_1 {
|
|
908
917
|
from {
|
|
909
918
|
block-size: var(--awsui-split-panel-reported-header-size-6b9ypa, 0);
|
|
910
919
|
}
|
|
@@ -912,39 +921,39 @@ section.awsui_split-panel-bottom_hyvsj_10qzg_871:not(#\9) {
|
|
|
912
921
|
block-size: var(--awsui-split-panel-reported-size-6b9ypa);
|
|
913
922
|
}
|
|
914
923
|
}
|
|
915
|
-
section.awsui_split-panel-
|
|
924
|
+
section.awsui_split-panel-bottom_hyvsj_7dhc2_880.awsui_disable-body-scroll_hyvsj_7dhc2_211:not(#\9) {
|
|
916
925
|
inset-block-end: 0;
|
|
917
926
|
}
|
|
918
|
-
section.awsui_split-panel-
|
|
927
|
+
section.awsui_split-panel-bottom_hyvsj_7dhc2_880.awsui_is-navigation-open_hyvsj_7dhc2_647.awsui_position-bottom_hyvsj_7dhc2_927:not(#\9) {
|
|
919
928
|
grid-column-start: 2;
|
|
920
929
|
}
|
|
921
|
-
section.awsui_split-panel-
|
|
930
|
+
section.awsui_split-panel-bottom_hyvsj_7dhc2_880.awsui_has-open-drawer_hyvsj_7dhc2_187.awsui_position-bottom_hyvsj_7dhc2_927:not(#\9) {
|
|
922
931
|
grid-column-end: 5;
|
|
923
932
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
933
|
+
section.awsui_split-panel-bottom_hyvsj_7dhc2_880.awsui_position-bottom_hyvsj_7dhc2_927:not(#\9) {
|
|
925
934
|
display: block;
|
|
926
935
|
}
|
|
927
|
-
section.awsui_split-panel-
|
|
936
|
+
section.awsui_split-panel-bottom_hyvsj_7dhc2_880:not(#\9):not(.awsui_is-split-panel-open_hyvsj_7dhc2_650).awsui_position-bottom_hyvsj_7dhc2_927 {
|
|
928
937
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
929
938
|
}
|
|
930
|
-
section.awsui_split-panel-
|
|
939
|
+
section.awsui_split-panel-bottom_hyvsj_7dhc2_880.awsui_is-split-panel-open_hyvsj_7dhc2_650.awsui_position-bottom_hyvsj_7dhc2_927:not(#\9) {
|
|
931
940
|
box-shadow: var(--shadow-split-bottom-0ncj9i, 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3));
|
|
932
941
|
}
|
|
933
|
-
section.awsui_split-panel-
|
|
934
|
-
animation:
|
|
942
|
+
section.awsui_split-panel-bottom_hyvsj_7dhc2_880.awsui_is-split-panel-open_hyvsj_7dhc2_650.awsui_position-bottom_hyvsj_7dhc2_927.awsui_animating_hyvsj_7dhc2_762:not(#\9) {
|
|
943
|
+
animation: awsui_openSplitPanelBottom_hyvsj_7dhc2_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
935
944
|
}
|
|
936
945
|
@media (prefers-reduced-motion: reduce) {
|
|
937
|
-
section.awsui_split-panel-
|
|
946
|
+
section.awsui_split-panel-bottom_hyvsj_7dhc2_880.awsui_is-split-panel-open_hyvsj_7dhc2_650.awsui_position-bottom_hyvsj_7dhc2_927.awsui_animating_hyvsj_7dhc2_762:not(#\9) {
|
|
938
947
|
animation: none;
|
|
939
948
|
transition: none;
|
|
940
949
|
}
|
|
941
950
|
}
|
|
942
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
951
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_7dhc2_880.awsui_is-split-panel-open_hyvsj_7dhc2_650.awsui_position-bottom_hyvsj_7dhc2_927.awsui_animating_hyvsj_7dhc2_762:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_7dhc2_880.awsui_is-split-panel-open_hyvsj_7dhc2_650.awsui_position-bottom_hyvsj_7dhc2_927.awsui_animating_hyvsj_7dhc2_762:not(#\9) {
|
|
943
952
|
animation: none;
|
|
944
953
|
transition: none;
|
|
945
954
|
}
|
|
946
955
|
|
|
947
|
-
section.awsui_split-panel-
|
|
956
|
+
section.awsui_split-panel-side_hyvsj_7dhc2_956:not(#\9) {
|
|
948
957
|
block-size: 100%;
|
|
949
958
|
overflow-x: hidden;
|
|
950
959
|
pointer-events: auto;
|
|
@@ -954,15 +963,15 @@ section.awsui_split-panel-side_hyvsj_10qzg_947:not(#\9) {
|
|
|
954
963
|
be persistent in the DOM when closed.
|
|
955
964
|
*/
|
|
956
965
|
}
|
|
957
|
-
section.awsui_split-panel-
|
|
966
|
+
section.awsui_split-panel-side_hyvsj_7dhc2_956:not(#\9):not(.awsui_is-split-panel-open_hyvsj_7dhc2_650), section.awsui_split-panel-side_hyvsj_7dhc2_956.awsui_position-bottom_hyvsj_7dhc2_927:not(#\9) {
|
|
958
967
|
inline-size: 0;
|
|
959
968
|
}
|
|
960
|
-
section.awsui_split-panel-
|
|
969
|
+
section.awsui_split-panel-side_hyvsj_7dhc2_956.awsui_is-split-panel-open_hyvsj_7dhc2_650.awsui_position-side_hyvsj_7dhc2_969:not(#\9) {
|
|
961
970
|
max-inline-size: var(--awsui-split-panel-max-width-6b9ypa, 280px);
|
|
962
971
|
min-inline-size: var(--awsui-split-panel-min-width-6b9ypa, 280px);
|
|
963
972
|
border-inline-start: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
|
|
964
973
|
}
|
|
965
|
-
section.awsui_split-panel-
|
|
974
|
+
section.awsui_split-panel-side_hyvsj_7dhc2_956.awsui_is-split-panel-open_hyvsj_7dhc2_650.awsui_position-side_hyvsj_7dhc2_969:not(#\9):not(.awsui_has-open-drawer_hyvsj_7dhc2_187) {
|
|
966
975
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-panel-side-cxdqom, transparent);
|
|
967
976
|
}
|
|
968
977
|
|
|
@@ -979,7 +988,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
979
988
|
property. The content gap right is computed in the Layout styles based on the
|
|
980
989
|
viewport size and state of the Tools drawer.
|
|
981
990
|
*/
|
|
982
|
-
.awsui_tools-
|
|
991
|
+
.awsui_tools-container_hyvsj_7dhc2_991:not(#\9) {
|
|
983
992
|
--awsui-tools-max-width-6b9ypa: calc(var(--awsui-layout-width-6b9ypa) - var(--awsui-main-offset-left-6b9ypa) - var(--awsui-default-min-content-width-6b9ypa) - var(--awsui-content-gap-right-6b9ypa));
|
|
984
993
|
display: flex;
|
|
985
994
|
grid-column: 5;
|
|
@@ -992,7 +1001,7 @@ viewport size and state of the Tools drawer.
|
|
|
992
1001
|
pointer-events: none;
|
|
993
1002
|
}
|
|
994
1003
|
@media (max-width: 688px) {
|
|
995
|
-
.awsui_tools-
|
|
1004
|
+
.awsui_tools-container_hyvsj_7dhc2_991:not(#\9) {
|
|
996
1005
|
--awsui-tools-max-width-6b9ypa: none;
|
|
997
1006
|
--awsui-tools-width-6b9ypa: auto;
|
|
998
1007
|
position: fixed;
|
|
@@ -1006,12 +1015,12 @@ viewport size and state of the Tools drawer.
|
|
|
1006
1015
|
relative to the body.
|
|
1007
1016
|
*/
|
|
1008
1017
|
}
|
|
1009
|
-
.awsui_tools-
|
|
1018
|
+
.awsui_tools-container_hyvsj_7dhc2_991.awsui_disable-body-scroll_hyvsj_7dhc2_211:not(#\9) {
|
|
1010
1019
|
inset-block-start: var(--awsui-header-height-6b9ypa);
|
|
1011
1020
|
}
|
|
1012
1021
|
}
|
|
1013
1022
|
|
|
1014
|
-
.
|
|
1023
|
+
.awsui_tools_hyvsj_7dhc2_991:not(#\9) {
|
|
1015
1024
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
1016
1025
|
flex-shrink: 0;
|
|
1017
1026
|
block-size: 100%;
|
|
@@ -1034,7 +1043,7 @@ viewport size and state of the Tools drawer.
|
|
|
1034
1043
|
in the side position.
|
|
1035
1044
|
*/
|
|
1036
1045
|
}
|
|
1037
|
-
@keyframes
|
|
1046
|
+
@keyframes awsui_openTools_hyvsj_7dhc2_1 {
|
|
1038
1047
|
from {
|
|
1039
1048
|
opacity: var(--awsui-tools-animation-starting-opacity-6b9ypa, 0);
|
|
1040
1049
|
inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
|
|
@@ -1044,41 +1053,44 @@ viewport size and state of the Tools drawer.
|
|
|
1044
1053
|
inline-size: var(--awsui-tools-width-6b9ypa);
|
|
1045
1054
|
}
|
|
1046
1055
|
}
|
|
1047
|
-
.
|
|
1056
|
+
.awsui_tools_hyvsj_7dhc2_991:not(#\9):not(.awsui_is-tools-open_hyvsj_7dhc2_650) {
|
|
1048
1057
|
inline-size: 0;
|
|
1049
1058
|
display: none;
|
|
1050
1059
|
}
|
|
1051
|
-
.
|
|
1060
|
+
.awsui_tools_hyvsj_7dhc2_991.awsui_is-tools-open_hyvsj_7dhc2_650:not(#\9) {
|
|
1052
1061
|
border-inline-start: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
|
|
1053
1062
|
}
|
|
1054
|
-
.
|
|
1055
|
-
animation:
|
|
1063
|
+
.awsui_tools_hyvsj_7dhc2_991.awsui_is-tools-open_hyvsj_7dhc2_650.awsui_animating_hyvsj_7dhc2_762:not(#\9) {
|
|
1064
|
+
animation: awsui_openTools_hyvsj_7dhc2_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
1056
1065
|
}
|
|
1057
1066
|
@media (prefers-reduced-motion: reduce) {
|
|
1058
|
-
.
|
|
1067
|
+
.awsui_tools_hyvsj_7dhc2_991.awsui_is-tools-open_hyvsj_7dhc2_650.awsui_animating_hyvsj_7dhc2_762:not(#\9) {
|
|
1059
1068
|
animation: none;
|
|
1060
1069
|
transition: none;
|
|
1061
1070
|
}
|
|
1062
1071
|
}
|
|
1063
|
-
.awsui-motion-disabled .
|
|
1072
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_7dhc2_991.awsui_is-tools-open_hyvsj_7dhc2_650.awsui_animating_hyvsj_7dhc2_762:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_7dhc2_991.awsui_is-tools-open_hyvsj_7dhc2_650.awsui_animating_hyvsj_7dhc2_762:not(#\9) {
|
|
1064
1073
|
animation: none;
|
|
1065
1074
|
transition: none;
|
|
1066
1075
|
}
|
|
1067
|
-
.
|
|
1076
|
+
.awsui_tools_hyvsj_7dhc2_991.awsui_one-theme_hyvsj_7dhc2_190:not(#\9) {
|
|
1077
|
+
background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
|
|
1078
|
+
}
|
|
1079
|
+
.awsui_tools_hyvsj_7dhc2_991 > .awsui_animated-content_hyvsj_7dhc2_826:not(#\9) {
|
|
1068
1080
|
inline-size: var(--awsui-tools-width-6b9ypa);
|
|
1069
1081
|
}
|
|
1070
1082
|
@media (min-width: 689px) {
|
|
1071
|
-
.
|
|
1083
|
+
.awsui_tools_hyvsj_7dhc2_991.awsui_is-tools-open_hyvsj_7dhc2_650.awsui_has-tools-form-persistence_hyvsj_7dhc2_1083:not(#\9) {
|
|
1072
1084
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
|
|
1073
1085
|
}
|
|
1074
1086
|
}
|
|
1075
1087
|
@media (max-width: 688px) {
|
|
1076
|
-
.
|
|
1088
|
+
.awsui_tools_hyvsj_7dhc2_991:not(#\9) {
|
|
1077
1089
|
--awsui-tools-width-6b9ypa: 100vw;
|
|
1078
1090
|
}
|
|
1079
1091
|
}
|
|
1080
1092
|
|
|
1081
|
-
.awsui_hide-
|
|
1093
|
+
.awsui_hide-tools_hyvsj_7dhc2_1093:not(#\9) {
|
|
1082
1094
|
position: absolute;
|
|
1083
1095
|
inset-inline-end: var(--space-m-n2lypl, 16px);
|
|
1084
1096
|
inset-block-start: var(--size-vertical-panel-icon-offset-1tiizm, 15px);
|
|
@@ -1090,7 +1102,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1090
1102
|
the calculation used to determine the Split Panel maximum width in the
|
|
1091
1103
|
handleSplitPanelMaxWidth function in the context.
|
|
1092
1104
|
*/
|
|
1093
|
-
.awsui_show-
|
|
1105
|
+
.awsui_show-tools_hyvsj_7dhc2_1105:not(#\9) {
|
|
1094
1106
|
border-collapse: separate;
|
|
1095
1107
|
border-spacing: 0;
|
|
1096
1108
|
box-sizing: border-box;
|
|
@@ -1128,7 +1140,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1128
1140
|
take control in responsive viewports.
|
|
1129
1141
|
*/
|
|
1130
1142
|
}
|
|
1131
|
-
@keyframes
|
|
1143
|
+
@keyframes awsui_showButtons_hyvsj_7dhc2_1 {
|
|
1132
1144
|
0% {
|
|
1133
1145
|
opacity: 0;
|
|
1134
1146
|
}
|
|
@@ -1136,31 +1148,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1136
1148
|
opacity: 1;
|
|
1137
1149
|
}
|
|
1138
1150
|
}
|
|
1139
|
-
.awsui_show-
|
|
1151
|
+
.awsui_show-tools_hyvsj_7dhc2_1105:not(#\9):not(.awsui_has-tools-form_hyvsj_7dhc2_1083) {
|
|
1140
1152
|
display: none;
|
|
1141
1153
|
}
|
|
1142
1154
|
@media (min-width: 689px) {
|
|
1143
|
-
.awsui_show-
|
|
1155
|
+
.awsui_show-tools_hyvsj_7dhc2_1105.awsui_has-tools-form_hyvsj_7dhc2_1083:not(#\9) {
|
|
1144
1156
|
display: flex;
|
|
1145
1157
|
flex-direction: column;
|
|
1146
1158
|
gap: var(--space-xs-kw7k3v, 8px);
|
|
1147
1159
|
}
|
|
1148
|
-
.awsui_show-
|
|
1149
|
-
animation:
|
|
1160
|
+
.awsui_show-tools_hyvsj_7dhc2_1105.awsui_has-tools-form_hyvsj_7dhc2_1083.awsui_animating_hyvsj_7dhc2_762:not(#\9) {
|
|
1161
|
+
animation: awsui_showButtons_hyvsj_7dhc2_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
1150
1162
|
}
|
|
1151
1163
|
}
|
|
1152
1164
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1153
|
-
.awsui_show-
|
|
1165
|
+
.awsui_show-tools_hyvsj_7dhc2_1105.awsui_has-tools-form_hyvsj_7dhc2_1083.awsui_animating_hyvsj_7dhc2_762:not(#\9) {
|
|
1154
1166
|
animation: none;
|
|
1155
1167
|
transition: none;
|
|
1156
1168
|
}
|
|
1157
1169
|
}
|
|
1158
1170
|
@media (min-width: 689px) {
|
|
1159
|
-
.awsui-motion-disabled .awsui_show-
|
|
1171
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_7dhc2_1105.awsui_has-tools-form_hyvsj_7dhc2_1083.awsui_animating_hyvsj_7dhc2_762:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_7dhc2_1105.awsui_has-tools-form_hyvsj_7dhc2_1083.awsui_animating_hyvsj_7dhc2_762:not(#\9) {
|
|
1160
1172
|
animation: none;
|
|
1161
1173
|
transition: none;
|
|
1162
1174
|
}
|
|
1163
|
-
.awsui_show-
|
|
1175
|
+
.awsui_show-tools_hyvsj_7dhc2_1105.awsui_has-tools-form-persistence_hyvsj_7dhc2_1083:not(#\9) {
|
|
1164
1176
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
1165
1177
|
z-index: 1;
|
|
1166
1178
|
}
|
|
@@ -1170,7 +1182,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1170
1182
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1171
1183
|
SPDX-License-Identifier: Apache-2.0
|
|
1172
1184
|
*/
|
|
1173
|
-
.awsui_trigger-button-
|
|
1185
|
+
.awsui_trigger-button-styles_hyvsj_7dhc2_1185:not(#\9) {
|
|
1174
1186
|
background: var(--color-background-layout-toggle-default-q2nv0b, transparent);
|
|
1175
1187
|
border-start-start-radius: 50%;
|
|
1176
1188
|
border-start-end-radius: 50%;
|
|
@@ -1179,14 +1191,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1179
1191
|
block-size: var(--space-layout-toggle-diameter-vount6, 36px);
|
|
1180
1192
|
inline-size: var(--space-layout-toggle-diameter-vount6, 36px);
|
|
1181
1193
|
}
|
|
1182
|
-
.awsui_trigger-button-
|
|
1194
|
+
.awsui_trigger-button-styles_hyvsj_7dhc2_1185:not(#\9):hover {
|
|
1183
1195
|
background: var(--color-background-layout-toggle-hover-t77zty, #545b64);
|
|
1184
1196
|
}
|
|
1185
|
-
.awsui_trigger-button-
|
|
1197
|
+
.awsui_trigger-button-styles_hyvsj_7dhc2_1185:not(#\9):active {
|
|
1186
1198
|
background: var(--color-background-layout-toggle-active-ovmpb9, #2a2e33);
|
|
1187
1199
|
}
|
|
1188
1200
|
|
|
1189
|
-
.awsui_trigger-badge-
|
|
1201
|
+
.awsui_trigger-badge-wrapper_hyvsj_7dhc2_1201:not(#\9) {
|
|
1190
1202
|
position: absolute;
|
|
1191
1203
|
inset-block-start: 0;
|
|
1192
1204
|
inset-inline-start: 0;
|
|
@@ -1196,7 +1208,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1196
1208
|
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");
|
|
1197
1209
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1198
1210
|
}
|
|
1199
|
-
.awsui_trigger-badge-
|
|
1211
|
+
.awsui_trigger-badge-wrapper_hyvsj_7dhc2_1201:not(#\9):dir(rtl) {
|
|
1200
1212
|
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");
|
|
1201
1213
|
}
|
|
1202
1214
|
|
|
@@ -1205,7 +1217,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1205
1217
|
the calculation used to determine the Split Panel maximum width in the
|
|
1206
1218
|
handleSplitPanelMaxWidth function in the context.
|
|
1207
1219
|
*/
|
|
1208
|
-
.
|
|
1220
|
+
.awsui_trigger_hyvsj_7dhc2_1185:not(#\9) {
|
|
1209
1221
|
border-block: none;
|
|
1210
1222
|
border-inline: none;
|
|
1211
1223
|
padding-inline: 0;
|
|
@@ -1214,14 +1226,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1214
1226
|
pointer-events: auto;
|
|
1215
1227
|
position: relative;
|
|
1216
1228
|
}
|
|
1217
|
-
body[data-awsui-focus-visible=true] .
|
|
1229
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_7dhc2_1185:not(#\9):focus {
|
|
1218
1230
|
position: relative;
|
|
1219
1231
|
}
|
|
1220
|
-
body[data-awsui-focus-visible=true] .
|
|
1232
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_7dhc2_1185:not(#\9):focus {
|
|
1221
1233
|
outline: 2px dotted transparent;
|
|
1222
1234
|
outline-offset: calc(3px - 1px);
|
|
1223
1235
|
}
|
|
1224
|
-
body[data-awsui-focus-visible=true] .
|
|
1236
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_7dhc2_1185:not(#\9):focus::before {
|
|
1225
1237
|
content: " ";
|
|
1226
1238
|
display: block;
|
|
1227
1239
|
position: absolute;
|
|
@@ -1235,49 +1247,49 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_10qzg_1173:not(#\9):foc
|
|
|
1235
1247
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
|
|
1236
1248
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
1237
1249
|
}
|
|
1238
|
-
.
|
|
1250
|
+
.awsui_trigger_hyvsj_7dhc2_1185:not(#\9):focus {
|
|
1239
1251
|
outline: none;
|
|
1240
1252
|
}
|
|
1241
|
-
.
|
|
1253
|
+
.awsui_trigger_hyvsj_7dhc2_1185.awsui_selected_hyvsj_7dhc2_1253:not(#\9) {
|
|
1242
1254
|
background: var(--color-background-layout-toggle-selected-default-o4my1h, #0073bb);
|
|
1243
1255
|
color: var(--color-text-layout-toggle-selected-ofhd1q, #ffffff);
|
|
1244
1256
|
}
|
|
1245
|
-
.
|
|
1257
|
+
.awsui_trigger_hyvsj_7dhc2_1185.awsui_selected_hyvsj_7dhc2_1253:not(#\9):hover {
|
|
1246
1258
|
background: var(--color-background-layout-toggle-selected-hover-yuaxel, #0a4a74);
|
|
1247
1259
|
}
|
|
1248
|
-
.
|
|
1260
|
+
.awsui_trigger_hyvsj_7dhc2_1185.awsui_selected_hyvsj_7dhc2_1253:not(#\9):active {
|
|
1249
1261
|
background: var(--color-background-layout-toggle-selected-active-wfv72o, #0073bb);
|
|
1250
1262
|
}
|
|
1251
|
-
.
|
|
1263
|
+
.awsui_trigger_hyvsj_7dhc2_1185.awsui_selected_hyvsj_7dhc2_1253 > .awsui_trigger-badge-wrapper_hyvsj_7dhc2_1201:not(#\9) {
|
|
1252
1264
|
background: var(--color-background-layout-toggle-selected-default-o4my1h, #0073bb);
|
|
1253
1265
|
color: var(--color-text-layout-toggle-selected-ofhd1q, #ffffff);
|
|
1254
1266
|
}
|
|
1255
|
-
.
|
|
1267
|
+
.awsui_trigger_hyvsj_7dhc2_1185.awsui_selected_hyvsj_7dhc2_1253 > .awsui_trigger-badge-wrapper_hyvsj_7dhc2_1201:not(#\9):hover {
|
|
1256
1268
|
background: var(--color-background-layout-toggle-selected-hover-yuaxel, #0a4a74);
|
|
1257
1269
|
}
|
|
1258
|
-
.
|
|
1270
|
+
.awsui_trigger_hyvsj_7dhc2_1185.awsui_selected_hyvsj_7dhc2_1253 > .awsui_trigger-badge-wrapper_hyvsj_7dhc2_1201:not(#\9):active {
|
|
1259
1271
|
background: var(--color-background-layout-toggle-selected-active-wfv72o, #0073bb);
|
|
1260
1272
|
}
|
|
1261
|
-
.
|
|
1273
|
+
.awsui_trigger_hyvsj_7dhc2_1185.awsui_badge_hyvsj_7dhc2_1273:not(#\9), .awsui_trigger_hyvsj_7dhc2_1185.awsui_badge_hyvsj_7dhc2_1273:not(#\9):hover, .awsui_trigger_hyvsj_7dhc2_1185.awsui_badge_hyvsj_7dhc2_1273:not(#\9):active {
|
|
1262
1274
|
background: transparent;
|
|
1263
1275
|
}
|
|
1264
1276
|
|
|
1265
|
-
.awsui_trigger-
|
|
1277
|
+
.awsui_trigger-wrapper_hyvsj_7dhc2_1277:not(#\9) {
|
|
1266
1278
|
position: relative;
|
|
1267
1279
|
border-start-start-radius: 50%;
|
|
1268
1280
|
border-start-end-radius: 50%;
|
|
1269
1281
|
border-end-start-radius: 50%;
|
|
1270
1282
|
border-end-end-radius: 50%;
|
|
1271
1283
|
}
|
|
1272
|
-
.awsui_trigger-
|
|
1284
|
+
.awsui_trigger-wrapper_hyvsj_7dhc2_1277:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_7dhc2_680) {
|
|
1273
1285
|
box-shadow: var(--shadow-panel-toggle-rswlot, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
1274
1286
|
}
|
|
1275
1287
|
|
|
1276
|
-
.awsui_trigger-wrapper-tooltip-
|
|
1288
|
+
.awsui_trigger-wrapper-tooltip-visible_hyvsj_7dhc2_1288:not(#\9) {
|
|
1277
1289
|
/* used in test-utils*/
|
|
1278
1290
|
}
|
|
1279
1291
|
|
|
1280
|
-
.
|
|
1292
|
+
.awsui_dot_hyvsj_7dhc2_1292:not(#\9) {
|
|
1281
1293
|
position: absolute;
|
|
1282
1294
|
inline-size: 9px;
|
|
1283
1295
|
block-size: 9px;
|
|
@@ -1290,6 +1302,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_10qzg_1173:not(#\9):foc
|
|
|
1290
1302
|
inset-inline-end: 0;
|
|
1291
1303
|
}
|
|
1292
1304
|
|
|
1293
|
-
.awsui_trigger-
|
|
1305
|
+
.awsui_trigger-tooltip_hyvsj_7dhc2_1305:not(#\9) {
|
|
1294
1306
|
/* used in test-utils */
|
|
1295
1307
|
}
|