@cloudscape-design/components 3.0.1268 → 3.0.1269

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.
Files changed (30) hide show
  1. package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.d.ts.map +1 -1
  2. package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.js +0 -13
  3. package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.js.map +1 -1
  4. package/internal/base-component/styles.scoped.css +1 -1
  5. package/internal/context/reset-contexts-for-modal.d.ts.map +1 -1
  6. package/internal/context/reset-contexts-for-modal.js +1 -3
  7. package/internal/context/reset-contexts-for-modal.js.map +1 -1
  8. package/internal/environment.js +2 -2
  9. package/internal/environment.json +2 -2
  10. package/internal/manifest.json +1 -1
  11. package/link/internal.d.ts.map +1 -1
  12. package/link/internal.js +1 -3
  13. package/link/internal.js.map +1 -1
  14. package/link/styles.css.js +20 -21
  15. package/link/styles.scoped.css +71 -74
  16. package/link/styles.selectors.js +20 -21
  17. package/package.json +1 -1
  18. package/popover/internal.d.ts.map +1 -1
  19. package/popover/internal.js +1 -3
  20. package/popover/internal.js.map +1 -1
  21. package/popover/styles.css.js +57 -58
  22. package/popover/styles.scoped.css +89 -92
  23. package/popover/styles.selectors.js +57 -58
  24. package/token/internal.d.ts.map +1 -1
  25. package/token/internal.js +15 -17
  26. package/token/internal.js.map +1 -1
  27. package/internal/context/token-inline-context.d.ts +0 -6
  28. package/internal/context/token-inline-context.d.ts.map +0 -1
  29. package/internal/context/token-inline-context.js +0 -11
  30. package/internal/context/token-inline-context.js.map +0 -1
package/link/styles.scoped.css CHANGED
@@ -142,7 +142,7 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_link_4c84z_19rql_145:not(#\9) {
145
+ .awsui_link_4c84z_1awr6_145:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -188,30 +188,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
188
188
  transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
189
189
  }
190
190
  @media (prefers-reduced-motion: reduce) {
191
- .awsui_link_4c84z_19rql_145:not(#\9) {
191
+ .awsui_link_4c84z_1awr6_145:not(#\9) {
192
192
  animation: none;
193
193
  transition: none;
194
194
  }
195
195
  }
196
- .awsui-motion-disabled .awsui_link_4c84z_19rql_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145:not(#\9) {
196
+ .awsui-motion-disabled .awsui_link_4c84z_1awr6_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145:not(#\9) {
197
197
  animation: none;
198
198
  transition: none;
199
199
  }
200
- .awsui_link_4c84z_19rql_145:not(#\9):hover {
200
+ .awsui_link_4c84z_1awr6_145:not(#\9):hover {
201
201
  cursor: pointer;
202
202
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
203
203
  }
204
- .awsui_link_4c84z_19rql_145:not(#\9):focus {
204
+ .awsui_link_4c84z_1awr6_145:not(#\9):focus {
205
205
  outline: none;
206
206
  }
207
- .awsui_link_4c84z_19rql_145:not(#\9):active {
207
+ .awsui_link_4c84z_1awr6_145:not(#\9):active {
208
208
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
209
209
  }
210
- .awsui_link_4c84z_19rql_145:not(#\9):active, .awsui_link_4c84z_19rql_145:not(#\9):focus, .awsui_link_4c84z_19rql_145:not(#\9):hover {
210
+ .awsui_link_4c84z_1awr6_145:not(#\9):active, .awsui_link_4c84z_1awr6_145:not(#\9):focus, .awsui_link_4c84z_1awr6_145:not(#\9):hover {
211
211
  text-decoration-line: underline;
212
212
  text-decoration-color: currentColor;
213
213
  }
214
- .awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9) {
214
+ .awsui_link_4c84z_1awr6_145.awsui_variant-secondary_4c84z_1awr6_212:not(#\9) {
215
215
  -webkit-font-smoothing: inherit;
216
216
  -moz-osx-font-smoothing: inherit;
217
217
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
@@ -225,30 +225,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
225
225
  transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
226
226
  }
227
227
  @media (prefers-reduced-motion: reduce) {
228
- .awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9) {
228
+ .awsui_link_4c84z_1awr6_145.awsui_variant-secondary_4c84z_1awr6_212:not(#\9) {
229
229
  animation: none;
230
230
  transition: none;
231
231
  }
232
232
  }
233
- .awsui-motion-disabled .awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9) {
233
+ .awsui-motion-disabled .awsui_link_4c84z_1awr6_145.awsui_variant-secondary_4c84z_1awr6_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145.awsui_variant-secondary_4c84z_1awr6_212:not(#\9) {
234
234
  animation: none;
235
235
  transition: none;
236
236
  }
237
- .awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9):hover {
237
+ .awsui_link_4c84z_1awr6_145.awsui_variant-secondary_4c84z_1awr6_212:not(#\9):hover {
238
238
  cursor: pointer;
239
239
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
240
240
  }
241
- .awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9):focus {
241
+ .awsui_link_4c84z_1awr6_145.awsui_variant-secondary_4c84z_1awr6_212:not(#\9):focus {
242
242
  outline: none;
243
243
  }
244
- .awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9):active {
244
+ .awsui_link_4c84z_1awr6_145.awsui_variant-secondary_4c84z_1awr6_212:not(#\9):active {
245
245
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
246
246
  }
247
- .awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9):active, .awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9):focus, .awsui_link_4c84z_19rql_145.awsui_variant-secondary_4c84z_19rql_212:not(#\9):hover {
247
+ .awsui_link_4c84z_1awr6_145.awsui_variant-secondary_4c84z_1awr6_212:not(#\9):active, .awsui_link_4c84z_1awr6_145.awsui_variant-secondary_4c84z_1awr6_212:not(#\9):focus, .awsui_link_4c84z_1awr6_145.awsui_variant-secondary_4c84z_1awr6_212:not(#\9):hover {
248
248
  text-decoration-line: underline;
249
249
  text-decoration-color: currentColor;
250
250
  }
251
- .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9) {
251
+ .awsui_link_4c84z_1awr6_145.awsui_variant-primary_4c84z_1awr6_247:not(#\9) {
252
252
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
253
253
  font-weight: inherit;
254
254
  letter-spacing: normal;
@@ -260,30 +260,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
260
260
  transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
261
261
  }
262
262
  @media (prefers-reduced-motion: reduce) {
263
- .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9) {
263
+ .awsui_link_4c84z_1awr6_145.awsui_variant-primary_4c84z_1awr6_247:not(#\9) {
264
264
  animation: none;
265
265
  transition: none;
266
266
  }
267
267
  }
268
- .awsui-motion-disabled .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9) {
268
+ .awsui-motion-disabled .awsui_link_4c84z_1awr6_145.awsui_variant-primary_4c84z_1awr6_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145.awsui_variant-primary_4c84z_1awr6_247:not(#\9) {
269
269
  animation: none;
270
270
  transition: none;
271
271
  }
272
- .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9):hover {
272
+ .awsui_link_4c84z_1awr6_145.awsui_variant-primary_4c84z_1awr6_247:not(#\9):hover {
273
273
  cursor: pointer;
274
274
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
275
275
  }
276
- .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9):focus {
276
+ .awsui_link_4c84z_1awr6_145.awsui_variant-primary_4c84z_1awr6_247:not(#\9):focus {
277
277
  outline: none;
278
278
  }
279
- .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9):active {
279
+ .awsui_link_4c84z_1awr6_145.awsui_variant-primary_4c84z_1awr6_247:not(#\9):active {
280
280
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
281
281
  }
282
- .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9):active, .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9):focus, .awsui_link_4c84z_19rql_145.awsui_variant-primary_4c84z_19rql_247:not(#\9):hover {
282
+ .awsui_link_4c84z_1awr6_145.awsui_variant-primary_4c84z_1awr6_247:not(#\9):active, .awsui_link_4c84z_1awr6_145.awsui_variant-primary_4c84z_1awr6_247:not(#\9):focus, .awsui_link_4c84z_1awr6_145.awsui_variant-primary_4c84z_1awr6_247:not(#\9):hover {
283
283
  text-decoration-line: underline;
284
284
  text-decoration-color: currentColor;
285
285
  }
286
- .awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9) {
286
+ .awsui_link_4c84z_1awr6_145.awsui_variant-info_4c84z_1awr6_280:not(#\9) {
287
287
  -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
288
288
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
289
289
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
@@ -297,30 +297,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
297
297
  transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
298
298
  }
299
299
  @media (prefers-reduced-motion: reduce) {
300
- .awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9) {
300
+ .awsui_link_4c84z_1awr6_145.awsui_variant-info_4c84z_1awr6_280:not(#\9) {
301
301
  animation: none;
302
302
  transition: none;
303
303
  }
304
304
  }
305
- .awsui-motion-disabled .awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9) {
305
+ .awsui-motion-disabled .awsui_link_4c84z_1awr6_145.awsui_variant-info_4c84z_1awr6_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145.awsui_variant-info_4c84z_1awr6_280:not(#\9) {
306
306
  animation: none;
307
307
  transition: none;
308
308
  }
309
- .awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9):hover {
309
+ .awsui_link_4c84z_1awr6_145.awsui_variant-info_4c84z_1awr6_280:not(#\9):hover {
310
310
  cursor: pointer;
311
311
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
312
312
  }
313
- .awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9):focus {
313
+ .awsui_link_4c84z_1awr6_145.awsui_variant-info_4c84z_1awr6_280:not(#\9):focus {
314
314
  outline: none;
315
315
  }
316
- .awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9):active {
316
+ .awsui_link_4c84z_1awr6_145.awsui_variant-info_4c84z_1awr6_280:not(#\9):active {
317
317
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
318
318
  }
319
- .awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9):active, .awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9):focus, .awsui_link_4c84z_19rql_145.awsui_variant-info_4c84z_19rql_280:not(#\9):hover {
319
+ .awsui_link_4c84z_1awr6_145.awsui_variant-info_4c84z_1awr6_280:not(#\9):active, .awsui_link_4c84z_1awr6_145.awsui_variant-info_4c84z_1awr6_280:not(#\9):focus, .awsui_link_4c84z_1awr6_145.awsui_variant-info_4c84z_1awr6_280:not(#\9):hover {
320
320
  text-decoration-line: underline;
321
321
  text-decoration-color: var(--color-text-link-button-underline-hover-cn3mqh, transparent);
322
322
  }
323
- .awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9) {
323
+ .awsui_link_4c84z_1awr6_145.awsui_variant-value-large_4c84z_1awr6_315:not(#\9) {
324
324
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
325
325
  font-weight: var(--font-box-value-large-weight-wr00sw, 700);
326
326
  text-decoration-line: underline;
@@ -331,30 +331,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
331
331
  transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
332
332
  }
333
333
  @media (prefers-reduced-motion: reduce) {
334
- .awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9) {
334
+ .awsui_link_4c84z_1awr6_145.awsui_variant-value-large_4c84z_1awr6_315:not(#\9) {
335
335
  animation: none;
336
336
  transition: none;
337
337
  }
338
338
  }
339
- .awsui-motion-disabled .awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9) {
339
+ .awsui-motion-disabled .awsui_link_4c84z_1awr6_145.awsui_variant-value-large_4c84z_1awr6_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145.awsui_variant-value-large_4c84z_1awr6_315:not(#\9) {
340
340
  animation: none;
341
341
  transition: none;
342
342
  }
343
- .awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9):hover {
343
+ .awsui_link_4c84z_1awr6_145.awsui_variant-value-large_4c84z_1awr6_315:not(#\9):hover {
344
344
  cursor: pointer;
345
345
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
346
346
  }
347
- .awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9):focus {
347
+ .awsui_link_4c84z_1awr6_145.awsui_variant-value-large_4c84z_1awr6_315:not(#\9):focus {
348
348
  outline: none;
349
349
  }
350
- .awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9):active {
350
+ .awsui_link_4c84z_1awr6_145.awsui_variant-value-large_4c84z_1awr6_315:not(#\9):active {
351
351
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
352
352
  }
353
- .awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9):active, .awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9):focus, .awsui_link_4c84z_19rql_145.awsui_variant-value-large_4c84z_19rql_315:not(#\9):hover {
353
+ .awsui_link_4c84z_1awr6_145.awsui_variant-value-large_4c84z_1awr6_315:not(#\9):active, .awsui_link_4c84z_1awr6_145.awsui_variant-value-large_4c84z_1awr6_315:not(#\9):focus, .awsui_link_4c84z_1awr6_145.awsui_variant-value-large_4c84z_1awr6_315:not(#\9):hover {
354
354
  text-decoration-line: underline;
355
355
  text-decoration-color: currentColor;
356
356
  }
357
- .awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9) {
357
+ .awsui_link_4c84z_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_347:not(#\9) {
358
358
  -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
359
359
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
360
360
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-interactive-default-ugh9wp, #424650));
@@ -368,30 +368,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
368
368
  transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
369
369
  }
370
370
  @media (prefers-reduced-motion: reduce) {
371
- .awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9) {
371
+ .awsui_link_4c84z_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_347:not(#\9) {
372
372
  animation: none;
373
373
  transition: none;
374
374
  }
375
375
  }
376
- .awsui-motion-disabled .awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9) {
376
+ .awsui-motion-disabled .awsui_link_4c84z_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_347:not(#\9) {
377
377
  animation: none;
378
378
  transition: none;
379
379
  }
380
- .awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9):hover {
380
+ .awsui_link_4c84z_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_347:not(#\9):hover {
381
381
  cursor: pointer;
382
382
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-interactive-hover-6naf7i, #0f141a));
383
383
  }
384
- .awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9):focus {
384
+ .awsui_link_4c84z_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_347:not(#\9):focus {
385
385
  outline: none;
386
386
  }
387
- .awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9):active {
387
+ .awsui_link_4c84z_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_347:not(#\9):active {
388
388
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-interactive-active-uoe6zi, #0f141a));
389
389
  }
390
- .awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9):active, .awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9):focus, .awsui_link_4c84z_19rql_145.awsui_variant-top-navigation_4c84z_19rql_347:not(#\9):hover {
390
+ .awsui_link_4c84z_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_347:not(#\9):active, .awsui_link_4c84z_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_347:not(#\9):focus, .awsui_link_4c84z_1awr6_145.awsui_variant-top-navigation_4c84z_1awr6_347:not(#\9):hover {
391
391
  text-decoration-line: underline;
392
392
  text-decoration-color: transparent;
393
393
  }
394
- .awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9) {
394
+ .awsui_link_4c84z_1awr6_145.awsui_variant-recovery_4c84z_1awr6_382:not(#\9) {
395
395
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
396
396
  font-weight: var(--font-link-button-weight-vslyg9, 700);
397
397
  letter-spacing: var(--font-link-button-letter-spacing-imtxwq, 0.005em);
@@ -403,30 +403,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
403
403
  transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
404
404
  }
405
405
  @media (prefers-reduced-motion: reduce) {
406
- .awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9) {
406
+ .awsui_link_4c84z_1awr6_145.awsui_variant-recovery_4c84z_1awr6_382:not(#\9) {
407
407
  animation: none;
408
408
  transition: none;
409
409
  }
410
410
  }
411
- .awsui-motion-disabled .awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9) {
411
+ .awsui-motion-disabled .awsui_link_4c84z_1awr6_145.awsui_variant-recovery_4c84z_1awr6_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145.awsui_variant-recovery_4c84z_1awr6_382:not(#\9) {
412
412
  animation: none;
413
413
  transition: none;
414
414
  }
415
- .awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9):hover {
415
+ .awsui_link_4c84z_1awr6_145.awsui_variant-recovery_4c84z_1awr6_382:not(#\9):hover {
416
416
  cursor: pointer;
417
417
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
418
418
  }
419
- .awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9):focus {
419
+ .awsui_link_4c84z_1awr6_145.awsui_variant-recovery_4c84z_1awr6_382:not(#\9):focus {
420
420
  outline: none;
421
421
  }
422
- .awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9):active {
422
+ .awsui_link_4c84z_1awr6_145.awsui_variant-recovery_4c84z_1awr6_382:not(#\9):active {
423
423
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
424
424
  }
425
- .awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9):active, .awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9):focus, .awsui_link_4c84z_19rql_145.awsui_variant-recovery_4c84z_19rql_382:not(#\9):hover {
425
+ .awsui_link_4c84z_1awr6_145.awsui_variant-recovery_4c84z_1awr6_382:not(#\9):active, .awsui_link_4c84z_1awr6_145.awsui_variant-recovery_4c84z_1awr6_382:not(#\9):focus, .awsui_link_4c84z_1awr6_145.awsui_variant-recovery_4c84z_1awr6_382:not(#\9):hover {
426
426
  text-decoration-line: underline;
427
427
  text-decoration-color: var(--color-text-link-button-underline-hover-cn3mqh, transparent);
428
428
  }
429
- .awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9) {
429
+ .awsui_link_4c84z_1awr6_145.awsui_button_4c84z_1awr6_415:not(#\9) {
430
430
  -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
431
431
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
432
432
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-button-normal-default-srprth, #006ce0));
@@ -440,40 +440,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
440
440
  transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
441
441
  }
442
442
  @media (prefers-reduced-motion: reduce) {
443
- .awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9) {
443
+ .awsui_link_4c84z_1awr6_145.awsui_button_4c84z_1awr6_415:not(#\9) {
444
444
  animation: none;
445
445
  transition: none;
446
446
  }
447
447
  }
448
- .awsui-motion-disabled .awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9) {
448
+ .awsui-motion-disabled .awsui_link_4c84z_1awr6_145.awsui_button_4c84z_1awr6_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1awr6_145.awsui_button_4c84z_1awr6_415:not(#\9) {
449
449
  animation: none;
450
450
  transition: none;
451
451
  }
452
- .awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9):hover {
452
+ .awsui_link_4c84z_1awr6_145.awsui_button_4c84z_1awr6_415:not(#\9):hover {
453
453
  cursor: pointer;
454
454
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-button-normal-hover-jrnyw3, #002b66));
455
455
  }
456
- .awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9):focus {
456
+ .awsui_link_4c84z_1awr6_145.awsui_button_4c84z_1awr6_415:not(#\9):focus {
457
457
  outline: none;
458
458
  }
459
- .awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9):active {
459
+ .awsui_link_4c84z_1awr6_145.awsui_button_4c84z_1awr6_415:not(#\9):active {
460
460
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-button-normal-active-js9ryu, #002b66));
461
461
  }
462
- .awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9):active, .awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9):focus, .awsui_link_4c84z_19rql_145.awsui_button_4c84z_19rql_415:not(#\9):hover {
462
+ .awsui_link_4c84z_1awr6_145.awsui_button_4c84z_1awr6_415:not(#\9):active, .awsui_link_4c84z_1awr6_145.awsui_button_4c84z_1awr6_415:not(#\9):focus, .awsui_link_4c84z_1awr6_145.awsui_button_4c84z_1awr6_415:not(#\9):hover {
463
463
  text-decoration-line: underline;
464
464
  text-decoration-color: transparent;
465
465
  }
466
- .awsui_link_4c84z_19rql_145.awsui_color-inverted_4c84z_19rql_450:not(#\9) {
466
+ .awsui_link_4c84z_1awr6_145.awsui_color-inverted_4c84z_1awr6_450:not(#\9) {
467
467
  color: var(--color-text-notification-default-1iey72, #f9f9fa);
468
468
  }
469
- .awsui_link_4c84z_19rql_145.awsui_color-inverted_4c84z_19rql_450:not(#\9):not(.awsui_button_4c84z_19rql_415) {
469
+ .awsui_link_4c84z_1awr6_145.awsui_color-inverted_4c84z_1awr6_450:not(#\9):not(.awsui_button_4c84z_1awr6_415) {
470
470
  text-decoration-line: underline;
471
471
  text-decoration-color: currentColor;
472
472
  }
473
- .awsui_link_4c84z_19rql_145.awsui_color-inverted_4c84z_19rql_450:not(#\9):hover {
473
+ .awsui_link_4c84z_1awr6_145.awsui_color-inverted_4c84z_1awr6_450:not(#\9):hover {
474
474
  color: var(--color-text-link-inverted-hover-ocd3u3, #ffffff);
475
475
  }
476
- body[data-awsui-focus-visible=true] .awsui_link_4c84z_19rql_145:not(#\9):focus {
476
+ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1awr6_145:not(#\9):focus {
477
477
  outline: thin dotted;
478
478
  outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
479
479
  outline-offset: 2px;
@@ -484,76 +484,73 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_19rql_145:not(#\9):focus {
484
484
  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-1uabki, 4px));
485
485
  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
486
486
  }
487
- .awsui_link_4c84z_19rql_145.awsui_font-size-body-s_4c84z_19rql_471:not(#\9) {
487
+ .awsui_link_4c84z_1awr6_145.awsui_font-size-body-s_4c84z_1awr6_471:not(#\9) {
488
488
  font-size: var(--font-size-body-s-smc8cv, 12px);
489
489
  line-height: var(--line-height-body-s-nu5hx1, 16px);
490
490
  letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
491
491
  text-underline-offset: 0.3em;
492
492
  text-decoration-thickness: 1px;
493
493
  }
494
- .awsui_link_4c84z_19rql_145.awsui_font-size-body-m_4c84z_19rql_478:not(#\9) {
494
+ .awsui_link_4c84z_1awr6_145.awsui_font-size-body-m_4c84z_1awr6_478:not(#\9) {
495
495
  font-size: var(--font-size-body-m-a7nh2n, 14px);
496
496
  line-height: var(--line-height-body-m-2mh3ke, 20px);
497
497
  text-underline-offset: 0.25em;
498
498
  text-decoration-thickness: 1px;
499
499
  }
500
- .awsui_link_4c84z_19rql_145.awsui_font-size-heading-xs_4c84z_19rql_484:not(#\9) {
500
+ .awsui_link_4c84z_1awr6_145.awsui_font-size-heading-xs_4c84z_1awr6_484:not(#\9) {
501
501
  font-size: var(--font-size-heading-xs-j8yzxv, 14px);
502
502
  line-height: var(--line-height-heading-xs-q9j004, 18px);
503
503
  letter-spacing: var(--letter-spacing-heading-xs-fgog7a, normal);
504
504
  text-underline-offset: 0.25em;
505
505
  text-decoration-thickness: 1px;
506
506
  }
507
- .awsui_link_4c84z_19rql_145.awsui_font-size-heading-s_4c84z_19rql_491:not(#\9) {
507
+ .awsui_link_4c84z_1awr6_145.awsui_font-size-heading-s_4c84z_1awr6_491:not(#\9) {
508
508
  font-size: var(--font-size-heading-s-zp08en, 16px);
509
509
  line-height: var(--line-height-heading-s-hmi4vc, 20px);
510
510
  letter-spacing: var(--letter-spacing-heading-s-4st9ep, -0.005em);
511
511
  text-underline-offset: 0.3em;
512
512
  text-decoration-thickness: 1px;
513
513
  }
514
- .awsui_link_4c84z_19rql_145.awsui_font-size-heading-m_4c84z_19rql_498:not(#\9) {
514
+ .awsui_link_4c84z_1awr6_145.awsui_font-size-heading-m_4c84z_1awr6_498:not(#\9) {
515
515
  font-size: var(--font-size-heading-m-170yiy, 18px);
516
516
  line-height: var(--line-height-heading-m-uoaqdh, 22px);
517
517
  letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
518
518
  text-underline-offset: 0.25em;
519
519
  text-decoration-thickness: 1px;
520
520
  }
521
- .awsui_link_4c84z_19rql_145.awsui_font-size-heading-l_4c84z_19rql_505:not(#\9) {
521
+ .awsui_link_4c84z_1awr6_145.awsui_font-size-heading-l_4c84z_1awr6_505:not(#\9) {
522
522
  font-size: var(--font-size-heading-l-vnacx6, 20px);
523
523
  line-height: var(--line-height-heading-l-mg5bx6, 24px);
524
524
  letter-spacing: var(--letter-spacing-heading-l-5v6ibv, -0.015em);
525
525
  text-underline-offset: 0.25em;
526
526
  text-decoration-thickness: 1px;
527
527
  }
528
- .awsui_link_4c84z_19rql_145.awsui_font-size-heading-xl_4c84z_19rql_512:not(#\9) {
528
+ .awsui_link_4c84z_1awr6_145.awsui_font-size-heading-xl_4c84z_1awr6_512:not(#\9) {
529
529
  font-size: var(--font-size-heading-xl-wvkbur, 24px);
530
530
  line-height: var(--line-height-heading-xl-hko6p0, 30px);
531
531
  letter-spacing: var(--letter-spacing-heading-xl-ckkb6u, -0.02em);
532
532
  text-underline-offset: 0.25em;
533
533
  text-decoration-thickness: 1px;
534
534
  }
535
- .awsui_link_4c84z_19rql_145.awsui_font-size-display-l_4c84z_19rql_519:not(#\9) {
535
+ .awsui_link_4c84z_1awr6_145.awsui_font-size-display-l_4c84z_1awr6_519:not(#\9) {
536
536
  font-size: var(--font-size-display-l-wa6woo, 42px);
537
537
  line-height: var(--line-height-display-l-vwanzp, 48px);
538
538
  letter-spacing: var(--letter-spacing-display-l-elyyxk, -0.03em);
539
539
  text-underline-offset: 0.25em;
540
540
  text-decoration-thickness: 2px;
541
541
  }
542
- .awsui_link_4c84z_19rql_145.awsui_font-size-inherit_4c84z_19rql_526:not(#\9) {
542
+ .awsui_link_4c84z_1awr6_145.awsui_font-size-inherit_4c84z_1awr6_526:not(#\9) {
543
543
  font-size: inherit;
544
544
  line-height: inherit;
545
545
  letter-spacing: inherit;
546
546
  text-underline-offset: 0.25em;
547
547
  text-decoration-thickness: 1px;
548
548
  }
549
- .awsui_link_4c84z_19rql_145.awsui_in-inline-token_4c84z_19rql_533:not(#\9) {
550
- text-underline-offset: 0.15em;
551
- }
552
549
 
553
- .awsui_icon-wrapper_4c84z_19rql_537:not(#\9) {
550
+ .awsui_icon-wrapper_4c84z_1awr6_534:not(#\9) {
554
551
  white-space: nowrap;
555
552
  }
556
553
 
557
- .awsui_icon_4c84z_19rql_537:not(#\9) {
554
+ .awsui_icon_4c84z_1awr6_534:not(#\9) {
558
555
  display: inline-block;
559
556
  }
package/link/styles.selectors.js CHANGED
@@ -2,26 +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": "awsui_link_4c84z_19rql_145",
6
- "variant-secondary": "awsui_variant-secondary_4c84z_19rql_212",
7
- "variant-primary": "awsui_variant-primary_4c84z_19rql_247",
8
- "variant-info": "awsui_variant-info_4c84z_19rql_280",
9
- "variant-value-large": "awsui_variant-value-large_4c84z_19rql_315",
10
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_19rql_347",
11
- "variant-recovery": "awsui_variant-recovery_4c84z_19rql_382",
12
- "button": "awsui_button_4c84z_19rql_415",
13
- "color-inverted": "awsui_color-inverted_4c84z_19rql_450",
14
- "font-size-body-s": "awsui_font-size-body-s_4c84z_19rql_471",
15
- "font-size-body-m": "awsui_font-size-body-m_4c84z_19rql_478",
16
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_19rql_484",
17
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_19rql_491",
18
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_19rql_498",
19
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_19rql_505",
20
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_19rql_512",
21
- "font-size-display-l": "awsui_font-size-display-l_4c84z_19rql_519",
22
- "font-size-inherit": "awsui_font-size-inherit_4c84z_19rql_526",
23
- "in-inline-token": "awsui_in-inline-token_4c84z_19rql_533",
24
- "icon-wrapper": "awsui_icon-wrapper_4c84z_19rql_537",
25
- "icon": "awsui_icon_4c84z_19rql_537"
5
+ "link": "awsui_link_4c84z_1awr6_145",
6
+ "variant-secondary": "awsui_variant-secondary_4c84z_1awr6_212",
7
+ "variant-primary": "awsui_variant-primary_4c84z_1awr6_247",
8
+ "variant-info": "awsui_variant-info_4c84z_1awr6_280",
9
+ "variant-value-large": "awsui_variant-value-large_4c84z_1awr6_315",
10
+ "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1awr6_347",
11
+ "variant-recovery": "awsui_variant-recovery_4c84z_1awr6_382",
12
+ "button": "awsui_button_4c84z_1awr6_415",
13
+ "color-inverted": "awsui_color-inverted_4c84z_1awr6_450",
14
+ "font-size-body-s": "awsui_font-size-body-s_4c84z_1awr6_471",
15
+ "font-size-body-m": "awsui_font-size-body-m_4c84z_1awr6_478",
16
+ "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1awr6_484",
17
+ "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1awr6_491",
18
+ "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1awr6_498",
19
+ "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1awr6_505",
20
+ "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1awr6_512",
21
+ "font-size-display-l": "awsui_font-size-display-l_4c84z_1awr6_519",
22
+ "font-size-inherit": "awsui_font-size-inherit_4c84z_1awr6_526",
23
+ "icon-wrapper": "awsui_icon-wrapper_4c84z_1awr6_534",
24
+ "icon": "awsui_icon_4c84z_1awr6_534"
26
25
  };
27
26
 
package/package.json CHANGED
@@ -163,7 +163,7 @@
163
163
  "./internal/base-component/index.js",
164
164
  "./internal/base-component/styles.css.js"
165
165
  ],
166
- "version": "3.0.1268",
166
+ "version": "3.0.1269",
167
167
  "repository": {
168
168
  "type": "git",
169
169
  "url": "https://github.com/cloudscape-design/components.git"
package/popover/internal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/popover/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAY7F,OAAO,EAA0B,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAOlF,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,YAAY,EAAE,aAAa,GAAG,MAAM,CAAC,EAAE,0BAA0B;IAClH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAC3C,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,GAAG,iBAAiB,CAAC;IAC3D,IAAI,EAAE,YAAY,CAAC,IAAI,GAAG,SAAS,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;AAED,wBAAiD"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/popover/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAW7F,OAAO,EAA0B,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAOlF,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,YAAY,EAAE,aAAa,GAAG,MAAM,CAAC,EAAE,0BAA0B;IAClH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAC3C,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,GAAG,iBAAiB,CAAC;IAC3D,IAAI,EAAE,YAAY,CAAC,IAAI,GAAG,SAAS,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;AAED,wBAAiD"}
package/popover/internal.js CHANGED
@@ -9,7 +9,6 @@ import { getBaseProps } from '../internal/base-component';
9
9
  import { getFirstFocusable } from '../internal/components/focus-lock/utils';
10
10
  import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
11
11
  import ResetContextsForModal from '../internal/context/reset-contexts-for-modal';
12
- import { useTokenInlineContext } from '../internal/context/token-inline-context';
13
12
  import { fireNonCancelableEvent } from '../internal/events/index';
14
13
  import { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';
15
14
  import { KeyCode } from '../internal/keycode';
@@ -80,13 +79,12 @@ function InternalPopover({ position = 'right', size = 'medium', fixedWidth = fal
80
79
  };
81
80
  }, []);
82
81
  const popoverClasses = usePortalModeClasses(triggerRef, { resetVisualContext: true });
83
- const { isInlineToken } = useTokenInlineContext();
84
82
  const triggerProps = {
85
83
  // https://github.com/microsoft/TypeScript/issues/36659
86
84
  ref: triggerRef,
87
85
  onClick: onTriggerClick,
88
86
  onKeyDown: onTriggerKeyDown,
89
- className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`], isInlineToken && styles['in-inline-token']),
87
+ className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`]),
90
88
  };
91
89
  const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);
92
90
  const referrerId = useUniqueId();
package/popover/internal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/internal.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, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { Portal, useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { useTokenInlineContext } from '../internal/context/token-inline-context';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { KeyCode } from '../internal/keycode';\nimport Arrow from './arrow';\nimport PopoverBody from './body';\nimport ConditionalLiveRegion from './conditional-live-region';\nimport PopoverContainer from './container';\nimport { PopoverProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' | 'size'>, InternalBaseComponentProps {\n __onOpen?: NonCancelableEventHandler<null>;\n triggerType?: PopoverProps.TriggerType | 'filtering-token';\n size: PopoverProps.Size | 'content';\n __closeAnalyticsAction?: string;\n isInline?: boolean;\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n {\n position = 'right',\n size = 'medium',\n fixedWidth = false,\n triggerType = 'text',\n dismissButton = true,\n\n children,\n header,\n content,\n triggerAriaLabel,\n\n wrapTriggerText = true,\n isInline = false,\n renderWithPortal = false,\n\n __onOpen,\n __internalRootRef,\n __closeAnalyticsAction,\n\n ...restProps\n }: InternalPopoverProps,\n ref: React.Ref<PopoverProps.Ref>\n) {\n const baseProps = getBaseProps(restProps);\n const triggerRef = useRef<HTMLElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n\n const i18n = useInternalI18n('popover');\n const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n const [visible, setVisible] = useState(false);\n\n const focusTrigger = useCallback(() => {\n if (['text', 'text-inline'].includes(triggerType)) {\n triggerRef.current?.focus();\n } else if (triggerRef.current) {\n getFirstFocusable(triggerRef.current)?.focus();\n }\n }, [triggerType]);\n\n const onTriggerClick = useCallback(() => {\n fireNonCancelableEvent(__onOpen);\n setVisible(true);\n }, [__onOpen]);\n\n const onDismiss = useCallback(() => {\n setVisible(false);\n focusTrigger();\n }, [focusTrigger]);\n\n const onTriggerKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n const isEscapeKey = event.keyCode === KeyCode.escape;\n const isTabKey = event.keyCode === KeyCode.tab;\n if (isEscapeKey && visible) {\n event.stopPropagation();\n }\n if (isTabKey || isEscapeKey) {\n setVisible(false);\n }\n },\n [visible]\n );\n\n useImperativeHandle(ref, () => ({\n dismiss: () => {\n setVisible(false);\n },\n focus: () => {\n setVisible(false);\n focusTrigger();\n },\n }));\n\n const clickFrameId = useRef<number | null>(null);\n useEffect(() => {\n if (!triggerRef.current) {\n return;\n }\n const document = triggerRef.current.ownerDocument;\n\n const onDocumentClick = () => {\n // Dismiss popover unless there was a click inside within the last animation frame.\n if (clickFrameId.current === null) {\n setVisible(false);\n }\n };\n\n document.addEventListener('mousedown', onDocumentClick);\n\n return () => {\n document.removeEventListener('mousedown', onDocumentClick);\n };\n }, []);\n\n const popoverClasses = usePortalModeClasses(triggerRef, { resetVisualContext: true });\n const { isInlineToken } = useTokenInlineContext();\n\n const triggerProps = {\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: triggerRef as any,\n onClick: onTriggerClick,\n onKeyDown: onTriggerKeyDown,\n className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`], isInlineToken && styles['in-inline-token']),\n };\n const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);\n\n const referrerId = useUniqueId();\n\n const popoverContent = (\n <div\n className={clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content'])}\n data-awsui-referrer-id={referrerId}\n >\n <PopoverContainer\n size={size}\n fixedWidth={fixedWidth}\n position={position}\n trackRef={triggerRef}\n arrow={position => <Arrow position={position} />}\n renderWithPortal={renderWithPortal}\n zIndex={renderWithPortal ? 7000 : undefined}\n >\n <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n <PopoverBody\n dismissButton={dismissButton}\n dismissAriaLabel={dismissAriaLabel}\n header={header}\n onDismiss={onDismiss}\n overflowVisible=\"both\"\n closeAnalyticsAction={__closeAnalyticsAction}\n >\n <ConditionalLiveRegion condition={!dismissButton}>{content}</ConditionalLiveRegion>\n </PopoverBody>\n </LinkDefaultVariantContext.Provider>\n </PopoverContainer>\n </div>\n );\n\n const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n return (\n <span\n {...baseProps}\n className={clsx(\n styles.root,\n baseProps.className,\n triggerType === 'filtering-token' && styles['root-filtering-token'],\n isInline && styles['no-wrap']\n )}\n ref={mergedRef}\n onMouseDown={() => {\n // Indicate there was a click inside popover recently, including nested portals.\n clickFrameId.current = requestAnimationFrame(() => {\n clickFrameId.current = null;\n });\n }}\n >\n {['text', 'text-inline'].includes(triggerType) ? (\n <button\n {...triggerProps}\n className={clsx(triggerProps.className, wrapTriggerText === false && styles['overflow-ellipsis'])}\n tabIndex={triggerTabIndex}\n type=\"button\"\n aria-haspopup=\"dialog\"\n id={referrerId}\n aria-label={triggerAriaLabel}\n >\n {children}\n </button>\n ) : (\n <span {...triggerProps} id={referrerId}>\n {children}\n </span>\n )}\n {visible && (\n <ResetContextsForModal>\n {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n </ResetContextsForModal>\n )}\n </span>\n );\n}\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/internal.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, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { Portal, useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { KeyCode } from '../internal/keycode';\nimport Arrow from './arrow';\nimport PopoverBody from './body';\nimport ConditionalLiveRegion from './conditional-live-region';\nimport PopoverContainer from './container';\nimport { PopoverProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' | 'size'>, InternalBaseComponentProps {\n __onOpen?: NonCancelableEventHandler<null>;\n triggerType?: PopoverProps.TriggerType | 'filtering-token';\n size: PopoverProps.Size | 'content';\n __closeAnalyticsAction?: string;\n isInline?: boolean;\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n {\n position = 'right',\n size = 'medium',\n fixedWidth = false,\n triggerType = 'text',\n dismissButton = true,\n\n children,\n header,\n content,\n triggerAriaLabel,\n\n wrapTriggerText = true,\n isInline = false,\n renderWithPortal = false,\n\n __onOpen,\n __internalRootRef,\n __closeAnalyticsAction,\n\n ...restProps\n }: InternalPopoverProps,\n ref: React.Ref<PopoverProps.Ref>\n) {\n const baseProps = getBaseProps(restProps);\n const triggerRef = useRef<HTMLElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n\n const i18n = useInternalI18n('popover');\n const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n const [visible, setVisible] = useState(false);\n\n const focusTrigger = useCallback(() => {\n if (['text', 'text-inline'].includes(triggerType)) {\n triggerRef.current?.focus();\n } else if (triggerRef.current) {\n getFirstFocusable(triggerRef.current)?.focus();\n }\n }, [triggerType]);\n\n const onTriggerClick = useCallback(() => {\n fireNonCancelableEvent(__onOpen);\n setVisible(true);\n }, [__onOpen]);\n\n const onDismiss = useCallback(() => {\n setVisible(false);\n focusTrigger();\n }, [focusTrigger]);\n\n const onTriggerKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n const isEscapeKey = event.keyCode === KeyCode.escape;\n const isTabKey = event.keyCode === KeyCode.tab;\n if (isEscapeKey && visible) {\n event.stopPropagation();\n }\n if (isTabKey || isEscapeKey) {\n setVisible(false);\n }\n },\n [visible]\n );\n\n useImperativeHandle(ref, () => ({\n dismiss: () => {\n setVisible(false);\n },\n focus: () => {\n setVisible(false);\n focusTrigger();\n },\n }));\n\n const clickFrameId = useRef<number | null>(null);\n useEffect(() => {\n if (!triggerRef.current) {\n return;\n }\n const document = triggerRef.current.ownerDocument;\n\n const onDocumentClick = () => {\n // Dismiss popover unless there was a click inside within the last animation frame.\n if (clickFrameId.current === null) {\n setVisible(false);\n }\n };\n\n document.addEventListener('mousedown', onDocumentClick);\n\n return () => {\n document.removeEventListener('mousedown', onDocumentClick);\n };\n }, []);\n\n const popoverClasses = usePortalModeClasses(triggerRef, { resetVisualContext: true });\n\n const triggerProps = {\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: triggerRef as any,\n onClick: onTriggerClick,\n onKeyDown: onTriggerKeyDown,\n className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`]),\n };\n const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);\n\n const referrerId = useUniqueId();\n\n const popoverContent = (\n <div\n className={clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content'])}\n data-awsui-referrer-id={referrerId}\n >\n <PopoverContainer\n size={size}\n fixedWidth={fixedWidth}\n position={position}\n trackRef={triggerRef}\n arrow={position => <Arrow position={position} />}\n renderWithPortal={renderWithPortal}\n zIndex={renderWithPortal ? 7000 : undefined}\n >\n <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n <PopoverBody\n dismissButton={dismissButton}\n dismissAriaLabel={dismissAriaLabel}\n header={header}\n onDismiss={onDismiss}\n overflowVisible=\"both\"\n closeAnalyticsAction={__closeAnalyticsAction}\n >\n <ConditionalLiveRegion condition={!dismissButton}>{content}</ConditionalLiveRegion>\n </PopoverBody>\n </LinkDefaultVariantContext.Provider>\n </PopoverContainer>\n </div>\n );\n\n const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n return (\n <span\n {...baseProps}\n className={clsx(\n styles.root,\n baseProps.className,\n triggerType === 'filtering-token' && styles['root-filtering-token'],\n isInline && styles['no-wrap']\n )}\n ref={mergedRef}\n onMouseDown={() => {\n // Indicate there was a click inside popover recently, including nested portals.\n clickFrameId.current = requestAnimationFrame(() => {\n clickFrameId.current = null;\n });\n }}\n >\n {['text', 'text-inline'].includes(triggerType) ? (\n <button\n {...triggerProps}\n className={clsx(triggerProps.className, wrapTriggerText === false && styles['overflow-ellipsis'])}\n tabIndex={triggerTabIndex}\n type=\"button\"\n aria-haspopup=\"dialog\"\n id={referrerId}\n aria-label={triggerAriaLabel}\n >\n {children}\n </button>\n ) : (\n <span {...triggerProps} id={referrerId}>\n {children}\n </span>\n )}\n {visible && (\n <ResetContextsForModal>\n {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n </ResetContextsForModal>\n )}\n </span>\n );\n}\n"]}