@cloudscape-design/components-themeable 3.0.1311 → 3.0.1312

package/lib/internal/template/internal/hooks/use-visual-mode/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-visual-mode/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AAExF,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useRuntimeVisualRefresh } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ALWAYS_VISUAL_REFRESH } from '../../environment';\n\nexport const useVisualRefresh = ALWAYS_VISUAL_REFRESH ? () => true : useRuntimeVisualRefresh;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-visual-mode/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AAE9G,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC;AAE7F,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { isThemeActive, Theme, useRuntimeVisualRefresh } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ALWAYS_VISUAL_REFRESH } from '../../environment';\n\nexport const useVisualRefresh = ALWAYS_VISUAL_REFRESH ? () => true : useRuntimeVisualRefresh;\n\nexport const useOneTheme = () => isThemeActive(Theme.OneTheme);\n"]}

package/lib/internal/template/status-indicator/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,WAAW,4BACf,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAChD,0BAA0B;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACvC;AAcD,UAAU,uBAAwB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,MAAM,GAAG,eAAe,CAAC;IACpG,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;CACrD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,OAAO,EACP,OAAO,EACP,IAAe,GAChB,EAAE,uBAAuB,eAWzB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,gBAAgB,EAChB,SAAiB,EACjB,iBAAiB,EACjB,MAAiB,EACjB,SAA0B,EAC1B,GAAG,IAAI,EACR,EAAE,4BAA4B,eAqC9B"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,WAAW,4BACf,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAChD,0BAA0B;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACvC;AAcD,UAAU,uBAAwB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,MAAM,GAAG,eAAe,CAAC;IACpG,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;CACrD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,OAAO,EACP,OAAO,EACP,IAAe,GAChB,EAAE,uBAAuB,eAezB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,gBAAgB,EAChB,SAAiB,EACjB,iBAAiB,EACjB,MAA6D,EAC7D,SAA0B,EAC1B,GAAG,IAAI,EACR,EAAE,4BAA4B,eAsC9B"}

package/lib/internal/template/status-indicator/internal.js

@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import clsx from 'clsx';
+import { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';
 import InternalIcon from '../icon/internal';
 import { getBaseProps } from '../internal/base-component';
 /**
@@ -22,16 +23,16 @@ const typeToIcon = size => ({
     'not-started': React.createElement(InternalIcon, { name: "status-not-started", size: size }),
 });
 export function InternalStatusIcon({ type, iconAriaLabel, animate, display, size = 'normal', }) {
-    return (React.createElement("span", { className: clsx(styles.icon, animate && styles['icon-shake']), "aria-label": iconAriaLabel, role: iconAriaLabel ? 'img' : undefined },
+    return (React.createElement("span", { className: clsx(styles.icon, animate && styles['icon-shake'], isThemeActive(Theme.OneTheme) && styles['one-theme']), "aria-label": iconAriaLabel, role: iconAriaLabel ? 'img' : undefined },
         typeToIcon(size)[type],
         display === 'inline' && React.createElement(React.Fragment, null, "\u00A0")));
 }
-export default function StatusIndicator({ type, children, iconAriaLabel, colorOverride, wrapText = true, nativeAttributes, __animate = false, __internalRootRef, __size = 'normal', __display = 'inline-block', ...rest }) {
+export default function StatusIndicator({ type, children, iconAriaLabel, colorOverride, wrapText = true, nativeAttributes, __animate = false, __internalRootRef, __size = isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal', __display = 'inline-block', ...rest }) {
     const baseProps = getBaseProps(rest);
     return (React.createElement(WithNativeAttributes, { ...baseProps, tag: "span", componentName: "StatusIndicator", nativeAttributes: nativeAttributes, className: clsx(styles.root, styles[`status-${type}`], {
             [styles[`color-override-${colorOverride}`]]: colorOverride,
         }, baseProps.className), ref: __internalRootRef },
-        React.createElement("span", { className: clsx(styles.container, styles[`display-${__display}`], wrapText === false && styles['overflow-ellipsis'], __animate && styles['container-fade-in']) },
+        React.createElement("span", { className: clsx(styles.container, styles[`display-${__display}`], isThemeActive(Theme.OneTheme) && styles['one-theme'], wrapText === false && styles['overflow-ellipsis'], __animate && styles['container-fade-in']) },
             React.createElement(InternalStatusIcon, { type: type, iconAriaLabel: iconAriaLabel, animate: __animate, display: __display, size: __size }),
             React.createElement("span", null, children))));
 }

package/lib/internal/template/status-indicator/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SomeRequired } from '../internal/types';\n/**\n * @awsuiSystem core\n */\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport InternalSpinner from '../spinner/internal';\nimport { StatusIndicatorProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalStatusIndicatorProps\n  extends SomeRequired<StatusIndicatorProps, 'type'>,\n    InternalBaseComponentProps {\n  /**\n   * Play an animation on the error icon when first rendered\n   */\n  __animate?: boolean;\n\n  /**\n   * Size of icon.\n   */\n  __size?: IconProps.Size;\n\n  /**\n   * The CSS behavior of the status indicator container element.\n   */\n  __display?: 'inline' | 'inline-block';\n}\n\nconst typeToIcon: (size: IconProps.Size) => Record<StatusIndicatorProps.Type, JSX.Element> = size => ({\n  error: <InternalIcon name=\"status-negative\" size={size} />,\n  warning: <InternalIcon name=\"status-warning\" size={size} />,\n  success: <InternalIcon name=\"status-positive\" size={size} />,\n  info: <InternalIcon name=\"status-info\" size={size} />,\n  stopped: <InternalIcon name=\"status-stopped\" size={size} />,\n  pending: <InternalIcon name=\"status-pending\" size={size} />,\n  'in-progress': <InternalIcon name=\"status-in-progress\" size={size} />,\n  loading: <InternalSpinner />,\n  'not-started': <InternalIcon name=\"status-not-started\" size={size} />,\n});\n\ninterface InternalStatusIconProps extends Pick<InternalStatusIndicatorProps, 'type' | 'iconAriaLabel'> {\n  animate?: InternalStatusIndicatorProps['__animate'];\n  size?: InternalStatusIndicatorProps['__size'];\n  display?: InternalStatusIndicatorProps['__display'];\n}\n\nexport function InternalStatusIcon({\n  type,\n  iconAriaLabel,\n  animate,\n  display,\n  size = 'normal',\n}: InternalStatusIconProps) {\n  return (\n    <span\n      className={clsx(styles.icon, animate && styles['icon-shake'])}\n      aria-label={iconAriaLabel}\n      role={iconAriaLabel ? 'img' : undefined}\n    >\n      {typeToIcon(size)[type]}\n      {display === 'inline' && <>&nbsp;</>}\n    </span>\n  );\n}\n\nexport default function StatusIndicator({\n  type,\n  children,\n  iconAriaLabel,\n  colorOverride,\n  wrapText = true,\n  nativeAttributes,\n  __animate = false,\n  __internalRootRef,\n  __size = 'normal',\n  __display = 'inline-block',\n  ...rest\n}: InternalStatusIndicatorProps) {\n  const baseProps = getBaseProps(rest);\n  return (\n    <WithNativeAttributes\n      {...baseProps}\n      tag=\"span\"\n      componentName=\"StatusIndicator\"\n      nativeAttributes={nativeAttributes}\n      className={clsx(\n        styles.root,\n        styles[`status-${type}`],\n        {\n          [styles[`color-override-${colorOverride}`]]: colorOverride,\n        },\n        baseProps.className\n      )}\n      ref={__internalRootRef}\n    >\n      <span\n        className={clsx(\n          styles.container,\n          styles[`display-${__display}`],\n          wrapText === false && styles['overflow-ellipsis'],\n          __animate && styles['container-fade-in']\n        )}\n      >\n        <InternalStatusIcon\n          type={type}\n          iconAriaLabel={iconAriaLabel}\n          animate={__animate}\n          display={__display}\n          size={__size}\n        />\n        <span>{children}</span>\n      </span>\n    </WithNativeAttributes>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SomeRequired } from '../internal/types';\n/**\n * @awsuiSystem core\n */\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport InternalSpinner from '../spinner/internal';\nimport { StatusIndicatorProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalStatusIndicatorProps\n  extends SomeRequired<StatusIndicatorProps, 'type'>,\n    InternalBaseComponentProps {\n  /**\n   * Play an animation on the error icon when first rendered\n   */\n  __animate?: boolean;\n\n  /**\n   * Size of icon.\n   */\n  __size?: IconProps.Size;\n\n  /**\n   * The CSS behavior of the status indicator container element.\n   */\n  __display?: 'inline' | 'inline-block';\n}\n\nconst typeToIcon: (size: IconProps.Size) => Record<StatusIndicatorProps.Type, JSX.Element> = size => ({\n  error: <InternalIcon name=\"status-negative\" size={size} />,\n  warning: <InternalIcon name=\"status-warning\" size={size} />,\n  success: <InternalIcon name=\"status-positive\" size={size} />,\n  info: <InternalIcon name=\"status-info\" size={size} />,\n  stopped: <InternalIcon name=\"status-stopped\" size={size} />,\n  pending: <InternalIcon name=\"status-pending\" size={size} />,\n  'in-progress': <InternalIcon name=\"status-in-progress\" size={size} />,\n  loading: <InternalSpinner />,\n  'not-started': <InternalIcon name=\"status-not-started\" size={size} />,\n});\n\ninterface InternalStatusIconProps extends Pick<InternalStatusIndicatorProps, 'type' | 'iconAriaLabel'> {\n  animate?: InternalStatusIndicatorProps['__animate'];\n  size?: InternalStatusIndicatorProps['__size'];\n  display?: InternalStatusIndicatorProps['__display'];\n}\n\nexport function InternalStatusIcon({\n  type,\n  iconAriaLabel,\n  animate,\n  display,\n  size = 'normal',\n}: InternalStatusIconProps) {\n  return (\n    <span\n      className={clsx(\n        styles.icon,\n        animate && styles['icon-shake'],\n        isThemeActive(Theme.OneTheme) && styles['one-theme']\n      )}\n      aria-label={iconAriaLabel}\n      role={iconAriaLabel ? 'img' : undefined}\n    >\n      {typeToIcon(size)[type]}\n      {display === 'inline' && <>&nbsp;</>}\n    </span>\n  );\n}\n\nexport default function StatusIndicator({\n  type,\n  children,\n  iconAriaLabel,\n  colorOverride,\n  wrapText = true,\n  nativeAttributes,\n  __animate = false,\n  __internalRootRef,\n  __size = isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal',\n  __display = 'inline-block',\n  ...rest\n}: InternalStatusIndicatorProps) {\n  const baseProps = getBaseProps(rest);\n  return (\n    <WithNativeAttributes\n      {...baseProps}\n      tag=\"span\"\n      componentName=\"StatusIndicator\"\n      nativeAttributes={nativeAttributes}\n      className={clsx(\n        styles.root,\n        styles[`status-${type}`],\n        {\n          [styles[`color-override-${colorOverride}`]]: colorOverride,\n        },\n        baseProps.className\n      )}\n      ref={__internalRootRef}\n    >\n      <span\n        className={clsx(\n          styles.container,\n          styles[`display-${__display}`],\n          isThemeActive(Theme.OneTheme) && styles['one-theme'],\n          wrapText === false && styles['overflow-ellipsis'],\n          __animate && styles['container-fade-in']\n        )}\n      >\n        <InternalStatusIcon\n          type={type}\n          iconAriaLabel={iconAriaLabel}\n          animate={__animate}\n          display={__display}\n          size={__size}\n        />\n        <span>{children}</span>\n      </span>\n    </WithNativeAttributes>\n  );\n}\n"]}

package/lib/internal/template/status-indicator/styles.css.js

@@ -1,29 +1,30 @@
 
     import './styles.scoped.css';
     export default {
-  "icon-shake": "awsui_icon-shake_1cbgc_hmmrt_153",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_hmmrt_1",
-  "container-fade-in": "awsui_container-fade-in_1cbgc_hmmrt_181",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_hmmrt_1",
-  "root": "awsui_root_1cbgc_hmmrt_203",
-  "status-error": "awsui_status-error_1cbgc_hmmrt_212",
-  "status-warning": "awsui_status-warning_1cbgc_hmmrt_215",
-  "status-success": "awsui_status-success_1cbgc_hmmrt_218",
-  "status-info": "awsui_status-info_1cbgc_hmmrt_221",
-  "status-stopped": "awsui_status-stopped_1cbgc_hmmrt_224",
-  "status-pending": "awsui_status-pending_1cbgc_hmmrt_227",
-  "status-in-progress": "awsui_status-in-progress_1cbgc_hmmrt_230",
-  "status-loading": "awsui_status-loading_1cbgc_hmmrt_233",
-  "status-not-started": "awsui_status-not-started_1cbgc_hmmrt_236",
-  "color-override-red": "awsui_color-override-red_1cbgc_hmmrt_239",
-  "color-override-grey": "awsui_color-override-grey_1cbgc_hmmrt_242",
-  "color-override-blue": "awsui_color-override-blue_1cbgc_hmmrt_245",
-  "color-override-green": "awsui_color-override-green_1cbgc_hmmrt_248",
-  "color-override-yellow": "awsui_color-override-yellow_1cbgc_hmmrt_251",
-  "container": "awsui_container_1cbgc_hmmrt_181",
-  "display-inline": "awsui_display-inline_1cbgc_hmmrt_289",
-  "icon": "awsui_icon_1cbgc_hmmrt_153",
-  "display-inline-block": "awsui_display-inline-block_1cbgc_hmmrt_297",
-  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_hmmrt_306"
+  "icon-shake": "awsui_icon-shake_1cbgc_13oha_153",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_13oha_1",
+  "container-fade-in": "awsui_container-fade-in_1cbgc_13oha_181",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_13oha_1",
+  "root": "awsui_root_1cbgc_13oha_203",
+  "status-error": "awsui_status-error_1cbgc_13oha_212",
+  "status-warning": "awsui_status-warning_1cbgc_13oha_215",
+  "status-success": "awsui_status-success_1cbgc_13oha_218",
+  "status-info": "awsui_status-info_1cbgc_13oha_221",
+  "status-stopped": "awsui_status-stopped_1cbgc_13oha_224",
+  "status-pending": "awsui_status-pending_1cbgc_13oha_227",
+  "status-in-progress": "awsui_status-in-progress_1cbgc_13oha_230",
+  "status-loading": "awsui_status-loading_1cbgc_13oha_233",
+  "status-not-started": "awsui_status-not-started_1cbgc_13oha_236",
+  "color-override-red": "awsui_color-override-red_1cbgc_13oha_239",
+  "color-override-grey": "awsui_color-override-grey_1cbgc_13oha_242",
+  "color-override-blue": "awsui_color-override-blue_1cbgc_13oha_245",
+  "color-override-green": "awsui_color-override-green_1cbgc_13oha_248",
+  "color-override-yellow": "awsui_color-override-yellow_1cbgc_13oha_251",
+  "container": "awsui_container_1cbgc_13oha_181",
+  "display-inline": "awsui_display-inline_1cbgc_13oha_304",
+  "icon": "awsui_icon_1cbgc_13oha_153",
+  "one-theme": "awsui_one-theme_1cbgc_13oha_312",
+  "display-inline-block": "awsui_display-inline-block_1cbgc_13oha_315",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_13oha_333"
 };
   

package/lib/internal/template/status-indicator/styles.scoped.css

@@ -150,11 +150,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_icon-shake_1cbgc_hmmrt_153:not(#\9) {
+.awsui_icon-shake_1cbgc_13oha_153:not(#\9) {
   display: inline-block;
-  animation: awsui_awsui-motion-shake-horizontally_1cbgc_hmmrt_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
+  animation: awsui_awsui-motion-shake-horizontally_1cbgc_13oha_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
-@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_hmmrt_1 {
+@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_13oha_1 {
   0% {
     transform: translateX(-5px);
     animation-timing-function: linear;
@@ -168,20 +168,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon-shake_1cbgc_hmmrt_153:not(#\9) {
+  .awsui_icon-shake_1cbgc_13oha_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon-shake_1cbgc_hmmrt_153:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_hmmrt_153:not(#\9) {
+.awsui-motion-disabled .awsui_icon-shake_1cbgc_13oha_153:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_13oha_153:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_container-fade-in_1cbgc_hmmrt_181:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_1cbgc_hmmrt_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
+.awsui_container-fade-in_1cbgc_13oha_181:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1cbgc_13oha_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in-0_1cbgc_hmmrt_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1cbgc_13oha_1 {
   from {
     opacity: 0;
   }
@@ -190,17 +190,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container-fade-in_1cbgc_hmmrt_181:not(#\9) {
+  .awsui_container-fade-in_1cbgc_13oha_181:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container-fade-in_1cbgc_hmmrt_181:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_hmmrt_181:not(#\9) {
+.awsui-motion-disabled .awsui_container-fade-in_1cbgc_13oha_181:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_13oha_181:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1cbgc_hmmrt_203:not(#\9) {
+.awsui_root_1cbgc_13oha_203:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-body-default-5qid0u, #16191f);
@@ -209,104 +209,139 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-error_1cbgc_hmmrt_212:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-error_1cbgc_13oha_212:not(#\9) {
   color: var(--color-text-status-error-aknuvu, #d13212);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-warning_1cbgc_hmmrt_215:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-warning_1cbgc_13oha_215:not(#\9) {
   color: var(--color-text-status-warning-9b45qh, #906806);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-success_1cbgc_hmmrt_218:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-success_1cbgc_13oha_218:not(#\9) {
   color: var(--color-text-status-success-yodf3z, #1d8102);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-info_1cbgc_hmmrt_221:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-info_1cbgc_13oha_221:not(#\9) {
   color: var(--color-text-status-info-xt2ka7, #0073bb);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-stopped_1cbgc_hmmrt_224:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-stopped_1cbgc_13oha_224:not(#\9) {
   color: var(--color-text-status-inactive-n7p1uq, #687078);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-pending_1cbgc_hmmrt_227:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-pending_1cbgc_13oha_227:not(#\9) {
   color: var(--color-text-status-inactive-n7p1uq, #687078);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-in-progress_1cbgc_hmmrt_230:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-in-progress_1cbgc_13oha_230:not(#\9) {
   color: var(--color-text-status-inactive-n7p1uq, #687078);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-loading_1cbgc_hmmrt_233:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-loading_1cbgc_13oha_233:not(#\9) {
   color: var(--color-text-status-inactive-n7p1uq, #687078);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-not-started_1cbgc_hmmrt_236:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-not-started_1cbgc_13oha_236:not(#\9) {
   color: var(--color-text-status-inactive-n7p1uq, #687078);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_color-override-red_1cbgc_hmmrt_239:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_color-override-red_1cbgc_13oha_239:not(#\9) {
   color: var(--color-text-status-error-aknuvu, #d13212);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_color-override-grey_1cbgc_hmmrt_242:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_color-override-grey_1cbgc_13oha_242:not(#\9) {
   color: var(--color-text-status-inactive-n7p1uq, #687078);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_color-override-blue_1cbgc_hmmrt_245:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_color-override-blue_1cbgc_13oha_245:not(#\9) {
   color: var(--color-text-status-info-xt2ka7, #0073bb);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_color-override-green_1cbgc_hmmrt_248:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_color-override-green_1cbgc_13oha_248:not(#\9) {
   color: var(--color-text-status-success-yodf3z, #1d8102);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_color-override-yellow_1cbgc_hmmrt_251:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_color-override-yellow_1cbgc_13oha_251:not(#\9) {
   color: var(--color-text-status-warning-9b45qh, #906806);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-error_1cbgc_hmmrt_212 > .awsui_container_1cbgc_hmmrt_181:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-error_1cbgc_13oha_212 > .awsui_container_1cbgc_13oha_181:not(#\9) {
   background: var(--color-background-status-indicator-error-621sf8, transparent);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-warning_1cbgc_hmmrt_215 > .awsui_container_1cbgc_hmmrt_181:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-warning_1cbgc_13oha_215 > .awsui_container_1cbgc_13oha_181:not(#\9) {
   background: var(--color-background-status-indicator-warning-3kccdi, transparent);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-success_1cbgc_hmmrt_218 > .awsui_container_1cbgc_hmmrt_181:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-success_1cbgc_13oha_218 > .awsui_container_1cbgc_13oha_181:not(#\9) {
   background: var(--color-background-status-indicator-success-9mizpw, transparent);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-info_1cbgc_hmmrt_221 > .awsui_container_1cbgc_hmmrt_181:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-info_1cbgc_13oha_221 > .awsui_container_1cbgc_13oha_181:not(#\9) {
   background: var(--color-background-status-indicator-info-zw9ljm, transparent);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-stopped_1cbgc_hmmrt_224 > .awsui_container_1cbgc_hmmrt_181:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-stopped_1cbgc_13oha_224 > .awsui_container_1cbgc_13oha_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-pending_1cbgc_hmmrt_227 > .awsui_container_1cbgc_hmmrt_181:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-pending_1cbgc_13oha_227 > .awsui_container_1cbgc_13oha_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-in-progress_1cbgc_hmmrt_230 > .awsui_container_1cbgc_hmmrt_181:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-in-progress_1cbgc_13oha_230 > .awsui_container_1cbgc_13oha_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-loading_1cbgc_hmmrt_233 > .awsui_container_1cbgc_hmmrt_181:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-loading_1cbgc_13oha_233 > .awsui_container_1cbgc_13oha_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
 }
-.awsui_root_1cbgc_hmmrt_203.awsui_status-not-started_1cbgc_hmmrt_236 > .awsui_container_1cbgc_hmmrt_181:not(#\9) {
+.awsui_root_1cbgc_13oha_203.awsui_status-not-started_1cbgc_13oha_236 > .awsui_container_1cbgc_13oha_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
 }
+.awsui_root_1cbgc_13oha_203.awsui_color-override-red_1cbgc_13oha_239 > .awsui_container_1cbgc_13oha_181:not(#\9) {
+  background: var(--color-background-status-indicator-error-621sf8, transparent);
+}
+.awsui_root_1cbgc_13oha_203.awsui_color-override-grey_1cbgc_13oha_242 > .awsui_container_1cbgc_13oha_181:not(#\9) {
+  background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
+}
+.awsui_root_1cbgc_13oha_203.awsui_color-override-blue_1cbgc_13oha_245 > .awsui_container_1cbgc_13oha_181:not(#\9) {
+  background: var(--color-background-status-indicator-info-zw9ljm, transparent);
+}
+.awsui_root_1cbgc_13oha_203.awsui_color-override-green_1cbgc_13oha_248 > .awsui_container_1cbgc_13oha_181:not(#\9) {
+  background: var(--color-background-status-indicator-success-9mizpw, transparent);
+}
+.awsui_root_1cbgc_13oha_203.awsui_color-override-yellow_1cbgc_13oha_251 > .awsui_container_1cbgc_13oha_181:not(#\9) {
+  background: var(--color-background-status-indicator-warning-3kccdi, transparent);
+}
 
-.awsui_container_1cbgc_hmmrt_181:not(#\9) {
+.awsui_container_1cbgc_13oha_181:not(#\9) {
   padding-inline: var(--space-status-indicator-padding-horizontal-hzqgcr, 0px);
   border-start-start-radius: var(--border-radius-status-indicator-42rwc5, 16px);
   border-start-end-radius: var(--border-radius-status-indicator-42rwc5, 16px);
   border-end-start-radius: var(--border-radius-status-indicator-42rwc5, 16px);
   border-end-end-radius: var(--border-radius-status-indicator-42rwc5, 16px);
 }
-.awsui_container_1cbgc_hmmrt_181.awsui_display-inline_1cbgc_hmmrt_289:not(#\9) {
+.awsui_container_1cbgc_13oha_181.awsui_display-inline_1cbgc_13oha_304:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: inline;
 }
-.awsui_container_1cbgc_hmmrt_181.awsui_display-inline_1cbgc_hmmrt_289 > .awsui_icon_1cbgc_hmmrt_153:not(#\9) {
+.awsui_container_1cbgc_13oha_181.awsui_display-inline_1cbgc_13oha_304 > .awsui_icon_1cbgc_13oha_153:not(#\9) {
   white-space: nowrap;
 }
-.awsui_container_1cbgc_hmmrt_181.awsui_display-inline-block_1cbgc_hmmrt_297:not(#\9) {
+.awsui_container_1cbgc_13oha_181.awsui_display-inline_1cbgc_13oha_304 > .awsui_icon_1cbgc_13oha_153.awsui_one-theme_1cbgc_13oha_312:not(#\9) {
+  vertical-align: middle;
+}
+.awsui_container_1cbgc_13oha_181.awsui_display-inline-block_1cbgc_13oha_315:not(#\9) {
   display: inline-block;
   word-wrap: break-word;
   word-break: break-all;
 }
-.awsui_container_1cbgc_hmmrt_181.awsui_display-inline-block_1cbgc_hmmrt_297 > .awsui_icon_1cbgc_hmmrt_153:not(#\9) {
+.awsui_container_1cbgc_13oha_181.awsui_display-inline-block_1cbgc_13oha_315.awsui_one-theme_1cbgc_13oha_312:not(#\9) {
+  display: inline-flex;
+  align-items: flex-start;
+}
+.awsui_container_1cbgc_13oha_181.awsui_display-inline-block_1cbgc_13oha_315 > .awsui_icon_1cbgc_13oha_153:not(#\9) {
   padding-inline-end: var(--space-xxs-jnczic, 4px);
 }
+.awsui_container_1cbgc_13oha_181.awsui_display-inline-block_1cbgc_13oha_315 > .awsui_icon_1cbgc_13oha_153.awsui_one-theme_1cbgc_13oha_312:not(#\9) {
+  display: inline-flex;
+  align-items: center;
+  margin-block-start: var(--space-xxxs-3w1kr2, 2px);
+}
 
-.awsui_overflow-ellipsis_1cbgc_hmmrt_306:not(#\9) {
+.awsui_overflow-ellipsis_1cbgc_13oha_333:not(#\9) {
   max-inline-size: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   vertical-align: text-bottom;
+}
+.awsui_overflow-ellipsis_1cbgc_13oha_333.awsui_one-theme_1cbgc_13oha_312:not(#\9) {
+  text-overflow: unset;
+}
+.awsui_overflow-ellipsis_1cbgc_13oha_333.awsui_one-theme_1cbgc_13oha_312 > span:not(#\9):last-child {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }

package/lib/internal/template/status-indicator/styles.selectors.js

@@ -2,29 +2,30 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "icon-shake": "awsui_icon-shake_1cbgc_hmmrt_153",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_hmmrt_1",
-  "container-fade-in": "awsui_container-fade-in_1cbgc_hmmrt_181",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_hmmrt_1",
-  "root": "awsui_root_1cbgc_hmmrt_203",
-  "status-error": "awsui_status-error_1cbgc_hmmrt_212",
-  "status-warning": "awsui_status-warning_1cbgc_hmmrt_215",
-  "status-success": "awsui_status-success_1cbgc_hmmrt_218",
-  "status-info": "awsui_status-info_1cbgc_hmmrt_221",
-  "status-stopped": "awsui_status-stopped_1cbgc_hmmrt_224",
-  "status-pending": "awsui_status-pending_1cbgc_hmmrt_227",
-  "status-in-progress": "awsui_status-in-progress_1cbgc_hmmrt_230",
-  "status-loading": "awsui_status-loading_1cbgc_hmmrt_233",
-  "status-not-started": "awsui_status-not-started_1cbgc_hmmrt_236",
-  "color-override-red": "awsui_color-override-red_1cbgc_hmmrt_239",
-  "color-override-grey": "awsui_color-override-grey_1cbgc_hmmrt_242",
-  "color-override-blue": "awsui_color-override-blue_1cbgc_hmmrt_245",
-  "color-override-green": "awsui_color-override-green_1cbgc_hmmrt_248",
-  "color-override-yellow": "awsui_color-override-yellow_1cbgc_hmmrt_251",
-  "container": "awsui_container_1cbgc_hmmrt_181",
-  "display-inline": "awsui_display-inline_1cbgc_hmmrt_289",
-  "icon": "awsui_icon_1cbgc_hmmrt_153",
-  "display-inline-block": "awsui_display-inline-block_1cbgc_hmmrt_297",
-  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_hmmrt_306"
+  "icon-shake": "awsui_icon-shake_1cbgc_13oha_153",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_13oha_1",
+  "container-fade-in": "awsui_container-fade-in_1cbgc_13oha_181",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_13oha_1",
+  "root": "awsui_root_1cbgc_13oha_203",
+  "status-error": "awsui_status-error_1cbgc_13oha_212",
+  "status-warning": "awsui_status-warning_1cbgc_13oha_215",
+  "status-success": "awsui_status-success_1cbgc_13oha_218",
+  "status-info": "awsui_status-info_1cbgc_13oha_221",
+  "status-stopped": "awsui_status-stopped_1cbgc_13oha_224",
+  "status-pending": "awsui_status-pending_1cbgc_13oha_227",
+  "status-in-progress": "awsui_status-in-progress_1cbgc_13oha_230",
+  "status-loading": "awsui_status-loading_1cbgc_13oha_233",
+  "status-not-started": "awsui_status-not-started_1cbgc_13oha_236",
+  "color-override-red": "awsui_color-override-red_1cbgc_13oha_239",
+  "color-override-grey": "awsui_color-override-grey_1cbgc_13oha_242",
+  "color-override-blue": "awsui_color-override-blue_1cbgc_13oha_245",
+  "color-override-green": "awsui_color-override-green_1cbgc_13oha_248",
+  "color-override-yellow": "awsui_color-override-yellow_1cbgc_13oha_251",
+  "container": "awsui_container_1cbgc_13oha_181",
+  "display-inline": "awsui_display-inline_1cbgc_13oha_304",
+  "icon": "awsui_icon_1cbgc_13oha_153",
+  "one-theme": "awsui_one-theme_1cbgc_13oha_312",
+  "display-inline-block": "awsui_display-inline-block_1cbgc_13oha_315",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_13oha_333"
 };
   

package/lib/internal/template/table/header-cell/group-header-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"group-header-cell.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/group-header-cell.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAK3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAKrD,MAAM,WAAW,yBAA0B,SAAQ,mBAAmB;IACpE,KAAK,EAAE,UAAU,CAAC,eAAe,CAAC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,cAAc,EAAE,WAAW,EAAE,CAAC;IAC9B,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,sBAAsB,CAAC,EAAE,WAAW,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAW,EACX,WAAW,EACX,OAAO,EACP,SAAS,EACT,sBAAsB,EACtB,kBAAkB,EAClB,OAAO,EACP,YAAY,EACZ,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,MAAM,EACN,SAAS,GACV,EAAE,yBAAyB,eAmF3B"}
+{"version":3,"file":"group-header-cell.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/group-header-cell.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAKrD,MAAM,WAAW,yBAA0B,SAAQ,mBAAmB;IACpE,KAAK,EAAE,UAAU,CAAC,eAAe,CAAC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,cAAc,EAAE,WAAW,EAAE,CAAC;IAC9B,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,sBAAsB,CAAC,EAAE,WAAW,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAW,EACX,WAAW,EACX,OAAO,EACP,SAAS,EACT,sBAAsB,EACtB,kBAAkB,EAClB,OAAO,EACP,YAAY,EACZ,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,MAAM,EACN,SAAS,GACV,EAAE,yBAAyB,eAsE3B"}

package/lib/internal/template/table/header-cell/group-header-cell.js

@@ -5,13 +5,11 @@ import clsx from 'clsx';
 import { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';
 import { useUniqueId } from '@cloudscape-design/component-toolkit/internal';
 import { Divider, Resizer } from '../resizer';
-import { useStickyCellStyles } from '../sticky-columns';
 import { DEFAULT_COLUMN_WIDTH, useColumnWidths } from '../use-column-widths';
-import { getStickyClassNames } from '../utils';
 import { TableThElement } from './th-element';
 import styles from './styles.css.js';
 export function TableGroupHeaderCell({ group, colspan, rowspan, colIndex, groupId, resizableColumns, resizableStyle, onResizeFinish, updateGroupWidth, childColumnIds, focusedComponent, tabIndex, sticky, hidden, stripedRows, stickyState, cellRef, tableRole, resizerRoleDescription, resizerTooltipText, variant, tableVariant, columnGroupId, stickyColumnId, stickyBoundaryColumnId, isLast, wrapLines, }) {
-    var _a, _b;
+    var _a;
     const headerId = useUniqueId('table-group-header-');
     const { columnWidths } = useColumnWidths();
     // Effective min = sum of non-rightmost children's current widths (fixed) + rightmost child's minWidth
@@ -24,20 +22,10 @@ export function TableGroupHeaderCell({ group, colspan, rowspan, colIndex, groupI
     }, 0);
     const clickableHeaderRef = useRef(null);
     const { tabIndex: clickableHeaderTabIndex } = useSingleTabStopNavigation(clickableHeaderRef, { tabIndex });
-    // Subscribe to the boundary column's sticky state to inherit shadow/clip-path classes.
-    // The offset/position comes from stickyColumnId (first child); this only adds boundary classes.
-    const boundaryStyles = useStickyCellStyles({
-        stickyColumns: stickyState,
-        columnId: (_a = stickyBoundaryColumnId !== null && stickyBoundaryColumnId !== void 0 ? stickyBoundaryColumnId : stickyColumnId) !== null && _a !== void 0 ? _a : groupId,
-        getClassName: props => getStickyClassNames(styles, props),
-    });
-    // boundaryStyles.className is populated by scroll/intersection observers in the browser.
-    // In JSDOM these observers don't fire, so this branch is only exercised in integration tests.
-    const boundaryClassName = stickyBoundaryColumnId && boundaryStyles.className ? boundaryStyles.className : undefined;
-    return (React.createElement(TableThElement, { resizableStyle: resizableStyle, cellRef: cellRef, focusedComponent: focusedComponent, sticky: sticky, resizable: resizableColumns, hidden: hidden, stripedRows: stripedRows, colIndex: colIndex, columnId: stickyColumnId !== null && stickyColumnId !== void 0 ? stickyColumnId : groupId, stickyState: stickyState, tableRole: tableRole, variant: variant, tableVariant: tableVariant, colSpan: colspan, rowSpan: rowspan, scope: "colgroup", isLast: isLast, columnGroupId: columnGroupId, className: boundaryClassName, boundaryRef: stickyBoundaryColumnId ? boundaryStyles.ref : undefined },
+    return (React.createElement(TableThElement, { resizableStyle: resizableStyle, cellRef: cellRef, focusedComponent: focusedComponent, sticky: sticky, resizable: resizableColumns, hidden: hidden, stripedRows: stripedRows, colIndex: colIndex, columnId: stickyColumnId !== null && stickyColumnId !== void 0 ? stickyColumnId : groupId, stickyBoundaryColumnId: stickyBoundaryColumnId, stickyState: stickyState, tableRole: tableRole, variant: variant, tableVariant: tableVariant, colSpan: colspan, rowSpan: rowspan, scope: "colgroup", isLast: isLast, columnGroupId: columnGroupId },
         React.createElement("div", { ref: clickableHeaderRef, "data-focus-id": `group-header-${groupId}`, className: clsx(styles['header-cell-content'], {
                 [styles['header-cell-fake-focus']]: focusedComponent === `group-header-${groupId}`,
-            }), "aria-label": (_b = group.ariaLabel) === null || _b === void 0 ? void 0 : _b.call(group, { sorted: false, descending: false, disabled: true }), tabIndex: clickableHeaderTabIndex },
+            }), "aria-label": (_a = group.ariaLabel) === null || _a === void 0 ? void 0 : _a.call(group, { sorted: false, descending: false, disabled: true }), tabIndex: clickableHeaderTabIndex },
             React.createElement("div", { className: clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap']), id: headerId }, group.header)),
         resizableColumns ? (React.createElement(Resizer, { tabIndex: tabIndex, focusId: `resize-group-${groupId}`, showFocusRing: focusedComponent === `resize-group-${groupId}`, onWidthUpdate: newWidth => updateGroupWidth(groupId, newWidth), onWidthUpdateCommit: onResizeFinish, ariaLabelledby: headerId, minWidth: groupMinWidth, roleDescription: resizerRoleDescription, tooltipText: resizerTooltipText, isBorderless: variant === 'full-page' || variant === 'embedded' || variant === 'borderless', isLast: isLast, dividerPosition: columnGroupId ? 'full' : 'bottom' })) : (React.createElement(Divider, { position: columnGroupId ? 'full' : 'bottom' }))));
 }

package/lib/internal/template/table/header-cell/group-header-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-header-cell.js","sourceRoot":"","sources":["../../../../src/table/header-cell/group-header-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { TableProps } from '../interfaces';\nimport { Divider, Resizer } from '../resizer';\nimport { useStickyCellStyles } from '../sticky-columns';\nimport { DEFAULT_COLUMN_WIDTH, useColumnWidths } from '../use-column-widths';\nimport { getStickyClassNames } from '../utils';\nimport { BaseHeaderCellProps } from './common-props';\nimport { TableThElement } from './th-element';\n\nimport styles from './styles.css.js';\n\nexport interface TableGroupHeaderCellProps extends BaseHeaderCellProps {\n  group: TableProps.GroupDefinition;\n  colspan: number;\n  rowspan: number;\n  groupId: string;\n  updateGroupWidth: (groupId: PropertyKey, newWidth: number) => void;\n  childColumnIds: PropertyKey[];\n  firstChildColumnId?: PropertyKey;\n  lastChildColumnId?: PropertyKey;\n  columnGroupId?: string;\n  stickyColumnId?: PropertyKey;\n  stickyBoundaryColumnId?: PropertyKey;\n  isLast?: boolean;\n}\n\nexport function TableGroupHeaderCell({\n  group,\n  colspan,\n  rowspan,\n  colIndex,\n  groupId,\n  resizableColumns,\n  resizableStyle,\n  onResizeFinish,\n  updateGroupWidth,\n  childColumnIds,\n  focusedComponent,\n  tabIndex,\n  sticky,\n  hidden,\n  stripedRows,\n  stickyState,\n  cellRef,\n  tableRole,\n  resizerRoleDescription,\n  resizerTooltipText,\n  variant,\n  tableVariant,\n  columnGroupId,\n  stickyColumnId,\n  stickyBoundaryColumnId,\n  isLast,\n  wrapLines,\n}: TableGroupHeaderCellProps) {\n  const headerId = useUniqueId('table-group-header-');\n  const { columnWidths } = useColumnWidths();\n\n  // Effective min = sum of non-rightmost children's current widths (fixed) + rightmost child's minWidth\n  const lastChild = childColumnIds[childColumnIds.length - 1];\n  const groupMinWidth = childColumnIds.reduce<number>((sum, id) => {\n    if (id === lastChild) {\n      return sum + DEFAULT_COLUMN_WIDTH;\n    }\n    return sum + (columnWidths.get(id) || DEFAULT_COLUMN_WIDTH);\n  }, 0);\n  const clickableHeaderRef = useRef<HTMLDivElement>(null);\n  const { tabIndex: clickableHeaderTabIndex } = useSingleTabStopNavigation(clickableHeaderRef, { tabIndex });\n\n  // Subscribe to the boundary column's sticky state to inherit shadow/clip-path classes.\n  // The offset/position comes from stickyColumnId (first child); this only adds boundary classes.\n  const boundaryStyles = useStickyCellStyles({\n    stickyColumns: stickyState,\n    columnId: stickyBoundaryColumnId ?? stickyColumnId ?? groupId,\n    getClassName: props => getStickyClassNames(styles, props),\n  });\n\n  // boundaryStyles.className is populated by scroll/intersection observers in the browser.\n  // In JSDOM these observers don't fire, so this branch is only exercised in integration tests.\n  const boundaryClassName = stickyBoundaryColumnId && boundaryStyles.className ? boundaryStyles.className : undefined;\n\n  return (\n    <TableThElement\n      resizableStyle={resizableStyle}\n      cellRef={cellRef}\n      focusedComponent={focusedComponent}\n      sticky={sticky}\n      resizable={resizableColumns}\n      hidden={hidden}\n      stripedRows={stripedRows}\n      colIndex={colIndex}\n      columnId={stickyColumnId ?? groupId}\n      stickyState={stickyState}\n      tableRole={tableRole}\n      variant={variant}\n      tableVariant={tableVariant}\n      colSpan={colspan}\n      rowSpan={rowspan}\n      scope=\"colgroup\"\n      isLast={isLast}\n      columnGroupId={columnGroupId}\n      className={boundaryClassName}\n      boundaryRef={stickyBoundaryColumnId ? boundaryStyles.ref : undefined}\n    >\n      <div\n        ref={clickableHeaderRef}\n        data-focus-id={`group-header-${groupId}`}\n        className={clsx(styles['header-cell-content'], {\n          [styles['header-cell-fake-focus']]: focusedComponent === `group-header-${groupId}`,\n        })}\n        aria-label={group.ariaLabel?.({ sorted: false, descending: false, disabled: true })}\n        tabIndex={clickableHeaderTabIndex}\n      >\n        <div className={clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap'])} id={headerId}>\n          {group.header}\n        </div>\n      </div>\n      {resizableColumns ? (\n        <Resizer\n          tabIndex={tabIndex}\n          focusId={`resize-group-${groupId}`}\n          showFocusRing={focusedComponent === `resize-group-${groupId}`}\n          onWidthUpdate={newWidth => updateGroupWidth(groupId, newWidth)}\n          onWidthUpdateCommit={onResizeFinish}\n          ariaLabelledby={headerId}\n          minWidth={groupMinWidth}\n          roleDescription={resizerRoleDescription}\n          tooltipText={resizerTooltipText}\n          isBorderless={variant === 'full-page' || variant === 'embedded' || variant === 'borderless'}\n          isLast={isLast}\n          dividerPosition={columnGroupId ? 'full' : 'bottom'}\n        />\n      ) : (\n        <Divider position={columnGroupId ? 'full' : 'bottom'} />\n      )}\n    </TableThElement>\n  );\n}\n"]}
+{"version":3,"file":"group-header-cell.js","sourceRoot":"","sources":["../../../../src/table/header-cell/group-header-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { TableProps } from '../interfaces';\nimport { Divider, Resizer } from '../resizer';\nimport { DEFAULT_COLUMN_WIDTH, useColumnWidths } from '../use-column-widths';\nimport { BaseHeaderCellProps } from './common-props';\nimport { TableThElement } from './th-element';\n\nimport styles from './styles.css.js';\n\nexport interface TableGroupHeaderCellProps extends BaseHeaderCellProps {\n  group: TableProps.GroupDefinition;\n  colspan: number;\n  rowspan: number;\n  groupId: string;\n  updateGroupWidth: (groupId: PropertyKey, newWidth: number) => void;\n  childColumnIds: PropertyKey[];\n  firstChildColumnId?: PropertyKey;\n  lastChildColumnId?: PropertyKey;\n  columnGroupId?: string;\n  stickyColumnId?: PropertyKey;\n  stickyBoundaryColumnId?: PropertyKey;\n  isLast?: boolean;\n}\n\nexport function TableGroupHeaderCell({\n  group,\n  colspan,\n  rowspan,\n  colIndex,\n  groupId,\n  resizableColumns,\n  resizableStyle,\n  onResizeFinish,\n  updateGroupWidth,\n  childColumnIds,\n  focusedComponent,\n  tabIndex,\n  sticky,\n  hidden,\n  stripedRows,\n  stickyState,\n  cellRef,\n  tableRole,\n  resizerRoleDescription,\n  resizerTooltipText,\n  variant,\n  tableVariant,\n  columnGroupId,\n  stickyColumnId,\n  stickyBoundaryColumnId,\n  isLast,\n  wrapLines,\n}: TableGroupHeaderCellProps) {\n  const headerId = useUniqueId('table-group-header-');\n  const { columnWidths } = useColumnWidths();\n\n  // Effective min = sum of non-rightmost children's current widths (fixed) + rightmost child's minWidth\n  const lastChild = childColumnIds[childColumnIds.length - 1];\n  const groupMinWidth = childColumnIds.reduce<number>((sum, id) => {\n    if (id === lastChild) {\n      return sum + DEFAULT_COLUMN_WIDTH;\n    }\n    return sum + (columnWidths.get(id) || DEFAULT_COLUMN_WIDTH);\n  }, 0);\n  const clickableHeaderRef = useRef<HTMLDivElement>(null);\n  const { tabIndex: clickableHeaderTabIndex } = useSingleTabStopNavigation(clickableHeaderRef, { tabIndex });\n\n  return (\n    <TableThElement\n      resizableStyle={resizableStyle}\n      cellRef={cellRef}\n      focusedComponent={focusedComponent}\n      sticky={sticky}\n      resizable={resizableColumns}\n      hidden={hidden}\n      stripedRows={stripedRows}\n      colIndex={colIndex}\n      columnId={stickyColumnId ?? groupId}\n      stickyBoundaryColumnId={stickyBoundaryColumnId}\n      stickyState={stickyState}\n      tableRole={tableRole}\n      variant={variant}\n      tableVariant={tableVariant}\n      colSpan={colspan}\n      rowSpan={rowspan}\n      scope=\"colgroup\"\n      isLast={isLast}\n      columnGroupId={columnGroupId}\n    >\n      <div\n        ref={clickableHeaderRef}\n        data-focus-id={`group-header-${groupId}`}\n        className={clsx(styles['header-cell-content'], {\n          [styles['header-cell-fake-focus']]: focusedComponent === `group-header-${groupId}`,\n        })}\n        aria-label={group.ariaLabel?.({ sorted: false, descending: false, disabled: true })}\n        tabIndex={clickableHeaderTabIndex}\n      >\n        <div className={clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap'])} id={headerId}>\n          {group.header}\n        </div>\n      </div>\n      {resizableColumns ? (\n        <Resizer\n          tabIndex={tabIndex}\n          focusId={`resize-group-${groupId}`}\n          showFocusRing={focusedComponent === `resize-group-${groupId}`}\n          onWidthUpdate={newWidth => updateGroupWidth(groupId, newWidth)}\n          onWidthUpdateCommit={onResizeFinish}\n          ariaLabelledby={headerId}\n          minWidth={groupMinWidth}\n          roleDescription={resizerRoleDescription}\n          tooltipText={resizerTooltipText}\n          isBorderless={variant === 'full-page' || variant === 'embedded' || variant === 'borderless'}\n          isLast={isLast}\n          dividerPosition={columnGroupId ? 'full' : 'bottom'}\n        />\n      ) : (\n        <Divider position={columnGroupId ? 'full' : 'bottom'} />\n      )}\n    </TableThElement>\n  );\n}\n"]}

package/lib/internal/template/table/header-cell/styles.css.js

@@ -1,38 +1,38 @@
 
     import './styles.scoped.css';
     export default {
-  "header-cell": "awsui_header-cell_1spae_1map5_149",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1map5_183",
-  "header-cell-group": "awsui_header-cell-group_1spae_1map5_204",
-  "header-cell-grouped": "awsui_header-cell-grouped_1spae_1map5_204",
-  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_1map5_204",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1map5_208",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1map5_211",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1map5_211",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1map5_217",
-  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1map5_220",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1map5_220",
-  "sticky-cell": "awsui_sticky-cell_1spae_1map5_220",
-  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1map5_220",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1map5_223",
-  "table-variant-full-page": "awsui_table-variant-full-page_1spae_1map5_244",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1map5_247",
-  "has-selection": "awsui_has-selection_1spae_1map5_247",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1map5_250",
-  "resize-divider": "awsui_resize-divider_1spae_1map5_255",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1map5_262",
-  "sorting-icon": "awsui_sorting-icon_1spae_1map5_272",
-  "edit-icon": "awsui_edit-icon_1spae_1map5_280",
-  "header-cell-content": "awsui_header-cell-content_1spae_1map5_286",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1map5_292",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1map5_347",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1map5_347",
-  "header-cell-text": "awsui_header-cell-text_1spae_1map5_378",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1map5_382",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1map5_388",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_1map5_389",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_1map5_503",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1map5_503",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1map5_515"
+  "header-cell": "awsui_header-cell_1spae_1gdol_149",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1gdol_183",
+  "header-cell-group": "awsui_header-cell-group_1spae_1gdol_204",
+  "header-cell-grouped": "awsui_header-cell-grouped_1spae_1gdol_204",
+  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_1gdol_204",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1gdol_208",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1gdol_211",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1gdol_211",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1gdol_217",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1gdol_220",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1gdol_220",
+  "sticky-cell": "awsui_sticky-cell_1spae_1gdol_220",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1gdol_220",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1gdol_223",
+  "table-variant-full-page": "awsui_table-variant-full-page_1spae_1gdol_244",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1gdol_247",
+  "has-selection": "awsui_has-selection_1spae_1gdol_247",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1gdol_250",
+  "resize-divider": "awsui_resize-divider_1spae_1gdol_255",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1gdol_262",
+  "sorting-icon": "awsui_sorting-icon_1spae_1gdol_272",
+  "edit-icon": "awsui_edit-icon_1spae_1gdol_280",
+  "header-cell-content": "awsui_header-cell-content_1spae_1gdol_286",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1gdol_292",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1gdol_347",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1gdol_347",
+  "header-cell-text": "awsui_header-cell-text_1spae_1gdol_378",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1gdol_382",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1gdol_388",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_1gdol_389",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_1gdol_503",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1gdol_503",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1gdol_515"
 };