@cloudscape-design/components 3.0.647 → 3.0.649
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app-layout/drawer/index.js +2 -2
- package/app-layout/drawer/index.js.map +1 -1
- package/app-layout/mobile-toolbar/index.js +1 -1
- package/app-layout/mobile-toolbar/index.js.map +1 -1
- package/app-layout/utils/sticky-offsets.d.ts +1 -1
- package/app-layout/utils/sticky-offsets.d.ts.map +1 -1
- package/app-layout/utils/sticky-offsets.js +2 -2
- package/app-layout/utils/sticky-offsets.js.map +1 -1
- package/app-layout/visual-refresh/background.d.ts.map +1 -1
- package/app-layout/visual-refresh/background.js +2 -5
- package/app-layout/visual-refresh/background.js.map +1 -1
- package/app-layout/visual-refresh/breadcrumbs.d.ts.map +1 -1
- package/app-layout/visual-refresh/breadcrumbs.js +1 -2
- package/app-layout/visual-refresh/breadcrumbs.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts +0 -2
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +2 -7
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/drawers.js +2 -2
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/layout.d.ts.map +1 -1
- package/app-layout/visual-refresh/layout.js +1 -3
- package/app-layout/visual-refresh/layout.js.map +1 -1
- package/app-layout/visual-refresh/main.d.ts.map +1 -1
- package/app-layout/visual-refresh/main.js +2 -4
- package/app-layout/visual-refresh/main.js.map +1 -1
- package/app-layout/visual-refresh/navigation.js +2 -2
- package/app-layout/visual-refresh/navigation.js.map +1 -1
- package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/app-layout/visual-refresh/notifications.js +3 -1
- package/app-layout/visual-refresh/notifications.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +82 -83
- package/app-layout/visual-refresh/styles.scoped.css +168 -190
- package/app-layout/visual-refresh/styles.selectors.js +82 -83
- package/app-layout/visual-refresh/tools.js +2 -2
- package/app-layout/visual-refresh/tools.js.map +1 -1
- package/app-layout/visual-refresh/trigger-button.js +1 -1
- package/app-layout/visual-refresh/trigger-button.js.map +1 -1
- package/app-layout/visual-refresh/use-background-overlap.d.ts +0 -6
- package/app-layout/visual-refresh/use-background-overlap.d.ts.map +1 -1
- package/app-layout/visual-refresh/use-background-overlap.js +0 -6
- package/app-layout/visual-refresh/use-background-overlap.js.map +1 -1
- package/button-dropdown/category-elements/category-element.js +1 -1
- package/button-dropdown/category-elements/category-element.js.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
- package/button-dropdown/mobile-expandable-group/mobile-expandable-group.js +1 -1
- package/button-dropdown/mobile-expandable-group/mobile-expandable-group.js.map +1 -1
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +7 -25
- package/container/internal.js.map +1 -1
- package/container/styles.css.js +30 -29
- package/container/styles.scoped.css +60 -53
- package/container/styles.selectors.js +30 -29
- package/container/use-sticky-header.d.ts +3 -2
- package/container/use-sticky-header.d.ts.map +1 -1
- package/container/use-sticky-header.js +5 -3
- package/container/use-sticky-header.js.map +1 -1
- package/content-layout/internal.js +2 -2
- package/content-layout/internal.js.map +1 -1
- package/drawer/implementation.js +2 -2
- package/drawer/implementation.js.map +1 -1
- package/help-panel/implementation.js +2 -2
- package/help-panel/implementation.js.map +1 -1
- package/icon/icons.js +1 -1
- package/icon/interfaces.d.ts +1 -1
- package/icon/interfaces.d.ts.map +1 -1
- package/icon/interfaces.js.map +1 -1
- package/internal/analytics/index.d.ts +7 -1
- package/internal/analytics/index.d.ts.map +1 -1
- package/internal/analytics/index.js +10 -0
- package/internal/analytics/index.js.map +1 -1
- package/internal/analytics/interfaces.d.ts +12 -0
- package/internal/analytics/interfaces.d.ts.map +1 -1
- package/internal/analytics/interfaces.js.map +1 -1
- package/internal/base-component/index.d.ts +5 -3
- package/internal/base-component/index.d.ts.map +1 -1
- package/internal/base-component/index.js.map +1 -1
- package/internal/components/cartesian-chart/inline-start-labels.js +1 -1
- package/internal/components/cartesian-chart/inline-start-labels.js.map +1 -1
- package/internal/components/option/highlight-match.d.ts.map +1 -1
- package/internal/components/option/highlight-match.js +1 -2
- package/internal/components/option/highlight-match.js.map +1 -1
- package/internal/components/option/index.js +2 -2
- package/internal/components/option/index.js.map +1 -1
- package/internal/context/reset-contexts-for-modal.d.ts.map +1 -1
- package/internal/context/reset-contexts-for-modal.js +6 -8
- package/internal/context/reset-contexts-for-modal.js.map +1 -1
- package/internal/context/single-tab-stop-navigation-context.d.ts +16 -2
- package/internal/context/single-tab-stop-navigation-context.d.ts.map +1 -1
- package/internal/context/single-tab-stop-navigation-context.js +51 -1
- package/internal/context/single-tab-stop-navigation-context.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/hooks/use-table-interaction-metrics/index.d.ts +10 -0
- package/internal/hooks/use-table-interaction-metrics/index.d.ts.map +1 -0
- package/internal/hooks/use-table-interaction-metrics/index.js +47 -0
- package/internal/hooks/use-table-interaction-metrics/index.js.map +1 -0
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/popover/index.d.ts +1 -1
- package/popover/index.d.ts.map +1 -1
- package/popover/index.js +2 -2
- package/popover/index.js.map +1 -1
- package/popover/interfaces.d.ts +5 -0
- package/popover/interfaces.d.ts.map +1 -1
- package/popover/interfaces.js.map +1 -1
- package/popover/internal.js +2 -2
- package/popover/internal.js.map +1 -1
- package/popover/styles.css.js +50 -49
- package/popover/styles.scoped.css +74 -66
- package/popover/styles.selectors.js +50 -49
- package/slider/internal.js +1 -1
- package/slider/internal.js.map +1 -1
- package/slider/slider-labels.js +1 -1
- package/slider/slider-labels.js.map +1 -1
- package/slider/tick-marks.js +2 -2
- package/slider/tick-marks.js.map +1 -1
- package/split-panel/side.js +3 -3
- package/split-panel/side.js.map +1 -1
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +23 -17
- package/table/internal.js.map +1 -1
- package/table/selection/selection-control.js +1 -1
- package/table/selection/selection-control.js.map +1 -1
- package/table/table-role/grid-navigation.d.ts.map +1 -1
- package/table/table-role/grid-navigation.js +40 -67
- package/table/table-role/grid-navigation.js.map +1 -1
- package/table/thead.d.ts +1 -0
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +5 -2
- package/table/thead.js.map +1 -1
- package/table/tools-header.d.ts +2 -1
- package/table/tools-header.d.ts.map +1 -1
- package/table/tools-header.js +4 -4
- package/table/tools-header.js.map +1 -1
- package/tabs/tab-header-bar.d.ts.map +1 -1
- package/tabs/tab-header-bar.js +106 -55
- package/tabs/tab-header-bar.js.map +1 -1
- package/token-group/dismiss-button.d.ts.map +1 -1
- package/token-group/dismiss-button.js +1 -2
- package/token-group/dismiss-button.js.map +1 -1
- package/wizard/wizard-form-header.js +1 -1
- package/wizard/wizard-form-header.js.map +1 -1
- package/wizard/wizard-form.js +1 -1
- package/wizard/wizard-form.js.map +1 -1
- package/wizard/wizard-navigation.js +3 -3
- package/wizard/wizard-navigation.js.map +1 -1
- package/internal/context/app-layout-context.d.ts +0 -8
- package/internal/context/app-layout-context.d.ts.map +0 -1
- package/internal/context/app-layout-context.js +0 -9
- package/internal/context/app-layout-context.js.map +0 -1
|
@@ -96,48 +96,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
96
96
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
97
|
SPDX-License-Identifier: Apache-2.0
|
|
98
98
|
*/
|
|
99
|
-
div.
|
|
99
|
+
div.awsui_background_hyvsj_14xql_99:not(#\9) {
|
|
100
100
|
display: contents;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_14xql_99 > .awsui_scrolling-background_hyvsj_14xql_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
104
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
105
105
|
grid-column: 1/span 5;
|
|
106
106
|
grid-row: 1/10;
|
|
107
107
|
}
|
|
108
|
-
div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108:not(#\9) {
|
|
109
|
-
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
110
|
-
grid-column: 1/span 5;
|
|
111
|
-
grid-row: 1/10;
|
|
112
|
-
position: sticky;
|
|
113
|
-
inset-block-start: var(--awsui-header-height-7t5ed6);
|
|
114
|
-
z-index: 799;
|
|
115
|
-
}
|
|
116
|
-
div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_5tvh0_116) {
|
|
117
|
-
block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-7t5ed6));
|
|
118
|
-
}
|
|
119
|
-
div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.awsui_has-sticky-notifications_hyvsj_5tvh0_116:not(#\9) {
|
|
120
|
-
block-size: calc(
|
|
121
|
-
var(--awsui-notifications-gap-7t5ed6) + var(--awsui-notifications-height-7t5ed6) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-7t5ed6)
|
|
122
|
-
);
|
|
123
|
-
}
|
|
124
108
|
|
|
125
109
|
/*
|
|
126
110
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
127
111
|
SPDX-License-Identifier: Apache-2.0
|
|
128
112
|
*/
|
|
129
|
-
.
|
|
113
|
+
.awsui_breadcrumbs_hyvsj_14xql_113:not(#\9) {
|
|
130
114
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
131
115
|
grid-area: breadcrumbs;
|
|
132
|
-
/*
|
|
133
|
-
If a child component tells the AppLayout to have a sticky
|
|
134
|
-
background (typically because of a stickyHeader with a
|
|
135
|
-
full-page variant) the z-index of the breadcrumbs needs to
|
|
136
|
-
be lifted so it doesn't render behind the background element.
|
|
137
|
-
*/
|
|
138
|
-
}
|
|
139
|
-
.awsui_breadcrumbs_hyvsj_5tvh0_129.awsui_has-sticky-background_hyvsj_5tvh0_139:not(#\9) {
|
|
140
|
-
z-index: 799;
|
|
141
116
|
}
|
|
142
117
|
|
|
143
118
|
/*
|
|
@@ -148,7 +123,7 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
148
123
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
149
124
|
SPDX-License-Identifier: Apache-2.0
|
|
150
125
|
*/
|
|
151
|
-
.awsui_drawers-
|
|
126
|
+
.awsui_drawers-container_hyvsj_14xql_126:not(#\9) {
|
|
152
127
|
background-color: transparent;
|
|
153
128
|
display: flex;
|
|
154
129
|
grid-column: 5;
|
|
@@ -159,18 +134,18 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
159
134
|
inset-block-start: var(--awsui-offset-top-7t5ed6);
|
|
160
135
|
z-index: 830;
|
|
161
136
|
}
|
|
162
|
-
.awsui_drawers-
|
|
137
|
+
.awsui_drawers-container_hyvsj_14xql_126.awsui_has-open-drawer_hyvsj_14xql_137:not(#\9) {
|
|
163
138
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
164
139
|
}
|
|
165
140
|
@media (min-width: 689px) {
|
|
166
|
-
.awsui_drawers-
|
|
141
|
+
.awsui_drawers-container_hyvsj_14xql_126:not(#\9) {
|
|
167
142
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
168
143
|
max-inline-size: calc(var(--awsui-layout-width-7t5ed6) - var(--awsui-main-offset-left-7t5ed6) - var(--awsui-default-min-content-width-7t5ed6) - var(--awsui-content-gap-right-7t5ed6));
|
|
169
144
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
170
145
|
}
|
|
171
146
|
}
|
|
172
147
|
@media (max-width: 688px) {
|
|
173
|
-
.awsui_drawers-
|
|
148
|
+
.awsui_drawers-container_hyvsj_14xql_126:not(#\9) {
|
|
174
149
|
position: fixed;
|
|
175
150
|
inset-inline-end: 0;
|
|
176
151
|
z-index: 1001;
|
|
@@ -182,12 +157,12 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
182
157
|
relative to the body.
|
|
183
158
|
*/
|
|
184
159
|
}
|
|
185
|
-
.awsui_drawers-
|
|
160
|
+
.awsui_drawers-container_hyvsj_14xql_126.awsui_disable-body-scroll_hyvsj_14xql_160:not(#\9) {
|
|
186
161
|
inset-block-start: var(--awsui-header-height-7t5ed6);
|
|
187
162
|
}
|
|
188
163
|
}
|
|
189
164
|
|
|
190
|
-
.awsui_drawers-desktop-triggers-
|
|
165
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_14xql_165:not(#\9) {
|
|
191
166
|
border-collapse: separate;
|
|
192
167
|
border-spacing: 0;
|
|
193
168
|
box-sizing: border-box;
|
|
@@ -229,21 +204,21 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
229
204
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
230
205
|
overscroll-behavior-y: contain;
|
|
231
206
|
}
|
|
232
|
-
.awsui_drawers-desktop-triggers-
|
|
207
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_14xql_165:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14xql_206).awsui_has-open-drawer_hyvsj_14xql_137 {
|
|
233
208
|
inline-size: 0;
|
|
234
209
|
}
|
|
235
|
-
.awsui_drawers-desktop-triggers-
|
|
210
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_14xql_165.awsui_has-multiple-triggers_hyvsj_14xql_206.awsui_has-open-drawer_hyvsj_14xql_137:not(#\9) {
|
|
236
211
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
237
212
|
}
|
|
238
|
-
.awsui_drawers-desktop-triggers-
|
|
213
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_14xql_165:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14xql_206):not(.awsui_has-open-drawer_hyvsj_14xql_137) {
|
|
239
214
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
240
215
|
}
|
|
241
216
|
|
|
242
|
-
.awsui_drawers-mobile-triggers-
|
|
217
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_14xql_216:not(#\9) {
|
|
243
218
|
display: flex;
|
|
244
219
|
}
|
|
245
220
|
|
|
246
|
-
.awsui_drawers-trigger-
|
|
221
|
+
.awsui_drawers-trigger-content_hyvsj_14xql_220:not(#\9) {
|
|
247
222
|
align-items: center;
|
|
248
223
|
display: flex;
|
|
249
224
|
flex-direction: column;
|
|
@@ -251,13 +226,13 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
251
226
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
252
227
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
253
228
|
}
|
|
254
|
-
.awsui_drawers-trigger-
|
|
229
|
+
.awsui_drawers-trigger-content_hyvsj_14xql_220:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14xql_206).awsui_has-open-drawer_hyvsj_14xql_137 {
|
|
255
230
|
opacity: 0;
|
|
256
231
|
}
|
|
257
|
-
.awsui_drawers-trigger-
|
|
232
|
+
.awsui_drawers-trigger-content_hyvsj_14xql_220:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14xql_206):not(.awsui_has-open-drawer_hyvsj_14xql_137) {
|
|
258
233
|
opacity: 1;
|
|
259
234
|
}
|
|
260
|
-
.awsui_drawers-trigger-
|
|
235
|
+
.awsui_drawers-trigger-content_hyvsj_14xql_220 > .awsui_drawers-trigger-overflow_hyvsj_14xql_234:not(#\9) {
|
|
261
236
|
padding-block: 0;
|
|
262
237
|
padding-inline: 1px;
|
|
263
238
|
display: flex;
|
|
@@ -266,14 +241,14 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
266
241
|
}
|
|
267
242
|
|
|
268
243
|
@media (max-width: 688px) {
|
|
269
|
-
.awsui_drawers-
|
|
244
|
+
.awsui_drawers-trigger_hyvsj_14xql_220:not(#\9) {
|
|
270
245
|
inline-size: 40px;
|
|
271
246
|
display: flex;
|
|
272
247
|
justify-content: center;
|
|
273
248
|
}
|
|
274
249
|
}
|
|
275
250
|
|
|
276
|
-
.
|
|
251
|
+
.awsui_drawer_hyvsj_14xql_126:not(#\9) {
|
|
277
252
|
--awsui-drawer-size-7t5ed6: 290px;
|
|
278
253
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
279
254
|
border-color: transparent;
|
|
@@ -288,7 +263,7 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
288
263
|
pointer-events: auto;
|
|
289
264
|
word-wrap: break-word;
|
|
290
265
|
}
|
|
291
|
-
.
|
|
266
|
+
.awsui_drawer_hyvsj_14xql_126 > .awsui_drawer-content-container_hyvsj_14xql_265:not(#\9) {
|
|
292
267
|
grid-column: 1/span 2;
|
|
293
268
|
grid-row: 1;
|
|
294
269
|
inline-size: var(--awsui-drawer-size-7t5ed6);
|
|
@@ -297,41 +272,41 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
297
272
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
298
273
|
overflow-y: auto;
|
|
299
274
|
}
|
|
300
|
-
.
|
|
275
|
+
.awsui_drawer_hyvsj_14xql_126 > .awsui_drawer-content-container_hyvsj_14xql_265 > .awsui_drawer-close-button_hyvsj_14xql_274:not(#\9) {
|
|
301
276
|
grid-column: 3;
|
|
302
277
|
grid-row: 2;
|
|
303
278
|
z-index: 1;
|
|
304
279
|
}
|
|
305
|
-
.
|
|
280
|
+
.awsui_drawer_hyvsj_14xql_126 > .awsui_drawer-content-container_hyvsj_14xql_265 > .awsui_drawer-content_hyvsj_14xql_265:not(#\9) {
|
|
306
281
|
grid-column: 1/span 4;
|
|
307
282
|
}
|
|
308
|
-
.
|
|
283
|
+
.awsui_drawer_hyvsj_14xql_126 > .awsui_drawer-content-container_hyvsj_14xql_265 > .awsui_drawer-content_hyvsj_14xql_265.awsui_drawer-content-hidden_hyvsj_14xql_282:not(#\9) {
|
|
309
284
|
display: none;
|
|
310
285
|
}
|
|
311
|
-
.
|
|
286
|
+
.awsui_drawer_hyvsj_14xql_126 > .awsui_drawer-slider_hyvsj_14xql_285:not(#\9) {
|
|
312
287
|
grid-column: 1;
|
|
313
288
|
grid-row: 1;
|
|
314
289
|
block-size: 100%;
|
|
315
290
|
display: flex;
|
|
316
291
|
align-items: center;
|
|
317
292
|
}
|
|
318
|
-
.
|
|
293
|
+
.awsui_drawer_hyvsj_14xql_126:not(#\9):not(.awsui_is-drawer-open_hyvsj_14xql_292) {
|
|
319
294
|
opacity: 0;
|
|
320
295
|
inline-size: 0;
|
|
321
296
|
}
|
|
322
|
-
.
|
|
297
|
+
.awsui_drawer_hyvsj_14xql_126.awsui_is-drawer-open_hyvsj_14xql_292:not(#\9) {
|
|
323
298
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
324
299
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
325
300
|
opacity: 1;
|
|
326
301
|
inline-size: var(--awsui-drawer-size-7t5ed6);
|
|
327
302
|
}
|
|
328
303
|
@media (min-width: 2541px) {
|
|
329
|
-
.
|
|
304
|
+
.awsui_drawer_hyvsj_14xql_126.awsui_is-drawer-open_hyvsj_14xql_292:not(#\9) {
|
|
330
305
|
--awsui-drawer-size-7t5ed6: 320px;
|
|
331
306
|
}
|
|
332
307
|
}
|
|
333
308
|
@media (max-width: 688px) {
|
|
334
|
-
.
|
|
309
|
+
.awsui_drawer_hyvsj_14xql_126.awsui_is-drawer-open_hyvsj_14xql_292:not(#\9) {
|
|
335
310
|
--awsui-drawer-size-7t5ed6: 100vw;
|
|
336
311
|
inline-size: 100vw;
|
|
337
312
|
}
|
|
@@ -341,7 +316,7 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
341
316
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
342
317
|
SPDX-License-Identifier: Apache-2.0
|
|
343
318
|
*/
|
|
344
|
-
header.
|
|
319
|
+
header.awsui_content_hyvsj_14xql_318:not(#\9) {
|
|
345
320
|
grid-area: header;
|
|
346
321
|
}
|
|
347
322
|
|
|
@@ -362,7 +337,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
362
337
|
circumstances regardless of whether the minContentWidth property is
|
|
363
338
|
explicitly set in script.
|
|
364
339
|
*/
|
|
365
|
-
.
|
|
340
|
+
.awsui_layout_hyvsj_14xql_339:not(#\9) {
|
|
366
341
|
--awsui-breadcrumbs-gap-7t5ed6: 0px;
|
|
367
342
|
--awsui-content-gap-left-7t5ed6: 0px;
|
|
368
343
|
--awsui-content-gap-right-7t5ed6: 0px;
|
|
@@ -435,119 +410,113 @@ explicitly set in script.
|
|
|
435
410
|
*/
|
|
436
411
|
}
|
|
437
412
|
@media (min-width: 1401px) {
|
|
438
|
-
.
|
|
413
|
+
.awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412) {
|
|
439
414
|
--awsui-default-max-content-width-7t5ed6: 1280px;
|
|
440
415
|
}
|
|
441
416
|
}
|
|
442
417
|
@media (min-width: 1921px) {
|
|
443
|
-
.
|
|
418
|
+
.awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412) {
|
|
444
419
|
--awsui-default-max-content-width-7t5ed6: 1440px;
|
|
445
420
|
}
|
|
446
421
|
}
|
|
447
422
|
@media (min-width: 2541px) {
|
|
448
|
-
.
|
|
423
|
+
.awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412) {
|
|
449
424
|
--awsui-default-max-content-width-7t5ed6: 1620px;
|
|
450
425
|
}
|
|
451
426
|
}
|
|
452
427
|
@media (min-width: 1401px) {
|
|
453
|
-
.
|
|
428
|
+
.awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412).awsui_content-type-dashboard_hyvsj_14xql_427 {
|
|
454
429
|
--awsui-default-max-content-width-7t5ed6: 1280px;
|
|
455
430
|
}
|
|
456
431
|
}
|
|
457
432
|
@media (min-width: 1921px) {
|
|
458
|
-
.
|
|
433
|
+
.awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412).awsui_content-type-dashboard_hyvsj_14xql_427 {
|
|
459
434
|
--awsui-default-max-content-width-7t5ed6: 1620px;
|
|
460
435
|
}
|
|
461
436
|
}
|
|
462
437
|
@media (min-width: 2541px) {
|
|
463
|
-
.
|
|
438
|
+
.awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412).awsui_content-type-dashboard_hyvsj_14xql_427 {
|
|
464
439
|
--awsui-default-max-content-width-7t5ed6: 2160px;
|
|
465
440
|
}
|
|
466
441
|
}
|
|
467
|
-
.
|
|
442
|
+
.awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412).awsui_content-type-table_hyvsj_14xql_441, .awsui_layout_hyvsj_14xql_339:not(#\9):not(.awsui_has-max-content-width_hyvsj_14xql_412).awsui_content-type-cards_hyvsj_14xql_441 {
|
|
468
443
|
--awsui-default-max-content-width-7t5ed6: 100%;
|
|
469
444
|
}
|
|
470
|
-
.
|
|
445
|
+
.awsui_layout_hyvsj_14xql_339.awsui_has-max-content-width_hyvsj_14xql_412:not(#\9) {
|
|
471
446
|
--awsui-default-max-content-width-7t5ed6: var(--awsui-max-content-width-7t5ed6);
|
|
472
447
|
}
|
|
473
|
-
.
|
|
448
|
+
.awsui_layout_hyvsj_14xql_339.awsui_is-overlap-disabled_hyvsj_14xql_447:not(#\9) {
|
|
474
449
|
--awsui-overlap-height-7t5ed6: 0;
|
|
475
450
|
}
|
|
476
|
-
.
|
|
451
|
+
.awsui_layout_hyvsj_14xql_339.awsui_is-hide-mobile-toolbar_hyvsj_14xql_450:not(#\9) {
|
|
477
452
|
--awsui-mobile-bar-height-7t5ed6: 0px;
|
|
478
453
|
}
|
|
479
454
|
@media (min-width: 993px) {
|
|
480
|
-
.
|
|
455
|
+
.awsui_layout_hyvsj_14xql_339:not(#\9) {
|
|
481
456
|
--awsui-default-min-content-width-7t5ed6: var(--awsui-min-content-width-7t5ed6, 280px);
|
|
482
457
|
}
|
|
483
458
|
}
|
|
484
459
|
@media (max-width: 992px) {
|
|
485
|
-
.
|
|
460
|
+
.awsui_layout_hyvsj_14xql_339:not(#\9) {
|
|
486
461
|
--awsui-default-min-content-width-7t5ed6: 0px;
|
|
487
462
|
}
|
|
488
463
|
}
|
|
489
464
|
@media (min-width: 689px) {
|
|
490
|
-
.
|
|
465
|
+
.awsui_layout_hyvsj_14xql_339.awsui_has-content-gap-left_hyvsj_14xql_464:not(#\9) {
|
|
491
466
|
--awsui-content-gap-left-7t5ed6: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
492
467
|
}
|
|
493
|
-
.
|
|
468
|
+
.awsui_layout_hyvsj_14xql_339.awsui_has-content-gap-right_hyvsj_14xql_467:not(#\9) {
|
|
494
469
|
--awsui-content-gap-right-7t5ed6: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
495
470
|
}
|
|
496
471
|
}
|
|
497
472
|
@media (max-width: 688px) {
|
|
498
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_14xql_339:not(#\9) {
|
|
499
474
|
--awsui-content-gap-left-7t5ed6: var(--space-l-t419sm, 20px);
|
|
500
475
|
--awsui-content-gap-right-7t5ed6: var(--space-l-t419sm, 20px);
|
|
501
476
|
}
|
|
502
477
|
}
|
|
503
|
-
.
|
|
504
|
-
--awsui-notifications-gap-7t5ed6: var(--space-xs-zb16t3, 8px);
|
|
505
|
-
}
|
|
506
|
-
.awsui_layout_hyvsj_5tvh0_364.awsui_has-breadcrumbs_hyvsj_5tvh0_505:not(#\9) {
|
|
478
|
+
.awsui_layout_hyvsj_14xql_339.awsui_has-breadcrumbs_hyvsj_14xql_477:not(#\9) {
|
|
507
479
|
--awsui-breadcrumbs-gap-7t5ed6: var(--space-scaled-m-mo5yse, 16px);
|
|
508
480
|
}
|
|
509
|
-
.
|
|
481
|
+
.awsui_layout_hyvsj_14xql_339.awsui_content-first-child-header_hyvsj_14xql_480:not(#\9), .awsui_layout_hyvsj_14xql_339.awsui_content-first-child-notifications_hyvsj_14xql_480:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14xql_477).awsui_has-header_hyvsj_14xql_480 {
|
|
510
482
|
--awsui-header-gap-7t5ed6: var(--space-scaled-xs-26e2du, 8px);
|
|
511
483
|
}
|
|
512
|
-
.
|
|
484
|
+
.awsui_layout_hyvsj_14xql_339.awsui_has-breadcrumbs_hyvsj_14xql_477.awsui_has-header_hyvsj_14xql_480:not(#\9) {
|
|
513
485
|
--awsui-header-gap-7t5ed6: var(--space-scaled-xs-26e2du, 8px);
|
|
514
486
|
}
|
|
515
|
-
.
|
|
487
|
+
.awsui_layout_hyvsj_14xql_339.awsui_content-first-child-notifications_hyvsj_14xql_480:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14xql_477):not(.awsui_has-header_hyvsj_14xql_480) {
|
|
516
488
|
--awsui-main-gap-7t5ed6: var(--space-xs-zb16t3, 8px);
|
|
517
489
|
}
|
|
518
|
-
.
|
|
490
|
+
.awsui_layout_hyvsj_14xql_339.awsui_has-breadcrumbs_hyvsj_14xql_477:not(#\9):not(.awsui_has-header_hyvsj_14xql_480) {
|
|
519
491
|
--awsui-main-gap-7t5ed6: var(--space-scaled-xxs-7597g1, 4px);
|
|
520
492
|
}
|
|
521
|
-
.
|
|
493
|
+
.awsui_layout_hyvsj_14xql_339.awsui_has-header_hyvsj_14xql_480:not(#\9) {
|
|
522
494
|
--awsui-main-gap-7t5ed6: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
523
495
|
}
|
|
524
|
-
.
|
|
496
|
+
.awsui_layout_hyvsj_14xql_339.awsui_content-first-child-main_hyvsj_14xql_495:not(#\9):not(.awsui_disable-content-paddings_hyvsj_14xql_495) {
|
|
525
497
|
--awsui-main-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
526
498
|
}
|
|
527
|
-
.
|
|
499
|
+
.awsui_layout_hyvsj_14xql_339.awsui_content-first-child-main_hyvsj_14xql_495.awsui_disable-content-paddings_hyvsj_14xql_495:not(#\9) {
|
|
528
500
|
--awsui-main-gap-7t5ed6: 0px;
|
|
529
501
|
}
|
|
530
502
|
@media (max-width: 688px) {
|
|
531
|
-
.
|
|
532
|
-
--awsui-notifications-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
533
|
-
}
|
|
534
|
-
.awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-header_hyvsj_5tvh0_508:not(#\9) {
|
|
503
|
+
.awsui_layout_hyvsj_14xql_339.awsui_content-first-child-header_hyvsj_14xql_480:not(#\9) {
|
|
535
504
|
--awsui-header-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
536
505
|
}
|
|
537
|
-
.
|
|
506
|
+
.awsui_layout_hyvsj_14xql_339.awsui_content-first-child-notifications_hyvsj_14xql_480:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14xql_477).awsui_has-header_hyvsj_14xql_480 {
|
|
538
507
|
--awsui-header-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
539
508
|
}
|
|
540
|
-
.
|
|
509
|
+
.awsui_layout_hyvsj_14xql_339.awsui_content-first-child-notifications_hyvsj_14xql_480:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14xql_477):not(.awsui_has-header_hyvsj_14xql_480), .awsui_layout_hyvsj_14xql_339.awsui_content-first-child-main_hyvsj_14xql_495:not(#\9):not(.awsui_disable-content-paddings_hyvsj_14xql_495) {
|
|
541
510
|
--awsui-main-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
542
511
|
}
|
|
543
|
-
.
|
|
512
|
+
.awsui_layout_hyvsj_14xql_339.awsui_content-first-child-main_hyvsj_14xql_495.awsui_disable-content-paddings_hyvsj_14xql_495:not(#\9) {
|
|
544
513
|
--awsui-main-gap-7t5ed6: 0px;
|
|
545
514
|
}
|
|
546
515
|
}
|
|
547
|
-
.
|
|
516
|
+
.awsui_layout_hyvsj_14xql_339.awsui_has-left-toggles-gutter_hyvsj_14xql_515:not(#\9) {
|
|
548
517
|
--awsui-toggles-left-width-7t5ed6: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
549
518
|
}
|
|
550
|
-
.
|
|
519
|
+
.awsui_layout_hyvsj_14xql_339.awsui_has-right-toggles-gutter_hyvsj_14xql_518:not(#\9) {
|
|
551
520
|
--awsui-toggles-right-width-7t5ed6: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
552
521
|
}
|
|
553
522
|
|
|
@@ -561,13 +530,13 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
561
530
|
position: sticky will be the value of the notifications height in addition to the
|
|
562
531
|
notifications top margin and some additional vertical space for aesthetics.
|
|
563
532
|
*/
|
|
564
|
-
.
|
|
533
|
+
.awsui_layout_hyvsj_14xql_339.awsui_disable-body-scroll_hyvsj_14xql_160:not(#\9) {
|
|
565
534
|
--awsui-main-template-rows-7t5ed6: 1fr auto;
|
|
566
535
|
--awsui-offset-top-7t5ed6: 0px;
|
|
567
536
|
block-size: var(--awsui-content-height-7t5ed6);
|
|
568
537
|
overflow-y: scroll;
|
|
569
538
|
}
|
|
570
|
-
.
|
|
539
|
+
.awsui_layout_hyvsj_14xql_339.awsui_disable-body-scroll_hyvsj_14xql_160.awsui_has-split-panel_hyvsj_14xql_538.awsui_split-panel-position-bottom_hyvsj_14xql_538:not(#\9) {
|
|
571
540
|
--awsui-main-template-rows-7t5ed6: repeat(2, auto);
|
|
572
541
|
}
|
|
573
542
|
|
|
@@ -575,13 +544,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
575
544
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
576
545
|
when the navigation or tools drawers are open in responsive viewports.
|
|
577
546
|
*/
|
|
578
|
-
.awsui_block-body-
|
|
547
|
+
.awsui_block-body-scroll_hyvsj_14xql_546:not(#\9) {
|
|
579
548
|
overflow: hidden;
|
|
580
549
|
}
|
|
581
550
|
|
|
582
551
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
583
|
-
.
|
|
584
|
-
.
|
|
552
|
+
.awsui_unfocusable_hyvsj_14xql_551:not(#\9),
|
|
553
|
+
.awsui_unfocusable_hyvsj_14xql_551 *:not(#\9) {
|
|
585
554
|
visibility: hidden !important;
|
|
586
555
|
}
|
|
587
556
|
|
|
@@ -590,7 +559,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
590
559
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
591
560
|
SPDX-License-Identifier: Apache-2.0
|
|
592
561
|
*/
|
|
593
|
-
.
|
|
562
|
+
.awsui_container_hyvsj_14xql_561:not(#\9) {
|
|
594
563
|
grid-area: main;
|
|
595
564
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
596
565
|
/*
|
|
@@ -607,19 +576,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
607
576
|
on the right, we decrement the column end by one.
|
|
608
577
|
*/
|
|
609
578
|
}
|
|
610
|
-
.
|
|
579
|
+
.awsui_container_hyvsj_14xql_561.awsui_has-split-panel_hyvsj_14xql_538.awsui_split-panel-position-bottom_hyvsj_14xql_538:not(#\9) {
|
|
611
580
|
padding-block-end: calc(var(--awsui-split-panel-height-7t5ed6) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
612
581
|
}
|
|
613
|
-
.
|
|
582
|
+
.awsui_container_hyvsj_14xql_561.awsui_disable-content-paddings_hyvsj_14xql_495:not(#\9) {
|
|
614
583
|
grid-column: 1/6;
|
|
615
584
|
padding-block: 0;
|
|
616
585
|
padding-inline: 0;
|
|
617
586
|
}
|
|
618
587
|
@media (min-width: 689px) {
|
|
619
|
-
.
|
|
588
|
+
.awsui_container_hyvsj_14xql_561.awsui_disable-content-paddings_hyvsj_14xql_495.awsui_is-navigation-open_hyvsj_14xql_587:not(#\9) {
|
|
620
589
|
grid-column-start: 2;
|
|
621
590
|
}
|
|
622
|
-
.
|
|
591
|
+
.awsui_container_hyvsj_14xql_561.awsui_disable-content-paddings_hyvsj_14xql_495.awsui_is-tools-open_hyvsj_14xql_590:not(#\9), .awsui_container_hyvsj_14xql_561.awsui_disable-content-paddings_hyvsj_14xql_495.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_split-panel-position-side_hyvsj_14xql_590:not(#\9), .awsui_container_hyvsj_14xql_561.awsui_disable-content-paddings_hyvsj_14xql_495.awsui_has-active-drawer_hyvsj_14xql_590:not(#\9) {
|
|
623
592
|
grid-column-end: 5;
|
|
624
593
|
}
|
|
625
594
|
}
|
|
@@ -628,7 +597,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
628
597
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
629
598
|
SPDX-License-Identifier: Apache-2.0
|
|
630
599
|
*/
|
|
631
|
-
section.awsui_mobile-
|
|
600
|
+
section.awsui_mobile-toolbar_hyvsj_14xql_599:not(#\9) {
|
|
632
601
|
align-items: center;
|
|
633
602
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
634
603
|
border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
@@ -645,19 +614,19 @@ section.awsui_mobile-toolbar_hyvsj_5tvh0_630:not(#\9) {
|
|
|
645
614
|
inset-block-start: var(--awsui-offset-top-7t5ed6);
|
|
646
615
|
z-index: 1000;
|
|
647
616
|
}
|
|
648
|
-
section.awsui_mobile-
|
|
617
|
+
section.awsui_mobile-toolbar_hyvsj_14xql_599:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_14xql_616) {
|
|
649
618
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
650
619
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
651
620
|
}
|
|
652
|
-
section.awsui_mobile-
|
|
621
|
+
section.awsui_mobile-toolbar_hyvsj_14xql_599 > .awsui_mobile-toolbar-nav_hyvsj_14xql_620:not(#\9) {
|
|
653
622
|
grid-column: 1;
|
|
654
623
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
655
624
|
}
|
|
656
|
-
section.awsui_mobile-
|
|
625
|
+
section.awsui_mobile-toolbar_hyvsj_14xql_599 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_14xql_624:not(#\9) {
|
|
657
626
|
grid-column: 2;
|
|
658
627
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
659
628
|
}
|
|
660
|
-
section.awsui_mobile-
|
|
629
|
+
section.awsui_mobile-toolbar_hyvsj_14xql_599 > .awsui_mobile-toolbar-tools_hyvsj_14xql_628:not(#\9) {
|
|
661
630
|
grid-column: 3;
|
|
662
631
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
663
632
|
}
|
|
@@ -666,7 +635,7 @@ section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
666
635
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
667
636
|
SPDX-License-Identifier: Apache-2.0
|
|
668
637
|
*/
|
|
669
|
-
.awsui_navigation-
|
|
638
|
+
.awsui_navigation-container_hyvsj_14xql_637:not(#\9) {
|
|
670
639
|
display: flex;
|
|
671
640
|
grid-column: 1;
|
|
672
641
|
grid-row: 1/span 10;
|
|
@@ -687,7 +656,7 @@ section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
687
656
|
pointer-events: none;
|
|
688
657
|
}
|
|
689
658
|
@media (max-width: 688px) {
|
|
690
|
-
.awsui_navigation-
|
|
659
|
+
.awsui_navigation-container_hyvsj_14xql_637:not(#\9) {
|
|
691
660
|
inset-inline-start: 0;
|
|
692
661
|
position: fixed;
|
|
693
662
|
z-index: 1001;
|
|
@@ -699,12 +668,12 @@ section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
699
668
|
relative to the body.
|
|
700
669
|
*/
|
|
701
670
|
}
|
|
702
|
-
.awsui_navigation-
|
|
671
|
+
.awsui_navigation-container_hyvsj_14xql_637.awsui_disable-body-scroll_hyvsj_14xql_160:not(#\9) {
|
|
703
672
|
inset-block-start: var(--awsui-header-height-7t5ed6);
|
|
704
673
|
}
|
|
705
674
|
}
|
|
706
675
|
|
|
707
|
-
nav.awsui_show-
|
|
676
|
+
nav.awsui_show-navigation_hyvsj_14xql_675:not(#\9) {
|
|
708
677
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
709
678
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
710
679
|
/*
|
|
@@ -712,7 +681,7 @@ nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9) {
|
|
|
712
681
|
take control in responsive viewports.
|
|
713
682
|
*/
|
|
714
683
|
}
|
|
715
|
-
@keyframes
|
|
684
|
+
@keyframes awsui_showButtons_hyvsj_14xql_1 {
|
|
716
685
|
0% {
|
|
717
686
|
opacity: 0;
|
|
718
687
|
}
|
|
@@ -720,31 +689,31 @@ nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9) {
|
|
|
720
689
|
opacity: 1;
|
|
721
690
|
}
|
|
722
691
|
}
|
|
723
|
-
nav.awsui_show-
|
|
692
|
+
nav.awsui_show-navigation_hyvsj_14xql_675.awsui_is-navigation-open_hyvsj_14xql_587:not(#\9) {
|
|
724
693
|
display: none;
|
|
725
694
|
}
|
|
726
695
|
@media (min-width: 689px) {
|
|
727
|
-
nav.awsui_show-
|
|
696
|
+
nav.awsui_show-navigation_hyvsj_14xql_675:not(#\9):not(.awsui_is-navigation-open_hyvsj_14xql_587) {
|
|
728
697
|
display: block;
|
|
729
698
|
}
|
|
730
|
-
nav.awsui_show-
|
|
731
|
-
animation:
|
|
699
|
+
nav.awsui_show-navigation_hyvsj_14xql_675:not(#\9):not(.awsui_is-navigation-open_hyvsj_14xql_587).awsui_animating_hyvsj_14xql_698 {
|
|
700
|
+
animation: awsui_showButtons_hyvsj_14xql_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
732
701
|
}
|
|
733
702
|
}
|
|
734
703
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
735
|
-
nav.awsui_show-
|
|
704
|
+
nav.awsui_show-navigation_hyvsj_14xql_675:not(#\9):not(.awsui_is-navigation-open_hyvsj_14xql_587).awsui_animating_hyvsj_14xql_698 {
|
|
736
705
|
animation: none;
|
|
737
706
|
transition: none;
|
|
738
707
|
}
|
|
739
708
|
}
|
|
740
709
|
@media (min-width: 689px) {
|
|
741
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
710
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_14xql_675:not(#\9):not(.awsui_is-navigation-open_hyvsj_14xql_587).awsui_animating_hyvsj_14xql_698, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_14xql_675:not(#\9):not(.awsui_is-navigation-open_hyvsj_14xql_587).awsui_animating_hyvsj_14xql_698 {
|
|
742
711
|
animation: none;
|
|
743
712
|
transition: none;
|
|
744
713
|
}
|
|
745
714
|
}
|
|
746
715
|
|
|
747
|
-
nav.
|
|
716
|
+
nav.awsui_navigation_hyvsj_14xql_637:not(#\9) {
|
|
748
717
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
749
718
|
inset-block-end: 0;
|
|
750
719
|
block-size: 100%;
|
|
@@ -762,7 +731,7 @@ nav.awsui_navigation_hyvsj_5tvh0_668:not(#\9) {
|
|
|
762
731
|
prevent unwanted text wrapping.
|
|
763
732
|
*/
|
|
764
733
|
}
|
|
765
|
-
@keyframes
|
|
734
|
+
@keyframes awsui_openNavigation_hyvsj_14xql_1 {
|
|
766
735
|
from {
|
|
767
736
|
opacity: 0;
|
|
768
737
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -772,33 +741,33 @@ nav.awsui_navigation_hyvsj_5tvh0_668:not(#\9) {
|
|
|
772
741
|
inline-size: var(--awsui-navigation-width-7t5ed6);
|
|
773
742
|
}
|
|
774
743
|
}
|
|
775
|
-
nav.
|
|
744
|
+
nav.awsui_navigation_hyvsj_14xql_637:not(#\9):not(.awsui_is-navigation-open_hyvsj_14xql_587) {
|
|
776
745
|
inline-size: 0;
|
|
777
746
|
display: none;
|
|
778
747
|
}
|
|
779
|
-
nav.
|
|
780
|
-
animation:
|
|
748
|
+
nav.awsui_navigation_hyvsj_14xql_637.awsui_is-navigation-open_hyvsj_14xql_587.awsui_animating_hyvsj_14xql_698:not(#\9) {
|
|
749
|
+
animation: awsui_openNavigation_hyvsj_14xql_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
781
750
|
}
|
|
782
751
|
@media (prefers-reduced-motion: reduce) {
|
|
783
|
-
nav.
|
|
752
|
+
nav.awsui_navigation_hyvsj_14xql_637.awsui_is-navigation-open_hyvsj_14xql_587.awsui_animating_hyvsj_14xql_698:not(#\9) {
|
|
784
753
|
animation: none;
|
|
785
754
|
transition: none;
|
|
786
755
|
}
|
|
787
756
|
}
|
|
788
|
-
.awsui-motion-disabled nav.
|
|
757
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_14xql_637.awsui_is-navigation-open_hyvsj_14xql_587.awsui_animating_hyvsj_14xql_698:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_14xql_637.awsui_is-navigation-open_hyvsj_14xql_587.awsui_animating_hyvsj_14xql_698:not(#\9) {
|
|
789
758
|
animation: none;
|
|
790
759
|
transition: none;
|
|
791
760
|
}
|
|
792
|
-
nav.
|
|
761
|
+
nav.awsui_navigation_hyvsj_14xql_637 > .awsui_animated-content_hyvsj_14xql_760:not(#\9) {
|
|
793
762
|
inline-size: var(--awsui-navigation-width-7t5ed6);
|
|
794
763
|
}
|
|
795
764
|
@media (max-width: 688px) {
|
|
796
|
-
nav.
|
|
765
|
+
nav.awsui_navigation_hyvsj_14xql_637:not(#\9) {
|
|
797
766
|
--awsui-navigation-width-7t5ed6: 100vw;
|
|
798
767
|
}
|
|
799
768
|
}
|
|
800
769
|
|
|
801
|
-
.awsui_hide-
|
|
770
|
+
.awsui_hide-navigation_hyvsj_14xql_769:not(#\9) {
|
|
802
771
|
position: absolute;
|
|
803
772
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
804
773
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -808,16 +777,25 @@ nav.awsui_navigation_hyvsj_5tvh0_668 > .awsui_animated-content_hyvsj_5tvh0_791:n
|
|
|
808
777
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
809
778
|
SPDX-License-Identifier: Apache-2.0
|
|
810
779
|
*/
|
|
811
|
-
.
|
|
780
|
+
.awsui_notifications_hyvsj_14xql_779:not(#\9) {
|
|
812
781
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
813
782
|
grid-area: notifications;
|
|
814
783
|
z-index: 850;
|
|
815
784
|
}
|
|
785
|
+
.awsui_notifications_hyvsj_14xql_779.awsui_has-notification-content_hyvsj_14xql_784:not(#\9) {
|
|
786
|
+
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
787
|
+
}
|
|
816
788
|
@media (min-width: 689px) {
|
|
817
|
-
.
|
|
789
|
+
.awsui_notifications_hyvsj_14xql_779.awsui_sticky-notifications_hyvsj_14xql_788:not(#\9) {
|
|
818
790
|
--awsui-flashbar-sticky-bottom-margin-7t5ed6: var(--space-xxl-cu2m1r, 32px);
|
|
819
791
|
position: sticky;
|
|
820
|
-
inset-block-start:
|
|
792
|
+
inset-block-start: var(--awsui-offset-top-7t5ed6);
|
|
793
|
+
}
|
|
794
|
+
.awsui_notifications_hyvsj_14xql_779.awsui_sticky-notifications_hyvsj_14xql_788:not(#\9):not(.awsui_high-contrast_hyvsj_14xql_793) {
|
|
795
|
+
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
796
|
+
}
|
|
797
|
+
.awsui_notifications_hyvsj_14xql_779.awsui_has-notification-content_hyvsj_14xql_784:not(#\9) {
|
|
798
|
+
padding-block-start: var(--space-xs-zb16t3, 8px);
|
|
821
799
|
}
|
|
822
800
|
}
|
|
823
801
|
|
|
@@ -831,7 +809,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
831
809
|
consume the remaining vertical space in the grid after the notifications
|
|
832
810
|
and breadcrumbs.
|
|
833
811
|
*/
|
|
834
|
-
section.awsui_split-panel-
|
|
812
|
+
section.awsui_split-panel-bottom_hyvsj_14xql_811:not(#\9) {
|
|
835
813
|
/*
|
|
836
814
|
The align self property will position the split panel at the bottom of the grid row.
|
|
837
815
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -867,7 +845,7 @@ section.awsui_split-panel-bottom_hyvsj_5tvh0_833:not(#\9) {
|
|
|
867
845
|
apply the animation to the height property.
|
|
868
846
|
*/
|
|
869
847
|
}
|
|
870
|
-
@keyframes
|
|
848
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_14xql_1 {
|
|
871
849
|
from {
|
|
872
850
|
block-size: var(--awsui-split-panel-reported-header-size-7t5ed6, 0);
|
|
873
851
|
}
|
|
@@ -875,39 +853,39 @@ section.awsui_split-panel-bottom_hyvsj_5tvh0_833:not(#\9) {
|
|
|
875
853
|
block-size: var(--awsui-split-panel-reported-size-7t5ed6);
|
|
876
854
|
}
|
|
877
855
|
}
|
|
878
|
-
section.awsui_split-panel-
|
|
856
|
+
section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_disable-body-scroll_hyvsj_14xql_160:not(#\9) {
|
|
879
857
|
inset-block-end: 0;
|
|
880
858
|
}
|
|
881
|
-
section.awsui_split-panel-
|
|
859
|
+
section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_is-navigation-open_hyvsj_14xql_587.awsui_position-bottom_hyvsj_14xql_858:not(#\9) {
|
|
882
860
|
grid-column-start: 2;
|
|
883
861
|
}
|
|
884
|
-
section.awsui_split-panel-
|
|
862
|
+
section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_has-open-drawer_hyvsj_14xql_137.awsui_position-bottom_hyvsj_14xql_858:not(#\9) {
|
|
885
863
|
grid-column-end: 5;
|
|
886
864
|
}
|
|
887
|
-
section.awsui_split-panel-
|
|
865
|
+
section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_position-bottom_hyvsj_14xql_858:not(#\9) {
|
|
888
866
|
display: block;
|
|
889
867
|
}
|
|
890
|
-
section.awsui_split-panel-
|
|
868
|
+
section.awsui_split-panel-bottom_hyvsj_14xql_811:not(#\9):not(.awsui_is-split-panel-open_hyvsj_14xql_590).awsui_position-bottom_hyvsj_14xql_858 {
|
|
891
869
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
892
870
|
}
|
|
893
|
-
section.awsui_split-panel-
|
|
871
|
+
section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_position-bottom_hyvsj_14xql_858:not(#\9) {
|
|
894
872
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
895
873
|
}
|
|
896
|
-
section.awsui_split-panel-
|
|
897
|
-
animation:
|
|
874
|
+
section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_position-bottom_hyvsj_14xql_858.awsui_animating_hyvsj_14xql_698:not(#\9) {
|
|
875
|
+
animation: awsui_openSplitPanelBottom_hyvsj_14xql_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
898
876
|
}
|
|
899
877
|
@media (prefers-reduced-motion: reduce) {
|
|
900
|
-
section.awsui_split-panel-
|
|
878
|
+
section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_position-bottom_hyvsj_14xql_858.awsui_animating_hyvsj_14xql_698:not(#\9) {
|
|
901
879
|
animation: none;
|
|
902
880
|
transition: none;
|
|
903
881
|
}
|
|
904
882
|
}
|
|
905
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
883
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_position-bottom_hyvsj_14xql_858.awsui_animating_hyvsj_14xql_698:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_14xql_811.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_position-bottom_hyvsj_14xql_858.awsui_animating_hyvsj_14xql_698:not(#\9) {
|
|
906
884
|
animation: none;
|
|
907
885
|
transition: none;
|
|
908
886
|
}
|
|
909
887
|
|
|
910
|
-
section.awsui_split-panel-
|
|
888
|
+
section.awsui_split-panel-side_hyvsj_14xql_887:not(#\9) {
|
|
911
889
|
block-size: 100%;
|
|
912
890
|
overflow-x: hidden;
|
|
913
891
|
pointer-events: auto;
|
|
@@ -917,15 +895,15 @@ section.awsui_split-panel-side_hyvsj_5tvh0_909:not(#\9) {
|
|
|
917
895
|
be persistent in the DOM when closed.
|
|
918
896
|
*/
|
|
919
897
|
}
|
|
920
|
-
section.awsui_split-panel-
|
|
898
|
+
section.awsui_split-panel-side_hyvsj_14xql_887:not(#\9):not(.awsui_is-split-panel-open_hyvsj_14xql_590), section.awsui_split-panel-side_hyvsj_14xql_887.awsui_position-bottom_hyvsj_14xql_858:not(#\9) {
|
|
921
899
|
inline-size: 0;
|
|
922
900
|
}
|
|
923
|
-
section.awsui_split-panel-
|
|
901
|
+
section.awsui_split-panel-side_hyvsj_14xql_887.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_position-side_hyvsj_14xql_900:not(#\9) {
|
|
924
902
|
max-inline-size: var(--awsui-split-panel-max-width-7t5ed6, 280px);
|
|
925
903
|
min-inline-size: var(--awsui-split-panel-min-width-7t5ed6, 280px);
|
|
926
904
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
927
905
|
}
|
|
928
|
-
section.awsui_split-panel-
|
|
906
|
+
section.awsui_split-panel-side_hyvsj_14xql_887.awsui_is-split-panel-open_hyvsj_14xql_590.awsui_position-side_hyvsj_14xql_900:not(#\9):not(.awsui_has-open-drawer_hyvsj_14xql_137) {
|
|
929
907
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
930
908
|
}
|
|
931
909
|
|
|
@@ -942,7 +920,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
942
920
|
property. The content gap right is computed in the Layout styles based on the
|
|
943
921
|
viewport size and state of the Tools drawer.
|
|
944
922
|
*/
|
|
945
|
-
.awsui_tools-
|
|
923
|
+
.awsui_tools-container_hyvsj_14xql_922:not(#\9) {
|
|
946
924
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
947
925
|
--awsui-tools-max-width-7t5ed6: calc(var(--awsui-layout-width-7t5ed6) - var(--awsui-main-offset-left-7t5ed6) - var(--awsui-default-min-content-width-7t5ed6) - var(--awsui-content-gap-right-7t5ed6));
|
|
948
926
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -957,7 +935,7 @@ viewport size and state of the Tools drawer.
|
|
|
957
935
|
pointer-events: none;
|
|
958
936
|
}
|
|
959
937
|
@media (max-width: 688px) {
|
|
960
|
-
.awsui_tools-
|
|
938
|
+
.awsui_tools-container_hyvsj_14xql_922:not(#\9) {
|
|
961
939
|
--awsui-tools-max-width-7t5ed6: none;
|
|
962
940
|
--awsui-tools-width-7t5ed6: auto;
|
|
963
941
|
position: fixed;
|
|
@@ -971,12 +949,12 @@ viewport size and state of the Tools drawer.
|
|
|
971
949
|
relative to the body.
|
|
972
950
|
*/
|
|
973
951
|
}
|
|
974
|
-
.awsui_tools-
|
|
952
|
+
.awsui_tools-container_hyvsj_14xql_922.awsui_disable-body-scroll_hyvsj_14xql_160:not(#\9) {
|
|
975
953
|
inset-block-start: var(--awsui-header-height-7t5ed6);
|
|
976
954
|
}
|
|
977
955
|
}
|
|
978
956
|
|
|
979
|
-
.
|
|
957
|
+
.awsui_tools_hyvsj_14xql_922:not(#\9) {
|
|
980
958
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
981
959
|
flex-shrink: 0;
|
|
982
960
|
block-size: 100%;
|
|
@@ -999,7 +977,7 @@ viewport size and state of the Tools drawer.
|
|
|
999
977
|
in the side position.
|
|
1000
978
|
*/
|
|
1001
979
|
}
|
|
1002
|
-
@keyframes
|
|
980
|
+
@keyframes awsui_openTools_hyvsj_14xql_1 {
|
|
1003
981
|
from {
|
|
1004
982
|
opacity: var(--awsui-tools-animation-starting-opacity-7t5ed6, 0);
|
|
1005
983
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -1009,41 +987,41 @@ viewport size and state of the Tools drawer.
|
|
|
1009
987
|
inline-size: var(--awsui-tools-width-7t5ed6);
|
|
1010
988
|
}
|
|
1011
989
|
}
|
|
1012
|
-
.
|
|
990
|
+
.awsui_tools_hyvsj_14xql_922:not(#\9):not(.awsui_is-tools-open_hyvsj_14xql_590) {
|
|
1013
991
|
inline-size: 0;
|
|
1014
992
|
display: none;
|
|
1015
993
|
}
|
|
1016
|
-
.
|
|
994
|
+
.awsui_tools_hyvsj_14xql_922.awsui_is-tools-open_hyvsj_14xql_590:not(#\9) {
|
|
1017
995
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1018
996
|
}
|
|
1019
|
-
.
|
|
1020
|
-
animation:
|
|
997
|
+
.awsui_tools_hyvsj_14xql_922.awsui_is-tools-open_hyvsj_14xql_590.awsui_animating_hyvsj_14xql_698:not(#\9) {
|
|
998
|
+
animation: awsui_openTools_hyvsj_14xql_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1021
999
|
}
|
|
1022
1000
|
@media (prefers-reduced-motion: reduce) {
|
|
1023
|
-
.
|
|
1001
|
+
.awsui_tools_hyvsj_14xql_922.awsui_is-tools-open_hyvsj_14xql_590.awsui_animating_hyvsj_14xql_698:not(#\9) {
|
|
1024
1002
|
animation: none;
|
|
1025
1003
|
transition: none;
|
|
1026
1004
|
}
|
|
1027
1005
|
}
|
|
1028
|
-
.awsui-motion-disabled .
|
|
1006
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_14xql_922.awsui_is-tools-open_hyvsj_14xql_590.awsui_animating_hyvsj_14xql_698:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_14xql_922.awsui_is-tools-open_hyvsj_14xql_590.awsui_animating_hyvsj_14xql_698:not(#\9) {
|
|
1029
1007
|
animation: none;
|
|
1030
1008
|
transition: none;
|
|
1031
1009
|
}
|
|
1032
|
-
.
|
|
1010
|
+
.awsui_tools_hyvsj_14xql_922 > .awsui_animated-content_hyvsj_14xql_760:not(#\9) {
|
|
1033
1011
|
inline-size: var(--awsui-tools-width-7t5ed6);
|
|
1034
1012
|
}
|
|
1035
1013
|
@media (min-width: 689px) {
|
|
1036
|
-
.
|
|
1014
|
+
.awsui_tools_hyvsj_14xql_922.awsui_is-tools-open_hyvsj_14xql_590.awsui_has-tools-form-persistence_hyvsj_14xql_1013:not(#\9) {
|
|
1037
1015
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1038
1016
|
}
|
|
1039
1017
|
}
|
|
1040
1018
|
@media (max-width: 688px) {
|
|
1041
|
-
.
|
|
1019
|
+
.awsui_tools_hyvsj_14xql_922:not(#\9) {
|
|
1042
1020
|
--awsui-tools-width-7t5ed6: 100vw;
|
|
1043
1021
|
}
|
|
1044
1022
|
}
|
|
1045
1023
|
|
|
1046
|
-
.awsui_hide-
|
|
1024
|
+
.awsui_hide-tools_hyvsj_14xql_1023:not(#\9) {
|
|
1047
1025
|
position: absolute;
|
|
1048
1026
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1049
1027
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1055,7 +1033,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1055
1033
|
the calculation used to determine the Split Panel maximum width in the
|
|
1056
1034
|
handleSplitPanelMaxWidth function in the context.
|
|
1057
1035
|
*/
|
|
1058
|
-
.awsui_show-
|
|
1036
|
+
.awsui_show-tools_hyvsj_14xql_1035:not(#\9) {
|
|
1059
1037
|
border-collapse: separate;
|
|
1060
1038
|
border-spacing: 0;
|
|
1061
1039
|
box-sizing: border-box;
|
|
@@ -1097,7 +1075,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1097
1075
|
take control in responsive viewports.
|
|
1098
1076
|
*/
|
|
1099
1077
|
}
|
|
1100
|
-
@keyframes
|
|
1078
|
+
@keyframes awsui_showButtons_hyvsj_14xql_1 {
|
|
1101
1079
|
0% {
|
|
1102
1080
|
opacity: 0;
|
|
1103
1081
|
}
|
|
@@ -1105,31 +1083,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1105
1083
|
opacity: 1;
|
|
1106
1084
|
}
|
|
1107
1085
|
}
|
|
1108
|
-
.awsui_show-
|
|
1086
|
+
.awsui_show-tools_hyvsj_14xql_1035:not(#\9):not(.awsui_has-tools-form_hyvsj_14xql_1013) {
|
|
1109
1087
|
display: none;
|
|
1110
1088
|
}
|
|
1111
1089
|
@media (min-width: 689px) {
|
|
1112
|
-
.awsui_show-
|
|
1090
|
+
.awsui_show-tools_hyvsj_14xql_1035.awsui_has-tools-form_hyvsj_14xql_1013:not(#\9) {
|
|
1113
1091
|
display: flex;
|
|
1114
1092
|
flex-direction: column;
|
|
1115
1093
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1116
1094
|
}
|
|
1117
|
-
.awsui_show-
|
|
1118
|
-
animation:
|
|
1095
|
+
.awsui_show-tools_hyvsj_14xql_1035.awsui_has-tools-form_hyvsj_14xql_1013.awsui_animating_hyvsj_14xql_698:not(#\9) {
|
|
1096
|
+
animation: awsui_showButtons_hyvsj_14xql_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1119
1097
|
}
|
|
1120
1098
|
}
|
|
1121
1099
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1122
|
-
.awsui_show-
|
|
1100
|
+
.awsui_show-tools_hyvsj_14xql_1035.awsui_has-tools-form_hyvsj_14xql_1013.awsui_animating_hyvsj_14xql_698:not(#\9) {
|
|
1123
1101
|
animation: none;
|
|
1124
1102
|
transition: none;
|
|
1125
1103
|
}
|
|
1126
1104
|
}
|
|
1127
1105
|
@media (min-width: 689px) {
|
|
1128
|
-
.awsui-motion-disabled .awsui_show-
|
|
1106
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_14xql_1035.awsui_has-tools-form_hyvsj_14xql_1013.awsui_animating_hyvsj_14xql_698:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_14xql_1035.awsui_has-tools-form_hyvsj_14xql_1013.awsui_animating_hyvsj_14xql_698:not(#\9) {
|
|
1129
1107
|
animation: none;
|
|
1130
1108
|
transition: none;
|
|
1131
1109
|
}
|
|
1132
|
-
.awsui_show-
|
|
1110
|
+
.awsui_show-tools_hyvsj_14xql_1035.awsui_has-tools-form-persistence_hyvsj_14xql_1013:not(#\9) {
|
|
1133
1111
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1134
1112
|
z-index: 1;
|
|
1135
1113
|
}
|
|
@@ -1139,7 +1117,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1139
1117
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1140
1118
|
SPDX-License-Identifier: Apache-2.0
|
|
1141
1119
|
*/
|
|
1142
|
-
.awsui_trigger-badge-
|
|
1120
|
+
.awsui_trigger-badge-wrapper_hyvsj_14xql_1118:not(#\9) {
|
|
1143
1121
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1144
1122
|
border-start-start-radius: 50%;
|
|
1145
1123
|
border-start-end-radius: 50%;
|
|
@@ -1155,13 +1133,13 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1155
1133
|
align-items: center;
|
|
1156
1134
|
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");
|
|
1157
1135
|
}
|
|
1158
|
-
.awsui_trigger-badge-
|
|
1136
|
+
.awsui_trigger-badge-wrapper_hyvsj_14xql_1118:not(#\9):hover {
|
|
1159
1137
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1160
1138
|
}
|
|
1161
|
-
.awsui_trigger-badge-
|
|
1139
|
+
.awsui_trigger-badge-wrapper_hyvsj_14xql_1118:not(#\9):active {
|
|
1162
1140
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1163
1141
|
}
|
|
1164
|
-
.awsui_trigger-badge-
|
|
1142
|
+
.awsui_trigger-badge-wrapper_hyvsj_14xql_1118:not(#\9):dir(rtl) {
|
|
1165
1143
|
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");
|
|
1166
1144
|
}
|
|
1167
1145
|
|
|
@@ -1170,7 +1148,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1170
1148
|
the calculation used to determine the Split Panel maximum width in the
|
|
1171
1149
|
handleSplitPanelMaxWidth function in the context.
|
|
1172
1150
|
*/
|
|
1173
|
-
.
|
|
1151
|
+
.awsui_trigger_hyvsj_14xql_1118:not(#\9) {
|
|
1174
1152
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1175
1153
|
border-start-start-radius: 50%;
|
|
1176
1154
|
border-start-end-radius: 50%;
|
|
@@ -1186,20 +1164,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1186
1164
|
pointer-events: auto;
|
|
1187
1165
|
position: relative;
|
|
1188
1166
|
}
|
|
1189
|
-
.
|
|
1167
|
+
.awsui_trigger_hyvsj_14xql_1118:not(#\9):hover {
|
|
1190
1168
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1191
1169
|
}
|
|
1192
|
-
.
|
|
1170
|
+
.awsui_trigger_hyvsj_14xql_1118:not(#\9):active {
|
|
1193
1171
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1194
1172
|
}
|
|
1195
|
-
body[data-awsui-focus-visible=true] .
|
|
1173
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14xql_1118:not(#\9):focus {
|
|
1196
1174
|
position: relative;
|
|
1197
1175
|
}
|
|
1198
|
-
body[data-awsui-focus-visible=true] .
|
|
1176
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14xql_1118:not(#\9):focus {
|
|
1199
1177
|
outline: 2px dotted transparent;
|
|
1200
1178
|
outline-offset: calc(3px - 1px);
|
|
1201
1179
|
}
|
|
1202
|
-
body[data-awsui-focus-visible=true] .
|
|
1180
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14xql_1118:not(#\9):focus::before {
|
|
1203
1181
|
content: " ";
|
|
1204
1182
|
display: block;
|
|
1205
1183
|
position: absolute;
|
|
@@ -1213,45 +1191,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_5tvh0_1140:not(#\9):foc
|
|
|
1213
1191
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1214
1192
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1215
1193
|
}
|
|
1216
|
-
.
|
|
1194
|
+
.awsui_trigger_hyvsj_14xql_1118:not(#\9):focus {
|
|
1217
1195
|
outline: none;
|
|
1218
1196
|
}
|
|
1219
|
-
.
|
|
1197
|
+
.awsui_trigger_hyvsj_14xql_1118.awsui_selected_hyvsj_14xql_1195:not(#\9) {
|
|
1220
1198
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1221
1199
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1222
1200
|
}
|
|
1223
|
-
.
|
|
1201
|
+
.awsui_trigger_hyvsj_14xql_1118.awsui_selected_hyvsj_14xql_1195:not(#\9):hover {
|
|
1224
1202
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1225
1203
|
}
|
|
1226
|
-
.
|
|
1204
|
+
.awsui_trigger_hyvsj_14xql_1118.awsui_selected_hyvsj_14xql_1195:not(#\9):active {
|
|
1227
1205
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1228
1206
|
}
|
|
1229
|
-
.
|
|
1207
|
+
.awsui_trigger_hyvsj_14xql_1118.awsui_selected_hyvsj_14xql_1195 > .awsui_trigger-badge-wrapper_hyvsj_14xql_1118:not(#\9) {
|
|
1230
1208
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1231
1209
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1232
1210
|
}
|
|
1233
|
-
.
|
|
1211
|
+
.awsui_trigger_hyvsj_14xql_1118.awsui_selected_hyvsj_14xql_1195 > .awsui_trigger-badge-wrapper_hyvsj_14xql_1118:not(#\9):hover {
|
|
1234
1212
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1235
1213
|
}
|
|
1236
|
-
.
|
|
1214
|
+
.awsui_trigger_hyvsj_14xql_1118.awsui_selected_hyvsj_14xql_1195 > .awsui_trigger-badge-wrapper_hyvsj_14xql_1118:not(#\9):active {
|
|
1237
1215
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1238
1216
|
}
|
|
1239
|
-
.
|
|
1217
|
+
.awsui_trigger_hyvsj_14xql_1118.awsui_badge_hyvsj_14xql_1215:not(#\9), .awsui_trigger_hyvsj_14xql_1118.awsui_badge_hyvsj_14xql_1215:not(#\9):hover, .awsui_trigger_hyvsj_14xql_1118.awsui_badge_hyvsj_14xql_1215:not(#\9):active {
|
|
1240
1218
|
background: transparent;
|
|
1241
1219
|
}
|
|
1242
1220
|
|
|
1243
|
-
.awsui_trigger-
|
|
1221
|
+
.awsui_trigger-wrapper_hyvsj_14xql_1219:not(#\9) {
|
|
1244
1222
|
position: relative;
|
|
1245
1223
|
border-start-start-radius: 50%;
|
|
1246
1224
|
border-start-end-radius: 50%;
|
|
1247
1225
|
border-end-start-radius: 50%;
|
|
1248
1226
|
border-end-end-radius: 50%;
|
|
1249
1227
|
}
|
|
1250
|
-
.awsui_trigger-
|
|
1228
|
+
.awsui_trigger-wrapper_hyvsj_14xql_1219:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_14xql_616) {
|
|
1251
1229
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1252
1230
|
}
|
|
1253
1231
|
|
|
1254
|
-
.
|
|
1232
|
+
.awsui_dot_hyvsj_14xql_1230:not(#\9) {
|
|
1255
1233
|
position: absolute;
|
|
1256
1234
|
inline-size: 9px;
|
|
1257
1235
|
block-size: 9px;
|