@cloudscape-design/components 3.0.1349 → 3.0.1351

package/breadcrumb-group/item/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_1kosq_y7rsl_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_y7rsl_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_y7rsl_150",
-  "icon": "awsui_icon_1kosq_y7rsl_153",
-  "anchor": "awsui_anchor_1kosq_y7rsl_163",
-  "text": "awsui_text_1kosq_y7rsl_211",
-  "last": "awsui_last_1kosq_y7rsl_230"
+  "link": "awsui_link_1kosq_hdk3s_141",
+  "breadcrumb": "awsui_breadcrumb_1kosq_hdk3s_145",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_hdk3s_146",
+  "icon": "awsui_icon_1kosq_hdk3s_149",
+  "anchor": "awsui_anchor_1kosq_hdk3s_155",
+  "text": "awsui_text_1kosq_hdk3s_203",
+  "last": "awsui_last_1kosq_hdk3s_222"
 };
   

package/breadcrumb-group/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_orur6_145",
-  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_orur6_180",
-  "ghost": "awsui_ghost_d19fg_orur6_191",
-  "item": "awsui_item_d19fg_orur6_196",
-  "ghost-item": "awsui_ghost-item_d19fg_orur6_197",
-  "ellipsis": "awsui_ellipsis_d19fg_orur6_198",
-  "hide": "awsui_hide_d19fg_orur6_209",
-  "visible": "awsui_visible_d19fg_orur6_215",
-  "icon": "awsui_icon_d19fg_orur6_219",
-  "breadcrumbs-skeleton": "awsui_breadcrumbs-skeleton_d19fg_orur6_228",
-  "collapsed-button": "awsui_collapsed-button_d19fg_orur6_232",
-  "button-icon": "awsui_button-icon_d19fg_orur6_314",
-  "button-icon-open": "awsui_button-icon-open_d19fg_orur6_328",
-  "hidden": "awsui_hidden_d19fg_orur6_332"
+  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_oihv1_141",
+  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_oihv1_176",
+  "ghost": "awsui_ghost_d19fg_oihv1_187",
+  "item": "awsui_item_d19fg_oihv1_192",
+  "ghost-item": "awsui_ghost-item_d19fg_oihv1_193",
+  "ellipsis": "awsui_ellipsis_d19fg_oihv1_194",
+  "hide": "awsui_hide_d19fg_oihv1_205",
+  "visible": "awsui_visible_d19fg_oihv1_211",
+  "icon": "awsui_icon_d19fg_oihv1_215",
+  "breadcrumbs-skeleton": "awsui_breadcrumbs-skeleton_d19fg_oihv1_221",
+  "collapsed-button": "awsui_collapsed-button_d19fg_oihv1_225",
+  "button-icon": "awsui_button-icon_d19fg_oihv1_307",
+  "button-icon-open": "awsui_button-icon-open_d19fg_oihv1_321",
+  "hidden": "awsui_hidden_d19fg_oihv1_325"
 };
   

package/breadcrumb-group/styles.scoped.css

@@ -136,13 +136,9 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_breadcrumb-group_d19fg_orur6_145:not(#\9) {
+.awsui_breadcrumb-group_d19fg_oihv1_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -177,7 +173,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-hwfkai, 4px);
   padding-inline: 0;
 }
-.awsui_breadcrumb-group_d19fg_orur6_145 > .awsui_breadcrumb-group-list_d19fg_orur6_180:not(#\9) {
+.awsui_breadcrumb-group_d19fg_oihv1_141 > .awsui_breadcrumb-group-list_d19fg_oihv1_176:not(#\9) {
   display: flex;
   align-items: center;
   padding-block: 0;
@@ -188,48 +184,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
   flex-wrap: nowrap;
 }
-.awsui_breadcrumb-group_d19fg_orur6_145 > .awsui_breadcrumb-group-list_d19fg_orur6_180.awsui_ghost_d19fg_orur6_191:not(#\9) {
+.awsui_breadcrumb-group_d19fg_oihv1_141 > .awsui_breadcrumb-group-list_d19fg_oihv1_176.awsui_ghost_d19fg_oihv1_187:not(#\9) {
   flex-wrap: wrap;
   position: absolute;
   inset-inline-start: -9000px;
 }
-.awsui_breadcrumb-group_d19fg_orur6_145 > .awsui_breadcrumb-group-list_d19fg_orur6_180 > .awsui_item_d19fg_orur6_196:not(#\9),
-.awsui_breadcrumb-group_d19fg_orur6_145 > .awsui_breadcrumb-group-list_d19fg_orur6_180 > .awsui_ghost-item_d19fg_orur6_197:not(#\9),
-.awsui_breadcrumb-group_d19fg_orur6_145 > .awsui_breadcrumb-group-list_d19fg_orur6_180 > .awsui_ellipsis_d19fg_orur6_198:not(#\9) {
+.awsui_breadcrumb-group_d19fg_oihv1_141 > .awsui_breadcrumb-group-list_d19fg_oihv1_176 > .awsui_item_d19fg_oihv1_192:not(#\9),
+.awsui_breadcrumb-group_d19fg_oihv1_141 > .awsui_breadcrumb-group-list_d19fg_oihv1_176 > .awsui_ghost-item_d19fg_oihv1_193:not(#\9),
+.awsui_breadcrumb-group_d19fg_oihv1_141 > .awsui_breadcrumb-group-list_d19fg_oihv1_176 > .awsui_ellipsis_d19fg_oihv1_194:not(#\9) {
   display: inline-block;
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_breadcrumb-group_d19fg_orur6_145 > .awsui_breadcrumb-group-list_d19fg_orur6_180 > .awsui_item_d19fg_orur6_196:not(#\9):last-child {
+.awsui_breadcrumb-group_d19fg_oihv1_141 > .awsui_breadcrumb-group-list_d19fg_oihv1_176 > .awsui_item_d19fg_oihv1_192:not(#\9):last-child {
   flex-shrink: 1;
   min-inline-size: 0;
 }
-.awsui_breadcrumb-group_d19fg_orur6_145 > .awsui_breadcrumb-group-list_d19fg_orur6_180 > .awsui_item_d19fg_orur6_196.awsui_hide_d19fg_orur6_209:not(#\9) {
+.awsui_breadcrumb-group_d19fg_oihv1_141 > .awsui_breadcrumb-group-list_d19fg_oihv1_176 > .awsui_item_d19fg_oihv1_192.awsui_hide_d19fg_oihv1_205:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb-group_d19fg_orur6_145 > .awsui_breadcrumb-group-list_d19fg_orur6_180 > .awsui_ellipsis_d19fg_orur6_198:not(#\9) {
+.awsui_breadcrumb-group_d19fg_oihv1_141 > .awsui_breadcrumb-group-list_d19fg_oihv1_176 > .awsui_ellipsis_d19fg_oihv1_194:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb-group_d19fg_orur6_145 > .awsui_breadcrumb-group-list_d19fg_orur6_180 > .awsui_ellipsis_d19fg_orur6_198.awsui_visible_d19fg_orur6_215:not(#\9) {
+.awsui_breadcrumb-group_d19fg_oihv1_141 > .awsui_breadcrumb-group-list_d19fg_oihv1_176 > .awsui_ellipsis_d19fg_oihv1_194.awsui_visible_d19fg_oihv1_211:not(#\9) {
   display: flex;
   flex-shrink: 0;
 }
-.awsui_breadcrumb-group_d19fg_orur6_145 > .awsui_breadcrumb-group-list_d19fg_orur6_180 > .awsui_ellipsis_d19fg_orur6_198 > .awsui_icon_d19fg_orur6_219:not(#\9) {
+.awsui_breadcrumb-group_d19fg_oihv1_141 > .awsui_breadcrumb-group-list_d19fg_oihv1_176 > .awsui_ellipsis_d19fg_oihv1_194 > .awsui_icon_d19fg_oihv1_215:not(#\9) {
   margin-block: 0;
   margin-inline: 10px;
   color: var(--color-text-breadcrumb-icon-mh2txm, #8c8c94);
 }
-.awsui-one-theme .awsui_breadcrumb-group_d19fg_orur6_145 > .awsui_breadcrumb-group-list_d19fg_orur6_180 > .awsui_ellipsis_d19fg_orur6_198 > .awsui_icon_d19fg_orur6_219:not(#\9) {
-  margin-inline: var(--space-xxs-hwfkai, 4px);
-}
 
-.awsui_breadcrumbs-skeleton_d19fg_orur6_228:not(#\9) {
+.awsui_breadcrumbs-skeleton_d19fg_oihv1_221:not(#\9) {
   display: none;
 }
 
-.awsui_collapsed-button_d19fg_orur6_232:not(#\9) {
+.awsui_collapsed-button_d19fg_oihv1_225:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -276,14 +269,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   gap: var(--space-xxs-hwfkai, 4px);
   max-inline-size: 100%;
 }
-body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_orur6_232:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_oihv1_225:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_orur6_232:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_oihv1_225:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_orur6_232:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_oihv1_225:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -297,38 +290,38 @@ body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_orur6_232:not(
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
 }
-.awsui_collapsed-button_d19fg_orur6_232:not(#\9):hover {
+.awsui_collapsed-button_d19fg_oihv1_225:not(#\9):hover {
   color: var(--color-text-interactive-hover-j5y3wx, #0f141a);
 }
-.awsui_collapsed-button_d19fg_orur6_232 > :not(#\9):last-child {
+.awsui_collapsed-button_d19fg_oihv1_225 > :not(#\9):last-child {
   color: var(--color-text-breadcrumb-current-mmrid5, #656871);
   font-weight: var(--font-weight-breadcrumb-current-v39mbh, 700);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_collapsed-button_d19fg_orur6_232 > :not(#\9):last-child:hover {
+.awsui_collapsed-button_d19fg_oihv1_225 > :not(#\9):last-child:hover {
   color: var(--color-text-interactive-hover-j5y3wx, #0f141a);
 }
 
-.awsui_button-icon_d19fg_orur6_314:not(#\9) {
+.awsui_button-icon_d19fg_oihv1_307:not(#\9) {
   transform: rotate(0deg);
   transition: transform var(--motion-duration-rotate-180-cxi9g7, 135ms) var(--motion-easing-rotate-180-7a58rc, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-icon_d19fg_orur6_314:not(#\9) {
+  .awsui_button-icon_d19fg_oihv1_307:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-icon_d19fg_orur6_314:not(#\9), .awsui-mode-entering .awsui_button-icon_d19fg_orur6_314:not(#\9) {
+.awsui-motion-disabled .awsui_button-icon_d19fg_oihv1_307:not(#\9), .awsui-mode-entering .awsui_button-icon_d19fg_oihv1_307:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_button-icon-open_d19fg_orur6_328:not(#\9) {
+.awsui_button-icon-open_d19fg_oihv1_321:not(#\9) {
   transform: rotate(-180deg);
 }
 
-.awsui_hidden_d19fg_orur6_332:not(#\9) {
+.awsui_hidden_d19fg_oihv1_325:not(#\9) {
   display: none;
 }

package/breadcrumb-group/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_orur6_145",
-  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_orur6_180",
-  "ghost": "awsui_ghost_d19fg_orur6_191",
-  "item": "awsui_item_d19fg_orur6_196",
-  "ghost-item": "awsui_ghost-item_d19fg_orur6_197",
-  "ellipsis": "awsui_ellipsis_d19fg_orur6_198",
-  "hide": "awsui_hide_d19fg_orur6_209",
-  "visible": "awsui_visible_d19fg_orur6_215",
-  "icon": "awsui_icon_d19fg_orur6_219",
-  "breadcrumbs-skeleton": "awsui_breadcrumbs-skeleton_d19fg_orur6_228",
-  "collapsed-button": "awsui_collapsed-button_d19fg_orur6_232",
-  "button-icon": "awsui_button-icon_d19fg_orur6_314",
-  "button-icon-open": "awsui_button-icon-open_d19fg_orur6_328",
-  "hidden": "awsui_hidden_d19fg_orur6_332"
+  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_oihv1_141",
+  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_oihv1_176",
+  "ghost": "awsui_ghost_d19fg_oihv1_187",
+  "item": "awsui_item_d19fg_oihv1_192",
+  "ghost-item": "awsui_ghost-item_d19fg_oihv1_193",
+  "ellipsis": "awsui_ellipsis_d19fg_oihv1_194",
+  "hide": "awsui_hide_d19fg_oihv1_205",
+  "visible": "awsui_visible_d19fg_oihv1_211",
+  "icon": "awsui_icon_d19fg_oihv1_215",
+  "breadcrumbs-skeleton": "awsui_breadcrumbs-skeleton_d19fg_oihv1_221",
+  "collapsed-button": "awsui_collapsed-button_d19fg_oihv1_225",
+  "button-icon": "awsui_button-icon_d19fg_oihv1_307",
+  "button-icon-open": "awsui_button-icon-open_d19fg_oihv1_321",
+  "hidden": "awsui_hidden_d19fg_oihv1_325"
 };
   

package/button/icon-helper.js

@@ -17,7 +17,7 @@ function IconWrapper({ iconName, iconUrl, iconAlt, iconSvg, iconSize, badge, ...
 }
 export function LeftIcon(props) {
     if (props.loading) {
-        return React.createElement(InternalSpinner, { className: clsx(styles.icon, styles['icon-left']) });
+        return React.createElement(InternalSpinner, { variant: "disabled", className: clsx(styles.icon, styles['icon-left']) });
     }
     else if (getIconAlign(props) === 'left') {
         return React.createElement(IconWrapper, { ...props });

package/button/icon-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-helper.js","sourceRoot":"","sources":["../../../src/button/icon-helper.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAGlD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAerC,SAAS,YAAY,CAAC,KAAsB;IAC1C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,aAAa,CAAC;IAE/E,OAAO,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;AAC/C,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAmB;IACtG,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,EACpF,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAsB;IAC7C,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,oBAAC,eAAe,IAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,GAAI,CAAC;IAChF,CAAC;SAAM,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,MAAM,EAAE,CAAC;QAC1C,OAAO,oBAAC,WAAW,OAAK,KAAK,GAAI,CAAC;IACpC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC9C,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,OAAO,EAAE,CAAC;QACpC,OAAO,oBAAC,WAAW,OAAK,KAAK,GAAI,CAAC;IACpC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport * as React from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport InternalSpinner from '../spinner/internal';\nimport { ButtonProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface ButtonIconProps {\n  loading?: boolean;\n  iconName?: ButtonProps['iconName'];\n  iconAlign?: ButtonProps['iconAlign'];\n  iconUrl?: string;\n  iconSvg?: React.ReactNode;\n  iconAlt?: string;\n  iconSize?: IconProps.Size;\n  variant?: string;\n  iconClass?: string;\n  badge?: boolean;\n}\n\nfunction getIconAlign(props: ButtonIconProps) {\n  const standalone = props.variant === 'icon' || props.variant === 'inline-icon';\n\n  return standalone ? 'left' : props.iconAlign;\n}\n\nfunction IconWrapper({ iconName, iconUrl, iconAlt, iconSvg, iconSize, badge, ...props }: ButtonIconProps) {\n  if (!iconName && !iconUrl && !iconSvg) {\n    return null;\n  }\n\n  return (\n    <InternalIcon\n      className={clsx(styles.icon, styles[`icon-${getIconAlign(props)}`], props.iconClass)}\n      name={iconName}\n      url={iconUrl}\n      svg={iconSvg}\n      alt={iconAlt}\n      size={iconSize}\n      badge={badge}\n    />\n  );\n}\n\nexport function LeftIcon(props: ButtonIconProps) {\n  if (props.loading) {\n    return <InternalSpinner className={clsx(styles.icon, styles['icon-left'])} />;\n  } else if (getIconAlign(props) === 'left') {\n    return <IconWrapper {...props} />;\n  }\n  return null;\n}\n\nexport function RightIcon(props: ButtonIconProps) {\n  if (getIconAlign(props) === 'right') {\n    return <IconWrapper {...props} />;\n  }\n  return null;\n}\n"]}
+{"version":3,"file":"icon-helper.js","sourceRoot":"","sources":["../../../src/button/icon-helper.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAGlD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAerC,SAAS,YAAY,CAAC,KAAsB;IAC1C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,aAAa,CAAC;IAE/E,OAAO,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;AAC/C,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAmB;IACtG,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,EACpF,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAsB;IAC7C,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,oBAAC,eAAe,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,GAAI,CAAC;IACnG,CAAC;SAAM,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,MAAM,EAAE,CAAC;QAC1C,OAAO,oBAAC,WAAW,OAAK,KAAK,GAAI,CAAC;IACpC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC9C,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,OAAO,EAAE,CAAC;QACpC,OAAO,oBAAC,WAAW,OAAK,KAAK,GAAI,CAAC;IACpC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport * as React from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport InternalSpinner from '../spinner/internal';\nimport { ButtonProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface ButtonIconProps {\n  loading?: boolean;\n  iconName?: ButtonProps['iconName'];\n  iconAlign?: ButtonProps['iconAlign'];\n  iconUrl?: string;\n  iconSvg?: React.ReactNode;\n  iconAlt?: string;\n  iconSize?: IconProps.Size;\n  variant?: string;\n  iconClass?: string;\n  badge?: boolean;\n}\n\nfunction getIconAlign(props: ButtonIconProps) {\n  const standalone = props.variant === 'icon' || props.variant === 'inline-icon';\n\n  return standalone ? 'left' : props.iconAlign;\n}\n\nfunction IconWrapper({ iconName, iconUrl, iconAlt, iconSvg, iconSize, badge, ...props }: ButtonIconProps) {\n  if (!iconName && !iconUrl && !iconSvg) {\n    return null;\n  }\n\n  return (\n    <InternalIcon\n      className={clsx(styles.icon, styles[`icon-${getIconAlign(props)}`], props.iconClass)}\n      name={iconName}\n      url={iconUrl}\n      svg={iconSvg}\n      alt={iconAlt}\n      size={iconSize}\n      badge={badge}\n    />\n  );\n}\n\nexport function LeftIcon(props: ButtonIconProps) {\n  if (props.loading) {\n    return <InternalSpinner variant=\"disabled\" className={clsx(styles.icon, styles['icon-left'])} />;\n  } else if (getIconAlign(props) === 'left') {\n    return <IconWrapper {...props} />;\n  }\n  return null;\n}\n\nexport function RightIcon(props: ButtonIconProps) {\n  if (getIconAlign(props) === 'right') {\n    return <IconWrapper {...props} />;\n  }\n  return null;\n}\n"]}

package/button/styles.css.js

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_vjswe_13k2n_153",
-  "button": "awsui_button_vjswe_13k2n_157",
-  "variant-normal": "awsui_variant-normal_vjswe_13k2n_206",
-  "disabled": "awsui_disabled_vjswe_13k2n_227",
-  "variant-primary": "awsui_variant-primary_vjswe_13k2n_235",
-  "variant-link": "awsui_variant-link_vjswe_13k2n_264",
-  "variant-icon": "awsui_variant-icon_vjswe_13k2n_293",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_13k2n_322",
-  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_13k2n_351",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_13k2n_380",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_13k2n_413",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_13k2n_442",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_13k2n_471",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_13k2n_505",
-  "button-no-text": "awsui_button-no-text_vjswe_13k2n_601",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_13k2n_605",
-  "full-width": "awsui_full-width_vjswe_13k2n_608",
-  "button-compact": "awsui_button-compact_vjswe_13k2n_625",
-  "icon-left": "awsui_icon-left_vjswe_13k2n_635",
-  "icon-right": "awsui_icon-right_vjswe_13k2n_640",
-  "icon": "awsui_icon_vjswe_13k2n_635",
-  "link": "awsui_link_vjswe_13k2n_659",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_13k2n_659"
+  "content": "awsui_content_vjswe_1823z_149",
+  "button": "awsui_button_vjswe_1823z_153",
+  "variant-normal": "awsui_variant-normal_vjswe_1823z_202",
+  "disabled": "awsui_disabled_vjswe_1823z_223",
+  "variant-primary": "awsui_variant-primary_vjswe_1823z_231",
+  "variant-link": "awsui_variant-link_vjswe_1823z_260",
+  "variant-icon": "awsui_variant-icon_vjswe_1823z_289",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1823z_318",
+  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_1823z_347",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_1823z_376",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1823z_409",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1823z_438",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1823z_467",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1823z_501",
+  "button-no-text": "awsui_button-no-text_vjswe_1823z_597",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_1823z_601",
+  "full-width": "awsui_full-width_vjswe_1823z_604",
+  "button-compact": "awsui_button-compact_vjswe_1823z_621",
+  "icon-left": "awsui_icon-left_vjswe_1823z_631",
+  "icon-right": "awsui_icon-right_vjswe_1823z_636",
+  "icon": "awsui_icon_vjswe_1823z_631",
+  "link": "awsui_link_vjswe_1823z_655",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_1823z_655"
 };