@cloudscape-design/components 3.0.64 → 3.0.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/annotation-context/annotation/annotation-popover.d.ts.map +1 -1
- package/annotation-context/annotation/annotation-popover.js +2 -2
- package/annotation-context/annotation/annotation-popover.js.map +1 -1
- package/autosuggest/interfaces.d.ts +2 -2
- package/autosuggest/interfaces.d.ts.map +1 -1
- package/autosuggest/interfaces.js.map +1 -1
- package/button-dropdown/tooltip.js +2 -2
- package/button-dropdown/tooltip.js.map +1 -1
- package/calendar/interfaces.d.ts +2 -1
- package/calendar/interfaces.d.ts.map +1 -1
- package/calendar/interfaces.js.map +1 -1
- package/calendar/internal.d.ts +2 -1
- package/calendar/internal.d.ts.map +1 -1
- package/calendar/internal.js +8 -3
- package/calendar/internal.js.map +1 -1
- package/cards/index.d.ts.map +1 -1
- package/cards/index.js +15 -5
- package/cards/index.js.map +1 -1
- package/checkbox/base-checkbox.d.ts +1 -5
- package/checkbox/base-checkbox.d.ts.map +1 -1
- package/checkbox/base-checkbox.js.map +1 -1
- package/checkbox/internal.d.ts.map +1 -1
- package/checkbox/internal.js +3 -1
- package/checkbox/internal.js.map +1 -1
- package/container/internal.d.ts +2 -1
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +3 -2
- package/container/internal.js.map +1 -1
- package/date-input/index.d.ts.map +1 -1
- package/date-input/index.js +3 -4
- package/date-input/index.js.map +1 -1
- package/date-input/internal.d.ts.map +1 -1
- package/date-input/internal.js +2 -2
- package/date-input/internal.js.map +1 -1
- package/date-range-picker/calendar/index.js +2 -2
- package/date-range-picker/calendar/index.js.map +1 -1
- package/form-field/interfaces.d.ts +12 -0
- package/form-field/interfaces.d.ts.map +1 -1
- package/form-field/interfaces.js.map +1 -1
- package/form-field/internal.d.ts +3 -2
- package/form-field/internal.d.ts.map +1 -1
- package/form-field/internal.js +4 -4
- package/form-field/internal.js.map +1 -1
- package/index.d.ts +2 -0
- package/index.d.ts.map +1 -1
- package/index.js +2 -0
- package/index.js.map +1 -1
- package/input/interfaces.d.ts +11 -9
- package/input/interfaces.d.ts.map +1 -1
- package/input/interfaces.js.map +1 -1
- package/input/internal.d.ts +2 -2
- package/input/internal.d.ts.map +1 -1
- package/input/internal.js.map +1 -1
- package/internal/components/autosuggest-input/index.d.ts +2 -2
- package/internal/components/autosuggest-input/index.d.ts.map +1 -1
- package/internal/components/autosuggest-input/index.js.map +1 -1
- package/internal/components/chart-popover/index.js +2 -2
- package/internal/components/chart-popover/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/link/interfaces.d.ts +1 -1
- package/link/interfaces.d.ts.map +1 -1
- package/link/interfaces.js.map +1 -1
- package/link/styles.css.js +20 -19
- package/link/styles.scoped.css +75 -70
- package/link/styles.selectors.js +20 -19
- package/package.json +3 -1
- package/popover/body.d.ts +1 -4
- package/popover/body.d.ts.map +1 -1
- package/popover/body.js +2 -4
- package/popover/body.js.map +1 -1
- package/popover/container.d.ts +4 -1
- package/popover/container.d.ts.map +1 -1
- package/popover/container.js +51 -37
- package/popover/container.js.map +1 -1
- package/popover/internal.js +2 -2
- package/popover/internal.js.map +1 -1
- package/popover/styles.css.js +49 -48
- package/popover/styles.scoped.css +209 -89
- package/popover/styles.selectors.js +49 -48
- package/popover/utils/positions.d.ts +1 -0
- package/popover/utils/positions.d.ts.map +1 -1
- package/popover/utils/positions.js +40 -14
- package/popover/utils/positions.js.map +1 -1
- package/radio-group/interfaces.d.ts +5 -0
- package/radio-group/interfaces.d.ts.map +1 -1
- package/radio-group/interfaces.js.map +1 -1
- package/tag-editor/index.d.ts.map +1 -1
- package/tag-editor/index.js +1 -1
- package/tag-editor/index.js.map +1 -1
- package/tag-editor/interfaces.d.ts +1 -0
- package/tag-editor/interfaces.d.ts.map +1 -1
- package/tag-editor/interfaces.js.map +1 -1
- package/test-utils/dom/index.d.ts +6 -0
- package/test-utils/dom/index.js +18 -2
- package/test-utils/dom/index.js.map +1 -1
- package/test-utils/selectors/index.d.ts +6 -0
- package/test-utils/selectors/index.js +18 -2
- package/test-utils/selectors/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/textarea/interfaces.d.ts +2 -2
- package/textarea/interfaces.d.ts.map +1 -1
- package/textarea/interfaces.js.map +1 -1
- package/time-input/interfaces.d.ts +2 -2
- package/time-input/interfaces.d.ts.map +1 -1
- package/time-input/interfaces.js.map +1 -1
- package/toggle/internal.d.ts.map +1 -1
- package/toggle/internal.js +3 -1
- package/toggle/internal.js.map +1 -1
package/link/styles.scoped.css
CHANGED
|
@@ -90,7 +90,7 @@ 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_4c84z_d1guz_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -139,31 +139,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
139
139
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
140
140
|
}
|
|
141
141
|
@media (prefers-reduced-motion: reduce) {
|
|
142
|
-
.
|
|
142
|
+
.awsui_link_4c84z_d1guz_93:not(#\9) {
|
|
143
143
|
animation: none;
|
|
144
144
|
transition: none;
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
|
-
.awsui-motion-disabled .
|
|
147
|
+
.awsui-motion-disabled .awsui_link_4c84z_d1guz_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93:not(#\9) {
|
|
148
148
|
animation: none;
|
|
149
149
|
transition: none;
|
|
150
150
|
}
|
|
151
|
-
.
|
|
151
|
+
.awsui_link_4c84z_d1guz_93:not(#\9):hover {
|
|
152
152
|
cursor: pointer;
|
|
153
153
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
154
154
|
}
|
|
155
|
-
.
|
|
155
|
+
.awsui_link_4c84z_d1guz_93:not(#\9):focus {
|
|
156
156
|
outline: none;
|
|
157
157
|
}
|
|
158
|
-
.
|
|
158
|
+
.awsui_link_4c84z_d1guz_93:not(#\9):active {
|
|
159
159
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
160
160
|
}
|
|
161
|
-
.
|
|
161
|
+
.awsui_link_4c84z_d1guz_93:not(#\9):active, .awsui_link_4c84z_d1guz_93:not(#\9):focus, .awsui_link_4c84z_d1guz_93:not(#\9):hover {
|
|
162
162
|
text-decoration: underline;
|
|
163
163
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
164
164
|
text-decoration-color: currentColor;
|
|
165
165
|
}
|
|
166
|
-
.
|
|
166
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9) {
|
|
167
167
|
color: var(--color-text-link-default-5f186r, #0972d3);
|
|
168
168
|
font-weight: inherit;
|
|
169
169
|
letter-spacing: normal;
|
|
@@ -176,31 +176,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
176
176
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
177
177
|
}
|
|
178
178
|
@media (prefers-reduced-motion: reduce) {
|
|
179
|
-
.
|
|
179
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9) {
|
|
180
180
|
animation: none;
|
|
181
181
|
transition: none;
|
|
182
182
|
}
|
|
183
183
|
}
|
|
184
|
-
.awsui-motion-disabled .
|
|
184
|
+
.awsui-motion-disabled .awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9) {
|
|
185
185
|
animation: none;
|
|
186
186
|
transition: none;
|
|
187
187
|
}
|
|
188
|
-
.
|
|
188
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9):hover {
|
|
189
189
|
cursor: pointer;
|
|
190
190
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
191
191
|
}
|
|
192
|
-
.
|
|
192
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9):focus {
|
|
193
193
|
outline: none;
|
|
194
194
|
}
|
|
195
|
-
.
|
|
195
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9):active {
|
|
196
196
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
197
197
|
}
|
|
198
|
-
.
|
|
198
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9):active, .awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9):focus, .awsui_link_4c84z_d1guz_93.awsui_variant-secondary_4c84z_d1guz_138:not(#\9):hover {
|
|
199
199
|
text-decoration: underline;
|
|
200
200
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
201
201
|
text-decoration-color: currentColor;
|
|
202
202
|
}
|
|
203
|
-
.
|
|
203
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9) {
|
|
204
204
|
color: var(--color-text-link-default-5f186r, #0972d3);
|
|
205
205
|
font-weight: var(--font-link-primary-weight-91pybi, "inherit");
|
|
206
206
|
letter-spacing: var(--font-link-primary-letter-spacing-vmsgcx, "inherit");
|
|
@@ -214,31 +214,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
214
214
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
215
215
|
}
|
|
216
216
|
@media (prefers-reduced-motion: reduce) {
|
|
217
|
-
.
|
|
217
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9) {
|
|
218
218
|
animation: none;
|
|
219
219
|
transition: none;
|
|
220
220
|
}
|
|
221
221
|
}
|
|
222
|
-
.awsui-motion-disabled .
|
|
222
|
+
.awsui-motion-disabled .awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9) {
|
|
223
223
|
animation: none;
|
|
224
224
|
transition: none;
|
|
225
225
|
}
|
|
226
|
-
.
|
|
226
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9):hover {
|
|
227
227
|
cursor: pointer;
|
|
228
228
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
229
229
|
}
|
|
230
|
-
.
|
|
230
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9):focus {
|
|
231
231
|
outline: none;
|
|
232
232
|
}
|
|
233
|
-
.
|
|
233
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9):active {
|
|
234
234
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
235
235
|
}
|
|
236
|
-
.
|
|
236
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9):active, .awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9):focus, .awsui_link_4c84z_d1guz_93.awsui_variant-primary_4c84z_d1guz_173:not(#\9):hover {
|
|
237
237
|
text-decoration: underline;
|
|
238
238
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
239
239
|
text-decoration-color: currentColor;
|
|
240
240
|
}
|
|
241
|
-
.
|
|
241
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9) {
|
|
242
242
|
color: var(--color-text-link-default-5f186r, #0972d3);
|
|
243
243
|
font-weight: var(--font-button-weight-7rj5fx, 800);
|
|
244
244
|
letter-spacing: 0.005em;
|
|
@@ -251,31 +251,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
251
251
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
252
252
|
}
|
|
253
253
|
@media (prefers-reduced-motion: reduce) {
|
|
254
|
-
.
|
|
254
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9) {
|
|
255
255
|
animation: none;
|
|
256
256
|
transition: none;
|
|
257
257
|
}
|
|
258
258
|
}
|
|
259
|
-
.awsui-motion-disabled .
|
|
259
|
+
.awsui-motion-disabled .awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9) {
|
|
260
260
|
animation: none;
|
|
261
261
|
transition: none;
|
|
262
262
|
}
|
|
263
|
-
.
|
|
263
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9):hover {
|
|
264
264
|
cursor: pointer;
|
|
265
265
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
266
266
|
}
|
|
267
|
-
.
|
|
267
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9):focus {
|
|
268
268
|
outline: none;
|
|
269
269
|
}
|
|
270
|
-
.
|
|
270
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9):active {
|
|
271
271
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
272
272
|
}
|
|
273
|
-
.
|
|
273
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9):active, .awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9):focus, .awsui_link_4c84z_d1guz_93.awsui_variant-info_4c84z_d1guz_208:not(#\9):hover {
|
|
274
274
|
text-decoration: underline;
|
|
275
275
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
276
276
|
text-decoration-color: var(--color-text-link-button-underline-hover-ei09le, transparent);
|
|
277
277
|
}
|
|
278
|
-
.
|
|
278
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9) {
|
|
279
279
|
color: var(--color-text-link-default-5f186r, #0972d3);
|
|
280
280
|
font-weight: var(--font-box-value-large-weight-dyt1pj, 800);
|
|
281
281
|
text-decoration: none;
|
|
@@ -287,31 +287,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
287
287
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
288
288
|
}
|
|
289
289
|
@media (prefers-reduced-motion: reduce) {
|
|
290
|
-
.
|
|
290
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9) {
|
|
291
291
|
animation: none;
|
|
292
292
|
transition: none;
|
|
293
293
|
}
|
|
294
294
|
}
|
|
295
|
-
.awsui-motion-disabled .
|
|
295
|
+
.awsui-motion-disabled .awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9) {
|
|
296
296
|
animation: none;
|
|
297
297
|
transition: none;
|
|
298
298
|
}
|
|
299
|
-
.
|
|
299
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9):hover {
|
|
300
300
|
cursor: pointer;
|
|
301
301
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
302
302
|
}
|
|
303
|
-
.
|
|
303
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9):focus {
|
|
304
304
|
outline: none;
|
|
305
305
|
}
|
|
306
|
-
.
|
|
306
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9):active {
|
|
307
307
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
308
308
|
}
|
|
309
|
-
.
|
|
309
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9):active, .awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9):focus, .awsui_link_4c84z_d1guz_93.awsui_variant-value-large_4c84z_d1guz_243:not(#\9):hover {
|
|
310
310
|
text-decoration: underline;
|
|
311
311
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
312
312
|
text-decoration-color: currentColor;
|
|
313
313
|
}
|
|
314
|
-
.
|
|
314
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9) {
|
|
315
315
|
color: var(--color-text-interactive-default-eg5fsa, #414d5c);
|
|
316
316
|
font-weight: 700;
|
|
317
317
|
letter-spacing: 0.005em;
|
|
@@ -324,31 +324,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
324
324
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
325
325
|
}
|
|
326
326
|
@media (prefers-reduced-motion: reduce) {
|
|
327
|
-
.
|
|
327
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9) {
|
|
328
328
|
animation: none;
|
|
329
329
|
transition: none;
|
|
330
330
|
}
|
|
331
331
|
}
|
|
332
|
-
.awsui-motion-disabled .
|
|
332
|
+
.awsui-motion-disabled .awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9) {
|
|
333
333
|
animation: none;
|
|
334
334
|
transition: none;
|
|
335
335
|
}
|
|
336
|
-
.
|
|
336
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9):hover {
|
|
337
337
|
cursor: pointer;
|
|
338
338
|
color: var(--color-text-interactive-hover-v3lasm, #000716);
|
|
339
339
|
}
|
|
340
|
-
.
|
|
340
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9):focus {
|
|
341
341
|
outline: none;
|
|
342
342
|
}
|
|
343
|
-
.
|
|
343
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9):active {
|
|
344
344
|
color: var(--color-text-interactive-active-vol84d, #000716);
|
|
345
345
|
}
|
|
346
|
-
.
|
|
346
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9):active, .awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9):focus, .awsui_link_4c84z_d1guz_93.awsui_variant-top-navigation_4c84z_d1guz_277:not(#\9):hover {
|
|
347
347
|
text-decoration: underline;
|
|
348
348
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
349
349
|
text-decoration-color: transparent;
|
|
350
350
|
}
|
|
351
|
-
.
|
|
351
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9) {
|
|
352
352
|
color: var(--color-text-link-default-5f186r, #0972d3);
|
|
353
353
|
font-weight: var(--font-link-button-weight-4f1hjr, 800);
|
|
354
354
|
letter-spacing: var(--font-link-button-letter-spacing-58wset, 0.005em);
|
|
@@ -361,31 +361,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
361
361
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
362
362
|
}
|
|
363
363
|
@media (prefers-reduced-motion: reduce) {
|
|
364
|
-
.
|
|
364
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9) {
|
|
365
365
|
animation: none;
|
|
366
366
|
transition: none;
|
|
367
367
|
}
|
|
368
368
|
}
|
|
369
|
-
.awsui-motion-disabled .
|
|
369
|
+
.awsui-motion-disabled .awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9) {
|
|
370
370
|
animation: none;
|
|
371
371
|
transition: none;
|
|
372
372
|
}
|
|
373
|
-
.
|
|
373
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9):hover {
|
|
374
374
|
cursor: pointer;
|
|
375
375
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
376
376
|
}
|
|
377
|
-
.
|
|
377
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9):focus {
|
|
378
378
|
outline: none;
|
|
379
379
|
}
|
|
380
|
-
.
|
|
380
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9):active {
|
|
381
381
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
382
382
|
}
|
|
383
|
-
.
|
|
383
|
+
.awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9):active, .awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9):focus, .awsui_link_4c84z_d1guz_93.awsui_variant-recovery_4c84z_d1guz_312:not(#\9):hover {
|
|
384
384
|
text-decoration: underline;
|
|
385
385
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
386
386
|
text-decoration-color: var(--color-text-link-button-underline-hover-ei09le, transparent);
|
|
387
387
|
}
|
|
388
|
-
.
|
|
388
|
+
.awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9) {
|
|
389
389
|
color: var(--color-text-link-button-normal-default-2yrp9u, #0972d3);
|
|
390
390
|
font-weight: var(--font-button-weight-7rj5fx, 800);
|
|
391
391
|
letter-spacing: var(--font-button-letter-spacing-8y5poz, 0.005em);
|
|
@@ -398,42 +398,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
398
398
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
399
399
|
}
|
|
400
400
|
@media (prefers-reduced-motion: reduce) {
|
|
401
|
-
.
|
|
401
|
+
.awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9) {
|
|
402
402
|
animation: none;
|
|
403
403
|
transition: none;
|
|
404
404
|
}
|
|
405
405
|
}
|
|
406
|
-
.awsui-motion-disabled .
|
|
406
|
+
.awsui-motion-disabled .awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9) {
|
|
407
407
|
animation: none;
|
|
408
408
|
transition: none;
|
|
409
409
|
}
|
|
410
|
-
.
|
|
410
|
+
.awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9):hover {
|
|
411
411
|
cursor: pointer;
|
|
412
412
|
color: var(--color-text-link-button-normal-hover-gz8y5b, #033160);
|
|
413
413
|
}
|
|
414
|
-
.
|
|
414
|
+
.awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9):focus {
|
|
415
415
|
outline: none;
|
|
416
416
|
}
|
|
417
|
-
.
|
|
417
|
+
.awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9):active {
|
|
418
418
|
color: var(--color-text-link-button-normal-active-8lhs8f, #033160);
|
|
419
419
|
}
|
|
420
|
-
.
|
|
420
|
+
.awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9):active, .awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9):focus, .awsui_link_4c84z_d1guz_93.awsui_button_4c84z_d1guz_347:not(#\9):hover {
|
|
421
421
|
text-decoration: underline;
|
|
422
422
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
423
423
|
text-decoration-color: transparent;
|
|
424
424
|
}
|
|
425
|
-
.
|
|
425
|
+
.awsui_link_4c84z_d1guz_93.awsui_color-inverted_4c84z_d1guz_382:not(#\9) {
|
|
426
426
|
color: var(--color-text-notification-default-2kpcxy, #fbfbfb);
|
|
427
427
|
}
|
|
428
|
-
.
|
|
428
|
+
.awsui_link_4c84z_d1guz_93.awsui_color-inverted_4c84z_d1guz_382:not(#\9):not(.awsui_button_4c84z_d1guz_347) {
|
|
429
429
|
text-decoration: underline;
|
|
430
430
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
431
431
|
text-decoration-color: currentColor;
|
|
432
432
|
}
|
|
433
|
-
.
|
|
433
|
+
.awsui_link_4c84z_d1guz_93.awsui_color-inverted_4c84z_d1guz_382:not(#\9):hover {
|
|
434
434
|
color: var(--color-text-link-inverted-hover-5tnsdi, #ffffff);
|
|
435
435
|
}
|
|
436
|
-
.
|
|
436
|
+
.awsui_link_4c84z_d1guz_93[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
437
437
|
outline: thin dotted;
|
|
438
438
|
outline: var(--border-link-focus-ring-outline-k2wccv, 0);
|
|
439
439
|
outline-offset: 2px;
|
|
@@ -441,49 +441,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
441
441
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
442
442
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
443
443
|
}
|
|
444
|
-
.
|
|
444
|
+
.awsui_link_4c84z_d1guz_93.awsui_font-size-body-s_4c84z_d1guz_401:not(#\9) {
|
|
445
445
|
font-size: var(--font-body-s-size-ukw2p9, 12px);
|
|
446
446
|
line-height: var(--font-body-s-line-height-kdsbrl, 16px);
|
|
447
447
|
letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
|
|
448
448
|
}
|
|
449
|
-
.
|
|
449
|
+
.awsui_link_4c84z_d1guz_93.awsui_font-size-body-m_4c84z_d1guz_406:not(#\9) {
|
|
450
450
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
451
451
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
452
452
|
}
|
|
453
|
-
.
|
|
453
|
+
.awsui_link_4c84z_d1guz_93.awsui_font-size-heading-xs_4c84z_d1guz_410:not(#\9) {
|
|
454
454
|
font-size: var(--font-heading-xs-size-fryxro, 14px);
|
|
455
455
|
line-height: var(--font-heading-xs-line-height-5x131j, 18px);
|
|
456
456
|
}
|
|
457
|
-
.
|
|
457
|
+
.awsui_link_4c84z_d1guz_93.awsui_font-size-heading-s_4c84z_d1guz_414:not(#\9) {
|
|
458
458
|
font-size: var(--font-heading-s-size-9clg8y, 16px);
|
|
459
459
|
line-height: var(--font-heading-s-line-height-5b7f0q, 20px);
|
|
460
460
|
letter-spacing: var(--font-heading-s-letter-spacing-4d69jc, -0.005em);
|
|
461
461
|
}
|
|
462
|
-
.
|
|
462
|
+
.awsui_link_4c84z_d1guz_93.awsui_font-size-heading-m_4c84z_d1guz_419:not(#\9) {
|
|
463
463
|
font-size: var(--font-heading-m-size-6e3jmg, 20px);
|
|
464
464
|
line-height: var(--font-heading-m-line-height-u3t54f, 24px);
|
|
465
465
|
letter-spacing: var(--font-heading-m-letter-spacing-r00pg3, -0.01em);
|
|
466
466
|
}
|
|
467
|
-
.
|
|
467
|
+
.awsui_link_4c84z_d1guz_93.awsui_font-size-heading-l_4c84z_d1guz_424:not(#\9) {
|
|
468
468
|
font-size: var(--font-heading-l-size-otmxys, 24px);
|
|
469
469
|
line-height: var(--font-heading-l-line-height-gev4n1, 30px);
|
|
470
470
|
letter-spacing: var(--font-heading-l-letter-spacing-f6wvtk, -0.015em);
|
|
471
471
|
}
|
|
472
|
-
.
|
|
472
|
+
.awsui_link_4c84z_d1guz_93.awsui_font-size-heading-xl_4c84z_d1guz_429:not(#\9) {
|
|
473
473
|
font-size: var(--font-heading-xl-size-d0vjbk, 32px);
|
|
474
474
|
line-height: var(--font-heading-xl-line-height-doxfdj, 40px);
|
|
475
475
|
letter-spacing: var(--font-heading-xl-letter-spacing-9tcsmy, -0.02em);
|
|
476
476
|
}
|
|
477
|
-
.
|
|
477
|
+
.awsui_link_4c84z_d1guz_93.awsui_font-size-display-l_4c84z_d1guz_434:not(#\9) {
|
|
478
478
|
font-size: var(--font-display-l-size-03lgcb, 48px);
|
|
479
479
|
line-height: var(--font-display-l-line-height-71tnj3, 54px);
|
|
480
480
|
letter-spacing: var(--font-display-l-letter-spacing-4ff418, -0.03em);
|
|
481
481
|
}
|
|
482
|
+
.awsui_link_4c84z_d1guz_93.awsui_font-size-inherit_4c84z_d1guz_439:not(#\9) {
|
|
483
|
+
font-size: inherit;
|
|
484
|
+
line-height: inherit;
|
|
485
|
+
letter-spacing: inherit;
|
|
486
|
+
}
|
|
482
487
|
|
|
483
|
-
.awsui_icon-
|
|
488
|
+
.awsui_icon-wrapper_4c84z_d1guz_445:not(#\9) {
|
|
484
489
|
white-space: nowrap;
|
|
485
490
|
}
|
|
486
491
|
|
|
487
|
-
.
|
|
492
|
+
.awsui_icon_4c84z_d1guz_445:not(#\9) {
|
|
488
493
|
display: inline-block;
|
|
489
494
|
}
|
package/link/styles.selectors.js
CHANGED
|
@@ -2,24 +2,25 @@
|
|
|
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
|
-
"variant-secondary": "awsui_variant-
|
|
7
|
-
"variant-primary": "awsui_variant-
|
|
8
|
-
"variant-info": "awsui_variant-
|
|
9
|
-
"variant-value-large": "awsui_variant-value-
|
|
10
|
-
"variant-top-navigation": "awsui_variant-top-
|
|
11
|
-
"variant-recovery": "awsui_variant-
|
|
12
|
-
"button": "
|
|
13
|
-
"color-inverted": "awsui_color-
|
|
14
|
-
"font-size-body-s": "awsui_font-size-body-
|
|
15
|
-
"font-size-body-m": "awsui_font-size-body-
|
|
16
|
-
"font-size-heading-xs": "awsui_font-size-heading-
|
|
17
|
-
"font-size-heading-s": "awsui_font-size-heading-
|
|
18
|
-
"font-size-heading-m": "awsui_font-size-heading-
|
|
19
|
-
"font-size-heading-l": "awsui_font-size-heading-
|
|
20
|
-
"font-size-heading-xl": "awsui_font-size-heading-
|
|
21
|
-
"font-size-display-l": "awsui_font-size-display-
|
|
22
|
-
"
|
|
23
|
-
"icon": "
|
|
5
|
+
"link": "awsui_link_4c84z_d1guz_93",
|
|
6
|
+
"variant-secondary": "awsui_variant-secondary_4c84z_d1guz_138",
|
|
7
|
+
"variant-primary": "awsui_variant-primary_4c84z_d1guz_173",
|
|
8
|
+
"variant-info": "awsui_variant-info_4c84z_d1guz_208",
|
|
9
|
+
"variant-value-large": "awsui_variant-value-large_4c84z_d1guz_243",
|
|
10
|
+
"variant-top-navigation": "awsui_variant-top-navigation_4c84z_d1guz_277",
|
|
11
|
+
"variant-recovery": "awsui_variant-recovery_4c84z_d1guz_312",
|
|
12
|
+
"button": "awsui_button_4c84z_d1guz_347",
|
|
13
|
+
"color-inverted": "awsui_color-inverted_4c84z_d1guz_382",
|
|
14
|
+
"font-size-body-s": "awsui_font-size-body-s_4c84z_d1guz_401",
|
|
15
|
+
"font-size-body-m": "awsui_font-size-body-m_4c84z_d1guz_406",
|
|
16
|
+
"font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_d1guz_410",
|
|
17
|
+
"font-size-heading-s": "awsui_font-size-heading-s_4c84z_d1guz_414",
|
|
18
|
+
"font-size-heading-m": "awsui_font-size-heading-m_4c84z_d1guz_419",
|
|
19
|
+
"font-size-heading-l": "awsui_font-size-heading-l_4c84z_d1guz_424",
|
|
20
|
+
"font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_d1guz_429",
|
|
21
|
+
"font-size-display-l": "awsui_font-size-display-l_4c84z_d1guz_434",
|
|
22
|
+
"font-size-inherit": "awsui_font-size-inherit_4c84z_d1guz_439",
|
|
23
|
+
"icon-wrapper": "awsui_icon-wrapper_4c84z_d1guz_445",
|
|
24
|
+
"icon": "awsui_icon_4c84z_d1guz_445"
|
|
24
25
|
};
|
|
25
26
|
|
package/package.json
CHANGED
|
@@ -42,6 +42,7 @@
|
|
|
42
42
|
"./breadcrumb-group": "./breadcrumb-group/index.js",
|
|
43
43
|
"./button": "./button/index.js",
|
|
44
44
|
"./button-dropdown": "./button-dropdown/index.js",
|
|
45
|
+
"./calendar": "./calendar/index.js",
|
|
45
46
|
"./cards": "./cards/index.js",
|
|
46
47
|
"./checkbox": "./checkbox/index.js",
|
|
47
48
|
"./code-editor": "./code-editor/index.js",
|
|
@@ -49,6 +50,7 @@
|
|
|
49
50
|
"./column-layout": "./column-layout/index.js",
|
|
50
51
|
"./container": "./container/index.js",
|
|
51
52
|
"./content-layout": "./content-layout/index.js",
|
|
53
|
+
"./date-input": "./date-input/index.js",
|
|
52
54
|
"./date-picker": "./date-picker/index.js",
|
|
53
55
|
"./date-range-picker": "./date-range-picker/index.js",
|
|
54
56
|
"./expandable-section": "./expandable-section/index.js",
|
|
@@ -111,6 +113,6 @@
|
|
|
111
113
|
"./internal/base-component/index.js",
|
|
112
114
|
"./internal/base-component/styles.css.js"
|
|
113
115
|
],
|
|
114
|
-
"version": "3.0.
|
|
116
|
+
"version": "3.0.66",
|
|
115
117
|
"license": "Apache-2.0"
|
|
116
118
|
}
|
package/popover/body.d.ts
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ButtonProps } from '../button/interfaces';
|
|
3
|
-
import { PopoverProps } from './interfaces';
|
|
4
3
|
export interface PopoverBodyProps {
|
|
5
|
-
size: PopoverProps.Size;
|
|
6
|
-
fixedWidth: boolean;
|
|
7
4
|
dismissButton: boolean;
|
|
8
5
|
dismissAriaLabel: string | undefined;
|
|
9
6
|
onDismiss: () => void;
|
|
@@ -15,5 +12,5 @@ export interface PopoverBodyProps {
|
|
|
15
12
|
dismissButtonRef?: React.Ref<ButtonProps.Ref>;
|
|
16
13
|
className?: string;
|
|
17
14
|
}
|
|
18
|
-
export default function PopoverBody({
|
|
15
|
+
export default function PopoverBody({ dismissButton: showDismissButton, dismissAriaLabel, header, children, onDismiss, variant, returnFocus, overflowVisible, dismissButtonRef, className, }: PopoverBodyProps): JSX.Element;
|
|
19
16
|
//# sourceMappingURL=body.d.ts.map
|
package/popover/body.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAKnD,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAErC,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAE9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,aAAa,EAAE,iBAAiB,EAChC,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,WAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,SAAS,GACV,EAAE,gBAAgB,eAsDlB"}
|
package/popover/body.js
CHANGED
|
@@ -9,7 +9,7 @@ import { InternalButton } from '../button/internal';
|
|
|
9
9
|
import styles from './styles.css.js';
|
|
10
10
|
export default function PopoverBody(_a) {
|
|
11
11
|
var _b, _c;
|
|
12
|
-
var
|
|
12
|
+
var showDismissButton = _a.dismissButton, dismissAriaLabel = _a.dismissAriaLabel, header = _a.header, children = _a.children, onDismiss = _a.onDismiss, variant = _a.variant, _d = _a.returnFocus, returnFocus = _d === void 0 ? true : _d, overflowVisible = _a.overflowVisible, dismissButtonRef = _a.dismissButtonRef, className = _a.className;
|
|
13
13
|
var labelledById = useUniqueId('awsui-popover-');
|
|
14
14
|
var onKeyDown = useCallback(function (event) {
|
|
15
15
|
if (event.keyCode === KeyCode.escape) {
|
|
@@ -18,9 +18,7 @@ export default function PopoverBody(_a) {
|
|
|
18
18
|
}, [onDismiss]);
|
|
19
19
|
var dismissButton = (showDismissButton !== null && showDismissButton !== void 0 ? showDismissButton : null) && (React.createElement("div", { className: styles.dismiss },
|
|
20
20
|
React.createElement(InternalButton, { variant: "icon", formAction: "none", iconName: "close", className: styles['dismiss-control'], ariaLabel: dismissAriaLabel, onClick: function () { return onDismiss(); }, ref: dismissButtonRef })));
|
|
21
|
-
return (React.createElement("div", { className: clsx(styles.body, className,
|
|
22
|
-
_b[styles['fixed-width']] = fixedWidth,
|
|
23
|
-
_b[styles["variant-".concat(variant)]] = variant,
|
|
21
|
+
return (React.createElement("div", { className: clsx(styles.body, className, (_b = {},
|
|
24
22
|
_b[styles['body-overflow-visible']] = overflowVisible === 'both',
|
|
25
23
|
_b)), role: header ? 'dialog' : undefined, onKeyDown: onKeyDown, "aria-modal": showDismissButton && variant !== 'annotation' ? true : undefined, "aria-labelledby": header ? labelledById : undefined },
|
|
26
24
|
React.createElement(FocusLock, { disabled: variant === 'annotation' || !showDismissButton, autoFocus: true, returnFocus: returnFocus },
|
package/popover/body.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;
|
|
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 } from 'react';\nimport clsx from 'clsx';\nimport FocusLock from 'react-focus-lock';\n\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\n\nimport styles from './styles.css.js';\n\nexport interface PopoverBodyProps {\n dismissButton: boolean;\n dismissAriaLabel: string | undefined;\n onDismiss: () => void;\n\n header: React.ReactNode | undefined;\n children: React.ReactNode;\n variant?: 'annotation';\n returnFocus?: boolean;\n overflowVisible?: 'content' | 'both';\n\n dismissButtonRef?: React.Ref<ButtonProps.Ref>;\n\n className?: string;\n}\n\nexport default function PopoverBody({\n dismissButton: showDismissButton,\n dismissAriaLabel,\n header,\n children,\n onDismiss,\n variant,\n returnFocus = true,\n overflowVisible,\n dismissButtonRef,\n className,\n}: PopoverBodyProps) {\n const labelledById = useUniqueId('awsui-popover-');\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.escape) {\n onDismiss();\n }\n },\n [onDismiss]\n );\n\n const dismissButton = (showDismissButton ?? null) && (\n <div className={styles.dismiss}>\n <InternalButton\n variant=\"icon\"\n formAction=\"none\"\n iconName=\"close\"\n className={styles['dismiss-control']}\n ariaLabel={dismissAriaLabel}\n onClick={() => onDismiss()}\n ref={dismissButtonRef}\n />\n </div>\n );\n\n return (\n <div\n className={clsx(styles.body, className, {\n [styles['body-overflow-visible']]: overflowVisible === 'both',\n })}\n role={header ? 'dialog' : undefined}\n onKeyDown={onKeyDown}\n aria-modal={showDismissButton && variant !== 'annotation' ? true : undefined}\n aria-labelledby={header ? labelledById : undefined}\n >\n <FocusLock disabled={variant === 'annotation' || !showDismissButton} autoFocus={true} returnFocus={returnFocus}>\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 </div>\n );\n}\n"]}
|
package/popover/container.d.ts
CHANGED
|
@@ -18,6 +18,9 @@ export interface PopoverContainerProps {
|
|
|
18
18
|
arrow: (position: InternalPosition | null) => React.ReactNode;
|
|
19
19
|
children: React.ReactNode;
|
|
20
20
|
renderWithPortal?: boolean;
|
|
21
|
+
size: PopoverProps.Size;
|
|
22
|
+
fixedWidth: boolean;
|
|
23
|
+
variant?: 'annotation';
|
|
21
24
|
}
|
|
22
|
-
export default function PopoverContainer({ position, trackRef, trackKey, arrow, children, zIndex, renderWithPortal, }: PopoverContainerProps): JSX.Element;
|
|
25
|
+
export default function PopoverContainer({ position, trackRef, trackKey, arrow, children, zIndex, renderWithPortal, size, fixedWidth, variant, }: PopoverContainerProps): JSX.Element;
|
|
23
26
|
//# sourceMappingURL=container.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/popover/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAK7F,OAAO,EAAkB,gBAAgB,EAAU,YAAY,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/popover/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAK7F,OAAO,EAAkB,gBAAgB,EAAU,YAAY,EAAE,MAAM,cAAc,CAAC;AAKtF,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,OAAO,GACR,EAAE,qBAAqB,eAqKvB"}
|