@cloudscape-design/components-themeable 3.0.1133 → 3.0.1135

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 (84) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/expandable-section/styles.scss +5 -0
  3. package/lib/internal/scss/header/styles.scss +9 -0
  4. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  5. package/lib/internal/scss/textarea/styles.scss +62 -10
  6. package/lib/internal/template/app-layout/runtime-drawer/index.d.ts +3 -0
  7. package/lib/internal/template/app-layout/runtime-drawer/index.d.ts.map +1 -1
  8. package/lib/internal/template/app-layout/runtime-drawer/index.js.map +1 -1
  9. package/lib/internal/template/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map +1 -1
  10. package/lib/internal/template/app-layout/visual-refresh-toolbar/compute-layout.js +1 -1
  11. package/lib/internal/template/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
  12. package/lib/internal/template/app-layout/visual-refresh-toolbar/index.js +1 -1
  13. package/lib/internal/template/app-layout/visual-refresh-toolbar/index.js.map +1 -1
  14. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts +3 -0
  15. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
  16. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
  17. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.js +1 -1
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.js.map +1 -1
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-ai-drawer.d.ts +6 -0
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-ai-drawer.d.ts.map +1 -1
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js +9 -1
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-bottom-drawers.d.ts +6 -0
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-bottom-drawers.d.ts.map +1 -1
  26. package/lib/internal/template/code-editor/styles.css.js +33 -33
  27. package/lib/internal/template/code-editor/styles.scoped.css +218 -214
  28. package/lib/internal/template/code-editor/styles.selectors.js +33 -33
  29. package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
  30. package/lib/internal/template/expandable-section/expandable-section-header.js +1 -1
  31. package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
  32. package/lib/internal/template/expandable-section/styles.css.js +35 -34
  33. package/lib/internal/template/expandable-section/styles.scoped.css +68 -65
  34. package/lib/internal/template/expandable-section/styles.selectors.js +35 -34
  35. package/lib/internal/template/header/styles.css.js +34 -34
  36. package/lib/internal/template/header/styles.scoped.css +68 -50
  37. package/lib/internal/template/header/styles.selectors.js +34 -34
  38. package/lib/internal/template/internal/base-component/styles.scoped.css +2 -2
  39. package/lib/internal/template/internal/components/chart-popover/index.d.ts.map +1 -1
  40. package/lib/internal/template/internal/components/chart-popover/index.js +20 -14
  41. package/lib/internal/template/internal/components/chart-popover/index.js.map +1 -1
  42. package/lib/internal/template/internal/environment.js +2 -2
  43. package/lib/internal/template/internal/environment.json +2 -2
  44. package/lib/internal/template/internal/generated/theming/index.cjs +1 -1
  45. package/lib/internal/template/internal/generated/theming/index.js +1 -1
  46. package/lib/internal/template/internal/hooks/forward-focus/radio-group.js +1 -9
  47. package/lib/internal/template/internal/hooks/forward-focus/radio-group.js.map +1 -1
  48. package/lib/internal/template/internal/plugins/widget/interfaces.d.ts +3 -0
  49. package/lib/internal/template/internal/plugins/widget/interfaces.d.ts.map +1 -1
  50. package/lib/internal/template/internal/plugins/widget/interfaces.js.map +1 -1
  51. package/lib/internal/template/internal/utils/dom.d.ts +1 -0
  52. package/lib/internal/template/internal/utils/dom.d.ts.map +1 -1
  53. package/lib/internal/template/internal/utils/dom.js +3 -0
  54. package/lib/internal/template/internal/utils/dom.js.map +1 -1
  55. package/lib/internal/template/mixed-line-bar-chart/chart-container.d.ts.map +1 -1
  56. package/lib/internal/template/mixed-line-bar-chart/chart-container.js +2 -3
  57. package/lib/internal/template/mixed-line-bar-chart/chart-container.js.map +1 -1
  58. package/lib/internal/template/mixed-line-bar-chart/domain.d.ts.map +1 -1
  59. package/lib/internal/template/mixed-line-bar-chart/domain.js +4 -32
  60. package/lib/internal/template/mixed-line-bar-chart/domain.js.map +1 -1
  61. package/lib/internal/template/popover/internal.js +1 -1
  62. package/lib/internal/template/popover/internal.js.map +1 -1
  63. package/lib/internal/template/s3-resource-selector/s3-modal/table-utils.js +1 -1
  64. package/lib/internal/template/s3-resource-selector/s3-modal/table-utils.js.map +1 -1
  65. package/lib/internal/template/tag-editor/index.js +2 -2
  66. package/lib/internal/template/tag-editor/index.js.map +1 -1
  67. package/lib/internal/template/tag-editor/utils.d.ts +0 -4
  68. package/lib/internal/template/tag-editor/utils.d.ts.map +1 -1
  69. package/lib/internal/template/tag-editor/utils.js +0 -11
  70. package/lib/internal/template/tag-editor/utils.js.map +1 -1
  71. package/lib/internal/template/textarea/index.d.ts.map +1 -1
  72. package/lib/internal/template/textarea/index.js +3 -2
  73. package/lib/internal/template/textarea/index.js.map +1 -1
  74. package/lib/internal/template/textarea/interfaces.d.ts +48 -0
  75. package/lib/internal/template/textarea/interfaces.d.ts.map +1 -1
  76. package/lib/internal/template/textarea/interfaces.js.map +1 -1
  77. package/lib/internal/template/textarea/styles.css.js +5 -5
  78. package/lib/internal/template/textarea/styles.d.ts +3 -0
  79. package/lib/internal/template/textarea/styles.d.ts.map +1 -0
  80. package/lib/internal/template/textarea/styles.js +42 -0
  81. package/lib/internal/template/textarea/styles.js.map +1 -0
  82. package/lib/internal/template/textarea/styles.scoped.css +42 -29
  83. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  84. package/package.json +1 -1
@@ -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_s7t90_161",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_s7t90_1",
7
- "trigger-expanded": "awsui_trigger-expanded_gwq0h_s7t90_183",
8
- "icon": "awsui_icon_gwq0h_s7t90_197",
9
- "root": "awsui_root_gwq0h_s7t90_211",
10
- "expand-button": "awsui_expand-button_gwq0h_s7t90_246",
11
- "expanded": "awsui_expanded_gwq0h_s7t90_254",
12
- "icon-container": "awsui_icon-container_gwq0h_s7t90_264",
13
- "icon-container-container": "awsui_icon-container-container_gwq0h_s7t90_268",
14
- "wrapper": "awsui_wrapper_gwq0h_s7t90_272",
15
- "wrapper-default": "awsui_wrapper-default_gwq0h_s7t90_280",
16
- "wrapper-inline": "awsui_wrapper-inline_gwq0h_s7t90_280",
17
- "wrapper-footer": "awsui_wrapper-footer_gwq0h_s7t90_280",
18
- "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_s7t90_284",
19
- "wrapper-container": "awsui_wrapper-container_gwq0h_s7t90_287",
20
- "wrapper-compact": "awsui_wrapper-compact_gwq0h_s7t90_291",
21
- "header-deprecated": "awsui_header-deprecated_gwq0h_s7t90_304",
22
- "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_s7t90_310",
23
- "header": "awsui_header_gwq0h_s7t90_304",
24
- "header-wrapper": "awsui_header-wrapper_gwq0h_s7t90_347",
25
- "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_s7t90_359",
26
- "header-button": "awsui_header-button_gwq0h_s7t90_365",
27
- "header-container-button": "awsui_header-container-button_gwq0h_s7t90_365",
28
- "header-container": "awsui_header-container_gwq0h_s7t90_365",
29
- "header-navigation": "awsui_header-navigation_gwq0h_s7t90_400",
30
- "header-text": "awsui_header-text_gwq0h_s7t90_437",
31
- "content": "awsui_content_gwq0h_s7t90_161",
32
- "content-default": "awsui_content-default_gwq0h_s7t90_450",
33
- "content-inline": "awsui_content-inline_gwq0h_s7t90_450",
34
- "content-footer": "awsui_content-footer_gwq0h_s7t90_454",
35
- "content-expanded": "awsui_content-expanded_gwq0h_s7t90_458",
36
- "content-compact": "awsui_content-compact_gwq0h_s7t90_461",
37
- "focusable": "awsui_focusable_gwq0h_s7t90_465",
38
- "click-target": "awsui_click-target_gwq0h_s7t90_480"
5
+ "content-enter": "awsui_content-enter_gwq0h_3dyev_161",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_3dyev_1",
7
+ "trigger-expanded": "awsui_trigger-expanded_gwq0h_3dyev_183",
8
+ "icon": "awsui_icon_gwq0h_3dyev_197",
9
+ "root": "awsui_root_gwq0h_3dyev_211",
10
+ "expand-button": "awsui_expand-button_gwq0h_3dyev_246",
11
+ "expanded": "awsui_expanded_gwq0h_3dyev_254",
12
+ "icon-container": "awsui_icon-container_gwq0h_3dyev_264",
13
+ "icon-container-container": "awsui_icon-container-container_gwq0h_3dyev_268",
14
+ "wrapper": "awsui_wrapper_gwq0h_3dyev_272",
15
+ "wrapper-default": "awsui_wrapper-default_gwq0h_3dyev_280",
16
+ "wrapper-inline": "awsui_wrapper-inline_gwq0h_3dyev_280",
17
+ "wrapper-footer": "awsui_wrapper-footer_gwq0h_3dyev_280",
18
+ "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_3dyev_284",
19
+ "wrapper-container": "awsui_wrapper-container_gwq0h_3dyev_287",
20
+ "wrapper-compact": "awsui_wrapper-compact_gwq0h_3dyev_291",
21
+ "header-deprecated": "awsui_header-deprecated_gwq0h_3dyev_304",
22
+ "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_3dyev_310",
23
+ "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_3dyev_333",
24
+ "header": "awsui_header_gwq0h_3dyev_304",
25
+ "header-wrapper": "awsui_header-wrapper_gwq0h_3dyev_350",
26
+ "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_3dyev_362",
27
+ "header-button": "awsui_header-button_gwq0h_3dyev_368",
28
+ "header-container-button": "awsui_header-container-button_gwq0h_3dyev_368",
29
+ "header-container": "awsui_header-container_gwq0h_3dyev_368",
30
+ "header-navigation": "awsui_header-navigation_gwq0h_3dyev_403",
31
+ "header-text": "awsui_header-text_gwq0h_3dyev_440",
32
+ "content": "awsui_content_gwq0h_3dyev_161",
33
+ "content-default": "awsui_content-default_gwq0h_3dyev_453",
34
+ "content-inline": "awsui_content-inline_gwq0h_3dyev_453",
35
+ "content-footer": "awsui_content-footer_gwq0h_3dyev_457",
36
+ "content-expanded": "awsui_content-expanded_gwq0h_3dyev_461",
37
+ "content-compact": "awsui_content-compact_gwq0h_3dyev_464",
38
+ "focusable": "awsui_focusable_gwq0h_3dyev_468",
39
+ "click-target": "awsui_click-target_gwq0h_3dyev_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_cm5bl_181",
5
- "refresh": "awsui_refresh_2qdw9_cm5bl_217",
6
- "root-no-actions": "awsui_root-no-actions_2qdw9_cm5bl_217",
7
- "root-variant-h2": "awsui_root-variant-h2_2qdw9_cm5bl_220",
8
- "root-variant-h3": "awsui_root-variant-h3_2qdw9_cm5bl_220",
9
- "root-has-description": "awsui_root-has-description_2qdw9_cm5bl_220",
10
- "root-variant-h1": "awsui_root-variant-h1_2qdw9_cm5bl_229",
11
- "main": "awsui_main_2qdw9_cm5bl_239",
12
- "no-wrap": "awsui_no-wrap_2qdw9_cm5bl_249",
13
- "main-variant-h1": "awsui_main-variant-h1_2qdw9_cm5bl_255",
14
- "actions": "awsui_actions_2qdw9_cm5bl_263",
15
- "actions-centered": "awsui_actions-centered_2qdw9_cm5bl_268",
16
- "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_cm5bl_271",
17
- "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_cm5bl_275",
18
- "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_cm5bl_279",
19
- "title": "awsui_title_2qdw9_cm5bl_295",
20
- "title-variant-h1": "awsui_title-variant-h1_2qdw9_cm5bl_300",
21
- "title-variant-h2": "awsui_title-variant-h2_2qdw9_cm5bl_307",
22
- "title-variant-h3": "awsui_title-variant-h3_2qdw9_cm5bl_313",
23
- "virtual-space": "awsui_virtual-space_2qdw9_cm5bl_334",
24
- "info": "awsui_info_2qdw9_cm5bl_340",
25
- "description": "awsui_description_2qdw9_cm5bl_344",
26
- "description-variant-h1": "awsui_description-variant-h1_2qdw9_cm5bl_351",
27
- "description-variant-h2": "awsui_description-variant-h2_2qdw9_cm5bl_355",
28
- "description-variant-h3": "awsui_description-variant-h3_2qdw9_cm5bl_362",
29
- "heading": "awsui_heading_2qdw9_cm5bl_373",
30
- "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_cm5bl_384",
31
- "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_cm5bl_389",
32
- "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_cm5bl_394",
33
- "heading-text": "awsui_heading-text_2qdw9_cm5bl_400",
34
- "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_cm5bl_403",
35
- "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_cm5bl_411",
36
- "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_cm5bl_419",
37
- "counter": "awsui_counter_2qdw9_cm5bl_428"
4
+ "root": "awsui_root_2qdw9_1e1r5_185",
5
+ "refresh": "awsui_refresh_2qdw9_1e1r5_221",
6
+ "root-no-actions": "awsui_root-no-actions_2qdw9_1e1r5_221",
7
+ "root-variant-h2": "awsui_root-variant-h2_2qdw9_1e1r5_224",
8
+ "root-variant-h3": "awsui_root-variant-h3_2qdw9_1e1r5_224",
9
+ "root-has-description": "awsui_root-has-description_2qdw9_1e1r5_224",
10
+ "root-variant-h1": "awsui_root-variant-h1_2qdw9_1e1r5_233",
11
+ "main": "awsui_main_2qdw9_1e1r5_243",
12
+ "no-wrap": "awsui_no-wrap_2qdw9_1e1r5_253",
13
+ "main-variant-h1": "awsui_main-variant-h1_2qdw9_1e1r5_259",
14
+ "actions": "awsui_actions_2qdw9_1e1r5_267",
15
+ "actions-centered": "awsui_actions-centered_2qdw9_1e1r5_272",
16
+ "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1e1r5_275",
17
+ "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1e1r5_279",
18
+ "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1e1r5_283",
19
+ "title": "awsui_title_2qdw9_1e1r5_299",
20
+ "title-variant-h1": "awsui_title-variant-h1_2qdw9_1e1r5_304",
21
+ "title-variant-h2": "awsui_title-variant-h2_2qdw9_1e1r5_311",
22
+ "title-variant-h3": "awsui_title-variant-h3_2qdw9_1e1r5_317",
23
+ "virtual-space": "awsui_virtual-space_2qdw9_1e1r5_338",
24
+ "info": "awsui_info_2qdw9_1e1r5_344",
25
+ "description": "awsui_description_2qdw9_1e1r5_348",
26
+ "description-variant-h1": "awsui_description-variant-h1_2qdw9_1e1r5_355",
27
+ "description-variant-h2": "awsui_description-variant-h2_2qdw9_1e1r5_359",
28
+ "description-variant-h3": "awsui_description-variant-h3_2qdw9_1e1r5_366",
29
+ "heading": "awsui_heading_2qdw9_1e1r5_377",
30
+ "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1e1r5_402",
31
+ "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1e1r5_407",
32
+ "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1e1r5_412",
33
+ "heading-text": "awsui_heading-text_2qdw9_1e1r5_418",
34
+ "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1e1r5_421",
35
+ "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1e1r5_429",
36
+ "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1e1r5_437",
37
+ "counter": "awsui_counter_2qdw9_1e1r5_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_cm5bl_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_1e1r5_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_cm5bl_181.awsui_refresh_2qdw9_cm5bl_217:not(#\9), .awsui_root_2qdw9_cm5bl_181:not(#\9):not(.awsui_root-no-actions_2qdw9_cm5bl_217) {
221
+ .awsui_root_2qdw9_1e1r5_185.awsui_refresh_2qdw9_1e1r5_221:not(#\9), .awsui_root_2qdw9_1e1r5_185:not(#\9):not(.awsui_root-no-actions_2qdw9_1e1r5_221) {
218
222
  row-gap: var(--space-scaled-xxs-jatbiv, 4px);
219
223
  }
220
- .awsui_root-no-actions_2qdw9_cm5bl_217.awsui_root-variant-h2_2qdw9_cm5bl_220:not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217), .awsui_root-no-actions_2qdw9_cm5bl_217.awsui_root-variant-h3_2qdw9_cm5bl_220:not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217), .awsui_root-has-description_2qdw9_cm5bl_220.awsui_root-variant-h2_2qdw9_cm5bl_220:not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217), .awsui_root-has-description_2qdw9_cm5bl_220.awsui_root-variant-h3_2qdw9_cm5bl_220:not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217) {
224
+ .awsui_root-no-actions_2qdw9_1e1r5_221.awsui_root-variant-h2_2qdw9_1e1r5_224:not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221), .awsui_root-no-actions_2qdw9_1e1r5_221.awsui_root-variant-h3_2qdw9_1e1r5_224:not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221), .awsui_root-has-description_2qdw9_1e1r5_224.awsui_root-variant-h2_2qdw9_1e1r5_224:not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221), .awsui_root-has-description_2qdw9_1e1r5_224.awsui_root-variant-h3_2qdw9_1e1r5_224:not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221) {
221
225
  padding-block-end: var(--space-scaled-xxs-jatbiv, 4px);
222
226
  }
223
- .awsui_root-no-actions_2qdw9_cm5bl_217:not(#\9):not(.awsui_root-has-description_2qdw9_cm5bl_220):not(.awsui_refresh_2qdw9_cm5bl_217) {
227
+ .awsui_root-no-actions_2qdw9_1e1r5_221:not(#\9):not(.awsui_root-has-description_2qdw9_1e1r5_224):not(.awsui_refresh_2qdw9_1e1r5_221) {
224
228
  padding-block-end: calc(var(--space-scaled-xs-sppte9, 8px) + var(--space-xxxs-3w1kr2, 2px));
225
229
  }
226
- .awsui_root-no-actions_2qdw9_cm5bl_217.awsui_refresh_2qdw9_cm5bl_217.awsui_root-variant-h2_2qdw9_cm5bl_220:not(#\9), .awsui_root-no-actions_2qdw9_cm5bl_217.awsui_refresh_2qdw9_cm5bl_217.awsui_root-variant-h3_2qdw9_cm5bl_220:not(#\9) {
230
+ .awsui_root-no-actions_2qdw9_1e1r5_221.awsui_refresh_2qdw9_1e1r5_221.awsui_root-variant-h2_2qdw9_1e1r5_224:not(#\9), .awsui_root-no-actions_2qdw9_1e1r5_221.awsui_refresh_2qdw9_1e1r5_221.awsui_root-variant-h3_2qdw9_1e1r5_224:not(#\9) {
227
231
  row-gap: var(--space-scaled-xxxs-prgw5k, 2px);
228
232
  }
229
- .awsui_root_2qdw9_cm5bl_181.awsui_root-variant-h1_2qdw9_cm5bl_229:not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217) {
233
+ .awsui_root_2qdw9_1e1r5_185.awsui_root-variant-h1_2qdw9_1e1r5_233:not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221) {
230
234
  row-gap: var(--space-scaled-xxs-jatbiv, 4px);
231
235
  }
232
- .awsui_root-no-actions_2qdw9_cm5bl_217:not(#\9):not(.awsui_root-has-description_2qdw9_cm5bl_220).awsui_refresh_2qdw9_cm5bl_217.awsui_root-variant-h3_2qdw9_cm5bl_220 {
236
+ .awsui_root-no-actions_2qdw9_1e1r5_221:not(#\9):not(.awsui_root-has-description_2qdw9_1e1r5_224).awsui_refresh_2qdw9_1e1r5_221.awsui_root-variant-h3_2qdw9_1e1r5_224 {
233
237
  padding-block-end: var(--space-scaled-xs-sppte9, 8px);
234
238
  }
235
- .awsui_root_2qdw9_cm5bl_181.awsui_root-variant-h1_2qdw9_cm5bl_229.awsui_root-has-description_2qdw9_cm5bl_220:not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217) {
239
+ .awsui_root_2qdw9_1e1r5_185.awsui_root-variant-h1_2qdw9_1e1r5_233.awsui_root-has-description_2qdw9_1e1r5_224:not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221) {
236
240
  padding-block-end: var(--space-scaled-2x-xxs-is489k, 4px);
237
241
  }
238
242
 
239
- .awsui_main_2qdw9_cm5bl_239:not(#\9) {
243
+ .awsui_main_2qdw9_1e1r5_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-kw7k3v, 8px);
247
251
  row-gap: calc(var(--space-scaled-xxs-jatbiv, 4px) + var(--space-scaled-xxxs-prgw5k, 2px));
248
252
  }
249
- .awsui_main_2qdw9_cm5bl_239.awsui_no-wrap_2qdw9_cm5bl_249:not(#\9) {
253
+ .awsui_main_2qdw9_1e1r5_243.awsui_no-wrap_2qdw9_1e1r5_253:not(#\9) {
250
254
  flex-wrap: nowrap;
251
255
  }
252
- .awsui_main_2qdw9_cm5bl_239.awsui_refresh_2qdw9_cm5bl_217:not(#\9) {
256
+ .awsui_main_2qdw9_1e1r5_243.awsui_refresh_2qdw9_1e1r5_221:not(#\9) {
253
257
  row-gap: var(--space-xxs-jnczic, 4px);
254
258
  }
255
- .awsui_main-variant-h1_2qdw9_cm5bl_255:not(#\9) {
259
+ .awsui_main-variant-h1_2qdw9_1e1r5_259:not(#\9) {
256
260
  row-gap: var(--space-scaled-2x-xxs-is489k, 4px);
257
261
  }
258
262
 
259
- .awsui_root-has-description_2qdw9_cm5bl_220 > .awsui_main_2qdw9_cm5bl_239:not(#\9) {
263
+ .awsui_root-has-description_2qdw9_1e1r5_224 > .awsui_main_2qdw9_1e1r5_243:not(#\9) {
260
264
  row-gap: var(--space-scaled-2x-xxs-is489k, 4px);
261
265
  }
262
266
 
263
- .awsui_actions_2qdw9_cm5bl_263:not(#\9) {
267
+ .awsui_actions_2qdw9_1e1r5_267:not(#\9) {
264
268
  display: flex;
265
269
  align-items: flex-start;
266
270
  min-block-size: var(--size-vertical-input-8gzd1t, 32px);
267
271
  }
268
- .awsui_actions-centered_2qdw9_cm5bl_268:not(#\9) {
272
+ .awsui_actions-centered_2qdw9_1e1r5_272:not(#\9) {
269
273
  align-items: center;
270
274
  }
271
- .awsui_actions-variant-h1_2qdw9_cm5bl_271.awsui_refresh_2qdw9_cm5bl_217:not(#\9) {
275
+ .awsui_actions-variant-h1_2qdw9_1e1r5_275.awsui_refresh_2qdw9_1e1r5_221:not(#\9) {
272
276
  padding-block: calc((var(--line-height-heading-xl-vs1f23, 36px) - var(--size-vertical-input-8gzd1t, 32px)) / 2);
273
277
  padding-inline: 0;
274
278
  }
275
- .awsui_actions-variant-h2_2qdw9_cm5bl_275.awsui_refresh_2qdw9_cm5bl_217:not(#\9) {
279
+ .awsui_actions-variant-h2_2qdw9_1e1r5_279.awsui_refresh_2qdw9_1e1r5_221:not(#\9) {
276
280
  padding-block: calc((var(--line-height-heading-l-vhgtnq, 22px) - var(--size-vertical-input-8gzd1t, 32px)) / 2);
277
281
  padding-inline: 0;
278
282
  }
279
- .awsui_actions-variant-h3_2qdw9_cm5bl_279.awsui_refresh_2qdw9_cm5bl_217:not(#\9) {
283
+ .awsui_actions-variant-h3_2qdw9_1e1r5_283.awsui_refresh_2qdw9_1e1r5_221:not(#\9) {
280
284
  padding-block: calc((var(--line-height-heading-m-irezqt, 22px) - var(--size-vertical-input-8gzd1t, 32px)) / 2);
281
285
  padding-inline: 0;
282
286
  }
283
- .awsui_actions-variant-h1_2qdw9_cm5bl_271:not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217) {
287
+ .awsui_actions-variant-h1_2qdw9_1e1r5_275:not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221) {
284
288
  padding-block: var(--space-scaled-xs-sppte9, 8px);
285
289
  padding-inline: 0;
286
290
  }
287
- .awsui_actions-variant-h2_2qdw9_cm5bl_275:not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217), .awsui_actions-variant-h3_2qdw9_cm5bl_279:not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217) {
291
+ .awsui_actions-variant-h2_2qdw9_1e1r5_279:not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221), .awsui_actions-variant-h3_2qdw9_1e1r5_283:not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221) {
288
292
  padding-block: var(--space-scaled-xxs-jatbiv, 4px);
289
293
  padding-inline: 0;
290
294
  }
291
- .awsui_root-has-description_2qdw9_cm5bl_220 > .awsui_main_2qdw9_cm5bl_239 > .awsui_actions_2qdw9_cm5bl_263:not(#\9) {
295
+ .awsui_root-has-description_2qdw9_1e1r5_224 > .awsui_main_2qdw9_1e1r5_243 > .awsui_actions_2qdw9_1e1r5_267:not(#\9) {
292
296
  padding-block-end: 0;
293
297
  }
294
298
 
295
- .awsui_title_2qdw9_cm5bl_295:not(#\9) {
299
+ .awsui_title_2qdw9_1e1r5_299:not(#\9) {
296
300
  min-inline-size: 0;
297
301
  word-break: break-word;
298
302
  color: var(--color-text-heading-default-wlau07, #16191f);
299
303
  }
300
- .awsui_title-variant-h1_2qdw9_cm5bl_300:not(#\9) {
304
+ .awsui_title-variant-h1_2qdw9_1e1r5_304:not(#\9) {
301
305
  font-size: var(--font-size-heading-xl-w5di2k, 28px);
302
306
  padding-block-start: var(--space-scaled-2x-xxs-is489k, 4px);
303
307
  }
304
- .awsui_title-variant-h1_2qdw9_cm5bl_300.awsui_refresh_2qdw9_cm5bl_217:not(#\9) {
308
+ .awsui_title-variant-h1_2qdw9_1e1r5_304.awsui_refresh_2qdw9_1e1r5_221:not(#\9) {
305
309
  padding-block-start: calc((var(--size-vertical-input-8gzd1t, 32px) - var(--line-height-heading-xl-vs1f23, 36px)) / 2);
306
310
  }
307
- .awsui_title-variant-h2_2qdw9_cm5bl_307:not(#\9) {
311
+ .awsui_title-variant-h2_2qdw9_1e1r5_311:not(#\9) {
308
312
  font-size: var(--font-size-heading-l-qgg2za, 18px);
309
313
  }
310
- .awsui_title-variant-h2_2qdw9_cm5bl_307.awsui_refresh_2qdw9_cm5bl_217:not(#\9) {
314
+ .awsui_title-variant-h2_2qdw9_1e1r5_311.awsui_refresh_2qdw9_1e1r5_221:not(#\9) {
311
315
  padding-block-start: calc((var(--size-vertical-input-8gzd1t, 32px) - var(--line-height-heading-l-vhgtnq, 22px)) / 2);
312
316
  }
313
- .awsui_title-variant-h3_2qdw9_cm5bl_313:not(#\9) {
317
+ .awsui_title-variant-h3_2qdw9_1e1r5_317:not(#\9) {
314
318
  font-size: var(--font-size-heading-m-56jjln, 18px);
315
319
  }
316
- .awsui_title-variant-h3_2qdw9_cm5bl_313.awsui_refresh_2qdw9_cm5bl_217:not(#\9) {
320
+ .awsui_title-variant-h3_2qdw9_1e1r5_317.awsui_refresh_2qdw9_1e1r5_221:not(#\9) {
317
321
  padding-block-start: calc((var(--size-vertical-input-8gzd1t, 32px) - var(--line-height-heading-m-irezqt, 22px)) / 2);
318
322
  }
319
- .awsui_title-variant-h2_2qdw9_cm5bl_307:not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217), .awsui_title-variant-h3_2qdw9_cm5bl_313:not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217) {
323
+ .awsui_title-variant-h2_2qdw9_1e1r5_311:not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221), .awsui_title-variant-h3_2qdw9_1e1r5_317:not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221) {
320
324
  padding-block-start: var(--space-scaled-xs-sppte9, 8px);
321
325
  }
322
- .awsui_no-wrap_2qdw9_cm5bl_249 > .awsui_title_2qdw9_cm5bl_295:not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217) {
326
+ .awsui_no-wrap_2qdw9_1e1r5_253 > .awsui_title_2qdw9_1e1r5_299:not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221) {
323
327
  padding-block-end: calc(var(--space-scaled-xxs-jatbiv, 4px) + var(--space-scaled-xxxs-prgw5k, 2px));
324
328
  }
325
329
 
326
- .awsui_root-no-actions_2qdw9_cm5bl_217.awsui_root-has-description_2qdw9_cm5bl_220 > .awsui_main_2qdw9_cm5bl_239 > :not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217).awsui_title-variant-h2_2qdw9_cm5bl_307, .awsui_root-no-actions_2qdw9_cm5bl_217.awsui_root-has-description_2qdw9_cm5bl_220 > .awsui_main_2qdw9_cm5bl_239 > :not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217).awsui_title-variant-h3_2qdw9_cm5bl_313 {
330
+ .awsui_root-no-actions_2qdw9_1e1r5_221.awsui_root-has-description_2qdw9_1e1r5_224 > .awsui_main_2qdw9_1e1r5_243 > :not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221).awsui_title-variant-h2_2qdw9_1e1r5_311, .awsui_root-no-actions_2qdw9_1e1r5_221.awsui_root-has-description_2qdw9_1e1r5_224 > .awsui_main_2qdw9_1e1r5_243 > :not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221).awsui_title-variant-h3_2qdw9_1e1r5_317 {
327
331
  padding-block-end: var(--space-scaled-xxs-jatbiv, 4px);
328
332
  }
329
333
 
330
- .awsui_root-variant-h1_2qdw9_cm5bl_229.awsui_root-no-actions_2qdw9_cm5bl_217:not(#\9):not(.awsui_root-has-description_2qdw9_cm5bl_220):not(.awsui_refresh_2qdw9_cm5bl_217) {
334
+ .awsui_root-variant-h1_2qdw9_1e1r5_233.awsui_root-no-actions_2qdw9_1e1r5_221:not(#\9):not(.awsui_root-has-description_2qdw9_1e1r5_224):not(.awsui_refresh_2qdw9_1e1r5_221) {
331
335
  padding-block-end: var(--space-scaled-2x-xxs-is489k, 4px);
332
336
  }
333
337
 
334
- .awsui_virtual-space_2qdw9_cm5bl_334:not(#\9) {
338
+ .awsui_virtual-space_2qdw9_1e1r5_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_cm5bl_340:not(#\9) {
344
+ .awsui_info_2qdw9_1e1r5_344:not(#\9) {
341
345
  padding-inline-end: var(--space-s-4a5hs8, 12px);
342
346
  }
343
347
 
344
- .awsui_description_2qdw9_cm5bl_344:not(#\9) {
348
+ .awsui_description_2qdw9_1e1r5_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-26seqv, #545b64);
350
354
  }
351
- .awsui_description-variant-h1_2qdw9_cm5bl_351:not(#\9) {
355
+ .awsui_description-variant-h1_2qdw9_1e1r5_355:not(#\9) {
352
356
  font-size: var(--font-size-body-m-vv54cm, 14px);
353
357
  line-height: var(--line-height-body-m-bedeoh, 22px);
354
358
  }
355
- .awsui_description-variant-h2_2qdw9_cm5bl_355:not(#\9) {
359
+ .awsui_description-variant-h2_2qdw9_1e1r5_359:not(#\9) {
356
360
  font-size: var(--font-header-h2-description-size-t8fx03, 12px);
357
361
  line-height: var(--font-header-h2-description-line-height-7ibe40, 16px);
358
362
  }
359
- .awsui_description-variant-h2_2qdw9_cm5bl_355:not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217) {
363
+ .awsui_description-variant-h2_2qdw9_1e1r5_359:not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221) {
360
364
  padding-block-end: var(--space-scaled-xxs-jatbiv, 4px);
361
365
  }
362
- .awsui_description-variant-h3_2qdw9_cm5bl_362:not(#\9) {
366
+ .awsui_description-variant-h3_2qdw9_1e1r5_366:not(#\9) {
363
367
  font-size: var(--font-size-body-m-vv54cm, 14px);
364
368
  line-height: var(--line-height-body-m-bedeoh, 22px);
365
369
  }
366
- .awsui_description-variant-h3_2qdw9_cm5bl_362:not(#\9):not(.awsui_refresh_2qdw9_cm5bl_217) {
370
+ .awsui_description-variant-h3_2qdw9_1e1r5_366:not(#\9):not(.awsui_refresh_2qdw9_1e1r5_221) {
367
371
  font-size: var(--font-size-body-s-psgqn2, 12px);
368
372
  line-height: var(--line-height-body-s-otgtsr, 16px);
369
373
  letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
370
374
  padding-block-end: var(--space-scaled-xxs-jatbiv, 4px);
371
375
  }
372
376
 
373
- .awsui_heading_2qdw9_cm5bl_373:not(#\9) {
377
+ .awsui_heading_2qdw9_1e1r5_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-kw7k3v, 8px);
379
383
  }
380
- .awsui_heading_2qdw9_cm5bl_373:not(#\9):only-child {
384
+ .awsui_heading_2qdw9_1e1r5_377:not(#\9):only-child {
381
385
  margin-block: 0;
382
386
  margin-inline: 0;
383
387
  }
384
- .awsui_heading-variant-h1_2qdw9_cm5bl_384:not(#\9) {
388
+ .awsui_heading_2qdw9_1e1r5_377:not(#\9):focus {
389
+ outline: none;
390
+ }
391
+ body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_1e1r5_377:not(#\9):focus {
392
+ outline: thin dotted;
393
+ outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
394
+ outline-offset: 2px;
395
+ outline-color: var(--color-border-item-focused-r5f6xl, #0073bb);
396
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
397
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
398
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
399
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
400
+ box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
401
+ }
402
+ .awsui_heading-variant-h1_2qdw9_1e1r5_402:not(#\9) {
385
403
  font-size: var(--font-size-heading-xl-w5di2k, 28px);
386
404
  line-height: var(--line-height-heading-xl-vs1f23, 36px);
387
405
  letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
388
406
  }
389
- .awsui_heading-variant-h2_2qdw9_cm5bl_389:not(#\9) {
407
+ .awsui_heading-variant-h2_2qdw9_1e1r5_407:not(#\9) {
390
408
  font-size: var(--font-size-heading-l-qgg2za, 18px);
391
409
  line-height: var(--line-height-heading-l-vhgtnq, 22px);
392
410
  letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
393
411
  }
394
- .awsui_heading-variant-h3_2qdw9_cm5bl_394:not(#\9) {
412
+ .awsui_heading-variant-h3_2qdw9_1e1r5_412:not(#\9) {
395
413
  font-size: var(--font-size-heading-m-56jjln, 18px);
396
414
  line-height: var(--line-height-heading-m-irezqt, 22px);
397
415
  letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
398
416
  }
399
417
 
400
- .awsui_heading-text_2qdw9_cm5bl_400:not(#\9) {
418
+ .awsui_heading-text_2qdw9_1e1r5_418:not(#\9) {
401
419
  /* used in test-utils */
402
420
  }
403
- .awsui_heading-text-variant-h1_2qdw9_cm5bl_403:not(#\9) {
421
+ .awsui_heading-text-variant-h1_2qdw9_1e1r5_421:not(#\9) {
404
422
  font-size: var(--font-size-heading-xl-w5di2k, 28px);
405
423
  line-height: var(--line-height-heading-xl-vs1f23, 36px);
406
424
  letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
@@ -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-px4az4, auto);
409
427
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
410
428
  }
411
- .awsui_heading-text-variant-h2_2qdw9_cm5bl_411:not(#\9) {
429
+ .awsui_heading-text-variant-h2_2qdw9_1e1r5_429:not(#\9) {
412
430
  font-size: var(--font-size-heading-l-qgg2za, 18px);
413
431
  line-height: var(--line-height-heading-l-vhgtnq, 22px);
414
432
  letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
@@ -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-px4az4, auto);
417
435
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
418
436
  }
419
- .awsui_heading-text-variant-h3_2qdw9_cm5bl_419:not(#\9) {
437
+ .awsui_heading-text-variant-h3_2qdw9_1e1r5_437:not(#\9) {
420
438
  font-size: var(--font-size-heading-m-56jjln, 18px);
421
439
  line-height: var(--line-height-heading-m-irezqt, 22px);
422
440
  letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
@@ -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-ev3sgf, auto);
426
444
  }
427
445
 
428
- .awsui_counter_2qdw9_cm5bl_428:not(#\9) {
446
+ .awsui_counter_2qdw9_1e1r5_446:not(#\9) {
429
447
  color: var(--color-text-counter-buwh1w, #687078);
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_cm5bl_181",
6
- "refresh": "awsui_refresh_2qdw9_cm5bl_217",
7
- "root-no-actions": "awsui_root-no-actions_2qdw9_cm5bl_217",
8
- "root-variant-h2": "awsui_root-variant-h2_2qdw9_cm5bl_220",
9
- "root-variant-h3": "awsui_root-variant-h3_2qdw9_cm5bl_220",
10
- "root-has-description": "awsui_root-has-description_2qdw9_cm5bl_220",
11
- "root-variant-h1": "awsui_root-variant-h1_2qdw9_cm5bl_229",
12
- "main": "awsui_main_2qdw9_cm5bl_239",
13
- "no-wrap": "awsui_no-wrap_2qdw9_cm5bl_249",
14
- "main-variant-h1": "awsui_main-variant-h1_2qdw9_cm5bl_255",
15
- "actions": "awsui_actions_2qdw9_cm5bl_263",
16
- "actions-centered": "awsui_actions-centered_2qdw9_cm5bl_268",
17
- "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_cm5bl_271",
18
- "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_cm5bl_275",
19
- "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_cm5bl_279",
20
- "title": "awsui_title_2qdw9_cm5bl_295",
21
- "title-variant-h1": "awsui_title-variant-h1_2qdw9_cm5bl_300",
22
- "title-variant-h2": "awsui_title-variant-h2_2qdw9_cm5bl_307",
23
- "title-variant-h3": "awsui_title-variant-h3_2qdw9_cm5bl_313",
24
- "virtual-space": "awsui_virtual-space_2qdw9_cm5bl_334",
25
- "info": "awsui_info_2qdw9_cm5bl_340",
26
- "description": "awsui_description_2qdw9_cm5bl_344",
27
- "description-variant-h1": "awsui_description-variant-h1_2qdw9_cm5bl_351",
28
- "description-variant-h2": "awsui_description-variant-h2_2qdw9_cm5bl_355",
29
- "description-variant-h3": "awsui_description-variant-h3_2qdw9_cm5bl_362",
30
- "heading": "awsui_heading_2qdw9_cm5bl_373",
31
- "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_cm5bl_384",
32
- "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_cm5bl_389",
33
- "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_cm5bl_394",
34
- "heading-text": "awsui_heading-text_2qdw9_cm5bl_400",
35
- "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_cm5bl_403",
36
- "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_cm5bl_411",
37
- "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_cm5bl_419",
38
- "counter": "awsui_counter_2qdw9_cm5bl_428"
5
+ "root": "awsui_root_2qdw9_1e1r5_185",
6
+ "refresh": "awsui_refresh_2qdw9_1e1r5_221",
7
+ "root-no-actions": "awsui_root-no-actions_2qdw9_1e1r5_221",
8
+ "root-variant-h2": "awsui_root-variant-h2_2qdw9_1e1r5_224",
9
+ "root-variant-h3": "awsui_root-variant-h3_2qdw9_1e1r5_224",
10
+ "root-has-description": "awsui_root-has-description_2qdw9_1e1r5_224",
11
+ "root-variant-h1": "awsui_root-variant-h1_2qdw9_1e1r5_233",
12
+ "main": "awsui_main_2qdw9_1e1r5_243",
13
+ "no-wrap": "awsui_no-wrap_2qdw9_1e1r5_253",
14
+ "main-variant-h1": "awsui_main-variant-h1_2qdw9_1e1r5_259",
15
+ "actions": "awsui_actions_2qdw9_1e1r5_267",
16
+ "actions-centered": "awsui_actions-centered_2qdw9_1e1r5_272",
17
+ "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1e1r5_275",
18
+ "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1e1r5_279",
19
+ "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1e1r5_283",
20
+ "title": "awsui_title_2qdw9_1e1r5_299",
21
+ "title-variant-h1": "awsui_title-variant-h1_2qdw9_1e1r5_304",
22
+ "title-variant-h2": "awsui_title-variant-h2_2qdw9_1e1r5_311",
23
+ "title-variant-h3": "awsui_title-variant-h3_2qdw9_1e1r5_317",
24
+ "virtual-space": "awsui_virtual-space_2qdw9_1e1r5_338",
25
+ "info": "awsui_info_2qdw9_1e1r5_344",
26
+ "description": "awsui_description_2qdw9_1e1r5_348",
27
+ "description-variant-h1": "awsui_description-variant-h1_2qdw9_1e1r5_355",
28
+ "description-variant-h2": "awsui_description-variant-h2_2qdw9_1e1r5_359",
29
+ "description-variant-h3": "awsui_description-variant-h3_2qdw9_1e1r5_366",
30
+ "heading": "awsui_heading_2qdw9_1e1r5_377",
31
+ "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1e1r5_402",
32
+ "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1e1r5_407",
33
+ "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1e1r5_412",
34
+ "heading-text": "awsui_heading-text_2qdw9_1e1r5_418",
35
+ "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1e1r5_421",
36
+ "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1e1r5_429",
37
+ "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1e1r5_437",
38
+ "counter": "awsui_counter_2qdw9_1e1r5_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-0dk1gy:transparent;
11
11
  --color-charts-red-300-zis88o:#ea7158;
12
12
  --color-charts-red-400-sfb0hf:#dc5032;
@@ -3913,5 +3913,5 @@
3913
3913
  }
3914
3914
  }
3915
3915
  :root {
3916
- --awsui-version-info-0a448ad4: true;
3916
+ --awsui-version-info-396e1786: true;
3917
3917
  }
@@ -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 }),