@cloudscape-design/components 3.0.387 → 3.0.389
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/anchor-navigation/index.d.ts +5 -0
- package/anchor-navigation/index.d.ts.map +1 -0
- package/anchor-navigation/index.js +14 -0
- package/anchor-navigation/index.js.map +1 -0
- package/anchor-navigation/interfaces.d.ts +67 -0
- package/anchor-navigation/interfaces.d.ts.map +1 -0
- package/anchor-navigation/interfaces.js +4 -0
- package/anchor-navigation/interfaces.js.map +1 -0
- package/anchor-navigation/internal.d.ts +5 -0
- package/anchor-navigation/internal.d.ts.map +1 -0
- package/anchor-navigation/internal.js +48 -0
- package/anchor-navigation/internal.js.map +1 -0
- package/anchor-navigation/styles.css.js +13 -0
- package/anchor-navigation/styles.scoped.css +243 -0
- package/anchor-navigation/styles.selectors.js +14 -0
- package/anchor-navigation/test-classes/styles.css.js +11 -0
- package/anchor-navigation/test-classes/styles.scoped.css +27 -0
- package/anchor-navigation/test-classes/styles.selectors.js +12 -0
- package/anchor-navigation/use-scroll-spy.d.ts +18 -0
- package/anchor-navigation/use-scroll-spy.d.ts.map +1 -0
- package/anchor-navigation/use-scroll-spy.js +74 -0
- package/anchor-navigation/use-scroll-spy.js.map +1 -0
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -30
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/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/visual-refresh/styles.css.js +75 -75
- package/app-layout/visual-refresh/styles.scoped.css +295 -295
- package/app-layout/visual-refresh/styles.selectors.js +75 -75
- package/button/styles.css.js +20 -20
- package/button/styles.scoped.css +151 -152
- package/button/styles.selectors.js +20 -20
- package/button-dropdown/item-element/styles.css.js +15 -15
- package/button-dropdown/item-element/styles.scoped.css +18 -19
- package/button-dropdown/item-element/styles.selectors.js +15 -15
- package/cards/index.js +2 -2
- package/cards/index.js.map +1 -1
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +129 -131
- 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 +17 -18
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +44 -45
- package/collection-preferences/styles.selectors.js +37 -37
- package/container/index.d.ts.map +1 -1
- package/container/index.js +2 -2
- package/container/index.js.map +1 -1
- package/container/internal.d.ts +5 -1
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +7 -4
- package/container/internal.js.map +1 -1
- package/content-layout/styles.css.js +7 -7
- package/content-layout/styles.scoped.css +13 -13
- package/content-layout/styles.selectors.js +7 -7
- package/expandable-section/expandable-section-container.d.ts +5 -3
- package/expandable-section/expandable-section-container.d.ts.map +1 -1
- package/expandable-section/expandable-section-container.js +2 -2
- package/expandable-section/expandable-section-container.js.map +1 -1
- package/expandable-section/index.d.ts.map +1 -1
- package/expandable-section/index.js +8 -3
- package/expandable-section/index.js.map +1 -1
- package/expandable-section/internal.d.ts +3 -3
- package/expandable-section/internal.d.ts.map +1 -1
- package/expandable-section/internal.js +2 -2
- package/expandable-section/internal.js.map +1 -1
- package/expandable-section/styles.css.js +29 -29
- package/expandable-section/styles.scoped.css +58 -59
- package/expandable-section/styles.selectors.js +29 -29
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +171 -172
- package/flashbar/styles.selectors.js +47 -47
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +29 -30
- package/form-field/styles.selectors.js +19 -19
- package/header/styles.css.js +32 -32
- package/header/styles.scoped.css +48 -49
- package/header/styles.selectors.js +32 -32
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/internal/analytics/components/analytics-funnel.d.ts +3 -2
- package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
- package/internal/analytics/components/analytics-funnel.js +20 -5
- package/internal/analytics/components/analytics-funnel.js.map +1 -1
- package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
- package/internal/analytics/hooks/use-funnel.js +2 -1
- package/internal/analytics/hooks/use-funnel.js.map +1 -1
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +19 -21
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/dropdown/dropdown-fit-handler.d.ts +31 -2
- package/internal/components/dropdown/dropdown-fit-handler.d.ts.map +1 -1
- package/internal/components/dropdown/dropdown-fit-handler.js +49 -7
- package/internal/components/dropdown/dropdown-fit-handler.js.map +1 -1
- package/internal/components/dropdown/index.d.ts.map +1 -1
- package/internal/components/dropdown/index.js +20 -2
- package/internal/components/dropdown/index.js.map +1 -1
- package/internal/components/dropdown/styles.css.js +21 -21
- package/internal/components/dropdown/styles.scoped.css +37 -36
- package/internal/components/dropdown/styles.selectors.js +21 -21
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +13 -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 +29 -30
- package/internal/components/option/styles.selectors.js +17 -17
- 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 +40 -39
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/scrollable-containers.d.ts +6 -1
- package/internal/utils/scrollable-containers.d.ts.map +1 -1
- package/internal/utils/scrollable-containers.js +1 -1
- package/internal/utils/scrollable-containers.js.map +1 -1
- package/modal/internal.d.ts.map +1 -1
- package/modal/internal.js +6 -4
- package/modal/internal.js.map +1 -1
- package/package.json +2 -1
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +32 -33
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +30 -30
- package/property-filter/styles.scoped.css +32 -33
- package/property-filter/styles.selectors.js +30 -30
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +38 -39
- package/side-navigation/styles.selectors.js +28 -28
- package/split-panel/styles.css.js +56 -56
- package/split-panel/styles.scoped.css +77 -78
- package/split-panel/styles.selectors.js +56 -56
- package/status-indicator/internal.d.ts.map +1 -1
- package/status-indicator/internal.js +3 -1
- package/status-indicator/internal.js.map +1 -1
- package/status-indicator/styles.css.js +22 -22
- package/status-indicator/styles.scoped.css +36 -34
- package/status-indicator/styles.selectors.js +22 -22
- package/table/header-cell/index.d.ts +1 -4
- package/table/header-cell/index.d.ts.map +1 -1
- package/table/header-cell/index.js +2 -2
- package/table/header-cell/index.js.map +1 -1
- package/table/index.d.ts.map +1 -1
- package/table/index.js +8 -4
- package/table/index.js.map +1 -1
- package/table/internal.d.ts +1 -0
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +9 -10
- package/table/internal.js.map +1 -1
- package/table/resizer/index.d.ts +3 -6
- package/table/resizer/index.d.ts.map +1 -1
- package/table/resizer/index.js +59 -119
- package/table/resizer/index.js.map +1 -1
- package/table/resizer/resizer-lookup.d.ts +8 -0
- package/table/resizer/resizer-lookup.d.ts.map +1 -0
- package/table/resizer/resizer-lookup.js +39 -0
- package/table/resizer/resizer-lookup.js.map +1 -0
- package/table/sticky-columns/utils.js +2 -2
- package/table/sticky-columns/utils.js.map +1 -1
- package/table/thead.d.ts +0 -1
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +2 -2
- package/table/thead.js.map +1 -1
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +39 -40
- package/tabs/styles.selectors.js +21 -21
- package/test-utils/dom/anchor-navigation/index.d.ts +16 -0
- package/test-utils/dom/anchor-navigation/index.js +58 -0
- package/test-utils/dom/anchor-navigation/index.js.map +1 -0
- package/test-utils/dom/index.d.ts +3 -0
- package/test-utils/dom/index.js +10 -2
- package/test-utils/dom/index.js.map +1 -1
- package/test-utils/selectors/anchor-navigation/index.d.ts +15 -0
- package/test-utils/selectors/anchor-navigation/index.js +45 -0
- package/test-utils/selectors/anchor-navigation/index.js.map +1 -0
- package/test-utils/selectors/index.d.ts +3 -0
- package/test-utils/selectors/index.js +10 -2
- package/test-utils/selectors/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/tiles/styles.css.js +29 -29
- package/tiles/styles.scoped.css +70 -71
- package/tiles/styles.selectors.js +29 -29
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +64 -68
- package/wizard/styles.selectors.js +31 -31
|
@@ -90,29 +90,29 @@ 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_qzxoz_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_qzxoz_93 > .awsui_scrolling-background_hyvsj_qzxoz_96:not(#\9) {
|
|
97
97
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
98
98
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
99
99
|
grid-column: 1/span 5;
|
|
100
100
|
grid-row: 1/10;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_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;
|
|
106
106
|
position: sticky;
|
|
107
|
-
top: var(--awsui-header-height-
|
|
107
|
+
top: var(--awsui-header-height-y98gph);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
111
|
-
height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-
|
|
110
|
+
div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_qzxoz_110) {
|
|
111
|
+
height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102.awsui_has-sticky-notifications_hyvsj_qzxoz_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
|
-
var(--awsui-notifications-gap-
|
|
115
|
+
var(--awsui-notifications-gap-y98gph) + var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph)
|
|
116
116
|
);
|
|
117
117
|
}
|
|
118
118
|
|
|
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_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_qzxoz_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_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_qzxoz_123.awsui_has-sticky-background_hyvsj_qzxoz_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,41 +142,41 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_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_qzxoz_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
149
149
|
grid-row: 1/span 10;
|
|
150
|
-
height: var(--awsui-content-height-
|
|
150
|
+
height: var(--awsui-content-height-y98gph);
|
|
151
151
|
pointer-events: none;
|
|
152
152
|
position: sticky;
|
|
153
|
-
top: var(--awsui-offset-top-
|
|
153
|
+
top: var(--awsui-offset-top-y98gph);
|
|
154
154
|
z-index: 830;
|
|
155
155
|
transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
156
156
|
}
|
|
157
|
-
.awsui_drawers-
|
|
157
|
+
.awsui_drawers-container_hyvsj_qzxoz_145.awsui_has-open-drawer_hyvsj_qzxoz_157:not(#\9) {
|
|
158
158
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
159
159
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
160
160
|
}
|
|
161
161
|
@media (prefers-reduced-motion: reduce) {
|
|
162
|
-
.awsui_drawers-
|
|
162
|
+
.awsui_drawers-container_hyvsj_qzxoz_145:not(#\9) {
|
|
163
163
|
animation: none;
|
|
164
164
|
transition: none;
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
|
-
.awsui-motion-disabled .awsui_drawers-
|
|
167
|
+
.awsui-motion-disabled .awsui_drawers-container_hyvsj_qzxoz_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_qzxoz_145:not(#\9) {
|
|
168
168
|
animation: none;
|
|
169
169
|
transition: none;
|
|
170
170
|
}
|
|
171
171
|
@media (min-width: 689px) {
|
|
172
|
-
.awsui_drawers-
|
|
172
|
+
.awsui_drawers-container_hyvsj_qzxoz_145:not(#\9) {
|
|
173
173
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
174
|
-
max-width: calc(var(--awsui-layout-width-
|
|
174
|
+
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));
|
|
175
175
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
@media (max-width: 688px) {
|
|
179
|
-
.awsui_drawers-
|
|
179
|
+
.awsui_drawers-container_hyvsj_qzxoz_145:not(#\9) {
|
|
180
180
|
position: fixed;
|
|
181
181
|
right: 0;
|
|
182
182
|
z-index: 1001;
|
|
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
|
|
|
188
188
|
relative to the body.
|
|
189
189
|
*/
|
|
190
190
|
}
|
|
191
|
-
.awsui_drawers-
|
|
192
|
-
top: var(--awsui-header-height-
|
|
191
|
+
.awsui_drawers-container_hyvsj_qzxoz_145.awsui_disable-body-scroll_hyvsj_qzxoz_191:not(#\9) {
|
|
192
|
+
top: var(--awsui-header-height-y98gph);
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.awsui_drawers-desktop-triggers-
|
|
196
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196:not(#\9) {
|
|
197
197
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
198
198
|
border-collapse: separate;
|
|
199
199
|
border-spacing: 0;
|
|
@@ -238,43 +238,43 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
|
|
|
238
238
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
239
239
|
overscroll-behavior-y: contain;
|
|
240
240
|
}
|
|
241
|
-
.awsui_drawers-desktop-triggers-
|
|
241
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215).awsui_has-open-drawer_hyvsj_qzxoz_157 {
|
|
242
242
|
width: 0;
|
|
243
243
|
}
|
|
244
|
-
.awsui_drawers-desktop-triggers-
|
|
244
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196.awsui_has-multiple-triggers_hyvsj_qzxoz_215.awsui_has-open-drawer_hyvsj_qzxoz_157:not(#\9) {
|
|
245
245
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
246
246
|
transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
247
247
|
}
|
|
248
248
|
@media (prefers-reduced-motion: reduce) {
|
|
249
|
-
.awsui_drawers-desktop-triggers-
|
|
249
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196.awsui_has-multiple-triggers_hyvsj_qzxoz_215.awsui_has-open-drawer_hyvsj_qzxoz_157:not(#\9) {
|
|
250
250
|
animation: none;
|
|
251
251
|
transition: none;
|
|
252
252
|
}
|
|
253
253
|
}
|
|
254
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
254
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196.awsui_has-multiple-triggers_hyvsj_qzxoz_215.awsui_has-open-drawer_hyvsj_qzxoz_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196.awsui_has-multiple-triggers_hyvsj_qzxoz_215.awsui_has-open-drawer_hyvsj_qzxoz_157:not(#\9) {
|
|
255
255
|
animation: none;
|
|
256
256
|
transition: none;
|
|
257
257
|
}
|
|
258
|
-
.awsui_drawers-desktop-triggers-
|
|
258
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157) {
|
|
259
259
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
260
260
|
transition: width var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
261
261
|
}
|
|
262
262
|
@media (prefers-reduced-motion: reduce) {
|
|
263
|
-
.awsui_drawers-desktop-triggers-
|
|
263
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157) {
|
|
264
264
|
animation: none;
|
|
265
265
|
transition: none;
|
|
266
266
|
}
|
|
267
267
|
}
|
|
268
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
268
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_qzxoz_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157) {
|
|
269
269
|
animation: none;
|
|
270
270
|
transition: none;
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.awsui_drawers-mobile-triggers-
|
|
273
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_qzxoz_247:not(#\9) {
|
|
274
274
|
display: flex;
|
|
275
275
|
}
|
|
276
276
|
|
|
277
|
-
.awsui_drawers-trigger-
|
|
277
|
+
.awsui_drawers-trigger-content_hyvsj_qzxoz_251:not(#\9) {
|
|
278
278
|
align-items: center;
|
|
279
279
|
display: flex;
|
|
280
280
|
flex-direction: column;
|
|
@@ -282,25 +282,25 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
|
|
|
282
282
|
padding-top: var(--space-scaled-s-aqzyko, 12px);
|
|
283
283
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
284
284
|
}
|
|
285
|
-
.awsui_drawers-trigger-
|
|
285
|
+
.awsui_drawers-trigger-content_hyvsj_qzxoz_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215).awsui_has-open-drawer_hyvsj_qzxoz_157 {
|
|
286
286
|
opacity: 0;
|
|
287
287
|
}
|
|
288
|
-
.awsui_drawers-trigger-
|
|
288
|
+
.awsui_drawers-trigger-content_hyvsj_qzxoz_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157) {
|
|
289
289
|
opacity: 1;
|
|
290
290
|
transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
291
291
|
transition-delay: calc(var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) / 1.5);
|
|
292
292
|
}
|
|
293
293
|
@media (prefers-reduced-motion: reduce) {
|
|
294
|
-
.awsui_drawers-trigger-
|
|
294
|
+
.awsui_drawers-trigger-content_hyvsj_qzxoz_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157) {
|
|
295
295
|
animation: none;
|
|
296
296
|
transition: none;
|
|
297
297
|
}
|
|
298
298
|
}
|
|
299
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
299
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_qzxoz_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_qzxoz_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_qzxoz_215):not(.awsui_has-open-drawer_hyvsj_qzxoz_157) {
|
|
300
300
|
animation: none;
|
|
301
301
|
transition: none;
|
|
302
302
|
}
|
|
303
|
-
.awsui_drawers-trigger-
|
|
303
|
+
.awsui_drawers-trigger-content_hyvsj_qzxoz_251 > .awsui_drawers-trigger-overflow_hyvsj_qzxoz_277:not(#\9) {
|
|
304
304
|
padding: 0 1px;
|
|
305
305
|
display: flex;
|
|
306
306
|
align-items: center;
|
|
@@ -308,15 +308,15 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
|
|
|
308
308
|
}
|
|
309
309
|
|
|
310
310
|
@media (max-width: 688px) {
|
|
311
|
-
.awsui_drawers-
|
|
311
|
+
.awsui_drawers-trigger_hyvsj_qzxoz_251:not(#\9) {
|
|
312
312
|
width: 40px;
|
|
313
313
|
display: flex;
|
|
314
314
|
justify-content: center;
|
|
315
315
|
}
|
|
316
316
|
}
|
|
317
317
|
|
|
318
|
-
.
|
|
319
|
-
--awsui-drawer-size-
|
|
318
|
+
.awsui_drawer_hyvsj_qzxoz_145:not(#\9) {
|
|
319
|
+
--awsui-drawer-size-y98gph: 290px;
|
|
320
320
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
321
321
|
border-color: transparent;
|
|
322
322
|
display: grid;
|
|
@@ -331,40 +331,40 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
|
|
|
331
331
|
pointer-events: auto;
|
|
332
332
|
word-wrap: break-word;
|
|
333
333
|
}
|
|
334
|
-
.
|
|
334
|
+
.awsui_drawer_hyvsj_qzxoz_145 > .awsui_drawer-close-button_hyvsj_qzxoz_308:not(#\9) {
|
|
335
335
|
grid-column: 3;
|
|
336
336
|
grid-row: 2;
|
|
337
337
|
z-index: 1;
|
|
338
338
|
}
|
|
339
|
-
.
|
|
339
|
+
.awsui_drawer_hyvsj_qzxoz_145 > .awsui_drawer-content_hyvsj_qzxoz_313:not(#\9) {
|
|
340
340
|
grid-column: 1/span 4;
|
|
341
341
|
grid-row: 1/span 3;
|
|
342
|
-
width: var(--awsui-drawer-size-
|
|
342
|
+
width: var(--awsui-drawer-size-y98gph);
|
|
343
343
|
}
|
|
344
|
-
.
|
|
344
|
+
.awsui_drawer_hyvsj_qzxoz_145 > .awsui_drawer-slider_hyvsj_qzxoz_318:not(#\9) {
|
|
345
345
|
grid-column: 1;
|
|
346
346
|
grid-row: 3;
|
|
347
347
|
height: 100%;
|
|
348
348
|
display: flex;
|
|
349
349
|
align-items: center;
|
|
350
350
|
}
|
|
351
|
-
.
|
|
351
|
+
.awsui_drawer_hyvsj_qzxoz_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_qzxoz_325) {
|
|
352
352
|
opacity: 0;
|
|
353
353
|
width: 0;
|
|
354
354
|
}
|
|
355
|
-
.
|
|
355
|
+
.awsui_drawer_hyvsj_qzxoz_145.awsui_is-drawer-open_hyvsj_qzxoz_325:not(#\9) {
|
|
356
356
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
357
357
|
opacity: 1;
|
|
358
|
-
width: var(--awsui-drawer-size-
|
|
358
|
+
width: var(--awsui-drawer-size-y98gph);
|
|
359
359
|
}
|
|
360
360
|
@media (min-width: 2541px) {
|
|
361
|
-
.
|
|
362
|
-
--awsui-drawer-size-
|
|
361
|
+
.awsui_drawer_hyvsj_qzxoz_145.awsui_is-drawer-open_hyvsj_qzxoz_325:not(#\9) {
|
|
362
|
+
--awsui-drawer-size-y98gph: 320px;
|
|
363
363
|
}
|
|
364
364
|
}
|
|
365
365
|
@media (max-width: 688px) {
|
|
366
|
-
.
|
|
367
|
-
--awsui-drawer-size-
|
|
366
|
+
.awsui_drawer_hyvsj_qzxoz_145.awsui_is-drawer-open_hyvsj_qzxoz_325:not(#\9) {
|
|
367
|
+
--awsui-drawer-size-y98gph: 100vw;
|
|
368
368
|
width: 100vw;
|
|
369
369
|
}
|
|
370
370
|
}
|
|
@@ -373,7 +373,7 @@ div.awsui_background_hyvsj_gg3nn_93 > .awsui_sticky-background_hyvsj_gg3nn_102.a
|
|
|
373
373
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
374
374
|
SPDX-License-Identifier: Apache-2.0
|
|
375
375
|
*/
|
|
376
|
-
header.
|
|
376
|
+
header.awsui_content_hyvsj_qzxoz_350:not(#\9) {
|
|
377
377
|
grid-area: header;
|
|
378
378
|
}
|
|
379
379
|
|
|
@@ -394,37 +394,37 @@ The minimum content width property is set to zero and applied under all
|
|
|
394
394
|
circumstances regardless of whether the minContentWidth property is
|
|
395
395
|
explicitly set in script.
|
|
396
396
|
*/
|
|
397
|
-
.
|
|
398
|
-
--awsui-breadcrumbs-gap-
|
|
399
|
-
--awsui-content-gap-left-
|
|
400
|
-
--awsui-content-gap-right-
|
|
401
|
-
--awsui-content-height-
|
|
402
|
-
--awsui-container-first-gap-
|
|
403
|
-
--awsui-container-first-overlap-extension-
|
|
404
|
-
--awsui-default-max-content-width-
|
|
405
|
-
--awsui-default-min-content-width-
|
|
406
|
-
--awsui-footer-height-
|
|
407
|
-
--awsui-header-gap-
|
|
408
|
-
--awsui-header-height-
|
|
409
|
-
--awsui-layout-width-
|
|
410
|
-
--awsui-main-gap-
|
|
411
|
-
--awsui-main-offset-left-
|
|
412
|
-
--awsui-main-template-rows-
|
|
413
|
-
--awsui-max-content-width-
|
|
414
|
-
--awsui-min-content-width-
|
|
415
|
-
--awsui-mobile-bar-height-
|
|
416
|
-
--awsui-notifications-gap-
|
|
417
|
-
--awsui-notifications-height-
|
|
418
|
-
--awsui-offset-top-
|
|
419
|
-
--awsui-offset-top-with-notifications-
|
|
420
|
-
--awsui-overlap-height-
|
|
397
|
+
.awsui_layout_hyvsj_qzxoz_371:not(#\9) {
|
|
398
|
+
--awsui-breadcrumbs-gap-y98gph: 0px;
|
|
399
|
+
--awsui-content-gap-left-y98gph: 0px;
|
|
400
|
+
--awsui-content-gap-right-y98gph: 0px;
|
|
401
|
+
--awsui-content-height-y98gph: calc(100vh - var(--awsui-header-height-y98gph) - var(--awsui-footer-height-y98gph));
|
|
402
|
+
--awsui-container-first-gap-y98gph: 0px;
|
|
403
|
+
--awsui-container-first-overlap-extension-y98gph: 0px;
|
|
404
|
+
--awsui-default-max-content-width-y98gph: 1280px;
|
|
405
|
+
--awsui-default-min-content-width-y98gph: 0px;
|
|
406
|
+
--awsui-footer-height-y98gph: 0px;
|
|
407
|
+
--awsui-header-gap-y98gph: 0px;
|
|
408
|
+
--awsui-header-height-y98gph: 0px;
|
|
409
|
+
--awsui-layout-width-y98gph: 0px;
|
|
410
|
+
--awsui-main-gap-y98gph: 0px;
|
|
411
|
+
--awsui-main-offset-left-y98gph: 0px;
|
|
412
|
+
--awsui-main-template-rows-y98gph: 1fr;
|
|
413
|
+
--awsui-max-content-width-y98gph: 0px;
|
|
414
|
+
--awsui-min-content-width-y98gph: 280px;
|
|
415
|
+
--awsui-mobile-bar-height-y98gph: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
|
|
416
|
+
--awsui-notifications-gap-y98gph: 0px;
|
|
417
|
+
--awsui-notifications-height-y98gph: 0px;
|
|
418
|
+
--awsui-offset-top-y98gph: var(--awsui-header-height-y98gph);
|
|
419
|
+
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
420
|
+
--awsui-overlap-height-y98gph: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
|
|
421
421
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
422
422
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
423
423
|
display: grid;
|
|
424
424
|
grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
|
|
425
|
-
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-
|
|
426
|
-
grid-template-rows: auto var(--awsui-notifications-gap-
|
|
427
|
-
min-height: var(--awsui-content-height-
|
|
425
|
+
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;
|
|
426
|
+
grid-template-rows: auto var(--awsui-notifications-gap-y98gph) auto var(--awsui-breadcrumbs-gap-y98gph) auto var(--awsui-header-gap-y98gph) auto var(--awsui-main-gap-y98gph) var(--awsui-overlap-height-y98gph) var(--awsui-main-template-rows-y98gph);
|
|
427
|
+
min-height: var(--awsui-content-height-y98gph);
|
|
428
428
|
position: relative;
|
|
429
429
|
/*
|
|
430
430
|
Add unified max-width for AppLayout content based on breakpoints. Only use the max content
|
|
@@ -477,134 +477,134 @@ explicitly set in script.
|
|
|
477
477
|
*/
|
|
478
478
|
}
|
|
479
479
|
@media (min-width: 1401px) {
|
|
480
|
-
.
|
|
481
|
-
--awsui-default-max-content-width-
|
|
480
|
+
.awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_qzxoz_454) {
|
|
481
|
+
--awsui-default-max-content-width-y98gph: 1280px;
|
|
482
482
|
}
|
|
483
483
|
}
|
|
484
484
|
@media (min-width: 1921px) {
|
|
485
|
-
.
|
|
486
|
-
--awsui-default-max-content-width-
|
|
485
|
+
.awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_qzxoz_454) {
|
|
486
|
+
--awsui-default-max-content-width-y98gph: 1440px;
|
|
487
487
|
}
|
|
488
488
|
}
|
|
489
489
|
@media (min-width: 2541px) {
|
|
490
|
-
.
|
|
491
|
-
--awsui-default-max-content-width-
|
|
490
|
+
.awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_qzxoz_454) {
|
|
491
|
+
--awsui-default-max-content-width-y98gph: 1620px;
|
|
492
492
|
}
|
|
493
493
|
}
|
|
494
494
|
@media (min-width: 1401px) {
|
|
495
|
-
.
|
|
496
|
-
--awsui-default-max-content-width-
|
|
495
|
+
.awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_qzxoz_454).awsui_content-type-dashboard_hyvsj_qzxoz_469 {
|
|
496
|
+
--awsui-default-max-content-width-y98gph: 1280px;
|
|
497
497
|
}
|
|
498
498
|
}
|
|
499
499
|
@media (min-width: 1921px) {
|
|
500
|
-
.
|
|
501
|
-
--awsui-default-max-content-width-
|
|
500
|
+
.awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_qzxoz_454).awsui_content-type-dashboard_hyvsj_qzxoz_469 {
|
|
501
|
+
--awsui-default-max-content-width-y98gph: 1620px;
|
|
502
502
|
}
|
|
503
503
|
}
|
|
504
504
|
@media (min-width: 2541px) {
|
|
505
|
-
.
|
|
506
|
-
--awsui-default-max-content-width-
|
|
505
|
+
.awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_qzxoz_454).awsui_content-type-dashboard_hyvsj_qzxoz_469 {
|
|
506
|
+
--awsui-default-max-content-width-y98gph: 2160px;
|
|
507
507
|
}
|
|
508
508
|
}
|
|
509
|
-
.
|
|
510
|
-
--awsui-default-max-content-width-
|
|
509
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_has-max-content-width_hyvsj_qzxoz_454:not(#\9) {
|
|
510
|
+
--awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
|
|
511
511
|
}
|
|
512
|
-
.
|
|
513
|
-
--awsui-overlap-height-
|
|
512
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_is-overlap-disabled_hyvsj_qzxoz_486:not(#\9) {
|
|
513
|
+
--awsui-overlap-height-y98gph: 0;
|
|
514
514
|
}
|
|
515
515
|
@media (min-width: 993px) {
|
|
516
|
-
.
|
|
517
|
-
--awsui-default-min-content-width-
|
|
516
|
+
.awsui_layout_hyvsj_qzxoz_371:not(#\9) {
|
|
517
|
+
--awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
|
|
518
518
|
}
|
|
519
519
|
}
|
|
520
520
|
@media (max-width: 992px) {
|
|
521
|
-
.
|
|
522
|
-
--awsui-default-min-content-width-
|
|
521
|
+
.awsui_layout_hyvsj_qzxoz_371:not(#\9) {
|
|
522
|
+
--awsui-default-min-content-width-y98gph: 0px;
|
|
523
523
|
}
|
|
524
524
|
}
|
|
525
|
-
.
|
|
526
|
-
--awsui-offset-top-with-notifications-
|
|
525
|
+
.awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_qzxoz_110):not(.awsui_has-sticky-background_hyvsj_qzxoz_133) {
|
|
526
|
+
--awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
|
|
527
527
|
}
|
|
528
|
-
.
|
|
529
|
-
--awsui-offset-top-with-notifications-
|
|
528
|
+
.awsui_layout_hyvsj_qzxoz_371:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_qzxoz_110).awsui_has-sticky-background_hyvsj_qzxoz_133 {
|
|
529
|
+
--awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
|
|
530
530
|
}
|
|
531
|
-
.
|
|
532
|
-
--awsui-offset-top-with-notifications-
|
|
533
|
-
var(--awsui-offset-top-
|
|
534
|
-
var(--awsui-notifications-height-
|
|
531
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_has-sticky-notifications_hyvsj_qzxoz_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_qzxoz_133) {
|
|
532
|
+
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
533
|
+
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
534
|
+
var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
|
|
535
535
|
);
|
|
536
536
|
}
|
|
537
|
-
.
|
|
538
|
-
--awsui-offset-top-with-notifications-
|
|
539
|
-
var(--awsui-offset-top-
|
|
540
|
-
var(--awsui-notifications-height-
|
|
537
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_has-sticky-notifications_hyvsj_qzxoz_110.awsui_has-sticky-background_hyvsj_qzxoz_133:not(#\9) {
|
|
538
|
+
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
539
|
+
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
540
|
+
var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
|
|
541
541
|
);
|
|
542
542
|
}
|
|
543
543
|
@media (min-width: 689px) {
|
|
544
|
-
.
|
|
545
|
-
--awsui-content-gap-left-
|
|
544
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_has-content-gap-left_hyvsj_qzxoz_518:not(#\9) {
|
|
545
|
+
--awsui-content-gap-left-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
546
546
|
}
|
|
547
|
-
.
|
|
548
|
-
--awsui-content-gap-right-
|
|
547
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_has-content-gap-right_hyvsj_qzxoz_521:not(#\9) {
|
|
548
|
+
--awsui-content-gap-right-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
549
549
|
}
|
|
550
550
|
}
|
|
551
551
|
@media (max-width: 688px) {
|
|
552
|
-
.
|
|
553
|
-
--awsui-content-gap-left-
|
|
554
|
-
--awsui-content-gap-right-
|
|
552
|
+
.awsui_layout_hyvsj_qzxoz_371:not(#\9) {
|
|
553
|
+
--awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
|
|
554
|
+
--awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
|
|
555
555
|
}
|
|
556
556
|
}
|
|
557
|
-
.
|
|
558
|
-
--awsui-notifications-gap-
|
|
557
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-notifications_hyvsj_qzxoz_531:not(#\9) {
|
|
558
|
+
--awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
559
559
|
}
|
|
560
|
-
.
|
|
561
|
-
--awsui-breadcrumbs-gap-
|
|
560
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_has-breadcrumbs_hyvsj_qzxoz_534:not(#\9) {
|
|
561
|
+
--awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
562
562
|
}
|
|
563
|
-
.
|
|
564
|
-
--awsui-header-gap-
|
|
563
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-header_hyvsj_qzxoz_537:not(#\9), .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-notifications_hyvsj_qzxoz_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_qzxoz_534).awsui_has-header_hyvsj_qzxoz_537 {
|
|
564
|
+
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
565
565
|
}
|
|
566
|
-
.
|
|
567
|
-
--awsui-header-gap-
|
|
566
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_has-breadcrumbs_hyvsj_qzxoz_534.awsui_has-header_hyvsj_qzxoz_537:not(#\9) {
|
|
567
|
+
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
568
568
|
}
|
|
569
|
-
.
|
|
570
|
-
--awsui-main-gap-
|
|
569
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-notifications_hyvsj_qzxoz_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_qzxoz_534):not(.awsui_has-header_hyvsj_qzxoz_537) {
|
|
570
|
+
--awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
571
571
|
}
|
|
572
|
-
.
|
|
573
|
-
--awsui-container-first-gap-
|
|
572
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_has-breadcrumbs_hyvsj_qzxoz_534:not(#\9):not(.awsui_has-header_hyvsj_qzxoz_537) {
|
|
573
|
+
--awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
|
|
574
574
|
}
|
|
575
|
-
.
|
|
576
|
-
--awsui-main-gap-
|
|
575
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_has-breadcrumbs_hyvsj_qzxoz_534:not(#\9):not(.awsui_has-header_hyvsj_qzxoz_537).awsui_is-overlap-disabled_hyvsj_qzxoz_486 {
|
|
576
|
+
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
577
577
|
}
|
|
578
|
-
.
|
|
579
|
-
--awsui-main-gap-
|
|
578
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_has-breadcrumbs_hyvsj_qzxoz_534:not(#\9):not(.awsui_has-header_hyvsj_qzxoz_537):not(.awsui_is-overlap-disabled_hyvsj_qzxoz_486) {
|
|
579
|
+
--awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
|
|
580
580
|
}
|
|
581
|
-
.
|
|
582
|
-
--awsui-main-gap-
|
|
581
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_has-header_hyvsj_qzxoz_537:not(#\9) {
|
|
582
|
+
--awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
583
583
|
}
|
|
584
|
-
.
|
|
585
|
-
--awsui-main-gap-
|
|
584
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-main_hyvsj_qzxoz_558:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_qzxoz_486), .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-main_hyvsj_qzxoz_558.awsui_is-overlap-disabled_hyvsj_qzxoz_486:not(#\9):not(.awsui_disable-content-paddings_hyvsj_qzxoz_558) {
|
|
585
|
+
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
586
586
|
}
|
|
587
587
|
@media (min-width: 689px) {
|
|
588
|
-
.
|
|
589
|
-
--awsui-container-first-overlap-extension-
|
|
590
|
-
--awsui-container-first-gap-
|
|
588
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-main_hyvsj_qzxoz_558:not(#\9):not(.awsui_has-header_hyvsj_qzxoz_537) {
|
|
589
|
+
--awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
|
|
590
|
+
--awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
|
|
591
591
|
}
|
|
592
592
|
}
|
|
593
593
|
@media (max-width: 688px) {
|
|
594
|
-
.
|
|
595
|
-
--awsui-notifications-gap-
|
|
594
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-notifications_hyvsj_qzxoz_531:not(#\9) {
|
|
595
|
+
--awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
596
596
|
}
|
|
597
|
-
.
|
|
598
|
-
--awsui-header-gap-
|
|
597
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-header_hyvsj_qzxoz_537:not(#\9) {
|
|
598
|
+
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
599
599
|
}
|
|
600
|
-
.
|
|
601
|
-
--awsui-header-gap-
|
|
600
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-notifications_hyvsj_qzxoz_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_qzxoz_534).awsui_has-header_hyvsj_qzxoz_537 {
|
|
601
|
+
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
602
602
|
}
|
|
603
|
-
.
|
|
604
|
-
--awsui-main-gap-
|
|
603
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-notifications_hyvsj_qzxoz_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_qzxoz_534):not(.awsui_has-header_hyvsj_qzxoz_537), .awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-main_hyvsj_qzxoz_558:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_qzxoz_486) {
|
|
604
|
+
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
605
605
|
}
|
|
606
|
-
.
|
|
607
|
-
--awsui-main-gap-
|
|
606
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_content-first-child-main_hyvsj_qzxoz_558.awsui_is-overlap-disabled_hyvsj_qzxoz_486:not(#\9):not(.awsui_disable-content-paddings_hyvsj_qzxoz_558) {
|
|
607
|
+
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
608
608
|
}
|
|
609
609
|
}
|
|
610
610
|
|
|
@@ -618,21 +618,21 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
618
618
|
position: sticky will be the value of the notifications height in addition to the
|
|
619
619
|
notifications top margin and some additional vertical space for aesthetics.
|
|
620
620
|
*/
|
|
621
|
-
.
|
|
622
|
-
--awsui-main-template-rows-
|
|
623
|
-
--awsui-offset-top-
|
|
624
|
-
height: var(--awsui-content-height-
|
|
621
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_disable-body-scroll_hyvsj_qzxoz_191:not(#\9) {
|
|
622
|
+
--awsui-main-template-rows-y98gph: 1fr auto;
|
|
623
|
+
--awsui-offset-top-y98gph: 0px;
|
|
624
|
+
height: var(--awsui-content-height-y98gph);
|
|
625
625
|
overflow-y: scroll;
|
|
626
626
|
}
|
|
627
|
-
.
|
|
628
|
-
--awsui-main-template-rows-
|
|
627
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_disable-body-scroll_hyvsj_qzxoz_191.awsui_has-split-panel_hyvsj_qzxoz_601.awsui_split-panel-position-bottom_hyvsj_qzxoz_601:not(#\9) {
|
|
628
|
+
--awsui-main-template-rows-y98gph: repeat(2, auto);
|
|
629
629
|
}
|
|
630
|
-
.
|
|
631
|
-
--awsui-offset-top-with-notifications-
|
|
630
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_disable-body-scroll_hyvsj_qzxoz_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_qzxoz_110) {
|
|
631
|
+
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
632
632
|
}
|
|
633
|
-
.
|
|
634
|
-
--awsui-offset-top-with-notifications-
|
|
635
|
-
var(--awsui-notifications-height-
|
|
633
|
+
.awsui_layout_hyvsj_qzxoz_371.awsui_disable-body-scroll_hyvsj_qzxoz_191.awsui_has-sticky-notifications_hyvsj_qzxoz_110:not(#\9) {
|
|
634
|
+
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
635
|
+
var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
636
636
|
);
|
|
637
637
|
}
|
|
638
638
|
|
|
@@ -640,13 +640,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
640
640
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
641
641
|
when the navigation or tools drawers are open in responsive viewports.
|
|
642
642
|
*/
|
|
643
|
-
.awsui_block-body-
|
|
643
|
+
.awsui_block-body-scroll_hyvsj_qzxoz_617:not(#\9) {
|
|
644
644
|
overflow: hidden;
|
|
645
645
|
}
|
|
646
646
|
|
|
647
647
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
648
|
-
.
|
|
649
|
-
.
|
|
648
|
+
.awsui_unfocusable_hyvsj_qzxoz_622:not(#\9),
|
|
649
|
+
.awsui_unfocusable_hyvsj_qzxoz_622 *:not(#\9) {
|
|
650
650
|
visibility: hidden !important;
|
|
651
651
|
}
|
|
652
652
|
|
|
@@ -655,7 +655,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
655
655
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
656
656
|
SPDX-License-Identifier: Apache-2.0
|
|
657
657
|
*/
|
|
658
|
-
.
|
|
658
|
+
.awsui_container_hyvsj_qzxoz_632:not(#\9) {
|
|
659
659
|
grid-area: main;
|
|
660
660
|
padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
661
661
|
/*
|
|
@@ -672,18 +672,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
672
672
|
on the right, we decrement the column end by one.
|
|
673
673
|
*/
|
|
674
674
|
}
|
|
675
|
-
.
|
|
676
|
-
padding-bottom: calc(var(--awsui-split-panel-height-
|
|
675
|
+
.awsui_container_hyvsj_qzxoz_632.awsui_has-split-panel_hyvsj_qzxoz_601.awsui_split-panel-position-bottom_hyvsj_qzxoz_601:not(#\9) {
|
|
676
|
+
padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
677
677
|
}
|
|
678
|
-
.
|
|
678
|
+
.awsui_container_hyvsj_qzxoz_632.awsui_disable-content-paddings_hyvsj_qzxoz_558:not(#\9) {
|
|
679
679
|
grid-column: 1/6;
|
|
680
680
|
padding: 0;
|
|
681
681
|
}
|
|
682
682
|
@media (min-width: 689px) {
|
|
683
|
-
.
|
|
683
|
+
.awsui_container_hyvsj_qzxoz_632.awsui_disable-content-paddings_hyvsj_qzxoz_558.awsui_is-navigation-open_hyvsj_qzxoz_657:not(#\9) {
|
|
684
684
|
grid-column-start: 2;
|
|
685
685
|
}
|
|
686
|
-
.
|
|
686
|
+
.awsui_container_hyvsj_qzxoz_632.awsui_disable-content-paddings_hyvsj_qzxoz_558.awsui_is-tools-open_hyvsj_qzxoz_660:not(#\9), .awsui_container_hyvsj_qzxoz_632.awsui_disable-content-paddings_hyvsj_qzxoz_558.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_split-panel-position-side_hyvsj_qzxoz_660:not(#\9) {
|
|
687
687
|
grid-column-end: 5;
|
|
688
688
|
}
|
|
689
689
|
}
|
|
@@ -692,31 +692,31 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
692
692
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
693
693
|
SPDX-License-Identifier: Apache-2.0
|
|
694
694
|
*/
|
|
695
|
-
section.awsui_mobile-
|
|
695
|
+
section.awsui_mobile-toolbar_hyvsj_qzxoz_669:not(#\9) {
|
|
696
696
|
align-items: center;
|
|
697
697
|
background-color: var(--color-background-home-header-2rudu7, #000716);
|
|
698
698
|
border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
699
699
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
700
700
|
box-sizing: border-box;
|
|
701
|
-
height: var(--awsui-mobile-bar-height-
|
|
701
|
+
height: var(--awsui-mobile-bar-height-y98gph);
|
|
702
702
|
display: grid;
|
|
703
703
|
grid-area: mobileToolbar;
|
|
704
704
|
grid-column: 1/span 5;
|
|
705
705
|
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
706
706
|
padding: 0 var(--space-m-udix3p, 16px);
|
|
707
707
|
position: sticky;
|
|
708
|
-
top: var(--awsui-offset-top-
|
|
708
|
+
top: var(--awsui-offset-top-y98gph);
|
|
709
709
|
z-index: 1000;
|
|
710
710
|
}
|
|
711
|
-
section.awsui_mobile-
|
|
711
|
+
section.awsui_mobile-toolbar_hyvsj_qzxoz_669 > .awsui_mobile-toolbar-nav_hyvsj_qzxoz_685:not(#\9) {
|
|
712
712
|
grid-column: 1;
|
|
713
713
|
margin-right: var(--space-m-udix3p, 16px);
|
|
714
714
|
}
|
|
715
|
-
section.awsui_mobile-
|
|
715
|
+
section.awsui_mobile-toolbar_hyvsj_qzxoz_669 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_qzxoz_689:not(#\9) {
|
|
716
716
|
grid-column: 2;
|
|
717
717
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
718
718
|
}
|
|
719
|
-
section.awsui_mobile-
|
|
719
|
+
section.awsui_mobile-toolbar_hyvsj_qzxoz_669 > .awsui_mobile-toolbar-tools_hyvsj_qzxoz_693:not(#\9) {
|
|
720
720
|
grid-column: 3;
|
|
721
721
|
margin-left: var(--space-m-udix3p, 16px);
|
|
722
722
|
}
|
|
@@ -725,14 +725,14 @@ section.awsui_mobile-toolbar_hyvsj_gg3nn_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
725
725
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
726
726
|
SPDX-License-Identifier: Apache-2.0
|
|
727
727
|
*/
|
|
728
|
-
.awsui_navigation-
|
|
729
|
-
--awsui-navigation-width-
|
|
728
|
+
.awsui_navigation-container_hyvsj_qzxoz_702:not(#\9) {
|
|
729
|
+
--awsui-navigation-width-y98gph: 280px;
|
|
730
730
|
display: flex;
|
|
731
731
|
grid-column: 1;
|
|
732
732
|
grid-row: 1/span 10;
|
|
733
|
-
height: var(--awsui-content-height-
|
|
733
|
+
height: var(--awsui-content-height-y98gph);
|
|
734
734
|
position: sticky;
|
|
735
|
-
top: var(--awsui-offset-top-
|
|
735
|
+
top: var(--awsui-offset-top-y98gph);
|
|
736
736
|
z-index: 830;
|
|
737
737
|
/*
|
|
738
738
|
The navigation and tools containers (that contain the toggle buttons)
|
|
@@ -747,12 +747,12 @@ section.awsui_mobile-toolbar_hyvsj_gg3nn_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
747
747
|
pointer-events: none;
|
|
748
748
|
}
|
|
749
749
|
@media (min-width: 2541px) {
|
|
750
|
-
.awsui_navigation-
|
|
751
|
-
--awsui-navigation-width-
|
|
750
|
+
.awsui_navigation-container_hyvsj_qzxoz_702:not(#\9) {
|
|
751
|
+
--awsui-navigation-width-y98gph: 320px;
|
|
752
752
|
}
|
|
753
753
|
}
|
|
754
754
|
@media (max-width: 688px) {
|
|
755
|
-
.awsui_navigation-
|
|
755
|
+
.awsui_navigation-container_hyvsj_qzxoz_702:not(#\9) {
|
|
756
756
|
left: 0;
|
|
757
757
|
position: fixed;
|
|
758
758
|
z-index: 1001;
|
|
@@ -764,19 +764,19 @@ section.awsui_mobile-toolbar_hyvsj_gg3nn_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
764
764
|
relative to the body.
|
|
765
765
|
*/
|
|
766
766
|
}
|
|
767
|
-
.awsui_navigation-
|
|
768
|
-
top: var(--awsui-header-height-
|
|
767
|
+
.awsui_navigation-container_hyvsj_qzxoz_702.awsui_disable-body-scroll_hyvsj_qzxoz_191:not(#\9) {
|
|
768
|
+
top: var(--awsui-header-height-y98gph);
|
|
769
769
|
}
|
|
770
770
|
}
|
|
771
771
|
|
|
772
|
-
nav.awsui_show-
|
|
772
|
+
nav.awsui_show-navigation_hyvsj_qzxoz_746:not(#\9) {
|
|
773
773
|
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
|
|
774
774
|
/*
|
|
775
775
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
776
776
|
take control in responsive viewports.
|
|
777
777
|
*/
|
|
778
778
|
}
|
|
779
|
-
@keyframes
|
|
779
|
+
@keyframes awsui_showButtons_hyvsj_qzxoz_1 {
|
|
780
780
|
0% {
|
|
781
781
|
opacity: 0;
|
|
782
782
|
}
|
|
@@ -784,31 +784,31 @@ nav.awsui_show-navigation_hyvsj_gg3nn_746:not(#\9) {
|
|
|
784
784
|
opacity: 1;
|
|
785
785
|
}
|
|
786
786
|
}
|
|
787
|
-
nav.awsui_show-
|
|
787
|
+
nav.awsui_show-navigation_hyvsj_qzxoz_746.awsui_is-navigation-open_hyvsj_qzxoz_657:not(#\9) {
|
|
788
788
|
display: none;
|
|
789
789
|
}
|
|
790
790
|
@media (min-width: 689px) {
|
|
791
|
-
nav.awsui_show-
|
|
791
|
+
nav.awsui_show-navigation_hyvsj_qzxoz_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_qzxoz_657) {
|
|
792
792
|
display: block;
|
|
793
793
|
}
|
|
794
|
-
nav.awsui_show-
|
|
795
|
-
animation:
|
|
794
|
+
nav.awsui_show-navigation_hyvsj_qzxoz_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_qzxoz_657).awsui_animating_hyvsj_qzxoz_768 {
|
|
795
|
+
animation: awsui_showButtons_hyvsj_qzxoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
796
796
|
}
|
|
797
797
|
}
|
|
798
798
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
799
|
-
nav.awsui_show-
|
|
799
|
+
nav.awsui_show-navigation_hyvsj_qzxoz_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_qzxoz_657).awsui_animating_hyvsj_qzxoz_768 {
|
|
800
800
|
animation: none;
|
|
801
801
|
transition: none;
|
|
802
802
|
}
|
|
803
803
|
}
|
|
804
804
|
@media (min-width: 689px) {
|
|
805
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
805
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_qzxoz_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_qzxoz_657).awsui_animating_hyvsj_qzxoz_768, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_qzxoz_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_qzxoz_657).awsui_animating_hyvsj_qzxoz_768 {
|
|
806
806
|
animation: none;
|
|
807
807
|
transition: none;
|
|
808
808
|
}
|
|
809
809
|
}
|
|
810
810
|
|
|
811
|
-
nav.
|
|
811
|
+
nav.awsui_navigation_hyvsj_qzxoz_702:not(#\9) {
|
|
812
812
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
813
813
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
814
814
|
bottom: 0;
|
|
@@ -826,43 +826,43 @@ nav.awsui_navigation_hyvsj_gg3nn_702:not(#\9) {
|
|
|
826
826
|
prevent unwanted text wrapping.
|
|
827
827
|
*/
|
|
828
828
|
}
|
|
829
|
-
@keyframes
|
|
829
|
+
@keyframes awsui_openNavigation_hyvsj_qzxoz_1 {
|
|
830
830
|
from {
|
|
831
831
|
opacity: 0;
|
|
832
832
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
833
833
|
}
|
|
834
834
|
to {
|
|
835
835
|
opacity: 1;
|
|
836
|
-
width: var(--awsui-navigation-width-
|
|
836
|
+
width: var(--awsui-navigation-width-y98gph);
|
|
837
837
|
}
|
|
838
838
|
}
|
|
839
|
-
nav.
|
|
839
|
+
nav.awsui_navigation_hyvsj_qzxoz_702:not(#\9):not(.awsui_is-navigation-open_hyvsj_qzxoz_657) {
|
|
840
840
|
width: 0;
|
|
841
841
|
display: none;
|
|
842
842
|
}
|
|
843
|
-
nav.
|
|
844
|
-
animation:
|
|
843
|
+
nav.awsui_navigation_hyvsj_qzxoz_702.awsui_is-navigation-open_hyvsj_qzxoz_657.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
844
|
+
animation: awsui_openNavigation_hyvsj_qzxoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
845
845
|
}
|
|
846
846
|
@media (prefers-reduced-motion: reduce) {
|
|
847
|
-
nav.
|
|
847
|
+
nav.awsui_navigation_hyvsj_qzxoz_702.awsui_is-navigation-open_hyvsj_qzxoz_657.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
848
848
|
animation: none;
|
|
849
849
|
transition: none;
|
|
850
850
|
}
|
|
851
851
|
}
|
|
852
|
-
.awsui-motion-disabled nav.
|
|
852
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_qzxoz_702.awsui_is-navigation-open_hyvsj_qzxoz_657.awsui_animating_hyvsj_qzxoz_768:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_qzxoz_702.awsui_is-navigation-open_hyvsj_qzxoz_657.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
853
853
|
animation: none;
|
|
854
854
|
transition: none;
|
|
855
855
|
}
|
|
856
|
-
nav.
|
|
857
|
-
width: var(--awsui-navigation-width-
|
|
856
|
+
nav.awsui_navigation_hyvsj_qzxoz_702 > .awsui_animated-content_hyvsj_qzxoz_830:not(#\9) {
|
|
857
|
+
width: var(--awsui-navigation-width-y98gph);
|
|
858
858
|
}
|
|
859
859
|
@media (max-width: 688px) {
|
|
860
|
-
nav.
|
|
861
|
-
--awsui-navigation-width-
|
|
860
|
+
nav.awsui_navigation_hyvsj_qzxoz_702:not(#\9) {
|
|
861
|
+
--awsui-navigation-width-y98gph: 100vw;
|
|
862
862
|
}
|
|
863
863
|
}
|
|
864
864
|
|
|
865
|
-
.awsui_hide-
|
|
865
|
+
.awsui_hide-navigation_hyvsj_qzxoz_839:not(#\9) {
|
|
866
866
|
position: absolute;
|
|
867
867
|
right: var(--space-m-udix3p, 16px);
|
|
868
868
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -872,16 +872,16 @@ nav.awsui_navigation_hyvsj_gg3nn_702 > .awsui_animated-content_hyvsj_gg3nn_830:n
|
|
|
872
872
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
873
873
|
SPDX-License-Identifier: Apache-2.0
|
|
874
874
|
*/
|
|
875
|
-
.
|
|
875
|
+
.awsui_notifications_hyvsj_qzxoz_849:not(#\9) {
|
|
876
876
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
877
877
|
grid-area: notifications;
|
|
878
878
|
z-index: 850;
|
|
879
879
|
}
|
|
880
880
|
@media (min-width: 689px) {
|
|
881
|
-
.
|
|
882
|
-
--awsui-flashbar-sticky-bottom-margin-
|
|
881
|
+
.awsui_notifications_hyvsj_qzxoz_849.awsui_sticky-notifications_hyvsj_qzxoz_855:not(#\9) {
|
|
882
|
+
--awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
|
|
883
883
|
position: sticky;
|
|
884
|
-
top: calc(var(--awsui-offset-top-
|
|
884
|
+
top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
|
|
885
885
|
}
|
|
886
886
|
}
|
|
887
887
|
|
|
@@ -895,13 +895,13 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
895
895
|
consume the remaining vertical space in the grid after the notifications
|
|
896
896
|
and breadcrumbs.
|
|
897
897
|
*/
|
|
898
|
-
section.awsui_split-panel-
|
|
898
|
+
section.awsui_split-panel-bottom_hyvsj_qzxoz_872:not(#\9) {
|
|
899
899
|
/*
|
|
900
900
|
The align self property will position the split panel at the bottom of the grid row.
|
|
901
901
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
902
902
|
*/
|
|
903
903
|
align-self: end;
|
|
904
|
-
bottom: var(--awsui-footer-height-
|
|
904
|
+
bottom: var(--awsui-footer-height-y98gph);
|
|
905
905
|
display: none;
|
|
906
906
|
grid-column: 1/6;
|
|
907
907
|
grid-row: 10;
|
|
@@ -931,47 +931,47 @@ section.awsui_split-panel-bottom_hyvsj_gg3nn_872:not(#\9) {
|
|
|
931
931
|
apply the animation to the height property.
|
|
932
932
|
*/
|
|
933
933
|
}
|
|
934
|
-
@keyframes
|
|
934
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_qzxoz_1 {
|
|
935
935
|
from {
|
|
936
|
-
height: var(--awsui-split-panel-reported-header-size-
|
|
936
|
+
height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
|
|
937
937
|
}
|
|
938
938
|
to {
|
|
939
|
-
height: var(--awsui-split-panel-reported-size-
|
|
939
|
+
height: var(--awsui-split-panel-reported-size-y98gph);
|
|
940
940
|
}
|
|
941
941
|
}
|
|
942
|
-
section.awsui_split-panel-
|
|
942
|
+
section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_disable-body-scroll_hyvsj_qzxoz_191:not(#\9) {
|
|
943
943
|
bottom: 0;
|
|
944
944
|
}
|
|
945
|
-
section.awsui_split-panel-
|
|
945
|
+
section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_is-navigation-open_hyvsj_qzxoz_657.awsui_position-bottom_hyvsj_qzxoz_919:not(#\9) {
|
|
946
946
|
grid-column-start: 2;
|
|
947
947
|
}
|
|
948
|
-
section.awsui_split-panel-
|
|
948
|
+
section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_has-open-drawer_hyvsj_qzxoz_157.awsui_position-bottom_hyvsj_qzxoz_919:not(#\9) {
|
|
949
949
|
grid-column-end: 5;
|
|
950
950
|
}
|
|
951
|
-
section.awsui_split-panel-
|
|
951
|
+
section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_position-bottom_hyvsj_qzxoz_919:not(#\9) {
|
|
952
952
|
display: block;
|
|
953
953
|
}
|
|
954
|
-
section.awsui_split-panel-
|
|
954
|
+
section.awsui_split-panel-bottom_hyvsj_qzxoz_872:not(#\9):not(.awsui_is-split-panel-open_hyvsj_qzxoz_660).awsui_position-bottom_hyvsj_qzxoz_919 {
|
|
955
955
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
956
956
|
}
|
|
957
|
-
section.awsui_split-panel-
|
|
957
|
+
section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-bottom_hyvsj_qzxoz_919:not(#\9) {
|
|
958
958
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
959
959
|
}
|
|
960
|
-
section.awsui_split-panel-
|
|
961
|
-
animation:
|
|
960
|
+
section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-bottom_hyvsj_qzxoz_919.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
961
|
+
animation: awsui_openSplitPanelBottom_hyvsj_qzxoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
962
962
|
}
|
|
963
963
|
@media (prefers-reduced-motion: reduce) {
|
|
964
|
-
section.awsui_split-panel-
|
|
964
|
+
section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-bottom_hyvsj_qzxoz_919.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
965
965
|
animation: none;
|
|
966
966
|
transition: none;
|
|
967
967
|
}
|
|
968
968
|
}
|
|
969
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
969
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-bottom_hyvsj_qzxoz_919.awsui_animating_hyvsj_qzxoz_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_qzxoz_872.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-bottom_hyvsj_qzxoz_919.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
970
970
|
animation: none;
|
|
971
971
|
transition: none;
|
|
972
972
|
}
|
|
973
973
|
|
|
974
|
-
section.awsui_split-panel-
|
|
974
|
+
section.awsui_split-panel-side_hyvsj_qzxoz_948:not(#\9) {
|
|
975
975
|
height: 100%;
|
|
976
976
|
overflow-x: hidden;
|
|
977
977
|
pointer-events: auto;
|
|
@@ -986,41 +986,41 @@ section.awsui_split-panel-side_hyvsj_gg3nn_948:not(#\9) {
|
|
|
986
986
|
prevent unwanted text wrapping.
|
|
987
987
|
*/
|
|
988
988
|
}
|
|
989
|
-
@keyframes
|
|
989
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_qzxoz_1 {
|
|
990
990
|
from {
|
|
991
991
|
opacity: 0;
|
|
992
|
-
width: var(--awsui-split-panel-min-width-
|
|
992
|
+
width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
993
993
|
}
|
|
994
994
|
to {
|
|
995
995
|
opacity: 1;
|
|
996
|
-
width: var(--awsui-split-panel-reported-size-
|
|
996
|
+
width: var(--awsui-split-panel-reported-size-y98gph);
|
|
997
997
|
}
|
|
998
998
|
}
|
|
999
|
-
section.awsui_split-panel-
|
|
999
|
+
section.awsui_split-panel-side_hyvsj_qzxoz_948:not(#\9):not(.awsui_is-split-panel-open_hyvsj_qzxoz_660), section.awsui_split-panel-side_hyvsj_qzxoz_948.awsui_position-bottom_hyvsj_qzxoz_919:not(#\9) {
|
|
1000
1000
|
width: 0;
|
|
1001
1001
|
}
|
|
1002
|
-
section.awsui_split-panel-
|
|
1002
|
+
section.awsui_split-panel-side_hyvsj_qzxoz_948.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-side_hyvsj_qzxoz_976:not(#\9) {
|
|
1003
1003
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1004
|
-
max-width: var(--awsui-split-panel-max-width-
|
|
1005
|
-
min-width: var(--awsui-split-panel-min-width-
|
|
1004
|
+
max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
|
|
1005
|
+
min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
1006
1006
|
}
|
|
1007
|
-
section.awsui_split-panel-
|
|
1008
|
-
animation:
|
|
1007
|
+
section.awsui_split-panel-side_hyvsj_qzxoz_948.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-side_hyvsj_qzxoz_976.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
1008
|
+
animation: awsui_openSplitPanelSide_hyvsj_qzxoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1009
1009
|
}
|
|
1010
1010
|
@media (prefers-reduced-motion: reduce) {
|
|
1011
|
-
section.awsui_split-panel-
|
|
1011
|
+
section.awsui_split-panel-side_hyvsj_qzxoz_948.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-side_hyvsj_qzxoz_976.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
1012
1012
|
animation: none;
|
|
1013
1013
|
transition: none;
|
|
1014
1014
|
}
|
|
1015
1015
|
}
|
|
1016
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1016
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_qzxoz_948.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-side_hyvsj_qzxoz_976.awsui_animating_hyvsj_qzxoz_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_qzxoz_948.awsui_is-split-panel-open_hyvsj_qzxoz_660.awsui_position-side_hyvsj_qzxoz_976.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
1017
1017
|
animation: none;
|
|
1018
1018
|
transition: none;
|
|
1019
1019
|
}
|
|
1020
|
-
section.awsui_split-panel-
|
|
1020
|
+
section.awsui_split-panel-side_hyvsj_qzxoz_948 > .awsui_animated-content_hyvsj_qzxoz_830:not(#\9) {
|
|
1021
1021
|
height: 100%;
|
|
1022
1022
|
max-width: inherit;
|
|
1023
|
-
width: var(--awsui-split-panel-reported-size-
|
|
1023
|
+
width: var(--awsui-split-panel-reported-size-y98gph);
|
|
1024
1024
|
}
|
|
1025
1025
|
|
|
1026
1026
|
/*
|
|
@@ -1036,30 +1036,30 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1036
1036
|
property. The content gap right is computed in the Layout styles based on the
|
|
1037
1037
|
viewport size and state of the Tools drawer.
|
|
1038
1038
|
*/
|
|
1039
|
-
.awsui_tools-
|
|
1039
|
+
.awsui_tools-container_hyvsj_qzxoz_1013:not(#\9) {
|
|
1040
1040
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1041
|
-
--awsui-tools-max-width-
|
|
1041
|
+
--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));
|
|
1042
1042
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
1043
|
-
--awsui-tools-width-
|
|
1043
|
+
--awsui-tools-width-y98gph: 290px;
|
|
1044
1044
|
display: flex;
|
|
1045
1045
|
grid-column: 5;
|
|
1046
1046
|
grid-row: 1/span 10;
|
|
1047
|
-
height: var(--awsui-content-height-
|
|
1048
|
-
max-width: var(--awsui-tools-max-width-
|
|
1047
|
+
height: var(--awsui-content-height-y98gph);
|
|
1048
|
+
max-width: var(--awsui-tools-max-width-y98gph);
|
|
1049
1049
|
position: sticky;
|
|
1050
|
-
top: var(--awsui-offset-top-
|
|
1050
|
+
top: var(--awsui-offset-top-y98gph);
|
|
1051
1051
|
z-index: 830;
|
|
1052
1052
|
pointer-events: none;
|
|
1053
1053
|
}
|
|
1054
1054
|
@media (min-width: 2541px) {
|
|
1055
|
-
.awsui_tools-
|
|
1056
|
-
--awsui-tools-width-
|
|
1055
|
+
.awsui_tools-container_hyvsj_qzxoz_1013:not(#\9) {
|
|
1056
|
+
--awsui-tools-width-y98gph: 360px;
|
|
1057
1057
|
}
|
|
1058
1058
|
}
|
|
1059
1059
|
@media (max-width: 688px) {
|
|
1060
|
-
.awsui_tools-
|
|
1061
|
-
--awsui-tools-max-width-
|
|
1062
|
-
--awsui-tools-width-
|
|
1060
|
+
.awsui_tools-container_hyvsj_qzxoz_1013:not(#\9) {
|
|
1061
|
+
--awsui-tools-max-width-y98gph: none;
|
|
1062
|
+
--awsui-tools-width-y98gph: auto;
|
|
1063
1063
|
position: fixed;
|
|
1064
1064
|
right: 0;
|
|
1065
1065
|
z-index: 1001;
|
|
@@ -1071,12 +1071,12 @@ viewport size and state of the Tools drawer.
|
|
|
1071
1071
|
relative to the body.
|
|
1072
1072
|
*/
|
|
1073
1073
|
}
|
|
1074
|
-
.awsui_tools-
|
|
1075
|
-
top: var(--awsui-header-height-
|
|
1074
|
+
.awsui_tools-container_hyvsj_qzxoz_1013.awsui_disable-body-scroll_hyvsj_qzxoz_191:not(#\9) {
|
|
1075
|
+
top: var(--awsui-header-height-y98gph);
|
|
1076
1076
|
}
|
|
1077
1077
|
}
|
|
1078
1078
|
|
|
1079
|
-
.
|
|
1079
|
+
.awsui_tools_hyvsj_qzxoz_1013:not(#\9) {
|
|
1080
1080
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1081
1081
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1082
1082
|
flex-shrink: 0;
|
|
@@ -1100,48 +1100,48 @@ viewport size and state of the Tools drawer.
|
|
|
1100
1100
|
in the side position.
|
|
1101
1101
|
*/
|
|
1102
1102
|
}
|
|
1103
|
-
@keyframes
|
|
1103
|
+
@keyframes awsui_openTools_hyvsj_qzxoz_1 {
|
|
1104
1104
|
from {
|
|
1105
|
-
opacity: var(--awsui-tools-animation-starting-opacity-
|
|
1105
|
+
opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
|
|
1106
1106
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
1107
1107
|
}
|
|
1108
1108
|
to {
|
|
1109
1109
|
opacity: 1;
|
|
1110
|
-
width: var(--awsui-tools-width-
|
|
1110
|
+
width: var(--awsui-tools-width-y98gph);
|
|
1111
1111
|
}
|
|
1112
1112
|
}
|
|
1113
|
-
.
|
|
1113
|
+
.awsui_tools_hyvsj_qzxoz_1013:not(#\9):not(.awsui_is-tools-open_hyvsj_qzxoz_660) {
|
|
1114
1114
|
width: 0;
|
|
1115
1115
|
display: none;
|
|
1116
1116
|
}
|
|
1117
|
-
.
|
|
1118
|
-
animation:
|
|
1117
|
+
.awsui_tools_hyvsj_qzxoz_1013.awsui_is-tools-open_hyvsj_qzxoz_660.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
1118
|
+
animation: awsui_openTools_hyvsj_qzxoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1119
1119
|
}
|
|
1120
1120
|
@media (prefers-reduced-motion: reduce) {
|
|
1121
|
-
.
|
|
1121
|
+
.awsui_tools_hyvsj_qzxoz_1013.awsui_is-tools-open_hyvsj_qzxoz_660.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
1122
1122
|
animation: none;
|
|
1123
1123
|
transition: none;
|
|
1124
1124
|
}
|
|
1125
1125
|
}
|
|
1126
|
-
.awsui-motion-disabled .
|
|
1126
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_qzxoz_1013.awsui_is-tools-open_hyvsj_qzxoz_660.awsui_animating_hyvsj_qzxoz_768:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_qzxoz_1013.awsui_is-tools-open_hyvsj_qzxoz_660.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
1127
1127
|
animation: none;
|
|
1128
1128
|
transition: none;
|
|
1129
1129
|
}
|
|
1130
|
-
.
|
|
1131
|
-
width: var(--awsui-tools-width-
|
|
1130
|
+
.awsui_tools_hyvsj_qzxoz_1013 > .awsui_animated-content_hyvsj_qzxoz_830:not(#\9) {
|
|
1131
|
+
width: var(--awsui-tools-width-y98gph);
|
|
1132
1132
|
}
|
|
1133
1133
|
@media (min-width: 689px) {
|
|
1134
|
-
.
|
|
1134
|
+
.awsui_tools_hyvsj_qzxoz_1013.awsui_is-tools-open_hyvsj_qzxoz_660.awsui_has-tools-form-persistence_hyvsj_qzxoz_1108:not(#\9) {
|
|
1135
1135
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
1136
1136
|
}
|
|
1137
1137
|
}
|
|
1138
1138
|
@media (max-width: 688px) {
|
|
1139
|
-
.
|
|
1140
|
-
--awsui-tools-width-
|
|
1139
|
+
.awsui_tools_hyvsj_qzxoz_1013:not(#\9) {
|
|
1140
|
+
--awsui-tools-width-y98gph: 100vw;
|
|
1141
1141
|
}
|
|
1142
1142
|
}
|
|
1143
1143
|
|
|
1144
|
-
.awsui_hide-
|
|
1144
|
+
.awsui_hide-tools_hyvsj_qzxoz_1118:not(#\9) {
|
|
1145
1145
|
position: absolute;
|
|
1146
1146
|
right: var(--space-m-udix3p, 16px);
|
|
1147
1147
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1153,7 +1153,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1153
1153
|
the calculation used to determine the Split Panel maximum width in the
|
|
1154
1154
|
handleSplitPanelMaxWidth function in the context.
|
|
1155
1155
|
*/
|
|
1156
|
-
.awsui_show-
|
|
1156
|
+
.awsui_show-tools_hyvsj_qzxoz_1130:not(#\9) {
|
|
1157
1157
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1158
1158
|
border-collapse: separate;
|
|
1159
1159
|
border-spacing: 0;
|
|
@@ -1197,7 +1197,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1197
1197
|
take control in responsive viewports.
|
|
1198
1198
|
*/
|
|
1199
1199
|
}
|
|
1200
|
-
@keyframes
|
|
1200
|
+
@keyframes awsui_showButtons_hyvsj_qzxoz_1 {
|
|
1201
1201
|
0% {
|
|
1202
1202
|
opacity: 0;
|
|
1203
1203
|
}
|
|
@@ -1205,31 +1205,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1205
1205
|
opacity: 1;
|
|
1206
1206
|
}
|
|
1207
1207
|
}
|
|
1208
|
-
.awsui_show-
|
|
1208
|
+
.awsui_show-tools_hyvsj_qzxoz_1130:not(#\9):not(.awsui_has-tools-form_hyvsj_qzxoz_1108) {
|
|
1209
1209
|
display: none;
|
|
1210
1210
|
}
|
|
1211
1211
|
@media (min-width: 689px) {
|
|
1212
|
-
.awsui_show-
|
|
1212
|
+
.awsui_show-tools_hyvsj_qzxoz_1130.awsui_has-tools-form_hyvsj_qzxoz_1108:not(#\9) {
|
|
1213
1213
|
display: flex;
|
|
1214
1214
|
flex-direction: column;
|
|
1215
1215
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1216
1216
|
}
|
|
1217
|
-
.awsui_show-
|
|
1218
|
-
animation:
|
|
1217
|
+
.awsui_show-tools_hyvsj_qzxoz_1130.awsui_has-tools-form_hyvsj_qzxoz_1108.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
1218
|
+
animation: awsui_showButtons_hyvsj_qzxoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1219
1219
|
}
|
|
1220
1220
|
}
|
|
1221
1221
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1222
|
-
.awsui_show-
|
|
1222
|
+
.awsui_show-tools_hyvsj_qzxoz_1130.awsui_has-tools-form_hyvsj_qzxoz_1108.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
1223
1223
|
animation: none;
|
|
1224
1224
|
transition: none;
|
|
1225
1225
|
}
|
|
1226
1226
|
}
|
|
1227
1227
|
@media (min-width: 689px) {
|
|
1228
|
-
.awsui-motion-disabled .awsui_show-
|
|
1228
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_qzxoz_1130.awsui_has-tools-form_hyvsj_qzxoz_1108.awsui_animating_hyvsj_qzxoz_768:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_qzxoz_1130.awsui_has-tools-form_hyvsj_qzxoz_1108.awsui_animating_hyvsj_qzxoz_768:not(#\9) {
|
|
1229
1229
|
animation: none;
|
|
1230
1230
|
transition: none;
|
|
1231
1231
|
}
|
|
1232
|
-
.awsui_show-
|
|
1232
|
+
.awsui_show-tools_hyvsj_qzxoz_1130.awsui_has-tools-form-persistence_hyvsj_qzxoz_1108:not(#\9) {
|
|
1233
1233
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1234
1234
|
z-index: 1;
|
|
1235
1235
|
}
|
|
@@ -1239,7 +1239,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1239
1239
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1240
1240
|
SPDX-License-Identifier: Apache-2.0
|
|
1241
1241
|
*/
|
|
1242
|
-
.awsui_trigger-badge-
|
|
1242
|
+
.awsui_trigger-badge-wrapper_hyvsj_qzxoz_1190:not(#\9) {
|
|
1243
1243
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1244
1244
|
border-radius: 50%;
|
|
1245
1245
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1252,10 +1252,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1252
1252
|
align-items: center;
|
|
1253
1253
|
clip-path: path("M38.0215 11.3161C37.1068 11.7545 36.0821 12 35 12C31.134 12 28 8.86599 28 5C28 3.91794 28.2455 2.89322 28.6839 1.97851C26.0575 0.710652 23.1118 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 16.8882 39.2893 13.9425 38.0215 11.3161Z");
|
|
1254
1254
|
}
|
|
1255
|
-
.awsui_trigger-badge-
|
|
1255
|
+
.awsui_trigger-badge-wrapper_hyvsj_qzxoz_1190:not(#\9):hover {
|
|
1256
1256
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1257
1257
|
}
|
|
1258
|
-
.awsui_trigger-badge-
|
|
1258
|
+
.awsui_trigger-badge-wrapper_hyvsj_qzxoz_1190:not(#\9):active {
|
|
1259
1259
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1260
1260
|
}
|
|
1261
1261
|
|
|
@@ -1264,7 +1264,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1264
1264
|
the calculation used to determine the Split Panel maximum width in the
|
|
1265
1265
|
handleSplitPanelMaxWidth function in the context.
|
|
1266
1266
|
*/
|
|
1267
|
-
.
|
|
1267
|
+
.awsui_trigger_hyvsj_qzxoz_1190:not(#\9) {
|
|
1268
1268
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1269
1269
|
border-radius: 50%;
|
|
1270
1270
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1276,20 +1276,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1276
1276
|
pointer-events: auto;
|
|
1277
1277
|
position: relative;
|
|
1278
1278
|
}
|
|
1279
|
-
.
|
|
1279
|
+
.awsui_trigger_hyvsj_qzxoz_1190:not(#\9):hover {
|
|
1280
1280
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1281
1281
|
}
|
|
1282
|
-
.
|
|
1282
|
+
.awsui_trigger_hyvsj_qzxoz_1190:not(#\9):active {
|
|
1283
1283
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1284
1284
|
}
|
|
1285
|
-
body[data-awsui-focus-visible=true] .
|
|
1285
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_qzxoz_1190:not(#\9):focus {
|
|
1286
1286
|
position: relative;
|
|
1287
1287
|
}
|
|
1288
|
-
body[data-awsui-focus-visible=true] .
|
|
1288
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_qzxoz_1190:not(#\9):focus {
|
|
1289
1289
|
outline: 2px dotted transparent;
|
|
1290
1290
|
outline-offset: calc(3px - 1px);
|
|
1291
1291
|
}
|
|
1292
|
-
body[data-awsui-focus-visible=true] .
|
|
1292
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_qzxoz_1190:not(#\9):focus::before {
|
|
1293
1293
|
content: " ";
|
|
1294
1294
|
display: block;
|
|
1295
1295
|
position: absolute;
|
|
@@ -1300,40 +1300,40 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gg3nn_1190:not(#\9):foc
|
|
|
1300
1300
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1301
1301
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1302
1302
|
}
|
|
1303
|
-
.
|
|
1303
|
+
.awsui_trigger_hyvsj_qzxoz_1190:not(#\9):focus {
|
|
1304
1304
|
outline: none;
|
|
1305
1305
|
}
|
|
1306
|
-
.
|
|
1306
|
+
.awsui_trigger_hyvsj_qzxoz_1190.awsui_selected_hyvsj_qzxoz_1254:not(#\9) {
|
|
1307
1307
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1308
1308
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1309
1309
|
}
|
|
1310
|
-
.
|
|
1310
|
+
.awsui_trigger_hyvsj_qzxoz_1190.awsui_selected_hyvsj_qzxoz_1254:not(#\9):hover {
|
|
1311
1311
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1312
1312
|
}
|
|
1313
|
-
.
|
|
1313
|
+
.awsui_trigger_hyvsj_qzxoz_1190.awsui_selected_hyvsj_qzxoz_1254:not(#\9):active {
|
|
1314
1314
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1315
1315
|
}
|
|
1316
|
-
.
|
|
1316
|
+
.awsui_trigger_hyvsj_qzxoz_1190.awsui_selected_hyvsj_qzxoz_1254 > .awsui_trigger-badge-wrapper_hyvsj_qzxoz_1190:not(#\9) {
|
|
1317
1317
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1318
1318
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1319
1319
|
}
|
|
1320
|
-
.
|
|
1320
|
+
.awsui_trigger_hyvsj_qzxoz_1190.awsui_selected_hyvsj_qzxoz_1254 > .awsui_trigger-badge-wrapper_hyvsj_qzxoz_1190:not(#\9):hover {
|
|
1321
1321
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1322
1322
|
}
|
|
1323
|
-
.
|
|
1323
|
+
.awsui_trigger_hyvsj_qzxoz_1190.awsui_selected_hyvsj_qzxoz_1254 > .awsui_trigger-badge-wrapper_hyvsj_qzxoz_1190:not(#\9):active {
|
|
1324
1324
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1325
1325
|
}
|
|
1326
|
-
.
|
|
1326
|
+
.awsui_trigger_hyvsj_qzxoz_1190.awsui_badge_hyvsj_qzxoz_1274:not(#\9), .awsui_trigger_hyvsj_qzxoz_1190.awsui_badge_hyvsj_qzxoz_1274:not(#\9):hover, .awsui_trigger_hyvsj_qzxoz_1190.awsui_badge_hyvsj_qzxoz_1274:not(#\9):active {
|
|
1327
1327
|
background: transparent;
|
|
1328
1328
|
}
|
|
1329
1329
|
|
|
1330
|
-
.awsui_trigger-
|
|
1330
|
+
.awsui_trigger-wrapper_hyvsj_qzxoz_1278:not(#\9) {
|
|
1331
1331
|
position: relative;
|
|
1332
1332
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1333
1333
|
border-radius: 50%;
|
|
1334
1334
|
}
|
|
1335
1335
|
|
|
1336
|
-
.
|
|
1336
|
+
.awsui_dot_hyvsj_qzxoz_1284:not(#\9) {
|
|
1337
1337
|
position: absolute;
|
|
1338
1338
|
width: 10px;
|
|
1339
1339
|
height: 10px;
|