@cloudscape-design/components 3.0.750 → 3.0.752

package/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_v26q8_153",
-  "enter": "awsui_enter_1q84n_v26q8_153",
-  "flash-body": "awsui_flash-body_1q84n_v26q8_167",
-  "flash-message": "awsui_flash-message_1q84n_v26q8_167",
-  "flash-header": "awsui_flash-header_1q84n_v26q8_167",
-  "flash-content": "awsui_flash-content_1q84n_v26q8_168",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_v26q8_169",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_v26q8_170",
-  "flash-icon": "awsui_flash-icon_1q84n_v26q8_193",
-  "entering": "awsui_entering_1q84n_v26q8_206",
-  "entered": "awsui_entered_1q84n_v26q8_227",
-  "exiting": "awsui_exiting_1q84n_v26q8_332",
-  "stack": "awsui_stack_1q84n_v26q8_366",
-  "animation-running": "awsui_animation-running_1q84n_v26q8_366",
-  "item": "awsui_item_1q84n_v26q8_366",
-  "flash-list-item": "awsui_flash-list-item_1q84n_v26q8_367",
-  "notification-bar": "awsui_notification-bar_1q84n_v26q8_368",
-  "collapsed": "awsui_collapsed_1q84n_v26q8_388",
-  "animation-ready": "awsui_animation-ready_1q84n_v26q8_388",
-  "expanded-only": "awsui_expanded-only_1q84n_v26q8_388",
-  "expanded": "awsui_expanded_1q84n_v26q8_388",
-  "flash": "awsui_flash_1q84n_v26q8_153",
-  "collapsible": "awsui_collapsible_1q84n_v26q8_444",
-  "short-list": "awsui_short-list_1q84n_v26q8_450",
-  "visual-refresh": "awsui_visual-refresh_1q84n_v26q8_450",
-  "status": "awsui_status_1q84n_v26q8_597",
-  "header": "awsui_header_1q84n_v26q8_597",
-  "item-count": "awsui_item-count_1q84n_v26q8_598",
-  "button": "awsui_button_1q84n_v26q8_599",
-  "type-count": "awsui_type-count_1q84n_v26q8_632",
-  "count-number": "awsui_count-number_1q84n_v26q8_632",
-  "icon": "awsui_icon_1q84n_v26q8_666",
-  "floating": "awsui_floating_1q84n_v26q8_707",
-  "flashbar": "awsui_flashbar_1q84n_v26q8_711",
-  "flash-refresh": "awsui_flash-refresh_1q84n_v26q8_786",
-  "flash-list": "awsui_flash-list_1q84n_v26q8_367",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_v26q8_807",
-  "flash-text": "awsui_flash-text_1q84n_v26q8_837",
-  "dismiss-button": "awsui_dismiss-button_1q84n_v26q8_170",
-  "breakpoint-default": "awsui_breakpoint-default_1q84n_v26q8_879",
-  "action-button": "awsui_action-button_1q84n_v26q8_169",
-  "action-slot": "awsui_action-slot_1q84n_v26q8_889",
-  "flash-type-success": "awsui_flash-type-success_1q84n_v26q8_893",
-  "flash-type-error": "awsui_flash-type-error_1q84n_v26q8_897",
-  "flash-type-info": "awsui_flash-type-info_1q84n_v26q8_901",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_v26q8_902",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_v26q8_906"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_iol8n_153",
+  "enter": "awsui_enter_1q84n_iol8n_153",
+  "flash-body": "awsui_flash-body_1q84n_iol8n_167",
+  "flash-message": "awsui_flash-message_1q84n_iol8n_167",
+  "flash-header": "awsui_flash-header_1q84n_iol8n_167",
+  "flash-content": "awsui_flash-content_1q84n_iol8n_168",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_iol8n_169",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_iol8n_170",
+  "flash-icon": "awsui_flash-icon_1q84n_iol8n_193",
+  "entering": "awsui_entering_1q84n_iol8n_206",
+  "entered": "awsui_entered_1q84n_iol8n_227",
+  "exiting": "awsui_exiting_1q84n_iol8n_332",
+  "stack": "awsui_stack_1q84n_iol8n_366",
+  "animation-running": "awsui_animation-running_1q84n_iol8n_366",
+  "item": "awsui_item_1q84n_iol8n_366",
+  "flash-list-item": "awsui_flash-list-item_1q84n_iol8n_367",
+  "notification-bar": "awsui_notification-bar_1q84n_iol8n_368",
+  "collapsed": "awsui_collapsed_1q84n_iol8n_388",
+  "animation-ready": "awsui_animation-ready_1q84n_iol8n_388",
+  "expanded-only": "awsui_expanded-only_1q84n_iol8n_388",
+  "expanded": "awsui_expanded_1q84n_iol8n_388",
+  "flash": "awsui_flash_1q84n_iol8n_153",
+  "collapsible": "awsui_collapsible_1q84n_iol8n_444",
+  "short-list": "awsui_short-list_1q84n_iol8n_450",
+  "visual-refresh": "awsui_visual-refresh_1q84n_iol8n_450",
+  "status": "awsui_status_1q84n_iol8n_597",
+  "header": "awsui_header_1q84n_iol8n_597",
+  "item-count": "awsui_item-count_1q84n_iol8n_598",
+  "button": "awsui_button_1q84n_iol8n_599",
+  "type-count": "awsui_type-count_1q84n_iol8n_632",
+  "count-number": "awsui_count-number_1q84n_iol8n_632",
+  "icon": "awsui_icon_1q84n_iol8n_666",
+  "floating": "awsui_floating_1q84n_iol8n_707",
+  "flashbar": "awsui_flashbar_1q84n_iol8n_711",
+  "flash-refresh": "awsui_flash-refresh_1q84n_iol8n_786",
+  "flash-list": "awsui_flash-list_1q84n_iol8n_367",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_iol8n_807",
+  "flash-text": "awsui_flash-text_1q84n_iol8n_837",
+  "hidden": "awsui_hidden_1q84n_iol8n_856",
+  "header-replacement": "awsui_header-replacement_1q84n_iol8n_861",
+  "content-replacement": "awsui_content-replacement_1q84n_iol8n_866",
+  "dismiss-button": "awsui_dismiss-button_1q84n_iol8n_170",
+  "breakpoint-default": "awsui_breakpoint-default_1q84n_iol8n_885",
+  "action-button": "awsui_action-button_1q84n_iol8n_169",
+  "action-slot": "awsui_action-slot_1q84n_iol8n_895",
+  "flash-type-success": "awsui_flash-type-success_1q84n_iol8n_899",
+  "flash-type-error": "awsui_flash-type-error_1q84n_iol8n_903",
+  "flash-type-info": "awsui_flash-type-info_1q84n_iol8n_907",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_iol8n_908",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_iol8n_912"
 };
   

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

@@ -281,7 +281,7 @@
   --color-border-dropdown-item-focused-5hbaf3:#414d5c;
   --color-border-item-placeholder-h8j85e:#0972d3;
   --color-border-item-selected-k00wlz:#0972d3;
-  --color-border-layout-1zovx9:#b6bec9;
+  --color-border-layout-4mzh97:#9ba7b6;
   --color-border-notification-stack-bar-t3aws2:#232f3e;
   --color-border-panel-header-lf0q4c:#b6bec9;
   --color-border-popover-umqvld:#9ba7b6;
@@ -898,7 +898,7 @@
     --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
     --color-border-item-placeholder-h8j85e:#539fe5;
     --color-border-item-selected-k00wlz:#539fe5;
-    --color-border-layout-1zovx9:#414d5c;
+    --color-border-layout-4mzh97:#414d5c;
     --color-border-panel-header-lf0q4c:#414d5c;
     --color-border-popover-umqvld:#5f6b7a;
     --color-border-segment-active-9ah16u:#d1d5db;
@@ -1207,7 +1207,7 @@
   --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
-  --color-border-layout-1zovx9:#414d5c;
+  --color-border-layout-4mzh97:#414d5c;
   --color-border-panel-header-lf0q4c:#414d5c;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
@@ -1410,7 +1410,7 @@
   --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
-  --color-border-layout-1zovx9:#414d5c;
+  --color-border-layout-4mzh97:#414d5c;
   --color-border-panel-header-lf0q4c:#414d5c;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
@@ -1551,7 +1551,6 @@
   --color-border-dropdown-group-yakmix:#fbfbfb;
   --color-border-dropdown-item-default-k36ra7:#fbfbfb;
   --color-border-item-focused-b2ntyl:#fbfbfb;
-  --color-border-layout-1zovx9:#fbfbfb;
   --color-border-panel-header-lf0q4c:#fbfbfb;
   --color-text-body-default-at06ol:#fbfbfb;
   --color-text-button-normal-active-4it2mv:#ffffff;
@@ -1584,7 +1583,6 @@
   --color-border-dropdown-group-yakmix:#000716;
   --color-border-dropdown-item-default-k36ra7:#000716;
   --color-border-item-focused-b2ntyl:#000716;
-  --color-border-layout-1zovx9:#000716;
   --color-border-panel-header-lf0q4c:#000716;
   --color-text-button-normal-active-4it2mv:#000716;
   --color-text-button-normal-default-mo7k6u:#414d5c;
@@ -1614,7 +1612,6 @@
   --color-border-divider-panel-side-93n0qu:#414d5c;
   --color-border-dropdown-group-yakmix:#414d5c;
   --color-border-dropdown-item-default-k36ra7:#414d5c;
-  --color-border-layout-1zovx9:#414d5c;
   --color-border-panel-header-lf0q4c:#414d5c;
   --color-text-button-normal-active-4it2mv:#000716;
   --color-text-button-normal-default-mo7k6u:#414d5c;
@@ -1716,7 +1713,7 @@
   --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
-  --color-border-layout-1zovx9:#d1d5db;
+  --color-border-layout-4mzh97:#414d5c;
   --color-border-panel-header-lf0q4c:#d1d5db;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
@@ -1855,7 +1852,6 @@
     --color-border-dropdown-group-yakmix:#d1d5db;
     --color-border-dropdown-item-default-k36ra7:#d1d5db;
     --color-border-item-focused-b2ntyl:#fbfbfb;
-    --color-border-layout-1zovx9:#d1d5db;
     --color-border-panel-header-lf0q4c:#d1d5db;
     --color-text-button-normal-active-4it2mv:#ffffff;
     --color-text-button-normal-default-mo7k6u:#d1d5db;
@@ -1880,7 +1876,6 @@
     --color-border-dropdown-group-yakmix:#d1d5db;
     --color-border-dropdown-item-default-k36ra7:#d1d5db;
     --color-border-item-focused-b2ntyl:#fbfbfb;
-    --color-border-layout-1zovx9:#d1d5db;
     --color-border-panel-header-lf0q4c:#d1d5db;
     --color-text-button-normal-active-4it2mv:#ffffff;
     --color-text-button-normal-default-mo7k6u:#d1d5db;

package/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/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/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/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/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/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/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/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/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/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/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/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/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/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "44fec75ccfe56147b8365e2019d40507d25b9096"
+  "commit": "c55296282f2d82b0590c26fc0cfebdf2554000bc"
 }

package/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/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/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);

package/internal/plugins/api.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/internal/plugins/api.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BreadcrumbGroupProps } from '../../breadcrumb-group/interfaces';\nimport { ActionButtonsController, ActionsApiInternal, ActionsApiPublic } from './controllers/action-buttons';\nimport { AppLayoutWidgetApiInternal, AppLayoutWidgetController } from './controllers/app-layout-widget';\nimport { BreadcrumbsApiInternal, BreadcrumbsController } from './controllers/breadcrumbs';\nimport { DrawersApiInternal, DrawersApiPublic, DrawersController } from './controllers/drawers';\n\nconst storageKey = Symbol.for('awsui-plugin-api');\n\ninterface AwsuiApi {\n  awsuiPlugins: {\n    appLayout: DrawersApiPublic;\n    alert: ActionsApiPublic;\n    flashbar: ActionsApiPublic;\n  };\n  awsuiPluginsInternal: {\n    appLayout: DrawersApiInternal;\n    appLayoutWidget: AppLayoutWidgetApiInternal;\n    alert: ActionsApiInternal;\n    flashbar: ActionsApiInternal;\n    breadcrumbs: BreadcrumbsApiInternal<BreadcrumbGroupProps>;\n  };\n}\n\ninterface WindowWithApi extends Window {\n  [storageKey]: AwsuiApi;\n}\n\nfunction findUpApi(currentWindow: WindowWithApi): AwsuiApi | undefined {\n  try {\n    if (currentWindow?.[storageKey]) {\n      return currentWindow[storageKey];\n    }\n\n    if (!currentWindow || currentWindow.parent === currentWindow) {\n      // When the window has no more parents, it references itself\n      return undefined;\n    }\n\n    return findUpApi(currentWindow.parent as WindowWithApi);\n  } catch (ex) {\n    // Most likely a cross-origin access error\n    return undefined;\n  }\n}\n\nexport function loadApi() {\n  if (typeof window === 'undefined') {\n    return installApi({});\n  }\n  const win = window as unknown as WindowWithApi;\n  const existingApi = findUpApi(win);\n  win[storageKey] = installApi(existingApi ?? {});\n  return win[storageKey];\n}\n\nexport const { awsuiPlugins, awsuiPluginsInternal } = loadApi();\n\ntype DeepPartial<T> = T extends (...args: any) => any ? T : { [P in keyof T]?: DeepPartial<T[P]> };\n\nfunction installApi(api: DeepPartial<AwsuiApi>): AwsuiApi {\n  api.awsuiPlugins ??= {};\n  api.awsuiPluginsInternal ??= {};\n\n  const appLayoutDrawers = new DrawersController();\n  api.awsuiPlugins.appLayout = appLayoutDrawers.installPublic(api.awsuiPlugins.appLayout);\n  api.awsuiPluginsInternal.appLayout = appLayoutDrawers.installInternal(api.awsuiPluginsInternal.appLayout);\n\n  const appLayoutController = new AppLayoutWidgetController();\n  api.awsuiPluginsInternal.appLayoutWidget = appLayoutController.installInternal(\n    api.awsuiPluginsInternal.appLayoutWidget\n  );\n\n  const alertActions = new ActionButtonsController();\n  api.awsuiPlugins.alert = alertActions.installPublic(api.awsuiPlugins.alert);\n  api.awsuiPluginsInternal.alert = alertActions.installInternal(api.awsuiPluginsInternal.alert);\n\n  const flashbarActions = new ActionButtonsController();\n  api.awsuiPlugins.flashbar = flashbarActions.installPublic(api.awsuiPlugins.flashbar);\n  api.awsuiPluginsInternal.flashbar = flashbarActions.installInternal(api.awsuiPluginsInternal.flashbar);\n\n  const breadcrumbs = new BreadcrumbsController<BreadcrumbGroupProps>();\n  api.awsuiPluginsInternal.breadcrumbs = breadcrumbs.installInternal(api.awsuiPluginsInternal.breadcrumbs);\n\n  return api as AwsuiApi;\n}\n"]}
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/internal/plugins/api.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BreadcrumbGroupProps } from '../../breadcrumb-group/interfaces';\nimport { ActionButtonsController, ActionsApiInternal, ActionsApiPublic } from './controllers/action-buttons';\nimport {\n  AlertFlashContentApiInternal,\n  AlertFlashContentApiPublic,\n  AlertFlashContentController,\n} from './controllers/alert-flash-content';\nimport { AppLayoutWidgetApiInternal, AppLayoutWidgetController } from './controllers/app-layout-widget';\nimport { BreadcrumbsApiInternal, BreadcrumbsController } from './controllers/breadcrumbs';\nimport { DrawersApiInternal, DrawersApiPublic, DrawersController } from './controllers/drawers';\n\nconst storageKey = Symbol.for('awsui-plugin-api');\n\ninterface AwsuiApi {\n  awsuiPlugins: {\n    appLayout: DrawersApiPublic;\n    alert: ActionsApiPublic;\n    alertContent: AlertFlashContentApiPublic;\n    flashbar: ActionsApiPublic;\n    flashContent: AlertFlashContentApiPublic;\n  };\n  awsuiPluginsInternal: {\n    appLayout: DrawersApiInternal;\n    appLayoutWidget: AppLayoutWidgetApiInternal;\n    alert: ActionsApiInternal;\n    alertContent: AlertFlashContentApiInternal;\n    flashbar: ActionsApiInternal;\n    flashContent: AlertFlashContentApiInternal;\n    breadcrumbs: BreadcrumbsApiInternal<BreadcrumbGroupProps>;\n  };\n}\n\ninterface WindowWithApi extends Window {\n  [storageKey]: AwsuiApi;\n}\n\nfunction findUpApi(currentWindow: WindowWithApi): AwsuiApi | undefined {\n  try {\n    if (currentWindow?.[storageKey]) {\n      return currentWindow[storageKey];\n    }\n\n    if (!currentWindow || currentWindow.parent === currentWindow) {\n      // When the window has no more parents, it references itself\n      return undefined;\n    }\n\n    return findUpApi(currentWindow.parent as WindowWithApi);\n  } catch (ex) {\n    // Most likely a cross-origin access error\n    return undefined;\n  }\n}\n\nexport function loadApi() {\n  if (typeof window === 'undefined') {\n    return installApi({});\n  }\n  const win = window as unknown as WindowWithApi;\n  const existingApi = findUpApi(win);\n  win[storageKey] = installApi(existingApi ?? {});\n  return win[storageKey];\n}\n\nexport const { awsuiPlugins, awsuiPluginsInternal } = loadApi();\n\ntype DeepPartial<T> = T extends (...args: any) => any ? T : { [P in keyof T]?: DeepPartial<T[P]> };\n\nfunction installApi(api: DeepPartial<AwsuiApi>): AwsuiApi {\n  api.awsuiPlugins ??= {};\n  api.awsuiPluginsInternal ??= {};\n\n  const appLayoutDrawers = new DrawersController();\n  api.awsuiPlugins.appLayout = appLayoutDrawers.installPublic(api.awsuiPlugins.appLayout);\n  api.awsuiPluginsInternal.appLayout = appLayoutDrawers.installInternal(api.awsuiPluginsInternal.appLayout);\n\n  const appLayoutController = new AppLayoutWidgetController();\n  api.awsuiPluginsInternal.appLayoutWidget = appLayoutController.installInternal(\n    api.awsuiPluginsInternal.appLayoutWidget\n  );\n\n  const alertActions = new ActionButtonsController();\n  api.awsuiPlugins.alert = alertActions.installPublic(api.awsuiPlugins.alert);\n  api.awsuiPluginsInternal.alert = alertActions.installInternal(api.awsuiPluginsInternal.alert);\n\n  const alertContent = new AlertFlashContentController();\n  api.awsuiPlugins.alertContent = alertContent.installPublic(api.awsuiPlugins.alertContent);\n  api.awsuiPluginsInternal.alertContent = alertContent.installInternal(api.awsuiPluginsInternal.alertContent);\n\n  const flashContent = new AlertFlashContentController();\n  api.awsuiPlugins.flashContent = flashContent.installPublic(api.awsuiPlugins.flashContent);\n  api.awsuiPluginsInternal.flashContent = flashContent.installInternal(api.awsuiPluginsInternal.flashContent);\n\n  const flashbarActions = new ActionButtonsController();\n  api.awsuiPlugins.flashbar = flashbarActions.installPublic(api.awsuiPlugins.flashbar);\n  api.awsuiPluginsInternal.flashbar = flashbarActions.installInternal(api.awsuiPluginsInternal.flashbar);\n\n  const breadcrumbs = new BreadcrumbsController<BreadcrumbGroupProps>();\n  api.awsuiPluginsInternal.breadcrumbs = breadcrumbs.installInternal(api.awsuiPluginsInternal.breadcrumbs);\n\n  return api as AwsuiApi;\n}\n"]}