@cloudscape-design/components-themeable 3.0.1166 → 3.0.1168
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/styles.scss +1 -0
- package/lib/internal/scss/error-boundary/styles.scss +11 -0
- package/lib/internal/scss/error-boundary/test-classes/styles.scss +13 -0
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/panel-layout/styles.scss +63 -0
- package/lib/internal/scss/panel-layout/test-classes/styles.scss +11 -0
- package/lib/internal/scss/popover/styles.scss +13 -2
- package/lib/internal/template/app-layout/utils/use-pointer-events.d.ts.map +1 -1
- package/lib/internal/template/app-layout/utils/use-pointer-events.js +1 -1
- package/lib/internal/template/app-layout/utils/use-pointer-events.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/drawers.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/drawers.js +2 -2
- package/lib/internal/template/app-layout/visual-refresh/drawers.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/main.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/main.js +3 -1
- package/lib/internal/template/app-layout/visual-refresh/main.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/local-drawer.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/local-drawer.js +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/local-drawer.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js.map +1 -1
- package/lib/internal/template/container/internal.d.ts +6 -1
- package/lib/internal/template/container/internal.d.ts.map +1 -1
- package/lib/internal/template/container/internal.js +32 -28
- package/lib/internal/template/container/internal.js.map +1 -1
- package/lib/internal/template/drawer/implementation.d.ts.map +1 -1
- package/lib/internal/template/drawer/implementation.js +5 -3
- package/lib/internal/template/drawer/implementation.js.map +1 -1
- package/lib/internal/template/error-boundary/fallback.d.ts +3 -0
- package/lib/internal/template/error-boundary/fallback.d.ts.map +1 -0
- package/lib/internal/template/error-boundary/fallback.js +61 -0
- package/lib/internal/template/error-boundary/fallback.js.map +1 -0
- package/lib/internal/template/error-boundary/index.d.ts +5 -0
- package/lib/internal/template/error-boundary/index.d.ts.map +1 -0
- package/lib/internal/template/error-boundary/index.js +22 -0
- package/lib/internal/template/error-boundary/index.js.map +1 -0
- package/lib/internal/template/error-boundary/interfaces.d.ts +85 -0
- package/lib/internal/template/error-boundary/interfaces.d.ts.map +1 -0
- package/lib/internal/template/error-boundary/interfaces.js +4 -0
- package/lib/internal/template/error-boundary/interfaces.js.map +1 -0
- package/lib/internal/template/error-boundary/internal.d.ts +23 -0
- package/lib/internal/template/error-boundary/internal.d.ts.map +1 -0
- package/lib/internal/template/error-boundary/internal.js +58 -0
- package/lib/internal/template/error-boundary/internal.js.map +1 -0
- package/lib/internal/template/error-boundary/styles.css.js +9 -0
- package/lib/internal/template/error-boundary/styles.scoped.css +10 -0
- package/lib/internal/template/error-boundary/styles.selectors.js +10 -0
- package/lib/internal/template/error-boundary/test-classes/styles.css.js +11 -0
- package/lib/internal/template/error-boundary/test-classes/styles.scoped.css +12 -0
- package/lib/internal/template/error-boundary/test-classes/styles.selectors.js +12 -0
- package/lib/internal/template/error-boundary/utils.d.ts +2 -0
- package/lib/internal/template/error-boundary/utils.d.ts.map +1 -0
- package/lib/internal/template/error-boundary/utils.js +7 -0
- package/lib/internal/template/error-boundary/utils.js.map +1 -0
- package/lib/internal/template/form/internal.d.ts.map +1 -1
- package/lib/internal/template/form/internal.js +20 -14
- package/lib/internal/template/form/internal.js.map +1 -1
- package/lib/internal/template/i18n/messages/all.all.js +1 -1
- package/lib/internal/template/i18n/messages/all.all.json +1 -1
- package/lib/internal/template/i18n/messages/all.ar.js +1 -1
- package/lib/internal/template/i18n/messages/all.ar.json +1 -1
- package/lib/internal/template/i18n/messages/all.de.js +1 -1
- package/lib/internal/template/i18n/messages/all.de.json +1 -1
- package/lib/internal/template/i18n/messages/all.en-GB.js +1 -1
- package/lib/internal/template/i18n/messages/all.en-GB.json +1 -1
- package/lib/internal/template/i18n/messages/all.en.js +1 -1
- package/lib/internal/template/i18n/messages/all.en.json +1 -1
- package/lib/internal/template/i18n/messages/all.es.js +1 -1
- package/lib/internal/template/i18n/messages/all.es.json +1 -1
- package/lib/internal/template/i18n/messages/all.fr.js +1 -1
- package/lib/internal/template/i18n/messages/all.fr.json +1 -1
- package/lib/internal/template/i18n/messages/all.id.js +1 -1
- package/lib/internal/template/i18n/messages/all.id.json +1 -1
- package/lib/internal/template/i18n/messages/all.it.js +1 -1
- package/lib/internal/template/i18n/messages/all.it.json +1 -1
- package/lib/internal/template/i18n/messages/all.ja.js +1 -1
- package/lib/internal/template/i18n/messages/all.ja.json +1 -1
- package/lib/internal/template/i18n/messages/all.ko.js +1 -1
- package/lib/internal/template/i18n/messages/all.ko.json +1 -1
- package/lib/internal/template/i18n/messages/all.pt-BR.js +1 -1
- package/lib/internal/template/i18n/messages/all.pt-BR.json +1 -1
- package/lib/internal/template/i18n/messages/all.tr.js +1 -1
- package/lib/internal/template/i18n/messages/all.tr.json +1 -1
- package/lib/internal/template/i18n/messages/all.zh-CN.js +1 -1
- package/lib/internal/template/i18n/messages/all.zh-CN.json +1 -1
- package/lib/internal/template/i18n/messages/all.zh-TW.js +1 -1
- package/lib/internal/template/i18n/messages/all.zh-TW.json +1 -1
- package/lib/internal/template/i18n/messages-types.d.ts +9 -4
- package/lib/internal/template/i18n/messages-types.d.ts.map +1 -1
- package/lib/internal/template/i18n/messages-types.js.map +1 -1
- package/lib/internal/template/icon/generated/icons.d.ts +3 -0
- package/lib/internal/template/icon/generated/icons.d.ts.map +1 -1
- package/lib/internal/template/icon/generated/icons.js +9 -0
- package/lib/internal/template/icon/generated/icons.js.map +1 -1
- package/lib/internal/template/icon-provider/interfaces.d.ts +3 -0
- package/lib/internal/template/icon-provider/interfaces.d.ts.map +1 -1
- package/lib/internal/template/icon-provider/interfaces.js.map +1 -1
- package/lib/internal/template/index.d.ts +2 -0
- package/lib/internal/template/index.d.ts.map +1 -1
- package/lib/internal/template/index.js +2 -0
- package/lib/internal/template/index.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/components/panel-resize-handle/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/panel-resize-handle/index.js +3 -1
- package/lib/internal/template/internal/components/panel-resize-handle/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/modal/internal.d.ts.map +1 -1
- package/lib/internal/template/modal/internal.js +8 -5
- package/lib/internal/template/modal/internal.js.map +1 -1
- package/lib/internal/template/package.json +2 -0
- package/lib/internal/template/panel-layout/index.d.ts +6 -0
- package/lib/internal/template/panel-layout/index.d.ts.map +1 -0
- package/lib/internal/template/panel-layout/index.js +25 -0
- package/lib/internal/template/panel-layout/index.js.map +1 -0
- package/lib/internal/template/panel-layout/interfaces.d.ts +100 -0
- package/lib/internal/template/panel-layout/interfaces.d.ts.map +1 -0
- package/lib/internal/template/panel-layout/interfaces.js +2 -0
- package/lib/internal/template/panel-layout/interfaces.js.map +1 -0
- package/lib/internal/template/panel-layout/internal.d.ts +10 -0
- package/lib/internal/template/panel-layout/internal.d.ts.map +1 -0
- package/lib/internal/template/panel-layout/internal.js +65 -0
- package/lib/internal/template/panel-layout/internal.js.map +1 -0
- package/lib/internal/template/panel-layout/styles.css.js +12 -0
- package/lib/internal/template/panel-layout/styles.scoped.css +263 -0
- package/lib/internal/template/panel-layout/styles.selectors.js +13 -0
- package/lib/internal/template/panel-layout/test-classes/styles.css.js +9 -0
- package/lib/internal/template/panel-layout/test-classes/styles.scoped.css +10 -0
- package/lib/internal/template/panel-layout/test-classes/styles.selectors.js +10 -0
- package/lib/internal/template/popover/body.d.ts.map +1 -1
- package/lib/internal/template/popover/body.js +10 -8
- package/lib/internal/template/popover/body.js.map +1 -1
- package/lib/internal/template/popover/styles.css.js +57 -57
- package/lib/internal/template/popover/styles.scoped.css +107 -86
- package/lib/internal/template/popover/styles.selectors.js +57 -57
- package/lib/internal/template/split-panel/implementation.d.ts.map +1 -1
- package/lib/internal/template/split-panel/implementation.js +5 -2
- package/lib/internal/template/split-panel/implementation.js.map +1 -1
- package/lib/internal/template/tabs/index.d.ts.map +1 -1
- package/lib/internal/template/tabs/index.js +1 -1
- package/lib/internal/template/tabs/index.js.map +1 -1
- package/lib/internal/template/test-utils/dom/error-boundary/index.d.ts +9 -0
- package/lib/internal/template/test-utils/dom/error-boundary/index.js +26 -0
- package/lib/internal/template/test-utils/dom/error-boundary/index.js.map +1 -0
- package/lib/internal/template/test-utils/dom/index.d.ts +40 -0
- package/lib/internal/template/test-utils/dom/index.js +30 -2
- package/lib/internal/template/test-utils/dom/index.js.map +1 -1
- package/lib/internal/template/test-utils/dom/panel-layout/index.d.ts +17 -0
- package/lib/internal/template/test-utils/dom/panel-layout/index.js +30 -0
- package/lib/internal/template/test-utils/dom/panel-layout/index.js.map +1 -0
- package/lib/internal/template/test-utils/dom/radio-group/radio-button.d.ts +2 -0
- package/lib/internal/template/test-utils/dom/radio-group/radio-button.js +7 -0
- package/lib/internal/template/test-utils/dom/radio-group/radio-button.js.map +1 -0
- package/lib/internal/template/test-utils/selectors/error-boundary/index.d.ts +9 -0
- package/lib/internal/template/test-utils/selectors/error-boundary/index.js +26 -0
- package/lib/internal/template/test-utils/selectors/error-boundary/index.js.map +1 -0
- package/lib/internal/template/test-utils/selectors/index.d.ts +36 -0
- package/lib/internal/template/test-utils/selectors/index.js +30 -2
- package/lib/internal/template/test-utils/selectors/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/panel-layout/index.d.ts +17 -0
- package/lib/internal/template/test-utils/selectors/panel-layout/index.js +30 -0
- package/lib/internal/template/test-utils/selectors/panel-layout/index.js.map +1 -0
- package/lib/internal/template/test-utils/selectors/radio-group/radio-button.d.ts +2 -0
- package/lib/internal/template/test-utils/selectors/radio-group/radio-button.js +7 -0
- package/lib/internal/template/test-utils/selectors/radio-group/radio-button.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,263 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
+
SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
5
|
+
/*
|
|
6
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
|
+
SPDX-License-Identifier: Apache-2.0
|
|
8
|
+
*/
|
|
9
|
+
/*
|
|
10
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
11
|
+
SPDX-License-Identifier: Apache-2.0
|
|
12
|
+
*/
|
|
13
|
+
/*
|
|
14
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
15
|
+
SPDX-License-Identifier: Apache-2.0
|
|
16
|
+
*/
|
|
17
|
+
/*
|
|
18
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
19
|
+
SPDX-License-Identifier: Apache-2.0
|
|
20
|
+
*/
|
|
21
|
+
/*
|
|
22
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
23
|
+
SPDX-License-Identifier: Apache-2.0
|
|
24
|
+
*/
|
|
25
|
+
/*
|
|
26
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
27
|
+
SPDX-License-Identifier: Apache-2.0
|
|
28
|
+
*/
|
|
29
|
+
/*
|
|
30
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
31
|
+
SPDX-License-Identifier: Apache-2.0
|
|
32
|
+
*/
|
|
33
|
+
/*
|
|
34
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
35
|
+
SPDX-License-Identifier: Apache-2.0
|
|
36
|
+
*/
|
|
37
|
+
/*
|
|
38
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
39
|
+
SPDX-License-Identifier: Apache-2.0
|
|
40
|
+
*/
|
|
41
|
+
/*
|
|
42
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
43
|
+
SPDX-License-Identifier: Apache-2.0
|
|
44
|
+
*/
|
|
45
|
+
/*
|
|
46
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
47
|
+
SPDX-License-Identifier: Apache-2.0
|
|
48
|
+
*/
|
|
49
|
+
/*
|
|
50
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
51
|
+
SPDX-License-Identifier: Apache-2.0
|
|
52
|
+
*/
|
|
53
|
+
/*
|
|
54
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
55
|
+
SPDX-License-Identifier: Apache-2.0
|
|
56
|
+
*/
|
|
57
|
+
/*
|
|
58
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
59
|
+
SPDX-License-Identifier: Apache-2.0
|
|
60
|
+
*/
|
|
61
|
+
/*
|
|
62
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
63
|
+
SPDX-License-Identifier: Apache-2.0
|
|
64
|
+
*/
|
|
65
|
+
/*
|
|
66
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
67
|
+
SPDX-License-Identifier: Apache-2.0
|
|
68
|
+
*/
|
|
69
|
+
/*
|
|
70
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
71
|
+
SPDX-License-Identifier: Apache-2.0
|
|
72
|
+
*/
|
|
73
|
+
/*
|
|
74
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
75
|
+
SPDX-License-Identifier: Apache-2.0
|
|
76
|
+
*/
|
|
77
|
+
/*
|
|
78
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
79
|
+
SPDX-License-Identifier: Apache-2.0
|
|
80
|
+
*/
|
|
81
|
+
/*
|
|
82
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
83
|
+
SPDX-License-Identifier: Apache-2.0
|
|
84
|
+
*/
|
|
85
|
+
/*
|
|
86
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
87
|
+
SPDX-License-Identifier: Apache-2.0
|
|
88
|
+
*/
|
|
89
|
+
/*
|
|
90
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
|
+
SPDX-License-Identifier: Apache-2.0
|
|
92
|
+
*/
|
|
93
|
+
/*
|
|
94
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
|
+
SPDX-License-Identifier: Apache-2.0
|
|
96
|
+
*/
|
|
97
|
+
/*
|
|
98
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
99
|
+
SPDX-License-Identifier: Apache-2.0
|
|
100
|
+
*/
|
|
101
|
+
/*
|
|
102
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
103
|
+
SPDX-License-Identifier: Apache-2.0
|
|
104
|
+
*/
|
|
105
|
+
/*
|
|
106
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
107
|
+
SPDX-License-Identifier: Apache-2.0
|
|
108
|
+
*/
|
|
109
|
+
/*
|
|
110
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
111
|
+
SPDX-License-Identifier: Apache-2.0
|
|
112
|
+
*/
|
|
113
|
+
/*
|
|
114
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
115
|
+
SPDX-License-Identifier: Apache-2.0
|
|
116
|
+
*/
|
|
117
|
+
/*
|
|
118
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
119
|
+
SPDX-License-Identifier: Apache-2.0
|
|
120
|
+
*/
|
|
121
|
+
/*
|
|
122
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
123
|
+
SPDX-License-Identifier: Apache-2.0
|
|
124
|
+
*/
|
|
125
|
+
/*
|
|
126
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
127
|
+
SPDX-License-Identifier: Apache-2.0
|
|
128
|
+
*/
|
|
129
|
+
/*
|
|
130
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
131
|
+
SPDX-License-Identifier: Apache-2.0
|
|
132
|
+
*/
|
|
133
|
+
/*
|
|
134
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
135
|
+
SPDX-License-Identifier: Apache-2.0
|
|
136
|
+
*/
|
|
137
|
+
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
138
|
+
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
139
|
+
/*
|
|
140
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
141
|
+
SPDX-License-Identifier: Apache-2.0
|
|
142
|
+
*/
|
|
143
|
+
/*
|
|
144
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
145
|
+
SPDX-License-Identifier: Apache-2.0
|
|
146
|
+
*/
|
|
147
|
+
/*
|
|
148
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
149
|
+
SPDX-License-Identifier: Apache-2.0
|
|
150
|
+
*/
|
|
151
|
+
/*
|
|
152
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
153
|
+
SPDX-License-Identifier: Apache-2.0
|
|
154
|
+
*/
|
|
155
|
+
/*
|
|
156
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
157
|
+
SPDX-License-Identifier: Apache-2.0
|
|
158
|
+
*/
|
|
159
|
+
/*
|
|
160
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
161
|
+
SPDX-License-Identifier: Apache-2.0
|
|
162
|
+
*/
|
|
163
|
+
/*
|
|
164
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
165
|
+
SPDX-License-Identifier: Apache-2.0
|
|
166
|
+
*/
|
|
167
|
+
/*
|
|
168
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
169
|
+
SPDX-License-Identifier: Apache-2.0
|
|
170
|
+
*/
|
|
171
|
+
/*
|
|
172
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
173
|
+
SPDX-License-Identifier: Apache-2.0
|
|
174
|
+
*/
|
|
175
|
+
/*
|
|
176
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
177
|
+
SPDX-License-Identifier: Apache-2.0
|
|
178
|
+
*/
|
|
179
|
+
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
180
|
+
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
181
|
+
/*
|
|
182
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
183
|
+
SPDX-License-Identifier: Apache-2.0
|
|
184
|
+
*/
|
|
185
|
+
.awsui_root_1ksu1_1yvik_185:not(#\9) {
|
|
186
|
+
border-collapse: separate;
|
|
187
|
+
border-spacing: 0;
|
|
188
|
+
box-sizing: border-box;
|
|
189
|
+
caption-side: top;
|
|
190
|
+
cursor: auto;
|
|
191
|
+
direction: inherit;
|
|
192
|
+
empty-cells: show;
|
|
193
|
+
font-family: serif;
|
|
194
|
+
font-style: normal;
|
|
195
|
+
font-variant: normal;
|
|
196
|
+
font-stretch: normal;
|
|
197
|
+
hyphens: none;
|
|
198
|
+
letter-spacing: normal;
|
|
199
|
+
list-style: disc outside none;
|
|
200
|
+
tab-size: 8;
|
|
201
|
+
text-align: start;
|
|
202
|
+
text-indent: 0;
|
|
203
|
+
text-shadow: none;
|
|
204
|
+
text-transform: none;
|
|
205
|
+
visibility: visible;
|
|
206
|
+
white-space: normal;
|
|
207
|
+
word-spacing: normal;
|
|
208
|
+
font-size: var(--font-size-body-m-vv54cm, 14px);
|
|
209
|
+
line-height: var(--line-height-body-m-bedeoh, 22px);
|
|
210
|
+
color: var(--color-text-body-default-5qid0u, #16191f);
|
|
211
|
+
font-weight: 400;
|
|
212
|
+
font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
213
|
+
-webkit-font-smoothing: auto;
|
|
214
|
+
-moz-osx-font-smoothing: auto;
|
|
215
|
+
block-size: 100%;
|
|
216
|
+
overflow: hidden;
|
|
217
|
+
display: flex;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
.awsui_panel_1ksu1_1yvik_220:not(#\9) {
|
|
221
|
+
display: flex;
|
|
222
|
+
flex-shrink: 0;
|
|
223
|
+
}
|
|
224
|
+
.awsui_panel_1ksu1_1yvik_220 > .awsui_handle_1ksu1_1yvik_224:not(#\9) {
|
|
225
|
+
display: flex;
|
|
226
|
+
align-items: center;
|
|
227
|
+
}
|
|
228
|
+
.awsui_panel_1ksu1_1yvik_220 > .awsui_panel-content_1ksu1_1yvik_228:not(#\9) {
|
|
229
|
+
overflow-y: auto;
|
|
230
|
+
overflow-x: visible;
|
|
231
|
+
flex-grow: 1;
|
|
232
|
+
}
|
|
233
|
+
body[data-awsui-focus-visible=true] .awsui_panel_1ksu1_1yvik_220 > .awsui_panel-content_1ksu1_1yvik_228:not(#\9):focus {
|
|
234
|
+
border-start-start-radius: calc(var(--border-radius-control-default-focus-ring-9xsko1, 2px) + 2px);
|
|
235
|
+
border-start-end-radius: calc(var(--border-radius-control-default-focus-ring-9xsko1, 2px) + 2px);
|
|
236
|
+
border-end-start-radius: calc(var(--border-radius-control-default-focus-ring-9xsko1, 2px) + 2px);
|
|
237
|
+
border-end-end-radius: calc(var(--border-radius-control-default-focus-ring-9xsko1, 2px) + 2px);
|
|
238
|
+
outline: 2px solid var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
239
|
+
outline-offset: calc(-1 * 2px);
|
|
240
|
+
}
|
|
241
|
+
.awsui_display-main-only_1ksu1_1yvik_241 > .awsui_panel_1ksu1_1yvik_220:not(#\9) {
|
|
242
|
+
display: none;
|
|
243
|
+
}
|
|
244
|
+
.awsui_display-panel-only_1ksu1_1yvik_244 > .awsui_panel_1ksu1_1yvik_220:not(#\9) {
|
|
245
|
+
flex: 1;
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
.awsui_content_1ksu1_1yvik_248:not(#\9) {
|
|
249
|
+
overflow-y: auto;
|
|
250
|
+
flex-grow: 1;
|
|
251
|
+
flex-shrink: 1;
|
|
252
|
+
}
|
|
253
|
+
.awsui_display-panel-only_1ksu1_1yvik_244 > .awsui_content_1ksu1_1yvik_248:not(#\9) {
|
|
254
|
+
display: none;
|
|
255
|
+
}
|
|
256
|
+
body[data-awsui-focus-visible=true] .awsui_content_1ksu1_1yvik_248:not(#\9):focus {
|
|
257
|
+
border-start-start-radius: calc(var(--border-radius-control-default-focus-ring-9xsko1, 2px) + 2px);
|
|
258
|
+
border-start-end-radius: calc(var(--border-radius-control-default-focus-ring-9xsko1, 2px) + 2px);
|
|
259
|
+
border-end-start-radius: calc(var(--border-radius-control-default-focus-ring-9xsko1, 2px) + 2px);
|
|
260
|
+
border-end-end-radius: calc(var(--border-radius-control-default-focus-ring-9xsko1, 2px) + 2px);
|
|
261
|
+
outline: 2px solid var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
262
|
+
outline-offset: calc(-1 * 2px);
|
|
263
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
|
|
2
|
+
// es-module interop with Babel and Typescript
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
module.exports.default = {
|
|
5
|
+
"root": "awsui_root_1ksu1_1yvik_185",
|
|
6
|
+
"panel": "awsui_panel_1ksu1_1yvik_220",
|
|
7
|
+
"handle": "awsui_handle_1ksu1_1yvik_224",
|
|
8
|
+
"panel-content": "awsui_panel-content_1ksu1_1yvik_228",
|
|
9
|
+
"display-main-only": "awsui_display-main-only_1ksu1_1yvik_241",
|
|
10
|
+
"display-panel-only": "awsui_display-panel-only_1ksu1_1yvik_244",
|
|
11
|
+
"content": "awsui_content_1ksu1_1yvik_248"
|
|
12
|
+
};
|
|
13
|
+
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
+
SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
5
|
+
.awsui_root_119z0_1u7uv_5:not(#\9),
|
|
6
|
+
.awsui_panel_119z0_1u7uv_6:not(#\9),
|
|
7
|
+
.awsui_content_119z0_1u7uv_7:not(#\9),
|
|
8
|
+
.awsui_resize-handle_119z0_1u7uv_8:not(#\9) {
|
|
9
|
+
/* used in test-utils */
|
|
10
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
|
|
2
|
+
// es-module interop with Babel and Typescript
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
module.exports.default = {
|
|
5
|
+
"root": "awsui_root_119z0_1u7uv_5",
|
|
6
|
+
"panel": "awsui_panel_119z0_1u7uv_6",
|
|
7
|
+
"content": "awsui_content_119z0_1u7uv_7",
|
|
8
|
+
"resize-handle": "awsui_resize-handle_119z0_1u7uv_8"
|
|
9
|
+
};
|
|
10
|
+
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAe9D,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAEpC,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;IACjC,eAAe,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAErC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,aAAa,EAAE,iBAAiB,EAChC,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,eAAe,EACf,SAAS,EACT,cAAc,EACd,oBAAoB,GACrB,EAAE,gBAAgB,eAiFlB"}
|
|
@@ -5,6 +5,7 @@ import clsx from 'clsx';
|
|
|
5
5
|
import { useUniqueId } from '@cloudscape-design/component-toolkit/internal';
|
|
6
6
|
import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
|
|
7
7
|
import { InternalButton } from '../button/internal';
|
|
8
|
+
import { BuiltInErrorBoundary } from '../error-boundary/internal';
|
|
8
9
|
import { useInternalI18n } from '../i18n/context';
|
|
9
10
|
import FocusLock from '../internal/components/focus-lock';
|
|
10
11
|
import { KeyCode } from '../internal/keycode';
|
|
@@ -43,13 +44,14 @@ export default function PopoverBody({ dismissButton: showDismissButton, dismissA
|
|
|
43
44
|
return (React.createElement("div", { className: clsx(styles.body, styles[`body-variant-${variant}`], className, {
|
|
44
45
|
[styles['body-overflow-visible']]: overflowVisible === 'both',
|
|
45
46
|
}), onKeyDown: onKeyDown, ...dialogProps },
|
|
46
|
-
React.createElement(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
React.createElement("
|
|
51
|
-
|
|
52
|
-
!header &&
|
|
53
|
-
|
|
47
|
+
React.createElement(BuiltInErrorBoundary, null,
|
|
48
|
+
React.createElement(FocusLock, { disabled: !shouldTrapFocus, autoFocus: false },
|
|
49
|
+
header && (React.createElement("div", { className: clsx(styles['header-row'], showDismissButton && styles['has-dismiss']) },
|
|
50
|
+
dismissButton,
|
|
51
|
+
React.createElement("div", { className: styles.header, id: labelledById },
|
|
52
|
+
React.createElement("h2", null, header)))),
|
|
53
|
+
React.createElement("div", { className: !header && showDismissButton ? styles['has-dismiss'] : undefined },
|
|
54
|
+
!header && dismissButton,
|
|
55
|
+
React.createElement("div", { className: clsx(styles.content, { [styles['content-overflow-visible']]: !!overflowVisible }) }, children))))));
|
|
54
56
|
}
|
|
55
57
|
//# sourceMappingURL=body.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { BuiltInErrorBoundary } from '../error-boundary/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport FocusLock from '../internal/components/focus-lock';\nimport { KeyCode } from '../internal/keycode';\n\nimport styles from './styles.css.js';\n\nexport interface PopoverBodyProps {\n dismissButton: boolean;\n dismissAriaLabel: string | undefined;\n onDismiss: (() => void) | undefined;\n\n header: React.ReactNode | undefined;\n children: React.ReactNode;\n variant?: 'annotation' | 'chart';\n overflowVisible?: 'content' | 'both';\n\n className?: string;\n ariaLabelledby?: string;\n\n closeAnalyticsAction?: string;\n}\n\nexport default function PopoverBody({\n dismissButton: showDismissButton,\n dismissAriaLabel,\n header,\n children,\n onDismiss,\n variant,\n overflowVisible,\n className,\n ariaLabelledby,\n closeAnalyticsAction,\n}: PopoverBodyProps) {\n const i18n = useInternalI18n('popover');\n const labelledById = useUniqueId('awsui-popover-');\n const dismissButtonFocused = useRef(false);\n const dismissButtonRef = useRef<ButtonProps.Ref>(null);\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.escape) {\n event.stopPropagation();\n onDismiss?.();\n }\n },\n [onDismiss]\n );\n\n // Implement our own auto-focus rather than using FocusLock's,\n // because we also want to focus the dismiss button when it\n // is added dynamically (e.g. in chart popovers)\n useEffect(() => {\n if (showDismissButton && !dismissButtonFocused.current) {\n dismissButtonRef.current?.focus({ preventScroll: true });\n }\n dismissButtonFocused.current = showDismissButton;\n }, [showDismissButton]);\n\n const dismissButton = (showDismissButton ?? null) && (\n <div\n className={styles.dismiss}\n {...(closeAnalyticsAction ? getAnalyticsMetadataAttribute({ action: closeAnalyticsAction }) : {})}\n >\n <InternalButton\n variant=\"icon\"\n formAction=\"none\"\n iconName=\"close\"\n className={styles['dismiss-control']}\n ariaLabel={i18n('dismissAriaLabel', dismissAriaLabel)}\n onClick={() => onDismiss?.()}\n ref={dismissButtonRef}\n />\n </div>\n );\n\n const isDialog = showDismissButton;\n const shouldTrapFocus = showDismissButton && variant !== 'annotation';\n\n const dialogProps = isDialog\n ? {\n role: 'dialog',\n 'aria-labelledby': ariaLabelledby ?? (header ? labelledById : undefined),\n }\n : {};\n\n return (\n <div\n className={clsx(styles.body, styles[`body-variant-${variant}`], className, {\n [styles['body-overflow-visible']]: overflowVisible === 'both',\n })}\n onKeyDown={onKeyDown}\n {...dialogProps}\n >\n <BuiltInErrorBoundary>\n <FocusLock disabled={!shouldTrapFocus} autoFocus={false}>\n {header && (\n <div className={clsx(styles['header-row'], showDismissButton && styles['has-dismiss'])}>\n {dismissButton}\n <div className={styles.header} id={labelledById}>\n <h2>{header}</h2>\n </div>\n </div>\n )}\n <div className={!header && showDismissButton ? styles['has-dismiss'] : undefined}>\n {!header && dismissButton}\n <div className={clsx(styles.content, { [styles['content-overflow-visible']]: !!overflowVisible })}>\n {children}\n </div>\n </div>\n </FocusLock>\n </BuiltInErrorBoundary>\n </div>\n );\n}\n"]}
|
|
@@ -1,62 +1,62 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"arrow": "
|
|
5
|
-
"arrow-outer": "awsui_arrow-
|
|
6
|
-
"arrow-inner": "awsui_arrow-
|
|
7
|
-
"arrow-position-right-top": "awsui_arrow-position-right-
|
|
8
|
-
"arrow-position-right-bottom": "awsui_arrow-position-right-
|
|
9
|
-
"arrow-position-left-top": "awsui_arrow-position-left-
|
|
10
|
-
"arrow-position-left-bottom": "awsui_arrow-position-left-
|
|
11
|
-
"arrow-position-top-center": "awsui_arrow-position-top-
|
|
12
|
-
"arrow-position-top-right": "awsui_arrow-position-top-
|
|
13
|
-
"arrow-position-top-left": "awsui_arrow-position-top-
|
|
14
|
-
"arrow-position-top-responsive": "awsui_arrow-position-top-
|
|
15
|
-
"arrow-position-bottom-center": "awsui_arrow-position-bottom-
|
|
16
|
-
"arrow-position-bottom-right": "awsui_arrow-position-bottom-
|
|
17
|
-
"arrow-position-bottom-left": "awsui_arrow-position-bottom-
|
|
18
|
-
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-
|
|
19
|
-
"arrow-variant-info": "awsui_arrow-variant-
|
|
20
|
-
"body": "
|
|
21
|
-
"body-overflow-visible": "awsui_body-overflow-
|
|
22
|
-
"body-variant-chart": "awsui_body-variant-
|
|
23
|
-
"has-dismiss": "awsui_has-
|
|
24
|
-
"dismiss": "
|
|
25
|
-
"dismiss-control": "awsui_dismiss-
|
|
26
|
-
"header-row": "awsui_header-
|
|
27
|
-
"header": "
|
|
28
|
-
"content": "
|
|
29
|
-
"content-overflow-visible": "awsui_content-overflow-
|
|
30
|
-
"container": "
|
|
31
|
-
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-
|
|
32
|
-
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-
|
|
33
|
-
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-
|
|
34
|
-
"container-arrow-position-top-left": "awsui_container-arrow-position-top-
|
|
35
|
-
"container-arrow-position-top-center": "awsui_container-arrow-position-top-
|
|
36
|
-
"container-arrow-position-top-right": "awsui_container-arrow-position-top-
|
|
37
|
-
"container-arrow-position-right-top": "awsui_container-arrow-position-right-
|
|
38
|
-
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-
|
|
39
|
-
"container-arrow-position-left-top": "awsui_container-arrow-position-left-
|
|
40
|
-
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-
|
|
41
|
-
"container-body": "awsui_container-
|
|
42
|
-
"container-body-variant-annotation": "awsui_container-body-variant-
|
|
43
|
-
"container-body-size-small": "awsui_container-body-size-
|
|
44
|
-
"fixed-width": "awsui_fixed-
|
|
45
|
-
"container-body-size-medium": "awsui_container-body-size-
|
|
46
|
-
"container-body-size-large": "awsui_container-body-size-
|
|
47
|
-
"container-arrow": "awsui_container-
|
|
48
|
-
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-
|
|
49
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
50
|
-
"refresh": "
|
|
51
|
-
"root": "
|
|
52
|
-
"no-wrap": "awsui_no-
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"trigger
|
|
58
|
-
"trigger-type-filtering-token": "awsui_trigger-type-filtering-
|
|
59
|
-
"popover-inline-content": "awsui_popover-inline-
|
|
60
|
-
"hover-area": "awsui_hover-
|
|
4
|
+
"arrow": "awsui_arrow_xjuzf_b1pbt_153",
|
|
5
|
+
"arrow-outer": "awsui_arrow-outer_xjuzf_b1pbt_157",
|
|
6
|
+
"arrow-inner": "awsui_arrow-inner_xjuzf_b1pbt_157",
|
|
7
|
+
"arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_b1pbt_199",
|
|
8
|
+
"arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_b1pbt_199",
|
|
9
|
+
"arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_b1pbt_202",
|
|
10
|
+
"arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_b1pbt_202",
|
|
11
|
+
"arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_b1pbt_205",
|
|
12
|
+
"arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_b1pbt_205",
|
|
13
|
+
"arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_b1pbt_205",
|
|
14
|
+
"arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_b1pbt_205",
|
|
15
|
+
"arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_b1pbt_208",
|
|
16
|
+
"arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_b1pbt_208",
|
|
17
|
+
"arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_b1pbt_208",
|
|
18
|
+
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_b1pbt_208",
|
|
19
|
+
"arrow-variant-info": "awsui_arrow-variant-info_xjuzf_b1pbt_212",
|
|
20
|
+
"body": "awsui_body_xjuzf_b1pbt_227",
|
|
21
|
+
"body-overflow-visible": "awsui_body-overflow-visible_xjuzf_b1pbt_263",
|
|
22
|
+
"body-variant-chart": "awsui_body-variant-chart_xjuzf_b1pbt_266",
|
|
23
|
+
"has-dismiss": "awsui_has-dismiss_xjuzf_b1pbt_271",
|
|
24
|
+
"dismiss": "awsui_dismiss_xjuzf_b1pbt_276",
|
|
25
|
+
"dismiss-control": "awsui_dismiss-control_xjuzf_b1pbt_284",
|
|
26
|
+
"header-row": "awsui_header-row_xjuzf_b1pbt_288",
|
|
27
|
+
"header": "awsui_header_xjuzf_b1pbt_288",
|
|
28
|
+
"content": "awsui_content_xjuzf_b1pbt_313",
|
|
29
|
+
"content-overflow-visible": "awsui_content-overflow-visible_xjuzf_b1pbt_322",
|
|
30
|
+
"container": "awsui_container_xjuzf_b1pbt_334",
|
|
31
|
+
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_b1pbt_345",
|
|
32
|
+
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_b1pbt_345",
|
|
33
|
+
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_b1pbt_345",
|
|
34
|
+
"container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_b1pbt_350",
|
|
35
|
+
"container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_b1pbt_350",
|
|
36
|
+
"container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_b1pbt_350",
|
|
37
|
+
"container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_b1pbt_355",
|
|
38
|
+
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_b1pbt_355",
|
|
39
|
+
"container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_b1pbt_360",
|
|
40
|
+
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_b1pbt_360",
|
|
41
|
+
"container-body": "awsui_container-body_xjuzf_b1pbt_366",
|
|
42
|
+
"container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_b1pbt_406",
|
|
43
|
+
"container-body-size-small": "awsui_container-body-size-small_xjuzf_b1pbt_411",
|
|
44
|
+
"fixed-width": "awsui_fixed-width_xjuzf_b1pbt_414",
|
|
45
|
+
"container-body-size-medium": "awsui_container-body-size-medium_xjuzf_b1pbt_418",
|
|
46
|
+
"container-body-size-large": "awsui_container-body-size-large_xjuzf_b1pbt_425",
|
|
47
|
+
"container-arrow": "awsui_container-arrow_xjuzf_b1pbt_345",
|
|
48
|
+
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_b1pbt_475",
|
|
49
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_b1pbt_1",
|
|
50
|
+
"refresh": "awsui_refresh_xjuzf_b1pbt_533",
|
|
51
|
+
"root": "awsui_root_xjuzf_b1pbt_555",
|
|
52
|
+
"no-wrap": "awsui_no-wrap_xjuzf_b1pbt_587",
|
|
53
|
+
"trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_b1pbt_590",
|
|
54
|
+
"overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_b1pbt_590",
|
|
55
|
+
"trigger-type-text": "awsui_trigger-type-text_xjuzf_b1pbt_590",
|
|
56
|
+
"root-filtering-token": "awsui_root-filtering-token_xjuzf_b1pbt_612",
|
|
57
|
+
"trigger": "awsui_trigger_xjuzf_b1pbt_590",
|
|
58
|
+
"trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_b1pbt_699",
|
|
59
|
+
"popover-inline-content": "awsui_popover-inline-content_xjuzf_b1pbt_703",
|
|
60
|
+
"hover-area": "awsui_hover-area_xjuzf_b1pbt_707"
|
|
61
61
|
};
|
|
62
62
|
|