@cloudscape-design/components-themeable 3.0.1087 → 3.0.1089

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

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_4c84z_1uxmb_145",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1uxmb_212",
-  "variant-primary": "awsui_variant-primary_4c84z_1uxmb_247",
-  "variant-info": "awsui_variant-info_4c84z_1uxmb_280",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1uxmb_315",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1uxmb_347",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1uxmb_382",
-  "button": "awsui_button_4c84z_1uxmb_415",
-  "color-inverted": "awsui_color-inverted_4c84z_1uxmb_450",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1uxmb_471",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1uxmb_478",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1uxmb_484",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1uxmb_490",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1uxmb_497",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1uxmb_504",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1uxmb_511",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1uxmb_518",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1uxmb_525",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1uxmb_533",
-  "icon": "awsui_icon_4c84z_1uxmb_533"
+  "link": "awsui_link_4c84z_3rgz3_145",
+  "variant-secondary": "awsui_variant-secondary_4c84z_3rgz3_212",
+  "variant-primary": "awsui_variant-primary_4c84z_3rgz3_247",
+  "variant-info": "awsui_variant-info_4c84z_3rgz3_280",
+  "variant-value-large": "awsui_variant-value-large_4c84z_3rgz3_315",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_3rgz3_347",
+  "variant-recovery": "awsui_variant-recovery_4c84z_3rgz3_382",
+  "button": "awsui_button_4c84z_3rgz3_415",
+  "color-inverted": "awsui_color-inverted_4c84z_3rgz3_450",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_3rgz3_471",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_3rgz3_478",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_3rgz3_484",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_3rgz3_490",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_3rgz3_497",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_3rgz3_504",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_3rgz3_511",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_3rgz3_518",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_3rgz3_525",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_3rgz3_533",
+  "icon": "awsui_icon_4c84z_3rgz3_533"
 };
   

package/lib/internal/template/popover/internal.js

@@ -4,12 +4,12 @@ import { __rest } from "tslib";
 import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import clsx from 'clsx';
 import { Portal, useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';
+import { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';
 import { useInternalI18n } from '../i18n/context';
 import { getBaseProps } from '../internal/base-component';
 import { getFirstFocusable } from '../internal/components/focus-lock/utils';
 import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
 import ResetContextsForModal from '../internal/context/reset-contexts-for-modal';
-import { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';
 import { fireNonCancelableEvent } from '../internal/events/index';
 import { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';
 import { KeyCode } from '../internal/keycode';

package/lib/internal/template/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, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { Portal, useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\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';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { KeyCode } from '../internal/keycode';\nimport Arrow from './arrow';\nimport PopoverBody from './body';\nimport ConditionalLiveRegion from './conditional-live-region';\nimport PopoverContainer from './container';\nimport { PopoverProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' | 'size'>, InternalBaseComponentProps {\n  __onOpen?: NonCancelableEventHandler<null>;\n  triggerType?: PopoverProps.TriggerType | 'filtering-token';\n  size: PopoverProps.Size | 'content';\n  __closeAnalyticsAction?: string;\n  isInline?: boolean;\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    wrapTriggerText = true,\n    isInline = false,\n    renderWithPortal = false,\n\n    __onOpen,\n    __internalRootRef,\n    __closeAnalyticsAction,\n\n    ...restProps\n  }: InternalPopoverProps,\n  ref: React.Ref<PopoverProps.Ref>\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 (['text', 'text-inline'].includes(triggerType)) {\n      triggerRef.current?.focus();\n    } else if (triggerRef.current) {\n      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    dismiss: () => {\n      setVisible(false);\n    },\n    focus: () => {\n      setVisible(false);\n      focusTrigger();\n    },\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    document.addEventListener('mousedown', onDocumentClick);\n\n    return () => {\n      document.removeEventListener('mousedown', onDocumentClick);\n    };\n  }, []);\n\n  const popoverClasses = usePortalModeClasses(triggerRef);\n\n  const triggerProps = {\n    // https://github.com/microsoft/TypeScript/issues/36659\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      className={clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content'])}\n      data-awsui-referrer-id={referrerId}\n    >\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            closeAnalyticsAction={__closeAnalyticsAction}\n          >\n            <ConditionalLiveRegion condition={!dismissButton}>{content}</ConditionalLiveRegion>\n          </PopoverBody>\n        </LinkDefaultVariantContext.Provider>\n      </PopoverContainer>\n    </div>\n  );\n\n  const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n  return (\n    <span\n      {...baseProps}\n      className={clsx(\n        styles.root,\n        baseProps.className,\n        triggerType === 'filtering-token' && styles['root-filtering-token'],\n        isInline && styles['no-wrap']\n      )}\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      {['text', 'text-inline'].includes(triggerType) ? (\n        <button\n          {...triggerProps}\n          className={clsx(triggerProps.className, wrapTriggerText === false && styles['overflow-ellipsis'])}\n          tabIndex={triggerTabIndex}\n          type=\"button\"\n          aria-haspopup=\"dialog\"\n          id={referrerId}\n          aria-label={triggerAriaLabel}\n        >\n          {children}\n        </button>\n      ) : (\n        <span {...triggerProps} id={referrerId}>\n          {children}\n        </span>\n      )}\n      {visible && (\n        <ResetContextsForModal>\n          {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n        </ResetContextsForModal>\n      )}\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAClG,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAE3F,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAC7F,OAAO,qBAAqB,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,sBAAsB,EAA6B,MAAM,0BAA0B,CAAC;AAE7F,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,WAAW,MAAM,QAAQ,CAAC;AACjC,OAAO,qBAAqB,MAAM,2BAA2B,CAAC;AAC9D,OAAO,gBAAgB,MAAM,aAAa,CAAC;AAG3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC,eAAe,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;AAEjD,SAAS,eAAe,CACtB,EAqBuB,EACvB,GAAgC;QAtBhC,EACE,QAAQ,GAAG,OAAO,EAClB,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,MAAM,EACpB,aAAa,GAAG,IAAI,EAEpB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,gBAAgB,EAEhB,eAAe,GAAG,IAAI,EACtB,QAAQ,GAAG,KAAK,EAChB,gBAAgB,GAAG,KAAK,EAExB,QAAQ,EACR,iBAAiB,EACjB,sBAAsB,OAGD,EADlB,SAAS,cApBd,qOAqBC,CADa;IAId,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEjD,MAAM,IAAI,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IACxC,MAAM,gBAAgB,GAAG,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAE9E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;;QACpC,IAAI,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YACjD,MAAA,UAAU,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;SAC7B;aAAM,IAAI,UAAU,CAAC,OAAO,EAAE;YAC7B,MAAA,iBAAiB,CAAC,UAAU,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAC;SAChD;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;QACjC,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,YAAY,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,KAA0B,EAAE,EAAE;QAC7B,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC;QACrD,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC;QAC/C,IAAI,WAAW,IAAI,OAAO,EAAE;YAC1B,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;QACD,IAAI,QAAQ,IAAI,WAAW,EAAE;YAC3B,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,OAAO,EAAE,GAAG,EAAE;YACZ,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,YAAY,EAAE,CAAC;QACjB,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACvB,OAAO;SACR;QACD,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC;QAElD,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,mFAAmF;YACnF,IAAI,YAAY,CAAC,OAAO,KAAK,IAAI,EAAE;gBACjC,UAAU,CAAC,KAAK,CAAC,CAAC;aACnB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QAExD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAExD,MAAM,YAAY,GAAG;QACnB,uDAAuD;QACvD,GAAG,EAAE,UAAiB;QACtB,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,gBAAgB;QAC3B,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,gBAAgB,WAAW,EAAE,CAAC,CAAC;KACvE,CAAC;IACF,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,0BAA0B,CAAC,UAAU,CAAC,CAAC;IAE7E,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC;IAEjC,MAAM,cAAc,GAAG,CACrB,6BACE,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,gBAAgB,IAAI,MAAM,CAAC,wBAAwB,CAAC,CAAC,4BAC9D,UAAU;QAElC,oBAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAChD,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;YAE3C,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE;gBACtE,oBAAC,WAAW,IACV,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,eAAe,EAAC,MAAM,EACtB,oBAAoB,EAAE,sBAAsB;oBAE5C,oBAAC,qBAAqB,IAAC,SAAS,EAAE,CAAC,aAAa,IAAG,OAAO,CAAyB,CACvE,CACqB,CACpB,CACf,CACP,CAAC;IAEF,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;IAE9D,OAAO,CACL,8CACM,SAAS,IACb,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,SAAS,CAAC,SAAS,EACnB,WAAW,KAAK,iBAAiB,IAAI,MAAM,CAAC,sBAAsB,CAAC,EACnE,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,CAC9B,EACD,GAAG,EAAE,SAAS,EACd,WAAW,EAAE,GAAG,EAAE;YAChB,gFAAgF;YAChF,YAAY,CAAC,OAAO,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBAChD,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;YAC9B,CAAC,CAAC,CAAC;QACL,CAAC;QAEA,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAC/C,gDACM,YAAY,IAChB,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,eAAe,KAAK,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAAC,EACjG,QAAQ,EAAE,eAAe,EACzB,IAAI,EAAC,QAAQ,mBACC,QAAQ,EACtB,EAAE,EAAE,UAAU,gBACF,gBAAgB,KAE3B,QAAQ,CACF,CACV,CAAC,CAAC,CAAC,CACF,8CAAU,YAAY,IAAE,EAAE,EAAE,UAAU,KACnC,QAAQ,CACJ,CACR;QACA,OAAO,IAAI,CACV,oBAAC,qBAAqB,QACnB,gBAAgB,CAAC,CAAC,CAAC,oBAAC,MAAM,QAAE,cAAc,CAAU,CAAC,CAAC,CAAC,cAAc,CAChD,CACzB,CACI,CACR,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { Portal, useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\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 { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { KeyCode } from '../internal/keycode';\nimport Arrow from './arrow';\nimport PopoverBody from './body';\nimport ConditionalLiveRegion from './conditional-live-region';\nimport PopoverContainer from './container';\nimport { PopoverProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' | 'size'>, InternalBaseComponentProps {\n  __onOpen?: NonCancelableEventHandler<null>;\n  triggerType?: PopoverProps.TriggerType | 'filtering-token';\n  size: PopoverProps.Size | 'content';\n  __closeAnalyticsAction?: string;\n  isInline?: boolean;\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    wrapTriggerText = true,\n    isInline = false,\n    renderWithPortal = false,\n\n    __onOpen,\n    __internalRootRef,\n    __closeAnalyticsAction,\n\n    ...restProps\n  }: InternalPopoverProps,\n  ref: React.Ref<PopoverProps.Ref>\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 (['text', 'text-inline'].includes(triggerType)) {\n      triggerRef.current?.focus();\n    } else if (triggerRef.current) {\n      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    dismiss: () => {\n      setVisible(false);\n    },\n    focus: () => {\n      setVisible(false);\n      focusTrigger();\n    },\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    document.addEventListener('mousedown', onDocumentClick);\n\n    return () => {\n      document.removeEventListener('mousedown', onDocumentClick);\n    };\n  }, []);\n\n  const popoverClasses = usePortalModeClasses(triggerRef);\n\n  const triggerProps = {\n    // https://github.com/microsoft/TypeScript/issues/36659\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      className={clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content'])}\n      data-awsui-referrer-id={referrerId}\n    >\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            closeAnalyticsAction={__closeAnalyticsAction}\n          >\n            <ConditionalLiveRegion condition={!dismissButton}>{content}</ConditionalLiveRegion>\n          </PopoverBody>\n        </LinkDefaultVariantContext.Provider>\n      </PopoverContainer>\n    </div>\n  );\n\n  const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n  return (\n    <span\n      {...baseProps}\n      className={clsx(\n        styles.root,\n        baseProps.className,\n        triggerType === 'filtering-token' && styles['root-filtering-token'],\n        isInline && styles['no-wrap']\n      )}\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      {['text', 'text-inline'].includes(triggerType) ? (\n        <button\n          {...triggerProps}\n          className={clsx(triggerProps.className, wrapTriggerText === false && styles['overflow-ellipsis'])}\n          tabIndex={triggerTabIndex}\n          type=\"button\"\n          aria-haspopup=\"dialog\"\n          id={referrerId}\n          aria-label={triggerAriaLabel}\n        >\n          {children}\n        </button>\n      ) : (\n        <span {...triggerProps} id={referrerId}>\n          {children}\n        </span>\n      )}\n      {visible && (\n        <ResetContextsForModal>\n          {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n        </ResetContextsForModal>\n      )}\n    </span>\n  );\n}\n"]}

package/lib/internal/template/prompt-input/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_55fkh_13pzz_146",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_13pzz_185",
-  "disabled": "awsui_disabled_55fkh_13pzz_190",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_13pzz_198",
-  "textarea-warning": "awsui_textarea-warning_55fkh_13pzz_223",
-  "textarea": "awsui_textarea_55fkh_13pzz_185",
-  "invalid": "awsui_invalid_55fkh_13pzz_323",
-  "warning": "awsui_warning_55fkh_13pzz_323",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_13pzz_342",
-  "primary-action": "awsui_primary-action_55fkh_13pzz_346",
-  "action-button": "awsui_action-button_55fkh_13pzz_354",
-  "secondary-content": "awsui_secondary-content_55fkh_13pzz_359",
-  "with-paddings": "awsui_with-paddings_55fkh_13pzz_394",
-  "action-stripe": "awsui_action-stripe_55fkh_13pzz_404",
-  "secondary-actions": "awsui_secondary-actions_55fkh_13pzz_443",
-  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_13pzz_460",
-  "buffer": "awsui_buffer_55fkh_13pzz_464"
+  "root": "awsui_root_55fkh_x0s4q_146",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_x0s4q_185",
+  "disabled": "awsui_disabled_55fkh_x0s4q_190",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_x0s4q_198",
+  "textarea-warning": "awsui_textarea-warning_55fkh_x0s4q_223",
+  "textarea": "awsui_textarea_55fkh_x0s4q_185",
+  "invalid": "awsui_invalid_55fkh_x0s4q_319",
+  "warning": "awsui_warning_55fkh_x0s4q_319",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_x0s4q_335",
+  "primary-action": "awsui_primary-action_55fkh_x0s4q_339",
+  "action-button": "awsui_action-button_55fkh_x0s4q_347",
+  "secondary-content": "awsui_secondary-content_55fkh_x0s4q_352",
+  "with-paddings": "awsui_with-paddings_55fkh_x0s4q_387",
+  "action-stripe": "awsui_action-stripe_55fkh_x0s4q_397",
+  "secondary-actions": "awsui_secondary-actions_55fkh_x0s4q_436",
+  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_x0s4q_453",
+  "buffer": "awsui_buffer_55fkh_x0s4q_457"
 };
   

package/lib/internal/template/prompt-input/styles.scoped.css

@@ -143,7 +143,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_55fkh_13pzz_146:not(#\9) {
+.awsui_root_55fkh_x0s4q_146:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -182,12 +182,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-default-txli8y, #687078);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-default-txli8y, #687078);
 }
-.awsui_root_55fkh_13pzz_146.awsui_textarea-readonly_55fkh_13pzz_185:not(#\9) {
+.awsui_root_55fkh_x0s4q_146.awsui_textarea-readonly_55fkh_x0s4q_185:not(#\9) {
   background-color: var(--color-background-input-default-1z2buq, #ffffff);
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
 }
-.awsui_root_55fkh_13pzz_146.awsui_disabled_55fkh_13pzz_190:not(#\9) {
+.awsui_root_55fkh_x0s4q_146.awsui_disabled_55fkh_x0s4q_190:not(#\9) {
   background-color: var(--color-background-input-disabled-4vlau3, #eaeded);
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
@@ -195,57 +195,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: auto;
   cursor: default;
 }
-.awsui_root_55fkh_13pzz_146.awsui_textarea-invalid_55fkh_13pzz_198:not(#\9) {
+.awsui_root_55fkh_x0s4q_146.awsui_textarea-invalid_55fkh_x0s4q_198:not(#\9) {
   color: var(--color-text-status-error-aknuvu, #d13212);
   border-color: var(--color-text-status-error-aknuvu, #d13212);
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_root_55fkh_13pzz_146.awsui_textarea-invalid_55fkh_13pzz_198:not(#\9):focus {
+.awsui_root_55fkh_x0s4q_146.awsui_textarea-invalid_55fkh_x0s4q_198:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_root_55fkh_13pzz_146.awsui_textarea-invalid_55fkh_13pzz_198:not(#\9) {
+.awsui_root_55fkh_x0s4q_146.awsui_textarea-invalid_55fkh_x0s4q_198:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_root_55fkh_13pzz_146.awsui_textarea-invalid_55fkh_13pzz_198:not(#\9):focus-within, .awsui_root_55fkh_13pzz_146.awsui_textarea-invalid_55fkh_13pzz_198:not(#\9):focus {
+.awsui_root_55fkh_x0s4q_146.awsui_textarea-invalid_55fkh_x0s4q_198:not(#\9):focus-within, .awsui_root_55fkh_x0s4q_146.awsui_textarea-invalid_55fkh_x0s4q_198:not(#\9):focus {
   color: var(--color-text-status-error-aknuvu, #d13212);
   border-color: var(--color-text-status-error-aknuvu, #d13212);
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_root_55fkh_13pzz_146.awsui_textarea-invalid_55fkh_13pzz_198:not(#\9):focus-within:focus, .awsui_root_55fkh_13pzz_146.awsui_textarea-invalid_55fkh_13pzz_198:not(#\9):focus:focus {
+.awsui_root_55fkh_x0s4q_146.awsui_textarea-invalid_55fkh_x0s4q_198:not(#\9):focus-within:focus, .awsui_root_55fkh_x0s4q_146.awsui_textarea-invalid_55fkh_x0s4q_198:not(#\9):focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_root_55fkh_13pzz_146.awsui_textarea-invalid_55fkh_13pzz_198:not(#\9):focus-within, .awsui_root_55fkh_13pzz_146.awsui_textarea-invalid_55fkh_13pzz_198:not(#\9):focus {
+.awsui_root_55fkh_x0s4q_146.awsui_textarea-invalid_55fkh_x0s4q_198:not(#\9):focus-within, .awsui_root_55fkh_x0s4q_146.awsui_textarea-invalid_55fkh_x0s4q_198:not(#\9):focus {
   padding-inline-start: 0;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_root_55fkh_13pzz_146.awsui_textarea-warning_55fkh_13pzz_223:not(#\9) {
+.awsui_root_55fkh_x0s4q_146.awsui_textarea-warning_55fkh_x0s4q_223:not(#\9) {
   color: var(--color-text-status-warning-9b45qh, #906806);
   border-color: var(--color-text-status-warning-9b45qh, #906806);
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_root_55fkh_13pzz_146.awsui_textarea-warning_55fkh_13pzz_223:not(#\9):focus {
+.awsui_root_55fkh_x0s4q_146.awsui_textarea-warning_55fkh_x0s4q_223:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_root_55fkh_13pzz_146.awsui_textarea-warning_55fkh_13pzz_223:not(#\9) {
+.awsui_root_55fkh_x0s4q_146.awsui_textarea-warning_55fkh_x0s4q_223:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_root_55fkh_13pzz_146.awsui_textarea-warning_55fkh_13pzz_223:not(#\9):focus-within, .awsui_root_55fkh_13pzz_146.awsui_textarea-warning_55fkh_13pzz_223:not(#\9):focus {
+.awsui_root_55fkh_x0s4q_146.awsui_textarea-warning_55fkh_x0s4q_223:not(#\9):focus-within, .awsui_root_55fkh_x0s4q_146.awsui_textarea-warning_55fkh_x0s4q_223:not(#\9):focus {
   color: var(--color-text-status-warning-9b45qh, #906806);
   border-color: var(--color-text-status-warning-9b45qh, #906806);
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_root_55fkh_13pzz_146.awsui_textarea-warning_55fkh_13pzz_223:not(#\9):focus-within:focus, .awsui_root_55fkh_13pzz_146.awsui_textarea-warning_55fkh_13pzz_223:not(#\9):focus:focus {
+.awsui_root_55fkh_x0s4q_146.awsui_textarea-warning_55fkh_x0s4q_223:not(#\9):focus-within:focus, .awsui_root_55fkh_x0s4q_146.awsui_textarea-warning_55fkh_x0s4q_223:not(#\9):focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_root_55fkh_13pzz_146.awsui_textarea-warning_55fkh_13pzz_223:not(#\9):focus-within, .awsui_root_55fkh_13pzz_146.awsui_textarea-warning_55fkh_13pzz_223:not(#\9):focus {
+.awsui_root_55fkh_x0s4q_146.awsui_textarea-warning_55fkh_x0s4q_223:not(#\9):focus-within, .awsui_root_55fkh_x0s4q_146.awsui_textarea-warning_55fkh_x0s4q_223:not(#\9):focus {
   padding-inline-start: 0;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_root_55fkh_13pzz_146:not(#\9):focus-within, .awsui_root_55fkh_13pzz_146:not(#\9):focus {
+.awsui_root_55fkh_x0s4q_146:not(#\9):focus-within, .awsui_root_55fkh_x0s4q_146:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
@@ -256,7 +256,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
 
-.awsui_textarea_55fkh_13pzz_185:not(#\9) {
+.awsui_textarea_55fkh_x0s4q_185:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -305,25 +305,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   border: 0;
 }
-.awsui_textarea_55fkh_13pzz_185:not(#\9)::placeholder {
+.awsui_textarea_55fkh_x0s4q_185:not(#\9)::placeholder {
   color: var(--color-text-input-placeholder-hvcry0, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_textarea_55fkh_13pzz_185:not(#\9):-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-hvcry0, #687078);
-  font-style: italic;
-}
-.awsui_textarea_55fkh_13pzz_185:not(#\9):focus {
+.awsui_textarea_55fkh_x0s4q_185:not(#\9):focus {
   outline: none;
 }
-.awsui_textarea_55fkh_13pzz_185:not(#\9):invalid {
+.awsui_textarea_55fkh_x0s4q_185:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_55fkh_13pzz_185.awsui_invalid_55fkh_13pzz_323:not(#\9), .awsui_textarea_55fkh_13pzz_185.awsui_warning_55fkh_13pzz_323:not(#\9) {
+.awsui_textarea_55fkh_x0s4q_185.awsui_invalid_55fkh_x0s4q_319:not(#\9), .awsui_textarea_55fkh_x0s4q_185.awsui_warning_55fkh_x0s4q_319:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
 }
-.awsui_textarea_55fkh_13pzz_185:not(#\9):disabled {
+.awsui_textarea_55fkh_x0s4q_185:not(#\9):disabled {
   background-color: var(--color-background-input-disabled-4vlau3, #eaeded);
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
@@ -332,31 +328,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border: 0;
   cursor: default;
 }
-.awsui_textarea_55fkh_13pzz_185:not(#\9):disabled::placeholder {
+.awsui_textarea_55fkh_x0s4q_185:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
   opacity: 1;
 }
-.awsui_textarea_55fkh_13pzz_185:not(#\9):disabled:-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
-}
-.awsui_textarea-wrapper_55fkh_13pzz_342:not(#\9) {
+.awsui_textarea-wrapper_55fkh_x0s4q_335:not(#\9) {
   display: flex;
 }
 
-.awsui_primary-action_55fkh_13pzz_346:not(#\9) {
+.awsui_primary-action_55fkh_x0s4q_339:not(#\9) {
   align-self: flex-end;
   flex-shrink: 0;
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) / 2);
 }
-.awsui_textarea-wrapper_55fkh_13pzz_342 > .awsui_primary-action_55fkh_13pzz_346:not(#\9) {
+.awsui_textarea-wrapper_55fkh_x0s4q_335 > .awsui_primary-action_55fkh_x0s4q_339:not(#\9) {
   padding-inline-end: calc(var(--space-field-horizontal-n5peob, 8px) / 2);
 }
-.awsui_textarea-wrapper_55fkh_13pzz_342 > .awsui_primary-action_55fkh_13pzz_346 > .awsui_action-button_55fkh_13pzz_354:not(#\9) {
+.awsui_textarea-wrapper_55fkh_x0s4q_335 > .awsui_primary-action_55fkh_x0s4q_339 > .awsui_action-button_55fkh_x0s4q_347:not(#\9) {
   margin-block-end: var(--space-scaled-xxxs-prgw5k, 2px);
   padding: 0;
 }
 
-.awsui_secondary-content_55fkh_13pzz_359:not(#\9) {
+.awsui_secondary-content_55fkh_x0s4q_352:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -391,17 +384,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
 }
-.awsui_secondary-content_55fkh_13pzz_359.awsui_with-paddings_55fkh_13pzz_394:not(#\9) {
+.awsui_secondary-content_55fkh_x0s4q_352.awsui_with-paddings_55fkh_x0s4q_387:not(#\9) {
   padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
   padding-block-end: var(--space-scaled-s-gjhvjd, 12px);
   padding-inline-start: var(--space-field-horizontal-n5peob, 8px);
   padding-inline-end: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_secondary-content_55fkh_13pzz_359.awsui_with-paddings_55fkh_13pzz_394.awsui_invalid_55fkh_13pzz_323:not(#\9), .awsui_secondary-content_55fkh_13pzz_359.awsui_with-paddings_55fkh_13pzz_394.awsui_warning_55fkh_13pzz_323:not(#\9) {
+.awsui_secondary-content_55fkh_x0s4q_352.awsui_with-paddings_55fkh_x0s4q_387.awsui_invalid_55fkh_x0s4q_319:not(#\9), .awsui_secondary-content_55fkh_x0s4q_352.awsui_with-paddings_55fkh_x0s4q_387.awsui_warning_55fkh_x0s4q_319:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
 }
 
-.awsui_action-stripe_55fkh_13pzz_404:not(#\9) {
+.awsui_action-stripe_55fkh_x0s4q_397:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -440,7 +433,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: flex-end;
 }
 
-.awsui_secondary-actions_55fkh_13pzz_443:not(#\9) {
+.awsui_secondary-actions_55fkh_x0s4q_436:not(#\9) {
   flex-basis: max-content;
   flex-grow: 0;
   flex-shrink: 1;
@@ -449,19 +442,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-inline-size: 100%;
   overflow: hidden;
 }
-.awsui_secondary-actions_55fkh_13pzz_443.awsui_with-paddings_55fkh_13pzz_394:not(#\9) {
+.awsui_secondary-actions_55fkh_x0s4q_436.awsui_with-paddings_55fkh_x0s4q_387:not(#\9) {
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
   padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
   padding-block-end: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_secondary-actions_55fkh_13pzz_443.awsui_with-paddings_55fkh_13pzz_394.awsui_invalid_55fkh_13pzz_323:not(#\9), .awsui_secondary-actions_55fkh_13pzz_443.awsui_with-paddings_55fkh_13pzz_394.awsui_warning_55fkh_13pzz_323:not(#\9) {
+.awsui_secondary-actions_55fkh_x0s4q_436.awsui_with-paddings_55fkh_x0s4q_387.awsui_invalid_55fkh_x0s4q_319:not(#\9), .awsui_secondary-actions_55fkh_x0s4q_436.awsui_with-paddings_55fkh_x0s4q_387.awsui_warning_55fkh_x0s4q_319:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
 }
-.awsui_secondary-actions_55fkh_13pzz_443.awsui_with-paddings-and-actions_55fkh_13pzz_460:not(#\9) {
+.awsui_secondary-actions_55fkh_x0s4q_436.awsui_with-paddings-and-actions_55fkh_x0s4q_453:not(#\9) {
   padding-inline-end: 0;
 }
 
-.awsui_buffer_55fkh_13pzz_464:not(#\9) {
+.awsui_buffer_55fkh_x0s4q_457:not(#\9) {
   flex: 1;
   align-self: stretch;
   cursor: text;

package/lib/internal/template/prompt-input/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_55fkh_13pzz_146",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_13pzz_185",
-  "disabled": "awsui_disabled_55fkh_13pzz_190",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_13pzz_198",
-  "textarea-warning": "awsui_textarea-warning_55fkh_13pzz_223",
-  "textarea": "awsui_textarea_55fkh_13pzz_185",
-  "invalid": "awsui_invalid_55fkh_13pzz_323",
-  "warning": "awsui_warning_55fkh_13pzz_323",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_13pzz_342",
-  "primary-action": "awsui_primary-action_55fkh_13pzz_346",
-  "action-button": "awsui_action-button_55fkh_13pzz_354",
-  "secondary-content": "awsui_secondary-content_55fkh_13pzz_359",
-  "with-paddings": "awsui_with-paddings_55fkh_13pzz_394",
-  "action-stripe": "awsui_action-stripe_55fkh_13pzz_404",
-  "secondary-actions": "awsui_secondary-actions_55fkh_13pzz_443",
-  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_13pzz_460",
-  "buffer": "awsui_buffer_55fkh_13pzz_464"
+  "root": "awsui_root_55fkh_x0s4q_146",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_x0s4q_185",
+  "disabled": "awsui_disabled_55fkh_x0s4q_190",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_x0s4q_198",
+  "textarea-warning": "awsui_textarea-warning_55fkh_x0s4q_223",
+  "textarea": "awsui_textarea_55fkh_x0s4q_185",
+  "invalid": "awsui_invalid_55fkh_x0s4q_319",
+  "warning": "awsui_warning_55fkh_x0s4q_319",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_x0s4q_335",
+  "primary-action": "awsui_primary-action_55fkh_x0s4q_339",
+  "action-button": "awsui_action-button_55fkh_x0s4q_347",
+  "secondary-content": "awsui_secondary-content_55fkh_x0s4q_352",
+  "with-paddings": "awsui_with-paddings_55fkh_x0s4q_387",
+  "action-stripe": "awsui_action-stripe_55fkh_x0s4q_397",
+  "secondary-actions": "awsui_secondary-actions_55fkh_x0s4q_436",
+  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_x0s4q_453",
+  "buffer": "awsui_buffer_55fkh_x0s4q_457"
 };
   

package/lib/internal/template/radio-group/radio-button.js

@@ -4,9 +4,9 @@ import { __rest } from "tslib";
 import React, { useRef } from 'react';
 import clsx from 'clsx';
 import { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';
+import { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';
 import { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
 import AbstractSwitch from '../internal/components/abstract-switch';
-import { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';
 import { fireNonCancelableEvent } from '../internal/events';
 import { getAbstractSwitchStyles, getInnerCircleStyle, getOuterCircleStyle } from './style';
 import styles from './styles.css.js';

package/lib/internal/template/radio-group/radio-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../src/radio-group/radio-button.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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport AbstractSwitch from '../internal/components/abstract-switch';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { RadioGroupProps } from './interfaces';\nimport { getAbstractSwitchStyles, getInnerCircleStyle, getOuterCircleStyle } from './style';\n\nimport styles from './styles.css.js';\n\ninterface RadioButtonProps extends RadioGroupProps.RadioButtonDefinition {\n  name: string;\n  checked: boolean;\n  onChange?: NonCancelableEventHandler<RadioGroupProps.ChangeDetail>;\n  readOnly?: boolean;\n  className?: string;\n  style?: RadioGroupProps.Style;\n}\n\nexport default React.forwardRef(function RadioButton(\n  {\n    name,\n    label,\n    value,\n    checked,\n    description,\n    disabled,\n    controlId,\n    onChange,\n    readOnly,\n    className,\n    style,\n    ...rest\n  }: RadioButtonProps,\n  ref: React.Ref<HTMLInputElement>\n) {\n  const radioButtonRef = useRef<HTMLInputElement>(null);\n  const mergedRefs = useMergeRefs(radioButtonRef, ref);\n\n  const { tabIndex } = useSingleTabStopNavigation(radioButtonRef);\n\n  return (\n    <AbstractSwitch\n      className={clsx(styles.radio, description && styles['radio--has-description'], className)}\n      controlClassName={styles['radio-control']}\n      outlineClassName={styles.outline}\n      label={label}\n      description={description}\n      disabled={disabled}\n      readOnly={readOnly}\n      controlId={controlId}\n      style={getAbstractSwitchStyles(style, checked, disabled, readOnly)}\n      {...copyAnalyticsMetadataAttribute(rest)}\n      nativeControl={nativeControlProps => (\n        <input\n          {...nativeControlProps}\n          tabIndex={tabIndex}\n          type=\"radio\"\n          ref={mergedRefs}\n          name={name}\n          value={value}\n          checked={checked}\n          aria-disabled={readOnly && !disabled ? 'true' : undefined}\n          // empty handler to suppress React controllability warning\n          onChange={() => {}}\n        />\n      )}\n      onClick={() => {\n        radioButtonRef.current?.focus();\n        if (checked) {\n          return;\n        }\n        fireNonCancelableEvent(onChange, { value });\n      }}\n      styledControl={\n        <svg viewBox=\"0 0 100 100\" focusable=\"false\" aria-hidden=\"true\">\n          <circle\n            className={clsx(styles['styled-circle-border'], {\n              [styles['styled-circle-disabled']]: disabled,\n              [styles['styled-circle-readonly']]: readOnly,\n            })}\n            strokeWidth={6.25}\n            cx={50}\n            cy={50}\n            r={46}\n            style={getOuterCircleStyle(style, checked, disabled, readOnly)}\n          />\n          <circle\n            className={clsx(styles['styled-circle-fill'], {\n              [styles['styled-circle-disabled']]: disabled,\n              [styles['styled-circle-checked']]: checked,\n              [styles['styled-circle-readonly']]: readOnly,\n            })}\n            strokeWidth={30}\n            cx={50}\n            cy={50}\n            r={35}\n            style={getInnerCircleStyle(style, checked, disabled, readOnly)}\n          />\n        </svg>\n      }\n    />\n  );\n});\n"]}
+{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../src/radio-group/radio-button.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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport AbstractSwitch from '../internal/components/abstract-switch';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { RadioGroupProps } from './interfaces';\nimport { getAbstractSwitchStyles, getInnerCircleStyle, getOuterCircleStyle } from './style';\n\nimport styles from './styles.css.js';\n\ninterface RadioButtonProps extends RadioGroupProps.RadioButtonDefinition {\n  name: string;\n  checked: boolean;\n  onChange?: NonCancelableEventHandler<RadioGroupProps.ChangeDetail>;\n  readOnly?: boolean;\n  className?: string;\n  style?: RadioGroupProps.Style;\n}\n\nexport default React.forwardRef(function RadioButton(\n  {\n    name,\n    label,\n    value,\n    checked,\n    description,\n    disabled,\n    controlId,\n    onChange,\n    readOnly,\n    className,\n    style,\n    ...rest\n  }: RadioButtonProps,\n  ref: React.Ref<HTMLInputElement>\n) {\n  const radioButtonRef = useRef<HTMLInputElement>(null);\n  const mergedRefs = useMergeRefs(radioButtonRef, ref);\n\n  const { tabIndex } = useSingleTabStopNavigation(radioButtonRef);\n\n  return (\n    <AbstractSwitch\n      className={clsx(styles.radio, description && styles['radio--has-description'], className)}\n      controlClassName={styles['radio-control']}\n      outlineClassName={styles.outline}\n      label={label}\n      description={description}\n      disabled={disabled}\n      readOnly={readOnly}\n      controlId={controlId}\n      style={getAbstractSwitchStyles(style, checked, disabled, readOnly)}\n      {...copyAnalyticsMetadataAttribute(rest)}\n      nativeControl={nativeControlProps => (\n        <input\n          {...nativeControlProps}\n          tabIndex={tabIndex}\n          type=\"radio\"\n          ref={mergedRefs}\n          name={name}\n          value={value}\n          checked={checked}\n          aria-disabled={readOnly && !disabled ? 'true' : undefined}\n          // empty handler to suppress React controllability warning\n          onChange={() => {}}\n        />\n      )}\n      onClick={() => {\n        radioButtonRef.current?.focus();\n        if (checked) {\n          return;\n        }\n        fireNonCancelableEvent(onChange, { value });\n      }}\n      styledControl={\n        <svg viewBox=\"0 0 100 100\" focusable=\"false\" aria-hidden=\"true\">\n          <circle\n            className={clsx(styles['styled-circle-border'], {\n              [styles['styled-circle-disabled']]: disabled,\n              [styles['styled-circle-readonly']]: readOnly,\n            })}\n            strokeWidth={6.25}\n            cx={50}\n            cy={50}\n            r={46}\n            style={getOuterCircleStyle(style, checked, disabled, readOnly)}\n          />\n          <circle\n            className={clsx(styles['styled-circle-fill'], {\n              [styles['styled-circle-disabled']]: disabled,\n              [styles['styled-circle-checked']]: checked,\n              [styles['styled-circle-readonly']]: readOnly,\n            })}\n            strokeWidth={30}\n            cx={50}\n            cy={50}\n            r={35}\n            style={getInnerCircleStyle(style, checked, disabled, readOnly)}\n          />\n        </svg>\n      }\n    />\n  );\n});\n"]}

package/lib/internal/template/radio-group/styles.css.js

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1mabk_17h9e_145",
-  "radio": "awsui_radio_1mabk_17h9e_178",
-  "radio--has-description": "awsui_radio--has-description_1mabk_17h9e_186",
-  "radio-control": "awsui_radio-control_1mabk_17h9e_190",
-  "outline": "awsui_outline_1mabk_17h9e_198",
-  "styled-circle-border": "awsui_styled-circle-border_1mabk_17h9e_221",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_17h9e_225",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_17h9e_225",
-  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_17h9e_230",
-  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_17h9e_246"
+  "root": "awsui_root_1mabk_1dpzt_145",
+  "radio": "awsui_radio_1mabk_1dpzt_178",
+  "radio--has-description": "awsui_radio--has-description_1mabk_1dpzt_186",
+  "radio-control": "awsui_radio-control_1mabk_1dpzt_190",
+  "outline": "awsui_outline_1mabk_1dpzt_198",
+  "styled-circle-border": "awsui_styled-circle-border_1mabk_1dpzt_221",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_1dpzt_225",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_1dpzt_225",
+  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_1dpzt_230",
+  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_1dpzt_246"
 };