@cloudscape-design/components-themeable 3.0.1360 → 3.0.1362

package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1xe8a_29",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1xe8a_49",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1xe8a_49",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1xe8a_49",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1xe8a_49",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1xe8a_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1xe8a_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1xe8a_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1xe8a_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1xe8a_89",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1xe8a_93",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1xe8a_97",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1xe8a_108",
-  "contents": "awsui_contents_155yk_1xe8a_119",
-  "portal-overlay": "awsui_portal-overlay_155yk_1xe8a_123",
-  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1xe8a_131",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1xe8a_135",
-  "drag-handle": "awsui_drag-handle_155yk_1xe8a_139",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1xe8a_152",
-  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1xe8a_176",
-  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1xe8a_180",
-  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1xe8a_184",
-  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1xe8a_188",
-  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1xe8a_192",
-  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1xe8a_196",
-  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1xe8a_200",
-  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1xe8a_204",
-  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1xe8a_208",
-  "direction-button": "awsui_direction-button_155yk_1xe8a_29",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1xe8a_231"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_wnan2_29",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_wnan2_49",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_wnan2_49",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_wnan2_49",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_wnan2_49",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_wnan2_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_wnan2_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_wnan2_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_wnan2_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_wnan2_89",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_wnan2_93",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_wnan2_97",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_wnan2_108",
+  "contents": "awsui_contents_155yk_wnan2_119",
+  "portal-overlay": "awsui_portal-overlay_155yk_wnan2_123",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_wnan2_131",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_wnan2_135",
+  "drag-handle": "awsui_drag-handle_155yk_wnan2_139",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_wnan2_152",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_wnan2_176",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_wnan2_180",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_wnan2_184",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_wnan2_188",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_wnan2_192",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_wnan2_196",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_wnan2_200",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_wnan2_204",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_wnan2_208",
+  "direction-button": "awsui_direction-button_155yk_wnan2_29",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_wnan2_231"
 };
   

package/lib/internal/template/internal/components/expand-toggle-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/expand-toggle-button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,qBAAqB,GACtB,EAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,eAuBA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/expand-toggle-button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,qBAAqB,GACtB,EAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,eAyBA"}

package/lib/internal/template/internal/components/expand-toggle-button/index.js

@@ -8,6 +8,6 @@ import styles from './styles.css.js';
 export function ExpandToggleButton({ isExpanded, onExpandableItemToggle, expandButtonLabel, collapseButtonLabel, customIcon, className, disableFocusHighlight, }) {
     const buttonRef = useRef(null);
     const { tabIndex } = useSingleTabStopNavigation(buttonRef);
-    return (React.createElement("button", { type: "button", ref: buttonRef, tabIndex: tabIndex, "aria-label": isExpanded ? collapseButtonLabel : expandButtonLabel, "aria-expanded": isExpanded, className: clsx(styles['expand-toggle'], disableFocusHighlight && styles['disable-focus-highlight'], className), onClick: onExpandableItemToggle }, customIcon !== null && customIcon !== void 0 ? customIcon : (React.createElement(InternalIcon, { size: isThemeActive(Theme.OneTheme) ? 'x-small' : 'small', name: isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled', className: clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded']) }))));
+    return (React.createElement("button", { type: "button", ref: buttonRef, tabIndex: tabIndex, "aria-label": isExpanded ? collapseButtonLabel : expandButtonLabel, "aria-expanded": isExpanded, className: clsx(styles['expand-toggle'], disableFocusHighlight && styles['disable-focus-highlight'], className), onClick: onExpandableItemToggle, "data-awsui-motion-trigger": "hover", "data-awsui-motion-target": "" }, customIcon !== null && customIcon !== void 0 ? customIcon : (React.createElement(InternalIcon, { size: isThemeActive(Theme.OneTheme) ? 'x-small' : 'small', name: isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled', className: clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded']) }))));
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/components/expand-toggle-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/expand-toggle-button/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAEjH,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAElD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,qBAAqB,GAStB;IACC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAE3D,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,gBACN,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,mBACjD,UAAU,EACzB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,qBAAqB,IAAI,MAAM,CAAC,yBAAyB,CAAC,EAAE,SAAS,CAAC,EAC/G,OAAO,EAAE,sBAAsB,IAE9B,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CACb,oBAAC,YAAY,IACX,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACzD,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,EACxE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,UAAU,IAAI,MAAM,CAAC,6BAA6B,CAAC,CAAC,GAClG,CACH,CACM,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme, useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalIcon from '../../../icon/internal';\n\nimport styles from './styles.css.js';\n\nexport function ExpandToggleButton({\n  isExpanded,\n  onExpandableItemToggle,\n  expandButtonLabel,\n  collapseButtonLabel,\n  customIcon,\n  className,\n  disableFocusHighlight,\n}: {\n  isExpanded?: boolean;\n  onExpandableItemToggle?: () => void;\n  expandButtonLabel?: string;\n  collapseButtonLabel?: string;\n  customIcon?: React.ReactNode;\n  className?: string;\n  disableFocusHighlight?: boolean;\n}) {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { tabIndex } = useSingleTabStopNavigation(buttonRef);\n\n  return (\n    <button\n      type=\"button\"\n      ref={buttonRef}\n      tabIndex={tabIndex}\n      aria-label={isExpanded ? collapseButtonLabel : expandButtonLabel}\n      aria-expanded={isExpanded}\n      className={clsx(styles['expand-toggle'], disableFocusHighlight && styles['disable-focus-highlight'], className)}\n      onClick={onExpandableItemToggle}\n    >\n      {customIcon ?? (\n        <InternalIcon\n          size={isThemeActive(Theme.OneTheme) ? 'x-small' : 'small'}\n          name={isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled'}\n          className={clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded'])}\n        />\n      )}\n    </button>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/expand-toggle-button/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAEjH,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAElD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,qBAAqB,GAStB;IACC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAE3D,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,gBACN,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,mBACjD,UAAU,EACzB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,qBAAqB,IAAI,MAAM,CAAC,yBAAyB,CAAC,EAAE,SAAS,CAAC,EAC/G,OAAO,EAAE,sBAAsB,+BACL,OAAO,8BACR,EAAE,IAE1B,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CACb,oBAAC,YAAY,IACX,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACzD,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,EACxE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,UAAU,IAAI,MAAM,CAAC,6BAA6B,CAAC,CAAC,GAClG,CACH,CACM,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme, useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalIcon from '../../../icon/internal';\n\nimport styles from './styles.css.js';\n\nexport function ExpandToggleButton({\n  isExpanded,\n  onExpandableItemToggle,\n  expandButtonLabel,\n  collapseButtonLabel,\n  customIcon,\n  className,\n  disableFocusHighlight,\n}: {\n  isExpanded?: boolean;\n  onExpandableItemToggle?: () => void;\n  expandButtonLabel?: string;\n  collapseButtonLabel?: string;\n  customIcon?: React.ReactNode;\n  className?: string;\n  disableFocusHighlight?: boolean;\n}) {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { tabIndex } = useSingleTabStopNavigation(buttonRef);\n\n  return (\n    <button\n      type=\"button\"\n      ref={buttonRef}\n      tabIndex={tabIndex}\n      aria-label={isExpanded ? collapseButtonLabel : expandButtonLabel}\n      aria-expanded={isExpanded}\n      className={clsx(styles['expand-toggle'], disableFocusHighlight && styles['disable-focus-highlight'], className)}\n      onClick={onExpandableItemToggle}\n      data-awsui-motion-trigger=\"hover\"\n      data-awsui-motion-target=\"\"\n    >\n      {customIcon ?? (\n        <InternalIcon\n          size={isThemeActive(Theme.OneTheme) ? 'x-small' : 'small'}\n          name={isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled'}\n          className={clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded'])}\n        />\n      )}\n    </button>\n  );\n}\n"]}

package/lib/internal/template/internal/components/menu-dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/menu-dropdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKrE,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,eAAO,MAAM,aAAa,gFAqDzB,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,iFASnB,iBAAiB,gBAwCnB,CAAC;AAGF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/menu-dropdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKrE,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,eAAO,MAAM,aAAa,gFAuDzB,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,iFASnB,iBAAiB,gBAwCnB,CAAC;AAGF,eAAe,YAAY,CAAC"}

package/lib/internal/template/internal/components/menu-dropdown/index.js

@@ -16,7 +16,7 @@ export const ButtonTrigger = React.forwardRef(({ testUtilsClass, iconName, iconU
         }), "aria-label": ariaLabel, "aria-expanded": !!expanded, "aria-haspopup": true, disabled: disabled, onClick: event => {
             event.preventDefault();
             onClick === null || onClick === void 0 ? void 0 : onClick();
-        } },
+        }, "data-awsui-motion-trigger": "hover", "data-awsui-motion-target": "" },
         hasIcon && (React.createElement(InternalIcon, { className: styles.icon, name: iconName, url: iconUrl, alt: iconAlt, svg: iconSvg, badge: badge })),
         children && React.createElement("span", { className: styles.text }, children),
         children && (React.createElement(InternalIcon, { name: "caret-down-filled", className: spinWhenOpen(buttonDropdownStyles, 'rotate', !!expanded) }))));

package/lib/internal/template/internal/components/menu-dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/menu-dropdown/index.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 from 'react';\nimport clsx from 'clsx';\n\nimport { CustomTriggerProps } from '../../../button-dropdown/interfaces';\nimport InternalButtonDropdown from '../../../button-dropdown/internal';\nimport InternalIcon from '../../../icon/internal';\nimport { getBaseProps } from '../../base-component';\nimport { spinWhenOpen } from '../../styles/motion/utils';\nimport { applyDisplayName } from '../../utils/apply-display-name';\nimport { ButtonTriggerProps, MenuDropdownProps } from './interfaces';\n\nimport buttonDropdownStyles from '../../../button-dropdown/styles.css.js';\nimport styles from './styles.css.js';\n\nexport { MenuDropdownProps };\n\nexport const ButtonTrigger = React.forwardRef(\n  (\n    {\n      testUtilsClass,\n      iconName,\n      iconUrl,\n      iconAlt,\n      iconSvg,\n      badge,\n      ariaLabel,\n      offsetRight,\n      disabled,\n      expanded,\n      children,\n      onClick,\n    }: ButtonTriggerProps,\n    ref: React.Ref<any>\n  ) => {\n    const hasIcon = iconName || iconUrl || iconSvg;\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={clsx(styles.button, styles[`offset-right-${offsetRight}`], testUtilsClass, {\n          [styles.expanded]: expanded,\n        })}\n        aria-label={ariaLabel}\n        aria-expanded={!!expanded}\n        aria-haspopup={true}\n        disabled={disabled}\n        onClick={event => {\n          event.preventDefault();\n          onClick?.();\n        }}\n      >\n        {hasIcon && (\n          <InternalIcon\n            className={styles.icon}\n            name={iconName}\n            url={iconUrl}\n            alt={iconAlt}\n            svg={iconSvg}\n            badge={badge}\n          />\n        )}\n        {children && <span className={styles.text}>{children}</span>}\n        {children && (\n          <InternalIcon name=\"caret-down-filled\" className={spinWhenOpen(buttonDropdownStyles, 'rotate', !!expanded)} />\n        )}\n      </button>\n    );\n  }\n);\n\nconst MenuDropdown = ({\n  iconName,\n  iconUrl,\n  iconAlt,\n  iconSvg,\n  badge,\n  offsetRight,\n  children,\n  ...props\n}: MenuDropdownProps) => {\n  const baseProps = getBaseProps(props);\n\n  const dropdownTrigger = ({\n    triggerRef,\n    ariaLabel,\n    isOpen,\n    testUtilsClass,\n    disabled,\n    onClick,\n  }: CustomTriggerProps) => {\n    return (\n      <ButtonTrigger\n        testUtilsClass={testUtilsClass}\n        ref={triggerRef}\n        disabled={disabled}\n        expanded={isOpen}\n        iconName={iconName}\n        iconUrl={iconUrl}\n        iconAlt={iconAlt}\n        iconSvg={iconSvg}\n        badge={badge}\n        ariaLabel={ariaLabel}\n        offsetRight={offsetRight}\n        onClick={onClick}\n      >\n        {children}\n      </ButtonTrigger>\n    );\n  };\n\n  return (\n    <InternalButtonDropdown\n      {...baseProps}\n      {...props}\n      variant=\"navigation\"\n      customTriggerBuilder={dropdownTrigger}\n      preferCenter={true}\n    />\n  );\n};\n\napplyDisplayName(MenuDropdown, 'MenuDropdown');\nexport default MenuDropdown;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/menu-dropdown/index.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 from 'react';\nimport clsx from 'clsx';\n\nimport { CustomTriggerProps } from '../../../button-dropdown/interfaces';\nimport InternalButtonDropdown from '../../../button-dropdown/internal';\nimport InternalIcon from '../../../icon/internal';\nimport { getBaseProps } from '../../base-component';\nimport { spinWhenOpen } from '../../styles/motion/utils';\nimport { applyDisplayName } from '../../utils/apply-display-name';\nimport { ButtonTriggerProps, MenuDropdownProps } from './interfaces';\n\nimport buttonDropdownStyles from '../../../button-dropdown/styles.css.js';\nimport styles from './styles.css.js';\n\nexport { MenuDropdownProps };\n\nexport const ButtonTrigger = React.forwardRef(\n  (\n    {\n      testUtilsClass,\n      iconName,\n      iconUrl,\n      iconAlt,\n      iconSvg,\n      badge,\n      ariaLabel,\n      offsetRight,\n      disabled,\n      expanded,\n      children,\n      onClick,\n    }: ButtonTriggerProps,\n    ref: React.Ref<any>\n  ) => {\n    const hasIcon = iconName || iconUrl || iconSvg;\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={clsx(styles.button, styles[`offset-right-${offsetRight}`], testUtilsClass, {\n          [styles.expanded]: expanded,\n        })}\n        aria-label={ariaLabel}\n        aria-expanded={!!expanded}\n        aria-haspopup={true}\n        disabled={disabled}\n        onClick={event => {\n          event.preventDefault();\n          onClick?.();\n        }}\n        data-awsui-motion-trigger=\"hover\"\n        data-awsui-motion-target=\"\"\n      >\n        {hasIcon && (\n          <InternalIcon\n            className={styles.icon}\n            name={iconName}\n            url={iconUrl}\n            alt={iconAlt}\n            svg={iconSvg}\n            badge={badge}\n          />\n        )}\n        {children && <span className={styles.text}>{children}</span>}\n        {children && (\n          <InternalIcon name=\"caret-down-filled\" className={spinWhenOpen(buttonDropdownStyles, 'rotate', !!expanded)} />\n        )}\n      </button>\n    );\n  }\n);\n\nconst MenuDropdown = ({\n  iconName,\n  iconUrl,\n  iconAlt,\n  iconSvg,\n  badge,\n  offsetRight,\n  children,\n  ...props\n}: MenuDropdownProps) => {\n  const baseProps = getBaseProps(props);\n\n  const dropdownTrigger = ({\n    triggerRef,\n    ariaLabel,\n    isOpen,\n    testUtilsClass,\n    disabled,\n    onClick,\n  }: CustomTriggerProps) => {\n    return (\n      <ButtonTrigger\n        testUtilsClass={testUtilsClass}\n        ref={triggerRef}\n        disabled={disabled}\n        expanded={isOpen}\n        iconName={iconName}\n        iconUrl={iconUrl}\n        iconAlt={iconAlt}\n        iconSvg={iconSvg}\n        badge={badge}\n        ariaLabel={ariaLabel}\n        offsetRight={offsetRight}\n        onClick={onClick}\n      >\n        {children}\n      </ButtonTrigger>\n    );\n  };\n\n  return (\n    <InternalButtonDropdown\n      {...baseProps}\n      {...props}\n      variant=\"navigation\"\n      customTriggerBuilder={dropdownTrigger}\n      preferCenter={true}\n    />\n  );\n};\n\napplyDisplayName(MenuDropdown, 'MenuDropdown');\nexport default MenuDropdown;\n"]}

package/lib/internal/template/internal/components/option/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "option": "awsui_option_1p2cx_ugskp_13",
-  "disabled": "awsui_disabled_1p2cx_ugskp_50",
-  "parent": "awsui_parent_1p2cx_ugskp_53",
-  "highlighted": "awsui_highlighted_1p2cx_ugskp_56",
-  "content": "awsui_content_1p2cx_ugskp_60",
-  "label-content": "awsui_label-content_1p2cx_ugskp_67",
-  "label": "awsui_label_1p2cx_ugskp_67",
-  "tag": "awsui_tag_1p2cx_ugskp_74",
-  "label-tag": "awsui_label-tag_1p2cx_ugskp_75",
-  "label-prefix": "awsui_label-prefix_1p2cx_ugskp_85",
-  "tags": "awsui_tags_1p2cx_ugskp_98",
-  "description": "awsui_description_1p2cx_ugskp_99",
-  "selected": "awsui_selected_1p2cx_ugskp_110",
-  "icon": "awsui_icon_1p2cx_ugskp_124",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_ugskp_131",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_ugskp_146",
-  "custom-content": "awsui_custom-content_1p2cx_ugskp_152"
+  "option": "awsui_option_1p2cx_ovly3_13",
+  "disabled": "awsui_disabled_1p2cx_ovly3_50",
+  "parent": "awsui_parent_1p2cx_ovly3_53",
+  "highlighted": "awsui_highlighted_1p2cx_ovly3_56",
+  "content": "awsui_content_1p2cx_ovly3_60",
+  "label-content": "awsui_label-content_1p2cx_ovly3_67",
+  "label": "awsui_label_1p2cx_ovly3_67",
+  "tag": "awsui_tag_1p2cx_ovly3_74",
+  "label-tag": "awsui_label-tag_1p2cx_ovly3_75",
+  "label-prefix": "awsui_label-prefix_1p2cx_ovly3_85",
+  "tags": "awsui_tags_1p2cx_ovly3_98",
+  "description": "awsui_description_1p2cx_ovly3_99",
+  "selected": "awsui_selected_1p2cx_ovly3_110",
+  "icon": "awsui_icon_1p2cx_ovly3_124",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_ovly3_131",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_ovly3_146",
+  "custom-content": "awsui_custom-content_1p2cx_ovly3_152"
 };
   

package/lib/internal/template/internal/components/option/styles.scoped.css

@@ -10,7 +10,7 @@ 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_option_1p2cx_ugskp_13:not(#\9) {
+.awsui_option_1p2cx_ovly3_13:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -47,108 +47,108 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   color: inherit;
 }
-.awsui_option_1p2cx_ugskp_13:not(#\9):not(.awsui_disabled_1p2cx_ugskp_50) {
+.awsui_option_1p2cx_ovly3_13:not(#\9):not(.awsui_disabled_1p2cx_ovly3_50) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_ugskp_13.awsui_parent_1p2cx_ugskp_53:not(#\9) {
+.awsui_option_1p2cx_ovly3_13.awsui_parent_1p2cx_ovly3_53:not(#\9) {
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
-.awsui_option_1p2cx_ugskp_13.awsui_parent_1p2cx_ugskp_53:not(#\9):not(.awsui_disabled_1p2cx_ugskp_50):not(.awsui_highlighted_1p2cx_ugskp_56) {
+.awsui_option_1p2cx_ovly3_13.awsui_parent_1p2cx_ovly3_53:not(#\9):not(.awsui_disabled_1p2cx_ovly3_50):not(.awsui_highlighted_1p2cx_ovly3_56) {
   color: var(--color-text-dropdown-group-label-gquzok, #545b64);
 }
 
-.awsui_content_1p2cx_ugskp_60:not(#\9) {
+.awsui_content_1p2cx_ovly3_60:not(#\9) {
   inline-size: 100%;
   display: flex;
   flex-direction: column;
   min-inline-size: 0;
 }
 
-.awsui_label-content_1p2cx_ugskp_67:not(#\9) {
+.awsui_label-content_1p2cx_ovly3_67:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
-.awsui_label_1p2cx_ugskp_67:not(#\9),
-.awsui_tag_1p2cx_ugskp_74:not(#\9),
-.awsui_label-tag_1p2cx_ugskp_75:not(#\9) {
+.awsui_label_1p2cx_ovly3_67:not(#\9),
+.awsui_tag_1p2cx_ovly3_74:not(#\9),
+.awsui_label-tag_1p2cx_ovly3_75:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_label_1p2cx_ugskp_67:not(#\9),
-.awsui_tag_1p2cx_ugskp_74:not(#\9) {
+.awsui_label_1p2cx_ovly3_67:not(#\9),
+.awsui_tag_1p2cx_ovly3_74:not(#\9) {
   flex-wrap: wrap;
 }
 
-.awsui_label-prefix_1p2cx_ugskp_85:not(#\9) {
+.awsui_label-prefix_1p2cx_ovly3_85:not(#\9) {
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
 
-.awsui_label-tag_1p2cx_ugskp_75:not(#\9) {
+.awsui_label-tag_1p2cx_ovly3_75:not(#\9) {
   padding-inline-start: var(--space-s-kll7oj, 12px);
   flex: auto;
   text-align: end;
 }
-.awsui_label-tag_1p2cx_ugskp_75:not(#\9):empty {
+.awsui_label-tag_1p2cx_ovly3_75:not(#\9):empty {
   display: none;
 }
 
-.awsui_tags_1p2cx_ugskp_98:not(#\9),
-.awsui_description_1p2cx_ugskp_99:not(#\9) {
+.awsui_tags_1p2cx_ovly3_98:not(#\9),
+.awsui_description_1p2cx_ovly3_99:not(#\9) {
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: var(--line-height-body-s-gako33, 16px);
   letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
   color: var(--color-text-dropdown-item-secondary-1qkuo5, #687078);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_ugskp_98.awsui_highlighted_1p2cx_ugskp_56:not(#\9),
-.awsui_description_1p2cx_ugskp_99.awsui_highlighted_1p2cx_ugskp_56:not(#\9) {
+.awsui_tags_1p2cx_ovly3_98.awsui_highlighted_1p2cx_ovly3_56:not(#\9),
+.awsui_description_1p2cx_ovly3_99.awsui_highlighted_1p2cx_ovly3_56:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-hover-zeming, #687078);
 }
-.awsui_tags_1p2cx_ugskp_98.awsui_selected_1p2cx_ugskp_110:not(#\9),
-.awsui_description_1p2cx_ugskp_99.awsui_selected_1p2cx_ugskp_110:not(#\9) {
+.awsui_tags_1p2cx_ovly3_98.awsui_selected_1p2cx_ovly3_110:not(#\9),
+.awsui_description_1p2cx_ovly3_99.awsui_selected_1p2cx_ovly3_110:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-1qkuo5, #687078);
 }
 
-.awsui_tags_1p2cx_ugskp_98:not(#\9) {
+.awsui_tags_1p2cx_ovly3_98:not(#\9) {
   display: flex;
   align-items: stretch;
 }
 
-.awsui_tag_1p2cx_ugskp_74:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_ovly3_74:not(#\9):not(:last-child) {
   padding-inline-end: var(--space-m-n8iq8o, 16px);
 }
 
-.awsui_icon_1p2cx_ugskp_124:not(#\9) {
+.awsui_icon_1p2cx_ovly3_124:not(#\9) {
   padding-inline-end: var(--space-xs-m9b7jf, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
 
-.awsui_filtering-match-highlight_1p2cx_ugskp_131:not(#\9) {
-  background-color: var(--awsui-option-filter-match-background-esndbs, var(--color-background-dropdown-item-filter-match-i7cm84, #f1faff));
-  color: var(--awsui-option-filter-match-color-esndbs, var(--color-text-dropdown-item-filter-match-lfblqh, #0073bb));
+.awsui_filtering-match-highlight_1p2cx_ovly3_131:not(#\9) {
+  background-color: var(--awsui-option-filter-match-background-66120l, var(--color-background-dropdown-item-filter-match-i7cm84, #f1faff));
+  color: var(--awsui-option-filter-match-color-66120l, var(--color-text-dropdown-item-filter-match-lfblqh, #0073bb));
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
 
-.awsui_disabled_1p2cx_ugskp_50:not(#\9) {
+.awsui_disabled_1p2cx_ovly3_50:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-2udtn0, #aab7b8);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_ugskp_50 > .awsui_content_1p2cx_ugskp_60 > .awsui_tags_1p2cx_ugskp_98:not(#\9),
-.awsui_disabled_1p2cx_ugskp_50 > .awsui_content_1p2cx_ugskp_60 > .awsui_description_1p2cx_ugskp_99:not(#\9) {
+.awsui_disabled_1p2cx_ovly3_50 > .awsui_content_1p2cx_ovly3_60 > .awsui_tags_1p2cx_ovly3_98:not(#\9),
+.awsui_disabled_1p2cx_ovly3_50 > .awsui_content_1p2cx_ovly3_60 > .awsui_description_1p2cx_ovly3_99:not(#\9) {
   color: currentColor;
 }
 
-.awsui_trigger-variant_1p2cx_ugskp_146:not(#\9) {
+.awsui_trigger-variant_1p2cx_ovly3_146:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_custom-content_1p2cx_ugskp_152:not(#\9) {
+.awsui_custom-content_1p2cx_ovly3_152:not(#\9) {
   inline-size: 100%;
 }

package/lib/internal/template/internal/components/option/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "option": "awsui_option_1p2cx_ugskp_13",
-  "disabled": "awsui_disabled_1p2cx_ugskp_50",
-  "parent": "awsui_parent_1p2cx_ugskp_53",
-  "highlighted": "awsui_highlighted_1p2cx_ugskp_56",
-  "content": "awsui_content_1p2cx_ugskp_60",
-  "label-content": "awsui_label-content_1p2cx_ugskp_67",
-  "label": "awsui_label_1p2cx_ugskp_67",
-  "tag": "awsui_tag_1p2cx_ugskp_74",
-  "label-tag": "awsui_label-tag_1p2cx_ugskp_75",
-  "label-prefix": "awsui_label-prefix_1p2cx_ugskp_85",
-  "tags": "awsui_tags_1p2cx_ugskp_98",
-  "description": "awsui_description_1p2cx_ugskp_99",
-  "selected": "awsui_selected_1p2cx_ugskp_110",
-  "icon": "awsui_icon_1p2cx_ugskp_124",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_ugskp_131",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_ugskp_146",
-  "custom-content": "awsui_custom-content_1p2cx_ugskp_152"
+  "option": "awsui_option_1p2cx_ovly3_13",
+  "disabled": "awsui_disabled_1p2cx_ovly3_50",
+  "parent": "awsui_parent_1p2cx_ovly3_53",
+  "highlighted": "awsui_highlighted_1p2cx_ovly3_56",
+  "content": "awsui_content_1p2cx_ovly3_60",
+  "label-content": "awsui_label-content_1p2cx_ovly3_67",
+  "label": "awsui_label_1p2cx_ovly3_67",
+  "tag": "awsui_tag_1p2cx_ovly3_74",
+  "label-tag": "awsui_label-tag_1p2cx_ovly3_75",
+  "label-prefix": "awsui_label-prefix_1p2cx_ovly3_85",
+  "tags": "awsui_tags_1p2cx_ovly3_98",
+  "description": "awsui_description_1p2cx_ovly3_99",
+  "selected": "awsui_selected_1p2cx_ovly3_110",
+  "icon": "awsui_icon_1p2cx_ovly3_124",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_ovly3_131",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_ovly3_146",
+  "custom-content": "awsui_custom-content_1p2cx_ovly3_152"
 };
   

package/lib/internal/template/internal/components/radio-button/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "radio-control": "awsui_radio-control_1v1hk_x0uh9_9",
-  "outline": "awsui_outline_1v1hk_x0uh9_17",
-  "styled-circle-border": "awsui_styled-circle-border_1v1hk_x0uh9_40",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_x0uh9_44",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_x0uh9_44",
-  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_x0uh9_49",
-  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_x0uh9_65"
+  "radio-control": "awsui_radio-control_1v1hk_1jz0c_9",
+  "outline": "awsui_outline_1v1hk_1jz0c_17",
+  "styled-circle-border": "awsui_styled-circle-border_1v1hk_1jz0c_40",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_1jz0c_44",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_1jz0c_44",
+  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_1jz0c_49",
+  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_1jz0c_65"
 };
   

package/lib/internal/template/internal/components/radio-button/styles.scoped.css

@@ -6,7 +6,7 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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_radio-control_1v1hk_x0uh9_9:not(#\9) {
+.awsui_radio-control_1v1hk_1jz0c_9:not(#\9) {
   margin-block-start: calc((var(--line-height-body-m-5xw6xo, 22px) - var(--size-control-jpgj8e, 14px)) / 2);
   min-block-size: var(--size-control-jpgj8e, 14px);
   min-inline-size: var(--size-control-jpgj8e, 14px);
@@ -14,15 +14,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-control-jpgj8e, 14px);
 }
 
-.awsui_outline_1v1hk_x0uh9_17:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-esndbs: 0 0 0 var(--awsui-style-focus-ring-border-width-esndbs, 2px) var(--awsui-style-focus-ring-border-color-esndbs, var(--color-border-item-focused-sewkzn, #0073bb));
+.awsui_outline_1v1hk_1jz0c_17:not(#\9) {
+  --awsui-style-focus-ring-box-shadow-66120l: 0 0 0 var(--awsui-style-focus-ring-border-width-66120l, 2px) var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #0073bb));
   position: relative;
 }
-.awsui_outline_1v1hk_x0uh9_17:not(#\9) {
+.awsui_outline_1v1hk_1jz0c_17:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_1v1hk_x0uh9_17:not(#\9)::before {
+.awsui_outline_1v1hk_1jz0c_17:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -30,46 +30,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-circular-focus-ring-go6crh, 50%));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-circular-focus-ring-go6crh, 50%));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-circular-focus-ring-go6crh, 50%));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-circular-focus-ring-go6crh, 50%));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-esndbs);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-circular-focus-ring-go6crh, 50%));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-circular-focus-ring-go6crh, 50%));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-circular-focus-ring-go6crh, 50%));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-circular-focus-ring-go6crh, 50%));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-66120l);
 }
 
-.awsui_styled-circle-border_1v1hk_x0uh9_40:not(#\9) {
+.awsui_styled-circle-border_1v1hk_1jz0c_40:not(#\9) {
   stroke: var(--color-border-control-default-9qbus4, #687078);
   fill: var(--color-background-control-default-9p1s17, #ffffff);
 }
-.awsui_styled-circle-border_1v1hk_x0uh9_40.awsui_styled-circle-disabled_1v1hk_x0uh9_44:not(#\9), .awsui_styled-circle-border_1v1hk_x0uh9_40.awsui_styled-circle-readonly_1v1hk_x0uh9_44:not(#\9) {
+.awsui_styled-circle-border_1v1hk_1jz0c_40.awsui_styled-circle-disabled_1v1hk_1jz0c_44:not(#\9), .awsui_styled-circle-border_1v1hk_1jz0c_40.awsui_styled-circle-readonly_1v1hk_1jz0c_44:not(#\9) {
   fill: var(--color-background-control-disabled-m61b8s, #d5dbdb);
   stroke: var(--color-background-control-disabled-m61b8s, #d5dbdb);
 }
 
-.awsui_styled-circle-fill_1v1hk_x0uh9_49:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_1jz0c_49:not(#\9) {
   stroke: var(--color-background-control-checked-ksqwhc, #0073bb);
   fill: var(--color-foreground-control-default-poakg0, #ffffff);
   opacity: 0;
   transition: opacity var(--motion-duration-transition-quick-1p8yzt, 90ms) var(--motion-easing-transition-quick-afgcka, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_styled-circle-fill_1v1hk_x0uh9_49:not(#\9) {
+  .awsui_styled-circle-fill_1v1hk_1jz0c_49:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_x0uh9_49:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_x0uh9_49:not(#\9) {
+.awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_1jz0c_49:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_1jz0c_49:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_styled-circle-fill_1v1hk_x0uh9_49.awsui_styled-circle-checked_1v1hk_x0uh9_65:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_1jz0c_49.awsui_styled-circle-checked_1v1hk_1jz0c_65:not(#\9) {
   opacity: 1;
 }
-.awsui_styled-circle-fill_1v1hk_x0uh9_49.awsui_styled-circle-disabled_1v1hk_x0uh9_44:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_1jz0c_49.awsui_styled-circle-disabled_1v1hk_1jz0c_44:not(#\9) {
   fill: var(--color-foreground-control-disabled-bikivj, #ffffff);
   stroke: var(--color-background-control-disabled-m61b8s, #d5dbdb);
 }
-.awsui_styled-circle-fill_1v1hk_x0uh9_49.awsui_styled-circle-readonly_1v1hk_x0uh9_44:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_1jz0c_49.awsui_styled-circle-readonly_1v1hk_1jz0c_44:not(#\9) {
   fill: var(--color-foreground-control-read-only-8sqxyy, #687078);
   stroke: var(--color-background-control-disabled-m61b8s, #d5dbdb);
 }

package/lib/internal/template/internal/components/radio-button/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "radio-control": "awsui_radio-control_1v1hk_x0uh9_9",
-  "outline": "awsui_outline_1v1hk_x0uh9_17",
-  "styled-circle-border": "awsui_styled-circle-border_1v1hk_x0uh9_40",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_x0uh9_44",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_x0uh9_44",
-  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_x0uh9_49",
-  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_x0uh9_65"
+  "radio-control": "awsui_radio-control_1v1hk_1jz0c_9",
+  "outline": "awsui_outline_1v1hk_1jz0c_17",
+  "styled-circle-border": "awsui_styled-circle-border_1v1hk_1jz0c_40",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_1jz0c_44",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_1jz0c_44",
+  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_1jz0c_49",
+  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_1jz0c_65"
 };
   

package/lib/internal/template/internal/components/selectable-item/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_tt2o1_9",
-  "parent": "awsui_parent_15o6u_tt2o1_28",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_tt2o1_28",
-  "highlighted": "awsui_highlighted_15o6u_tt2o1_28",
-  "selected": "awsui_selected_15o6u_tt2o1_28",
-  "selectable-item-content": "awsui_selectable-item-content_15o6u_tt2o1_31",
-  "pad-bottom": "awsui_pad-bottom_15o6u_tt2o1_35",
-  "virtual": "awsui_virtual_15o6u_tt2o1_42",
-  "has-background": "awsui_has-background_15o6u_tt2o1_45",
-  "child": "awsui_child_15o6u_tt2o1_48",
-  "disabled": "awsui_disabled_15o6u_tt2o1_54",
-  "is-keyboard": "awsui_is-keyboard_15o6u_tt2o1_69",
-  "visual-refresh": "awsui_visual-refresh_15o6u_tt2o1_79",
-  "next-item-selected": "awsui_next-item-selected_15o6u_tt2o1_93",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_tt2o1_103",
-  "sticky": "awsui_sticky_15o6u_tt2o1_135",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_tt2o1_154",
-  "after-header": "awsui_after-header_15o6u_tt2o1_157",
-  "measure-strut": "awsui_measure-strut_15o6u_tt2o1_186",
-  "screenreader-content": "awsui_screenreader-content_15o6u_tt2o1_198",
-  "option-content": "awsui_option-content_15o6u_tt2o1_204",
-  "select-all": "awsui_select-all_15o6u_tt2o1_208"
+  "selectable-item": "awsui_selectable-item_15o6u_ttfpp_9",
+  "parent": "awsui_parent_15o6u_ttfpp_28",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_ttfpp_28",
+  "highlighted": "awsui_highlighted_15o6u_ttfpp_28",
+  "selected": "awsui_selected_15o6u_ttfpp_28",
+  "selectable-item-content": "awsui_selectable-item-content_15o6u_ttfpp_31",
+  "pad-bottom": "awsui_pad-bottom_15o6u_ttfpp_35",
+  "virtual": "awsui_virtual_15o6u_ttfpp_42",
+  "has-background": "awsui_has-background_15o6u_ttfpp_45",
+  "child": "awsui_child_15o6u_ttfpp_48",
+  "disabled": "awsui_disabled_15o6u_ttfpp_54",
+  "is-keyboard": "awsui_is-keyboard_15o6u_ttfpp_69",
+  "visual-refresh": "awsui_visual-refresh_15o6u_ttfpp_79",
+  "next-item-selected": "awsui_next-item-selected_15o6u_ttfpp_93",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_ttfpp_103",
+  "sticky": "awsui_sticky_15o6u_ttfpp_135",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_ttfpp_154",
+  "after-header": "awsui_after-header_15o6u_ttfpp_157",
+  "measure-strut": "awsui_measure-strut_15o6u_ttfpp_186",
+  "screenreader-content": "awsui_screenreader-content_15o6u_ttfpp_198",
+  "option-content": "awsui_option-content_15o6u_ttfpp_204",
+  "select-all": "awsui_select-all_15o6u_ttfpp_208"
 };