@cloudscape-design/components 3.0.839 → 3.0.840
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/styles.css.js +28 -28
- package/alert/styles.scoped.css +43 -49
- package/alert/styles.selectors.js +28 -28
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +18 -21
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -33
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/classic.d.ts.map +1 -1
- package/app-layout/classic.js +3 -4
- package/app-layout/classic.js.map +1 -1
- package/app-layout/split-panel/constants.d.ts +0 -1
- package/app-layout/split-panel/constants.d.ts.map +1 -1
- package/app-layout/split-panel/constants.js +0 -1
- package/app-layout/split-panel/constants.js.map +1 -1
- package/app-layout/utils/use-pointer-events.d.ts.map +1 -1
- package/app-layout/utils/use-pointer-events.js +19 -10
- package/app-layout/utils/use-pointer-events.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +8 -2
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +86 -86
- package/app-layout/visual-refresh/styles.scoped.css +163 -169
- package/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/compute-layout.js +2 -3
- package/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +19 -19
- package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +35 -50
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +19 -19
- package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -13
- package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +15 -18
- package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -13
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +24 -27
- package/attribute-editor/styles.selectors.js +14 -14
- package/badge/styles.css.js +10 -10
- package/badge/styles.scoped.css +10 -13
- package/badge/styles.selectors.js +10 -10
- package/breadcrumb-group/styles.css.js +10 -10
- package/breadcrumb-group/styles.scoped.css +11 -14
- package/breadcrumb-group/styles.selectors.js +10 -10
- package/button/styles.css.js +21 -21
- package/button/styles.scoped.css +154 -157
- package/button/styles.selectors.js +21 -21
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +5 -8
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-group/styles.css.js +4 -4
- package/button-group/styles.scoped.css +4 -7
- package/button-group/styles.selectors.js +4 -4
- package/calendar/styles.css.js +21 -21
- package/calendar/styles.scoped.css +43 -46
- package/calendar/styles.selectors.js +21 -21
- package/cards/styles.css.js +39 -39
- package/cards/styles.scoped.css +50 -53
- package/cards/styles.selectors.js +39 -39
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +5 -8
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +33 -33
- package/code-editor/styles.scoped.css +135 -138
- package/code-editor/styles.selectors.js +33 -33
- package/collection-preferences/content-display/styles.css.js +13 -13
- package/collection-preferences/content-display/styles.scoped.css +19 -22
- package/collection-preferences/content-display/styles.selectors.js +13 -13
- package/collection-preferences/styles.css.js +39 -39
- package/collection-preferences/styles.scoped.css +46 -49
- package/collection-preferences/styles.selectors.js +39 -39
- package/column-layout/flexible-column-layout/styles.css.js +5 -5
- package/column-layout/flexible-column-layout/styles.scoped.css +22 -7
- package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +43 -46
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +31 -31
- package/container/styles.scoped.css +54 -57
- package/container/styles.selectors.js +31 -31
- package/copy-to-clipboard/internal.js +2 -2
- package/copy-to-clipboard/internal.js.map +1 -1
- package/copy-to-clipboard/styles.css.js +3 -4
- package/copy-to-clipboard/styles.scoped.css +3 -7
- package/copy-to-clipboard/styles.selectors.js +3 -4
- package/date-picker/index.js +1 -1
- package/date-picker/index.js.map +1 -1
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +9 -12
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/dropdown.d.ts.map +1 -1
- package/date-range-picker/dropdown.js +1 -1
- 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 +47 -50
- package/date-range-picker/styles.selectors.js +38 -38
- package/drawer/styles.css.js +5 -5
- package/drawer/styles.scoped.css +10 -13
- package/drawer/styles.selectors.js +5 -5
- package/expandable-section/styles.css.js +34 -34
- package/expandable-section/styles.scoped.css +65 -68
- package/expandable-section/styles.selectors.js +34 -34
- package/file-token-group/styles.css.js +22 -22
- package/file-token-group/styles.scoped.css +29 -32
- package/file-token-group/styles.selectors.js +22 -22
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +148 -151
- package/flashbar/styles.selectors.js +50 -50
- package/form/styles.css.js +8 -8
- package/form/styles.scoped.css +8 -11
- package/form/styles.selectors.js +8 -8
- package/form-field/styles.css.js +24 -24
- package/form-field/styles.scoped.css +38 -41
- package/form-field/styles.selectors.js +24 -24
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +54 -57
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +34 -34
- package/header/styles.scoped.css +50 -53
- package/header/styles.selectors.js +34 -34
- package/help-panel/styles.css.js +6 -6
- package/help-panel/styles.scoped.css +67 -70
- package/help-panel/styles.selectors.js +6 -6
- package/input/styles.css.js +13 -13
- package/input/styles.scoped.css +32 -35
- package/input/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +13 -13
- package/internal/components/button-trigger/styles.scoped.css +27 -30
- package/internal/components/button-trigger/styles.selectors.js +13 -13
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +3 -6
- package/internal/components/chart-filter/styles.selectors.js +3 -3
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +15 -18
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +3 -6
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +20 -20
- package/internal/components/chart-series-details/styles.scoped.css +33 -42
- package/internal/components/chart-series-details/styles.selectors.js +20 -20
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +7 -10
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-wrapper/styles.css.js +9 -9
- package/internal/components/chart-wrapper/styles.scoped.css +9 -12
- package/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +37 -40
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +3 -6
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +2 -5
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +13 -16
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/styles.css.js +17 -17
- package/internal/components/option/styles.scoped.css +29 -32
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/options-list/styles.css.js +3 -3
- package/internal/components/options-list/styles.scoped.css +3 -6
- package/internal/components/options-list/styles.selectors.js +3 -3
- package/internal/components/token-list/styles.css.js +10 -10
- package/internal/components/token-list/styles.scoped.css +22 -25
- package/internal/components/token-list/styles.selectors.js +10 -10
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/events/index.d.ts +1 -0
- package/internal/events/index.d.ts.map +1 -1
- package/internal/events/index.js +1 -0
- package/internal/events/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/key-value-pairs/styles.css.js +8 -8
- package/key-value-pairs/styles.scoped.css +9 -15
- package/key-value-pairs/styles.selectors.js +8 -8
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +71 -74
- package/link/styles.selectors.js +20 -20
- package/modal/internal.js +1 -1
- package/modal/internal.js.map +1 -1
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +38 -44
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +3 -3
- package/multiselect/styles.scoped.css +3 -9
- package/multiselect/styles.selectors.js +3 -3
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +23 -26
- package/pagination/styles.selectors.js +9 -9
- package/popover/body.d.ts.map +1 -1
- package/popover/body.js +0 -1
- package/popover/body.js.map +1 -1
- package/popover/internal.d.ts +1 -0
- package/popover/internal.d.ts.map +1 -1
- package/popover/internal.js +2 -2
- package/popover/internal.js.map +1 -1
- package/popover/styles.css.js +53 -52
- package/popover/styles.scoped.css +71 -77
- package/popover/styles.selectors.js +53 -52
- package/progress-bar/styles.css.js +19 -19
- package/progress-bar/styles.scoped.css +30 -33
- package/progress-bar/styles.selectors.js +19 -19
- package/prompt-input/styles.css.js +14 -14
- package/prompt-input/styles.scoped.css +39 -51
- package/prompt-input/styles.selectors.js +14 -14
- package/property-filter/filtering-token/styles.css.js +18 -18
- package/property-filter/filtering-token/styles.scoped.css +41 -44
- package/property-filter/filtering-token/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +39 -39
- package/property-filter/styles.scoped.css +41 -47
- package/property-filter/styles.selectors.js +39 -39
- package/radio-group/styles.css.js +10 -10
- package/radio-group/styles.scoped.css +16 -19
- package/radio-group/styles.selectors.js +10 -10
- package/segmented-control/styles.css.js +15 -15
- package/segmented-control/styles.scoped.css +34 -37
- package/segmented-control/styles.selectors.js +15 -15
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +1 -4
- package/select/styles.selectors.js +1 -1
- package/side-navigation/styles.css.js +30 -30
- package/side-navigation/styles.scoped.css +46 -49
- package/side-navigation/styles.selectors.js +30 -30
- package/slider/styles.css.js +26 -26
- package/slider/styles.scoped.css +76 -79
- package/slider/styles.selectors.js +26 -26
- package/split-panel/styles.css.js +26 -26
- package/split-panel/styles.scoped.css +44 -47
- package/split-panel/styles.selectors.js +26 -26
- package/steps/styles.css.js +6 -6
- package/steps/styles.scoped.css +7 -10
- package/steps/styles.selectors.js +6 -6
- package/table/expandable-rows/styles.css.js +3 -3
- package/table/expandable-rows/styles.scoped.css +13 -16
- package/table/expandable-rows/styles.selectors.js +3 -3
- package/table/resizer/styles.css.js +8 -8
- package/table/resizer/styles.scoped.css +15 -18
- package/table/resizer/styles.selectors.js +8 -8
- package/table/sticky-scrollbar/sticky-scrollbar.d.ts.map +1 -1
- package/table/sticky-scrollbar/sticky-scrollbar.js +6 -2
- package/table/sticky-scrollbar/sticky-scrollbar.js.map +1 -1
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +10 -7
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/tabs/styles.css.js +28 -28
- package/tabs/styles.scoped.css +49 -52
- package/tabs/styles.selectors.js +28 -28
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +60 -63
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +3 -6
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +5 -5
- package/textarea/styles.scoped.css +14 -17
- package/textarea/styles.selectors.js +5 -5
- package/tiles/styles.css.js +30 -30
- package/tiles/styles.scoped.css +71 -77
- package/tiles/styles.selectors.js +30 -30
- package/toggle/styles.css.js +10 -10
- package/toggle/styles.scoped.css +17 -20
- package/toggle/styles.selectors.js +10 -10
- package/token-group/styles.css.js +8 -8
- package/token-group/styles.scoped.css +16 -19
- package/token-group/styles.selectors.js +8 -8
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +42 -45
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +66 -75
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +21 -24
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +27 -36
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/tutorial-panel/styles.css.js +1 -1
- package/tutorial-panel/styles.scoped.css +1 -4
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +30 -30
- package/wizard/styles.scoped.css +58 -61
- package/wizard/styles.selectors.js +30 -30
- package/app-layout/split-panel/split-panel-utils.d.ts +0 -12
- package/app-layout/split-panel/split-panel-utils.d.ts.map +0 -1
- package/app-layout/split-panel/split-panel-utils.js +0 -28
- package/app-layout/split-panel/split-panel-utils.js.map +0 -1
|
@@ -142,10 +142,10 @@
|
|
|
142
142
|
*/
|
|
143
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
div.
|
|
145
|
+
div.awsui_background_hyvsj_uh0or_145:not(#\9) {
|
|
146
146
|
display: contents;
|
|
147
147
|
}
|
|
148
|
-
div.
|
|
148
|
+
div.awsui_background_hyvsj_uh0or_145 > .awsui_scrolling-background_hyvsj_uh0or_148:not(#\9) {
|
|
149
149
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
150
150
|
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
151
151
|
grid-column: 1/span 5;
|
|
@@ -156,7 +156,7 @@ div.awsui_background_hyvsj_17ek5_145 > .awsui_scrolling-background_hyvsj_17ek5_1
|
|
|
156
156
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
157
157
|
SPDX-License-Identifier: Apache-2.0
|
|
158
158
|
*/
|
|
159
|
-
.
|
|
159
|
+
.awsui_breadcrumbs_hyvsj_uh0or_159:not(#\9) {
|
|
160
160
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
161
161
|
grid-area: breadcrumbs;
|
|
162
162
|
}
|
|
@@ -169,7 +169,7 @@ div.awsui_background_hyvsj_17ek5_145 > .awsui_scrolling-background_hyvsj_17ek5_1
|
|
|
169
169
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
170
170
|
SPDX-License-Identifier: Apache-2.0
|
|
171
171
|
*/
|
|
172
|
-
.awsui_drawers-
|
|
172
|
+
.awsui_drawers-container_hyvsj_uh0or_172:not(#\9) {
|
|
173
173
|
background-color: transparent;
|
|
174
174
|
display: flex;
|
|
175
175
|
grid-column: 5;
|
|
@@ -180,16 +180,16 @@ div.awsui_background_hyvsj_17ek5_145 > .awsui_scrolling-background_hyvsj_17ek5_1
|
|
|
180
180
|
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
181
181
|
z-index: 830;
|
|
182
182
|
}
|
|
183
|
-
.awsui_drawers-
|
|
183
|
+
.awsui_drawers-container_hyvsj_uh0or_172.awsui_has-open-drawer_hyvsj_uh0or_183:not(#\9) {
|
|
184
184
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
185
185
|
}
|
|
186
186
|
@media (min-width: 689px) {
|
|
187
|
-
.awsui_drawers-
|
|
187
|
+
.awsui_drawers-container_hyvsj_uh0or_172:not(#\9) {
|
|
188
188
|
max-inline-size: calc(var(--awsui-layout-width-g964ok) - var(--awsui-main-offset-left-g964ok) - var(--awsui-default-min-content-width-g964ok) - var(--awsui-content-gap-right-g964ok));
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
191
|
@media (max-width: 688px) {
|
|
192
|
-
.awsui_drawers-
|
|
192
|
+
.awsui_drawers-container_hyvsj_uh0or_172:not(#\9) {
|
|
193
193
|
position: fixed;
|
|
194
194
|
inset-inline-end: 0;
|
|
195
195
|
z-index: 1001;
|
|
@@ -201,12 +201,12 @@ div.awsui_background_hyvsj_17ek5_145 > .awsui_scrolling-background_hyvsj_17ek5_1
|
|
|
201
201
|
relative to the body.
|
|
202
202
|
*/
|
|
203
203
|
}
|
|
204
|
-
.awsui_drawers-
|
|
204
|
+
.awsui_drawers-container_hyvsj_uh0or_172.awsui_disable-body-scroll_hyvsj_uh0or_204:not(#\9) {
|
|
205
205
|
inset-block-start: var(--awsui-header-height-g964ok);
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
208
|
|
|
209
|
-
.awsui_drawers-desktop-triggers-
|
|
209
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_uh0or_209:not(#\9) {
|
|
210
210
|
border-collapse: separate;
|
|
211
211
|
border-spacing: 0;
|
|
212
212
|
box-sizing: border-box;
|
|
@@ -215,12 +215,9 @@ div.awsui_background_hyvsj_17ek5_145 > .awsui_scrolling-background_hyvsj_17ek5_1
|
|
|
215
215
|
direction: inherit;
|
|
216
216
|
empty-cells: show;
|
|
217
217
|
font-family: serif;
|
|
218
|
-
font-size: medium;
|
|
219
218
|
font-style: normal;
|
|
220
219
|
font-variant: normal;
|
|
221
|
-
font-weight: 400;
|
|
222
220
|
font-stretch: normal;
|
|
223
|
-
line-height: normal;
|
|
224
221
|
-webkit-hyphens: none;
|
|
225
222
|
hyphens: none;
|
|
226
223
|
letter-spacing: normal;
|
|
@@ -248,22 +245,22 @@ div.awsui_background_hyvsj_17ek5_145 > .awsui_scrolling-background_hyvsj_17ek5_1
|
|
|
248
245
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
249
246
|
overscroll-behavior-y: contain;
|
|
250
247
|
}
|
|
251
|
-
.awsui_drawers-desktop-triggers-
|
|
248
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_uh0or_209:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_uh0or_247).awsui_has-open-drawer_hyvsj_uh0or_183 {
|
|
252
249
|
inline-size: 0;
|
|
253
250
|
}
|
|
254
|
-
.awsui_drawers-desktop-triggers-
|
|
251
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_uh0or_209.awsui_has-multiple-triggers_hyvsj_uh0or_247.awsui_has-open-drawer_hyvsj_uh0or_183:not(#\9) {
|
|
255
252
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
256
253
|
}
|
|
257
|
-
.awsui_drawers-desktop-triggers-
|
|
254
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_uh0or_209:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_uh0or_247):not(.awsui_has-open-drawer_hyvsj_uh0or_183) {
|
|
258
255
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
259
256
|
}
|
|
260
257
|
|
|
261
|
-
.awsui_drawers-mobile-triggers-
|
|
258
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_uh0or_257:not(#\9) {
|
|
262
259
|
display: flex;
|
|
263
260
|
justify-content: flex-end;
|
|
264
261
|
}
|
|
265
262
|
|
|
266
|
-
.awsui_drawers-trigger-
|
|
263
|
+
.awsui_drawers-trigger-content_hyvsj_uh0or_262:not(#\9) {
|
|
267
264
|
align-items: center;
|
|
268
265
|
display: flex;
|
|
269
266
|
flex-direction: column;
|
|
@@ -271,13 +268,13 @@ div.awsui_background_hyvsj_17ek5_145 > .awsui_scrolling-background_hyvsj_17ek5_1
|
|
|
271
268
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
272
269
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
273
270
|
}
|
|
274
|
-
.awsui_drawers-trigger-
|
|
271
|
+
.awsui_drawers-trigger-content_hyvsj_uh0or_262:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_uh0or_247).awsui_has-open-drawer_hyvsj_uh0or_183 {
|
|
275
272
|
opacity: 0;
|
|
276
273
|
}
|
|
277
|
-
.awsui_drawers-trigger-
|
|
274
|
+
.awsui_drawers-trigger-content_hyvsj_uh0or_262:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_uh0or_247):not(.awsui_has-open-drawer_hyvsj_uh0or_183) {
|
|
278
275
|
opacity: 1;
|
|
279
276
|
}
|
|
280
|
-
.awsui_drawers-trigger-
|
|
277
|
+
.awsui_drawers-trigger-content_hyvsj_uh0or_262 > .awsui_drawers-trigger-overflow_hyvsj_uh0or_276:not(#\9) {
|
|
281
278
|
padding-block: 0;
|
|
282
279
|
padding-inline: 1px;
|
|
283
280
|
display: flex;
|
|
@@ -286,14 +283,14 @@ div.awsui_background_hyvsj_17ek5_145 > .awsui_scrolling-background_hyvsj_17ek5_1
|
|
|
286
283
|
}
|
|
287
284
|
|
|
288
285
|
@media (max-width: 688px) {
|
|
289
|
-
.awsui_drawers-
|
|
286
|
+
.awsui_drawers-trigger_hyvsj_uh0or_262:not(#\9) {
|
|
290
287
|
inline-size: 40px;
|
|
291
288
|
display: flex;
|
|
292
289
|
justify-content: center;
|
|
293
290
|
}
|
|
294
291
|
}
|
|
295
292
|
|
|
296
|
-
.
|
|
293
|
+
.awsui_drawer_hyvsj_uh0or_172:not(#\9) {
|
|
297
294
|
--awsui-drawer-size-g964ok: 290px;
|
|
298
295
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
299
296
|
border-color: transparent;
|
|
@@ -308,7 +305,7 @@ div.awsui_background_hyvsj_17ek5_145 > .awsui_scrolling-background_hyvsj_17ek5_1
|
|
|
308
305
|
pointer-events: auto;
|
|
309
306
|
word-wrap: break-word;
|
|
310
307
|
}
|
|
311
|
-
.
|
|
308
|
+
.awsui_drawer_hyvsj_uh0or_172 > .awsui_drawer-content-container_hyvsj_uh0or_307:not(#\9) {
|
|
312
309
|
grid-column: 1/span 2;
|
|
313
310
|
grid-row: 1;
|
|
314
311
|
inline-size: var(--awsui-drawer-size-g964ok);
|
|
@@ -317,42 +314,42 @@ div.awsui_background_hyvsj_17ek5_145 > .awsui_scrolling-background_hyvsj_17ek5_1
|
|
|
317
314
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
318
315
|
overflow-y: auto;
|
|
319
316
|
}
|
|
320
|
-
.
|
|
317
|
+
.awsui_drawer_hyvsj_uh0or_172 > .awsui_drawer-content-container_hyvsj_uh0or_307 > .awsui_drawer-close-button_hyvsj_uh0or_316:not(#\9) {
|
|
321
318
|
grid-column: 3;
|
|
322
319
|
grid-row: 2;
|
|
323
320
|
z-index: 1;
|
|
324
321
|
}
|
|
325
|
-
.
|
|
322
|
+
.awsui_drawer_hyvsj_uh0or_172 > .awsui_drawer-content-container_hyvsj_uh0or_307 > .awsui_drawer-content_hyvsj_uh0or_307:not(#\9) {
|
|
326
323
|
grid-column: 1/span 4;
|
|
327
324
|
block-size: var(--awsui-content-height-g964ok);
|
|
328
325
|
}
|
|
329
|
-
.
|
|
326
|
+
.awsui_drawer_hyvsj_uh0or_172 > .awsui_drawer-content-container_hyvsj_uh0or_307 > .awsui_drawer-content_hyvsj_uh0or_307.awsui_drawer-content-hidden_hyvsj_uh0or_325:not(#\9) {
|
|
330
327
|
display: none;
|
|
331
328
|
}
|
|
332
|
-
.
|
|
329
|
+
.awsui_drawer_hyvsj_uh0or_172 > .awsui_drawer-slider_hyvsj_uh0or_328:not(#\9) {
|
|
333
330
|
grid-column: 1;
|
|
334
331
|
grid-row: 1;
|
|
335
332
|
block-size: 100%;
|
|
336
333
|
display: flex;
|
|
337
334
|
align-items: center;
|
|
338
335
|
}
|
|
339
|
-
.
|
|
336
|
+
.awsui_drawer_hyvsj_uh0or_172:not(#\9):not(.awsui_is-drawer-open_hyvsj_uh0or_335) {
|
|
340
337
|
opacity: 0;
|
|
341
338
|
inline-size: 0;
|
|
342
339
|
}
|
|
343
|
-
.
|
|
340
|
+
.awsui_drawer_hyvsj_uh0or_172.awsui_is-drawer-open_hyvsj_uh0or_335:not(#\9) {
|
|
344
341
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
345
342
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
346
343
|
opacity: 1;
|
|
347
344
|
inline-size: var(--awsui-drawer-size-g964ok);
|
|
348
345
|
}
|
|
349
346
|
@media (min-width: 2541px) {
|
|
350
|
-
.
|
|
347
|
+
.awsui_drawer_hyvsj_uh0or_172.awsui_is-drawer-open_hyvsj_uh0or_335:not(#\9) {
|
|
351
348
|
--awsui-drawer-size-g964ok: 320px;
|
|
352
349
|
}
|
|
353
350
|
}
|
|
354
351
|
@media (max-width: 688px) {
|
|
355
|
-
.
|
|
352
|
+
.awsui_drawer_hyvsj_uh0or_172.awsui_is-drawer-open_hyvsj_uh0or_335:not(#\9) {
|
|
356
353
|
--awsui-drawer-size-g964ok: 100vw;
|
|
357
354
|
inline-size: 100vw;
|
|
358
355
|
}
|
|
@@ -362,7 +359,7 @@ div.awsui_background_hyvsj_17ek5_145 > .awsui_scrolling-background_hyvsj_17ek5_1
|
|
|
362
359
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
363
360
|
SPDX-License-Identifier: Apache-2.0
|
|
364
361
|
*/
|
|
365
|
-
header.
|
|
362
|
+
header.awsui_content_hyvsj_uh0or_361:not(#\9) {
|
|
366
363
|
grid-area: header;
|
|
367
364
|
}
|
|
368
365
|
|
|
@@ -387,7 +384,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
387
384
|
circumstances regardless of whether the minContentWidth property is
|
|
388
385
|
explicitly set in script.
|
|
389
386
|
*/
|
|
390
|
-
.
|
|
387
|
+
.awsui_layout_hyvsj_uh0or_386:not(#\9) {
|
|
391
388
|
--awsui-breadcrumbs-gap-g964ok: 0px;
|
|
392
389
|
--awsui-content-gap-left-g964ok: 0px;
|
|
393
390
|
--awsui-content-gap-right-g964ok: 0px;
|
|
@@ -459,113 +456,113 @@ explicitly set in script.
|
|
|
459
456
|
*/
|
|
460
457
|
}
|
|
461
458
|
@media (min-width: 1401px) {
|
|
462
|
-
.
|
|
459
|
+
.awsui_layout_hyvsj_uh0or_386:not(#\9):not(.awsui_has-max-content-width_hyvsj_uh0or_458) {
|
|
463
460
|
--awsui-default-max-content-width-g964ok: 1280px;
|
|
464
461
|
}
|
|
465
462
|
}
|
|
466
463
|
@media (min-width: 1921px) {
|
|
467
|
-
.
|
|
464
|
+
.awsui_layout_hyvsj_uh0or_386:not(#\9):not(.awsui_has-max-content-width_hyvsj_uh0or_458) {
|
|
468
465
|
--awsui-default-max-content-width-g964ok: 1440px;
|
|
469
466
|
}
|
|
470
467
|
}
|
|
471
468
|
@media (min-width: 2541px) {
|
|
472
|
-
.
|
|
469
|
+
.awsui_layout_hyvsj_uh0or_386:not(#\9):not(.awsui_has-max-content-width_hyvsj_uh0or_458) {
|
|
473
470
|
--awsui-default-max-content-width-g964ok: 1620px;
|
|
474
471
|
}
|
|
475
472
|
}
|
|
476
473
|
@media (min-width: 1401px) {
|
|
477
|
-
.
|
|
474
|
+
.awsui_layout_hyvsj_uh0or_386:not(#\9):not(.awsui_has-max-content-width_hyvsj_uh0or_458).awsui_content-type-dashboard_hyvsj_uh0or_473 {
|
|
478
475
|
--awsui-default-max-content-width-g964ok: 1280px;
|
|
479
476
|
}
|
|
480
477
|
}
|
|
481
478
|
@media (min-width: 1921px) {
|
|
482
|
-
.
|
|
479
|
+
.awsui_layout_hyvsj_uh0or_386:not(#\9):not(.awsui_has-max-content-width_hyvsj_uh0or_458).awsui_content-type-dashboard_hyvsj_uh0or_473 {
|
|
483
480
|
--awsui-default-max-content-width-g964ok: 1620px;
|
|
484
481
|
}
|
|
485
482
|
}
|
|
486
483
|
@media (min-width: 2541px) {
|
|
487
|
-
.
|
|
484
|
+
.awsui_layout_hyvsj_uh0or_386:not(#\9):not(.awsui_has-max-content-width_hyvsj_uh0or_458).awsui_content-type-dashboard_hyvsj_uh0or_473 {
|
|
488
485
|
--awsui-default-max-content-width-g964ok: 2160px;
|
|
489
486
|
}
|
|
490
487
|
}
|
|
491
|
-
.
|
|
488
|
+
.awsui_layout_hyvsj_uh0or_386:not(#\9):not(.awsui_has-max-content-width_hyvsj_uh0or_458).awsui_content-type-table_hyvsj_uh0or_487, .awsui_layout_hyvsj_uh0or_386:not(#\9):not(.awsui_has-max-content-width_hyvsj_uh0or_458).awsui_content-type-cards_hyvsj_uh0or_487 {
|
|
492
489
|
--awsui-default-max-content-width-g964ok: 100%;
|
|
493
490
|
}
|
|
494
|
-
.
|
|
491
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_has-max-content-width_hyvsj_uh0or_458:not(#\9) {
|
|
495
492
|
--awsui-default-max-content-width-g964ok: var(--awsui-max-content-width-g964ok);
|
|
496
493
|
}
|
|
497
|
-
.
|
|
494
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_is-overlap-disabled_hyvsj_uh0or_493:not(#\9) {
|
|
498
495
|
--awsui-overlap-height-g964ok: 0;
|
|
499
496
|
}
|
|
500
|
-
.
|
|
497
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_is-hide-mobile-toolbar_hyvsj_uh0or_496:not(#\9) {
|
|
501
498
|
--awsui-mobile-bar-height-g964ok: 0px;
|
|
502
499
|
}
|
|
503
500
|
@media (min-width: 993px) {
|
|
504
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_uh0or_386:not(#\9) {
|
|
505
502
|
--awsui-default-min-content-width-g964ok: var(--awsui-min-content-width-g964ok, 280px);
|
|
506
503
|
}
|
|
507
504
|
}
|
|
508
505
|
@media (max-width: 992px) {
|
|
509
|
-
.
|
|
506
|
+
.awsui_layout_hyvsj_uh0or_386:not(#\9) {
|
|
510
507
|
--awsui-default-min-content-width-g964ok: 0px;
|
|
511
508
|
}
|
|
512
509
|
}
|
|
513
510
|
@media (min-width: 689px) {
|
|
514
|
-
.
|
|
511
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_has-content-gap-left_hyvsj_uh0or_510:not(#\9) {
|
|
515
512
|
--awsui-content-gap-left-g964ok: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
516
513
|
}
|
|
517
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_has-content-gap-right_hyvsj_uh0or_513:not(#\9) {
|
|
518
515
|
--awsui-content-gap-right-g964ok: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
519
516
|
}
|
|
520
517
|
}
|
|
521
518
|
@media (max-width: 688px) {
|
|
522
|
-
.
|
|
519
|
+
.awsui_layout_hyvsj_uh0or_386:not(#\9) {
|
|
523
520
|
--awsui-content-gap-left-g964ok: var(--space-l-t419sm, 20px);
|
|
524
521
|
--awsui-content-gap-right-g964ok: var(--space-l-t419sm, 20px);
|
|
525
522
|
}
|
|
526
523
|
}
|
|
527
|
-
.
|
|
524
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_has-breadcrumbs_hyvsj_uh0or_523:not(#\9) {
|
|
528
525
|
--awsui-breadcrumbs-gap-g964ok: var(--space-scaled-m-mo5yse, 16px);
|
|
529
526
|
}
|
|
530
|
-
.
|
|
527
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_content-first-child-header_hyvsj_uh0or_526:not(#\9), .awsui_layout_hyvsj_uh0or_386.awsui_content-first-child-notifications_hyvsj_uh0or_526:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_uh0or_523).awsui_has-header_hyvsj_uh0or_526 {
|
|
531
528
|
--awsui-header-gap-g964ok: var(--space-scaled-xs-26e2du, 8px);
|
|
532
529
|
}
|
|
533
|
-
.
|
|
530
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_has-breadcrumbs_hyvsj_uh0or_523.awsui_has-header_hyvsj_uh0or_526:not(#\9) {
|
|
534
531
|
--awsui-header-gap-g964ok: var(--space-scaled-xs-26e2du, 8px);
|
|
535
532
|
}
|
|
536
|
-
.
|
|
533
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_content-first-child-notifications_hyvsj_uh0or_526:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_uh0or_523):not(.awsui_has-header_hyvsj_uh0or_526) {
|
|
537
534
|
--awsui-main-gap-g964ok: var(--space-xs-zb16t3, 8px);
|
|
538
535
|
}
|
|
539
|
-
.
|
|
536
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_has-breadcrumbs_hyvsj_uh0or_523:not(#\9):not(.awsui_has-header_hyvsj_uh0or_526) {
|
|
540
537
|
--awsui-main-gap-g964ok: var(--space-scaled-xxs-7597g1, 4px);
|
|
541
538
|
}
|
|
542
|
-
.
|
|
539
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_has-header_hyvsj_uh0or_526:not(#\9) {
|
|
543
540
|
--awsui-main-gap-g964ok: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
544
541
|
}
|
|
545
|
-
.
|
|
542
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_content-first-child-main_hyvsj_uh0or_541:not(#\9):not(.awsui_disable-content-paddings_hyvsj_uh0or_541) {
|
|
546
543
|
--awsui-main-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
547
544
|
}
|
|
548
|
-
.
|
|
545
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_content-first-child-main_hyvsj_uh0or_541.awsui_disable-content-paddings_hyvsj_uh0or_541:not(#\9) {
|
|
549
546
|
--awsui-main-gap-g964ok: 0px;
|
|
550
547
|
}
|
|
551
548
|
@media (max-width: 688px) {
|
|
552
|
-
.
|
|
549
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_content-first-child-header_hyvsj_uh0or_526:not(#\9) {
|
|
553
550
|
--awsui-header-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
554
551
|
}
|
|
555
|
-
.
|
|
552
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_content-first-child-notifications_hyvsj_uh0or_526:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_uh0or_523).awsui_has-header_hyvsj_uh0or_526 {
|
|
556
553
|
--awsui-header-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
557
554
|
}
|
|
558
|
-
.
|
|
555
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_content-first-child-notifications_hyvsj_uh0or_526:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_uh0or_523):not(.awsui_has-header_hyvsj_uh0or_526), .awsui_layout_hyvsj_uh0or_386.awsui_content-first-child-main_hyvsj_uh0or_541:not(#\9):not(.awsui_disable-content-paddings_hyvsj_uh0or_541) {
|
|
559
556
|
--awsui-main-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
560
557
|
}
|
|
561
|
-
.
|
|
558
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_content-first-child-main_hyvsj_uh0or_541.awsui_disable-content-paddings_hyvsj_uh0or_541:not(#\9) {
|
|
562
559
|
--awsui-main-gap-g964ok: 0px;
|
|
563
560
|
}
|
|
564
561
|
}
|
|
565
|
-
.
|
|
562
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_has-left-toggles-gutter_hyvsj_uh0or_561:not(#\9) {
|
|
566
563
|
--awsui-toggles-left-width-g964ok: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
567
564
|
}
|
|
568
|
-
.
|
|
565
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_has-right-toggles-gutter_hyvsj_uh0or_564:not(#\9) {
|
|
569
566
|
--awsui-toggles-right-width-g964ok: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
570
567
|
}
|
|
571
568
|
|
|
@@ -579,13 +576,13 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
579
576
|
position: sticky will be the value of the notifications height in addition to the
|
|
580
577
|
notifications top margin and some additional vertical space for aesthetics.
|
|
581
578
|
*/
|
|
582
|
-
.
|
|
579
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_disable-body-scroll_hyvsj_uh0or_204:not(#\9) {
|
|
583
580
|
--awsui-main-template-rows-g964ok: 1fr auto;
|
|
584
581
|
--awsui-offset-top-g964ok: 0px;
|
|
585
582
|
block-size: var(--awsui-content-height-g964ok);
|
|
586
583
|
overflow-y: scroll;
|
|
587
584
|
}
|
|
588
|
-
.
|
|
585
|
+
.awsui_layout_hyvsj_uh0or_386.awsui_disable-body-scroll_hyvsj_uh0or_204.awsui_has-split-panel_hyvsj_uh0or_584.awsui_split-panel-position-bottom_hyvsj_uh0or_584:not(#\9) {
|
|
589
586
|
--awsui-main-template-rows-g964ok: repeat(2, auto);
|
|
590
587
|
}
|
|
591
588
|
|
|
@@ -593,13 +590,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
593
590
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
594
591
|
when the navigation or tools drawers are open in responsive viewports.
|
|
595
592
|
*/
|
|
596
|
-
.awsui_block-body-
|
|
593
|
+
.awsui_block-body-scroll_hyvsj_uh0or_592:not(#\9) {
|
|
597
594
|
overflow: hidden;
|
|
598
595
|
}
|
|
599
596
|
|
|
600
597
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
601
|
-
.
|
|
602
|
-
.
|
|
598
|
+
.awsui_unfocusable_hyvsj_uh0or_597:not(#\9),
|
|
599
|
+
.awsui_unfocusable_hyvsj_uh0or_597 *:not(#\9) {
|
|
603
600
|
visibility: hidden !important;
|
|
604
601
|
}
|
|
605
602
|
|
|
@@ -608,7 +605,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
608
605
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
609
606
|
SPDX-License-Identifier: Apache-2.0
|
|
610
607
|
*/
|
|
611
|
-
.
|
|
608
|
+
.awsui_container_hyvsj_uh0or_607:not(#\9) {
|
|
612
609
|
grid-area: main;
|
|
613
610
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
614
611
|
/*
|
|
@@ -625,19 +622,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
625
622
|
on the right, we decrement the column end by one.
|
|
626
623
|
*/
|
|
627
624
|
}
|
|
628
|
-
.
|
|
625
|
+
.awsui_container_hyvsj_uh0or_607.awsui_has-split-panel_hyvsj_uh0or_584.awsui_split-panel-position-bottom_hyvsj_uh0or_584:not(#\9) {
|
|
629
626
|
padding-block-end: calc(var(--awsui-split-panel-height-g964ok) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
630
627
|
}
|
|
631
|
-
.
|
|
628
|
+
.awsui_container_hyvsj_uh0or_607.awsui_disable-content-paddings_hyvsj_uh0or_541:not(#\9) {
|
|
632
629
|
grid-column: 1/6;
|
|
633
630
|
padding-block: 0;
|
|
634
631
|
padding-inline: 0;
|
|
635
632
|
}
|
|
636
633
|
@media (min-width: 689px) {
|
|
637
|
-
.
|
|
634
|
+
.awsui_container_hyvsj_uh0or_607.awsui_disable-content-paddings_hyvsj_uh0or_541.awsui_is-navigation-open_hyvsj_uh0or_633:not(#\9) {
|
|
638
635
|
grid-column-start: 2;
|
|
639
636
|
}
|
|
640
|
-
.
|
|
637
|
+
.awsui_container_hyvsj_uh0or_607.awsui_disable-content-paddings_hyvsj_uh0or_541.awsui_is-tools-open_hyvsj_uh0or_636:not(#\9), .awsui_container_hyvsj_uh0or_607.awsui_disable-content-paddings_hyvsj_uh0or_541.awsui_is-split-panel-open_hyvsj_uh0or_636.awsui_split-panel-position-side_hyvsj_uh0or_636:not(#\9), .awsui_container_hyvsj_uh0or_607.awsui_disable-content-paddings_hyvsj_uh0or_541.awsui_has-active-drawer_hyvsj_uh0or_636:not(#\9) {
|
|
641
638
|
grid-column-end: 5;
|
|
642
639
|
}
|
|
643
640
|
}
|
|
@@ -650,7 +647,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
650
647
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
651
648
|
SPDX-License-Identifier: Apache-2.0
|
|
652
649
|
*/
|
|
653
|
-
section.awsui_mobile-
|
|
650
|
+
section.awsui_mobile-toolbar_hyvsj_uh0or_649:not(#\9) {
|
|
654
651
|
align-items: center;
|
|
655
652
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
656
653
|
border-block-end: 1px solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
@@ -667,19 +664,19 @@ section.awsui_mobile-toolbar_hyvsj_17ek5_652:not(#\9) {
|
|
|
667
664
|
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
668
665
|
z-index: 1000;
|
|
669
666
|
}
|
|
670
|
-
section.awsui_mobile-
|
|
667
|
+
section.awsui_mobile-toolbar_hyvsj_uh0or_649:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_uh0or_666) {
|
|
671
668
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
672
669
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
673
670
|
}
|
|
674
|
-
section.awsui_mobile-
|
|
671
|
+
section.awsui_mobile-toolbar_hyvsj_uh0or_649 > .awsui_mobile-toolbar-nav_hyvsj_uh0or_670:not(#\9) {
|
|
675
672
|
grid-column: 1;
|
|
676
673
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
677
674
|
}
|
|
678
|
-
section.awsui_mobile-
|
|
675
|
+
section.awsui_mobile-toolbar_hyvsj_uh0or_649 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_uh0or_674:not(#\9) {
|
|
679
676
|
grid-column: 2;
|
|
680
677
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
681
678
|
}
|
|
682
|
-
section.awsui_mobile-
|
|
679
|
+
section.awsui_mobile-toolbar_hyvsj_uh0or_649 > .awsui_mobile-toolbar-tools_hyvsj_uh0or_678:not(#\9) {
|
|
683
680
|
grid-column: 3;
|
|
684
681
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
685
682
|
}
|
|
@@ -688,7 +685,7 @@ section.awsui_mobile-toolbar_hyvsj_17ek5_652 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
688
685
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
689
686
|
SPDX-License-Identifier: Apache-2.0
|
|
690
687
|
*/
|
|
691
|
-
.awsui_navigation-
|
|
688
|
+
.awsui_navigation-container_hyvsj_uh0or_687:not(#\9) {
|
|
692
689
|
display: flex;
|
|
693
690
|
grid-column: 1;
|
|
694
691
|
grid-row: 1/span 9;
|
|
@@ -709,7 +706,7 @@ section.awsui_mobile-toolbar_hyvsj_17ek5_652 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
709
706
|
pointer-events: none;
|
|
710
707
|
}
|
|
711
708
|
@media (max-width: 688px) {
|
|
712
|
-
.awsui_navigation-
|
|
709
|
+
.awsui_navigation-container_hyvsj_uh0or_687:not(#\9) {
|
|
713
710
|
inset-inline-start: 0;
|
|
714
711
|
position: fixed;
|
|
715
712
|
z-index: 1001;
|
|
@@ -721,12 +718,12 @@ section.awsui_mobile-toolbar_hyvsj_17ek5_652 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
721
718
|
relative to the body.
|
|
722
719
|
*/
|
|
723
720
|
}
|
|
724
|
-
.awsui_navigation-
|
|
721
|
+
.awsui_navigation-container_hyvsj_uh0or_687.awsui_disable-body-scroll_hyvsj_uh0or_204:not(#\9) {
|
|
725
722
|
inset-block-start: var(--awsui-header-height-g964ok);
|
|
726
723
|
}
|
|
727
724
|
}
|
|
728
725
|
|
|
729
|
-
nav.awsui_show-
|
|
726
|
+
nav.awsui_show-navigation_hyvsj_uh0or_725:not(#\9) {
|
|
730
727
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
731
728
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
732
729
|
/*
|
|
@@ -734,7 +731,7 @@ nav.awsui_show-navigation_hyvsj_17ek5_728:not(#\9) {
|
|
|
734
731
|
take control in responsive viewports.
|
|
735
732
|
*/
|
|
736
733
|
}
|
|
737
|
-
@keyframes
|
|
734
|
+
@keyframes awsui_showButtons_hyvsj_uh0or_1 {
|
|
738
735
|
0% {
|
|
739
736
|
opacity: 0;
|
|
740
737
|
}
|
|
@@ -742,31 +739,31 @@ nav.awsui_show-navigation_hyvsj_17ek5_728:not(#\9) {
|
|
|
742
739
|
opacity: 1;
|
|
743
740
|
}
|
|
744
741
|
}
|
|
745
|
-
nav.awsui_show-
|
|
742
|
+
nav.awsui_show-navigation_hyvsj_uh0or_725.awsui_is-navigation-open_hyvsj_uh0or_633:not(#\9) {
|
|
746
743
|
display: none;
|
|
747
744
|
}
|
|
748
745
|
@media (min-width: 689px) {
|
|
749
|
-
nav.awsui_show-
|
|
746
|
+
nav.awsui_show-navigation_hyvsj_uh0or_725:not(#\9):not(.awsui_is-navigation-open_hyvsj_uh0or_633) {
|
|
750
747
|
display: block;
|
|
751
748
|
}
|
|
752
|
-
nav.awsui_show-
|
|
753
|
-
animation:
|
|
749
|
+
nav.awsui_show-navigation_hyvsj_uh0or_725:not(#\9):not(.awsui_is-navigation-open_hyvsj_uh0or_633).awsui_animating_hyvsj_uh0or_748 {
|
|
750
|
+
animation: awsui_showButtons_hyvsj_uh0or_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
754
751
|
}
|
|
755
752
|
}
|
|
756
753
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
757
|
-
nav.awsui_show-
|
|
754
|
+
nav.awsui_show-navigation_hyvsj_uh0or_725:not(#\9):not(.awsui_is-navigation-open_hyvsj_uh0or_633).awsui_animating_hyvsj_uh0or_748 {
|
|
758
755
|
animation: none;
|
|
759
756
|
transition: none;
|
|
760
757
|
}
|
|
761
758
|
}
|
|
762
759
|
@media (min-width: 689px) {
|
|
763
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
760
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_uh0or_725:not(#\9):not(.awsui_is-navigation-open_hyvsj_uh0or_633).awsui_animating_hyvsj_uh0or_748, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_uh0or_725:not(#\9):not(.awsui_is-navigation-open_hyvsj_uh0or_633).awsui_animating_hyvsj_uh0or_748 {
|
|
764
761
|
animation: none;
|
|
765
762
|
transition: none;
|
|
766
763
|
}
|
|
767
764
|
}
|
|
768
765
|
|
|
769
|
-
nav.
|
|
766
|
+
nav.awsui_navigation_hyvsj_uh0or_687:not(#\9) {
|
|
770
767
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
771
768
|
inset-block-end: 0;
|
|
772
769
|
block-size: 100%;
|
|
@@ -786,7 +783,7 @@ nav.awsui_navigation_hyvsj_17ek5_690:not(#\9) {
|
|
|
786
783
|
prevent unwanted text wrapping.
|
|
787
784
|
*/
|
|
788
785
|
}
|
|
789
|
-
@keyframes
|
|
786
|
+
@keyframes awsui_openNavigation_hyvsj_uh0or_1 {
|
|
790
787
|
from {
|
|
791
788
|
opacity: 0;
|
|
792
789
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -796,36 +793,36 @@ nav.awsui_navigation_hyvsj_17ek5_690:not(#\9) {
|
|
|
796
793
|
inline-size: var(--awsui-navigation-width-g964ok);
|
|
797
794
|
}
|
|
798
795
|
}
|
|
799
|
-
nav.
|
|
796
|
+
nav.awsui_navigation_hyvsj_uh0or_687:not(#\9):not(.awsui_is-navigation-open_hyvsj_uh0or_633) {
|
|
800
797
|
inline-size: 0;
|
|
801
798
|
display: none;
|
|
802
799
|
}
|
|
803
|
-
nav.
|
|
804
|
-
animation:
|
|
800
|
+
nav.awsui_navigation_hyvsj_uh0or_687.awsui_is-navigation-open_hyvsj_uh0or_633.awsui_animating_hyvsj_uh0or_748:not(#\9) {
|
|
801
|
+
animation: awsui_openNavigation_hyvsj_uh0or_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
805
802
|
}
|
|
806
803
|
@media (prefers-reduced-motion: reduce) {
|
|
807
|
-
nav.
|
|
804
|
+
nav.awsui_navigation_hyvsj_uh0or_687.awsui_is-navigation-open_hyvsj_uh0or_633.awsui_animating_hyvsj_uh0or_748:not(#\9) {
|
|
808
805
|
animation: none;
|
|
809
806
|
transition: none;
|
|
810
807
|
}
|
|
811
808
|
}
|
|
812
|
-
.awsui-motion-disabled nav.
|
|
809
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_uh0or_687.awsui_is-navigation-open_hyvsj_uh0or_633.awsui_animating_hyvsj_uh0or_748:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_uh0or_687.awsui_is-navigation-open_hyvsj_uh0or_633.awsui_animating_hyvsj_uh0or_748:not(#\9) {
|
|
813
810
|
animation: none;
|
|
814
811
|
transition: none;
|
|
815
812
|
}
|
|
816
|
-
nav.
|
|
813
|
+
nav.awsui_navigation_hyvsj_uh0or_687 > .awsui_animated-content_hyvsj_uh0or_812:not(#\9) {
|
|
817
814
|
inline-size: var(--awsui-navigation-width-g964ok);
|
|
818
815
|
}
|
|
819
|
-
nav.
|
|
816
|
+
nav.awsui_navigation_hyvsj_uh0or_687 > .awsui_content-container_hyvsj_uh0or_815:not(#\9) {
|
|
820
817
|
flex-grow: 1;
|
|
821
818
|
}
|
|
822
819
|
@media (max-width: 688px) {
|
|
823
|
-
nav.
|
|
820
|
+
nav.awsui_navigation_hyvsj_uh0or_687:not(#\9) {
|
|
824
821
|
--awsui-navigation-width-g964ok: 100vw;
|
|
825
822
|
}
|
|
826
823
|
}
|
|
827
824
|
|
|
828
|
-
.awsui_hide-
|
|
825
|
+
.awsui_hide-navigation_hyvsj_uh0or_824:not(#\9) {
|
|
829
826
|
position: absolute;
|
|
830
827
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
831
828
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -835,24 +832,24 @@ nav.awsui_navigation_hyvsj_17ek5_690 > .awsui_content-container_hyvsj_17ek5_818:
|
|
|
835
832
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
836
833
|
SPDX-License-Identifier: Apache-2.0
|
|
837
834
|
*/
|
|
838
|
-
.
|
|
835
|
+
.awsui_notifications_hyvsj_uh0or_834:not(#\9) {
|
|
839
836
|
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
840
837
|
grid-area: notifications;
|
|
841
838
|
z-index: 850;
|
|
842
839
|
}
|
|
843
|
-
.
|
|
840
|
+
.awsui_notifications_hyvsj_uh0or_834.awsui_has-notification-content_hyvsj_uh0or_839:not(#\9) {
|
|
844
841
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
845
842
|
}
|
|
846
843
|
@media (min-width: 689px) {
|
|
847
|
-
.
|
|
844
|
+
.awsui_notifications_hyvsj_uh0or_834.awsui_sticky-notifications_hyvsj_uh0or_843:not(#\9) {
|
|
848
845
|
--awsui-flashbar-sticky-bottom-margin-g964ok: var(--space-xxl-cu2m1r, 32px);
|
|
849
846
|
position: sticky;
|
|
850
847
|
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
851
848
|
}
|
|
852
|
-
.
|
|
849
|
+
.awsui_notifications_hyvsj_uh0or_834.awsui_sticky-notifications_hyvsj_uh0or_843:not(#\9):not(.awsui_high-contrast_hyvsj_uh0or_848) {
|
|
853
850
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
854
851
|
}
|
|
855
|
-
.
|
|
852
|
+
.awsui_notifications_hyvsj_uh0or_834.awsui_has-notification-content_hyvsj_uh0or_839:not(#\9) {
|
|
856
853
|
padding-block-start: var(--space-xs-zb16t3, 8px);
|
|
857
854
|
}
|
|
858
855
|
}
|
|
@@ -867,7 +864,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
867
864
|
consume the remaining vertical space in the grid after the notifications
|
|
868
865
|
and breadcrumbs.
|
|
869
866
|
*/
|
|
870
|
-
section.awsui_split-panel-
|
|
867
|
+
section.awsui_split-panel-bottom_hyvsj_uh0or_866:not(#\9) {
|
|
871
868
|
/*
|
|
872
869
|
The align self property will position the split panel at the bottom of the grid row.
|
|
873
870
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -903,7 +900,7 @@ section.awsui_split-panel-bottom_hyvsj_17ek5_869:not(#\9) {
|
|
|
903
900
|
apply the animation to the height property.
|
|
904
901
|
*/
|
|
905
902
|
}
|
|
906
|
-
@keyframes
|
|
903
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_uh0or_1 {
|
|
907
904
|
from {
|
|
908
905
|
block-size: var(--awsui-split-panel-reported-header-size-g964ok, 0);
|
|
909
906
|
}
|
|
@@ -911,39 +908,39 @@ section.awsui_split-panel-bottom_hyvsj_17ek5_869:not(#\9) {
|
|
|
911
908
|
block-size: var(--awsui-split-panel-reported-size-g964ok);
|
|
912
909
|
}
|
|
913
910
|
}
|
|
914
|
-
section.awsui_split-panel-
|
|
911
|
+
section.awsui_split-panel-bottom_hyvsj_uh0or_866.awsui_disable-body-scroll_hyvsj_uh0or_204:not(#\9) {
|
|
915
912
|
inset-block-end: 0;
|
|
916
913
|
}
|
|
917
|
-
section.awsui_split-panel-
|
|
914
|
+
section.awsui_split-panel-bottom_hyvsj_uh0or_866.awsui_is-navigation-open_hyvsj_uh0or_633.awsui_position-bottom_hyvsj_uh0or_913:not(#\9) {
|
|
918
915
|
grid-column-start: 2;
|
|
919
916
|
}
|
|
920
|
-
section.awsui_split-panel-
|
|
917
|
+
section.awsui_split-panel-bottom_hyvsj_uh0or_866.awsui_has-open-drawer_hyvsj_uh0or_183.awsui_position-bottom_hyvsj_uh0or_913:not(#\9) {
|
|
921
918
|
grid-column-end: 5;
|
|
922
919
|
}
|
|
923
|
-
section.awsui_split-panel-
|
|
920
|
+
section.awsui_split-panel-bottom_hyvsj_uh0or_866.awsui_position-bottom_hyvsj_uh0or_913:not(#\9) {
|
|
924
921
|
display: block;
|
|
925
922
|
}
|
|
926
|
-
section.awsui_split-panel-
|
|
923
|
+
section.awsui_split-panel-bottom_hyvsj_uh0or_866:not(#\9):not(.awsui_is-split-panel-open_hyvsj_uh0or_636).awsui_position-bottom_hyvsj_uh0or_913 {
|
|
927
924
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
928
925
|
}
|
|
929
|
-
section.awsui_split-panel-
|
|
926
|
+
section.awsui_split-panel-bottom_hyvsj_uh0or_866.awsui_is-split-panel-open_hyvsj_uh0or_636.awsui_position-bottom_hyvsj_uh0or_913:not(#\9) {
|
|
930
927
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
931
928
|
}
|
|
932
|
-
section.awsui_split-panel-
|
|
933
|
-
animation:
|
|
929
|
+
section.awsui_split-panel-bottom_hyvsj_uh0or_866.awsui_is-split-panel-open_hyvsj_uh0or_636.awsui_position-bottom_hyvsj_uh0or_913.awsui_animating_hyvsj_uh0or_748:not(#\9) {
|
|
930
|
+
animation: awsui_openSplitPanelBottom_hyvsj_uh0or_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
934
931
|
}
|
|
935
932
|
@media (prefers-reduced-motion: reduce) {
|
|
936
|
-
section.awsui_split-panel-
|
|
933
|
+
section.awsui_split-panel-bottom_hyvsj_uh0or_866.awsui_is-split-panel-open_hyvsj_uh0or_636.awsui_position-bottom_hyvsj_uh0or_913.awsui_animating_hyvsj_uh0or_748:not(#\9) {
|
|
937
934
|
animation: none;
|
|
938
935
|
transition: none;
|
|
939
936
|
}
|
|
940
937
|
}
|
|
941
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
938
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_uh0or_866.awsui_is-split-panel-open_hyvsj_uh0or_636.awsui_position-bottom_hyvsj_uh0or_913.awsui_animating_hyvsj_uh0or_748:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_uh0or_866.awsui_is-split-panel-open_hyvsj_uh0or_636.awsui_position-bottom_hyvsj_uh0or_913.awsui_animating_hyvsj_uh0or_748:not(#\9) {
|
|
942
939
|
animation: none;
|
|
943
940
|
transition: none;
|
|
944
941
|
}
|
|
945
942
|
|
|
946
|
-
section.awsui_split-panel-
|
|
943
|
+
section.awsui_split-panel-side_hyvsj_uh0or_942:not(#\9) {
|
|
947
944
|
block-size: 100%;
|
|
948
945
|
overflow-x: hidden;
|
|
949
946
|
pointer-events: auto;
|
|
@@ -953,15 +950,15 @@ section.awsui_split-panel-side_hyvsj_17ek5_945:not(#\9) {
|
|
|
953
950
|
be persistent in the DOM when closed.
|
|
954
951
|
*/
|
|
955
952
|
}
|
|
956
|
-
section.awsui_split-panel-
|
|
953
|
+
section.awsui_split-panel-side_hyvsj_uh0or_942:not(#\9):not(.awsui_is-split-panel-open_hyvsj_uh0or_636), section.awsui_split-panel-side_hyvsj_uh0or_942.awsui_position-bottom_hyvsj_uh0or_913:not(#\9) {
|
|
957
954
|
inline-size: 0;
|
|
958
955
|
}
|
|
959
|
-
section.awsui_split-panel-
|
|
956
|
+
section.awsui_split-panel-side_hyvsj_uh0or_942.awsui_is-split-panel-open_hyvsj_uh0or_636.awsui_position-side_hyvsj_uh0or_955:not(#\9) {
|
|
960
957
|
max-inline-size: var(--awsui-split-panel-max-width-g964ok, 280px);
|
|
961
958
|
min-inline-size: var(--awsui-split-panel-min-width-g964ok, 280px);
|
|
962
959
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
963
960
|
}
|
|
964
|
-
section.awsui_split-panel-
|
|
961
|
+
section.awsui_split-panel-side_hyvsj_uh0or_942.awsui_is-split-panel-open_hyvsj_uh0or_636.awsui_position-side_hyvsj_uh0or_955:not(#\9):not(.awsui_has-open-drawer_hyvsj_uh0or_183) {
|
|
965
962
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-j1ubnj, #c6c6cd);
|
|
966
963
|
}
|
|
967
964
|
|
|
@@ -978,7 +975,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
978
975
|
property. The content gap right is computed in the Layout styles based on the
|
|
979
976
|
viewport size and state of the Tools drawer.
|
|
980
977
|
*/
|
|
981
|
-
.awsui_tools-
|
|
978
|
+
.awsui_tools-container_hyvsj_uh0or_977:not(#\9) {
|
|
982
979
|
--awsui-tools-max-width-g964ok: calc(var(--awsui-layout-width-g964ok) - var(--awsui-main-offset-left-g964ok) - var(--awsui-default-min-content-width-g964ok) - var(--awsui-content-gap-right-g964ok));
|
|
983
980
|
display: flex;
|
|
984
981
|
grid-column: 5;
|
|
@@ -991,7 +988,7 @@ viewport size and state of the Tools drawer.
|
|
|
991
988
|
pointer-events: none;
|
|
992
989
|
}
|
|
993
990
|
@media (max-width: 688px) {
|
|
994
|
-
.awsui_tools-
|
|
991
|
+
.awsui_tools-container_hyvsj_uh0or_977:not(#\9) {
|
|
995
992
|
--awsui-tools-max-width-g964ok: none;
|
|
996
993
|
--awsui-tools-width-g964ok: auto;
|
|
997
994
|
position: fixed;
|
|
@@ -1005,12 +1002,12 @@ viewport size and state of the Tools drawer.
|
|
|
1005
1002
|
relative to the body.
|
|
1006
1003
|
*/
|
|
1007
1004
|
}
|
|
1008
|
-
.awsui_tools-
|
|
1005
|
+
.awsui_tools-container_hyvsj_uh0or_977.awsui_disable-body-scroll_hyvsj_uh0or_204:not(#\9) {
|
|
1009
1006
|
inset-block-start: var(--awsui-header-height-g964ok);
|
|
1010
1007
|
}
|
|
1011
1008
|
}
|
|
1012
1009
|
|
|
1013
|
-
.
|
|
1010
|
+
.awsui_tools_hyvsj_uh0or_977:not(#\9) {
|
|
1014
1011
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
1015
1012
|
flex-shrink: 0;
|
|
1016
1013
|
block-size: 100%;
|
|
@@ -1033,7 +1030,7 @@ viewport size and state of the Tools drawer.
|
|
|
1033
1030
|
in the side position.
|
|
1034
1031
|
*/
|
|
1035
1032
|
}
|
|
1036
|
-
@keyframes
|
|
1033
|
+
@keyframes awsui_openTools_hyvsj_uh0or_1 {
|
|
1037
1034
|
from {
|
|
1038
1035
|
opacity: var(--awsui-tools-animation-starting-opacity-g964ok, 0);
|
|
1039
1036
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -1043,41 +1040,41 @@ viewport size and state of the Tools drawer.
|
|
|
1043
1040
|
inline-size: var(--awsui-tools-width-g964ok);
|
|
1044
1041
|
}
|
|
1045
1042
|
}
|
|
1046
|
-
.
|
|
1043
|
+
.awsui_tools_hyvsj_uh0or_977:not(#\9):not(.awsui_is-tools-open_hyvsj_uh0or_636) {
|
|
1047
1044
|
inline-size: 0;
|
|
1048
1045
|
display: none;
|
|
1049
1046
|
}
|
|
1050
|
-
.
|
|
1047
|
+
.awsui_tools_hyvsj_uh0or_977.awsui_is-tools-open_hyvsj_uh0or_636:not(#\9) {
|
|
1051
1048
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
1052
1049
|
}
|
|
1053
|
-
.
|
|
1054
|
-
animation:
|
|
1050
|
+
.awsui_tools_hyvsj_uh0or_977.awsui_is-tools-open_hyvsj_uh0or_636.awsui_animating_hyvsj_uh0or_748:not(#\9) {
|
|
1051
|
+
animation: awsui_openTools_hyvsj_uh0or_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1055
1052
|
}
|
|
1056
1053
|
@media (prefers-reduced-motion: reduce) {
|
|
1057
|
-
.
|
|
1054
|
+
.awsui_tools_hyvsj_uh0or_977.awsui_is-tools-open_hyvsj_uh0or_636.awsui_animating_hyvsj_uh0or_748:not(#\9) {
|
|
1058
1055
|
animation: none;
|
|
1059
1056
|
transition: none;
|
|
1060
1057
|
}
|
|
1061
1058
|
}
|
|
1062
|
-
.awsui-motion-disabled .
|
|
1059
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_uh0or_977.awsui_is-tools-open_hyvsj_uh0or_636.awsui_animating_hyvsj_uh0or_748:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_uh0or_977.awsui_is-tools-open_hyvsj_uh0or_636.awsui_animating_hyvsj_uh0or_748:not(#\9) {
|
|
1063
1060
|
animation: none;
|
|
1064
1061
|
transition: none;
|
|
1065
1062
|
}
|
|
1066
|
-
.
|
|
1063
|
+
.awsui_tools_hyvsj_uh0or_977 > .awsui_animated-content_hyvsj_uh0or_812:not(#\9) {
|
|
1067
1064
|
inline-size: var(--awsui-tools-width-g964ok);
|
|
1068
1065
|
}
|
|
1069
1066
|
@media (min-width: 689px) {
|
|
1070
|
-
.
|
|
1067
|
+
.awsui_tools_hyvsj_uh0or_977.awsui_is-tools-open_hyvsj_uh0or_636.awsui_has-tools-form-persistence_hyvsj_uh0or_1066:not(#\9) {
|
|
1071
1068
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
1072
1069
|
}
|
|
1073
1070
|
}
|
|
1074
1071
|
@media (max-width: 688px) {
|
|
1075
|
-
.
|
|
1072
|
+
.awsui_tools_hyvsj_uh0or_977:not(#\9) {
|
|
1076
1073
|
--awsui-tools-width-g964ok: 100vw;
|
|
1077
1074
|
}
|
|
1078
1075
|
}
|
|
1079
1076
|
|
|
1080
|
-
.awsui_hide-
|
|
1077
|
+
.awsui_hide-tools_hyvsj_uh0or_1076:not(#\9) {
|
|
1081
1078
|
position: absolute;
|
|
1082
1079
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1083
1080
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1089,7 +1086,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1089
1086
|
the calculation used to determine the Split Panel maximum width in the
|
|
1090
1087
|
handleSplitPanelMaxWidth function in the context.
|
|
1091
1088
|
*/
|
|
1092
|
-
.awsui_show-
|
|
1089
|
+
.awsui_show-tools_hyvsj_uh0or_1088:not(#\9) {
|
|
1093
1090
|
border-collapse: separate;
|
|
1094
1091
|
border-spacing: 0;
|
|
1095
1092
|
box-sizing: border-box;
|
|
@@ -1098,12 +1095,9 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1098
1095
|
direction: inherit;
|
|
1099
1096
|
empty-cells: show;
|
|
1100
1097
|
font-family: serif;
|
|
1101
|
-
font-size: medium;
|
|
1102
1098
|
font-style: normal;
|
|
1103
1099
|
font-variant: normal;
|
|
1104
|
-
font-weight: 400;
|
|
1105
1100
|
font-stretch: normal;
|
|
1106
|
-
line-height: normal;
|
|
1107
1101
|
-webkit-hyphens: none;
|
|
1108
1102
|
hyphens: none;
|
|
1109
1103
|
letter-spacing: normal;
|
|
@@ -1131,7 +1125,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1131
1125
|
take control in responsive viewports.
|
|
1132
1126
|
*/
|
|
1133
1127
|
}
|
|
1134
|
-
@keyframes
|
|
1128
|
+
@keyframes awsui_showButtons_hyvsj_uh0or_1 {
|
|
1135
1129
|
0% {
|
|
1136
1130
|
opacity: 0;
|
|
1137
1131
|
}
|
|
@@ -1139,31 +1133,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1139
1133
|
opacity: 1;
|
|
1140
1134
|
}
|
|
1141
1135
|
}
|
|
1142
|
-
.awsui_show-
|
|
1136
|
+
.awsui_show-tools_hyvsj_uh0or_1088:not(#\9):not(.awsui_has-tools-form_hyvsj_uh0or_1066) {
|
|
1143
1137
|
display: none;
|
|
1144
1138
|
}
|
|
1145
1139
|
@media (min-width: 689px) {
|
|
1146
|
-
.awsui_show-
|
|
1140
|
+
.awsui_show-tools_hyvsj_uh0or_1088.awsui_has-tools-form_hyvsj_uh0or_1066:not(#\9) {
|
|
1147
1141
|
display: flex;
|
|
1148
1142
|
flex-direction: column;
|
|
1149
1143
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1150
1144
|
}
|
|
1151
|
-
.awsui_show-
|
|
1152
|
-
animation:
|
|
1145
|
+
.awsui_show-tools_hyvsj_uh0or_1088.awsui_has-tools-form_hyvsj_uh0or_1066.awsui_animating_hyvsj_uh0or_748:not(#\9) {
|
|
1146
|
+
animation: awsui_showButtons_hyvsj_uh0or_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1153
1147
|
}
|
|
1154
1148
|
}
|
|
1155
1149
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1156
|
-
.awsui_show-
|
|
1150
|
+
.awsui_show-tools_hyvsj_uh0or_1088.awsui_has-tools-form_hyvsj_uh0or_1066.awsui_animating_hyvsj_uh0or_748:not(#\9) {
|
|
1157
1151
|
animation: none;
|
|
1158
1152
|
transition: none;
|
|
1159
1153
|
}
|
|
1160
1154
|
}
|
|
1161
1155
|
@media (min-width: 689px) {
|
|
1162
|
-
.awsui-motion-disabled .awsui_show-
|
|
1156
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_uh0or_1088.awsui_has-tools-form_hyvsj_uh0or_1066.awsui_animating_hyvsj_uh0or_748:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_uh0or_1088.awsui_has-tools-form_hyvsj_uh0or_1066.awsui_animating_hyvsj_uh0or_748:not(#\9) {
|
|
1163
1157
|
animation: none;
|
|
1164
1158
|
transition: none;
|
|
1165
1159
|
}
|
|
1166
|
-
.awsui_show-
|
|
1160
|
+
.awsui_show-tools_hyvsj_uh0or_1088.awsui_has-tools-form-persistence_hyvsj_uh0or_1066:not(#\9) {
|
|
1167
1161
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
1168
1162
|
z-index: 1;
|
|
1169
1163
|
}
|
|
@@ -1173,7 +1167,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1173
1167
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1174
1168
|
SPDX-License-Identifier: Apache-2.0
|
|
1175
1169
|
*/
|
|
1176
|
-
.awsui_trigger-button-
|
|
1170
|
+
.awsui_trigger-button-styles_hyvsj_uh0or_1168:not(#\9) {
|
|
1177
1171
|
background: var(--color-background-layout-toggle-default-kci9ri, #424650);
|
|
1178
1172
|
border-start-start-radius: 50%;
|
|
1179
1173
|
border-start-end-radius: 50%;
|
|
@@ -1182,14 +1176,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1182
1176
|
block-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
1183
1177
|
inline-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
1184
1178
|
}
|
|
1185
|
-
.awsui_trigger-button-
|
|
1179
|
+
.awsui_trigger-button-styles_hyvsj_uh0or_1168:not(#\9):hover {
|
|
1186
1180
|
background: var(--color-background-layout-toggle-hover-72w0bh, #656871);
|
|
1187
1181
|
}
|
|
1188
|
-
.awsui_trigger-button-
|
|
1182
|
+
.awsui_trigger-button-styles_hyvsj_uh0or_1168:not(#\9):active {
|
|
1189
1183
|
background: var(--color-background-layout-toggle-active-5x3zwa, #424650);
|
|
1190
1184
|
}
|
|
1191
1185
|
|
|
1192
|
-
.awsui_trigger-badge-
|
|
1186
|
+
.awsui_trigger-badge-wrapper_hyvsj_uh0or_1184:not(#\9) {
|
|
1193
1187
|
position: absolute;
|
|
1194
1188
|
inset-block-start: 0;
|
|
1195
1189
|
inset-inline-start: 0;
|
|
@@ -1199,7 +1193,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1199
1193
|
clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
|
|
1200
1194
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1201
1195
|
}
|
|
1202
|
-
.awsui_trigger-badge-
|
|
1196
|
+
.awsui_trigger-badge-wrapper_hyvsj_uh0or_1184:not(#\9):dir(rtl) {
|
|
1203
1197
|
clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
|
|
1204
1198
|
}
|
|
1205
1199
|
|
|
@@ -1208,7 +1202,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1208
1202
|
the calculation used to determine the Split Panel maximum width in the
|
|
1209
1203
|
handleSplitPanelMaxWidth function in the context.
|
|
1210
1204
|
*/
|
|
1211
|
-
.
|
|
1205
|
+
.awsui_trigger_hyvsj_uh0or_1168:not(#\9) {
|
|
1212
1206
|
border-block: none;
|
|
1213
1207
|
border-inline: none;
|
|
1214
1208
|
padding-inline: 0;
|
|
@@ -1217,14 +1211,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1217
1211
|
pointer-events: auto;
|
|
1218
1212
|
position: relative;
|
|
1219
1213
|
}
|
|
1220
|
-
body[data-awsui-focus-visible=true] .
|
|
1214
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_uh0or_1168:not(#\9):focus {
|
|
1221
1215
|
position: relative;
|
|
1222
1216
|
}
|
|
1223
|
-
body[data-awsui-focus-visible=true] .
|
|
1217
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_uh0or_1168:not(#\9):focus {
|
|
1224
1218
|
outline: 2px dotted transparent;
|
|
1225
1219
|
outline-offset: calc(3px - 1px);
|
|
1226
1220
|
}
|
|
1227
|
-
body[data-awsui-focus-visible=true] .
|
|
1221
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_uh0or_1168:not(#\9):focus::before {
|
|
1228
1222
|
content: " ";
|
|
1229
1223
|
display: block;
|
|
1230
1224
|
position: absolute;
|
|
@@ -1238,49 +1232,49 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_17ek5_1174:not(#\9):foc
|
|
|
1238
1232
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1239
1233
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
1240
1234
|
}
|
|
1241
|
-
.
|
|
1235
|
+
.awsui_trigger_hyvsj_uh0or_1168:not(#\9):focus {
|
|
1242
1236
|
outline: none;
|
|
1243
1237
|
}
|
|
1244
|
-
.
|
|
1238
|
+
.awsui_trigger_hyvsj_uh0or_1168.awsui_selected_hyvsj_uh0or_1236:not(#\9) {
|
|
1245
1239
|
background: var(--color-background-layout-toggle-selected-default-27rnk6, #006ce0);
|
|
1246
1240
|
color: var(--color-text-layout-toggle-selected-kb3p9r, #ffffff);
|
|
1247
1241
|
}
|
|
1248
|
-
.
|
|
1242
|
+
.awsui_trigger_hyvsj_uh0or_1168.awsui_selected_hyvsj_uh0or_1236:not(#\9):hover {
|
|
1249
1243
|
background: var(--color-background-layout-toggle-selected-hover-eh8bga, #004a9e);
|
|
1250
1244
|
}
|
|
1251
|
-
.
|
|
1245
|
+
.awsui_trigger_hyvsj_uh0or_1168.awsui_selected_hyvsj_uh0or_1236:not(#\9):active {
|
|
1252
1246
|
background: var(--color-background-layout-toggle-selected-active-tv8i8b, #006ce0);
|
|
1253
1247
|
}
|
|
1254
|
-
.
|
|
1248
|
+
.awsui_trigger_hyvsj_uh0or_1168.awsui_selected_hyvsj_uh0or_1236 > .awsui_trigger-badge-wrapper_hyvsj_uh0or_1184:not(#\9) {
|
|
1255
1249
|
background: var(--color-background-layout-toggle-selected-default-27rnk6, #006ce0);
|
|
1256
1250
|
color: var(--color-text-layout-toggle-selected-kb3p9r, #ffffff);
|
|
1257
1251
|
}
|
|
1258
|
-
.
|
|
1252
|
+
.awsui_trigger_hyvsj_uh0or_1168.awsui_selected_hyvsj_uh0or_1236 > .awsui_trigger-badge-wrapper_hyvsj_uh0or_1184:not(#\9):hover {
|
|
1259
1253
|
background: var(--color-background-layout-toggle-selected-hover-eh8bga, #004a9e);
|
|
1260
1254
|
}
|
|
1261
|
-
.
|
|
1255
|
+
.awsui_trigger_hyvsj_uh0or_1168.awsui_selected_hyvsj_uh0or_1236 > .awsui_trigger-badge-wrapper_hyvsj_uh0or_1184:not(#\9):active {
|
|
1262
1256
|
background: var(--color-background-layout-toggle-selected-active-tv8i8b, #006ce0);
|
|
1263
1257
|
}
|
|
1264
|
-
.
|
|
1258
|
+
.awsui_trigger_hyvsj_uh0or_1168.awsui_badge_hyvsj_uh0or_1256:not(#\9), .awsui_trigger_hyvsj_uh0or_1168.awsui_badge_hyvsj_uh0or_1256:not(#\9):hover, .awsui_trigger_hyvsj_uh0or_1168.awsui_badge_hyvsj_uh0or_1256:not(#\9):active {
|
|
1265
1259
|
background: transparent;
|
|
1266
1260
|
}
|
|
1267
1261
|
|
|
1268
|
-
.awsui_trigger-
|
|
1262
|
+
.awsui_trigger-wrapper_hyvsj_uh0or_1260:not(#\9) {
|
|
1269
1263
|
position: relative;
|
|
1270
1264
|
border-start-start-radius: 50%;
|
|
1271
1265
|
border-start-end-radius: 50%;
|
|
1272
1266
|
border-end-start-radius: 50%;
|
|
1273
1267
|
border-end-end-radius: 50%;
|
|
1274
1268
|
}
|
|
1275
|
-
.awsui_trigger-
|
|
1269
|
+
.awsui_trigger-wrapper_hyvsj_uh0or_1260:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_uh0or_666) {
|
|
1276
1270
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1277
1271
|
}
|
|
1278
1272
|
|
|
1279
|
-
.awsui_trigger-wrapper-tooltip-
|
|
1273
|
+
.awsui_trigger-wrapper-tooltip-visible_hyvsj_uh0or_1271:not(#\9) {
|
|
1280
1274
|
/* used in test-utils*/
|
|
1281
1275
|
}
|
|
1282
1276
|
|
|
1283
|
-
.
|
|
1277
|
+
.awsui_dot_hyvsj_uh0or_1275:not(#\9) {
|
|
1284
1278
|
position: absolute;
|
|
1285
1279
|
inline-size: 9px;
|
|
1286
1280
|
block-size: 9px;
|
|
@@ -1293,6 +1287,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_17ek5_1174:not(#\9):foc
|
|
|
1293
1287
|
inset-inline-end: 0;
|
|
1294
1288
|
}
|
|
1295
1289
|
|
|
1296
|
-
.awsui_trigger-
|
|
1290
|
+
.awsui_trigger-tooltip_hyvsj_uh0or_1288:not(#\9) {
|
|
1297
1291
|
/* used in test-utils */
|
|
1298
1292
|
}
|