@cloudscape-design/components 3.0.245 → 3.0.246
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/annotation-context/annotation/annotation-trigger.d.ts.map +1 -1
- package/annotation-context/annotation/annotation-trigger.js +1 -3
- package/annotation-context/annotation/annotation-trigger.js.map +1 -1
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +29 -29
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/visual-refresh/styles.css.js +61 -61
- package/app-layout/visual-refresh/styles.scoped.css +151 -151
- package/app-layout/visual-refresh/styles.selectors.js +61 -61
- package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
- package/app-layout/visual-refresh/trigger-button.js +2 -4
- package/app-layout/visual-refresh/trigger-button.js.map +1 -1
- package/breadcrumb-group/item/item.d.ts.map +1 -1
- package/breadcrumb-group/item/item.js +2 -5
- package/breadcrumb-group/item/item.js.map +1 -1
- package/breadcrumb-group/item/styles.css.js +9 -9
- package/breadcrumb-group/item/styles.scoped.css +17 -17
- package/breadcrumb-group/item/styles.selectors.js +9 -9
- package/button/internal.d.ts.map +1 -1
- package/button/internal.js +2 -3
- package/button/internal.js.map +1 -1
- package/button/styles.css.js +19 -18
- package/button/styles.scoped.css +136 -136
- package/button/styles.selectors.js +19 -18
- package/calendar/grid/index.d.ts.map +1 -1
- package/calendar/grid/index.js +2 -4
- package/calendar/grid/index.js.map +1 -1
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +38 -38
- package/calendar/styles.selectors.js +18 -18
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +109 -109
- package/code-editor/styles.selectors.js +32 -32
- package/code-editor/tab-button.d.ts.map +1 -1
- package/code-editor/tab-button.js +2 -4
- package/code-editor/tab-button.js.map +1 -1
- package/date-picker/index.d.ts.map +1 -1
- package/date-picker/index.js +1 -3
- package/date-picker/index.js.map +1 -1
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +9 -9
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/calendar/grids/grid.d.ts.map +1 -1
- package/date-range-picker/calendar/grids/grid.js +1 -3
- package/date-range-picker/calendar/grids/grid.js.map +1 -1
- package/date-range-picker/calendar/grids/index.d.ts.map +1 -1
- package/date-range-picker/calendar/grids/index.js +1 -3
- package/date-range-picker/calendar/grids/index.js.map +1 -1
- package/date-range-picker/calendar/grids/styles.css.js +25 -25
- package/date-range-picker/calendar/grids/styles.scoped.css +42 -42
- package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
- package/date-range-picker/dropdown.d.ts.map +1 -1
- package/date-range-picker/dropdown.js +1 -3
- package/date-range-picker/dropdown.js.map +1 -1
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +45 -45
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/expandable-section-header.d.ts.map +1 -1
- package/expandable-section/expandable-section-header.js +3 -7
- package/expandable-section/expandable-section-header.js.map +1 -1
- package/expandable-section/styles.css.js +23 -23
- package/expandable-section/styles.scoped.css +44 -44
- package/expandable-section/styles.selectors.js +23 -23
- package/flashbar/collapsible-flashbar.d.ts.map +1 -1
- package/flashbar/collapsible-flashbar.js +1 -3
- package/flashbar/collapsible-flashbar.js.map +1 -1
- package/flashbar/flash.d.ts.map +1 -1
- package/flashbar/flash.js +1 -3
- package/flashbar/flash.js.map +1 -1
- package/flashbar/styles.css.js +45 -45
- package/flashbar/styles.scoped.css +144 -144
- package/flashbar/styles.selectors.js +45 -45
- package/internal/components/abstract-switch/index.d.ts.map +1 -1
- package/internal/components/abstract-switch/index.js +8 -4
- package/internal/components/abstract-switch/index.js.map +1 -1
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +19 -19
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/index.d.ts.map +1 -1
- package/internal/components/button-trigger/index.js +1 -3
- package/internal/components/button-trigger/index.js.map +1 -1
- package/internal/components/button-trigger/styles.css.js +9 -9
- package/internal/components/button-trigger/styles.scoped.css +23 -23
- package/internal/components/button-trigger/styles.selectors.js +9 -9
- package/internal/components/chart-legend/index.d.ts.map +1 -1
- package/internal/components/chart-legend/index.js +2 -4
- package/internal/components/chart-legend/index.js.map +1 -1
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +15 -15
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-plot/focus-outline.d.ts.map +1 -1
- package/internal/components/chart-plot/focus-outline.js +25 -3
- package/internal/components/chart-plot/focus-outline.js.map +1 -1
- package/internal/components/filtering-token/index.d.ts +2 -1
- package/internal/components/filtering-token/index.d.ts.map +1 -1
- package/internal/components/filtering-token/index.js +3 -5
- package/internal/components/filtering-token/index.js.map +1 -1
- package/internal/components/filtering-token/styles.css.js +7 -7
- package/internal/components/filtering-token/styles.scoped.css +13 -13
- package/internal/components/filtering-token/styles.selectors.js +7 -7
- package/internal/components/menu-dropdown/index.d.ts.map +1 -1
- package/internal/components/menu-dropdown/index.js +2 -4
- package/internal/components/menu-dropdown/index.js.map +1 -1
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +13 -13
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/token-list/index.d.ts +1 -1
- package/internal/components/token-list/index.d.ts.map +1 -1
- package/internal/components/token-list/index.js +3 -3
- package/internal/components/token-list/index.js.map +1 -1
- package/internal/components/token-list/interfaces.d.ts +0 -1
- package/internal/components/token-list/interfaces.d.ts.map +1 -1
- package/internal/components/token-list/interfaces.js.map +1 -1
- package/internal/components/token-list/styles.css.js +9 -9
- package/internal/components/token-list/styles.scoped.css +20 -20
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/components/token-list/token-focus-controller.js +1 -1
- package/internal/components/token-list/token-focus-controller.js.map +1 -1
- package/internal/components/token-list/token-limit-toggle.d.ts.map +1 -1
- package/internal/components/token-list/token-limit-toggle.js +1 -3
- package/internal/components/token-list/token-limit-toggle.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/hooks/focus-visible/index.d.ts +2 -5
- package/internal/hooks/focus-visible/index.d.ts.map +1 -1
- package/internal/hooks/focus-visible/index.js +42 -22
- package/internal/hooks/focus-visible/index.js.map +1 -1
- package/internal/hooks/use-base-component/index.d.ts.map +1 -1
- package/internal/hooks/use-base-component/index.js +2 -0
- package/internal/hooks/use-base-component/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/link/internal.d.ts.map +1 -1
- package/link/internal.js +1 -3
- package/link/internal.js.map +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +71 -71
- package/link/styles.selectors.js +20 -20
- package/package.json +1 -1
- package/pagination/internal.d.ts.map +1 -1
- package/pagination/internal.js +1 -3
- package/pagination/internal.js.map +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +23 -23
- package/pagination/styles.selectors.js +9 -9
- package/popover/internal.d.ts.map +1 -1
- package/popover/internal.js +1 -3
- package/popover/internal.js.map +1 -1
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +63 -63
- package/popover/styles.selectors.js +50 -50
- package/property-filter/index.d.ts.map +1 -1
- package/property-filter/index.js +2 -2
- package/property-filter/index.js.map +1 -1
- package/property-filter/token.d.ts.map +1 -1
- package/property-filter/token.js +1 -1
- package/property-filter/token.js.map +1 -1
- package/segmented-control/segment.d.ts.map +1 -1
- package/segmented-control/segment.js +1 -3
- package/segmented-control/segment.js.map +1 -1
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +33 -33
- package/segmented-control/styles.selectors.js +14 -14
- package/side-navigation/internal.d.ts.map +1 -1
- package/side-navigation/internal.js +2 -5
- package/side-navigation/internal.js.map +1 -1
- package/side-navigation/styles.css.js +27 -27
- package/side-navigation/styles.scoped.css +37 -37
- package/side-navigation/styles.selectors.js +27 -27
- package/split-panel/index.d.ts.map +1 -1
- package/split-panel/index.js +1 -3
- package/split-panel/index.js.map +1 -1
- package/split-panel/styles.css.js +59 -59
- package/split-panel/styles.scoped.css +81 -81
- package/split-panel/styles.selectors.js +59 -59
- package/table/body-cell/index.d.ts.map +1 -1
- package/table/body-cell/index.js +3 -3
- package/table/body-cell/index.js.map +1 -1
- package/table/body-cell/styles.css.js +18 -18
- package/table/body-cell/styles.scoped.css +57 -55
- package/table/body-cell/styles.selectors.js +18 -18
- package/table/header-cell/index.d.ts.map +1 -1
- package/table/header-cell/index.js +11 -9
- package/table/header-cell/index.js.map +1 -1
- package/table/header-cell/styles.css.js +19 -19
- package/table/header-cell/styles.scoped.css +32 -32
- package/table/header-cell/styles.selectors.js +19 -19
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +1 -3
- package/table/internal.js.map +1 -1
- package/table/resizer/styles.css.js +6 -6
- package/table/resizer/styles.scoped.css +11 -11
- package/table/resizer/styles.selectors.js +6 -6
- package/table/styles.css.js +33 -33
- package/table/styles.scoped.css +41 -41
- package/table/styles.selectors.js +33 -33
- package/tabs/index.d.ts.map +1 -1
- package/tabs/index.js +8 -3
- package/tabs/index.js.map +1 -1
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +38 -38
- package/tabs/styles.selectors.js +21 -21
- package/tabs/tab-header-bar.d.ts.map +1 -1
- package/tabs/tab-header-bar.js +9 -3
- package/tabs/tab-header-bar.js.map +1 -1
- package/tag-editor/internal.d.ts.map +1 -1
- package/tag-editor/internal.js +2 -4
- package/tag-editor/internal.js.map +1 -1
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +10 -10
- package/tag-editor/styles.selectors.js +3 -3
- package/token-group/dismiss-button.d.ts.map +1 -1
- package/token-group/dismiss-button.js +1 -3
- package/token-group/dismiss-button.js.map +1 -1
- package/token-group/internal.js +2 -2
- package/token-group/internal.js.map +1 -1
- package/token-group/styles.css.js +5 -5
- package/token-group/styles.scoped.css +12 -12
- package/token-group/styles.selectors.js +5 -5
- package/token-group/token.d.ts +3 -5
- package/token-group/token.d.ts.map +1 -1
- package/token-group/token.js +2 -2
- package/token-group/token.js.map +1 -1
- package/top-navigation/1.0-beta/internal.d.ts.map +1 -1
- package/top-navigation/1.0-beta/internal.js +1 -3
- package/top-navigation/1.0-beta/internal.js.map +1 -1
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +42 -42
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/internal.d.ts.map +1 -1
- package/top-navigation/internal.js +1 -3
- package/top-navigation/internal.js.map +1 -1
- package/top-navigation/parts/overflow-menu/menu-item.d.ts.map +1 -1
- package/top-navigation/parts/overflow-menu/menu-item.js +3 -7
- package/top-navigation/parts/overflow-menu/menu-item.js.map +1 -1
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +66 -66
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-list/index.d.ts.map +1 -1
- package/tutorial-panel/components/tutorial-list/index.js +1 -3
- package/tutorial-panel/components/tutorial-list/index.js.map +1 -1
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +27 -27
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/wizard/styles.css.js +32 -32
- package/wizard/styles.scoped.css +63 -63
- package/wizard/styles.selectors.js +32 -32
- package/wizard/wizard-form.d.ts.map +1 -1
- package/wizard/wizard-form.js +1 -3
- package/wizard/wizard-form.js.map +1 -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_10sxp_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_spweg_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_10sxp_93 > .awsui_appbar-nav_hyvsj_10sxp_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_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_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_10sxp_93 > .awsui_appbar-tools_hyvsj_10sxp_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_10sxp_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
|
|
@@ -163,33 +163,33 @@ section.awsui_appbar_hyvsj_spweg_93 > .awsui_appbar-tools_hyvsj_spweg_125:not(#\
|
|
|
163
163
|
be lifted so it doesn't render behind the background element.
|
|
164
164
|
*/
|
|
165
165
|
}
|
|
166
|
-
section.
|
|
166
|
+
section.awsui_appbar_hyvsj_10sxp_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_10sxp_166) {
|
|
167
167
|
display: none;
|
|
168
168
|
}
|
|
169
|
-
section.
|
|
170
|
-
section.
|
|
169
|
+
section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-nav_hyvsj_10sxp_117:not(#\9),
|
|
170
|
+
section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-tools_hyvsj_10sxp_125:not(#\9) {
|
|
171
171
|
display: none;
|
|
172
172
|
}
|
|
173
|
-
section.
|
|
173
|
+
section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_10sxp_173) {
|
|
174
174
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
175
175
|
}
|
|
176
|
-
section.
|
|
176
|
+
section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121.awsui_has-notifications-content_hyvsj_10sxp_173:not(#\9) {
|
|
177
177
|
padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
|
|
178
178
|
}
|
|
179
|
-
section.
|
|
180
|
-
section.
|
|
179
|
+
section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121:not(#\9):not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179),
|
|
180
|
+
section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121:not(#\9):not(.awsui_has-header_hyvsj_10sxp_179).awsui_content-type-wizard_hyvsj_10sxp_180 {
|
|
181
181
|
padding-bottom: var(--space-m-17eucw, 16px);
|
|
182
182
|
}
|
|
183
|
-
section.
|
|
184
|
-
section.
|
|
183
|
+
section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121.awsui_content-type-cards_hyvsj_10sxp_183:not(#\9),
|
|
184
|
+
section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121.awsui_content-type-table_hyvsj_10sxp_184:not(#\9) {
|
|
185
185
|
padding-bottom: var(--space-xxs-ynfts5, 4px);
|
|
186
186
|
}
|
|
187
|
-
section.
|
|
187
|
+
section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121.awsui_has-sticky-background_hyvsj_10sxp_187:not(#\9) {
|
|
188
188
|
z-index: 799;
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
191
|
@media (max-width: 688px) {
|
|
192
|
-
section.
|
|
192
|
+
section.awsui_appbar_hyvsj_10sxp_93:not(#\9) {
|
|
193
193
|
background-color: var(--color-background-home-header-mpq08f, #000716);
|
|
194
194
|
border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
195
195
|
box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
@@ -205,11 +205,11 @@ section.awsui_appbar_hyvsj_spweg_93 > .awsui_appbar-tools_hyvsj_spweg_125:not(#\
|
|
|
205
205
|
they are now sticky positioned in the viewport with the AppBar.
|
|
206
206
|
*/
|
|
207
207
|
}
|
|
208
|
-
section.
|
|
209
|
-
section.
|
|
208
|
+
section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-nav_hyvsj_10sxp_117:not(#\9),
|
|
209
|
+
section.awsui_appbar_hyvsj_10sxp_93 > .awsui_appbar-tools_hyvsj_10sxp_125:not(#\9) {
|
|
210
210
|
display: block;
|
|
211
211
|
}
|
|
212
|
-
section.
|
|
212
|
+
section.awsui_appbar_hyvsj_10sxp_93 > .awsui_breadcrumbs_hyvsj_10sxp_121:not(#\9) {
|
|
213
213
|
padding: 0;
|
|
214
214
|
}
|
|
215
215
|
}
|
|
@@ -218,10 +218,10 @@ section.awsui_appbar_hyvsj_spweg_93 > .awsui_appbar-tools_hyvsj_spweg_125:not(#\
|
|
|
218
218
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
219
219
|
SPDX-License-Identifier: Apache-2.0
|
|
220
220
|
*/
|
|
221
|
-
div.
|
|
221
|
+
div.awsui_background_hyvsj_10sxp_221:not(#\9) {
|
|
222
222
|
display: contents;
|
|
223
223
|
}
|
|
224
|
-
div.
|
|
224
|
+
div.awsui_background_hyvsj_10sxp_221 > .awsui_notifications-appbar-header_hyvsj_10sxp_224:not(#\9) {
|
|
225
225
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
226
226
|
grid-column: 1/span 5;
|
|
227
227
|
grid-row: 1/span 3;
|
|
@@ -234,13 +234,13 @@ div.awsui_background_hyvsj_spweg_221 > .awsui_notifications-appbar-header_hyvsj_
|
|
|
234
234
|
*/
|
|
235
235
|
}
|
|
236
236
|
@media (min-width: 689px) {
|
|
237
|
-
div.
|
|
237
|
+
div.awsui_background_hyvsj_10sxp_221 > .awsui_notifications-appbar-header_hyvsj_10sxp_224.awsui_has-sticky-background_hyvsj_10sxp_187.awsui_has-notifications-content_hyvsj_10sxp_173.awsui_sticky-notifications_hyvsj_10sxp_237:not(#\9) {
|
|
238
238
|
position: sticky;
|
|
239
239
|
top: var(--awsui-offset-top-lgrg0d);
|
|
240
240
|
z-index: 799;
|
|
241
241
|
}
|
|
242
242
|
}
|
|
243
|
-
div.
|
|
243
|
+
div.awsui_background_hyvsj_10sxp_221 > .awsui_overlap_hyvsj_10sxp_243:not(#\9) {
|
|
244
244
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
245
245
|
grid-column: 1/span 5;
|
|
246
246
|
grid-row: 4;
|
|
@@ -253,7 +253,7 @@ div.awsui_background_hyvsj_spweg_221 > .awsui_overlap_hyvsj_spweg_243:not(#\9) {
|
|
|
253
253
|
*/
|
|
254
254
|
}
|
|
255
255
|
@media (min-width: 689px) {
|
|
256
|
-
div.
|
|
256
|
+
div.awsui_background_hyvsj_10sxp_221 > .awsui_overlap_hyvsj_10sxp_243.awsui_has-sticky-background_hyvsj_10sxp_187:not(#\9) {
|
|
257
257
|
position: sticky;
|
|
258
258
|
top: var(--awsui-offset-top-with-notifications-lgrg0d);
|
|
259
259
|
z-index: 799;
|
|
@@ -264,13 +264,13 @@ div.awsui_background_hyvsj_spweg_221 > .awsui_overlap_hyvsj_spweg_243:not(#\9) {
|
|
|
264
264
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
265
265
|
SPDX-License-Identifier: Apache-2.0
|
|
266
266
|
*/
|
|
267
|
-
header.
|
|
267
|
+
header.awsui_content_hyvsj_10sxp_180:not(#\9) {
|
|
268
268
|
grid-column: 3;
|
|
269
269
|
grid-row: 3;
|
|
270
270
|
padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
271
271
|
}
|
|
272
272
|
@media (min-width: 689px) {
|
|
273
|
-
header.
|
|
273
|
+
header.awsui_content_hyvsj_10sxp_180:not(#\9) {
|
|
274
274
|
/*
|
|
275
275
|
If Notifications exist and Breadcrumbs do not then Notifications
|
|
276
276
|
is the previous adjacent sibling to the Header. Add minimal top padding
|
|
@@ -288,25 +288,25 @@ header.awsui_content_hyvsj_spweg_180:not(#\9) {
|
|
|
288
288
|
circular buttons.
|
|
289
289
|
*/
|
|
290
290
|
}
|
|
291
|
-
header.
|
|
291
|
+
header.awsui_content_hyvsj_10sxp_180.awsui_has-notifications-content_hyvsj_10sxp_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_10sxp_166) {
|
|
292
292
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
293
293
|
}
|
|
294
|
-
header.
|
|
294
|
+
header.awsui_content_hyvsj_10sxp_180.awsui_has-breadcrumbs_hyvsj_10sxp_166:not(#\9) {
|
|
295
295
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
296
296
|
}
|
|
297
|
-
header.
|
|
297
|
+
header.awsui_content_hyvsj_10sxp_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_10sxp_173):not(.awsui_has-breadcrumbs_hyvsj_10sxp_166) {
|
|
298
298
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
299
299
|
}
|
|
300
300
|
}
|
|
301
301
|
@media (max-width: 688px) {
|
|
302
|
-
header.
|
|
302
|
+
header.awsui_content_hyvsj_10sxp_180:not(#\9) {
|
|
303
303
|
padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
304
304
|
/*
|
|
305
305
|
Breadcrumbs has moved to first position and sticky so Notifications
|
|
306
306
|
are now the previous adjacent sibling if they exist.
|
|
307
307
|
*/
|
|
308
308
|
}
|
|
309
|
-
header.
|
|
309
|
+
header.awsui_content_hyvsj_10sxp_180.awsui_has-notifications-content_hyvsj_10sxp_173:not(#\9) {
|
|
310
310
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
311
311
|
}
|
|
312
312
|
}
|
|
@@ -332,7 +332,7 @@ header.awsui_content_hyvsj_spweg_180:not(#\9) {
|
|
|
332
332
|
circumstances regardless of whether the minContentWidth property is
|
|
333
333
|
explicitly set in script.
|
|
334
334
|
*/
|
|
335
|
-
.
|
|
335
|
+
.awsui_layout_hyvsj_10sxp_335:not(#\9) {
|
|
336
336
|
--awsui-content-gap-left-lgrg0d: 0px;
|
|
337
337
|
--awsui-content-gap-right-lgrg0d: 0px;
|
|
338
338
|
--awsui-content-height-lgrg0d: calc(100vh - var(--awsui-header-height-lgrg0d) - var(--awsui-footer-height-lgrg0d));
|
|
@@ -415,90 +415,90 @@ header.awsui_content_hyvsj_spweg_180:not(#\9) {
|
|
|
415
415
|
*/
|
|
416
416
|
}
|
|
417
417
|
@media (min-width: 1401px) {
|
|
418
|
-
.
|
|
418
|
+
.awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_10sxp_418) {
|
|
419
419
|
--awsui-default-max-content-width-lgrg0d: 1280px;
|
|
420
420
|
}
|
|
421
421
|
}
|
|
422
422
|
@media (min-width: 1921px) {
|
|
423
|
-
.
|
|
423
|
+
.awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_10sxp_418) {
|
|
424
424
|
--awsui-default-max-content-width-lgrg0d: 1440px;
|
|
425
425
|
}
|
|
426
426
|
}
|
|
427
427
|
@media (min-width: 2541px) {
|
|
428
|
-
.
|
|
428
|
+
.awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_10sxp_418) {
|
|
429
429
|
--awsui-default-max-content-width-lgrg0d: 1620px;
|
|
430
430
|
}
|
|
431
431
|
}
|
|
432
432
|
@media (min-width: 1401px) {
|
|
433
|
-
.
|
|
433
|
+
.awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_10sxp_418).awsui_content-type-dashboard_hyvsj_10sxp_433 {
|
|
434
434
|
--awsui-default-max-content-width-lgrg0d: 1280px;
|
|
435
435
|
}
|
|
436
436
|
}
|
|
437
437
|
@media (min-width: 1921px) {
|
|
438
|
-
.
|
|
438
|
+
.awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_10sxp_418).awsui_content-type-dashboard_hyvsj_10sxp_433 {
|
|
439
439
|
--awsui-default-max-content-width-lgrg0d: 1620px;
|
|
440
440
|
}
|
|
441
441
|
}
|
|
442
442
|
@media (min-width: 2541px) {
|
|
443
|
-
.
|
|
443
|
+
.awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_10sxp_418).awsui_content-type-dashboard_hyvsj_10sxp_433 {
|
|
444
444
|
--awsui-default-max-content-width-lgrg0d: 2160px;
|
|
445
445
|
}
|
|
446
446
|
}
|
|
447
|
-
.
|
|
447
|
+
.awsui_layout_hyvsj_10sxp_335.awsui_has-max-content-width_hyvsj_10sxp_418:not(#\9) {
|
|
448
448
|
--awsui-default-max-content-width-lgrg0d: var(--awsui-max-content-width-lgrg0d);
|
|
449
449
|
}
|
|
450
450
|
@media (min-width: 993px) {
|
|
451
|
-
.
|
|
451
|
+
.awsui_layout_hyvsj_10sxp_335:not(#\9) {
|
|
452
452
|
--awsui-default-min-content-width-lgrg0d: var(--awsui-min-content-width-lgrg0d, 280px);
|
|
453
453
|
}
|
|
454
454
|
}
|
|
455
455
|
@media (max-width: 992px) {
|
|
456
|
-
.
|
|
456
|
+
.awsui_layout_hyvsj_10sxp_335:not(#\9) {
|
|
457
457
|
--awsui-default-min-content-width-lgrg0d: 0px;
|
|
458
458
|
}
|
|
459
459
|
}
|
|
460
|
-
.
|
|
460
|
+
.awsui_layout_hyvsj_10sxp_335.awsui_is-overlap-disabled_hyvsj_10sxp_460:not(#\9) {
|
|
461
461
|
--awsui-overlap-height-lgrg0d: 0;
|
|
462
462
|
}
|
|
463
|
-
.
|
|
463
|
+
.awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10sxp_463) {
|
|
464
464
|
--awsui-offset-top-lgrg0d: var(--awsui-header-height-lgrg0d);
|
|
465
465
|
min-height: var(--awsui-content-height-lgrg0d);
|
|
466
466
|
}
|
|
467
|
-
.
|
|
467
|
+
.awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10sxp_463):not(.awsui_has-sticky-notifications_hyvsj_10sxp_467) {
|
|
468
468
|
--awsui-offset-top-with-notifications-lgrg0d: var(--awsui-header-height-lgrg0d);
|
|
469
469
|
}
|
|
470
|
-
.
|
|
470
|
+
.awsui_layout_hyvsj_10sxp_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_10sxp_463).awsui_has-sticky-notifications_hyvsj_10sxp_467 {
|
|
471
471
|
--awsui-offset-top-with-notifications-lgrg0d: calc(
|
|
472
472
|
var(--awsui-header-height-lgrg0d) + var(--awsui-notifications-height-lgrg0d) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
|
|
473
473
|
);
|
|
474
474
|
}
|
|
475
|
-
.
|
|
475
|
+
.awsui_layout_hyvsj_10sxp_335.awsui_disable-body-scroll_hyvsj_10sxp_463:not(#\9) {
|
|
476
476
|
--awsui-offset-top-lgrg0d: 0px;
|
|
477
477
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) 1fr auto;
|
|
478
478
|
height: var(--awsui-content-height-lgrg0d);
|
|
479
479
|
overflow-y: scroll;
|
|
480
480
|
}
|
|
481
|
-
.
|
|
481
|
+
.awsui_layout_hyvsj_10sxp_335.awsui_disable-body-scroll_hyvsj_10sxp_463.awsui_has-split-panel_hyvsj_10sxp_481.awsui_split-panel-position-bottom_hyvsj_10sxp_481:not(#\9) {
|
|
482
482
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) repeat(2, auto);
|
|
483
483
|
}
|
|
484
|
-
.
|
|
484
|
+
.awsui_layout_hyvsj_10sxp_335.awsui_disable-body-scroll_hyvsj_10sxp_463:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_10sxp_467) {
|
|
485
485
|
--awsui-offset-top-with-notifications-lgrg0d: 0px;
|
|
486
486
|
}
|
|
487
|
-
.
|
|
487
|
+
.awsui_layout_hyvsj_10sxp_335.awsui_disable-body-scroll_hyvsj_10sxp_463.awsui_has-sticky-notifications_hyvsj_10sxp_467:not(#\9) {
|
|
488
488
|
--awsui-offset-top-with-notifications-lgrg0d: calc(
|
|
489
489
|
var(--awsui-notifications-height-lgrg0d) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
|
|
490
490
|
);
|
|
491
491
|
}
|
|
492
492
|
@media (min-width: 689px) {
|
|
493
|
-
.
|
|
493
|
+
.awsui_layout_hyvsj_10sxp_335.awsui_has-content-gap-left_hyvsj_10sxp_493:not(#\9) {
|
|
494
494
|
--awsui-content-gap-left-lgrg0d: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
495
495
|
}
|
|
496
|
-
.
|
|
496
|
+
.awsui_layout_hyvsj_10sxp_335.awsui_has-content-gap-right_hyvsj_10sxp_496:not(#\9) {
|
|
497
497
|
--awsui-content-gap-right-lgrg0d: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
498
498
|
}
|
|
499
499
|
}
|
|
500
500
|
@media (max-width: 688px) {
|
|
501
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_10sxp_335:not(#\9) {
|
|
502
502
|
--awsui-content-gap-left-lgrg0d: var(--space-l-4vl6xu, 20px);
|
|
503
503
|
--awsui-content-gap-right-lgrg0d: var(--space-l-4vl6xu, 20px);
|
|
504
504
|
}
|
|
@@ -508,7 +508,7 @@ header.awsui_content_hyvsj_spweg_180:not(#\9) {
|
|
|
508
508
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
509
509
|
when the navigation or tools drawers are open in responsive viewports.
|
|
510
510
|
*/
|
|
511
|
-
.awsui_block-body-
|
|
511
|
+
.awsui_block-body-scroll_hyvsj_10sxp_511:not(#\9) {
|
|
512
512
|
overflow: hidden;
|
|
513
513
|
}
|
|
514
514
|
|
|
@@ -516,7 +516,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
516
516
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
517
517
|
SPDX-License-Identifier: Apache-2.0
|
|
518
518
|
*/
|
|
519
|
-
.
|
|
519
|
+
.awsui_container_hyvsj_10sxp_519:not(#\9) {
|
|
520
520
|
grid-column: 3;
|
|
521
521
|
grid-row: 4/span 2;
|
|
522
522
|
padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
|
|
@@ -539,23 +539,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
539
539
|
under various circumstances.
|
|
540
540
|
*/
|
|
541
541
|
}
|
|
542
|
-
.
|
|
542
|
+
.awsui_container_hyvsj_10sxp_519.awsui_has-split-panel_hyvsj_10sxp_481.awsui_split-panel-position-bottom_hyvsj_10sxp_481:not(#\9) {
|
|
543
543
|
padding-bottom: calc(var(--awsui-split-panel-height-lgrg0d) + var(--space-layout-content-bottom-kg9l42, 40px));
|
|
544
544
|
}
|
|
545
|
-
.
|
|
545
|
+
.awsui_container_hyvsj_10sxp_519.awsui_disable-content-paddings_hyvsj_10sxp_545:not(#\9) {
|
|
546
546
|
grid-column: 1/6;
|
|
547
547
|
padding: 0;
|
|
548
548
|
}
|
|
549
549
|
@media (min-width: 689px) {
|
|
550
|
-
.
|
|
550
|
+
.awsui_container_hyvsj_10sxp_519.awsui_disable-content-paddings_hyvsj_10sxp_545.awsui_is-navigation-open_hyvsj_10sxp_550:not(#\9) {
|
|
551
551
|
grid-column-start: 2;
|
|
552
552
|
}
|
|
553
|
-
.
|
|
553
|
+
.awsui_container_hyvsj_10sxp_519.awsui_disable-content-paddings_hyvsj_10sxp_545.awsui_is-tools-open_hyvsj_10sxp_553:not(#\9), .awsui_container_hyvsj_10sxp_519.awsui_disable-content-paddings_hyvsj_10sxp_545.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_split-panel-position-side_hyvsj_10sxp_553:not(#\9) {
|
|
554
554
|
grid-column-end: 5;
|
|
555
555
|
}
|
|
556
556
|
}
|
|
557
557
|
@media (min-width: 689px) {
|
|
558
|
-
.
|
|
558
|
+
.awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545) {
|
|
559
559
|
/*
|
|
560
560
|
Notifications is the previous adjacent sibling to the Main in
|
|
561
561
|
desktop viewports if there are no Breadcrumbs or Header. Use additional
|
|
@@ -570,18 +570,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
570
570
|
sibling to the Main which requires no top padding.
|
|
571
571
|
*/
|
|
572
572
|
}
|
|
573
|
-
.
|
|
573
|
+
.awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-default_hyvsj_10sxp_573.awsui_has-notifications-content_hyvsj_10sxp_173:not(.awsui_has-breadcrumbs_hyvsj_10sxp_166):not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179), .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-form_hyvsj_10sxp_573.awsui_has-notifications-content_hyvsj_10sxp_173:not(.awsui_has-breadcrumbs_hyvsj_10sxp_166):not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179) {
|
|
574
574
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
575
575
|
}
|
|
576
|
-
.
|
|
576
|
+
.awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-default_hyvsj_10sxp_573:not(.awsui_has-notifications-content_hyvsj_10sxp_173):not(.awsui_has-breadcrumbs_hyvsj_10sxp_166):not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179), .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-form_hyvsj_10sxp_573:not(.awsui_has-notifications-content_hyvsj_10sxp_173):not(.awsui_has-breadcrumbs_hyvsj_10sxp_166):not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179) {
|
|
577
577
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
578
578
|
}
|
|
579
|
-
.
|
|
579
|
+
.awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_has-header_hyvsj_10sxp_179, .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_has-dynamic-overlap-height_hyvsj_10sxp_179 {
|
|
580
580
|
padding-top: 0;
|
|
581
581
|
}
|
|
582
582
|
}
|
|
583
583
|
@media (max-width: 688px) {
|
|
584
|
-
.
|
|
584
|
+
.awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545) {
|
|
585
585
|
/*
|
|
586
586
|
If the Notifications exist but the Header does not then the
|
|
587
587
|
Notifications is the previous adjacent sibling to the Main
|
|
@@ -596,23 +596,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
596
596
|
sibling to the Main which requires no top padding.
|
|
597
597
|
*/
|
|
598
598
|
}
|
|
599
|
-
.
|
|
599
|
+
.awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-default_hyvsj_10sxp_573.awsui_has-notifications-content_hyvsj_10sxp_173:not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179), .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-form_hyvsj_10sxp_573.awsui_has-notifications-content_hyvsj_10sxp_173:not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179) {
|
|
600
600
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
601
601
|
}
|
|
602
|
-
.
|
|
602
|
+
.awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-default_hyvsj_10sxp_573:not(.awsui_has-notifications-content_hyvsj_10sxp_173):not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179), .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_content-type-form_hyvsj_10sxp_573:not(.awsui_has-notifications-content_hyvsj_10sxp_173):not(.awsui_has-header_hyvsj_10sxp_179):not(.awsui_has-dynamic-overlap-height_hyvsj_10sxp_179) {
|
|
603
603
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
604
604
|
}
|
|
605
|
-
.
|
|
605
|
+
.awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_has-header_hyvsj_10sxp_179, .awsui_container_hyvsj_10sxp_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_10sxp_545).awsui_has-dynamic-overlap-height_hyvsj_10sxp_179 {
|
|
606
606
|
padding-top: 0;
|
|
607
607
|
}
|
|
608
608
|
}
|
|
609
|
-
.
|
|
609
|
+
.awsui_container_hyvsj_10sxp_519.awsui_content-type-cards_hyvsj_10sxp_183:not(#\9), .awsui_container_hyvsj_10sxp_519.awsui_content-type-table_hyvsj_10sxp_184:not(#\9), .awsui_container_hyvsj_10sxp_519.awsui_content-type-wizard_hyvsj_10sxp_180:not(#\9) {
|
|
610
610
|
padding-top: 0;
|
|
611
611
|
}
|
|
612
612
|
|
|
613
613
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
614
|
-
.
|
|
615
|
-
.
|
|
614
|
+
.awsui_unfocusable_hyvsj_10sxp_614:not(#\9),
|
|
615
|
+
.awsui_unfocusable_hyvsj_10sxp_614 *:not(#\9) {
|
|
616
616
|
visibility: hidden !important;
|
|
617
617
|
}
|
|
618
618
|
|
|
@@ -621,7 +621,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
621
621
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
622
622
|
SPDX-License-Identifier: Apache-2.0
|
|
623
623
|
*/
|
|
624
|
-
.awsui_navigation-
|
|
624
|
+
.awsui_navigation-container_hyvsj_10sxp_624:not(#\9) {
|
|
625
625
|
--awsui-navigation-width-lgrg0d: 280px;
|
|
626
626
|
display: flex;
|
|
627
627
|
grid-column: 1;
|
|
@@ -643,12 +643,12 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
643
643
|
pointer-events: none;
|
|
644
644
|
}
|
|
645
645
|
@media (min-width: 2541px) {
|
|
646
|
-
.awsui_navigation-
|
|
646
|
+
.awsui_navigation-container_hyvsj_10sxp_624:not(#\9) {
|
|
647
647
|
--awsui-navigation-width-lgrg0d: 320px;
|
|
648
648
|
}
|
|
649
649
|
}
|
|
650
650
|
@media (max-width: 688px) {
|
|
651
|
-
.awsui_navigation-
|
|
651
|
+
.awsui_navigation-container_hyvsj_10sxp_624:not(#\9) {
|
|
652
652
|
left: 0;
|
|
653
653
|
position: fixed;
|
|
654
654
|
top: var(--awsui-offset-top-lgrg0d);
|
|
@@ -656,14 +656,14 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
656
656
|
}
|
|
657
657
|
}
|
|
658
658
|
|
|
659
|
-
nav.awsui_show-
|
|
659
|
+
nav.awsui_show-navigation_hyvsj_10sxp_659:not(#\9) {
|
|
660
660
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
661
661
|
/*
|
|
662
662
|
Apply the animation only in desktop viewports because the AppBar will
|
|
663
663
|
take control in responsive viewports.
|
|
664
664
|
*/
|
|
665
665
|
}
|
|
666
|
-
@keyframes
|
|
666
|
+
@keyframes awsui_showButtons_hyvsj_10sxp_1 {
|
|
667
667
|
0% {
|
|
668
668
|
opacity: 0;
|
|
669
669
|
}
|
|
@@ -671,31 +671,31 @@ nav.awsui_show-navigation_hyvsj_spweg_659:not(#\9) {
|
|
|
671
671
|
opacity: 1;
|
|
672
672
|
}
|
|
673
673
|
}
|
|
674
|
-
nav.awsui_show-
|
|
674
|
+
nav.awsui_show-navigation_hyvsj_10sxp_659.awsui_is-navigation-open_hyvsj_10sxp_550:not(#\9) {
|
|
675
675
|
display: none;
|
|
676
676
|
}
|
|
677
677
|
@media (min-width: 689px) {
|
|
678
|
-
nav.awsui_show-
|
|
678
|
+
nav.awsui_show-navigation_hyvsj_10sxp_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_10sxp_550) {
|
|
679
679
|
display: block;
|
|
680
680
|
}
|
|
681
|
-
nav.awsui_show-
|
|
682
|
-
animation:
|
|
681
|
+
nav.awsui_show-navigation_hyvsj_10sxp_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_10sxp_550).awsui_animating_hyvsj_10sxp_681 {
|
|
682
|
+
animation: awsui_showButtons_hyvsj_10sxp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
683
683
|
}
|
|
684
684
|
}
|
|
685
685
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
686
|
-
nav.awsui_show-
|
|
686
|
+
nav.awsui_show-navigation_hyvsj_10sxp_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_10sxp_550).awsui_animating_hyvsj_10sxp_681 {
|
|
687
687
|
animation: none;
|
|
688
688
|
transition: none;
|
|
689
689
|
}
|
|
690
690
|
}
|
|
691
691
|
@media (min-width: 689px) {
|
|
692
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
692
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_10sxp_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_10sxp_550).awsui_animating_hyvsj_10sxp_681, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_10sxp_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_10sxp_550).awsui_animating_hyvsj_10sxp_681 {
|
|
693
693
|
animation: none;
|
|
694
694
|
transition: none;
|
|
695
695
|
}
|
|
696
696
|
}
|
|
697
697
|
|
|
698
|
-
nav.
|
|
698
|
+
nav.awsui_navigation_hyvsj_10sxp_624:not(#\9) {
|
|
699
699
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
700
700
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
701
701
|
bottom: 0;
|
|
@@ -712,7 +712,7 @@ nav.awsui_navigation_hyvsj_spweg_624:not(#\9) {
|
|
|
712
712
|
prevent unwanted text wrapping.
|
|
713
713
|
*/
|
|
714
714
|
}
|
|
715
|
-
@keyframes
|
|
715
|
+
@keyframes awsui_openNavigation_hyvsj_10sxp_1 {
|
|
716
716
|
from {
|
|
717
717
|
opacity: 0;
|
|
718
718
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -722,33 +722,33 @@ nav.awsui_navigation_hyvsj_spweg_624:not(#\9) {
|
|
|
722
722
|
width: var(--awsui-navigation-width-lgrg0d);
|
|
723
723
|
}
|
|
724
724
|
}
|
|
725
|
-
nav.
|
|
725
|
+
nav.awsui_navigation_hyvsj_10sxp_624:not(#\9):not(.awsui_is-navigation-open_hyvsj_10sxp_550) {
|
|
726
726
|
width: 0;
|
|
727
727
|
display: none;
|
|
728
728
|
}
|
|
729
|
-
nav.
|
|
730
|
-
animation:
|
|
729
|
+
nav.awsui_navigation_hyvsj_10sxp_624.awsui_is-navigation-open_hyvsj_10sxp_550.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
730
|
+
animation: awsui_openNavigation_hyvsj_10sxp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
731
731
|
}
|
|
732
732
|
@media (prefers-reduced-motion: reduce) {
|
|
733
|
-
nav.
|
|
733
|
+
nav.awsui_navigation_hyvsj_10sxp_624.awsui_is-navigation-open_hyvsj_10sxp_550.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
734
734
|
animation: none;
|
|
735
735
|
transition: none;
|
|
736
736
|
}
|
|
737
737
|
}
|
|
738
|
-
.awsui-motion-disabled nav.
|
|
738
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_10sxp_624.awsui_is-navigation-open_hyvsj_10sxp_550.awsui_animating_hyvsj_10sxp_681:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_10sxp_624.awsui_is-navigation-open_hyvsj_10sxp_550.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
739
739
|
animation: none;
|
|
740
740
|
transition: none;
|
|
741
741
|
}
|
|
742
|
-
nav.
|
|
742
|
+
nav.awsui_navigation_hyvsj_10sxp_624 > .awsui_animated-content_hyvsj_10sxp_742:not(#\9) {
|
|
743
743
|
width: var(--awsui-navigation-width-lgrg0d);
|
|
744
744
|
}
|
|
745
745
|
@media (max-width: 688px) {
|
|
746
|
-
nav.
|
|
746
|
+
nav.awsui_navigation_hyvsj_10sxp_624:not(#\9) {
|
|
747
747
|
--awsui-navigation-width-lgrg0d: 100vw;
|
|
748
748
|
}
|
|
749
749
|
}
|
|
750
750
|
|
|
751
|
-
.awsui_hide-
|
|
751
|
+
.awsui_hide-navigation_hyvsj_10sxp_751:not(#\9) {
|
|
752
752
|
position: absolute;
|
|
753
753
|
right: var(--space-m-17eucw, 16px);
|
|
754
754
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -758,7 +758,7 @@ nav.awsui_navigation_hyvsj_spweg_624 > .awsui_animated-content_hyvsj_spweg_742:n
|
|
|
758
758
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
759
759
|
SPDX-License-Identifier: Apache-2.0
|
|
760
760
|
*/
|
|
761
|
-
.
|
|
761
|
+
.awsui_notifications_hyvsj_10sxp_224:not(#\9) {
|
|
762
762
|
grid-column: 3;
|
|
763
763
|
grid-row: 1;
|
|
764
764
|
z-index: 850;
|
|
@@ -776,31 +776,31 @@ nav.awsui_navigation_hyvsj_spweg_624 > .awsui_animated-content_hyvsj_spweg_742:n
|
|
|
776
776
|
*/
|
|
777
777
|
}
|
|
778
778
|
@media (min-width: 689px) {
|
|
779
|
-
.
|
|
779
|
+
.awsui_notifications_hyvsj_10sxp_224:not(#\9) {
|
|
780
780
|
margin: var(--space-xs-rsr2qu, 8px) 0;
|
|
781
781
|
/*
|
|
782
782
|
var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
|
|
783
783
|
calculation in the layout CSS.
|
|
784
784
|
*/
|
|
785
785
|
}
|
|
786
|
-
.
|
|
786
|
+
.awsui_notifications_hyvsj_10sxp_224.awsui_sticky-notifications_hyvsj_10sxp_237:not(#\9) {
|
|
787
787
|
position: sticky;
|
|
788
788
|
top: calc(var(--awsui-offset-top-lgrg0d) + var(--space-xs-rsr2qu, 8px));
|
|
789
789
|
--awsui-flashbar-sticky-bottom-margin-lgrg0d: var(--space-xxl-2nvmf1, 32px);
|
|
790
790
|
}
|
|
791
|
-
.
|
|
791
|
+
.awsui_notifications_hyvsj_10sxp_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_10sxp_173) {
|
|
792
792
|
margin: 0;
|
|
793
793
|
}
|
|
794
794
|
}
|
|
795
795
|
@media (max-width: 688px) {
|
|
796
|
-
.
|
|
796
|
+
.awsui_notifications_hyvsj_10sxp_224:not(#\9) {
|
|
797
797
|
grid-row: 2;
|
|
798
798
|
margin: var(--space-scaled-s-cu1hzn, 12px) 0;
|
|
799
799
|
}
|
|
800
|
-
.
|
|
800
|
+
.awsui_notifications_hyvsj_10sxp_224.awsui_sticky-notifications_hyvsj_10sxp_237:not(#\9) {
|
|
801
801
|
position: static;
|
|
802
802
|
}
|
|
803
|
-
.
|
|
803
|
+
.awsui_notifications_hyvsj_10sxp_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_10sxp_173) {
|
|
804
804
|
margin: 0;
|
|
805
805
|
}
|
|
806
806
|
}
|
|
@@ -815,7 +815,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
815
815
|
consume the remaining vertical space in the grid after the notifications
|
|
816
816
|
and breadcrumbs.
|
|
817
817
|
*/
|
|
818
|
-
section.awsui_split-panel-
|
|
818
|
+
section.awsui_split-panel-bottom_hyvsj_10sxp_818:not(#\9) {
|
|
819
819
|
/*
|
|
820
820
|
The align self property will position the split panel at the bottom of the grid row.
|
|
821
821
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -850,7 +850,7 @@ section.awsui_split-panel-bottom_hyvsj_spweg_818:not(#\9) {
|
|
|
850
850
|
apply the animation to the height property.
|
|
851
851
|
*/
|
|
852
852
|
}
|
|
853
|
-
@keyframes
|
|
853
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_10sxp_1 {
|
|
854
854
|
from {
|
|
855
855
|
height: var(--awsui-split-panel-reported-header-size-lgrg0d, 0);
|
|
856
856
|
}
|
|
@@ -858,39 +858,39 @@ section.awsui_split-panel-bottom_hyvsj_spweg_818:not(#\9) {
|
|
|
858
858
|
height: var(--awsui-split-panel-reported-size-lgrg0d);
|
|
859
859
|
}
|
|
860
860
|
}
|
|
861
|
-
section.awsui_split-panel-
|
|
861
|
+
section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_disable-body-scroll_hyvsj_10sxp_463:not(#\9) {
|
|
862
862
|
bottom: 0;
|
|
863
863
|
}
|
|
864
|
-
section.awsui_split-panel-
|
|
864
|
+
section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_is-navigation-open_hyvsj_10sxp_550.awsui_position-bottom_hyvsj_10sxp_864:not(#\9) {
|
|
865
865
|
grid-column-start: 2;
|
|
866
866
|
}
|
|
867
|
-
section.awsui_split-panel-
|
|
867
|
+
section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_is-tools-open_hyvsj_10sxp_553.awsui_position-bottom_hyvsj_10sxp_864:not(#\9) {
|
|
868
868
|
grid-column-end: 5;
|
|
869
869
|
}
|
|
870
|
-
section.awsui_split-panel-
|
|
870
|
+
section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_position-bottom_hyvsj_10sxp_864:not(#\9) {
|
|
871
871
|
display: block;
|
|
872
872
|
}
|
|
873
|
-
section.awsui_split-panel-
|
|
873
|
+
section.awsui_split-panel-bottom_hyvsj_10sxp_818:not(#\9):not(.awsui_is-split-panel-open_hyvsj_10sxp_553).awsui_position-bottom_hyvsj_10sxp_864 {
|
|
874
874
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
875
875
|
}
|
|
876
|
-
section.awsui_split-panel-
|
|
876
|
+
section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-bottom_hyvsj_10sxp_864:not(#\9) {
|
|
877
877
|
box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
878
878
|
}
|
|
879
|
-
section.awsui_split-panel-
|
|
880
|
-
animation:
|
|
879
|
+
section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-bottom_hyvsj_10sxp_864.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
880
|
+
animation: awsui_openSplitPanelBottom_hyvsj_10sxp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
881
881
|
}
|
|
882
882
|
@media (prefers-reduced-motion: reduce) {
|
|
883
|
-
section.awsui_split-panel-
|
|
883
|
+
section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-bottom_hyvsj_10sxp_864.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
884
884
|
animation: none;
|
|
885
885
|
transition: none;
|
|
886
886
|
}
|
|
887
887
|
}
|
|
888
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
888
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-bottom_hyvsj_10sxp_864.awsui_animating_hyvsj_10sxp_681:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_10sxp_818.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-bottom_hyvsj_10sxp_864.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
889
889
|
animation: none;
|
|
890
890
|
transition: none;
|
|
891
891
|
}
|
|
892
892
|
|
|
893
|
-
section.awsui_split-panel-
|
|
893
|
+
section.awsui_split-panel-side_hyvsj_10sxp_893:not(#\9) {
|
|
894
894
|
height: 100%;
|
|
895
895
|
overflow-x: hidden;
|
|
896
896
|
pointer-events: auto;
|
|
@@ -905,7 +905,7 @@ section.awsui_split-panel-side_hyvsj_spweg_893:not(#\9) {
|
|
|
905
905
|
prevent unwanted text wrapping.
|
|
906
906
|
*/
|
|
907
907
|
}
|
|
908
|
-
@keyframes
|
|
908
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_10sxp_1 {
|
|
909
909
|
from {
|
|
910
910
|
opacity: 0;
|
|
911
911
|
width: var(--awsui-split-panel-min-width-lgrg0d, 280px);
|
|
@@ -915,28 +915,28 @@ section.awsui_split-panel-side_hyvsj_spweg_893:not(#\9) {
|
|
|
915
915
|
width: var(--awsui-split-panel-reported-size-lgrg0d);
|
|
916
916
|
}
|
|
917
917
|
}
|
|
918
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-side_hyvsj_10sxp_893:not(#\9):not(.awsui_is-split-panel-open_hyvsj_10sxp_553), section.awsui_split-panel-side_hyvsj_10sxp_893.awsui_position-bottom_hyvsj_10sxp_864:not(#\9) {
|
|
919
919
|
width: 0;
|
|
920
920
|
}
|
|
921
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-side_hyvsj_10sxp_893.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-side_hyvsj_10sxp_921:not(#\9) {
|
|
922
922
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
923
923
|
max-width: var(--awsui-split-panel-max-width-lgrg0d, 280px);
|
|
924
924
|
min-width: var(--awsui-split-panel-min-width-lgrg0d, 280px);
|
|
925
925
|
}
|
|
926
|
-
section.awsui_split-panel-
|
|
927
|
-
animation:
|
|
926
|
+
section.awsui_split-panel-side_hyvsj_10sxp_893.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-side_hyvsj_10sxp_921.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
927
|
+
animation: awsui_openSplitPanelSide_hyvsj_10sxp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
928
928
|
}
|
|
929
929
|
@media (prefers-reduced-motion: reduce) {
|
|
930
|
-
section.awsui_split-panel-
|
|
930
|
+
section.awsui_split-panel-side_hyvsj_10sxp_893.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-side_hyvsj_10sxp_921.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
931
931
|
animation: none;
|
|
932
932
|
transition: none;
|
|
933
933
|
}
|
|
934
934
|
}
|
|
935
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
935
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_10sxp_893.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-side_hyvsj_10sxp_921.awsui_animating_hyvsj_10sxp_681:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_10sxp_893.awsui_is-split-panel-open_hyvsj_10sxp_553.awsui_position-side_hyvsj_10sxp_921.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
936
936
|
animation: none;
|
|
937
937
|
transition: none;
|
|
938
938
|
}
|
|
939
|
-
section.awsui_split-panel-
|
|
939
|
+
section.awsui_split-panel-side_hyvsj_10sxp_893 > .awsui_animated-content_hyvsj_10sxp_742:not(#\9) {
|
|
940
940
|
height: 100%;
|
|
941
941
|
max-width: inherit;
|
|
942
942
|
width: var(--awsui-split-panel-reported-size-lgrg0d);
|
|
@@ -955,7 +955,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
955
955
|
property. The content gap right is computed in the Layout styles based on the
|
|
956
956
|
viewport size and state of the Tools drawer.
|
|
957
957
|
*/
|
|
958
|
-
.awsui_tools-
|
|
958
|
+
.awsui_tools-container_hyvsj_10sxp_958:not(#\9) {
|
|
959
959
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
960
960
|
--awsui-tools-max-width-lgrg0d: calc(var(--awsui-layout-width-lgrg0d) - var(--awsui-main-offset-left-lgrg0d) - var(--awsui-default-min-content-width-lgrg0d) - var(--awsui-content-gap-right-lgrg0d));
|
|
961
961
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -971,12 +971,12 @@ viewport size and state of the Tools drawer.
|
|
|
971
971
|
pointer-events: none;
|
|
972
972
|
}
|
|
973
973
|
@media (min-width: 2541px) {
|
|
974
|
-
.awsui_tools-
|
|
974
|
+
.awsui_tools-container_hyvsj_10sxp_958:not(#\9) {
|
|
975
975
|
--awsui-tools-width-lgrg0d: 360px;
|
|
976
976
|
}
|
|
977
977
|
}
|
|
978
978
|
@media (max-width: 688px) {
|
|
979
|
-
.awsui_tools-
|
|
979
|
+
.awsui_tools-container_hyvsj_10sxp_958:not(#\9) {
|
|
980
980
|
--awsui-tools-max-width-lgrg0d: none;
|
|
981
981
|
--awsui-tools-width-lgrg0d: auto;
|
|
982
982
|
position: fixed;
|
|
@@ -986,7 +986,7 @@ viewport size and state of the Tools drawer.
|
|
|
986
986
|
}
|
|
987
987
|
}
|
|
988
988
|
|
|
989
|
-
.
|
|
989
|
+
.awsui_tools_hyvsj_10sxp_958:not(#\9) {
|
|
990
990
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
991
991
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
992
992
|
flex-shrink: 0;
|
|
@@ -1009,7 +1009,7 @@ viewport size and state of the Tools drawer.
|
|
|
1009
1009
|
in the side position.
|
|
1010
1010
|
*/
|
|
1011
1011
|
}
|
|
1012
|
-
@keyframes
|
|
1012
|
+
@keyframes awsui_openTools_hyvsj_10sxp_1 {
|
|
1013
1013
|
from {
|
|
1014
1014
|
opacity: var(--awsui-tools-animation-starting-opacity-lgrg0d, 0);
|
|
1015
1015
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -1019,38 +1019,38 @@ viewport size and state of the Tools drawer.
|
|
|
1019
1019
|
width: var(--awsui-tools-width-lgrg0d);
|
|
1020
1020
|
}
|
|
1021
1021
|
}
|
|
1022
|
-
.
|
|
1022
|
+
.awsui_tools_hyvsj_10sxp_958:not(#\9):not(.awsui_is-tools-open_hyvsj_10sxp_553) {
|
|
1023
1023
|
width: 0;
|
|
1024
1024
|
display: none;
|
|
1025
1025
|
}
|
|
1026
|
-
.
|
|
1027
|
-
animation:
|
|
1026
|
+
.awsui_tools_hyvsj_10sxp_958.awsui_is-tools-open_hyvsj_10sxp_553.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
1027
|
+
animation: awsui_openTools_hyvsj_10sxp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1028
1028
|
}
|
|
1029
1029
|
@media (prefers-reduced-motion: reduce) {
|
|
1030
|
-
.
|
|
1030
|
+
.awsui_tools_hyvsj_10sxp_958.awsui_is-tools-open_hyvsj_10sxp_553.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
1031
1031
|
animation: none;
|
|
1032
1032
|
transition: none;
|
|
1033
1033
|
}
|
|
1034
1034
|
}
|
|
1035
|
-
.awsui-motion-disabled .
|
|
1035
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_10sxp_958.awsui_is-tools-open_hyvsj_10sxp_553.awsui_animating_hyvsj_10sxp_681:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_10sxp_958.awsui_is-tools-open_hyvsj_10sxp_553.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
1036
1036
|
animation: none;
|
|
1037
1037
|
transition: none;
|
|
1038
1038
|
}
|
|
1039
|
-
.
|
|
1039
|
+
.awsui_tools_hyvsj_10sxp_958 > .awsui_animated-content_hyvsj_10sxp_742:not(#\9) {
|
|
1040
1040
|
width: var(--awsui-tools-width-lgrg0d);
|
|
1041
1041
|
}
|
|
1042
1042
|
@media (min-width: 689px) {
|
|
1043
|
-
.
|
|
1043
|
+
.awsui_tools_hyvsj_10sxp_958.awsui_is-tools-open_hyvsj_10sxp_553.awsui_has-tools-form-persistence_hyvsj_10sxp_1043:not(#\9) {
|
|
1044
1044
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
1045
1045
|
}
|
|
1046
1046
|
}
|
|
1047
1047
|
@media (max-width: 688px) {
|
|
1048
|
-
.
|
|
1048
|
+
.awsui_tools_hyvsj_10sxp_958:not(#\9) {
|
|
1049
1049
|
--awsui-tools-width-lgrg0d: 100vw;
|
|
1050
1050
|
}
|
|
1051
1051
|
}
|
|
1052
1052
|
|
|
1053
|
-
.awsui_hide-
|
|
1053
|
+
.awsui_hide-tools_hyvsj_10sxp_1053:not(#\9) {
|
|
1054
1054
|
position: absolute;
|
|
1055
1055
|
right: var(--space-m-17eucw, 16px);
|
|
1056
1056
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -1062,7 +1062,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1062
1062
|
the calculation used to determine the Split Panel maximum width in the
|
|
1063
1063
|
handleSplitPanelMaxWidth function in the context.
|
|
1064
1064
|
*/
|
|
1065
|
-
.awsui_show-
|
|
1065
|
+
.awsui_show-tools_hyvsj_10sxp_1065:not(#\9) {
|
|
1066
1066
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1067
1067
|
border-collapse: separate;
|
|
1068
1068
|
border-spacing: 0;
|
|
@@ -1106,7 +1106,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1106
1106
|
take control in responsive viewports.
|
|
1107
1107
|
*/
|
|
1108
1108
|
}
|
|
1109
|
-
@keyframes
|
|
1109
|
+
@keyframes awsui_showButtons_hyvsj_10sxp_1 {
|
|
1110
1110
|
0% {
|
|
1111
1111
|
opacity: 0;
|
|
1112
1112
|
}
|
|
@@ -1114,33 +1114,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1114
1114
|
opacity: 1;
|
|
1115
1115
|
}
|
|
1116
1116
|
}
|
|
1117
|
-
.awsui_show-
|
|
1117
|
+
.awsui_show-tools_hyvsj_10sxp_1065:not(#\9):not(.awsui_has-tools-form_hyvsj_10sxp_1043) {
|
|
1118
1118
|
display: none;
|
|
1119
1119
|
}
|
|
1120
1120
|
@media (min-width: 689px) {
|
|
1121
|
-
.awsui_show-
|
|
1121
|
+
.awsui_show-tools_hyvsj_10sxp_1065.awsui_has-tools-form_hyvsj_10sxp_1043:not(#\9) {
|
|
1122
1122
|
display: flex;
|
|
1123
1123
|
flex-direction: column;
|
|
1124
1124
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
1125
1125
|
}
|
|
1126
|
-
.awsui_show-
|
|
1127
|
-
animation:
|
|
1126
|
+
.awsui_show-tools_hyvsj_10sxp_1065.awsui_has-tools-form_hyvsj_10sxp_1043.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
1127
|
+
animation: awsui_showButtons_hyvsj_10sxp_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1128
1128
|
}
|
|
1129
1129
|
}
|
|
1130
1130
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1131
|
-
.awsui_show-
|
|
1131
|
+
.awsui_show-tools_hyvsj_10sxp_1065.awsui_has-tools-form_hyvsj_10sxp_1043.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
1132
1132
|
animation: none;
|
|
1133
1133
|
transition: none;
|
|
1134
1134
|
}
|
|
1135
1135
|
}
|
|
1136
1136
|
@media (min-width: 689px) {
|
|
1137
|
-
.awsui-motion-disabled .awsui_show-
|
|
1137
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_10sxp_1065.awsui_has-tools-form_hyvsj_10sxp_1043.awsui_animating_hyvsj_10sxp_681:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_10sxp_1065.awsui_has-tools-form_hyvsj_10sxp_1043.awsui_animating_hyvsj_10sxp_681:not(#\9) {
|
|
1138
1138
|
animation: none;
|
|
1139
1139
|
transition: none;
|
|
1140
1140
|
}
|
|
1141
1141
|
}
|
|
1142
1142
|
@media (min-width: 689px) {
|
|
1143
|
-
.awsui_show-
|
|
1143
|
+
.awsui_show-tools_hyvsj_10sxp_1065.awsui_has-tools-form-persistence_hyvsj_10sxp_1043:not(#\9) {
|
|
1144
1144
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1145
1145
|
z-index: 1;
|
|
1146
1146
|
}
|
|
@@ -1155,7 +1155,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1155
1155
|
the calculation used to determine the Split Panel maximum width in the
|
|
1156
1156
|
handleSplitPanelMaxWidth function in the context.
|
|
1157
1157
|
*/
|
|
1158
|
-
.
|
|
1158
|
+
.awsui_trigger_hyvsj_10sxp_1132:not(#\9) {
|
|
1159
1159
|
background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
|
|
1160
1160
|
border: none;
|
|
1161
1161
|
border-radius: 50%;
|
|
@@ -1167,14 +1167,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1167
1167
|
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1168
1168
|
pointer-events: auto;
|
|
1169
1169
|
}
|
|
1170
|
-
|
|
1170
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_10sxp_1132:not(#\9):focus {
|
|
1171
1171
|
position: relative;
|
|
1172
1172
|
}
|
|
1173
|
-
|
|
1173
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_10sxp_1132:not(#\9):focus {
|
|
1174
1174
|
outline: 2px dotted transparent;
|
|
1175
1175
|
outline-offset: calc(3px - 1px);
|
|
1176
1176
|
}
|
|
1177
|
-
|
|
1177
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_10sxp_1132:not(#\9):focus::before {
|
|
1178
1178
|
content: " ";
|
|
1179
1179
|
display: block;
|
|
1180
1180
|
position: absolute;
|
|
@@ -1185,23 +1185,23 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1185
1185
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
1186
1186
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
1187
1187
|
}
|
|
1188
|
-
.
|
|
1188
|
+
.awsui_trigger_hyvsj_10sxp_1132:not(#\9):focus {
|
|
1189
1189
|
outline: none;
|
|
1190
1190
|
}
|
|
1191
|
-
.
|
|
1191
|
+
.awsui_trigger_hyvsj_10sxp_1132:not(#\9):hover {
|
|
1192
1192
|
background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
1193
1193
|
}
|
|
1194
|
-
.
|
|
1194
|
+
.awsui_trigger_hyvsj_10sxp_1132:not(#\9):active {
|
|
1195
1195
|
background: var(--color-background-layout-toggle-active-d15dki, #354150);
|
|
1196
1196
|
}
|
|
1197
|
-
.
|
|
1197
|
+
.awsui_trigger_hyvsj_10sxp_1132.awsui_selected_hyvsj_10sxp_1171:not(#\9) {
|
|
1198
1198
|
background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
|
|
1199
1199
|
color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
|
|
1200
1200
|
}
|
|
1201
|
-
.
|
|
1201
|
+
.awsui_trigger_hyvsj_10sxp_1132.awsui_selected_hyvsj_10sxp_1171:not(#\9):hover {
|
|
1202
1202
|
background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
|
|
1203
1203
|
}
|
|
1204
|
-
.
|
|
1204
|
+
.awsui_trigger_hyvsj_10sxp_1132.awsui_selected_hyvsj_10sxp_1171:not(#\9):active {
|
|
1205
1205
|
background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
|
|
1206
1206
|
}
|
|
1207
1207
|
|