npm - @cloudscape-design/components - Versions diffs - 3.0.893 → 3.0.895 - Mend

@cloudscape-design/components 3.0.893 → 3.0.895

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/button/internal.d.ts +2 -2
package/button/internal.d.ts.map +1 -1
package/button/internal.js +2 -1
package/button/internal.js.map +1 -1
package/button/styles.css.js +22 -21
package/button/styles.scoped.css +96 -68
package/button/styles.selectors.js +22 -21
package/input/internal.js +1 -1
package/input/internal.js.map +1 -1
package/input/styles.css.js +13 -13
package/input/styles.scoped.css +33 -33
package/input/styles.selectors.js +13 -13
package/internal/environment.js +1 -1
package/internal/environment.json +1 -1
package/internal/hooks/use-mobile/index.d.ts +1 -0
package/internal/hooks/use-mobile/index.d.ts.map +1 -1
package/internal/hooks/use-mobile/index.js +7 -0
package/internal/hooks/use-mobile/index.js.map +1 -1
package/internal/manifest.json +1 -1
package/package.json +1 -1

package/button/internal.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import React from 'react';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { ButtonProps } from './interfaces';
 export type InternalButtonProps = Omit<ButtonProps, 'variant'> & {
-    variant?: ButtonProps['variant'] | 'flashbar-icon' | 'breadcrumb-group' | 'menu-trigger' | 'modal-dismiss';
+    variant?: ButtonProps['variant'] | 'flashbar-icon' | 'breadcrumb-group' | 'menu-trigger' | 'modal-dismiss' | 'inline-icon-pointer-target';
     badge?: boolean;
     analyticsAction?: string;
     __nativeAttributes?: (React.HTMLAttributes<HTMLAnchorElement> & React.HTMLAttributes<HTMLButtonElement>) | Record<`data-${string}`, string>;
@@ -13,7 +13,7 @@ export type InternalButtonProps = Omit<ButtonProps, 'variant'> & {
     __emitPerformanceMarks?: boolean;
 } & InternalBaseComponentProps<HTMLAnchorElement | HTMLButtonElement>;
 export declare const InternalButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "variant"> & {
-    variant?: ButtonProps['variant'] | 'flashbar-icon' | 'breadcrumb-group' | 'menu-trigger' | 'modal-dismiss';
+    variant?: ButtonProps['variant'] | 'flashbar-icon' | 'breadcrumb-group' | 'menu-trigger' | 'modal-dismiss' | 'inline-icon-pointer-target';
     badge?: boolean | undefined;
     analyticsAction?: string | undefined;
     __nativeAttributes?: (React.HTMLAttributes<HTMLAnchorElement> & React.HTMLAttributes<HTMLButtonElement>) | Record<`data-${string}`, string> | undefined;

package/button/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/button/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAwB3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAUlF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC/D,OAAO,CAAC,~~EAAE~~,WAAW,CAAC,SAAS,CAAC,~~GAAG~~,eAAe,~~GAAG~~,kBAAkB,~~GAAG~~,cAAc,~~GAAG~~,eAAe,CAAC;~~IAC3G~~,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EACf,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,GACnF,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,GAAG,0BAA0B,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;AAEtE,eAAO,MAAM,cAAc;~~cAbf~~,WAAW,CAAC,SAAS,CAAC,~~GAAG~~,eAAe,~~GAAG~~,kBAAkB,~~GAAG~~,cAAc,~~GAAG~~,eAAe;;;;;;;;;~~6GAiS3G~~,CAAC;AAEF,eAAe,cAAc,CAAC"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/button/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAwB3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAUlF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC/D,OAAO,CAAC,EACJ,WAAW,CAAC,SAAS,CAAC,GACtB,eAAe,GACf,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,4BAA4B,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EACf,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,GACnF,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,GAAG,0BAA0B,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;AAEtE,eAAO,MAAM,cAAc;cAlBrB,WAAW,CAAC,SAAS,CAAC,GACtB,eAAe,GACf,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,4BAA4B;;;;;;;;;6GAkSjC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/button/internal.js CHANGED Viewed

@@ -35,7 +35,8 @@ export const InternalButton = React.forwardRef((_a, ref) => {
     const isNotInteractive = loading || disabled;
     const isDisabledWithReason = (variant === 'normal' || variant === 'primary') && !!disabledReason && disabled;
     const hasAriaDisabled = (loading && !disabled) || (disabled && __focusable) || isDisabledWithReason;
-    const shouldHaveContent = children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;
+    const shouldHaveContent = children &&
+        ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss', 'inline-icon-pointer-target'].indexOf(variant) === -1;
     if ((iconName || iconUrl || iconSvg) && iconAlign === 'right' && external) {
         warnOnce('Button', 'A right-aligned icon should not be combined with an external icon.');
     }

package/button/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/button/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, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport {\n getAnalyticsLabelAttribute,\n getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../i18n/context';\nimport Icon from '../icon/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n DATA_ATTR_FUNNEL_VALUE,\n getFunnelValueSelector,\n getSubStepAllSelector,\n getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport Tooltip from '../internal/components/tooltip/index.js';\nimport { useButtonContext } from '../internal/context/button-context';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport useHiddenDescription from '../internal/hooks/use-hidden-description';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useModalContextLoadingButtonComponent } from '../internal/hooks/use-modal-component-analytics';\nimport { usePerformanceMarks } from '../internal/hooks/use-performance-marks';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport InternalLiveRegion from '../live-region/internal';\nimport { GeneratedAnalyticsMetadataButtonFragment } from './analytics-metadata/interfaces';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport type InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n variant?: ButtonProps['variant'] \| 'flashbar-icon' \| 'breadcrumb-group' \| 'menu-trigger' \| 'modal-dismiss';\n badge?: boolean;\n analyticsAction?: string;\n __nativeAttributes?:\n \| (React.HTMLAttributes<HTMLAnchorElement> & React.HTMLAttributes<HTMLButtonElement>)\n \| Record<`data-${string}`, string>;\n __iconClass?: string;\n __focusable?: boolean;\n __injectAnalyticsComponentMetadata?: boolean;\n __title?: string;\n __emitPerformanceMarks?: boolean;\n} & InternalBaseComponentProps<HTMLAnchorElement \| HTMLButtonElement>;\n\nexport const InternalButton = React.forwardRef(\n (\n {\n children,\n iconName,\n __iconClass,\n onClick,\n onFollow,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n disabledReason,\n wrapText = true,\n href,\n external,\n target: targetOverride,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaDescribedby,\n ariaExpanded,\n ariaControls,\n fullWidth,\n badge,\n i18nStrings,\n __nativeAttributes,\n __internalRootRef = null,\n __focusable = false,\n __injectAnalyticsComponentMetadata = false,\n __title,\n __emitPerformanceMarks = true,\n analyticsAction = 'click',\n ...props\n }: InternalButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n const [showTooltip, setShowTooltip] = useState(false);\n\n checkSafeUrl('Button', href);\n const isAnchor = Boolean(href);\n const target = targetOverride ?? (external ? '_blank' : undefined);\n const isNotInteractive = loading \|\| disabled;\n const isDisabledWithReason = (variant === 'normal' \|\| variant === 'primary') && !!disabledReason && disabled;\n const hasAriaDisabled = (loading && !disabled) \|\| (disabled && __focusable) \|\| isDisabledWithReason;\n const shouldHaveContent =\n children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;\n\n if ((iconName \|\| iconUrl \|\| iconSvg) && iconAlign === 'right' && external) {\n warnOnce('Button', 'A right-aligned icon should not be combined with an external icon.');\n }\n\n const buttonRef = useRef<HTMLElement>(null);\n useForwardFocus(ref, buttonRef);\n\n const buttonContext = useButtonContext();\n const i18n = useInternalI18n('button');\n\n const uniqueId = useUniqueId('button');\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector } = useFunnelStep();\n const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const performanceMarkAttributes = usePerformanceMarks(\n 'primaryButton',\n () => variant === 'primary' && __emitPerformanceMarks && !loading && !disabled,\n buttonRef,\n () => ({\n loading,\n disabled,\n text: buttonRef.current?.innerText,\n }),\n [loading, disabled]\n );\n useModalContextLoadingButtonComponent(variant === 'primary', loading);\n\n const { targetProps, descriptionEl } = useHiddenDescription(disabledReason);\n\n const handleClick = (event: React.MouseEvent) => {\n if (isNotInteractive) {\n return event.preventDefault();\n }\n\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, { href, target }, event);\n\n if ((iconName === 'external' \|\| target === '_blank') && funnelInteractionId) {\n const stepName = getTextFromSelector(stepNameSelector);\n const subStepName = getTextFromSelector(subStepNameSelector);\n\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n }\n\n const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n buttonContext.onClick({ variant });\n };\n\n const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {\n [styles.disabled]: isNotInteractive,\n [styles['disabled-with-reason']]: isDisabledWithReason,\n [styles['button-no-wrap']]: !wrapText,\n [styles['button-no-text']]: !shouldHaveContent,\n [styles['full-width']]: shouldHaveContent && fullWidth,\n [styles.link]: isAnchor,\n });\n\n const explicitTabIndex =\n __nativeAttributes && 'tabIndex' in __nativeAttributes ? __nativeAttributes.tabIndex : undefined;\n const { tabIndex } = useSingleTabStopNavigation(buttonRef, {\n tabIndex: isAnchor && isNotInteractive && !isDisabledWithReason ? -1 : explicitTabIndex,\n });\n\n const analyticsMetadata: GeneratedAnalyticsMetadataButtonFragment = disabled\n ? {}\n : {\n action: analyticsAction,\n detail: { label: { root: 'self' } },\n };\n if (__injectAnalyticsComponentMetadata) {\n analyticsMetadata.component = {\n name: 'awsui.Button',\n label: { root: 'self' },\n properties: { variant, disabled: `${disabled}` },\n };\n }\n\n const buttonProps = {\n ...props,\n ...__nativeAttributes,\n ...performanceMarkAttributes,\n tabIndex,\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: useMergeRefs(buttonRef, __internalRootRef),\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedby,\n 'aria-expanded': ariaExpanded,\n 'aria-controls': ariaControls,\n // add ariaLabel as `title` as visible hint text\n title: __title ?? ariaLabel,\n className: buttonClass,\n onClick: handleClick,\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n ...getAnalyticsMetadataAttribute(analyticsMetadata),\n ...getAnalyticsLabelAttribute(children ? `.${analyticsSelectors.label}` : ''),\n } as const;\n\n const iconProps: ButtonIconProps = {\n loading,\n iconName,\n iconAlign,\n iconUrl,\n iconSvg,\n iconAlt,\n variant,\n badge,\n iconClass: __iconClass,\n iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal',\n };\n const buttonContent = (\n <>\n <LeftIcon {...iconProps} />\n {shouldHaveContent && (\n <>\n <span className={clsx(styles.content, analyticsSelectors.label)}>{children}</span>\n {external && (\n <>\n  \n <Icon\n name=\"external\"\n className={testUtilStyles['external-icon']}\n ariaLabel={i18n('i18nStrings.externalIconAriaLabel', i18nStrings?.externalIconAriaLabel)}\n />\n </>\n )}\n </>\n )}\n <RightIcon {...iconProps} />\n </>\n );\n\n const { loadingButtonCount } = useFunnel();\n useEffect(() => {\n if (loading) {\n loadingButtonCount.current++;\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n loadingButtonCount.current--;\n };\n }\n }, [loading, loadingButtonCount]);\n\n const disabledReasonProps = {\n onFocus: isDisabledWithReason ? () => setShowTooltip(true) : undefined,\n onBlur: isDisabledWithReason ? () => setShowTooltip(false) : undefined,\n onMouseEnter: isDisabledWithReason ? () => setShowTooltip(true) : undefined,\n onMouseLeave: isDisabledWithReason ? () => setShowTooltip(false) : undefined,\n ...(isDisabledWithReason ? targetProps : {}),\n };\n const disabledReasonContent = (\n <>\n {descriptionEl}\n {showTooltip && (\n <Tooltip\n className={testUtilStyles['disabled-reason-tooltip']}\n trackRef={buttonRef}\n value={disabledReason!}\n onDismiss={() => setShowTooltip(false)}\n />\n )}\n </>\n );\n\n if (isAnchor) {\n return (\n // https://github.com/yannickcr/eslint-plugin-react/issues/2962\n // eslint-disable-next-line react/jsx-no-target-blank\n <>\n <a\n {...buttonProps}\n href={href}\n target={target}\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel={rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n aria-disabled={isNotInteractive ? true : undefined}\n download={download}\n {...disabledReasonProps}\n >\n {buttonContent}\n {isDisabledWithReason && disabledReasonContent}\n </a>\n {loading && loadingText && (\n <InternalLiveRegion tagName=\"span\" hidden={true}>\n {loadingText}\n </InternalLiveRegion>\n )}\n </>\n );\n }\n\n return (\n <>\n <button\n {...buttonProps}\n type={formAction === 'none' ? 'button' : 'submit'}\n disabled={disabled && !__focusable && !isDisabledWithReason}\n aria-disabled={hasAriaDisabled ? true : undefined}\n {...disabledReasonProps}\n >\n {buttonContent}\n {isDisabledWithReason && disabledReasonContent}\n </button>\n {loading && loadingText && (\n <InternalLiveRegion tagName=\"span\" hidden={true}>\n {loadingText}\n </InternalLiveRegion>\n )}\n </>\n );\n }\n);\n\nexport default InternalButton;\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/button/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, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport {\n getAnalyticsLabelAttribute,\n getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../i18n/context';\nimport Icon from '../icon/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n DATA_ATTR_FUNNEL_VALUE,\n getFunnelValueSelector,\n getSubStepAllSelector,\n getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport Tooltip from '../internal/components/tooltip/index.js';\nimport { useButtonContext } from '../internal/context/button-context';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport useHiddenDescription from '../internal/hooks/use-hidden-description';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useModalContextLoadingButtonComponent } from '../internal/hooks/use-modal-component-analytics';\nimport { usePerformanceMarks } from '../internal/hooks/use-performance-marks';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport InternalLiveRegion from '../live-region/internal';\nimport { GeneratedAnalyticsMetadataButtonFragment } from './analytics-metadata/interfaces';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport type InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n variant?:\n \| ButtonProps['variant']\n \| 'flashbar-icon'\n \| 'breadcrumb-group'\n \| 'menu-trigger'\n \| 'modal-dismiss'\n \| 'inline-icon-pointer-target';\n badge?: boolean;\n analyticsAction?: string;\n __nativeAttributes?:\n \| (React.HTMLAttributes<HTMLAnchorElement> & React.HTMLAttributes<HTMLButtonElement>)\n \| Record<`data-${string}`, string>;\n __iconClass?: string;\n __focusable?: boolean;\n __injectAnalyticsComponentMetadata?: boolean;\n __title?: string;\n __emitPerformanceMarks?: boolean;\n} & InternalBaseComponentProps<HTMLAnchorElement \| HTMLButtonElement>;\n\nexport const InternalButton = React.forwardRef(\n (\n {\n children,\n iconName,\n __iconClass,\n onClick,\n onFollow,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n disabledReason,\n wrapText = true,\n href,\n external,\n target: targetOverride,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaDescribedby,\n ariaExpanded,\n ariaControls,\n fullWidth,\n badge,\n i18nStrings,\n __nativeAttributes,\n __internalRootRef = null,\n __focusable = false,\n __injectAnalyticsComponentMetadata = false,\n __title,\n __emitPerformanceMarks = true,\n analyticsAction = 'click',\n ...props\n }: InternalButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n const [showTooltip, setShowTooltip] = useState(false);\n\n checkSafeUrl('Button', href);\n const isAnchor = Boolean(href);\n const target = targetOverride ?? (external ? '_blank' : undefined);\n const isNotInteractive = loading \|\| disabled;\n const isDisabledWithReason = (variant === 'normal' \|\| variant === 'primary') && !!disabledReason && disabled;\n const hasAriaDisabled = (loading && !disabled) \|\| (disabled && __focusable) \|\| isDisabledWithReason;\n const shouldHaveContent =\n children &&\n ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss', 'inline-icon-pointer-target'].indexOf(variant) === -1;\n\n if ((iconName \|\| iconUrl \|\| iconSvg) && iconAlign === 'right' && external) {\n warnOnce('Button', 'A right-aligned icon should not be combined with an external icon.');\n }\n\n const buttonRef = useRef<HTMLElement>(null);\n useForwardFocus(ref, buttonRef);\n\n const buttonContext = useButtonContext();\n const i18n = useInternalI18n('button');\n\n const uniqueId = useUniqueId('button');\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector } = useFunnelStep();\n const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const performanceMarkAttributes = usePerformanceMarks(\n 'primaryButton',\n () => variant === 'primary' && __emitPerformanceMarks && !loading && !disabled,\n buttonRef,\n () => ({\n loading,\n disabled,\n text: buttonRef.current?.innerText,\n }),\n [loading, disabled]\n );\n useModalContextLoadingButtonComponent(variant === 'primary', loading);\n\n const { targetProps, descriptionEl } = useHiddenDescription(disabledReason);\n\n const handleClick = (event: React.MouseEvent) => {\n if (isNotInteractive) {\n return event.preventDefault();\n }\n\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, { href, target }, event);\n\n if ((iconName === 'external' \|\| target === '_blank') && funnelInteractionId) {\n const stepName = getTextFromSelector(stepNameSelector);\n const subStepName = getTextFromSelector(subStepNameSelector);\n\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n }\n\n const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n buttonContext.onClick({ variant });\n };\n\n const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {\n [styles.disabled]: isNotInteractive,\n [styles['disabled-with-reason']]: isDisabledWithReason,\n [styles['button-no-wrap']]: !wrapText,\n [styles['button-no-text']]: !shouldHaveContent,\n [styles['full-width']]: shouldHaveContent && fullWidth,\n [styles.link]: isAnchor,\n });\n\n const explicitTabIndex =\n __nativeAttributes && 'tabIndex' in __nativeAttributes ? __nativeAttributes.tabIndex : undefined;\n const { tabIndex } = useSingleTabStopNavigation(buttonRef, {\n tabIndex: isAnchor && isNotInteractive && !isDisabledWithReason ? -1 : explicitTabIndex,\n });\n\n const analyticsMetadata: GeneratedAnalyticsMetadataButtonFragment = disabled\n ? {}\n : {\n action: analyticsAction,\n detail: { label: { root: 'self' } },\n };\n if (__injectAnalyticsComponentMetadata) {\n analyticsMetadata.component = {\n name: 'awsui.Button',\n label: { root: 'self' },\n properties: { variant, disabled: `${disabled}` },\n };\n }\n\n const buttonProps = {\n ...props,\n ...__nativeAttributes,\n ...performanceMarkAttributes,\n tabIndex,\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: useMergeRefs(buttonRef, __internalRootRef),\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedby,\n 'aria-expanded': ariaExpanded,\n 'aria-controls': ariaControls,\n // add ariaLabel as `title` as visible hint text\n title: __title ?? ariaLabel,\n className: buttonClass,\n onClick: handleClick,\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n ...getAnalyticsMetadataAttribute(analyticsMetadata),\n ...getAnalyticsLabelAttribute(children ? `.${analyticsSelectors.label}` : ''),\n } as const;\n\n const iconProps: ButtonIconProps = {\n loading,\n iconName,\n iconAlign,\n iconUrl,\n iconSvg,\n iconAlt,\n variant,\n badge,\n iconClass: __iconClass,\n iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal',\n };\n const buttonContent = (\n <>\n <LeftIcon {...iconProps} />\n {shouldHaveContent && (\n <>\n <span className={clsx(styles.content, analyticsSelectors.label)}>{children}</span>\n {external && (\n <>\n  \n <Icon\n name=\"external\"\n className={testUtilStyles['external-icon']}\n ariaLabel={i18n('i18nStrings.externalIconAriaLabel', i18nStrings?.externalIconAriaLabel)}\n />\n </>\n )}\n </>\n )}\n <RightIcon {...iconProps} />\n </>\n );\n\n const { loadingButtonCount } = useFunnel();\n useEffect(() => {\n if (loading) {\n loadingButtonCount.current++;\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n loadingButtonCount.current--;\n };\n }\n }, [loading, loadingButtonCount]);\n\n const disabledReasonProps = {\n onFocus: isDisabledWithReason ? () => setShowTooltip(true) : undefined,\n onBlur: isDisabledWithReason ? () => setShowTooltip(false) : undefined,\n onMouseEnter: isDisabledWithReason ? () => setShowTooltip(true) : undefined,\n onMouseLeave: isDisabledWithReason ? () => setShowTooltip(false) : undefined,\n ...(isDisabledWithReason ? targetProps : {}),\n };\n const disabledReasonContent = (\n <>\n {descriptionEl}\n {showTooltip && (\n <Tooltip\n className={testUtilStyles['disabled-reason-tooltip']}\n trackRef={buttonRef}\n value={disabledReason!}\n onDismiss={() => setShowTooltip(false)}\n />\n )}\n </>\n );\n\n if (isAnchor) {\n return (\n // https://github.com/yannickcr/eslint-plugin-react/issues/2962\n // eslint-disable-next-line react/jsx-no-target-blank\n <>\n <a\n {...buttonProps}\n href={href}\n target={target}\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel={rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n aria-disabled={isNotInteractive ? true : undefined}\n download={download}\n {...disabledReasonProps}\n >\n {buttonContent}\n {isDisabledWithReason && disabledReasonContent}\n </a>\n {loading && loadingText && (\n <InternalLiveRegion tagName=\"span\" hidden={true}>\n {loadingText}\n </InternalLiveRegion>\n )}\n </>\n );\n }\n\n return (\n <>\n <button\n {...buttonProps}\n type={formAction === 'none' ? 'button' : 'submit'}\n disabled={disabled && !__focusable && !isDisabledWithReason}\n aria-disabled={hasAriaDisabled ? true : undefined}\n {...disabledReasonProps}\n >\n {buttonContent}\n {isDisabledWithReason && disabledReasonContent}\n </button>\n {loading && loadingText && (\n <InternalLiveRegion tagName=\"span\" hidden={true}>\n {loadingText}\n </InternalLiveRegion>\n )}\n </>\n );\n }\n);\n\nexport default InternalButton;\n"]}

package/button/styles.css.js CHANGED Viewed

@@ -1,26 +1,27 @@
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_vjswe_1ku9a_153",
-  "button": "awsui_button_vjswe_1ku9a_157",
-  "variant-normal": "awsui_variant-normal_vjswe_1ku9a_205",
-  "disabled": "awsui_disabled_vjswe_1ku9a_223",
-  "variant-primary": "awsui_variant-primary_vjswe_1ku9a_230",
-  "variant-link": "awsui_variant-link_vjswe_1ku9a_255",
-  "variant-icon": "awsui_variant-icon_vjswe_1ku9a_280",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1ku9a_305",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_1ku9a_330",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1ku9a_359",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1ku9a_384",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1ku9a_409",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1ku9a_439",
-  "button-no-text": "awsui_button-no-text_vjswe_1ku9a_531",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_1ku9a_535",
-  "full-width": "awsui_full-width_vjswe_1ku9a_538",
-  "icon-left": "awsui_icon-left_vjswe_1ku9a_557",
-  "icon-right": "awsui_icon-right_vjswe_1ku9a_562",
-  "icon": "awsui_icon_vjswe_1ku9a_557",
-  "link": "awsui_link_vjswe_1ku9a_581",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_1ku9a_581"
+  "content": "awsui_content_vjswe_nyka2_153",
+  "button": "awsui_button_vjswe_nyka2_157",
+  "variant-normal": "awsui_variant-normal_vjswe_nyka2_205",
+  "disabled": "awsui_disabled_vjswe_nyka2_223",
+  "variant-primary": "awsui_variant-primary_vjswe_nyka2_230",
+  "variant-link": "awsui_variant-link_vjswe_nyka2_255",
+  "variant-icon": "awsui_variant-icon_vjswe_nyka2_280",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_nyka2_305",
+  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_nyka2_330",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_nyka2_355",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_nyka2_384",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_nyka2_409",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_nyka2_434",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_nyka2_464",
+  "button-no-text": "awsui_button-no-text_vjswe_nyka2_556",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_nyka2_560",
+  "full-width": "awsui_full-width_vjswe_nyka2_563",
+  "icon-left": "awsui_icon-left_vjswe_nyka2_585",
+  "icon-right": "awsui_icon-right_vjswe_nyka2_590",
+  "icon": "awsui_icon_vjswe_nyka2_585",
+  "link": "awsui_link_vjswe_nyka2_609",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_nyka2_609"
 };

package/button/styles.scoped.css CHANGED Viewed

@@ -150,11 +150,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_content_vjswe_1ku9a_153:not(#\9) {
+.awsui_content_vjswe_nyka2_153:not(#\9) {
   /* used in test-utils */
 }
-.awsui_button_vjswe_1ku9a_157:not(#\9) {
+.awsui_button_vjswe_nyka2_157:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -203,132 +203,157 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
   cursor: pointer;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-normal_vjswe_1ku9a_205:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-normal_vjswe_nyka2_205:not(#\9) {
   background: var(--color-background-button-normal-default-zr63bz, #ffffff);
   color: var(--color-text-button-normal-default-476t5h, #006ce0);
   border-color: var(--color-border-button-normal-default-uzqi0v, #006ce0);
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-normal_vjswe_1ku9a_205:not(#\9):hover {
+.awsui_button_vjswe_nyka2_157.awsui_variant-normal_vjswe_nyka2_205:not(#\9):hover {
   background: var(--color-background-button-normal-hover-eqpcl2, #f0fbff);
   color: var(--color-text-button-normal-hover-e3tg09, #002b66);
   border-color: var(--color-border-button-normal-hover-2d2g0m, #002b66);
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-normal_vjswe_1ku9a_205:not(#\9):active {
+.awsui_button_vjswe_nyka2_157.awsui_variant-normal_vjswe_nyka2_205:not(#\9):active {
   background: var(--color-background-button-normal-active-udb472, #d1f1ff);
   color: var(--color-text-button-normal-active-fdnwsh, #002b66);
   border-color: var(--color-border-button-normal-active-mn0ayd, #002b66);
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-normal_vjswe_1ku9a_205.awsui_disabled_vjswe_1ku9a_223:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-normal_vjswe_nyka2_205.awsui_disabled_vjswe_nyka2_223:not(#\9) {
   background: var(--color-background-button-normal-disabled-h6arvb, #ffffff);
   border-color: var(--color-border-button-normal-disabled-caqkhj, #b4b4bb);
   color: var(--color-text-button-normal-disabled-0s30to, #8c8c94);
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-primary_vjswe_1ku9a_230:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-primary_vjswe_nyka2_230:not(#\9) {
   background: var(--color-background-button-primary-default-15m72j, #006ce0);
   color: var(--color-text-button-primary-default-t0t2sj, #ffffff);
   border-color: var(--color-background-button-primary-default-15m72j, #006ce0);
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-primary_vjswe_1ku9a_230:not(#\9):hover {
+.awsui_button_vjswe_nyka2_157.awsui_variant-primary_vjswe_nyka2_230:not(#\9):hover {
   background: var(--color-background-button-primary-hover-0qidjj, #002b66);
   color: var(--color-text-button-primary-hover-5z07s7, #ffffff);
   border-color: var(--color-background-button-primary-hover-0qidjj, #002b66);
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-primary_vjswe_1ku9a_230:not(#\9):active {
+.awsui_button_vjswe_nyka2_157.awsui_variant-primary_vjswe_nyka2_230:not(#\9):active {
   background: var(--color-background-button-primary-active-qz8503, #002b66);
   color: var(--color-text-button-primary-active-l1tdpc, #ffffff);
   border-color: var(--color-background-button-primary-active-qz8503, #002b66);
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-primary_vjswe_1ku9a_230.awsui_disabled_vjswe_1ku9a_223:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-primary_vjswe_nyka2_230.awsui_disabled_vjswe_nyka2_223:not(#\9) {
   background: var(--color-background-button-primary-disabled-l4i17m, #ebebf0);
   border-color: var(--color-border-button-primary-disabled-xtv38q, #ebebf0);
   color: var(--color-text-button-primary-disabled-klolb5, #8c8c94);
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-link_vjswe_1ku9a_255:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-link_vjswe_nyka2_255:not(#\9) {
   background: transparent;
   color: var(--color-text-button-normal-default-476t5h, #006ce0);
   border-color: transparent;
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-link_vjswe_1ku9a_255:not(#\9):hover {
+.awsui_button_vjswe_nyka2_157.awsui_variant-link_vjswe_nyka2_255:not(#\9):hover {
   background: var(--color-background-button-link-hover-7joibg, #f0fbff);
   color: var(--color-text-button-normal-hover-e3tg09, #002b66);
   border-color: var(--color-background-button-link-hover-7joibg, #f0fbff);
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-link_vjswe_1ku9a_255:not(#\9):active {
+.awsui_button_vjswe_nyka2_157.awsui_variant-link_vjswe_nyka2_255:not(#\9):active {
   background: var(--color-background-button-link-active-zsvqyt, #d1f1ff);
   color: var(--color-text-button-normal-active-fdnwsh, #002b66);
   border-color: var(--color-background-button-link-active-zsvqyt, #d1f1ff);
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-link_vjswe_1ku9a_255.awsui_disabled_vjswe_1ku9a_223:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-link_vjswe_nyka2_255.awsui_disabled_vjswe_nyka2_223:not(#\9) {
   background: transparent;
   border-color: transparent;
   color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-icon_vjswe_1ku9a_280:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-icon_vjswe_nyka2_280:not(#\9) {
   background: transparent;
   color: var(--color-text-interactive-default-tkx8fe, #424650);
   border-color: transparent;
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-icon_vjswe_1ku9a_280:not(#\9):hover {
+.awsui_button_vjswe_nyka2_157.awsui_variant-icon_vjswe_nyka2_280:not(#\9):hover {
   background: transparent;
   color: var(--color-text-interactive-hover-f9gqs8, #0f141a);
   border-color: transparent;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-icon_vjswe_1ku9a_280:not(#\9):active {
+.awsui_button_vjswe_nyka2_157.awsui_variant-icon_vjswe_nyka2_280:not(#\9):active {
   background: transparent;
   color: var(--color-text-interactive-default-tkx8fe, #424650);
   border-color: transparent;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-icon_vjswe_1ku9a_280.awsui_disabled_vjswe_1ku9a_223:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-icon_vjswe_nyka2_280.awsui_disabled_vjswe_nyka2_223:not(#\9) {
   background: transparent;
   border-color: transparent;
   color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-inline-icon_vjswe_1ku9a_305:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-icon_vjswe_nyka2_305:not(#\9) {
   background: transparent;
   color: var(--color-text-button-inline-icon-default-p881yb, #006ce0);
   border-color: transparent;
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-inline-icon_vjswe_1ku9a_305:not(#\9):hover {
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-icon_vjswe_nyka2_305:not(#\9):hover {
   background: transparent;
   color: var(--color-text-button-inline-icon-hover-vcdou1, #002b66);
   border-color: transparent;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-inline-icon_vjswe_1ku9a_305:not(#\9):active {
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-icon_vjswe_nyka2_305:not(#\9):active {
   background: transparent;
   color: var(--color-text-button-inline-icon-default-p881yb, #006ce0);
   border-color: transparent;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-inline-icon_vjswe_1ku9a_305.awsui_disabled_vjswe_1ku9a_223:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-icon_vjswe_nyka2_305.awsui_disabled_vjswe_nyka2_223:not(#\9) {
   background: transparent;
   border-color: transparent;
   color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-inline-link_vjswe_1ku9a_330:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-icon-pointer-target_vjswe_nyka2_330:not(#\9) {
+  background: transparent;
+  color: var(--color-text-button-inline-icon-default-p881yb, #006ce0);
+  border-color: transparent;
+  position: relative;
+  text-decoration: none;
+}
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-icon-pointer-target_vjswe_nyka2_330:not(#\9):hover {
+  background: transparent;
+  color: var(--color-text-button-inline-icon-hover-vcdou1, #002b66);
+  border-color: transparent;
+  text-decoration: none;
+}
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-icon-pointer-target_vjswe_nyka2_330:not(#\9):active {
+  background: transparent;
+  color: var(--color-text-button-inline-icon-default-p881yb, #006ce0);
+  border-color: transparent;
+}
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-icon-pointer-target_vjswe_nyka2_330.awsui_disabled_vjswe_nyka2_223:not(#\9) {
+  background: transparent;
+  border-color: transparent;
+  color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
+  text-decoration: none;
+  cursor: auto;
+}
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-link_vjswe_nyka2_355:not(#\9) {
   background: transparent;
   color: var(--color-text-button-normal-default-476t5h, #006ce0);
   border-color: transparent;
@@ -339,75 +364,75 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-inline-link_vjswe_1ku9a_330:not(#\9):hover {
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-link_vjswe_nyka2_355:not(#\9):hover {
   background: transparent;
   color: var(--color-text-button-normal-hover-e3tg09, #002b66);
   border-color: transparent;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-inline-link_vjswe_1ku9a_330:not(#\9):active {
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-link_vjswe_nyka2_355:not(#\9):active {
   background: transparent;
   color: var(--color-text-button-normal-active-fdnwsh, #002b66);
   border-color: transparent;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-inline-link_vjswe_1ku9a_330.awsui_disabled_vjswe_1ku9a_223:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-link_vjswe_nyka2_355.awsui_disabled_vjswe_nyka2_223:not(#\9) {
   background: transparent;
   border-color: transparent;
   color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-modal-dismiss_vjswe_1ku9a_359:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-modal-dismiss_vjswe_nyka2_384:not(#\9) {
   background: transparent;
   color: var(--color-text-interactive-default-tkx8fe, #424650);
   border-color: transparent;
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-modal-dismiss_vjswe_1ku9a_359:not(#\9):hover {
+.awsui_button_vjswe_nyka2_157.awsui_variant-modal-dismiss_vjswe_nyka2_384:not(#\9):hover {
   background: transparent;
   color: var(--color-text-interactive-hover-f9gqs8, #0f141a);
   border-color: transparent;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-modal-dismiss_vjswe_1ku9a_359:not(#\9):active {
+.awsui_button_vjswe_nyka2_157.awsui_variant-modal-dismiss_vjswe_nyka2_384:not(#\9):active {
   background: transparent;
   color: var(--color-text-interactive-default-tkx8fe, #424650);
   border-color: transparent;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-modal-dismiss_vjswe_1ku9a_359.awsui_disabled_vjswe_1ku9a_223:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-modal-dismiss_vjswe_nyka2_384.awsui_disabled_vjswe_nyka2_223:not(#\9) {
   background: transparent;
   border-color: transparent;
   color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-flashbar-icon_vjswe_1ku9a_384:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-flashbar-icon_vjswe_nyka2_409:not(#\9) {
   background: transparent;
   color: var(--color-text-interactive-inverted-default-8v8d60, #dedee3);
   border-color: transparent;
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-flashbar-icon_vjswe_1ku9a_384:not(#\9):hover {
+.awsui_button_vjswe_nyka2_157.awsui_variant-flashbar-icon_vjswe_nyka2_409:not(#\9):hover {
   background: transparent;
   color: var(--color-text-interactive-inverted-hover-0r4deg, #f9f9fa);
   border-color: transparent;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-flashbar-icon_vjswe_1ku9a_384:not(#\9):active {
+.awsui_button_vjswe_nyka2_157.awsui_variant-flashbar-icon_vjswe_nyka2_409:not(#\9):active {
   background: transparent;
   color: var(--color-text-interactive-inverted-default-8v8d60, #dedee3);
   border-color: transparent;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-flashbar-icon_vjswe_1ku9a_384.awsui_disabled_vjswe_1ku9a_223:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-flashbar-icon_vjswe_nyka2_409.awsui_disabled_vjswe_nyka2_223:not(#\9) {
   background: transparent;
   border-color: transparent;
   color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-breadcrumb-group_vjswe_1ku9a_409:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-breadcrumb-group_vjswe_nyka2_434:not(#\9) {
   background: transparent;
   color: var(--color-text-link-default-enwvrt, #006ce0);
   border-color: transparent;
@@ -419,61 +444,61 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: 0;
   font-weight: normal;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-breadcrumb-group_vjswe_1ku9a_409:not(#\9):hover {
+.awsui_button_vjswe_nyka2_157.awsui_variant-breadcrumb-group_vjswe_nyka2_434:not(#\9):hover {
   background: transparent;
   color: var(--color-text-link-hover-49uoe9, #002b66);
   border-color: transparent;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-breadcrumb-group_vjswe_1ku9a_409:not(#\9):active {
+.awsui_button_vjswe_nyka2_157.awsui_variant-breadcrumb-group_vjswe_nyka2_434:not(#\9):active {
   background: transparent;
   color: var(--color-text-link-default-enwvrt, #006ce0);
   border-color: transparent;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-breadcrumb-group_vjswe_1ku9a_409.awsui_disabled_vjswe_1ku9a_223:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-breadcrumb-group_vjswe_nyka2_434.awsui_disabled_vjswe_nyka2_223:not(#\9) {
   background: transparent;
   border-color: transparent;
   color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-menu-trigger_vjswe_1ku9a_439:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-menu-trigger_vjswe_nyka2_464:not(#\9) {
   background: transparent;
   color: var(--color-text-button-normal-default-476t5h, #006ce0);
   border-color: transparent;
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-menu-trigger_vjswe_1ku9a_439:not(#\9):hover {
+.awsui_button_vjswe_nyka2_157.awsui_variant-menu-trigger_vjswe_nyka2_464:not(#\9):hover {
   background: transparent;
   color: var(--color-text-button-normal-hover-e3tg09, #002b66);
   border-color: transparent;
   text-decoration: none;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-menu-trigger_vjswe_1ku9a_439:not(#\9):active {
+.awsui_button_vjswe_nyka2_157.awsui_variant-menu-trigger_vjswe_nyka2_464:not(#\9):active {
   background: transparent;
   color: var(--color-text-button-normal-active-fdnwsh, #002b66);
   border-color: transparent;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-menu-trigger_vjswe_1ku9a_439.awsui_disabled_vjswe_1ku9a_223:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-menu-trigger_vjswe_nyka2_464.awsui_disabled_vjswe_nyka2_223:not(#\9) {
   background: transparent;
   border-color: transparent;
   color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_1ku9a_157:not(#\9):focus {
+.awsui_button_vjswe_nyka2_157:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-cqfd0c, 4px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -487,14 +512,14 @@ body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus.awsui_variant-icon_vjswe_1ku9a_280, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_1ku9a_359, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_1ku9a_384 {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-icon_vjswe_nyka2_280, body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_nyka2_384, body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_nyka2_409 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus.awsui_variant-icon_vjswe_1ku9a_280, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_1ku9a_359, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_1ku9a_384 {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-icon_vjswe_nyka2_280, body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_nyka2_384, body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_nyka2_409 {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-cqfd0c, 4px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus.awsui_variant-icon_vjswe_1ku9a_280::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_1ku9a_359::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_1ku9a_384::before {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-icon_vjswe_nyka2_280::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_nyka2_384::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_nyka2_409::before {
   content: " ";
   display: block;
   position: absolute;
@@ -508,14 +533,14 @@ body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_1ku9a_305 {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_nyka2_305, body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_nyka2_330 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_1ku9a_305 {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_nyka2_305, body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_nyka2_330 {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-inline-icon-focus-outline-gutter-vk4r2v, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_1ku9a_305::before {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_nyka2_305::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_nyka2_157:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_nyka2_330::before {
   content: " ";
   display: block;
   position: absolute;
@@ -529,56 +554,59 @@ body[data-awsui-focus-visible=true] .awsui_button_vjswe_1ku9a_157:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_button_vjswe_1ku9a_157.awsui_button-no-text_vjswe_1ku9a_531:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_button-no-text_vjswe_nyka2_556:not(#\9) {
   padding-inline-start: var(--space-button-icon-only-horizontal-zsf2nw, 6px);
   padding-inline-end: var(--space-button-icon-only-horizontal-zsf2nw, 6px);
 }
-.awsui_button_vjswe_1ku9a_157.awsui_button-no-wrap_vjswe_1ku9a_535:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_button-no-wrap_vjswe_nyka2_560:not(#\9) {
   white-space: nowrap;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_full-width_vjswe_1ku9a_538:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_full-width_vjswe_nyka2_563:not(#\9) {
   inline-size: 100%;
   text-align: center;
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-icon_vjswe_1ku9a_280:not(#\9), .awsui_button_vjswe_1ku9a_157.awsui_variant-inline-icon_vjswe_1ku9a_305:not(#\9), .awsui_button_vjswe_1ku9a_157.awsui_variant-flashbar-icon_vjswe_1ku9a_384:not(#\9) {
-  padding-inline-start: var(--space-xxs-p8yyaw, 4px);
-  padding-inline-end: var(--space-xxs-p8yyaw, 4px);
+.awsui_button_vjswe_nyka2_157.awsui_variant-icon_vjswe_nyka2_280:not(#\9), .awsui_button_vjswe_nyka2_157.awsui_variant-inline-icon_vjswe_nyka2_305:not(#\9), .awsui_button_vjswe_nyka2_157.awsui_variant-inline-icon-pointer-target_vjswe_nyka2_330:not(#\9), .awsui_button_vjswe_nyka2_157.awsui_variant-flashbar-icon_vjswe_nyka2_409:not(#\9) {
+  padding-inline: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-modal-dismiss_vjswe_1ku9a_359:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-modal-dismiss_vjswe_nyka2_384:not(#\9) {
   padding-block: var(--space-button-modal-dismiss-vertical-0n4y5m, 2px);
   padding-inline: var(--space-xxs-p8yyaw, 4px);
   margin-inline-end: calc(-1 * var(--space-xxs-p8yyaw, 4px));
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-inline-icon_vjswe_1ku9a_305:not(#\9) {
-  padding-block-start: 0;
-  padding-block-end: 0;
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-icon_vjswe_nyka2_305:not(#\9) {
+  padding-block: 0;
+  border-block: 0;
+  border-inline: 0;
+}
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-icon-pointer-target_vjswe_nyka2_330:not(#\9) {
+  padding-block: var(--space-xxxs-zbmxqb, 2px);
   border-block: 0;
   border-inline: 0;
 }
-.awsui_button_vjswe_1ku9a_157 > .awsui_icon-left_vjswe_1ku9a_557:not(#\9) {
+.awsui_button_vjswe_nyka2_157 > .awsui_icon-left_vjswe_nyka2_585:not(#\9) {
   position: relative;
   inset-inline-start: calc(-1 * var(--space-xxs-p8yyaw, 4px));
   margin-inline-end: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_button_vjswe_1ku9a_157 > .awsui_icon-right_vjswe_1ku9a_562:not(#\9) {
+.awsui_button_vjswe_nyka2_157 > .awsui_icon-right_vjswe_nyka2_590:not(#\9) {
   position: relative;
   inset-inline-end: calc(-1 * var(--space-xxs-p8yyaw, 4px));
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-inline-link_vjswe_1ku9a_330 > .awsui_icon-left_vjswe_1ku9a_557:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-link_vjswe_nyka2_355 > .awsui_icon-left_vjswe_nyka2_585:not(#\9) {
   inset-inline-start: 0;
   margin-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_button_vjswe_1ku9a_157.awsui_variant-inline-link_vjswe_1ku9a_330 > .awsui_icon-right_vjswe_1ku9a_562:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_variant-inline-link_vjswe_nyka2_355 > .awsui_icon-right_vjswe_nyka2_590:not(#\9) {
   inset-inline-end: 0;
   margin-inline-start: var(--space-xs-zb16t3, 8px);
 }
-.awsui_button_vjswe_1ku9a_157.awsui_button-no-text_vjswe_1ku9a_531 > .awsui_icon_vjswe_1ku9a_557:not(#\9) {
+.awsui_button_vjswe_nyka2_157.awsui_button-no-text_vjswe_nyka2_556 > .awsui_icon_vjswe_nyka2_585:not(#\9) {
   margin-inline-start: auto;
   margin-inline-end: auto;
   inset-inline: 0;
 }
-.awsui_link_vjswe_1ku9a_581.awsui_disabled_vjswe_1ku9a_223:not(#\9):not(.awsui_disabled-with-reason_vjswe_1ku9a_581) {
+.awsui_link_vjswe_nyka2_609.awsui_disabled_vjswe_nyka2_223:not(#\9):not(.awsui_disabled-with-reason_vjswe_nyka2_609) {
   pointer-events: none;
 }

package/button/styles.selectors.js CHANGED Viewed

@@ -2,26 +2,27 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_vjswe_1ku9a_153",
-  "button": "awsui_button_vjswe_1ku9a_157",
-  "variant-normal": "awsui_variant-normal_vjswe_1ku9a_205",
-  "disabled": "awsui_disabled_vjswe_1ku9a_223",
-  "variant-primary": "awsui_variant-primary_vjswe_1ku9a_230",
-  "variant-link": "awsui_variant-link_vjswe_1ku9a_255",
-  "variant-icon": "awsui_variant-icon_vjswe_1ku9a_280",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1ku9a_305",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_1ku9a_330",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1ku9a_359",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1ku9a_384",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1ku9a_409",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1ku9a_439",
-  "button-no-text": "awsui_button-no-text_vjswe_1ku9a_531",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_1ku9a_535",
-  "full-width": "awsui_full-width_vjswe_1ku9a_538",
-  "icon-left": "awsui_icon-left_vjswe_1ku9a_557",
-  "icon-right": "awsui_icon-right_vjswe_1ku9a_562",
-  "icon": "awsui_icon_vjswe_1ku9a_557",
-  "link": "awsui_link_vjswe_1ku9a_581",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_1ku9a_581"
+  "content": "awsui_content_vjswe_nyka2_153",
+  "button": "awsui_button_vjswe_nyka2_157",
+  "variant-normal": "awsui_variant-normal_vjswe_nyka2_205",
+  "disabled": "awsui_disabled_vjswe_nyka2_223",
+  "variant-primary": "awsui_variant-primary_vjswe_nyka2_230",
+  "variant-link": "awsui_variant-link_vjswe_nyka2_255",
+  "variant-icon": "awsui_variant-icon_vjswe_nyka2_280",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_nyka2_305",
+  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_nyka2_330",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_nyka2_355",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_nyka2_384",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_nyka2_409",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_nyka2_434",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_nyka2_464",
+  "button-no-text": "awsui_button-no-text_vjswe_nyka2_556",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_nyka2_560",
+  "full-width": "awsui_full-width_vjswe_nyka2_563",
+  "icon-left": "awsui_icon-left_vjswe_nyka2_585",
+  "icon-right": "awsui_icon-right_vjswe_nyka2_590",
+  "icon": "awsui_icon_vjswe_nyka2_585",
+  "link": "awsui_link_vjswe_nyka2_609",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_nyka2_609"
 };

package/input/internal.js CHANGED Viewed

@@ -90,7 +90,7 @@ function InternalInput(_a, ref) {
             , {
                 // Used for test utils
                 // eslint-disable-next-line react/forbid-component-props
-                className: styles['input-button-right'], variant: "inline-icon", formAction: "none", iconName: __rightIcon, onClick: __onRightIconClick, ariaLabel: i18n('clearAriaLabel', clearAriaLabelOverride), disabled: disabled })))));
+                className: styles['input-button-right'], variant: "inline-icon-pointer-target", formAction: "none", iconName: __rightIcon, onClick: __onRightIconClick, ariaLabel: i18n('clearAriaLabel', clearAriaLabelOverride), disabled: disabled })))));
 }
 export default React.forwardRef(InternalInput);
 //# sourceMappingURL=internal.js.map

package/input/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/input/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, { Ref, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalButton from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps, useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireKeyboardEvent, fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useDebounceCallback } from '../internal/hooks/use-debounce-callback';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { GeneratedAnalyticsMetadataInputClearInput } from './analytics-metadata/interfaces';\nimport { BaseChangeDetail, BaseInputProps, InputAutoCorrect, InputProps } from './interfaces';\nimport { convertAutoComplete, useSearchProps } from './utils';\n\nimport styles from './styles.css.js';\n\nexport interface InternalInputProps\n extends BaseComponentProps,\n BaseInputProps,\n Omit<InputProps, 'type'>,\n InputAutoCorrect,\n FormFieldValidationControlProps,\n InternalBaseComponentProps {\n type?: InputProps['type'] \| 'visualSearch';\n __leftIcon?: IconProps['name'];\n __leftIconVariant?: IconProps['variant'];\n __onLeftIconClick?: () => void;\n\n __rightIcon?: IconProps['name'];\n __onRightIconClick?: () => void;\n\n __nativeAttributes?: React.InputHTMLAttributes<HTMLInputElement>;\n __noBorderRadius?: boolean;\n\n __onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n __onBlurWithDetail?: NonCancelableEventHandler<{ relatedTarget: Node \| null }>;\n\n __inheritFormFieldProps?: boolean;\n}\n\nfunction InternalInput(\n {\n type = 'text',\n step,\n inputMode,\n autoComplete = true,\n ariaLabel,\n clearAriaLabel: clearAriaLabelOverride,\n name,\n value,\n placeholder,\n autoFocus,\n disabled,\n readOnly,\n disableBrowserAutocorrect,\n spellcheck,\n __noBorderRadius,\n\n __leftIcon,\n __leftIconVariant = 'subtle',\n __onLeftIconClick,\n\n ariaRequired,\n\n __rightIcon,\n __onRightIconClick,\n\n onKeyDown,\n onKeyUp,\n onChange,\n __onDelayedInput,\n __onBlurWithDetail,\n onBlur,\n onFocus,\n __nativeAttributes,\n __internalRootRef,\n __inheritFormFieldProps,\n ...rest\n }: InternalInputProps,\n ref: Ref<HTMLInputElement>\n) {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('input');\n const fireDelayedInput = useDebounceCallback((value: string) => fireNonCancelableEvent(__onDelayedInput, { value }));\n\n const handleChange = (value: string) => {\n fireDelayedInput(value);\n fireNonCancelableEvent(onChange, { value });\n };\n\n const inputRef = useRef<HTMLInputElement>(null);\n const searchProps = useSearchProps(type, disabled, readOnly, value, inputRef, handleChange);\n __leftIcon = __leftIcon ?? searchProps.__leftIcon;\n __rightIcon = __rightIcon ?? searchProps.__rightIcon;\n __onRightIconClick = __onRightIconClick ?? searchProps.__onRightIconClick;\n\n const formFieldContext = useFormFieldContext(rest);\n const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = __inheritFormFieldProps\n ? formFieldContext\n : rest;\n\n const attributes: React.InputHTMLAttributes<HTMLInputElement> = {\n 'aria-label': ariaLabel,\n // aria-labelledby has precedence over aria-label in accessible name calculation.\n // When aria-label is provided for Input, it should override aria-labelledBy from form-field context.\n // If both aria-label and aria-labelledby come from Input props, aria-labelledby will be used in accessible name\n 'aria-labelledby': ariaLabel && !rest.ariaLabelledby ? undefined : ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n name,\n placeholder,\n autoFocus,\n id: controlId,\n className: clsx(\n styles.input,\n type && styles[`input-type-${type}`],\n __rightIcon && styles['input-has-icon-right'],\n __leftIcon && styles['input-has-icon-left'],\n __noBorderRadius && styles['input-has-no-border-radius'],\n {\n [styles['input-readonly']]: readOnly,\n [styles['input-invalid']]: invalid,\n [styles['input-warning']]: warning && !invalid,\n }\n ),\n autoComplete: convertAutoComplete(autoComplete),\n disabled,\n readOnly,\n type,\n step,\n inputMode,\n spellCheck: spellcheck,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n // We set a default value on the component in order to force it into the controlled mode.\n value: value ?? '',\n onChange: onChange && (event => handleChange(event.target.value)),\n onBlur: e => {\n onBlur && fireNonCancelableEvent(onBlur);\n __onBlurWithDetail && fireNonCancelableEvent(__onBlurWithDetail, { relatedTarget: e.relatedTarget });\n },\n onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n ...__nativeAttributes,\n };\n\n if (type === 'number') {\n // Chrome and Safari have a weird built-in behavior of letting focused\n // number inputs be controlled by scrolling on them. However, they don't\n // lock the browser's scroll, so it's very easy to accidentally increment\n // the input while scrolling down the page.\n attributes.onWheel = event => event.currentTarget.blur();\n }\n\n if (disableBrowserAutocorrect) {\n attributes.autoCorrect = 'off';\n attributes.autoCapitalize = 'off';\n }\n\n // ensure aria properties are string literal \"true\"\n if (ariaRequired) {\n attributes['aria-required'] = 'true';\n }\n if (invalid) {\n attributes['aria-invalid'] = 'true';\n }\n\n const mergedRef = useMergeRefs(ref, inputRef);\n\n // type = \"visualSearch\" renders a type=\"text' input\n if (attributes.type === 'visualSearch') {\n attributes.type = 'text';\n }\n\n return (\n <div\n {...baseProps}\n className={clsx(baseProps.className, styles['input-container'])}\n ref={__internalRootRef}\n dir={type === 'email' ? 'ltr' : undefined}\n >\n {__leftIcon && (\n <span onClick={__onLeftIconClick} className={styles['input-icon-left']}>\n <InternalIcon name={__leftIcon} variant={disabled \|\| readOnly ? 'disabled' : __leftIconVariant} />\n </span>\n )}\n <input ref={mergedRef} {...attributes} />\n {__rightIcon && (\n <span\n className={styles['input-icon-right']}\n {...(__rightIcon === 'close'\n ? getAnalyticsMetadataAttribute({\n action: 'clearInput',\n } as Partial<GeneratedAnalyticsMetadataInputClearInput>)\n : {})}\n >\n <InternalButton\n // Used for test utils\n // eslint-disable-next-line react/forbid-component-props\n className={styles['input-button-right']}\n variant=\"inline-icon\"\n formAction=\"none\"\n iconName={__rightIcon}\n onClick={__onRightIconClick}\n ariaLabel={i18n('clearAriaLabel', clearAriaLabelOverride)}\n disabled={disabled}\n />\n </span>\n )}\n </div>\n );\n}\n\nexport default React.forwardRef(InternalInput);\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/input/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAO,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAmC,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC9G,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAA6B,MAAM,oBAAoB,CAAC;AAE1G,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAGhE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA0BrC,SAAS,aAAa,CACpB,EAqCqB,EACrB,GAA0B;QAtC1B,EACE,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,SAAS,EACT,YAAY,GAAG,IAAI,EACnB,SAAS,EACT,cAAc,EAAE,sBAAsB,EACtC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,yBAAyB,EACzB,UAAU,EACV,gBAAgB,EAEhB,UAAU,EACV,iBAAiB,GAAG,QAAQ,EAC5B,iBAAiB,EAEjB,YAAY,EAEZ,WAAW,EACX,kBAAkB,EAElB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,MAAM,EACN,OAAO,EACP,kBAAkB,EAClB,iBAAiB,EACjB,uBAAuB,OAEJ,EADhB,IAAI,cApCT,seAqCC,CADQ;IAIT,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAErH,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC5F,UAAU,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,WAAW,CAAC,UAAU,CAAC;IAClD,WAAW,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW,CAAC,WAAW,CAAC;IACrD,kBAAkB,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,WAAW,CAAC,kBAAkB,CAAC;IAE1E,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,uBAAuB;QAC9F,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,UAAU,mBACd,YAAY,EAAE,SAAS;QACvB,iFAAiF;QACjF,qGAAqG;QACrG,gHAAgH;QAChH,iBAAiB,EAAE,SAAS,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,EACjF,kBAAkB,EAAE,eAAe,EACnC,IAAI;QACJ,WAAW;QACX,SAAS,EACT,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,KAAK,EACZ,IAAI,IAAI,MAAM,CAAC,cAAc,IAAI,EAAE,CAAC,EACpC,WAAW,IAAI,MAAM,CAAC,sBAAsB,CAAC,EAC7C,UAAU,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAC3C,gBAAgB,IAAI,MAAM,CAAC,4BAA4B,CAAC,EACxD;YACE,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,QAAQ;YACpC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,OAAO;YAClC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,OAAO;SAC/C,CACF,EACD,YAAY,EAAE,mBAAmB,CAAC,YAAY,CAAC,EAC/C,QAAQ;QACR,QAAQ;QACR,IAAI;QACJ,IAAI;QACJ,SAAS,EACT,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,EACtE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAChE,yFAAyF;QACzF,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACjE,MAAM,EAAE,CAAC,CAAC,EAAE;YACV,MAAM,IAAI,sBAAsB,CAAC,MAAM,CAAC,CAAC;YACzC,kBAAkB,IAAI,sBAAsB,CAAC,kBAAkB,EAAE,EAAE,aAAa,EAAE,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC;QACvG,CAAC,EACD,OAAO,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,IACxD,kBAAkB,CACtB,CAAC;IAEF,IAAI,IAAI,KAAK,QAAQ,EAAE;QACrB,sEAAsE;QACtE,wEAAwE;QACxE,yEAAyE;QACzE,2CAA2C;QAC3C,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;KAC1D;IAED,IAAI,yBAAyB,EAAE;QAC7B,UAAU,CAAC,WAAW,GAAG,KAAK,CAAC;QAC/B,UAAU,CAAC,cAAc,GAAG,KAAK,CAAC;KACnC;IAED,mDAAmD;IACnD,IAAI,YAAY,EAAE;QAChB,UAAU,CAAC,eAAe,CAAC,GAAG,MAAM,CAAC;KACtC;IACD,IAAI,OAAO,EAAE;QACX,UAAU,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC;KACrC;IAED,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAE9C,oDAAoD;IACpD,IAAI,UAAU,CAAC,IAAI,KAAK,cAAc,EAAE;QACtC,UAAU,CAAC,IAAI,GAAG,MAAM,CAAC;KAC1B;IAED,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,EAC/D,GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QAExC,UAAU,IAAI,CACb,8BAAM,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;YACpE,oBAAC,YAAY,IAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,GAAI,CAC7F,CACR;QACD,6CAAO,GAAG,EAAE,SAAS,IAAM,UAAU,EAAI;QACxC,WAAW,IAAI,CACd,4CACE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,IACjC,CAAC,WAAW,KAAK,OAAO;YAC1B,CAAC,CAAC,6BAA6B,CAAC;gBAC5B,MAAM,EAAE,YAAY;aACiC,CAAC;YAC1D,CAAC,CAAC,EAAE,CAAC;YAEP,oBAAC,cAAc;YACb,sBAAsB;YACtB,wDAAwD;;gBADxD,sBAAsB;gBACtB,wDAAwD;gBACxD,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,EACvC,OAAO,EAAC,4BAA4B,EACpC,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,EACzD,QAAQ,EAAE,QAAQ,GAClB,CACG,CACR,CACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalButton from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps, useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireKeyboardEvent, fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useDebounceCallback } from '../internal/hooks/use-debounce-callback';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { GeneratedAnalyticsMetadataInputClearInput } from './analytics-metadata/interfaces';\nimport { BaseChangeDetail, BaseInputProps, InputAutoCorrect, InputProps } from './interfaces';\nimport { convertAutoComplete, useSearchProps } from './utils';\n\nimport styles from './styles.css.js';\n\nexport interface InternalInputProps\n extends BaseComponentProps,\n BaseInputProps,\n Omit<InputProps, 'type'>,\n InputAutoCorrect,\n FormFieldValidationControlProps,\n InternalBaseComponentProps {\n type?: InputProps['type'] \| 'visualSearch';\n __leftIcon?: IconProps['name'];\n __leftIconVariant?: IconProps['variant'];\n __onLeftIconClick?: () => void;\n\n __rightIcon?: IconProps['name'];\n __onRightIconClick?: () => void;\n\n __nativeAttributes?: React.InputHTMLAttributes<HTMLInputElement>;\n __noBorderRadius?: boolean;\n\n __onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n __onBlurWithDetail?: NonCancelableEventHandler<{ relatedTarget: Node \| null }>;\n\n __inheritFormFieldProps?: boolean;\n}\n\nfunction InternalInput(\n {\n type = 'text',\n step,\n inputMode,\n autoComplete = true,\n ariaLabel,\n clearAriaLabel: clearAriaLabelOverride,\n name,\n value,\n placeholder,\n autoFocus,\n disabled,\n readOnly,\n disableBrowserAutocorrect,\n spellcheck,\n __noBorderRadius,\n\n __leftIcon,\n __leftIconVariant = 'subtle',\n __onLeftIconClick,\n\n ariaRequired,\n\n __rightIcon,\n __onRightIconClick,\n\n onKeyDown,\n onKeyUp,\n onChange,\n __onDelayedInput,\n __onBlurWithDetail,\n onBlur,\n onFocus,\n __nativeAttributes,\n __internalRootRef,\n __inheritFormFieldProps,\n ...rest\n }: InternalInputProps,\n ref: Ref<HTMLInputElement>\n) {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('input');\n const fireDelayedInput = useDebounceCallback((value: string) => fireNonCancelableEvent(__onDelayedInput, { value }));\n\n const handleChange = (value: string) => {\n fireDelayedInput(value);\n fireNonCancelableEvent(onChange, { value });\n };\n\n const inputRef = useRef<HTMLInputElement>(null);\n const searchProps = useSearchProps(type, disabled, readOnly, value, inputRef, handleChange);\n __leftIcon = __leftIcon ?? searchProps.__leftIcon;\n __rightIcon = __rightIcon ?? searchProps.__rightIcon;\n __onRightIconClick = __onRightIconClick ?? searchProps.__onRightIconClick;\n\n const formFieldContext = useFormFieldContext(rest);\n const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = __inheritFormFieldProps\n ? formFieldContext\n : rest;\n\n const attributes: React.InputHTMLAttributes<HTMLInputElement> = {\n 'aria-label': ariaLabel,\n // aria-labelledby has precedence over aria-label in accessible name calculation.\n // When aria-label is provided for Input, it should override aria-labelledBy from form-field context.\n // If both aria-label and aria-labelledby come from Input props, aria-labelledby will be used in accessible name\n 'aria-labelledby': ariaLabel && !rest.ariaLabelledby ? undefined : ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n name,\n placeholder,\n autoFocus,\n id: controlId,\n className: clsx(\n styles.input,\n type && styles[`input-type-${type}`],\n __rightIcon && styles['input-has-icon-right'],\n __leftIcon && styles['input-has-icon-left'],\n __noBorderRadius && styles['input-has-no-border-radius'],\n {\n [styles['input-readonly']]: readOnly,\n [styles['input-invalid']]: invalid,\n [styles['input-warning']]: warning && !invalid,\n }\n ),\n autoComplete: convertAutoComplete(autoComplete),\n disabled,\n readOnly,\n type,\n step,\n inputMode,\n spellCheck: spellcheck,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n // We set a default value on the component in order to force it into the controlled mode.\n value: value ?? '',\n onChange: onChange && (event => handleChange(event.target.value)),\n onBlur: e => {\n onBlur && fireNonCancelableEvent(onBlur);\n __onBlurWithDetail && fireNonCancelableEvent(__onBlurWithDetail, { relatedTarget: e.relatedTarget });\n },\n onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n ...__nativeAttributes,\n };\n\n if (type === 'number') {\n // Chrome and Safari have a weird built-in behavior of letting focused\n // number inputs be controlled by scrolling on them. However, they don't\n // lock the browser's scroll, so it's very easy to accidentally increment\n // the input while scrolling down the page.\n attributes.onWheel = event => event.currentTarget.blur();\n }\n\n if (disableBrowserAutocorrect) {\n attributes.autoCorrect = 'off';\n attributes.autoCapitalize = 'off';\n }\n\n // ensure aria properties are string literal \"true\"\n if (ariaRequired) {\n attributes['aria-required'] = 'true';\n }\n if (invalid) {\n attributes['aria-invalid'] = 'true';\n }\n\n const mergedRef = useMergeRefs(ref, inputRef);\n\n // type = \"visualSearch\" renders a type=\"text' input\n if (attributes.type === 'visualSearch') {\n attributes.type = 'text';\n }\n\n return (\n <div\n {...baseProps}\n className={clsx(baseProps.className, styles['input-container'])}\n ref={__internalRootRef}\n dir={type === 'email' ? 'ltr' : undefined}\n >\n {__leftIcon && (\n <span onClick={__onLeftIconClick} className={styles['input-icon-left']}>\n <InternalIcon name={__leftIcon} variant={disabled \|\| readOnly ? 'disabled' : __leftIconVariant} />\n </span>\n )}\n <input ref={mergedRef} {...attributes} />\n {__rightIcon && (\n <span\n className={styles['input-icon-right']}\n {...(__rightIcon === 'close'\n ? getAnalyticsMetadataAttribute({\n action: 'clearInput',\n } as Partial<GeneratedAnalyticsMetadataInputClearInput>)\n : {})}\n >\n <InternalButton\n // Used for test utils\n // eslint-disable-next-line react/forbid-component-props\n className={styles['input-button-right']}\n variant=\"inline-icon-pointer-target\"\n formAction=\"none\"\n iconName={__rightIcon}\n onClick={__onRightIconClick}\n ariaLabel={i18n('clearAriaLabel', clearAriaLabelOverride)}\n disabled={disabled}\n />\n </span>\n )}\n </div>\n );\n}\n\nexport default React.forwardRef(InternalInput);\n"]}

package/input/styles.css.js CHANGED Viewed

@@ -1,18 +1,18 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2rhyz_1hz2o_145",
-  "input": "awsui_input_2rhyz_1hz2o_149",
-  "input-readonly": "awsui_input-readonly_2rhyz_1hz2o_196",
-  "input-invalid": "awsui_input-invalid_2rhyz_1hz2o_263",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1hz2o_272",
-  "input-warning": "awsui_input-warning_2rhyz_1hz2o_275",
-  "input-type-search": "awsui_input-type-search_2rhyz_1hz2o_287",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1hz2o_300",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1hz2o_303",
-  "input-container": "awsui_input-container_2rhyz_1hz2o_310",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_1hz2o_315",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_1hz2o_322",
-  "input-button-right": "awsui_input-button-right_2rhyz_1hz2o_328"
+  "root": "awsui_root_2rhyz_1v4bv_145",
+  "input": "awsui_input_2rhyz_1v4bv_149",
+  "input-readonly": "awsui_input-readonly_2rhyz_1v4bv_196",
+  "input-invalid": "awsui_input-invalid_2rhyz_1v4bv_263",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1v4bv_272",
+  "input-warning": "awsui_input-warning_2rhyz_1v4bv_275",
+  "input-type-search": "awsui_input-type-search_2rhyz_1v4bv_287",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1v4bv_300",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1v4bv_303",
+  "input-container": "awsui_input-container_2rhyz_1v4bv_310",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_1v4bv_315",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_1v4bv_322",
+  "input-button-right": "awsui_input-button-right_2rhyz_1v4bv_328"
 };

package/input/styles.scoped.css CHANGED Viewed

@@ -142,11 +142,11 @@
 */
 /* 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_2rhyz_1hz2o_145:not(#\9) {
+.awsui_root_2rhyz_1v4bv_145:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
-.awsui_input_2rhyz_1hz2o_149:not(#\9) {
+.awsui_input_2rhyz_1v4bv_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -194,36 +194,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-m-30ar75, 20px);
   block-size: var(--size-vertical-input-v5iwwf, 32px);
 }
-.awsui_input_2rhyz_1hz2o_149.awsui_input-readonly_2rhyz_1hz2o_196:not(#\9) {
+.awsui_input_2rhyz_1v4bv_149.awsui_input-readonly_2rhyz_1v4bv_196:not(#\9) {
   background-color: var(--color-background-input-default-u56ls1, #ffffff);
   border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
   border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
 }
-.awsui_input_2rhyz_1hz2o_149:not(#\9)::-webkit-input-placeholder {
+.awsui_input_2rhyz_1v4bv_149:not(#\9)::-webkit-input-placeholder {
   color: var(--color-text-input-placeholder-f3x213, #656871);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_1hz2o_149:not(#\9)::-ms-input-placeholder {
+.awsui_input_2rhyz_1v4bv_149:not(#\9)::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-f3x213, #656871);
   font-style: italic;
 }
-.awsui_input_2rhyz_1hz2o_149:not(#\9)::-moz-placeholder {
+.awsui_input_2rhyz_1v4bv_149:not(#\9)::-moz-placeholder {
   color: var(--color-text-input-placeholder-f3x213, #656871);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_1hz2o_149:not(#\9):-ms-input-placeholder {
+.awsui_input_2rhyz_1v4bv_149:not(#\9):-ms-input-placeholder {
   color: var(--color-text-input-placeholder-f3x213, #656871);
   font-style: italic;
 }
-.awsui_input_2rhyz_1hz2o_149:not(#\9):-moz-placeholder {
+.awsui_input_2rhyz_1v4bv_149:not(#\9):-moz-placeholder {
   color: var(--color-text-input-placeholder-f3x213, #656871);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_1hz2o_149:not(#\9):focus {
+.awsui_input_2rhyz_1v4bv_149:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
   border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
@@ -233,7 +233,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_input_2rhyz_1hz2o_149:not(#\9):disabled {
+.awsui_input_2rhyz_1v4bv_149:not(#\9):disabled {
   background-color: var(--color-background-input-disabled-gvxsk4, #ebebf0);
   border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
   border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
@@ -241,93 +241,93 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: auto;
   cursor: default;
 }
-.awsui_input_2rhyz_1hz2o_149:not(#\9):disabled::-webkit-input-placeholder {
+.awsui_input_2rhyz_1v4bv_149:not(#\9):disabled::-webkit-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_1hz2o_149:not(#\9):disabled::-ms-input-placeholder {
+.awsui_input_2rhyz_1v4bv_149:not(#\9):disabled::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
 }
-.awsui_input_2rhyz_1hz2o_149:not(#\9):disabled::-moz-placeholder {
+.awsui_input_2rhyz_1v4bv_149:not(#\9):disabled::-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
   opacity: 1;
 }
-.awsui_input_2rhyz_1hz2o_149:not(#\9):disabled:-ms-input-placeholder {
+.awsui_input_2rhyz_1v4bv_149:not(#\9):disabled:-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
 }
-.awsui_input_2rhyz_1hz2o_149:not(#\9):disabled:-moz-placeholder {
+.awsui_input_2rhyz_1v4bv_149:not(#\9):disabled:-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
   opacity: 1;
 }
-.awsui_input_2rhyz_1hz2o_149:not(#\9):invalid {
+.awsui_input_2rhyz_1v4bv_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_1hz2o_149.awsui_input-invalid_2rhyz_1hz2o_263:not(#\9) {
+.awsui_input_2rhyz_1v4bv_149.awsui_input-invalid_2rhyz_1v4bv_263:not(#\9) {
   color: var(--color-text-status-error-5676bj, #db0000);
   border-color: var(--color-text-status-error-5676bj, #db0000);
   padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
   border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
 }
-.awsui_input_2rhyz_1hz2o_149.awsui_input-invalid_2rhyz_1hz2o_263:not(#\9):focus {
+.awsui_input_2rhyz_1v4bv_149.awsui_input-invalid_2rhyz_1v4bv_263:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_input_2rhyz_1hz2o_149.awsui_input-invalid_2rhyz_1hz2o_263.awsui_input-has-icon-left_2rhyz_1hz2o_272:not(#\9) {
+.awsui_input_2rhyz_1v4bv_149.awsui_input-invalid_2rhyz_1v4bv_263.awsui_input-has-icon-left_2rhyz_1v4bv_272:not(#\9) {
   padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
 }
-.awsui_input_2rhyz_1hz2o_149.awsui_input-warning_2rhyz_1hz2o_275:not(#\9) {
+.awsui_input_2rhyz_1v4bv_149.awsui_input-warning_2rhyz_1v4bv_275:not(#\9) {
   color: var(--color-text-status-warning-csaw41, #855900);
   border-color: var(--color-text-status-warning-csaw41, #855900);
   padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
   border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
 }
-.awsui_input_2rhyz_1hz2o_149.awsui_input-warning_2rhyz_1hz2o_275:not(#\9):focus {
+.awsui_input_2rhyz_1v4bv_149.awsui_input-warning_2rhyz_1v4bv_275:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_input_2rhyz_1hz2o_149.awsui_input-warning_2rhyz_1hz2o_275.awsui_input-has-icon-left_2rhyz_1hz2o_272:not(#\9) {
+.awsui_input_2rhyz_1v4bv_149.awsui_input-warning_2rhyz_1v4bv_275.awsui_input-has-icon-left_2rhyz_1v4bv_272:not(#\9) {
   padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
 }
-.awsui_input_2rhyz_1hz2o_149.awsui_input-type-search_2rhyz_1hz2o_287:not(#\9) {
+.awsui_input_2rhyz_1v4bv_149.awsui_input-type-search_2rhyz_1v4bv_287:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_1hz2o_149.awsui_input-type-search_2rhyz_1hz2o_287:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_1v4bv_149.awsui_input-type-search_2rhyz_1v4bv_287:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_1hz2o_149.awsui_input-type-search_2rhyz_1hz2o_287:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_1v4bv_149.awsui_input-type-search_2rhyz_1v4bv_287:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_1hz2o_149.awsui_input-has-icon-left_2rhyz_1hz2o_272:not(#\9) {
+.awsui_input_2rhyz_1v4bv_149.awsui_input-has-icon-left_2rhyz_1v4bv_272:not(#\9) {
   padding-inline-start: var(--space-field-icon-offset-csk9vw, 36px);
 }
-.awsui_input_2rhyz_1hz2o_149.awsui_input-has-icon-right_2rhyz_1hz2o_300:not(#\9) {
+.awsui_input_2rhyz_1v4bv_149.awsui_input-has-icon-right_2rhyz_1v4bv_300:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-csk9vw, 36px);
 }
-.awsui_input_2rhyz_1hz2o_149.awsui_input-has-no-border-radius_2rhyz_1hz2o_303:not(#\9) {
+.awsui_input_2rhyz_1v4bv_149.awsui_input-has-no-border-radius_2rhyz_1v4bv_303:not(#\9) {
   border-start-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
   border-start-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
   border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
   border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
 }
-.awsui_input-container_2rhyz_1hz2o_310:not(#\9) {
+.awsui_input-container_2rhyz_1v4bv_310:not(#\9) {
   display: flex;
   position: relative;
 }
-.awsui_input-icon-left_2rhyz_1hz2o_315:not(#\9) {
+.awsui_input-icon-left_2rhyz_1v4bv_315:not(#\9) {
   position: absolute;
   pointer-events: none;
   inset-inline-start: var(--space-field-horizontal-gg19kw, 12px);
   inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
 }
-.awsui_input-icon-right_2rhyz_1hz2o_322:not(#\9) {
+.awsui_input-icon-right_2rhyz_1v4bv_322:not(#\9) {
   position: absolute;
-  inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
+  inset-block-start: calc(calc(50% - var(--line-height-body-m-30ar75, 20px) / 2) - var(--space-xxxs-zbmxqb, 2px));
   inset-inline-end: calc(var(--space-field-horizontal-gg19kw, 12px) - var(--space-xxs-p8yyaw, 4px));
 }
-.awsui_input-button-right_2rhyz_1hz2o_328:not(#\9) {
+.awsui_input-button-right_2rhyz_1v4bv_328:not(#\9) {
   /* used in test-utils */
 }

package/input/styles.selectors.js CHANGED Viewed

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2rhyz_1hz2o_145",
-  "input": "awsui_input_2rhyz_1hz2o_149",
-  "input-readonly": "awsui_input-readonly_2rhyz_1hz2o_196",
-  "input-invalid": "awsui_input-invalid_2rhyz_1hz2o_263",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1hz2o_272",
-  "input-warning": "awsui_input-warning_2rhyz_1hz2o_275",
-  "input-type-search": "awsui_input-type-search_2rhyz_1hz2o_287",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1hz2o_300",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1hz2o_303",
-  "input-container": "awsui_input-container_2rhyz_1hz2o_310",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_1hz2o_315",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_1hz2o_322",
-  "input-button-right": "awsui_input-button-right_2rhyz_1hz2o_328"
+  "root": "awsui_root_2rhyz_1v4bv_145",
+  "input": "awsui_input_2rhyz_1v4bv_149",
+  "input-readonly": "awsui_input-readonly_2rhyz_1v4bv_196",
+  "input-invalid": "awsui_input-invalid_2rhyz_1v4bv_263",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1v4bv_272",
+  "input-warning": "awsui_input-warning_2rhyz_1v4bv_275",
+  "input-type-search": "awsui_input-type-search_2rhyz_1v4bv_287",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1v4bv_300",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1v4bv_303",
+  "input-container": "awsui_input-container_2rhyz_1v4bv_310",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_1v4bv_315",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_1v4bv_322",
+  "input-button-right": "awsui_input-button-right_2rhyz_1v4bv_328"
 };

package/internal/environment.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (6038d566)";
+export var PACKAGE_VERSION = "3.0.0 (7c8f26d3)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (6038d566)",
+  "PACKAGE_VERSION": "3.0.0 (7c8f26d3)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/hooks/use-mobile/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
+export declare const forceMobileModeSymbol: unique symbol;
 export declare const useMobile: () => boolean;
 //# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-mobile/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-mobile/index.ts"],"names":[],"mappings":"~~AA0BA~~,eAAO,MAAM,SAAS,eASpB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-mobile/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,qBAAqB,eAAwC,CAAC;AA4B3E,eAAO,MAAM,SAAS,eASpB,CAAC"}

package/internal/hooks/use-mobile/index.js CHANGED Viewed

@@ -2,7 +2,14 @@
 // SPDX-License-Identifier: Apache-2.0
 import { createSingletonState } from '@cloudscape-design/component-toolkit/internal';
 import { getMatchingBreakpoint, mobileBreakpoint } from '../../breakpoints';
+export const forceMobileModeSymbol = Symbol.for('awsui-force-mobile-mode');
 function getIsMobile() {
+    // allow overriding the mobile mode in tests
+    // any is needed because of this https://github.com/microsoft/TypeScript/issues/36813
+    const forceMobileMode = globalThis[forceMobileModeSymbol];
+    if (typeof forceMobileMode !== 'undefined') {
+        return forceMobileMode;
+    }
     if (typeof window === 'undefined') {
         // assume desktop in server-rendering
         return false;

package/internal/hooks/use-mobile/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-mobile/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAErF,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE5E,SAAS,WAAW;IAClB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,qCAAqC;QACrC,OAAO,KAAK,CAAC;KACd;IAED,IAAI,MAAM,CAAC,UAAU,EAAE;QACrB;;;;;;WAMG;QACH,OAAO,MAAM,CAAC,UAAU,CAAC,eAAe,gBAAgB,KAAK,CAAC,CAAC,OAAO,CAAC;KACxE;IAED,OAAO,qBAAqB,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC;AACnE,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,oBAAoB,CAAU;IACrD,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE;IACjC,OAAO,EAAE,OAAO,CAAC,EAAE;QACjB,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;QAC9C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { createSingletonState } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getMatchingBreakpoint, mobileBreakpoint } from '../../breakpoints';\n\nfunction getIsMobile() {\n if (typeof window === 'undefined') {\n // assume desktop in server-rendering\n return false;\n }\n\n if (window.matchMedia) {\n /*\n Some browsers include the scrollbar width in their media query calculations, but\n * some browsers don't. Thus we can't use `window.innerWidth` or\n * `document.documentElement.clientWidth` to get a very accurate result (since we\n * wouldn't know which one of them to use).\n * Instead, we use the media query here in JS too.\n */\n return window.matchMedia(`(max-width: ${mobileBreakpoint}px)`).matches;\n }\n\n return getMatchingBreakpoint(window.innerWidth, ['xs']) !== 'xs';\n}\n\nexport const useMobile = createSingletonState<boolean>({\n initialState: () => getIsMobile(),\n factory: handler => {\n const listener = () => handler(getIsMobile());\n window.addEventListener('resize', listener);\n return () => {\n window.removeEventListener('resize', listener);\n };\n },\n});\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-mobile/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAErF,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE5E,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;AAE3E,SAAS,WAAW;IAClB,4CAA4C;IAC5C,qFAAqF;IACrF,MAAM,eAAe,GAAI,UAAkB,CAAC,qBAAqB,CAAC,CAAC;IACnE,IAAI,OAAO,eAAe,KAAK,WAAW,EAAE;QAC1C,OAAO,eAAe,CAAC;KACxB;IACD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,qCAAqC;QACrC,OAAO,KAAK,CAAC;KACd;IAED,IAAI,MAAM,CAAC,UAAU,EAAE;QACrB;;;;;;WAMG;QACH,OAAO,MAAM,CAAC,UAAU,CAAC,eAAe,gBAAgB,KAAK,CAAC,CAAC,OAAO,CAAC;KACxE;IAED,OAAO,qBAAqB,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC;AACnE,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,oBAAoB,CAAU;IACrD,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE;IACjC,OAAO,EAAE,OAAO,CAAC,EAAE;QACjB,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;QAC9C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { createSingletonState } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getMatchingBreakpoint, mobileBreakpoint } from '../../breakpoints';\n\nexport const forceMobileModeSymbol = Symbol.for('awsui-force-mobile-mode');\n\nfunction getIsMobile() {\n // allow overriding the mobile mode in tests\n // any is needed because of this https://github.com/microsoft/TypeScript/issues/36813\n const forceMobileMode = (globalThis as any)[forceMobileModeSymbol];\n if (typeof forceMobileMode !== 'undefined') {\n return forceMobileMode;\n }\n if (typeof window === 'undefined') {\n // assume desktop in server-rendering\n return false;\n }\n\n if (window.matchMedia) {\n /*\n Some browsers include the scrollbar width in their media query calculations, but\n * some browsers don't. Thus we can't use `window.innerWidth` or\n * `document.documentElement.clientWidth` to get a very accurate result (since we\n * wouldn't know which one of them to use).\n * Instead, we use the media query here in JS too.\n */\n return window.matchMedia(`(max-width: ${mobileBreakpoint}px)`).matches;\n }\n\n return getMatchingBreakpoint(window.innerWidth, ['xs']) !== 'xs';\n}\n\nexport const useMobile = createSingletonState<boolean>({\n initialState: () => getIsMobile(),\n factory: handler => {\n const listener = () => handler(getIsMobile());\n window.addEventListener('resize', listener);\n return () => {\n window.removeEventListener('resize', listener);\n };\n },\n});\n"]}

package/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "6038d566e883b032719d174a8032c97dae1be916"
+  "commit": "7c8f26d3835af10759cea475c882ccca334379dd"
 }

package/package.json CHANGED Viewed

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