@cloudscape-design/components 3.0.333 → 3.0.335
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/styles.css.js +19 -19
- package/alert/styles.scoped.css +33 -33
- package/alert/styles.selectors.js +19 -19
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -30
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/index.js +3 -3
- package/app-layout/index.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +3 -3
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +69 -69
- package/app-layout/visual-refresh/styles.scoped.css +168 -168
- package/app-layout/visual-refresh/styles.selectors.js +69 -69
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +27 -27
- package/attribute-editor/styles.selectors.js +14 -14
- package/autosuggest/virtual-list.d.ts.map +1 -1
- package/autosuggest/virtual-list.js +2 -2
- package/autosuggest/virtual-list.js.map +1 -1
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +7 -7
- package/badge/styles.selectors.js +5 -5
- package/box/styles.css.js +189 -189
- package/box/styles.scoped.css +238 -238
- package/box/styles.selectors.js +189 -189
- package/breadcrumb-group/styles.css.js +7 -7
- package/breadcrumb-group/styles.scoped.css +14 -14
- package/breadcrumb-group/styles.selectors.js +7 -7
- package/button/internal.d.ts.map +1 -1
- package/button/internal.js +12 -1
- package/button/internal.js.map +1 -1
- package/button/styles.css.js +20 -20
- package/button/styles.scoped.css +154 -154
- package/button/styles.selectors.js +20 -20
- package/button-dropdown/index.d.ts.map +1 -1
- package/button-dropdown/index.js +2 -2
- package/button-dropdown/index.js.map +1 -1
- package/button-dropdown/interfaces.d.ts +31 -0
- package/button-dropdown/interfaces.d.ts.map +1 -1
- package/button-dropdown/interfaces.js.map +1 -1
- package/button-dropdown/internal.d.ts.map +1 -1
- package/button-dropdown/internal.js +64 -8
- package/button-dropdown/internal.js.map +1 -1
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +6 -6
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-dropdown/styles.css.js +14 -8
- package/button-dropdown/styles.scoped.css +44 -14
- package/button-dropdown/styles.selectors.js +14 -8
- package/button-dropdown/utils/use-button-dropdown.d.ts +1 -0
- package/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
- package/button-dropdown/utils/use-button-dropdown.js +1 -0
- package/button-dropdown/utils/use-button-dropdown.js.map +1 -1
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +40 -40
- package/calendar/styles.selectors.js +18 -18
- package/cards/index.js +5 -4
- package/cards/index.js.map +1 -1
- package/cards/styles.css.js +38 -38
- package/cards/styles.scoped.css +55 -55
- package/cards/styles.selectors.js +38 -38
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +7 -7
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/index.js +2 -2
- package/code-editor/index.js.map +1 -1
- package/code-editor/status-bar.d.ts.map +1 -1
- package/code-editor/status-bar.js +3 -3
- package/code-editor/status-bar.js.map +1 -1
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +129 -129
- package/code-editor/styles.selectors.js +32 -32
- package/collection-preferences/content-display/styles.css.js +11 -11
- package/collection-preferences/content-display/styles.scoped.css +19 -19
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +47 -47
- package/collection-preferences/styles.selectors.js +37 -37
- package/column-layout/flexible-column-layout/index.d.ts.map +1 -1
- package/column-layout/flexible-column-layout/index.js +2 -2
- package/column-layout/flexible-column-layout/index.js.map +1 -1
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +44 -44
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +28 -28
- package/container/styles.scoped.css +52 -52
- package/container/styles.selectors.js +28 -28
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +10 -10
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +48 -48
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/styles.css.js +29 -29
- package/expandable-section/styles.scoped.css +65 -65
- package/expandable-section/styles.selectors.js +29 -29
- package/flashbar/styles.css.js +46 -46
- package/flashbar/styles.scoped.css +160 -160
- package/flashbar/styles.selectors.js +46 -46
- package/form/internal.d.ts.map +1 -1
- package/form/internal.js +7 -2
- package/form/internal.js.map +1 -1
- package/form/styles.css.js +9 -9
- package/form/styles.scoped.css +9 -9
- package/form/styles.selectors.js +9 -9
- package/form-field/internal.d.ts.map +1 -1
- package/form-field/internal.js +8 -3
- package/form-field/internal.js.map +1 -1
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +31 -31
- package/form-field/styles.selectors.js +19 -19
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +55 -55
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +44 -44
- package/header/styles.scoped.css +50 -50
- package/header/styles.selectors.js +44 -44
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +70 -69
- package/help-panel/styles.selectors.js +4 -4
- package/icon/styles.css.js +21 -21
- package/icon/styles.scoped.css +50 -50
- package/icon/styles.selectors.js +21 -21
- package/input/styles.css.js +12 -12
- package/input/styles.scoped.css +35 -35
- package/input/styles.selectors.js +12 -12
- package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
- package/internal/analytics/components/analytics-funnel.js +58 -11
- package/internal/analytics/components/analytics-funnel.js.map +1 -1
- package/internal/analytics/context/analytics-context.d.ts +5 -1
- package/internal/analytics/context/analytics-context.d.ts.map +1 -1
- package/internal/analytics/context/analytics-context.js +3 -0
- package/internal/analytics/context/analytics-context.js.map +1 -1
- package/internal/analytics/hooks/use-funnel.d.ts +3 -0
- package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
- package/internal/analytics/hooks/use-funnel.js +7 -2
- package/internal/analytics/hooks/use-funnel.js.map +1 -1
- package/internal/base-component/styles.scoped.css +8 -7
- package/internal/components/button-trigger/styles.css.js +9 -9
- package/internal/components/button-trigger/styles.scoped.css +26 -26
- package/internal/components/button-trigger/styles.selectors.js +9 -9
- package/internal/components/cartesian-chart/labels-measure.d.ts.map +1 -1
- package/internal/components/cartesian-chart/labels-measure.js +2 -2
- package/internal/components/cartesian-chart/labels-measure.js.map +1 -1
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +4 -4
- 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 +16 -16
- 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 +4 -4
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +5 -5
- package/internal/components/chart-series-details/styles.scoped.css +10 -10
- package/internal/components/chart-series-details/styles.selectors.js +5 -5
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +8 -8
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-wrapper/styles.css.js +6 -6
- package/internal/components/chart-wrapper/styles.scoped.css +9 -9
- package/internal/components/chart-wrapper/styles.selectors.js +6 -6
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +36 -36
- 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 +4 -4
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/index.d.ts.map +1 -1
- package/internal/components/dropdown-status/index.js +1 -1
- package/internal/components/dropdown-status/index.js.map +1 -1
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +3 -3
- 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 +14 -14
- 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 +31 -31
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/options-list/styles.css.js +2 -2
- package/internal/components/options-list/styles.scoped.css +3 -3
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +29 -29
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/token-list/styles.css.js +9 -9
- package/internal/components/token-list/styles.scoped.css +21 -21
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/environment.js +1 -1
- package/internal/generated/theming/index.cjs +24 -13
- package/internal/generated/theming/index.js +24 -13
- package/internal/hooks/container-queries/index.d.ts +0 -2
- package/internal/hooks/container-queries/index.d.ts.map +1 -1
- package/internal/hooks/container-queries/index.js +2 -1
- package/internal/hooks/container-queries/index.js.map +1 -1
- package/internal/hooks/container-queries/use-container-breakpoints.d.ts.map +1 -1
- package/internal/hooks/container-queries/use-container-breakpoints.js +2 -2
- package/internal/hooks/container-queries/use-container-breakpoints.js.map +1 -1
- package/internal/hooks/container-queries/use-resize-observer.d.ts +1 -1
- package/internal/hooks/container-queries/use-resize-observer.d.ts.map +1 -1
- package/internal/hooks/container-queries/use-resize-observer.js +0 -2
- package/internal/hooks/container-queries/use-resize-observer.js.map +1 -1
- package/internal/hooks/use-dynamic-overlap/index.js +2 -2
- package/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/use-container-width.d.ts.map +1 -1
- package/internal/utils/use-container-width.js +5 -3
- package/internal/utils/use-container-width.js.map +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +73 -73
- package/link/styles.selectors.js +20 -20
- package/modal/internal.d.ts.map +1 -1
- package/modal/internal.js +2 -1
- package/modal/internal.js.map +1 -1
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +40 -40
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +1 -1
- package/multiselect/styles.scoped.css +2 -2
- package/multiselect/styles.selectors.js +1 -1
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +24 -24
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +23 -23
- package/pie-chart/styles.scoped.css +42 -42
- package/pie-chart/styles.selectors.js +23 -23
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +66 -66
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +35 -35
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/index.d.ts.map +1 -1
- package/property-filter/index.js +2 -3
- package/property-filter/index.js.map +1 -1
- package/property-filter/styles.css.js +29 -29
- package/property-filter/styles.scoped.css +32 -32
- package/property-filter/styles.selectors.js +29 -29
- package/property-filter/token-editor.d.ts.map +1 -1
- package/property-filter/token-editor.js +2 -2
- package/property-filter/token-editor.js.map +1 -1
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +17 -17
- package/radio-group/styles.selectors.js +9 -9
- package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
- package/s3-resource-selector/s3-in-context/styles.scoped.css +9 -9
- package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +35 -35
- package/segmented-control/styles.selectors.js +14 -14
- package/select/parts/virtual-list.js +2 -2
- package/select/parts/virtual-list.js.map +1 -1
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +2 -2
- package/select/styles.selectors.js +1 -1
- package/side-navigation/styles.css.js +27 -27
- package/side-navigation/styles.scoped.css +39 -39
- package/side-navigation/styles.selectors.js +27 -27
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +20 -20
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/styles.css.js +56 -56
- package/split-panel/styles.scoped.css +78 -78
- package/split-panel/styles.selectors.js +56 -56
- package/status-indicator/internal.d.ts +6 -3
- package/status-indicator/internal.d.ts.map +1 -1
- package/status-indicator/internal.js +2 -2
- package/status-indicator/internal.js.map +1 -1
- package/status-indicator/styles.css.js +22 -20
- package/status-indicator/styles.scoped.css +33 -28
- package/status-indicator/styles.selectors.js +22 -20
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +6 -4
- package/table/internal.js.map +1 -1
- package/table/sticky-scrollbar/styles.css.js +4 -4
- package/table/sticky-scrollbar/styles.scoped.css +4 -5
- package/table/sticky-scrollbar/styles.selectors.js +4 -4
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +43 -43
- package/table/styles.selectors.js +34 -34
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +39 -39
- package/tabs/styles.selectors.js +21 -21
- package/tabs/tab-header-bar.js +2 -2
- package/tabs/tab-header-bar.js.map +1 -1
- package/test-utils/dom/button-dropdown/index.d.ts +2 -0
- package/test-utils/dom/button-dropdown/index.js +6 -1
- package/test-utils/dom/button-dropdown/index.js.map +1 -1
- package/test-utils/selectors/button-dropdown/index.d.ts +2 -0
- package/test-utils/selectors/button-dropdown/index.js +6 -1
- package/test-utils/selectors/button-dropdown/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +64 -64
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +4 -4
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +14 -14
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +28 -28
- package/tiles/styles.scoped.css +70 -70
- package/tiles/styles.selectors.js +28 -28
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +15 -15
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +7 -7
- package/token-group/styles.scoped.css +17 -17
- package/token-group/styles.selectors.js +7 -7
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +43 -43
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/1.0-beta/use-top-navigation.d.ts.map +1 -1
- package/top-navigation/1.0-beta/use-top-navigation.js +2 -1
- package/top-navigation/1.0-beta/use-top-navigation.js.map +1 -1
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +70 -70
- package/top-navigation/styles.selectors.js +47 -47
- package/top-navigation/use-top-navigation.d.ts.map +1 -1
- package/top-navigation/use-top-navigation.js +2 -1
- package/top-navigation/use-top-navigation.js.map +1 -1
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
- 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 +30 -30
- 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 +2 -2
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +63 -63
- package/wizard/styles.selectors.js +31 -31
- package/internal/hooks/container-queries/interfaces.d.ts +0 -10
- package/internal/hooks/container-queries/interfaces.d.ts.map +0 -1
- package/internal/hooks/container-queries/interfaces.js +0 -4
- package/internal/hooks/container-queries/interfaces.js.map +0 -1
- package/internal/hooks/container-queries/use-container-query.d.ts +0 -22
- package/internal/hooks/container-queries/use-container-query.d.ts.map +0 -1
- package/internal/hooks/container-queries/use-container-query.js +0 -32
- package/internal/hooks/container-queries/use-container-query.js.map +0 -1
|
@@ -90,16 +90,16 @@ 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
|
-
div.
|
|
93
|
+
div.awsui_background_hyvsj_yd4mf_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_yd4mf_93 > .awsui_scrolling-background_hyvsj_yd4mf_96:not(#\9) {
|
|
97
97
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
98
98
|
color: var(--color-text-body-default-su7kuo, #000716);
|
|
99
99
|
grid-column: 1/span 5;
|
|
100
100
|
grid-row: 1/10;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_yd4mf_93 > .awsui_sticky-background_hyvsj_yd4mf_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
104
104
|
grid-column: 1/span 5;
|
|
105
105
|
grid-row: 1/10;
|
|
@@ -107,10 +107,10 @@ div.awsui_background_hyvsj_42qar_93 > .awsui_sticky-background_hyvsj_42qar_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-zw2xxa);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_yd4mf_93 > .awsui_sticky-background_hyvsj_yd4mf_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_yd4mf_110) {
|
|
111
111
|
height: calc(var(--space-scaled-s-913kwi, 12px) + var(--awsui-overlap-height-zw2xxa));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_yd4mf_93 > .awsui_sticky-background_hyvsj_yd4mf_102.awsui_has-sticky-notifications_hyvsj_yd4mf_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
115
|
var(--awsui-notifications-gap-zw2xxa) + var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-913kwi, 12px) + var(--awsui-overlap-height-zw2xxa)
|
|
116
116
|
);
|
|
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_42qar_93 > .awsui_sticky-background_hyvsj_42qar_102.a
|
|
|
120
120
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
121
121
|
SPDX-License-Identifier: Apache-2.0
|
|
122
122
|
*/
|
|
123
|
-
.
|
|
123
|
+
.awsui_breadcrumbs_hyvsj_yd4mf_123:not(#\9) {
|
|
124
124
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
125
125
|
grid-area: breadcrumbs;
|
|
126
126
|
/*
|
|
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_42qar_93 > .awsui_sticky-background_hyvsj_42qar_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_yd4mf_123.awsui_has-sticky-background_hyvsj_yd4mf_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_42qar_93 > .awsui_sticky-background_hyvsj_42qar_102.a
|
|
|
142
142
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
143
143
|
SPDX-License-Identifier: Apache-2.0
|
|
144
144
|
*/
|
|
145
|
-
.awsui_drawers-
|
|
145
|
+
.awsui_drawers-container_hyvsj_yd4mf_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
@@ -154,29 +154,29 @@ div.awsui_background_hyvsj_42qar_93 > .awsui_sticky-background_hyvsj_42qar_102.a
|
|
|
154
154
|
z-index: 830;
|
|
155
155
|
transition: background-color var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
156
156
|
}
|
|
157
|
-
.awsui_drawers-
|
|
157
|
+
.awsui_drawers-container_hyvsj_yd4mf_145.awsui_has-open-drawer_hyvsj_yd4mf_157:not(#\9) {
|
|
158
158
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
159
159
|
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
160
160
|
}
|
|
161
161
|
@media (prefers-reduced-motion: reduce) {
|
|
162
|
-
.awsui_drawers-
|
|
162
|
+
.awsui_drawers-container_hyvsj_yd4mf_145:not(#\9) {
|
|
163
163
|
animation: none;
|
|
164
164
|
transition: none;
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
|
-
.awsui-motion-disabled .awsui_drawers-
|
|
167
|
+
.awsui-motion-disabled .awsui_drawers-container_hyvsj_yd4mf_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_yd4mf_145:not(#\9) {
|
|
168
168
|
animation: none;
|
|
169
169
|
transition: none;
|
|
170
170
|
}
|
|
171
171
|
@media (min-width: 689px) {
|
|
172
|
-
.awsui_drawers-
|
|
172
|
+
.awsui_drawers-container_hyvsj_yd4mf_145:not(#\9) {
|
|
173
173
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
174
174
|
max-width: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
|
|
175
175
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
@media (max-width: 688px) {
|
|
179
|
-
.awsui_drawers-
|
|
179
|
+
.awsui_drawers-container_hyvsj_yd4mf_145:not(#\9) {
|
|
180
180
|
position: fixed;
|
|
181
181
|
right: 0;
|
|
182
182
|
z-index: 1001;
|
|
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_42qar_93 > .awsui_sticky-background_hyvsj_42qar_102.a
|
|
|
188
188
|
relative to the body.
|
|
189
189
|
*/
|
|
190
190
|
}
|
|
191
|
-
.awsui_drawers-
|
|
191
|
+
.awsui_drawers-container_hyvsj_yd4mf_145.awsui_disable-body-scroll_hyvsj_yd4mf_191:not(#\9) {
|
|
192
192
|
top: var(--awsui-header-height-zw2xxa);
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.awsui_drawers-desktop-triggers-
|
|
196
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_yd4mf_196:not(#\9) {
|
|
197
197
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
198
198
|
border-collapse: separate;
|
|
199
199
|
border-spacing: 0;
|
|
@@ -224,7 +224,7 @@ div.awsui_background_hyvsj_42qar_93 > .awsui_sticky-background_hyvsj_42qar_102.a
|
|
|
224
224
|
word-spacing: normal;
|
|
225
225
|
box-sizing: border-box;
|
|
226
226
|
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
227
|
-
line-height: var(--font-body-m-line-height-
|
|
227
|
+
line-height: var(--font-body-m-line-height-ghizru, 20px);
|
|
228
228
|
color: var(--color-text-body-default-su7kuo, #000716);
|
|
229
229
|
font-weight: 400;
|
|
230
230
|
font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
@@ -237,39 +237,39 @@ div.awsui_background_hyvsj_42qar_93 > .awsui_sticky-background_hyvsj_42qar_102.a
|
|
|
237
237
|
overflow-x: hidden;
|
|
238
238
|
overscroll-behavior-y: contain;
|
|
239
239
|
}
|
|
240
|
-
.awsui_drawers-desktop-triggers-
|
|
240
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_yd4mf_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_yd4mf_214).awsui_has-open-drawer_hyvsj_yd4mf_157 {
|
|
241
241
|
width: 0;
|
|
242
242
|
}
|
|
243
|
-
.awsui_drawers-desktop-triggers-
|
|
243
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_yd4mf_196.awsui_has-multiple-triggers_hyvsj_yd4mf_214.awsui_has-open-drawer_hyvsj_yd4mf_157:not(#\9) {
|
|
244
244
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
245
245
|
transition: background-color var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
246
246
|
}
|
|
247
247
|
@media (prefers-reduced-motion: reduce) {
|
|
248
|
-
.awsui_drawers-desktop-triggers-
|
|
248
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_yd4mf_196.awsui_has-multiple-triggers_hyvsj_yd4mf_214.awsui_has-open-drawer_hyvsj_yd4mf_157:not(#\9) {
|
|
249
249
|
animation: none;
|
|
250
250
|
transition: none;
|
|
251
251
|
}
|
|
252
252
|
}
|
|
253
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
253
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_yd4mf_196.awsui_has-multiple-triggers_hyvsj_yd4mf_214.awsui_has-open-drawer_hyvsj_yd4mf_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_yd4mf_196.awsui_has-multiple-triggers_hyvsj_yd4mf_214.awsui_has-open-drawer_hyvsj_yd4mf_157:not(#\9) {
|
|
254
254
|
animation: none;
|
|
255
255
|
transition: none;
|
|
256
256
|
}
|
|
257
|
-
.awsui_drawers-desktop-triggers-
|
|
257
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_yd4mf_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_yd4mf_214):not(.awsui_has-open-drawer_hyvsj_yd4mf_157) {
|
|
258
258
|
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
259
259
|
transition: width var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
260
260
|
}
|
|
261
261
|
@media (prefers-reduced-motion: reduce) {
|
|
262
|
-
.awsui_drawers-desktop-triggers-
|
|
262
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_yd4mf_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_yd4mf_214):not(.awsui_has-open-drawer_hyvsj_yd4mf_157) {
|
|
263
263
|
animation: none;
|
|
264
264
|
transition: none;
|
|
265
265
|
}
|
|
266
266
|
}
|
|
267
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
267
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_yd4mf_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_yd4mf_214):not(.awsui_has-open-drawer_hyvsj_yd4mf_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_yd4mf_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_yd4mf_214):not(.awsui_has-open-drawer_hyvsj_yd4mf_157) {
|
|
268
268
|
animation: none;
|
|
269
269
|
transition: none;
|
|
270
270
|
}
|
|
271
271
|
|
|
272
|
-
.awsui_drawers-trigger-
|
|
272
|
+
.awsui_drawers-trigger-content_hyvsj_yd4mf_246:not(#\9) {
|
|
273
273
|
align-items: center;
|
|
274
274
|
display: flex;
|
|
275
275
|
flex-direction: column;
|
|
@@ -277,33 +277,33 @@ div.awsui_background_hyvsj_42qar_93 > .awsui_sticky-background_hyvsj_42qar_102.a
|
|
|
277
277
|
padding-top: var(--space-scaled-s-913kwi, 12px);
|
|
278
278
|
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
279
279
|
}
|
|
280
|
-
.awsui_drawers-trigger-
|
|
280
|
+
.awsui_drawers-trigger-content_hyvsj_yd4mf_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_yd4mf_214).awsui_has-open-drawer_hyvsj_yd4mf_157 {
|
|
281
281
|
opacity: 0;
|
|
282
282
|
}
|
|
283
|
-
.awsui_drawers-trigger-
|
|
283
|
+
.awsui_drawers-trigger-content_hyvsj_yd4mf_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_yd4mf_214):not(.awsui_has-open-drawer_hyvsj_yd4mf_157) {
|
|
284
284
|
opacity: 1;
|
|
285
285
|
transition: opacity var(--motion-duration-refresh-only-medium-wkp575, 165ms);
|
|
286
286
|
transition-delay: calc(var(--motion-duration-refresh-only-fast-q2mprk, 115ms) / 1.5);
|
|
287
287
|
}
|
|
288
288
|
@media (prefers-reduced-motion: reduce) {
|
|
289
|
-
.awsui_drawers-trigger-
|
|
289
|
+
.awsui_drawers-trigger-content_hyvsj_yd4mf_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_yd4mf_214):not(.awsui_has-open-drawer_hyvsj_yd4mf_157) {
|
|
290
290
|
animation: none;
|
|
291
291
|
transition: none;
|
|
292
292
|
}
|
|
293
293
|
}
|
|
294
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
294
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_yd4mf_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_yd4mf_214):not(.awsui_has-open-drawer_hyvsj_yd4mf_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_yd4mf_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_yd4mf_214):not(.awsui_has-open-drawer_hyvsj_yd4mf_157) {
|
|
295
295
|
animation: none;
|
|
296
296
|
transition: none;
|
|
297
297
|
}
|
|
298
298
|
|
|
299
299
|
@media (max-width: 688px) {
|
|
300
|
-
.awsui_drawers-
|
|
300
|
+
.awsui_drawers-trigger_hyvsj_yd4mf_246:not(#\9) {
|
|
301
301
|
width: 40px;
|
|
302
302
|
text-align: right;
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
|
|
306
|
-
.
|
|
306
|
+
.awsui_drawer_hyvsj_yd4mf_145:not(#\9) {
|
|
307
307
|
--awsui-drawer-size-zw2xxa: 290px;
|
|
308
308
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
309
309
|
border-color: transparent;
|
|
@@ -318,39 +318,39 @@ div.awsui_background_hyvsj_42qar_93 > .awsui_sticky-background_hyvsj_42qar_102.a
|
|
|
318
318
|
pointer-events: auto;
|
|
319
319
|
word-wrap: break-word;
|
|
320
320
|
}
|
|
321
|
-
.
|
|
321
|
+
.awsui_drawer_hyvsj_yd4mf_145 > .awsui_drawer-close-button_hyvsj_yd4mf_295:not(#\9) {
|
|
322
322
|
grid-column: 3;
|
|
323
323
|
grid-row: 2;
|
|
324
324
|
z-index: 1;
|
|
325
325
|
}
|
|
326
|
-
.
|
|
326
|
+
.awsui_drawer_hyvsj_yd4mf_145 > .awsui_drawer-content_hyvsj_yd4mf_300:not(#\9) {
|
|
327
327
|
grid-column: 1/span 4;
|
|
328
328
|
grid-row: 1/span 3;
|
|
329
329
|
width: var(--awsui-drawer-size-zw2xxa);
|
|
330
330
|
}
|
|
331
|
-
.
|
|
331
|
+
.awsui_drawer_hyvsj_yd4mf_145 > .awsui_drawer-slider_hyvsj_yd4mf_305:not(#\9) {
|
|
332
332
|
grid-column: 1;
|
|
333
333
|
grid-row: 3;
|
|
334
334
|
height: 100%;
|
|
335
335
|
display: flex;
|
|
336
336
|
align-items: center;
|
|
337
337
|
}
|
|
338
|
-
.
|
|
338
|
+
.awsui_drawer_hyvsj_yd4mf_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_yd4mf_312) {
|
|
339
339
|
opacity: 0;
|
|
340
340
|
width: 0;
|
|
341
341
|
}
|
|
342
|
-
.
|
|
342
|
+
.awsui_drawer_hyvsj_yd4mf_145.awsui_is-drawer-open_hyvsj_yd4mf_312:not(#\9) {
|
|
343
343
|
border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
344
344
|
opacity: 1;
|
|
345
345
|
width: var(--awsui-drawer-size-zw2xxa);
|
|
346
346
|
}
|
|
347
347
|
@media (min-width: 2541px) {
|
|
348
|
-
.
|
|
348
|
+
.awsui_drawer_hyvsj_yd4mf_145.awsui_is-drawer-open_hyvsj_yd4mf_312:not(#\9) {
|
|
349
349
|
--awsui-drawer-size-zw2xxa: 320px;
|
|
350
350
|
}
|
|
351
351
|
}
|
|
352
352
|
@media (max-width: 688px) {
|
|
353
|
-
.
|
|
353
|
+
.awsui_drawer_hyvsj_yd4mf_145.awsui_is-drawer-open_hyvsj_yd4mf_312:not(#\9) {
|
|
354
354
|
--awsui-drawer-size-zw2xxa: 100vw;
|
|
355
355
|
width: 100vw;
|
|
356
356
|
}
|
|
@@ -360,7 +360,7 @@ div.awsui_background_hyvsj_42qar_93 > .awsui_sticky-background_hyvsj_42qar_102.a
|
|
|
360
360
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
361
361
|
SPDX-License-Identifier: Apache-2.0
|
|
362
362
|
*/
|
|
363
|
-
header.
|
|
363
|
+
header.awsui_content_hyvsj_yd4mf_337:not(#\9) {
|
|
364
364
|
grid-area: header;
|
|
365
365
|
}
|
|
366
366
|
|
|
@@ -381,7 +381,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
381
381
|
circumstances regardless of whether the minContentWidth property is
|
|
382
382
|
explicitly set in script.
|
|
383
383
|
*/
|
|
384
|
-
.
|
|
384
|
+
.awsui_layout_hyvsj_yd4mf_358:not(#\9) {
|
|
385
385
|
--awsui-breadcrumbs-gap-zw2xxa: 0px;
|
|
386
386
|
--awsui-content-gap-left-zw2xxa: 0px;
|
|
387
387
|
--awsui-content-gap-right-zw2xxa: 0px;
|
|
@@ -464,133 +464,133 @@ explicitly set in script.
|
|
|
464
464
|
*/
|
|
465
465
|
}
|
|
466
466
|
@media (min-width: 1401px) {
|
|
467
|
-
.
|
|
467
|
+
.awsui_layout_hyvsj_yd4mf_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_yd4mf_441) {
|
|
468
468
|
--awsui-default-max-content-width-zw2xxa: 1280px;
|
|
469
469
|
}
|
|
470
470
|
}
|
|
471
471
|
@media (min-width: 1921px) {
|
|
472
|
-
.
|
|
472
|
+
.awsui_layout_hyvsj_yd4mf_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_yd4mf_441) {
|
|
473
473
|
--awsui-default-max-content-width-zw2xxa: 1440px;
|
|
474
474
|
}
|
|
475
475
|
}
|
|
476
476
|
@media (min-width: 2541px) {
|
|
477
|
-
.
|
|
477
|
+
.awsui_layout_hyvsj_yd4mf_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_yd4mf_441) {
|
|
478
478
|
--awsui-default-max-content-width-zw2xxa: 1620px;
|
|
479
479
|
}
|
|
480
480
|
}
|
|
481
481
|
@media (min-width: 1401px) {
|
|
482
|
-
.
|
|
482
|
+
.awsui_layout_hyvsj_yd4mf_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_yd4mf_441).awsui_content-type-dashboard_hyvsj_yd4mf_456 {
|
|
483
483
|
--awsui-default-max-content-width-zw2xxa: 1280px;
|
|
484
484
|
}
|
|
485
485
|
}
|
|
486
486
|
@media (min-width: 1921px) {
|
|
487
|
-
.
|
|
487
|
+
.awsui_layout_hyvsj_yd4mf_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_yd4mf_441).awsui_content-type-dashboard_hyvsj_yd4mf_456 {
|
|
488
488
|
--awsui-default-max-content-width-zw2xxa: 1620px;
|
|
489
489
|
}
|
|
490
490
|
}
|
|
491
491
|
@media (min-width: 2541px) {
|
|
492
|
-
.
|
|
492
|
+
.awsui_layout_hyvsj_yd4mf_358:not(#\9):not(.awsui_has-max-content-width_hyvsj_yd4mf_441).awsui_content-type-dashboard_hyvsj_yd4mf_456 {
|
|
493
493
|
--awsui-default-max-content-width-zw2xxa: 2160px;
|
|
494
494
|
}
|
|
495
495
|
}
|
|
496
|
-
.
|
|
496
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_has-max-content-width_hyvsj_yd4mf_441:not(#\9) {
|
|
497
497
|
--awsui-default-max-content-width-zw2xxa: var(--awsui-max-content-width-zw2xxa);
|
|
498
498
|
}
|
|
499
|
-
.
|
|
499
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_is-overlap-disabled_hyvsj_yd4mf_473:not(#\9) {
|
|
500
500
|
--awsui-overlap-height-zw2xxa: 0;
|
|
501
501
|
}
|
|
502
502
|
@media (min-width: 993px) {
|
|
503
|
-
.
|
|
503
|
+
.awsui_layout_hyvsj_yd4mf_358:not(#\9) {
|
|
504
504
|
--awsui-default-min-content-width-zw2xxa: var(--awsui-min-content-width-zw2xxa, 280px);
|
|
505
505
|
}
|
|
506
506
|
}
|
|
507
507
|
@media (max-width: 992px) {
|
|
508
|
-
.
|
|
508
|
+
.awsui_layout_hyvsj_yd4mf_358:not(#\9) {
|
|
509
509
|
--awsui-default-min-content-width-zw2xxa: 0px;
|
|
510
510
|
}
|
|
511
511
|
}
|
|
512
|
-
.
|
|
512
|
+
.awsui_layout_hyvsj_yd4mf_358:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_yd4mf_110):not(.awsui_has-sticky-background_hyvsj_yd4mf_133) {
|
|
513
513
|
--awsui-offset-top-with-notifications-zw2xxa: var(--awsui-header-height-zw2xxa);
|
|
514
514
|
}
|
|
515
|
-
.
|
|
515
|
+
.awsui_layout_hyvsj_yd4mf_358:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_yd4mf_110).awsui_has-sticky-background_hyvsj_yd4mf_133 {
|
|
516
516
|
--awsui-offset-top-with-notifications-zw2xxa: calc(var(--awsui-header-height-zw2xxa) + var(--space-scaled-s-913kwi, 12px));
|
|
517
517
|
}
|
|
518
|
-
.
|
|
518
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_has-sticky-notifications_hyvsj_yd4mf_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_yd4mf_133) {
|
|
519
519
|
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
520
520
|
var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
|
|
521
521
|
var(--awsui-notifications-height-zw2xxa) + var(--space-xxxs-j6dpcy, 2px)
|
|
522
522
|
);
|
|
523
523
|
}
|
|
524
|
-
.
|
|
524
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_has-sticky-notifications_hyvsj_yd4mf_110.awsui_has-sticky-background_hyvsj_yd4mf_133:not(#\9) {
|
|
525
525
|
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
526
526
|
var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
|
|
527
527
|
var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-913kwi, 12px)
|
|
528
528
|
);
|
|
529
529
|
}
|
|
530
530
|
@media (min-width: 689px) {
|
|
531
|
-
.
|
|
531
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_has-content-gap-left_hyvsj_yd4mf_505:not(#\9) {
|
|
532
532
|
--awsui-content-gap-left-zw2xxa: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
|
|
533
533
|
}
|
|
534
|
-
.
|
|
534
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_has-content-gap-right_hyvsj_yd4mf_508:not(#\9) {
|
|
535
535
|
--awsui-content-gap-right-zw2xxa: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
|
|
536
536
|
}
|
|
537
537
|
}
|
|
538
538
|
@media (max-width: 688px) {
|
|
539
|
-
.
|
|
539
|
+
.awsui_layout_hyvsj_yd4mf_358:not(#\9) {
|
|
540
540
|
--awsui-content-gap-left-zw2xxa: var(--space-l-f4l5gr, 20px);
|
|
541
541
|
--awsui-content-gap-right-zw2xxa: var(--space-l-f4l5gr, 20px);
|
|
542
542
|
}
|
|
543
543
|
}
|
|
544
|
-
.
|
|
544
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_content-first-child-notifications_hyvsj_yd4mf_518:not(#\9) {
|
|
545
545
|
--awsui-notifications-gap-zw2xxa: var(--space-xs-edba2s, 8px);
|
|
546
546
|
}
|
|
547
|
-
.
|
|
547
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_has-breadcrumbs_hyvsj_yd4mf_521:not(#\9) {
|
|
548
548
|
--awsui-breadcrumbs-gap-zw2xxa: var(--space-scaled-m-gxhdpl, 16px);
|
|
549
549
|
}
|
|
550
|
-
.
|
|
550
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_content-first-child-header_hyvsj_yd4mf_524:not(#\9), .awsui_layout_hyvsj_yd4mf_358.awsui_content-first-child-notifications_hyvsj_yd4mf_518:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_yd4mf_521).awsui_has-header_hyvsj_yd4mf_524 {
|
|
551
551
|
--awsui-header-gap-zw2xxa: var(--space-scaled-xs-wbfgrv, 8px);
|
|
552
552
|
}
|
|
553
|
-
.
|
|
553
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_has-breadcrumbs_hyvsj_yd4mf_521.awsui_has-header_hyvsj_yd4mf_524:not(#\9) {
|
|
554
554
|
--awsui-header-gap-zw2xxa: var(--space-scaled-xxs-t2t62i, 4px);
|
|
555
555
|
}
|
|
556
|
-
.
|
|
556
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_content-first-child-notifications_hyvsj_yd4mf_518:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_yd4mf_521):not(.awsui_has-header_hyvsj_yd4mf_524) {
|
|
557
557
|
--awsui-main-gap-zw2xxa: var(--space-xs-edba2s, 8px);
|
|
558
558
|
}
|
|
559
|
-
.
|
|
559
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_has-breadcrumbs_hyvsj_yd4mf_521:not(#\9):not(.awsui_has-header_hyvsj_yd4mf_524) {
|
|
560
560
|
--awsui-container-first-gap-zw2xxa: calc(var(--awsui-breadcrumbs-gap-zw2xxa) - var(--awsui-main-gap-zw2xxa));
|
|
561
561
|
}
|
|
562
|
-
.
|
|
562
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_has-breadcrumbs_hyvsj_yd4mf_521:not(#\9):not(.awsui_has-header_hyvsj_yd4mf_524).awsui_is-overlap-disabled_hyvsj_yd4mf_473 {
|
|
563
563
|
--awsui-main-gap-zw2xxa: var(--space-scaled-m-gxhdpl, 16px);
|
|
564
564
|
}
|
|
565
|
-
.
|
|
565
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_has-breadcrumbs_hyvsj_yd4mf_521:not(#\9):not(.awsui_has-header_hyvsj_yd4mf_524):not(.awsui_is-overlap-disabled_hyvsj_yd4mf_473) {
|
|
566
566
|
--awsui-main-gap-zw2xxa: var(--space-scaled-xxs-t2t62i, 4px);
|
|
567
567
|
}
|
|
568
|
-
.
|
|
568
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_has-header_hyvsj_yd4mf_524:not(#\9) {
|
|
569
569
|
--awsui-main-gap-zw2xxa: var(--space-scaled-xl-jawob6, 24px);
|
|
570
570
|
}
|
|
571
|
-
.
|
|
571
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_content-first-child-main_hyvsj_yd4mf_545:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_yd4mf_473), .awsui_layout_hyvsj_yd4mf_358.awsui_content-first-child-main_hyvsj_yd4mf_545.awsui_is-overlap-disabled_hyvsj_yd4mf_473:not(#\9):not(.awsui_disable-content-paddings_hyvsj_yd4mf_545) {
|
|
572
572
|
--awsui-main-gap-zw2xxa: var(--space-scaled-xs-wbfgrv, 8px);
|
|
573
573
|
}
|
|
574
574
|
@media (min-width: 689px) {
|
|
575
|
-
.
|
|
575
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_content-first-child-main_hyvsj_yd4mf_545:not(#\9):not(.awsui_has-header_hyvsj_yd4mf_524) {
|
|
576
576
|
--awsui-container-first-overlap-extension-zw2xxa: var(--space-m-h2th94, 16px);
|
|
577
577
|
--awsui-container-first-gap-zw2xxa: var(--space-xxs-ja5cp8, 4px);
|
|
578
578
|
}
|
|
579
579
|
}
|
|
580
580
|
@media (max-width: 688px) {
|
|
581
|
-
.
|
|
581
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_content-first-child-notifications_hyvsj_yd4mf_518:not(#\9) {
|
|
582
582
|
--awsui-notifications-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
|
|
583
583
|
}
|
|
584
|
-
.
|
|
584
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_content-first-child-header_hyvsj_yd4mf_524:not(#\9) {
|
|
585
585
|
--awsui-header-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
|
|
586
586
|
}
|
|
587
|
-
.
|
|
587
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_content-first-child-notifications_hyvsj_yd4mf_518:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_yd4mf_521).awsui_has-header_hyvsj_yd4mf_524 {
|
|
588
588
|
--awsui-header-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
|
|
589
589
|
}
|
|
590
|
-
.
|
|
590
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_content-first-child-notifications_hyvsj_yd4mf_518:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_yd4mf_521):not(.awsui_has-header_hyvsj_yd4mf_524), .awsui_layout_hyvsj_yd4mf_358.awsui_content-first-child-main_hyvsj_yd4mf_545:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_yd4mf_473) {
|
|
591
591
|
--awsui-main-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
|
|
592
592
|
}
|
|
593
|
-
.
|
|
593
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_content-first-child-main_hyvsj_yd4mf_545.awsui_is-overlap-disabled_hyvsj_yd4mf_473:not(#\9):not(.awsui_disable-content-paddings_hyvsj_yd4mf_545) {
|
|
594
594
|
--awsui-main-gap-zw2xxa: var(--space-scaled-m-gxhdpl, 16px);
|
|
595
595
|
}
|
|
596
596
|
}
|
|
@@ -605,19 +605,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
605
605
|
position: sticky will be the value of the notifications height in addition to the
|
|
606
606
|
notifications top margin and some additional vertical space for aesthetics.
|
|
607
607
|
*/
|
|
608
|
-
.
|
|
608
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_disable-body-scroll_hyvsj_yd4mf_191:not(#\9) {
|
|
609
609
|
--awsui-main-template-rows-zw2xxa: 1fr auto;
|
|
610
610
|
--awsui-offset-top-zw2xxa: 0px;
|
|
611
611
|
height: var(--awsui-content-height-zw2xxa);
|
|
612
612
|
overflow-y: scroll;
|
|
613
613
|
}
|
|
614
|
-
.
|
|
614
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_disable-body-scroll_hyvsj_yd4mf_191.awsui_has-split-panel_hyvsj_yd4mf_588.awsui_split-panel-position-bottom_hyvsj_yd4mf_588:not(#\9) {
|
|
615
615
|
--awsui-main-template-rows-zw2xxa: repeat(2, auto);
|
|
616
616
|
}
|
|
617
|
-
.
|
|
617
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_disable-body-scroll_hyvsj_yd4mf_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_yd4mf_110) {
|
|
618
618
|
--awsui-offset-top-with-notifications-zw2xxa: 0px;
|
|
619
619
|
}
|
|
620
|
-
.
|
|
620
|
+
.awsui_layout_hyvsj_yd4mf_358.awsui_disable-body-scroll_hyvsj_yd4mf_191.awsui_has-sticky-notifications_hyvsj_yd4mf_110:not(#\9) {
|
|
621
621
|
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
622
622
|
var(--awsui-notifications-height-zw2xxa) + var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px)
|
|
623
623
|
);
|
|
@@ -627,13 +627,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
627
627
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
628
628
|
when the navigation or tools drawers are open in responsive viewports.
|
|
629
629
|
*/
|
|
630
|
-
.awsui_block-body-
|
|
630
|
+
.awsui_block-body-scroll_hyvsj_yd4mf_604:not(#\9) {
|
|
631
631
|
overflow: hidden;
|
|
632
632
|
}
|
|
633
633
|
|
|
634
634
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
635
|
-
.
|
|
636
|
-
.
|
|
635
|
+
.awsui_unfocusable_hyvsj_yd4mf_609:not(#\9),
|
|
636
|
+
.awsui_unfocusable_hyvsj_yd4mf_609 *:not(#\9) {
|
|
637
637
|
visibility: hidden !important;
|
|
638
638
|
}
|
|
639
639
|
|
|
@@ -642,7 +642,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
642
642
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
643
643
|
SPDX-License-Identifier: Apache-2.0
|
|
644
644
|
*/
|
|
645
|
-
.
|
|
645
|
+
.awsui_container_hyvsj_yd4mf_619:not(#\9) {
|
|
646
646
|
grid-area: main;
|
|
647
647
|
padding-bottom: var(--space-layout-content-bottom-zwsyun, 40px);
|
|
648
648
|
/*
|
|
@@ -659,18 +659,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
659
659
|
on the right, we decrement the column end by one.
|
|
660
660
|
*/
|
|
661
661
|
}
|
|
662
|
-
.
|
|
662
|
+
.awsui_container_hyvsj_yd4mf_619.awsui_has-split-panel_hyvsj_yd4mf_588.awsui_split-panel-position-bottom_hyvsj_yd4mf_588:not(#\9) {
|
|
663
663
|
padding-bottom: calc(var(--awsui-split-panel-height-zw2xxa) + var(--space-layout-content-bottom-zwsyun, 40px));
|
|
664
664
|
}
|
|
665
|
-
.
|
|
665
|
+
.awsui_container_hyvsj_yd4mf_619.awsui_disable-content-paddings_hyvsj_yd4mf_545:not(#\9) {
|
|
666
666
|
grid-column: 1/6;
|
|
667
667
|
padding: 0;
|
|
668
668
|
}
|
|
669
669
|
@media (min-width: 689px) {
|
|
670
|
-
.
|
|
670
|
+
.awsui_container_hyvsj_yd4mf_619.awsui_disable-content-paddings_hyvsj_yd4mf_545.awsui_is-navigation-open_hyvsj_yd4mf_644:not(#\9) {
|
|
671
671
|
grid-column-start: 2;
|
|
672
672
|
}
|
|
673
|
-
.
|
|
673
|
+
.awsui_container_hyvsj_yd4mf_619.awsui_disable-content-paddings_hyvsj_yd4mf_545.awsui_is-tools-open_hyvsj_yd4mf_647:not(#\9), .awsui_container_hyvsj_yd4mf_619.awsui_disable-content-paddings_hyvsj_yd4mf_545.awsui_is-split-panel-open_hyvsj_yd4mf_647.awsui_split-panel-position-side_hyvsj_yd4mf_647:not(#\9) {
|
|
674
674
|
grid-column-end: 5;
|
|
675
675
|
}
|
|
676
676
|
}
|
|
@@ -679,7 +679,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
679
679
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
680
680
|
SPDX-License-Identifier: Apache-2.0
|
|
681
681
|
*/
|
|
682
|
-
section.awsui_mobile-
|
|
682
|
+
section.awsui_mobile-toolbar_hyvsj_yd4mf_656:not(#\9) {
|
|
683
683
|
align-items: center;
|
|
684
684
|
background-color: var(--color-background-home-header-qnhw1k, #000716);
|
|
685
685
|
border-bottom: 1px solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
@@ -695,15 +695,15 @@ section.awsui_mobile-toolbar_hyvsj_42qar_656:not(#\9) {
|
|
|
695
695
|
top: var(--awsui-offset-top-zw2xxa);
|
|
696
696
|
z-index: 1000;
|
|
697
697
|
}
|
|
698
|
-
section.awsui_mobile-
|
|
698
|
+
section.awsui_mobile-toolbar_hyvsj_yd4mf_656 > .awsui_mobile-toolbar-nav_hyvsj_yd4mf_672:not(#\9) {
|
|
699
699
|
grid-column: 1;
|
|
700
700
|
margin-right: var(--space-m-h2th94, 16px);
|
|
701
701
|
}
|
|
702
|
-
section.awsui_mobile-
|
|
702
|
+
section.awsui_mobile-toolbar_hyvsj_yd4mf_656 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_yd4mf_676:not(#\9) {
|
|
703
703
|
grid-column: 2;
|
|
704
704
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
705
705
|
}
|
|
706
|
-
section.awsui_mobile-
|
|
706
|
+
section.awsui_mobile-toolbar_hyvsj_yd4mf_656 > .awsui_mobile-toolbar-tools_hyvsj_yd4mf_680:not(#\9) {
|
|
707
707
|
grid-column: 3;
|
|
708
708
|
margin-left: var(--space-m-h2th94, 16px);
|
|
709
709
|
}
|
|
@@ -712,7 +712,7 @@ section.awsui_mobile-toolbar_hyvsj_42qar_656 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
712
712
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
713
713
|
SPDX-License-Identifier: Apache-2.0
|
|
714
714
|
*/
|
|
715
|
-
.awsui_navigation-
|
|
715
|
+
.awsui_navigation-container_hyvsj_yd4mf_689:not(#\9) {
|
|
716
716
|
--awsui-navigation-width-zw2xxa: 280px;
|
|
717
717
|
display: flex;
|
|
718
718
|
grid-column: 1;
|
|
@@ -734,12 +734,12 @@ section.awsui_mobile-toolbar_hyvsj_42qar_656 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
734
734
|
pointer-events: none;
|
|
735
735
|
}
|
|
736
736
|
@media (min-width: 2541px) {
|
|
737
|
-
.awsui_navigation-
|
|
737
|
+
.awsui_navigation-container_hyvsj_yd4mf_689:not(#\9) {
|
|
738
738
|
--awsui-navigation-width-zw2xxa: 320px;
|
|
739
739
|
}
|
|
740
740
|
}
|
|
741
741
|
@media (max-width: 688px) {
|
|
742
|
-
.awsui_navigation-
|
|
742
|
+
.awsui_navigation-container_hyvsj_yd4mf_689:not(#\9) {
|
|
743
743
|
left: 0;
|
|
744
744
|
position: fixed;
|
|
745
745
|
z-index: 1001;
|
|
@@ -751,19 +751,19 @@ section.awsui_mobile-toolbar_hyvsj_42qar_656 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
751
751
|
relative to the body.
|
|
752
752
|
*/
|
|
753
753
|
}
|
|
754
|
-
.awsui_navigation-
|
|
754
|
+
.awsui_navigation-container_hyvsj_yd4mf_689.awsui_disable-body-scroll_hyvsj_yd4mf_191:not(#\9) {
|
|
755
755
|
top: var(--awsui-header-height-zw2xxa);
|
|
756
756
|
}
|
|
757
757
|
}
|
|
758
758
|
|
|
759
|
-
nav.awsui_show-
|
|
759
|
+
nav.awsui_show-navigation_hyvsj_yd4mf_733:not(#\9) {
|
|
760
760
|
padding: var(--space-scaled-s-913kwi, 12px) var(--space-layout-toggle-padding-dhzjwp, 20px);
|
|
761
761
|
/*
|
|
762
762
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
763
763
|
take control in responsive viewports.
|
|
764
764
|
*/
|
|
765
765
|
}
|
|
766
|
-
@keyframes
|
|
766
|
+
@keyframes awsui_showButtons_hyvsj_yd4mf_1 {
|
|
767
767
|
0% {
|
|
768
768
|
opacity: 0;
|
|
769
769
|
}
|
|
@@ -771,31 +771,31 @@ nav.awsui_show-navigation_hyvsj_42qar_733:not(#\9) {
|
|
|
771
771
|
opacity: 1;
|
|
772
772
|
}
|
|
773
773
|
}
|
|
774
|
-
nav.awsui_show-
|
|
774
|
+
nav.awsui_show-navigation_hyvsj_yd4mf_733.awsui_is-navigation-open_hyvsj_yd4mf_644:not(#\9) {
|
|
775
775
|
display: none;
|
|
776
776
|
}
|
|
777
777
|
@media (min-width: 689px) {
|
|
778
|
-
nav.awsui_show-
|
|
778
|
+
nav.awsui_show-navigation_hyvsj_yd4mf_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_yd4mf_644) {
|
|
779
779
|
display: block;
|
|
780
780
|
}
|
|
781
|
-
nav.awsui_show-
|
|
782
|
-
animation:
|
|
781
|
+
nav.awsui_show-navigation_hyvsj_yd4mf_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_yd4mf_644).awsui_animating_hyvsj_yd4mf_755 {
|
|
782
|
+
animation: awsui_showButtons_hyvsj_yd4mf_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
783
783
|
}
|
|
784
784
|
}
|
|
785
785
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
786
|
-
nav.awsui_show-
|
|
786
|
+
nav.awsui_show-navigation_hyvsj_yd4mf_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_yd4mf_644).awsui_animating_hyvsj_yd4mf_755 {
|
|
787
787
|
animation: none;
|
|
788
788
|
transition: none;
|
|
789
789
|
}
|
|
790
790
|
}
|
|
791
791
|
@media (min-width: 689px) {
|
|
792
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
792
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_yd4mf_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_yd4mf_644).awsui_animating_hyvsj_yd4mf_755, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_yd4mf_733:not(#\9):not(.awsui_is-navigation-open_hyvsj_yd4mf_644).awsui_animating_hyvsj_yd4mf_755 {
|
|
793
793
|
animation: none;
|
|
794
794
|
transition: none;
|
|
795
795
|
}
|
|
796
796
|
}
|
|
797
797
|
|
|
798
|
-
nav.
|
|
798
|
+
nav.awsui_navigation_hyvsj_yd4mf_689:not(#\9) {
|
|
799
799
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
800
800
|
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
801
801
|
bottom: 0;
|
|
@@ -812,7 +812,7 @@ nav.awsui_navigation_hyvsj_42qar_689:not(#\9) {
|
|
|
812
812
|
prevent unwanted text wrapping.
|
|
813
813
|
*/
|
|
814
814
|
}
|
|
815
|
-
@keyframes
|
|
815
|
+
@keyframes awsui_openNavigation_hyvsj_yd4mf_1 {
|
|
816
816
|
from {
|
|
817
817
|
opacity: 0;
|
|
818
818
|
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
@@ -822,33 +822,33 @@ nav.awsui_navigation_hyvsj_42qar_689:not(#\9) {
|
|
|
822
822
|
width: var(--awsui-navigation-width-zw2xxa);
|
|
823
823
|
}
|
|
824
824
|
}
|
|
825
|
-
nav.
|
|
825
|
+
nav.awsui_navigation_hyvsj_yd4mf_689:not(#\9):not(.awsui_is-navigation-open_hyvsj_yd4mf_644) {
|
|
826
826
|
width: 0;
|
|
827
827
|
display: none;
|
|
828
828
|
}
|
|
829
|
-
nav.
|
|
830
|
-
animation:
|
|
829
|
+
nav.awsui_navigation_hyvsj_yd4mf_689.awsui_is-navigation-open_hyvsj_yd4mf_644.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
830
|
+
animation: awsui_openNavigation_hyvsj_yd4mf_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
831
831
|
}
|
|
832
832
|
@media (prefers-reduced-motion: reduce) {
|
|
833
|
-
nav.
|
|
833
|
+
nav.awsui_navigation_hyvsj_yd4mf_689.awsui_is-navigation-open_hyvsj_yd4mf_644.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
834
834
|
animation: none;
|
|
835
835
|
transition: none;
|
|
836
836
|
}
|
|
837
837
|
}
|
|
838
|
-
.awsui-motion-disabled nav.
|
|
838
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_yd4mf_689.awsui_is-navigation-open_hyvsj_yd4mf_644.awsui_animating_hyvsj_yd4mf_755:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_yd4mf_689.awsui_is-navigation-open_hyvsj_yd4mf_644.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
839
839
|
animation: none;
|
|
840
840
|
transition: none;
|
|
841
841
|
}
|
|
842
|
-
nav.
|
|
842
|
+
nav.awsui_navigation_hyvsj_yd4mf_689 > .awsui_animated-content_hyvsj_yd4mf_816:not(#\9) {
|
|
843
843
|
width: var(--awsui-navigation-width-zw2xxa);
|
|
844
844
|
}
|
|
845
845
|
@media (max-width: 688px) {
|
|
846
|
-
nav.
|
|
846
|
+
nav.awsui_navigation_hyvsj_yd4mf_689:not(#\9) {
|
|
847
847
|
--awsui-navigation-width-zw2xxa: 100vw;
|
|
848
848
|
}
|
|
849
849
|
}
|
|
850
850
|
|
|
851
|
-
.awsui_hide-
|
|
851
|
+
.awsui_hide-navigation_hyvsj_yd4mf_825:not(#\9) {
|
|
852
852
|
position: absolute;
|
|
853
853
|
right: var(--space-m-h2th94, 16px);
|
|
854
854
|
top: var(--size-vertical-panel-icon-offset-zd2rli, 15px);
|
|
@@ -858,13 +858,13 @@ nav.awsui_navigation_hyvsj_42qar_689 > .awsui_animated-content_hyvsj_42qar_816:n
|
|
|
858
858
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
859
859
|
SPDX-License-Identifier: Apache-2.0
|
|
860
860
|
*/
|
|
861
|
-
.
|
|
861
|
+
.awsui_notifications_hyvsj_yd4mf_835:not(#\9) {
|
|
862
862
|
color: var(--color-text-body-default-su7kuo, #000716);
|
|
863
863
|
grid-area: notifications;
|
|
864
864
|
z-index: 850;
|
|
865
865
|
}
|
|
866
866
|
@media (min-width: 689px) {
|
|
867
|
-
.
|
|
867
|
+
.awsui_notifications_hyvsj_yd4mf_835.awsui_sticky-notifications_hyvsj_yd4mf_841:not(#\9) {
|
|
868
868
|
--awsui-flashbar-sticky-bottom-margin-zw2xxa: var(--space-xxl-sgg5p8, 32px);
|
|
869
869
|
position: sticky;
|
|
870
870
|
top: calc(var(--awsui-offset-top-zw2xxa) + var(--space-xs-edba2s, 8px));
|
|
@@ -881,7 +881,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
881
881
|
consume the remaining vertical space in the grid after the notifications
|
|
882
882
|
and breadcrumbs.
|
|
883
883
|
*/
|
|
884
|
-
section.awsui_split-panel-
|
|
884
|
+
section.awsui_split-panel-bottom_hyvsj_yd4mf_858:not(#\9) {
|
|
885
885
|
/*
|
|
886
886
|
The align self property will position the split panel at the bottom of the grid row.
|
|
887
887
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -916,7 +916,7 @@ section.awsui_split-panel-bottom_hyvsj_42qar_858:not(#\9) {
|
|
|
916
916
|
apply the animation to the height property.
|
|
917
917
|
*/
|
|
918
918
|
}
|
|
919
|
-
@keyframes
|
|
919
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_yd4mf_1 {
|
|
920
920
|
from {
|
|
921
921
|
height: var(--awsui-split-panel-reported-header-size-zw2xxa, 0);
|
|
922
922
|
}
|
|
@@ -924,39 +924,39 @@ section.awsui_split-panel-bottom_hyvsj_42qar_858:not(#\9) {
|
|
|
924
924
|
height: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
925
925
|
}
|
|
926
926
|
}
|
|
927
|
-
section.awsui_split-panel-
|
|
927
|
+
section.awsui_split-panel-bottom_hyvsj_yd4mf_858.awsui_disable-body-scroll_hyvsj_yd4mf_191:not(#\9) {
|
|
928
928
|
bottom: 0;
|
|
929
929
|
}
|
|
930
|
-
section.awsui_split-panel-
|
|
930
|
+
section.awsui_split-panel-bottom_hyvsj_yd4mf_858.awsui_is-navigation-open_hyvsj_yd4mf_644.awsui_position-bottom_hyvsj_yd4mf_904:not(#\9) {
|
|
931
931
|
grid-column-start: 2;
|
|
932
932
|
}
|
|
933
|
-
section.awsui_split-panel-
|
|
933
|
+
section.awsui_split-panel-bottom_hyvsj_yd4mf_858.awsui_has-open-drawer_hyvsj_yd4mf_157.awsui_position-bottom_hyvsj_yd4mf_904:not(#\9) {
|
|
934
934
|
grid-column-end: 5;
|
|
935
935
|
}
|
|
936
|
-
section.awsui_split-panel-
|
|
936
|
+
section.awsui_split-panel-bottom_hyvsj_yd4mf_858.awsui_position-bottom_hyvsj_yd4mf_904:not(#\9) {
|
|
937
937
|
display: block;
|
|
938
938
|
}
|
|
939
|
-
section.awsui_split-panel-
|
|
939
|
+
section.awsui_split-panel-bottom_hyvsj_yd4mf_858:not(#\9):not(.awsui_is-split-panel-open_hyvsj_yd4mf_647).awsui_position-bottom_hyvsj_yd4mf_904 {
|
|
940
940
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
941
941
|
}
|
|
942
|
-
section.awsui_split-panel-
|
|
942
|
+
section.awsui_split-panel-bottom_hyvsj_yd4mf_858.awsui_is-split-panel-open_hyvsj_yd4mf_647.awsui_position-bottom_hyvsj_yd4mf_904:not(#\9) {
|
|
943
943
|
box-shadow: var(--shadow-split-bottom-ijqtlb, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
944
944
|
}
|
|
945
|
-
section.awsui_split-panel-
|
|
946
|
-
animation:
|
|
945
|
+
section.awsui_split-panel-bottom_hyvsj_yd4mf_858.awsui_is-split-panel-open_hyvsj_yd4mf_647.awsui_position-bottom_hyvsj_yd4mf_904.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
946
|
+
animation: awsui_openSplitPanelBottom_hyvsj_yd4mf_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
947
947
|
}
|
|
948
948
|
@media (prefers-reduced-motion: reduce) {
|
|
949
|
-
section.awsui_split-panel-
|
|
949
|
+
section.awsui_split-panel-bottom_hyvsj_yd4mf_858.awsui_is-split-panel-open_hyvsj_yd4mf_647.awsui_position-bottom_hyvsj_yd4mf_904.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
950
950
|
animation: none;
|
|
951
951
|
transition: none;
|
|
952
952
|
}
|
|
953
953
|
}
|
|
954
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
954
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_yd4mf_858.awsui_is-split-panel-open_hyvsj_yd4mf_647.awsui_position-bottom_hyvsj_yd4mf_904.awsui_animating_hyvsj_yd4mf_755:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_yd4mf_858.awsui_is-split-panel-open_hyvsj_yd4mf_647.awsui_position-bottom_hyvsj_yd4mf_904.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
955
955
|
animation: none;
|
|
956
956
|
transition: none;
|
|
957
957
|
}
|
|
958
958
|
|
|
959
|
-
section.awsui_split-panel-
|
|
959
|
+
section.awsui_split-panel-side_hyvsj_yd4mf_933:not(#\9) {
|
|
960
960
|
height: 100%;
|
|
961
961
|
overflow-x: hidden;
|
|
962
962
|
pointer-events: auto;
|
|
@@ -971,7 +971,7 @@ section.awsui_split-panel-side_hyvsj_42qar_933:not(#\9) {
|
|
|
971
971
|
prevent unwanted text wrapping.
|
|
972
972
|
*/
|
|
973
973
|
}
|
|
974
|
-
@keyframes
|
|
974
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_yd4mf_1 {
|
|
975
975
|
from {
|
|
976
976
|
opacity: 0;
|
|
977
977
|
width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
|
|
@@ -981,28 +981,28 @@ section.awsui_split-panel-side_hyvsj_42qar_933:not(#\9) {
|
|
|
981
981
|
width: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
982
982
|
}
|
|
983
983
|
}
|
|
984
|
-
section.awsui_split-panel-
|
|
984
|
+
section.awsui_split-panel-side_hyvsj_yd4mf_933:not(#\9):not(.awsui_is-split-panel-open_hyvsj_yd4mf_647), section.awsui_split-panel-side_hyvsj_yd4mf_933.awsui_position-bottom_hyvsj_yd4mf_904:not(#\9) {
|
|
985
985
|
width: 0;
|
|
986
986
|
}
|
|
987
|
-
section.awsui_split-panel-
|
|
987
|
+
section.awsui_split-panel-side_hyvsj_yd4mf_933.awsui_is-split-panel-open_hyvsj_yd4mf_647.awsui_position-side_hyvsj_yd4mf_961:not(#\9) {
|
|
988
988
|
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
989
989
|
max-width: var(--awsui-split-panel-max-width-zw2xxa, 280px);
|
|
990
990
|
min-width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
|
|
991
991
|
}
|
|
992
|
-
section.awsui_split-panel-
|
|
993
|
-
animation:
|
|
992
|
+
section.awsui_split-panel-side_hyvsj_yd4mf_933.awsui_is-split-panel-open_hyvsj_yd4mf_647.awsui_position-side_hyvsj_yd4mf_961.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
993
|
+
animation: awsui_openSplitPanelSide_hyvsj_yd4mf_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
994
994
|
}
|
|
995
995
|
@media (prefers-reduced-motion: reduce) {
|
|
996
|
-
section.awsui_split-panel-
|
|
996
|
+
section.awsui_split-panel-side_hyvsj_yd4mf_933.awsui_is-split-panel-open_hyvsj_yd4mf_647.awsui_position-side_hyvsj_yd4mf_961.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
997
997
|
animation: none;
|
|
998
998
|
transition: none;
|
|
999
999
|
}
|
|
1000
1000
|
}
|
|
1001
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1001
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_yd4mf_933.awsui_is-split-panel-open_hyvsj_yd4mf_647.awsui_position-side_hyvsj_yd4mf_961.awsui_animating_hyvsj_yd4mf_755:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_yd4mf_933.awsui_is-split-panel-open_hyvsj_yd4mf_647.awsui_position-side_hyvsj_yd4mf_961.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
1002
1002
|
animation: none;
|
|
1003
1003
|
transition: none;
|
|
1004
1004
|
}
|
|
1005
|
-
section.awsui_split-panel-
|
|
1005
|
+
section.awsui_split-panel-side_hyvsj_yd4mf_933 > .awsui_animated-content_hyvsj_yd4mf_816:not(#\9) {
|
|
1006
1006
|
height: 100%;
|
|
1007
1007
|
max-width: inherit;
|
|
1008
1008
|
width: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
@@ -1021,7 +1021,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1021
1021
|
property. The content gap right is computed in the Layout styles based on the
|
|
1022
1022
|
viewport size and state of the Tools drawer.
|
|
1023
1023
|
*/
|
|
1024
|
-
.awsui_tools-
|
|
1024
|
+
.awsui_tools-container_hyvsj_yd4mf_998:not(#\9) {
|
|
1025
1025
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1026
1026
|
--awsui-tools-max-width-zw2xxa: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
|
|
1027
1027
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1037,12 +1037,12 @@ viewport size and state of the Tools drawer.
|
|
|
1037
1037
|
pointer-events: none;
|
|
1038
1038
|
}
|
|
1039
1039
|
@media (min-width: 2541px) {
|
|
1040
|
-
.awsui_tools-
|
|
1040
|
+
.awsui_tools-container_hyvsj_yd4mf_998:not(#\9) {
|
|
1041
1041
|
--awsui-tools-width-zw2xxa: 360px;
|
|
1042
1042
|
}
|
|
1043
1043
|
}
|
|
1044
1044
|
@media (max-width: 688px) {
|
|
1045
|
-
.awsui_tools-
|
|
1045
|
+
.awsui_tools-container_hyvsj_yd4mf_998:not(#\9) {
|
|
1046
1046
|
--awsui-tools-max-width-zw2xxa: none;
|
|
1047
1047
|
--awsui-tools-width-zw2xxa: auto;
|
|
1048
1048
|
position: fixed;
|
|
@@ -1056,12 +1056,12 @@ viewport size and state of the Tools drawer.
|
|
|
1056
1056
|
relative to the body.
|
|
1057
1057
|
*/
|
|
1058
1058
|
}
|
|
1059
|
-
.awsui_tools-
|
|
1059
|
+
.awsui_tools-container_hyvsj_yd4mf_998.awsui_disable-body-scroll_hyvsj_yd4mf_191:not(#\9) {
|
|
1060
1060
|
top: var(--awsui-header-height-zw2xxa);
|
|
1061
1061
|
}
|
|
1062
1062
|
}
|
|
1063
1063
|
|
|
1064
|
-
.
|
|
1064
|
+
.awsui_tools_hyvsj_yd4mf_998:not(#\9) {
|
|
1065
1065
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
1066
1066
|
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1067
1067
|
flex-shrink: 0;
|
|
@@ -1084,7 +1084,7 @@ viewport size and state of the Tools drawer.
|
|
|
1084
1084
|
in the side position.
|
|
1085
1085
|
*/
|
|
1086
1086
|
}
|
|
1087
|
-
@keyframes
|
|
1087
|
+
@keyframes awsui_openTools_hyvsj_yd4mf_1 {
|
|
1088
1088
|
from {
|
|
1089
1089
|
opacity: var(--awsui-tools-animation-starting-opacity-zw2xxa, 0);
|
|
1090
1090
|
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
@@ -1094,38 +1094,38 @@ viewport size and state of the Tools drawer.
|
|
|
1094
1094
|
width: var(--awsui-tools-width-zw2xxa);
|
|
1095
1095
|
}
|
|
1096
1096
|
}
|
|
1097
|
-
.
|
|
1097
|
+
.awsui_tools_hyvsj_yd4mf_998:not(#\9):not(.awsui_is-tools-open_hyvsj_yd4mf_647) {
|
|
1098
1098
|
width: 0;
|
|
1099
1099
|
display: none;
|
|
1100
1100
|
}
|
|
1101
|
-
.
|
|
1102
|
-
animation:
|
|
1101
|
+
.awsui_tools_hyvsj_yd4mf_998.awsui_is-tools-open_hyvsj_yd4mf_647.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
1102
|
+
animation: awsui_openTools_hyvsj_yd4mf_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
1103
1103
|
}
|
|
1104
1104
|
@media (prefers-reduced-motion: reduce) {
|
|
1105
|
-
.
|
|
1105
|
+
.awsui_tools_hyvsj_yd4mf_998.awsui_is-tools-open_hyvsj_yd4mf_647.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
1106
1106
|
animation: none;
|
|
1107
1107
|
transition: none;
|
|
1108
1108
|
}
|
|
1109
1109
|
}
|
|
1110
|
-
.awsui-motion-disabled .
|
|
1110
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_yd4mf_998.awsui_is-tools-open_hyvsj_yd4mf_647.awsui_animating_hyvsj_yd4mf_755:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_yd4mf_998.awsui_is-tools-open_hyvsj_yd4mf_647.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
1111
1111
|
animation: none;
|
|
1112
1112
|
transition: none;
|
|
1113
1113
|
}
|
|
1114
|
-
.
|
|
1114
|
+
.awsui_tools_hyvsj_yd4mf_998 > .awsui_animated-content_hyvsj_yd4mf_816:not(#\9) {
|
|
1115
1115
|
width: var(--awsui-tools-width-zw2xxa);
|
|
1116
1116
|
}
|
|
1117
1117
|
@media (min-width: 689px) {
|
|
1118
|
-
.
|
|
1118
|
+
.awsui_tools_hyvsj_yd4mf_998.awsui_is-tools-open_hyvsj_yd4mf_647.awsui_has-tools-form-persistence_hyvsj_yd4mf_1092:not(#\9) {
|
|
1119
1119
|
border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
1120
1120
|
}
|
|
1121
1121
|
}
|
|
1122
1122
|
@media (max-width: 688px) {
|
|
1123
|
-
.
|
|
1123
|
+
.awsui_tools_hyvsj_yd4mf_998:not(#\9) {
|
|
1124
1124
|
--awsui-tools-width-zw2xxa: 100vw;
|
|
1125
1125
|
}
|
|
1126
1126
|
}
|
|
1127
1127
|
|
|
1128
|
-
.awsui_hide-
|
|
1128
|
+
.awsui_hide-tools_hyvsj_yd4mf_1102:not(#\9) {
|
|
1129
1129
|
position: absolute;
|
|
1130
1130
|
right: var(--space-m-h2th94, 16px);
|
|
1131
1131
|
top: var(--size-vertical-panel-icon-offset-zd2rli, 15px);
|
|
@@ -1137,7 +1137,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1137
1137
|
the calculation used to determine the Split Panel maximum width in the
|
|
1138
1138
|
handleSplitPanelMaxWidth function in the context.
|
|
1139
1139
|
*/
|
|
1140
|
-
.awsui_show-
|
|
1140
|
+
.awsui_show-tools_hyvsj_yd4mf_1114:not(#\9) {
|
|
1141
1141
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1142
1142
|
border-collapse: separate;
|
|
1143
1143
|
border-spacing: 0;
|
|
@@ -1168,7 +1168,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1168
1168
|
word-spacing: normal;
|
|
1169
1169
|
box-sizing: border-box;
|
|
1170
1170
|
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
1171
|
-
line-height: var(--font-body-m-line-height-
|
|
1171
|
+
line-height: var(--font-body-m-line-height-ghizru, 20px);
|
|
1172
1172
|
color: var(--color-text-body-default-su7kuo, #000716);
|
|
1173
1173
|
font-weight: 400;
|
|
1174
1174
|
font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
@@ -1181,7 +1181,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1181
1181
|
take control in responsive viewports.
|
|
1182
1182
|
*/
|
|
1183
1183
|
}
|
|
1184
|
-
@keyframes
|
|
1184
|
+
@keyframes awsui_showButtons_hyvsj_yd4mf_1 {
|
|
1185
1185
|
0% {
|
|
1186
1186
|
opacity: 0;
|
|
1187
1187
|
}
|
|
@@ -1189,33 +1189,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1189
1189
|
opacity: 1;
|
|
1190
1190
|
}
|
|
1191
1191
|
}
|
|
1192
|
-
.awsui_show-
|
|
1192
|
+
.awsui_show-tools_hyvsj_yd4mf_1114:not(#\9):not(.awsui_has-tools-form_hyvsj_yd4mf_1092) {
|
|
1193
1193
|
display: none;
|
|
1194
1194
|
}
|
|
1195
1195
|
@media (min-width: 689px) {
|
|
1196
|
-
.awsui_show-
|
|
1196
|
+
.awsui_show-tools_hyvsj_yd4mf_1114.awsui_has-tools-form_hyvsj_yd4mf_1092:not(#\9) {
|
|
1197
1197
|
display: flex;
|
|
1198
1198
|
flex-direction: column;
|
|
1199
1199
|
gap: var(--space-xs-edba2s, 8px);
|
|
1200
1200
|
}
|
|
1201
|
-
.awsui_show-
|
|
1202
|
-
animation:
|
|
1201
|
+
.awsui_show-tools_hyvsj_yd4mf_1114.awsui_has-tools-form_hyvsj_yd4mf_1092.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
1202
|
+
animation: awsui_showButtons_hyvsj_yd4mf_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
1203
1203
|
}
|
|
1204
1204
|
}
|
|
1205
1205
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1206
|
-
.awsui_show-
|
|
1206
|
+
.awsui_show-tools_hyvsj_yd4mf_1114.awsui_has-tools-form_hyvsj_yd4mf_1092.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
1207
1207
|
animation: none;
|
|
1208
1208
|
transition: none;
|
|
1209
1209
|
}
|
|
1210
1210
|
}
|
|
1211
1211
|
@media (min-width: 689px) {
|
|
1212
|
-
.awsui-motion-disabled .awsui_show-
|
|
1212
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_yd4mf_1114.awsui_has-tools-form_hyvsj_yd4mf_1092.awsui_animating_hyvsj_yd4mf_755:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_yd4mf_1114.awsui_has-tools-form_hyvsj_yd4mf_1092.awsui_animating_hyvsj_yd4mf_755:not(#\9) {
|
|
1213
1213
|
animation: none;
|
|
1214
1214
|
transition: none;
|
|
1215
1215
|
}
|
|
1216
1216
|
}
|
|
1217
1217
|
@media (min-width: 689px) {
|
|
1218
|
-
.awsui_show-
|
|
1218
|
+
.awsui_show-tools_hyvsj_yd4mf_1114.awsui_has-tools-form-persistence_hyvsj_yd4mf_1092:not(#\9) {
|
|
1219
1219
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
1220
1220
|
z-index: 1;
|
|
1221
1221
|
}
|
|
@@ -1230,7 +1230,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1230
1230
|
the calculation used to determine the Split Panel maximum width in the
|
|
1231
1231
|
handleSplitPanelMaxWidth function in the context.
|
|
1232
1232
|
*/
|
|
1233
|
-
.
|
|
1233
|
+
.awsui_trigger_hyvsj_yd4mf_1181:not(#\9) {
|
|
1234
1234
|
background: var(--color-background-layout-toggle-default-q41mj7, #192534);
|
|
1235
1235
|
border: none;
|
|
1236
1236
|
border-radius: 50%;
|
|
@@ -1242,14 +1242,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1242
1242
|
pointer-events: auto;
|
|
1243
1243
|
width: var(--space-layout-toggle-diameter-i4mha3, 40px);
|
|
1244
1244
|
}
|
|
1245
|
-
body[data-awsui-focus-visible=true] .
|
|
1245
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_yd4mf_1181:not(#\9):focus {
|
|
1246
1246
|
position: relative;
|
|
1247
1247
|
}
|
|
1248
|
-
body[data-awsui-focus-visible=true] .
|
|
1248
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_yd4mf_1181:not(#\9):focus {
|
|
1249
1249
|
outline: 2px dotted transparent;
|
|
1250
1250
|
outline-offset: calc(3px - 1px);
|
|
1251
1251
|
}
|
|
1252
|
-
body[data-awsui-focus-visible=true] .
|
|
1252
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_yd4mf_1181:not(#\9):focus::before {
|
|
1253
1253
|
content: " ";
|
|
1254
1254
|
display: block;
|
|
1255
1255
|
position: absolute;
|
|
@@ -1260,23 +1260,23 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_42qar_1181:not(#\9):foc
|
|
|
1260
1260
|
border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
|
|
1261
1261
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
|
|
1262
1262
|
}
|
|
1263
|
-
.
|
|
1263
|
+
.awsui_trigger_hyvsj_yd4mf_1181:not(#\9):focus {
|
|
1264
1264
|
outline: none;
|
|
1265
1265
|
}
|
|
1266
|
-
.
|
|
1266
|
+
.awsui_trigger_hyvsj_yd4mf_1181:not(#\9):hover {
|
|
1267
1267
|
background: var(--color-background-layout-toggle-hover-im3a7d, #354150);
|
|
1268
1268
|
}
|
|
1269
|
-
.
|
|
1269
|
+
.awsui_trigger_hyvsj_yd4mf_1181:not(#\9):active {
|
|
1270
1270
|
background: var(--color-background-layout-toggle-active-csmprm, #354150);
|
|
1271
1271
|
}
|
|
1272
|
-
.
|
|
1272
|
+
.awsui_trigger_hyvsj_yd4mf_1181.awsui_selected_hyvsj_yd4mf_1220:not(#\9) {
|
|
1273
1273
|
background: var(--color-background-layout-toggle-selected-default-ir617m, #0972d3);
|
|
1274
1274
|
color: var(--color-text-layout-toggle-selected-qzrnpy, #ffffff);
|
|
1275
1275
|
}
|
|
1276
|
-
.
|
|
1276
|
+
.awsui_trigger_hyvsj_yd4mf_1181.awsui_selected_hyvsj_yd4mf_1220:not(#\9):hover {
|
|
1277
1277
|
background: var(--color-background-layout-toggle-selected-hover-0qwzgy, #065299);
|
|
1278
1278
|
}
|
|
1279
|
-
.
|
|
1279
|
+
.awsui_trigger_hyvsj_yd4mf_1181.awsui_selected_hyvsj_yd4mf_1220:not(#\9):active {
|
|
1280
1280
|
background: var(--color-background-layout-toggle-selected-active-kajyo0, #0972d3);
|
|
1281
1281
|
}
|
|
1282
1282
|
|