@cloudscape-design/components-themeable 3.0.439 → 3.0.441

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 (83) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/app-layout/visual-refresh/layout.scss +4 -0
  3. package/lib/internal/scss/attribute-editor/styles.scss +1 -1
  4. package/lib/internal/scss/breadcrumb-group/item/styles.scss +1 -1
  5. package/lib/internal/scss/{internal/components/drawer → drawer}/styles.scss +2 -2
  6. package/lib/internal/scss/internal/components/token-list/styles.scss +1 -1
  7. package/lib/internal/scss/internal/styles/links.scss +17 -14
  8. package/lib/internal/scss/link/constants.scss +46 -8
  9. package/lib/internal/scss/link/styles.scss +7 -19
  10. package/lib/internal/scss/tag-editor/styles.scss +1 -1
  11. package/lib/internal/template/app-layout/index.d.ts.map +1 -1
  12. package/lib/internal/template/app-layout/index.js +3 -1
  13. package/lib/internal/template/app-layout/index.js.map +1 -1
  14. package/lib/internal/template/app-layout/visual-refresh/context.d.ts +1 -0
  15. package/lib/internal/template/app-layout/visual-refresh/context.d.ts.map +1 -1
  16. package/lib/internal/template/app-layout/visual-refresh/context.js +4 -1
  17. package/lib/internal/template/app-layout/visual-refresh/context.js.map +1 -1
  18. package/lib/internal/template/app-layout/visual-refresh/layout.d.ts.map +1 -1
  19. package/lib/internal/template/app-layout/visual-refresh/layout.js +2 -1
  20. package/lib/internal/template/app-layout/visual-refresh/layout.js.map +1 -1
  21. package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
  22. package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.js +4 -2
  23. package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
  24. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +78 -77
  25. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +168 -165
  26. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +78 -77
  27. package/lib/internal/template/attribute-editor/styles.css.js +14 -14
  28. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  29. package/lib/internal/template/attribute-editor/styles.selectors.js +14 -14
  30. package/lib/internal/template/breadcrumb-group/item/styles.css.js +9 -9
  31. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +21 -21
  32. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +9 -9
  33. package/lib/internal/template/{internal/components/drawer → drawer}/index.d.ts +1 -0
  34. package/lib/internal/template/drawer/index.d.ts.map +1 -0
  35. package/lib/internal/template/{internal/components/drawer → drawer}/index.js +10 -6
  36. package/lib/internal/template/drawer/index.js.map +1 -0
  37. package/lib/internal/template/{internal/components/drawer → drawer}/interfaces.d.ts +1 -1
  38. package/lib/internal/template/drawer/interfaces.d.ts.map +1 -0
  39. package/lib/internal/template/drawer/interfaces.js.map +1 -0
  40. package/lib/internal/template/{internal/components/drawer → drawer}/styles.css.js +3 -3
  41. package/lib/internal/template/{internal/components/drawer → drawer}/styles.scoped.css +8 -8
  42. package/lib/internal/template/{internal/components/drawer → drawer}/styles.selectors.js +3 -3
  43. package/lib/internal/template/help-panel/styles.css.js +4 -4
  44. package/lib/internal/template/help-panel/styles.scoped.css +71 -71
  45. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  46. package/lib/internal/template/index.d.ts +1 -0
  47. package/lib/internal/template/index.d.ts.map +1 -1
  48. package/lib/internal/template/index.js +1 -0
  49. package/lib/internal/template/index.js.map +1 -1
  50. package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
  51. package/lib/internal/template/internal/components/token-list/styles.scoped.css +24 -24
  52. package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
  53. package/lib/internal/template/internal/environment.js +1 -1
  54. package/lib/internal/template/internal/environment.json +1 -1
  55. package/lib/internal/template/link/styles.css.js +20 -20
  56. package/lib/internal/template/link/styles.scoped.css +108 -107
  57. package/lib/internal/template/link/styles.selectors.js +20 -20
  58. package/lib/internal/template/package.json +1 -0
  59. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  60. package/lib/internal/template/tag-editor/styles.scoped.css +14 -14
  61. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  62. package/lib/internal/template/test-utils/dom/drawer/index.d.ts +6 -0
  63. package/lib/internal/template/test-utils/dom/drawer/index.js +17 -0
  64. package/lib/internal/template/test-utils/dom/drawer/index.js.map +1 -0
  65. package/lib/internal/template/test-utils/dom/index.d.ts +3 -0
  66. package/lib/internal/template/test-utils/dom/index.js +10 -2
  67. package/lib/internal/template/test-utils/dom/index.js.map +1 -1
  68. package/lib/internal/template/test-utils/selectors/drawer/index.d.ts +6 -0
  69. package/lib/internal/template/test-utils/selectors/drawer/index.js +17 -0
  70. package/lib/internal/template/test-utils/selectors/drawer/index.js.map +1 -0
  71. package/lib/internal/template/test-utils/selectors/index.d.ts +3 -0
  72. package/lib/internal/template/test-utils/selectors/index.js +10 -2
  73. package/lib/internal/template/test-utils/selectors/index.js.map +1 -1
  74. package/lib/internal/template/test-utils/tsconfig.tsbuildinfo +1 -1
  75. package/lib/internal/template/text-content/styles.css.js +1 -1
  76. package/lib/internal/template/text-content/styles.scoped.css +68 -68
  77. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  78. package/package.json +1 -1
  79. package/lib/internal/template/internal/components/drawer/index.d.ts.map +0 -1
  80. package/lib/internal/template/internal/components/drawer/index.js.map +0 -1
  81. package/lib/internal/template/internal/components/drawer/interfaces.d.ts.map +0 -1
  82. package/lib/internal/template/internal/components/drawer/interfaces.js.map +0 -1
  83. /package/lib/internal/template/{internal/components/drawer → drawer}/interfaces.js +0 -0
@@ -2,82 +2,83 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "background": "awsui_background_hyvsj_128tz_93",
6
- "scrolling-background": "awsui_scrolling-background_hyvsj_128tz_96",
7
- "sticky-background": "awsui_sticky-background_hyvsj_128tz_102",
8
- "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_128tz_110",
9
- "breadcrumbs": "awsui_breadcrumbs_hyvsj_128tz_123",
10
- "has-sticky-background": "awsui_has-sticky-background_hyvsj_128tz_133",
11
- "drawers-container": "awsui_drawers-container_hyvsj_128tz_145",
12
- "has-open-drawer": "awsui_has-open-drawer_hyvsj_128tz_156",
13
- "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_128tz_180",
14
- "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_128tz_185",
15
- "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_128tz_204",
16
- "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_128tz_214",
17
- "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_128tz_218",
18
- "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_128tz_232",
19
- "drawers-trigger": "awsui_drawers-trigger_hyvsj_128tz_218",
20
- "drawer": "awsui_drawer_hyvsj_128tz_145",
21
- "drawer-content-container": "awsui_drawer-content-container_hyvsj_128tz_262",
22
- "drawer-close-button": "awsui_drawer-close-button_hyvsj_128tz_271",
23
- "drawer-content": "awsui_drawer-content_hyvsj_128tz_262",
24
- "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_128tz_279",
25
- "drawer-slider": "awsui_drawer-slider_hyvsj_128tz_282",
26
- "is-drawer-open": "awsui_is-drawer-open_hyvsj_128tz_289",
27
- "content": "awsui_content_hyvsj_128tz_314",
28
- "layout": "awsui_layout_hyvsj_128tz_335",
29
- "has-max-content-width": "awsui_has-max-content-width_hyvsj_128tz_418",
30
- "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_128tz_433",
31
- "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_128tz_450",
32
- "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_128tz_482",
33
- "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_128tz_485",
34
- "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_128tz_495",
35
- "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_128tz_498",
36
- "content-first-child-header": "awsui_content-first-child-header_hyvsj_128tz_501",
37
- "has-header": "awsui_has-header_hyvsj_128tz_501",
38
- "content-first-child-main": "awsui_content-first-child-main_hyvsj_128tz_522",
39
- "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_128tz_522",
40
- "has-split-panel": "awsui_has-split-panel_hyvsj_128tz_565",
41
- "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_128tz_565",
42
- "block-body-scroll": "awsui_block-body-scroll_hyvsj_128tz_581",
43
- "unfocusable": "awsui_unfocusable_hyvsj_128tz_586",
44
- "container": "awsui_container_hyvsj_128tz_596",
45
- "is-navigation-open": "awsui_is-navigation-open_hyvsj_128tz_621",
46
- "is-tools-open": "awsui_is-tools-open_hyvsj_128tz_624",
47
- "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_128tz_624",
48
- "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_128tz_624",
49
- "has-active-drawer": "awsui_has-active-drawer_hyvsj_128tz_624",
50
- "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_128tz_633",
51
- "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_128tz_649",
52
- "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_128tz_653",
53
- "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_128tz_657",
54
- "navigation-container": "awsui_navigation-container_hyvsj_128tz_666",
55
- "show-navigation": "awsui_show-navigation_hyvsj_128tz_710",
56
- "animating": "awsui_animating_hyvsj_128tz_732",
57
- "showButtons": "awsui_showButtons_hyvsj_128tz_1",
58
- "navigation": "awsui_navigation_hyvsj_128tz_666",
59
- "openNavigation": "awsui_openNavigation_hyvsj_128tz_1",
60
- "animated-content": "awsui_animated-content_hyvsj_128tz_794",
61
- "hide-navigation": "awsui_hide-navigation_hyvsj_128tz_803",
62
- "notifications": "awsui_notifications_hyvsj_128tz_813",
63
- "sticky-notifications": "awsui_sticky-notifications_hyvsj_128tz_819",
64
- "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_128tz_836",
65
- "position-bottom": "awsui_position-bottom_hyvsj_128tz_883",
66
- "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_128tz_1",
67
- "split-panel-side": "awsui_split-panel-side_hyvsj_128tz_912",
68
- "position-side": "awsui_position-side_hyvsj_128tz_925",
69
- "tools-container": "awsui_tools-container_hyvsj_128tz_944",
70
- "tools": "awsui_tools_hyvsj_128tz_944",
71
- "openTools": "awsui_openTools_hyvsj_128tz_1",
72
- "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_128tz_1039",
73
- "hide-tools": "awsui_hide-tools_hyvsj_128tz_1049",
74
- "show-tools": "awsui_show-tools_hyvsj_128tz_1061",
75
- "has-tools-form": "awsui_has-tools-form_hyvsj_128tz_1039",
76
- "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_128tz_1123",
77
- "trigger": "awsui_trigger_hyvsj_128tz_1123",
78
- "selected": "awsui_selected_hyvsj_128tz_1187",
79
- "badge": "awsui_badge_hyvsj_128tz_1207",
80
- "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_128tz_1211",
81
- "dot": "awsui_dot_hyvsj_128tz_1217"
5
+ "background": "awsui_background_hyvsj_1rghj_93",
6
+ "scrolling-background": "awsui_scrolling-background_hyvsj_1rghj_96",
7
+ "sticky-background": "awsui_sticky-background_hyvsj_1rghj_102",
8
+ "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1rghj_110",
9
+ "breadcrumbs": "awsui_breadcrumbs_hyvsj_1rghj_123",
10
+ "has-sticky-background": "awsui_has-sticky-background_hyvsj_1rghj_133",
11
+ "drawers-container": "awsui_drawers-container_hyvsj_1rghj_145",
12
+ "has-open-drawer": "awsui_has-open-drawer_hyvsj_1rghj_156",
13
+ "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1rghj_180",
14
+ "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1rghj_185",
15
+ "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1rghj_204",
16
+ "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1rghj_214",
17
+ "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1rghj_218",
18
+ "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1rghj_232",
19
+ "drawers-trigger": "awsui_drawers-trigger_hyvsj_1rghj_218",
20
+ "drawer": "awsui_drawer_hyvsj_1rghj_145",
21
+ "drawer-content-container": "awsui_drawer-content-container_hyvsj_1rghj_262",
22
+ "drawer-close-button": "awsui_drawer-close-button_hyvsj_1rghj_271",
23
+ "drawer-content": "awsui_drawer-content_hyvsj_1rghj_262",
24
+ "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1rghj_279",
25
+ "drawer-slider": "awsui_drawer-slider_hyvsj_1rghj_282",
26
+ "is-drawer-open": "awsui_is-drawer-open_hyvsj_1rghj_289",
27
+ "content": "awsui_content_hyvsj_1rghj_314",
28
+ "layout": "awsui_layout_hyvsj_1rghj_335",
29
+ "has-max-content-width": "awsui_has-max-content-width_hyvsj_1rghj_418",
30
+ "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1rghj_433",
31
+ "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1rghj_450",
32
+ "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1rghj_453",
33
+ "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1rghj_485",
34
+ "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1rghj_488",
35
+ "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1rghj_498",
36
+ "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1rghj_501",
37
+ "content-first-child-header": "awsui_content-first-child-header_hyvsj_1rghj_504",
38
+ "has-header": "awsui_has-header_hyvsj_1rghj_504",
39
+ "content-first-child-main": "awsui_content-first-child-main_hyvsj_1rghj_525",
40
+ "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1rghj_525",
41
+ "has-split-panel": "awsui_has-split-panel_hyvsj_1rghj_568",
42
+ "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1rghj_568",
43
+ "block-body-scroll": "awsui_block-body-scroll_hyvsj_1rghj_584",
44
+ "unfocusable": "awsui_unfocusable_hyvsj_1rghj_589",
45
+ "container": "awsui_container_hyvsj_1rghj_599",
46
+ "is-navigation-open": "awsui_is-navigation-open_hyvsj_1rghj_624",
47
+ "is-tools-open": "awsui_is-tools-open_hyvsj_1rghj_627",
48
+ "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1rghj_627",
49
+ "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1rghj_627",
50
+ "has-active-drawer": "awsui_has-active-drawer_hyvsj_1rghj_627",
51
+ "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1rghj_636",
52
+ "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1rghj_652",
53
+ "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1rghj_656",
54
+ "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1rghj_660",
55
+ "navigation-container": "awsui_navigation-container_hyvsj_1rghj_669",
56
+ "show-navigation": "awsui_show-navigation_hyvsj_1rghj_713",
57
+ "animating": "awsui_animating_hyvsj_1rghj_735",
58
+ "showButtons": "awsui_showButtons_hyvsj_1rghj_1",
59
+ "navigation": "awsui_navigation_hyvsj_1rghj_669",
60
+ "openNavigation": "awsui_openNavigation_hyvsj_1rghj_1",
61
+ "animated-content": "awsui_animated-content_hyvsj_1rghj_797",
62
+ "hide-navigation": "awsui_hide-navigation_hyvsj_1rghj_806",
63
+ "notifications": "awsui_notifications_hyvsj_1rghj_816",
64
+ "sticky-notifications": "awsui_sticky-notifications_hyvsj_1rghj_822",
65
+ "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1rghj_839",
66
+ "position-bottom": "awsui_position-bottom_hyvsj_1rghj_886",
67
+ "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1rghj_1",
68
+ "split-panel-side": "awsui_split-panel-side_hyvsj_1rghj_915",
69
+ "position-side": "awsui_position-side_hyvsj_1rghj_928",
70
+ "tools-container": "awsui_tools-container_hyvsj_1rghj_947",
71
+ "tools": "awsui_tools_hyvsj_1rghj_947",
72
+ "openTools": "awsui_openTools_hyvsj_1rghj_1",
73
+ "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1rghj_1042",
74
+ "hide-tools": "awsui_hide-tools_hyvsj_1rghj_1052",
75
+ "show-tools": "awsui_show-tools_hyvsj_1rghj_1064",
76
+ "has-tools-form": "awsui_has-tools-form_hyvsj_1rghj_1042",
77
+ "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1rghj_1126",
78
+ "trigger": "awsui_trigger_hyvsj_1rghj_1126",
79
+ "selected": "awsui_selected_hyvsj_1rghj_1190",
80
+ "badge": "awsui_badge_hyvsj_1rghj_1210",
81
+ "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1rghj_1214",
82
+ "dot": "awsui_dot_hyvsj_1rghj_1220"
82
83
  };
83
84
 
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "empty-appear": "awsui_empty-appear_n4qlp_yqowy_93",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_yqowy_1",
6
- "root": "awsui_root_n4qlp_yqowy_119",
7
- "empty": "awsui_empty_n4qlp_yqowy_93",
8
- "row": "awsui_row_n4qlp_yqowy_139",
9
- "row-control": "awsui_row-control_n4qlp_yqowy_143",
10
- "field": "awsui_field_n4qlp_yqowy_147",
11
- "add-button": "awsui_add-button_n4qlp_yqowy_151",
12
- "remove-button": "awsui_remove-button_n4qlp_yqowy_155",
13
- "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_yqowy_159",
14
- "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_yqowy_163",
15
- "divider": "awsui_divider_n4qlp_yqowy_167",
16
- "additional-info": "awsui_additional-info_n4qlp_yqowy_171",
17
- "right-align": "awsui_right-align_n4qlp_yqowy_217"
4
+ "empty-appear": "awsui_empty-appear_n4qlp_y86kd_93",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_y86kd_1",
6
+ "root": "awsui_root_n4qlp_y86kd_119",
7
+ "empty": "awsui_empty_n4qlp_y86kd_93",
8
+ "row": "awsui_row_n4qlp_y86kd_139",
9
+ "row-control": "awsui_row-control_n4qlp_y86kd_143",
10
+ "field": "awsui_field_n4qlp_y86kd_147",
11
+ "add-button": "awsui_add-button_n4qlp_y86kd_151",
12
+ "remove-button": "awsui_remove-button_n4qlp_y86kd_155",
13
+ "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_y86kd_159",
14
+ "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_y86kd_163",
15
+ "divider": "awsui_divider_n4qlp_y86kd_167",
16
+ "additional-info": "awsui_additional-info_n4qlp_y86kd_171",
17
+ "right-align": "awsui_right-align_n4qlp_y86kd_217"
18
18
  };
19
19
 
@@ -90,10 +90,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_empty-appear_n4qlp_yqowy_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in_n4qlp_yqowy_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
93
+ .awsui_empty-appear_n4qlp_y86kd_93:not(#\9) {
94
+ animation: awsui_awsui-motion-fade-in_n4qlp_y86kd_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
95
95
  }
96
- @keyframes awsui_awsui-motion-fade-in_n4qlp_yqowy_1 {
96
+ @keyframes awsui_awsui-motion-fade-in_n4qlp_y86kd_1 {
97
97
  from {
98
98
  opacity: 0.2;
99
99
  }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
102
102
  }
103
103
  }
104
104
  @media (prefers-reduced-motion: reduce) {
105
- .awsui_empty-appear_n4qlp_yqowy_93:not(#\9) {
105
+ .awsui_empty-appear_n4qlp_y86kd_93:not(#\9) {
106
106
  animation: none;
107
107
  transition: none;
108
108
  }
109
109
  }
110
- .awsui-motion-disabled .awsui_empty-appear_n4qlp_yqowy_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_yqowy_93:not(#\9) {
110
+ .awsui-motion-disabled .awsui_empty-appear_n4qlp_y86kd_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_y86kd_93:not(#\9) {
111
111
  animation: none;
112
112
  transition: none;
113
113
  }
@@ -116,7 +116,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
116
116
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
117
117
  SPDX-License-Identifier: Apache-2.0
118
118
  */
119
- .awsui_root_n4qlp_yqowy_119:not(#\9) {
119
+ .awsui_root_n4qlp_y86kd_119:not(#\9) {
120
120
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
121
121
  border-collapse: separate;
122
122
  border-spacing: 0;
@@ -156,45 +156,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
156
156
  display: block;
157
157
  }
158
158
 
159
- .awsui_empty_n4qlp_yqowy_93:not(#\9) {
159
+ .awsui_empty_n4qlp_y86kd_93:not(#\9) {
160
160
  font-size: var(--font-size-body-m-pa3mqb, 14px);
161
161
  line-height: var(--line-height-body-m-2zx78l, 22px);
162
162
  color: var(--color-text-empty-jskpnv, #687078);
163
163
  }
164
164
 
165
- .awsui_row_n4qlp_yqowy_139:not(#\9) {
165
+ .awsui_row_n4qlp_y86kd_139:not(#\9) {
166
166
  /* used in test-utils */
167
167
  }
168
168
 
169
- .awsui_row-control_n4qlp_yqowy_143:not(#\9) {
169
+ .awsui_row-control_n4qlp_y86kd_143:not(#\9) {
170
170
  /* used in test-utils */
171
171
  }
172
172
 
173
- .awsui_field_n4qlp_yqowy_147:not(#\9) {
173
+ .awsui_field_n4qlp_y86kd_147:not(#\9) {
174
174
  /* used in test-utils */
175
175
  }
176
176
 
177
- .awsui_add-button_n4qlp_yqowy_151:not(#\9) {
177
+ .awsui_add-button_n4qlp_y86kd_151:not(#\9) {
178
178
  /* used in test-utils */
179
179
  }
180
180
 
181
- .awsui_remove-button_n4qlp_yqowy_155:not(#\9) {
181
+ .awsui_remove-button_n4qlp_y86kd_155:not(#\9) {
182
182
  /* used in test-utils */
183
183
  }
184
184
 
185
- .awsui_button-container-haslabel_n4qlp_yqowy_159:not(#\9) {
185
+ .awsui_button-container-haslabel_n4qlp_y86kd_159:not(#\9) {
186
186
  padding-top: calc(var(--space-xxs-9rrxti, 4px) + var(--line-height-body-m-2zx78l, 22px));
187
187
  }
188
188
 
189
- .awsui_button-container-nolabel_n4qlp_yqowy_163:not(#\9) {
189
+ .awsui_button-container-nolabel_n4qlp_y86kd_163:not(#\9) {
190
190
  padding-top: var(--space-xxs-9rrxti, 4px);
191
191
  }
192
192
 
193
- .awsui_divider_n4qlp_yqowy_167:not(#\9) {
193
+ .awsui_divider_n4qlp_y86kd_167:not(#\9) {
194
194
  border-bottom: var(--border-divider-section-width-4ozgf3, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
195
195
  }
196
196
 
197
- .awsui_additional-info_n4qlp_yqowy_171:not(#\9) {
197
+ .awsui_additional-info_n4qlp_y86kd_171:not(#\9) {
198
198
  color: var(--color-text-form-secondary-rh78tu, #687078);
199
199
  font-size: var(--font-size-body-s-533prh, 12px);
200
200
  line-height: var(--line-height-body-s-n0pazd, 16px);
@@ -204,44 +204,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
204
204
  margin-top: var(--space-xxs-9rrxti, 4px);
205
205
  /* stylelint-disable-next-line selector-max-type */
206
206
  }
207
- .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9) {
207
+ .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9) {
208
208
  color: var(--color-text-link-default-hop3gv, #0073bb);
209
209
  font-weight: inherit;
210
210
  letter-spacing: normal;
211
- text-decoration: underline;
212
- /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
211
+ text-decoration-line: underline;
213
212
  text-decoration-color: currentColor;
214
213
  transition-property: color, -webkit-text-decoration;
215
214
  transition-property: color, text-decoration;
216
215
  transition-property: color, text-decoration, -webkit-text-decoration;
217
216
  transition-duration: var(--motion-duration-refresh-only-medium-0rwzu1, 165ms);
217
+ text-underline-offset: 0.3em;
218
+ text-decoration-thickness: 1px;
218
219
  }
219
220
  @media (prefers-reduced-motion: reduce) {
220
- .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9) {
221
+ .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9) {
221
222
  animation: none;
222
223
  transition: none;
223
224
  }
224
225
  }
225
- .awsui-motion-disabled .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9) {
226
+ .awsui-motion-disabled .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9) {
226
227
  animation: none;
227
228
  transition: none;
228
229
  }
229
- .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9):hover {
230
+ .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9):hover {
230
231
  cursor: pointer;
231
232
  color: var(--color-text-link-hover-8s5z9d, #0a4a74);
232
233
  }
233
- .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9):focus {
234
+ .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9):focus {
234
235
  outline: none;
235
236
  }
236
- .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9):active {
237
+ .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9):active {
237
238
  color: var(--color-text-link-hover-8s5z9d, #0a4a74);
238
239
  }
239
- .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9):hover {
240
- text-decoration: underline;
241
- /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
240
+ .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9):hover {
241
+ text-decoration-line: underline;
242
242
  text-decoration-color: currentColor;
243
243
  }
244
244
 
245
- .awsui_right-align_n4qlp_yqowy_217:not(#\9) {
245
+ .awsui_right-align_n4qlp_y86kd_217:not(#\9) {
246
246
  float: right;
247
247
  }
@@ -2,19 +2,19 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "empty-appear": "awsui_empty-appear_n4qlp_yqowy_93",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_yqowy_1",
7
- "root": "awsui_root_n4qlp_yqowy_119",
8
- "empty": "awsui_empty_n4qlp_yqowy_93",
9
- "row": "awsui_row_n4qlp_yqowy_139",
10
- "row-control": "awsui_row-control_n4qlp_yqowy_143",
11
- "field": "awsui_field_n4qlp_yqowy_147",
12
- "add-button": "awsui_add-button_n4qlp_yqowy_151",
13
- "remove-button": "awsui_remove-button_n4qlp_yqowy_155",
14
- "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_yqowy_159",
15
- "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_yqowy_163",
16
- "divider": "awsui_divider_n4qlp_yqowy_167",
17
- "additional-info": "awsui_additional-info_n4qlp_yqowy_171",
18
- "right-align": "awsui_right-align_n4qlp_yqowy_217"
5
+ "empty-appear": "awsui_empty-appear_n4qlp_y86kd_93",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_y86kd_1",
7
+ "root": "awsui_root_n4qlp_y86kd_119",
8
+ "empty": "awsui_empty_n4qlp_y86kd_93",
9
+ "row": "awsui_row_n4qlp_y86kd_139",
10
+ "row-control": "awsui_row-control_n4qlp_y86kd_143",
11
+ "field": "awsui_field_n4qlp_y86kd_147",
12
+ "add-button": "awsui_add-button_n4qlp_y86kd_151",
13
+ "remove-button": "awsui_remove-button_n4qlp_y86kd_155",
14
+ "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_y86kd_159",
15
+ "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_y86kd_163",
16
+ "divider": "awsui_divider_n4qlp_y86kd_167",
17
+ "additional-info": "awsui_additional-info_n4qlp_y86kd_171",
18
+ "right-align": "awsui_right-align_n4qlp_y86kd_217"
19
19
  };
20
20
 
@@ -1,14 +1,14 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "link": "awsui_link_1kosq_2vw2o_93",
5
- "breadcrumb": "awsui_breadcrumb_1kosq_2vw2o_97",
6
- "icon": "awsui_icon_1kosq_2vw2o_100",
7
- "anchor": "awsui_anchor_1kosq_2vw2o_104",
8
- "last": "awsui_last_1kosq_2vw2o_147",
9
- "compressed": "awsui_compressed_1kosq_2vw2o_157",
10
- "text": "awsui_text_1kosq_2vw2o_161",
11
- "virtual-item": "awsui_virtual-item_1kosq_2vw2o_168",
12
- "item-popover": "awsui_item-popover_1kosq_2vw2o_175"
4
+ "link": "awsui_link_1kosq_ttk24_93",
5
+ "breadcrumb": "awsui_breadcrumb_1kosq_ttk24_97",
6
+ "icon": "awsui_icon_1kosq_ttk24_100",
7
+ "anchor": "awsui_anchor_1kosq_ttk24_104",
8
+ "last": "awsui_last_1kosq_ttk24_147",
9
+ "compressed": "awsui_compressed_1kosq_ttk24_157",
10
+ "text": "awsui_text_1kosq_ttk24_161",
11
+ "virtual-item": "awsui_virtual-item_1kosq_ttk24_168",
12
+ "item-popover": "awsui_item-popover_1kosq_ttk24_175"
13
13
  };
14
14
 
@@ -90,55 +90,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_link_1kosq_2vw2o_93:not(#\9):after {
93
+ .awsui_link_1kosq_ttk24_93:not(#\9):after {
94
94
  display: none;
95
95
  }
96
96
 
97
- .awsui_breadcrumb_1kosq_2vw2o_97:not(#\9) {
97
+ .awsui_breadcrumb_1kosq_ttk24_97:not(#\9) {
98
98
  display: flex;
99
99
  }
100
- .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_icon_1kosq_2vw2o_100:not(#\9) {
100
+ .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_icon_1kosq_ttk24_100:not(#\9) {
101
101
  margin: 0 var(--space-xs-xf5ch3, 8px);
102
102
  color: var(--color-text-breadcrumb-icon-egad48, #687078);
103
103
  }
104
- .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9) {
104
+ .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9) {
105
105
  color: var(--color-text-link-default-hop3gv, #0073bb);
106
106
  font-weight: inherit;
107
107
  letter-spacing: normal;
108
- text-decoration: underline;
109
- /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
108
+ text-decoration-line: underline;
110
109
  text-decoration-color: currentColor;
111
110
  transition-property: color, -webkit-text-decoration;
112
111
  transition-property: color, text-decoration;
113
112
  transition-property: color, text-decoration, -webkit-text-decoration;
114
113
  transition-duration: var(--motion-duration-refresh-only-medium-0rwzu1, 165ms);
114
+ text-underline-offset: 0.25em;
115
+ text-decoration-thickness: 1px;
115
116
  }
116
117
  @media (prefers-reduced-motion: reduce) {
117
- .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9) {
118
+ .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9) {
118
119
  animation: none;
119
120
  transition: none;
120
121
  }
121
122
  }
122
- .awsui-motion-disabled .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9) {
123
+ .awsui-motion-disabled .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9) {
123
124
  animation: none;
124
125
  transition: none;
125
126
  }
126
- .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9):hover {
127
+ .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9):hover {
127
128
  cursor: pointer;
128
129
  color: var(--color-text-link-hover-8s5z9d, #0a4a74);
129
130
  }
130
- .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9):focus {
131
+ .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9):focus {
131
132
  outline: none;
132
133
  }
133
- .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9):active {
134
+ .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9):active {
134
135
  color: var(--color-text-link-hover-8s5z9d, #0a4a74);
135
136
  }
136
- .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9):active, .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9):focus, .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9):hover {
137
- text-decoration: underline;
138
- /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
137
+ .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9):active, .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9):focus, .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9):hover {
138
+ text-decoration-line: underline;
139
139
  text-decoration-color: currentColor;
140
140
  }
141
- body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9):focus {
141
+ body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9):focus {
142
142
  outline: thin dotted;
143
143
  outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
144
144
  outline-offset: 2px;
@@ -146,34 +146,34 @@ body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_an
146
146
  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
147
147
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-efbp5h, 0px) var(--color-border-item-focused-v8nq2m, #0073bb);
148
148
  }
149
- .awsui_breadcrumb_1kosq_2vw2o_97.awsui_last_1kosq_2vw2o_147 > .awsui_icon_1kosq_2vw2o_100:not(#\9) {
149
+ .awsui_breadcrumb_1kosq_ttk24_97.awsui_last_1kosq_ttk24_147 > .awsui_icon_1kosq_ttk24_100:not(#\9) {
150
150
  display: none;
151
151
  }
152
- .awsui_breadcrumb_1kosq_2vw2o_97.awsui_last_1kosq_2vw2o_147 > .awsui_anchor_1kosq_2vw2o_104:not(#\9) {
152
+ .awsui_breadcrumb_1kosq_ttk24_97.awsui_last_1kosq_ttk24_147 > .awsui_anchor_1kosq_ttk24_104:not(#\9) {
153
153
  color: var(--color-text-breadcrumb-current-pm5uhh, #687078);
154
154
  font-weight: 700;
155
155
  text-decoration: none;
156
156
  cursor: default;
157
157
  }
158
158
 
159
- .awsui_compressed_1kosq_2vw2o_157:not(#\9) {
159
+ .awsui_compressed_1kosq_ttk24_157:not(#\9) {
160
160
  min-width: 0;
161
161
  overflow: hidden;
162
162
  }
163
- .awsui_compressed_1kosq_2vw2o_157 > .awsui_text_1kosq_2vw2o_161:not(#\9) {
163
+ .awsui_compressed_1kosq_ttk24_157 > .awsui_text_1kosq_ttk24_161:not(#\9) {
164
164
  overflow: hidden;
165
165
  text-overflow: ellipsis;
166
166
  white-space: nowrap;
167
167
  display: block;
168
168
  }
169
169
 
170
- .awsui_virtual-item_1kosq_2vw2o_168:not(#\9) {
170
+ .awsui_virtual-item_1kosq_ttk24_168:not(#\9) {
171
171
  position: absolute !important;
172
172
  top: -9999px !important;
173
173
  left: -9999px !important;
174
174
  visibility: hidden;
175
175
  }
176
176
 
177
- .awsui_item-popover_1kosq_2vw2o_175:not(#\9) {
177
+ .awsui_item-popover_1kosq_ttk24_175:not(#\9) {
178
178
  /* used in tests */
179
179
  }
@@ -2,14 +2,14 @@
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_1kosq_2vw2o_93",
6
- "breadcrumb": "awsui_breadcrumb_1kosq_2vw2o_97",
7
- "icon": "awsui_icon_1kosq_2vw2o_100",
8
- "anchor": "awsui_anchor_1kosq_2vw2o_104",
9
- "last": "awsui_last_1kosq_2vw2o_147",
10
- "compressed": "awsui_compressed_1kosq_2vw2o_157",
11
- "text": "awsui_text_1kosq_2vw2o_161",
12
- "virtual-item": "awsui_virtual-item_1kosq_2vw2o_168",
13
- "item-popover": "awsui_item-popover_1kosq_2vw2o_175"
5
+ "link": "awsui_link_1kosq_ttk24_93",
6
+ "breadcrumb": "awsui_breadcrumb_1kosq_ttk24_97",
7
+ "icon": "awsui_icon_1kosq_ttk24_100",
8
+ "anchor": "awsui_anchor_1kosq_ttk24_104",
9
+ "last": "awsui_last_1kosq_ttk24_147",
10
+ "compressed": "awsui_compressed_1kosq_ttk24_157",
11
+ "text": "awsui_text_1kosq_ttk24_161",
12
+ "virtual-item": "awsui_virtual-item_1kosq_ttk24_168",
13
+ "item-popover": "awsui_item-popover_1kosq_ttk24_175"
14
14
  };
15
15
 
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { DrawerProps } from './interfaces';
3
+ export { DrawerProps };
3
4
  export default function Drawer({ header, children, loading, i18nStrings, ...restProps }: DrawerProps): JSX.Element;
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["drawer/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,EAAE,WAAW,eAoBnG"}
@@ -3,20 +3,24 @@ import { __rest } from "tslib";
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  import clsx from 'clsx';
5
5
  import React from 'react';
6
- import { getBaseProps } from '../../base-component';
7
- import InternalStatusIndicator from '../../../status-indicator/internal';
6
+ import { getBaseProps } from '../internal/base-component';
7
+ import InternalStatusIndicator from '../status-indicator/internal';
8
8
  import styles from './styles.css.js';
9
- import LiveRegion from '../../components/live-region';
10
- import { useInternalI18n } from '../../../i18n/context';
9
+ import { applyDisplayName } from '../internal/utils/apply-display-name';
10
+ import useBaseComponent from '../internal/hooks/use-base-component';
11
+ import LiveRegion from '../internal/components/live-region';
12
+ import { useInternalI18n } from '../i18n/context';
11
13
  export default function Drawer(_a) {
12
14
  var { header, children, loading, i18nStrings } = _a, restProps = __rest(_a, ["header", "children", "loading", "i18nStrings"]);
15
+ const { __internalRootRef } = useBaseComponent('Drawer');
13
16
  const baseProps = getBaseProps(restProps);
14
17
  const i18n = useInternalI18n('drawer');
15
18
  const containerProps = Object.assign(Object.assign({}, baseProps), { className: clsx(baseProps.className, styles.drawer) });
16
- return loading ? (React.createElement("div", Object.assign({}, containerProps),
19
+ return loading ? (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
17
20
  React.createElement(InternalStatusIndicator, { type: "loading" },
18
- React.createElement(LiveRegion, { visible: true }, i18n('i18nStrings.loadingText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.loadingText))))) : (React.createElement("div", Object.assign({}, containerProps),
21
+ React.createElement(LiveRegion, { visible: true }, i18n('i18nStrings.loadingText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.loadingText))))) : (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
19
22
  header && React.createElement("div", { className: clsx(styles.header) }, header),
20
23
  React.createElement("div", { className: clsx(styles['test-utils-drawer-content']) }, children)));
21
24
  }
25
+ applyDisplayName(Drawer, 'Drawer');
22
26
  //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["drawer/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAqE;QAArE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,OAA6B,EAAxB,SAAS,cAAtD,gDAAwD,CAAF;IACnF,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,cAAc,mCACf,SAAS,KACZ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,GACpD,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,UAAU,IAAC,OAAO,EAAE,IAAI,IAAG,IAAI,CAAC,yBAAyB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,CAAc,CAC3E,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAG,MAAM,CAAO;QAC9D,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC,IAAG,QAAQ,CAAO,CACvE,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { DrawerProps } from './interfaces';\nimport LiveRegion from '../internal/components/live-region';\nimport { useInternalI18n } from '../i18n/context';\n\nexport { DrawerProps };\n\nexport default function Drawer({ header, children, loading, i18nStrings, ...restProps }: DrawerProps) {\n const { __internalRootRef } = useBaseComponent('Drawer');\n const baseProps = getBaseProps(restProps);\n const i18n = useInternalI18n('drawer');\n const containerProps = {\n ...baseProps,\n className: clsx(baseProps.className, styles.drawer),\n };\n return loading ? (\n <div {...containerProps} ref={__internalRootRef}>\n <InternalStatusIndicator type=\"loading\">\n <LiveRegion visible={true}>{i18n('i18nStrings.loadingText', i18nStrings?.loadingText)}</LiveRegion>\n </InternalStatusIndicator>\n </div>\n ) : (\n <div {...containerProps} ref={__internalRootRef}>\n {header && <div className={clsx(styles.header)}>{header}</div>}\n <div className={clsx(styles['test-utils-drawer-content'])}>{children}</div>\n </div>\n );\n}\n\napplyDisplayName(Drawer, 'Drawer');\n"]}
@@ -1,4 +1,4 @@
1
- import { BaseComponentProps } from '../../base-component';
1
+ import { BaseComponentProps } from '../internal/base-component';
2
2
  import React from 'react';
3
3
  export interface DrawerProps extends BaseComponentProps {
4
4
  /**
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["drawer/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}