@cloudscape-design/components 3.0.1124 → 3.0.1126

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 (81) hide show
  1. package/app-layout/runtime-drawer/index.d.ts +3 -0
  2. package/app-layout/runtime-drawer/index.d.ts.map +1 -1
  3. package/app-layout/runtime-drawer/index.js.map +1 -1
  4. package/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map +1 -1
  5. package/app-layout/visual-refresh-toolbar/compute-layout.js +1 -1
  6. package/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
  7. package/app-layout/visual-refresh-toolbar/index.js +1 -1
  8. package/app-layout/visual-refresh-toolbar/index.js.map +1 -1
  9. package/app-layout/visual-refresh-toolbar/interfaces.d.ts +3 -0
  10. package/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
  11. package/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
  12. package/app-layout/visual-refresh-toolbar/state/index.js +1 -1
  13. package/app-layout/visual-refresh-toolbar/state/index.js.map +1 -1
  14. package/app-layout/visual-refresh-toolbar/state/use-ai-drawer.d.ts +6 -0
  15. package/app-layout/visual-refresh-toolbar/state/use-ai-drawer.d.ts.map +1 -1
  16. package/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
  17. package/app-layout/visual-refresh-toolbar/state/use-app-layout.js +9 -1
  18. package/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
  19. package/app-layout/visual-refresh-toolbar/state/use-bottom-drawers.d.ts +6 -0
  20. package/app-layout/visual-refresh-toolbar/state/use-bottom-drawers.d.ts.map +1 -1
  21. package/code-editor/styles.css.js +33 -33
  22. package/code-editor/styles.scoped.css +170 -166
  23. package/code-editor/styles.selectors.js +33 -33
  24. package/expandable-section/expandable-section-header.d.ts.map +1 -1
  25. package/expandable-section/expandable-section-header.js +1 -1
  26. package/expandable-section/expandable-section-header.js.map +1 -1
  27. package/expandable-section/styles.css.js +35 -34
  28. package/expandable-section/styles.scoped.css +68 -65
  29. package/expandable-section/styles.selectors.js +35 -34
  30. package/header/styles.css.js +34 -34
  31. package/header/styles.scoped.css +68 -50
  32. package/header/styles.selectors.js +34 -34
  33. package/internal/base-component/styles.scoped.css +2 -2
  34. package/internal/components/chart-popover/index.d.ts.map +1 -1
  35. package/internal/components/chart-popover/index.js +20 -14
  36. package/internal/components/chart-popover/index.js.map +1 -1
  37. package/internal/environment.js +2 -2
  38. package/internal/environment.json +2 -2
  39. package/internal/generated/theming/index.cjs +1 -1
  40. package/internal/generated/theming/index.js +1 -1
  41. package/internal/hooks/forward-focus/radio-group.js +1 -9
  42. package/internal/hooks/forward-focus/radio-group.js.map +1 -1
  43. package/internal/manifest.json +1 -1
  44. package/internal/plugins/widget/interfaces.d.ts +3 -0
  45. package/internal/plugins/widget/interfaces.d.ts.map +1 -1
  46. package/internal/plugins/widget/interfaces.js.map +1 -1
  47. package/internal/utils/dom.d.ts +2 -1
  48. package/internal/utils/dom.d.ts.map +1 -1
  49. package/internal/utils/dom.js +3 -0
  50. package/internal/utils/dom.js.map +1 -1
  51. package/mixed-line-bar-chart/chart-container.d.ts.map +1 -1
  52. package/mixed-line-bar-chart/chart-container.js +2 -3
  53. package/mixed-line-bar-chart/chart-container.js.map +1 -1
  54. package/mixed-line-bar-chart/domain.d.ts.map +1 -1
  55. package/mixed-line-bar-chart/domain.js +4 -32
  56. package/mixed-line-bar-chart/domain.js.map +1 -1
  57. package/package.json +1 -1
  58. package/popover/internal.js +1 -1
  59. package/popover/internal.js.map +1 -1
  60. package/s3-resource-selector/s3-modal/table-utils.js +1 -1
  61. package/s3-resource-selector/s3-modal/table-utils.js.map +1 -1
  62. package/tag-editor/index.js +2 -2
  63. package/tag-editor/index.js.map +1 -1
  64. package/tag-editor/utils.d.ts +0 -4
  65. package/tag-editor/utils.d.ts.map +1 -1
  66. package/tag-editor/utils.js +0 -11
  67. package/tag-editor/utils.js.map +1 -1
  68. package/textarea/index.d.ts.map +1 -1
  69. package/textarea/index.js +1 -1
  70. package/textarea/interfaces.d.ts +48 -0
  71. package/textarea/interfaces.d.ts.map +1 -1
  72. package/textarea/interfaces.js.map +1 -1
  73. package/textarea/internal-do-not-use-core.js +3 -2
  74. package/textarea/internal-do-not-use-core.js.map +1 -1
  75. package/textarea/styles.css.js +5 -5
  76. package/textarea/styles.d.ts +2 -0
  77. package/textarea/styles.d.ts.map +1 -0
  78. package/textarea/styles.js +42 -0
  79. package/textarea/styles.js.map +1 -0
  80. package/textarea/styles.scoped.css +42 -29
  81. package/textarea/styles.selectors.js +5 -5
@@ -2,39 +2,40 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "content-enter": "awsui_content-enter_gwq0h_nchqn_161",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_nchqn_1",
7
- "trigger-expanded": "awsui_trigger-expanded_gwq0h_nchqn_183",
8
- "icon": "awsui_icon_gwq0h_nchqn_197",
9
- "root": "awsui_root_gwq0h_nchqn_211",
10
- "expand-button": "awsui_expand-button_gwq0h_nchqn_246",
11
- "expanded": "awsui_expanded_gwq0h_nchqn_254",
12
- "icon-container": "awsui_icon-container_gwq0h_nchqn_264",
13
- "icon-container-container": "awsui_icon-container-container_gwq0h_nchqn_268",
14
- "wrapper": "awsui_wrapper_gwq0h_nchqn_272",
15
- "wrapper-default": "awsui_wrapper-default_gwq0h_nchqn_280",
16
- "wrapper-inline": "awsui_wrapper-inline_gwq0h_nchqn_280",
17
- "wrapper-footer": "awsui_wrapper-footer_gwq0h_nchqn_280",
18
- "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_nchqn_284",
19
- "wrapper-container": "awsui_wrapper-container_gwq0h_nchqn_287",
20
- "wrapper-compact": "awsui_wrapper-compact_gwq0h_nchqn_291",
21
- "header-deprecated": "awsui_header-deprecated_gwq0h_nchqn_304",
22
- "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_nchqn_310",
23
- "header": "awsui_header_gwq0h_nchqn_304",
24
- "header-wrapper": "awsui_header-wrapper_gwq0h_nchqn_347",
25
- "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_nchqn_359",
26
- "header-button": "awsui_header-button_gwq0h_nchqn_365",
27
- "header-container-button": "awsui_header-container-button_gwq0h_nchqn_365",
28
- "header-container": "awsui_header-container_gwq0h_nchqn_365",
29
- "header-navigation": "awsui_header-navigation_gwq0h_nchqn_400",
30
- "header-text": "awsui_header-text_gwq0h_nchqn_437",
31
- "content": "awsui_content_gwq0h_nchqn_161",
32
- "content-default": "awsui_content-default_gwq0h_nchqn_450",
33
- "content-inline": "awsui_content-inline_gwq0h_nchqn_450",
34
- "content-footer": "awsui_content-footer_gwq0h_nchqn_454",
35
- "content-expanded": "awsui_content-expanded_gwq0h_nchqn_458",
36
- "content-compact": "awsui_content-compact_gwq0h_nchqn_461",
37
- "focusable": "awsui_focusable_gwq0h_nchqn_465",
38
- "click-target": "awsui_click-target_gwq0h_nchqn_480"
5
+ "content-enter": "awsui_content-enter_gwq0h_1pven_161",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1pven_1",
7
+ "trigger-expanded": "awsui_trigger-expanded_gwq0h_1pven_183",
8
+ "icon": "awsui_icon_gwq0h_1pven_197",
9
+ "root": "awsui_root_gwq0h_1pven_211",
10
+ "expand-button": "awsui_expand-button_gwq0h_1pven_246",
11
+ "expanded": "awsui_expanded_gwq0h_1pven_254",
12
+ "icon-container": "awsui_icon-container_gwq0h_1pven_264",
13
+ "icon-container-container": "awsui_icon-container-container_gwq0h_1pven_268",
14
+ "wrapper": "awsui_wrapper_gwq0h_1pven_272",
15
+ "wrapper-default": "awsui_wrapper-default_gwq0h_1pven_280",
16
+ "wrapper-inline": "awsui_wrapper-inline_gwq0h_1pven_280",
17
+ "wrapper-footer": "awsui_wrapper-footer_gwq0h_1pven_280",
18
+ "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1pven_284",
19
+ "wrapper-container": "awsui_wrapper-container_gwq0h_1pven_287",
20
+ "wrapper-compact": "awsui_wrapper-compact_gwq0h_1pven_291",
21
+ "header-deprecated": "awsui_header-deprecated_gwq0h_1pven_304",
22
+ "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1pven_310",
23
+ "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_1pven_333",
24
+ "header": "awsui_header_gwq0h_1pven_304",
25
+ "header-wrapper": "awsui_header-wrapper_gwq0h_1pven_350",
26
+ "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1pven_362",
27
+ "header-button": "awsui_header-button_gwq0h_1pven_368",
28
+ "header-container-button": "awsui_header-container-button_gwq0h_1pven_368",
29
+ "header-container": "awsui_header-container_gwq0h_1pven_368",
30
+ "header-navigation": "awsui_header-navigation_gwq0h_1pven_403",
31
+ "header-text": "awsui_header-text_gwq0h_1pven_440",
32
+ "content": "awsui_content_gwq0h_1pven_161",
33
+ "content-default": "awsui_content-default_gwq0h_1pven_453",
34
+ "content-inline": "awsui_content-inline_gwq0h_1pven_453",
35
+ "content-footer": "awsui_content-footer_gwq0h_1pven_457",
36
+ "content-expanded": "awsui_content-expanded_gwq0h_1pven_461",
37
+ "content-compact": "awsui_content-compact_gwq0h_1pven_464",
38
+ "focusable": "awsui_focusable_gwq0h_1pven_468",
39
+ "click-target": "awsui_click-target_gwq0h_1pven_483"
39
40
  };
40
41
 
@@ -1,39 +1,39 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_2qdw9_88efd_181",
5
- "refresh": "awsui_refresh_2qdw9_88efd_217",
6
- "root-no-actions": "awsui_root-no-actions_2qdw9_88efd_217",
7
- "root-variant-h2": "awsui_root-variant-h2_2qdw9_88efd_220",
8
- "root-variant-h3": "awsui_root-variant-h3_2qdw9_88efd_220",
9
- "root-has-description": "awsui_root-has-description_2qdw9_88efd_220",
10
- "root-variant-h1": "awsui_root-variant-h1_2qdw9_88efd_229",
11
- "main": "awsui_main_2qdw9_88efd_239",
12
- "no-wrap": "awsui_no-wrap_2qdw9_88efd_249",
13
- "main-variant-h1": "awsui_main-variant-h1_2qdw9_88efd_255",
14
- "actions": "awsui_actions_2qdw9_88efd_263",
15
- "actions-centered": "awsui_actions-centered_2qdw9_88efd_268",
16
- "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_88efd_271",
17
- "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_88efd_275",
18
- "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_88efd_279",
19
- "title": "awsui_title_2qdw9_88efd_295",
20
- "title-variant-h1": "awsui_title-variant-h1_2qdw9_88efd_300",
21
- "title-variant-h2": "awsui_title-variant-h2_2qdw9_88efd_307",
22
- "title-variant-h3": "awsui_title-variant-h3_2qdw9_88efd_313",
23
- "virtual-space": "awsui_virtual-space_2qdw9_88efd_334",
24
- "info": "awsui_info_2qdw9_88efd_340",
25
- "description": "awsui_description_2qdw9_88efd_344",
26
- "description-variant-h1": "awsui_description-variant-h1_2qdw9_88efd_351",
27
- "description-variant-h2": "awsui_description-variant-h2_2qdw9_88efd_355",
28
- "description-variant-h3": "awsui_description-variant-h3_2qdw9_88efd_362",
29
- "heading": "awsui_heading_2qdw9_88efd_373",
30
- "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_88efd_384",
31
- "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_88efd_389",
32
- "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_88efd_394",
33
- "heading-text": "awsui_heading-text_2qdw9_88efd_400",
34
- "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_88efd_403",
35
- "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_88efd_411",
36
- "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_88efd_419",
37
- "counter": "awsui_counter_2qdw9_88efd_428"
4
+ "root": "awsui_root_2qdw9_1rr34_185",
5
+ "refresh": "awsui_refresh_2qdw9_1rr34_221",
6
+ "root-no-actions": "awsui_root-no-actions_2qdw9_1rr34_221",
7
+ "root-variant-h2": "awsui_root-variant-h2_2qdw9_1rr34_224",
8
+ "root-variant-h3": "awsui_root-variant-h3_2qdw9_1rr34_224",
9
+ "root-has-description": "awsui_root-has-description_2qdw9_1rr34_224",
10
+ "root-variant-h1": "awsui_root-variant-h1_2qdw9_1rr34_233",
11
+ "main": "awsui_main_2qdw9_1rr34_243",
12
+ "no-wrap": "awsui_no-wrap_2qdw9_1rr34_253",
13
+ "main-variant-h1": "awsui_main-variant-h1_2qdw9_1rr34_259",
14
+ "actions": "awsui_actions_2qdw9_1rr34_267",
15
+ "actions-centered": "awsui_actions-centered_2qdw9_1rr34_272",
16
+ "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1rr34_275",
17
+ "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1rr34_279",
18
+ "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1rr34_283",
19
+ "title": "awsui_title_2qdw9_1rr34_299",
20
+ "title-variant-h1": "awsui_title-variant-h1_2qdw9_1rr34_304",
21
+ "title-variant-h2": "awsui_title-variant-h2_2qdw9_1rr34_311",
22
+ "title-variant-h3": "awsui_title-variant-h3_2qdw9_1rr34_317",
23
+ "virtual-space": "awsui_virtual-space_2qdw9_1rr34_338",
24
+ "info": "awsui_info_2qdw9_1rr34_344",
25
+ "description": "awsui_description_2qdw9_1rr34_348",
26
+ "description-variant-h1": "awsui_description-variant-h1_2qdw9_1rr34_355",
27
+ "description-variant-h2": "awsui_description-variant-h2_2qdw9_1rr34_359",
28
+ "description-variant-h3": "awsui_description-variant-h3_2qdw9_1rr34_366",
29
+ "heading": "awsui_heading_2qdw9_1rr34_377",
30
+ "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1rr34_402",
31
+ "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1rr34_407",
32
+ "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1rr34_412",
33
+ "heading-text": "awsui_heading-text_2qdw9_1rr34_418",
34
+ "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1rr34_421",
35
+ "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1rr34_429",
36
+ "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1rr34_437",
37
+ "counter": "awsui_counter_2qdw9_1rr34_446"
38
38
  };
39
39
 
@@ -178,7 +178,11 @@
178
178
  */
179
179
  /* Style used for links in slots/components that are text heavy, to help links stand out among
180
180
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
181
- .awsui_root_2qdw9_88efd_181:not(#\9) {
181
+ /*
182
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
183
+ SPDX-License-Identifier: Apache-2.0
184
+ */
185
+ .awsui_root_2qdw9_1rr34_185:not(#\9) {
182
186
  border-collapse: separate;
183
187
  border-spacing: 0;
184
188
  box-sizing: border-box;
@@ -214,29 +218,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
214
218
  flex-wrap: wrap;
215
219
  justify-content: space-between;
216
220
  }
217
- .awsui_root_2qdw9_88efd_181.awsui_refresh_2qdw9_88efd_217:not(#\9), .awsui_root_2qdw9_88efd_181:not(#\9):not(.awsui_root-no-actions_2qdw9_88efd_217) {
221
+ .awsui_root_2qdw9_1rr34_185.awsui_refresh_2qdw9_1rr34_221:not(#\9), .awsui_root_2qdw9_1rr34_185:not(#\9):not(.awsui_root-no-actions_2qdw9_1rr34_221) {
218
222
  row-gap: var(--space-scaled-xxs-pfm1nx, 4px);
219
223
  }
220
- .awsui_root-no-actions_2qdw9_88efd_217.awsui_root-variant-h2_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_root-no-actions_2qdw9_88efd_217.awsui_root-variant-h3_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_root-has-description_2qdw9_88efd_220.awsui_root-variant-h2_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_root-has-description_2qdw9_88efd_220.awsui_root-variant-h3_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
224
+ .awsui_root-no-actions_2qdw9_1rr34_221.awsui_root-variant-h2_2qdw9_1rr34_224:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221), .awsui_root-no-actions_2qdw9_1rr34_221.awsui_root-variant-h3_2qdw9_1rr34_224:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221), .awsui_root-has-description_2qdw9_1rr34_224.awsui_root-variant-h2_2qdw9_1rr34_224:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221), .awsui_root-has-description_2qdw9_1rr34_224.awsui_root-variant-h3_2qdw9_1rr34_224:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
221
225
  padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
222
226
  }
223
- .awsui_root-no-actions_2qdw9_88efd_217:not(#\9):not(.awsui_root-has-description_2qdw9_88efd_220):not(.awsui_refresh_2qdw9_88efd_217) {
227
+ .awsui_root-no-actions_2qdw9_1rr34_221:not(#\9):not(.awsui_root-has-description_2qdw9_1rr34_224):not(.awsui_refresh_2qdw9_1rr34_221) {
224
228
  padding-block-end: calc(var(--space-scaled-xs-xwoogq, 8px) + var(--space-xxxs-pajhad, 2px));
225
229
  }
226
- .awsui_root-no-actions_2qdw9_88efd_217.awsui_refresh_2qdw9_88efd_217.awsui_root-variant-h2_2qdw9_88efd_220:not(#\9), .awsui_root-no-actions_2qdw9_88efd_217.awsui_refresh_2qdw9_88efd_217.awsui_root-variant-h3_2qdw9_88efd_220:not(#\9) {
230
+ .awsui_root-no-actions_2qdw9_1rr34_221.awsui_refresh_2qdw9_1rr34_221.awsui_root-variant-h2_2qdw9_1rr34_224:not(#\9), .awsui_root-no-actions_2qdw9_1rr34_221.awsui_refresh_2qdw9_1rr34_221.awsui_root-variant-h3_2qdw9_1rr34_224:not(#\9) {
227
231
  row-gap: var(--space-scaled-xxxs-oo06c7, 2px);
228
232
  }
229
- .awsui_root_2qdw9_88efd_181.awsui_root-variant-h1_2qdw9_88efd_229:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
233
+ .awsui_root_2qdw9_1rr34_185.awsui_root-variant-h1_2qdw9_1rr34_233:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
230
234
  row-gap: var(--space-scaled-xxs-pfm1nx, 4px);
231
235
  }
232
- .awsui_root-no-actions_2qdw9_88efd_217:not(#\9):not(.awsui_root-has-description_2qdw9_88efd_220).awsui_refresh_2qdw9_88efd_217.awsui_root-variant-h3_2qdw9_88efd_220 {
236
+ .awsui_root-no-actions_2qdw9_1rr34_221:not(#\9):not(.awsui_root-has-description_2qdw9_1rr34_224).awsui_refresh_2qdw9_1rr34_221.awsui_root-variant-h3_2qdw9_1rr34_224 {
233
237
  padding-block-end: var(--space-scaled-xs-xwoogq, 8px);
234
238
  }
235
- .awsui_root_2qdw9_88efd_181.awsui_root-variant-h1_2qdw9_88efd_229.awsui_root-has-description_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
239
+ .awsui_root_2qdw9_1rr34_185.awsui_root-variant-h1_2qdw9_1rr34_233.awsui_root-has-description_2qdw9_1rr34_224:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
236
240
  padding-block-end: var(--space-scaled-2x-xxs-e79hr1, 4px);
237
241
  }
238
242
 
239
- .awsui_main_2qdw9_88efd_239:not(#\9) {
243
+ .awsui_main_2qdw9_1rr34_243:not(#\9) {
240
244
  word-wrap: break-word;
241
245
  max-inline-size: 100%;
242
246
  display: flex;
@@ -246,161 +250,175 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
246
250
  column-gap: var(--space-xs-ymlm0b, 8px);
247
251
  row-gap: calc(var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxxs-oo06c7, 2px));
248
252
  }
249
- .awsui_main_2qdw9_88efd_239.awsui_no-wrap_2qdw9_88efd_249:not(#\9) {
253
+ .awsui_main_2qdw9_1rr34_243.awsui_no-wrap_2qdw9_1rr34_253:not(#\9) {
250
254
  flex-wrap: nowrap;
251
255
  }
252
- .awsui_main_2qdw9_88efd_239.awsui_refresh_2qdw9_88efd_217:not(#\9) {
256
+ .awsui_main_2qdw9_1rr34_243.awsui_refresh_2qdw9_1rr34_221:not(#\9) {
253
257
  row-gap: var(--space-xxs-hwfkai, 4px);
254
258
  }
255
- .awsui_main-variant-h1_2qdw9_88efd_255:not(#\9) {
259
+ .awsui_main-variant-h1_2qdw9_1rr34_259:not(#\9) {
256
260
  row-gap: var(--space-scaled-2x-xxs-e79hr1, 4px);
257
261
  }
258
262
 
259
- .awsui_root-has-description_2qdw9_88efd_220 > .awsui_main_2qdw9_88efd_239:not(#\9) {
263
+ .awsui_root-has-description_2qdw9_1rr34_224 > .awsui_main_2qdw9_1rr34_243:not(#\9) {
260
264
  row-gap: var(--space-scaled-2x-xxs-e79hr1, 4px);
261
265
  }
262
266
 
263
- .awsui_actions_2qdw9_88efd_263:not(#\9) {
267
+ .awsui_actions_2qdw9_1rr34_267:not(#\9) {
264
268
  display: flex;
265
269
  align-items: flex-start;
266
270
  min-block-size: var(--size-vertical-input-p1d7xx, 32px);
267
271
  }
268
- .awsui_actions-centered_2qdw9_88efd_268:not(#\9) {
272
+ .awsui_actions-centered_2qdw9_1rr34_272:not(#\9) {
269
273
  align-items: center;
270
274
  }
271
- .awsui_actions-variant-h1_2qdw9_88efd_271.awsui_refresh_2qdw9_88efd_217:not(#\9) {
275
+ .awsui_actions-variant-h1_2qdw9_1rr34_275.awsui_refresh_2qdw9_1rr34_221:not(#\9) {
272
276
  padding-block: calc((var(--line-height-heading-xl-hko6p0, 30px) - var(--size-vertical-input-p1d7xx, 32px)) / 2);
273
277
  padding-inline: 0;
274
278
  }
275
- .awsui_actions-variant-h2_2qdw9_88efd_275.awsui_refresh_2qdw9_88efd_217:not(#\9) {
279
+ .awsui_actions-variant-h2_2qdw9_1rr34_279.awsui_refresh_2qdw9_1rr34_221:not(#\9) {
276
280
  padding-block: calc((var(--line-height-heading-l-mg5bx6, 24px) - var(--size-vertical-input-p1d7xx, 32px)) / 2);
277
281
  padding-inline: 0;
278
282
  }
279
- .awsui_actions-variant-h3_2qdw9_88efd_279.awsui_refresh_2qdw9_88efd_217:not(#\9) {
283
+ .awsui_actions-variant-h3_2qdw9_1rr34_283.awsui_refresh_2qdw9_1rr34_221:not(#\9) {
280
284
  padding-block: calc((var(--line-height-heading-m-uoaqdh, 22px) - var(--size-vertical-input-p1d7xx, 32px)) / 2);
281
285
  padding-inline: 0;
282
286
  }
283
- .awsui_actions-variant-h1_2qdw9_88efd_271:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
287
+ .awsui_actions-variant-h1_2qdw9_1rr34_275:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
284
288
  padding-block: var(--space-scaled-xs-xwoogq, 8px);
285
289
  padding-inline: 0;
286
290
  }
287
- .awsui_actions-variant-h2_2qdw9_88efd_275:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_actions-variant-h3_2qdw9_88efd_279:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
291
+ .awsui_actions-variant-h2_2qdw9_1rr34_279:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221), .awsui_actions-variant-h3_2qdw9_1rr34_283:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
288
292
  padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
289
293
  padding-inline: 0;
290
294
  }
291
- .awsui_root-has-description_2qdw9_88efd_220 > .awsui_main_2qdw9_88efd_239 > .awsui_actions_2qdw9_88efd_263:not(#\9) {
295
+ .awsui_root-has-description_2qdw9_1rr34_224 > .awsui_main_2qdw9_1rr34_243 > .awsui_actions_2qdw9_1rr34_267:not(#\9) {
292
296
  padding-block-end: 0;
293
297
  }
294
298
 
295
- .awsui_title_2qdw9_88efd_295:not(#\9) {
299
+ .awsui_title_2qdw9_1rr34_299:not(#\9) {
296
300
  min-inline-size: 0;
297
301
  word-break: break-word;
298
302
  color: var(--color-text-heading-default-izpp46, #0f141a);
299
303
  }
300
- .awsui_title-variant-h1_2qdw9_88efd_300:not(#\9) {
304
+ .awsui_title-variant-h1_2qdw9_1rr34_304:not(#\9) {
301
305
  font-size: var(--font-size-heading-xl-wvkbur, 24px);
302
306
  padding-block-start: var(--space-scaled-2x-xxs-e79hr1, 4px);
303
307
  }
304
- .awsui_title-variant-h1_2qdw9_88efd_300.awsui_refresh_2qdw9_88efd_217:not(#\9) {
308
+ .awsui_title-variant-h1_2qdw9_1rr34_304.awsui_refresh_2qdw9_1rr34_221:not(#\9) {
305
309
  padding-block-start: calc((var(--size-vertical-input-p1d7xx, 32px) - var(--line-height-heading-xl-hko6p0, 30px)) / 2);
306
310
  }
307
- .awsui_title-variant-h2_2qdw9_88efd_307:not(#\9) {
311
+ .awsui_title-variant-h2_2qdw9_1rr34_311:not(#\9) {
308
312
  font-size: var(--font-size-heading-l-vnacx6, 20px);
309
313
  }
310
- .awsui_title-variant-h2_2qdw9_88efd_307.awsui_refresh_2qdw9_88efd_217:not(#\9) {
314
+ .awsui_title-variant-h2_2qdw9_1rr34_311.awsui_refresh_2qdw9_1rr34_221:not(#\9) {
311
315
  padding-block-start: calc((var(--size-vertical-input-p1d7xx, 32px) - var(--line-height-heading-l-mg5bx6, 24px)) / 2);
312
316
  }
313
- .awsui_title-variant-h3_2qdw9_88efd_313:not(#\9) {
317
+ .awsui_title-variant-h3_2qdw9_1rr34_317:not(#\9) {
314
318
  font-size: var(--font-size-heading-m-170yiy, 18px);
315
319
  }
316
- .awsui_title-variant-h3_2qdw9_88efd_313.awsui_refresh_2qdw9_88efd_217:not(#\9) {
320
+ .awsui_title-variant-h3_2qdw9_1rr34_317.awsui_refresh_2qdw9_1rr34_221:not(#\9) {
317
321
  padding-block-start: calc((var(--size-vertical-input-p1d7xx, 32px) - var(--line-height-heading-m-uoaqdh, 22px)) / 2);
318
322
  }
319
- .awsui_title-variant-h2_2qdw9_88efd_307:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_title-variant-h3_2qdw9_88efd_313:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
323
+ .awsui_title-variant-h2_2qdw9_1rr34_311:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221), .awsui_title-variant-h3_2qdw9_1rr34_317:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
320
324
  padding-block-start: var(--space-scaled-xs-xwoogq, 8px);
321
325
  }
322
- .awsui_no-wrap_2qdw9_88efd_249 > .awsui_title_2qdw9_88efd_295:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
326
+ .awsui_no-wrap_2qdw9_1rr34_253 > .awsui_title_2qdw9_1rr34_299:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
323
327
  padding-block-end: calc(var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxxs-oo06c7, 2px));
324
328
  }
325
329
 
326
- .awsui_root-no-actions_2qdw9_88efd_217.awsui_root-has-description_2qdw9_88efd_220 > .awsui_main_2qdw9_88efd_239 > :not(#\9):not(.awsui_refresh_2qdw9_88efd_217).awsui_title-variant-h2_2qdw9_88efd_307, .awsui_root-no-actions_2qdw9_88efd_217.awsui_root-has-description_2qdw9_88efd_220 > .awsui_main_2qdw9_88efd_239 > :not(#\9):not(.awsui_refresh_2qdw9_88efd_217).awsui_title-variant-h3_2qdw9_88efd_313 {
330
+ .awsui_root-no-actions_2qdw9_1rr34_221.awsui_root-has-description_2qdw9_1rr34_224 > .awsui_main_2qdw9_1rr34_243 > :not(#\9):not(.awsui_refresh_2qdw9_1rr34_221).awsui_title-variant-h2_2qdw9_1rr34_311, .awsui_root-no-actions_2qdw9_1rr34_221.awsui_root-has-description_2qdw9_1rr34_224 > .awsui_main_2qdw9_1rr34_243 > :not(#\9):not(.awsui_refresh_2qdw9_1rr34_221).awsui_title-variant-h3_2qdw9_1rr34_317 {
327
331
  padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
328
332
  }
329
333
 
330
- .awsui_root-variant-h1_2qdw9_88efd_229.awsui_root-no-actions_2qdw9_88efd_217:not(#\9):not(.awsui_root-has-description_2qdw9_88efd_220):not(.awsui_refresh_2qdw9_88efd_217) {
334
+ .awsui_root-variant-h1_2qdw9_1rr34_233.awsui_root-no-actions_2qdw9_1rr34_221:not(#\9):not(.awsui_root-has-description_2qdw9_1rr34_224):not(.awsui_refresh_2qdw9_1rr34_221) {
331
335
  padding-block-end: var(--space-scaled-2x-xxs-e79hr1, 4px);
332
336
  }
333
337
 
334
- .awsui_virtual-space_2qdw9_88efd_334:not(#\9) {
338
+ .awsui_virtual-space_2qdw9_1rr34_338:not(#\9) {
335
339
  position: absolute !important;
336
340
  inset-block-start: -9999px !important;
337
341
  inset-inline-start: -9999px !important;
338
342
  }
339
343
 
340
- .awsui_info_2qdw9_88efd_340:not(#\9) {
344
+ .awsui_info_2qdw9_1rr34_344:not(#\9) {
341
345
  padding-inline-end: var(--space-s-tvghoh, 12px);
342
346
  }
343
347
 
344
- .awsui_description_2qdw9_88efd_344:not(#\9) {
348
+ .awsui_description_2qdw9_1rr34_348:not(#\9) {
345
349
  margin-block: 0;
346
350
  margin-inline: 0;
347
351
  padding-block: 0;
348
352
  padding-inline: 0;
349
353
  color: var(--color-text-heading-secondary-iwtvf6, #424650);
350
354
  }
351
- .awsui_description-variant-h1_2qdw9_88efd_351:not(#\9) {
355
+ .awsui_description-variant-h1_2qdw9_1rr34_355:not(#\9) {
352
356
  font-size: var(--font-size-body-m-a7nh2n, 14px);
353
357
  line-height: var(--line-height-body-m-2mh3ke, 20px);
354
358
  }
355
- .awsui_description-variant-h2_2qdw9_88efd_355:not(#\9) {
359
+ .awsui_description-variant-h2_2qdw9_1rr34_359:not(#\9) {
356
360
  font-size: var(--font-header-h2-description-size-g2wws3, 14px);
357
361
  line-height: var(--font-header-h2-description-line-height-ts2s6o, 20px);
358
362
  }
359
- .awsui_description-variant-h2_2qdw9_88efd_355:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
363
+ .awsui_description-variant-h2_2qdw9_1rr34_359:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
360
364
  padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
361
365
  }
362
- .awsui_description-variant-h3_2qdw9_88efd_362:not(#\9) {
366
+ .awsui_description-variant-h3_2qdw9_1rr34_366:not(#\9) {
363
367
  font-size: var(--font-size-body-m-a7nh2n, 14px);
364
368
  line-height: var(--line-height-body-m-2mh3ke, 20px);
365
369
  }
366
- .awsui_description-variant-h3_2qdw9_88efd_362:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
370
+ .awsui_description-variant-h3_2qdw9_1rr34_366:not(#\9):not(.awsui_refresh_2qdw9_1rr34_221) {
367
371
  font-size: var(--font-size-body-s-smc8cv, 12px);
368
372
  line-height: var(--line-height-body-s-nu5hx1, 16px);
369
373
  letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
370
374
  padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
371
375
  }
372
376
 
373
- .awsui_heading_2qdw9_88efd_373:not(#\9) {
377
+ .awsui_heading_2qdw9_1rr34_377:not(#\9) {
374
378
  margin-block: 0;
375
379
  margin-inline: 0;
376
380
  display: inline;
377
381
  font-size: inherit;
378
382
  margin-inline-end: var(--space-xs-ymlm0b, 8px);
379
383
  }
380
- .awsui_heading_2qdw9_88efd_373:not(#\9):only-child {
384
+ .awsui_heading_2qdw9_1rr34_377:not(#\9):only-child {
381
385
  margin-block: 0;
382
386
  margin-inline: 0;
383
387
  }
384
- .awsui_heading-variant-h1_2qdw9_88efd_384:not(#\9) {
388
+ .awsui_heading_2qdw9_1rr34_377:not(#\9):focus {
389
+ outline: none;
390
+ }
391
+ body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_1rr34_377:not(#\9):focus {
392
+ outline: thin dotted;
393
+ outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
394
+ outline-offset: 2px;
395
+ outline-color: var(--color-border-item-focused-uk47pl, #006ce0);
396
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
397
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
398
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
399
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
400
+ box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-39uvxr, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
401
+ }
402
+ .awsui_heading-variant-h1_2qdw9_1rr34_402:not(#\9) {
385
403
  font-size: var(--font-size-heading-xl-wvkbur, 24px);
386
404
  line-height: var(--line-height-heading-xl-hko6p0, 30px);
387
405
  letter-spacing: var(--letter-spacing-heading-xl-ckkb6u, -0.02em);
388
406
  }
389
- .awsui_heading-variant-h2_2qdw9_88efd_389:not(#\9) {
407
+ .awsui_heading-variant-h2_2qdw9_1rr34_407:not(#\9) {
390
408
  font-size: var(--font-size-heading-l-vnacx6, 20px);
391
409
  line-height: var(--line-height-heading-l-mg5bx6, 24px);
392
410
  letter-spacing: var(--letter-spacing-heading-l-5v6ibv, -0.015em);
393
411
  }
394
- .awsui_heading-variant-h3_2qdw9_88efd_394:not(#\9) {
412
+ .awsui_heading-variant-h3_2qdw9_1rr34_412:not(#\9) {
395
413
  font-size: var(--font-size-heading-m-170yiy, 18px);
396
414
  line-height: var(--line-height-heading-m-uoaqdh, 22px);
397
415
  letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
398
416
  }
399
417
 
400
- .awsui_heading-text_2qdw9_88efd_400:not(#\9) {
418
+ .awsui_heading-text_2qdw9_1rr34_418:not(#\9) {
401
419
  /* used in test-utils */
402
420
  }
403
- .awsui_heading-text-variant-h1_2qdw9_88efd_403:not(#\9) {
421
+ .awsui_heading-text-variant-h1_2qdw9_1rr34_421:not(#\9) {
404
422
  font-size: var(--font-size-heading-xl-wvkbur, 24px);
405
423
  line-height: var(--line-height-heading-xl-hko6p0, 30px);
406
424
  letter-spacing: var(--letter-spacing-heading-xl-ckkb6u, -0.02em);
@@ -408,7 +426,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
408
426
  -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
409
427
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
410
428
  }
411
- .awsui_heading-text-variant-h2_2qdw9_88efd_411:not(#\9) {
429
+ .awsui_heading-text-variant-h2_2qdw9_1rr34_429:not(#\9) {
412
430
  font-size: var(--font-size-heading-l-vnacx6, 20px);
413
431
  line-height: var(--line-height-heading-l-mg5bx6, 24px);
414
432
  letter-spacing: var(--letter-spacing-heading-l-5v6ibv, -0.015em);
@@ -416,7 +434,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
416
434
  -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
417
435
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
418
436
  }
419
- .awsui_heading-text-variant-h3_2qdw9_88efd_419:not(#\9) {
437
+ .awsui_heading-text-variant-h3_2qdw9_1rr34_437:not(#\9) {
420
438
  font-size: var(--font-size-heading-m-170yiy, 18px);
421
439
  line-height: var(--line-height-heading-m-uoaqdh, 22px);
422
440
  letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
@@ -425,7 +443,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
425
443
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
426
444
  }
427
445
 
428
- .awsui_counter_2qdw9_88efd_428:not(#\9) {
446
+ .awsui_counter_2qdw9_1rr34_446:not(#\9) {
429
447
  color: var(--color-text-counter-bywf75, #656871);
430
448
  font-weight: 400;
431
449
  }
@@ -2,39 +2,39 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_2qdw9_88efd_181",
6
- "refresh": "awsui_refresh_2qdw9_88efd_217",
7
- "root-no-actions": "awsui_root-no-actions_2qdw9_88efd_217",
8
- "root-variant-h2": "awsui_root-variant-h2_2qdw9_88efd_220",
9
- "root-variant-h3": "awsui_root-variant-h3_2qdw9_88efd_220",
10
- "root-has-description": "awsui_root-has-description_2qdw9_88efd_220",
11
- "root-variant-h1": "awsui_root-variant-h1_2qdw9_88efd_229",
12
- "main": "awsui_main_2qdw9_88efd_239",
13
- "no-wrap": "awsui_no-wrap_2qdw9_88efd_249",
14
- "main-variant-h1": "awsui_main-variant-h1_2qdw9_88efd_255",
15
- "actions": "awsui_actions_2qdw9_88efd_263",
16
- "actions-centered": "awsui_actions-centered_2qdw9_88efd_268",
17
- "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_88efd_271",
18
- "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_88efd_275",
19
- "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_88efd_279",
20
- "title": "awsui_title_2qdw9_88efd_295",
21
- "title-variant-h1": "awsui_title-variant-h1_2qdw9_88efd_300",
22
- "title-variant-h2": "awsui_title-variant-h2_2qdw9_88efd_307",
23
- "title-variant-h3": "awsui_title-variant-h3_2qdw9_88efd_313",
24
- "virtual-space": "awsui_virtual-space_2qdw9_88efd_334",
25
- "info": "awsui_info_2qdw9_88efd_340",
26
- "description": "awsui_description_2qdw9_88efd_344",
27
- "description-variant-h1": "awsui_description-variant-h1_2qdw9_88efd_351",
28
- "description-variant-h2": "awsui_description-variant-h2_2qdw9_88efd_355",
29
- "description-variant-h3": "awsui_description-variant-h3_2qdw9_88efd_362",
30
- "heading": "awsui_heading_2qdw9_88efd_373",
31
- "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_88efd_384",
32
- "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_88efd_389",
33
- "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_88efd_394",
34
- "heading-text": "awsui_heading-text_2qdw9_88efd_400",
35
- "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_88efd_403",
36
- "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_88efd_411",
37
- "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_88efd_419",
38
- "counter": "awsui_counter_2qdw9_88efd_428"
5
+ "root": "awsui_root_2qdw9_1rr34_185",
6
+ "refresh": "awsui_refresh_2qdw9_1rr34_221",
7
+ "root-no-actions": "awsui_root-no-actions_2qdw9_1rr34_221",
8
+ "root-variant-h2": "awsui_root-variant-h2_2qdw9_1rr34_224",
9
+ "root-variant-h3": "awsui_root-variant-h3_2qdw9_1rr34_224",
10
+ "root-has-description": "awsui_root-has-description_2qdw9_1rr34_224",
11
+ "root-variant-h1": "awsui_root-variant-h1_2qdw9_1rr34_233",
12
+ "main": "awsui_main_2qdw9_1rr34_243",
13
+ "no-wrap": "awsui_no-wrap_2qdw9_1rr34_253",
14
+ "main-variant-h1": "awsui_main-variant-h1_2qdw9_1rr34_259",
15
+ "actions": "awsui_actions_2qdw9_1rr34_267",
16
+ "actions-centered": "awsui_actions-centered_2qdw9_1rr34_272",
17
+ "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1rr34_275",
18
+ "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1rr34_279",
19
+ "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1rr34_283",
20
+ "title": "awsui_title_2qdw9_1rr34_299",
21
+ "title-variant-h1": "awsui_title-variant-h1_2qdw9_1rr34_304",
22
+ "title-variant-h2": "awsui_title-variant-h2_2qdw9_1rr34_311",
23
+ "title-variant-h3": "awsui_title-variant-h3_2qdw9_1rr34_317",
24
+ "virtual-space": "awsui_virtual-space_2qdw9_1rr34_338",
25
+ "info": "awsui_info_2qdw9_1rr34_344",
26
+ "description": "awsui_description_2qdw9_1rr34_348",
27
+ "description-variant-h1": "awsui_description-variant-h1_2qdw9_1rr34_355",
28
+ "description-variant-h2": "awsui_description-variant-h2_2qdw9_1rr34_359",
29
+ "description-variant-h3": "awsui_description-variant-h3_2qdw9_1rr34_366",
30
+ "heading": "awsui_heading_2qdw9_1rr34_377",
31
+ "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1rr34_402",
32
+ "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1rr34_407",
33
+ "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1rr34_412",
34
+ "heading-text": "awsui_heading-text_2qdw9_1rr34_418",
35
+ "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1rr34_421",
36
+ "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1rr34_429",
37
+ "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1rr34_437",
38
+ "counter": "awsui_counter_2qdw9_1rr34_446"
39
39
  };
40
40
 
@@ -6,7 +6,7 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- :root {
9
+ body {
10
10
  --color-transparent-i61gs1:transparent;
11
11
  --color-charts-red-300-2k7eul:#ea7158;
12
12
  --color-charts-red-400-ssrf2o:#dc5032;
@@ -2051,5 +2051,5 @@
2051
2051
  }
2052
2052
  }
2053
2053
  :root {
2054
- --awsui-version-info-0a448ad4: true;
2054
+ --awsui-version-info-396e1786: true;
2055
2055
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/chart-popover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAQ3D,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC;IACjD;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,+FAA+F;IAC/F,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAE1B,wDAAwD;IACxD,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE3C,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,qBAAqB;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;;AAED,wBAA8C"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/chart-popover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAO3D,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC;IACjD;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,+FAA+F;IAC/F,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAE1B,wDAAwD;IACxD,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE3C,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,qBAAqB;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;;AAED,wBAA8C"}
@@ -8,7 +8,6 @@ import { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';
8
8
  import PopoverBody from '../../../popover/body';
9
9
  import PopoverContainer from '../../../popover/container';
10
10
  import { getBaseProps } from '../../base-component';
11
- import { nodeBelongs } from '../../utils/node-belongs';
12
11
  import popoverStyles from '../../../popover/styles.css.js';
13
12
  import styles from './styles.css.js';
14
13
  import testClasses from './test-classes/styles.css.js';
@@ -18,23 +17,30 @@ function ChartPopover(_a, ref) {
18
17
  const baseProps = getBaseProps(restProps);
19
18
  const popoverObjectRef = useRef(null);
20
19
  const popoverRef = useMergeRefs(popoverObjectRef, ref);
20
+ const clickFrameId = useRef(null);
21
+ const onMouseDown = () => {
22
+ // Indicate there was a click inside popover recently.
23
+ clickFrameId.current = requestAnimationFrame(() => (clickFrameId.current = null));
24
+ };
21
25
  useEffect(() => {
22
- const onDocumentClick = (event) => {
23
- if (event.target &&
24
- !nodeBelongs(popoverObjectRef.current, event.target) && // click not in popover
25
- !nodeContains(container, event.target) // click not in segment
26
- ) {
27
- onDismiss(true);
28
- }
29
- };
30
- document.addEventListener('mousedown', onDocumentClick, { capture: true });
31
- return () => {
32
- document.removeEventListener('mousedown', onDocumentClick, { capture: true });
33
- };
26
+ if (popoverObjectRef.current) {
27
+ const document = popoverObjectRef.current.ownerDocument;
28
+ const onDocumentClick = (event) => {
29
+ // Dismiss popover unless there was a click inside within the last animation frame.
30
+ // Ignore clicks inside the chart as those are handled separately.
31
+ if (clickFrameId.current === null && !nodeContains(container, event.target)) {
32
+ onDismiss(true);
33
+ }
34
+ };
35
+ document.addEventListener('mousedown', onDocumentClick);
36
+ return () => {
37
+ document.removeEventListener('mousedown', onDocumentClick);
38
+ };
39
+ }
34
40
  }, [container, onDismiss]);
35
41
  // In chart popovers, dismiss button is present when they are pinned, so both values are equivalent.
36
42
  const isPinned = dismissButton;
37
- return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(popoverStyles.root, styles.root, baseProps.className), ref: popoverRef, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onBlur: onBlur,
43
+ return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(popoverStyles.root, styles.root, baseProps.className), ref: popoverRef, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseDown: onMouseDown, onBlur: onBlur,
38
44
  // The tabIndex makes it so that clicking inside popover assigns this element as blur target.
39
45
  // That is necessary in charts to ensure the blur target is within the chart and no cleanup is needed.
40
46
  tabIndex: -1 }),