@cloudscape-design/components 3.0.177 → 3.0.179

package/container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/container/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,GAAG,KAAK,EACT,EAAE,cAAc,eAahB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/container/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,GAAG,KAAK,EACT,EAAE,cAAc,eAYhB"}

package/container/index.js

@@ -10,7 +10,7 @@ export default function Container(_a) {
     var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, _c = _a.disableHeaderPaddings, disableHeaderPaddings = _c === void 0 ? false : _c, _d = _a.disableContentPaddings, disableContentPaddings = _d === void 0 ? false : _d, props = __rest(_a, ["variant", "disableHeaderPaddings", "disableContentPaddings"]);
     var baseComponentProps = useBaseComponent('Container');
     var externalProps = getExternalProps(props);
-    return (React.createElement(InternalContainer, __assign({ variant: variant, disableHeaderPaddings: disableHeaderPaddings, disableContentPaddings: disableContentPaddings }, externalProps, baseComponentProps, { __hiddenContent: !props.children })));
+    return (React.createElement(InternalContainer, __assign({ variant: variant, disableHeaderPaddings: disableHeaderPaddings, disableContentPaddings: disableContentPaddings }, externalProps, baseComponentProps)));
 }
 applyDisplayName(Container, 'Container');
 //# sourceMappingURL=index.js.map

package/container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/container/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,iBAAiB,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAKjB;IAJf,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,6BAA6B,EAA7B,qBAAqB,mBAAG,KAAK,KAAA,EAC7B,8BAA8B,EAA9B,sBAAsB,mBAAG,KAAK,KAAA,EAC3B,KAAK,cAJwB,8DAKjC,CADS;IAER,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzD,IAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CACL,oBAAC,iBAAiB,aAChB,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,IAC1C,aAAa,EACb,kBAAkB,IACtB,eAAe,EAAE,CAAC,KAAK,CAAC,QAAQ,IAChC,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport InternalContainer from './internal';\nimport { ContainerProps } from './interfaces';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { ContainerProps };\n\nexport default function Container({\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  ...props\n}: ContainerProps) {\n  const baseComponentProps = useBaseComponent('Container');\n  const externalProps = getExternalProps(props);\n  return (\n    <InternalContainer\n      variant={variant}\n      disableHeaderPaddings={disableHeaderPaddings}\n      disableContentPaddings={disableContentPaddings}\n      {...externalProps}\n      {...baseComponentProps}\n      __hiddenContent={!props.children}\n    />\n  );\n}\n\napplyDisplayName(Container, 'Container');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/container/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,iBAAiB,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAKjB;IAJf,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,6BAA6B,EAA7B,qBAAqB,mBAAG,KAAK,KAAA,EAC7B,8BAA8B,EAA9B,sBAAsB,mBAAG,KAAK,KAAA,EAC3B,KAAK,cAJwB,8DAKjC,CADS;IAER,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzD,IAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CACL,oBAAC,iBAAiB,aAChB,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,IAC1C,aAAa,EACb,kBAAkB,EACtB,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport InternalContainer from './internal';\nimport { ContainerProps } from './interfaces';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { ContainerProps };\n\nexport default function Container({\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  ...props\n}: ContainerProps) {\n  const baseComponentProps = useBaseComponent('Container');\n  const externalProps = getExternalProps(props);\n  return (\n    <InternalContainer\n      variant={variant}\n      disableHeaderPaddings={disableHeaderPaddings}\n      disableContentPaddings={disableContentPaddings}\n      {...externalProps}\n      {...baseComponentProps}\n    />\n  );\n}\n\napplyDisplayName(Container, 'Container');\n"]}

package/container/internal.js

@@ -48,7 +48,7 @@ export default function InternalContainer(_a) {
                     _b[styles['header-dynamic-height']] = hasDynamicHeight,
                     _b[styles['header-stuck']] = isStuck,
                     _b[styles['with-paddings']] = !disableHeaderPaddings,
-                    _b[styles['with-hidden-content']] = __hiddenContent,
+                    _b[styles['with-hidden-content']] = !children || __hiddenContent,
                     _b)) }, headerIdProp, stickyStyles, { ref: headerMergedRef }), __darkHeader ? (React.createElement("div", { className: clsx(styles['dark-header'], 'awsui-context-content-header') }, header)) : (header)))),
         React.createElement("div", { className: clsx(styles.content, (_c = {},
                 _c[styles['with-paddings']] = !disableContentPaddings,

package/container/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/container/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 clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { ContainerProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { useAppLayoutContext } from '../internal/context/app-layout-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n  __stickyHeader?: boolean;\n  __stickyOffset?: number;\n  __disableFooterDivider?: boolean;\n  __disableFooterPaddings?: boolean;\n  __hiddenContent?: boolean;\n  __headerRef?: React.RefObject<HTMLDivElement>;\n  __headerId?: string;\n  __darkHeader?: boolean;\n  /**\n   * Additional internal variant:\n   * * `embedded` - Use this variant within a parent container (such as a modal,\n   *                expandable section, container or split panel).\n   * * `full-page` – Only for internal use in table, cards and other components\n   */\n  variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';\n}\n\nexport default function InternalContainer({\n  header,\n  footer,\n  children,\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  fitHeight,\n  __stickyOffset,\n  __stickyHeader = false,\n  __internalRootRef = null,\n  __disableFooterDivider = false,\n  __disableFooterPaddings = false,\n  __hiddenContent = false,\n  __headerRef,\n  __headerId,\n  __darkHeader = false,\n  ...restProps\n}: InternalContainerProps) {\n  const baseProps = getBaseProps(restProps);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const { isSticky, isStuck, stickyStyles } = useStickyHeader(rootRef, headerRef, __stickyHeader, __stickyOffset);\n  const { setHasStickyBackground } = useAppLayoutContext();\n  const isRefresh = useVisualRefresh();\n\n  const hasDynamicHeight = isRefresh && variant === 'full-page';\n  const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight || !__darkHeader });\n\n  const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n  const headerMergedRef = useMergeRefs(headerRef, overlapElement, __headerRef);\n  const headerIdProp = __headerId ? { id: __headerId } : {};\n\n  /**\n   * The visual refresh AppLayout component needs to know if a child component\n   * has a high contrast sticky header. This is to make sure the background element\n   * stays in the same vertical position as the header content.\n   */\n  useEffect(() => {\n    const shouldUpdateStickyBackground = isSticky && variant === 'full-page' && setHasStickyBackground;\n    if (shouldUpdateStickyBackground) {\n      setHasStickyBackground(true);\n    }\n\n    return () => {\n      if (shouldUpdateStickyBackground) {\n        setHasStickyBackground(false);\n      }\n    };\n  }, [isSticky, setHasStickyBackground, variant]);\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        baseProps.className,\n        styles.root,\n        styles[`variant-${variant}`],\n        fitHeight && styles['root-fit-height']\n      )}\n      ref={mergedRef}\n    >\n      {header && (\n        <StickyHeaderContext.Provider value={{ isStuck }}>\n          <div\n            className={clsx(styles.header, styles[`header-variant-${variant}`], {\n              [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n              [styles['header-sticky-enabled']]: isSticky,\n              [styles['header-dynamic-height']]: hasDynamicHeight,\n              [styles['header-stuck']]: isStuck,\n              [styles['with-paddings']]: !disableHeaderPaddings,\n              [styles['with-hidden-content']]: __hiddenContent,\n            })}\n            {...headerIdProp}\n            {...stickyStyles}\n            ref={headerMergedRef}\n          >\n            {__darkHeader ? (\n              <div className={clsx(styles['dark-header'], 'awsui-context-content-header')}>{header}</div>\n            ) : (\n              header\n            )}\n          </div>\n        </StickyHeaderContext.Provider>\n      )}\n      <div\n        className={clsx(styles.content, {\n          [styles['with-paddings']]: !disableContentPaddings,\n        })}\n      >\n        {children}\n      </div>\n      {footer && (\n        <div\n          className={clsx(styles.footer, {\n            [styles['with-divider']]: !__disableFooterDivider,\n            [styles['with-paddings']]: !__disableFooterPaddings,\n          })}\n        >\n          {footer}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/container/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAE7E,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAoBrC,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAkBjB;;IAjBvB,IAAA,MAAM,YAAA,EACN,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,6BAA6B,EAA7B,qBAAqB,mBAAG,KAAK,KAAA,EAC7B,8BAA8B,EAA9B,sBAAsB,mBAAG,KAAK,KAAA,EAC9B,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACxB,8BAA8B,EAA9B,sBAAsB,mBAAG,KAAK,KAAA,EAC9B,+BAA+B,EAA/B,uBAAuB,mBAAG,KAAK,KAAA,EAC/B,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACvB,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACjB,SAAS,cAjB4B,yRAkBzC,CADa;IAEZ,IAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,IAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,IAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,IAAA,KAAsC,eAAe,CAAC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,CAAC,EAAvG,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,YAAY,kBAAwE,CAAC;IACxG,IAAA,sBAAsB,GAAK,mBAAmB,EAAE,uBAA1B,CAA2B;IACzD,IAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IAErC,IAAM,gBAAgB,GAAG,SAAS,IAAI,OAAO,KAAK,WAAW,CAAC;IAC9D,IAAM,cAAc,GAAG,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,gBAAgB,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;IAE3F,IAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAC3D,IAAM,eAAe,GAAG,YAAY,CAAC,SAAS,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC;IAC7E,IAAM,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE1D;;;;OAIG;IACH,SAAS,CAAC;QACR,IAAM,4BAA4B,GAAG,QAAQ,IAAI,OAAO,KAAK,WAAW,IAAI,sBAAsB,CAAC;QACnG,IAAI,4BAA4B,EAAE;YAChC,sBAAsB,CAAC,IAAI,CAAC,CAAC;SAC9B;QAED,OAAO;YACL,IAAI,4BAA4B,EAAE;gBAChC,sBAAsB,CAAC,KAAK,CAAC,CAAC;aAC/B;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhD,OAAO,CACL,wCACM,SAAS,IACb,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,kBAAW,OAAO,CAAE,CAAC,EAC5B,SAAS,IAAI,MAAM,CAAC,iBAAiB,CAAC,CACvC,EACD,GAAG,EAAE,SAAS;QAEb,MAAM,IAAI,CACT,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE;YAC9C,sCACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,yBAAkB,OAAO,CAAE,CAAC;oBAChE,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,cAAc,IAAI,CAAC,QAAQ;oBAC/D,GAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,QAAQ;oBAC3C,GAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,gBAAgB;oBACnD,GAAC,MAAM,CAAC,cAAc,CAAC,IAAG,OAAO;oBACjC,GAAC,MAAM,CAAC,eAAe,CAAC,IAAG,CAAC,qBAAqB;oBACjD,GAAC,MAAM,CAAC,qBAAqB,CAAC,IAAG,CAAC,QAAQ,IAAI,eAAe;wBAC7D,IACE,YAAY,EACZ,YAAY,IAChB,GAAG,EAAE,eAAe,KAEnB,YAAY,CAAC,CAAC,CAAC,CACd,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,8BAA8B,CAAC,IAAG,MAAM,CAAO,CAC5F,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CACG,CACuB,CAChC;QACD,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO;gBAC5B,GAAC,MAAM,CAAC,eAAe,CAAC,IAAG,CAAC,sBAAsB;oBAClD,IAED,QAAQ,CACL;QACL,MAAM,IAAI,CACT,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;gBAC3B,GAAC,MAAM,CAAC,cAAc,CAAC,IAAG,CAAC,sBAAsB;gBACjD,GAAC,MAAM,CAAC,eAAe,CAAC,IAAG,CAAC,uBAAuB;oBACnD,IAED,MAAM,CACH,CACP,CACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { ContainerProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { useAppLayoutContext } from '../internal/context/app-layout-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n  __stickyHeader?: boolean;\n  __stickyOffset?: number;\n  __disableFooterDivider?: boolean;\n  __disableFooterPaddings?: boolean;\n  __hiddenContent?: boolean;\n  __headerRef?: React.RefObject<HTMLDivElement>;\n  __headerId?: string;\n  __darkHeader?: boolean;\n  /**\n   * Additional internal variant:\n   * * `embedded` - Use this variant within a parent container (such as a modal,\n   *                expandable section, container or split panel).\n   * * `full-page` – Only for internal use in table, cards and other components\n   */\n  variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';\n}\n\nexport default function InternalContainer({\n  header,\n  footer,\n  children,\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  fitHeight,\n  __stickyOffset,\n  __stickyHeader = false,\n  __internalRootRef = null,\n  __disableFooterDivider = false,\n  __disableFooterPaddings = false,\n  __hiddenContent = false,\n  __headerRef,\n  __headerId,\n  __darkHeader = false,\n  ...restProps\n}: InternalContainerProps) {\n  const baseProps = getBaseProps(restProps);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const { isSticky, isStuck, stickyStyles } = useStickyHeader(rootRef, headerRef, __stickyHeader, __stickyOffset);\n  const { setHasStickyBackground } = useAppLayoutContext();\n  const isRefresh = useVisualRefresh();\n\n  const hasDynamicHeight = isRefresh && variant === 'full-page';\n  const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight || !__darkHeader });\n\n  const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n  const headerMergedRef = useMergeRefs(headerRef, overlapElement, __headerRef);\n  const headerIdProp = __headerId ? { id: __headerId } : {};\n\n  /**\n   * The visual refresh AppLayout component needs to know if a child component\n   * has a high contrast sticky header. This is to make sure the background element\n   * stays in the same vertical position as the header content.\n   */\n  useEffect(() => {\n    const shouldUpdateStickyBackground = isSticky && variant === 'full-page' && setHasStickyBackground;\n    if (shouldUpdateStickyBackground) {\n      setHasStickyBackground(true);\n    }\n\n    return () => {\n      if (shouldUpdateStickyBackground) {\n        setHasStickyBackground(false);\n      }\n    };\n  }, [isSticky, setHasStickyBackground, variant]);\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        baseProps.className,\n        styles.root,\n        styles[`variant-${variant}`],\n        fitHeight && styles['root-fit-height']\n      )}\n      ref={mergedRef}\n    >\n      {header && (\n        <StickyHeaderContext.Provider value={{ isStuck }}>\n          <div\n            className={clsx(styles.header, styles[`header-variant-${variant}`], {\n              [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n              [styles['header-sticky-enabled']]: isSticky,\n              [styles['header-dynamic-height']]: hasDynamicHeight,\n              [styles['header-stuck']]: isStuck,\n              [styles['with-paddings']]: !disableHeaderPaddings,\n              [styles['with-hidden-content']]: !children || __hiddenContent,\n            })}\n            {...headerIdProp}\n            {...stickyStyles}\n            ref={headerMergedRef}\n          >\n            {__darkHeader ? (\n              <div className={clsx(styles['dark-header'], 'awsui-context-content-header')}>{header}</div>\n            ) : (\n              header\n            )}\n          </div>\n        </StickyHeaderContext.Provider>\n      )}\n      <div\n        className={clsx(styles.content, {\n          [styles['with-paddings']]: !disableContentPaddings,\n        })}\n      >\n        {children}\n      </div>\n      {footer && (\n        <div\n          className={clsx(styles.footer, {\n            [styles['with-divider']]: !__disableFooterDivider,\n            [styles['with-paddings']]: !__disableFooterPaddings,\n          })}\n        >\n          {footer}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/internal/environment.js

@@ -1,5 +1,5 @@
 
-    export var PACKAGE_VERSION = '3.0.0 (090a87d)';
+    export var PACKAGE_VERSION = '3.0.0 (7660254)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "090a87dad44af80598408d01ae4ad0682d7d1c73"
+  "commit": "7660254460de6ee92cdf61e6e05ae0911618735c"
 }

package/link/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1uewr_93",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1uewr_140",
-  "variant-primary": "awsui_variant-primary_4c84z_1uewr_175",
-  "variant-info": "awsui_variant-info_4c84z_1uewr_210",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1uewr_247",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1uewr_281",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1uewr_316",
-  "button": "awsui_button_4c84z_1uewr_351",
-  "color-inverted": "awsui_color-inverted_4c84z_1uewr_388",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1uewr_407",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1uewr_412",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1uewr_416",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1uewr_420",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1uewr_425",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1uewr_430",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1uewr_435",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1uewr_440",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1uewr_445",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1uewr_451",
-  "icon": "awsui_icon_4c84z_1uewr_451"
+  "link": "awsui_link_4c84z_1m28y_93",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1m28y_140",
+  "variant-primary": "awsui_variant-primary_4c84z_1m28y_177",
+  "variant-info": "awsui_variant-info_4c84z_1m28y_212",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1m28y_249",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1m28y_283",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1m28y_318",
+  "button": "awsui_button_4c84z_1m28y_353",
+  "color-inverted": "awsui_color-inverted_4c84z_1m28y_390",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1m28y_409",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1m28y_414",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1m28y_418",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1m28y_422",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1m28y_427",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1m28y_432",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1m28y_437",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1m28y_442",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1m28y_447",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1m28y_453",
+  "icon": "awsui_icon_4c84z_1m28y_453"
 };
   

package/link/styles.scoped.css

@@ -90,7 +90,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_link_4c84z_1uewr_93:not(#\9) {
+.awsui_link_4c84z_1m28y_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -141,31 +141,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uewr_93:not(#\9) {
+  .awsui_link_4c84z_1m28y_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uewr_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uewr_93:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1m28y_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1m28y_93:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uewr_93:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1uewr_93:not(#\9):focus {
+.awsui_link_4c84z_1m28y_93:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uewr_93:not(#\9):active {
+.awsui_link_4c84z_1m28y_93:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1uewr_93:not(#\9):active, .awsui_link_4c84z_1uewr_93:not(#\9):focus, .awsui_link_4c84z_1uewr_93:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93:not(#\9):active, .awsui_link_4c84z_1m28y_93:not(#\9):focus, .awsui_link_4c84z_1m28y_93:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-secondary_4c84z_1uewr_140:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_variant-secondary_4c84z_1m28y_140:not(#\9) {
+  -webkit-font-smoothing: inherit;
+  -moz-osx-font-smoothing: inherit;
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: inherit;
   letter-spacing: normal;
@@ -178,31 +180,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uewr_93.awsui_variant-secondary_4c84z_1uewr_140:not(#\9) {
+  .awsui_link_4c84z_1m28y_93.awsui_variant-secondary_4c84z_1m28y_140:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uewr_93.awsui_variant-secondary_4c84z_1uewr_140:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uewr_93.awsui_variant-secondary_4c84z_1uewr_140:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1m28y_93.awsui_variant-secondary_4c84z_1m28y_140:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1m28y_93.awsui_variant-secondary_4c84z_1m28y_140:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-secondary_4c84z_1uewr_140:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_variant-secondary_4c84z_1m28y_140:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-secondary_4c84z_1uewr_140:not(#\9):focus {
+.awsui_link_4c84z_1m28y_93.awsui_variant-secondary_4c84z_1m28y_140:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-secondary_4c84z_1uewr_140:not(#\9):active {
+.awsui_link_4c84z_1m28y_93.awsui_variant-secondary_4c84z_1m28y_140:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-secondary_4c84z_1uewr_140:not(#\9):active, .awsui_link_4c84z_1uewr_93.awsui_variant-secondary_4c84z_1uewr_140:not(#\9):focus, .awsui_link_4c84z_1uewr_93.awsui_variant-secondary_4c84z_1uewr_140:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_variant-secondary_4c84z_1m28y_140:not(#\9):active, .awsui_link_4c84z_1m28y_93.awsui_variant-secondary_4c84z_1m28y_140:not(#\9):focus, .awsui_link_4c84z_1m28y_93.awsui_variant-secondary_4c84z_1m28y_140:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-primary_4c84z_1uewr_175:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_variant-primary_4c84z_1m28y_177:not(#\9) {
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: var(--font-link-primary-weight-91pybi, "inherit");
   letter-spacing: var(--font-link-primary-letter-spacing-vmsgcx, "inherit");
@@ -216,31 +218,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uewr_93.awsui_variant-primary_4c84z_1uewr_175:not(#\9) {
+  .awsui_link_4c84z_1m28y_93.awsui_variant-primary_4c84z_1m28y_177:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uewr_93.awsui_variant-primary_4c84z_1uewr_175:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uewr_93.awsui_variant-primary_4c84z_1uewr_175:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1m28y_93.awsui_variant-primary_4c84z_1m28y_177:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1m28y_93.awsui_variant-primary_4c84z_1m28y_177:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-primary_4c84z_1uewr_175:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_variant-primary_4c84z_1m28y_177:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-primary_4c84z_1uewr_175:not(#\9):focus {
+.awsui_link_4c84z_1m28y_93.awsui_variant-primary_4c84z_1m28y_177:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-primary_4c84z_1uewr_175:not(#\9):active {
+.awsui_link_4c84z_1m28y_93.awsui_variant-primary_4c84z_1m28y_177:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-primary_4c84z_1uewr_175:not(#\9):active, .awsui_link_4c84z_1uewr_93.awsui_variant-primary_4c84z_1uewr_175:not(#\9):focus, .awsui_link_4c84z_1uewr_93.awsui_variant-primary_4c84z_1uewr_175:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_variant-primary_4c84z_1m28y_177:not(#\9):active, .awsui_link_4c84z_1m28y_93.awsui_variant-primary_4c84z_1m28y_177:not(#\9):focus, .awsui_link_4c84z_1m28y_93.awsui_variant-primary_4c84z_1m28y_177:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-info_4c84z_1uewr_210:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_variant-info_4c84z_1m28y_212:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
   color: var(--color-text-link-default-5f186r, #0972d3);
@@ -255,31 +257,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uewr_93.awsui_variant-info_4c84z_1uewr_210:not(#\9) {
+  .awsui_link_4c84z_1m28y_93.awsui_variant-info_4c84z_1m28y_212:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uewr_93.awsui_variant-info_4c84z_1uewr_210:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uewr_93.awsui_variant-info_4c84z_1uewr_210:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1m28y_93.awsui_variant-info_4c84z_1m28y_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1m28y_93.awsui_variant-info_4c84z_1m28y_212:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-info_4c84z_1uewr_210:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_variant-info_4c84z_1m28y_212:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-info_4c84z_1uewr_210:not(#\9):focus {
+.awsui_link_4c84z_1m28y_93.awsui_variant-info_4c84z_1m28y_212:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-info_4c84z_1uewr_210:not(#\9):active {
+.awsui_link_4c84z_1m28y_93.awsui_variant-info_4c84z_1m28y_212:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-info_4c84z_1uewr_210:not(#\9):active, .awsui_link_4c84z_1uewr_93.awsui_variant-info_4c84z_1uewr_210:not(#\9):focus, .awsui_link_4c84z_1uewr_93.awsui_variant-info_4c84z_1uewr_210:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_variant-info_4c84z_1m28y_212:not(#\9):active, .awsui_link_4c84z_1m28y_93.awsui_variant-info_4c84z_1m28y_212:not(#\9):focus, .awsui_link_4c84z_1m28y_93.awsui_variant-info_4c84z_1m28y_212:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: var(--color-text-link-button-underline-hover-ei09le, transparent);
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-value-large_4c84z_1uewr_247:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_variant-value-large_4c84z_1m28y_249:not(#\9) {
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: var(--font-box-value-large-weight-dyt1pj, 800);
   text-decoration: none;
@@ -291,31 +293,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uewr_93.awsui_variant-value-large_4c84z_1uewr_247:not(#\9) {
+  .awsui_link_4c84z_1m28y_93.awsui_variant-value-large_4c84z_1m28y_249:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uewr_93.awsui_variant-value-large_4c84z_1uewr_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uewr_93.awsui_variant-value-large_4c84z_1uewr_247:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1m28y_93.awsui_variant-value-large_4c84z_1m28y_249:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1m28y_93.awsui_variant-value-large_4c84z_1m28y_249:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-value-large_4c84z_1uewr_247:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_variant-value-large_4c84z_1m28y_249:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-value-large_4c84z_1uewr_247:not(#\9):focus {
+.awsui_link_4c84z_1m28y_93.awsui_variant-value-large_4c84z_1m28y_249:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-value-large_4c84z_1uewr_247:not(#\9):active {
+.awsui_link_4c84z_1m28y_93.awsui_variant-value-large_4c84z_1m28y_249:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-value-large_4c84z_1uewr_247:not(#\9):active, .awsui_link_4c84z_1uewr_93.awsui_variant-value-large_4c84z_1uewr_247:not(#\9):focus, .awsui_link_4c84z_1uewr_93.awsui_variant-value-large_4c84z_1uewr_247:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_variant-value-large_4c84z_1m28y_249:not(#\9):active, .awsui_link_4c84z_1m28y_93.awsui_variant-value-large_4c84z_1m28y_249:not(#\9):focus, .awsui_link_4c84z_1m28y_93.awsui_variant-value-large_4c84z_1m28y_249:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-top-navigation_4c84z_1uewr_281:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_variant-top-navigation_4c84z_1m28y_283:not(#\9) {
   color: var(--color-text-interactive-default-eg5fsa, #414d5c);
   font-weight: 700;
   letter-spacing: 0.005em;
@@ -328,31 +330,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uewr_93.awsui_variant-top-navigation_4c84z_1uewr_281:not(#\9) {
+  .awsui_link_4c84z_1m28y_93.awsui_variant-top-navigation_4c84z_1m28y_283:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uewr_93.awsui_variant-top-navigation_4c84z_1uewr_281:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uewr_93.awsui_variant-top-navigation_4c84z_1uewr_281:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1m28y_93.awsui_variant-top-navigation_4c84z_1m28y_283:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1m28y_93.awsui_variant-top-navigation_4c84z_1m28y_283:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-top-navigation_4c84z_1uewr_281:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_variant-top-navigation_4c84z_1m28y_283:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-interactive-hover-v3lasm, #000716);
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-top-navigation_4c84z_1uewr_281:not(#\9):focus {
+.awsui_link_4c84z_1m28y_93.awsui_variant-top-navigation_4c84z_1m28y_283:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-top-navigation_4c84z_1uewr_281:not(#\9):active {
+.awsui_link_4c84z_1m28y_93.awsui_variant-top-navigation_4c84z_1m28y_283:not(#\9):active {
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-top-navigation_4c84z_1uewr_281:not(#\9):active, .awsui_link_4c84z_1uewr_93.awsui_variant-top-navigation_4c84z_1uewr_281:not(#\9):focus, .awsui_link_4c84z_1uewr_93.awsui_variant-top-navigation_4c84z_1uewr_281:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_variant-top-navigation_4c84z_1m28y_283:not(#\9):active, .awsui_link_4c84z_1m28y_93.awsui_variant-top-navigation_4c84z_1m28y_283:not(#\9):focus, .awsui_link_4c84z_1m28y_93.awsui_variant-top-navigation_4c84z_1m28y_283:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-recovery_4c84z_1uewr_316:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_variant-recovery_4c84z_1m28y_318:not(#\9) {
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: var(--font-link-button-weight-4f1hjr, 800);
   letter-spacing: var(--font-link-button-letter-spacing-58wset, 0.005em);
@@ -365,31 +367,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uewr_93.awsui_variant-recovery_4c84z_1uewr_316:not(#\9) {
+  .awsui_link_4c84z_1m28y_93.awsui_variant-recovery_4c84z_1m28y_318:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uewr_93.awsui_variant-recovery_4c84z_1uewr_316:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uewr_93.awsui_variant-recovery_4c84z_1uewr_316:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1m28y_93.awsui_variant-recovery_4c84z_1m28y_318:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1m28y_93.awsui_variant-recovery_4c84z_1m28y_318:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-recovery_4c84z_1uewr_316:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_variant-recovery_4c84z_1m28y_318:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-recovery_4c84z_1uewr_316:not(#\9):focus {
+.awsui_link_4c84z_1m28y_93.awsui_variant-recovery_4c84z_1m28y_318:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-recovery_4c84z_1uewr_316:not(#\9):active {
+.awsui_link_4c84z_1m28y_93.awsui_variant-recovery_4c84z_1m28y_318:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1uewr_93.awsui_variant-recovery_4c84z_1uewr_316:not(#\9):active, .awsui_link_4c84z_1uewr_93.awsui_variant-recovery_4c84z_1uewr_316:not(#\9):focus, .awsui_link_4c84z_1uewr_93.awsui_variant-recovery_4c84z_1uewr_316:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_variant-recovery_4c84z_1m28y_318:not(#\9):active, .awsui_link_4c84z_1m28y_93.awsui_variant-recovery_4c84z_1m28y_318:not(#\9):focus, .awsui_link_4c84z_1m28y_93.awsui_variant-recovery_4c84z_1m28y_318:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: var(--color-text-link-button-underline-hover-ei09le, transparent);
 }
-.awsui_link_4c84z_1uewr_93.awsui_button_4c84z_1uewr_351:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_button_4c84z_1m28y_353:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
   color: var(--color-text-link-button-normal-default-2yrp9u, #0972d3);
@@ -404,42 +406,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uewr_93.awsui_button_4c84z_1uewr_351:not(#\9) {
+  .awsui_link_4c84z_1m28y_93.awsui_button_4c84z_1m28y_353:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uewr_93.awsui_button_4c84z_1uewr_351:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uewr_93.awsui_button_4c84z_1uewr_351:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1m28y_93.awsui_button_4c84z_1m28y_353:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1m28y_93.awsui_button_4c84z_1m28y_353:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uewr_93.awsui_button_4c84z_1uewr_351:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_button_4c84z_1m28y_353:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-button-normal-hover-gz8y5b, #033160);
 }
-.awsui_link_4c84z_1uewr_93.awsui_button_4c84z_1uewr_351:not(#\9):focus {
+.awsui_link_4c84z_1m28y_93.awsui_button_4c84z_1m28y_353:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uewr_93.awsui_button_4c84z_1uewr_351:not(#\9):active {
+.awsui_link_4c84z_1m28y_93.awsui_button_4c84z_1m28y_353:not(#\9):active {
   color: var(--color-text-link-button-normal-active-8lhs8f, #033160);
 }
-.awsui_link_4c84z_1uewr_93.awsui_button_4c84z_1uewr_351:not(#\9):active, .awsui_link_4c84z_1uewr_93.awsui_button_4c84z_1uewr_351:not(#\9):focus, .awsui_link_4c84z_1uewr_93.awsui_button_4c84z_1uewr_351:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_button_4c84z_1m28y_353:not(#\9):active, .awsui_link_4c84z_1m28y_93.awsui_button_4c84z_1m28y_353:not(#\9):focus, .awsui_link_4c84z_1m28y_93.awsui_button_4c84z_1m28y_353:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1uewr_93.awsui_color-inverted_4c84z_1uewr_388:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_color-inverted_4c84z_1m28y_390:not(#\9) {
   color: var(--color-text-notification-default-2kpcxy, #fbfbfb);
 }
-.awsui_link_4c84z_1uewr_93.awsui_color-inverted_4c84z_1uewr_388:not(#\9):not(.awsui_button_4c84z_1uewr_351) {
+.awsui_link_4c84z_1m28y_93.awsui_color-inverted_4c84z_1m28y_390:not(#\9):not(.awsui_button_4c84z_1m28y_353) {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1uewr_93.awsui_color-inverted_4c84z_1uewr_388:not(#\9):hover {
+.awsui_link_4c84z_1m28y_93.awsui_color-inverted_4c84z_1m28y_390:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-5tnsdi, #ffffff);
 }
-.awsui_link_4c84z_1uewr_93[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_link_4c84z_1m28y_93[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-k2wccv, 0);
   outline-offset: 2px;
@@ -447,54 +449,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_link_4c84z_1uewr_93.awsui_font-size-body-s_4c84z_1uewr_407:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_font-size-body-s_4c84z_1m28y_409:not(#\9) {
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
 }
-.awsui_link_4c84z_1uewr_93.awsui_font-size-body-m_4c84z_1uewr_412:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_font-size-body-m_4c84z_1m28y_414:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
 }
-.awsui_link_4c84z_1uewr_93.awsui_font-size-heading-xs_4c84z_1uewr_416:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_font-size-heading-xs_4c84z_1m28y_418:not(#\9) {
   font-size: var(--font-heading-xs-size-fryxro, 14px);
   line-height: var(--font-heading-xs-line-height-5x131j, 18px);
 }
-.awsui_link_4c84z_1uewr_93.awsui_font-size-heading-s_4c84z_1uewr_420:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_font-size-heading-s_4c84z_1m28y_422:not(#\9) {
   font-size: var(--font-heading-s-size-9clg8y, 16px);
   line-height: var(--font-heading-s-line-height-5b7f0q, 20px);
   letter-spacing: var(--font-heading-s-letter-spacing-4d69jc, -0.005em);
 }
-.awsui_link_4c84z_1uewr_93.awsui_font-size-heading-m_4c84z_1uewr_425:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_font-size-heading-m_4c84z_1m28y_427:not(#\9) {
   font-size: var(--font-heading-m-size-6e3jmg, 20px);
   line-height: var(--font-heading-m-line-height-u3t54f, 24px);
   letter-spacing: var(--font-heading-m-letter-spacing-r00pg3, -0.01em);
 }
-.awsui_link_4c84z_1uewr_93.awsui_font-size-heading-l_4c84z_1uewr_430:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_font-size-heading-l_4c84z_1m28y_432:not(#\9) {
   font-size: var(--font-heading-l-size-otmxys, 24px);
   line-height: var(--font-heading-l-line-height-gev4n1, 30px);
   letter-spacing: var(--font-heading-l-letter-spacing-f6wvtk, -0.015em);
 }
-.awsui_link_4c84z_1uewr_93.awsui_font-size-heading-xl_4c84z_1uewr_435:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_font-size-heading-xl_4c84z_1m28y_437:not(#\9) {
   font-size: var(--font-heading-xl-size-d0vjbk, 32px);
   line-height: var(--font-heading-xl-line-height-doxfdj, 40px);
   letter-spacing: var(--font-heading-xl-letter-spacing-9tcsmy, -0.02em);
 }
-.awsui_link_4c84z_1uewr_93.awsui_font-size-display-l_4c84z_1uewr_440:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_font-size-display-l_4c84z_1m28y_442:not(#\9) {
   font-size: var(--font-display-l-size-03lgcb, 48px);
   line-height: var(--font-display-l-line-height-71tnj3, 54px);
   letter-spacing: var(--font-display-l-letter-spacing-4ff418, -0.03em);
 }
-.awsui_link_4c84z_1uewr_93.awsui_font-size-inherit_4c84z_1uewr_445:not(#\9) {
+.awsui_link_4c84z_1m28y_93.awsui_font-size-inherit_4c84z_1m28y_447:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
 }
 
-.awsui_icon-wrapper_4c84z_1uewr_451:not(#\9) {
+.awsui_icon-wrapper_4c84z_1m28y_453:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_1uewr_451:not(#\9) {
+.awsui_icon_4c84z_1m28y_453:not(#\9) {
   display: inline-block;
 }

package/link/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_4c84z_1uewr_93",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1uewr_140",
-  "variant-primary": "awsui_variant-primary_4c84z_1uewr_175",
-  "variant-info": "awsui_variant-info_4c84z_1uewr_210",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1uewr_247",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1uewr_281",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1uewr_316",
-  "button": "awsui_button_4c84z_1uewr_351",
-  "color-inverted": "awsui_color-inverted_4c84z_1uewr_388",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1uewr_407",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1uewr_412",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1uewr_416",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1uewr_420",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1uewr_425",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1uewr_430",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1uewr_435",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1uewr_440",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1uewr_445",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1uewr_451",
-  "icon": "awsui_icon_4c84z_1uewr_451"
+  "link": "awsui_link_4c84z_1m28y_93",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1m28y_140",
+  "variant-primary": "awsui_variant-primary_4c84z_1m28y_177",
+  "variant-info": "awsui_variant-info_4c84z_1m28y_212",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1m28y_249",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1m28y_283",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1m28y_318",
+  "button": "awsui_button_4c84z_1m28y_353",
+  "color-inverted": "awsui_color-inverted_4c84z_1m28y_390",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1m28y_409",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1m28y_414",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1m28y_418",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1m28y_422",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1m28y_427",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1m28y_432",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1m28y_437",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1m28y_442",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1m28y_447",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1m28y_453",
+  "icon": "awsui_icon_4c84z_1m28y_453"
 };
   

package/package.json

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

package/radio-group/interfaces.d.ts

@@ -32,6 +32,11 @@ export interface RadioGroupProps extends BaseComponentProps, FormFieldControlPro
      * Adds `aria-required` to the group.
      */
     ariaRequired?: boolean;
+    /**
+     * Adds `aria-controls` attribute to the radio group.
+     * If the radio group controls any secondary content (for example, another form field), use this to provide an ID referring to the secondary content.
+     */
+    ariaControls?: string;
     /**
      * Called when the user selects a different radio button. The event `detail` contains the current `value`.
      */

package/radio-group/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/radio-group/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,qBAAqB;IAChF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAE7D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,qBAAqB;QACpC,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IAED,UAAiB,YAAY;QAC3B,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/radio-group/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,qBAAqB;IAChF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAE7D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,qBAAqB;QACpC,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IAED,UAAiB,YAAY;QAC3B,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}

package/radio-group/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/radio-group/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { FormFieldControlProps } from '../internal/context/form-field-context';\n\nexport interface RadioGroupProps extends BaseComponentProps, FormFieldControlProps {\n  /**\n   * Specify a custom name for the radio buttons. If not provided, the radio group generates a random name.\n   */\n  name?: string;\n\n  /**\n   * Sets the value of the selected radio button.\n   * If you want to clear the selection, use `null`.\n   */\n  value: string | null;\n\n  /**\n   * Specifies an array of radio buttons to display. Each of these objects have the following properties:\n   *\n   * - `value` (string) - Sets the value of the radio button. Assigned to the radio group when a user selects the radio button.\n   * - `label` (ReactNode) - Specifies a label for the radio button.\n   * - `description` (ReactNode) - (Optional) Specifies descriptive text that appears below the label.\n   * - `disabled` (boolean) - (Optional) Determines whether the radio button is disabled, which prevents the user from selecting it.\n   * - `controlId` (string) - (Optional) Sets the ID of the internal input. You can use it to relate a label element's `for` attribute to this control.\n   *        In general it's not recommended to set this because the ID is automatically set by the radio group component.\n   */\n  items?: ReadonlyArray<RadioGroupProps.RadioButtonDefinition>;\n\n  /**\n   * Adds `aria-label` to the group. If you are using this form element within a form field,\n   * don't set this property because the form field component automatically sets the correct labels to make the component accessible.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds `aria-required` to the group.\n   */\n  ariaRequired?: boolean;\n\n  /**\n   * Called when the user selects a different radio button. The event `detail` contains the current `value`.\n   */\n  onChange?: NonCancelableEventHandler<RadioGroupProps.ChangeDetail>;\n\n  /**\n   * @deprecated Has no effect.\n   */\n  controlId?: string;\n}\n\nexport namespace RadioGroupProps {\n  export interface RadioButtonDefinition {\n    value: string;\n    label: React.ReactNode;\n    description?: React.ReactNode;\n    disabled?: boolean;\n    controlId?: string;\n  }\n\n  export interface ChangeDetail {\n    value: string;\n  }\n\n  export interface Ref {\n    /**\n     * Sets input focus onto the UI control.\n     */\n    focus(): void;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/radio-group/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { FormFieldControlProps } from '../internal/context/form-field-context';\n\nexport interface RadioGroupProps extends BaseComponentProps, FormFieldControlProps {\n  /**\n   * Specify a custom name for the radio buttons. If not provided, the radio group generates a random name.\n   */\n  name?: string;\n\n  /**\n   * Sets the value of the selected radio button.\n   * If you want to clear the selection, use `null`.\n   */\n  value: string | null;\n\n  /**\n   * Specifies an array of radio buttons to display. Each of these objects have the following properties:\n   *\n   * - `value` (string) - Sets the value of the radio button. Assigned to the radio group when a user selects the radio button.\n   * - `label` (ReactNode) - Specifies a label for the radio button.\n   * - `description` (ReactNode) - (Optional) Specifies descriptive text that appears below the label.\n   * - `disabled` (boolean) - (Optional) Determines whether the radio button is disabled, which prevents the user from selecting it.\n   * - `controlId` (string) - (Optional) Sets the ID of the internal input. You can use it to relate a label element's `for` attribute to this control.\n   *        In general it's not recommended to set this because the ID is automatically set by the radio group component.\n   */\n  items?: ReadonlyArray<RadioGroupProps.RadioButtonDefinition>;\n\n  /**\n   * Adds `aria-label` to the group. If you are using this form element within a form field,\n   * don't set this property because the form field component automatically sets the correct labels to make the component accessible.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds `aria-required` to the group.\n   */\n  ariaRequired?: boolean;\n\n  /**\n   * Adds `aria-controls` attribute to the radio group.\n   * If the radio group controls any secondary content (for example, another form field), use this to provide an ID referring to the secondary content.\n   */\n  ariaControls?: string;\n\n  /**\n   * Called when the user selects a different radio button. The event `detail` contains the current `value`.\n   */\n  onChange?: NonCancelableEventHandler<RadioGroupProps.ChangeDetail>;\n\n  /**\n   * @deprecated Has no effect.\n   */\n  controlId?: string;\n}\n\nexport namespace RadioGroupProps {\n  export interface RadioButtonDefinition {\n    value: string;\n    label: React.ReactNode;\n    description?: React.ReactNode;\n    disabled?: boolean;\n    controlId?: string;\n  }\n\n  export interface ChangeDetail {\n    value: string;\n  }\n\n  export interface Ref {\n    /**\n     * Sets input focus onto the UI control.\n     */\n    focus(): void;\n  }\n}\n"]}

package/radio-group/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAKlF,QAAA,MAAM,kBAAkB,0HAiDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAKlF,QAAA,MAAM,kBAAkB,0HAmDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/radio-group/internal.js

@@ -10,12 +10,12 @@ import { useFormFieldContext } from '../internal/context/form-field-context';
 import { useUniqueId } from '../internal/hooks/use-unique-id';
 import useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';
 var InternalRadioGroup = React.forwardRef(function (_a, ref) {
-    var name = _a.name, value = _a.value, items = _a.items, ariaLabel = _a.ariaLabel, ariaRequired = _a.ariaRequired, onChange = _a.onChange, _b = _a.__internalRootRef, __internalRootRef = _b === void 0 ? null : _b, props = __rest(_a, ["name", "value", "items", "ariaLabel", "ariaRequired", "onChange", "__internalRootRef"]);
+    var name = _a.name, value = _a.value, items = _a.items, ariaLabel = _a.ariaLabel, ariaRequired = _a.ariaRequired, ariaControls = _a.ariaControls, onChange = _a.onChange, _b = _a.__internalRootRef, __internalRootRef = _b === void 0 ? null : _b, props = __rest(_a, ["name", "value", "items", "ariaLabel", "ariaRequired", "ariaControls", "onChange", "__internalRootRef"]);
     var _c = useFormFieldContext(props), ariaDescribedby = _c.ariaDescribedby, ariaLabelledby = _c.ariaLabelledby;
     var baseProps = getBaseProps(props);
     var generatedName = useUniqueId('awsui-radio-');
     var _d = useRadioGroupForwardFocus(ref, items, value), radioButtonRef = _d[0], radioButtonRefIndex = _d[1];
-    return (React.createElement("div", __assign({ role: "radiogroup", "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-required": ariaRequired }, baseProps, { className: clsx(baseProps.className, styles.root), ref: __internalRootRef }), items &&
+    return (React.createElement("div", __assign({ role: "radiogroup", "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-required": ariaRequired, "aria-controls": ariaControls }, baseProps, { className: clsx(baseProps.className, styles.root), ref: __internalRootRef }), items &&
         items.map(function (item, index) { return (React.createElement(RadioButton, { key: item.value, ref: index === radioButtonRefIndex ? radioButtonRef : undefined, checked: item.value === value, name: name || generatedName, value: item.value, label: item.label, description: item.description, disabled: item.disabled, onChange: onChange, controlId: item.controlId })); })));
 });
 export default InternalRadioGroup;

package/radio-group/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,OAAO,yBAAyB,MAAM,6CAA6C,CAAC;AAIpF,IAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,UACE,EAS0B,EAC1B,GAAmC;IATjC,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACrB,KAAK,cARV,wFASC,CADS;IAIJ,IAAA,KAAsC,mBAAmB,CAAC,KAAK,CAAC,EAA9D,eAAe,qBAAA,EAAE,cAAc,oBAA+B,CAAC;IACvE,IAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,IAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAE5C,IAAA,KAAwC,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,EAAnF,cAAc,QAAA,EAAE,mBAAmB,QAAgD,CAAC;IAE3F,OAAO,CACL,sCACE,IAAI,EAAC,YAAY,qBACA,cAAc,gBACnB,SAAS,sBACH,eAAe,mBAClB,YAAY,IACvB,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EACjD,GAAG,EAAE,iBAAiB,KAErB,KAAK;QACJ,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACzB,oBAAC,WAAW,IACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,GAAG,EAAE,KAAK,KAAK,mBAAmB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC/D,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,EAC7B,IAAI,EAAE,IAAI,IAAI,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CAAC,SAAS,GACzB,CACH,EAb0B,CAa1B,CAAC,CACA,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { RadioGroupProps } from './interfaces';\nimport RadioButton from './radio-button';\nimport styles from './styles.css.js';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';\n\ntype InternalRadioGroupProps = RadioGroupProps & InternalBaseComponentProps;\n\nconst InternalRadioGroup = React.forwardRef(\n  (\n    {\n      name,\n      value,\n      items,\n      ariaLabel,\n      ariaRequired,\n      onChange,\n      __internalRootRef = null,\n      ...props\n    }: InternalRadioGroupProps,\n    ref: React.Ref<RadioGroupProps.Ref>\n  ) => {\n    const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(props);\n    const baseProps = getBaseProps(props);\n    const generatedName = useUniqueId('awsui-radio-');\n\n    const [radioButtonRef, radioButtonRefIndex] = useRadioGroupForwardFocus(ref, items, value);\n\n    return (\n      <div\n        role=\"radiogroup\"\n        aria-labelledby={ariaLabelledby}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedby}\n        aria-required={ariaRequired}\n        {...baseProps}\n        className={clsx(baseProps.className, styles.root)}\n        ref={__internalRootRef}\n      >\n        {items &&\n          items.map((item, index) => (\n            <RadioButton\n              key={item.value}\n              ref={index === radioButtonRefIndex ? radioButtonRef : undefined}\n              checked={item.value === value}\n              name={name || generatedName}\n              value={item.value}\n              label={item.label}\n              description={item.description}\n              disabled={item.disabled}\n              onChange={onChange}\n              controlId={item.controlId}\n            />\n          ))}\n      </div>\n    );\n  }\n);\n\nexport default InternalRadioGroup;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,OAAO,yBAAyB,MAAM,6CAA6C,CAAC;AAIpF,IAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,UACE,EAU0B,EAC1B,GAAmC;IAVjC,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACrB,KAAK,cATV,wGAUC,CADS;IAIJ,IAAA,KAAsC,mBAAmB,CAAC,KAAK,CAAC,EAA9D,eAAe,qBAAA,EAAE,cAAc,oBAA+B,CAAC;IACvE,IAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,IAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAE5C,IAAA,KAAwC,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,EAAnF,cAAc,QAAA,EAAE,mBAAmB,QAAgD,CAAC;IAE3F,OAAO,CACL,sCACE,IAAI,EAAC,YAAY,qBACA,cAAc,gBACnB,SAAS,sBACH,eAAe,mBAClB,YAAY,mBACZ,YAAY,IACvB,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EACjD,GAAG,EAAE,iBAAiB,KAErB,KAAK;QACJ,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACzB,oBAAC,WAAW,IACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,GAAG,EAAE,KAAK,KAAK,mBAAmB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC/D,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,EAC7B,IAAI,EAAE,IAAI,IAAI,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CAAC,SAAS,GACzB,CACH,EAb0B,CAa1B,CAAC,CACA,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { RadioGroupProps } from './interfaces';\nimport RadioButton from './radio-button';\nimport styles from './styles.css.js';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';\n\ntype InternalRadioGroupProps = RadioGroupProps & InternalBaseComponentProps;\n\nconst InternalRadioGroup = React.forwardRef(\n  (\n    {\n      name,\n      value,\n      items,\n      ariaLabel,\n      ariaRequired,\n      ariaControls,\n      onChange,\n      __internalRootRef = null,\n      ...props\n    }: InternalRadioGroupProps,\n    ref: React.Ref<RadioGroupProps.Ref>\n  ) => {\n    const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(props);\n    const baseProps = getBaseProps(props);\n    const generatedName = useUniqueId('awsui-radio-');\n\n    const [radioButtonRef, radioButtonRefIndex] = useRadioGroupForwardFocus(ref, items, value);\n\n    return (\n      <div\n        role=\"radiogroup\"\n        aria-labelledby={ariaLabelledby}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedby}\n        aria-required={ariaRequired}\n        aria-controls={ariaControls}\n        {...baseProps}\n        className={clsx(baseProps.className, styles.root)}\n        ref={__internalRootRef}\n      >\n        {items &&\n          items.map((item, index) => (\n            <RadioButton\n              key={item.value}\n              ref={index === radioButtonRefIndex ? radioButtonRef : undefined}\n              checked={item.value === value}\n              name={name || generatedName}\n              value={item.value}\n              label={item.label}\n              description={item.description}\n              disabled={item.disabled}\n              onChange={onChange}\n              controlId={item.controlId}\n            />\n          ))}\n      </div>\n    );\n  }\n);\n\nexport default InternalRadioGroup;\n"]}