@cloudscape-design/components-themeable 3.0.762 → 3.0.764

package/lib/internal/template/flashbar/styles.selectors.js

@@ -2,52 +2,55 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_1upbt_153",
-  "enter": "awsui_enter_1q84n_1upbt_153",
-  "flash-body": "awsui_flash-body_1q84n_1upbt_167",
-  "flash-message": "awsui_flash-message_1q84n_1upbt_167",
-  "flash-header": "awsui_flash-header_1q84n_1upbt_167",
-  "flash-content": "awsui_flash-content_1q84n_1upbt_168",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1upbt_169",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1upbt_170",
-  "flash-icon": "awsui_flash-icon_1q84n_1upbt_193",
-  "entering": "awsui_entering_1q84n_1upbt_206",
-  "entered": "awsui_entered_1q84n_1upbt_227",
-  "exiting": "awsui_exiting_1q84n_1upbt_332",
-  "stack": "awsui_stack_1q84n_1upbt_366",
-  "animation-running": "awsui_animation-running_1q84n_1upbt_366",
-  "item": "awsui_item_1q84n_1upbt_366",
-  "flash-list-item": "awsui_flash-list-item_1q84n_1upbt_367",
-  "notification-bar": "awsui_notification-bar_1q84n_1upbt_368",
-  "collapsed": "awsui_collapsed_1q84n_1upbt_388",
-  "animation-ready": "awsui_animation-ready_1q84n_1upbt_388",
-  "expanded-only": "awsui_expanded-only_1q84n_1upbt_388",
-  "expanded": "awsui_expanded_1q84n_1upbt_388",
-  "flash": "awsui_flash_1q84n_1upbt_153",
-  "collapsible": "awsui_collapsible_1q84n_1upbt_444",
-  "short-list": "awsui_short-list_1q84n_1upbt_450",
-  "visual-refresh": "awsui_visual-refresh_1q84n_1upbt_450",
-  "status": "awsui_status_1q84n_1upbt_597",
-  "header": "awsui_header_1q84n_1upbt_597",
-  "item-count": "awsui_item-count_1q84n_1upbt_598",
-  "button": "awsui_button_1q84n_1upbt_599",
-  "type-count": "awsui_type-count_1q84n_1upbt_632",
-  "count-number": "awsui_count-number_1q84n_1upbt_632",
-  "icon": "awsui_icon_1q84n_1upbt_666",
-  "floating": "awsui_floating_1q84n_1upbt_707",
-  "flashbar": "awsui_flashbar_1q84n_1upbt_711",
-  "flash-refresh": "awsui_flash-refresh_1q84n_1upbt_786",
-  "flash-list": "awsui_flash-list_1q84n_1upbt_367",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_1upbt_807",
-  "flash-text": "awsui_flash-text_1q84n_1upbt_837",
-  "dismiss-button": "awsui_dismiss-button_1q84n_1upbt_170",
-  "breakpoint-default": "awsui_breakpoint-default_1q84n_1upbt_879",
-  "action-button": "awsui_action-button_1q84n_1upbt_169",
-  "action-slot": "awsui_action-slot_1q84n_1upbt_889",
-  "flash-type-success": "awsui_flash-type-success_1q84n_1upbt_893",
-  "flash-type-error": "awsui_flash-type-error_1q84n_1upbt_897",
-  "flash-type-info": "awsui_flash-type-info_1q84n_1upbt_901",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1upbt_902",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_1upbt_906"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_quidd_153",
+  "enter": "awsui_enter_1q84n_quidd_153",
+  "flash-body": "awsui_flash-body_1q84n_quidd_167",
+  "flash-message": "awsui_flash-message_1q84n_quidd_167",
+  "flash-header": "awsui_flash-header_1q84n_quidd_167",
+  "flash-content": "awsui_flash-content_1q84n_quidd_168",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_quidd_169",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_quidd_170",
+  "flash-icon": "awsui_flash-icon_1q84n_quidd_193",
+  "entering": "awsui_entering_1q84n_quidd_206",
+  "entered": "awsui_entered_1q84n_quidd_227",
+  "exiting": "awsui_exiting_1q84n_quidd_332",
+  "stack": "awsui_stack_1q84n_quidd_366",
+  "animation-running": "awsui_animation-running_1q84n_quidd_366",
+  "item": "awsui_item_1q84n_quidd_366",
+  "flash-list-item": "awsui_flash-list-item_1q84n_quidd_367",
+  "notification-bar": "awsui_notification-bar_1q84n_quidd_368",
+  "collapsed": "awsui_collapsed_1q84n_quidd_388",
+  "animation-ready": "awsui_animation-ready_1q84n_quidd_388",
+  "expanded-only": "awsui_expanded-only_1q84n_quidd_388",
+  "expanded": "awsui_expanded_1q84n_quidd_388",
+  "flash": "awsui_flash_1q84n_quidd_153",
+  "collapsible": "awsui_collapsible_1q84n_quidd_444",
+  "short-list": "awsui_short-list_1q84n_quidd_450",
+  "visual-refresh": "awsui_visual-refresh_1q84n_quidd_450",
+  "status": "awsui_status_1q84n_quidd_597",
+  "header": "awsui_header_1q84n_quidd_597",
+  "item-count": "awsui_item-count_1q84n_quidd_598",
+  "button": "awsui_button_1q84n_quidd_599",
+  "type-count": "awsui_type-count_1q84n_quidd_632",
+  "count-number": "awsui_count-number_1q84n_quidd_632",
+  "icon": "awsui_icon_1q84n_quidd_666",
+  "floating": "awsui_floating_1q84n_quidd_707",
+  "flashbar": "awsui_flashbar_1q84n_quidd_711",
+  "flash-refresh": "awsui_flash-refresh_1q84n_quidd_786",
+  "flash-list": "awsui_flash-list_1q84n_quidd_367",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_quidd_807",
+  "flash-text": "awsui_flash-text_1q84n_quidd_837",
+  "hidden": "awsui_hidden_1q84n_quidd_856",
+  "header-replacement": "awsui_header-replacement_1q84n_quidd_861",
+  "content-replacement": "awsui_content-replacement_1q84n_quidd_866",
+  "dismiss-button": "awsui_dismiss-button_1q84n_quidd_170",
+  "breakpoint-default": "awsui_breakpoint-default_1q84n_quidd_885",
+  "action-button": "awsui_action-button_1q84n_quidd_169",
+  "action-slot": "awsui_action-slot_1q84n_quidd_895",
+  "flash-type-success": "awsui_flash-type-success_1q84n_quidd_899",
+  "flash-type-error": "awsui_flash-type-error_1q84n_quidd_903",
+  "flash-type-info": "awsui_flash-type-info_1q84n_quidd_907",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_quidd_908",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_quidd_912"
 };
   

package/lib/internal/template/internal/base-component/styles.scoped.css

@@ -281,7 +281,7 @@
   --color-border-dropdown-item-focused-3o10kx:#0073bb;
   --color-border-item-placeholder-14j9vy:transparent;
   --color-border-item-selected-20gejb:#0073bb;
-  --color-border-layout-hnd6e7:#d5dbdb;
+  --color-border-layout-5x3d89:#d5dbdb;
   --color-border-notification-stack-bar-sbqbf5:#2a2e33;
   --color-border-panel-header-kec01h:#eaeded;
   --color-border-popover-sxojn8:#d5dbdb;
@@ -899,7 +899,7 @@
     --color-border-item-focused-v8nq2m:#00a1c9;
     --color-border-dropdown-item-focused-3o10kx:#00a1c9;
     --color-border-item-selected-20gejb:#00a1c9;
-    --color-border-layout-hnd6e7:#414750;
+    --color-border-layout-5x3d89:#414750;
     --color-border-panel-header-kec01h:#414750;
     --color-border-popover-sxojn8:#545b64;
     --color-border-segment-active-mnwdth:#ffffff;
@@ -1211,7 +1211,7 @@
   --color-border-item-focused-v8nq2m:#00a1c9;
   --color-border-dropdown-item-focused-3o10kx:#00a1c9;
   --color-border-item-selected-20gejb:#00a1c9;
-  --color-border-layout-hnd6e7:#414750;
+  --color-border-layout-5x3d89:#414750;
   --color-border-panel-header-kec01h:#414750;
   --color-border-popover-sxojn8:#545b64;
   --color-border-segment-active-mnwdth:#ffffff;
@@ -1533,7 +1533,7 @@
   --color-border-dropdown-item-focused-3o10kx:#414d5c;
   --color-border-item-placeholder-14j9vy:#0972d3;
   --color-border-item-selected-20gejb:#0972d3;
-  --color-border-layout-hnd6e7:#b6bec9;
+  --color-border-layout-5x3d89:#9ba7b6;
   --color-border-notification-stack-bar-sbqbf5:#232f3e;
   --color-border-panel-header-kec01h:#b6bec9;
   --color-border-popover-sxojn8:#9ba7b6;
@@ -1888,7 +1888,7 @@
     --color-border-dropdown-item-focused-3o10kx:#d1d5db;
     --color-border-item-placeholder-14j9vy:#539fe5;
     --color-border-item-selected-20gejb:#539fe5;
-    --color-border-layout-hnd6e7:#414d5c;
+    --color-border-layout-5x3d89:#414d5c;
     --color-border-panel-header-kec01h:#414d5c;
     --color-border-popover-sxojn8:#5f6b7a;
     --color-border-segment-active-mnwdth:#d1d5db;
@@ -2167,7 +2167,7 @@
   --color-border-dropdown-item-focused-3o10kx:#d1d5db;
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
-  --color-border-layout-hnd6e7:#414d5c;
+  --color-border-layout-5x3d89:#414d5c;
   --color-border-panel-header-kec01h:#414d5c;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
@@ -2367,7 +2367,7 @@
   --color-border-dropdown-item-focused-3o10kx:#d1d5db;
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
-  --color-border-layout-hnd6e7:#414d5c;
+  --color-border-layout-5x3d89:#414d5c;
   --color-border-panel-header-kec01h:#414d5c;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
@@ -2569,7 +2569,7 @@
   --color-border-dropdown-item-focused-3o10kx:#d1d5db;
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
-  --color-border-layout-hnd6e7:#414d5c;
+  --color-border-layout-5x3d89:#414d5c;
   --color-border-panel-header-kec01h:#414d5c;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
@@ -2784,7 +2784,7 @@
   --color-border-dropdown-item-focused-3o10kx:#d1d5db;
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
-  --color-border-layout-hnd6e7:#414d5c;
+  --color-border-layout-5x3d89:#414d5c;
   --color-border-panel-header-kec01h:#414d5c;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
@@ -2931,7 +2931,6 @@
   --color-border-dropdown-item-top-of452d:transparent;
   --color-border-input-focused-v6z9fd:#033160;
   --color-border-item-focused-v8nq2m:#fbfbfb;
-  --color-border-layout-hnd6e7:#fbfbfb;
   --color-border-panel-header-kec01h:#fbfbfb;
   --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 0.12);
   --color-text-body-default-ffdwgg:#fbfbfb;
@@ -2963,7 +2962,6 @@
   --color-border-dropdown-group-mkqzrv:#fbfbfb;
   --color-border-dropdown-item-default-xnte9u:#fbfbfb;
   --color-border-item-focused-v8nq2m:#fbfbfb;
-  --color-border-layout-hnd6e7:#fbfbfb;
   --color-border-panel-header-kec01h:#fbfbfb;
   --color-text-body-default-ffdwgg:#fbfbfb;
   --color-text-button-normal-active-fp98iq:#ffffff;
@@ -3001,7 +2999,6 @@
   --color-border-dropdown-item-top-of452d:transparent;
   --color-border-input-focused-v6z9fd:#033160;
   --color-border-item-focused-v8nq2m:#000716;
-  --color-border-layout-hnd6e7:#000716;
   --color-border-panel-header-kec01h:#000716;
   --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 0.12);
   --color-text-button-normal-active-fp98iq:#000716;
@@ -3035,7 +3032,6 @@
   --color-border-dropdown-group-mkqzrv:#000716;
   --color-border-dropdown-item-default-xnte9u:#000716;
   --color-border-item-focused-v8nq2m:#000716;
-  --color-border-layout-hnd6e7:#000716;
   --color-border-panel-header-kec01h:#000716;
   --color-text-button-normal-active-fp98iq:#000716;
   --color-text-button-normal-default-gpe171:#414d5c;
@@ -3069,7 +3065,6 @@
   --color-border-dropdown-item-default-xnte9u:#414d5c;
   --color-border-dropdown-item-selected-fxzclw:#0972d3;
   --color-border-dropdown-item-top-of452d:transparent;
-  --color-border-layout-hnd6e7:#414d5c;
   --color-border-panel-header-kec01h:#414d5c;
   --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 0.12);
   --color-text-button-normal-active-fp98iq:#000716;
@@ -3097,7 +3092,6 @@
   --color-border-divider-panel-side-btgups:#414d5c;
   --color-border-dropdown-group-mkqzrv:#414d5c;
   --color-border-dropdown-item-default-xnte9u:#414d5c;
-  --color-border-layout-hnd6e7:#414d5c;
   --color-border-panel-header-kec01h:#414d5c;
   --color-text-button-normal-active-fp98iq:#000716;
   --color-text-button-normal-default-gpe171:#414d5c;
@@ -3199,7 +3193,7 @@
   --color-border-dropdown-item-focused-3o10kx:#d1d5db;
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
-  --color-border-layout-hnd6e7:#d1d5db;
+  --color-border-layout-5x3d89:#414d5c;
   --color-border-panel-header-kec01h:#d1d5db;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
@@ -3402,7 +3396,7 @@
   --color-border-dropdown-item-focused-3o10kx:#d1d5db;
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
-  --color-border-layout-hnd6e7:#d1d5db;
+  --color-border-layout-5x3d89:#414d5c;
   --color-border-panel-header-kec01h:#d1d5db;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
@@ -3564,7 +3558,6 @@
     --color-border-dropdown-item-default-xnte9u:#d1d5db;
     --color-border-dropdown-item-selected-fxzclw:#539fe5;
     --color-border-item-focused-v8nq2m:#fbfbfb;
-    --color-border-layout-hnd6e7:#d1d5db;
     --color-border-panel-header-kec01h:#d1d5db;
     --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 1);
     --color-text-button-normal-active-fp98iq:#ffffff;
@@ -3591,7 +3584,6 @@
     --color-border-dropdown-item-default-xnte9u:#d1d5db;
     --color-border-dropdown-item-selected-fxzclw:#539fe5;
     --color-border-item-focused-v8nq2m:#fbfbfb;
-    --color-border-layout-hnd6e7:#d1d5db;
     --color-border-panel-header-kec01h:#d1d5db;
     --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 1);
     --color-text-button-normal-active-fp98iq:#ffffff;

package/lib/internal/template/internal/components/tooltip/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { PopoverProps } from '../../../popover/interfaces';
 export interface TooltipProps {
     value: React.ReactNode;
     trackRef: React.RefObject<HTMLElement | SVGElement>;
@@ -6,6 +7,7 @@ export interface TooltipProps {
     position?: 'top' | 'right' | 'bottom' | 'left';
     className?: string;
     contentAttributes?: React.HTMLAttributes<HTMLDivElement>;
+    size?: PopoverProps['size'];
 }
-export default function Tooltip({ value, trackRef, trackKey, className, contentAttributes, position, }: TooltipProps): JSX.Element;
+export default function Tooltip({ value, trackRef, trackKey, className, contentAttributes, position, size, }: TooltipProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/components/tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CAC1D;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,iBAAsB,EACtB,QAAgB,GACjB,EAAE,YAAY,eA4Bd"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAM3D,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,iBAAsB,EACtB,QAAgB,EAChB,IAAc,GACf,EAAE,YAAY,eA4Bd"}

package/lib/internal/template/internal/components/tooltip/index.js

@@ -8,13 +8,13 @@ import PopoverContainer from '../../../popover/container';
 import Portal from '../portal';
 import { Transition } from '../transition';
 import styles from './styles.css.js';
-export default function Tooltip({ value, trackRef, trackKey, className, contentAttributes = {}, position = 'top', }) {
+export default function Tooltip({ value, trackRef, trackKey, className, contentAttributes = {}, position = 'top', size = 'small', }) {
     if (!trackKey && (typeof value === 'string' || typeof value === 'number')) {
         trackKey = value;
     }
     return (React.createElement(Portal, null,
         React.createElement("div", Object.assign({ className: clsx(styles.root, className) }, contentAttributes, { "data-testid": trackKey }),
-            React.createElement(Transition, { in: true }, () => (React.createElement(PopoverContainer, { trackRef: trackRef, trackKey: trackKey, size: "small", fixedWidth: false, position: position, zIndex: 7000, arrow: position => React.createElement(PopoverArrow, { position: position }) },
+            React.createElement(Transition, { in: true }, () => (React.createElement(PopoverContainer, { trackRef: trackRef, trackKey: trackKey, size: size, fixedWidth: false, position: position, zIndex: 7000, arrow: position => React.createElement(PopoverArrow, { position: position }) },
                 React.createElement(PopoverBody, { dismissButton: false, dismissAriaLabel: undefined, onDismiss: undefined, header: undefined }, value)))))));
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/components/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/tooltip/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAC1D,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAWrC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,iBAAiB,GAAG,EAAE,EACtB,QAAQ,GAAG,KAAK,GACH;IACb,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,EAAE;QACzE,QAAQ,GAAG,KAAK,CAAC;KAClB;IAED,OAAO,CACL,oBAAC,MAAM;QACL,2CAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,iBAAiB,mBAAe,QAAQ;YACxF,oBAAC,UAAU,IAAC,EAAE,EAAE,IAAI,IACjB,GAAG,EAAE,CAAC,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,GAAI;gBAEvD,oBAAC,WAAW,IAAC,aAAa,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,IACpG,KAAK,CACM,CACG,CACpB,CACU,CACT,CACC,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport PopoverArrow from '../../../popover/arrow';\nimport PopoverBody from '../../../popover/body';\nimport PopoverContainer from '../../../popover/container';\nimport Portal from '../portal';\nimport { Transition } from '../transition';\n\nimport styles from './styles.css.js';\n\nexport interface TooltipProps {\n  value: React.ReactNode;\n  trackRef: React.RefObject<HTMLElement | SVGElement>;\n  trackKey?: string | number;\n  position?: 'top' | 'right' | 'bottom' | 'left';\n  className?: string;\n  contentAttributes?: React.HTMLAttributes<HTMLDivElement>;\n}\n\nexport default function Tooltip({\n  value,\n  trackRef,\n  trackKey,\n  className,\n  contentAttributes = {},\n  position = 'top',\n}: TooltipProps) {\n  if (!trackKey && (typeof value === 'string' || typeof value === 'number')) {\n    trackKey = value;\n  }\n\n  return (\n    <Portal>\n      <div className={clsx(styles.root, className)} {...contentAttributes} data-testid={trackKey}>\n        <Transition in={true}>\n          {() => (\n            <PopoverContainer\n              trackRef={trackRef}\n              trackKey={trackKey}\n              size=\"small\"\n              fixedWidth={false}\n              position={position}\n              zIndex={7000}\n              arrow={position => <PopoverArrow position={position} />}\n            >\n              <PopoverBody dismissButton={false} dismissAriaLabel={undefined} onDismiss={undefined} header={undefined}>\n                {value}\n              </PopoverBody>\n            </PopoverContainer>\n          )}\n        </Transition>\n      </div>\n    </Portal>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/tooltip/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAE1D,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAYrC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,iBAAiB,GAAG,EAAE,EACtB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,OAAO,GACD;IACb,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,EAAE;QACzE,QAAQ,GAAG,KAAK,CAAC;KAClB;IAED,OAAO,CACL,oBAAC,MAAM;QACL,2CAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,iBAAiB,mBAAe,QAAQ;YACxF,oBAAC,UAAU,IAAC,EAAE,EAAE,IAAI,IACjB,GAAG,EAAE,CAAC,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,GAAI;gBAEvD,oBAAC,WAAW,IAAC,aAAa,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,IACpG,KAAK,CACM,CACG,CACpB,CACU,CACT,CACC,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport PopoverArrow from '../../../popover/arrow';\nimport PopoverBody from '../../../popover/body';\nimport PopoverContainer from '../../../popover/container';\nimport { PopoverProps } from '../../../popover/interfaces';\nimport Portal from '../portal';\nimport { Transition } from '../transition';\n\nimport styles from './styles.css.js';\n\nexport interface TooltipProps {\n  value: React.ReactNode;\n  trackRef: React.RefObject<HTMLElement | SVGElement>;\n  trackKey?: string | number;\n  position?: 'top' | 'right' | 'bottom' | 'left';\n  className?: string;\n  contentAttributes?: React.HTMLAttributes<HTMLDivElement>;\n  size?: PopoverProps['size'];\n}\n\nexport default function Tooltip({\n  value,\n  trackRef,\n  trackKey,\n  className,\n  contentAttributes = {},\n  position = 'top',\n  size = 'small',\n}: TooltipProps) {\n  if (!trackKey && (typeof value === 'string' || typeof value === 'number')) {\n    trackKey = value;\n  }\n\n  return (\n    <Portal>\n      <div className={clsx(styles.root, className)} {...contentAttributes} data-testid={trackKey}>\n        <Transition in={true}>\n          {() => (\n            <PopoverContainer\n              trackRef={trackRef}\n              trackKey={trackKey}\n              size={size}\n              fixedWidth={false}\n              position={position}\n              zIndex={7000}\n              arrow={position => <PopoverArrow position={position} />}\n            >\n              <PopoverBody dismissButton={false} dismissAriaLabel={undefined} onDismiss={undefined} header={undefined}>\n                {value}\n              </PopoverBody>\n            </PopoverContainer>\n          )}\n        </Transition>\n      </div>\n    </Portal>\n  );\n}\n"]}

package/lib/internal/template/internal/components/tooltip/registry.d.ts

@@ -0,0 +1,4 @@
+type OnClose = () => void;
+export declare const registerTooltip: (onClose: OnClose) => () => void;
+export {};
+//# sourceMappingURL=registry.d.ts.map

package/lib/internal/template/internal/components/tooltip/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/tooltip/registry.ts"],"names":[],"mappings":"AAGA,KAAK,OAAO,GAAG,MAAM,IAAI,CAAC;AAW1B,eAAO,MAAM,eAAe,YAAa,OAAO,eAU/C,CAAC"}

package/lib/internal/template/internal/components/tooltip/registry.js

@@ -0,0 +1,28 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+let callbacks = [];
+let listenerRegistered = false;
+const onKeyDown = (event) => {
+    if (event.key === 'Escape') {
+        callbacks.forEach(callback => callback());
+    }
+};
+export const registerTooltip = (onClose) => {
+    callbacks.forEach(callback => callback());
+    callbacks.push(onClose);
+    if (!listenerRegistered) {
+        listenerRegistered = true;
+        document.addEventListener('keydown', onKeyDown);
+    }
+    return () => {
+        deregisterTooltip(onClose);
+    };
+};
+const deregisterTooltip = (onClose) => {
+    callbacks = callbacks.filter(callback => callback !== onClose);
+    if (listenerRegistered && callbacks.length === 0) {
+        listenerRegistered = false;
+        document.removeEventListener('keydown', onKeyDown);
+    }
+};
+//# sourceMappingURL=registry.js.map

package/lib/internal/template/internal/components/tooltip/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../../../src/internal/components/tooltip/registry.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAItC,IAAI,SAAS,GAAmB,EAAE,CAAC;AACnC,IAAI,kBAAkB,GAAG,KAAK,CAAC;AAE/B,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;IACzC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;QAC1B,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;KAC3C;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;IAClD,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC1C,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxB,IAAI,CAAC,kBAAkB,EAAE;QACvB,kBAAkB,GAAG,IAAI,CAAC;QAC1B,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;KACjD;IACD,OAAO,GAAG,EAAE;QACV,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC7C,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC;IAC/D,IAAI,kBAAkB,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;QAChD,kBAAkB,GAAG,KAAK,CAAC;QAC3B,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;KACpD;AACH,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\ntype OnClose = () => void;\n\nlet callbacks: Array<OnClose> = [];\nlet listenerRegistered = false;\n\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (event.key === 'Escape') {\n    callbacks.forEach(callback => callback());\n  }\n};\n\nexport const registerTooltip = (onClose: OnClose) => {\n  callbacks.forEach(callback => callback());\n  callbacks.push(onClose);\n  if (!listenerRegistered) {\n    listenerRegistered = true;\n    document.addEventListener('keydown', onKeyDown);\n  }\n  return () => {\n    deregisterTooltip(onClose);\n  };\n};\n\nconst deregisterTooltip = (onClose: OnClose) => {\n  callbacks = callbacks.filter(callback => callback !== onClose);\n  if (listenerRegistered && callbacks.length === 0) {\n    listenerRegistered = false;\n    document.removeEventListener('keydown', onKeyDown);\n  }\n};\n"]}

package/lib/internal/template/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (44fec75c)";
+export var PACKAGE_VERSION = "3.0.0 (c5529628)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (44fec75c)",
+  "PACKAGE_VERSION": "3.0.0 (c5529628)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/internal/generated/styles/tokens.js

@@ -335,7 +335,7 @@ export var colorBorderItemFocused = "var(--color-border-item-focused-b2ntyl, #09
 export var colorBorderDropdownItemFocused = "var(--color-border-dropdown-item-focused-5hbaf3, #414d5c)";
 export var colorBorderItemPlaceholder = "var(--color-border-item-placeholder-h8j85e, #0972d3)";
 export var colorBorderItemSelected = "var(--color-border-item-selected-k00wlz, #0972d3)";
-export var colorBorderLayout = "var(--color-border-layout-1zovx9, #b6bec9)";
+export var colorBorderLayout = "var(--color-border-layout-4mzh97, #9ba7b6)";
 export var colorBorderNotificationStackBar = "var(--color-border-notification-stack-bar-t3aws2, #232f3e)";
 export var colorBorderPanelHeader = "var(--color-border-panel-header-lf0q4c, #b6bec9)";
 export var colorBorderPopover = "var(--color-border-popover-umqvld, #9ba7b6)";

package/lib/internal/template/internal/generated/theming/index.cjs

@@ -1226,8 +1226,8 @@ module.exports.preset = {
         "dark": "{colorBlue500}"
       },
       "colorBorderLayout": {
-        "light": "{colorBorderDividerDefault}",
-        "dark": "{colorBorderDividerDefault}"
+        "light": "{colorGrey400}",
+        "dark": "{colorGrey600}"
       },
       "colorBorderNotificationStackBar": {
         "light": "{colorGrey700}",
@@ -3444,8 +3444,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -4582,8 +4582,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -5652,8 +5652,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -6722,8 +6722,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -7792,8 +7792,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -8864,8 +8864,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -11659,7 +11659,7 @@ module.exports.preset = {
     "colorBorderDropdownItemFocused": "--color-border-dropdown-item-focused-5hbaf3",
     "colorBorderItemPlaceholder": "--color-border-item-placeholder-h8j85e",
     "colorBorderItemSelected": "--color-border-item-selected-k00wlz",
-    "colorBorderLayout": "--color-border-layout-1zovx9",
+    "colorBorderLayout": "--color-border-layout-4mzh97",
     "colorBorderNotificationStackBar": "--color-border-notification-stack-bar-t3aws2",
     "colorBorderPanelHeader": "--color-border-panel-header-lf0q4c",
     "colorBorderPopover": "--color-border-popover-umqvld",

package/lib/internal/template/internal/generated/theming/index.js

@@ -1226,8 +1226,8 @@ export var preset = {
         "dark": "{colorBlue500}"
       },
       "colorBorderLayout": {
-        "light": "{colorBorderDividerDefault}",
-        "dark": "{colorBorderDividerDefault}"
+        "light": "{colorGrey400}",
+        "dark": "{colorGrey600}"
       },
       "colorBorderNotificationStackBar": {
         "light": "{colorGrey700}",
@@ -3444,8 +3444,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -4582,8 +4582,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -5652,8 +5652,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -6722,8 +6722,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -7792,8 +7792,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -8864,8 +8864,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -11659,7 +11659,7 @@ export var preset = {
     "colorBorderDropdownItemFocused": "--color-border-dropdown-item-focused-5hbaf3",
     "colorBorderItemPlaceholder": "--color-border-item-placeholder-h8j85e",
     "colorBorderItemSelected": "--color-border-item-selected-k00wlz",
-    "colorBorderLayout": "--color-border-layout-1zovx9",
+    "colorBorderLayout": "--color-border-layout-4mzh97",
     "colorBorderNotificationStackBar": "--color-border-notification-stack-bar-t3aws2",
     "colorBorderPanelHeader": "--color-border-panel-header-lf0q4c",
     "colorBorderPopover": "--color-border-popover-umqvld",

package/lib/internal/template/internal/plugins/api.d.ts

@@ -1,5 +1,6 @@
 import { BreadcrumbGroupProps } from '../../breadcrumb-group/interfaces';
 import { ActionsApiInternal, ActionsApiPublic } from './controllers/action-buttons';
+import { AlertFlashContentApiInternal, AlertFlashContentApiPublic } from './controllers/alert-flash-content';
 import { AppLayoutWidgetApiInternal } from './controllers/app-layout-widget';
 import { BreadcrumbsApiInternal } from './controllers/breadcrumbs';
 import { DrawersApiInternal, DrawersApiPublic } from './controllers/drawers';
@@ -7,13 +8,17 @@ interface AwsuiApi {
     awsuiPlugins: {
         appLayout: DrawersApiPublic;
         alert: ActionsApiPublic;
+        alertContent: AlertFlashContentApiPublic;
         flashbar: ActionsApiPublic;
+        flashContent: AlertFlashContentApiPublic;
     };
     awsuiPluginsInternal: {
         appLayout: DrawersApiInternal;
         appLayoutWidget: AppLayoutWidgetApiInternal;
         alert: ActionsApiInternal;
+        alertContent: AlertFlashContentApiInternal;
         flashbar: ActionsApiInternal;
+        flashContent: AlertFlashContentApiInternal;
         breadcrumbs: BreadcrumbsApiInternal<BreadcrumbGroupProps>;
     };
 }
@@ -21,12 +26,16 @@ export declare function loadApi(): AwsuiApi;
 export declare const awsuiPlugins: {
     appLayout: DrawersApiPublic;
     alert: ActionsApiPublic;
+    alertContent: AlertFlashContentApiPublic;
     flashbar: ActionsApiPublic;
+    flashContent: AlertFlashContentApiPublic;
 }, awsuiPluginsInternal: {
     appLayout: DrawersApiInternal;
     appLayoutWidget: AppLayoutWidgetApiInternal;
     alert: ActionsApiInternal;
+    alertContent: AlertFlashContentApiInternal;
     flashbar: ActionsApiInternal;
+    flashContent: AlertFlashContentApiInternal;
     breadcrumbs: BreadcrumbsApiInternal<BreadcrumbGroupProps>;
 };
 export {};

package/lib/internal/template/internal/plugins/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../src/internal/plugins/api.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAA2B,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAC7G,OAAO,EAAE,0BAA0B,EAA6B,MAAM,iCAAiC,CAAC;AACxG,OAAO,EAAE,sBAAsB,EAAyB,MAAM,2BAA2B,CAAC;AAC1F,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAqB,MAAM,uBAAuB,CAAC;AAIhG,UAAU,QAAQ;IAChB,YAAY,EAAE;QACZ,SAAS,EAAE,gBAAgB,CAAC;QAC5B,KAAK,EAAE,gBAAgB,CAAC;QACxB,QAAQ,EAAE,gBAAgB,CAAC;KAC5B,CAAC;IACF,oBAAoB,EAAE;QACpB,SAAS,EAAE,kBAAkB,CAAC;QAC9B,eAAe,EAAE,0BAA0B,CAAC;QAC5C,KAAK,EAAE,kBAAkB,CAAC;QAC1B,QAAQ,EAAE,kBAAkB,CAAC;QAC7B,WAAW,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;KAC3D,CAAC;CACH;AAwBD,wBAAgB,OAAO,aAQtB;AAED,eAAO,MAAQ,YAAY;eA7CZ,gBAAgB;WACpB,gBAAgB;cACb,gBAAgB;GA2CD,oBAAoB;eAxClC,kBAAkB;qBACZ,0BAA0B;WACpC,kBAAkB;cACf,kBAAkB;iBACf,uBAAuB,oBAAoB,CAAC;CAoCE,CAAC"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../src/internal/plugins/api.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAA2B,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAC7G,OAAO,EACL,4BAA4B,EAC5B,0BAA0B,EAE3B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAA6B,MAAM,iCAAiC,CAAC;AACxG,OAAO,EAAE,sBAAsB,EAAyB,MAAM,2BAA2B,CAAC;AAC1F,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAqB,MAAM,uBAAuB,CAAC;AAIhG,UAAU,QAAQ;IAChB,YAAY,EAAE;QACZ,SAAS,EAAE,gBAAgB,CAAC;QAC5B,KAAK,EAAE,gBAAgB,CAAC;QACxB,YAAY,EAAE,0BAA0B,CAAC;QACzC,QAAQ,EAAE,gBAAgB,CAAC;QAC3B,YAAY,EAAE,0BAA0B,CAAC;KAC1C,CAAC;IACF,oBAAoB,EAAE;QACpB,SAAS,EAAE,kBAAkB,CAAC;QAC9B,eAAe,EAAE,0BAA0B,CAAC;QAC5C,KAAK,EAAE,kBAAkB,CAAC;QAC1B,YAAY,EAAE,4BAA4B,CAAC;QAC3C,QAAQ,EAAE,kBAAkB,CAAC;QAC7B,YAAY,EAAE,4BAA4B,CAAC;QAC3C,WAAW,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;KAC3D,CAAC;CACH;AAwBD,wBAAgB,OAAO,aAQtB;AAED,eAAO,MAAQ,YAAY;eAjDZ,gBAAgB;WACpB,gBAAgB;kBACT,0BAA0B;cAC9B,gBAAgB;kBACZ,0BAA0B;GA6Cf,oBAAoB;eA1ClC,kBAAkB;qBACZ,0BAA0B;WACpC,kBAAkB;kBACX,4BAA4B;cAChC,kBAAkB;kBACd,4BAA4B;iBAC7B,uBAAuB,oBAAoB,CAAC;CAoCE,CAAC"}

package/lib/internal/template/internal/plugins/api.js

@@ -1,4 +1,5 @@
 import { ActionButtonsController } from './controllers/action-buttons';
+import { AlertFlashContentController, } from './controllers/alert-flash-content';
 import { AppLayoutWidgetController } from './controllers/app-layout-widget';
 import { BreadcrumbsController } from './controllers/breadcrumbs';
 import { DrawersController } from './controllers/drawers';
@@ -41,6 +42,12 @@ function installApi(api) {
     const alertActions = new ActionButtonsController();
     api.awsuiPlugins.alert = alertActions.installPublic(api.awsuiPlugins.alert);
     api.awsuiPluginsInternal.alert = alertActions.installInternal(api.awsuiPluginsInternal.alert);
+    const alertContent = new AlertFlashContentController();
+    api.awsuiPlugins.alertContent = alertContent.installPublic(api.awsuiPlugins.alertContent);
+    api.awsuiPluginsInternal.alertContent = alertContent.installInternal(api.awsuiPluginsInternal.alertContent);
+    const flashContent = new AlertFlashContentController();
+    api.awsuiPlugins.flashContent = flashContent.installPublic(api.awsuiPlugins.flashContent);
+    api.awsuiPluginsInternal.flashContent = flashContent.installInternal(api.awsuiPluginsInternal.flashContent);
     const flashbarActions = new ActionButtonsController();
     api.awsuiPlugins.flashbar = flashbarActions.installPublic(api.awsuiPlugins.flashbar);
     api.awsuiPluginsInternal.flashbar = flashbarActions.installInternal(api.awsuiPluginsInternal.flashbar);