@cloudscape-design/components 3.0.606 → 3.0.608

package/internal/generated/custom-css-properties/index.js

@@ -1,50 +1,48 @@
 const customCSSPropertiesMap = {
-    breadcrumbsGap: '--awsui-breadcrumbs-gap-iof9y8',
-    contentGapLeft: '--awsui-content-gap-left-iof9y8',
-    contentGapRight: '--awsui-content-gap-right-iof9y8',
-    contentHeight: '--awsui-content-height-iof9y8',
-    containerFirstGap: '--awsui-container-first-gap-iof9y8',
-    containerFirstOverlapExtension: '--awsui-container-first-overlap-extension-iof9y8',
-    defaultMaxContentWidth: '--awsui-default-max-content-width-iof9y8',
-    defaultMinContentWidth: '--awsui-default-min-content-width-iof9y8',
-    drawerSize: '--awsui-drawer-size-iof9y8',
-    footerHeight: '--awsui-footer-height-iof9y8',
-    headerGap: '--awsui-header-gap-iof9y8',
-    headerHeight: '--awsui-header-height-iof9y8',
-    layoutWidth: '--awsui-layout-width-iof9y8',
-    mainGap: '--awsui-main-gap-iof9y8',
-    mainOffsetLeft: '--awsui-main-offset-left-iof9y8',
-    mainTemplateRows: '--awsui-main-template-rows-iof9y8',
-    maxContentWidth: '--awsui-max-content-width-iof9y8',
-    minContentWidth: '--awsui-min-content-width-iof9y8',
-    mobileBarHeight: '--awsui-mobile-bar-height-iof9y8',
-    notificationsGap: '--awsui-notifications-gap-iof9y8',
-    notificationsHeight: '--awsui-notifications-height-iof9y8',
-    offsetTop: '--awsui-offset-top-iof9y8',
-    offsetTopWithNotifications: '--awsui-offset-top-with-notifications-iof9y8',
-    overlapHeight: '--awsui-overlap-height-iof9y8',
-    navigationWidth: '--awsui-navigation-width-iof9y8',
-    splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-iof9y8',
-    splitPanelReportedSize: '--awsui-split-panel-reported-size-iof9y8',
-    splitPanelHeight: '--awsui-split-panel-height-iof9y8',
-    splitPanelMinWidth: '--awsui-split-panel-min-width-iof9y8',
-    splitPanelMaxWidth: '--awsui-split-panel-max-width-iof9y8',
-    toolsMaxWidth: '--awsui-tools-max-width-iof9y8',
-    toolsWidth: '--awsui-tools-width-iof9y8',
-    toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-iof9y8',
-    contentScrollMargin: '--awsui-content-scroll-margin-iof9y8',
-    flashbarStackDepth: '--awsui-flashbar-stack-depth-iof9y8',
-    flashbarStackIndex: '--awsui-flashbar-stack-index-iof9y8',
-    flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-iof9y8',
-    stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-iof9y8',
-    stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-iof9y8',
-    dropdownDefaultMaxWidth: '--awsui-dropdown-default-max-width-iof9y8',
-    spinnerRotatorFrom: '--awsui-spinner-rotator-from-iof9y8',
-    spinnerRotatorTo: '--awsui-spinner-rotator-to-iof9y8',
-    spinnerLineLeftFrom: '--awsui-spinner-line-left-from-iof9y8',
-    spinnerLineLeftTo: '--awsui-spinner-line-left-to-iof9y8',
-    spinnerLineRightFrom: '--awsui-spinner-line-right-from-iof9y8',
-    spinnerLineRightTo: '--awsui-spinner-line-right-to-iof9y8',
+    breadcrumbsGap: '--awsui-breadcrumbs-gap-lgosor',
+    contentGapLeft: '--awsui-content-gap-left-lgosor',
+    contentGapRight: '--awsui-content-gap-right-lgosor',
+    contentHeight: '--awsui-content-height-lgosor',
+    defaultMaxContentWidth: '--awsui-default-max-content-width-lgosor',
+    defaultMinContentWidth: '--awsui-default-min-content-width-lgosor',
+    drawerSize: '--awsui-drawer-size-lgosor',
+    footerHeight: '--awsui-footer-height-lgosor',
+    headerGap: '--awsui-header-gap-lgosor',
+    headerHeight: '--awsui-header-height-lgosor',
+    layoutWidth: '--awsui-layout-width-lgosor',
+    mainGap: '--awsui-main-gap-lgosor',
+    mainOffsetLeft: '--awsui-main-offset-left-lgosor',
+    mainTemplateRows: '--awsui-main-template-rows-lgosor',
+    maxContentWidth: '--awsui-max-content-width-lgosor',
+    minContentWidth: '--awsui-min-content-width-lgosor',
+    mobileBarHeight: '--awsui-mobile-bar-height-lgosor',
+    notificationsGap: '--awsui-notifications-gap-lgosor',
+    notificationsHeight: '--awsui-notifications-height-lgosor',
+    offsetTop: '--awsui-offset-top-lgosor',
+    offsetTopWithNotifications: '--awsui-offset-top-with-notifications-lgosor',
+    overlapHeight: '--awsui-overlap-height-lgosor',
+    navigationWidth: '--awsui-navigation-width-lgosor',
+    splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-lgosor',
+    splitPanelReportedSize: '--awsui-split-panel-reported-size-lgosor',
+    splitPanelHeight: '--awsui-split-panel-height-lgosor',
+    splitPanelMinWidth: '--awsui-split-panel-min-width-lgosor',
+    splitPanelMaxWidth: '--awsui-split-panel-max-width-lgosor',
+    toolsMaxWidth: '--awsui-tools-max-width-lgosor',
+    toolsWidth: '--awsui-tools-width-lgosor',
+    toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-lgosor',
+    contentScrollMargin: '--awsui-content-scroll-margin-lgosor',
+    flashbarStackDepth: '--awsui-flashbar-stack-depth-lgosor',
+    flashbarStackIndex: '--awsui-flashbar-stack-index-lgosor',
+    flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-lgosor',
+    stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-lgosor',
+    stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-lgosor',
+    dropdownDefaultMaxWidth: '--awsui-dropdown-default-max-width-lgosor',
+    spinnerRotatorFrom: '--awsui-spinner-rotator-from-lgosor',
+    spinnerRotatorTo: '--awsui-spinner-rotator-to-lgosor',
+    spinnerLineLeftFrom: '--awsui-spinner-line-left-from-lgosor',
+    spinnerLineLeftTo: '--awsui-spinner-line-left-to-lgosor',
+    spinnerLineRightFrom: '--awsui-spinner-line-right-from-lgosor',
+    spinnerLineRightTo: '--awsui-spinner-line-right-to-lgosor',
 };
 export default customCSSPropertiesMap;
 //# sourceMappingURL=index.js.map

package/internal/generated/custom-css-properties/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,MAAM,sBAAsB,GAA2B;IACrD,cAAc,EAAE,gCAAgC;IAChD,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,aAAa,EAAE,+BAA+B;IAC9C,iBAAiB,EAAE,oCAAoC;IACvD,8BAA8B,EAAE,kDAAkD;IAClF,sBAAsB,EAAE,0CAA0C;IAClE,sBAAsB,EAAE,0CAA0C;IAClE,UAAU,EAAE,4BAA4B;IACxC,YAAY,EAAE,8BAA8B;IAC5C,SAAS,EAAE,2BAA2B;IACtC,YAAY,EAAE,8BAA8B;IAC5C,WAAW,EAAE,6BAA6B;IAC1C,OAAO,EAAE,yBAAyB;IAClC,cAAc,EAAE,iCAAiC;IACjD,gBAAgB,EAAE,mCAAmC;IACrD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,gBAAgB,EAAE,kCAAkC;IACpD,mBAAmB,EAAE,qCAAqC;IAC1D,SAAS,EAAE,2BAA2B;IACtC,0BAA0B,EAAE,8CAA8C;IAC1E,aAAa,EAAE,+BAA+B;IAC9C,eAAe,EAAE,iCAAiC;IAClD,4BAA4B,EAAE,iDAAiD;IAC/E,sBAAsB,EAAE,0CAA0C;IAClE,gBAAgB,EAAE,mCAAmC;IACrD,kBAAkB,EAAE,sCAAsC;IAC1D,kBAAkB,EAAE,sCAAsC;IAC1D,aAAa,EAAE,gCAAgC;IAC/C,UAAU,EAAE,4BAA4B;IACxC,6BAA6B,EAAE,iDAAiD;IAChF,mBAAmB,EAAE,sCAAsC;IAC3D,kBAAkB,EAAE,qCAAqC;IACzD,kBAAkB,EAAE,qCAAqC;IACzD,0BAA0B,EAAE,8CAA8C;IAC1E,gCAAgC,EAAE,oDAAoD;IACtF,uCAAuC,EAAE,4DAA4D;IACrG,uBAAuB,EAAE,2CAA2C;IACpE,kBAAkB,EAAE,qCAAqC;IACzD,gBAAgB,EAAE,mCAAmC;IACrD,mBAAmB,EAAE,uCAAuC;IAC5D,iBAAiB,EAAE,qCAAqC;IACxD,oBAAoB,EAAE,wCAAwC;IAC9D,kBAAkB,EAAE,sCAAsC;CAC3D,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["const customCSSPropertiesMap: Record<string, string> = {\n  breadcrumbsGap: '--awsui-breadcrumbs-gap-iof9y8',\n  contentGapLeft: '--awsui-content-gap-left-iof9y8',\n  contentGapRight: '--awsui-content-gap-right-iof9y8',\n  contentHeight: '--awsui-content-height-iof9y8',\n  containerFirstGap: '--awsui-container-first-gap-iof9y8',\n  containerFirstOverlapExtension: '--awsui-container-first-overlap-extension-iof9y8',\n  defaultMaxContentWidth: '--awsui-default-max-content-width-iof9y8',\n  defaultMinContentWidth: '--awsui-default-min-content-width-iof9y8',\n  drawerSize: '--awsui-drawer-size-iof9y8',\n  footerHeight: '--awsui-footer-height-iof9y8',\n  headerGap: '--awsui-header-gap-iof9y8',\n  headerHeight: '--awsui-header-height-iof9y8',\n  layoutWidth: '--awsui-layout-width-iof9y8',\n  mainGap: '--awsui-main-gap-iof9y8',\n  mainOffsetLeft: '--awsui-main-offset-left-iof9y8',\n  mainTemplateRows: '--awsui-main-template-rows-iof9y8',\n  maxContentWidth: '--awsui-max-content-width-iof9y8',\n  minContentWidth: '--awsui-min-content-width-iof9y8',\n  mobileBarHeight: '--awsui-mobile-bar-height-iof9y8',\n  notificationsGap: '--awsui-notifications-gap-iof9y8',\n  notificationsHeight: '--awsui-notifications-height-iof9y8',\n  offsetTop: '--awsui-offset-top-iof9y8',\n  offsetTopWithNotifications: '--awsui-offset-top-with-notifications-iof9y8',\n  overlapHeight: '--awsui-overlap-height-iof9y8',\n  navigationWidth: '--awsui-navigation-width-iof9y8',\n  splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-iof9y8',\n  splitPanelReportedSize: '--awsui-split-panel-reported-size-iof9y8',\n  splitPanelHeight: '--awsui-split-panel-height-iof9y8',\n  splitPanelMinWidth: '--awsui-split-panel-min-width-iof9y8',\n  splitPanelMaxWidth: '--awsui-split-panel-max-width-iof9y8',\n  toolsMaxWidth: '--awsui-tools-max-width-iof9y8',\n  toolsWidth: '--awsui-tools-width-iof9y8',\n  toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-iof9y8',\n  contentScrollMargin: '--awsui-content-scroll-margin-iof9y8',\n  flashbarStackDepth: '--awsui-flashbar-stack-depth-iof9y8',\n  flashbarStackIndex: '--awsui-flashbar-stack-index-iof9y8',\n  flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-iof9y8',\n  stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-iof9y8',\n  stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-iof9y8',\n  dropdownDefaultMaxWidth: '--awsui-dropdown-default-max-width-iof9y8',\n  spinnerRotatorFrom: '--awsui-spinner-rotator-from-iof9y8',\n  spinnerRotatorTo: '--awsui-spinner-rotator-to-iof9y8',\n  spinnerLineLeftFrom: '--awsui-spinner-line-left-from-iof9y8',\n  spinnerLineLeftTo: '--awsui-spinner-line-left-to-iof9y8',\n  spinnerLineRightFrom: '--awsui-spinner-line-right-from-iof9y8',\n  spinnerLineRightTo: '--awsui-spinner-line-right-to-iof9y8',\n};\nexport default customCSSPropertiesMap;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,MAAM,sBAAsB,GAA2B;IACrD,cAAc,EAAE,gCAAgC;IAChD,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,aAAa,EAAE,+BAA+B;IAC9C,sBAAsB,EAAE,0CAA0C;IAClE,sBAAsB,EAAE,0CAA0C;IAClE,UAAU,EAAE,4BAA4B;IACxC,YAAY,EAAE,8BAA8B;IAC5C,SAAS,EAAE,2BAA2B;IACtC,YAAY,EAAE,8BAA8B;IAC5C,WAAW,EAAE,6BAA6B;IAC1C,OAAO,EAAE,yBAAyB;IAClC,cAAc,EAAE,iCAAiC;IACjD,gBAAgB,EAAE,mCAAmC;IACrD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,gBAAgB,EAAE,kCAAkC;IACpD,mBAAmB,EAAE,qCAAqC;IAC1D,SAAS,EAAE,2BAA2B;IACtC,0BAA0B,EAAE,8CAA8C;IAC1E,aAAa,EAAE,+BAA+B;IAC9C,eAAe,EAAE,iCAAiC;IAClD,4BAA4B,EAAE,iDAAiD;IAC/E,sBAAsB,EAAE,0CAA0C;IAClE,gBAAgB,EAAE,mCAAmC;IACrD,kBAAkB,EAAE,sCAAsC;IAC1D,kBAAkB,EAAE,sCAAsC;IAC1D,aAAa,EAAE,gCAAgC;IAC/C,UAAU,EAAE,4BAA4B;IACxC,6BAA6B,EAAE,iDAAiD;IAChF,mBAAmB,EAAE,sCAAsC;IAC3D,kBAAkB,EAAE,qCAAqC;IACzD,kBAAkB,EAAE,qCAAqC;IACzD,0BAA0B,EAAE,8CAA8C;IAC1E,gCAAgC,EAAE,oDAAoD;IACtF,uCAAuC,EAAE,4DAA4D;IACrG,uBAAuB,EAAE,2CAA2C;IACpE,kBAAkB,EAAE,qCAAqC;IACzD,gBAAgB,EAAE,mCAAmC;IACrD,mBAAmB,EAAE,uCAAuC;IAC5D,iBAAiB,EAAE,qCAAqC;IACxD,oBAAoB,EAAE,wCAAwC;IAC9D,kBAAkB,EAAE,sCAAsC;CAC3D,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["const customCSSPropertiesMap: Record<string, string> = {\n  breadcrumbsGap: '--awsui-breadcrumbs-gap-lgosor',\n  contentGapLeft: '--awsui-content-gap-left-lgosor',\n  contentGapRight: '--awsui-content-gap-right-lgosor',\n  contentHeight: '--awsui-content-height-lgosor',\n  defaultMaxContentWidth: '--awsui-default-max-content-width-lgosor',\n  defaultMinContentWidth: '--awsui-default-min-content-width-lgosor',\n  drawerSize: '--awsui-drawer-size-lgosor',\n  footerHeight: '--awsui-footer-height-lgosor',\n  headerGap: '--awsui-header-gap-lgosor',\n  headerHeight: '--awsui-header-height-lgosor',\n  layoutWidth: '--awsui-layout-width-lgosor',\n  mainGap: '--awsui-main-gap-lgosor',\n  mainOffsetLeft: '--awsui-main-offset-left-lgosor',\n  mainTemplateRows: '--awsui-main-template-rows-lgosor',\n  maxContentWidth: '--awsui-max-content-width-lgosor',\n  minContentWidth: '--awsui-min-content-width-lgosor',\n  mobileBarHeight: '--awsui-mobile-bar-height-lgosor',\n  notificationsGap: '--awsui-notifications-gap-lgosor',\n  notificationsHeight: '--awsui-notifications-height-lgosor',\n  offsetTop: '--awsui-offset-top-lgosor',\n  offsetTopWithNotifications: '--awsui-offset-top-with-notifications-lgosor',\n  overlapHeight: '--awsui-overlap-height-lgosor',\n  navigationWidth: '--awsui-navigation-width-lgosor',\n  splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-lgosor',\n  splitPanelReportedSize: '--awsui-split-panel-reported-size-lgosor',\n  splitPanelHeight: '--awsui-split-panel-height-lgosor',\n  splitPanelMinWidth: '--awsui-split-panel-min-width-lgosor',\n  splitPanelMaxWidth: '--awsui-split-panel-max-width-lgosor',\n  toolsMaxWidth: '--awsui-tools-max-width-lgosor',\n  toolsWidth: '--awsui-tools-width-lgosor',\n  toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-lgosor',\n  contentScrollMargin: '--awsui-content-scroll-margin-lgosor',\n  flashbarStackDepth: '--awsui-flashbar-stack-depth-lgosor',\n  flashbarStackIndex: '--awsui-flashbar-stack-index-lgosor',\n  flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-lgosor',\n  stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-lgosor',\n  stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-lgosor',\n  dropdownDefaultMaxWidth: '--awsui-dropdown-default-max-width-lgosor',\n  spinnerRotatorFrom: '--awsui-spinner-rotator-from-lgosor',\n  spinnerRotatorTo: '--awsui-spinner-rotator-to-lgosor',\n  spinnerLineLeftFrom: '--awsui-spinner-line-left-from-lgosor',\n  spinnerLineLeftTo: '--awsui-spinner-line-left-to-lgosor',\n  spinnerLineRightFrom: '--awsui-spinner-line-right-from-lgosor',\n  spinnerLineRightTo: '--awsui-spinner-line-right-to-lgosor',\n};\nexport default customCSSPropertiesMap;\n"]}

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "95f08236b52406f58767197b6185d8bda48e64cf"
+  "commit": "395d6a9a132d11ccfa111ec91b456e870872a1e8"
 }

package/package.json

@@ -116,7 +116,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.606",
+  "version": "3.0.608",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/popover/internal.js

@@ -88,7 +88,7 @@ function InternalPopover(_a, ref) {
     };
     const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);
     const referrerId = useUniqueId();
-    const popoverContent = (React.createElement("div", { "aria-live": dismissButton ? undefined : 'polite', "aria-atomic": dismissButton ? undefined : true, className: clsx(popoverClasses, styles['popover-content']), "data-awsui-referrer-id": referrerId }, visible && (React.createElement(PopoverContainer, { size: size, fixedWidth: fixedWidth, position: position, trackRef: triggerRef, arrow: position => React.createElement(Arrow, { position: position }), renderWithPortal: renderWithPortal, zIndex: renderWithPortal ? 7000 : undefined },
+    const popoverContent = (React.createElement("div", { "aria-live": dismissButton ? undefined : 'polite', "aria-atomic": dismissButton ? undefined : true, className: clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content']), "data-awsui-referrer-id": referrerId }, visible && (React.createElement(PopoverContainer, { size: size, fixedWidth: fixedWidth, position: position, trackRef: triggerRef, arrow: position => React.createElement(Arrow, { position: position }), renderWithPortal: renderWithPortal, zIndex: renderWithPortal ? 7000 : undefined },
         React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
             React.createElement(PopoverBody, { dismissButton: dismissButton, dismissAriaLabel: dismissAriaLabel, header: header, onDismiss: onDismiss, overflowVisible: "both" }, content))))));
     const mergedRef = useMergeRefs(popoverRef, __internalRootRef);

package/popover/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/internal.tsx"],"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 React, { useCallback, useEffect, useRef, useState, useImperativeHandle } from 'react';\nimport clsx from 'clsx';\n\nimport { KeyCode } from '../internal/keycode';\nimport { getBaseProps } from '../internal/base-component';\n\nimport Arrow from './arrow';\nimport Portal from '../internal/components/portal';\nimport { PopoverProps } from './interfaces';\nimport PopoverContainer from './container';\nimport PopoverBody from './body';\n\nimport styles from './styles.css.js';\nimport { NonCancelableEventHandler, fireNonCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { useInternalI18n } from '../i18n/context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\n\nexport interface InternalPopoverProps extends PopoverProps, InternalBaseComponentProps {\n  __onOpen?: NonCancelableEventHandler<null>;\n}\n\nexport interface InternalPopoverRef {\n  dismissPopover: () => void;\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n  {\n    position = 'right',\n    size = 'medium',\n    fixedWidth = false,\n    triggerType = 'text',\n    dismissButton = true,\n\n    children,\n    header,\n    content,\n    triggerAriaLabel,\n\n    renderWithPortal = false,\n\n    __onOpen,\n    __internalRootRef = null,\n    ...restProps\n  }: InternalPopoverProps,\n  ref: React.Ref<InternalPopoverRef>\n) {\n  const baseProps = getBaseProps(restProps);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const clickFrameId = useRef<number | null>(null);\n\n  const i18n = useInternalI18n('popover');\n  const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n  const [visible, setVisible] = useState(false);\n\n  const focusTrigger = useCallback(() => {\n    if (triggerType === 'text') {\n      triggerRef.current?.focus();\n    } else {\n      triggerRef.current && getFirstFocusable(triggerRef.current)?.focus();\n    }\n  }, [triggerType]);\n\n  const onTriggerClick = useCallback(() => {\n    fireNonCancelableEvent(__onOpen);\n    setVisible(true);\n  }, [__onOpen]);\n\n  const onDismiss = useCallback(() => {\n    setVisible(false);\n    focusTrigger();\n  }, [focusTrigger]);\n\n  const onTriggerKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      const isEscapeKey = event.keyCode === KeyCode.escape;\n      const isTabKey = event.keyCode === KeyCode.tab;\n      if (isEscapeKey && visible) {\n        event.stopPropagation();\n      }\n      if (isTabKey || isEscapeKey) {\n        setVisible(false);\n      }\n    },\n    [visible]\n  );\n\n  useImperativeHandle(ref, () => ({\n    dismissPopover: onDismiss,\n  }));\n\n  useEffect(() => {\n    if (!triggerRef.current) {\n      return;\n    }\n    const document = triggerRef.current.ownerDocument;\n\n    const onDocumentClick = () => {\n      // Dismiss popover unless there was a click inside within the last animation frame.\n      if (clickFrameId.current === null) {\n        setVisible(false);\n      }\n    };\n\n    // useCapture=false makes sure this listener is called after the one attached to the element.\n    // the options.capture notation is unsupported by IE.\n    document.addEventListener('mousedown', onDocumentClick, false);\n\n    return () => {\n      document.removeEventListener('mousedown', onDocumentClick, false);\n    };\n  }, []);\n\n  const popoverClasses = usePortalModeClasses(triggerRef);\n\n  const triggerProps = {\n    // https://github.com/microsoft/TypeScript/issues/36659\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ref: triggerRef as any,\n    onClick: onTriggerClick,\n    onKeyDown: onTriggerKeyDown,\n    className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`]),\n  };\n  const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);\n\n  const referrerId = useUniqueId();\n  const popoverContent = (\n    <div\n      aria-live={dismissButton ? undefined : 'polite'}\n      aria-atomic={dismissButton ? undefined : true}\n      className={clsx(popoverClasses, styles['popover-content'])}\n      data-awsui-referrer-id={referrerId}\n    >\n      {visible && (\n        <PopoverContainer\n          size={size}\n          fixedWidth={fixedWidth}\n          position={position}\n          trackRef={triggerRef}\n          arrow={position => <Arrow position={position} />}\n          renderWithPortal={renderWithPortal}\n          zIndex={renderWithPortal ? 7000 : undefined}\n        >\n          <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n            <PopoverBody\n              dismissButton={dismissButton}\n              dismissAriaLabel={dismissAriaLabel}\n              header={header}\n              onDismiss={onDismiss}\n              overflowVisible=\"both\"\n            >\n              {content}\n            </PopoverBody>\n          </LinkDefaultVariantContext.Provider>\n        </PopoverContainer>\n      )}\n    </div>\n  );\n\n  const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n  return (\n    <span\n      {...baseProps}\n      className={clsx(styles.root, baseProps.className)}\n      ref={mergedRef}\n      onMouseDown={() => {\n        // Indicate there was a click inside popover recently, including nested portals.\n        clickFrameId.current = requestAnimationFrame(() => {\n          clickFrameId.current = null;\n        });\n      }}\n    >\n      {triggerType === 'text' ? (\n        <button\n          {...triggerProps}\n          tabIndex={triggerTabIndex}\n          type=\"button\"\n          aria-haspopup=\"dialog\"\n          id={referrerId}\n          aria-label={triggerAriaLabel}\n        >\n          <span className={styles['trigger-inner-text']}>{children}</span>\n        </button>\n      ) : (\n        <span {...triggerProps} id={referrerId}>\n          {children}\n        </span>\n      )}\n      <ResetContextsForModal>\n        {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n      </ResetContextsForModal>\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/internal.tsx"],"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 React, { useCallback, useEffect, useRef, useState, useImperativeHandle } from 'react';\nimport clsx from 'clsx';\n\nimport { KeyCode } from '../internal/keycode';\nimport { getBaseProps } from '../internal/base-component';\n\nimport Arrow from './arrow';\nimport Portal from '../internal/components/portal';\nimport { PopoverProps } from './interfaces';\nimport PopoverContainer from './container';\nimport PopoverBody from './body';\n\nimport styles from './styles.css.js';\nimport { NonCancelableEventHandler, fireNonCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { useInternalI18n } from '../i18n/context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\n\nexport interface InternalPopoverProps extends PopoverProps, InternalBaseComponentProps {\n  __onOpen?: NonCancelableEventHandler<null>;\n}\n\nexport interface InternalPopoverRef {\n  dismissPopover: () => void;\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n  {\n    position = 'right',\n    size = 'medium',\n    fixedWidth = false,\n    triggerType = 'text',\n    dismissButton = true,\n\n    children,\n    header,\n    content,\n    triggerAriaLabel,\n\n    renderWithPortal = false,\n\n    __onOpen,\n    __internalRootRef = null,\n    ...restProps\n  }: InternalPopoverProps,\n  ref: React.Ref<InternalPopoverRef>\n) {\n  const baseProps = getBaseProps(restProps);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const clickFrameId = useRef<number | null>(null);\n\n  const i18n = useInternalI18n('popover');\n  const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n  const [visible, setVisible] = useState(false);\n\n  const focusTrigger = useCallback(() => {\n    if (triggerType === 'text') {\n      triggerRef.current?.focus();\n    } else {\n      triggerRef.current && getFirstFocusable(triggerRef.current)?.focus();\n    }\n  }, [triggerType]);\n\n  const onTriggerClick = useCallback(() => {\n    fireNonCancelableEvent(__onOpen);\n    setVisible(true);\n  }, [__onOpen]);\n\n  const onDismiss = useCallback(() => {\n    setVisible(false);\n    focusTrigger();\n  }, [focusTrigger]);\n\n  const onTriggerKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      const isEscapeKey = event.keyCode === KeyCode.escape;\n      const isTabKey = event.keyCode === KeyCode.tab;\n      if (isEscapeKey && visible) {\n        event.stopPropagation();\n      }\n      if (isTabKey || isEscapeKey) {\n        setVisible(false);\n      }\n    },\n    [visible]\n  );\n\n  useImperativeHandle(ref, () => ({\n    dismissPopover: onDismiss,\n  }));\n\n  useEffect(() => {\n    if (!triggerRef.current) {\n      return;\n    }\n    const document = triggerRef.current.ownerDocument;\n\n    const onDocumentClick = () => {\n      // Dismiss popover unless there was a click inside within the last animation frame.\n      if (clickFrameId.current === null) {\n        setVisible(false);\n      }\n    };\n\n    // useCapture=false makes sure this listener is called after the one attached to the element.\n    // the options.capture notation is unsupported by IE.\n    document.addEventListener('mousedown', onDocumentClick, false);\n\n    return () => {\n      document.removeEventListener('mousedown', onDocumentClick, false);\n    };\n  }, []);\n\n  const popoverClasses = usePortalModeClasses(triggerRef);\n\n  const triggerProps = {\n    // https://github.com/microsoft/TypeScript/issues/36659\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ref: triggerRef as any,\n    onClick: onTriggerClick,\n    onKeyDown: onTriggerKeyDown,\n    className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`]),\n  };\n  const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);\n\n  const referrerId = useUniqueId();\n\n  const popoverContent = (\n    <div\n      aria-live={dismissButton ? undefined : 'polite'}\n      aria-atomic={dismissButton ? undefined : true}\n      className={clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content'])}\n      data-awsui-referrer-id={referrerId}\n    >\n      {visible && (\n        <PopoverContainer\n          size={size}\n          fixedWidth={fixedWidth}\n          position={position}\n          trackRef={triggerRef}\n          arrow={position => <Arrow position={position} />}\n          renderWithPortal={renderWithPortal}\n          zIndex={renderWithPortal ? 7000 : undefined}\n        >\n          <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n            <PopoverBody\n              dismissButton={dismissButton}\n              dismissAriaLabel={dismissAriaLabel}\n              header={header}\n              onDismiss={onDismiss}\n              overflowVisible=\"both\"\n            >\n              {content}\n            </PopoverBody>\n          </LinkDefaultVariantContext.Provider>\n        </PopoverContainer>\n      )}\n    </div>\n  );\n\n  const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n  return (\n    <span\n      {...baseProps}\n      className={clsx(styles.root, baseProps.className)}\n      ref={mergedRef}\n      onMouseDown={() => {\n        // Indicate there was a click inside popover recently, including nested portals.\n        clickFrameId.current = requestAnimationFrame(() => {\n          clickFrameId.current = null;\n        });\n      }}\n    >\n      {triggerType === 'text' ? (\n        <button\n          {...triggerProps}\n          tabIndex={triggerTabIndex}\n          type=\"button\"\n          aria-haspopup=\"dialog\"\n          id={referrerId}\n          aria-label={triggerAriaLabel}\n        >\n          <span className={styles['trigger-inner-text']}>{children}</span>\n        </button>\n      ) : (\n        <span {...triggerProps} id={referrerId}>\n          {children}\n        </span>\n      )}\n      <ResetContextsForModal>\n        {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n      </ResetContextsForModal>\n    </span>\n  );\n}\n"]}

package/popover/styles.css.js

@@ -1,55 +1,55 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_xjuzf_ekpfy_197",
-  "arrow-outer": "awsui_arrow-outer_xjuzf_ekpfy_201",
-  "arrow-inner": "awsui_arrow-inner_xjuzf_ekpfy_201",
-  "refresh": "awsui_refresh_xjuzf_ekpfy_231",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_ekpfy_241",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_ekpfy_241",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_ekpfy_244",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_ekpfy_244",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_ekpfy_247",
-  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_ekpfy_247",
-  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_ekpfy_247",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_ekpfy_247",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_ekpfy_250",
-  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_ekpfy_250",
-  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_ekpfy_250",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_ekpfy_250",
-  "body": "awsui_body_xjuzf_ekpfy_352",
-  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_ekpfy_391",
-  "has-dismiss": "awsui_has-dismiss_xjuzf_ekpfy_395",
-  "dismiss": "awsui_dismiss_xjuzf_ekpfy_400",
-  "dismiss-control": "awsui_dismiss-control_xjuzf_ekpfy_408",
-  "header-row": "awsui_header-row_xjuzf_ekpfy_412",
-  "header": "awsui_header_xjuzf_ekpfy_412",
-  "content": "awsui_content_xjuzf_ekpfy_438",
-  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_ekpfy_446",
-  "container": "awsui_container_xjuzf_ekpfy_548",
-  "container-body": "awsui_container-body_xjuzf_ekpfy_556",
-  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_ekpfy_599",
-  "container-body-size-small": "awsui_container-body-size-small_xjuzf_ekpfy_604",
-  "fixed-width": "awsui_fixed-width_xjuzf_ekpfy_607",
-  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_ekpfy_611",
-  "container-body-size-large": "awsui_container-body-size-large_xjuzf_ekpfy_618",
-  "container-arrow": "awsui_container-arrow_xjuzf_ekpfy_630",
-  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_ekpfy_634",
-  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_ekpfy_634",
-  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_ekpfy_646",
-  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_ekpfy_646",
-  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_ekpfy_658",
-  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_ekpfy_658",
-  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_ekpfy_658",
-  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_ekpfy_658",
-  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_ekpfy_674",
-  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_ekpfy_678",
-  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_ekpfy_682",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_ekpfy_1",
-  "root": "awsui_root_xjuzf_ekpfy_828",
-  "trigger": "awsui_trigger_xjuzf_ekpfy_864",
-  "trigger-type-text": "awsui_trigger-type-text_xjuzf_ekpfy_871",
-  "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_ekpfy_906",
-  "popover-content": "awsui_popover-content_xjuzf_ekpfy_910"
+  "arrow": "awsui_arrow_xjuzf_1xq78_197",
+  "arrow-outer": "awsui_arrow-outer_xjuzf_1xq78_201",
+  "arrow-inner": "awsui_arrow-inner_xjuzf_1xq78_201",
+  "refresh": "awsui_refresh_xjuzf_1xq78_231",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1xq78_241",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1xq78_241",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1xq78_244",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1xq78_244",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1xq78_247",
+  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1xq78_247",
+  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1xq78_247",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1xq78_247",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1xq78_250",
+  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1xq78_250",
+  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1xq78_250",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1xq78_250",
+  "body": "awsui_body_xjuzf_1xq78_352",
+  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1xq78_391",
+  "has-dismiss": "awsui_has-dismiss_xjuzf_1xq78_395",
+  "dismiss": "awsui_dismiss_xjuzf_1xq78_400",
+  "dismiss-control": "awsui_dismiss-control_xjuzf_1xq78_408",
+  "header-row": "awsui_header-row_xjuzf_1xq78_412",
+  "header": "awsui_header_xjuzf_1xq78_412",
+  "content": "awsui_content_xjuzf_1xq78_438",
+  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1xq78_446",
+  "container": "awsui_container_xjuzf_1xq78_548",
+  "container-body": "awsui_container-body_xjuzf_1xq78_556",
+  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1xq78_599",
+  "container-body-size-small": "awsui_container-body-size-small_xjuzf_1xq78_604",
+  "fixed-width": "awsui_fixed-width_xjuzf_1xq78_607",
+  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1xq78_611",
+  "container-body-size-large": "awsui_container-body-size-large_xjuzf_1xq78_618",
+  "container-arrow": "awsui_container-arrow_xjuzf_1xq78_630",
+  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1xq78_634",
+  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1xq78_634",
+  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1xq78_646",
+  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1xq78_646",
+  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1xq78_658",
+  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1xq78_658",
+  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1xq78_658",
+  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1xq78_658",
+  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1xq78_674",
+  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1xq78_678",
+  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1xq78_682",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1xq78_1",
+  "root": "awsui_root_xjuzf_1xq78_828",
+  "trigger": "awsui_trigger_xjuzf_1xq78_864",
+  "trigger-type-text": "awsui_trigger-type-text_xjuzf_1xq78_871",
+  "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_1xq78_906",
+  "popover-inline-content": "awsui_popover-inline-content_xjuzf_1xq78_910"
 };