@cloudscape-design/components-themeable 3.0.1344 → 3.0.1345
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/app-layout/constants.scss +0 -3
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss +2 -0
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/navigation/styles.scss +1 -1
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/skeleton/styles.scss +1 -1
- package/lib/internal/scss/expandable-section/styles.scss +102 -14
- package/lib/internal/scss/flashbar/collapsible.scss +1 -1
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/internal/styles/motion/mixins.scss +9 -0
- package/lib/internal/scss/side-navigation/styles.scss +420 -40
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +90 -87
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +11 -11
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +60 -60
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
- package/lib/internal/template/app-layout-toolbar/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout-toolbar/index.js +1 -0
- package/lib/internal/template/app-layout-toolbar/index.js.map +1 -1
- package/lib/internal/template/expandable-section/expandable-section-container.d.ts +1 -2
- package/lib/internal/template/expandable-section/expandable-section-container.d.ts.map +1 -1
- package/lib/internal/template/expandable-section/expandable-section-container.js +2 -2
- package/lib/internal/template/expandable-section/expandable-section-container.js.map +1 -1
- package/lib/internal/template/expandable-section/expandable-section-header.d.ts +2 -1
- package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
- package/lib/internal/template/expandable-section/expandable-section-header.js +4 -4
- package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
- package/lib/internal/template/expandable-section/internal.d.ts +8 -3
- package/lib/internal/template/expandable-section/internal.d.ts.map +1 -1
- package/lib/internal/template/expandable-section/internal.js +24 -10
- package/lib/internal/template/expandable-section/internal.js.map +1 -1
- package/lib/internal/template/expandable-section/styles.css.js +43 -42
- package/lib/internal/template/expandable-section/styles.scoped.css +198 -143
- package/lib/internal/template/expandable-section/styles.selectors.js +43 -42
- package/lib/internal/template/flashbar/styles.css.js +50 -50
- package/lib/internal/template/flashbar/styles.scoped.css +153 -153
- package/lib/internal/template/flashbar/styles.selectors.js +50 -50
- package/lib/internal/template/internal/base-component/styles.scoped.css +19 -9
- package/lib/internal/template/internal/components/transition/index.d.ts +6 -6
- package/lib/internal/template/internal/components/transition/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/transition/index.js +4 -4
- package/lib/internal/template/internal/components/transition/index.js.map +1 -1
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +9 -0
- package/lib/internal/template/internal/generated/styles/tokens.js +10 -1
- package/lib/internal/template/internal/generated/theming/index.cjs +106 -15
- package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +18 -0
- package/lib/internal/template/internal/generated/theming/index.d.ts +18 -0
- package/lib/internal/template/internal/generated/theming/index.js +106 -15
- package/lib/internal/template/side-navigation/implementation.d.ts.map +1 -1
- package/lib/internal/template/side-navigation/implementation.js +6 -3
- package/lib/internal/template/side-navigation/implementation.js.map +1 -1
- package/lib/internal/template/side-navigation/parts.d.ts +2 -1
- package/lib/internal/template/side-navigation/parts.d.ts.map +1 -1
- package/lib/internal/template/side-navigation/parts.js +86 -76
- package/lib/internal/template/side-navigation/parts.js.map +1 -1
- package/lib/internal/template/side-navigation/styles.css.js +64 -50
- package/lib/internal/template/side-navigation/styles.scoped.css +550 -106
- package/lib/internal/template/side-navigation/styles.selectors.js +64 -50
- package/lib/internal/template/side-navigation/util.d.ts +10 -0
- package/lib/internal/template/side-navigation/util.d.ts.map +1 -1
- package/lib/internal/template/side-navigation/util.js +48 -0
- package/lib/internal/template/side-navigation/util.js.map +1 -1
- package/package.json +1 -1
- package/lib/internal/scss/expandable-section/motion.scss +0 -30
|
@@ -2,37 +2,37 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"drawer": "
|
|
6
|
-
"with-expanded-motion": "awsui_with-expanded-
|
|
7
|
-
"legacy": "
|
|
8
|
-
"ai-drawer": "awsui_ai-
|
|
9
|
-
"bottom-drawer": "awsui_bottom-
|
|
10
|
-
"last-opened": "awsui_last-
|
|
11
|
-
"drawer-global": "awsui_drawer-
|
|
12
|
-
"drawer-expanded": "awsui_drawer-
|
|
13
|
-
"drawer-hidden": "awsui_drawer-
|
|
14
|
-
"has-next-siblings": "awsui_has-next-
|
|
15
|
-
"global-drawer-wrapper": "awsui_global-drawer-
|
|
16
|
-
"drawer-content-container": "awsui_drawer-content-
|
|
17
|
-
"drawer-gap": "awsui_drawer-
|
|
18
|
-
"drawer-close-button": "awsui_drawer-close-
|
|
19
|
-
"drawer-expanded-mode-button": "awsui_drawer-expanded-mode-
|
|
20
|
-
"drawer-content": "awsui_drawer-
|
|
21
|
-
"drawer-content-hidden": "awsui_drawer-content-
|
|
22
|
-
"drawer-slider": "awsui_drawer-
|
|
23
|
-
"drawer-actions": "awsui_drawer-
|
|
24
|
-
"ai-drawer-slider-handle": "awsui_ai-drawer-slider-
|
|
25
|
-
"drawer-content-header": "awsui_drawer-content-
|
|
26
|
-
"drawer-content-header-content": "awsui_drawer-content-header-
|
|
27
|
-
"drawer-back-to-console-slot": "awsui_drawer-back-to-console-
|
|
28
|
-
"drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-
|
|
29
|
-
"drawer-back-to-console-button": "awsui_drawer-back-to-console-
|
|
30
|
-
"drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-
|
|
31
|
-
"drawer-content-content": "awsui_drawer-content-
|
|
32
|
-
"bottom-drawer-content-header": "awsui_bottom-drawer-content-
|
|
33
|
-
"bottom-drawer-content-header-content": "awsui_bottom-drawer-content-header-
|
|
34
|
-
"bottom-drawer-actions": "awsui_bottom-drawer-
|
|
35
|
-
"runtime-feature-notifications-drawer-content": "awsui_runtime-feature-notifications-drawer-
|
|
36
|
-
"runtime-feature-notifications-footer": "awsui_runtime-feature-notifications-
|
|
5
|
+
"drawer": "awsui_drawer_12i0j_1shc7_193",
|
|
6
|
+
"with-expanded-motion": "awsui_with-expanded-motion_12i0j_1shc7_207",
|
|
7
|
+
"legacy": "awsui_legacy_12i0j_1shc7_221",
|
|
8
|
+
"ai-drawer": "awsui_ai-drawer_12i0j_1shc7_221",
|
|
9
|
+
"bottom-drawer": "awsui_bottom-drawer_12i0j_1shc7_221",
|
|
10
|
+
"last-opened": "awsui_last-opened_12i0j_1shc7_229",
|
|
11
|
+
"drawer-global": "awsui_drawer-global_12i0j_1shc7_233",
|
|
12
|
+
"drawer-expanded": "awsui_drawer-expanded_12i0j_1shc7_242",
|
|
13
|
+
"drawer-hidden": "awsui_drawer-hidden_12i0j_1shc7_246",
|
|
14
|
+
"has-next-siblings": "awsui_has-next-siblings_12i0j_1shc7_256",
|
|
15
|
+
"global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1shc7_256",
|
|
16
|
+
"drawer-content-container": "awsui_drawer-content-container_12i0j_1shc7_270",
|
|
17
|
+
"drawer-gap": "awsui_drawer-gap_12i0j_1shc7_273",
|
|
18
|
+
"drawer-close-button": "awsui_drawer-close-button_12i0j_1shc7_291",
|
|
19
|
+
"drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1shc7_297",
|
|
20
|
+
"drawer-content": "awsui_drawer-content_12i0j_1shc7_270",
|
|
21
|
+
"drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1shc7_309",
|
|
22
|
+
"drawer-slider": "awsui_drawer-slider_12i0j_1shc7_312",
|
|
23
|
+
"drawer-actions": "awsui_drawer-actions_12i0j_1shc7_364",
|
|
24
|
+
"ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1shc7_421",
|
|
25
|
+
"drawer-content-header": "awsui_drawer-content-header_12i0j_1shc7_446",
|
|
26
|
+
"drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1shc7_462",
|
|
27
|
+
"drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1shc7_482",
|
|
28
|
+
"drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1shc7_521",
|
|
29
|
+
"drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1shc7_521",
|
|
30
|
+
"drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_1shc7_594",
|
|
31
|
+
"drawer-content-content": "awsui_drawer-content-content_12i0j_1shc7_600",
|
|
32
|
+
"bottom-drawer-content-header": "awsui_bottom-drawer-content-header_12i0j_1shc7_661",
|
|
33
|
+
"bottom-drawer-content-header-content": "awsui_bottom-drawer-content-header-content_12i0j_1shc7_668",
|
|
34
|
+
"bottom-drawer-actions": "awsui_bottom-drawer-actions_12i0j_1shc7_676",
|
|
35
|
+
"runtime-feature-notifications-drawer-content": "awsui_runtime-feature-notifications-drawer-content_12i0j_1shc7_684",
|
|
36
|
+
"runtime-feature-notifications-footer": "awsui_runtime-feature-notifications-footer_12i0j_1shc7_688"
|
|
37
37
|
};
|
|
38
38
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"hide-navigation": "awsui_hide-
|
|
5
|
-
"navigation-container": "awsui_navigation-
|
|
6
|
-
"navigation": "
|
|
7
|
-
"is-navigation-open": "awsui_is-navigation-
|
|
8
|
-
"is-navigation-collapsed": "awsui_is-navigation-
|
|
9
|
-
"expand-navigation-toggle": "awsui_expand-navigation-
|
|
4
|
+
"hide-navigation": "awsui_hide-navigation_2p2ab_tsi2e_153",
|
|
5
|
+
"navigation-container": "awsui_navigation-container_2p2ab_tsi2e_159",
|
|
6
|
+
"navigation": "awsui_navigation_2p2ab_tsi2e_159",
|
|
7
|
+
"is-navigation-open": "awsui_is-navigation-open_2p2ab_tsi2e_179",
|
|
8
|
+
"is-navigation-collapsed": "awsui_is-navigation-collapsed_2p2ab_tsi2e_183",
|
|
9
|
+
"expand-navigation-toggle": "awsui_expand-navigation-toggle_2p2ab_tsi2e_195"
|
|
10
10
|
};
|
|
11
11
|
|
package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css
CHANGED
|
@@ -150,13 +150,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
150
150
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
151
151
|
SPDX-License-Identifier: Apache-2.0
|
|
152
152
|
*/
|
|
153
|
-
.awsui_hide-
|
|
153
|
+
.awsui_hide-navigation_2p2ab_tsi2e_153:not(#\9) {
|
|
154
154
|
position: absolute;
|
|
155
155
|
inset-inline-end: var(--space-m-n2lypl, 16px);
|
|
156
156
|
inset-block-start: 14px;
|
|
157
157
|
}
|
|
158
158
|
|
|
159
|
-
.awsui_navigation-
|
|
159
|
+
.awsui_navigation-container_2p2ab_tsi2e_159:not(#\9) {
|
|
160
160
|
position: sticky;
|
|
161
161
|
z-index: 830;
|
|
162
162
|
background-color: var(--color-background-layout-panel-content-2jvi28, #ffffff);
|
|
@@ -167,7 +167,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
167
167
|
display: flex;
|
|
168
168
|
flex-direction: column;
|
|
169
169
|
}
|
|
170
|
-
.awsui_navigation-
|
|
170
|
+
.awsui_navigation-container_2p2ab_tsi2e_159 > .awsui_navigation_2p2ab_tsi2e_159:not(#\9) {
|
|
171
171
|
flex-grow: 1;
|
|
172
172
|
block-size: 100%;
|
|
173
173
|
overflow-y: auto;
|
|
@@ -176,23 +176,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
176
176
|
inline-size: var(--awsui-navigation-width-esndbs);
|
|
177
177
|
position: relative;
|
|
178
178
|
}
|
|
179
|
-
.awsui_navigation-
|
|
179
|
+
.awsui_navigation-container_2p2ab_tsi2e_159:not(#\9):not(.awsui_is-navigation-open_2p2ab_tsi2e_179) {
|
|
180
180
|
inline-size: 0px;
|
|
181
181
|
display: none;
|
|
182
182
|
}
|
|
183
|
-
.awsui_navigation-
|
|
183
|
+
.awsui_navigation-container_2p2ab_tsi2e_159.awsui_is-navigation-collapsed_2p2ab_tsi2e_183:not(#\9) {
|
|
184
184
|
display: flex;
|
|
185
185
|
align-items: center;
|
|
186
|
-
inline-size: var(--awsui-navigation-collapsed-width-esndbs,
|
|
186
|
+
inline-size: var(--awsui-navigation-collapsed-width-esndbs, var(--size-side-navigation-collapsed-width-byyptb, 52px));
|
|
187
187
|
}
|
|
188
|
-
.awsui_navigation-
|
|
189
|
-
inline-size: var(--awsui-navigation-collapsed-width-esndbs,
|
|
188
|
+
.awsui_navigation-container_2p2ab_tsi2e_159.awsui_is-navigation-collapsed_2p2ab_tsi2e_183 > .awsui_navigation_2p2ab_tsi2e_159:not(#\9) {
|
|
189
|
+
inline-size: var(--awsui-navigation-collapsed-width-esndbs, var(--size-side-navigation-collapsed-width-byyptb, 52px));
|
|
190
190
|
overflow-x: hidden;
|
|
191
191
|
}
|
|
192
|
-
.awsui_navigation-
|
|
192
|
+
.awsui_navigation-container_2p2ab_tsi2e_159.awsui_is-navigation-collapsed_2p2ab_tsi2e_183 > .awsui_navigation_2p2ab_tsi2e_159 > .awsui_hide-navigation_2p2ab_tsi2e_153:not(#\9) {
|
|
193
193
|
display: none;
|
|
194
194
|
}
|
|
195
|
-
.awsui_navigation-
|
|
195
|
+
.awsui_navigation-container_2p2ab_tsi2e_159.awsui_is-navigation-collapsed_2p2ab_tsi2e_183 > .awsui_navigation_2p2ab_tsi2e_159 > .awsui_hide-navigation_2p2ab_tsi2e_153.awsui_expand-navigation-toggle_2p2ab_tsi2e_195:not(#\9) {
|
|
196
196
|
display: flex;
|
|
197
197
|
position: static;
|
|
198
198
|
align-items: center;
|
|
@@ -200,7 +200,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
200
200
|
padding-block: var(--space-s-4a5hs8, 12px);
|
|
201
201
|
}
|
|
202
202
|
@media (max-width: 688px) {
|
|
203
|
-
.awsui_navigation-
|
|
203
|
+
.awsui_navigation-container_2p2ab_tsi2e_159:not(#\9) {
|
|
204
204
|
--awsui-navigation-width-esndbs: 100vw;
|
|
205
205
|
z-index: 1001;
|
|
206
206
|
}
|
package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"hide-navigation": "awsui_hide-
|
|
6
|
-
"navigation-container": "awsui_navigation-
|
|
7
|
-
"navigation": "
|
|
8
|
-
"is-navigation-open": "awsui_is-navigation-
|
|
9
|
-
"is-navigation-collapsed": "awsui_is-navigation-
|
|
10
|
-
"expand-navigation-toggle": "awsui_expand-navigation-
|
|
5
|
+
"hide-navigation": "awsui_hide-navigation_2p2ab_tsi2e_153",
|
|
6
|
+
"navigation-container": "awsui_navigation-container_2p2ab_tsi2e_159",
|
|
7
|
+
"navigation": "awsui_navigation_2p2ab_tsi2e_159",
|
|
8
|
+
"is-navigation-open": "awsui_is-navigation-open_2p2ab_tsi2e_179",
|
|
9
|
+
"is-navigation-collapsed": "awsui_is-navigation-collapsed_2p2ab_tsi2e_183",
|
|
10
|
+
"expand-navigation-toggle": "awsui_expand-navigation-toggle_2p2ab_tsi2e_195"
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"has-adaptive-widths-default": "awsui_has-adaptive-widths-
|
|
6
|
-
"has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-
|
|
7
|
-
"drawer-expanded-mode": "awsui_drawer-expanded-
|
|
8
|
-
"ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-
|
|
9
|
-
"bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-
|
|
10
|
-
"ai-drawer": "awsui_ai-
|
|
11
|
-
"navigation": "
|
|
12
|
-
"tools": "
|
|
13
|
-
"global-tools": "awsui_global-
|
|
14
|
-
"bottom-tool": "awsui_bottom-
|
|
15
|
-
"navigation-collapsed": "awsui_navigation-
|
|
16
|
-
"tools-open": "awsui_tools-
|
|
17
|
-
"split-panel-side": "awsui_split-panel-
|
|
18
|
-
"split-panel-bottom": "awsui_split-panel-
|
|
19
|
-
"panel-hidden": "awsui_panel-
|
|
20
|
-
"toolbar-container": "awsui_toolbar-
|
|
21
|
-
"pseudo-toolbar": "awsui_pseudo-
|
|
22
|
-
"pseudo-toolbar-content": "awsui_pseudo-toolbar-
|
|
23
|
-
"notifications-container": "awsui_notifications-
|
|
24
|
-
"notifications-background": "awsui_notifications-
|
|
25
|
-
"main-landmark": "awsui_main-
|
|
26
|
-
"main": "
|
|
27
|
-
"main-disable-paddings": "awsui_main-disable-
|
|
28
|
-
"content-header": "awsui_content-
|
|
29
|
-
"content": "
|
|
30
|
-
"unfocusable-mobile": "awsui_unfocusable-
|
|
31
|
-
"hidden": "
|
|
32
|
-
"breadcrumbs-own": "awsui_breadcrumbs-
|
|
33
|
-
"breadcrumbs-discovered": "awsui_breadcrumbs-
|
|
4
|
+
"root": "awsui_root_7nfqu_a6191_153",
|
|
5
|
+
"has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_a6191_197",
|
|
6
|
+
"has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_a6191_202",
|
|
7
|
+
"drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_a6191_217",
|
|
8
|
+
"ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_a6191_220",
|
|
9
|
+
"bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-mode_7nfqu_a6191_223",
|
|
10
|
+
"ai-drawer": "awsui_ai-drawer_7nfqu_a6191_220",
|
|
11
|
+
"navigation": "awsui_navigation_7nfqu_a6191_230",
|
|
12
|
+
"tools": "awsui_tools_7nfqu_a6191_231",
|
|
13
|
+
"global-tools": "awsui_global-tools_7nfqu_a6191_232",
|
|
14
|
+
"bottom-tool": "awsui_bottom-tool_7nfqu_a6191_233",
|
|
15
|
+
"navigation-collapsed": "awsui_navigation-collapsed_7nfqu_a6191_282",
|
|
16
|
+
"tools-open": "awsui_tools-open_7nfqu_a6191_295",
|
|
17
|
+
"split-panel-side": "awsui_split-panel-side_7nfqu_a6191_309",
|
|
18
|
+
"split-panel-bottom": "awsui_split-panel-bottom_7nfqu_a6191_316",
|
|
19
|
+
"panel-hidden": "awsui_panel-hidden_7nfqu_a6191_329",
|
|
20
|
+
"toolbar-container": "awsui_toolbar-container_7nfqu_a6191_339",
|
|
21
|
+
"pseudo-toolbar": "awsui_pseudo-toolbar_7nfqu_a6191_353",
|
|
22
|
+
"pseudo-toolbar-content": "awsui_pseudo-toolbar-content_7nfqu_a6191_371",
|
|
23
|
+
"notifications-container": "awsui_notifications-container_7nfqu_a6191_415",
|
|
24
|
+
"notifications-background": "awsui_notifications-background_7nfqu_a6191_419",
|
|
25
|
+
"main-landmark": "awsui_main-landmark_7nfqu_a6191_430",
|
|
26
|
+
"main": "awsui_main_7nfqu_a6191_430",
|
|
27
|
+
"main-disable-paddings": "awsui_main-disable-paddings_7nfqu_a6191_439",
|
|
28
|
+
"content-header": "awsui_content-header_7nfqu_a6191_449",
|
|
29
|
+
"content": "awsui_content_7nfqu_a6191_449",
|
|
30
|
+
"unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_a6191_459",
|
|
31
|
+
"hidden": "awsui_hidden_7nfqu_a6191_464",
|
|
32
|
+
"breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_a6191_468",
|
|
33
|
+
"breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_a6191_468"
|
|
34
34
|
};
|
|
35
35
|
|
|
@@ -150,7 +150,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
150
150
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
151
151
|
SPDX-License-Identifier: Apache-2.0
|
|
152
152
|
*/
|
|
153
|
-
.
|
|
153
|
+
.awsui_root_7nfqu_a6191_153:not(#\9) {
|
|
154
154
|
border-collapse: separate;
|
|
155
155
|
border-spacing: 0;
|
|
156
156
|
box-sizing: border-box;
|
|
@@ -189,65 +189,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
189
189
|
grid-template-rows: min-content min-content 1fr;
|
|
190
190
|
}
|
|
191
191
|
@media (min-width: 689px) {
|
|
192
|
-
.
|
|
192
|
+
.awsui_root_7nfqu_a6191_153:not(#\9) {
|
|
193
193
|
grid-template-areas: "ai-drawer toolbar toolbar toolbar toolbar toolbar toolbar toolbar" "ai-drawer navigation . notifications . sideSplitPanel tools global-tools" "ai-drawer navigation . main . sideSplitPanel tools global-tools" "ai-drawer bottom-tool bottom-tool bottom-tool bottom-tool bottom-tool bottom-tool global-tools";
|
|
194
194
|
grid-template-columns: min-content min-content minmax(var(--space-layout-content-horizontal-q3zhej, 40px), 1fr) minmax(0, var(--awsui-max-content-width-esndbs)) minmax(var(--space-layout-content-horizontal-q3zhej, 40px), 1fr) min-content min-content;
|
|
195
195
|
grid-template-rows: min-content min-content 1fr min-content min-content;
|
|
196
196
|
}
|
|
197
|
-
.
|
|
197
|
+
.awsui_root_7nfqu_a6191_153.awsui_has-adaptive-widths-default_7nfqu_a6191_197:not(#\9) {
|
|
198
198
|
--awsui-max-content-width-esndbs: 1620px;
|
|
199
199
|
}
|
|
200
200
|
}
|
|
201
201
|
@media (min-width: 689px) and (min-width: 1401px) {
|
|
202
|
-
.
|
|
202
|
+
.awsui_root_7nfqu_a6191_153.awsui_has-adaptive-widths-dashboard_7nfqu_a6191_202:not(#\9) {
|
|
203
203
|
--awsui-max-content-width-esndbs: 1280px;
|
|
204
204
|
}
|
|
205
205
|
}
|
|
206
206
|
@media (min-width: 689px) and (min-width: 1921px) {
|
|
207
|
-
.
|
|
207
|
+
.awsui_root_7nfqu_a6191_153.awsui_has-adaptive-widths-dashboard_7nfqu_a6191_202:not(#\9) {
|
|
208
208
|
--awsui-max-content-width-esndbs: 1620px;
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
211
|
@media (min-width: 689px) and (min-width: 2541px) {
|
|
212
|
-
.
|
|
212
|
+
.awsui_root_7nfqu_a6191_153.awsui_has-adaptive-widths-dashboard_7nfqu_a6191_202:not(#\9) {
|
|
213
213
|
--awsui-max-content-width-esndbs: 2160px;
|
|
214
214
|
}
|
|
215
215
|
}
|
|
216
216
|
@media (min-width: 689px) {
|
|
217
|
-
.
|
|
217
|
+
.awsui_root_7nfqu_a6191_153.awsui_drawer-expanded-mode_7nfqu_a6191_217:not(#\9) {
|
|
218
218
|
grid-template-columns: 0 0 0 0 0 0 0 auto;
|
|
219
219
|
}
|
|
220
|
-
.
|
|
220
|
+
.awsui_root_7nfqu_a6191_153.awsui_drawer-expanded-mode_7nfqu_a6191_217.awsui_ai-drawer-expanded-mode_7nfqu_a6191_220:not(#\9) {
|
|
221
221
|
grid-template-columns: auto 0 0 0 0 0 0 0;
|
|
222
222
|
}
|
|
223
|
-
.
|
|
223
|
+
.awsui_root_7nfqu_a6191_153.awsui_drawer-expanded-mode_7nfqu_a6191_217.awsui_bottom-drawer-expanded-mode_7nfqu_a6191_223:not(#\9) {
|
|
224
224
|
grid-template-rows: auto;
|
|
225
225
|
grid-template-columns: 0 0 0 0 0 auto 0 0;
|
|
226
226
|
}
|
|
227
227
|
}
|
|
228
228
|
|
|
229
|
-
.awsui_ai-
|
|
230
|
-
.
|
|
231
|
-
.
|
|
232
|
-
.awsui_global-
|
|
233
|
-
.awsui_bottom-
|
|
229
|
+
.awsui_ai-drawer_7nfqu_a6191_220:not(#\9),
|
|
230
|
+
.awsui_navigation_7nfqu_a6191_230:not(#\9),
|
|
231
|
+
.awsui_tools_7nfqu_a6191_231:not(#\9),
|
|
232
|
+
.awsui_global-tools_7nfqu_a6191_232:not(#\9),
|
|
233
|
+
.awsui_bottom-tool_7nfqu_a6191_233:not(#\9) {
|
|
234
234
|
grid-row: 1/-1;
|
|
235
235
|
grid-column: 1/-1;
|
|
236
236
|
background: var(--color-background-container-content-mvmryi, #ffffff);
|
|
237
237
|
opacity: 1;
|
|
238
238
|
}
|
|
239
239
|
@media (max-width: 688px) {
|
|
240
|
-
.awsui_ai-
|
|
241
|
-
.
|
|
242
|
-
.
|
|
243
|
-
.awsui_global-
|
|
244
|
-
.awsui_bottom-
|
|
240
|
+
.awsui_ai-drawer_7nfqu_a6191_220:not(#\9),
|
|
241
|
+
.awsui_navigation_7nfqu_a6191_230:not(#\9),
|
|
242
|
+
.awsui_tools_7nfqu_a6191_231:not(#\9),
|
|
243
|
+
.awsui_global-tools_7nfqu_a6191_232:not(#\9),
|
|
244
|
+
.awsui_bottom-tool_7nfqu_a6191_233:not(#\9) {
|
|
245
245
|
inline-size: 100%;
|
|
246
246
|
}
|
|
247
247
|
}
|
|
248
248
|
|
|
249
249
|
@media (min-width: 689px) {
|
|
250
|
-
.awsui_bottom-
|
|
250
|
+
.awsui_bottom-tool_7nfqu_a6191_233:not(#\9) {
|
|
251
251
|
grid-area: bottom-tool;
|
|
252
252
|
position: sticky;
|
|
253
253
|
inset-block-end: 0;
|
|
@@ -257,48 +257,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
257
257
|
}
|
|
258
258
|
|
|
259
259
|
@media (min-width: 689px) {
|
|
260
|
-
.awsui_ai-
|
|
260
|
+
.awsui_ai-drawer_7nfqu_a6191_220:not(#\9) {
|
|
261
261
|
grid-area: ai-drawer;
|
|
262
262
|
position: sticky;
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
265
|
|
|
266
|
-
.
|
|
266
|
+
.awsui_navigation_7nfqu_a6191_230:not(#\9) {
|
|
267
267
|
z-index: 830;
|
|
268
268
|
}
|
|
269
269
|
@media (min-width: 689px) {
|
|
270
|
-
.
|
|
270
|
+
.awsui_navigation_7nfqu_a6191_230:not(#\9) {
|
|
271
271
|
grid-area: navigation;
|
|
272
272
|
inline-size: var(--awsui-navigation-width-esndbs);
|
|
273
273
|
border-inline-end: var(--border-width-layout-side-navigation-q0k26x, 1px) solid var(--color-border-layout-side-navigation-2sf7fy, #d5dbdb);
|
|
274
274
|
}
|
|
275
275
|
}
|
|
276
276
|
@media (max-width: 688px) {
|
|
277
|
-
.
|
|
277
|
+
.awsui_navigation_7nfqu_a6191_230:not(#\9) {
|
|
278
278
|
z-index: 1001;
|
|
279
279
|
}
|
|
280
280
|
}
|
|
281
281
|
@media (min-width: 689px) {
|
|
282
|
-
.
|
|
283
|
-
inline-size: var(--awsui-navigation-collapsed-width-esndbs,
|
|
282
|
+
.awsui_navigation_7nfqu_a6191_230.awsui_navigation-collapsed_7nfqu_a6191_282:not(#\9) {
|
|
283
|
+
inline-size: var(--awsui-navigation-collapsed-width-esndbs, var(--size-side-navigation-collapsed-width-byyptb, 52px));
|
|
284
284
|
}
|
|
285
285
|
}
|
|
286
286
|
|
|
287
287
|
@media (min-width: 689px) {
|
|
288
|
-
.
|
|
288
|
+
.awsui_tools_7nfqu_a6191_231:not(#\9) {
|
|
289
289
|
grid-area: tools;
|
|
290
290
|
/* stylelint-disable plugin/no-unsupported-browser-features */
|
|
291
291
|
}
|
|
292
|
-
.
|
|
292
|
+
.awsui_tools_7nfqu_a6191_231:not(#\9):not(:has(> [data-testid])) {
|
|
293
293
|
inline-size: var(--awsui-tools-width-esndbs);
|
|
294
294
|
}
|
|
295
|
-
.
|
|
295
|
+
.awsui_tools_7nfqu_a6191_231:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_a6191_295 {
|
|
296
296
|
border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
|
|
297
297
|
}
|
|
298
298
|
}
|
|
299
299
|
|
|
300
300
|
@media (min-width: 689px) {
|
|
301
|
-
.awsui_global-
|
|
301
|
+
.awsui_global-tools_7nfqu_a6191_232:not(#\9) {
|
|
302
302
|
display: flex;
|
|
303
303
|
grid-area: global-tools;
|
|
304
304
|
justify-content: flex-end;
|
|
@@ -306,14 +306,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
306
306
|
}
|
|
307
307
|
|
|
308
308
|
@media (min-width: 689px) {
|
|
309
|
-
.awsui_split-panel-
|
|
309
|
+
.awsui_split-panel-side_7nfqu_a6191_309:not(#\9) {
|
|
310
310
|
grid-area: sideSplitPanel;
|
|
311
311
|
border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
|
|
312
312
|
opacity: 1;
|
|
313
313
|
}
|
|
314
314
|
}
|
|
315
315
|
|
|
316
|
-
.awsui_split-panel-
|
|
316
|
+
.awsui_split-panel-bottom_7nfqu_a6191_316:not(#\9) {
|
|
317
317
|
position: sticky;
|
|
318
318
|
z-index: 840;
|
|
319
319
|
align-self: end;
|
|
@@ -321,22 +321,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
321
321
|
grid-column: 1/-1;
|
|
322
322
|
}
|
|
323
323
|
@media (min-width: 689px) {
|
|
324
|
-
.awsui_split-panel-
|
|
324
|
+
.awsui_split-panel-bottom_7nfqu_a6191_316:not(#\9) {
|
|
325
325
|
grid-column: 3/6;
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
328
|
|
|
329
|
-
.awsui_panel-
|
|
329
|
+
.awsui_panel-hidden_7nfqu_a6191_329:not(#\9) {
|
|
330
330
|
border-block: none;
|
|
331
331
|
border-inline: none;
|
|
332
332
|
opacity: 0;
|
|
333
333
|
z-index: 0;
|
|
334
334
|
}
|
|
335
|
-
.awsui_panel-
|
|
335
|
+
.awsui_panel-hidden_7nfqu_a6191_329.awsui_navigation_7nfqu_a6191_230:not(#\9), .awsui_panel-hidden_7nfqu_a6191_329.awsui_tools_7nfqu_a6191_231:not(#\9), .awsui_panel-hidden_7nfqu_a6191_329.awsui_global-tools_7nfqu_a6191_232:not(#\9) {
|
|
336
336
|
inline-size: 0px;
|
|
337
337
|
}
|
|
338
338
|
|
|
339
|
-
.awsui_toolbar-
|
|
339
|
+
.awsui_toolbar-container_7nfqu_a6191_339:not(#\9) {
|
|
340
340
|
grid-area: toolbar;
|
|
341
341
|
block-size: 42px;
|
|
342
342
|
border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
|
|
@@ -350,16 +350,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
350
350
|
* In light mode: inverse radius trick (dark square + white square with radius).
|
|
351
351
|
* In dark mode: a vertical border line with a rounded top corner + top border on the element itself.
|
|
352
352
|
*/
|
|
353
|
-
.awsui_pseudo-
|
|
353
|
+
.awsui_pseudo-toolbar_7nfqu_a6191_353:not(#\9) {
|
|
354
354
|
grid-area: toolbar;
|
|
355
355
|
position: sticky;
|
|
356
356
|
z-index: 1000;
|
|
357
357
|
}
|
|
358
358
|
@media not print {
|
|
359
|
-
.awsui_pseudo-
|
|
359
|
+
.awsui_pseudo-toolbar_7nfqu_a6191_353:not(#\9):before {
|
|
360
360
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
361
361
|
}
|
|
362
|
-
.awsui-polaris-dark-mode .awsui_pseudo-
|
|
362
|
+
.awsui-polaris-dark-mode .awsui_pseudo-toolbar_7nfqu_a6191_353:not(#\9):before, .awsui-dark-mode .awsui_pseudo-toolbar_7nfqu_a6191_353:not(#\9):before {
|
|
363
363
|
content: "";
|
|
364
364
|
position: absolute;
|
|
365
365
|
inline-size: var(--border-divider-section-width-dlkb8v, 1px);
|
|
@@ -368,19 +368,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
368
368
|
}
|
|
369
369
|
}
|
|
370
370
|
|
|
371
|
-
.awsui_pseudo-toolbar-
|
|
371
|
+
.awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9) {
|
|
372
372
|
position: relative;
|
|
373
373
|
}
|
|
374
374
|
@media not print {
|
|
375
|
-
.awsui_pseudo-toolbar-
|
|
375
|
+
.awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9) {
|
|
376
376
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
377
377
|
}
|
|
378
|
-
.awsui-polaris-dark-mode .awsui_pseudo-toolbar-
|
|
378
|
+
.awsui-polaris-dark-mode .awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9), .awsui-dark-mode .awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9) {
|
|
379
379
|
border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
|
|
380
380
|
border-start-start-radius: var(--space-xxs-jnczic, 4px);
|
|
381
381
|
}
|
|
382
382
|
}
|
|
383
|
-
.awsui_pseudo-toolbar-
|
|
383
|
+
.awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9):before, .awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9):after {
|
|
384
384
|
content: "";
|
|
385
385
|
position: absolute;
|
|
386
386
|
inset-block-start: 0;
|
|
@@ -390,81 +390,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
390
390
|
background: var(--color-background-layout-ai-drawer-91zkk9, #1a2029);
|
|
391
391
|
}
|
|
392
392
|
@media not print {
|
|
393
|
-
.awsui_pseudo-toolbar-
|
|
393
|
+
.awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9):before, .awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9):after {
|
|
394
394
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
395
395
|
}
|
|
396
|
-
.awsui-polaris-dark-mode .awsui_pseudo-toolbar-
|
|
396
|
+
.awsui-polaris-dark-mode .awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9):before, .awsui-dark-mode .awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9):before, .awsui-polaris-dark-mode .awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9):after, .awsui-dark-mode .awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9):after {
|
|
397
397
|
inset-block-start: -1px;
|
|
398
398
|
}
|
|
399
399
|
}
|
|
400
|
-
.awsui_pseudo-toolbar-
|
|
400
|
+
.awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9)::after {
|
|
401
401
|
background-color: var(--color-background-layout-toolbar-lxnb5k, #ffffff);
|
|
402
402
|
border-start-start-radius: var(--space-xxs-jnczic, 4px);
|
|
403
403
|
}
|
|
404
404
|
@media not print {
|
|
405
|
-
.awsui_pseudo-toolbar-
|
|
405
|
+
.awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9)::after {
|
|
406
406
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
407
407
|
}
|
|
408
|
-
.awsui-polaris-dark-mode .awsui_pseudo-toolbar-
|
|
408
|
+
.awsui-polaris-dark-mode .awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9)::after, .awsui-dark-mode .awsui_pseudo-toolbar-content_7nfqu_a6191_371:not(#\9)::after {
|
|
409
409
|
background-color: transparent;
|
|
410
410
|
border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
|
|
411
411
|
border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
|
|
412
412
|
}
|
|
413
413
|
}
|
|
414
414
|
|
|
415
|
-
.awsui_notifications-
|
|
415
|
+
.awsui_notifications-container_7nfqu_a6191_415:not(#\9) {
|
|
416
416
|
grid-area: notifications;
|
|
417
417
|
}
|
|
418
418
|
|
|
419
|
-
.awsui_notifications-
|
|
419
|
+
.awsui_notifications-background_7nfqu_a6191_419:not(#\9) {
|
|
420
420
|
background: var(--color-background-layout-main-2vy1pe, #f2f3f3);
|
|
421
421
|
grid-area: notifications;
|
|
422
422
|
grid-column: 1/-1;
|
|
423
423
|
}
|
|
424
424
|
@media (min-width: 689px) {
|
|
425
|
-
.awsui_notifications-
|
|
425
|
+
.awsui_notifications-background_7nfqu_a6191_419:not(#\9) {
|
|
426
426
|
grid-column: 3/6;
|
|
427
427
|
}
|
|
428
428
|
}
|
|
429
429
|
|
|
430
|
-
.awsui_main-
|
|
430
|
+
.awsui_main-landmark_7nfqu_a6191_430:not(#\9) {
|
|
431
431
|
display: contents;
|
|
432
432
|
}
|
|
433
433
|
|
|
434
|
-
.
|
|
434
|
+
.awsui_main_7nfqu_a6191_430:not(#\9) {
|
|
435
435
|
grid-area: main;
|
|
436
436
|
margin-block-start: var(--space-scaled-s-gjhvjd, 12px);
|
|
437
437
|
margin-block-end: var(--space-layout-content-bottom-iu1izz, 20px);
|
|
438
438
|
}
|
|
439
|
-
.awsui_main-disable-
|
|
439
|
+
.awsui_main-disable-paddings_7nfqu_a6191_439:not(#\9) {
|
|
440
440
|
margin-block: 0;
|
|
441
441
|
grid-column: 1/-1;
|
|
442
442
|
}
|
|
443
443
|
@media (min-width: 689px) {
|
|
444
|
-
.awsui_main-disable-
|
|
444
|
+
.awsui_main-disable-paddings_7nfqu_a6191_439:not(#\9) {
|
|
445
445
|
grid-column: 3/6;
|
|
446
446
|
}
|
|
447
447
|
}
|
|
448
448
|
|
|
449
|
-
.awsui_content-
|
|
449
|
+
.awsui_content-header_7nfqu_a6191_449:not(#\9) {
|
|
450
450
|
margin-block-end: var(--space-content-header-padding-bottom-hjkugf, 16px);
|
|
451
451
|
}
|
|
452
452
|
|
|
453
|
-
.
|
|
453
|
+
.awsui_content_7nfqu_a6191_449:not(#\9) {
|
|
454
454
|
display: contents;
|
|
455
455
|
}
|
|
456
456
|
|
|
457
457
|
/* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
|
|
458
458
|
@media (max-width: 688px) {
|
|
459
|
-
.awsui_unfocusable-
|
|
459
|
+
.awsui_unfocusable-mobile_7nfqu_a6191_459 *:not(#\9) {
|
|
460
460
|
visibility: hidden;
|
|
461
461
|
}
|
|
462
462
|
}
|
|
463
463
|
|
|
464
|
-
.
|
|
464
|
+
.awsui_hidden_7nfqu_a6191_464:not(#\9) {
|
|
465
465
|
display: none;
|
|
466
466
|
}
|
|
467
467
|
|
|
468
|
-
.awsui_breadcrumbs-
|
|
468
|
+
.awsui_breadcrumbs-own_7nfqu_a6191_468:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_7nfqu_a6191_468 {
|
|
469
469
|
display: none;
|
|
470
470
|
}
|