@cloudscape-design/components 3.0.317 → 3.0.319
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -30
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/drawer/interfaces.d.ts +0 -7
- package/app-layout/drawer/interfaces.d.ts.map +1 -1
- package/app-layout/drawer/interfaces.js.map +1 -1
- package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
- package/app-layout/drawer/resizable-drawer.js +3 -3
- package/app-layout/drawer/resizable-drawer.js.map +1 -1
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +19 -2
- package/app-layout/index.js.map +1 -1
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/runtime-api.d.ts +8 -0
- package/app-layout/runtime-api.d.ts.map +1 -0
- package/app-layout/runtime-api.js +35 -0
- package/app-layout/runtime-api.js.map +1 -0
- package/app-layout/styles.css.js +17 -13
- package/app-layout/styles.scoped.css +44 -13
- package/app-layout/styles.selectors.js +17 -13
- package/app-layout/utils/interfaces.d.ts +10 -0
- package/app-layout/utils/interfaces.d.ts.map +1 -0
- package/app-layout/utils/interfaces.js +2 -0
- package/app-layout/utils/interfaces.js.map +1 -0
- package/app-layout/utils/use-drawer-focus-control.d.ts.map +1 -1
- package/app-layout/utils/use-drawer-focus-control.js +8 -3
- package/app-layout/utils/use-drawer-focus-control.js.map +1 -1
- package/app-layout/utils/use-keyboard-events.d.ts +4 -0
- package/app-layout/utils/use-keyboard-events.d.ts.map +1 -0
- package/{split-panel → app-layout}/utils/use-keyboard-events.js +10 -11
- package/app-layout/utils/use-keyboard-events.js.map +1 -0
- package/app-layout/utils/use-pointer-events.d.ts +3 -0
- package/app-layout/utils/use-pointer-events.d.ts.map +1 -0
- package/{split-panel → app-layout}/utils/use-pointer-events.js +15 -8
- package/app-layout/utils/use-pointer-events.js.map +1 -0
- package/app-layout/utils/use-resize.d.ts +16 -0
- package/app-layout/utils/use-resize.d.ts.map +1 -0
- package/app-layout/utils/use-resize.js +84 -0
- package/app-layout/utils/use-resize.js.map +1 -0
- package/app-layout/visual-refresh/context.d.ts +11 -6
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +26 -7
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/drawers.d.ts +1 -33
- package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
- package/app-layout/visual-refresh/drawers.js +14 -7
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +69 -68
- package/app-layout/visual-refresh/styles.scoped.css +294 -298
- package/app-layout/visual-refresh/styles.selectors.js +69 -68
- package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
- package/app-layout/visual-refresh/trigger-button.js +1 -2
- package/app-layout/visual-refresh/trigger-button.js.map +1 -1
- package/area-chart/{model/async-store.d.ts → async-store/index.d.ts} +1 -1
- package/area-chart/async-store/index.d.ts.map +1 -0
- package/area-chart/{model/async-store.js → async-store/index.js} +1 -1
- package/area-chart/async-store/index.js.map +1 -0
- package/area-chart/elements/area-chart-legend.d.ts.map +1 -1
- package/area-chart/elements/area-chart-legend.js +1 -1
- package/area-chart/elements/area-chart-legend.js.map +1 -1
- package/area-chart/elements/data-series.js +1 -1
- package/area-chart/elements/data-series.js.map +1 -1
- package/area-chart/elements/highlighted-point.js +1 -1
- package/area-chart/elements/highlighted-point.js.map +1 -1
- package/area-chart/elements/use-highlight-details.d.ts.map +1 -1
- package/area-chart/elements/use-highlight-details.js +3 -1
- package/area-chart/elements/use-highlight-details.js.map +1 -1
- package/area-chart/elements/vertical-marker.js +1 -1
- package/area-chart/elements/vertical-marker.js.map +1 -1
- package/area-chart/model/index.d.ts +1 -1
- package/area-chart/model/index.d.ts.map +1 -1
- package/area-chart/model/index.js.map +1 -1
- package/area-chart/model/interactions-store.d.ts +1 -1
- package/area-chart/model/interactions-store.d.ts.map +1 -1
- package/area-chart/model/interactions-store.js +1 -1
- package/area-chart/model/interactions-store.js.map +1 -1
- package/area-chart/model/use-chart-model.d.ts.map +1 -1
- package/area-chart/model/use-chart-model.js +1 -1
- package/area-chart/model/use-chart-model.js.map +1 -1
- package/attribute-editor/interfaces.d.ts +1 -1
- package/attribute-editor/interfaces.d.ts.map +1 -1
- package/attribute-editor/interfaces.js.map +1 -1
- package/content-layout/styles.css.js +7 -7
- package/content-layout/styles.scoped.css +13 -13
- package/content-layout/styles.selectors.js +7 -7
- package/expandable-section/expandable-section-header.d.ts.map +1 -1
- package/expandable-section/expandable-section-header.js +10 -10
- package/expandable-section/expandable-section-header.js.map +1 -1
- package/expandable-section/interfaces.d.ts +1 -1
- package/expandable-section/interfaces.js.map +1 -1
- package/expandable-section/styles.css.js +31 -29
- package/expandable-section/styles.scoped.css +56 -51
- package/expandable-section/styles.selectors.js +31 -29
- package/expandable-section/utils.js +1 -1
- package/expandable-section/utils.js.map +1 -1
- package/flashbar/styles.css.js +45 -45
- package/flashbar/styles.scoped.css +169 -169
- package/flashbar/styles.selectors.js +45 -45
- package/internal/environment.js +1 -1
- package/internal/generated/custom-css-properties/index.js +39 -39
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/plugins/api.d.ts +15 -0
- package/internal/plugins/api.d.ts.map +1 -0
- package/internal/plugins/api.js +50 -0
- package/internal/plugins/api.js.map +1 -0
- package/internal/plugins/drawers-controller.d.ts +22 -0
- package/internal/plugins/drawers-controller.d.ts.map +1 -0
- package/internal/plugins/drawers-controller.js +34 -0
- package/internal/plugins/drawers-controller.js.map +1 -0
- package/internal/plugins/index.d.ts +2 -0
- package/internal/plugins/index.d.ts.map +1 -0
- package/internal/plugins/index.js +4 -0
- package/internal/plugins/index.js.map +1 -0
- package/mixed-line-bar-chart/data-series.d.ts.map +1 -1
- package/mixed-line-bar-chart/data-series.js +8 -2
- package/mixed-line-bar-chart/data-series.js.map +1 -1
- package/package.json +1 -1
- package/split-panel/index.d.ts.map +1 -1
- package/split-panel/index.js +3 -3
- package/split-panel/index.js.map +1 -1
- package/split-panel/interfaces.d.ts +0 -7
- package/split-panel/interfaces.d.ts.map +1 -1
- package/split-panel/interfaces.js.map +1 -1
- package/split-panel/styles.css.js +56 -59
- package/split-panel/styles.scoped.css +77 -93
- package/split-panel/styles.selectors.js +56 -59
- package/table/body-cell/td-element.d.ts +2 -2
- package/table/body-cell/td-element.d.ts.map +1 -1
- package/table/body-cell/td-element.js +2 -2
- package/table/body-cell/td-element.js.map +1 -1
- package/table/column-widths-utils.d.ts +3 -0
- package/table/column-widths-utils.d.ts.map +1 -0
- package/table/column-widths-utils.js +16 -0
- package/table/column-widths-utils.js.map +1 -0
- package/table/header-cell/index.d.ts +3 -3
- package/table/header-cell/index.d.ts.map +1 -1
- package/table/header-cell/index.js +2 -2
- package/table/header-cell/index.js.map +1 -1
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +15 -10
- package/table/internal.js.map +1 -1
- package/table/resizer/index.d.ts.map +1 -1
- package/table/resizer/index.js +2 -2
- package/table/resizer/index.js.map +1 -1
- package/table/sticky-columns/index.d.ts +2 -0
- package/table/sticky-columns/index.d.ts.map +1 -0
- package/table/sticky-columns/index.js +4 -0
- package/table/sticky-columns/index.js.map +1 -0
- package/table/{use-sticky-columns.d.ts → sticky-columns/use-sticky-columns.d.ts} +7 -9
- package/table/sticky-columns/use-sticky-columns.d.ts.map +1 -0
- package/table/{use-sticky-columns.js → sticky-columns/use-sticky-columns.js} +3 -4
- package/table/sticky-columns/use-sticky-columns.js.map +1 -0
- package/table/sticky-scrollbar/index.d.ts +2 -0
- package/table/sticky-scrollbar/index.d.ts.map +1 -0
- package/table/sticky-scrollbar/index.js +4 -0
- package/table/sticky-scrollbar/index.js.map +1 -0
- package/table/sticky-scrollbar/sticky-scrollbar.d.ts.map +1 -0
- package/table/{sticky-scrollbar.js → sticky-scrollbar/sticky-scrollbar.js} +2 -2
- package/table/sticky-scrollbar/sticky-scrollbar.js.map +1 -0
- package/table/sticky-scrollbar/styles.css.js +9 -0
- package/table/sticky-scrollbar/styles.scoped.css +22 -0
- package/table/sticky-scrollbar/styles.selectors.js +10 -0
- package/table/sticky-scrollbar/use-sticky-scrollbar.d.ts.map +1 -0
- package/table/{use-sticky-scrollbar.js → sticky-scrollbar/use-sticky-scrollbar.js} +3 -3
- package/table/sticky-scrollbar/use-sticky-scrollbar.js.map +1 -0
- package/table/styles.css.js +32 -36
- package/table/styles.scoped.css +40 -59
- package/table/styles.selectors.js +32 -36
- package/table/thead.d.ts +2 -1
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +4 -4
- package/table/thead.js.map +1 -1
- package/table/use-column-widths.d.ts +10 -8
- package/table/use-column-widths.d.ts.map +1 -1
- package/table/use-column-widths.js +30 -47
- package/table/use-column-widths.js.map +1 -1
- package/table/utils.d.ts +1 -1
- package/table/utils.d.ts.map +1 -1
- package/table/utils.js.map +1 -1
- package/test-utils/dom/app-layout/index.d.ts +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +63 -63
- package/wizard/styles.selectors.js +31 -31
- package/area-chart/model/async-store.d.ts.map +0 -1
- package/area-chart/model/async-store.js.map +0 -1
- package/split-panel/utils/use-keyboard-events.d.ts +0 -4
- package/split-panel/utils/use-keyboard-events.d.ts.map +0 -1
- package/split-panel/utils/use-keyboard-events.js.map +0 -1
- package/split-panel/utils/use-pointer-events.d.ts +0 -3
- package/split-panel/utils/use-pointer-events.d.ts.map +0 -1
- package/split-panel/utils/use-pointer-events.js.map +0 -1
- package/table/sticky-scrollbar.d.ts.map +0 -1
- package/table/sticky-scrollbar.js.map +0 -1
- package/table/use-sticky-columns.d.ts.map +0 -1
- package/table/use-sticky-columns.js.map +0 -1
- package/table/use-sticky-scrollbar.d.ts.map +0 -1
- package/table/use-sticky-scrollbar.js.map +0 -1
- /package/table/{sticky-scrollbar.d.ts → sticky-scrollbar/sticky-scrollbar.d.ts} +0 -0
- /package/table/{use-sticky-scrollbar.d.ts → sticky-scrollbar/use-sticky-scrollbar.d.ts} +0 -0
|
@@ -90,29 +90,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
div.
|
|
93
|
+
div.awsui_background_hyvsj_hfd5p_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_hfd5p_93 > .awsui_scrolling-background_hyvsj_hfd5p_96:not(#\9) {
|
|
97
97
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
98
98
|
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
99
99
|
grid-column: 1/span 5;
|
|
100
100
|
grid-row: 1/10;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_hfd5p_93 > .awsui_sticky-background_hyvsj_hfd5p_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
104
104
|
grid-column: 1/span 5;
|
|
105
105
|
grid-row: 1/10;
|
|
106
106
|
position: sticky;
|
|
107
|
-
top: var(--awsui-header-height-
|
|
107
|
+
top: var(--awsui-header-height-zw2xxa);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
111
|
-
height: calc(var(--space-scaled-s-913kwi, 12px) + var(--awsui-overlap-height-
|
|
110
|
+
div.awsui_background_hyvsj_hfd5p_93 > .awsui_sticky-background_hyvsj_hfd5p_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_hfd5p_110) {
|
|
111
|
+
height: calc(var(--space-scaled-s-913kwi, 12px) + var(--awsui-overlap-height-zw2xxa));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_hfd5p_93 > .awsui_sticky-background_hyvsj_hfd5p_102.awsui_has-sticky-notifications_hyvsj_hfd5p_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
|
-
var(--awsui-notifications-gap-
|
|
115
|
+
var(--awsui-notifications-gap-zw2xxa) + var(--awsui-notifications-height-zw2xxa) + var(--space-s-hdd878, 12px) + var(--awsui-overlap-height-zw2xxa)
|
|
116
116
|
);
|
|
117
117
|
}
|
|
118
118
|
|
|
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
|
|
|
120
120
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
121
121
|
SPDX-License-Identifier: Apache-2.0
|
|
122
122
|
*/
|
|
123
|
-
.
|
|
123
|
+
.awsui_breadcrumbs_hyvsj_hfd5p_123:not(#\9) {
|
|
124
124
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
125
125
|
grid-area: breadcrumbs;
|
|
126
126
|
/*
|
|
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_hfd5p_123.awsui_has-sticky-background_hyvsj_hfd5p_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,41 +142,41 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
|
|
|
142
142
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
143
143
|
SPDX-License-Identifier: Apache-2.0
|
|
144
144
|
*/
|
|
145
|
-
.awsui_drawers-
|
|
145
|
+
.awsui_drawers-container_hyvsj_hfd5p_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
149
149
|
grid-row: 1/span 10;
|
|
150
|
-
height: var(--awsui-content-height-
|
|
150
|
+
height: var(--awsui-content-height-zw2xxa);
|
|
151
151
|
pointer-events: none;
|
|
152
152
|
position: sticky;
|
|
153
|
-
top: var(--awsui-offset-top-
|
|
153
|
+
top: var(--awsui-offset-top-zw2xxa);
|
|
154
154
|
z-index: 830;
|
|
155
155
|
transition: background-color var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
156
156
|
}
|
|
157
|
-
.awsui_drawers-
|
|
157
|
+
.awsui_drawers-container_hyvsj_hfd5p_145.awsui_has-open-drawer_hyvsj_hfd5p_157:not(#\9) {
|
|
158
158
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
159
159
|
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
160
160
|
}
|
|
161
161
|
@media (prefers-reduced-motion: reduce) {
|
|
162
|
-
.awsui_drawers-
|
|
162
|
+
.awsui_drawers-container_hyvsj_hfd5p_145:not(#\9) {
|
|
163
163
|
animation: none;
|
|
164
164
|
transition: none;
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
|
-
.awsui-motion-disabled .awsui_drawers-
|
|
167
|
+
.awsui-motion-disabled .awsui_drawers-container_hyvsj_hfd5p_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_hfd5p_145:not(#\9) {
|
|
168
168
|
animation: none;
|
|
169
169
|
transition: none;
|
|
170
170
|
}
|
|
171
171
|
@media (min-width: 689px) {
|
|
172
|
-
.awsui_drawers-
|
|
172
|
+
.awsui_drawers-container_hyvsj_hfd5p_145:not(#\9) {
|
|
173
173
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
174
|
-
max-width: calc(var(--awsui-layout-width-
|
|
174
|
+
max-width: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
|
|
175
175
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
@media (max-width: 688px) {
|
|
179
|
-
.awsui_drawers-
|
|
179
|
+
.awsui_drawers-container_hyvsj_hfd5p_145:not(#\9) {
|
|
180
180
|
position: fixed;
|
|
181
181
|
right: 0;
|
|
182
182
|
z-index: 1001;
|
|
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
|
|
|
188
188
|
relative to the body.
|
|
189
189
|
*/
|
|
190
190
|
}
|
|
191
|
-
.awsui_drawers-
|
|
192
|
-
top: var(--awsui-header-height-
|
|
191
|
+
.awsui_drawers-container_hyvsj_hfd5p_145.awsui_disable-body-scroll_hyvsj_hfd5p_191:not(#\9) {
|
|
192
|
+
top: var(--awsui-header-height-zw2xxa);
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.awsui_drawers-desktop-triggers-
|
|
196
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196:not(#\9) {
|
|
197
197
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
198
198
|
border-collapse: separate;
|
|
199
199
|
border-spacing: 0;
|
|
@@ -237,39 +237,39 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
|
|
|
237
237
|
overflow-x: hidden;
|
|
238
238
|
overscroll-behavior-y: contain;
|
|
239
239
|
}
|
|
240
|
-
.awsui_drawers-desktop-triggers-
|
|
240
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214).awsui_has-open-drawer_hyvsj_hfd5p_157 {
|
|
241
241
|
width: 0;
|
|
242
242
|
}
|
|
243
|
-
.awsui_drawers-desktop-triggers-
|
|
243
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196.awsui_has-multiple-triggers_hyvsj_hfd5p_214.awsui_has-open-drawer_hyvsj_hfd5p_157:not(#\9) {
|
|
244
244
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
245
245
|
transition: background-color var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
246
246
|
}
|
|
247
247
|
@media (prefers-reduced-motion: reduce) {
|
|
248
|
-
.awsui_drawers-desktop-triggers-
|
|
248
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196.awsui_has-multiple-triggers_hyvsj_hfd5p_214.awsui_has-open-drawer_hyvsj_hfd5p_157:not(#\9) {
|
|
249
249
|
animation: none;
|
|
250
250
|
transition: none;
|
|
251
251
|
}
|
|
252
252
|
}
|
|
253
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
253
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196.awsui_has-multiple-triggers_hyvsj_hfd5p_214.awsui_has-open-drawer_hyvsj_hfd5p_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196.awsui_has-multiple-triggers_hyvsj_hfd5p_214.awsui_has-open-drawer_hyvsj_hfd5p_157:not(#\9) {
|
|
254
254
|
animation: none;
|
|
255
255
|
transition: none;
|
|
256
256
|
}
|
|
257
|
-
.awsui_drawers-desktop-triggers-
|
|
257
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157) {
|
|
258
258
|
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
259
259
|
transition: width var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
260
260
|
}
|
|
261
261
|
@media (prefers-reduced-motion: reduce) {
|
|
262
|
-
.awsui_drawers-desktop-triggers-
|
|
262
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157) {
|
|
263
263
|
animation: none;
|
|
264
264
|
transition: none;
|
|
265
265
|
}
|
|
266
266
|
}
|
|
267
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
267
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_hfd5p_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157) {
|
|
268
268
|
animation: none;
|
|
269
269
|
transition: none;
|
|
270
270
|
}
|
|
271
271
|
|
|
272
|
-
.awsui_drawers-trigger-
|
|
272
|
+
.awsui_drawers-trigger-content_hyvsj_hfd5p_246:not(#\9) {
|
|
273
273
|
align-items: center;
|
|
274
274
|
display: flex;
|
|
275
275
|
flex-direction: column;
|
|
@@ -277,39 +277,39 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
|
|
|
277
277
|
padding-top: var(--space-scaled-s-913kwi, 12px);
|
|
278
278
|
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
279
279
|
}
|
|
280
|
-
.awsui_drawers-trigger-
|
|
280
|
+
.awsui_drawers-trigger-content_hyvsj_hfd5p_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214).awsui_has-open-drawer_hyvsj_hfd5p_157 {
|
|
281
281
|
opacity: 0;
|
|
282
282
|
}
|
|
283
|
-
.awsui_drawers-trigger-
|
|
283
|
+
.awsui_drawers-trigger-content_hyvsj_hfd5p_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157) {
|
|
284
284
|
opacity: 1;
|
|
285
285
|
transition: opacity var(--motion-duration-refresh-only-medium-wkp575, 165ms);
|
|
286
286
|
transition-delay: calc(var(--motion-duration-refresh-only-fast-q2mprk, 115ms) / 1.5);
|
|
287
287
|
}
|
|
288
288
|
@media (prefers-reduced-motion: reduce) {
|
|
289
|
-
.awsui_drawers-trigger-
|
|
289
|
+
.awsui_drawers-trigger-content_hyvsj_hfd5p_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157) {
|
|
290
290
|
animation: none;
|
|
291
291
|
transition: none;
|
|
292
292
|
}
|
|
293
293
|
}
|
|
294
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
294
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_hfd5p_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_hfd5p_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_hfd5p_214):not(.awsui_has-open-drawer_hyvsj_hfd5p_157) {
|
|
295
295
|
animation: none;
|
|
296
296
|
transition: none;
|
|
297
297
|
}
|
|
298
298
|
|
|
299
299
|
@media (max-width: 688px) {
|
|
300
|
-
.awsui_drawers-
|
|
300
|
+
.awsui_drawers-trigger_hyvsj_hfd5p_246:not(#\9) {
|
|
301
301
|
width: 40px;
|
|
302
302
|
text-align: right;
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
|
|
306
|
-
.
|
|
307
|
-
--awsui-
|
|
306
|
+
.awsui_drawer_hyvsj_hfd5p_145:not(#\9) {
|
|
307
|
+
--awsui-drawer-size-zw2xxa: 290px;
|
|
308
308
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
309
309
|
border-color: transparent;
|
|
310
310
|
display: grid;
|
|
311
311
|
flex-shrink: 0;
|
|
312
|
-
grid-template-columns: 1fr auto var(--space-m-h2th94, 16px);
|
|
312
|
+
grid-template-columns: var(--space-m-h2th94, 16px) 1fr auto var(--space-m-h2th94, 16px);
|
|
313
313
|
grid-template-rows: var(--size-vertical-panel-icon-offset-zd2rli, 15px) auto 1fr;
|
|
314
314
|
height: 100%;
|
|
315
315
|
overflow-y: auto;
|
|
@@ -317,46 +317,42 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
|
|
|
317
317
|
overscroll-behavior-y: contain;
|
|
318
318
|
pointer-events: auto;
|
|
319
319
|
word-wrap: break-word;
|
|
320
|
-
transition: var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
321
|
-
transition-property: border-color, opacity, width;
|
|
322
320
|
}
|
|
323
|
-
.
|
|
324
|
-
grid-column:
|
|
321
|
+
.awsui_drawer_hyvsj_hfd5p_145 > .awsui_drawer-close-button_hyvsj_hfd5p_295:not(#\9) {
|
|
322
|
+
grid-column: 3;
|
|
325
323
|
grid-row: 2;
|
|
326
324
|
z-index: 1;
|
|
327
325
|
}
|
|
328
|
-
.
|
|
329
|
-
grid-column: 1/span
|
|
326
|
+
.awsui_drawer_hyvsj_hfd5p_145 > .awsui_drawer-content_hyvsj_hfd5p_300:not(#\9) {
|
|
327
|
+
grid-column: 1/span 4;
|
|
330
328
|
grid-row: 1/span 3;
|
|
331
|
-
width: var(--awsui-
|
|
329
|
+
width: var(--awsui-drawer-size-zw2xxa);
|
|
330
|
+
}
|
|
331
|
+
.awsui_drawer_hyvsj_hfd5p_145 > .awsui_drawer-slider_hyvsj_hfd5p_305:not(#\9) {
|
|
332
|
+
grid-column: 1;
|
|
333
|
+
grid-row: 3;
|
|
334
|
+
height: 100%;
|
|
335
|
+
display: flex;
|
|
336
|
+
align-items: center;
|
|
332
337
|
}
|
|
333
|
-
.
|
|
338
|
+
.awsui_drawer_hyvsj_hfd5p_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_hfd5p_312) {
|
|
334
339
|
opacity: 0;
|
|
335
340
|
width: 0;
|
|
336
341
|
}
|
|
337
|
-
.
|
|
342
|
+
.awsui_drawer_hyvsj_hfd5p_145.awsui_is-drawer-open_hyvsj_hfd5p_312:not(#\9) {
|
|
338
343
|
border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
339
344
|
opacity: 1;
|
|
340
|
-
width: var(--awsui-
|
|
341
|
-
}
|
|
342
|
-
@media (prefers-reduced-motion: reduce) {
|
|
343
|
-
.awsui_drawer_hyvsj_kjwsu_145:not(#\9) {
|
|
344
|
-
animation: none;
|
|
345
|
-
transition: none;
|
|
346
|
-
}
|
|
347
|
-
}
|
|
348
|
-
.awsui-motion-disabled .awsui_drawer_hyvsj_kjwsu_145:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_kjwsu_145:not(#\9) {
|
|
349
|
-
animation: none;
|
|
350
|
-
transition: none;
|
|
345
|
+
width: var(--awsui-drawer-size-zw2xxa);
|
|
351
346
|
}
|
|
352
347
|
@media (min-width: 2541px) {
|
|
353
|
-
.
|
|
354
|
-
--awsui-
|
|
348
|
+
.awsui_drawer_hyvsj_hfd5p_145.awsui_is-drawer-open_hyvsj_hfd5p_312:not(#\9) {
|
|
349
|
+
--awsui-drawer-size-zw2xxa: 320px;
|
|
355
350
|
}
|
|
356
351
|
}
|
|
357
352
|
@media (max-width: 688px) {
|
|
358
|
-
.
|
|
359
|
-
--awsui-
|
|
353
|
+
.awsui_drawer_hyvsj_hfd5p_145.awsui_is-drawer-open_hyvsj_hfd5p_312:not(#\9) {
|
|
354
|
+
--awsui-drawer-size-zw2xxa: 100vw;
|
|
355
|
+
width: 100vw;
|
|
360
356
|
}
|
|
361
357
|
}
|
|
362
358
|
|
|
@@ -364,7 +360,7 @@ div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.a
|
|
|
364
360
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
365
361
|
SPDX-License-Identifier: Apache-2.0
|
|
366
362
|
*/
|
|
367
|
-
header.
|
|
363
|
+
header.awsui_content_hyvsj_hfd5p_337:not(#\9) {
|
|
368
364
|
grid-area: header;
|
|
369
365
|
}
|
|
370
366
|
|
|
@@ -385,37 +381,37 @@ The minimum content width property is set to zero and applied under all
|
|
|
385
381
|
circumstances regardless of whether the minContentWidth property is
|
|
386
382
|
explicitly set in script.
|
|
387
383
|
*/
|
|
388
|
-
.
|
|
389
|
-
--awsui-breadcrumbs-gap-
|
|
390
|
-
--awsui-content-gap-left-
|
|
391
|
-
--awsui-content-gap-right-
|
|
392
|
-
--awsui-content-height-
|
|
393
|
-
--awsui-container-first-gap-
|
|
394
|
-
--awsui-container-first-overlap-extension-
|
|
395
|
-
--awsui-default-max-content-width-
|
|
396
|
-
--awsui-default-min-content-width-
|
|
397
|
-
--awsui-footer-height-
|
|
398
|
-
--awsui-header-gap-
|
|
399
|
-
--awsui-header-height-
|
|
400
|
-
--awsui-layout-width-
|
|
401
|
-
--awsui-main-gap-
|
|
402
|
-
--awsui-main-offset-left-
|
|
403
|
-
--awsui-main-template-rows-
|
|
404
|
-
--awsui-max-content-width-
|
|
405
|
-
--awsui-min-content-width-
|
|
406
|
-
--awsui-mobile-bar-height-
|
|
407
|
-
--awsui-notifications-gap-
|
|
408
|
-
--awsui-notifications-height-
|
|
409
|
-
--awsui-offset-top-
|
|
410
|
-
--awsui-offset-top-with-notifications-
|
|
411
|
-
--awsui-overlap-height-
|
|
384
|
+
.awsui_layout_hyvsj_hfd5p_358:not(#\9) {
|
|
385
|
+
--awsui-breadcrumbs-gap-zw2xxa: 0px;
|
|
386
|
+
--awsui-content-gap-left-zw2xxa: 0px;
|
|
387
|
+
--awsui-content-gap-right-zw2xxa: 0px;
|
|
388
|
+
--awsui-content-height-zw2xxa: calc(100vh - var(--awsui-header-height-zw2xxa) - var(--awsui-footer-height-zw2xxa));
|
|
389
|
+
--awsui-container-first-gap-zw2xxa: 0px;
|
|
390
|
+
--awsui-container-first-overlap-extension-zw2xxa: 0px;
|
|
391
|
+
--awsui-default-max-content-width-zw2xxa: 1280px;
|
|
392
|
+
--awsui-default-min-content-width-zw2xxa: 0px;
|
|
393
|
+
--awsui-footer-height-zw2xxa: 0px;
|
|
394
|
+
--awsui-header-gap-zw2xxa: 0px;
|
|
395
|
+
--awsui-header-height-zw2xxa: 0px;
|
|
396
|
+
--awsui-layout-width-zw2xxa: 0px;
|
|
397
|
+
--awsui-main-gap-zw2xxa: 0px;
|
|
398
|
+
--awsui-main-offset-left-zw2xxa: 0px;
|
|
399
|
+
--awsui-main-template-rows-zw2xxa: 1fr;
|
|
400
|
+
--awsui-max-content-width-zw2xxa: 0px;
|
|
401
|
+
--awsui-min-content-width-zw2xxa: 280px;
|
|
402
|
+
--awsui-mobile-bar-height-zw2xxa: calc(2 * var(--space-m-h2th94, 16px) + var(--space-scaled-xs-wbfgrv, 8px));
|
|
403
|
+
--awsui-notifications-gap-zw2xxa: 0px;
|
|
404
|
+
--awsui-notifications-height-zw2xxa: 0px;
|
|
405
|
+
--awsui-offset-top-zw2xxa: var(--awsui-header-height-zw2xxa);
|
|
406
|
+
--awsui-offset-top-with-notifications-zw2xxa: 0px;
|
|
407
|
+
--awsui-overlap-height-zw2xxa: var(--space-dark-header-overlap-distance-l9lxfl, 36px);
|
|
412
408
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
413
409
|
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
414
410
|
display: grid;
|
|
415
411
|
grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
|
|
416
|
-
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-
|
|
417
|
-
grid-template-rows: auto var(--awsui-notifications-gap-
|
|
418
|
-
min-height: var(--awsui-content-height-
|
|
412
|
+
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-zw2xxa), 1fr) minmax(var(--awsui-default-min-content-width-zw2xxa), var(--awsui-default-max-content-width-zw2xxa)) minmax(var(--awsui-content-gap-right-zw2xxa), 1fr) min-content;
|
|
413
|
+
grid-template-rows: auto var(--awsui-notifications-gap-zw2xxa) auto var(--awsui-breadcrumbs-gap-zw2xxa) auto var(--awsui-header-gap-zw2xxa) auto var(--awsui-main-gap-zw2xxa) var(--awsui-overlap-height-zw2xxa) var(--awsui-main-template-rows-zw2xxa);
|
|
414
|
+
min-height: var(--awsui-content-height-zw2xxa);
|
|
419
415
|
position: relative;
|
|
420
416
|
/*
|
|
421
417
|
Add unified max-width for AppLayout content based on breakpoints. Only use the max content
|
|
@@ -468,134 +464,134 @@ explicitly set in script.
|
|
|
468
464
|
*/
|
|
469
465
|
}
|
|
470
466
|
@media (min-width: 1401px) {
|
|
471
|
-
.
|
|
472
|
-
--awsui-default-max-content-width-
|
|
467
|
+
.awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_hfd5p_441) {
|
|
468
|
+
--awsui-default-max-content-width-zw2xxa: 1280px;
|
|
473
469
|
}
|
|
474
470
|
}
|
|
475
471
|
@media (min-width: 1921px) {
|
|
476
|
-
.
|
|
477
|
-
--awsui-default-max-content-width-
|
|
472
|
+
.awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_hfd5p_441) {
|
|
473
|
+
--awsui-default-max-content-width-zw2xxa: 1440px;
|
|
478
474
|
}
|
|
479
475
|
}
|
|
480
476
|
@media (min-width: 2541px) {
|
|
481
|
-
.
|
|
482
|
-
--awsui-default-max-content-width-
|
|
477
|
+
.awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_hfd5p_441) {
|
|
478
|
+
--awsui-default-max-content-width-zw2xxa: 1620px;
|
|
483
479
|
}
|
|
484
480
|
}
|
|
485
481
|
@media (min-width: 1401px) {
|
|
486
|
-
.
|
|
487
|
-
--awsui-default-max-content-width-
|
|
482
|
+
.awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_hfd5p_441).awsui_content-type-dashboard_hyvsj_hfd5p_456 {
|
|
483
|
+
--awsui-default-max-content-width-zw2xxa: 1280px;
|
|
488
484
|
}
|
|
489
485
|
}
|
|
490
486
|
@media (min-width: 1921px) {
|
|
491
|
-
.
|
|
492
|
-
--awsui-default-max-content-width-
|
|
487
|
+
.awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_hfd5p_441).awsui_content-type-dashboard_hyvsj_hfd5p_456 {
|
|
488
|
+
--awsui-default-max-content-width-zw2xxa: 1620px;
|
|
493
489
|
}
|
|
494
490
|
}
|
|
495
491
|
@media (min-width: 2541px) {
|
|
496
|
-
.
|
|
497
|
-
--awsui-default-max-content-width-
|
|
492
|
+
.awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_hfd5p_441).awsui_content-type-dashboard_hyvsj_hfd5p_456 {
|
|
493
|
+
--awsui-default-max-content-width-zw2xxa: 2160px;
|
|
498
494
|
}
|
|
499
495
|
}
|
|
500
|
-
.
|
|
501
|
-
--awsui-default-max-content-width-
|
|
496
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_has-max-content-width_hyvsj_hfd5p_441:not(#\9) {
|
|
497
|
+
--awsui-default-max-content-width-zw2xxa: var(--awsui-max-content-width-zw2xxa);
|
|
502
498
|
}
|
|
503
|
-
.
|
|
504
|
-
--awsui-overlap-height-
|
|
499
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_is-overlap-disabled_hyvsj_hfd5p_473:not(#\9) {
|
|
500
|
+
--awsui-overlap-height-zw2xxa: 0;
|
|
505
501
|
}
|
|
506
502
|
@media (min-width: 993px) {
|
|
507
|
-
.
|
|
508
|
-
--awsui-default-min-content-width-
|
|
503
|
+
.awsui_layout_hyvsj_hfd5p_358:not(#\9) {
|
|
504
|
+
--awsui-default-min-content-width-zw2xxa: var(--awsui-min-content-width-zw2xxa, 280px);
|
|
509
505
|
}
|
|
510
506
|
}
|
|
511
507
|
@media (max-width: 992px) {
|
|
512
|
-
.
|
|
513
|
-
--awsui-default-min-content-width-
|
|
508
|
+
.awsui_layout_hyvsj_hfd5p_358:not(#\9) {
|
|
509
|
+
--awsui-default-min-content-width-zw2xxa: 0px;
|
|
514
510
|
}
|
|
515
511
|
}
|
|
516
|
-
.
|
|
517
|
-
--awsui-offset-top-with-notifications-
|
|
512
|
+
.awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_hfd5p_110):not(.awsui_has-sticky-background_hyvsj_hfd5p_133) {
|
|
513
|
+
--awsui-offset-top-with-notifications-zw2xxa: var(--awsui-header-height-zw2xxa);
|
|
518
514
|
}
|
|
519
|
-
.
|
|
520
|
-
--awsui-offset-top-with-notifications-
|
|
515
|
+
.awsui_layout_hyvsj_hfd5p_358:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_hfd5p_110).awsui_has-sticky-background_hyvsj_hfd5p_133 {
|
|
516
|
+
--awsui-offset-top-with-notifications-zw2xxa: calc(var(--awsui-header-height-zw2xxa) + var(--space-scaled-s-913kwi, 12px));
|
|
521
517
|
}
|
|
522
|
-
.
|
|
523
|
-
--awsui-offset-top-with-notifications-
|
|
524
|
-
var(--awsui-offset-top-
|
|
525
|
-
var(--awsui-notifications-height-
|
|
518
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_has-sticky-notifications_hyvsj_hfd5p_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_hfd5p_133) {
|
|
519
|
+
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
520
|
+
var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
|
|
521
|
+
var(--awsui-notifications-height-zw2xxa) + var(--space-xxxs-j6dpcy, 2px)
|
|
526
522
|
);
|
|
527
523
|
}
|
|
528
|
-
.
|
|
529
|
-
--awsui-offset-top-with-notifications-
|
|
530
|
-
var(--awsui-offset-top-
|
|
531
|
-
var(--awsui-notifications-height-
|
|
524
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_has-sticky-notifications_hyvsj_hfd5p_110.awsui_has-sticky-background_hyvsj_hfd5p_133:not(#\9) {
|
|
525
|
+
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
526
|
+
var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
|
|
527
|
+
var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-913kwi, 12px)
|
|
532
528
|
);
|
|
533
529
|
}
|
|
534
530
|
@media (min-width: 689px) {
|
|
535
|
-
.
|
|
536
|
-
--awsui-content-gap-left-
|
|
531
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_has-content-gap-left_hyvsj_hfd5p_505:not(#\9) {
|
|
532
|
+
--awsui-content-gap-left-zw2xxa: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
|
|
537
533
|
}
|
|
538
|
-
.
|
|
539
|
-
--awsui-content-gap-right-
|
|
534
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_has-content-gap-right_hyvsj_hfd5p_508:not(#\9) {
|
|
535
|
+
--awsui-content-gap-right-zw2xxa: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
|
|
540
536
|
}
|
|
541
537
|
}
|
|
542
538
|
@media (max-width: 688px) {
|
|
543
|
-
.
|
|
544
|
-
--awsui-content-gap-left-
|
|
545
|
-
--awsui-content-gap-right-
|
|
539
|
+
.awsui_layout_hyvsj_hfd5p_358:not(#\9) {
|
|
540
|
+
--awsui-content-gap-left-zw2xxa: var(--space-l-f4l5gr, 20px);
|
|
541
|
+
--awsui-content-gap-right-zw2xxa: var(--space-l-f4l5gr, 20px);
|
|
546
542
|
}
|
|
547
543
|
}
|
|
548
|
-
.
|
|
549
|
-
--awsui-notifications-gap-
|
|
544
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-notifications_hyvsj_hfd5p_518:not(#\9) {
|
|
545
|
+
--awsui-notifications-gap-zw2xxa: var(--space-xs-edba2s, 8px);
|
|
550
546
|
}
|
|
551
|
-
.
|
|
552
|
-
--awsui-breadcrumbs-gap-
|
|
547
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_has-breadcrumbs_hyvsj_hfd5p_521:not(#\9) {
|
|
548
|
+
--awsui-breadcrumbs-gap-zw2xxa: var(--space-scaled-m-gxhdpl, 16px);
|
|
553
549
|
}
|
|
554
|
-
.
|
|
555
|
-
--awsui-header-gap-
|
|
550
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-header_hyvsj_hfd5p_524:not(#\9), .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-notifications_hyvsj_hfd5p_518:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_hfd5p_521).awsui_has-header_hyvsj_hfd5p_524 {
|
|
551
|
+
--awsui-header-gap-zw2xxa: var(--space-scaled-xs-wbfgrv, 8px);
|
|
556
552
|
}
|
|
557
|
-
.
|
|
558
|
-
--awsui-header-gap-
|
|
553
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_has-breadcrumbs_hyvsj_hfd5p_521.awsui_has-header_hyvsj_hfd5p_524:not(#\9) {
|
|
554
|
+
--awsui-header-gap-zw2xxa: var(--space-scaled-xxs-t2t62i, 4px);
|
|
559
555
|
}
|
|
560
|
-
.
|
|
561
|
-
--awsui-main-gap-
|
|
556
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-notifications_hyvsj_hfd5p_518:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_hfd5p_521):not(.awsui_has-header_hyvsj_hfd5p_524) {
|
|
557
|
+
--awsui-main-gap-zw2xxa: var(--space-xs-edba2s, 8px);
|
|
562
558
|
}
|
|
563
|
-
.
|
|
564
|
-
--awsui-container-first-gap-
|
|
559
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_has-breadcrumbs_hyvsj_hfd5p_521:not(#\9):not(.awsui_has-header_hyvsj_hfd5p_524) {
|
|
560
|
+
--awsui-container-first-gap-zw2xxa: calc(var(--awsui-breadcrumbs-gap-zw2xxa) - var(--awsui-main-gap-zw2xxa));
|
|
565
561
|
}
|
|
566
|
-
.
|
|
567
|
-
--awsui-main-gap-
|
|
562
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_has-breadcrumbs_hyvsj_hfd5p_521:not(#\9):not(.awsui_has-header_hyvsj_hfd5p_524).awsui_is-overlap-disabled_hyvsj_hfd5p_473 {
|
|
563
|
+
--awsui-main-gap-zw2xxa: var(--space-scaled-m-gxhdpl, 16px);
|
|
568
564
|
}
|
|
569
|
-
.
|
|
570
|
-
--awsui-main-gap-
|
|
565
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_has-breadcrumbs_hyvsj_hfd5p_521:not(#\9):not(.awsui_has-header_hyvsj_hfd5p_524):not(.awsui_is-overlap-disabled_hyvsj_hfd5p_473) {
|
|
566
|
+
--awsui-main-gap-zw2xxa: var(--space-scaled-xxs-t2t62i, 4px);
|
|
571
567
|
}
|
|
572
|
-
.
|
|
573
|
-
--awsui-main-gap-
|
|
568
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_has-header_hyvsj_hfd5p_524:not(#\9) {
|
|
569
|
+
--awsui-main-gap-zw2xxa: var(--space-scaled-xl-jawob6, 24px);
|
|
574
570
|
}
|
|
575
|
-
.
|
|
576
|
-
--awsui-main-gap-
|
|
571
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-main_hyvsj_hfd5p_545:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_hfd5p_473), .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-main_hyvsj_hfd5p_545.awsui_is-overlap-disabled_hyvsj_hfd5p_473:not(#\9):not(.awsui_disable-content-paddings_hyvsj_hfd5p_545) {
|
|
572
|
+
--awsui-main-gap-zw2xxa: var(--space-scaled-xs-wbfgrv, 8px);
|
|
577
573
|
}
|
|
578
574
|
@media (min-width: 689px) {
|
|
579
|
-
.
|
|
580
|
-
--awsui-container-first-overlap-extension-
|
|
581
|
-
--awsui-container-first-gap-
|
|
575
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-main_hyvsj_hfd5p_545:not(#\9):not(.awsui_has-header_hyvsj_hfd5p_524) {
|
|
576
|
+
--awsui-container-first-overlap-extension-zw2xxa: var(--space-m-h2th94, 16px);
|
|
577
|
+
--awsui-container-first-gap-zw2xxa: var(--space-xxs-ja5cp8, 4px);
|
|
582
578
|
}
|
|
583
579
|
}
|
|
584
580
|
@media (max-width: 688px) {
|
|
585
|
-
.
|
|
586
|
-
--awsui-notifications-gap-
|
|
581
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-notifications_hyvsj_hfd5p_518:not(#\9) {
|
|
582
|
+
--awsui-notifications-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
|
|
587
583
|
}
|
|
588
|
-
.
|
|
589
|
-
--awsui-header-gap-
|
|
584
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-header_hyvsj_hfd5p_524:not(#\9) {
|
|
585
|
+
--awsui-header-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
|
|
590
586
|
}
|
|
591
|
-
.
|
|
592
|
-
--awsui-header-gap-
|
|
587
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-notifications_hyvsj_hfd5p_518:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_hfd5p_521).awsui_has-header_hyvsj_hfd5p_524 {
|
|
588
|
+
--awsui-header-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
|
|
593
589
|
}
|
|
594
|
-
.
|
|
595
|
-
--awsui-main-gap-
|
|
590
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-notifications_hyvsj_hfd5p_518:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_hfd5p_521):not(.awsui_has-header_hyvsj_hfd5p_524), .awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-main_hyvsj_hfd5p_545:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_hfd5p_473) {
|
|
591
|
+
--awsui-main-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
|
|
596
592
|
}
|
|
597
|
-
.
|
|
598
|
-
--awsui-main-gap-
|
|
593
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_content-first-child-main_hyvsj_hfd5p_545.awsui_is-overlap-disabled_hyvsj_hfd5p_473:not(#\9):not(.awsui_disable-content-paddings_hyvsj_hfd5p_545) {
|
|
594
|
+
--awsui-main-gap-zw2xxa: var(--space-scaled-m-gxhdpl, 16px);
|
|
599
595
|
}
|
|
600
596
|
}
|
|
601
597
|
|
|
@@ -609,21 +605,21 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
609
605
|
position: sticky will be the value of the notifications height in addition to the
|
|
610
606
|
notifications top margin and some additional vertical space for aesthetics.
|
|
611
607
|
*/
|
|
612
|
-
.
|
|
613
|
-
--awsui-main-template-rows-
|
|
614
|
-
--awsui-offset-top-
|
|
615
|
-
height: var(--awsui-content-height-
|
|
608
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_disable-body-scroll_hyvsj_hfd5p_191:not(#\9) {
|
|
609
|
+
--awsui-main-template-rows-zw2xxa: 1fr auto;
|
|
610
|
+
--awsui-offset-top-zw2xxa: 0px;
|
|
611
|
+
height: var(--awsui-content-height-zw2xxa);
|
|
616
612
|
overflow-y: scroll;
|
|
617
613
|
}
|
|
618
|
-
.
|
|
619
|
-
--awsui-main-template-rows-
|
|
614
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_disable-body-scroll_hyvsj_hfd5p_191.awsui_has-split-panel_hyvsj_hfd5p_588.awsui_split-panel-position-bottom_hyvsj_hfd5p_588:not(#\9) {
|
|
615
|
+
--awsui-main-template-rows-zw2xxa: repeat(2, auto);
|
|
620
616
|
}
|
|
621
|
-
.
|
|
622
|
-
--awsui-offset-top-with-notifications-
|
|
617
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_disable-body-scroll_hyvsj_hfd5p_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_hfd5p_110) {
|
|
618
|
+
--awsui-offset-top-with-notifications-zw2xxa: 0px;
|
|
623
619
|
}
|
|
624
|
-
.
|
|
625
|
-
--awsui-offset-top-with-notifications-
|
|
626
|
-
var(--awsui-notifications-height-
|
|
620
|
+
.awsui_layout_hyvsj_hfd5p_358.awsui_disable-body-scroll_hyvsj_hfd5p_191.awsui_has-sticky-notifications_hyvsj_hfd5p_110:not(#\9) {
|
|
621
|
+
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
622
|
+
var(--awsui-notifications-height-zw2xxa) + var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px)
|
|
627
623
|
);
|
|
628
624
|
}
|
|
629
625
|
|
|
@@ -631,13 +627,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
631
627
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
632
628
|
when the navigation or tools drawers are open in responsive viewports.
|
|
633
629
|
*/
|
|
634
|
-
.awsui_block-body-
|
|
630
|
+
.awsui_block-body-scroll_hyvsj_hfd5p_604:not(#\9) {
|
|
635
631
|
overflow: hidden;
|
|
636
632
|
}
|
|
637
633
|
|
|
638
634
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
639
|
-
.
|
|
640
|
-
.
|
|
635
|
+
.awsui_unfocusable_hyvsj_hfd5p_609:not(#\9),
|
|
636
|
+
.awsui_unfocusable_hyvsj_hfd5p_609 *:not(#\9) {
|
|
641
637
|
visibility: hidden !important;
|
|
642
638
|
}
|
|
643
639
|
|
|
@@ -646,7 +642,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
646
642
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
647
643
|
SPDX-License-Identifier: Apache-2.0
|
|
648
644
|
*/
|
|
649
|
-
.
|
|
645
|
+
.awsui_container_hyvsj_hfd5p_619:not(#\9) {
|
|
650
646
|
grid-area: main;
|
|
651
647
|
padding-bottom: var(--space-layout-content-bottom-zwsyun, 40px);
|
|
652
648
|
/*
|
|
@@ -663,18 +659,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
663
659
|
on the right, we decrement the column end by one.
|
|
664
660
|
*/
|
|
665
661
|
}
|
|
666
|
-
.
|
|
667
|
-
padding-bottom: calc(var(--awsui-split-panel-height-
|
|
662
|
+
.awsui_container_hyvsj_hfd5p_619.awsui_has-split-panel_hyvsj_hfd5p_588.awsui_split-panel-position-bottom_hyvsj_hfd5p_588:not(#\9) {
|
|
663
|
+
padding-bottom: calc(var(--awsui-split-panel-height-zw2xxa) + var(--space-layout-content-bottom-zwsyun, 40px));
|
|
668
664
|
}
|
|
669
|
-
.
|
|
665
|
+
.awsui_container_hyvsj_hfd5p_619.awsui_disable-content-paddings_hyvsj_hfd5p_545:not(#\9) {
|
|
670
666
|
grid-column: 1/6;
|
|
671
667
|
padding: 0;
|
|
672
668
|
}
|
|
673
669
|
@media (min-width: 689px) {
|
|
674
|
-
.
|
|
670
|
+
.awsui_container_hyvsj_hfd5p_619.awsui_disable-content-paddings_hyvsj_hfd5p_545.awsui_is-navigation-open_hyvsj_hfd5p_644:not(#\9) {
|
|
675
671
|
grid-column-start: 2;
|
|
676
672
|
}
|
|
677
|
-
.
|
|
673
|
+
.awsui_container_hyvsj_hfd5p_619.awsui_disable-content-paddings_hyvsj_hfd5p_545.awsui_is-tools-open_hyvsj_hfd5p_647:not(#\9), .awsui_container_hyvsj_hfd5p_619.awsui_disable-content-paddings_hyvsj_hfd5p_545.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_split-panel-position-side_hyvsj_hfd5p_647:not(#\9) {
|
|
678
674
|
grid-column-end: 5;
|
|
679
675
|
}
|
|
680
676
|
}
|
|
@@ -683,31 +679,31 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
683
679
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
684
680
|
SPDX-License-Identifier: Apache-2.0
|
|
685
681
|
*/
|
|
686
|
-
section.awsui_mobile-
|
|
682
|
+
section.awsui_mobile-toolbar_hyvsj_hfd5p_656:not(#\9) {
|
|
687
683
|
align-items: center;
|
|
688
684
|
background-color: var(--color-background-home-header-qnhw1k, #000716);
|
|
689
685
|
border-bottom: 1px solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
690
686
|
box-shadow: var(--shadow-panel-toggle-5grp58, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
691
687
|
box-sizing: border-box;
|
|
692
|
-
height: var(--awsui-mobile-bar-height-
|
|
688
|
+
height: var(--awsui-mobile-bar-height-zw2xxa);
|
|
693
689
|
display: grid;
|
|
694
690
|
grid-area: mobileToolbar;
|
|
695
691
|
grid-column: 1/span 5;
|
|
696
692
|
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
697
693
|
padding: 0 var(--space-m-h2th94, 16px);
|
|
698
694
|
position: sticky;
|
|
699
|
-
top: var(--awsui-offset-top-
|
|
695
|
+
top: var(--awsui-offset-top-zw2xxa);
|
|
700
696
|
z-index: 1000;
|
|
701
697
|
}
|
|
702
|
-
section.awsui_mobile-
|
|
698
|
+
section.awsui_mobile-toolbar_hyvsj_hfd5p_656 > .awsui_mobile-toolbar-nav_hyvsj_hfd5p_672:not(#\9) {
|
|
703
699
|
grid-column: 1;
|
|
704
700
|
margin-right: var(--space-m-h2th94, 16px);
|
|
705
701
|
}
|
|
706
|
-
section.awsui_mobile-
|
|
702
|
+
section.awsui_mobile-toolbar_hyvsj_hfd5p_656 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_hfd5p_676:not(#\9) {
|
|
707
703
|
grid-column: 2;
|
|
708
704
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
709
705
|
}
|
|
710
|
-
section.awsui_mobile-
|
|
706
|
+
section.awsui_mobile-toolbar_hyvsj_hfd5p_656 > .awsui_mobile-toolbar-tools_hyvsj_hfd5p_680:not(#\9) {
|
|
711
707
|
grid-column: 3;
|
|
712
708
|
margin-left: var(--space-m-h2th94, 16px);
|
|
713
709
|
}
|
|
@@ -716,14 +712,14 @@ section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
716
712
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
717
713
|
SPDX-License-Identifier: Apache-2.0
|
|
718
714
|
*/
|
|
719
|
-
.awsui_navigation-
|
|
720
|
-
--awsui-navigation-width-
|
|
715
|
+
.awsui_navigation-container_hyvsj_hfd5p_689:not(#\9) {
|
|
716
|
+
--awsui-navigation-width-zw2xxa: 280px;
|
|
721
717
|
display: flex;
|
|
722
718
|
grid-column: 1;
|
|
723
719
|
grid-row: 1/span 10;
|
|
724
|
-
height: var(--awsui-content-height-
|
|
720
|
+
height: var(--awsui-content-height-zw2xxa);
|
|
725
721
|
position: sticky;
|
|
726
|
-
top: var(--awsui-offset-top-
|
|
722
|
+
top: var(--awsui-offset-top-zw2xxa);
|
|
727
723
|
z-index: 830;
|
|
728
724
|
/*
|
|
729
725
|
The navigation and tools containers (that contain the toggle buttons)
|
|
@@ -738,12 +734,12 @@ section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
738
734
|
pointer-events: none;
|
|
739
735
|
}
|
|
740
736
|
@media (min-width: 2541px) {
|
|
741
|
-
.awsui_navigation-
|
|
742
|
-
--awsui-navigation-width-
|
|
737
|
+
.awsui_navigation-container_hyvsj_hfd5p_689:not(#\9) {
|
|
738
|
+
--awsui-navigation-width-zw2xxa: 320px;
|
|
743
739
|
}
|
|
744
740
|
}
|
|
745
741
|
@media (max-width: 688px) {
|
|
746
|
-
.awsui_navigation-
|
|
742
|
+
.awsui_navigation-container_hyvsj_hfd5p_689:not(#\9) {
|
|
747
743
|
left: 0;
|
|
748
744
|
position: fixed;
|
|
749
745
|
z-index: 1001;
|
|
@@ -755,19 +751,19 @@ section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
755
751
|
relative to the body.
|
|
756
752
|
*/
|
|
757
753
|
}
|
|
758
|
-
.awsui_navigation-
|
|
759
|
-
top: var(--awsui-header-height-
|
|
754
|
+
.awsui_navigation-container_hyvsj_hfd5p_689.awsui_disable-body-scroll_hyvsj_hfd5p_191:not(#\9) {
|
|
755
|
+
top: var(--awsui-header-height-zw2xxa);
|
|
760
756
|
}
|
|
761
757
|
}
|
|
762
758
|
|
|
763
|
-
nav.awsui_show-
|
|
759
|
+
nav.awsui_show-navigation_hyvsj_hfd5p_733:not(#\9) {
|
|
764
760
|
padding: var(--space-scaled-s-913kwi, 12px) var(--space-layout-toggle-padding-dhzjwp, 20px);
|
|
765
761
|
/*
|
|
766
762
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
767
763
|
take control in responsive viewports.
|
|
768
764
|
*/
|
|
769
765
|
}
|
|
770
|
-
@keyframes
|
|
766
|
+
@keyframes awsui_showButtons_hyvsj_hfd5p_1 {
|
|
771
767
|
0% {
|
|
772
768
|
opacity: 0;
|
|
773
769
|
}
|
|
@@ -775,31 +771,31 @@ nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9) {
|
|
|
775
771
|
opacity: 1;
|
|
776
772
|
}
|
|
777
773
|
}
|
|
778
|
-
nav.awsui_show-
|
|
774
|
+
nav.awsui_show-navigation_hyvsj_hfd5p_733.awsui_is-navigation-open_hyvsj_hfd5p_644:not(#\9) {
|
|
779
775
|
display: none;
|
|
780
776
|
}
|
|
781
777
|
@media (min-width: 689px) {
|
|
782
|
-
nav.awsui_show-
|
|
778
|
+
nav.awsui_show-navigation_hyvsj_hfd5p_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_hfd5p_644) {
|
|
783
779
|
display: block;
|
|
784
780
|
}
|
|
785
|
-
nav.awsui_show-
|
|
786
|
-
animation:
|
|
781
|
+
nav.awsui_show-navigation_hyvsj_hfd5p_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_hfd5p_644).awsui_animating_hyvsj_hfd5p_755 {
|
|
782
|
+
animation: awsui_showButtons_hyvsj_hfd5p_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
787
783
|
}
|
|
788
784
|
}
|
|
789
785
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
790
|
-
nav.awsui_show-
|
|
786
|
+
nav.awsui_show-navigation_hyvsj_hfd5p_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_hfd5p_644).awsui_animating_hyvsj_hfd5p_755 {
|
|
791
787
|
animation: none;
|
|
792
788
|
transition: none;
|
|
793
789
|
}
|
|
794
790
|
}
|
|
795
791
|
@media (min-width: 689px) {
|
|
796
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
792
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_hfd5p_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_hfd5p_644).awsui_animating_hyvsj_hfd5p_755, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_hfd5p_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_hfd5p_644).awsui_animating_hyvsj_hfd5p_755 {
|
|
797
793
|
animation: none;
|
|
798
794
|
transition: none;
|
|
799
795
|
}
|
|
800
796
|
}
|
|
801
797
|
|
|
802
|
-
nav.
|
|
798
|
+
nav.awsui_navigation_hyvsj_hfd5p_689:not(#\9) {
|
|
803
799
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
804
800
|
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
805
801
|
bottom: 0;
|
|
@@ -816,43 +812,43 @@ nav.awsui_navigation_hyvsj_kjwsu_693:not(#\9) {
|
|
|
816
812
|
prevent unwanted text wrapping.
|
|
817
813
|
*/
|
|
818
814
|
}
|
|
819
|
-
@keyframes
|
|
815
|
+
@keyframes awsui_openNavigation_hyvsj_hfd5p_1 {
|
|
820
816
|
from {
|
|
821
817
|
opacity: 0;
|
|
822
818
|
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
823
819
|
}
|
|
824
820
|
to {
|
|
825
821
|
opacity: 1;
|
|
826
|
-
width: var(--awsui-navigation-width-
|
|
822
|
+
width: var(--awsui-navigation-width-zw2xxa);
|
|
827
823
|
}
|
|
828
824
|
}
|
|
829
|
-
nav.
|
|
825
|
+
nav.awsui_navigation_hyvsj_hfd5p_689:not(#\9):not(.awsui_is-navigation-open_hyvsj_hfd5p_644) {
|
|
830
826
|
width: 0;
|
|
831
827
|
display: none;
|
|
832
828
|
}
|
|
833
|
-
nav.
|
|
834
|
-
animation:
|
|
829
|
+
nav.awsui_navigation_hyvsj_hfd5p_689.awsui_is-navigation-open_hyvsj_hfd5p_644.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
830
|
+
animation: awsui_openNavigation_hyvsj_hfd5p_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
835
831
|
}
|
|
836
832
|
@media (prefers-reduced-motion: reduce) {
|
|
837
|
-
nav.
|
|
833
|
+
nav.awsui_navigation_hyvsj_hfd5p_689.awsui_is-navigation-open_hyvsj_hfd5p_644.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
838
834
|
animation: none;
|
|
839
835
|
transition: none;
|
|
840
836
|
}
|
|
841
837
|
}
|
|
842
|
-
.awsui-motion-disabled nav.
|
|
838
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_hfd5p_689.awsui_is-navigation-open_hyvsj_hfd5p_644.awsui_animating_hyvsj_hfd5p_755:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_hfd5p_689.awsui_is-navigation-open_hyvsj_hfd5p_644.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
843
839
|
animation: none;
|
|
844
840
|
transition: none;
|
|
845
841
|
}
|
|
846
|
-
nav.
|
|
847
|
-
width: var(--awsui-navigation-width-
|
|
842
|
+
nav.awsui_navigation_hyvsj_hfd5p_689 > .awsui_animated-content_hyvsj_hfd5p_816:not(#\9) {
|
|
843
|
+
width: var(--awsui-navigation-width-zw2xxa);
|
|
848
844
|
}
|
|
849
845
|
@media (max-width: 688px) {
|
|
850
|
-
nav.
|
|
851
|
-
--awsui-navigation-width-
|
|
846
|
+
nav.awsui_navigation_hyvsj_hfd5p_689:not(#\9) {
|
|
847
|
+
--awsui-navigation-width-zw2xxa: 100vw;
|
|
852
848
|
}
|
|
853
849
|
}
|
|
854
850
|
|
|
855
|
-
.awsui_hide-
|
|
851
|
+
.awsui_hide-navigation_hyvsj_hfd5p_825:not(#\9) {
|
|
856
852
|
position: absolute;
|
|
857
853
|
right: var(--space-m-h2th94, 16px);
|
|
858
854
|
top: var(--size-vertical-panel-icon-offset-zd2rli, 15px);
|
|
@@ -862,16 +858,16 @@ nav.awsui_navigation_hyvsj_kjwsu_693 > .awsui_animated-content_hyvsj_kjwsu_820:n
|
|
|
862
858
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
863
859
|
SPDX-License-Identifier: Apache-2.0
|
|
864
860
|
*/
|
|
865
|
-
.
|
|
861
|
+
.awsui_notifications_hyvsj_hfd5p_835:not(#\9) {
|
|
866
862
|
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
867
863
|
grid-area: notifications;
|
|
868
864
|
z-index: 850;
|
|
869
865
|
}
|
|
870
866
|
@media (min-width: 689px) {
|
|
871
|
-
.
|
|
872
|
-
--awsui-flashbar-sticky-bottom-margin-
|
|
867
|
+
.awsui_notifications_hyvsj_hfd5p_835.awsui_sticky-notifications_hyvsj_hfd5p_841:not(#\9) {
|
|
868
|
+
--awsui-flashbar-sticky-bottom-margin-zw2xxa: var(--space-xxl-sgg5p8, 32px);
|
|
873
869
|
position: sticky;
|
|
874
|
-
top: calc(var(--awsui-offset-top-
|
|
870
|
+
top: calc(var(--awsui-offset-top-zw2xxa) + var(--space-xs-edba2s, 8px));
|
|
875
871
|
}
|
|
876
872
|
}
|
|
877
873
|
|
|
@@ -885,13 +881,13 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
885
881
|
consume the remaining vertical space in the grid after the notifications
|
|
886
882
|
and breadcrumbs.
|
|
887
883
|
*/
|
|
888
|
-
section.awsui_split-panel-
|
|
884
|
+
section.awsui_split-panel-bottom_hyvsj_hfd5p_858:not(#\9) {
|
|
889
885
|
/*
|
|
890
886
|
The align self property will position the split panel at the bottom of the grid row.
|
|
891
887
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
892
888
|
*/
|
|
893
889
|
align-self: end;
|
|
894
|
-
bottom: var(--awsui-footer-height-
|
|
890
|
+
bottom: var(--awsui-footer-height-zw2xxa);
|
|
895
891
|
display: none;
|
|
896
892
|
grid-column: 1/6;
|
|
897
893
|
grid-row: 10;
|
|
@@ -920,47 +916,47 @@ section.awsui_split-panel-bottom_hyvsj_kjwsu_862:not(#\9) {
|
|
|
920
916
|
apply the animation to the height property.
|
|
921
917
|
*/
|
|
922
918
|
}
|
|
923
|
-
@keyframes
|
|
919
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_hfd5p_1 {
|
|
924
920
|
from {
|
|
925
|
-
height: var(--awsui-split-panel-reported-header-size-
|
|
921
|
+
height: var(--awsui-split-panel-reported-header-size-zw2xxa, 0);
|
|
926
922
|
}
|
|
927
923
|
to {
|
|
928
|
-
height: var(--awsui-split-panel-reported-size-
|
|
924
|
+
height: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
929
925
|
}
|
|
930
926
|
}
|
|
931
|
-
section.awsui_split-panel-
|
|
927
|
+
section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_disable-body-scroll_hyvsj_hfd5p_191:not(#\9) {
|
|
932
928
|
bottom: 0;
|
|
933
929
|
}
|
|
934
|
-
section.awsui_split-panel-
|
|
930
|
+
section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_is-navigation-open_hyvsj_hfd5p_644.awsui_position-bottom_hyvsj_hfd5p_904:not(#\9) {
|
|
935
931
|
grid-column-start: 2;
|
|
936
932
|
}
|
|
937
|
-
section.awsui_split-panel-
|
|
933
|
+
section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_has-open-drawer_hyvsj_hfd5p_157.awsui_position-bottom_hyvsj_hfd5p_904:not(#\9) {
|
|
938
934
|
grid-column-end: 5;
|
|
939
935
|
}
|
|
940
|
-
section.awsui_split-panel-
|
|
936
|
+
section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_position-bottom_hyvsj_hfd5p_904:not(#\9) {
|
|
941
937
|
display: block;
|
|
942
938
|
}
|
|
943
|
-
section.awsui_split-panel-
|
|
939
|
+
section.awsui_split-panel-bottom_hyvsj_hfd5p_858:not(#\9):not(.awsui_is-split-panel-open_hyvsj_hfd5p_647).awsui_position-bottom_hyvsj_hfd5p_904 {
|
|
944
940
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
945
941
|
}
|
|
946
|
-
section.awsui_split-panel-
|
|
942
|
+
section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-bottom_hyvsj_hfd5p_904:not(#\9) {
|
|
947
943
|
box-shadow: var(--shadow-split-bottom-ijqtlb, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
948
944
|
}
|
|
949
|
-
section.awsui_split-panel-
|
|
950
|
-
animation:
|
|
945
|
+
section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-bottom_hyvsj_hfd5p_904.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
946
|
+
animation: awsui_openSplitPanelBottom_hyvsj_hfd5p_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
951
947
|
}
|
|
952
948
|
@media (prefers-reduced-motion: reduce) {
|
|
953
|
-
section.awsui_split-panel-
|
|
949
|
+
section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-bottom_hyvsj_hfd5p_904.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
954
950
|
animation: none;
|
|
955
951
|
transition: none;
|
|
956
952
|
}
|
|
957
953
|
}
|
|
958
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
954
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-bottom_hyvsj_hfd5p_904.awsui_animating_hyvsj_hfd5p_755:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_hfd5p_858.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-bottom_hyvsj_hfd5p_904.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
959
955
|
animation: none;
|
|
960
956
|
transition: none;
|
|
961
957
|
}
|
|
962
958
|
|
|
963
|
-
section.awsui_split-panel-
|
|
959
|
+
section.awsui_split-panel-side_hyvsj_hfd5p_933:not(#\9) {
|
|
964
960
|
height: 100%;
|
|
965
961
|
overflow-x: hidden;
|
|
966
962
|
pointer-events: auto;
|
|
@@ -975,41 +971,41 @@ section.awsui_split-panel-side_hyvsj_kjwsu_937:not(#\9) {
|
|
|
975
971
|
prevent unwanted text wrapping.
|
|
976
972
|
*/
|
|
977
973
|
}
|
|
978
|
-
@keyframes
|
|
974
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_hfd5p_1 {
|
|
979
975
|
from {
|
|
980
976
|
opacity: 0;
|
|
981
|
-
width: var(--awsui-split-panel-min-width-
|
|
977
|
+
width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
|
|
982
978
|
}
|
|
983
979
|
to {
|
|
984
980
|
opacity: 1;
|
|
985
|
-
width: var(--awsui-split-panel-reported-size-
|
|
981
|
+
width: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
986
982
|
}
|
|
987
983
|
}
|
|
988
|
-
section.awsui_split-panel-
|
|
984
|
+
section.awsui_split-panel-side_hyvsj_hfd5p_933:not(#\9):not(.awsui_is-split-panel-open_hyvsj_hfd5p_647), section.awsui_split-panel-side_hyvsj_hfd5p_933.awsui_position-bottom_hyvsj_hfd5p_904:not(#\9) {
|
|
989
985
|
width: 0;
|
|
990
986
|
}
|
|
991
|
-
section.awsui_split-panel-
|
|
987
|
+
section.awsui_split-panel-side_hyvsj_hfd5p_933.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-side_hyvsj_hfd5p_961:not(#\9) {
|
|
992
988
|
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
993
|
-
max-width: var(--awsui-split-panel-max-width-
|
|
994
|
-
min-width: var(--awsui-split-panel-min-width-
|
|
989
|
+
max-width: var(--awsui-split-panel-max-width-zw2xxa, 280px);
|
|
990
|
+
min-width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
|
|
995
991
|
}
|
|
996
|
-
section.awsui_split-panel-
|
|
997
|
-
animation:
|
|
992
|
+
section.awsui_split-panel-side_hyvsj_hfd5p_933.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-side_hyvsj_hfd5p_961.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
993
|
+
animation: awsui_openSplitPanelSide_hyvsj_hfd5p_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
998
994
|
}
|
|
999
995
|
@media (prefers-reduced-motion: reduce) {
|
|
1000
|
-
section.awsui_split-panel-
|
|
996
|
+
section.awsui_split-panel-side_hyvsj_hfd5p_933.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-side_hyvsj_hfd5p_961.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
1001
997
|
animation: none;
|
|
1002
998
|
transition: none;
|
|
1003
999
|
}
|
|
1004
1000
|
}
|
|
1005
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1001
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_hfd5p_933.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-side_hyvsj_hfd5p_961.awsui_animating_hyvsj_hfd5p_755:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_hfd5p_933.awsui_is-split-panel-open_hyvsj_hfd5p_647.awsui_position-side_hyvsj_hfd5p_961.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
1006
1002
|
animation: none;
|
|
1007
1003
|
transition: none;
|
|
1008
1004
|
}
|
|
1009
|
-
section.awsui_split-panel-
|
|
1005
|
+
section.awsui_split-panel-side_hyvsj_hfd5p_933 > .awsui_animated-content_hyvsj_hfd5p_816:not(#\9) {
|
|
1010
1006
|
height: 100%;
|
|
1011
1007
|
max-width: inherit;
|
|
1012
|
-
width: var(--awsui-split-panel-reported-size-
|
|
1008
|
+
width: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
1013
1009
|
}
|
|
1014
1010
|
|
|
1015
1011
|
/*
|
|
@@ -1025,30 +1021,30 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1025
1021
|
property. The content gap right is computed in the Layout styles based on the
|
|
1026
1022
|
viewport size and state of the Tools drawer.
|
|
1027
1023
|
*/
|
|
1028
|
-
.awsui_tools-
|
|
1024
|
+
.awsui_tools-container_hyvsj_hfd5p_998:not(#\9) {
|
|
1029
1025
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1030
|
-
--awsui-tools-max-width-
|
|
1026
|
+
--awsui-tools-max-width-zw2xxa: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
|
|
1031
1027
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
1032
|
-
--awsui-tools-width-
|
|
1028
|
+
--awsui-tools-width-zw2xxa: 290px;
|
|
1033
1029
|
display: flex;
|
|
1034
1030
|
grid-column: 5;
|
|
1035
1031
|
grid-row: 1/span 10;
|
|
1036
|
-
height: var(--awsui-content-height-
|
|
1037
|
-
max-width: var(--awsui-tools-max-width-
|
|
1032
|
+
height: var(--awsui-content-height-zw2xxa);
|
|
1033
|
+
max-width: var(--awsui-tools-max-width-zw2xxa);
|
|
1038
1034
|
position: sticky;
|
|
1039
|
-
top: var(--awsui-offset-top-
|
|
1035
|
+
top: var(--awsui-offset-top-zw2xxa);
|
|
1040
1036
|
z-index: 830;
|
|
1041
1037
|
pointer-events: none;
|
|
1042
1038
|
}
|
|
1043
1039
|
@media (min-width: 2541px) {
|
|
1044
|
-
.awsui_tools-
|
|
1045
|
-
--awsui-tools-width-
|
|
1040
|
+
.awsui_tools-container_hyvsj_hfd5p_998:not(#\9) {
|
|
1041
|
+
--awsui-tools-width-zw2xxa: 360px;
|
|
1046
1042
|
}
|
|
1047
1043
|
}
|
|
1048
1044
|
@media (max-width: 688px) {
|
|
1049
|
-
.awsui_tools-
|
|
1050
|
-
--awsui-tools-max-width-
|
|
1051
|
-
--awsui-tools-width-
|
|
1045
|
+
.awsui_tools-container_hyvsj_hfd5p_998:not(#\9) {
|
|
1046
|
+
--awsui-tools-max-width-zw2xxa: none;
|
|
1047
|
+
--awsui-tools-width-zw2xxa: auto;
|
|
1052
1048
|
position: fixed;
|
|
1053
1049
|
right: 0;
|
|
1054
1050
|
z-index: 1001;
|
|
@@ -1060,12 +1056,12 @@ viewport size and state of the Tools drawer.
|
|
|
1060
1056
|
relative to the body.
|
|
1061
1057
|
*/
|
|
1062
1058
|
}
|
|
1063
|
-
.awsui_tools-
|
|
1064
|
-
top: var(--awsui-header-height-
|
|
1059
|
+
.awsui_tools-container_hyvsj_hfd5p_998.awsui_disable-body-scroll_hyvsj_hfd5p_191:not(#\9) {
|
|
1060
|
+
top: var(--awsui-header-height-zw2xxa);
|
|
1065
1061
|
}
|
|
1066
1062
|
}
|
|
1067
1063
|
|
|
1068
|
-
.
|
|
1064
|
+
.awsui_tools_hyvsj_hfd5p_998:not(#\9) {
|
|
1069
1065
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
1070
1066
|
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1071
1067
|
flex-shrink: 0;
|
|
@@ -1088,48 +1084,48 @@ viewport size and state of the Tools drawer.
|
|
|
1088
1084
|
in the side position.
|
|
1089
1085
|
*/
|
|
1090
1086
|
}
|
|
1091
|
-
@keyframes
|
|
1087
|
+
@keyframes awsui_openTools_hyvsj_hfd5p_1 {
|
|
1092
1088
|
from {
|
|
1093
|
-
opacity: var(--awsui-tools-animation-starting-opacity-
|
|
1089
|
+
opacity: var(--awsui-tools-animation-starting-opacity-zw2xxa, 0);
|
|
1094
1090
|
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
1095
1091
|
}
|
|
1096
1092
|
to {
|
|
1097
1093
|
opacity: 1;
|
|
1098
|
-
width: var(--awsui-tools-width-
|
|
1094
|
+
width: var(--awsui-tools-width-zw2xxa);
|
|
1099
1095
|
}
|
|
1100
1096
|
}
|
|
1101
|
-
.
|
|
1097
|
+
.awsui_tools_hyvsj_hfd5p_998:not(#\9):not(.awsui_is-tools-open_hyvsj_hfd5p_647) {
|
|
1102
1098
|
width: 0;
|
|
1103
1099
|
display: none;
|
|
1104
1100
|
}
|
|
1105
|
-
.
|
|
1106
|
-
animation:
|
|
1101
|
+
.awsui_tools_hyvsj_hfd5p_998.awsui_is-tools-open_hyvsj_hfd5p_647.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
1102
|
+
animation: awsui_openTools_hyvsj_hfd5p_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
1107
1103
|
}
|
|
1108
1104
|
@media (prefers-reduced-motion: reduce) {
|
|
1109
|
-
.
|
|
1105
|
+
.awsui_tools_hyvsj_hfd5p_998.awsui_is-tools-open_hyvsj_hfd5p_647.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
1110
1106
|
animation: none;
|
|
1111
1107
|
transition: none;
|
|
1112
1108
|
}
|
|
1113
1109
|
}
|
|
1114
|
-
.awsui-motion-disabled .
|
|
1110
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_hfd5p_998.awsui_is-tools-open_hyvsj_hfd5p_647.awsui_animating_hyvsj_hfd5p_755:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_hfd5p_998.awsui_is-tools-open_hyvsj_hfd5p_647.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
1115
1111
|
animation: none;
|
|
1116
1112
|
transition: none;
|
|
1117
1113
|
}
|
|
1118
|
-
.
|
|
1119
|
-
width: var(--awsui-tools-width-
|
|
1114
|
+
.awsui_tools_hyvsj_hfd5p_998 > .awsui_animated-content_hyvsj_hfd5p_816:not(#\9) {
|
|
1115
|
+
width: var(--awsui-tools-width-zw2xxa);
|
|
1120
1116
|
}
|
|
1121
1117
|
@media (min-width: 689px) {
|
|
1122
|
-
.
|
|
1118
|
+
.awsui_tools_hyvsj_hfd5p_998.awsui_is-tools-open_hyvsj_hfd5p_647.awsui_has-tools-form-persistence_hyvsj_hfd5p_1092:not(#\9) {
|
|
1123
1119
|
border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
1124
1120
|
}
|
|
1125
1121
|
}
|
|
1126
1122
|
@media (max-width: 688px) {
|
|
1127
|
-
.
|
|
1128
|
-
--awsui-tools-width-
|
|
1123
|
+
.awsui_tools_hyvsj_hfd5p_998:not(#\9) {
|
|
1124
|
+
--awsui-tools-width-zw2xxa: 100vw;
|
|
1129
1125
|
}
|
|
1130
1126
|
}
|
|
1131
1127
|
|
|
1132
|
-
.awsui_hide-
|
|
1128
|
+
.awsui_hide-tools_hyvsj_hfd5p_1102:not(#\9) {
|
|
1133
1129
|
position: absolute;
|
|
1134
1130
|
right: var(--space-m-h2th94, 16px);
|
|
1135
1131
|
top: var(--size-vertical-panel-icon-offset-zd2rli, 15px);
|
|
@@ -1141,7 +1137,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1141
1137
|
the calculation used to determine the Split Panel maximum width in the
|
|
1142
1138
|
handleSplitPanelMaxWidth function in the context.
|
|
1143
1139
|
*/
|
|
1144
|
-
.awsui_show-
|
|
1140
|
+
.awsui_show-tools_hyvsj_hfd5p_1114:not(#\9) {
|
|
1145
1141
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1146
1142
|
border-collapse: separate;
|
|
1147
1143
|
border-spacing: 0;
|
|
@@ -1185,7 +1181,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1185
1181
|
take control in responsive viewports.
|
|
1186
1182
|
*/
|
|
1187
1183
|
}
|
|
1188
|
-
@keyframes
|
|
1184
|
+
@keyframes awsui_showButtons_hyvsj_hfd5p_1 {
|
|
1189
1185
|
0% {
|
|
1190
1186
|
opacity: 0;
|
|
1191
1187
|
}
|
|
@@ -1193,33 +1189,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1193
1189
|
opacity: 1;
|
|
1194
1190
|
}
|
|
1195
1191
|
}
|
|
1196
|
-
.awsui_show-
|
|
1192
|
+
.awsui_show-tools_hyvsj_hfd5p_1114:not(#\9):not(.awsui_has-tools-form_hyvsj_hfd5p_1092) {
|
|
1197
1193
|
display: none;
|
|
1198
1194
|
}
|
|
1199
1195
|
@media (min-width: 689px) {
|
|
1200
|
-
.awsui_show-
|
|
1196
|
+
.awsui_show-tools_hyvsj_hfd5p_1114.awsui_has-tools-form_hyvsj_hfd5p_1092:not(#\9) {
|
|
1201
1197
|
display: flex;
|
|
1202
1198
|
flex-direction: column;
|
|
1203
1199
|
gap: var(--space-xs-edba2s, 8px);
|
|
1204
1200
|
}
|
|
1205
|
-
.awsui_show-
|
|
1206
|
-
animation:
|
|
1201
|
+
.awsui_show-tools_hyvsj_hfd5p_1114.awsui_has-tools-form_hyvsj_hfd5p_1092.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
1202
|
+
animation: awsui_showButtons_hyvsj_hfd5p_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
1207
1203
|
}
|
|
1208
1204
|
}
|
|
1209
1205
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1210
|
-
.awsui_show-
|
|
1206
|
+
.awsui_show-tools_hyvsj_hfd5p_1114.awsui_has-tools-form_hyvsj_hfd5p_1092.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
1211
1207
|
animation: none;
|
|
1212
1208
|
transition: none;
|
|
1213
1209
|
}
|
|
1214
1210
|
}
|
|
1215
1211
|
@media (min-width: 689px) {
|
|
1216
|
-
.awsui-motion-disabled .awsui_show-
|
|
1212
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_hfd5p_1114.awsui_has-tools-form_hyvsj_hfd5p_1092.awsui_animating_hyvsj_hfd5p_755:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_hfd5p_1114.awsui_has-tools-form_hyvsj_hfd5p_1092.awsui_animating_hyvsj_hfd5p_755:not(#\9) {
|
|
1217
1213
|
animation: none;
|
|
1218
1214
|
transition: none;
|
|
1219
1215
|
}
|
|
1220
1216
|
}
|
|
1221
1217
|
@media (min-width: 689px) {
|
|
1222
|
-
.awsui_show-
|
|
1218
|
+
.awsui_show-tools_hyvsj_hfd5p_1114.awsui_has-tools-form-persistence_hyvsj_hfd5p_1092:not(#\9) {
|
|
1223
1219
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
1224
1220
|
z-index: 1;
|
|
1225
1221
|
}
|
|
@@ -1234,7 +1230,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1234
1230
|
the calculation used to determine the Split Panel maximum width in the
|
|
1235
1231
|
handleSplitPanelMaxWidth function in the context.
|
|
1236
1232
|
*/
|
|
1237
|
-
.
|
|
1233
|
+
.awsui_trigger_hyvsj_hfd5p_1181:not(#\9) {
|
|
1238
1234
|
background: var(--color-background-layout-toggle-default-q41mj7, #192534);
|
|
1239
1235
|
border: none;
|
|
1240
1236
|
border-radius: 50%;
|
|
@@ -1246,14 +1242,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1246
1242
|
pointer-events: auto;
|
|
1247
1243
|
width: var(--space-layout-toggle-diameter-i4mha3, 40px);
|
|
1248
1244
|
}
|
|
1249
|
-
body[data-awsui-focus-visible=true] .
|
|
1245
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_hfd5p_1181:not(#\9):focus {
|
|
1250
1246
|
position: relative;
|
|
1251
1247
|
}
|
|
1252
|
-
body[data-awsui-focus-visible=true] .
|
|
1248
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_hfd5p_1181:not(#\9):focus {
|
|
1253
1249
|
outline: 2px dotted transparent;
|
|
1254
1250
|
outline-offset: calc(3px - 1px);
|
|
1255
1251
|
}
|
|
1256
|
-
body[data-awsui-focus-visible=true] .
|
|
1252
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_hfd5p_1181:not(#\9):focus::before {
|
|
1257
1253
|
content: " ";
|
|
1258
1254
|
display: block;
|
|
1259
1255
|
position: absolute;
|
|
@@ -1264,23 +1260,23 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):foc
|
|
|
1264
1260
|
border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
|
|
1265
1261
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
|
|
1266
1262
|
}
|
|
1267
|
-
.
|
|
1263
|
+
.awsui_trigger_hyvsj_hfd5p_1181:not(#\9):focus {
|
|
1268
1264
|
outline: none;
|
|
1269
1265
|
}
|
|
1270
|
-
.
|
|
1266
|
+
.awsui_trigger_hyvsj_hfd5p_1181:not(#\9):hover {
|
|
1271
1267
|
background: var(--color-background-layout-toggle-hover-im3a7d, #354150);
|
|
1272
1268
|
}
|
|
1273
|
-
.
|
|
1269
|
+
.awsui_trigger_hyvsj_hfd5p_1181:not(#\9):active {
|
|
1274
1270
|
background: var(--color-background-layout-toggle-active-csmprm, #354150);
|
|
1275
1271
|
}
|
|
1276
|
-
.
|
|
1272
|
+
.awsui_trigger_hyvsj_hfd5p_1181.awsui_selected_hyvsj_hfd5p_1220:not(#\9) {
|
|
1277
1273
|
background: var(--color-background-layout-toggle-selected-default-ir617m, #0972d3);
|
|
1278
1274
|
color: var(--color-text-layout-toggle-selected-qzrnpy, #ffffff);
|
|
1279
1275
|
}
|
|
1280
|
-
.
|
|
1276
|
+
.awsui_trigger_hyvsj_hfd5p_1181.awsui_selected_hyvsj_hfd5p_1220:not(#\9):hover {
|
|
1281
1277
|
background: var(--color-background-layout-toggle-selected-hover-0qwzgy, #065299);
|
|
1282
1278
|
}
|
|
1283
|
-
.
|
|
1279
|
+
.awsui_trigger_hyvsj_hfd5p_1181.awsui_selected_hyvsj_hfd5p_1220:not(#\9):active {
|
|
1284
1280
|
background: var(--color-background-layout-toggle-selected-active-kajyo0, #0972d3);
|
|
1285
1281
|
}
|
|
1286
1282
|
|