@cloudscape-design/components 3.0.638 → 3.0.640
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/annotation-context/annotation/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/implementation.d.ts +31 -0
- package/app-layout/implementation.d.ts.map +1 -1
- package/app-layout/implementation.js +2 -0
- package/app-layout/implementation.js.map +1 -1
- package/app-layout/interfaces.d.ts +7 -0
- package/app-layout/interfaces.d.ts.map +1 -1
- package/app-layout/interfaces.js.map +1 -1
- package/app-layout/internal.js +1 -1
- package/app-layout/internal.js.map +1 -1
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/skeleton/index.d.ts +1 -1
- package/app-layout/skeleton/index.d.ts.map +1 -1
- package/app-layout/skeleton/index.js +2 -2
- package/app-layout/skeleton/index.js.map +1 -1
- package/app-layout/skeleton/layout.d.ts +2 -2
- package/app-layout/skeleton/layout.d.ts.map +1 -1
- package/app-layout/skeleton/layout.js +5 -4
- package/app-layout/skeleton/layout.js.map +1 -1
- package/app-layout/skeleton/styles.css.js +11 -11
- package/app-layout/skeleton/styles.scoped.css +99 -38
- package/app-layout/skeleton/styles.selectors.js +11 -11
- package/app-layout/utils/use-app-layout-placement.js +1 -1
- package/app-layout/utils/use-app-layout-placement.js.map +1 -1
- package/app-layout/utils/use-pointer-events.d.ts.map +1 -1
- package/app-layout/utils/use-pointer-events.js +1 -1
- package/app-layout/utils/use-pointer-events.js.map +1 -1
- package/app-layout/visual-refresh/background.d.ts.map +1 -1
- package/app-layout/visual-refresh/background.js +3 -3
- package/app-layout/visual-refresh/background.js.map +1 -1
- package/app-layout/visual-refresh/breadcrumbs.d.ts.map +1 -1
- package/app-layout/visual-refresh/breadcrumbs.js +4 -3
- package/app-layout/visual-refresh/breadcrumbs.js.map +1 -1
- package/app-layout/visual-refresh/context.js +1 -1
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
- package/app-layout/visual-refresh/drawers.js +5 -5
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/header.d.ts.map +1 -1
- package/app-layout/visual-refresh/header.js +4 -3
- package/app-layout/visual-refresh/header.js.map +1 -1
- package/app-layout/visual-refresh/layout.d.ts.map +1 -1
- package/app-layout/visual-refresh/layout.js +2 -0
- package/app-layout/visual-refresh/layout.js.map +1 -1
- package/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
- package/app-layout/visual-refresh/mobile-toolbar.js +4 -4
- package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
- package/app-layout/visual-refresh/navigation.d.ts.map +1 -1
- package/app-layout/visual-refresh/navigation.js +2 -2
- package/app-layout/visual-refresh/navigation.js.map +1 -1
- package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/app-layout/visual-refresh/notifications.js +4 -3
- package/app-layout/visual-refresh/notifications.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +83 -81
- package/app-layout/visual-refresh/styles.scoped.css +266 -258
- package/app-layout/visual-refresh/styles.selectors.js +83 -81
- package/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/app-layout/visual-refresh/tools.js +4 -4
- package/app-layout/visual-refresh/tools.js.map +1 -1
- package/app-layout/visual-refresh/trigger-button.d.ts +1 -0
- package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
- package/app-layout/visual-refresh/trigger-button.js +2 -3
- package/app-layout/visual-refresh/trigger-button.js.map +1 -1
- package/area-chart/internal.js +1 -1
- package/area-chart/internal.js.map +1 -1
- package/cards/index.d.ts.map +1 -1
- package/cards/index.js +4 -6
- package/cards/index.js.map +1 -1
- package/cards/styles.css.js +39 -40
- package/cards/styles.scoped.css +50 -50
- package/cards/styles.selectors.js +39 -40
- package/container/internal.d.ts +2 -2
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +5 -7
- package/container/internal.js.map +1 -1
- package/container/styles.css.js +28 -30
- package/container/styles.scoped.css +52 -65
- package/container/styles.selectors.js +28 -30
- package/container/use-sticky-header.js +2 -2
- package/container/use-sticky-header.js.map +1 -1
- package/content-layout/interfaces.d.ts +52 -0
- package/content-layout/interfaces.d.ts.map +1 -1
- package/content-layout/interfaces.js.map +1 -1
- package/content-layout/internal.d.ts +1 -1
- package/content-layout/internal.d.ts.map +1 -1
- package/content-layout/internal.js +37 -7
- package/content-layout/internal.js.map +1 -1
- package/content-layout/styles.css.js +14 -7
- package/content-layout/styles.scoped.css +57 -37
- package/content-layout/styles.selectors.js +14 -7
- package/content-layout/test-classes/styles.css.js +9 -0
- package/content-layout/test-classes/styles.scoped.css +19 -0
- package/content-layout/test-classes/styles.selectors.js +10 -0
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +171 -171
- package/flashbar/styles.selectors.js +47 -47
- package/internal/components/cartesian-chart/inline-start-labels.js +1 -1
- package/internal/components/cartesian-chart/inline-start-labels.js.map +1 -1
- package/internal/components/dropdown/dropdown-fit-handler.js +1 -1
- package/internal/components/dropdown/dropdown-fit-handler.js.map +1 -1
- package/internal/components/dropdown/index.js +1 -1
- package/internal/components/dropdown/index.js.map +1 -1
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +41 -41
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/responsive-text/index.js +1 -1
- package/internal/components/responsive-text/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +56 -51
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/hooks/use-scroll-sync/index.d.ts +1 -1
- package/internal/hooks/use-scroll-sync/index.d.ts.map +1 -1
- package/internal/hooks/use-scroll-sync/index.js +2 -4
- package/internal/hooks/use-scroll-sync/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/content-header-utils.d.ts +1 -0
- package/internal/utils/content-header-utils.d.ts.map +1 -1
- package/internal/utils/content-header-utils.js +2 -1
- package/internal/utils/content-header-utils.js.map +1 -1
- package/internal/utils/dom.d.ts +0 -5
- package/internal/utils/dom.d.ts.map +1 -1
- package/internal/utils/dom.js +0 -12
- package/internal/utils/dom.js.map +1 -1
- package/internal/utils/handle-key.js +1 -1
- package/internal/utils/handle-key.js.map +1 -1
- package/link/interfaces.d.ts +6 -1
- package/link/interfaces.d.ts.map +1 -1
- package/link/interfaces.js.map +1 -1
- package/link/internal.d.ts.map +1 -1
- package/link/internal.js +12 -2
- package/link/internal.js.map +1 -1
- package/mixed-line-bar-chart/chart-container.js +1 -1
- package/mixed-line-bar-chart/chart-container.js.map +1 -1
- package/package.json +1 -1
- package/pie-chart/responsive-text.js +1 -1
- package/pie-chart/responsive-text.js.map +1 -1
- package/popover/use-popover-position.js +1 -1
- package/popover/use-popover-position.js.map +1 -1
- package/slider/styles.css.js +25 -25
- package/slider/styles.scoped.css +71 -71
- package/slider/styles.selectors.js +25 -25
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +39 -39
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/bottom.d.ts.map +1 -1
- package/split-panel/bottom.js +4 -2
- package/split-panel/bottom.js.map +1 -1
- package/split-panel/icons/bottom-icon-refresh.d.ts.map +1 -1
- package/split-panel/icons/bottom-icon-refresh.js +1 -2
- package/split-panel/icons/bottom-icon-refresh.js.map +1 -1
- package/split-panel/icons/bottom-icon.js +1 -1
- package/split-panel/icons/bottom-icon.js.map +1 -1
- package/split-panel/icons/side-position-refresh.d.ts.map +1 -1
- package/split-panel/icons/side-position-refresh.js +2 -3
- package/split-panel/icons/side-position-refresh.js.map +1 -1
- package/split-panel/icons/side-position.js +1 -1
- package/split-panel/icons/side-position.js.map +1 -1
- package/split-panel/icons/styles.css.js +27 -0
- package/split-panel/icons/styles.scoped.css +168 -0
- package/split-panel/icons/styles.selectors.js +28 -0
- package/split-panel/implementation.d.ts.map +1 -1
- package/split-panel/implementation.js +7 -6
- package/split-panel/implementation.js.map +1 -1
- package/split-panel/internal.js +1 -1
- package/split-panel/internal.js.map +1 -1
- package/split-panel/side.d.ts.map +1 -1
- package/split-panel/side.js +5 -3
- package/split-panel/side.js.map +1 -1
- package/split-panel/styles.css.js +31 -57
- package/split-panel/styles.scoped.css +51 -235
- package/split-panel/styles.selectors.js +31 -57
- package/split-panel/test-classes/styles.css.js +13 -0
- package/split-panel/test-classes/styles.scoped.css +14 -0
- package/split-panel/test-classes/styles.selectors.js +14 -0
- package/table/interfaces.d.ts +1 -0
- package/table/interfaces.d.ts.map +1 -1
- package/table/interfaces.js.map +1 -1
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +2 -8
- package/table/internal.js.map +1 -1
- package/table/no-data-cell.d.ts.map +1 -1
- package/table/no-data-cell.js +1 -2
- package/table/no-data-cell.js.map +1 -1
- package/table/progressive-loading/progressive-loading-utils.d.ts.map +1 -1
- package/table/progressive-loading/progressive-loading-utils.js +8 -3
- package/table/progressive-loading/progressive-loading-utils.js.map +1 -1
- package/table/resizer/index.js +1 -1
- package/table/resizer/index.js.map +1 -1
- package/table/resizer/resizer-lookup.js +1 -1
- package/table/resizer/resizer-lookup.js.map +1 -1
- package/table/sticky-columns/use-sticky-columns.js +1 -1
- package/table/sticky-columns/use-sticky-columns.js.map +1 -1
- package/table/sticky-columns/utils.js +1 -1
- package/table/sticky-columns/utils.js.map +1 -1
- package/table/sticky-scrollbar/use-sticky-scrollbar.d.ts.map +1 -1
- package/table/sticky-scrollbar/use-sticky-scrollbar.js +12 -14
- package/table/sticky-scrollbar/use-sticky-scrollbar.js.map +1 -1
- package/table/sticky-scrolling.js +1 -1
- package/table/sticky-scrolling.js.map +1 -1
- package/table/styles.css.js +34 -35
- package/table/styles.scoped.css +39 -48
- package/table/styles.selectors.js +34 -35
- package/table/table-role/grid-navigation.js +13 -13
- package/table/table-role/grid-navigation.js.map +1 -1
- package/table/use-column-widths.js +1 -1
- package/table/use-column-widths.js.map +1 -1
- package/tabs/scroll-utils.js +1 -1
- package/tabs/scroll-utils.js.map +1 -1
- package/test-utils/dom/app-layout/index.js +1 -1
- package/test-utils/dom/app-layout/index.js.map +1 -1
- package/test-utils/dom/content-layout/index.d.ts +3 -0
- package/test-utils/dom/content-layout/index.js +11 -1
- package/test-utils/dom/content-layout/index.js.map +1 -1
- package/test-utils/dom/split-panel/index.js +3 -3
- package/test-utils/dom/split-panel/index.js.map +1 -1
- package/test-utils/selectors/app-layout/index.js +1 -1
- package/test-utils/selectors/app-layout/index.js.map +1 -1
- package/test-utils/selectors/content-layout/index.d.ts +3 -0
- package/test-utils/selectors/content-layout/index.js +11 -1
- package/test-utils/selectors/content-layout/index.js.map +1 -1
- package/test-utils/selectors/split-panel/index.js +3 -3
- package/test-utils/selectors/split-panel/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/wizard/internal.d.ts.map +1 -1
- package/wizard/internal.js +3 -5
- package/wizard/internal.js.map +1 -1
- package/wizard/styles.css.js +31 -32
- package/wizard/styles.scoped.css +59 -116
- package/wizard/styles.selectors.js +31 -32
- package/wizard/wizard-form-header.d.ts.map +1 -1
- package/wizard/wizard-form-header.js +2 -4
- package/wizard/wizard-form-header.js.map +1 -1
- package/wizard/wizard-navigation.d.ts.map +1 -1
- package/wizard/wizard-navigation.js +2 -3
- package/wizard/wizard-navigation.js.map +1 -1
- package/app-layout/widget.d.ts +0 -6
- package/app-layout/widget.d.ts.map +0 -1
- package/app-layout/widget.js +0 -16
- package/app-layout/widget.js.map +0 -1
- package/internal/direction.d.ts +0 -36
- package/internal/direction.d.ts.map +0 -1
- package/internal/direction.js +0 -66
- package/internal/direction.js.map +0 -1
- package/split-panel/widget.d.ts +0 -2
- package/split-panel/widget.d.ts.map +0 -1
- package/split-panel/widget.js +0 -4
- package/split-panel/widget.js.map +0 -1
|
@@ -96,29 +96,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
96
96
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
97
|
SPDX-License-Identifier: Apache-2.0
|
|
98
98
|
*/
|
|
99
|
-
div.
|
|
99
|
+
div.awsui_background_hyvsj_5tvh0_99:not(#\9) {
|
|
100
100
|
display: contents;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_5tvh0_99 > .awsui_scrolling-background_hyvsj_5tvh0_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
104
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
105
105
|
grid-column: 1/span 5;
|
|
106
106
|
grid-row: 1/10;
|
|
107
107
|
}
|
|
108
|
-
div.
|
|
108
|
+
div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108:not(#\9) {
|
|
109
109
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
110
110
|
grid-column: 1/span 5;
|
|
111
111
|
grid-row: 1/10;
|
|
112
112
|
position: sticky;
|
|
113
|
-
inset-block-start: var(--awsui-header-height-
|
|
113
|
+
inset-block-start: var(--awsui-header-height-7t5ed6);
|
|
114
114
|
z-index: 799;
|
|
115
115
|
}
|
|
116
|
-
div.
|
|
117
|
-
block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-
|
|
116
|
+
div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_5tvh0_116) {
|
|
117
|
+
block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-7t5ed6));
|
|
118
118
|
}
|
|
119
|
-
div.
|
|
119
|
+
div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.awsui_has-sticky-notifications_hyvsj_5tvh0_116:not(#\9) {
|
|
120
120
|
block-size: calc(
|
|
121
|
-
var(--awsui-notifications-gap-
|
|
121
|
+
var(--awsui-notifications-gap-7t5ed6) + var(--awsui-notifications-height-7t5ed6) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-7t5ed6)
|
|
122
122
|
);
|
|
123
123
|
}
|
|
124
124
|
|
|
@@ -126,7 +126,7 @@ div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_108.a
|
|
|
126
126
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
127
127
|
SPDX-License-Identifier: Apache-2.0
|
|
128
128
|
*/
|
|
129
|
-
.
|
|
129
|
+
.awsui_breadcrumbs_hyvsj_5tvh0_129:not(#\9) {
|
|
130
130
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
131
131
|
grid-area: breadcrumbs;
|
|
132
132
|
/*
|
|
@@ -136,7 +136,7 @@ div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_108.a
|
|
|
136
136
|
be lifted so it doesn't render behind the background element.
|
|
137
137
|
*/
|
|
138
138
|
}
|
|
139
|
-
.
|
|
139
|
+
.awsui_breadcrumbs_hyvsj_5tvh0_129.awsui_has-sticky-background_hyvsj_5tvh0_139:not(#\9) {
|
|
140
140
|
z-index: 799;
|
|
141
141
|
}
|
|
142
142
|
|
|
@@ -148,29 +148,29 @@ div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_108.a
|
|
|
148
148
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
149
149
|
SPDX-License-Identifier: Apache-2.0
|
|
150
150
|
*/
|
|
151
|
-
.awsui_drawers-
|
|
151
|
+
.awsui_drawers-container_hyvsj_5tvh0_151:not(#\9) {
|
|
152
152
|
background-color: transparent;
|
|
153
153
|
display: flex;
|
|
154
154
|
grid-column: 5;
|
|
155
155
|
grid-row: 1/span 10;
|
|
156
|
-
block-size: var(--awsui-content-height-
|
|
156
|
+
block-size: var(--awsui-content-height-7t5ed6);
|
|
157
157
|
pointer-events: none;
|
|
158
158
|
position: sticky;
|
|
159
|
-
inset-block-start: var(--awsui-offset-top-
|
|
159
|
+
inset-block-start: var(--awsui-offset-top-7t5ed6);
|
|
160
160
|
z-index: 830;
|
|
161
161
|
}
|
|
162
|
-
.awsui_drawers-
|
|
162
|
+
.awsui_drawers-container_hyvsj_5tvh0_151.awsui_has-open-drawer_hyvsj_5tvh0_162:not(#\9) {
|
|
163
163
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
164
164
|
}
|
|
165
165
|
@media (min-width: 689px) {
|
|
166
|
-
.awsui_drawers-
|
|
166
|
+
.awsui_drawers-container_hyvsj_5tvh0_151:not(#\9) {
|
|
167
167
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
168
|
-
max-inline-size: calc(var(--awsui-layout-width-
|
|
168
|
+
max-inline-size: calc(var(--awsui-layout-width-7t5ed6) - var(--awsui-main-offset-left-7t5ed6) - var(--awsui-default-min-content-width-7t5ed6) - var(--awsui-content-gap-right-7t5ed6));
|
|
169
169
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
170
170
|
}
|
|
171
171
|
}
|
|
172
172
|
@media (max-width: 688px) {
|
|
173
|
-
.awsui_drawers-
|
|
173
|
+
.awsui_drawers-container_hyvsj_5tvh0_151:not(#\9) {
|
|
174
174
|
position: fixed;
|
|
175
175
|
inset-inline-end: 0;
|
|
176
176
|
z-index: 1001;
|
|
@@ -182,12 +182,12 @@ div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_108.a
|
|
|
182
182
|
relative to the body.
|
|
183
183
|
*/
|
|
184
184
|
}
|
|
185
|
-
.awsui_drawers-
|
|
186
|
-
inset-block-start: var(--awsui-header-height-
|
|
185
|
+
.awsui_drawers-container_hyvsj_5tvh0_151.awsui_disable-body-scroll_hyvsj_5tvh0_185:not(#\9) {
|
|
186
|
+
inset-block-start: var(--awsui-header-height-7t5ed6);
|
|
187
187
|
}
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
.awsui_drawers-desktop-triggers-
|
|
190
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_5tvh0_190:not(#\9) {
|
|
191
191
|
border-collapse: separate;
|
|
192
192
|
border-spacing: 0;
|
|
193
193
|
box-sizing: border-box;
|
|
@@ -229,21 +229,21 @@ div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_108.a
|
|
|
229
229
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
230
230
|
overscroll-behavior-y: contain;
|
|
231
231
|
}
|
|
232
|
-
.awsui_drawers-desktop-triggers-
|
|
232
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_5tvh0_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_5tvh0_231).awsui_has-open-drawer_hyvsj_5tvh0_162 {
|
|
233
233
|
inline-size: 0;
|
|
234
234
|
}
|
|
235
|
-
.awsui_drawers-desktop-triggers-
|
|
235
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_5tvh0_190.awsui_has-multiple-triggers_hyvsj_5tvh0_231.awsui_has-open-drawer_hyvsj_5tvh0_162:not(#\9) {
|
|
236
236
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
237
237
|
}
|
|
238
|
-
.awsui_drawers-desktop-triggers-
|
|
238
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_5tvh0_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_5tvh0_231):not(.awsui_has-open-drawer_hyvsj_5tvh0_162) {
|
|
239
239
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
-
.awsui_drawers-mobile-triggers-
|
|
242
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_5tvh0_241:not(#\9) {
|
|
243
243
|
display: flex;
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
-
.awsui_drawers-trigger-
|
|
246
|
+
.awsui_drawers-trigger-content_hyvsj_5tvh0_245:not(#\9) {
|
|
247
247
|
align-items: center;
|
|
248
248
|
display: flex;
|
|
249
249
|
flex-direction: column;
|
|
@@ -251,13 +251,13 @@ div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_108.a
|
|
|
251
251
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
252
252
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
253
253
|
}
|
|
254
|
-
.awsui_drawers-trigger-
|
|
254
|
+
.awsui_drawers-trigger-content_hyvsj_5tvh0_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_5tvh0_231).awsui_has-open-drawer_hyvsj_5tvh0_162 {
|
|
255
255
|
opacity: 0;
|
|
256
256
|
}
|
|
257
|
-
.awsui_drawers-trigger-
|
|
257
|
+
.awsui_drawers-trigger-content_hyvsj_5tvh0_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_5tvh0_231):not(.awsui_has-open-drawer_hyvsj_5tvh0_162) {
|
|
258
258
|
opacity: 1;
|
|
259
259
|
}
|
|
260
|
-
.awsui_drawers-trigger-
|
|
260
|
+
.awsui_drawers-trigger-content_hyvsj_5tvh0_245 > .awsui_drawers-trigger-overflow_hyvsj_5tvh0_259:not(#\9) {
|
|
261
261
|
padding-block: 0;
|
|
262
262
|
padding-inline: 1px;
|
|
263
263
|
display: flex;
|
|
@@ -266,15 +266,15 @@ div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_108.a
|
|
|
266
266
|
}
|
|
267
267
|
|
|
268
268
|
@media (max-width: 688px) {
|
|
269
|
-
.awsui_drawers-
|
|
269
|
+
.awsui_drawers-trigger_hyvsj_5tvh0_245:not(#\9) {
|
|
270
270
|
inline-size: 40px;
|
|
271
271
|
display: flex;
|
|
272
272
|
justify-content: center;
|
|
273
273
|
}
|
|
274
274
|
}
|
|
275
275
|
|
|
276
|
-
.
|
|
277
|
-
--awsui-drawer-size-
|
|
276
|
+
.awsui_drawer_hyvsj_5tvh0_151:not(#\9) {
|
|
277
|
+
--awsui-drawer-size-7t5ed6: 290px;
|
|
278
278
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
279
279
|
border-color: transparent;
|
|
280
280
|
display: grid;
|
|
@@ -288,51 +288,51 @@ div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_108.a
|
|
|
288
288
|
pointer-events: auto;
|
|
289
289
|
word-wrap: break-word;
|
|
290
290
|
}
|
|
291
|
-
.
|
|
291
|
+
.awsui_drawer_hyvsj_5tvh0_151 > .awsui_drawer-content-container_hyvsj_5tvh0_290:not(#\9) {
|
|
292
292
|
grid-column: 1/span 2;
|
|
293
293
|
grid-row: 1;
|
|
294
|
-
inline-size: var(--awsui-drawer-size-
|
|
294
|
+
inline-size: var(--awsui-drawer-size-7t5ed6);
|
|
295
295
|
display: grid;
|
|
296
296
|
grid-template-columns: var(--space-m-udix3p, 16px) 1fr auto var(--space-m-udix3p, 16px);
|
|
297
297
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
298
298
|
overflow-y: auto;
|
|
299
299
|
}
|
|
300
|
-
.
|
|
300
|
+
.awsui_drawer_hyvsj_5tvh0_151 > .awsui_drawer-content-container_hyvsj_5tvh0_290 > .awsui_drawer-close-button_hyvsj_5tvh0_299:not(#\9) {
|
|
301
301
|
grid-column: 3;
|
|
302
302
|
grid-row: 2;
|
|
303
303
|
z-index: 1;
|
|
304
304
|
}
|
|
305
|
-
.
|
|
305
|
+
.awsui_drawer_hyvsj_5tvh0_151 > .awsui_drawer-content-container_hyvsj_5tvh0_290 > .awsui_drawer-content_hyvsj_5tvh0_290:not(#\9) {
|
|
306
306
|
grid-column: 1/span 4;
|
|
307
307
|
}
|
|
308
|
-
.
|
|
308
|
+
.awsui_drawer_hyvsj_5tvh0_151 > .awsui_drawer-content-container_hyvsj_5tvh0_290 > .awsui_drawer-content_hyvsj_5tvh0_290.awsui_drawer-content-hidden_hyvsj_5tvh0_307:not(#\9) {
|
|
309
309
|
display: none;
|
|
310
310
|
}
|
|
311
|
-
.
|
|
311
|
+
.awsui_drawer_hyvsj_5tvh0_151 > .awsui_drawer-slider_hyvsj_5tvh0_310:not(#\9) {
|
|
312
312
|
grid-column: 1;
|
|
313
313
|
grid-row: 1;
|
|
314
314
|
block-size: 100%;
|
|
315
315
|
display: flex;
|
|
316
316
|
align-items: center;
|
|
317
317
|
}
|
|
318
|
-
.
|
|
318
|
+
.awsui_drawer_hyvsj_5tvh0_151:not(#\9):not(.awsui_is-drawer-open_hyvsj_5tvh0_317) {
|
|
319
319
|
opacity: 0;
|
|
320
320
|
inline-size: 0;
|
|
321
321
|
}
|
|
322
|
-
.
|
|
322
|
+
.awsui_drawer_hyvsj_5tvh0_151.awsui_is-drawer-open_hyvsj_5tvh0_317:not(#\9) {
|
|
323
323
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
324
324
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
325
325
|
opacity: 1;
|
|
326
|
-
inline-size: var(--awsui-drawer-size-
|
|
326
|
+
inline-size: var(--awsui-drawer-size-7t5ed6);
|
|
327
327
|
}
|
|
328
328
|
@media (min-width: 2541px) {
|
|
329
|
-
.
|
|
330
|
-
--awsui-drawer-size-
|
|
329
|
+
.awsui_drawer_hyvsj_5tvh0_151.awsui_is-drawer-open_hyvsj_5tvh0_317:not(#\9) {
|
|
330
|
+
--awsui-drawer-size-7t5ed6: 320px;
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
333
|
@media (max-width: 688px) {
|
|
334
|
-
.
|
|
335
|
-
--awsui-drawer-size-
|
|
334
|
+
.awsui_drawer_hyvsj_5tvh0_151.awsui_is-drawer-open_hyvsj_5tvh0_317:not(#\9) {
|
|
335
|
+
--awsui-drawer-size-7t5ed6: 100vw;
|
|
336
336
|
inline-size: 100vw;
|
|
337
337
|
}
|
|
338
338
|
}
|
|
@@ -341,7 +341,7 @@ div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_108.a
|
|
|
341
341
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
342
342
|
SPDX-License-Identifier: Apache-2.0
|
|
343
343
|
*/
|
|
344
|
-
header.
|
|
344
|
+
header.awsui_content_hyvsj_5tvh0_343:not(#\9) {
|
|
345
345
|
grid-area: header;
|
|
346
346
|
}
|
|
347
347
|
|
|
@@ -362,34 +362,36 @@ The minimum content width property is set to zero and applied under all
|
|
|
362
362
|
circumstances regardless of whether the minContentWidth property is
|
|
363
363
|
explicitly set in script.
|
|
364
364
|
*/
|
|
365
|
-
.
|
|
366
|
-
--awsui-breadcrumbs-gap-
|
|
367
|
-
--awsui-content-gap-left-
|
|
368
|
-
--awsui-content-gap-right-
|
|
369
|
-
--awsui-content-height-
|
|
370
|
-
--awsui-default-max-content-width-
|
|
371
|
-
--awsui-default-min-content-width-
|
|
372
|
-
--awsui-footer-height-
|
|
373
|
-
--awsui-header-gap-
|
|
374
|
-
--awsui-header-height-
|
|
375
|
-
--awsui-layout-width-
|
|
376
|
-
--awsui-main-gap-
|
|
377
|
-
--awsui-main-offset-left-
|
|
378
|
-
--awsui-main-template-rows-
|
|
379
|
-
--awsui-max-content-width-
|
|
380
|
-
--awsui-min-content-width-
|
|
381
|
-
--awsui-mobile-bar-height-
|
|
382
|
-
--awsui-notifications-gap-
|
|
383
|
-
--awsui-notifications-height-
|
|
384
|
-
--awsui-offset-top-
|
|
385
|
-
--awsui-overlap-height-
|
|
365
|
+
.awsui_layout_hyvsj_5tvh0_364:not(#\9) {
|
|
366
|
+
--awsui-breadcrumbs-gap-7t5ed6: 0px;
|
|
367
|
+
--awsui-content-gap-left-7t5ed6: 0px;
|
|
368
|
+
--awsui-content-gap-right-7t5ed6: 0px;
|
|
369
|
+
--awsui-content-height-7t5ed6: calc(100vh - var(--awsui-header-height-7t5ed6) - var(--awsui-footer-height-7t5ed6));
|
|
370
|
+
--awsui-default-max-content-width-7t5ed6: 1280px;
|
|
371
|
+
--awsui-default-min-content-width-7t5ed6: 0px;
|
|
372
|
+
--awsui-footer-height-7t5ed6: 0px;
|
|
373
|
+
--awsui-header-gap-7t5ed6: 0px;
|
|
374
|
+
--awsui-header-height-7t5ed6: 0px;
|
|
375
|
+
--awsui-layout-width-7t5ed6: 0px;
|
|
376
|
+
--awsui-main-gap-7t5ed6: 0px;
|
|
377
|
+
--awsui-main-offset-left-7t5ed6: 0px;
|
|
378
|
+
--awsui-main-template-rows-7t5ed6: 1fr;
|
|
379
|
+
--awsui-max-content-width-7t5ed6: 0px;
|
|
380
|
+
--awsui-min-content-width-7t5ed6: 280px;
|
|
381
|
+
--awsui-mobile-bar-height-7t5ed6: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
|
|
382
|
+
--awsui-notifications-gap-7t5ed6: 0px;
|
|
383
|
+
--awsui-notifications-height-7t5ed6: 0px;
|
|
384
|
+
--awsui-offset-top-7t5ed6: var(--awsui-header-height-7t5ed6);
|
|
385
|
+
--awsui-overlap-height-7t5ed6: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
|
|
386
|
+
--awsui-toggles-left-width-7t5ed6: 0px;
|
|
387
|
+
--awsui-toggles-right-width-7t5ed6: 0px;
|
|
386
388
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
387
389
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
388
390
|
display: grid;
|
|
389
391
|
grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
|
|
390
|
-
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-
|
|
391
|
-
grid-template-rows: auto var(--awsui-notifications-gap-
|
|
392
|
-
min-block-size: var(--awsui-content-height-
|
|
392
|
+
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-7t5ed6), 1fr) minmax(var(--awsui-default-min-content-width-7t5ed6), var(--awsui-default-max-content-width-7t5ed6)) minmax(var(--awsui-content-gap-right-7t5ed6), 1fr) min-content;
|
|
393
|
+
grid-template-rows: auto var(--awsui-notifications-gap-7t5ed6) auto var(--awsui-breadcrumbs-gap-7t5ed6) auto var(--awsui-header-gap-7t5ed6) auto var(--awsui-main-gap-7t5ed6) var(--awsui-overlap-height-7t5ed6) var(--awsui-main-template-rows-7t5ed6);
|
|
394
|
+
min-block-size: var(--awsui-content-height-7t5ed6);
|
|
393
395
|
position: relative;
|
|
394
396
|
/*
|
|
395
397
|
Add unified max-width for AppLayout content based on breakpoints. Only use the max content
|
|
@@ -433,115 +435,121 @@ explicitly set in script.
|
|
|
433
435
|
*/
|
|
434
436
|
}
|
|
435
437
|
@media (min-width: 1401px) {
|
|
436
|
-
.
|
|
437
|
-
--awsui-default-max-content-width-
|
|
438
|
+
.awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437) {
|
|
439
|
+
--awsui-default-max-content-width-7t5ed6: 1280px;
|
|
438
440
|
}
|
|
439
441
|
}
|
|
440
442
|
@media (min-width: 1921px) {
|
|
441
|
-
.
|
|
442
|
-
--awsui-default-max-content-width-
|
|
443
|
+
.awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437) {
|
|
444
|
+
--awsui-default-max-content-width-7t5ed6: 1440px;
|
|
443
445
|
}
|
|
444
446
|
}
|
|
445
447
|
@media (min-width: 2541px) {
|
|
446
|
-
.
|
|
447
|
-
--awsui-default-max-content-width-
|
|
448
|
+
.awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437) {
|
|
449
|
+
--awsui-default-max-content-width-7t5ed6: 1620px;
|
|
448
450
|
}
|
|
449
451
|
}
|
|
450
452
|
@media (min-width: 1401px) {
|
|
451
|
-
.
|
|
452
|
-
--awsui-default-max-content-width-
|
|
453
|
+
.awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437).awsui_content-type-dashboard_hyvsj_5tvh0_452 {
|
|
454
|
+
--awsui-default-max-content-width-7t5ed6: 1280px;
|
|
453
455
|
}
|
|
454
456
|
}
|
|
455
457
|
@media (min-width: 1921px) {
|
|
456
|
-
.
|
|
457
|
-
--awsui-default-max-content-width-
|
|
458
|
+
.awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437).awsui_content-type-dashboard_hyvsj_5tvh0_452 {
|
|
459
|
+
--awsui-default-max-content-width-7t5ed6: 1620px;
|
|
458
460
|
}
|
|
459
461
|
}
|
|
460
462
|
@media (min-width: 2541px) {
|
|
461
|
-
.
|
|
462
|
-
--awsui-default-max-content-width-
|
|
463
|
+
.awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437).awsui_content-type-dashboard_hyvsj_5tvh0_452 {
|
|
464
|
+
--awsui-default-max-content-width-7t5ed6: 2160px;
|
|
463
465
|
}
|
|
464
466
|
}
|
|
465
|
-
.
|
|
466
|
-
--awsui-default-max-content-width-
|
|
467
|
+
.awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437).awsui_content-type-table_hyvsj_5tvh0_466, .awsui_layout_hyvsj_5tvh0_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_5tvh0_437).awsui_content-type-cards_hyvsj_5tvh0_466 {
|
|
468
|
+
--awsui-default-max-content-width-7t5ed6: 100%;
|
|
467
469
|
}
|
|
468
|
-
.
|
|
469
|
-
--awsui-default-max-content-width-
|
|
470
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_has-max-content-width_hyvsj_5tvh0_437:not(#\9) {
|
|
471
|
+
--awsui-default-max-content-width-7t5ed6: var(--awsui-max-content-width-7t5ed6);
|
|
470
472
|
}
|
|
471
|
-
.
|
|
472
|
-
--awsui-overlap-height-
|
|
473
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_is-overlap-disabled_hyvsj_5tvh0_472:not(#\9) {
|
|
474
|
+
--awsui-overlap-height-7t5ed6: 0;
|
|
473
475
|
}
|
|
474
|
-
.
|
|
475
|
-
--awsui-mobile-bar-height-
|
|
476
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_is-hide-mobile-toolbar_hyvsj_5tvh0_475:not(#\9) {
|
|
477
|
+
--awsui-mobile-bar-height-7t5ed6: 0px;
|
|
476
478
|
}
|
|
477
479
|
@media (min-width: 993px) {
|
|
478
|
-
.
|
|
479
|
-
--awsui-default-min-content-width-
|
|
480
|
+
.awsui_layout_hyvsj_5tvh0_364:not(#\9) {
|
|
481
|
+
--awsui-default-min-content-width-7t5ed6: var(--awsui-min-content-width-7t5ed6, 280px);
|
|
480
482
|
}
|
|
481
483
|
}
|
|
482
484
|
@media (max-width: 992px) {
|
|
483
|
-
.
|
|
484
|
-
--awsui-default-min-content-width-
|
|
485
|
+
.awsui_layout_hyvsj_5tvh0_364:not(#\9) {
|
|
486
|
+
--awsui-default-min-content-width-7t5ed6: 0px;
|
|
485
487
|
}
|
|
486
488
|
}
|
|
487
489
|
@media (min-width: 689px) {
|
|
488
|
-
.
|
|
489
|
-
--awsui-content-gap-left-
|
|
490
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_has-content-gap-left_hyvsj_5tvh0_489:not(#\9) {
|
|
491
|
+
--awsui-content-gap-left-7t5ed6: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
490
492
|
}
|
|
491
|
-
.
|
|
492
|
-
--awsui-content-gap-right-
|
|
493
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_has-content-gap-right_hyvsj_5tvh0_492:not(#\9) {
|
|
494
|
+
--awsui-content-gap-right-7t5ed6: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
493
495
|
}
|
|
494
496
|
}
|
|
495
497
|
@media (max-width: 688px) {
|
|
496
|
-
.
|
|
497
|
-
--awsui-content-gap-left-
|
|
498
|
-
--awsui-content-gap-right-
|
|
498
|
+
.awsui_layout_hyvsj_5tvh0_364:not(#\9) {
|
|
499
|
+
--awsui-content-gap-left-7t5ed6: var(--space-l-t419sm, 20px);
|
|
500
|
+
--awsui-content-gap-right-7t5ed6: var(--space-l-t419sm, 20px);
|
|
499
501
|
}
|
|
500
502
|
}
|
|
501
|
-
.
|
|
502
|
-
--awsui-notifications-gap-
|
|
503
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-notifications_hyvsj_5tvh0_502:not(#\9) {
|
|
504
|
+
--awsui-notifications-gap-7t5ed6: var(--space-xs-zb16t3, 8px);
|
|
503
505
|
}
|
|
504
|
-
.
|
|
505
|
-
--awsui-breadcrumbs-gap-
|
|
506
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_has-breadcrumbs_hyvsj_5tvh0_505:not(#\9) {
|
|
507
|
+
--awsui-breadcrumbs-gap-7t5ed6: var(--space-scaled-m-mo5yse, 16px);
|
|
506
508
|
}
|
|
507
|
-
.
|
|
508
|
-
--awsui-header-gap-
|
|
509
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-header_hyvsj_5tvh0_508:not(#\9), .awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-notifications_hyvsj_5tvh0_502:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_5tvh0_505).awsui_has-header_hyvsj_5tvh0_508 {
|
|
510
|
+
--awsui-header-gap-7t5ed6: var(--space-scaled-xs-26e2du, 8px);
|
|
509
511
|
}
|
|
510
|
-
.
|
|
511
|
-
--awsui-header-gap-
|
|
512
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_has-breadcrumbs_hyvsj_5tvh0_505.awsui_has-header_hyvsj_5tvh0_508:not(#\9) {
|
|
513
|
+
--awsui-header-gap-7t5ed6: var(--space-scaled-xs-26e2du, 8px);
|
|
512
514
|
}
|
|
513
|
-
.
|
|
514
|
-
--awsui-main-gap-
|
|
515
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-notifications_hyvsj_5tvh0_502:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_5tvh0_505):not(.awsui_has-header_hyvsj_5tvh0_508) {
|
|
516
|
+
--awsui-main-gap-7t5ed6: var(--space-xs-zb16t3, 8px);
|
|
515
517
|
}
|
|
516
|
-
.
|
|
517
|
-
--awsui-main-gap-
|
|
518
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_has-breadcrumbs_hyvsj_5tvh0_505:not(#\9):not(.awsui_has-header_hyvsj_5tvh0_508) {
|
|
519
|
+
--awsui-main-gap-7t5ed6: var(--space-scaled-xxs-7597g1, 4px);
|
|
518
520
|
}
|
|
519
|
-
.
|
|
520
|
-
--awsui-main-gap-
|
|
521
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_has-header_hyvsj_5tvh0_508:not(#\9) {
|
|
522
|
+
--awsui-main-gap-7t5ed6: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
521
523
|
}
|
|
522
|
-
.
|
|
523
|
-
--awsui-main-gap-
|
|
524
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-main_hyvsj_5tvh0_523:not(#\9):not(.awsui_disable-content-paddings_hyvsj_5tvh0_523) {
|
|
525
|
+
--awsui-main-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
524
526
|
}
|
|
525
|
-
.
|
|
526
|
-
--awsui-main-gap-
|
|
527
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-main_hyvsj_5tvh0_523.awsui_disable-content-paddings_hyvsj_5tvh0_523:not(#\9) {
|
|
528
|
+
--awsui-main-gap-7t5ed6: 0px;
|
|
527
529
|
}
|
|
528
530
|
@media (max-width: 688px) {
|
|
529
|
-
.
|
|
530
|
-
--awsui-notifications-gap-
|
|
531
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-notifications_hyvsj_5tvh0_502:not(#\9) {
|
|
532
|
+
--awsui-notifications-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
531
533
|
}
|
|
532
|
-
.
|
|
533
|
-
--awsui-header-gap-
|
|
534
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-header_hyvsj_5tvh0_508:not(#\9) {
|
|
535
|
+
--awsui-header-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
534
536
|
}
|
|
535
|
-
.
|
|
536
|
-
--awsui-header-gap-
|
|
537
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-notifications_hyvsj_5tvh0_502:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_5tvh0_505).awsui_has-header_hyvsj_5tvh0_508 {
|
|
538
|
+
--awsui-header-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
537
539
|
}
|
|
538
|
-
.
|
|
539
|
-
--awsui-main-gap-
|
|
540
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-notifications_hyvsj_5tvh0_502:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_5tvh0_505):not(.awsui_has-header_hyvsj_5tvh0_508), .awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-main_hyvsj_5tvh0_523:not(#\9):not(.awsui_disable-content-paddings_hyvsj_5tvh0_523) {
|
|
541
|
+
--awsui-main-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
540
542
|
}
|
|
541
|
-
.
|
|
542
|
-
--awsui-main-gap-
|
|
543
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-main_hyvsj_5tvh0_523.awsui_disable-content-paddings_hyvsj_5tvh0_523:not(#\9) {
|
|
544
|
+
--awsui-main-gap-7t5ed6: 0px;
|
|
543
545
|
}
|
|
544
546
|
}
|
|
547
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_has-left-toggles-gutter_hyvsj_5tvh0_546:not(#\9) {
|
|
548
|
+
--awsui-toggles-left-width-7t5ed6: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
549
|
+
}
|
|
550
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_has-right-toggles-gutter_hyvsj_5tvh0_549:not(#\9) {
|
|
551
|
+
--awsui-toggles-right-width-7t5ed6: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
552
|
+
}
|
|
545
553
|
|
|
546
554
|
/*
|
|
547
555
|
If disableBodyScroll is true (very uncommon use case) then the AppLayout component
|
|
@@ -553,27 +561,27 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
553
561
|
position: sticky will be the value of the notifications height in addition to the
|
|
554
562
|
notifications top margin and some additional vertical space for aesthetics.
|
|
555
563
|
*/
|
|
556
|
-
.
|
|
557
|
-
--awsui-main-template-rows-
|
|
558
|
-
--awsui-offset-top-
|
|
559
|
-
block-size: var(--awsui-content-height-
|
|
564
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_disable-body-scroll_hyvsj_5tvh0_185:not(#\9) {
|
|
565
|
+
--awsui-main-template-rows-7t5ed6: 1fr auto;
|
|
566
|
+
--awsui-offset-top-7t5ed6: 0px;
|
|
567
|
+
block-size: var(--awsui-content-height-7t5ed6);
|
|
560
568
|
overflow-y: scroll;
|
|
561
569
|
}
|
|
562
|
-
.
|
|
563
|
-
--awsui-main-template-rows-
|
|
570
|
+
.awsui_layout_hyvsj_5tvh0_364.awsui_disable-body-scroll_hyvsj_5tvh0_185.awsui_has-split-panel_hyvsj_5tvh0_569.awsui_split-panel-position-bottom_hyvsj_5tvh0_569:not(#\9) {
|
|
571
|
+
--awsui-main-template-rows-7t5ed6: repeat(2, auto);
|
|
564
572
|
}
|
|
565
573
|
|
|
566
574
|
/*
|
|
567
575
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
568
576
|
when the navigation or tools drawers are open in responsive viewports.
|
|
569
577
|
*/
|
|
570
|
-
.awsui_block-body-
|
|
578
|
+
.awsui_block-body-scroll_hyvsj_5tvh0_577:not(#\9) {
|
|
571
579
|
overflow: hidden;
|
|
572
580
|
}
|
|
573
581
|
|
|
574
582
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
575
|
-
.
|
|
576
|
-
.
|
|
583
|
+
.awsui_unfocusable_hyvsj_5tvh0_582:not(#\9),
|
|
584
|
+
.awsui_unfocusable_hyvsj_5tvh0_582 *:not(#\9) {
|
|
577
585
|
visibility: hidden !important;
|
|
578
586
|
}
|
|
579
587
|
|
|
@@ -582,7 +590,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
582
590
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
583
591
|
SPDX-License-Identifier: Apache-2.0
|
|
584
592
|
*/
|
|
585
|
-
.
|
|
593
|
+
.awsui_container_hyvsj_5tvh0_592:not(#\9) {
|
|
586
594
|
grid-area: main;
|
|
587
595
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
588
596
|
/*
|
|
@@ -599,19 +607,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
599
607
|
on the right, we decrement the column end by one.
|
|
600
608
|
*/
|
|
601
609
|
}
|
|
602
|
-
.
|
|
603
|
-
padding-block-end: calc(var(--awsui-split-panel-height-
|
|
610
|
+
.awsui_container_hyvsj_5tvh0_592.awsui_has-split-panel_hyvsj_5tvh0_569.awsui_split-panel-position-bottom_hyvsj_5tvh0_569:not(#\9) {
|
|
611
|
+
padding-block-end: calc(var(--awsui-split-panel-height-7t5ed6) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
604
612
|
}
|
|
605
|
-
.
|
|
613
|
+
.awsui_container_hyvsj_5tvh0_592.awsui_disable-content-paddings_hyvsj_5tvh0_523:not(#\9) {
|
|
606
614
|
grid-column: 1/6;
|
|
607
615
|
padding-block: 0;
|
|
608
616
|
padding-inline: 0;
|
|
609
617
|
}
|
|
610
618
|
@media (min-width: 689px) {
|
|
611
|
-
.
|
|
619
|
+
.awsui_container_hyvsj_5tvh0_592.awsui_disable-content-paddings_hyvsj_5tvh0_523.awsui_is-navigation-open_hyvsj_5tvh0_618:not(#\9) {
|
|
612
620
|
grid-column-start: 2;
|
|
613
621
|
}
|
|
614
|
-
.
|
|
622
|
+
.awsui_container_hyvsj_5tvh0_592.awsui_disable-content-paddings_hyvsj_5tvh0_523.awsui_is-tools-open_hyvsj_5tvh0_621:not(#\9), .awsui_container_hyvsj_5tvh0_592.awsui_disable-content-paddings_hyvsj_5tvh0_523.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_split-panel-position-side_hyvsj_5tvh0_621:not(#\9), .awsui_container_hyvsj_5tvh0_592.awsui_disable-content-paddings_hyvsj_5tvh0_523.awsui_has-active-drawer_hyvsj_5tvh0_621:not(#\9) {
|
|
615
623
|
grid-column-end: 5;
|
|
616
624
|
}
|
|
617
625
|
}
|
|
@@ -620,13 +628,13 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
620
628
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
621
629
|
SPDX-License-Identifier: Apache-2.0
|
|
622
630
|
*/
|
|
623
|
-
section.awsui_mobile-
|
|
631
|
+
section.awsui_mobile-toolbar_hyvsj_5tvh0_630:not(#\9) {
|
|
624
632
|
align-items: center;
|
|
625
633
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
626
634
|
border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
627
635
|
box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
|
|
628
636
|
box-sizing: border-box;
|
|
629
|
-
block-size: var(--awsui-mobile-bar-height-
|
|
637
|
+
block-size: var(--awsui-mobile-bar-height-7t5ed6);
|
|
630
638
|
display: grid;
|
|
631
639
|
grid-area: mobileToolbar;
|
|
632
640
|
grid-column: 1/span 5;
|
|
@@ -634,22 +642,22 @@ section.awsui_mobile-toolbar_hyvsj_1qwwo_622:not(#\9) {
|
|
|
634
642
|
padding-block: 0;
|
|
635
643
|
padding-inline: var(--space-m-udix3p, 16px);
|
|
636
644
|
position: sticky;
|
|
637
|
-
inset-block-start: var(--awsui-offset-top-
|
|
645
|
+
inset-block-start: var(--awsui-offset-top-7t5ed6);
|
|
638
646
|
z-index: 1000;
|
|
639
647
|
}
|
|
640
|
-
section.awsui_mobile-
|
|
648
|
+
section.awsui_mobile-toolbar_hyvsj_5tvh0_630:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_5tvh0_647) {
|
|
641
649
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
642
650
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
643
651
|
}
|
|
644
|
-
section.awsui_mobile-
|
|
652
|
+
section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-nav_hyvsj_5tvh0_651:not(#\9) {
|
|
645
653
|
grid-column: 1;
|
|
646
654
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
647
655
|
}
|
|
648
|
-
section.awsui_mobile-
|
|
656
|
+
section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_5tvh0_655:not(#\9) {
|
|
649
657
|
grid-column: 2;
|
|
650
658
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
651
659
|
}
|
|
652
|
-
section.awsui_mobile-
|
|
660
|
+
section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-tools_hyvsj_5tvh0_659:not(#\9) {
|
|
653
661
|
grid-column: 3;
|
|
654
662
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
655
663
|
}
|
|
@@ -658,13 +666,13 @@ section.awsui_mobile-toolbar_hyvsj_1qwwo_622 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
658
666
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
659
667
|
SPDX-License-Identifier: Apache-2.0
|
|
660
668
|
*/
|
|
661
|
-
.awsui_navigation-
|
|
669
|
+
.awsui_navigation-container_hyvsj_5tvh0_668:not(#\9) {
|
|
662
670
|
display: flex;
|
|
663
671
|
grid-column: 1;
|
|
664
672
|
grid-row: 1/span 10;
|
|
665
|
-
block-size: var(--awsui-content-height-
|
|
673
|
+
block-size: var(--awsui-content-height-7t5ed6);
|
|
666
674
|
position: sticky;
|
|
667
|
-
inset-block-start: var(--awsui-offset-top-
|
|
675
|
+
inset-block-start: var(--awsui-offset-top-7t5ed6);
|
|
668
676
|
z-index: 830;
|
|
669
677
|
/*
|
|
670
678
|
The navigation and tools containers (that contain the toggle buttons)
|
|
@@ -679,7 +687,7 @@ section.awsui_mobile-toolbar_hyvsj_1qwwo_622 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
679
687
|
pointer-events: none;
|
|
680
688
|
}
|
|
681
689
|
@media (max-width: 688px) {
|
|
682
|
-
.awsui_navigation-
|
|
690
|
+
.awsui_navigation-container_hyvsj_5tvh0_668:not(#\9) {
|
|
683
691
|
inset-inline-start: 0;
|
|
684
692
|
position: fixed;
|
|
685
693
|
z-index: 1001;
|
|
@@ -691,12 +699,12 @@ section.awsui_mobile-toolbar_hyvsj_1qwwo_622 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
691
699
|
relative to the body.
|
|
692
700
|
*/
|
|
693
701
|
}
|
|
694
|
-
.awsui_navigation-
|
|
695
|
-
inset-block-start: var(--awsui-header-height-
|
|
702
|
+
.awsui_navigation-container_hyvsj_5tvh0_668.awsui_disable-body-scroll_hyvsj_5tvh0_185:not(#\9) {
|
|
703
|
+
inset-block-start: var(--awsui-header-height-7t5ed6);
|
|
696
704
|
}
|
|
697
705
|
}
|
|
698
706
|
|
|
699
|
-
nav.awsui_show-
|
|
707
|
+
nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9) {
|
|
700
708
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
701
709
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
702
710
|
/*
|
|
@@ -704,7 +712,7 @@ nav.awsui_show-navigation_hyvsj_1qwwo_698:not(#\9) {
|
|
|
704
712
|
take control in responsive viewports.
|
|
705
713
|
*/
|
|
706
714
|
}
|
|
707
|
-
@keyframes
|
|
715
|
+
@keyframes awsui_showButtons_hyvsj_5tvh0_1 {
|
|
708
716
|
0% {
|
|
709
717
|
opacity: 0;
|
|
710
718
|
}
|
|
@@ -712,31 +720,31 @@ nav.awsui_show-navigation_hyvsj_1qwwo_698:not(#\9) {
|
|
|
712
720
|
opacity: 1;
|
|
713
721
|
}
|
|
714
722
|
}
|
|
715
|
-
nav.awsui_show-
|
|
723
|
+
nav.awsui_show-navigation_hyvsj_5tvh0_706.awsui_is-navigation-open_hyvsj_5tvh0_618:not(#\9) {
|
|
716
724
|
display: none;
|
|
717
725
|
}
|
|
718
726
|
@media (min-width: 689px) {
|
|
719
|
-
nav.awsui_show-
|
|
727
|
+
nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9):not(.awsui_is-navigation-open_hyvsj_5tvh0_618) {
|
|
720
728
|
display: block;
|
|
721
729
|
}
|
|
722
|
-
nav.awsui_show-
|
|
723
|
-
animation:
|
|
730
|
+
nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9):not(.awsui_is-navigation-open_hyvsj_5tvh0_618).awsui_animating_hyvsj_5tvh0_729 {
|
|
731
|
+
animation: awsui_showButtons_hyvsj_5tvh0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
724
732
|
}
|
|
725
733
|
}
|
|
726
734
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
727
|
-
nav.awsui_show-
|
|
735
|
+
nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9):not(.awsui_is-navigation-open_hyvsj_5tvh0_618).awsui_animating_hyvsj_5tvh0_729 {
|
|
728
736
|
animation: none;
|
|
729
737
|
transition: none;
|
|
730
738
|
}
|
|
731
739
|
}
|
|
732
740
|
@media (min-width: 689px) {
|
|
733
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
741
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9):not(.awsui_is-navigation-open_hyvsj_5tvh0_618).awsui_animating_hyvsj_5tvh0_729, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9):not(.awsui_is-navigation-open_hyvsj_5tvh0_618).awsui_animating_hyvsj_5tvh0_729 {
|
|
734
742
|
animation: none;
|
|
735
743
|
transition: none;
|
|
736
744
|
}
|
|
737
745
|
}
|
|
738
746
|
|
|
739
|
-
nav.
|
|
747
|
+
nav.awsui_navigation_hyvsj_5tvh0_668:not(#\9) {
|
|
740
748
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
741
749
|
inset-block-end: 0;
|
|
742
750
|
block-size: 100%;
|
|
@@ -754,43 +762,43 @@ nav.awsui_navigation_hyvsj_1qwwo_660:not(#\9) {
|
|
|
754
762
|
prevent unwanted text wrapping.
|
|
755
763
|
*/
|
|
756
764
|
}
|
|
757
|
-
@keyframes
|
|
765
|
+
@keyframes awsui_openNavigation_hyvsj_5tvh0_1 {
|
|
758
766
|
from {
|
|
759
767
|
opacity: 0;
|
|
760
768
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
761
769
|
}
|
|
762
770
|
to {
|
|
763
771
|
opacity: 1;
|
|
764
|
-
inline-size: var(--awsui-navigation-width-
|
|
772
|
+
inline-size: var(--awsui-navigation-width-7t5ed6);
|
|
765
773
|
}
|
|
766
774
|
}
|
|
767
|
-
nav.
|
|
775
|
+
nav.awsui_navigation_hyvsj_5tvh0_668:not(#\9):not(.awsui_is-navigation-open_hyvsj_5tvh0_618) {
|
|
768
776
|
inline-size: 0;
|
|
769
777
|
display: none;
|
|
770
778
|
}
|
|
771
|
-
nav.
|
|
772
|
-
animation:
|
|
779
|
+
nav.awsui_navigation_hyvsj_5tvh0_668.awsui_is-navigation-open_hyvsj_5tvh0_618.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
|
|
780
|
+
animation: awsui_openNavigation_hyvsj_5tvh0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
773
781
|
}
|
|
774
782
|
@media (prefers-reduced-motion: reduce) {
|
|
775
|
-
nav.
|
|
783
|
+
nav.awsui_navigation_hyvsj_5tvh0_668.awsui_is-navigation-open_hyvsj_5tvh0_618.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
|
|
776
784
|
animation: none;
|
|
777
785
|
transition: none;
|
|
778
786
|
}
|
|
779
787
|
}
|
|
780
|
-
.awsui-motion-disabled nav.
|
|
788
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_5tvh0_668.awsui_is-navigation-open_hyvsj_5tvh0_618.awsui_animating_hyvsj_5tvh0_729:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_5tvh0_668.awsui_is-navigation-open_hyvsj_5tvh0_618.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
|
|
781
789
|
animation: none;
|
|
782
790
|
transition: none;
|
|
783
791
|
}
|
|
784
|
-
nav.
|
|
785
|
-
inline-size: var(--awsui-navigation-width-
|
|
792
|
+
nav.awsui_navigation_hyvsj_5tvh0_668 > .awsui_animated-content_hyvsj_5tvh0_791:not(#\9) {
|
|
793
|
+
inline-size: var(--awsui-navigation-width-7t5ed6);
|
|
786
794
|
}
|
|
787
795
|
@media (max-width: 688px) {
|
|
788
|
-
nav.
|
|
789
|
-
--awsui-navigation-width-
|
|
796
|
+
nav.awsui_navigation_hyvsj_5tvh0_668:not(#\9) {
|
|
797
|
+
--awsui-navigation-width-7t5ed6: 100vw;
|
|
790
798
|
}
|
|
791
799
|
}
|
|
792
800
|
|
|
793
|
-
.awsui_hide-
|
|
801
|
+
.awsui_hide-navigation_hyvsj_5tvh0_800:not(#\9) {
|
|
794
802
|
position: absolute;
|
|
795
803
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
796
804
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -800,16 +808,16 @@ nav.awsui_navigation_hyvsj_1qwwo_660 > .awsui_animated-content_hyvsj_1qwwo_783:n
|
|
|
800
808
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
801
809
|
SPDX-License-Identifier: Apache-2.0
|
|
802
810
|
*/
|
|
803
|
-
.
|
|
811
|
+
.awsui_notifications_hyvsj_5tvh0_810:not(#\9) {
|
|
804
812
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
805
813
|
grid-area: notifications;
|
|
806
814
|
z-index: 850;
|
|
807
815
|
}
|
|
808
816
|
@media (min-width: 689px) {
|
|
809
|
-
.
|
|
810
|
-
--awsui-flashbar-sticky-bottom-margin-
|
|
817
|
+
.awsui_notifications_hyvsj_5tvh0_810.awsui_sticky-notifications_hyvsj_5tvh0_816:not(#\9) {
|
|
818
|
+
--awsui-flashbar-sticky-bottom-margin-7t5ed6: var(--space-xxl-cu2m1r, 32px);
|
|
811
819
|
position: sticky;
|
|
812
|
-
inset-block-start: calc(var(--awsui-offset-top-
|
|
820
|
+
inset-block-start: calc(var(--awsui-offset-top-7t5ed6) + var(--space-xs-zb16t3, 8px));
|
|
813
821
|
}
|
|
814
822
|
}
|
|
815
823
|
|
|
@@ -823,13 +831,13 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
823
831
|
consume the remaining vertical space in the grid after the notifications
|
|
824
832
|
and breadcrumbs.
|
|
825
833
|
*/
|
|
826
|
-
section.awsui_split-panel-
|
|
834
|
+
section.awsui_split-panel-bottom_hyvsj_5tvh0_833:not(#\9) {
|
|
827
835
|
/*
|
|
828
836
|
The align self property will position the split panel at the bottom of the grid row.
|
|
829
837
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
830
838
|
*/
|
|
831
839
|
align-self: end;
|
|
832
|
-
inset-block-end: var(--awsui-footer-height-
|
|
840
|
+
inset-block-end: var(--awsui-footer-height-7t5ed6);
|
|
833
841
|
display: none;
|
|
834
842
|
grid-column: 1/6;
|
|
835
843
|
grid-row: 10;
|
|
@@ -859,47 +867,47 @@ section.awsui_split-panel-bottom_hyvsj_1qwwo_825:not(#\9) {
|
|
|
859
867
|
apply the animation to the height property.
|
|
860
868
|
*/
|
|
861
869
|
}
|
|
862
|
-
@keyframes
|
|
870
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_5tvh0_1 {
|
|
863
871
|
from {
|
|
864
|
-
block-size: var(--awsui-split-panel-reported-header-size-
|
|
872
|
+
block-size: var(--awsui-split-panel-reported-header-size-7t5ed6, 0);
|
|
865
873
|
}
|
|
866
874
|
to {
|
|
867
|
-
block-size: var(--awsui-split-panel-reported-size-
|
|
875
|
+
block-size: var(--awsui-split-panel-reported-size-7t5ed6);
|
|
868
876
|
}
|
|
869
877
|
}
|
|
870
|
-
section.awsui_split-panel-
|
|
878
|
+
section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_disable-body-scroll_hyvsj_5tvh0_185:not(#\9) {
|
|
871
879
|
inset-block-end: 0;
|
|
872
880
|
}
|
|
873
|
-
section.awsui_split-panel-
|
|
881
|
+
section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_is-navigation-open_hyvsj_5tvh0_618.awsui_position-bottom_hyvsj_5tvh0_880:not(#\9) {
|
|
874
882
|
grid-column-start: 2;
|
|
875
883
|
}
|
|
876
|
-
section.awsui_split-panel-
|
|
884
|
+
section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_has-open-drawer_hyvsj_5tvh0_162.awsui_position-bottom_hyvsj_5tvh0_880:not(#\9) {
|
|
877
885
|
grid-column-end: 5;
|
|
878
886
|
}
|
|
879
|
-
section.awsui_split-panel-
|
|
887
|
+
section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_position-bottom_hyvsj_5tvh0_880:not(#\9) {
|
|
880
888
|
display: block;
|
|
881
889
|
}
|
|
882
|
-
section.awsui_split-panel-
|
|
890
|
+
section.awsui_split-panel-bottom_hyvsj_5tvh0_833:not(#\9):not(.awsui_is-split-panel-open_hyvsj_5tvh0_621).awsui_position-bottom_hyvsj_5tvh0_880 {
|
|
883
891
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
884
892
|
}
|
|
885
|
-
section.awsui_split-panel-
|
|
893
|
+
section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_position-bottom_hyvsj_5tvh0_880:not(#\9) {
|
|
886
894
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
887
895
|
}
|
|
888
|
-
section.awsui_split-panel-
|
|
889
|
-
animation:
|
|
896
|
+
section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_position-bottom_hyvsj_5tvh0_880.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
|
|
897
|
+
animation: awsui_openSplitPanelBottom_hyvsj_5tvh0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
890
898
|
}
|
|
891
899
|
@media (prefers-reduced-motion: reduce) {
|
|
892
|
-
section.awsui_split-panel-
|
|
900
|
+
section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_position-bottom_hyvsj_5tvh0_880.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
|
|
893
901
|
animation: none;
|
|
894
902
|
transition: none;
|
|
895
903
|
}
|
|
896
904
|
}
|
|
897
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
905
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_position-bottom_hyvsj_5tvh0_880.awsui_animating_hyvsj_5tvh0_729:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_5tvh0_833.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_position-bottom_hyvsj_5tvh0_880.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
|
|
898
906
|
animation: none;
|
|
899
907
|
transition: none;
|
|
900
908
|
}
|
|
901
909
|
|
|
902
|
-
section.awsui_split-panel-
|
|
910
|
+
section.awsui_split-panel-side_hyvsj_5tvh0_909:not(#\9) {
|
|
903
911
|
block-size: 100%;
|
|
904
912
|
overflow-x: hidden;
|
|
905
913
|
pointer-events: auto;
|
|
@@ -909,15 +917,15 @@ section.awsui_split-panel-side_hyvsj_1qwwo_901:not(#\9) {
|
|
|
909
917
|
be persistent in the DOM when closed.
|
|
910
918
|
*/
|
|
911
919
|
}
|
|
912
|
-
section.awsui_split-panel-
|
|
920
|
+
section.awsui_split-panel-side_hyvsj_5tvh0_909:not(#\9):not(.awsui_is-split-panel-open_hyvsj_5tvh0_621), section.awsui_split-panel-side_hyvsj_5tvh0_909.awsui_position-bottom_hyvsj_5tvh0_880:not(#\9) {
|
|
913
921
|
inline-size: 0;
|
|
914
922
|
}
|
|
915
|
-
section.awsui_split-panel-
|
|
916
|
-
max-inline-size: var(--awsui-split-panel-max-width-
|
|
917
|
-
min-inline-size: var(--awsui-split-panel-min-width-
|
|
923
|
+
section.awsui_split-panel-side_hyvsj_5tvh0_909.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_position-side_hyvsj_5tvh0_922:not(#\9) {
|
|
924
|
+
max-inline-size: var(--awsui-split-panel-max-width-7t5ed6, 280px);
|
|
925
|
+
min-inline-size: var(--awsui-split-panel-min-width-7t5ed6, 280px);
|
|
918
926
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
919
927
|
}
|
|
920
|
-
section.awsui_split-panel-
|
|
928
|
+
section.awsui_split-panel-side_hyvsj_5tvh0_909.awsui_is-split-panel-open_hyvsj_5tvh0_621.awsui_position-side_hyvsj_5tvh0_922:not(#\9):not(.awsui_has-open-drawer_hyvsj_5tvh0_162) {
|
|
921
929
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
922
930
|
}
|
|
923
931
|
|
|
@@ -934,24 +942,24 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
934
942
|
property. The content gap right is computed in the Layout styles based on the
|
|
935
943
|
viewport size and state of the Tools drawer.
|
|
936
944
|
*/
|
|
937
|
-
.awsui_tools-
|
|
945
|
+
.awsui_tools-container_hyvsj_5tvh0_944:not(#\9) {
|
|
938
946
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
939
|
-
--awsui-tools-max-width-
|
|
947
|
+
--awsui-tools-max-width-7t5ed6: calc(var(--awsui-layout-width-7t5ed6) - var(--awsui-main-offset-left-7t5ed6) - var(--awsui-default-min-content-width-7t5ed6) - var(--awsui-content-gap-right-7t5ed6));
|
|
940
948
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
941
949
|
display: flex;
|
|
942
950
|
grid-column: 5;
|
|
943
951
|
grid-row: 1/span 10;
|
|
944
|
-
block-size: var(--awsui-content-height-
|
|
945
|
-
max-inline-size: var(--awsui-tools-max-width-
|
|
952
|
+
block-size: var(--awsui-content-height-7t5ed6);
|
|
953
|
+
max-inline-size: var(--awsui-tools-max-width-7t5ed6);
|
|
946
954
|
position: sticky;
|
|
947
|
-
inset-block-start: var(--awsui-offset-top-
|
|
955
|
+
inset-block-start: var(--awsui-offset-top-7t5ed6);
|
|
948
956
|
z-index: 830;
|
|
949
957
|
pointer-events: none;
|
|
950
958
|
}
|
|
951
959
|
@media (max-width: 688px) {
|
|
952
|
-
.awsui_tools-
|
|
953
|
-
--awsui-tools-max-width-
|
|
954
|
-
--awsui-tools-width-
|
|
960
|
+
.awsui_tools-container_hyvsj_5tvh0_944:not(#\9) {
|
|
961
|
+
--awsui-tools-max-width-7t5ed6: none;
|
|
962
|
+
--awsui-tools-width-7t5ed6: auto;
|
|
955
963
|
position: fixed;
|
|
956
964
|
inset-inline-end: 0;
|
|
957
965
|
z-index: 1001;
|
|
@@ -963,12 +971,12 @@ viewport size and state of the Tools drawer.
|
|
|
963
971
|
relative to the body.
|
|
964
972
|
*/
|
|
965
973
|
}
|
|
966
|
-
.awsui_tools-
|
|
967
|
-
inset-block-start: var(--awsui-header-height-
|
|
974
|
+
.awsui_tools-container_hyvsj_5tvh0_944.awsui_disable-body-scroll_hyvsj_5tvh0_185:not(#\9) {
|
|
975
|
+
inset-block-start: var(--awsui-header-height-7t5ed6);
|
|
968
976
|
}
|
|
969
977
|
}
|
|
970
978
|
|
|
971
|
-
.
|
|
979
|
+
.awsui_tools_hyvsj_5tvh0_944:not(#\9) {
|
|
972
980
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
973
981
|
flex-shrink: 0;
|
|
974
982
|
block-size: 100%;
|
|
@@ -991,51 +999,51 @@ viewport size and state of the Tools drawer.
|
|
|
991
999
|
in the side position.
|
|
992
1000
|
*/
|
|
993
1001
|
}
|
|
994
|
-
@keyframes
|
|
1002
|
+
@keyframes awsui_openTools_hyvsj_5tvh0_1 {
|
|
995
1003
|
from {
|
|
996
|
-
opacity: var(--awsui-tools-animation-starting-opacity-
|
|
1004
|
+
opacity: var(--awsui-tools-animation-starting-opacity-7t5ed6, 0);
|
|
997
1005
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
998
1006
|
}
|
|
999
1007
|
to {
|
|
1000
1008
|
opacity: 1;
|
|
1001
|
-
inline-size: var(--awsui-tools-width-
|
|
1009
|
+
inline-size: var(--awsui-tools-width-7t5ed6);
|
|
1002
1010
|
}
|
|
1003
1011
|
}
|
|
1004
|
-
.
|
|
1012
|
+
.awsui_tools_hyvsj_5tvh0_944:not(#\9):not(.awsui_is-tools-open_hyvsj_5tvh0_621) {
|
|
1005
1013
|
inline-size: 0;
|
|
1006
1014
|
display: none;
|
|
1007
1015
|
}
|
|
1008
|
-
.
|
|
1016
|
+
.awsui_tools_hyvsj_5tvh0_944.awsui_is-tools-open_hyvsj_5tvh0_621:not(#\9) {
|
|
1009
1017
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1010
1018
|
}
|
|
1011
|
-
.
|
|
1012
|
-
animation:
|
|
1019
|
+
.awsui_tools_hyvsj_5tvh0_944.awsui_is-tools-open_hyvsj_5tvh0_621.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
|
|
1020
|
+
animation: awsui_openTools_hyvsj_5tvh0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1013
1021
|
}
|
|
1014
1022
|
@media (prefers-reduced-motion: reduce) {
|
|
1015
|
-
.
|
|
1023
|
+
.awsui_tools_hyvsj_5tvh0_944.awsui_is-tools-open_hyvsj_5tvh0_621.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
|
|
1016
1024
|
animation: none;
|
|
1017
1025
|
transition: none;
|
|
1018
1026
|
}
|
|
1019
1027
|
}
|
|
1020
|
-
.awsui-motion-disabled .
|
|
1028
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_5tvh0_944.awsui_is-tools-open_hyvsj_5tvh0_621.awsui_animating_hyvsj_5tvh0_729:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_5tvh0_944.awsui_is-tools-open_hyvsj_5tvh0_621.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
|
|
1021
1029
|
animation: none;
|
|
1022
1030
|
transition: none;
|
|
1023
1031
|
}
|
|
1024
|
-
.
|
|
1025
|
-
inline-size: var(--awsui-tools-width-
|
|
1032
|
+
.awsui_tools_hyvsj_5tvh0_944 > .awsui_animated-content_hyvsj_5tvh0_791:not(#\9) {
|
|
1033
|
+
inline-size: var(--awsui-tools-width-7t5ed6);
|
|
1026
1034
|
}
|
|
1027
1035
|
@media (min-width: 689px) {
|
|
1028
|
-
.
|
|
1036
|
+
.awsui_tools_hyvsj_5tvh0_944.awsui_is-tools-open_hyvsj_5tvh0_621.awsui_has-tools-form-persistence_hyvsj_5tvh0_1035:not(#\9) {
|
|
1029
1037
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1030
1038
|
}
|
|
1031
1039
|
}
|
|
1032
1040
|
@media (max-width: 688px) {
|
|
1033
|
-
.
|
|
1034
|
-
--awsui-tools-width-
|
|
1041
|
+
.awsui_tools_hyvsj_5tvh0_944:not(#\9) {
|
|
1042
|
+
--awsui-tools-width-7t5ed6: 100vw;
|
|
1035
1043
|
}
|
|
1036
1044
|
}
|
|
1037
1045
|
|
|
1038
|
-
.awsui_hide-
|
|
1046
|
+
.awsui_hide-tools_hyvsj_5tvh0_1045:not(#\9) {
|
|
1039
1047
|
position: absolute;
|
|
1040
1048
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1041
1049
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1047,7 +1055,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1047
1055
|
the calculation used to determine the Split Panel maximum width in the
|
|
1048
1056
|
handleSplitPanelMaxWidth function in the context.
|
|
1049
1057
|
*/
|
|
1050
|
-
.awsui_show-
|
|
1058
|
+
.awsui_show-tools_hyvsj_5tvh0_1057:not(#\9) {
|
|
1051
1059
|
border-collapse: separate;
|
|
1052
1060
|
border-spacing: 0;
|
|
1053
1061
|
box-sizing: border-box;
|
|
@@ -1089,7 +1097,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1089
1097
|
take control in responsive viewports.
|
|
1090
1098
|
*/
|
|
1091
1099
|
}
|
|
1092
|
-
@keyframes
|
|
1100
|
+
@keyframes awsui_showButtons_hyvsj_5tvh0_1 {
|
|
1093
1101
|
0% {
|
|
1094
1102
|
opacity: 0;
|
|
1095
1103
|
}
|
|
@@ -1097,31 +1105,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1097
1105
|
opacity: 1;
|
|
1098
1106
|
}
|
|
1099
1107
|
}
|
|
1100
|
-
.awsui_show-
|
|
1108
|
+
.awsui_show-tools_hyvsj_5tvh0_1057:not(#\9):not(.awsui_has-tools-form_hyvsj_5tvh0_1035) {
|
|
1101
1109
|
display: none;
|
|
1102
1110
|
}
|
|
1103
1111
|
@media (min-width: 689px) {
|
|
1104
|
-
.awsui_show-
|
|
1112
|
+
.awsui_show-tools_hyvsj_5tvh0_1057.awsui_has-tools-form_hyvsj_5tvh0_1035:not(#\9) {
|
|
1105
1113
|
display: flex;
|
|
1106
1114
|
flex-direction: column;
|
|
1107
1115
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1108
1116
|
}
|
|
1109
|
-
.awsui_show-
|
|
1110
|
-
animation:
|
|
1117
|
+
.awsui_show-tools_hyvsj_5tvh0_1057.awsui_has-tools-form_hyvsj_5tvh0_1035.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
|
|
1118
|
+
animation: awsui_showButtons_hyvsj_5tvh0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1111
1119
|
}
|
|
1112
1120
|
}
|
|
1113
1121
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1114
|
-
.awsui_show-
|
|
1122
|
+
.awsui_show-tools_hyvsj_5tvh0_1057.awsui_has-tools-form_hyvsj_5tvh0_1035.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
|
|
1115
1123
|
animation: none;
|
|
1116
1124
|
transition: none;
|
|
1117
1125
|
}
|
|
1118
1126
|
}
|
|
1119
1127
|
@media (min-width: 689px) {
|
|
1120
|
-
.awsui-motion-disabled .awsui_show-
|
|
1128
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_5tvh0_1057.awsui_has-tools-form_hyvsj_5tvh0_1035.awsui_animating_hyvsj_5tvh0_729:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_5tvh0_1057.awsui_has-tools-form_hyvsj_5tvh0_1035.awsui_animating_hyvsj_5tvh0_729:not(#\9) {
|
|
1121
1129
|
animation: none;
|
|
1122
1130
|
transition: none;
|
|
1123
1131
|
}
|
|
1124
|
-
.awsui_show-
|
|
1132
|
+
.awsui_show-tools_hyvsj_5tvh0_1057.awsui_has-tools-form-persistence_hyvsj_5tvh0_1035:not(#\9) {
|
|
1125
1133
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1126
1134
|
z-index: 1;
|
|
1127
1135
|
}
|
|
@@ -1131,7 +1139,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1131
1139
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1132
1140
|
SPDX-License-Identifier: Apache-2.0
|
|
1133
1141
|
*/
|
|
1134
|
-
.awsui_trigger-badge-
|
|
1142
|
+
.awsui_trigger-badge-wrapper_hyvsj_5tvh0_1140:not(#\9) {
|
|
1135
1143
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1136
1144
|
border-start-start-radius: 50%;
|
|
1137
1145
|
border-start-end-radius: 50%;
|
|
@@ -1147,13 +1155,13 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1147
1155
|
align-items: center;
|
|
1148
1156
|
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");
|
|
1149
1157
|
}
|
|
1150
|
-
.awsui_trigger-badge-
|
|
1158
|
+
.awsui_trigger-badge-wrapper_hyvsj_5tvh0_1140:not(#\9):hover {
|
|
1151
1159
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1152
1160
|
}
|
|
1153
|
-
.awsui_trigger-badge-
|
|
1161
|
+
.awsui_trigger-badge-wrapper_hyvsj_5tvh0_1140:not(#\9):active {
|
|
1154
1162
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1155
1163
|
}
|
|
1156
|
-
.awsui_trigger-badge-
|
|
1164
|
+
.awsui_trigger-badge-wrapper_hyvsj_5tvh0_1140:not(#\9):dir(rtl) {
|
|
1157
1165
|
clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
|
|
1158
1166
|
}
|
|
1159
1167
|
|
|
@@ -1162,7 +1170,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1162
1170
|
the calculation used to determine the Split Panel maximum width in the
|
|
1163
1171
|
handleSplitPanelMaxWidth function in the context.
|
|
1164
1172
|
*/
|
|
1165
|
-
.
|
|
1173
|
+
.awsui_trigger_hyvsj_5tvh0_1140:not(#\9) {
|
|
1166
1174
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1167
1175
|
border-start-start-radius: 50%;
|
|
1168
1176
|
border-start-end-radius: 50%;
|
|
@@ -1178,20 +1186,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1178
1186
|
pointer-events: auto;
|
|
1179
1187
|
position: relative;
|
|
1180
1188
|
}
|
|
1181
|
-
.
|
|
1189
|
+
.awsui_trigger_hyvsj_5tvh0_1140:not(#\9):hover {
|
|
1182
1190
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1183
1191
|
}
|
|
1184
|
-
.
|
|
1192
|
+
.awsui_trigger_hyvsj_5tvh0_1140:not(#\9):active {
|
|
1185
1193
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1186
1194
|
}
|
|
1187
|
-
body[data-awsui-focus-visible=true] .
|
|
1195
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_5tvh0_1140:not(#\9):focus {
|
|
1188
1196
|
position: relative;
|
|
1189
1197
|
}
|
|
1190
|
-
body[data-awsui-focus-visible=true] .
|
|
1198
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_5tvh0_1140:not(#\9):focus {
|
|
1191
1199
|
outline: 2px dotted transparent;
|
|
1192
1200
|
outline-offset: calc(3px - 1px);
|
|
1193
1201
|
}
|
|
1194
|
-
body[data-awsui-focus-visible=true] .
|
|
1202
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_5tvh0_1140:not(#\9):focus::before {
|
|
1195
1203
|
content: " ";
|
|
1196
1204
|
display: block;
|
|
1197
1205
|
position: absolute;
|
|
@@ -1205,45 +1213,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1qwwo_1132:not(#\9):foc
|
|
|
1205
1213
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1206
1214
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1207
1215
|
}
|
|
1208
|
-
.
|
|
1216
|
+
.awsui_trigger_hyvsj_5tvh0_1140:not(#\9):focus {
|
|
1209
1217
|
outline: none;
|
|
1210
1218
|
}
|
|
1211
|
-
.
|
|
1219
|
+
.awsui_trigger_hyvsj_5tvh0_1140.awsui_selected_hyvsj_5tvh0_1217:not(#\9) {
|
|
1212
1220
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1213
1221
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1214
1222
|
}
|
|
1215
|
-
.
|
|
1223
|
+
.awsui_trigger_hyvsj_5tvh0_1140.awsui_selected_hyvsj_5tvh0_1217:not(#\9):hover {
|
|
1216
1224
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1217
1225
|
}
|
|
1218
|
-
.
|
|
1226
|
+
.awsui_trigger_hyvsj_5tvh0_1140.awsui_selected_hyvsj_5tvh0_1217:not(#\9):active {
|
|
1219
1227
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1220
1228
|
}
|
|
1221
|
-
.
|
|
1229
|
+
.awsui_trigger_hyvsj_5tvh0_1140.awsui_selected_hyvsj_5tvh0_1217 > .awsui_trigger-badge-wrapper_hyvsj_5tvh0_1140:not(#\9) {
|
|
1222
1230
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1223
1231
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1224
1232
|
}
|
|
1225
|
-
.
|
|
1233
|
+
.awsui_trigger_hyvsj_5tvh0_1140.awsui_selected_hyvsj_5tvh0_1217 > .awsui_trigger-badge-wrapper_hyvsj_5tvh0_1140:not(#\9):hover {
|
|
1226
1234
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1227
1235
|
}
|
|
1228
|
-
.
|
|
1236
|
+
.awsui_trigger_hyvsj_5tvh0_1140.awsui_selected_hyvsj_5tvh0_1217 > .awsui_trigger-badge-wrapper_hyvsj_5tvh0_1140:not(#\9):active {
|
|
1229
1237
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1230
1238
|
}
|
|
1231
|
-
.
|
|
1239
|
+
.awsui_trigger_hyvsj_5tvh0_1140.awsui_badge_hyvsj_5tvh0_1237:not(#\9), .awsui_trigger_hyvsj_5tvh0_1140.awsui_badge_hyvsj_5tvh0_1237:not(#\9):hover, .awsui_trigger_hyvsj_5tvh0_1140.awsui_badge_hyvsj_5tvh0_1237:not(#\9):active {
|
|
1232
1240
|
background: transparent;
|
|
1233
1241
|
}
|
|
1234
1242
|
|
|
1235
|
-
.awsui_trigger-
|
|
1243
|
+
.awsui_trigger-wrapper_hyvsj_5tvh0_1241:not(#\9) {
|
|
1236
1244
|
position: relative;
|
|
1237
1245
|
border-start-start-radius: 50%;
|
|
1238
1246
|
border-start-end-radius: 50%;
|
|
1239
1247
|
border-end-start-radius: 50%;
|
|
1240
1248
|
border-end-end-radius: 50%;
|
|
1241
1249
|
}
|
|
1242
|
-
.awsui_trigger-
|
|
1250
|
+
.awsui_trigger-wrapper_hyvsj_5tvh0_1241:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_5tvh0_647) {
|
|
1243
1251
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1244
1252
|
}
|
|
1245
1253
|
|
|
1246
|
-
.
|
|
1254
|
+
.awsui_dot_hyvsj_5tvh0_1252:not(#\9) {
|
|
1247
1255
|
position: absolute;
|
|
1248
1256
|
inline-size: 9px;
|
|
1249
1257
|
block-size: 9px;
|