@cloudscape-design/components 3.0.32 → 3.0.35
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/interfaces.d.ts +2 -0
- package/app-layout/interfaces.d.ts.map +1 -1
- package/app-layout/interfaces.js.map +1 -1
- package/app-layout/styles.css.js +37 -37
- package/app-layout/styles.scoped.css +51 -51
- package/app-layout/styles.selectors.js +37 -37
- package/app-layout/visual-refresh/styles.css.js +59 -59
- package/app-layout/visual-refresh/styles.scoped.css +147 -147
- package/app-layout/visual-refresh/styles.selectors.js +59 -59
- package/autosuggest/autosuggest-option.d.ts +2 -1
- package/autosuggest/autosuggest-option.d.ts.map +1 -1
- package/autosuggest/autosuggest-option.js +2 -2
- package/autosuggest/autosuggest-option.js.map +1 -1
- package/autosuggest/controller.d.ts +3 -3
- package/autosuggest/controller.d.ts.map +1 -1
- package/autosuggest/controller.js +2 -4
- package/autosuggest/controller.js.map +1 -1
- package/autosuggest/internal.d.ts.map +1 -1
- package/autosuggest/internal.js +13 -15
- package/autosuggest/internal.js.map +1 -1
- package/autosuggest/options-controller.d.ts +9 -13
- package/autosuggest/options-controller.d.ts.map +1 -1
- package/autosuggest/options-controller.js +10 -15
- package/autosuggest/options-controller.js.map +1 -1
- package/autosuggest/options-list.d.ts +4 -7
- package/autosuggest/options-list.d.ts.map +1 -1
- package/autosuggest/options-list.js +8 -9
- package/autosuggest/options-list.js.map +1 -1
- package/autosuggest/plain-list.d.ts +4 -6
- package/autosuggest/plain-list.d.ts.map +1 -1
- package/autosuggest/plain-list.js +7 -7
- package/autosuggest/plain-list.js.map +1 -1
- package/autosuggest/virtual-list.d.ts +1 -1
- package/autosuggest/virtual-list.d.ts.map +1 -1
- package/autosuggest/virtual-list.js +9 -9
- package/autosuggest/virtual-list.js.map +1 -1
- package/breadcrumb-group/item/item.d.ts.map +1 -1
- package/breadcrumb-group/item/item.js +1 -1
- package/breadcrumb-group/item/item.js.map +1 -1
- package/checkbox/internal.js +1 -1
- package/checkbox/internal.js.map +1 -1
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +5 -8
- package/checkbox/styles.selectors.js +3 -3
- package/{internal/components/content-layout → content-layout}/index.d.ts +1 -1
- package/content-layout/index.d.ts.map +1 -0
- package/content-layout/index.js +39 -0
- package/content-layout/index.js.map +1 -0
- package/content-layout/interfaces.d.ts +19 -0
- package/content-layout/interfaces.d.ts.map +1 -0
- package/{internal/components/content-layout → content-layout}/interfaces.js +0 -0
- package/content-layout/interfaces.js.map +1 -0
- package/content-layout/styles.css.js +12 -0
- package/{internal/components/content-layout → content-layout}/styles.scoped.css +21 -16
- package/content-layout/styles.selectors.js +13 -0
- package/date-range-picker/embedded.d.ts.map +1 -1
- package/date-range-picker/embedded.js +3 -4
- package/date-range-picker/embedded.js.map +1 -1
- package/date-range-picker/index.d.ts.map +1 -1
- package/date-range-picker/index.js +7 -6
- package/date-range-picker/index.js.map +1 -1
- package/date-range-picker/time-offset.d.ts +2 -2
- package/date-range-picker/time-offset.d.ts.map +1 -1
- package/date-range-picker/time-offset.js +2 -3
- package/date-range-picker/time-offset.js.map +1 -1
- package/date-range-picker/use-date-range-picker.d.ts +1 -1
- package/date-range-picker/use-date-range-picker.d.ts.map +1 -1
- package/date-range-picker/use-date-range-picker.js.map +1 -1
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/internal/base-component/styles.scoped.css +2 -2
- package/internal/components/abstract-switch/index.d.ts +2 -1
- package/internal/components/abstract-switch/index.d.ts.map +1 -1
- package/internal/components/abstract-switch/index.js +3 -3
- package/internal/components/abstract-switch/index.js.map +1 -1
- package/internal/components/abstract-switch/styles.css.js +12 -11
- package/internal/components/abstract-switch/styles.scoped.css +27 -17
- package/internal/components/abstract-switch/styles.selectors.js +12 -11
- package/internal/components/options-list/utils/use-highlight-option.d.ts +17 -15
- package/internal/components/options-list/utils/use-highlight-option.d.ts.map +1 -1
- package/internal/components/options-list/utils/use-highlight-option.js +36 -37
- package/internal/components/options-list/utils/use-highlight-option.js.map +1 -1
- package/internal/components/options-list/utils/use-keyboard.d.ts +0 -2
- package/internal/components/options-list/utils/use-keyboard.d.ts.map +1 -1
- package/internal/components/options-list/utils/use-keyboard.js +4 -6
- package/internal/components/options-list/utils/use-keyboard.js.map +1 -1
- package/internal/components/selectable-item/index.d.ts +2 -1
- package/internal/components/selectable-item/index.d.ts.map +1 -1
- package/internal/components/selectable-item/index.js +2 -2
- package/internal/components/selectable-item/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/generated/theming/index.cjs +6 -6
- package/internal/generated/theming/index.js +6 -6
- package/internal/utils/date-time/format-timezone-offset.d.ts +1 -1
- package/internal/utils/date-time/format-timezone-offset.d.ts.map +1 -1
- package/internal/utils/date-time/format-timezone-offset.js +2 -1
- package/internal/utils/date-time/format-timezone-offset.js.map +1 -1
- package/internal/utils/date-time/index.d.ts +0 -1
- package/internal/utils/date-time/index.d.ts.map +1 -1
- package/internal/utils/date-time/index.js +0 -1
- package/internal/utils/date-time/index.js.map +1 -1
- package/internal/utils/date-time/parse-timezone-offset.d.ts +1 -1
- package/internal/utils/date-time/parse-timezone-offset.d.ts.map +1 -1
- package/internal/utils/date-time/parse-timezone-offset.js +7 -7
- package/internal/utils/date-time/parse-timezone-offset.js.map +1 -1
- package/internal/utils/date-time/shift-timezone-offset.d.ts +1 -1
- package/internal/utils/date-time/shift-timezone-offset.d.ts.map +1 -1
- package/internal/utils/date-time/shift-timezone-offset.js +2 -1
- package/internal/utils/date-time/shift-timezone-offset.js.map +1 -1
- package/multiselect/internal.d.ts.map +1 -1
- package/multiselect/internal.js +2 -3
- package/multiselect/internal.js.map +1 -1
- package/package.json +2 -1
- package/property-filter/controller.d.ts +2 -2
- package/property-filter/controller.d.ts.map +1 -1
- package/property-filter/controller.js +6 -1
- package/property-filter/controller.js.map +1 -1
- package/property-filter/interfaces.d.ts +5 -1
- package/property-filter/interfaces.d.ts.map +1 -1
- package/property-filter/interfaces.js.map +1 -1
- package/property-filter/property-filter-autosuggest.d.ts.map +1 -1
- package/property-filter/property-filter-autosuggest.js +12 -14
- package/property-filter/property-filter-autosuggest.js.map +1 -1
- package/property-filter/token-editor.d.ts +3 -2
- package/property-filter/token-editor.d.ts.map +1 -1
- package/property-filter/token-editor.js +66 -76
- package/property-filter/token-editor.js.map +1 -1
- package/property-filter/use-load-items.d.ts +1 -1
- package/radio-group/radio-button.js +1 -1
- package/radio-group/radio-button.js.map +1 -1
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +15 -18
- package/radio-group/styles.selectors.js +9 -9
- package/select/internal.d.ts.map +1 -1
- package/select/internal.js +3 -4
- package/select/internal.js.map +1 -1
- package/select/parts/item.d.ts +2 -1
- package/select/parts/item.d.ts.map +1 -1
- package/select/parts/item.js +2 -2
- package/select/parts/item.js.map +1 -1
- package/select/parts/multiselect-item.d.ts +2 -1
- package/select/parts/multiselect-item.d.ts.map +1 -1
- package/select/parts/multiselect-item.js +2 -2
- package/select/parts/multiselect-item.js.map +1 -1
- package/select/parts/plain-list.d.ts +2 -1
- package/select/parts/plain-list.d.ts.map +1 -1
- package/select/parts/plain-list.js +4 -4
- package/select/parts/plain-list.js.map +1 -1
- package/select/parts/virtual-list.js +4 -4
- package/select/parts/virtual-list.js.map +1 -1
- package/select/utils/render-options.d.ts +3 -2
- package/select/utils/render-options.d.ts.map +1 -1
- package/select/utils/render-options.js +2 -2
- package/select/utils/render-options.js.map +1 -1
- package/select/utils/use-native-search.d.ts +1 -2
- package/select/utils/use-native-search.d.ts.map +1 -1
- package/select/utils/use-native-search.js +1 -2
- package/select/utils/use-native-search.js.map +1 -1
- package/select/utils/use-select.d.ts +2 -3
- package/select/utils/use-select.d.ts.map +1 -1
- package/select/utils/use-select.js +16 -22
- package/select/utils/use-select.js.map +1 -1
- package/tabs/tab-header-bar.d.ts.map +1 -1
- package/tabs/tab-header-bar.js +2 -2
- package/tabs/tab-header-bar.js.map +1 -1
- package/test-utils/dom/content-layout/index.d.ts +6 -0
- package/test-utils/dom/content-layout/index.js +37 -0
- package/test-utils/dom/content-layout/index.js.map +1 -0
- package/test-utils/dom/index.d.ts +3 -0
- package/test-utils/dom/index.js +10 -2
- package/test-utils/dom/index.js.map +1 -1
- package/test-utils/selectors/content-layout/index.d.ts +6 -0
- package/test-utils/selectors/content-layout/index.js +37 -0
- package/test-utils/selectors/content-layout/index.js.map +1 -0
- package/test-utils/selectors/index.d.ts +3 -0
- package/test-utils/selectors/index.js +10 -2
- package/test-utils/selectors/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/toggle/internal.js +1 -1
- package/toggle/internal.js.map +1 -1
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +13 -16
- package/toggle/styles.selectors.js +8 -8
- package/internal/components/content-layout/index.d.ts.map +0 -1
- package/internal/components/content-layout/index.js +0 -24
- package/internal/components/content-layout/index.js.map +0 -1
- package/internal/components/content-layout/interfaces.d.ts +0 -7
- package/internal/components/content-layout/interfaces.d.ts.map +0 -1
- package/internal/components/content-layout/interfaces.js.map +0 -1
- package/internal/components/content-layout/styles.css.js +0 -12
- package/internal/components/content-layout/styles.selectors.js +0 -13
- package/internal/utils/date-time/get-browser-timezone-offset.d.ts +0 -7
- package/internal/utils/date-time/get-browser-timezone-offset.d.ts.map +0 -1
- package/internal/utils/date-time/get-browser-timezone-offset.js +0 -11
- package/internal/utils/date-time/get-browser-timezone-offset.js.map +0 -1
|
@@ -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_10dcz_93:not(#\9) {
|
|
94
94
|
align-items: center;
|
|
95
95
|
box-sizing: border-box;
|
|
96
96
|
display: grid;
|
|
@@ -114,20 +114,20 @@ section.awsui_appbar_hyvsj_zgnc1_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_10dcz_93 > .awsui_appbar-nav_hyvsj_10dcz_117:not(#\9) {
|
|
118
118
|
grid-column: 1;
|
|
119
119
|
margin-right: var(--space-m-17eucw, 16px);
|
|
120
120
|
}
|
|
121
|
-
section.
|
|
121
|
+
section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9) {
|
|
122
122
|
grid-column: 2;
|
|
123
123
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
124
124
|
}
|
|
125
|
-
section.
|
|
125
|
+
section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-tools_hyvsj_10dcz_125:not(#\9) {
|
|
126
126
|
grid-column: 3;
|
|
127
127
|
margin-left: var(--space-m-17eucw, 16px);
|
|
128
128
|
}
|
|
129
129
|
@media (min-width: 689px) {
|
|
130
|
-
section.
|
|
130
|
+
section.awsui_appbar_hyvsj_10dcz_93:not(#\9) {
|
|
131
131
|
/*
|
|
132
132
|
If Breadcrumbs do not exist then the AppBar should be suppressed
|
|
133
133
|
because in large viewports the triggers are rendered
|
|
@@ -157,31 +157,31 @@ section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_appbar-tools_hyvsj_zgnc1_125:not(#\
|
|
|
157
157
|
reduce the the vertical distance from the main content.
|
|
158
158
|
*/
|
|
159
159
|
}
|
|
160
|
-
section.
|
|
160
|
+
section.awsui_appbar_hyvsj_10dcz_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160) {
|
|
161
161
|
display: none;
|
|
162
162
|
}
|
|
163
|
-
section.
|
|
164
|
-
section.
|
|
163
|
+
section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-nav_hyvsj_10dcz_117:not(#\9),
|
|
164
|
+
section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-tools_hyvsj_10dcz_125:not(#\9) {
|
|
165
165
|
display: none;
|
|
166
166
|
}
|
|
167
|
-
section.
|
|
167
|
+
section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_10dcz_167) {
|
|
168
168
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
169
169
|
}
|
|
170
|
-
section.
|
|
170
|
+
section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121.awsui_has-notifications-content_hyvsj_10dcz_167:not(#\9) {
|
|
171
171
|
padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
|
|
172
172
|
}
|
|
173
|
-
section.
|
|
174
|
-
section.
|
|
173
|
+
section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173),
|
|
174
|
+
section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9):not(.awsui_has-header_hyvsj_10dcz_173).awsui_content-type-wizard_hyvsj_10dcz_174 {
|
|
175
175
|
padding-bottom: var(--space-m-17eucw, 16px);
|
|
176
176
|
}
|
|
177
|
-
section.
|
|
178
|
-
section.
|
|
177
|
+
section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121.awsui_content-type-cards_hyvsj_10dcz_177:not(#\9),
|
|
178
|
+
section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121.awsui_content-type-table_hyvsj_10dcz_178:not(#\9) {
|
|
179
179
|
padding-bottom: var(--space-xxs-ynfts5, 4px);
|
|
180
180
|
z-index: 799;
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
183
|
@media (max-width: 688px) {
|
|
184
|
-
section.
|
|
184
|
+
section.awsui_appbar_hyvsj_10dcz_93:not(#\9) {
|
|
185
185
|
background-color: var(--color-background-home-header-mpq08f, #000716);
|
|
186
186
|
border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
187
187
|
box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
@@ -197,11 +197,11 @@ section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_breadcrumbs_hyvsj_zgnc1_121.awsui_c
|
|
|
197
197
|
they are now sticky positioned in the viewport with the AppBar.
|
|
198
198
|
*/
|
|
199
199
|
}
|
|
200
|
-
section.
|
|
201
|
-
section.
|
|
200
|
+
section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-nav_hyvsj_10dcz_117:not(#\9),
|
|
201
|
+
section.awsui_appbar_hyvsj_10dcz_93 > .awsui_appbar-tools_hyvsj_10dcz_125:not(#\9) {
|
|
202
202
|
display: block;
|
|
203
203
|
}
|
|
204
|
-
section.
|
|
204
|
+
section.awsui_appbar_hyvsj_10dcz_93 > .awsui_breadcrumbs_hyvsj_10dcz_121:not(#\9) {
|
|
205
205
|
padding: 0;
|
|
206
206
|
}
|
|
207
207
|
}
|
|
@@ -210,10 +210,10 @@ section.awsui_appbar_hyvsj_zgnc1_93 > .awsui_appbar-tools_hyvsj_zgnc1_125:not(#\
|
|
|
210
210
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
211
211
|
SPDX-License-Identifier: Apache-2.0
|
|
212
212
|
*/
|
|
213
|
-
div.
|
|
213
|
+
div.awsui_background_hyvsj_10dcz_213:not(#\9) {
|
|
214
214
|
display: contents;
|
|
215
215
|
}
|
|
216
|
-
div.
|
|
216
|
+
div.awsui_background_hyvsj_10dcz_213 > .awsui_notifications-appbar-header_hyvsj_10dcz_216:not(#\9) {
|
|
217
217
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
218
218
|
grid-column: 1/span 5;
|
|
219
219
|
grid-row: 1/span 3;
|
|
@@ -225,13 +225,13 @@ div.awsui_background_hyvsj_zgnc1_213 > .awsui_notifications-appbar-header_hyvsj_
|
|
|
225
225
|
*/
|
|
226
226
|
}
|
|
227
227
|
@media (min-width: 689px) {
|
|
228
|
-
div.
|
|
228
|
+
div.awsui_background_hyvsj_10dcz_213 > .awsui_notifications-appbar-header_hyvsj_10dcz_216.awsui_content-type-cards_hyvsj_10dcz_177.awsui_has-notifications-content_hyvsj_10dcz_167.awsui_sticky-notifications_hyvsj_10dcz_228:not(#\9), div.awsui_background_hyvsj_10dcz_213 > .awsui_notifications-appbar-header_hyvsj_10dcz_216.awsui_content-type-table_hyvsj_10dcz_178.awsui_has-notifications-content_hyvsj_10dcz_167.awsui_sticky-notifications_hyvsj_10dcz_228:not(#\9) {
|
|
229
229
|
position: sticky;
|
|
230
230
|
top: var(--awsui-offset-top-ujkcpl);
|
|
231
231
|
z-index: 799;
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
|
-
div.
|
|
234
|
+
div.awsui_background_hyvsj_10dcz_213 > .awsui_overlap_hyvsj_10dcz_234:not(#\9) {
|
|
235
235
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
236
236
|
grid-column: 1/span 5;
|
|
237
237
|
grid-row: 4;
|
|
@@ -244,7 +244,7 @@ div.awsui_background_hyvsj_zgnc1_213 > .awsui_overlap_hyvsj_zgnc1_234:not(#\9) {
|
|
|
244
244
|
*/
|
|
245
245
|
}
|
|
246
246
|
@media (min-width: 689px) {
|
|
247
|
-
div.
|
|
247
|
+
div.awsui_background_hyvsj_10dcz_213 > .awsui_overlap_hyvsj_10dcz_234.awsui_content-type-cards_hyvsj_10dcz_177:not(#\9), div.awsui_background_hyvsj_10dcz_213 > .awsui_overlap_hyvsj_10dcz_234.awsui_content-type-table_hyvsj_10dcz_178:not(#\9) {
|
|
248
248
|
position: sticky;
|
|
249
249
|
top: var(--awsui-offset-top-with-notifications-ujkcpl);
|
|
250
250
|
z-index: 799;
|
|
@@ -255,13 +255,13 @@ div.awsui_background_hyvsj_zgnc1_213 > .awsui_overlap_hyvsj_zgnc1_234:not(#\9) {
|
|
|
255
255
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
256
256
|
SPDX-License-Identifier: Apache-2.0
|
|
257
257
|
*/
|
|
258
|
-
header.
|
|
258
|
+
header.awsui_content_hyvsj_10dcz_174:not(#\9) {
|
|
259
259
|
grid-column: 3;
|
|
260
260
|
grid-row: 3;
|
|
261
|
-
padding-bottom: var(--space-
|
|
261
|
+
padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
262
262
|
}
|
|
263
263
|
@media (min-width: 689px) {
|
|
264
|
-
header.
|
|
264
|
+
header.awsui_content_hyvsj_10dcz_174:not(#\9) {
|
|
265
265
|
/*
|
|
266
266
|
If Notifications exist and Breadcrumbs do not then Notifications
|
|
267
267
|
is the previous adjacent sibling to the Header. Add minimal top padding
|
|
@@ -279,25 +279,25 @@ header.awsui_content_hyvsj_zgnc1_174:not(#\9) {
|
|
|
279
279
|
circular buttons.
|
|
280
280
|
*/
|
|
281
281
|
}
|
|
282
|
-
header.
|
|
282
|
+
header.awsui_content_hyvsj_10dcz_174.awsui_has-notifications-content_hyvsj_10dcz_167:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160) {
|
|
283
283
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
284
284
|
}
|
|
285
|
-
header.
|
|
285
|
+
header.awsui_content_hyvsj_10dcz_174.awsui_has-breadcrumbs_hyvsj_10dcz_160:not(#\9) {
|
|
286
286
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
287
287
|
}
|
|
288
|
-
header.
|
|
288
|
+
header.awsui_content_hyvsj_10dcz_174:not(#\9):not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160) {
|
|
289
289
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
290
290
|
}
|
|
291
291
|
}
|
|
292
292
|
@media (max-width: 688px) {
|
|
293
|
-
header.
|
|
294
|
-
padding: var(--space-m-17eucw, 16px) 0 var(--space-
|
|
293
|
+
header.awsui_content_hyvsj_10dcz_174:not(#\9) {
|
|
294
|
+
padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
295
295
|
/*
|
|
296
296
|
Breadcrumbs has moved to first position and sticky so Notifications
|
|
297
297
|
are now the previous adjacent sibling if they exist.
|
|
298
298
|
*/
|
|
299
299
|
}
|
|
300
|
-
header.
|
|
300
|
+
header.awsui_content_hyvsj_10dcz_174.awsui_has-notifications-content_hyvsj_10dcz_167:not(#\9) {
|
|
301
301
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
302
302
|
}
|
|
303
303
|
}
|
|
@@ -319,7 +319,7 @@ header.awsui_content_hyvsj_zgnc1_174:not(#\9) {
|
|
|
319
319
|
circumstances regardless of whether the minContentWidth property is
|
|
320
320
|
explicitly set in script.
|
|
321
321
|
*/
|
|
322
|
-
.
|
|
322
|
+
.awsui_layout_hyvsj_10dcz_322:not(#\9) {
|
|
323
323
|
--awsui-content-gap-left-ujkcpl: 0px;
|
|
324
324
|
--awsui-content-gap-right-ujkcpl: 0px;
|
|
325
325
|
--awsui-content-height-ujkcpl: calc(100vh - var(--awsui-header-height-ujkcpl) - var(--awsui-footer-height-ujkcpl));
|
|
@@ -401,75 +401,75 @@ header.awsui_content_hyvsj_zgnc1_174:not(#\9) {
|
|
|
401
401
|
*/
|
|
402
402
|
}
|
|
403
403
|
@media (min-width: 1401px) {
|
|
404
|
-
.
|
|
404
|
+
.awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_10dcz_404) {
|
|
405
405
|
--awsui-default-max-content-width-ujkcpl: 1280px;
|
|
406
406
|
}
|
|
407
407
|
}
|
|
408
408
|
@media (min-width: 1921px) {
|
|
409
|
-
.
|
|
409
|
+
.awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_10dcz_404) {
|
|
410
410
|
--awsui-default-max-content-width-ujkcpl: 1440px;
|
|
411
411
|
}
|
|
412
412
|
}
|
|
413
413
|
@media (min-width: 2541px) {
|
|
414
|
-
.
|
|
414
|
+
.awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_has-max-content-width_hyvsj_10dcz_404) {
|
|
415
415
|
--awsui-default-max-content-width-ujkcpl: 1620px;
|
|
416
416
|
}
|
|
417
417
|
}
|
|
418
|
-
.
|
|
418
|
+
.awsui_layout_hyvsj_10dcz_322.awsui_has-max-content-width_hyvsj_10dcz_404:not(#\9) {
|
|
419
419
|
--awsui-default-max-content-width-ujkcpl: var(--awsui-max-content-width-ujkcpl);
|
|
420
420
|
}
|
|
421
421
|
@media (min-width: 993px) {
|
|
422
|
-
.
|
|
422
|
+
.awsui_layout_hyvsj_10dcz_322:not(#\9) {
|
|
423
423
|
--awsui-default-min-content-width-ujkcpl: var(--awsui-min-content-width-ujkcpl, 280px);
|
|
424
424
|
}
|
|
425
425
|
}
|
|
426
426
|
@media (max-width: 992px) {
|
|
427
|
-
.
|
|
427
|
+
.awsui_layout_hyvsj_10dcz_322:not(#\9) {
|
|
428
428
|
--awsui-default-min-content-width-ujkcpl: 0px;
|
|
429
429
|
}
|
|
430
430
|
}
|
|
431
|
-
.
|
|
431
|
+
.awsui_layout_hyvsj_10dcz_322.awsui_is-overlap-disabled_hyvsj_10dcz_431:not(#\9) {
|
|
432
432
|
--awsui-overlap-height-ujkcpl: 0;
|
|
433
433
|
}
|
|
434
|
-
.
|
|
434
|
+
.awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10dcz_434) {
|
|
435
435
|
--awsui-offset-top-ujkcpl: var(--awsui-header-height-ujkcpl);
|
|
436
436
|
min-height: var(--awsui-content-height-ujkcpl);
|
|
437
437
|
}
|
|
438
|
-
.
|
|
438
|
+
.awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10dcz_434):not(.awsui_has-sticky-notifications_hyvsj_10dcz_438) {
|
|
439
439
|
--awsui-offset-top-with-notifications-ujkcpl: var(--awsui-header-height-ujkcpl);
|
|
440
440
|
}
|
|
441
|
-
.
|
|
441
|
+
.awsui_layout_hyvsj_10dcz_322:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10dcz_434).awsui_has-sticky-notifications_hyvsj_10dcz_438 {
|
|
442
442
|
--awsui-offset-top-with-notifications-ujkcpl: calc(
|
|
443
443
|
var(--awsui-header-height-ujkcpl) + var(--awsui-notifications-height-ujkcpl) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
|
|
444
444
|
);
|
|
445
445
|
}
|
|
446
|
-
.
|
|
446
|
+
.awsui_layout_hyvsj_10dcz_322.awsui_disable-body-scroll_hyvsj_10dcz_434:not(#\9) {
|
|
447
447
|
--awsui-offset-top-ujkcpl: 0px;
|
|
448
448
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-ujkcpl) 1fr auto;
|
|
449
449
|
height: var(--awsui-content-height-ujkcpl);
|
|
450
450
|
overflow-y: scroll;
|
|
451
451
|
}
|
|
452
|
-
.
|
|
452
|
+
.awsui_layout_hyvsj_10dcz_322.awsui_disable-body-scroll_hyvsj_10dcz_434.awsui_has-split-panel_hyvsj_10dcz_452.awsui_split-panel-position-bottom_hyvsj_10dcz_452:not(#\9) {
|
|
453
453
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-ujkcpl) repeat(2, auto);
|
|
454
454
|
}
|
|
455
|
-
.
|
|
455
|
+
.awsui_layout_hyvsj_10dcz_322.awsui_disable-body-scroll_hyvsj_10dcz_434:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_10dcz_438) {
|
|
456
456
|
--awsui-offset-top-with-notifications-ujkcpl: 0px;
|
|
457
457
|
}
|
|
458
|
-
.
|
|
458
|
+
.awsui_layout_hyvsj_10dcz_322.awsui_disable-body-scroll_hyvsj_10dcz_434.awsui_has-sticky-notifications_hyvsj_10dcz_438:not(#\9) {
|
|
459
459
|
--awsui-offset-top-with-notifications-ujkcpl: calc(
|
|
460
460
|
var(--awsui-notifications-height-ujkcpl) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
|
|
461
461
|
);
|
|
462
462
|
}
|
|
463
463
|
@media (min-width: 689px) {
|
|
464
|
-
.
|
|
464
|
+
.awsui_layout_hyvsj_10dcz_322.awsui_has-content-gap-left_hyvsj_10dcz_464:not(#\9) {
|
|
465
465
|
--awsui-content-gap-left-ujkcpl: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
466
466
|
}
|
|
467
|
-
.
|
|
467
|
+
.awsui_layout_hyvsj_10dcz_322.awsui_has-content-gap-right_hyvsj_10dcz_467:not(#\9) {
|
|
468
468
|
--awsui-content-gap-right-ujkcpl: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
469
469
|
}
|
|
470
470
|
}
|
|
471
471
|
@media (max-width: 688px) {
|
|
472
|
-
.
|
|
472
|
+
.awsui_layout_hyvsj_10dcz_322:not(#\9) {
|
|
473
473
|
--awsui-content-gap-left-ujkcpl: var(--space-l-4vl6xu, 20px);
|
|
474
474
|
--awsui-content-gap-right-ujkcpl: var(--space-l-4vl6xu, 20px);
|
|
475
475
|
}
|
|
@@ -479,7 +479,7 @@ header.awsui_content_hyvsj_zgnc1_174:not(#\9) {
|
|
|
479
479
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
480
480
|
when the navigation or tools drawers are open in responsive viewports.
|
|
481
481
|
*/
|
|
482
|
-
.awsui_block-body-
|
|
482
|
+
.awsui_block-body-scroll_hyvsj_10dcz_482:not(#\9) {
|
|
483
483
|
overflow: hidden;
|
|
484
484
|
}
|
|
485
485
|
|
|
@@ -487,7 +487,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
487
487
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
488
488
|
SPDX-License-Identifier: Apache-2.0
|
|
489
489
|
*/
|
|
490
|
-
.
|
|
490
|
+
.awsui_container_hyvsj_10dcz_490:not(#\9) {
|
|
491
491
|
grid-column: 3;
|
|
492
492
|
grid-row: 4/span 2;
|
|
493
493
|
padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
|
|
@@ -504,20 +504,20 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
504
504
|
under various circumstances.
|
|
505
505
|
*/
|
|
506
506
|
}
|
|
507
|
-
.
|
|
507
|
+
.awsui_container_hyvsj_10dcz_490.awsui_disable-content-paddings_hyvsj_10dcz_507:not(#\9) {
|
|
508
508
|
grid-column: 1/6;
|
|
509
509
|
padding: 0;
|
|
510
510
|
}
|
|
511
511
|
@media (min-width: 689px) {
|
|
512
|
-
.
|
|
512
|
+
.awsui_container_hyvsj_10dcz_490.awsui_disable-content-paddings_hyvsj_10dcz_507.awsui_is-navigation-open_hyvsj_10dcz_512:not(#\9) {
|
|
513
513
|
grid-column-start: 2;
|
|
514
514
|
}
|
|
515
|
-
.
|
|
515
|
+
.awsui_container_hyvsj_10dcz_490.awsui_disable-content-paddings_hyvsj_10dcz_507.awsui_is-tools-open_hyvsj_10dcz_515:not(#\9), .awsui_container_hyvsj_10dcz_490.awsui_disable-content-paddings_hyvsj_10dcz_507.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_split-panel-position-side_hyvsj_10dcz_515:not(#\9) {
|
|
516
516
|
grid-column-end: 5;
|
|
517
517
|
}
|
|
518
518
|
}
|
|
519
519
|
@media (min-width: 689px) {
|
|
520
|
-
.
|
|
520
|
+
.awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507) {
|
|
521
521
|
/*
|
|
522
522
|
Notifications is the previous adjacent sibling to the Main in
|
|
523
523
|
desktop viewports if there are no Breadcrumbs or Header. Use additional
|
|
@@ -532,18 +532,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
532
532
|
sibling to the Main which requires no top padding.
|
|
533
533
|
*/
|
|
534
534
|
}
|
|
535
|
-
.
|
|
535
|
+
.awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-default_hyvsj_10dcz_535.awsui_has-notifications-content_hyvsj_10dcz_167:not(.awsui_has-breadcrumbs_hyvsj_10dcz_160):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173), .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-form_hyvsj_10dcz_535.awsui_has-notifications-content_hyvsj_10dcz_167:not(.awsui_has-breadcrumbs_hyvsj_10dcz_160):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173) {
|
|
536
536
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
537
537
|
}
|
|
538
|
-
.
|
|
538
|
+
.awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-default_hyvsj_10dcz_535:not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173), .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-form_hyvsj_10dcz_535:not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-breadcrumbs_hyvsj_10dcz_160):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173) {
|
|
539
539
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
540
540
|
}
|
|
541
|
-
.
|
|
541
|
+
.awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_has-header_hyvsj_10dcz_173, .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_has-dynamic-overlap-height_hyvsj_10dcz_173 {
|
|
542
542
|
padding-top: 0;
|
|
543
543
|
}
|
|
544
544
|
}
|
|
545
545
|
@media (max-width: 688px) {
|
|
546
|
-
.
|
|
546
|
+
.awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507) {
|
|
547
547
|
/*
|
|
548
548
|
If the Notifications exist but the Header does not then the
|
|
549
549
|
Notifications is the previous adjacent sibling to the Main
|
|
@@ -558,22 +558,22 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
558
558
|
sibling to the Main which requires no top padding.
|
|
559
559
|
*/
|
|
560
560
|
}
|
|
561
|
-
.
|
|
561
|
+
.awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-default_hyvsj_10dcz_535.awsui_has-notifications-content_hyvsj_10dcz_167:not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173), .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-form_hyvsj_10dcz_535.awsui_has-notifications-content_hyvsj_10dcz_167:not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173) {
|
|
562
562
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
563
563
|
}
|
|
564
|
-
.
|
|
564
|
+
.awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-default_hyvsj_10dcz_535:not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173), .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_content-type-form_hyvsj_10dcz_535:not(.awsui_has-notifications-content_hyvsj_10dcz_167):not(.awsui_has-header_hyvsj_10dcz_173):not(.awsui_has-dynamic-overlap-height_hyvsj_10dcz_173) {
|
|
565
565
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
566
566
|
}
|
|
567
|
-
.
|
|
567
|
+
.awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_has-header_hyvsj_10dcz_173, .awsui_container_hyvsj_10dcz_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10dcz_507).awsui_has-dynamic-overlap-height_hyvsj_10dcz_173 {
|
|
568
568
|
padding-top: 0;
|
|
569
569
|
}
|
|
570
570
|
}
|
|
571
|
-
.
|
|
571
|
+
.awsui_container_hyvsj_10dcz_490.awsui_content-type-cards_hyvsj_10dcz_177:not(#\9), .awsui_container_hyvsj_10dcz_490.awsui_content-type-table_hyvsj_10dcz_178:not(#\9), .awsui_container_hyvsj_10dcz_490.awsui_content-type-wizard_hyvsj_10dcz_174:not(#\9) {
|
|
572
572
|
padding-top: 0;
|
|
573
573
|
}
|
|
574
574
|
|
|
575
575
|
/* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
|
|
576
|
-
.
|
|
576
|
+
.awsui_unfocusable_hyvsj_10dcz_576 *:not(#\9) {
|
|
577
577
|
visibility: hidden !important;
|
|
578
578
|
}
|
|
579
579
|
|
|
@@ -581,7 +581,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
581
581
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
582
582
|
SPDX-License-Identifier: Apache-2.0
|
|
583
583
|
*/
|
|
584
|
-
.awsui_navigation-
|
|
584
|
+
.awsui_navigation-container_hyvsj_10dcz_584:not(#\9) {
|
|
585
585
|
--awsui-navigation-width-ujkcpl: 280px;
|
|
586
586
|
display: flex;
|
|
587
587
|
grid-column: 1;
|
|
@@ -592,12 +592,12 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
592
592
|
z-index: 850;
|
|
593
593
|
}
|
|
594
594
|
@media (min-width: 2541px) {
|
|
595
|
-
.awsui_navigation-
|
|
595
|
+
.awsui_navigation-container_hyvsj_10dcz_584:not(#\9) {
|
|
596
596
|
--awsui-navigation-width-ujkcpl: 320px;
|
|
597
597
|
}
|
|
598
598
|
}
|
|
599
599
|
@media (max-width: 688px) {
|
|
600
|
-
.awsui_navigation-
|
|
600
|
+
.awsui_navigation-container_hyvsj_10dcz_584:not(#\9) {
|
|
601
601
|
left: 0;
|
|
602
602
|
position: fixed;
|
|
603
603
|
top: var(--awsui-offset-top-ujkcpl);
|
|
@@ -605,14 +605,14 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
605
605
|
}
|
|
606
606
|
}
|
|
607
607
|
|
|
608
|
-
nav.awsui_show-
|
|
608
|
+
nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9) {
|
|
609
609
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
610
610
|
/*
|
|
611
611
|
Apply the animation only in desktop viewports because the AppBar will
|
|
612
612
|
take control in responsive viewports.
|
|
613
613
|
*/
|
|
614
614
|
}
|
|
615
|
-
@keyframes
|
|
615
|
+
@keyframes awsui_showButtons_hyvsj_10dcz_1 {
|
|
616
616
|
0% {
|
|
617
617
|
opacity: 0;
|
|
618
618
|
}
|
|
@@ -620,31 +620,31 @@ nav.awsui_show-navigation_hyvsj_zgnc1_608:not(#\9) {
|
|
|
620
620
|
opacity: 1;
|
|
621
621
|
}
|
|
622
622
|
}
|
|
623
|
-
nav.awsui_show-
|
|
623
|
+
nav.awsui_show-navigation_hyvsj_10dcz_608.awsui_is-navigation-open_hyvsj_10dcz_512:not(#\9) {
|
|
624
624
|
display: none;
|
|
625
625
|
}
|
|
626
626
|
@media (min-width: 689px) {
|
|
627
|
-
nav.awsui_show-
|
|
627
|
+
nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512) {
|
|
628
628
|
display: block;
|
|
629
629
|
}
|
|
630
|
-
nav.awsui_show-
|
|
631
|
-
animation:
|
|
630
|
+
nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512).awsui_animating_hyvsj_10dcz_630 {
|
|
631
|
+
animation: awsui_showButtons_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
632
632
|
}
|
|
633
633
|
}
|
|
634
634
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
635
|
-
nav.awsui_show-
|
|
635
|
+
nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512).awsui_animating_hyvsj_10dcz_630 {
|
|
636
636
|
animation: none;
|
|
637
637
|
transition: none;
|
|
638
638
|
}
|
|
639
639
|
}
|
|
640
640
|
@media (min-width: 689px) {
|
|
641
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
641
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512).awsui_animating_hyvsj_10dcz_630, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_10dcz_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512).awsui_animating_hyvsj_10dcz_630 {
|
|
642
642
|
animation: none;
|
|
643
643
|
transition: none;
|
|
644
644
|
}
|
|
645
645
|
}
|
|
646
646
|
|
|
647
|
-
nav.
|
|
647
|
+
nav.awsui_navigation_hyvsj_10dcz_584:not(#\9) {
|
|
648
648
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
649
649
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
650
650
|
bottom: 0;
|
|
@@ -660,7 +660,7 @@ nav.awsui_navigation_hyvsj_zgnc1_584:not(#\9) {
|
|
|
660
660
|
prevent unwanted text wrapping.
|
|
661
661
|
*/
|
|
662
662
|
}
|
|
663
|
-
@keyframes
|
|
663
|
+
@keyframes awsui_openNavigation_hyvsj_10dcz_1 {
|
|
664
664
|
from {
|
|
665
665
|
opacity: 0;
|
|
666
666
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -670,33 +670,33 @@ nav.awsui_navigation_hyvsj_zgnc1_584:not(#\9) {
|
|
|
670
670
|
width: var(--awsui-navigation-width-ujkcpl);
|
|
671
671
|
}
|
|
672
672
|
}
|
|
673
|
-
nav.
|
|
673
|
+
nav.awsui_navigation_hyvsj_10dcz_584:not(#\9):not(.awsui_is-navigation-open_hyvsj_10dcz_512) {
|
|
674
674
|
width: 0;
|
|
675
675
|
display: none;
|
|
676
676
|
}
|
|
677
|
-
nav.
|
|
678
|
-
animation:
|
|
677
|
+
nav.awsui_navigation_hyvsj_10dcz_584.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
678
|
+
animation: awsui_openNavigation_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
679
679
|
}
|
|
680
680
|
@media (prefers-reduced-motion: reduce) {
|
|
681
|
-
nav.
|
|
681
|
+
nav.awsui_navigation_hyvsj_10dcz_584.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
682
682
|
animation: none;
|
|
683
683
|
transition: none;
|
|
684
684
|
}
|
|
685
685
|
}
|
|
686
|
-
.awsui-motion-disabled nav.
|
|
686
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_10dcz_584.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_10dcz_584.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
687
687
|
animation: none;
|
|
688
688
|
transition: none;
|
|
689
689
|
}
|
|
690
|
-
nav.
|
|
690
|
+
nav.awsui_navigation_hyvsj_10dcz_584 > .awsui_animated-content_hyvsj_10dcz_690:not(#\9) {
|
|
691
691
|
width: var(--awsui-navigation-width-ujkcpl);
|
|
692
692
|
}
|
|
693
693
|
@media (max-width: 688px) {
|
|
694
|
-
nav.
|
|
694
|
+
nav.awsui_navigation_hyvsj_10dcz_584:not(#\9) {
|
|
695
695
|
--awsui-navigation-width-ujkcpl: 100vw;
|
|
696
696
|
}
|
|
697
697
|
}
|
|
698
698
|
|
|
699
|
-
.awsui_hide-
|
|
699
|
+
.awsui_hide-navigation_hyvsj_10dcz_699:not(#\9) {
|
|
700
700
|
position: absolute;
|
|
701
701
|
right: var(--space-m-17eucw, 16px);
|
|
702
702
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -706,7 +706,7 @@ nav.awsui_navigation_hyvsj_zgnc1_584 > .awsui_animated-content_hyvsj_zgnc1_690:n
|
|
|
706
706
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
707
707
|
SPDX-License-Identifier: Apache-2.0
|
|
708
708
|
*/
|
|
709
|
-
.
|
|
709
|
+
.awsui_notifications_hyvsj_10dcz_216:not(#\9) {
|
|
710
710
|
grid-column: 3;
|
|
711
711
|
grid-row: 1;
|
|
712
712
|
z-index: 825;
|
|
@@ -723,30 +723,30 @@ nav.awsui_navigation_hyvsj_zgnc1_584 > .awsui_animated-content_hyvsj_zgnc1_690:n
|
|
|
723
723
|
*/
|
|
724
724
|
}
|
|
725
725
|
@media (min-width: 689px) {
|
|
726
|
-
.
|
|
726
|
+
.awsui_notifications_hyvsj_10dcz_216:not(#\9) {
|
|
727
727
|
margin: var(--space-xs-rsr2qu, 8px) 0;
|
|
728
728
|
/*
|
|
729
729
|
var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
|
|
730
730
|
calculation in the layout CSS.
|
|
731
731
|
*/
|
|
732
732
|
}
|
|
733
|
-
.
|
|
733
|
+
.awsui_notifications_hyvsj_10dcz_216.awsui_sticky-notifications_hyvsj_10dcz_228:not(#\9) {
|
|
734
734
|
position: sticky;
|
|
735
735
|
top: calc(var(--awsui-offset-top-ujkcpl) + var(--space-xs-rsr2qu, 8px));
|
|
736
736
|
}
|
|
737
|
-
.
|
|
737
|
+
.awsui_notifications_hyvsj_10dcz_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_10dcz_167) {
|
|
738
738
|
margin: 0;
|
|
739
739
|
}
|
|
740
740
|
}
|
|
741
741
|
@media (max-width: 688px) {
|
|
742
|
-
.
|
|
742
|
+
.awsui_notifications_hyvsj_10dcz_216:not(#\9) {
|
|
743
743
|
grid-row: 2;
|
|
744
744
|
margin: var(--space-scaled-s-cu1hzn, 12px) 0;
|
|
745
745
|
}
|
|
746
|
-
.
|
|
746
|
+
.awsui_notifications_hyvsj_10dcz_216.awsui_sticky-notifications_hyvsj_10dcz_228:not(#\9) {
|
|
747
747
|
position: static;
|
|
748
748
|
}
|
|
749
|
-
.
|
|
749
|
+
.awsui_notifications_hyvsj_10dcz_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_10dcz_167) {
|
|
750
750
|
margin: 0;
|
|
751
751
|
}
|
|
752
752
|
}
|
|
@@ -763,7 +763,7 @@ within. In the bottom position, the Split Panel is simply a direct child
|
|
|
763
763
|
of the Tools component flex container and should consume 100% of the
|
|
764
764
|
parent height.
|
|
765
765
|
*/
|
|
766
|
-
section.awsui_split-panel-
|
|
766
|
+
section.awsui_split-panel-bottom_hyvsj_10dcz_766:not(#\9) {
|
|
767
767
|
bottom: var(--awsui-footer-height-ujkcpl);
|
|
768
768
|
display: none;
|
|
769
769
|
grid-column: 1/6;
|
|
@@ -787,7 +787,7 @@ section.awsui_split-panel-bottom_hyvsj_zgnc1_766:not(#\9) {
|
|
|
787
787
|
apply the animation to the height property.
|
|
788
788
|
*/
|
|
789
789
|
}
|
|
790
|
-
@keyframes
|
|
790
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_10dcz_1 {
|
|
791
791
|
from {
|
|
792
792
|
height: var(--awsui-split-panel-reported-header-size-ujkcpl, 0);
|
|
793
793
|
}
|
|
@@ -795,39 +795,39 @@ section.awsui_split-panel-bottom_hyvsj_zgnc1_766:not(#\9) {
|
|
|
795
795
|
height: var(--awsui-split-panel-reported-size-ujkcpl);
|
|
796
796
|
}
|
|
797
797
|
}
|
|
798
|
-
section.awsui_split-panel-
|
|
798
|
+
section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_disable-body-scroll_hyvsj_10dcz_434:not(#\9) {
|
|
799
799
|
bottom: 0;
|
|
800
800
|
}
|
|
801
|
-
section.awsui_split-panel-
|
|
801
|
+
section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-navigation-open_hyvsj_10dcz_512.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
|
|
802
802
|
grid-column-start: 2;
|
|
803
803
|
}
|
|
804
|
-
section.awsui_split-panel-
|
|
804
|
+
section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-tools-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
|
|
805
805
|
grid-column-end: 5;
|
|
806
806
|
}
|
|
807
|
-
section.awsui_split-panel-
|
|
807
|
+
section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
|
|
808
808
|
display: block;
|
|
809
809
|
}
|
|
810
|
-
section.awsui_split-panel-
|
|
810
|
+
section.awsui_split-panel-bottom_hyvsj_10dcz_766:not(#\9):not(.awsui_is-split-panel-open_hyvsj_10dcz_515).awsui_position-bottom_hyvsj_10dcz_801 {
|
|
811
811
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
812
812
|
}
|
|
813
|
-
section.awsui_split-panel-
|
|
813
|
+
section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
|
|
814
814
|
box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
815
815
|
}
|
|
816
|
-
section.awsui_split-panel-
|
|
817
|
-
animation:
|
|
816
|
+
section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
817
|
+
animation: awsui_openSplitPanelBottom_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
818
818
|
}
|
|
819
819
|
@media (prefers-reduced-motion: reduce) {
|
|
820
|
-
section.awsui_split-panel-
|
|
820
|
+
section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
821
821
|
animation: none;
|
|
822
822
|
transition: none;
|
|
823
823
|
}
|
|
824
824
|
}
|
|
825
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
825
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_10dcz_766.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-bottom_hyvsj_10dcz_801.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
826
826
|
animation: none;
|
|
827
827
|
transition: none;
|
|
828
828
|
}
|
|
829
829
|
|
|
830
|
-
section.awsui_split-panel-
|
|
830
|
+
section.awsui_split-panel-side_hyvsj_10dcz_830:not(#\9) {
|
|
831
831
|
height: 100%;
|
|
832
832
|
overflow-x: hidden;
|
|
833
833
|
/*
|
|
@@ -841,7 +841,7 @@ section.awsui_split-panel-side_hyvsj_zgnc1_830:not(#\9) {
|
|
|
841
841
|
prevent unwanted text wrapping.
|
|
842
842
|
*/
|
|
843
843
|
}
|
|
844
|
-
@keyframes
|
|
844
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_10dcz_1 {
|
|
845
845
|
from {
|
|
846
846
|
opacity: 0;
|
|
847
847
|
width: var(--awsui-split-panel-min-width-ujkcpl, 280px);
|
|
@@ -851,28 +851,28 @@ section.awsui_split-panel-side_hyvsj_zgnc1_830:not(#\9) {
|
|
|
851
851
|
width: var(--awsui-split-panel-reported-size-ujkcpl);
|
|
852
852
|
}
|
|
853
853
|
}
|
|
854
|
-
section.awsui_split-panel-
|
|
854
|
+
section.awsui_split-panel-side_hyvsj_10dcz_830:not(#\9):not(.awsui_is-split-panel-open_hyvsj_10dcz_515), section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_position-bottom_hyvsj_10dcz_801:not(#\9) {
|
|
855
855
|
width: 0;
|
|
856
856
|
}
|
|
857
|
-
section.awsui_split-panel-
|
|
857
|
+
section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857:not(#\9) {
|
|
858
858
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
859
859
|
max-width: var(--awsui-split-panel-max-width-ujkcpl, 280px);
|
|
860
860
|
min-width: var(--awsui-split-panel-min-width-ujkcpl, 280px);
|
|
861
861
|
}
|
|
862
|
-
section.awsui_split-panel-
|
|
863
|
-
animation:
|
|
862
|
+
section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
863
|
+
animation: awsui_openSplitPanelSide_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
864
864
|
}
|
|
865
865
|
@media (prefers-reduced-motion: reduce) {
|
|
866
|
-
section.awsui_split-panel-
|
|
866
|
+
section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
867
867
|
animation: none;
|
|
868
868
|
transition: none;
|
|
869
869
|
}
|
|
870
870
|
}
|
|
871
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
871
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_10dcz_830.awsui_is-split-panel-open_hyvsj_10dcz_515.awsui_position-side_hyvsj_10dcz_857.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
872
872
|
animation: none;
|
|
873
873
|
transition: none;
|
|
874
874
|
}
|
|
875
|
-
section.awsui_split-panel-
|
|
875
|
+
section.awsui_split-panel-side_hyvsj_10dcz_830 > .awsui_animated-content_hyvsj_10dcz_690:not(#\9) {
|
|
876
876
|
height: 100%;
|
|
877
877
|
max-width: inherit;
|
|
878
878
|
width: var(--awsui-split-panel-reported-size-ujkcpl);
|
|
@@ -891,7 +891,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
891
891
|
property. The content gap right is computed in the Layout styles based on the
|
|
892
892
|
viewport size and state of the Tools drawer.
|
|
893
893
|
*/
|
|
894
|
-
.awsui_tools-
|
|
894
|
+
.awsui_tools-container_hyvsj_10dcz_894:not(#\9) {
|
|
895
895
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
896
896
|
--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));
|
|
897
897
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -906,12 +906,12 @@ viewport size and state of the Tools drawer.
|
|
|
906
906
|
z-index: 850;
|
|
907
907
|
}
|
|
908
908
|
@media (min-width: 2541px) {
|
|
909
|
-
.awsui_tools-
|
|
909
|
+
.awsui_tools-container_hyvsj_10dcz_894:not(#\9) {
|
|
910
910
|
--awsui-tools-width-ujkcpl: 360px;
|
|
911
911
|
}
|
|
912
912
|
}
|
|
913
913
|
@media (max-width: 688px) {
|
|
914
|
-
.awsui_tools-
|
|
914
|
+
.awsui_tools-container_hyvsj_10dcz_894:not(#\9) {
|
|
915
915
|
--awsui-tools-max-width-ujkcpl: none;
|
|
916
916
|
--awsui-tools-width-ujkcpl: auto;
|
|
917
917
|
position: fixed;
|
|
@@ -921,7 +921,7 @@ viewport size and state of the Tools drawer.
|
|
|
921
921
|
}
|
|
922
922
|
}
|
|
923
923
|
|
|
924
|
-
.
|
|
924
|
+
.awsui_tools_hyvsj_10dcz_894:not(#\9) {
|
|
925
925
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
926
926
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
927
927
|
flex-shrink: 0;
|
|
@@ -943,7 +943,7 @@ viewport size and state of the Tools drawer.
|
|
|
943
943
|
in the side position.
|
|
944
944
|
*/
|
|
945
945
|
}
|
|
946
|
-
@keyframes
|
|
946
|
+
@keyframes awsui_openTools_hyvsj_10dcz_1 {
|
|
947
947
|
from {
|
|
948
948
|
opacity: var(--awsui-tools-animation-starting-opacity-ujkcpl, 0);
|
|
949
949
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -953,38 +953,38 @@ viewport size and state of the Tools drawer.
|
|
|
953
953
|
width: var(--awsui-tools-width-ujkcpl);
|
|
954
954
|
}
|
|
955
955
|
}
|
|
956
|
-
.
|
|
956
|
+
.awsui_tools_hyvsj_10dcz_894:not(#\9):not(.awsui_is-tools-open_hyvsj_10dcz_515) {
|
|
957
957
|
width: 0;
|
|
958
958
|
display: none;
|
|
959
959
|
}
|
|
960
|
-
.
|
|
961
|
-
animation:
|
|
960
|
+
.awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
961
|
+
animation: awsui_openTools_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
962
962
|
}
|
|
963
963
|
@media (prefers-reduced-motion: reduce) {
|
|
964
|
-
.
|
|
964
|
+
.awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
965
965
|
animation: none;
|
|
966
966
|
transition: none;
|
|
967
967
|
}
|
|
968
968
|
}
|
|
969
|
-
.awsui-motion-disabled .
|
|
969
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
970
970
|
animation: none;
|
|
971
971
|
transition: none;
|
|
972
972
|
}
|
|
973
|
-
.
|
|
973
|
+
.awsui_tools_hyvsj_10dcz_894 > .awsui_animated-content_hyvsj_10dcz_690:not(#\9) {
|
|
974
974
|
width: var(--awsui-tools-width-ujkcpl);
|
|
975
975
|
}
|
|
976
976
|
@media (min-width: 689px) {
|
|
977
|
-
.
|
|
977
|
+
.awsui_tools_hyvsj_10dcz_894.awsui_is-tools-open_hyvsj_10dcz_515.awsui_has-tools-form-persistence_hyvsj_10dcz_977:not(#\9) {
|
|
978
978
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
979
979
|
}
|
|
980
980
|
}
|
|
981
981
|
@media (max-width: 688px) {
|
|
982
|
-
.
|
|
982
|
+
.awsui_tools_hyvsj_10dcz_894:not(#\9) {
|
|
983
983
|
--awsui-tools-width-ujkcpl: 100vw;
|
|
984
984
|
}
|
|
985
985
|
}
|
|
986
986
|
|
|
987
|
-
.awsui_hide-
|
|
987
|
+
.awsui_hide-tools_hyvsj_10dcz_987:not(#\9) {
|
|
988
988
|
position: absolute;
|
|
989
989
|
right: var(--space-m-17eucw, 16px);
|
|
990
990
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -996,7 +996,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
996
996
|
the calculation used to determine the Split Panel maximum width in the
|
|
997
997
|
handleSplitPanelMaxWidth function in the context.
|
|
998
998
|
*/
|
|
999
|
-
.awsui_show-
|
|
999
|
+
.awsui_show-tools_hyvsj_10dcz_999:not(#\9) {
|
|
1000
1000
|
box-sizing: border-box;
|
|
1001
1001
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
1002
1002
|
/*
|
|
@@ -1004,7 +1004,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1004
1004
|
take control in responsive viewports.
|
|
1005
1005
|
*/
|
|
1006
1006
|
}
|
|
1007
|
-
@keyframes
|
|
1007
|
+
@keyframes awsui_showButtons_hyvsj_10dcz_1 {
|
|
1008
1008
|
0% {
|
|
1009
1009
|
opacity: 0;
|
|
1010
1010
|
}
|
|
@@ -1012,33 +1012,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1012
1012
|
opacity: 1;
|
|
1013
1013
|
}
|
|
1014
1014
|
}
|
|
1015
|
-
.awsui_show-
|
|
1015
|
+
.awsui_show-tools_hyvsj_10dcz_999:not(#\9):not(.awsui_has-tools-form_hyvsj_10dcz_977) {
|
|
1016
1016
|
display: none;
|
|
1017
1017
|
}
|
|
1018
1018
|
@media (min-width: 689px) {
|
|
1019
|
-
.awsui_show-
|
|
1019
|
+
.awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977:not(#\9) {
|
|
1020
1020
|
display: flex;
|
|
1021
1021
|
flex-direction: column;
|
|
1022
1022
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
1023
1023
|
}
|
|
1024
|
-
.awsui_show-
|
|
1025
|
-
animation:
|
|
1024
|
+
.awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
1025
|
+
animation: awsui_showButtons_hyvsj_10dcz_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1026
1026
|
}
|
|
1027
1027
|
}
|
|
1028
1028
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1029
|
-
.awsui_show-
|
|
1029
|
+
.awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
1030
1030
|
animation: none;
|
|
1031
1031
|
transition: none;
|
|
1032
1032
|
}
|
|
1033
1033
|
}
|
|
1034
1034
|
@media (min-width: 689px) {
|
|
1035
|
-
.awsui-motion-disabled .awsui_show-
|
|
1035
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977.awsui_animating_hyvsj_10dcz_630:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form_hyvsj_10dcz_977.awsui_animating_hyvsj_10dcz_630:not(#\9) {
|
|
1036
1036
|
animation: none;
|
|
1037
1037
|
transition: none;
|
|
1038
1038
|
}
|
|
1039
1039
|
}
|
|
1040
1040
|
@media (min-width: 689px) {
|
|
1041
|
-
.awsui_show-
|
|
1041
|
+
.awsui_show-tools_hyvsj_10dcz_999.awsui_has-tools-form-persistence_hyvsj_10dcz_977:not(#\9) {
|
|
1042
1042
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1043
1043
|
z-index: 1;
|
|
1044
1044
|
}
|
|
@@ -1053,7 +1053,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1053
1053
|
the calculation used to determine the Split Panel maximum width in the
|
|
1054
1054
|
handleSplitPanelMaxWidth function in the context.
|
|
1055
1055
|
*/
|
|
1056
|
-
.
|
|
1056
|
+
.awsui_trigger_hyvsj_10dcz_1056:not(#\9) {
|
|
1057
1057
|
background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
|
|
1058
1058
|
border: none;
|
|
1059
1059
|
border-radius: 50%;
|
|
@@ -1064,14 +1064,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1064
1064
|
padding: 0 var(--space-s-hv8c1d, 12px);
|
|
1065
1065
|
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1066
1066
|
}
|
|
1067
|
-
.
|
|
1067
|
+
.awsui_trigger_hyvsj_10dcz_1056[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
1068
1068
|
position: relative;
|
|
1069
1069
|
}
|
|
1070
|
-
.
|
|
1070
|
+
.awsui_trigger_hyvsj_10dcz_1056[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
1071
1071
|
outline: 2px dotted transparent;
|
|
1072
1072
|
outline-offset: calc(3px - 1px);
|
|
1073
1073
|
}
|
|
1074
|
-
.
|
|
1074
|
+
.awsui_trigger_hyvsj_10dcz_1056[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
1075
1075
|
content: " ";
|
|
1076
1076
|
display: block;
|
|
1077
1077
|
position: absolute;
|
|
@@ -1082,23 +1082,23 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1082
1082
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
1083
1083
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
1084
1084
|
}
|
|
1085
|
-
.
|
|
1085
|
+
.awsui_trigger_hyvsj_10dcz_1056:not(#\9):focus {
|
|
1086
1086
|
outline: none;
|
|
1087
1087
|
}
|
|
1088
|
-
.
|
|
1088
|
+
.awsui_trigger_hyvsj_10dcz_1056:not(#\9):hover {
|
|
1089
1089
|
background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
1090
1090
|
}
|
|
1091
|
-
.
|
|
1091
|
+
.awsui_trigger_hyvsj_10dcz_1056:not(#\9):active {
|
|
1092
1092
|
background: var(--color-background-layout-toggle-active-d15dki, #354150);
|
|
1093
1093
|
}
|
|
1094
|
-
.
|
|
1094
|
+
.awsui_trigger_hyvsj_10dcz_1056.awsui_selected_hyvsj_10dcz_1094:not(#\9) {
|
|
1095
1095
|
background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
|
|
1096
1096
|
color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
|
|
1097
1097
|
}
|
|
1098
|
-
.
|
|
1098
|
+
.awsui_trigger_hyvsj_10dcz_1056.awsui_selected_hyvsj_10dcz_1094:not(#\9):hover {
|
|
1099
1099
|
background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
|
|
1100
1100
|
}
|
|
1101
|
-
.
|
|
1101
|
+
.awsui_trigger_hyvsj_10dcz_1056.awsui_selected_hyvsj_10dcz_1094:not(#\9):active {
|
|
1102
1102
|
background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
|
|
1103
1103
|
}
|
|
1104
1104
|
|