@cloudscape-design/components 3.0.15 → 3.0.18
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/alert/styles.css.js +19 -19
- package/alert/styles.scoped.css +33 -33
- package/alert/styles.selectors.js +19 -19
- 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/toggles/styles.css.js +3 -3
- package/app-layout/toggles/styles.scoped.css +12 -12
- package/app-layout/toggles/styles.selectors.js +3 -3
- package/app-layout/visual-refresh/styles.css.js +59 -59
- package/app-layout/visual-refresh/styles.scoped.css +152 -152
- package/app-layout/visual-refresh/styles.selectors.js +59 -59
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +6 -6
- package/badge/styles.selectors.js +5 -5
- package/breadcrumb-group/item/styles.css.js +7 -7
- package/breadcrumb-group/item/styles.scoped.css +16 -16
- package/breadcrumb-group/item/styles.selectors.js +7 -7
- package/button/styles.css.js +18 -18
- package/button/styles.scoped.css +164 -164
- package/button/styles.selectors.js +18 -18
- package/button-dropdown/category-elements/styles.css.js +12 -12
- package/button-dropdown/category-elements/styles.scoped.css +23 -23
- package/button-dropdown/category-elements/styles.selectors.js +12 -12
- package/button-dropdown/item-element/styles.css.js +13 -13
- package/button-dropdown/item-element/styles.scoped.css +18 -18
- package/button-dropdown/item-element/styles.selectors.js +13 -13
- package/cards/styles.css.js +37 -37
- package/cards/styles.scoped.css +46 -46
- package/cards/styles.selectors.js +37 -37
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +7 -7
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +33 -33
- package/code-editor/styles.scoped.css +134 -134
- package/code-editor/styles.selectors.js +33 -33
- package/container/styles.css.js +15 -15
- package/container/styles.scoped.css +26 -26
- package/container/styles.selectors.js +15 -15
- package/date-picker/styles.css.js +24 -24
- package/date-picker/styles.scoped.css +46 -46
- package/date-picker/styles.selectors.js +24 -24
- package/date-range-picker/calendar/grids/day/styles.css.js +21 -21
- package/date-range-picker/calendar/grids/day/styles.scoped.css +50 -50
- package/date-range-picker/calendar/grids/day/styles.selectors.js +21 -21
- package/date-range-picker/dropdown.d.ts.map +1 -1
- package/date-range-picker/dropdown.js +30 -31
- package/date-range-picker/dropdown.js.map +1 -1
- package/date-range-picker/styles.css.js +42 -42
- package/date-range-picker/styles.scoped.css +53 -53
- package/date-range-picker/styles.selectors.js +42 -42
- package/expandable-section/styles.css.js +20 -20
- package/expandable-section/styles.scoped.css +42 -42
- package/expandable-section/styles.selectors.js +20 -20
- package/flashbar/styles.css.js +22 -22
- package/flashbar/styles.scoped.css +87 -87
- package/flashbar/styles.selectors.js +22 -22
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +59 -59
- package/help-panel/styles.selectors.js +4 -4
- package/input/styles.css.js +13 -13
- package/input/styles.scoped.css +36 -36
- package/input/styles.selectors.js +13 -13
- package/internal/base-component/styles.scoped.css +15 -13
- package/internal/components/button-trigger/styles.css.js +9 -9
- package/internal/components/button-trigger/styles.scoped.css +26 -26
- package/internal/components/button-trigger/styles.selectors.js +9 -9
- package/internal/components/chart-legend/styles.css.js +7 -7
- package/internal/components/chart-legend/styles.scoped.css +16 -16
- package/internal/components/chart-legend/styles.selectors.js +7 -7
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +38 -38
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/filtering-token/styles.css.js +7 -7
- package/internal/components/filtering-token/styles.scoped.css +15 -15
- package/internal/components/filtering-token/styles.selectors.js +7 -7
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +14 -14
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/options-list/styles.css.js +2 -2
- package/internal/components/options-list/styles.scoped.css +3 -3
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +28 -28
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/environment.js +1 -1
- package/internal/generated/theming/index.cjs +45 -39
- package/internal/generated/theming/index.js +45 -39
- package/link/styles.css.js +18 -18
- package/link/styles.scoped.css +70 -70
- package/link/styles.selectors.js +18 -18
- package/modal/styles.css.js +22 -22
- package/modal/styles.scoped.css +42 -42
- package/modal/styles.selectors.js +22 -22
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +24 -24
- package/pagination/styles.selectors.js +9 -9
- package/popover/styles.css.js +48 -48
- package/popover/styles.scoped.css +64 -64
- package/popover/styles.selectors.js +48 -48
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +17 -17
- package/radio-group/styles.selectors.js +9 -9
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +36 -36
- package/segmented-control/styles.selectors.js +14 -14
- package/side-navigation/styles.css.js +22 -22
- package/side-navigation/styles.scoped.css +33 -33
- package/side-navigation/styles.selectors.js +22 -22
- package/split-panel/styles.css.js +58 -58
- package/split-panel/styles.scoped.css +81 -81
- package/split-panel/styles.selectors.js +58 -58
- package/table/body-cell/styles.css.js +7 -7
- package/table/body-cell/styles.scoped.css +20 -20
- package/table/body-cell/styles.selectors.js +7 -7
- package/table/header-cell/styles.css.js +14 -14
- package/table/header-cell/styles.scoped.css +26 -26
- package/table/header-cell/styles.selectors.js +14 -14
- package/table/styles.css.js +32 -32
- package/table/styles.scoped.css +40 -40
- package/table/styles.selectors.js +32 -32
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +39 -39
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +11 -11
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +61 -61
- package/text-content/styles.selectors.js +1 -1
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +14 -14
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +28 -28
- package/tiles/styles.scoped.css +69 -69
- package/tiles/styles.selectors.js +28 -28
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +15 -15
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +7 -7
- package/token-group/styles.scoped.css +25 -25
- package/token-group/styles.selectors.js +7 -7
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +43 -43
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +68 -68
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +30 -30
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +60 -60
- package/wizard/styles.selectors.js +31 -31
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
section.
|
|
93
|
+
section.awsui_appbar_hyvsj_blfh0_93:not(#\9) {
|
|
94
94
|
align-items: center;
|
|
95
95
|
box-sizing: border-box;
|
|
96
96
|
display: grid;
|
|
@@ -114,23 +114,23 @@ section.awsui_appbar_hyvsj_n9r5c_93:not(#\9) {
|
|
|
114
114
|
span the entire column definition of the Layout grid.
|
|
115
115
|
*/
|
|
116
116
|
}
|
|
117
|
-
section.
|
|
117
|
+
section.awsui_appbar_hyvsj_blfh0_93 > .awsui_appbar-nav_hyvsj_blfh0_117:not(#\9) {
|
|
118
118
|
grid-column: 1;
|
|
119
119
|
margin-right: 16px;
|
|
120
120
|
margin-right: var(--space-m-17eucw, 16px);
|
|
121
121
|
}
|
|
122
|
-
section.
|
|
122
|
+
section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121:not(#\9) {
|
|
123
123
|
grid-column: 2;
|
|
124
124
|
background-color: #ffffff;
|
|
125
125
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
126
126
|
}
|
|
127
|
-
section.
|
|
127
|
+
section.awsui_appbar_hyvsj_blfh0_93 > .awsui_appbar-tools_hyvsj_blfh0_125:not(#\9) {
|
|
128
128
|
grid-column: 3;
|
|
129
129
|
margin-left: 16px;
|
|
130
130
|
margin-left: var(--space-m-17eucw, 16px);
|
|
131
131
|
}
|
|
132
132
|
@media (min-width: 689px) {
|
|
133
|
-
section.
|
|
133
|
+
section.awsui_appbar_hyvsj_blfh0_93:not(#\9) {
|
|
134
134
|
/*
|
|
135
135
|
If Breadcrumbs do not exist then the AppBar should be suppressed
|
|
136
136
|
because in large viewports the triggers are rendered
|
|
@@ -160,35 +160,35 @@ section.awsui_appbar_hyvsj_n9r5c_93 > .awsui_appbar-tools_hyvsj_n9r5c_125:not(#\
|
|
|
160
160
|
reduce the the vertical distance from the main content.
|
|
161
161
|
*/
|
|
162
162
|
}
|
|
163
|
-
section.
|
|
163
|
+
section.awsui_appbar_hyvsj_blfh0_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_blfh0_160) {
|
|
164
164
|
display: none;
|
|
165
165
|
}
|
|
166
|
-
section.
|
|
167
|
-
section.
|
|
166
|
+
section.awsui_appbar_hyvsj_blfh0_93 > .awsui_appbar-nav_hyvsj_blfh0_117:not(#\9),
|
|
167
|
+
section.awsui_appbar_hyvsj_blfh0_93 > .awsui_appbar-tools_hyvsj_blfh0_125:not(#\9) {
|
|
168
168
|
display: none;
|
|
169
169
|
}
|
|
170
|
-
section.
|
|
170
|
+
section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_blfh0_167) {
|
|
171
171
|
padding-top: 16px;
|
|
172
172
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
173
173
|
}
|
|
174
|
-
section.
|
|
174
|
+
section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121.awsui_has-notifications-content_hyvsj_blfh0_167:not(#\9) {
|
|
175
175
|
padding-top: 12px;
|
|
176
176
|
padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
|
|
177
177
|
}
|
|
178
|
-
section.
|
|
179
|
-
section.
|
|
178
|
+
section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121:not(#\9):not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173),
|
|
179
|
+
section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121:not(#\9):not(.awsui_has-header_hyvsj_blfh0_173).awsui_content-type-wizard_hyvsj_blfh0_174 {
|
|
180
180
|
padding-bottom: 16px;
|
|
181
181
|
padding-bottom: var(--space-m-17eucw, 16px);
|
|
182
182
|
}
|
|
183
|
-
section.
|
|
184
|
-
section.
|
|
183
|
+
section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121.awsui_content-type-cards_hyvsj_blfh0_177:not(#\9),
|
|
184
|
+
section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121.awsui_content-type-table_hyvsj_blfh0_178:not(#\9) {
|
|
185
185
|
padding-bottom: 4px;
|
|
186
186
|
padding-bottom: var(--space-xxs-ynfts5, 4px);
|
|
187
187
|
z-index: 799;
|
|
188
188
|
}
|
|
189
189
|
}
|
|
190
190
|
@media (max-width: 688px) {
|
|
191
|
-
section.
|
|
191
|
+
section.awsui_appbar_hyvsj_blfh0_93:not(#\9) {
|
|
192
192
|
background-color: #000716;
|
|
193
193
|
background-color: var(--color-background-home-header-mpq08f, #000716);
|
|
194
194
|
border-bottom: 1px solid #e9ebed;
|
|
@@ -209,11 +209,11 @@ section.awsui_appbar_hyvsj_n9r5c_93 > .awsui_breadcrumbs_hyvsj_n9r5c_121.awsui_c
|
|
|
209
209
|
they are now sticky positioned in the viewport with the AppBar.
|
|
210
210
|
*/
|
|
211
211
|
}
|
|
212
|
-
section.
|
|
213
|
-
section.
|
|
212
|
+
section.awsui_appbar_hyvsj_blfh0_93 > .awsui_appbar-nav_hyvsj_blfh0_117:not(#\9),
|
|
213
|
+
section.awsui_appbar_hyvsj_blfh0_93 > .awsui_appbar-tools_hyvsj_blfh0_125:not(#\9) {
|
|
214
214
|
display: block;
|
|
215
215
|
}
|
|
216
|
-
section.
|
|
216
|
+
section.awsui_appbar_hyvsj_blfh0_93 > .awsui_breadcrumbs_hyvsj_blfh0_121:not(#\9) {
|
|
217
217
|
padding: 0;
|
|
218
218
|
}
|
|
219
219
|
}
|
|
@@ -222,10 +222,10 @@ section.awsui_appbar_hyvsj_n9r5c_93 > .awsui_appbar-tools_hyvsj_n9r5c_125:not(#\
|
|
|
222
222
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
223
223
|
SPDX-License-Identifier: Apache-2.0
|
|
224
224
|
*/
|
|
225
|
-
div.
|
|
225
|
+
div.awsui_background_hyvsj_blfh0_213:not(#\9) {
|
|
226
226
|
display: contents;
|
|
227
227
|
}
|
|
228
|
-
div.
|
|
228
|
+
div.awsui_background_hyvsj_blfh0_213 > .awsui_notifications-appbar-header_hyvsj_blfh0_216:not(#\9) {
|
|
229
229
|
background-color: #ffffff;
|
|
230
230
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
231
231
|
grid-column: 1/span 5;
|
|
@@ -238,13 +238,13 @@ div.awsui_background_hyvsj_n9r5c_213 > .awsui_notifications-appbar-header_hyvsj_
|
|
|
238
238
|
*/
|
|
239
239
|
}
|
|
240
240
|
@media (min-width: 689px) {
|
|
241
|
-
div.
|
|
241
|
+
div.awsui_background_hyvsj_blfh0_213 > .awsui_notifications-appbar-header_hyvsj_blfh0_216.awsui_content-type-cards_hyvsj_blfh0_177.awsui_has-notifications-content_hyvsj_blfh0_167.awsui_sticky-notifications_hyvsj_blfh0_228:not(#\9), div.awsui_background_hyvsj_blfh0_213 > .awsui_notifications-appbar-header_hyvsj_blfh0_216.awsui_content-type-table_hyvsj_blfh0_178.awsui_has-notifications-content_hyvsj_blfh0_167.awsui_sticky-notifications_hyvsj_blfh0_228:not(#\9) {
|
|
242
242
|
position: sticky;
|
|
243
243
|
top: var(--awsui-offset-top-ujkcpl);
|
|
244
244
|
z-index: 799;
|
|
245
245
|
}
|
|
246
246
|
}
|
|
247
|
-
div.
|
|
247
|
+
div.awsui_background_hyvsj_blfh0_213 > .awsui_overlap_hyvsj_blfh0_234:not(#\9) {
|
|
248
248
|
background-color: #ffffff;
|
|
249
249
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
250
250
|
grid-column: 1/span 5;
|
|
@@ -258,7 +258,7 @@ div.awsui_background_hyvsj_n9r5c_213 > .awsui_overlap_hyvsj_n9r5c_234:not(#\9) {
|
|
|
258
258
|
*/
|
|
259
259
|
}
|
|
260
260
|
@media (min-width: 689px) {
|
|
261
|
-
div.
|
|
261
|
+
div.awsui_background_hyvsj_blfh0_213 > .awsui_overlap_hyvsj_blfh0_234.awsui_content-type-cards_hyvsj_blfh0_177:not(#\9), div.awsui_background_hyvsj_blfh0_213 > .awsui_overlap_hyvsj_blfh0_234.awsui_content-type-table_hyvsj_blfh0_178:not(#\9) {
|
|
262
262
|
position: sticky;
|
|
263
263
|
top: var(--awsui-offset-top-with-notifications-ujkcpl);
|
|
264
264
|
z-index: 799;
|
|
@@ -269,14 +269,14 @@ div.awsui_background_hyvsj_n9r5c_213 > .awsui_overlap_hyvsj_n9r5c_234:not(#\9) {
|
|
|
269
269
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
270
270
|
SPDX-License-Identifier: Apache-2.0
|
|
271
271
|
*/
|
|
272
|
-
header.
|
|
272
|
+
header.awsui_content_hyvsj_blfh0_174:not(#\9) {
|
|
273
273
|
grid-column: 3;
|
|
274
274
|
grid-row: 3;
|
|
275
275
|
padding-bottom: 24px;
|
|
276
276
|
padding-bottom: var(--space-dark-header-padding-bottom-jg1586, 24px);
|
|
277
277
|
}
|
|
278
278
|
@media (min-width: 689px) {
|
|
279
|
-
header.
|
|
279
|
+
header.awsui_content_hyvsj_blfh0_174:not(#\9) {
|
|
280
280
|
/*
|
|
281
281
|
If Notifications exist and Breadcrumbs do not then Notifications
|
|
282
282
|
is the previous adjacent sibling to the Header. Add minimal top padding
|
|
@@ -294,21 +294,21 @@ header.awsui_content_hyvsj_n9r5c_174:not(#\9) {
|
|
|
294
294
|
circular buttons.
|
|
295
295
|
*/
|
|
296
296
|
}
|
|
297
|
-
header.
|
|
297
|
+
header.awsui_content_hyvsj_blfh0_174.awsui_has-notifications-content_hyvsj_blfh0_167:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_blfh0_160) {
|
|
298
298
|
padding-top: 8px;
|
|
299
299
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
300
300
|
}
|
|
301
|
-
header.
|
|
301
|
+
header.awsui_content_hyvsj_blfh0_174.awsui_has-breadcrumbs_hyvsj_blfh0_160:not(#\9) {
|
|
302
302
|
padding-top: 4px;
|
|
303
303
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
304
304
|
}
|
|
305
|
-
header.
|
|
305
|
+
header.awsui_content_hyvsj_blfh0_174:not(#\9):not(.awsui_has-notifications-content_hyvsj_blfh0_167):not(.awsui_has-breadcrumbs_hyvsj_blfh0_160) {
|
|
306
306
|
padding-top: 8px;
|
|
307
307
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
308
308
|
}
|
|
309
309
|
}
|
|
310
310
|
@media (max-width: 688px) {
|
|
311
|
-
header.
|
|
311
|
+
header.awsui_content_hyvsj_blfh0_174:not(#\9) {
|
|
312
312
|
padding: 16px 0 24px;
|
|
313
313
|
padding: var(--space-m-17eucw, 16px) 0 var(--space-dark-header-padding-bottom-jg1586, 24px);
|
|
314
314
|
/*
|
|
@@ -316,7 +316,7 @@ header.awsui_content_hyvsj_n9r5c_174:not(#\9) {
|
|
|
316
316
|
are now the previous adjacent sibling if they exist.
|
|
317
317
|
*/
|
|
318
318
|
}
|
|
319
|
-
header.
|
|
319
|
+
header.awsui_content_hyvsj_blfh0_174.awsui_has-notifications-content_hyvsj_blfh0_167:not(#\9) {
|
|
320
320
|
padding-top: 8px;
|
|
321
321
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
322
322
|
}
|
|
@@ -339,7 +339,7 @@ header.awsui_content_hyvsj_n9r5c_174:not(#\9) {
|
|
|
339
339
|
circumstances regardless of whether the minContentWidth property is
|
|
340
340
|
explicitly set in script.
|
|
341
341
|
*/
|
|
342
|
-
.
|
|
342
|
+
.awsui_layout_hyvsj_blfh0_322:not(#\9) {
|
|
343
343
|
--awsui-content-gap-left-ujkcpl: 0px;
|
|
344
344
|
--awsui-content-gap-right-ujkcpl: 0px;
|
|
345
345
|
--awsui-content-height-ujkcpl: calc(100vh - var(--awsui-header-height-ujkcpl) - var(--awsui-footer-height-ujkcpl));
|
|
@@ -422,75 +422,75 @@ header.awsui_content_hyvsj_n9r5c_174:not(#\9) {
|
|
|
422
422
|
*/
|
|
423
423
|
}
|
|
424
424
|
@media (min-width: 1401px) {
|
|
425
|
-
.
|
|
425
|
+
.awsui_layout_hyvsj_blfh0_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_blfh0_404) {
|
|
426
426
|
--awsui-default-max-content-width-ujkcpl: 1280px;
|
|
427
427
|
}
|
|
428
428
|
}
|
|
429
429
|
@media (min-width: 1921px) {
|
|
430
|
-
.
|
|
430
|
+
.awsui_layout_hyvsj_blfh0_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_blfh0_404) {
|
|
431
431
|
--awsui-default-max-content-width-ujkcpl: 1440px;
|
|
432
432
|
}
|
|
433
433
|
}
|
|
434
434
|
@media (min-width: 2541px) {
|
|
435
|
-
.
|
|
435
|
+
.awsui_layout_hyvsj_blfh0_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_blfh0_404) {
|
|
436
436
|
--awsui-default-max-content-width-ujkcpl: 1620px;
|
|
437
437
|
}
|
|
438
438
|
}
|
|
439
|
-
.
|
|
439
|
+
.awsui_layout_hyvsj_blfh0_322.awsui_has-max-content-width_hyvsj_blfh0_404:not(#\9) {
|
|
440
440
|
--awsui-default-max-content-width-ujkcpl: var(--awsui-max-content-width-ujkcpl);
|
|
441
441
|
}
|
|
442
442
|
@media (min-width: 993px) {
|
|
443
|
-
.
|
|
443
|
+
.awsui_layout_hyvsj_blfh0_322:not(#\9) {
|
|
444
444
|
--awsui-default-min-content-width-ujkcpl: var(--awsui-min-content-width-ujkcpl, 280px);
|
|
445
445
|
}
|
|
446
446
|
}
|
|
447
447
|
@media (max-width: 992px) {
|
|
448
|
-
.
|
|
448
|
+
.awsui_layout_hyvsj_blfh0_322:not(#\9) {
|
|
449
449
|
--awsui-default-min-content-width-ujkcpl: 0px;
|
|
450
450
|
}
|
|
451
451
|
}
|
|
452
|
-
.
|
|
452
|
+
.awsui_layout_hyvsj_blfh0_322.awsui_is-overlap-disabled_hyvsj_blfh0_431:not(#\9) {
|
|
453
453
|
--awsui-overlap-height-ujkcpl: 0;
|
|
454
454
|
}
|
|
455
|
-
.
|
|
455
|
+
.awsui_layout_hyvsj_blfh0_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_blfh0_434) {
|
|
456
456
|
--awsui-offset-top-ujkcpl: var(--awsui-header-height-ujkcpl);
|
|
457
457
|
min-height: var(--awsui-content-height-ujkcpl);
|
|
458
458
|
}
|
|
459
|
-
.
|
|
459
|
+
.awsui_layout_hyvsj_blfh0_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_blfh0_434):not(.awsui_has-sticky-notifications_hyvsj_blfh0_438) {
|
|
460
460
|
--awsui-offset-top-with-notifications-ujkcpl: var(--awsui-header-height-ujkcpl);
|
|
461
461
|
}
|
|
462
|
-
.
|
|
462
|
+
.awsui_layout_hyvsj_blfh0_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_blfh0_434).awsui_has-sticky-notifications_hyvsj_blfh0_438 {
|
|
463
463
|
--awsui-offset-top-with-notifications-ujkcpl: calc(
|
|
464
464
|
var(--awsui-header-height-ujkcpl) + var(--awsui-notifications-height-ujkcpl) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
|
|
465
465
|
);
|
|
466
466
|
}
|
|
467
|
-
.
|
|
467
|
+
.awsui_layout_hyvsj_blfh0_322.awsui_disable-body-scroll_hyvsj_blfh0_434:not(#\9) {
|
|
468
468
|
--awsui-offset-top-ujkcpl: 0px;
|
|
469
469
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-ujkcpl) 1fr auto;
|
|
470
470
|
height: var(--awsui-content-height-ujkcpl);
|
|
471
471
|
overflow-y: scroll;
|
|
472
472
|
}
|
|
473
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_blfh0_322.awsui_disable-body-scroll_hyvsj_blfh0_434.awsui_has-split-panel_hyvsj_blfh0_452.awsui_split-panel-position-bottom_hyvsj_blfh0_452:not(#\9) {
|
|
474
474
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-ujkcpl) repeat(2, auto);
|
|
475
475
|
}
|
|
476
|
-
.
|
|
476
|
+
.awsui_layout_hyvsj_blfh0_322.awsui_disable-body-scroll_hyvsj_blfh0_434:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_blfh0_438) {
|
|
477
477
|
--awsui-offset-top-with-notifications-ujkcpl: 0px;
|
|
478
478
|
}
|
|
479
|
-
.
|
|
479
|
+
.awsui_layout_hyvsj_blfh0_322.awsui_disable-body-scroll_hyvsj_blfh0_434.awsui_has-sticky-notifications_hyvsj_blfh0_438:not(#\9) {
|
|
480
480
|
--awsui-offset-top-with-notifications-ujkcpl: calc(
|
|
481
481
|
var(--awsui-notifications-height-ujkcpl) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
|
|
482
482
|
);
|
|
483
483
|
}
|
|
484
484
|
@media (min-width: 689px) {
|
|
485
|
-
.
|
|
485
|
+
.awsui_layout_hyvsj_blfh0_322.awsui_has-content-gap-left_hyvsj_blfh0_464:not(#\9) {
|
|
486
486
|
--awsui-content-gap-left-ujkcpl: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
487
487
|
}
|
|
488
|
-
.
|
|
488
|
+
.awsui_layout_hyvsj_blfh0_322.awsui_has-content-gap-right_hyvsj_blfh0_467:not(#\9) {
|
|
489
489
|
--awsui-content-gap-right-ujkcpl: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
490
490
|
}
|
|
491
491
|
}
|
|
492
492
|
@media (max-width: 688px) {
|
|
493
|
-
.
|
|
493
|
+
.awsui_layout_hyvsj_blfh0_322:not(#\9) {
|
|
494
494
|
--awsui-content-gap-left-ujkcpl: var(--space-l-4vl6xu, 20px);
|
|
495
495
|
--awsui-content-gap-right-ujkcpl: var(--space-l-4vl6xu, 20px);
|
|
496
496
|
}
|
|
@@ -500,7 +500,7 @@ header.awsui_content_hyvsj_n9r5c_174:not(#\9) {
|
|
|
500
500
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
501
501
|
when the navigation or tools drawers are open in responsive viewports.
|
|
502
502
|
*/
|
|
503
|
-
.awsui_block-body-
|
|
503
|
+
.awsui_block-body-scroll_hyvsj_blfh0_482:not(#\9) {
|
|
504
504
|
overflow: hidden;
|
|
505
505
|
}
|
|
506
506
|
|
|
@@ -508,7 +508,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
508
508
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
509
509
|
SPDX-License-Identifier: Apache-2.0
|
|
510
510
|
*/
|
|
511
|
-
.
|
|
511
|
+
.awsui_container_hyvsj_blfh0_490:not(#\9) {
|
|
512
512
|
grid-column: 3;
|
|
513
513
|
grid-row: 4/span 2;
|
|
514
514
|
padding-bottom: 40px;
|
|
@@ -526,20 +526,20 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
526
526
|
under various circumstances.
|
|
527
527
|
*/
|
|
528
528
|
}
|
|
529
|
-
.
|
|
529
|
+
.awsui_container_hyvsj_blfh0_490.awsui_disable-content-paddings_hyvsj_blfh0_507:not(#\9) {
|
|
530
530
|
grid-column: 1/6;
|
|
531
531
|
padding: 0;
|
|
532
532
|
}
|
|
533
533
|
@media (min-width: 689px) {
|
|
534
|
-
.
|
|
534
|
+
.awsui_container_hyvsj_blfh0_490.awsui_disable-content-paddings_hyvsj_blfh0_507.awsui_is-navigation-open_hyvsj_blfh0_512:not(#\9) {
|
|
535
535
|
grid-column-start: 2;
|
|
536
536
|
}
|
|
537
|
-
.
|
|
537
|
+
.awsui_container_hyvsj_blfh0_490.awsui_disable-content-paddings_hyvsj_blfh0_507.awsui_is-tools-open_hyvsj_blfh0_515:not(#\9), .awsui_container_hyvsj_blfh0_490.awsui_disable-content-paddings_hyvsj_blfh0_507.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_split-panel-position-side_hyvsj_blfh0_515:not(#\9) {
|
|
538
538
|
grid-column-end: 5;
|
|
539
539
|
}
|
|
540
540
|
}
|
|
541
541
|
@media (min-width: 689px) {
|
|
542
|
-
.
|
|
542
|
+
.awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507) {
|
|
543
543
|
/*
|
|
544
544
|
Notifications is the previous adjacent sibling to the Main in
|
|
545
545
|
desktop viewports if there are no Breadcrumbs or Header. Use additional
|
|
@@ -554,20 +554,20 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
554
554
|
sibling to the Main which requires no top padding.
|
|
555
555
|
*/
|
|
556
556
|
}
|
|
557
|
-
.
|
|
557
|
+
.awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-default_hyvsj_blfh0_535.awsui_has-notifications-content_hyvsj_blfh0_167:not(.awsui_has-breadcrumbs_hyvsj_blfh0_160):not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173), .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-form_hyvsj_blfh0_535.awsui_has-notifications-content_hyvsj_blfh0_167:not(.awsui_has-breadcrumbs_hyvsj_blfh0_160):not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173) {
|
|
558
558
|
padding-top: 16px;
|
|
559
559
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
560
560
|
}
|
|
561
|
-
.
|
|
561
|
+
.awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-default_hyvsj_blfh0_535:not(.awsui_has-notifications-content_hyvsj_blfh0_167):not(.awsui_has-breadcrumbs_hyvsj_blfh0_160):not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173), .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-form_hyvsj_blfh0_535:not(.awsui_has-notifications-content_hyvsj_blfh0_167):not(.awsui_has-breadcrumbs_hyvsj_blfh0_160):not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173) {
|
|
562
562
|
padding-top: 8px;
|
|
563
563
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
564
564
|
}
|
|
565
|
-
.
|
|
565
|
+
.awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_has-header_hyvsj_blfh0_173, .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_has-dynamic-overlap-height_hyvsj_blfh0_173 {
|
|
566
566
|
padding-top: 0;
|
|
567
567
|
}
|
|
568
568
|
}
|
|
569
569
|
@media (max-width: 688px) {
|
|
570
|
-
.
|
|
570
|
+
.awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507) {
|
|
571
571
|
/*
|
|
572
572
|
If the Notifications exist but the Header does not then the
|
|
573
573
|
Notifications is the previous adjacent sibling to the Main
|
|
@@ -582,24 +582,24 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
582
582
|
sibling to the Main which requires no top padding.
|
|
583
583
|
*/
|
|
584
584
|
}
|
|
585
|
-
.
|
|
585
|
+
.awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-default_hyvsj_blfh0_535.awsui_has-notifications-content_hyvsj_blfh0_167:not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173), .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-form_hyvsj_blfh0_535.awsui_has-notifications-content_hyvsj_blfh0_167:not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173) {
|
|
586
586
|
padding-top: 16px;
|
|
587
587
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
588
588
|
}
|
|
589
|
-
.
|
|
589
|
+
.awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-default_hyvsj_blfh0_535:not(.awsui_has-notifications-content_hyvsj_blfh0_167):not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173), .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_content-type-form_hyvsj_blfh0_535:not(.awsui_has-notifications-content_hyvsj_blfh0_167):not(.awsui_has-header_hyvsj_blfh0_173):not(.awsui_has-dynamic-overlap-height_hyvsj_blfh0_173) {
|
|
590
590
|
padding-top: 16px;
|
|
591
591
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
592
592
|
}
|
|
593
|
-
.
|
|
593
|
+
.awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_has-header_hyvsj_blfh0_173, .awsui_container_hyvsj_blfh0_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_blfh0_507).awsui_has-dynamic-overlap-height_hyvsj_blfh0_173 {
|
|
594
594
|
padding-top: 0;
|
|
595
595
|
}
|
|
596
596
|
}
|
|
597
|
-
.
|
|
597
|
+
.awsui_container_hyvsj_blfh0_490.awsui_content-type-cards_hyvsj_blfh0_177:not(#\9), .awsui_container_hyvsj_blfh0_490.awsui_content-type-table_hyvsj_blfh0_178:not(#\9), .awsui_container_hyvsj_blfh0_490.awsui_content-type-wizard_hyvsj_blfh0_174:not(#\9) {
|
|
598
598
|
padding-top: 0;
|
|
599
599
|
}
|
|
600
600
|
|
|
601
601
|
/* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
|
|
602
|
-
.
|
|
602
|
+
.awsui_unfocusable_hyvsj_blfh0_576 *:not(#\9) {
|
|
603
603
|
visibility: hidden !important;
|
|
604
604
|
}
|
|
605
605
|
|
|
@@ -607,7 +607,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
607
607
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
608
608
|
SPDX-License-Identifier: Apache-2.0
|
|
609
609
|
*/
|
|
610
|
-
.awsui_navigation-
|
|
610
|
+
.awsui_navigation-container_hyvsj_blfh0_584:not(#\9) {
|
|
611
611
|
--awsui-navigation-width-ujkcpl: 280px;
|
|
612
612
|
display: flex;
|
|
613
613
|
grid-column: 1;
|
|
@@ -618,12 +618,12 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
618
618
|
z-index: 850;
|
|
619
619
|
}
|
|
620
620
|
@media (min-width: 2541px) {
|
|
621
|
-
.awsui_navigation-
|
|
621
|
+
.awsui_navigation-container_hyvsj_blfh0_584:not(#\9) {
|
|
622
622
|
--awsui-navigation-width-ujkcpl: 320px;
|
|
623
623
|
}
|
|
624
624
|
}
|
|
625
625
|
@media (max-width: 688px) {
|
|
626
|
-
.awsui_navigation-
|
|
626
|
+
.awsui_navigation-container_hyvsj_blfh0_584:not(#\9) {
|
|
627
627
|
left: 0;
|
|
628
628
|
position: fixed;
|
|
629
629
|
top: var(--awsui-offset-top-ujkcpl);
|
|
@@ -631,7 +631,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
631
631
|
}
|
|
632
632
|
}
|
|
633
633
|
|
|
634
|
-
nav.awsui_show-
|
|
634
|
+
nav.awsui_show-navigation_hyvsj_blfh0_608:not(#\9) {
|
|
635
635
|
padding: 12px 20px;
|
|
636
636
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
637
637
|
/*
|
|
@@ -639,7 +639,7 @@ nav.awsui_show-navigation_hyvsj_n9r5c_608:not(#\9) {
|
|
|
639
639
|
take control in responsive viewports.
|
|
640
640
|
*/
|
|
641
641
|
}
|
|
642
|
-
@keyframes
|
|
642
|
+
@keyframes awsui_showButtons_hyvsj_blfh0_1 {
|
|
643
643
|
0% {
|
|
644
644
|
opacity: 0;
|
|
645
645
|
}
|
|
@@ -647,32 +647,32 @@ nav.awsui_show-navigation_hyvsj_n9r5c_608:not(#\9) {
|
|
|
647
647
|
opacity: 1;
|
|
648
648
|
}
|
|
649
649
|
}
|
|
650
|
-
nav.awsui_show-
|
|
650
|
+
nav.awsui_show-navigation_hyvsj_blfh0_608.awsui_is-navigation-open_hyvsj_blfh0_512:not(#\9) {
|
|
651
651
|
display: none;
|
|
652
652
|
}
|
|
653
653
|
@media (min-width: 689px) {
|
|
654
|
-
nav.awsui_show-
|
|
654
|
+
nav.awsui_show-navigation_hyvsj_blfh0_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_blfh0_512) {
|
|
655
655
|
display: block;
|
|
656
656
|
}
|
|
657
|
-
nav.awsui_show-
|
|
658
|
-
animation:
|
|
659
|
-
animation:
|
|
657
|
+
nav.awsui_show-navigation_hyvsj_blfh0_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_blfh0_512).awsui_animating_hyvsj_blfh0_630 {
|
|
658
|
+
animation: awsui_showButtons_hyvsj_blfh0_1 115ms;
|
|
659
|
+
animation: awsui_showButtons_hyvsj_blfh0_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
660
660
|
}
|
|
661
661
|
}
|
|
662
662
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
663
|
-
nav.awsui_show-
|
|
663
|
+
nav.awsui_show-navigation_hyvsj_blfh0_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_blfh0_512).awsui_animating_hyvsj_blfh0_630 {
|
|
664
664
|
animation: none;
|
|
665
665
|
transition: none;
|
|
666
666
|
}
|
|
667
667
|
}
|
|
668
668
|
@media (min-width: 689px) {
|
|
669
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
669
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_blfh0_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_blfh0_512).awsui_animating_hyvsj_blfh0_630, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_blfh0_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_blfh0_512).awsui_animating_hyvsj_blfh0_630 {
|
|
670
670
|
animation: none;
|
|
671
671
|
transition: none;
|
|
672
672
|
}
|
|
673
673
|
}
|
|
674
674
|
|
|
675
|
-
nav.
|
|
675
|
+
nav.awsui_navigation_hyvsj_blfh0_584:not(#\9) {
|
|
676
676
|
background-color: #ffffff;
|
|
677
677
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
678
678
|
box-shadow: 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1);
|
|
@@ -690,7 +690,7 @@ nav.awsui_navigation_hyvsj_n9r5c_584:not(#\9) {
|
|
|
690
690
|
prevent unwanted text wrapping.
|
|
691
691
|
*/
|
|
692
692
|
}
|
|
693
|
-
@keyframes
|
|
693
|
+
@keyframes awsui_openNavigation_hyvsj_blfh0_1 {
|
|
694
694
|
from {
|
|
695
695
|
opacity: 0;
|
|
696
696
|
width: calc(20px * 2 + 40px);
|
|
@@ -701,34 +701,34 @@ nav.awsui_navigation_hyvsj_n9r5c_584:not(#\9) {
|
|
|
701
701
|
width: var(--awsui-navigation-width-ujkcpl);
|
|
702
702
|
}
|
|
703
703
|
}
|
|
704
|
-
nav.
|
|
704
|
+
nav.awsui_navigation_hyvsj_blfh0_584:not(#\9):not(.awsui_is-navigation-open_hyvsj_blfh0_512) {
|
|
705
705
|
width: 0;
|
|
706
706
|
display: none;
|
|
707
707
|
}
|
|
708
|
-
nav.
|
|
709
|
-
animation:
|
|
710
|
-
animation:
|
|
708
|
+
nav.awsui_navigation_hyvsj_blfh0_584.awsui_is-navigation-open_hyvsj_blfh0_512.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
709
|
+
animation: awsui_openNavigation_hyvsj_blfh0_1 115ms;
|
|
710
|
+
animation: awsui_openNavigation_hyvsj_blfh0_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
711
711
|
}
|
|
712
712
|
@media (prefers-reduced-motion: reduce) {
|
|
713
|
-
nav.
|
|
713
|
+
nav.awsui_navigation_hyvsj_blfh0_584.awsui_is-navigation-open_hyvsj_blfh0_512.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
714
714
|
animation: none;
|
|
715
715
|
transition: none;
|
|
716
716
|
}
|
|
717
717
|
}
|
|
718
|
-
.awsui-motion-disabled nav.
|
|
718
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_blfh0_584.awsui_is-navigation-open_hyvsj_blfh0_512.awsui_animating_hyvsj_blfh0_630:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_blfh0_584.awsui_is-navigation-open_hyvsj_blfh0_512.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
719
719
|
animation: none;
|
|
720
720
|
transition: none;
|
|
721
721
|
}
|
|
722
|
-
nav.
|
|
722
|
+
nav.awsui_navigation_hyvsj_blfh0_584 > .awsui_animated-content_hyvsj_blfh0_690:not(#\9) {
|
|
723
723
|
width: var(--awsui-navigation-width-ujkcpl);
|
|
724
724
|
}
|
|
725
725
|
@media (max-width: 688px) {
|
|
726
|
-
nav.
|
|
726
|
+
nav.awsui_navigation_hyvsj_blfh0_584:not(#\9) {
|
|
727
727
|
--awsui-navigation-width-ujkcpl: 100vw;
|
|
728
728
|
}
|
|
729
729
|
}
|
|
730
730
|
|
|
731
|
-
.awsui_hide-
|
|
731
|
+
.awsui_hide-navigation_hyvsj_blfh0_699:not(#\9) {
|
|
732
732
|
position: absolute;
|
|
733
733
|
right: 16px;
|
|
734
734
|
right: var(--space-m-17eucw, 16px);
|
|
@@ -740,7 +740,7 @@ nav.awsui_navigation_hyvsj_n9r5c_584 > .awsui_animated-content_hyvsj_n9r5c_690:n
|
|
|
740
740
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
741
741
|
SPDX-License-Identifier: Apache-2.0
|
|
742
742
|
*/
|
|
743
|
-
.
|
|
743
|
+
.awsui_notifications_hyvsj_blfh0_216:not(#\9) {
|
|
744
744
|
grid-column: 3;
|
|
745
745
|
grid-row: 1;
|
|
746
746
|
z-index: 825;
|
|
@@ -757,7 +757,7 @@ nav.awsui_navigation_hyvsj_n9r5c_584 > .awsui_animated-content_hyvsj_n9r5c_690:n
|
|
|
757
757
|
*/
|
|
758
758
|
}
|
|
759
759
|
@media (min-width: 689px) {
|
|
760
|
-
.
|
|
760
|
+
.awsui_notifications_hyvsj_blfh0_216:not(#\9) {
|
|
761
761
|
margin: 8px 0;
|
|
762
762
|
margin: var(--space-xs-rsr2qu, 8px) 0;
|
|
763
763
|
/*
|
|
@@ -765,25 +765,25 @@ nav.awsui_navigation_hyvsj_n9r5c_584 > .awsui_animated-content_hyvsj_n9r5c_690:n
|
|
|
765
765
|
calculation in the layout CSS.
|
|
766
766
|
*/
|
|
767
767
|
}
|
|
768
|
-
.
|
|
768
|
+
.awsui_notifications_hyvsj_blfh0_216.awsui_sticky-notifications_hyvsj_blfh0_228:not(#\9) {
|
|
769
769
|
position: sticky;
|
|
770
770
|
top: calc(var(--awsui-offset-top-ujkcpl) + 8px);
|
|
771
771
|
top: calc(var(--awsui-offset-top-ujkcpl) + var(--space-xs-rsr2qu, 8px));
|
|
772
772
|
}
|
|
773
|
-
.
|
|
773
|
+
.awsui_notifications_hyvsj_blfh0_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_blfh0_167) {
|
|
774
774
|
margin: 0;
|
|
775
775
|
}
|
|
776
776
|
}
|
|
777
777
|
@media (max-width: 688px) {
|
|
778
|
-
.
|
|
778
|
+
.awsui_notifications_hyvsj_blfh0_216:not(#\9) {
|
|
779
779
|
grid-row: 2;
|
|
780
780
|
margin: 12px 0;
|
|
781
781
|
margin: var(--space-scaled-s-cu1hzn, 12px) 0;
|
|
782
782
|
}
|
|
783
|
-
.
|
|
783
|
+
.awsui_notifications_hyvsj_blfh0_216.awsui_sticky-notifications_hyvsj_blfh0_228:not(#\9) {
|
|
784
784
|
position: static;
|
|
785
785
|
}
|
|
786
|
-
.
|
|
786
|
+
.awsui_notifications_hyvsj_blfh0_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_blfh0_167) {
|
|
787
787
|
margin: 0;
|
|
788
788
|
}
|
|
789
789
|
}
|
|
@@ -800,7 +800,7 @@ within. In the bottom position, the Split Panel is simply a direct child
|
|
|
800
800
|
of the Tools component flex container and should consume 100% of the
|
|
801
801
|
parent height.
|
|
802
802
|
*/
|
|
803
|
-
section.awsui_split-panel-
|
|
803
|
+
section.awsui_split-panel-bottom_hyvsj_blfh0_766:not(#\9) {
|
|
804
804
|
bottom: var(--awsui-footer-height-ujkcpl);
|
|
805
805
|
display: none;
|
|
806
806
|
grid-column: 1/6;
|
|
@@ -824,7 +824,7 @@ section.awsui_split-panel-bottom_hyvsj_n9r5c_766:not(#\9) {
|
|
|
824
824
|
apply the animation to the height property.
|
|
825
825
|
*/
|
|
826
826
|
}
|
|
827
|
-
@keyframes
|
|
827
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_blfh0_1 {
|
|
828
828
|
from {
|
|
829
829
|
height: 0;
|
|
830
830
|
height: var(--awsui-split-panel-reported-header-size-ujkcpl, 0);
|
|
@@ -833,41 +833,41 @@ section.awsui_split-panel-bottom_hyvsj_n9r5c_766:not(#\9) {
|
|
|
833
833
|
height: var(--awsui-split-panel-reported-size-ujkcpl);
|
|
834
834
|
}
|
|
835
835
|
}
|
|
836
|
-
section.awsui_split-panel-
|
|
836
|
+
section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_disable-body-scroll_hyvsj_blfh0_434:not(#\9) {
|
|
837
837
|
bottom: 0;
|
|
838
838
|
}
|
|
839
|
-
section.awsui_split-panel-
|
|
839
|
+
section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_is-navigation-open_hyvsj_blfh0_512.awsui_position-bottom_hyvsj_blfh0_801:not(#\9) {
|
|
840
840
|
grid-column-start: 2;
|
|
841
841
|
}
|
|
842
|
-
section.awsui_split-panel-
|
|
842
|
+
section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_is-tools-open_hyvsj_blfh0_515.awsui_position-bottom_hyvsj_blfh0_801:not(#\9) {
|
|
843
843
|
grid-column-end: 5;
|
|
844
844
|
}
|
|
845
|
-
section.awsui_split-panel-
|
|
845
|
+
section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_position-bottom_hyvsj_blfh0_801:not(#\9) {
|
|
846
846
|
display: block;
|
|
847
847
|
}
|
|
848
|
-
section.awsui_split-panel-
|
|
848
|
+
section.awsui_split-panel-bottom_hyvsj_blfh0_766:not(#\9):not(.awsui_is-split-panel-open_hyvsj_blfh0_515).awsui_position-bottom_hyvsj_blfh0_801 {
|
|
849
849
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
850
850
|
}
|
|
851
|
-
section.awsui_split-panel-
|
|
851
|
+
section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-bottom_hyvsj_blfh0_801:not(#\9) {
|
|
852
852
|
box-shadow: 0px -36px 36px -36px rgba(0, 7, 22, 0.1);
|
|
853
853
|
box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
854
854
|
}
|
|
855
|
-
section.awsui_split-panel-
|
|
856
|
-
animation:
|
|
857
|
-
animation:
|
|
855
|
+
section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-bottom_hyvsj_blfh0_801.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
856
|
+
animation: awsui_openSplitPanelBottom_hyvsj_blfh0_1 115ms;
|
|
857
|
+
animation: awsui_openSplitPanelBottom_hyvsj_blfh0_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
858
858
|
}
|
|
859
859
|
@media (prefers-reduced-motion: reduce) {
|
|
860
|
-
section.awsui_split-panel-
|
|
860
|
+
section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-bottom_hyvsj_blfh0_801.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
861
861
|
animation: none;
|
|
862
862
|
transition: none;
|
|
863
863
|
}
|
|
864
864
|
}
|
|
865
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
865
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-bottom_hyvsj_blfh0_801.awsui_animating_hyvsj_blfh0_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_blfh0_766.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-bottom_hyvsj_blfh0_801.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
866
866
|
animation: none;
|
|
867
867
|
transition: none;
|
|
868
868
|
}
|
|
869
869
|
|
|
870
|
-
section.awsui_split-panel-
|
|
870
|
+
section.awsui_split-panel-side_hyvsj_blfh0_830:not(#\9) {
|
|
871
871
|
height: 100%;
|
|
872
872
|
overflow-x: hidden;
|
|
873
873
|
/*
|
|
@@ -881,7 +881,7 @@ section.awsui_split-panel-side_hyvsj_n9r5c_830:not(#\9) {
|
|
|
881
881
|
prevent unwanted text wrapping.
|
|
882
882
|
*/
|
|
883
883
|
}
|
|
884
|
-
@keyframes
|
|
884
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_blfh0_1 {
|
|
885
885
|
from {
|
|
886
886
|
opacity: 0;
|
|
887
887
|
width: 280px;
|
|
@@ -892,10 +892,10 @@ section.awsui_split-panel-side_hyvsj_n9r5c_830:not(#\9) {
|
|
|
892
892
|
width: var(--awsui-split-panel-reported-size-ujkcpl);
|
|
893
893
|
}
|
|
894
894
|
}
|
|
895
|
-
section.awsui_split-panel-
|
|
895
|
+
section.awsui_split-panel-side_hyvsj_blfh0_830:not(#\9):not(.awsui_is-split-panel-open_hyvsj_blfh0_515), section.awsui_split-panel-side_hyvsj_blfh0_830.awsui_position-bottom_hyvsj_blfh0_801:not(#\9) {
|
|
896
896
|
width: 0;
|
|
897
897
|
}
|
|
898
|
-
section.awsui_split-panel-
|
|
898
|
+
section.awsui_split-panel-side_hyvsj_blfh0_830.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-side_hyvsj_blfh0_857:not(#\9) {
|
|
899
899
|
box-shadow: 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1);
|
|
900
900
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
901
901
|
max-width: 280px;
|
|
@@ -903,21 +903,21 @@ section.awsui_split-panel-side_hyvsj_n9r5c_830.awsui_is-split-panel-open_hyvsj_n
|
|
|
903
903
|
min-width: 280px;
|
|
904
904
|
min-width: var(--awsui-split-panel-min-width-ujkcpl, 280px);
|
|
905
905
|
}
|
|
906
|
-
section.awsui_split-panel-
|
|
907
|
-
animation:
|
|
908
|
-
animation:
|
|
906
|
+
section.awsui_split-panel-side_hyvsj_blfh0_830.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-side_hyvsj_blfh0_857.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
907
|
+
animation: awsui_openSplitPanelSide_hyvsj_blfh0_1 115ms;
|
|
908
|
+
animation: awsui_openSplitPanelSide_hyvsj_blfh0_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
909
909
|
}
|
|
910
910
|
@media (prefers-reduced-motion: reduce) {
|
|
911
|
-
section.awsui_split-panel-
|
|
911
|
+
section.awsui_split-panel-side_hyvsj_blfh0_830.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-side_hyvsj_blfh0_857.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
912
912
|
animation: none;
|
|
913
913
|
transition: none;
|
|
914
914
|
}
|
|
915
915
|
}
|
|
916
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
916
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_blfh0_830.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-side_hyvsj_blfh0_857.awsui_animating_hyvsj_blfh0_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_blfh0_830.awsui_is-split-panel-open_hyvsj_blfh0_515.awsui_position-side_hyvsj_blfh0_857.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
917
917
|
animation: none;
|
|
918
918
|
transition: none;
|
|
919
919
|
}
|
|
920
|
-
section.awsui_split-panel-
|
|
920
|
+
section.awsui_split-panel-side_hyvsj_blfh0_830 > .awsui_animated-content_hyvsj_blfh0_690:not(#\9) {
|
|
921
921
|
height: 100%;
|
|
922
922
|
max-width: inherit;
|
|
923
923
|
width: var(--awsui-split-panel-reported-size-ujkcpl);
|
|
@@ -936,7 +936,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
936
936
|
property. The content gap right is computed in the Layout styles based on the
|
|
937
937
|
viewport size and state of the Tools drawer.
|
|
938
938
|
*/
|
|
939
|
-
.awsui_tools-
|
|
939
|
+
.awsui_tools-container_hyvsj_blfh0_894:not(#\9) {
|
|
940
940
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
941
941
|
--awsui-tools-max-width-ujkcpl: calc(var(--awsui-layout-width-ujkcpl) - var(--awsui-main-offset-left-ujkcpl) - var(--awsui-default-min-content-width-ujkcpl) - var(--awsui-content-gap-right-ujkcpl));
|
|
942
942
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -951,12 +951,12 @@ viewport size and state of the Tools drawer.
|
|
|
951
951
|
z-index: 850;
|
|
952
952
|
}
|
|
953
953
|
@media (min-width: 2541px) {
|
|
954
|
-
.awsui_tools-
|
|
954
|
+
.awsui_tools-container_hyvsj_blfh0_894:not(#\9) {
|
|
955
955
|
--awsui-tools-width-ujkcpl: 360px;
|
|
956
956
|
}
|
|
957
957
|
}
|
|
958
958
|
@media (max-width: 688px) {
|
|
959
|
-
.awsui_tools-
|
|
959
|
+
.awsui_tools-container_hyvsj_blfh0_894:not(#\9) {
|
|
960
960
|
--awsui-tools-max-width-ujkcpl: none;
|
|
961
961
|
--awsui-tools-width-ujkcpl: auto;
|
|
962
962
|
position: fixed;
|
|
@@ -966,7 +966,7 @@ viewport size and state of the Tools drawer.
|
|
|
966
966
|
}
|
|
967
967
|
}
|
|
968
968
|
|
|
969
|
-
.
|
|
969
|
+
.awsui_tools_hyvsj_blfh0_894:not(#\9) {
|
|
970
970
|
background-color: #ffffff;
|
|
971
971
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
972
972
|
box-shadow: 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1);
|
|
@@ -990,7 +990,7 @@ viewport size and state of the Tools drawer.
|
|
|
990
990
|
in the side position.
|
|
991
991
|
*/
|
|
992
992
|
}
|
|
993
|
-
@keyframes
|
|
993
|
+
@keyframes awsui_openTools_hyvsj_blfh0_1 {
|
|
994
994
|
from {
|
|
995
995
|
opacity: 0;
|
|
996
996
|
opacity: var(--awsui-tools-animation-starting-opacity-ujkcpl, 0);
|
|
@@ -1002,40 +1002,40 @@ viewport size and state of the Tools drawer.
|
|
|
1002
1002
|
width: var(--awsui-tools-width-ujkcpl);
|
|
1003
1003
|
}
|
|
1004
1004
|
}
|
|
1005
|
-
.
|
|
1005
|
+
.awsui_tools_hyvsj_blfh0_894:not(#\9):not(.awsui_is-tools-open_hyvsj_blfh0_515) {
|
|
1006
1006
|
width: 0;
|
|
1007
1007
|
display: none;
|
|
1008
1008
|
}
|
|
1009
|
-
.
|
|
1010
|
-
animation:
|
|
1011
|
-
animation:
|
|
1009
|
+
.awsui_tools_hyvsj_blfh0_894.awsui_is-tools-open_hyvsj_blfh0_515.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
1010
|
+
animation: awsui_openTools_hyvsj_blfh0_1 115ms;
|
|
1011
|
+
animation: awsui_openTools_hyvsj_blfh0_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1012
1012
|
}
|
|
1013
1013
|
@media (prefers-reduced-motion: reduce) {
|
|
1014
|
-
.
|
|
1014
|
+
.awsui_tools_hyvsj_blfh0_894.awsui_is-tools-open_hyvsj_blfh0_515.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
1015
1015
|
animation: none;
|
|
1016
1016
|
transition: none;
|
|
1017
1017
|
}
|
|
1018
1018
|
}
|
|
1019
|
-
.awsui-motion-disabled .
|
|
1019
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_blfh0_894.awsui_is-tools-open_hyvsj_blfh0_515.awsui_animating_hyvsj_blfh0_630:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_blfh0_894.awsui_is-tools-open_hyvsj_blfh0_515.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
1020
1020
|
animation: none;
|
|
1021
1021
|
transition: none;
|
|
1022
1022
|
}
|
|
1023
|
-
.
|
|
1023
|
+
.awsui_tools_hyvsj_blfh0_894 > .awsui_animated-content_hyvsj_blfh0_690:not(#\9) {
|
|
1024
1024
|
width: var(--awsui-tools-width-ujkcpl);
|
|
1025
1025
|
}
|
|
1026
1026
|
@media (min-width: 689px) {
|
|
1027
|
-
.
|
|
1027
|
+
.awsui_tools_hyvsj_blfh0_894.awsui_is-tools-open_hyvsj_blfh0_515.awsui_has-tools-form-persistence_hyvsj_blfh0_977:not(#\9) {
|
|
1028
1028
|
border-right: 2px solid #e9ebed;
|
|
1029
1029
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
1030
1030
|
}
|
|
1031
1031
|
}
|
|
1032
1032
|
@media (max-width: 688px) {
|
|
1033
|
-
.
|
|
1033
|
+
.awsui_tools_hyvsj_blfh0_894:not(#\9) {
|
|
1034
1034
|
--awsui-tools-width-ujkcpl: 100vw;
|
|
1035
1035
|
}
|
|
1036
1036
|
}
|
|
1037
1037
|
|
|
1038
|
-
.awsui_hide-
|
|
1038
|
+
.awsui_hide-tools_hyvsj_blfh0_987:not(#\9) {
|
|
1039
1039
|
position: absolute;
|
|
1040
1040
|
right: 16px;
|
|
1041
1041
|
right: var(--space-m-17eucw, 16px);
|
|
@@ -1049,7 +1049,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1049
1049
|
the calculation used to determine the Split Panel maximum width in the
|
|
1050
1050
|
handleSplitPanelMaxWidth function in the context.
|
|
1051
1051
|
*/
|
|
1052
|
-
.awsui_show-
|
|
1052
|
+
.awsui_show-tools_hyvsj_blfh0_999:not(#\9) {
|
|
1053
1053
|
box-sizing: border-box;
|
|
1054
1054
|
padding: 12px 20px;
|
|
1055
1055
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
@@ -1058,7 +1058,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1058
1058
|
take control in responsive viewports.
|
|
1059
1059
|
*/
|
|
1060
1060
|
}
|
|
1061
|
-
@keyframes
|
|
1061
|
+
@keyframes awsui_showButtons_hyvsj_blfh0_1 {
|
|
1062
1062
|
0% {
|
|
1063
1063
|
opacity: 0;
|
|
1064
1064
|
}
|
|
@@ -1066,35 +1066,35 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1066
1066
|
opacity: 1;
|
|
1067
1067
|
}
|
|
1068
1068
|
}
|
|
1069
|
-
.awsui_show-
|
|
1069
|
+
.awsui_show-tools_hyvsj_blfh0_999:not(#\9):not(.awsui_has-tools-form_hyvsj_blfh0_977) {
|
|
1070
1070
|
display: none;
|
|
1071
1071
|
}
|
|
1072
1072
|
@media (min-width: 689px) {
|
|
1073
|
-
.awsui_show-
|
|
1073
|
+
.awsui_show-tools_hyvsj_blfh0_999.awsui_has-tools-form_hyvsj_blfh0_977:not(#\9) {
|
|
1074
1074
|
display: flex;
|
|
1075
1075
|
flex-direction: column;
|
|
1076
1076
|
gap: 8px;
|
|
1077
1077
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
1078
1078
|
}
|
|
1079
|
-
.awsui_show-
|
|
1080
|
-
animation:
|
|
1081
|
-
animation:
|
|
1079
|
+
.awsui_show-tools_hyvsj_blfh0_999.awsui_has-tools-form_hyvsj_blfh0_977.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
1080
|
+
animation: awsui_showButtons_hyvsj_blfh0_1 115ms;
|
|
1081
|
+
animation: awsui_showButtons_hyvsj_blfh0_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1082
1082
|
}
|
|
1083
1083
|
}
|
|
1084
1084
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1085
|
-
.awsui_show-
|
|
1085
|
+
.awsui_show-tools_hyvsj_blfh0_999.awsui_has-tools-form_hyvsj_blfh0_977.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
1086
1086
|
animation: none;
|
|
1087
1087
|
transition: none;
|
|
1088
1088
|
}
|
|
1089
1089
|
}
|
|
1090
1090
|
@media (min-width: 689px) {
|
|
1091
|
-
.awsui-motion-disabled .awsui_show-
|
|
1091
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_blfh0_999.awsui_has-tools-form_hyvsj_blfh0_977.awsui_animating_hyvsj_blfh0_630:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_blfh0_999.awsui_has-tools-form_hyvsj_blfh0_977.awsui_animating_hyvsj_blfh0_630:not(#\9) {
|
|
1092
1092
|
animation: none;
|
|
1093
1093
|
transition: none;
|
|
1094
1094
|
}
|
|
1095
1095
|
}
|
|
1096
1096
|
@media (min-width: 689px) {
|
|
1097
|
-
.awsui_show-
|
|
1097
|
+
.awsui_show-tools_hyvsj_blfh0_999.awsui_has-tools-form-persistence_hyvsj_blfh0_977:not(#\9) {
|
|
1098
1098
|
background-color: #ffffff;
|
|
1099
1099
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1100
1100
|
z-index: 1;
|
|
@@ -1110,7 +1110,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1110
1110
|
the calculation used to determine the Split Panel maximum width in the
|
|
1111
1111
|
handleSplitPanelMaxWidth function in the context.
|
|
1112
1112
|
*/
|
|
1113
|
-
.
|
|
1113
|
+
.awsui_trigger_hyvsj_blfh0_1056:not(#\9) {
|
|
1114
1114
|
background: #192534;
|
|
1115
1115
|
background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
|
|
1116
1116
|
border: none;
|
|
@@ -1127,14 +1127,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1127
1127
|
width: 40px;
|
|
1128
1128
|
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1129
1129
|
}
|
|
1130
|
-
.
|
|
1130
|
+
.awsui_trigger_hyvsj_blfh0_1056[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
1131
1131
|
position: relative;
|
|
1132
1132
|
}
|
|
1133
|
-
.
|
|
1133
|
+
.awsui_trigger_hyvsj_blfh0_1056[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
1134
1134
|
outline: 2px dotted transparent;
|
|
1135
1135
|
outline-offset: calc(3px - 1px);
|
|
1136
1136
|
}
|
|
1137
|
-
.
|
|
1137
|
+
.awsui_trigger_hyvsj_blfh0_1056[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
1138
1138
|
content: " ";
|
|
1139
1139
|
display: block;
|
|
1140
1140
|
position: absolute;
|
|
@@ -1143,32 +1143,32 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1143
1143
|
width: calc(100% + 2 * 3px);
|
|
1144
1144
|
height: calc(100% + 2 * 3px);
|
|
1145
1145
|
border-radius: 4px;
|
|
1146
|
-
border-radius: var(--border-control-focus-ring-
|
|
1146
|
+
border-radius: var(--border-radius-control-focus-ring-default-jlgxet, 4px);
|
|
1147
1147
|
box-shadow: 0 0 0 2px #0972d3;
|
|
1148
1148
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
1149
1149
|
}
|
|
1150
|
-
.
|
|
1150
|
+
.awsui_trigger_hyvsj_blfh0_1056:not(#\9):focus {
|
|
1151
1151
|
outline: none;
|
|
1152
1152
|
}
|
|
1153
|
-
.
|
|
1153
|
+
.awsui_trigger_hyvsj_blfh0_1056:not(#\9):hover {
|
|
1154
1154
|
background: #354150;
|
|
1155
1155
|
background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
1156
1156
|
}
|
|
1157
|
-
.
|
|
1157
|
+
.awsui_trigger_hyvsj_blfh0_1056:not(#\9):active {
|
|
1158
1158
|
background: #354150;
|
|
1159
1159
|
background: var(--color-background-layout-toggle-active-d15dki, #354150);
|
|
1160
1160
|
}
|
|
1161
|
-
.
|
|
1161
|
+
.awsui_trigger_hyvsj_blfh0_1056.awsui_selected_hyvsj_blfh0_1094:not(#\9) {
|
|
1162
1162
|
background: #0972d3;
|
|
1163
1163
|
background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
|
|
1164
1164
|
color: #ffffff;
|
|
1165
1165
|
color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
|
|
1166
1166
|
}
|
|
1167
|
-
.
|
|
1167
|
+
.awsui_trigger_hyvsj_blfh0_1056.awsui_selected_hyvsj_blfh0_1094:not(#\9):hover {
|
|
1168
1168
|
background: #065299;
|
|
1169
1169
|
background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
|
|
1170
1170
|
}
|
|
1171
|
-
.
|
|
1171
|
+
.awsui_trigger_hyvsj_blfh0_1056.awsui_selected_hyvsj_blfh0_1094:not(#\9):active {
|
|
1172
1172
|
background: #0972d3;
|
|
1173
1173
|
background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
|
|
1174
1174
|
}
|