@cloudscape-design/components-themeable 3.0.1331 → 3.0.1333

package/lib/internal/template/spinner/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1612d_yckmn_183",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_yckmn_1",
-  "size-normal": "awsui_size-normal_1612d_yckmn_198",
-  "size-big": "awsui_size-big_1612d_yckmn_206",
-  "size-large": "awsui_size-large_1612d_yckmn_214",
-  "variant-normal": "awsui_variant-normal_1612d_yckmn_222",
-  "variant-disabled": "awsui_variant-disabled_1612d_yckmn_225",
-  "variant-inverted": "awsui_variant-inverted_1612d_yckmn_228",
-  "circle": "awsui_circle_1612d_yckmn_240",
-  "circle-left": "awsui_circle-left_1612d_yckmn_268",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_yckmn_1",
-  "circle-right": "awsui_circle-right_1612d_yckmn_273",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_yckmn_1"
+  "root": "awsui_root_1612d_1m2je_183",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_1m2je_1",
+  "size-normal": "awsui_size-normal_1612d_1m2je_198",
+  "size-big": "awsui_size-big_1612d_1m2je_206",
+  "size-large": "awsui_size-large_1612d_1m2je_214",
+  "variant-normal": "awsui_variant-normal_1612d_1m2je_222",
+  "variant-disabled": "awsui_variant-disabled_1612d_1m2je_225",
+  "variant-inverted": "awsui_variant-inverted_1612d_1m2je_228",
+  "circle": "awsui_circle_1612d_1m2je_240",
+  "circle-left": "awsui_circle-left_1612d_1m2je_268",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_1m2je_1",
+  "circle-right": "awsui_circle-right_1612d_1m2je_273",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_1m2je_1"
 };
   

package/lib/internal/template/spinner/styles.scoped.css

@@ -150,52 +150,52 @@ 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
 */
-@keyframes awsui_spinner-rotator_1612d_yckmn_1 {
+@keyframes awsui_spinner-rotator_1612d_1m2je_1 {
   0% {
-    transform: rotate(var(--awsui-spinner-rotator-from-z17rmd));
+    transform: rotate(var(--awsui-spinner-rotator-from-esndbs));
   }
   100% {
-    transform: rotate(var(--awsui-spinner-rotator-to-z17rmd));
+    transform: rotate(var(--awsui-spinner-rotator-to-esndbs));
   }
 }
-@keyframes awsui_spinner-line-left_1612d_yckmn_1 {
+@keyframes awsui_spinner-line-left_1612d_1m2je_1 {
   0% {
-    transform: rotate(var(--awsui-spinner-line-left-from-z17rmd));
+    transform: rotate(var(--awsui-spinner-line-left-from-esndbs));
   }
   50% {
-    transform: rotate(var(--awsui-spinner-line-left-to-z17rmd));
+    transform: rotate(var(--awsui-spinner-line-left-to-esndbs));
   }
   100% {
-    transform: rotate(var(--awsui-spinner-line-left-from-z17rmd));
+    transform: rotate(var(--awsui-spinner-line-left-from-esndbs));
   }
 }
-@keyframes awsui_spinner-line-right_1612d_yckmn_1 {
+@keyframes awsui_spinner-line-right_1612d_1m2je_1 {
   0% {
-    transform: rotate(var(--awsui-spinner-line-right-from-z17rmd));
+    transform: rotate(var(--awsui-spinner-line-right-from-esndbs));
   }
   50% {
-    transform: rotate(var(--awsui-spinner-line-right-to-z17rmd));
+    transform: rotate(var(--awsui-spinner-line-right-to-esndbs));
   }
   100% {
-    transform: rotate(var(--awsui-spinner-line-right-from-z17rmd));
+    transform: rotate(var(--awsui-spinner-line-right-from-esndbs));
   }
 }
-.awsui_root_1612d_yckmn_183:not(#\9) {
-  --awsui-spinner-rotator-from-z17rmd: 0deg;
-  --awsui-spinner-rotator-to-z17rmd: 360deg;
-  --awsui-spinner-line-left-from-z17rmd: 0deg;
-  --awsui-spinner-line-left-to-z17rmd: 120deg;
-  --awsui-spinner-line-right-from-z17rmd: 90deg;
-  --awsui-spinner-line-right-to-z17rmd: -30deg;
+.awsui_root_1612d_1m2je_183:not(#\9) {
+  --awsui-spinner-rotator-from-esndbs: 0deg;
+  --awsui-spinner-rotator-to-esndbs: 360deg;
+  --awsui-spinner-line-left-from-esndbs: 0deg;
+  --awsui-spinner-line-left-to-esndbs: 120deg;
+  --awsui-spinner-line-right-from-esndbs: 90deg;
+  --awsui-spinner-line-right-to-esndbs: -30deg;
   display: inline-block;
   vertical-align: top;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation: awsui_spinner-rotator_1612d_yckmn_1 0.7s linear infinite;
+  animation: awsui_spinner-rotator_1612d_1m2je_1 0.7s linear infinite;
   box-sizing: border-box;
   line-height: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_root_1612d_yckmn_183.awsui_size-normal_1612d_yckmn_198:not(#\9) {
+.awsui_root_1612d_1m2je_183.awsui_size-normal_1612d_1m2je_198:not(#\9) {
   inline-size: var(--size-icon-normal-2f5zkr, 16px);
   block-size: var(--size-icon-normal-2f5zkr, 16px);
   padding-block: calc((var(--size-icon-normal-2f5zkr, 16px) - 12px) / 2);
@@ -203,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: calc((var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_yckmn_183.awsui_size-big_1612d_yckmn_206:not(#\9) {
+.awsui_root_1612d_1m2je_183.awsui_size-big_1612d_1m2je_206:not(#\9) {
   inline-size: var(--size-icon-big-hnqj8f, 32px);
   block-size: var(--size-icon-big-hnqj8f, 32px);
   padding-block: calc((var(--size-icon-big-hnqj8f, 32px) - 24px) / 2);
@@ -211,7 +211,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: calc((var(--line-height-heading-xl-vs1f23, 36px) - var(--size-icon-big-hnqj8f, 32px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_yckmn_183.awsui_size-large_1612d_yckmn_214:not(#\9) {
+.awsui_root_1612d_1m2je_183.awsui_size-large_1612d_1m2je_214:not(#\9) {
   inline-size: var(--size-icon-large-gj7xfw, 48px);
   block-size: var(--size-icon-large-gj7xfw, 48px);
   padding-block: calc((var(--size-icon-large-gj7xfw, 48px) - 36px) / 2);
@@ -219,32 +219,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: calc((var(--line-height-display-l-3zghmm, 56px) - var(--size-icon-large-gj7xfw, 48px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_yckmn_183.awsui_variant-normal_1612d_yckmn_222:not(#\9) {
+.awsui_root_1612d_1m2je_183.awsui_variant-normal_1612d_1m2je_222:not(#\9) {
   color: currentColor;
 }
-.awsui_root_1612d_yckmn_183.awsui_variant-disabled_1612d_yckmn_225:not(#\9) {
+.awsui_root_1612d_1m2je_183.awsui_variant-disabled_1612d_1m2je_225:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-.awsui_root_1612d_yckmn_183.awsui_variant-inverted_1612d_yckmn_228:not(#\9) {
+.awsui_root_1612d_1m2je_183.awsui_variant-inverted_1612d_1m2je_228:not(#\9) {
   color: var(--color-text-inverted-2l365o, #ffffff);
 }
-.awsui_root_1612d_yckmn_183:not(#\9):dir(rtl) {
-  --awsui-spinner-rotator-from-z17rmd: 360deg;
-  --awsui-spinner-rotator-to-z17rmd: 0deg;
-  --awsui-spinner-line-left-from-z17rmd: 0deg;
-  --awsui-spinner-line-left-to-z17rmd: -120deg;
-  --awsui-spinner-line-right-from-z17rmd: -90deg;
-  --awsui-spinner-line-right-to-z17rmd: 30deg;
+.awsui_root_1612d_1m2je_183:not(#\9):dir(rtl) {
+  --awsui-spinner-rotator-from-esndbs: 360deg;
+  --awsui-spinner-rotator-to-esndbs: 0deg;
+  --awsui-spinner-line-left-from-esndbs: 0deg;
+  --awsui-spinner-line-left-to-esndbs: -120deg;
+  --awsui-spinner-line-right-from-esndbs: -90deg;
+  --awsui-spinner-line-right-to-esndbs: 30deg;
 }
 
-.awsui_circle_1612d_yckmn_240:not(#\9) {
+.awsui_circle_1612d_1m2je_240:not(#\9) {
   display: inline-block;
   inline-size: 50%;
   block-size: 100%;
   overflow: hidden;
   position: relative;
 }
-.awsui_circle_1612d_yckmn_240:not(#\9):after {
+.awsui_circle_1612d_1m2je_240:not(#\9):after {
   position: absolute;
   box-sizing: border-box;
   content: "";
@@ -257,7 +257,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline-end-color: transparent;
   border-block-end-color: transparent;
 }
-.awsui_circle_1612d_yckmn_240:not(#\9):after {
+.awsui_circle_1612d_1m2je_240:not(#\9):after {
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
   animation: 1.5s ease-in-out infinite;
   inset-block-start: 0;
@@ -265,13 +265,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   inline-size: 200%;
 }
-.awsui_circle_1612d_yckmn_240.awsui_circle-left_1612d_yckmn_268:not(#\9):after {
+.awsui_circle_1612d_1m2je_240.awsui_circle-left_1612d_1m2je_268:not(#\9):after {
   inset-inline-start: 0;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation-name: awsui_spinner-line-left_1612d_yckmn_1;
+  animation-name: awsui_spinner-line-left_1612d_1m2je_1;
 }
-.awsui_circle_1612d_yckmn_240.awsui_circle-right_1612d_yckmn_273:not(#\9):after {
+.awsui_circle_1612d_1m2je_240.awsui_circle-right_1612d_1m2je_273:not(#\9):after {
   inset-inline-start: -100%;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation-name: awsui_spinner-line-right_1612d_yckmn_1;
+  animation-name: awsui_spinner-line-right_1612d_1m2je_1;
 }

package/lib/internal/template/spinner/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1612d_yckmn_183",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_yckmn_1",
-  "size-normal": "awsui_size-normal_1612d_yckmn_198",
-  "size-big": "awsui_size-big_1612d_yckmn_206",
-  "size-large": "awsui_size-large_1612d_yckmn_214",
-  "variant-normal": "awsui_variant-normal_1612d_yckmn_222",
-  "variant-disabled": "awsui_variant-disabled_1612d_yckmn_225",
-  "variant-inverted": "awsui_variant-inverted_1612d_yckmn_228",
-  "circle": "awsui_circle_1612d_yckmn_240",
-  "circle-left": "awsui_circle-left_1612d_yckmn_268",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_yckmn_1",
-  "circle-right": "awsui_circle-right_1612d_yckmn_273",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_yckmn_1"
+  "root": "awsui_root_1612d_1m2je_183",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_1m2je_1",
+  "size-normal": "awsui_size-normal_1612d_1m2je_198",
+  "size-big": "awsui_size-big_1612d_1m2je_206",
+  "size-large": "awsui_size-large_1612d_1m2je_214",
+  "variant-normal": "awsui_variant-normal_1612d_1m2je_222",
+  "variant-disabled": "awsui_variant-disabled_1612d_1m2je_225",
+  "variant-inverted": "awsui_variant-inverted_1612d_1m2je_228",
+  "circle": "awsui_circle_1612d_1m2je_240",
+  "circle-left": "awsui_circle-left_1612d_1m2je_268",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_1m2je_1",
+  "circle-right": "awsui_circle-right_1612d_1m2je_273",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_1m2je_1"
 };
   

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

@@ -0,0 +1,3 @@
+import { StatusIndicatorProps } from './interfaces';
+export type InternalStatusIndicatorType = StatusIndicatorProps.Type | 'log';
+//# sourceMappingURL=internal-interfaces.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"internal-interfaces.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal-interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,2BAA2B,GAAG,oBAAoB,CAAC,IAAI,GAAG,KAAK,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=internal-interfaces.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"internal-interfaces.js","sourceRoot":"","sources":["../../../src/status-indicator/internal-interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { StatusIndicatorProps } from './interfaces';\n\nexport type InternalStatusIndicatorType = StatusIndicatorProps.Type | 'log';\n"]}

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

@@ -1,8 +1,12 @@
 import { IconProps } from '../icon/interfaces';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
-import { SomeRequired } from '../internal/types';
 import { StatusIndicatorProps } from './interfaces';
-export interface InternalStatusIndicatorProps extends SomeRequired<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {
+import { InternalStatusIndicatorType } from './internal-interfaces';
+export interface InternalStatusIndicatorProps extends Omit<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {
+    /**
+     * Status type. The internal `log` value renders a plain dot for Steps.
+     */
+    type: InternalStatusIndicatorType;
     /**
      * Play an animation on the error icon when first rendered
      */

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":"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"}
+{"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;AAMlF,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAIpE,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAAE,0BAA0B;IAClH;;OAEG;IACH,IAAI,EAAE,2BAA2B,CAAC;IAElC;;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;AAeD,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

@@ -21,6 +21,7 @@ const typeToIcon = size => ({
     'in-progress': React.createElement(InternalIcon, { name: "status-in-progress", size: size }),
     loading: React.createElement(InternalSpinner, null),
     'not-started': React.createElement(InternalIcon, { name: "status-not-started", size: size }),
+    log: React.createElement(InternalIcon, { name: "dot", 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 },

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 { 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' && <>&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          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';\n/**\n * @awsuiSystem core\n */\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport InternalSpinner from '../spinner/internal';\nimport { StatusIndicatorProps } from './interfaces';\nimport { InternalStatusIndicatorType } from './internal-interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalStatusIndicatorProps extends Omit<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {\n  /**\n   * Status type. The internal `log` value renders a plain dot for Steps.\n   */\n  type: InternalStatusIndicatorType;\n\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<InternalStatusIndicatorType, 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  log: <InternalIcon name=\"dot\" 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 = 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

@@ -1,29 +1,30 @@
 
     import './styles.scoped.css';
     export default {
-  "icon-shake": "awsui_icon-shake_1cbgc_nlvn3_153",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_nlvn3_1",
-  "container-fade-in": "awsui_container-fade-in_1cbgc_nlvn3_181",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_nlvn3_1",
-  "root": "awsui_root_1cbgc_nlvn3_203",
-  "status-error": "awsui_status-error_1cbgc_nlvn3_212",
-  "status-warning": "awsui_status-warning_1cbgc_nlvn3_215",
-  "status-success": "awsui_status-success_1cbgc_nlvn3_218",
-  "status-info": "awsui_status-info_1cbgc_nlvn3_221",
-  "status-stopped": "awsui_status-stopped_1cbgc_nlvn3_224",
-  "status-pending": "awsui_status-pending_1cbgc_nlvn3_227",
-  "status-in-progress": "awsui_status-in-progress_1cbgc_nlvn3_230",
-  "status-loading": "awsui_status-loading_1cbgc_nlvn3_233",
-  "status-not-started": "awsui_status-not-started_1cbgc_nlvn3_236",
-  "color-override-red": "awsui_color-override-red_1cbgc_nlvn3_239",
-  "color-override-grey": "awsui_color-override-grey_1cbgc_nlvn3_242",
-  "color-override-blue": "awsui_color-override-blue_1cbgc_nlvn3_245",
-  "color-override-green": "awsui_color-override-green_1cbgc_nlvn3_248",
-  "color-override-yellow": "awsui_color-override-yellow_1cbgc_nlvn3_251",
-  "container": "awsui_container_1cbgc_nlvn3_181",
-  "display-inline": "awsui_display-inline_1cbgc_nlvn3_309",
-  "icon": "awsui_icon_1cbgc_nlvn3_153",
-  "display-inline-block": "awsui_display-inline-block_1cbgc_nlvn3_320",
-  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_nlvn3_338"
+  "icon-shake": "awsui_icon-shake_1cbgc_rnop3_153",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_rnop3_1",
+  "container-fade-in": "awsui_container-fade-in_1cbgc_rnop3_181",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_rnop3_1",
+  "root": "awsui_root_1cbgc_rnop3_203",
+  "status-error": "awsui_status-error_1cbgc_rnop3_212",
+  "status-warning": "awsui_status-warning_1cbgc_rnop3_215",
+  "status-success": "awsui_status-success_1cbgc_rnop3_218",
+  "status-info": "awsui_status-info_1cbgc_rnop3_221",
+  "status-stopped": "awsui_status-stopped_1cbgc_rnop3_224",
+  "status-pending": "awsui_status-pending_1cbgc_rnop3_227",
+  "status-in-progress": "awsui_status-in-progress_1cbgc_rnop3_230",
+  "status-loading": "awsui_status-loading_1cbgc_rnop3_233",
+  "status-not-started": "awsui_status-not-started_1cbgc_rnop3_236",
+  "status-log": "awsui_status-log_1cbgc_rnop3_239",
+  "color-override-red": "awsui_color-override-red_1cbgc_rnop3_242",
+  "color-override-grey": "awsui_color-override-grey_1cbgc_rnop3_245",
+  "color-override-blue": "awsui_color-override-blue_1cbgc_rnop3_248",
+  "color-override-green": "awsui_color-override-green_1cbgc_rnop3_251",
+  "color-override-yellow": "awsui_color-override-yellow_1cbgc_rnop3_254",
+  "container": "awsui_container_1cbgc_rnop3_181",
+  "display-inline": "awsui_display-inline_1cbgc_rnop3_315",
+  "icon": "awsui_icon_1cbgc_rnop3_153",
+  "display-inline-block": "awsui_display-inline-block_1cbgc_rnop3_326",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_rnop3_344"
 };