npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1313 → 3.0.1314 - Mend

@cloudscape-design/components-themeable 3.0.1313 → 3.0.1314

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

Files changed (77) hide show

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

	@@ -1 +1 @@
1	- {"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~~"}
1	+ {"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,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,MAA6D,EAC7D,SAA0B,EAC1B,GAAG,IAAI,EACR,EAAE,4BAA4B,eAqC9B"}

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

@@ -23,7 +23,7 @@ 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'], isThemeActive(Theme.OneTheme) && styles['one-theme']), "aria-label": iconAriaLabel, role: iconAriaLabel ? 'img' : undefined },
+    return (React.createElement("span", { className: clsx(styles.icon, animate && styles['icon-shake']), "aria-label": iconAriaLabel, role: iconAriaLabel ? 'img' : undefined },
         typeToIcon(size)[type],
         display === 'inline' && React.createElement(React.Fragment, null, "\u00A0")));
 }
@@ -32,7 +32,7 @@ export default function StatusIndicator({ type, children, iconAriaLabel, colorOv
     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}`], isThemeActive(Theme.OneTheme) && styles['one-theme'], wrapText === false && styles['overflow-ellipsis'], __animate && styles['container-fade-in']) },
+        React.createElement("span", { className: clsx(styles.container, styles[`display-${__display}`], 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,+CAA+C,CAAC;AAGrF,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D;;GAEG;AACH,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAC5E,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAGlD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAqBrC,MAAM,UAAU,GAA6E,IAAI,CAAC,EAAE,CAAC,CAAC;IACpG,KAAK,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC1D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC5D,IAAI,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,GAAI;IACrD,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,aAAa,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,GAAI;IACrE,OAAO,EAAE,oBAAC,eAAe,OAAG;IAC5B,aAAa,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,GAAI;CACtE,CAAC,CAAC;AAQH,MAAM,UAAU,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,OAAO,EACP,OAAO,EACP,IAAI,GAAG,QAAQ,GACS;IACxB,OAAO,CACL,8BACE,SAAS,EAAE,IAAI,~~CACb~~,MAAM,CAAC,IAAI,~~EACX~~,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC,~~EAC/B,aAAa,~~CAAC,~~KAAK~~,~~CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,CACrD,gBACW,~~aAAa,EACzB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QAEtC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;QACtB,OAAO,KAAK,QAAQ,IAAI,mDAAW,CAC/B,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAQ,GAAG,IAAI,EACf,gBAAgB,EAChB,SAAS,GAAG,KAAK,EACjB,iBAAiB,EACjB,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC7D,SAAS,GAAG,cAAc,EAC1B,GAAG,IAAI,EACsB;IAC7B,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,CACL,oBAAC,oBAAoB,OACf,SAAS,EACb,GAAG,EAAC,MAAM,EACV,aAAa,EAAC,iBAAiB,EAC/B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC,EACxB;YACE,CAAC,MAAM,CAAC,kBAAkB,aAAa,EAAE,CAAC,CAAC,EAAE,aAAa;SAC3D,EACD,SAAS,CAAC,SAAS,CACpB,EACD,GAAG,EAAE,iBAAiB;QAEtB,8BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,WAAW,SAAS,EAAE,CAAC,EAC9B,~~aAAa,CAAC,KAAK,CAAC,~~QAAQ,~~CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,EACpD,QAAQ,~~KAAK,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,EACjD,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,CACzC;YAED,oBAAC,kBAAkB,IACjB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,MAAM,GACZ;YACF,kCAAO,QAAQ,CAAQ,CAClB,CACc,CACxB,CAAC;AACJ,CAAC","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' && <> </>}\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"]}
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 { 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(styles.icon, animate && styles['icon-shake'])}\n aria-label={iconAriaLabel}\n role={iconAriaLabel ? 'img' : undefined}\n >\n {typeToIcon(size)[type]}\n {display === 'inline' && <> </>}\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 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 CHANGED Viewed

@@ -1,30 +1,29 @@
     import './styles.scoped.css';
     export default {
-  "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"
+  "icon-shake": "awsui_icon-shake_1cbgc_1r1c9_153",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_1r1c9_1",
+  "container-fade-in": "awsui_container-fade-in_1cbgc_1r1c9_181",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_1r1c9_1",
+  "root": "awsui_root_1cbgc_1r1c9_203",
+  "status-error": "awsui_status-error_1cbgc_1r1c9_212",
+  "status-warning": "awsui_status-warning_1cbgc_1r1c9_215",
+  "status-success": "awsui_status-success_1cbgc_1r1c9_218",
+  "status-info": "awsui_status-info_1cbgc_1r1c9_221",
+  "status-stopped": "awsui_status-stopped_1cbgc_1r1c9_224",
+  "status-pending": "awsui_status-pending_1cbgc_1r1c9_227",
+  "status-in-progress": "awsui_status-in-progress_1cbgc_1r1c9_230",
+  "status-loading": "awsui_status-loading_1cbgc_1r1c9_233",
+  "status-not-started": "awsui_status-not-started_1cbgc_1r1c9_236",
+  "color-override-red": "awsui_color-override-red_1cbgc_1r1c9_239",
+  "color-override-grey": "awsui_color-override-grey_1cbgc_1r1c9_242",
+  "color-override-blue": "awsui_color-override-blue_1cbgc_1r1c9_245",
+  "color-override-green": "awsui_color-override-green_1cbgc_1r1c9_248",
+  "color-override-yellow": "awsui_color-override-yellow_1cbgc_1r1c9_251",
+  "container": "awsui_container_1cbgc_1r1c9_181",
+  "display-inline": "awsui_display-inline_1cbgc_1r1c9_309",
+  "icon": "awsui_icon_1cbgc_1r1c9_153",
+  "display-inline-block": "awsui_display-inline-block_1cbgc_1r1c9_320",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_1r1c9_338"
 };

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

@@ -150,11 +150,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_icon-shake_1cbgc_13oha_153:not(#\9) {
+.awsui_icon-shake_1cbgc_1r1c9_153:not(#\9) {
   display: inline-block;
-  animation: awsui_awsui-motion-shake-horizontally_1cbgc_13oha_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
+  animation: awsui_awsui-motion-shake-horizontally_1cbgc_1r1c9_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
-@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_13oha_1 {
+@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_1r1c9_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_13oha_153:not(#\9) {
+  .awsui_icon-shake_1cbgc_1r1c9_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon-shake_1cbgc_13oha_153:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_13oha_153:not(#\9) {
+.awsui-motion-disabled .awsui_icon-shake_1cbgc_1r1c9_153:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_1r1c9_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.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));
+.awsui_container-fade-in_1cbgc_1r1c9_181:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1cbgc_1r1c9_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_13oha_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1cbgc_1r1c9_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_13oha_181:not(#\9) {
+  .awsui_container-fade-in_1cbgc_1r1c9_181:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container-fade-in_1cbgc_13oha_181:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_13oha_181:not(#\9) {
+.awsui-motion-disabled .awsui_container-fade-in_1cbgc_1r1c9_181:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_1r1c9_181:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1cbgc_13oha_203:not(#\9) {
+.awsui_root_1cbgc_1r1c9_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,138 +209,143 @@ 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_13oha_203.awsui_status-error_1cbgc_13oha_212:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-error_1cbgc_1r1c9_212:not(#\9) {
   color: var(--color-text-status-error-aknuvu, #d13212);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-warning_1cbgc_13oha_215:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-warning_1cbgc_1r1c9_215:not(#\9) {
   color: var(--color-text-status-warning-9b45qh, #906806);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-success_1cbgc_13oha_218:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-success_1cbgc_1r1c9_218:not(#\9) {
   color: var(--color-text-status-success-yodf3z, #1d8102);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-info_1cbgc_13oha_221:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-info_1cbgc_1r1c9_221:not(#\9) {
   color: var(--color-text-status-info-xt2ka7, #0073bb);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-stopped_1cbgc_13oha_224:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-stopped_1cbgc_1r1c9_224:not(#\9) {
   color: var(--color-text-status-inactive-n7p1uq, #687078);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-pending_1cbgc_13oha_227:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-pending_1cbgc_1r1c9_227:not(#\9) {
   color: var(--color-text-status-inactive-n7p1uq, #687078);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-in-progress_1cbgc_13oha_230:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-in-progress_1cbgc_1r1c9_230:not(#\9) {
   color: var(--color-text-status-inactive-n7p1uq, #687078);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-loading_1cbgc_13oha_233:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-loading_1cbgc_1r1c9_233:not(#\9) {
   color: var(--color-text-status-inactive-n7p1uq, #687078);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-not-started_1cbgc_13oha_236:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-not-started_1cbgc_1r1c9_236:not(#\9) {
   color: var(--color-text-status-inactive-n7p1uq, #687078);
 }
-.awsui_root_1cbgc_13oha_203.awsui_color-override-red_1cbgc_13oha_239:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_color-override-red_1cbgc_1r1c9_239:not(#\9) {
   color: var(--color-text-status-error-aknuvu, #d13212);
 }
-.awsui_root_1cbgc_13oha_203.awsui_color-override-grey_1cbgc_13oha_242:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_color-override-grey_1cbgc_1r1c9_242:not(#\9) {
   color: var(--color-text-status-inactive-n7p1uq, #687078);
 }
-.awsui_root_1cbgc_13oha_203.awsui_color-override-blue_1cbgc_13oha_245:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_color-override-blue_1cbgc_1r1c9_245:not(#\9) {
   color: var(--color-text-status-info-xt2ka7, #0073bb);
 }
-.awsui_root_1cbgc_13oha_203.awsui_color-override-green_1cbgc_13oha_248:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_color-override-green_1cbgc_1r1c9_248:not(#\9) {
   color: var(--color-text-status-success-yodf3z, #1d8102);
 }
-.awsui_root_1cbgc_13oha_203.awsui_color-override-yellow_1cbgc_13oha_251:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_color-override-yellow_1cbgc_1r1c9_251:not(#\9) {
   color: var(--color-text-status-warning-9b45qh, #906806);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-error_1cbgc_13oha_212 > .awsui_container_1cbgc_13oha_181:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-error_1cbgc_1r1c9_212 > .awsui_container_1cbgc_1r1c9_181:not(#\9) {
   background: var(--color-background-status-indicator-error-621sf8, transparent);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-warning_1cbgc_13oha_215 > .awsui_container_1cbgc_13oha_181:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-warning_1cbgc_1r1c9_215 > .awsui_container_1cbgc_1r1c9_181:not(#\9) {
   background: var(--color-background-status-indicator-warning-3kccdi, transparent);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-success_1cbgc_13oha_218 > .awsui_container_1cbgc_13oha_181:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-success_1cbgc_1r1c9_218 > .awsui_container_1cbgc_1r1c9_181:not(#\9) {
   background: var(--color-background-status-indicator-success-9mizpw, transparent);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-info_1cbgc_13oha_221 > .awsui_container_1cbgc_13oha_181:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-info_1cbgc_1r1c9_221 > .awsui_container_1cbgc_1r1c9_181:not(#\9) {
   background: var(--color-background-status-indicator-info-zw9ljm, transparent);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-stopped_1cbgc_13oha_224 > .awsui_container_1cbgc_13oha_181:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-stopped_1cbgc_1r1c9_224 > .awsui_container_1cbgc_1r1c9_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-pending_1cbgc_13oha_227 > .awsui_container_1cbgc_13oha_181:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-pending_1cbgc_1r1c9_227 > .awsui_container_1cbgc_1r1c9_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-in-progress_1cbgc_13oha_230 > .awsui_container_1cbgc_13oha_181:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-in-progress_1cbgc_1r1c9_230 > .awsui_container_1cbgc_1r1c9_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-loading_1cbgc_13oha_233 > .awsui_container_1cbgc_13oha_181:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-loading_1cbgc_1r1c9_233 > .awsui_container_1cbgc_1r1c9_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
 }
-.awsui_root_1cbgc_13oha_203.awsui_status-not-started_1cbgc_13oha_236 > .awsui_container_1cbgc_13oha_181:not(#\9) {
+.awsui_root_1cbgc_1r1c9_203.awsui_status-not-started_1cbgc_1r1c9_236 > .awsui_container_1cbgc_1r1c9_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) {
+.awsui_root_1cbgc_1r1c9_203.awsui_color-override-red_1cbgc_1r1c9_239 > .awsui_container_1cbgc_1r1c9_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) {
+.awsui_root_1cbgc_1r1c9_203.awsui_color-override-grey_1cbgc_1r1c9_242 > .awsui_container_1cbgc_1r1c9_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) {
+.awsui_root_1cbgc_1r1c9_203.awsui_color-override-blue_1cbgc_1r1c9_245 > .awsui_container_1cbgc_1r1c9_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) {
+.awsui_root_1cbgc_1r1c9_203.awsui_color-override-green_1cbgc_1r1c9_248 > .awsui_container_1cbgc_1r1c9_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) {
+.awsui_root_1cbgc_1r1c9_203.awsui_color-override-yellow_1cbgc_1r1c9_251 > .awsui_container_1cbgc_1r1c9_181:not(#\9) {
   background: var(--color-background-status-indicator-warning-3kccdi, transparent);
 }
-.awsui_container_1cbgc_13oha_181:not(#\9) {
+.awsui_container_1cbgc_1r1c9_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_13oha_181.awsui_display-inline_1cbgc_13oha_304:not(#\9) {
+.awsui-one-theme .awsui_root_1cbgc_1r1c9_203.awsui_status-loading_1cbgc_1r1c9_233 > .awsui_container_1cbgc_1r1c9_181:not(#\9) {
+  background: transparent;
+  align-items: center;
+  color: var(--color-text-body-secondary-gaft81, #545b64);
+}
+.awsui_container_1cbgc_1r1c9_181.awsui_display-inline_1cbgc_1r1c9_309:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: inline;
 }
-.awsui_container_1cbgc_13oha_181.awsui_display-inline_1cbgc_13oha_304 > .awsui_icon_1cbgc_13oha_153:not(#\9) {
+.awsui_container_1cbgc_1r1c9_181.awsui_display-inline_1cbgc_1r1c9_309 > .awsui_icon_1cbgc_1r1c9_153:not(#\9) {
   white-space: nowrap;
 }
-.awsui_container_1cbgc_13oha_181.awsui_display-inline_1cbgc_13oha_304 > .awsui_icon_1cbgc_13oha_153.awsui_one-theme_1cbgc_13oha_312:not(#\9) {
+.awsui-one-theme .awsui_container_1cbgc_1r1c9_181.awsui_display-inline_1cbgc_1r1c9_309 > .awsui_icon_1cbgc_1r1c9_153:not(#\9) {
   vertical-align: middle;
 }
-.awsui_container_1cbgc_13oha_181.awsui_display-inline-block_1cbgc_13oha_315:not(#\9) {
+.awsui_container_1cbgc_1r1c9_181.awsui_display-inline-block_1cbgc_1r1c9_320:not(#\9) {
   display: inline-block;
   word-wrap: break-word;
   word-break: break-all;
 }
-.awsui_container_1cbgc_13oha_181.awsui_display-inline-block_1cbgc_13oha_315.awsui_one-theme_1cbgc_13oha_312:not(#\9) {
+.awsui-one-theme .awsui_container_1cbgc_1r1c9_181.awsui_display-inline-block_1cbgc_1r1c9_320: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) {
+.awsui_container_1cbgc_1r1c9_181.awsui_display-inline-block_1cbgc_1r1c9_320 > .awsui_icon_1cbgc_1r1c9_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) {
+.awsui-one-theme .awsui_container_1cbgc_1r1c9_181.awsui_display-inline-block_1cbgc_1r1c9_320 > .awsui_icon_1cbgc_1r1c9_153:not(#\9) {
   display: inline-flex;
   align-items: center;
   margin-block-start: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_overflow-ellipsis_1cbgc_13oha_333:not(#\9) {
+.awsui_overflow-ellipsis_1cbgc_1r1c9_338: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) {
+.awsui-one-theme .awsui_overflow-ellipsis_1cbgc_1r1c9_338:not(#\9) {
   text-overflow: unset;
 }
-.awsui_overflow-ellipsis_1cbgc_13oha_333.awsui_one-theme_1cbgc_13oha_312 > span:not(#\9):last-child {
+.awsui-one-theme .awsui_overflow-ellipsis_1cbgc_1r1c9_338 > span:not(#\9):last-child {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

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

@@ -2,30 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "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"
+  "icon-shake": "awsui_icon-shake_1cbgc_1r1c9_153",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_1r1c9_1",
+  "container-fade-in": "awsui_container-fade-in_1cbgc_1r1c9_181",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_1r1c9_1",
+  "root": "awsui_root_1cbgc_1r1c9_203",
+  "status-error": "awsui_status-error_1cbgc_1r1c9_212",
+  "status-warning": "awsui_status-warning_1cbgc_1r1c9_215",
+  "status-success": "awsui_status-success_1cbgc_1r1c9_218",
+  "status-info": "awsui_status-info_1cbgc_1r1c9_221",
+  "status-stopped": "awsui_status-stopped_1cbgc_1r1c9_224",
+  "status-pending": "awsui_status-pending_1cbgc_1r1c9_227",
+  "status-in-progress": "awsui_status-in-progress_1cbgc_1r1c9_230",
+  "status-loading": "awsui_status-loading_1cbgc_1r1c9_233",
+  "status-not-started": "awsui_status-not-started_1cbgc_1r1c9_236",
+  "color-override-red": "awsui_color-override-red_1cbgc_1r1c9_239",
+  "color-override-grey": "awsui_color-override-grey_1cbgc_1r1c9_242",
+  "color-override-blue": "awsui_color-override-blue_1cbgc_1r1c9_245",
+  "color-override-green": "awsui_color-override-green_1cbgc_1r1c9_248",
+  "color-override-yellow": "awsui_color-override-yellow_1cbgc_1r1c9_251",
+  "container": "awsui_container_1cbgc_1r1c9_181",
+  "display-inline": "awsui_display-inline_1cbgc_1r1c9_309",
+  "icon": "awsui_icon_1cbgc_1r1c9_153",
+  "display-inline-block": "awsui_display-inline-block_1cbgc_1r1c9_320",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_1r1c9_338"
 };

package/lib/internal/template/tree-view/tree-item/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tree-view/tree-item/index.tsx"],"names":[],"mappings":"~~AAWA~~,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAO9C,UAAU,qBAAqB,CAAC,CAAC,CAC/B,SAAQ,IAAI,CACV,aAAa,EACX,eAAe,GACf,YAAY,GACZ,WAAW,GACX,iBAAiB,GACjB,sBAAsB,GACtB,aAAa,GACb,gBAAgB,CACnB;IACD,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAClE,sBAAsB,EAAE;QACtB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;CACH;AAED,QAAA,MAAM,gBAAgB,GAAI,CAAC,EAAG,yKAa3B,qBAAqB,CAAC,CAAC,CAAC,gBA0G1B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tree-view/tree-item/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAO9C,UAAU,qBAAqB,CAAC,CAAC,CAC/B,SAAQ,IAAI,CACV,aAAa,EACX,eAAe,GACf,YAAY,GACZ,WAAW,GACX,iBAAiB,GACjB,sBAAsB,GACtB,aAAa,GACb,gBAAgB,CACnB;IACD,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAClE,sBAAsB,EAAE;QACtB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;CACH;AAED,QAAA,MAAM,gBAAgB,GAAI,CAAC,EAAG,yKAa3B,qBAAqB,CAAC,CAAC,CAAC,gBA0G1B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/internal/template/tree-view/tree-item/index.js CHANGED Viewed

@@ -2,7 +2,6 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import clsx from 'clsx';
-import { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';
 import { useInternalI18n } from '../../i18n/context';
 import { ExpandToggleButton } from '../../internal/components/expand-toggle-button';
 import InternalStructuredItem from '../../internal/components/structured-item';
@@ -31,7 +30,7 @@ const InternalTreeItem = ({ item, index, level, i18nStrings, expandedItems = [],
             ? content
             : '';
     return (React.createElement("li", { role: "treeitem", id: id, className: clsx(styles.treeitem, testUtilStyles.treeitem, level > 1 && styles.offset, isExpandable && [testUtilStyles.expandable], isExpanded && [testUtilStyles.expanded]), "aria-expanded": isExpandable ? isExpanded : undefined, "aria-level": level, "data-testid": `awsui-treeitem-${id}`, "data-awsui-tree-item-index": allVisibleItemsIndices[id] },
-        React.createElement("div", { className: clsx(styles['treeitem-content-wrapper'], isThemeActive(Theme.OneTheme) && styles['one-theme']) },
+        React.createElement("div", { className: clsx(styles['treeitem-content-wrapper']) },
             React.createElement("div", { className: styles['expand-toggle-wrapper'] },
                 React.createElement("div", { className: styles.toggle }, isExpandable ? (React.createElement(ExpandToggleButton, { isExpanded: isExpanded, customIcon: customIcon, expandButtonLabel: joinStrings(i18n('i18nStrings.expandButtonLabel', (_a = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.expandButtonLabel) === null || _a === void 0 ? void 0 : _a.call(i18nStrings, item)), itemLabelToAnnounce), collapseButtonLabel: joinStrings(i18n('i18nStrings.collapseButtonLabel', (_b = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.collapseButtonLabel) === null || _b === void 0 ? void 0 : _b.call(i18nStrings, item)), itemLabelToAnnounce), onExpandableItemToggle: () => onItemToggle({ id, item, expanded: !isExpanded }), className: styles['tree-item-focus-target'], disableFocusHighlight: true })) : (React.createElement(FocusTarget, { ariaLabel: itemLabelToAnnounce })))),
             showVerticalConnectorLines && React.createElement(VerticalConnector, { variant: "grid" }),

package/lib/internal/template/tree-view/tree-item/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tree-view/tree-item/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,~~aAAa,EAAE,KAAK,EAAE,MAAM,+CAA+C,CAAC;AAErF,OAAO,EAAE,~~eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,sBAAsB,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAsBrC,MAAM,gBAAgB,GAAG,CAAK,EAC5B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,aAAa,GAAG,EAAE,EAClB,cAAc,EACd,oBAAoB,EACpB,UAAU,EACV,SAAS,EACT,eAAe,EACf,YAAY,EACZ,sBAAsB,GACG,EAAE,EAAE;;IAC7B,MAAM,IAAI,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;IAE1C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAChG,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IACpD,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,YAAY,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC9D,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;IAE5B,MAAM,0BAA0B,GAAG,cAAc,KAAK,UAAU,IAAI,UAAU,CAAC;IAE/E,IAAI,UAAU,GAAgC,SAAS,CAAC;IACxD,IAAI,YAAY,IAAI,oBAAoB,EAAE,CAAC;QACzC,UAAU,GAAG,oBAAoB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC;IAC9D,CAAC;IAED,MAAM,mBAAmB,GAAG,iBAAiB;QAC3C,CAAC,CAAC,iBAAiB;QACnB,CAAC,CAAC,OAAO,OAAO,KAAK,QAAQ;YAC3B,CAAC,CAAE,OAAkB;YACrB,CAAC,CAAC,EAAE,CAAC;IAET,OAAO,CACL,4BACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,QAAQ,EACf,cAAc,CAAC,QAAQ,EACvB,KAAK,GAAG,CAAC,IAAI,MAAM,CAAC,MAAM,EAC1B,YAAY,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAC3C,UAAU,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CACxC,mBACc,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,gBACxC,KAAK,iBACJ,kBAAkB,EAAE,EAAE,gCACP,sBAAsB,CAAC,EAAE,CAAC;QAEtD,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,0BAA0B,CAAC,~~EAAE,aAAa,~~CAAC~~,KAAK,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC~~;~~YAC5G~~,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC;gBAC7C,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAC1B,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,kBAAkB,IACjB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,WAAW,CAC5B,IAAI,CAAC,+BAA+B,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,iBAAiB,4DAAG,IAAI,CAAC,CAAC,EAC7E,mBAAmB,CACpB,EACD,mBAAmB,EAAE,WAAW,CAC9B,IAAI,CAAC,iCAAiC,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,mBAAmB,4DAAG,IAAI,CAAC,CAAC,EACjF,mBAAmB,CACpB,EACD,sBAAsB,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,UAAU,EAAE,CAAC,EAC/E,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC,EAC3C,qBAAqB,EAAE,IAAI,GAC3B,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IAAC,SAAS,EAAE,mBAAmB,GAAI,CAChD,CACG,CACF;YAEL,0BAA0B,IAAI,oBAAC,iBAAiB,IAAC,OAAO,EAAC,MAAM,GAAG;YAEnE,6BAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,CAAC;gBAC/C,oBAAC,sBAAsB,IACrB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC,GAC9C,CACE,CACF;QAEL,UAAU,IAAI,QAAQ,CAAC,MAAM,IAAI,CAChC,4BAAI,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC;YACjD,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;gBACvC,OAAO,CACL,oBAAC,gBAAgB,IACf,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,EAC1C,sBAAsB,EAAE,sBAAsB,EAC9C,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;YACJ,CAAC,CAAC;YAED,0BAA0B,IAAI,oBAAC,iBAAiB,IAAC,OAAO,EAAC,UAAU,GAAG,CACpE,CACN,CACE,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","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 {~~ useInternalI18n } from '../../i18n/context';\nimport { ExpandToggleButton } from '../../internal/components/expand-toggle-button';\nimport InternalStructuredItem from '../../internal/components/structured-item';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { TreeViewProps } from '../interfaces';\nimport VerticalConnector from '../vertical-connector';\nimport FocusTarget from './focus-target';\n\nimport testUtilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface InternalTreeItemProps<T>\n extends Pick<\n TreeViewProps,\n \| 'expandedItems'\n \| 'renderItem'\n \| 'getItemId'\n \| 'getItemChildren'\n \| 'renderItemToggleIcon'\n \| 'i18nStrings'\n \| 'connectorLines'\n > {\n item: T;\n index: number;\n level: number;\n onItemToggle: (detail: TreeViewProps.ItemToggleDetail<T>) => void;\n allVisibleItemsIndices: {\n [key: string]: number;\n };\n}\n\nconst InternalTreeItem = <T,>({\n item,\n index,\n level,\n i18nStrings,\n expandedItems = [],\n connectorLines,\n renderItemToggleIcon,\n renderItem,\n getItemId,\n getItemChildren,\n onItemToggle,\n allVisibleItemsIndices,\n}: InternalTreeItemProps<T>) => {\n const i18n = useInternalI18n('tree-view');\n\n const { icon, content, secondaryContent, actions, announcementLabel } = renderItem(item, index);\n const id = getItemId(item, index);\n const children = getItemChildren(item, index) \|\| [];\n const isExpandable = children.length > 0;\n const isExpanded = isExpandable && expandedItems.includes(id);\n const nextLevel = level + 1;\n\n const showVerticalConnectorLines = connectorLines === 'vertical' && isExpanded;\n\n let customIcon: React.ReactNode \| undefined = undefined;\n if (isExpandable && renderItemToggleIcon) {\n customIcon = renderItemToggleIcon({ expanded: isExpanded });\n }\n\n const itemLabelToAnnounce = announcementLabel\n ? announcementLabel\n : typeof content === 'string'\n ? (content as string)\n : '';\n\n return (\n <li\n role=\"treeitem\"\n id={id}\n className={clsx(\n styles.treeitem,\n testUtilStyles.treeitem,\n level > 1 && styles.offset,\n isExpandable && [testUtilStyles.expandable],\n isExpanded && [testUtilStyles.expanded]\n )}\n aria-expanded={isExpandable ? isExpanded : undefined}\n aria-level={level}\n data-testid={`awsui-treeitem-${id}`}\n data-awsui-tree-item-index={allVisibleItemsIndices[id]}\n >\n <div className={clsx(styles['treeitem-content-wrapper']~~, isThemeActive(Theme.OneTheme~~) ~~&& styles['one-theme'])~~}>\n <div className={styles['expand-toggle-wrapper']}>\n <div className={styles.toggle}>\n {isExpandable ? (\n <ExpandToggleButton\n isExpanded={isExpanded}\n customIcon={customIcon}\n expandButtonLabel={joinStrings(\n i18n('i18nStrings.expandButtonLabel', i18nStrings?.expandButtonLabel?.(item)),\n itemLabelToAnnounce\n )}\n collapseButtonLabel={joinStrings(\n i18n('i18nStrings.collapseButtonLabel', i18nStrings?.collapseButtonLabel?.(item)),\n itemLabelToAnnounce\n )}\n onExpandableItemToggle={() => onItemToggle({ id, item, expanded: !isExpanded })}\n className={styles['tree-item-focus-target']}\n disableFocusHighlight={true}\n />\n ) : (\n <FocusTarget ariaLabel={itemLabelToAnnounce} />\n )}\n </div>\n </div>\n\n {showVerticalConnectorLines && <VerticalConnector variant=\"grid\" />}\n\n <div className={styles['structured-item-wrapper']}>\n <InternalStructuredItem\n icon={icon}\n content={content}\n secondaryContent={secondaryContent}\n actions={actions}\n wrapActions={false}\n className={styles['tree-item-structured-item']}\n />\n </div>\n </div>\n\n {isExpanded && children.length && (\n <ul role=\"group\" className={styles['treeitem-group']}>\n {children.map((child, index) => {\n const itemId = getItemId(child, index);\n return (\n <InternalTreeItem<T>\n item={child}\n index={index}\n key={itemId}\n level={nextLevel}\n expandedItems={expandedItems}\n i18nStrings={i18nStrings}\n onItemToggle={onItemToggle}\n renderItem={renderItem}\n getItemId={getItemId}\n getItemChildren={getItemChildren}\n renderItemToggleIcon={renderItemToggleIcon}\n allVisibleItemsIndices={allVisibleItemsIndices}\n connectorLines={connectorLines}\n />\n );\n })}\n\n {showVerticalConnectorLines && <VerticalConnector variant=\"absolute\" />}\n </ul>\n )}\n </li>\n );\n};\n\nexport default InternalTreeItem;\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tree-view/tree-item/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useInternalI18n } from '../../i18n/context';\nimport { ExpandToggleButton } from '../../internal/components/expand-toggle-button';\nimport InternalStructuredItem from '../../internal/components/structured-item';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { TreeViewProps } from '../interfaces';\nimport VerticalConnector from '../vertical-connector';\nimport FocusTarget from './focus-target';\n\nimport testUtilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface InternalTreeItemProps<T>\n extends Pick<\n TreeViewProps,\n \| 'expandedItems'\n \| 'renderItem'\n \| 'getItemId'\n \| 'getItemChildren'\n \| 'renderItemToggleIcon'\n \| 'i18nStrings'\n \| 'connectorLines'\n > {\n item: T;\n index: number;\n level: number;\n onItemToggle: (detail: TreeViewProps.ItemToggleDetail<T>) => void;\n allVisibleItemsIndices: {\n [key: string]: number;\n };\n}\n\nconst InternalTreeItem = <T,>({\n item,\n index,\n level,\n i18nStrings,\n expandedItems = [],\n connectorLines,\n renderItemToggleIcon,\n renderItem,\n getItemId,\n getItemChildren,\n onItemToggle,\n allVisibleItemsIndices,\n}: InternalTreeItemProps<T>) => {\n const i18n = useInternalI18n('tree-view');\n\n const { icon, content, secondaryContent, actions, announcementLabel } = renderItem(item, index);\n const id = getItemId(item, index);\n const children = getItemChildren(item, index) \|\| [];\n const isExpandable = children.length > 0;\n const isExpanded = isExpandable && expandedItems.includes(id);\n const nextLevel = level + 1;\n\n const showVerticalConnectorLines = connectorLines === 'vertical' && isExpanded;\n\n let customIcon: React.ReactNode \| undefined = undefined;\n if (isExpandable && renderItemToggleIcon) {\n customIcon = renderItemToggleIcon({ expanded: isExpanded });\n }\n\n const itemLabelToAnnounce = announcementLabel\n ? announcementLabel\n : typeof content === 'string'\n ? (content as string)\n : '';\n\n return (\n <li\n role=\"treeitem\"\n id={id}\n className={clsx(\n styles.treeitem,\n testUtilStyles.treeitem,\n level > 1 && styles.offset,\n isExpandable && [testUtilStyles.expandable],\n isExpanded && [testUtilStyles.expanded]\n )}\n aria-expanded={isExpandable ? isExpanded : undefined}\n aria-level={level}\n data-testid={`awsui-treeitem-${id}`}\n data-awsui-tree-item-index={allVisibleItemsIndices[id]}\n >\n <div className={clsx(styles['treeitem-content-wrapper'])}>\n <div className={styles['expand-toggle-wrapper']}>\n <div className={styles.toggle}>\n {isExpandable ? (\n <ExpandToggleButton\n isExpanded={isExpanded}\n customIcon={customIcon}\n expandButtonLabel={joinStrings(\n i18n('i18nStrings.expandButtonLabel', i18nStrings?.expandButtonLabel?.(item)),\n itemLabelToAnnounce\n )}\n collapseButtonLabel={joinStrings(\n i18n('i18nStrings.collapseButtonLabel', i18nStrings?.collapseButtonLabel?.(item)),\n itemLabelToAnnounce\n )}\n onExpandableItemToggle={() => onItemToggle({ id, item, expanded: !isExpanded })}\n className={styles['tree-item-focus-target']}\n disableFocusHighlight={true}\n />\n ) : (\n <FocusTarget ariaLabel={itemLabelToAnnounce} />\n )}\n </div>\n </div>\n\n {showVerticalConnectorLines && <VerticalConnector variant=\"grid\" />}\n\n <div className={styles['structured-item-wrapper']}>\n <InternalStructuredItem\n icon={icon}\n content={content}\n secondaryContent={secondaryContent}\n actions={actions}\n wrapActions={false}\n className={styles['tree-item-structured-item']}\n />\n </div>\n </div>\n\n {isExpanded && children.length && (\n <ul role=\"group\" className={styles['treeitem-group']}>\n {children.map((child, index) => {\n const itemId = getItemId(child, index);\n return (\n <InternalTreeItem<T>\n item={child}\n index={index}\n key={itemId}\n level={nextLevel}\n expandedItems={expandedItems}\n i18nStrings={i18nStrings}\n onItemToggle={onItemToggle}\n renderItem={renderItem}\n getItemId={getItemId}\n getItemChildren={getItemChildren}\n renderItemToggleIcon={renderItemToggleIcon}\n allVisibleItemsIndices={allVisibleItemsIndices}\n connectorLines={connectorLines}\n />\n );\n })}\n\n {showVerticalConnectorLines && <VerticalConnector variant=\"absolute\" />}\n </ul>\n )}\n </li>\n );\n};\n\nexport default InternalTreeItem;\n"]}

package/lib/internal/template/tree-view/tree-item/styles.css.js CHANGED Viewed

@@ -1,15 +1,14 @@
     import './styles.scoped.css';
     export default {
-  "treeitem-group": "awsui_treeitem-group_1agpu_9ppth_185",
-  "treeitem": "awsui_treeitem_1agpu_9ppth_185",
-  "offset": "awsui_offset_1agpu_9ppth_202",
-  "treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_9ppth_205",
-  "tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_9ppth_210",
-  "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_9ppth_231",
-  "toggle": "awsui_toggle_1agpu_9ppth_236",
-  "one-theme": "awsui_one-theme_1agpu_9ppth_242",
-  "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_9ppth_249",
-  "tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_9ppth_256"
+  "treeitem-group": "awsui_treeitem-group_1agpu_1cr4z_189",
+  "treeitem": "awsui_treeitem_1agpu_1cr4z_189",
+  "offset": "awsui_offset_1agpu_1cr4z_206",
+  "treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_1cr4z_209",
+  "tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_1cr4z_214",
+  "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_1cr4z_235",
+  "toggle": "awsui_toggle_1agpu_1cr4z_240",
+  "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_1cr4z_253",
+  "tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_1cr4z_260"
 };