@cloudscape-design/components 3.0.416 → 3.0.417

package/status-indicator/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["status-indicator/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAKlD,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;CAC7B,CAAC,CAAC;AAqDH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAWT;QAXS,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,iBAAiB,EACjB,MAAM,GAAG,QAAQ,EACjB,SAAS,GAAG,cAAc,OAEG,EAD1B,IAAI,cAV+B,2HAWvC,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,CACL,8CACM,SAAS,IACb,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,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,EACjD,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,CACzC;YAED,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,gBACnD,aAAa,EACzB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;gBAEtC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC;gBACxB,SAAS,KAAK,QAAQ,IAAI,mDAAW,CACjC;YACN,QAAQ,CACJ,CACF,CACR,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';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport styles from './styles.css.js';\nimport InternalIcon from '../icon/internal';\nimport InternalSpinner from '../spinner/internal';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { IconProps } from '../icon/interfaces';\nimport { SomeRequired } from '../internal/types';\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});\n\nexport interface StatusIndicatorProps extends BaseComponentProps {\n  /**\n   * Specifies the status type.\n   */\n  type?: StatusIndicatorProps.Type;\n  /**\n   * A text fragment that communicates the status.\n   */\n  children?: React.ReactNode;\n  /**\n   * Specifies an `aria-label` for the icon. If the status text alone does not fully describe the status,\n   * use this to communicate additional context.\n   */\n  iconAriaLabel?: string;\n  /**\n   * Specifies an override for the status indicator color.\n   */\n  colorOverride?: StatusIndicatorProps.Color;\n  /**\n   * Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping\n   * and truncates it with an ellipsis.\n   */\n  wrapText?: boolean;\n}\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\nexport namespace StatusIndicatorProps {\n  // Why not enums? Explained there\n  // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n  export type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading';\n  export type Color = 'blue' | 'grey' | 'green' | 'red';\n}\n\nexport default function StatusIndicator({\n  type,\n  children,\n  iconAriaLabel,\n  colorOverride,\n  wrapText = true,\n  __animate = false,\n  __internalRootRef,\n  __size = 'normal',\n  __display = 'inline-block',\n  ...rest\n}: InternalStatusIndicatorProps) {\n  const baseProps = getBaseProps(rest);\n  return (\n    <span\n      {...baseProps}\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        <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        {children}\n      </span>\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["status-indicator/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAKlD,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;CAC7B,CAAC,CAAC;AAqDH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAWT;QAXS,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,iBAAiB,EACjB,MAAM,GAAG,QAAQ,EACjB,SAAS,GAAG,cAAc,OAEG,EAD1B,IAAI,cAV+B,2HAWvC,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,CACL,8CACM,SAAS,IACb,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,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,EACjD,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,CACzC;YAED,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,gBACnD,aAAa,EACzB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;gBAEtC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC;gBACxB,SAAS,KAAK,QAAQ,IAAI,mDAAW,CACjC;YACN,QAAQ,CACJ,CACF,CACR,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';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport styles from './styles.css.js';\nimport InternalIcon from '../icon/internal';\nimport InternalSpinner from '../spinner/internal';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { IconProps } from '../icon/interfaces';\nimport { SomeRequired } from '../internal/types';\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});\n\nexport interface StatusIndicatorProps extends BaseComponentProps {\n  /**\n   * Specifies the status type.\n   */\n  type?: StatusIndicatorProps.Type;\n  /**\n   * A text fragment that communicates the status.\n   */\n  children?: React.ReactNode;\n  /**\n   * Specifies an `aria-label` for the icon. If the status text alone does not fully describe the status,\n   * use this to communicate additional context.\n   */\n  iconAriaLabel?: string;\n  /**\n   * Specifies an override for the status indicator color.\n   */\n  colorOverride?: StatusIndicatorProps.Color;\n  /**\n   * Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping\n   * and truncates it with an ellipsis.\n   */\n  wrapText?: boolean;\n}\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\nexport namespace StatusIndicatorProps {\n  // Why not enums? Explained there\n  // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n  export type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading';\n  export type Color = 'blue' | 'grey' | 'green' | 'red' | 'yellow';\n}\n\nexport default function StatusIndicator({\n  type,\n  children,\n  iconAriaLabel,\n  colorOverride,\n  wrapText = true,\n  __animate = false,\n  __internalRootRef,\n  __size = 'normal',\n  __display = 'inline-block',\n  ...rest\n}: InternalStatusIndicatorProps) {\n  const baseProps = getBaseProps(rest);\n  return (\n    <span\n      {...baseProps}\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        <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        {children}\n      </span>\n    </span>\n  );\n}\n"]}

package/status-indicator/styles.css.js

@@ -1,27 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "icon-shake": "awsui_icon-shake_1cbgc_yqmfc_97",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_yqmfc_1",
-  "container-fade-in": "awsui_container-fade-in_1cbgc_yqmfc_125",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_yqmfc_1",
-  "root": "awsui_root_1cbgc_yqmfc_147",
-  "status-error": "awsui_status-error_1cbgc_yqmfc_156",
-  "status-warning": "awsui_status-warning_1cbgc_yqmfc_159",
-  "status-success": "awsui_status-success_1cbgc_yqmfc_162",
-  "status-info": "awsui_status-info_1cbgc_yqmfc_165",
-  "status-stopped": "awsui_status-stopped_1cbgc_yqmfc_168",
-  "status-pending": "awsui_status-pending_1cbgc_yqmfc_171",
-  "status-in-progress": "awsui_status-in-progress_1cbgc_yqmfc_174",
-  "status-loading": "awsui_status-loading_1cbgc_yqmfc_177",
-  "color-override-red": "awsui_color-override-red_1cbgc_yqmfc_180",
-  "color-override-grey": "awsui_color-override-grey_1cbgc_yqmfc_183",
-  "color-override-blue": "awsui_color-override-blue_1cbgc_yqmfc_186",
-  "color-override-green": "awsui_color-override-green_1cbgc_yqmfc_189",
-  "container": "awsui_container_1cbgc_yqmfc_125",
-  "display-inline": "awsui_display-inline_1cbgc_yqmfc_193",
-  "icon": "awsui_icon_1cbgc_yqmfc_97",
-  "display-inline-block": "awsui_display-inline-block_1cbgc_yqmfc_201",
-  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_yqmfc_210"
+  "icon-shake": "awsui_icon-shake_1cbgc_babsw_97",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_babsw_1",
+  "container-fade-in": "awsui_container-fade-in_1cbgc_babsw_125",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_babsw_1",
+  "root": "awsui_root_1cbgc_babsw_147",
+  "status-error": "awsui_status-error_1cbgc_babsw_156",
+  "status-warning": "awsui_status-warning_1cbgc_babsw_159",
+  "status-success": "awsui_status-success_1cbgc_babsw_162",
+  "status-info": "awsui_status-info_1cbgc_babsw_165",
+  "status-stopped": "awsui_status-stopped_1cbgc_babsw_168",
+  "status-pending": "awsui_status-pending_1cbgc_babsw_171",
+  "status-in-progress": "awsui_status-in-progress_1cbgc_babsw_174",
+  "status-loading": "awsui_status-loading_1cbgc_babsw_177",
+  "color-override-red": "awsui_color-override-red_1cbgc_babsw_180",
+  "color-override-grey": "awsui_color-override-grey_1cbgc_babsw_183",
+  "color-override-blue": "awsui_color-override-blue_1cbgc_babsw_186",
+  "color-override-green": "awsui_color-override-green_1cbgc_babsw_189",
+  "color-override-yellow": "awsui_color-override-yellow_1cbgc_babsw_192",
+  "container": "awsui_container_1cbgc_babsw_125",
+  "display-inline": "awsui_display-inline_1cbgc_babsw_196",
+  "icon": "awsui_icon_1cbgc_babsw_97",
+  "display-inline-block": "awsui_display-inline-block_1cbgc_babsw_204",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_babsw_213"
 };
   

package/status-indicator/styles.scoped.css

@@ -94,11 +94,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_yqmfc_97:not(#\9) {
+.awsui_icon-shake_1cbgc_babsw_97:not(#\9) {
   display: inline-block;
-  animation: awsui_awsui-motion-shake-horizontally_1cbgc_yqmfc_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms);
+  animation: awsui_awsui-motion-shake-horizontally_1cbgc_babsw_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
-@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_yqmfc_1 {
+@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_babsw_1 {
   0% {
     transform: translateX(-5px);
     animation-timing-function: linear;
@@ -112,20 +112,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon-shake_1cbgc_yqmfc_97:not(#\9) {
+  .awsui_icon-shake_1cbgc_babsw_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon-shake_1cbgc_yqmfc_97:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_yqmfc_97:not(#\9) {
+.awsui-motion-disabled .awsui_icon-shake_1cbgc_babsw_97:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_babsw_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_container-fade-in_1cbgc_yqmfc_125:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_1cbgc_yqmfc_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
+.awsui_container-fade-in_1cbgc_babsw_125:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1cbgc_babsw_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in-0_1cbgc_yqmfc_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1cbgc_babsw_1 {
   from {
     opacity: 0;
   }
@@ -134,17 +134,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container-fade-in_1cbgc_yqmfc_125:not(#\9) {
+  .awsui_container-fade-in_1cbgc_babsw_125:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container-fade-in_1cbgc_yqmfc_125:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_yqmfc_125:not(#\9) {
+.awsui-motion-disabled .awsui_container-fade-in_1cbgc_babsw_125:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_babsw_125:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1cbgc_yqmfc_147:not(#\9) {
+.awsui_root_1cbgc_babsw_147:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   color: var(--color-text-body-default-2sxhhn, #000716);
@@ -153,61 +153,64 @@ 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_yqmfc_147.awsui_status-error_1cbgc_yqmfc_156:not(#\9) {
+.awsui_root_1cbgc_babsw_147.awsui_status-error_1cbgc_babsw_156:not(#\9) {
   color: var(--color-text-status-error-wdvepn, #d91515);
 }
-.awsui_root_1cbgc_yqmfc_147.awsui_status-warning_1cbgc_yqmfc_159:not(#\9) {
+.awsui_root_1cbgc_babsw_147.awsui_status-warning_1cbgc_babsw_159:not(#\9) {
   color: var(--color-text-status-warning-yik8vi, #8d6605);
 }
-.awsui_root_1cbgc_yqmfc_147.awsui_status-success_1cbgc_yqmfc_162:not(#\9) {
+.awsui_root_1cbgc_babsw_147.awsui_status-success_1cbgc_babsw_162:not(#\9) {
   color: var(--color-text-status-success-bpiyjm, #037f0c);
 }
-.awsui_root_1cbgc_yqmfc_147.awsui_status-info_1cbgc_yqmfc_165:not(#\9) {
+.awsui_root_1cbgc_babsw_147.awsui_status-info_1cbgc_babsw_165:not(#\9) {
   color: var(--color-text-status-info-ahz8zp, #0972d3);
 }
-.awsui_root_1cbgc_yqmfc_147.awsui_status-stopped_1cbgc_yqmfc_168:not(#\9) {
+.awsui_root_1cbgc_babsw_147.awsui_status-stopped_1cbgc_babsw_168:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
-.awsui_root_1cbgc_yqmfc_147.awsui_status-pending_1cbgc_yqmfc_171:not(#\9) {
+.awsui_root_1cbgc_babsw_147.awsui_status-pending_1cbgc_babsw_171:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
-.awsui_root_1cbgc_yqmfc_147.awsui_status-in-progress_1cbgc_yqmfc_174:not(#\9) {
+.awsui_root_1cbgc_babsw_147.awsui_status-in-progress_1cbgc_babsw_174:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
-.awsui_root_1cbgc_yqmfc_147.awsui_status-loading_1cbgc_yqmfc_177:not(#\9) {
+.awsui_root_1cbgc_babsw_147.awsui_status-loading_1cbgc_babsw_177:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
-.awsui_root_1cbgc_yqmfc_147.awsui_color-override-red_1cbgc_yqmfc_180:not(#\9) {
+.awsui_root_1cbgc_babsw_147.awsui_color-override-red_1cbgc_babsw_180:not(#\9) {
   color: var(--color-text-status-error-wdvepn, #d91515);
 }
-.awsui_root_1cbgc_yqmfc_147.awsui_color-override-grey_1cbgc_yqmfc_183:not(#\9) {
+.awsui_root_1cbgc_babsw_147.awsui_color-override-grey_1cbgc_babsw_183:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
-.awsui_root_1cbgc_yqmfc_147.awsui_color-override-blue_1cbgc_yqmfc_186:not(#\9) {
+.awsui_root_1cbgc_babsw_147.awsui_color-override-blue_1cbgc_babsw_186:not(#\9) {
   color: var(--color-text-status-info-ahz8zp, #0972d3);
 }
-.awsui_root_1cbgc_yqmfc_147.awsui_color-override-green_1cbgc_yqmfc_189:not(#\9) {
+.awsui_root_1cbgc_babsw_147.awsui_color-override-green_1cbgc_babsw_189:not(#\9) {
   color: var(--color-text-status-success-bpiyjm, #037f0c);
 }
+.awsui_root_1cbgc_babsw_147.awsui_color-override-yellow_1cbgc_babsw_192:not(#\9) {
+  color: var(--color-text-status-warning-yik8vi, #8d6605);
+}
 
-.awsui_container_1cbgc_yqmfc_125.awsui_display-inline_1cbgc_yqmfc_193:not(#\9) {
+.awsui_container_1cbgc_babsw_125.awsui_display-inline_1cbgc_babsw_196:not(#\9) {
   min-width: 0;
   word-break: break-word;
   display: inline;
 }
-.awsui_container_1cbgc_yqmfc_125.awsui_display-inline_1cbgc_yqmfc_193 > .awsui_icon_1cbgc_yqmfc_97:not(#\9) {
+.awsui_container_1cbgc_babsw_125.awsui_display-inline_1cbgc_babsw_196 > .awsui_icon_1cbgc_babsw_97:not(#\9) {
   white-space: nowrap;
 }
-.awsui_container_1cbgc_yqmfc_125.awsui_display-inline-block_1cbgc_yqmfc_201:not(#\9) {
+.awsui_container_1cbgc_babsw_125.awsui_display-inline-block_1cbgc_babsw_204:not(#\9) {
   display: inline-block;
   word-wrap: break-word;
   word-break: break-all;
 }
-.awsui_container_1cbgc_yqmfc_125.awsui_display-inline-block_1cbgc_yqmfc_201 > .awsui_icon_1cbgc_yqmfc_97:not(#\9) {
+.awsui_container_1cbgc_babsw_125.awsui_display-inline-block_1cbgc_babsw_204 > .awsui_icon_1cbgc_babsw_97:not(#\9) {
   padding-right: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_overflow-ellipsis_1cbgc_yqmfc_210:not(#\9) {
+.awsui_overflow-ellipsis_1cbgc_babsw_213:not(#\9) {
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;

package/status-indicator/styles.selectors.js

@@ -2,27 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "icon-shake": "awsui_icon-shake_1cbgc_yqmfc_97",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_yqmfc_1",
-  "container-fade-in": "awsui_container-fade-in_1cbgc_yqmfc_125",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_yqmfc_1",
-  "root": "awsui_root_1cbgc_yqmfc_147",
-  "status-error": "awsui_status-error_1cbgc_yqmfc_156",
-  "status-warning": "awsui_status-warning_1cbgc_yqmfc_159",
-  "status-success": "awsui_status-success_1cbgc_yqmfc_162",
-  "status-info": "awsui_status-info_1cbgc_yqmfc_165",
-  "status-stopped": "awsui_status-stopped_1cbgc_yqmfc_168",
-  "status-pending": "awsui_status-pending_1cbgc_yqmfc_171",
-  "status-in-progress": "awsui_status-in-progress_1cbgc_yqmfc_174",
-  "status-loading": "awsui_status-loading_1cbgc_yqmfc_177",
-  "color-override-red": "awsui_color-override-red_1cbgc_yqmfc_180",
-  "color-override-grey": "awsui_color-override-grey_1cbgc_yqmfc_183",
-  "color-override-blue": "awsui_color-override-blue_1cbgc_yqmfc_186",
-  "color-override-green": "awsui_color-override-green_1cbgc_yqmfc_189",
-  "container": "awsui_container_1cbgc_yqmfc_125",
-  "display-inline": "awsui_display-inline_1cbgc_yqmfc_193",
-  "icon": "awsui_icon_1cbgc_yqmfc_97",
-  "display-inline-block": "awsui_display-inline-block_1cbgc_yqmfc_201",
-  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_yqmfc_210"
+  "icon-shake": "awsui_icon-shake_1cbgc_babsw_97",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_babsw_1",
+  "container-fade-in": "awsui_container-fade-in_1cbgc_babsw_125",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_babsw_1",
+  "root": "awsui_root_1cbgc_babsw_147",
+  "status-error": "awsui_status-error_1cbgc_babsw_156",
+  "status-warning": "awsui_status-warning_1cbgc_babsw_159",
+  "status-success": "awsui_status-success_1cbgc_babsw_162",
+  "status-info": "awsui_status-info_1cbgc_babsw_165",
+  "status-stopped": "awsui_status-stopped_1cbgc_babsw_168",
+  "status-pending": "awsui_status-pending_1cbgc_babsw_171",
+  "status-in-progress": "awsui_status-in-progress_1cbgc_babsw_174",
+  "status-loading": "awsui_status-loading_1cbgc_babsw_177",
+  "color-override-red": "awsui_color-override-red_1cbgc_babsw_180",
+  "color-override-grey": "awsui_color-override-grey_1cbgc_babsw_183",
+  "color-override-blue": "awsui_color-override-blue_1cbgc_babsw_186",
+  "color-override-green": "awsui_color-override-green_1cbgc_babsw_189",
+  "color-override-yellow": "awsui_color-override-yellow_1cbgc_babsw_192",
+  "container": "awsui_container_1cbgc_babsw_125",
+  "display-inline": "awsui_display-inline_1cbgc_babsw_196",
+  "icon": "awsui_icon_1cbgc_babsw_97",
+  "display-inline-block": "awsui_display-inline-block_1cbgc_babsw_204",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_babsw_213"
 };