@cloudscape-design/components 3.0.465 → 3.0.467
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 +25 -25
- package/alert/styles.scoped.css +41 -41
- package/alert/styles.selectors.js +25 -25
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +22 -22
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +31 -31
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/drawer/styles.css.js +12 -12
- package/app-layout/drawer/styles.scoped.css +21 -21
- package/app-layout/drawer/styles.selectors.js +12 -12
- package/app-layout/mobile-toolbar/styles.css.js +8 -8
- package/app-layout/mobile-toolbar/styles.scoped.css +9 -9
- package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
- package/app-layout/styles.css.js +16 -16
- package/app-layout/styles.scoped.css +20 -20
- package/app-layout/styles.selectors.js +16 -16
- package/app-layout/visual-refresh/split-panel.d.ts.map +1 -1
- package/app-layout/visual-refresh/split-panel.js +2 -1
- package/app-layout/visual-refresh/split-panel.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +80 -80
- package/app-layout/visual-refresh/styles.scoped.css +184 -179
- package/app-layout/visual-refresh/styles.selectors.js +80 -80
- package/area-chart/styles.css.js +6 -6
- package/area-chart/styles.scoped.css +10 -10
- package/area-chart/styles.selectors.js +6 -6
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +26 -26
- package/attribute-editor/styles.selectors.js +14 -14
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +6 -6
- package/badge/styles.selectors.js +5 -5
- package/box/styles.css.js +190 -190
- package/box/styles.scoped.css +239 -239
- package/box/styles.selectors.js +190 -190
- 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/styles.css.js +20 -20
- package/button/styles.scoped.css +152 -152
- package/button/styles.selectors.js +20 -20
- package/button-dropdown/category-elements/styles.css.js +13 -13
- package/button-dropdown/category-elements/styles.scoped.css +30 -30
- package/button-dropdown/category-elements/styles.selectors.js +13 -13
- package/button-dropdown/item-element/styles.css.js +15 -15
- package/button-dropdown/item-element/styles.scoped.css +21 -21
- package/button-dropdown/item-element/styles.selectors.js +15 -15
- 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 +15 -15
- package/button-dropdown/styles.scoped.css +23 -23
- package/button-dropdown/styles.selectors.js +15 -15
- 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 +2 -1
- package/cards/index.js.map +1 -1
- package/cards/styles.css.js +39 -38
- package/cards/styles.scoped.css +57 -94
- package/cards/styles.selectors.js +39 -38
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +6 -6
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +135 -135
- 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 +20 -20
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +50 -50
- package/collection-preferences/styles.selectors.js +37 -37
- package/column-layout/flexible-column-layout/styles.css.js +5 -5
- package/column-layout/flexible-column-layout/styles.scoped.css +5 -5
- 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 +47 -47
- package/column-layout/styles.selectors.js +13 -13
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +2 -2
- package/container/internal.js.map +1 -1
- package/container/styles.css.js +29 -28
- package/container/styles.scoped.css +66 -74
- package/container/styles.selectors.js +29 -28
- package/container/use-sticky-header.d.ts.map +1 -1
- package/container/use-sticky-header.js +2 -1
- package/container/use-sticky-header.js.map +1 -1
- package/content-layout/styles.css.js +7 -7
- package/content-layout/styles.scoped.css +12 -12
- package/content-layout/styles.selectors.js +7 -7
- 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/calendar/grids/styles.css.js +25 -25
- package/date-range-picker/calendar/grids/styles.scoped.css +44 -44
- package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +50 -50
- package/date-range-picker/styles.selectors.js +38 -38
- package/drawer/styles.css.js +3 -3
- package/drawer/styles.scoped.css +11 -11
- package/drawer/styles.selectors.js +3 -3
- package/expandable-section/styles.css.js +32 -32
- package/expandable-section/styles.scoped.css +68 -68
- package/expandable-section/styles.selectors.js +32 -32
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +149 -149
- package/flashbar/styles.selectors.js +47 -47
- package/form/styles.css.js +9 -9
- package/form/styles.scoped.css +9 -9
- package/form/styles.selectors.js +9 -9
- 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 +34 -34
- package/header/styles.scoped.css +52 -52
- package/header/styles.selectors.js +34 -34
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +72 -72
- package/help-panel/styles.selectors.js +4 -4
- package/input/styles.css.js +12 -12
- package/input/styles.scoped.css +37 -37
- package/input/styles.selectors.js +12 -12
- package/internal/base-component/styles.scoped.css +171 -173
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +23 -19
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +10 -10
- package/internal/components/button-trigger/styles.scoped.css +26 -26
- package/internal/components/button-trigger/styles.selectors.js +10 -10
- package/internal/components/cartesian-chart/styles.css.js +27 -27
- package/internal/components/cartesian-chart/styles.scoped.css +33 -33
- package/internal/components/cartesian-chart/styles.selectors.js +27 -27
- 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-popover-footer/styles.css.js +1 -1
- package/internal/components/chart-popover-footer/styles.scoped.css +3 -3
- package/internal/components/chart-popover-footer/styles.selectors.js +1 -1
- package/internal/components/chart-series-details/styles.css.js +19 -19
- package/internal/components/chart-series-details/styles.scoped.css +35 -35
- package/internal/components/chart-series-details/styles.selectors.js +19 -19
- 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 +9 -9
- package/internal/components/chart-wrapper/styles.scoped.css +10 -10
- package/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/internal/components/dark-ribbon/styles.css.js +2 -2
- package/internal/components/dark-ribbon/styles.scoped.css +3 -3
- package/internal/components/dark-ribbon/styles.selectors.js +2 -2
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +38 -38
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +5 -5
- 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 +3 -3
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/filtering-token/styles.css.js +7 -7
- package/internal/components/filtering-token/styles.scoped.css +15 -15
- package/internal/components/filtering-token/styles.selectors.js +7 -7
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +14 -14
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/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 +44 -38
- 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 +23 -23
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.d.ts +2 -0
- package/internal/generated/styles/tokens.js +14 -12
- package/internal/generated/theming/index.cjs +264 -192
- package/internal/generated/theming/index.cjs.d.ts +16 -0
- package/internal/generated/theming/index.d.ts +16 -0
- package/internal/generated/theming/index.js +264 -192
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +72 -72
- package/link/styles.selectors.js +20 -20
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +42 -42
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +2 -2
- package/multiselect/styles.scoped.css +3 -3
- package/multiselect/styles.selectors.js +2 -2
- 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 +27 -27
- package/pie-chart/styles.scoped.css +53 -53
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +68 -68
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +33 -33
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +31 -31
- package/property-filter/styles.scoped.css +36 -36
- package/property-filter/styles.selectors.js +31 -31
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +16 -16
- 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 +10 -10
- 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 +34 -34
- package/segmented-control/styles.selectors.js +14 -14
- package/select/parts/styles.css.js +16 -16
- package/select/parts/styles.scoped.css +19 -19
- package/select/parts/styles.selectors.js +16 -16
- 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 +28 -28
- package/side-navigation/styles.scoped.css +46 -46
- package/side-navigation/styles.selectors.js +28 -28
- package/split-panel/side.d.ts.map +1 -1
- package/split-panel/side.js +1 -3
- package/split-panel/side.js.map +1 -1
- package/split-panel/styles.css.js +55 -55
- package/split-panel/styles.scoped.css +88 -92
- package/split-panel/styles.selectors.js +55 -55
- package/status-indicator/styles.css.js +23 -23
- package/status-indicator/styles.scoped.css +30 -30
- package/status-indicator/styles.selectors.js +23 -23
- package/table/body-cell/styles.css.js +28 -28
- package/table/body-cell/styles.scoped.css +85 -85
- package/table/body-cell/styles.selectors.js +28 -28
- package/table/header-cell/styles.css.js +24 -24
- package/table/header-cell/styles.scoped.css +42 -42
- package/table/header-cell/styles.selectors.js +24 -24
- package/table/resizer/styles.css.js +8 -8
- package/table/resizer/styles.scoped.css +17 -17
- package/table/resizer/styles.selectors.js +8 -8
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +9 -9
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/table/styles.css.js +35 -35
- package/table/styles.scoped.css +44 -44
- package/table/styles.selectors.js +35 -35
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +47 -47
- package/tabs/styles.selectors.js +21 -21
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +62 -62
- 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 +16 -16
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +29 -29
- package/tiles/styles.scoped.css +76 -76
- package/tiles/styles.selectors.js +29 -29
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +14 -14
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +8 -8
- package/token-group/styles.scoped.css +19 -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 +44 -44
- 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 +78 -78
- 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 +24 -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 +32 -32
- 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 +70 -73
- package/wizard/styles.selectors.js +31 -31
- package/wizard/wizard-navigation.js +1 -1
- package/wizard/wizard-navigation.js.map +1 -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_1tx15_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_1tx15_93 > .awsui_scrolling-background_hyvsj_1tx15_96:not(#\9) {
|
|
97
97
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
98
|
-
color: var(--color-text-body-default-
|
|
98
|
+
color: var(--color-text-body-default-at06ol, #000716);
|
|
99
99
|
grid-column: 1/span 5;
|
|
100
100
|
grid-row: 1/10;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
104
|
grid-column: 1/span 5;
|
|
105
105
|
grid-row: 1/10;
|
|
@@ -107,10 +107,10 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-y98gph);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1tx15_110) {
|
|
111
111
|
height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_102.awsui_has-sticky-notifications_hyvsj_1tx15_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
115
|
var(--awsui-notifications-gap-y98gph) + var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph)
|
|
116
116
|
);
|
|
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_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_1tx15_123:not(#\9) {
|
|
124
124
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
125
125
|
grid-area: breadcrumbs;
|
|
126
126
|
/*
|
|
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_1tx15_123.awsui_has-sticky-background_hyvsj_1tx15_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_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_1tx15_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
@@ -153,19 +153,18 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
|
|
|
153
153
|
top: var(--awsui-offset-top-y98gph);
|
|
154
154
|
z-index: 830;
|
|
155
155
|
}
|
|
156
|
-
.awsui_drawers-
|
|
156
|
+
.awsui_drawers-container_hyvsj_1tx15_145.awsui_has-open-drawer_hyvsj_1tx15_156:not(#\9) {
|
|
157
157
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
158
|
-
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
159
158
|
}
|
|
160
159
|
@media (min-width: 689px) {
|
|
161
|
-
.awsui_drawers-
|
|
160
|
+
.awsui_drawers-container_hyvsj_1tx15_145:not(#\9) {
|
|
162
161
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
163
162
|
max-width: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
|
|
164
163
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
165
164
|
}
|
|
166
165
|
}
|
|
167
166
|
@media (max-width: 688px) {
|
|
168
|
-
.awsui_drawers-
|
|
167
|
+
.awsui_drawers-container_hyvsj_1tx15_145:not(#\9) {
|
|
169
168
|
position: fixed;
|
|
170
169
|
right: 0;
|
|
171
170
|
z-index: 1001;
|
|
@@ -177,12 +176,12 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
|
|
|
177
176
|
relative to the body.
|
|
178
177
|
*/
|
|
179
178
|
}
|
|
180
|
-
.awsui_drawers-
|
|
179
|
+
.awsui_drawers-container_hyvsj_1tx15_145.awsui_disable-body-scroll_hyvsj_1tx15_179:not(#\9) {
|
|
181
180
|
top: var(--awsui-header-height-y98gph);
|
|
182
181
|
}
|
|
183
182
|
}
|
|
184
183
|
|
|
185
|
-
.awsui_drawers-desktop-triggers-
|
|
184
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1tx15_184:not(#\9) {
|
|
186
185
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
187
186
|
border-collapse: separate;
|
|
188
187
|
border-spacing: 0;
|
|
@@ -214,7 +213,7 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
|
|
|
214
213
|
box-sizing: border-box;
|
|
215
214
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
216
215
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
217
|
-
color: var(--color-text-body-default-
|
|
216
|
+
color: var(--color-text-body-default-at06ol, #000716);
|
|
218
217
|
font-weight: 400;
|
|
219
218
|
font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
220
219
|
-webkit-font-smoothing: auto;
|
|
@@ -227,21 +226,21 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
|
|
|
227
226
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
228
227
|
overscroll-behavior-y: contain;
|
|
229
228
|
}
|
|
230
|
-
.awsui_drawers-desktop-triggers-
|
|
229
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1tx15_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1tx15_203).awsui_has-open-drawer_hyvsj_1tx15_156 {
|
|
231
230
|
width: 0;
|
|
232
231
|
}
|
|
233
|
-
.awsui_drawers-desktop-triggers-
|
|
232
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1tx15_184.awsui_has-multiple-triggers_hyvsj_1tx15_203.awsui_has-open-drawer_hyvsj_1tx15_156:not(#\9) {
|
|
234
233
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
235
234
|
}
|
|
236
|
-
.awsui_drawers-desktop-triggers-
|
|
235
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1tx15_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1tx15_203):not(.awsui_has-open-drawer_hyvsj_1tx15_156) {
|
|
237
236
|
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
238
237
|
}
|
|
239
238
|
|
|
240
|
-
.awsui_drawers-mobile-triggers-
|
|
239
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_1tx15_213:not(#\9) {
|
|
241
240
|
display: flex;
|
|
242
241
|
}
|
|
243
242
|
|
|
244
|
-
.awsui_drawers-trigger-
|
|
243
|
+
.awsui_drawers-trigger-content_hyvsj_1tx15_217:not(#\9) {
|
|
245
244
|
align-items: center;
|
|
246
245
|
display: flex;
|
|
247
246
|
flex-direction: column;
|
|
@@ -249,13 +248,13 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
|
|
|
249
248
|
padding-top: var(--space-scaled-s-aqzyko, 12px);
|
|
250
249
|
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
251
250
|
}
|
|
252
|
-
.awsui_drawers-trigger-
|
|
251
|
+
.awsui_drawers-trigger-content_hyvsj_1tx15_217:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1tx15_203).awsui_has-open-drawer_hyvsj_1tx15_156 {
|
|
253
252
|
opacity: 0;
|
|
254
253
|
}
|
|
255
|
-
.awsui_drawers-trigger-
|
|
254
|
+
.awsui_drawers-trigger-content_hyvsj_1tx15_217:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1tx15_203):not(.awsui_has-open-drawer_hyvsj_1tx15_156) {
|
|
256
255
|
opacity: 1;
|
|
257
256
|
}
|
|
258
|
-
.awsui_drawers-trigger-
|
|
257
|
+
.awsui_drawers-trigger-content_hyvsj_1tx15_217 > .awsui_drawers-trigger-overflow_hyvsj_1tx15_231:not(#\9) {
|
|
259
258
|
padding: 0 1px;
|
|
260
259
|
display: flex;
|
|
261
260
|
align-items: center;
|
|
@@ -263,14 +262,14 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
|
|
|
263
262
|
}
|
|
264
263
|
|
|
265
264
|
@media (max-width: 688px) {
|
|
266
|
-
.awsui_drawers-
|
|
265
|
+
.awsui_drawers-trigger_hyvsj_1tx15_217:not(#\9) {
|
|
267
266
|
width: 40px;
|
|
268
267
|
display: flex;
|
|
269
268
|
justify-content: center;
|
|
270
269
|
}
|
|
271
270
|
}
|
|
272
271
|
|
|
273
|
-
.
|
|
272
|
+
.awsui_drawer_hyvsj_1tx15_145:not(#\9) {
|
|
274
273
|
--awsui-drawer-size-y98gph: 290px;
|
|
275
274
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
276
275
|
border-color: transparent;
|
|
@@ -285,7 +284,7 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
|
|
|
285
284
|
pointer-events: auto;
|
|
286
285
|
word-wrap: break-word;
|
|
287
286
|
}
|
|
288
|
-
.
|
|
287
|
+
.awsui_drawer_hyvsj_1tx15_145 > .awsui_drawer-content-container_hyvsj_1tx15_261:not(#\9) {
|
|
289
288
|
grid-column: 1/span 2;
|
|
290
289
|
grid-row: 1;
|
|
291
290
|
width: var(--awsui-drawer-size-y98gph);
|
|
@@ -294,40 +293,41 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
|
|
|
294
293
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
295
294
|
overflow-y: auto;
|
|
296
295
|
}
|
|
297
|
-
.
|
|
296
|
+
.awsui_drawer_hyvsj_1tx15_145 > .awsui_drawer-content-container_hyvsj_1tx15_261 > .awsui_drawer-close-button_hyvsj_1tx15_270:not(#\9) {
|
|
298
297
|
grid-column: 3;
|
|
299
298
|
grid-row: 2;
|
|
300
299
|
z-index: 1;
|
|
301
300
|
}
|
|
302
|
-
.
|
|
301
|
+
.awsui_drawer_hyvsj_1tx15_145 > .awsui_drawer-content-container_hyvsj_1tx15_261 > .awsui_drawer-content_hyvsj_1tx15_261:not(#\9) {
|
|
303
302
|
grid-column: 1/span 4;
|
|
304
303
|
}
|
|
305
|
-
.
|
|
304
|
+
.awsui_drawer_hyvsj_1tx15_145 > .awsui_drawer-content-container_hyvsj_1tx15_261 > .awsui_drawer-content_hyvsj_1tx15_261.awsui_drawer-content-hidden_hyvsj_1tx15_278:not(#\9) {
|
|
306
305
|
display: none;
|
|
307
306
|
}
|
|
308
|
-
.
|
|
307
|
+
.awsui_drawer_hyvsj_1tx15_145 > .awsui_drawer-slider_hyvsj_1tx15_281:not(#\9) {
|
|
309
308
|
grid-column: 1;
|
|
310
309
|
grid-row: 1;
|
|
311
310
|
height: 100%;
|
|
312
311
|
display: flex;
|
|
313
312
|
align-items: center;
|
|
314
313
|
}
|
|
315
|
-
.
|
|
314
|
+
.awsui_drawer_hyvsj_1tx15_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_1tx15_288) {
|
|
316
315
|
opacity: 0;
|
|
317
316
|
width: 0;
|
|
318
317
|
}
|
|
319
|
-
.
|
|
320
|
-
border-right: var(--border-divider-section-width-
|
|
318
|
+
.awsui_drawer_hyvsj_1tx15_145.awsui_is-drawer-open_hyvsj_1tx15_288:not(#\9) {
|
|
319
|
+
border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
320
|
+
border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
321
321
|
opacity: 1;
|
|
322
322
|
width: var(--awsui-drawer-size-y98gph);
|
|
323
323
|
}
|
|
324
324
|
@media (min-width: 2541px) {
|
|
325
|
-
.
|
|
325
|
+
.awsui_drawer_hyvsj_1tx15_145.awsui_is-drawer-open_hyvsj_1tx15_288:not(#\9) {
|
|
326
326
|
--awsui-drawer-size-y98gph: 320px;
|
|
327
327
|
}
|
|
328
328
|
}
|
|
329
329
|
@media (max-width: 688px) {
|
|
330
|
-
.
|
|
330
|
+
.awsui_drawer_hyvsj_1tx15_145.awsui_is-drawer-open_hyvsj_1tx15_288:not(#\9) {
|
|
331
331
|
--awsui-drawer-size-y98gph: 100vw;
|
|
332
332
|
width: 100vw;
|
|
333
333
|
}
|
|
@@ -337,7 +337,7 @@ div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.a
|
|
|
337
337
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
338
338
|
SPDX-License-Identifier: Apache-2.0
|
|
339
339
|
*/
|
|
340
|
-
header.
|
|
340
|
+
header.awsui_content_hyvsj_1tx15_314:not(#\9) {
|
|
341
341
|
grid-area: header;
|
|
342
342
|
}
|
|
343
343
|
|
|
@@ -358,7 +358,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
358
358
|
circumstances regardless of whether the minContentWidth property is
|
|
359
359
|
explicitly set in script.
|
|
360
360
|
*/
|
|
361
|
-
.
|
|
361
|
+
.awsui_layout_hyvsj_1tx15_335:not(#\9) {
|
|
362
362
|
--awsui-breadcrumbs-gap-y98gph: 0px;
|
|
363
363
|
--awsui-content-gap-left-y98gph: 0px;
|
|
364
364
|
--awsui-content-gap-right-y98gph: 0px;
|
|
@@ -383,7 +383,7 @@ explicitly set in script.
|
|
|
383
383
|
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
384
384
|
--awsui-overlap-height-y98gph: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
|
|
385
385
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
386
|
-
color: var(--color-text-body-default-
|
|
386
|
+
color: var(--color-text-body-default-at06ol, #000716);
|
|
387
387
|
display: grid;
|
|
388
388
|
grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
|
|
389
389
|
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-y98gph), 1fr) minmax(var(--awsui-default-min-content-width-y98gph), var(--awsui-default-max-content-width-y98gph)) minmax(var(--awsui-content-gap-right-y98gph), 1fr) min-content;
|
|
@@ -441,139 +441,139 @@ explicitly set in script.
|
|
|
441
441
|
*/
|
|
442
442
|
}
|
|
443
443
|
@media (min-width: 1401px) {
|
|
444
|
-
.
|
|
444
|
+
.awsui_layout_hyvsj_1tx15_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1tx15_418) {
|
|
445
445
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
446
446
|
}
|
|
447
447
|
}
|
|
448
448
|
@media (min-width: 1921px) {
|
|
449
|
-
.
|
|
449
|
+
.awsui_layout_hyvsj_1tx15_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1tx15_418) {
|
|
450
450
|
--awsui-default-max-content-width-y98gph: 1440px;
|
|
451
451
|
}
|
|
452
452
|
}
|
|
453
453
|
@media (min-width: 2541px) {
|
|
454
|
-
.
|
|
454
|
+
.awsui_layout_hyvsj_1tx15_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1tx15_418) {
|
|
455
455
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
456
456
|
}
|
|
457
457
|
}
|
|
458
458
|
@media (min-width: 1401px) {
|
|
459
|
-
.
|
|
459
|
+
.awsui_layout_hyvsj_1tx15_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1tx15_418).awsui_content-type-dashboard_hyvsj_1tx15_433 {
|
|
460
460
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
461
461
|
}
|
|
462
462
|
}
|
|
463
463
|
@media (min-width: 1921px) {
|
|
464
|
-
.
|
|
464
|
+
.awsui_layout_hyvsj_1tx15_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1tx15_418).awsui_content-type-dashboard_hyvsj_1tx15_433 {
|
|
465
465
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
466
466
|
}
|
|
467
467
|
}
|
|
468
468
|
@media (min-width: 2541px) {
|
|
469
|
-
.
|
|
469
|
+
.awsui_layout_hyvsj_1tx15_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1tx15_418).awsui_content-type-dashboard_hyvsj_1tx15_433 {
|
|
470
470
|
--awsui-default-max-content-width-y98gph: 2160px;
|
|
471
471
|
}
|
|
472
472
|
}
|
|
473
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_1tx15_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1tx15_418).awsui_content-type-table_hyvsj_1tx15_447, .awsui_layout_hyvsj_1tx15_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1tx15_418).awsui_content-type-cards_hyvsj_1tx15_447 {
|
|
474
474
|
--awsui-default-max-content-width-y98gph: 100%;
|
|
475
475
|
}
|
|
476
|
-
.
|
|
476
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_has-max-content-width_hyvsj_1tx15_418:not(#\9) {
|
|
477
477
|
--awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
|
|
478
478
|
}
|
|
479
|
-
.
|
|
479
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_is-overlap-disabled_hyvsj_1tx15_453:not(#\9) {
|
|
480
480
|
--awsui-overlap-height-y98gph: 0;
|
|
481
481
|
}
|
|
482
|
-
.
|
|
482
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_is-hide-mobile-toolbar_hyvsj_1tx15_456:not(#\9) {
|
|
483
483
|
--awsui-mobile-bar-height-y98gph: 0px;
|
|
484
484
|
}
|
|
485
485
|
@media (min-width: 993px) {
|
|
486
|
-
.
|
|
486
|
+
.awsui_layout_hyvsj_1tx15_335:not(#\9) {
|
|
487
487
|
--awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
|
|
488
488
|
}
|
|
489
489
|
}
|
|
490
490
|
@media (max-width: 992px) {
|
|
491
|
-
.
|
|
491
|
+
.awsui_layout_hyvsj_1tx15_335:not(#\9) {
|
|
492
492
|
--awsui-default-min-content-width-y98gph: 0px;
|
|
493
493
|
}
|
|
494
494
|
}
|
|
495
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_1tx15_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1tx15_110):not(.awsui_has-sticky-background_hyvsj_1tx15_133) {
|
|
496
496
|
--awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
|
|
497
497
|
}
|
|
498
|
-
.
|
|
498
|
+
.awsui_layout_hyvsj_1tx15_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1tx15_110).awsui_has-sticky-background_hyvsj_1tx15_133 {
|
|
499
499
|
--awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
|
|
500
500
|
}
|
|
501
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_has-sticky-notifications_hyvsj_1tx15_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_1tx15_133) {
|
|
502
502
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
503
503
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
504
504
|
var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
|
|
505
505
|
);
|
|
506
506
|
}
|
|
507
|
-
.
|
|
507
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_has-sticky-notifications_hyvsj_1tx15_110.awsui_has-sticky-background_hyvsj_1tx15_133:not(#\9) {
|
|
508
508
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
509
509
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
510
510
|
var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
|
|
511
511
|
);
|
|
512
512
|
}
|
|
513
513
|
@media (min-width: 689px) {
|
|
514
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_has-content-gap-left_hyvsj_1tx15_488:not(#\9) {
|
|
515
515
|
--awsui-content-gap-left-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
516
516
|
}
|
|
517
|
-
.
|
|
517
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_has-content-gap-right_hyvsj_1tx15_491:not(#\9) {
|
|
518
518
|
--awsui-content-gap-right-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
519
519
|
}
|
|
520
520
|
}
|
|
521
521
|
@media (max-width: 688px) {
|
|
522
|
-
.
|
|
522
|
+
.awsui_layout_hyvsj_1tx15_335:not(#\9) {
|
|
523
523
|
--awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
|
|
524
524
|
--awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
|
|
525
525
|
}
|
|
526
526
|
}
|
|
527
|
-
.
|
|
527
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_content-first-child-notifications_hyvsj_1tx15_501:not(#\9) {
|
|
528
528
|
--awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
529
529
|
}
|
|
530
|
-
.
|
|
530
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_has-breadcrumbs_hyvsj_1tx15_504:not(#\9) {
|
|
531
531
|
--awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
532
532
|
}
|
|
533
|
-
.
|
|
533
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_content-first-child-header_hyvsj_1tx15_507:not(#\9), .awsui_layout_hyvsj_1tx15_335.awsui_content-first-child-notifications_hyvsj_1tx15_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1tx15_504).awsui_has-header_hyvsj_1tx15_507 {
|
|
534
534
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
535
535
|
}
|
|
536
|
-
.
|
|
536
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_has-breadcrumbs_hyvsj_1tx15_504.awsui_has-header_hyvsj_1tx15_507:not(#\9) {
|
|
537
537
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
538
538
|
}
|
|
539
|
-
.
|
|
539
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_content-first-child-notifications_hyvsj_1tx15_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1tx15_504):not(.awsui_has-header_hyvsj_1tx15_507) {
|
|
540
540
|
--awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
541
541
|
}
|
|
542
|
-
.
|
|
542
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_has-breadcrumbs_hyvsj_1tx15_504:not(#\9):not(.awsui_has-header_hyvsj_1tx15_507) {
|
|
543
543
|
--awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
|
|
544
544
|
}
|
|
545
|
-
.
|
|
545
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_has-breadcrumbs_hyvsj_1tx15_504:not(#\9):not(.awsui_has-header_hyvsj_1tx15_507).awsui_is-overlap-disabled_hyvsj_1tx15_453 {
|
|
546
546
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
547
547
|
}
|
|
548
|
-
.
|
|
548
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_has-breadcrumbs_hyvsj_1tx15_504:not(#\9):not(.awsui_has-header_hyvsj_1tx15_507):not(.awsui_is-overlap-disabled_hyvsj_1tx15_453) {
|
|
549
549
|
--awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
|
|
550
550
|
}
|
|
551
|
-
.
|
|
551
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_has-header_hyvsj_1tx15_507:not(#\9) {
|
|
552
552
|
--awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
553
553
|
}
|
|
554
|
-
.
|
|
554
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_content-first-child-main_hyvsj_1tx15_528:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1tx15_453), .awsui_layout_hyvsj_1tx15_335.awsui_content-first-child-main_hyvsj_1tx15_528.awsui_is-overlap-disabled_hyvsj_1tx15_453:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1tx15_528) {
|
|
555
555
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
556
556
|
}
|
|
557
557
|
@media (min-width: 689px) {
|
|
558
|
-
.
|
|
558
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_content-first-child-main_hyvsj_1tx15_528:not(#\9):not(.awsui_has-header_hyvsj_1tx15_507) {
|
|
559
559
|
--awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
|
|
560
560
|
--awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
|
|
561
561
|
}
|
|
562
562
|
}
|
|
563
563
|
@media (max-width: 688px) {
|
|
564
|
-
.
|
|
564
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_content-first-child-notifications_hyvsj_1tx15_501:not(#\9) {
|
|
565
565
|
--awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
566
566
|
}
|
|
567
|
-
.
|
|
567
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_content-first-child-header_hyvsj_1tx15_507:not(#\9) {
|
|
568
568
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
569
569
|
}
|
|
570
|
-
.
|
|
570
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_content-first-child-notifications_hyvsj_1tx15_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1tx15_504).awsui_has-header_hyvsj_1tx15_507 {
|
|
571
571
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
572
572
|
}
|
|
573
|
-
.
|
|
573
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_content-first-child-notifications_hyvsj_1tx15_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1tx15_504):not(.awsui_has-header_hyvsj_1tx15_507), .awsui_layout_hyvsj_1tx15_335.awsui_content-first-child-main_hyvsj_1tx15_528:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1tx15_453) {
|
|
574
574
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
575
575
|
}
|
|
576
|
-
.
|
|
576
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_content-first-child-main_hyvsj_1tx15_528.awsui_is-overlap-disabled_hyvsj_1tx15_453:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1tx15_528) {
|
|
577
577
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
578
578
|
}
|
|
579
579
|
}
|
|
@@ -588,19 +588,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
588
588
|
position: sticky will be the value of the notifications height in addition to the
|
|
589
589
|
notifications top margin and some additional vertical space for aesthetics.
|
|
590
590
|
*/
|
|
591
|
-
.
|
|
591
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_disable-body-scroll_hyvsj_1tx15_179:not(#\9) {
|
|
592
592
|
--awsui-main-template-rows-y98gph: 1fr auto;
|
|
593
593
|
--awsui-offset-top-y98gph: 0px;
|
|
594
594
|
height: var(--awsui-content-height-y98gph);
|
|
595
595
|
overflow-y: scroll;
|
|
596
596
|
}
|
|
597
|
-
.
|
|
597
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_disable-body-scroll_hyvsj_1tx15_179.awsui_has-split-panel_hyvsj_1tx15_571.awsui_split-panel-position-bottom_hyvsj_1tx15_571:not(#\9) {
|
|
598
598
|
--awsui-main-template-rows-y98gph: repeat(2, auto);
|
|
599
599
|
}
|
|
600
|
-
.
|
|
600
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_disable-body-scroll_hyvsj_1tx15_179:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1tx15_110) {
|
|
601
601
|
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
602
602
|
}
|
|
603
|
-
.
|
|
603
|
+
.awsui_layout_hyvsj_1tx15_335.awsui_disable-body-scroll_hyvsj_1tx15_179.awsui_has-sticky-notifications_hyvsj_1tx15_110:not(#\9) {
|
|
604
604
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
605
605
|
var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
606
606
|
);
|
|
@@ -610,13 +610,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
610
610
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
611
611
|
when the navigation or tools drawers are open in responsive viewports.
|
|
612
612
|
*/
|
|
613
|
-
.awsui_block-body-
|
|
613
|
+
.awsui_block-body-scroll_hyvsj_1tx15_587:not(#\9) {
|
|
614
614
|
overflow: hidden;
|
|
615
615
|
}
|
|
616
616
|
|
|
617
617
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
618
|
-
.
|
|
619
|
-
.
|
|
618
|
+
.awsui_unfocusable_hyvsj_1tx15_592:not(#\9),
|
|
619
|
+
.awsui_unfocusable_hyvsj_1tx15_592 *:not(#\9) {
|
|
620
620
|
visibility: hidden !important;
|
|
621
621
|
}
|
|
622
622
|
|
|
@@ -625,7 +625,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
625
625
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
626
626
|
SPDX-License-Identifier: Apache-2.0
|
|
627
627
|
*/
|
|
628
|
-
.
|
|
628
|
+
.awsui_container_hyvsj_1tx15_602:not(#\9) {
|
|
629
629
|
grid-area: main;
|
|
630
630
|
padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
631
631
|
/*
|
|
@@ -642,18 +642,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
642
642
|
on the right, we decrement the column end by one.
|
|
643
643
|
*/
|
|
644
644
|
}
|
|
645
|
-
.
|
|
645
|
+
.awsui_container_hyvsj_1tx15_602.awsui_has-split-panel_hyvsj_1tx15_571.awsui_split-panel-position-bottom_hyvsj_1tx15_571:not(#\9) {
|
|
646
646
|
padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
647
647
|
}
|
|
648
|
-
.
|
|
648
|
+
.awsui_container_hyvsj_1tx15_602.awsui_disable-content-paddings_hyvsj_1tx15_528:not(#\9) {
|
|
649
649
|
grid-column: 1/6;
|
|
650
650
|
padding: 0;
|
|
651
651
|
}
|
|
652
652
|
@media (min-width: 689px) {
|
|
653
|
-
.
|
|
653
|
+
.awsui_container_hyvsj_1tx15_602.awsui_disable-content-paddings_hyvsj_1tx15_528.awsui_is-navigation-open_hyvsj_1tx15_627:not(#\9) {
|
|
654
654
|
grid-column-start: 2;
|
|
655
655
|
}
|
|
656
|
-
.
|
|
656
|
+
.awsui_container_hyvsj_1tx15_602.awsui_disable-content-paddings_hyvsj_1tx15_528.awsui_is-tools-open_hyvsj_1tx15_630:not(#\9), .awsui_container_hyvsj_1tx15_602.awsui_disable-content-paddings_hyvsj_1tx15_528.awsui_is-split-panel-open_hyvsj_1tx15_630.awsui_split-panel-position-side_hyvsj_1tx15_630:not(#\9), .awsui_container_hyvsj_1tx15_602.awsui_disable-content-paddings_hyvsj_1tx15_528.awsui_has-active-drawer_hyvsj_1tx15_630:not(#\9) {
|
|
657
657
|
grid-column-end: 5;
|
|
658
658
|
}
|
|
659
659
|
}
|
|
@@ -662,10 +662,10 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
662
662
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
663
663
|
SPDX-License-Identifier: Apache-2.0
|
|
664
664
|
*/
|
|
665
|
-
section.awsui_mobile-
|
|
665
|
+
section.awsui_mobile-toolbar_hyvsj_1tx15_639:not(#\9) {
|
|
666
666
|
align-items: center;
|
|
667
667
|
background-color: var(--color-background-home-header-2rudu7, #000716);
|
|
668
|
-
border-bottom: 1px solid var(--color-border-divider-default-
|
|
668
|
+
border-bottom: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
669
669
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
670
670
|
box-sizing: border-box;
|
|
671
671
|
height: var(--awsui-mobile-bar-height-y98gph);
|
|
@@ -678,15 +678,15 @@ section.awsui_mobile-toolbar_hyvsj_6otqt_639:not(#\9) {
|
|
|
678
678
|
top: var(--awsui-offset-top-y98gph);
|
|
679
679
|
z-index: 1000;
|
|
680
680
|
}
|
|
681
|
-
section.awsui_mobile-
|
|
681
|
+
section.awsui_mobile-toolbar_hyvsj_1tx15_639 > .awsui_mobile-toolbar-nav_hyvsj_1tx15_655:not(#\9) {
|
|
682
682
|
grid-column: 1;
|
|
683
683
|
margin-right: var(--space-m-udix3p, 16px);
|
|
684
684
|
}
|
|
685
|
-
section.awsui_mobile-
|
|
685
|
+
section.awsui_mobile-toolbar_hyvsj_1tx15_639 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1tx15_659:not(#\9) {
|
|
686
686
|
grid-column: 2;
|
|
687
687
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
688
688
|
}
|
|
689
|
-
section.awsui_mobile-
|
|
689
|
+
section.awsui_mobile-toolbar_hyvsj_1tx15_639 > .awsui_mobile-toolbar-tools_hyvsj_1tx15_663:not(#\9) {
|
|
690
690
|
grid-column: 3;
|
|
691
691
|
margin-left: var(--space-m-udix3p, 16px);
|
|
692
692
|
}
|
|
@@ -695,7 +695,7 @@ section.awsui_mobile-toolbar_hyvsj_6otqt_639 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
695
695
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
696
696
|
SPDX-License-Identifier: Apache-2.0
|
|
697
697
|
*/
|
|
698
|
-
.awsui_navigation-
|
|
698
|
+
.awsui_navigation-container_hyvsj_1tx15_672:not(#\9) {
|
|
699
699
|
--awsui-navigation-width-y98gph: 280px;
|
|
700
700
|
display: flex;
|
|
701
701
|
grid-column: 1;
|
|
@@ -717,12 +717,12 @@ section.awsui_mobile-toolbar_hyvsj_6otqt_639 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
717
717
|
pointer-events: none;
|
|
718
718
|
}
|
|
719
719
|
@media (min-width: 2541px) {
|
|
720
|
-
.awsui_navigation-
|
|
720
|
+
.awsui_navigation-container_hyvsj_1tx15_672:not(#\9) {
|
|
721
721
|
--awsui-navigation-width-y98gph: 320px;
|
|
722
722
|
}
|
|
723
723
|
}
|
|
724
724
|
@media (max-width: 688px) {
|
|
725
|
-
.awsui_navigation-
|
|
725
|
+
.awsui_navigation-container_hyvsj_1tx15_672:not(#\9) {
|
|
726
726
|
left: 0;
|
|
727
727
|
position: fixed;
|
|
728
728
|
z-index: 1001;
|
|
@@ -734,19 +734,19 @@ section.awsui_mobile-toolbar_hyvsj_6otqt_639 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
734
734
|
relative to the body.
|
|
735
735
|
*/
|
|
736
736
|
}
|
|
737
|
-
.awsui_navigation-
|
|
737
|
+
.awsui_navigation-container_hyvsj_1tx15_672.awsui_disable-body-scroll_hyvsj_1tx15_179:not(#\9) {
|
|
738
738
|
top: var(--awsui-header-height-y98gph);
|
|
739
739
|
}
|
|
740
740
|
}
|
|
741
741
|
|
|
742
|
-
nav.awsui_show-
|
|
742
|
+
nav.awsui_show-navigation_hyvsj_1tx15_716:not(#\9) {
|
|
743
743
|
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
744
744
|
/*
|
|
745
745
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
746
746
|
take control in responsive viewports.
|
|
747
747
|
*/
|
|
748
748
|
}
|
|
749
|
-
@keyframes
|
|
749
|
+
@keyframes awsui_showButtons_hyvsj_1tx15_1 {
|
|
750
750
|
0% {
|
|
751
751
|
opacity: 0;
|
|
752
752
|
}
|
|
@@ -754,33 +754,32 @@ nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9) {
|
|
|
754
754
|
opacity: 1;
|
|
755
755
|
}
|
|
756
756
|
}
|
|
757
|
-
nav.awsui_show-
|
|
757
|
+
nav.awsui_show-navigation_hyvsj_1tx15_716.awsui_is-navigation-open_hyvsj_1tx15_627:not(#\9) {
|
|
758
758
|
display: none;
|
|
759
759
|
}
|
|
760
760
|
@media (min-width: 689px) {
|
|
761
|
-
nav.awsui_show-
|
|
761
|
+
nav.awsui_show-navigation_hyvsj_1tx15_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1tx15_627) {
|
|
762
762
|
display: block;
|
|
763
763
|
}
|
|
764
|
-
nav.awsui_show-
|
|
765
|
-
animation:
|
|
764
|
+
nav.awsui_show-navigation_hyvsj_1tx15_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1tx15_627).awsui_animating_hyvsj_1tx15_738 {
|
|
765
|
+
animation: awsui_showButtons_hyvsj_1tx15_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
766
766
|
}
|
|
767
767
|
}
|
|
768
768
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
769
|
-
nav.awsui_show-
|
|
769
|
+
nav.awsui_show-navigation_hyvsj_1tx15_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1tx15_627).awsui_animating_hyvsj_1tx15_738 {
|
|
770
770
|
animation: none;
|
|
771
771
|
transition: none;
|
|
772
772
|
}
|
|
773
773
|
}
|
|
774
774
|
@media (min-width: 689px) {
|
|
775
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
775
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1tx15_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1tx15_627).awsui_animating_hyvsj_1tx15_738, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1tx15_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_1tx15_627).awsui_animating_hyvsj_1tx15_738 {
|
|
776
776
|
animation: none;
|
|
777
777
|
transition: none;
|
|
778
778
|
}
|
|
779
779
|
}
|
|
780
780
|
|
|
781
|
-
nav.
|
|
781
|
+
nav.awsui_navigation_hyvsj_1tx15_672:not(#\9) {
|
|
782
782
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
783
|
-
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
784
783
|
bottom: 0;
|
|
785
784
|
height: 100%;
|
|
786
785
|
overflow-x: hidden;
|
|
@@ -790,13 +789,14 @@ nav.awsui_navigation_hyvsj_6otqt_672:not(#\9) {
|
|
|
790
789
|
position: relative;
|
|
791
790
|
word-wrap: break-word;
|
|
792
791
|
pointer-events: auto;
|
|
792
|
+
border-right: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
793
793
|
/*
|
|
794
794
|
A non-semantic node is added with a fixed width equal to the final Navigation
|
|
795
795
|
width. This will create the visual appearance of horizontal movement and
|
|
796
796
|
prevent unwanted text wrapping.
|
|
797
797
|
*/
|
|
798
798
|
}
|
|
799
|
-
@keyframes
|
|
799
|
+
@keyframes awsui_openNavigation_hyvsj_1tx15_1 {
|
|
800
800
|
from {
|
|
801
801
|
opacity: 0;
|
|
802
802
|
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -806,33 +806,33 @@ nav.awsui_navigation_hyvsj_6otqt_672:not(#\9) {
|
|
|
806
806
|
width: var(--awsui-navigation-width-y98gph);
|
|
807
807
|
}
|
|
808
808
|
}
|
|
809
|
-
nav.
|
|
809
|
+
nav.awsui_navigation_hyvsj_1tx15_672:not(#\9):not(.awsui_is-navigation-open_hyvsj_1tx15_627) {
|
|
810
810
|
width: 0;
|
|
811
811
|
display: none;
|
|
812
812
|
}
|
|
813
|
-
nav.
|
|
814
|
-
animation:
|
|
813
|
+
nav.awsui_navigation_hyvsj_1tx15_672.awsui_is-navigation-open_hyvsj_1tx15_627.awsui_animating_hyvsj_1tx15_738:not(#\9) {
|
|
814
|
+
animation: awsui_openNavigation_hyvsj_1tx15_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
815
815
|
}
|
|
816
816
|
@media (prefers-reduced-motion: reduce) {
|
|
817
|
-
nav.
|
|
817
|
+
nav.awsui_navigation_hyvsj_1tx15_672.awsui_is-navigation-open_hyvsj_1tx15_627.awsui_animating_hyvsj_1tx15_738:not(#\9) {
|
|
818
818
|
animation: none;
|
|
819
819
|
transition: none;
|
|
820
820
|
}
|
|
821
821
|
}
|
|
822
|
-
.awsui-motion-disabled nav.
|
|
822
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1tx15_672.awsui_is-navigation-open_hyvsj_1tx15_627.awsui_animating_hyvsj_1tx15_738:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1tx15_672.awsui_is-navigation-open_hyvsj_1tx15_627.awsui_animating_hyvsj_1tx15_738:not(#\9) {
|
|
823
823
|
animation: none;
|
|
824
824
|
transition: none;
|
|
825
825
|
}
|
|
826
|
-
nav.
|
|
826
|
+
nav.awsui_navigation_hyvsj_1tx15_672 > .awsui_animated-content_hyvsj_1tx15_800:not(#\9) {
|
|
827
827
|
width: var(--awsui-navigation-width-y98gph);
|
|
828
828
|
}
|
|
829
829
|
@media (max-width: 688px) {
|
|
830
|
-
nav.
|
|
830
|
+
nav.awsui_navigation_hyvsj_1tx15_672:not(#\9) {
|
|
831
831
|
--awsui-navigation-width-y98gph: 100vw;
|
|
832
832
|
}
|
|
833
833
|
}
|
|
834
834
|
|
|
835
|
-
.awsui_hide-
|
|
835
|
+
.awsui_hide-navigation_hyvsj_1tx15_809:not(#\9) {
|
|
836
836
|
position: absolute;
|
|
837
837
|
right: var(--space-m-udix3p, 16px);
|
|
838
838
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -842,13 +842,13 @@ nav.awsui_navigation_hyvsj_6otqt_672 > .awsui_animated-content_hyvsj_6otqt_800:n
|
|
|
842
842
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
843
843
|
SPDX-License-Identifier: Apache-2.0
|
|
844
844
|
*/
|
|
845
|
-
.
|
|
846
|
-
color: var(--color-text-body-default-
|
|
845
|
+
.awsui_notifications_hyvsj_1tx15_819:not(#\9) {
|
|
846
|
+
color: var(--color-text-body-default-at06ol, #000716);
|
|
847
847
|
grid-area: notifications;
|
|
848
848
|
z-index: 850;
|
|
849
849
|
}
|
|
850
850
|
@media (min-width: 689px) {
|
|
851
|
-
.
|
|
851
|
+
.awsui_notifications_hyvsj_1tx15_819.awsui_sticky-notifications_hyvsj_1tx15_825:not(#\9) {
|
|
852
852
|
--awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
|
|
853
853
|
position: sticky;
|
|
854
854
|
top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
|
|
@@ -865,7 +865,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
865
865
|
consume the remaining vertical space in the grid after the notifications
|
|
866
866
|
and breadcrumbs.
|
|
867
867
|
*/
|
|
868
|
-
section.awsui_split-panel-
|
|
868
|
+
section.awsui_split-panel-bottom_hyvsj_1tx15_842:not(#\9) {
|
|
869
869
|
/*
|
|
870
870
|
The align self property will position the split panel at the bottom of the grid row.
|
|
871
871
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -901,7 +901,7 @@ section.awsui_split-panel-bottom_hyvsj_6otqt_842:not(#\9) {
|
|
|
901
901
|
apply the animation to the height property.
|
|
902
902
|
*/
|
|
903
903
|
}
|
|
904
|
-
@keyframes
|
|
904
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1tx15_1 {
|
|
905
905
|
from {
|
|
906
906
|
height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
|
|
907
907
|
}
|
|
@@ -909,39 +909,39 @@ section.awsui_split-panel-bottom_hyvsj_6otqt_842:not(#\9) {
|
|
|
909
909
|
height: var(--awsui-split-panel-reported-size-y98gph);
|
|
910
910
|
}
|
|
911
911
|
}
|
|
912
|
-
section.awsui_split-panel-
|
|
912
|
+
section.awsui_split-panel-bottom_hyvsj_1tx15_842.awsui_disable-body-scroll_hyvsj_1tx15_179:not(#\9) {
|
|
913
913
|
bottom: 0;
|
|
914
914
|
}
|
|
915
|
-
section.awsui_split-panel-
|
|
915
|
+
section.awsui_split-panel-bottom_hyvsj_1tx15_842.awsui_is-navigation-open_hyvsj_1tx15_627.awsui_position-bottom_hyvsj_1tx15_889:not(#\9) {
|
|
916
916
|
grid-column-start: 2;
|
|
917
917
|
}
|
|
918
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-bottom_hyvsj_1tx15_842.awsui_has-open-drawer_hyvsj_1tx15_156.awsui_position-bottom_hyvsj_1tx15_889:not(#\9) {
|
|
919
919
|
grid-column-end: 5;
|
|
920
920
|
}
|
|
921
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-bottom_hyvsj_1tx15_842.awsui_position-bottom_hyvsj_1tx15_889:not(#\9) {
|
|
922
922
|
display: block;
|
|
923
923
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
924
|
+
section.awsui_split-panel-bottom_hyvsj_1tx15_842:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1tx15_630).awsui_position-bottom_hyvsj_1tx15_889 {
|
|
925
925
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
926
926
|
}
|
|
927
|
-
section.awsui_split-panel-
|
|
927
|
+
section.awsui_split-panel-bottom_hyvsj_1tx15_842.awsui_is-split-panel-open_hyvsj_1tx15_630.awsui_position-bottom_hyvsj_1tx15_889:not(#\9) {
|
|
928
928
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
929
929
|
}
|
|
930
|
-
section.awsui_split-panel-
|
|
931
|
-
animation:
|
|
930
|
+
section.awsui_split-panel-bottom_hyvsj_1tx15_842.awsui_is-split-panel-open_hyvsj_1tx15_630.awsui_position-bottom_hyvsj_1tx15_889.awsui_animating_hyvsj_1tx15_738:not(#\9) {
|
|
931
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1tx15_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
932
932
|
}
|
|
933
933
|
@media (prefers-reduced-motion: reduce) {
|
|
934
|
-
section.awsui_split-panel-
|
|
934
|
+
section.awsui_split-panel-bottom_hyvsj_1tx15_842.awsui_is-split-panel-open_hyvsj_1tx15_630.awsui_position-bottom_hyvsj_1tx15_889.awsui_animating_hyvsj_1tx15_738:not(#\9) {
|
|
935
935
|
animation: none;
|
|
936
936
|
transition: none;
|
|
937
937
|
}
|
|
938
938
|
}
|
|
939
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
939
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1tx15_842.awsui_is-split-panel-open_hyvsj_1tx15_630.awsui_position-bottom_hyvsj_1tx15_889.awsui_animating_hyvsj_1tx15_738:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1tx15_842.awsui_is-split-panel-open_hyvsj_1tx15_630.awsui_position-bottom_hyvsj_1tx15_889.awsui_animating_hyvsj_1tx15_738:not(#\9) {
|
|
940
940
|
animation: none;
|
|
941
941
|
transition: none;
|
|
942
942
|
}
|
|
943
943
|
|
|
944
|
-
section.awsui_split-panel-
|
|
944
|
+
section.awsui_split-panel-side_hyvsj_1tx15_918:not(#\9) {
|
|
945
945
|
height: 100%;
|
|
946
946
|
overflow-x: hidden;
|
|
947
947
|
pointer-events: auto;
|
|
@@ -951,13 +951,16 @@ section.awsui_split-panel-side_hyvsj_6otqt_918:not(#\9) {
|
|
|
951
951
|
be persistent in the DOM when closed.
|
|
952
952
|
*/
|
|
953
953
|
}
|
|
954
|
-
section.awsui_split-panel-
|
|
954
|
+
section.awsui_split-panel-side_hyvsj_1tx15_918:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1tx15_630), section.awsui_split-panel-side_hyvsj_1tx15_918.awsui_position-bottom_hyvsj_1tx15_889:not(#\9) {
|
|
955
955
|
width: 0;
|
|
956
956
|
}
|
|
957
|
-
section.awsui_split-panel-
|
|
958
|
-
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
957
|
+
section.awsui_split-panel-side_hyvsj_1tx15_918.awsui_is-split-panel-open_hyvsj_1tx15_630.awsui_position-side_hyvsj_1tx15_931:not(#\9) {
|
|
959
958
|
max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
|
|
960
959
|
min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
960
|
+
border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
961
|
+
}
|
|
962
|
+
section.awsui_split-panel-side_hyvsj_1tx15_918.awsui_is-split-panel-open_hyvsj_1tx15_630.awsui_position-side_hyvsj_1tx15_931:not(#\9):not(.awsui_has-open-drawer_hyvsj_1tx15_156) {
|
|
963
|
+
border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
961
964
|
}
|
|
962
965
|
|
|
963
966
|
/*
|
|
@@ -973,7 +976,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
973
976
|
property. The content gap right is computed in the Layout styles based on the
|
|
974
977
|
viewport size and state of the Tools drawer.
|
|
975
978
|
*/
|
|
976
|
-
.awsui_tools-
|
|
979
|
+
.awsui_tools-container_hyvsj_1tx15_953:not(#\9) {
|
|
977
980
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
978
981
|
--awsui-tools-max-width-y98gph: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
|
|
979
982
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -989,12 +992,12 @@ viewport size and state of the Tools drawer.
|
|
|
989
992
|
pointer-events: none;
|
|
990
993
|
}
|
|
991
994
|
@media (min-width: 2541px) {
|
|
992
|
-
.awsui_tools-
|
|
995
|
+
.awsui_tools-container_hyvsj_1tx15_953:not(#\9) {
|
|
993
996
|
--awsui-tools-width-y98gph: 360px;
|
|
994
997
|
}
|
|
995
998
|
}
|
|
996
999
|
@media (max-width: 688px) {
|
|
997
|
-
.awsui_tools-
|
|
1000
|
+
.awsui_tools-container_hyvsj_1tx15_953:not(#\9) {
|
|
998
1001
|
--awsui-tools-max-width-y98gph: none;
|
|
999
1002
|
--awsui-tools-width-y98gph: auto;
|
|
1000
1003
|
position: fixed;
|
|
@@ -1008,14 +1011,13 @@ viewport size and state of the Tools drawer.
|
|
|
1008
1011
|
relative to the body.
|
|
1009
1012
|
*/
|
|
1010
1013
|
}
|
|
1011
|
-
.awsui_tools-
|
|
1014
|
+
.awsui_tools-container_hyvsj_1tx15_953.awsui_disable-body-scroll_hyvsj_1tx15_179:not(#\9) {
|
|
1012
1015
|
top: var(--awsui-header-height-y98gph);
|
|
1013
1016
|
}
|
|
1014
1017
|
}
|
|
1015
1018
|
|
|
1016
|
-
.
|
|
1019
|
+
.awsui_tools_hyvsj_1tx15_953:not(#\9) {
|
|
1017
1020
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1018
|
-
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1019
1021
|
flex-shrink: 0;
|
|
1020
1022
|
height: 100%;
|
|
1021
1023
|
overflow-y: auto;
|
|
@@ -1037,7 +1039,7 @@ viewport size and state of the Tools drawer.
|
|
|
1037
1039
|
in the side position.
|
|
1038
1040
|
*/
|
|
1039
1041
|
}
|
|
1040
|
-
@keyframes
|
|
1042
|
+
@keyframes awsui_openTools_hyvsj_1tx15_1 {
|
|
1041
1043
|
from {
|
|
1042
1044
|
opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
|
|
1043
1045
|
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -1047,38 +1049,41 @@ viewport size and state of the Tools drawer.
|
|
|
1047
1049
|
width: var(--awsui-tools-width-y98gph);
|
|
1048
1050
|
}
|
|
1049
1051
|
}
|
|
1050
|
-
.
|
|
1052
|
+
.awsui_tools_hyvsj_1tx15_953:not(#\9):not(.awsui_is-tools-open_hyvsj_1tx15_630) {
|
|
1051
1053
|
width: 0;
|
|
1052
1054
|
display: none;
|
|
1053
1055
|
}
|
|
1054
|
-
.
|
|
1055
|
-
|
|
1056
|
+
.awsui_tools_hyvsj_1tx15_953.awsui_is-tools-open_hyvsj_1tx15_630:not(#\9) {
|
|
1057
|
+
border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1058
|
+
}
|
|
1059
|
+
.awsui_tools_hyvsj_1tx15_953.awsui_is-tools-open_hyvsj_1tx15_630.awsui_animating_hyvsj_1tx15_738:not(#\9) {
|
|
1060
|
+
animation: awsui_openTools_hyvsj_1tx15_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1056
1061
|
}
|
|
1057
1062
|
@media (prefers-reduced-motion: reduce) {
|
|
1058
|
-
.
|
|
1063
|
+
.awsui_tools_hyvsj_1tx15_953.awsui_is-tools-open_hyvsj_1tx15_630.awsui_animating_hyvsj_1tx15_738:not(#\9) {
|
|
1059
1064
|
animation: none;
|
|
1060
1065
|
transition: none;
|
|
1061
1066
|
}
|
|
1062
1067
|
}
|
|
1063
|
-
.awsui-motion-disabled .
|
|
1068
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1tx15_953.awsui_is-tools-open_hyvsj_1tx15_630.awsui_animating_hyvsj_1tx15_738:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1tx15_953.awsui_is-tools-open_hyvsj_1tx15_630.awsui_animating_hyvsj_1tx15_738:not(#\9) {
|
|
1064
1069
|
animation: none;
|
|
1065
1070
|
transition: none;
|
|
1066
1071
|
}
|
|
1067
|
-
.
|
|
1072
|
+
.awsui_tools_hyvsj_1tx15_953 > .awsui_animated-content_hyvsj_1tx15_800:not(#\9) {
|
|
1068
1073
|
width: var(--awsui-tools-width-y98gph);
|
|
1069
1074
|
}
|
|
1070
1075
|
@media (min-width: 689px) {
|
|
1071
|
-
.
|
|
1072
|
-
border-right: var(--border-divider-section-width-
|
|
1076
|
+
.awsui_tools_hyvsj_1tx15_953.awsui_is-tools-open_hyvsj_1tx15_630.awsui_has-tools-form-persistence_hyvsj_1tx15_1050:not(#\9) {
|
|
1077
|
+
border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1073
1078
|
}
|
|
1074
1079
|
}
|
|
1075
1080
|
@media (max-width: 688px) {
|
|
1076
|
-
.
|
|
1081
|
+
.awsui_tools_hyvsj_1tx15_953:not(#\9) {
|
|
1077
1082
|
--awsui-tools-width-y98gph: 100vw;
|
|
1078
1083
|
}
|
|
1079
1084
|
}
|
|
1080
1085
|
|
|
1081
|
-
.awsui_hide-
|
|
1086
|
+
.awsui_hide-tools_hyvsj_1tx15_1060:not(#\9) {
|
|
1082
1087
|
position: absolute;
|
|
1083
1088
|
right: var(--space-m-udix3p, 16px);
|
|
1084
1089
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1090,7 +1095,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1090
1095
|
the calculation used to determine the Split Panel maximum width in the
|
|
1091
1096
|
handleSplitPanelMaxWidth function in the context.
|
|
1092
1097
|
*/
|
|
1093
|
-
.awsui_show-
|
|
1098
|
+
.awsui_show-tools_hyvsj_1tx15_1072:not(#\9) {
|
|
1094
1099
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1095
1100
|
border-collapse: separate;
|
|
1096
1101
|
border-spacing: 0;
|
|
@@ -1122,7 +1127,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1122
1127
|
box-sizing: border-box;
|
|
1123
1128
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
1124
1129
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
1125
|
-
color: var(--color-text-body-default-
|
|
1130
|
+
color: var(--color-text-body-default-at06ol, #000716);
|
|
1126
1131
|
font-weight: 400;
|
|
1127
1132
|
font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
1128
1133
|
-webkit-font-smoothing: auto;
|
|
@@ -1134,7 +1139,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1134
1139
|
take control in responsive viewports.
|
|
1135
1140
|
*/
|
|
1136
1141
|
}
|
|
1137
|
-
@keyframes
|
|
1142
|
+
@keyframes awsui_showButtons_hyvsj_1tx15_1 {
|
|
1138
1143
|
0% {
|
|
1139
1144
|
opacity: 0;
|
|
1140
1145
|
}
|
|
@@ -1142,31 +1147,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1142
1147
|
opacity: 1;
|
|
1143
1148
|
}
|
|
1144
1149
|
}
|
|
1145
|
-
.awsui_show-
|
|
1150
|
+
.awsui_show-tools_hyvsj_1tx15_1072:not(#\9):not(.awsui_has-tools-form_hyvsj_1tx15_1050) {
|
|
1146
1151
|
display: none;
|
|
1147
1152
|
}
|
|
1148
1153
|
@media (min-width: 689px) {
|
|
1149
|
-
.awsui_show-
|
|
1154
|
+
.awsui_show-tools_hyvsj_1tx15_1072.awsui_has-tools-form_hyvsj_1tx15_1050:not(#\9) {
|
|
1150
1155
|
display: flex;
|
|
1151
1156
|
flex-direction: column;
|
|
1152
1157
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1153
1158
|
}
|
|
1154
|
-
.awsui_show-
|
|
1155
|
-
animation:
|
|
1159
|
+
.awsui_show-tools_hyvsj_1tx15_1072.awsui_has-tools-form_hyvsj_1tx15_1050.awsui_animating_hyvsj_1tx15_738:not(#\9) {
|
|
1160
|
+
animation: awsui_showButtons_hyvsj_1tx15_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1156
1161
|
}
|
|
1157
1162
|
}
|
|
1158
1163
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1159
|
-
.awsui_show-
|
|
1164
|
+
.awsui_show-tools_hyvsj_1tx15_1072.awsui_has-tools-form_hyvsj_1tx15_1050.awsui_animating_hyvsj_1tx15_738:not(#\9) {
|
|
1160
1165
|
animation: none;
|
|
1161
1166
|
transition: none;
|
|
1162
1167
|
}
|
|
1163
1168
|
}
|
|
1164
1169
|
@media (min-width: 689px) {
|
|
1165
|
-
.awsui-motion-disabled .awsui_show-
|
|
1170
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1tx15_1072.awsui_has-tools-form_hyvsj_1tx15_1050.awsui_animating_hyvsj_1tx15_738:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1tx15_1072.awsui_has-tools-form_hyvsj_1tx15_1050.awsui_animating_hyvsj_1tx15_738:not(#\9) {
|
|
1166
1171
|
animation: none;
|
|
1167
1172
|
transition: none;
|
|
1168
1173
|
}
|
|
1169
|
-
.awsui_show-
|
|
1174
|
+
.awsui_show-tools_hyvsj_1tx15_1072.awsui_has-tools-form-persistence_hyvsj_1tx15_1050:not(#\9) {
|
|
1170
1175
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1171
1176
|
z-index: 1;
|
|
1172
1177
|
}
|
|
@@ -1176,7 +1181,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1176
1181
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1177
1182
|
SPDX-License-Identifier: Apache-2.0
|
|
1178
1183
|
*/
|
|
1179
|
-
.awsui_trigger-badge-
|
|
1184
|
+
.awsui_trigger-badge-wrapper_hyvsj_1tx15_1132:not(#\9) {
|
|
1180
1185
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1181
1186
|
border-radius: 50%;
|
|
1182
1187
|
height: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
@@ -1189,10 +1194,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1189
1194
|
align-items: center;
|
|
1190
1195
|
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");
|
|
1191
1196
|
}
|
|
1192
|
-
.awsui_trigger-badge-
|
|
1197
|
+
.awsui_trigger-badge-wrapper_hyvsj_1tx15_1132:not(#\9):hover {
|
|
1193
1198
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1194
1199
|
}
|
|
1195
|
-
.awsui_trigger-badge-
|
|
1200
|
+
.awsui_trigger-badge-wrapper_hyvsj_1tx15_1132:not(#\9):active {
|
|
1196
1201
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1197
1202
|
}
|
|
1198
1203
|
|
|
@@ -1201,7 +1206,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1201
1206
|
the calculation used to determine the Split Panel maximum width in the
|
|
1202
1207
|
handleSplitPanelMaxWidth function in the context.
|
|
1203
1208
|
*/
|
|
1204
|
-
.
|
|
1209
|
+
.awsui_trigger_hyvsj_1tx15_1132:not(#\9) {
|
|
1205
1210
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1206
1211
|
border-radius: 50%;
|
|
1207
1212
|
height: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
@@ -1212,20 +1217,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1212
1217
|
pointer-events: auto;
|
|
1213
1218
|
position: relative;
|
|
1214
1219
|
}
|
|
1215
|
-
.
|
|
1220
|
+
.awsui_trigger_hyvsj_1tx15_1132:not(#\9):hover {
|
|
1216
1221
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1217
1222
|
}
|
|
1218
|
-
.
|
|
1223
|
+
.awsui_trigger_hyvsj_1tx15_1132:not(#\9):active {
|
|
1219
1224
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1220
1225
|
}
|
|
1221
|
-
body[data-awsui-focus-visible=true] .
|
|
1226
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1tx15_1132:not(#\9):focus {
|
|
1222
1227
|
position: relative;
|
|
1223
1228
|
}
|
|
1224
|
-
body[data-awsui-focus-visible=true] .
|
|
1229
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1tx15_1132:not(#\9):focus {
|
|
1225
1230
|
outline: 2px dotted transparent;
|
|
1226
1231
|
outline-offset: calc(3px - 1px);
|
|
1227
1232
|
}
|
|
1228
|
-
body[data-awsui-focus-visible=true] .
|
|
1233
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1tx15_1132:not(#\9):focus::before {
|
|
1229
1234
|
content: " ";
|
|
1230
1235
|
display: block;
|
|
1231
1236
|
position: absolute;
|
|
@@ -1236,40 +1241,40 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_6otqt_1127:not(#\9):foc
|
|
|
1236
1241
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1237
1242
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1238
1243
|
}
|
|
1239
|
-
.
|
|
1244
|
+
.awsui_trigger_hyvsj_1tx15_1132:not(#\9):focus {
|
|
1240
1245
|
outline: none;
|
|
1241
1246
|
}
|
|
1242
|
-
.
|
|
1247
|
+
.awsui_trigger_hyvsj_1tx15_1132.awsui_selected_hyvsj_1tx15_1195:not(#\9) {
|
|
1243
1248
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1244
1249
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1245
1250
|
}
|
|
1246
|
-
.
|
|
1251
|
+
.awsui_trigger_hyvsj_1tx15_1132.awsui_selected_hyvsj_1tx15_1195:not(#\9):hover {
|
|
1247
1252
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1248
1253
|
}
|
|
1249
|
-
.
|
|
1254
|
+
.awsui_trigger_hyvsj_1tx15_1132.awsui_selected_hyvsj_1tx15_1195:not(#\9):active {
|
|
1250
1255
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1251
1256
|
}
|
|
1252
|
-
.
|
|
1257
|
+
.awsui_trigger_hyvsj_1tx15_1132.awsui_selected_hyvsj_1tx15_1195 > .awsui_trigger-badge-wrapper_hyvsj_1tx15_1132:not(#\9) {
|
|
1253
1258
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1254
1259
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1255
1260
|
}
|
|
1256
|
-
.
|
|
1261
|
+
.awsui_trigger_hyvsj_1tx15_1132.awsui_selected_hyvsj_1tx15_1195 > .awsui_trigger-badge-wrapper_hyvsj_1tx15_1132:not(#\9):hover {
|
|
1257
1262
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1258
1263
|
}
|
|
1259
|
-
.
|
|
1264
|
+
.awsui_trigger_hyvsj_1tx15_1132.awsui_selected_hyvsj_1tx15_1195 > .awsui_trigger-badge-wrapper_hyvsj_1tx15_1132:not(#\9):active {
|
|
1260
1265
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1261
1266
|
}
|
|
1262
|
-
.
|
|
1267
|
+
.awsui_trigger_hyvsj_1tx15_1132.awsui_badge_hyvsj_1tx15_1215:not(#\9), .awsui_trigger_hyvsj_1tx15_1132.awsui_badge_hyvsj_1tx15_1215:not(#\9):hover, .awsui_trigger_hyvsj_1tx15_1132.awsui_badge_hyvsj_1tx15_1215:not(#\9):active {
|
|
1263
1268
|
background: transparent;
|
|
1264
1269
|
}
|
|
1265
1270
|
|
|
1266
|
-
.awsui_trigger-
|
|
1271
|
+
.awsui_trigger-wrapper_hyvsj_1tx15_1219:not(#\9) {
|
|
1267
1272
|
position: relative;
|
|
1268
1273
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1269
1274
|
border-radius: 50%;
|
|
1270
1275
|
}
|
|
1271
1276
|
|
|
1272
|
-
.
|
|
1277
|
+
.awsui_dot_hyvsj_1tx15_1225:not(#\9) {
|
|
1273
1278
|
position: absolute;
|
|
1274
1279
|
width: 9px;
|
|
1275
1280
|
height: 9px;
|