@cloudscape-design/components 3.0.426 → 3.0.428
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/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +3 -1
- package/app-layout/index.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts +1 -0
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +4 -1
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/layout.d.ts.map +1 -1
- package/app-layout/visual-refresh/layout.js +2 -1
- package/app-layout/visual-refresh/layout.js.map +1 -1
- package/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
- package/app-layout/visual-refresh/mobile-toolbar.js +4 -2
- package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +78 -77
- package/app-layout/visual-refresh/styles.scoped.css +168 -165
- package/app-layout/visual-refresh/styles.selectors.js +78 -77
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +28 -28
- package/attribute-editor/styles.selectors.js +14 -14
- package/breadcrumb-group/item/styles.css.js +9 -9
- package/breadcrumb-group/item/styles.scoped.css +21 -21
- package/breadcrumb-group/item/styles.selectors.js +9 -9
- package/{internal/components/drawer → drawer}/index.d.ts +1 -0
- package/drawer/index.d.ts.map +1 -0
- package/{internal/components/drawer → drawer}/index.js +10 -6
- package/drawer/index.js.map +1 -0
- package/{internal/components/drawer → drawer}/interfaces.d.ts +1 -1
- package/drawer/interfaces.d.ts.map +1 -0
- package/drawer/interfaces.js.map +1 -0
- package/{internal/components/drawer → drawer}/styles.css.js +3 -3
- package/{internal/components/drawer → drawer}/styles.scoped.css +8 -8
- package/{internal/components/drawer → drawer}/styles.selectors.js +3 -3
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +71 -71
- package/help-panel/styles.selectors.js +4 -4
- 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/components/token-list/styles.css.js +9 -9
- package/internal/components/token-list/styles.scoped.css +24 -24
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +108 -107
- package/link/styles.selectors.js +20 -20
- package/package.json +2 -1
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +14 -14
- package/tag-editor/styles.selectors.js +3 -3
- package/test-utils/dom/drawer/index.d.ts +6 -0
- package/test-utils/dom/drawer/index.js +17 -0
- package/test-utils/dom/drawer/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/drawer/index.d.ts +6 -0
- package/test-utils/selectors/drawer/index.js +17 -0
- package/test-utils/selectors/drawer/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/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +68 -68
- package/text-content/styles.selectors.js +1 -1
- package/internal/components/drawer/index.d.ts.map +0 -1
- package/internal/components/drawer/index.js.map +0 -1
- package/internal/components/drawer/interfaces.d.ts.map +0 -1
- package/internal/components/drawer/interfaces.js.map +0 -1
- /package/{internal/components/drawer → drawer}/interfaces.js +0 -0
|
@@ -2,82 +2,83 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"background": "
|
|
6
|
-
"scrolling-background": "awsui_scrolling-
|
|
7
|
-
"sticky-background": "awsui_sticky-
|
|
8
|
-
"has-sticky-notifications": "awsui_has-sticky-
|
|
9
|
-
"breadcrumbs": "
|
|
10
|
-
"has-sticky-background": "awsui_has-sticky-
|
|
11
|
-
"drawers-container": "awsui_drawers-
|
|
12
|
-
"has-open-drawer": "awsui_has-open-
|
|
13
|
-
"disable-body-scroll": "awsui_disable-body-
|
|
14
|
-
"drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-
|
|
15
|
-
"has-multiple-triggers": "awsui_has-multiple-
|
|
16
|
-
"drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-
|
|
17
|
-
"drawers-trigger-content": "awsui_drawers-trigger-
|
|
18
|
-
"drawers-trigger-overflow": "awsui_drawers-trigger-
|
|
19
|
-
"drawers-trigger": "awsui_drawers-
|
|
20
|
-
"drawer": "
|
|
21
|
-
"drawer-content-container": "awsui_drawer-content-
|
|
22
|
-
"drawer-close-button": "awsui_drawer-close-
|
|
23
|
-
"drawer-content": "awsui_drawer-
|
|
24
|
-
"drawer-content-hidden": "awsui_drawer-content-
|
|
25
|
-
"drawer-slider": "awsui_drawer-
|
|
26
|
-
"is-drawer-open": "awsui_is-drawer-
|
|
27
|
-
"content": "
|
|
28
|
-
"layout": "
|
|
29
|
-
"has-max-content-width": "awsui_has-max-content-
|
|
30
|
-
"content-type-dashboard": "awsui_content-type-
|
|
31
|
-
"is-overlap-disabled": "awsui_is-overlap-
|
|
32
|
-
"
|
|
33
|
-
"has-content-gap-
|
|
34
|
-
"content-
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"split-panel
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"is-
|
|
47
|
-
"is-
|
|
48
|
-
"split-panel-
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"mobile-toolbar
|
|
52
|
-
"mobile-toolbar-
|
|
53
|
-
"mobile-toolbar-
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"
|
|
63
|
-
"
|
|
64
|
-
"
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
"tools": "
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"trigger": "
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
"
|
|
81
|
-
"
|
|
5
|
+
"background": "awsui_background_hyvsj_ae7i0_93",
|
|
6
|
+
"scrolling-background": "awsui_scrolling-background_hyvsj_ae7i0_96",
|
|
7
|
+
"sticky-background": "awsui_sticky-background_hyvsj_ae7i0_102",
|
|
8
|
+
"has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_ae7i0_110",
|
|
9
|
+
"breadcrumbs": "awsui_breadcrumbs_hyvsj_ae7i0_123",
|
|
10
|
+
"has-sticky-background": "awsui_has-sticky-background_hyvsj_ae7i0_133",
|
|
11
|
+
"drawers-container": "awsui_drawers-container_hyvsj_ae7i0_145",
|
|
12
|
+
"has-open-drawer": "awsui_has-open-drawer_hyvsj_ae7i0_156",
|
|
13
|
+
"disable-body-scroll": "awsui_disable-body-scroll_hyvsj_ae7i0_180",
|
|
14
|
+
"drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_ae7i0_185",
|
|
15
|
+
"has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_ae7i0_204",
|
|
16
|
+
"drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_ae7i0_214",
|
|
17
|
+
"drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_ae7i0_218",
|
|
18
|
+
"drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_ae7i0_232",
|
|
19
|
+
"drawers-trigger": "awsui_drawers-trigger_hyvsj_ae7i0_218",
|
|
20
|
+
"drawer": "awsui_drawer_hyvsj_ae7i0_145",
|
|
21
|
+
"drawer-content-container": "awsui_drawer-content-container_hyvsj_ae7i0_262",
|
|
22
|
+
"drawer-close-button": "awsui_drawer-close-button_hyvsj_ae7i0_271",
|
|
23
|
+
"drawer-content": "awsui_drawer-content_hyvsj_ae7i0_262",
|
|
24
|
+
"drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_ae7i0_279",
|
|
25
|
+
"drawer-slider": "awsui_drawer-slider_hyvsj_ae7i0_282",
|
|
26
|
+
"is-drawer-open": "awsui_is-drawer-open_hyvsj_ae7i0_289",
|
|
27
|
+
"content": "awsui_content_hyvsj_ae7i0_314",
|
|
28
|
+
"layout": "awsui_layout_hyvsj_ae7i0_335",
|
|
29
|
+
"has-max-content-width": "awsui_has-max-content-width_hyvsj_ae7i0_418",
|
|
30
|
+
"content-type-dashboard": "awsui_content-type-dashboard_hyvsj_ae7i0_433",
|
|
31
|
+
"is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_ae7i0_450",
|
|
32
|
+
"is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_ae7i0_453",
|
|
33
|
+
"has-content-gap-left": "awsui_has-content-gap-left_hyvsj_ae7i0_485",
|
|
34
|
+
"has-content-gap-right": "awsui_has-content-gap-right_hyvsj_ae7i0_488",
|
|
35
|
+
"content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_ae7i0_498",
|
|
36
|
+
"has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_ae7i0_501",
|
|
37
|
+
"content-first-child-header": "awsui_content-first-child-header_hyvsj_ae7i0_504",
|
|
38
|
+
"has-header": "awsui_has-header_hyvsj_ae7i0_504",
|
|
39
|
+
"content-first-child-main": "awsui_content-first-child-main_hyvsj_ae7i0_525",
|
|
40
|
+
"disable-content-paddings": "awsui_disable-content-paddings_hyvsj_ae7i0_525",
|
|
41
|
+
"has-split-panel": "awsui_has-split-panel_hyvsj_ae7i0_568",
|
|
42
|
+
"split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_ae7i0_568",
|
|
43
|
+
"block-body-scroll": "awsui_block-body-scroll_hyvsj_ae7i0_584",
|
|
44
|
+
"unfocusable": "awsui_unfocusable_hyvsj_ae7i0_589",
|
|
45
|
+
"container": "awsui_container_hyvsj_ae7i0_599",
|
|
46
|
+
"is-navigation-open": "awsui_is-navigation-open_hyvsj_ae7i0_624",
|
|
47
|
+
"is-tools-open": "awsui_is-tools-open_hyvsj_ae7i0_627",
|
|
48
|
+
"is-split-panel-open": "awsui_is-split-panel-open_hyvsj_ae7i0_627",
|
|
49
|
+
"split-panel-position-side": "awsui_split-panel-position-side_hyvsj_ae7i0_627",
|
|
50
|
+
"has-active-drawer": "awsui_has-active-drawer_hyvsj_ae7i0_627",
|
|
51
|
+
"mobile-toolbar": "awsui_mobile-toolbar_hyvsj_ae7i0_636",
|
|
52
|
+
"mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_ae7i0_652",
|
|
53
|
+
"mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_ae7i0_656",
|
|
54
|
+
"mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_ae7i0_660",
|
|
55
|
+
"navigation-container": "awsui_navigation-container_hyvsj_ae7i0_669",
|
|
56
|
+
"show-navigation": "awsui_show-navigation_hyvsj_ae7i0_713",
|
|
57
|
+
"animating": "awsui_animating_hyvsj_ae7i0_735",
|
|
58
|
+
"showButtons": "awsui_showButtons_hyvsj_ae7i0_1",
|
|
59
|
+
"navigation": "awsui_navigation_hyvsj_ae7i0_669",
|
|
60
|
+
"openNavigation": "awsui_openNavigation_hyvsj_ae7i0_1",
|
|
61
|
+
"animated-content": "awsui_animated-content_hyvsj_ae7i0_797",
|
|
62
|
+
"hide-navigation": "awsui_hide-navigation_hyvsj_ae7i0_806",
|
|
63
|
+
"notifications": "awsui_notifications_hyvsj_ae7i0_816",
|
|
64
|
+
"sticky-notifications": "awsui_sticky-notifications_hyvsj_ae7i0_822",
|
|
65
|
+
"split-panel-bottom": "awsui_split-panel-bottom_hyvsj_ae7i0_839",
|
|
66
|
+
"position-bottom": "awsui_position-bottom_hyvsj_ae7i0_886",
|
|
67
|
+
"openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_ae7i0_1",
|
|
68
|
+
"split-panel-side": "awsui_split-panel-side_hyvsj_ae7i0_915",
|
|
69
|
+
"position-side": "awsui_position-side_hyvsj_ae7i0_928",
|
|
70
|
+
"tools-container": "awsui_tools-container_hyvsj_ae7i0_947",
|
|
71
|
+
"tools": "awsui_tools_hyvsj_ae7i0_947",
|
|
72
|
+
"openTools": "awsui_openTools_hyvsj_ae7i0_1",
|
|
73
|
+
"has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_ae7i0_1042",
|
|
74
|
+
"hide-tools": "awsui_hide-tools_hyvsj_ae7i0_1052",
|
|
75
|
+
"show-tools": "awsui_show-tools_hyvsj_ae7i0_1064",
|
|
76
|
+
"has-tools-form": "awsui_has-tools-form_hyvsj_ae7i0_1042",
|
|
77
|
+
"trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_ae7i0_1124",
|
|
78
|
+
"trigger": "awsui_trigger_hyvsj_ae7i0_1124",
|
|
79
|
+
"selected": "awsui_selected_hyvsj_ae7i0_1188",
|
|
80
|
+
"badge": "awsui_badge_hyvsj_ae7i0_1208",
|
|
81
|
+
"trigger-wrapper": "awsui_trigger-wrapper_hyvsj_ae7i0_1212",
|
|
82
|
+
"dot": "awsui_dot_hyvsj_ae7i0_1218"
|
|
82
83
|
};
|
|
83
84
|
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"empty-appear": "awsui_empty-
|
|
5
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
6
|
-
"root": "
|
|
7
|
-
"empty": "
|
|
8
|
-
"row": "
|
|
9
|
-
"row-control": "awsui_row-
|
|
10
|
-
"field": "
|
|
11
|
-
"add-button": "awsui_add-
|
|
12
|
-
"remove-button": "awsui_remove-
|
|
13
|
-
"button-container-haslabel": "awsui_button-container-
|
|
14
|
-
"button-container-nolabel": "awsui_button-container-
|
|
15
|
-
"divider": "
|
|
16
|
-
"additional-info": "awsui_additional-
|
|
17
|
-
"right-align": "awsui_right-
|
|
4
|
+
"empty-appear": "awsui_empty-appear_n4qlp_wymfa_93",
|
|
5
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_wymfa_1",
|
|
6
|
+
"root": "awsui_root_n4qlp_wymfa_119",
|
|
7
|
+
"empty": "awsui_empty_n4qlp_wymfa_93",
|
|
8
|
+
"row": "awsui_row_n4qlp_wymfa_139",
|
|
9
|
+
"row-control": "awsui_row-control_n4qlp_wymfa_143",
|
|
10
|
+
"field": "awsui_field_n4qlp_wymfa_147",
|
|
11
|
+
"add-button": "awsui_add-button_n4qlp_wymfa_151",
|
|
12
|
+
"remove-button": "awsui_remove-button_n4qlp_wymfa_155",
|
|
13
|
+
"button-container-haslabel": "awsui_button-container-haslabel_n4qlp_wymfa_159",
|
|
14
|
+
"button-container-nolabel": "awsui_button-container-nolabel_n4qlp_wymfa_163",
|
|
15
|
+
"divider": "awsui_divider_n4qlp_wymfa_167",
|
|
16
|
+
"additional-info": "awsui_additional-info_n4qlp_wymfa_171",
|
|
17
|
+
"right-align": "awsui_right-align_n4qlp_wymfa_217"
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -90,10 +90,10 @@ 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
|
-
.awsui_empty-
|
|
94
|
-
animation: awsui_awsui-motion-fade-
|
|
93
|
+
.awsui_empty-appear_n4qlp_wymfa_93:not(#\9) {
|
|
94
|
+
animation: awsui_awsui-motion-fade-in_n4qlp_wymfa_1 var(--motion-duration-transition-show-paced-9s9l5z, 180ms) var(--motion-easing-transition-show-paced-eobwvi, ease-out);
|
|
95
95
|
}
|
|
96
|
-
@keyframes awsui_awsui-motion-fade-
|
|
96
|
+
@keyframes awsui_awsui-motion-fade-in_n4qlp_wymfa_1 {
|
|
97
97
|
from {
|
|
98
98
|
opacity: 0.2;
|
|
99
99
|
}
|
|
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
104
|
@media (prefers-reduced-motion: reduce) {
|
|
105
|
-
.awsui_empty-
|
|
105
|
+
.awsui_empty-appear_n4qlp_wymfa_93:not(#\9) {
|
|
106
106
|
animation: none;
|
|
107
107
|
transition: none;
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
|
-
.awsui-motion-disabled .awsui_empty-
|
|
110
|
+
.awsui-motion-disabled .awsui_empty-appear_n4qlp_wymfa_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_wymfa_93:not(#\9) {
|
|
111
111
|
animation: none;
|
|
112
112
|
transition: none;
|
|
113
113
|
}
|
|
@@ -116,7 +116,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
116
116
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
117
117
|
SPDX-License-Identifier: Apache-2.0
|
|
118
118
|
*/
|
|
119
|
-
.
|
|
119
|
+
.awsui_root_n4qlp_wymfa_119:not(#\9) {
|
|
120
120
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
121
121
|
border-collapse: separate;
|
|
122
122
|
border-spacing: 0;
|
|
@@ -156,45 +156,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
156
156
|
display: block;
|
|
157
157
|
}
|
|
158
158
|
|
|
159
|
-
.
|
|
159
|
+
.awsui_empty_n4qlp_wymfa_93:not(#\9) {
|
|
160
160
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
161
161
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
162
162
|
color: var(--color-text-empty-2wfcyr, #5f6b7a);
|
|
163
163
|
}
|
|
164
164
|
|
|
165
|
-
.
|
|
165
|
+
.awsui_row_n4qlp_wymfa_139:not(#\9) {
|
|
166
166
|
/* used in test-utils */
|
|
167
167
|
}
|
|
168
168
|
|
|
169
|
-
.awsui_row-
|
|
169
|
+
.awsui_row-control_n4qlp_wymfa_143:not(#\9) {
|
|
170
170
|
/* used in test-utils */
|
|
171
171
|
}
|
|
172
172
|
|
|
173
|
-
.
|
|
173
|
+
.awsui_field_n4qlp_wymfa_147:not(#\9) {
|
|
174
174
|
/* used in test-utils */
|
|
175
175
|
}
|
|
176
176
|
|
|
177
|
-
.awsui_add-
|
|
177
|
+
.awsui_add-button_n4qlp_wymfa_151:not(#\9) {
|
|
178
178
|
/* used in test-utils */
|
|
179
179
|
}
|
|
180
180
|
|
|
181
|
-
.awsui_remove-
|
|
181
|
+
.awsui_remove-button_n4qlp_wymfa_155:not(#\9) {
|
|
182
182
|
/* used in test-utils */
|
|
183
183
|
}
|
|
184
184
|
|
|
185
|
-
.awsui_button-container-
|
|
185
|
+
.awsui_button-container-haslabel_n4qlp_wymfa_159:not(#\9) {
|
|
186
186
|
padding-top: calc(var(--space-xxs-p8yyaw, 4px) + var(--line-height-body-m-30ar75, 20px));
|
|
187
187
|
}
|
|
188
188
|
|
|
189
|
-
.awsui_button-container-
|
|
189
|
+
.awsui_button-container-nolabel_n4qlp_wymfa_163:not(#\9) {
|
|
190
190
|
padding-top: var(--space-xxs-p8yyaw, 4px);
|
|
191
191
|
}
|
|
192
192
|
|
|
193
|
-
.
|
|
193
|
+
.awsui_divider_n4qlp_wymfa_167:not(#\9) {
|
|
194
194
|
border-bottom: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
195
195
|
}
|
|
196
196
|
|
|
197
|
-
.awsui_additional-
|
|
197
|
+
.awsui_additional-info_n4qlp_wymfa_171:not(#\9) {
|
|
198
198
|
color: var(--color-text-form-secondary-dxc248, #5f6b7a);
|
|
199
199
|
font-size: var(--font-size-body-s-asqx2i, 12px);
|
|
200
200
|
line-height: var(--line-height-body-s-7zv1j5, 16px);
|
|
@@ -204,44 +204,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
204
204
|
margin-top: var(--space-xxs-p8yyaw, 4px);
|
|
205
205
|
/* stylelint-disable-next-line selector-max-type */
|
|
206
206
|
}
|
|
207
|
-
.awsui_additional-
|
|
207
|
+
.awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9) {
|
|
208
208
|
color: var(--color-text-link-default-latg1a, #0972d3);
|
|
209
209
|
font-weight: inherit;
|
|
210
210
|
letter-spacing: normal;
|
|
211
|
-
text-decoration: underline;
|
|
212
|
-
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
211
|
+
text-decoration-line: underline;
|
|
213
212
|
text-decoration-color: currentColor;
|
|
214
213
|
transition-property: color, -webkit-text-decoration;
|
|
215
214
|
transition-property: color, text-decoration;
|
|
216
215
|
transition-property: color, text-decoration, -webkit-text-decoration;
|
|
217
216
|
transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
217
|
+
text-underline-offset: 0.3em;
|
|
218
|
+
text-decoration-thickness: 1px;
|
|
218
219
|
}
|
|
219
220
|
@media (prefers-reduced-motion: reduce) {
|
|
220
|
-
.awsui_additional-
|
|
221
|
+
.awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9) {
|
|
221
222
|
animation: none;
|
|
222
223
|
transition: none;
|
|
223
224
|
}
|
|
224
225
|
}
|
|
225
|
-
.awsui-motion-disabled .awsui_additional-
|
|
226
|
+
.awsui-motion-disabled .awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9) {
|
|
226
227
|
animation: none;
|
|
227
228
|
transition: none;
|
|
228
229
|
}
|
|
229
|
-
.awsui_additional-
|
|
230
|
+
.awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9):hover {
|
|
230
231
|
cursor: pointer;
|
|
231
232
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
232
233
|
}
|
|
233
|
-
.awsui_additional-
|
|
234
|
+
.awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9):focus {
|
|
234
235
|
outline: none;
|
|
235
236
|
}
|
|
236
|
-
.awsui_additional-
|
|
237
|
+
.awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9):active {
|
|
237
238
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
238
239
|
}
|
|
239
|
-
.awsui_additional-
|
|
240
|
-
text-decoration: underline;
|
|
241
|
-
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
240
|
+
.awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9):hover {
|
|
241
|
+
text-decoration-line: underline;
|
|
242
242
|
text-decoration-color: currentColor;
|
|
243
243
|
}
|
|
244
244
|
|
|
245
|
-
.awsui_right-
|
|
245
|
+
.awsui_right-align_n4qlp_wymfa_217:not(#\9) {
|
|
246
246
|
float: right;
|
|
247
247
|
}
|
|
@@ -2,19 +2,19 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"empty-appear": "awsui_empty-
|
|
6
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
7
|
-
"root": "
|
|
8
|
-
"empty": "
|
|
9
|
-
"row": "
|
|
10
|
-
"row-control": "awsui_row-
|
|
11
|
-
"field": "
|
|
12
|
-
"add-button": "awsui_add-
|
|
13
|
-
"remove-button": "awsui_remove-
|
|
14
|
-
"button-container-haslabel": "awsui_button-container-
|
|
15
|
-
"button-container-nolabel": "awsui_button-container-
|
|
16
|
-
"divider": "
|
|
17
|
-
"additional-info": "awsui_additional-
|
|
18
|
-
"right-align": "awsui_right-
|
|
5
|
+
"empty-appear": "awsui_empty-appear_n4qlp_wymfa_93",
|
|
6
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_wymfa_1",
|
|
7
|
+
"root": "awsui_root_n4qlp_wymfa_119",
|
|
8
|
+
"empty": "awsui_empty_n4qlp_wymfa_93",
|
|
9
|
+
"row": "awsui_row_n4qlp_wymfa_139",
|
|
10
|
+
"row-control": "awsui_row-control_n4qlp_wymfa_143",
|
|
11
|
+
"field": "awsui_field_n4qlp_wymfa_147",
|
|
12
|
+
"add-button": "awsui_add-button_n4qlp_wymfa_151",
|
|
13
|
+
"remove-button": "awsui_remove-button_n4qlp_wymfa_155",
|
|
14
|
+
"button-container-haslabel": "awsui_button-container-haslabel_n4qlp_wymfa_159",
|
|
15
|
+
"button-container-nolabel": "awsui_button-container-nolabel_n4qlp_wymfa_163",
|
|
16
|
+
"divider": "awsui_divider_n4qlp_wymfa_167",
|
|
17
|
+
"additional-info": "awsui_additional-info_n4qlp_wymfa_171",
|
|
18
|
+
"right-align": "awsui_right-align_n4qlp_wymfa_217"
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"link": "
|
|
5
|
-
"breadcrumb": "
|
|
6
|
-
"icon": "
|
|
7
|
-
"anchor": "
|
|
8
|
-
"last": "
|
|
9
|
-
"compressed": "
|
|
10
|
-
"text": "
|
|
11
|
-
"virtual-item": "awsui_virtual-
|
|
12
|
-
"item-popover": "awsui_item-
|
|
4
|
+
"link": "awsui_link_1kosq_1j79a_93",
|
|
5
|
+
"breadcrumb": "awsui_breadcrumb_1kosq_1j79a_97",
|
|
6
|
+
"icon": "awsui_icon_1kosq_1j79a_100",
|
|
7
|
+
"anchor": "awsui_anchor_1kosq_1j79a_104",
|
|
8
|
+
"last": "awsui_last_1kosq_1j79a_147",
|
|
9
|
+
"compressed": "awsui_compressed_1kosq_1j79a_157",
|
|
10
|
+
"text": "awsui_text_1kosq_1j79a_161",
|
|
11
|
+
"virtual-item": "awsui_virtual-item_1kosq_1j79a_168",
|
|
12
|
+
"item-popover": "awsui_item-popover_1kosq_1j79a_175"
|
|
13
13
|
};
|
|
14
14
|
|
|
@@ -90,55 +90,55 @@ 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
|
-
.
|
|
93
|
+
.awsui_link_1kosq_1j79a_93:not(#\9):after {
|
|
94
94
|
display: none;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
.
|
|
97
|
+
.awsui_breadcrumb_1kosq_1j79a_97:not(#\9) {
|
|
98
98
|
display: flex;
|
|
99
99
|
}
|
|
100
|
-
.
|
|
100
|
+
.awsui_breadcrumb_1kosq_1j79a_97 > .awsui_icon_1kosq_1j79a_100:not(#\9) {
|
|
101
101
|
margin: 0 var(--space-xs-zb16t3, 8px);
|
|
102
102
|
color: var(--color-text-breadcrumb-icon-ma8w3r, #7d8998);
|
|
103
103
|
}
|
|
104
|
-
.
|
|
104
|
+
.awsui_breadcrumb_1kosq_1j79a_97 > .awsui_anchor_1kosq_1j79a_104:not(#\9) {
|
|
105
105
|
color: var(--color-text-link-default-latg1a, #0972d3);
|
|
106
106
|
font-weight: inherit;
|
|
107
107
|
letter-spacing: normal;
|
|
108
|
-
text-decoration: underline;
|
|
109
|
-
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
108
|
+
text-decoration-line: underline;
|
|
110
109
|
text-decoration-color: currentColor;
|
|
111
110
|
transition-property: color, -webkit-text-decoration;
|
|
112
111
|
transition-property: color, text-decoration;
|
|
113
112
|
transition-property: color, text-decoration, -webkit-text-decoration;
|
|
114
113
|
transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
114
|
+
text-underline-offset: 0.25em;
|
|
115
|
+
text-decoration-thickness: 1px;
|
|
115
116
|
}
|
|
116
117
|
@media (prefers-reduced-motion: reduce) {
|
|
117
|
-
.
|
|
118
|
+
.awsui_breadcrumb_1kosq_1j79a_97 > .awsui_anchor_1kosq_1j79a_104:not(#\9) {
|
|
118
119
|
animation: none;
|
|
119
120
|
transition: none;
|
|
120
121
|
}
|
|
121
122
|
}
|
|
122
|
-
.awsui-motion-disabled .
|
|
123
|
+
.awsui-motion-disabled .awsui_breadcrumb_1kosq_1j79a_97 > .awsui_anchor_1kosq_1j79a_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1j79a_97 > .awsui_anchor_1kosq_1j79a_104:not(#\9) {
|
|
123
124
|
animation: none;
|
|
124
125
|
transition: none;
|
|
125
126
|
}
|
|
126
|
-
.
|
|
127
|
+
.awsui_breadcrumb_1kosq_1j79a_97 > .awsui_anchor_1kosq_1j79a_104:not(#\9):hover {
|
|
127
128
|
cursor: pointer;
|
|
128
129
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
129
130
|
}
|
|
130
|
-
.
|
|
131
|
+
.awsui_breadcrumb_1kosq_1j79a_97 > .awsui_anchor_1kosq_1j79a_104:not(#\9):focus {
|
|
131
132
|
outline: none;
|
|
132
133
|
}
|
|
133
|
-
.
|
|
134
|
+
.awsui_breadcrumb_1kosq_1j79a_97 > .awsui_anchor_1kosq_1j79a_104:not(#\9):active {
|
|
134
135
|
color: var(--color-text-link-hover-8j6p14, #033160);
|
|
135
136
|
}
|
|
136
|
-
.
|
|
137
|
-
text-decoration: underline;
|
|
138
|
-
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
137
|
+
.awsui_breadcrumb_1kosq_1j79a_97 > .awsui_anchor_1kosq_1j79a_104:not(#\9):active, .awsui_breadcrumb_1kosq_1j79a_97 > .awsui_anchor_1kosq_1j79a_104:not(#\9):focus, .awsui_breadcrumb_1kosq_1j79a_97 > .awsui_anchor_1kosq_1j79a_104:not(#\9):hover {
|
|
138
|
+
text-decoration-line: underline;
|
|
139
139
|
text-decoration-color: currentColor;
|
|
140
140
|
}
|
|
141
|
-
body[data-awsui-focus-visible=true] .
|
|
141
|
+
body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_1j79a_97 > .awsui_anchor_1kosq_1j79a_104:not(#\9):focus {
|
|
142
142
|
outline: thin dotted;
|
|
143
143
|
outline: var(--border-link-focus-ring-outline-kkfop6, 0);
|
|
144
144
|
outline-offset: 2px;
|
|
@@ -146,34 +146,34 @@ body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_an
|
|
|
146
146
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
147
147
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
148
148
|
}
|
|
149
|
-
.
|
|
149
|
+
.awsui_breadcrumb_1kosq_1j79a_97.awsui_last_1kosq_1j79a_147 > .awsui_icon_1kosq_1j79a_100:not(#\9) {
|
|
150
150
|
display: none;
|
|
151
151
|
}
|
|
152
|
-
.
|
|
152
|
+
.awsui_breadcrumb_1kosq_1j79a_97.awsui_last_1kosq_1j79a_147 > .awsui_anchor_1kosq_1j79a_104:not(#\9) {
|
|
153
153
|
color: var(--color-text-breadcrumb-current-bnqeha, #5f6b7a);
|
|
154
154
|
font-weight: 700;
|
|
155
155
|
text-decoration: none;
|
|
156
156
|
cursor: default;
|
|
157
157
|
}
|
|
158
158
|
|
|
159
|
-
.
|
|
159
|
+
.awsui_compressed_1kosq_1j79a_157:not(#\9) {
|
|
160
160
|
min-width: 0;
|
|
161
161
|
overflow: hidden;
|
|
162
162
|
}
|
|
163
|
-
.
|
|
163
|
+
.awsui_compressed_1kosq_1j79a_157 > .awsui_text_1kosq_1j79a_161:not(#\9) {
|
|
164
164
|
overflow: hidden;
|
|
165
165
|
text-overflow: ellipsis;
|
|
166
166
|
white-space: nowrap;
|
|
167
167
|
display: block;
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
-
.awsui_virtual-
|
|
170
|
+
.awsui_virtual-item_1kosq_1j79a_168:not(#\9) {
|
|
171
171
|
position: absolute !important;
|
|
172
172
|
top: -9999px !important;
|
|
173
173
|
left: -9999px !important;
|
|
174
174
|
visibility: hidden;
|
|
175
175
|
}
|
|
176
176
|
|
|
177
|
-
.awsui_item-
|
|
177
|
+
.awsui_item-popover_1kosq_1j79a_175:not(#\9) {
|
|
178
178
|
/* used in tests */
|
|
179
179
|
}
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"link": "
|
|
6
|
-
"breadcrumb": "
|
|
7
|
-
"icon": "
|
|
8
|
-
"anchor": "
|
|
9
|
-
"last": "
|
|
10
|
-
"compressed": "
|
|
11
|
-
"text": "
|
|
12
|
-
"virtual-item": "awsui_virtual-
|
|
13
|
-
"item-popover": "awsui_item-
|
|
5
|
+
"link": "awsui_link_1kosq_1j79a_93",
|
|
6
|
+
"breadcrumb": "awsui_breadcrumb_1kosq_1j79a_97",
|
|
7
|
+
"icon": "awsui_icon_1kosq_1j79a_100",
|
|
8
|
+
"anchor": "awsui_anchor_1kosq_1j79a_104",
|
|
9
|
+
"last": "awsui_last_1kosq_1j79a_147",
|
|
10
|
+
"compressed": "awsui_compressed_1kosq_1j79a_157",
|
|
11
|
+
"text": "awsui_text_1kosq_1j79a_161",
|
|
12
|
+
"virtual-item": "awsui_virtual-item_1kosq_1j79a_168",
|
|
13
|
+
"item-popover": "awsui_item-popover_1kosq_1j79a_175"
|
|
14
14
|
};
|
|
15
15
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["drawer/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,EAAE,WAAW,eAoBnG"}
|
|
@@ -3,20 +3,24 @@ import { __rest } from "tslib";
|
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import React from 'react';
|
|
6
|
-
import { getBaseProps } from '
|
|
7
|
-
import InternalStatusIndicator from '
|
|
6
|
+
import { getBaseProps } from '../internal/base-component';
|
|
7
|
+
import InternalStatusIndicator from '../status-indicator/internal';
|
|
8
8
|
import styles from './styles.css.js';
|
|
9
|
-
import
|
|
10
|
-
import
|
|
9
|
+
import { applyDisplayName } from '../internal/utils/apply-display-name';
|
|
10
|
+
import useBaseComponent from '../internal/hooks/use-base-component';
|
|
11
|
+
import LiveRegion from '../internal/components/live-region';
|
|
12
|
+
import { useInternalI18n } from '../i18n/context';
|
|
11
13
|
export default function Drawer(_a) {
|
|
12
14
|
var { header, children, loading, i18nStrings } = _a, restProps = __rest(_a, ["header", "children", "loading", "i18nStrings"]);
|
|
15
|
+
const { __internalRootRef } = useBaseComponent('Drawer');
|
|
13
16
|
const baseProps = getBaseProps(restProps);
|
|
14
17
|
const i18n = useInternalI18n('drawer');
|
|
15
18
|
const containerProps = Object.assign(Object.assign({}, baseProps), { className: clsx(baseProps.className, styles.drawer) });
|
|
16
|
-
return loading ? (React.createElement("div", Object.assign({}, containerProps),
|
|
19
|
+
return loading ? (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
|
|
17
20
|
React.createElement(InternalStatusIndicator, { type: "loading" },
|
|
18
|
-
React.createElement(LiveRegion, { visible: true }, i18n('i18nStrings.loadingText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.loadingText))))) : (React.createElement("div", Object.assign({}, containerProps),
|
|
21
|
+
React.createElement(LiveRegion, { visible: true }, i18n('i18nStrings.loadingText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.loadingText))))) : (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
|
|
19
22
|
header && React.createElement("div", { className: clsx(styles.header) }, header),
|
|
20
23
|
React.createElement("div", { className: clsx(styles['test-utils-drawer-content']) }, children)));
|
|
21
24
|
}
|
|
25
|
+
applyDisplayName(Drawer, 'Drawer');
|
|
22
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["drawer/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAqE;QAArE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,OAA6B,EAAxB,SAAS,cAAtD,gDAAwD,CAAF;IACnF,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,cAAc,mCACf,SAAS,KACZ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,GACpD,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,UAAU,IAAC,OAAO,EAAE,IAAI,IAAG,IAAI,CAAC,yBAAyB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,CAAc,CAC3E,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAG,MAAM,CAAO;QAC9D,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC,IAAG,QAAQ,CAAO,CACvE,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { DrawerProps } from './interfaces';\nimport LiveRegion from '../internal/components/live-region';\nimport { useInternalI18n } from '../i18n/context';\n\nexport { DrawerProps };\n\nexport default function Drawer({ header, children, loading, i18nStrings, ...restProps }: DrawerProps) {\n const { __internalRootRef } = useBaseComponent('Drawer');\n const baseProps = getBaseProps(restProps);\n const i18n = useInternalI18n('drawer');\n const containerProps = {\n ...baseProps,\n className: clsx(baseProps.className, styles.drawer),\n };\n return loading ? (\n <div {...containerProps} ref={__internalRootRef}>\n <InternalStatusIndicator type=\"loading\">\n <LiveRegion visible={true}>{i18n('i18nStrings.loadingText', i18nStrings?.loadingText)}</LiveRegion>\n </InternalStatusIndicator>\n </div>\n ) : (\n <div {...containerProps} ref={__internalRootRef}>\n {header && <div className={clsx(styles.header)}>{header}</div>}\n <div className={clsx(styles['test-utils-drawer-content'])}>{children}</div>\n </div>\n );\n}\n\napplyDisplayName(Drawer, 'Drawer');\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["drawer/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["drawer/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport React from 'react';\n\nexport interface DrawerProps extends BaseComponentProps {\n /**\n * Header of the drawer.\n *\n * It should contain the only `h2` used in the drawer.\n */\n header?: React.ReactNode;\n\n /**\n * Main content of the drawer.\n *\n */\n children?: React.ReactNode;\n\n /**\n * Renders the drawer in a loading state. We recommend that you also set a `loadingText`.\n */\n loading?: boolean;\n\n /**\n * An object containing all the necessary localized strings required by the component.\n * @i18n\n */\n i18nStrings?: I18nStrings;\n}\n\nexport interface I18nStrings {\n /**\n Specifies the text that's displayed when the panel is in a loading state.\n */\n loadingText?: string;\n}\n"]}
|