npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.251 → 3.0.253 - Mend

@cloudscape-design/components-themeable 3.0.251 → 3.0.253

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 (356) hide show

package/lib/internal/template/breadcrumb-group/item/styles.scoped.css CHANGED Viewed

@@ -90,18 +90,18 @@ 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_link_1kosq_1k5wu_93:not(#\9):after {
+.awsui_link_1kosq_vrdg3_93:not(#\9):after {
   display: none;
 }
-.awsui_breadcrumb_1kosq_1k5wu_97:not(#\9) {
+.awsui_breadcrumb_1kosq_vrdg3_97:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_1k5wu_97 > .awsui_icon_1kosq_1k5wu_100:not(#\9) {
+.awsui_breadcrumb_1kosq_vrdg3_97 > .awsui_icon_1kosq_vrdg3_100:not(#\9) {
   margin: 0 var(--space-xs-rsr2qu, 8px);
   color: var(--color-text-breadcrumb-icon-73h18g, #687078);
 }
-.awsui_breadcrumb_1kosq_1k5wu_97 > .awsui_anchor_1kosq_1k5wu_104:not(#\9) {
+.awsui_breadcrumb_1kosq_vrdg3_97 > .awsui_anchor_1kosq_vrdg3_104:not(#\9) {
   color: var(--color-text-link-default-753y4e, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
@@ -114,31 +114,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_breadcrumb_1kosq_1k5wu_97 > .awsui_anchor_1kosq_1k5wu_104:not(#\9) {
+  .awsui_breadcrumb_1kosq_vrdg3_97 > .awsui_anchor_1kosq_vrdg3_104:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_1k5wu_97 > .awsui_anchor_1kosq_1k5wu_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1k5wu_97 > .awsui_anchor_1kosq_1k5wu_104:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_vrdg3_97 > .awsui_anchor_1kosq_vrdg3_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_vrdg3_97 > .awsui_anchor_1kosq_vrdg3_104:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_1k5wu_97 > .awsui_anchor_1kosq_1k5wu_104:not(#\9):hover {
+.awsui_breadcrumb_1kosq_vrdg3_97 > .awsui_anchor_1kosq_vrdg3_104:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_breadcrumb_1kosq_1k5wu_97 > .awsui_anchor_1kosq_1k5wu_104:not(#\9):focus {
+.awsui_breadcrumb_1kosq_vrdg3_97 > .awsui_anchor_1kosq_vrdg3_104:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_1k5wu_97 > .awsui_anchor_1kosq_1k5wu_104:not(#\9):active {
+.awsui_breadcrumb_1kosq_vrdg3_97 > .awsui_anchor_1kosq_vrdg3_104:not(#\9):active {
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_breadcrumb_1kosq_1k5wu_97 > .awsui_anchor_1kosq_1k5wu_104:not(#\9):active, .awsui_breadcrumb_1kosq_1k5wu_97 > .awsui_anchor_1kosq_1k5wu_104:not(#\9):focus, .awsui_breadcrumb_1kosq_1k5wu_97 > .awsui_anchor_1kosq_1k5wu_104:not(#\9):hover {
+.awsui_breadcrumb_1kosq_vrdg3_97 > .awsui_anchor_1kosq_vrdg3_104:not(#\9):active, .awsui_breadcrumb_1kosq_vrdg3_97 > .awsui_anchor_1kosq_vrdg3_104:not(#\9):focus, .awsui_breadcrumb_1kosq_vrdg3_97 > .awsui_anchor_1kosq_vrdg3_104:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_breadcrumb_1kosq_1k5wu_97 > .awsui_anchor_1kosq_1k5wu_104[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_vrdg3_97 > .awsui_anchor_1kosq_vrdg3_104:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-67z0xv, 5px auto Highlight);
   outline-offset: 2px;
@@ -146,34 +146,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_breadcrumb_1kosq_1k5wu_97.awsui_last_1kosq_1k5wu_147 > .awsui_icon_1kosq_1k5wu_100:not(#\9) {
+.awsui_breadcrumb_1kosq_vrdg3_97.awsui_last_1kosq_vrdg3_147 > .awsui_icon_1kosq_vrdg3_100:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_1k5wu_97.awsui_last_1kosq_1k5wu_147 > .awsui_anchor_1kosq_1k5wu_104:not(#\9) {
+.awsui_breadcrumb_1kosq_vrdg3_97.awsui_last_1kosq_vrdg3_147 > .awsui_anchor_1kosq_vrdg3_104:not(#\9) {
   color: var(--color-text-breadcrumb-current-t6gbyx, #687078);
   font-weight: 700;
   text-decoration: none;
   cursor: default;
 }
-.awsui_compressed_1kosq_1k5wu_157:not(#\9) {
+.awsui_compressed_1kosq_vrdg3_157:not(#\9) {
   min-width: 0;
   overflow: hidden;
 }
-.awsui_compressed_1kosq_1k5wu_157 > .awsui_text_1kosq_1k5wu_161:not(#\9) {
+.awsui_compressed_1kosq_vrdg3_157 > .awsui_text_1kosq_vrdg3_161:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
-.awsui_virtual-item_1kosq_1k5wu_168:not(#\9) {
+.awsui_virtual-item_1kosq_vrdg3_168:not(#\9) {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
   visibility: hidden;
 }
-.awsui_item-popover_1kosq_1k5wu_175:not(#\9) {
+.awsui_item-popover_1kosq_vrdg3_175:not(#\9) {
   /* used in tests */
 }

package/lib/internal/template/breadcrumb-group/item/styles.selectors.js CHANGED Viewed

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_1kosq_1k5wu_93",
-  "breadcrumb": "awsui_breadcrumb_1kosq_1k5wu_97",
-  "icon": "awsui_icon_1kosq_1k5wu_100",
-  "anchor": "awsui_anchor_1kosq_1k5wu_104",
-  "last": "awsui_last_1kosq_1k5wu_147",
-  "compressed": "awsui_compressed_1kosq_1k5wu_157",
-  "text": "awsui_text_1kosq_1k5wu_161",
-  "virtual-item": "awsui_virtual-item_1kosq_1k5wu_168",
-  "item-popover": "awsui_item-popover_1kosq_1k5wu_175"
+  "link": "awsui_link_1kosq_vrdg3_93",
+  "breadcrumb": "awsui_breadcrumb_1kosq_vrdg3_97",
+  "icon": "awsui_icon_1kosq_vrdg3_100",
+  "anchor": "awsui_anchor_1kosq_vrdg3_104",
+  "last": "awsui_last_1kosq_vrdg3_147",
+  "compressed": "awsui_compressed_1kosq_vrdg3_157",
+  "text": "awsui_text_1kosq_vrdg3_161",
+  "virtual-item": "awsui_virtual-item_1kosq_vrdg3_168",
+  "item-popover": "awsui_item-popover_1kosq_vrdg3_175"
 };

package/lib/internal/template/button/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["button/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;~~AAMnD~~,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAalF,eAAO,MAAM,cAAc;cAPf,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe;;;;;~~sEAyI3G~~,CAAC;AAEF,eAAe,cAAc,CAAC"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["button/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAalF,eAAO,MAAM,cAAc;cAPf,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe;;;;;sEAwI3G,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/internal/template/button/internal.js CHANGED Viewed

@@ -4,7 +4,6 @@ import { __rest } from "tslib";
 import clsx from 'clsx';
 import React, { useCallback, useRef } from 'react';
 import { fireCancelableEvent, isPlainLeftClick } from '../internal/events';
-import useFocusVisible from '../internal/hooks/focus-visible';
 import useForwardFocus from '../internal/hooks/forward-focus';
 import styles from './styles.css.js';
 import { LeftIcon, RightIcon } from './icon-helper';
@@ -14,7 +13,6 @@ import LiveRegion from '../internal/components/live-region';
 export const InternalButton = React.forwardRef((_a, ref) => {
     var { children, iconName, __iconClass, onClick, onFollow, iconAlign = 'left', iconUrl, iconSvg, iconAlt, variant = 'normal', loading = false, loadingText, disabled = false, wrapText = true, href, target, rel, download, formAction = 'submit', ariaLabel, ariaExpanded, __hideFocusOutline = false, __nativeAttributes, __internalRootRef = null, __activated = false } = _a, props = __rest(_a, ["children", "iconName", "__iconClass", "onClick", "onFollow", "iconAlign", "iconUrl", "iconSvg", "iconAlt", "variant", "loading", "loadingText", "disabled", "wrapText", "href", "target", "rel", "download", "formAction", "ariaLabel", "ariaExpanded", "__hideFocusOutline", "__nativeAttributes", "__internalRootRef", "__activated"]);
     checkSafeUrl('Button', href);
-    const focusVisible = useFocusVisible();
     const isAnchor = Boolean(href);
     const isNotInteractive = loading || disabled;
     const shouldHaveContent = children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;
@@ -35,8 +33,9 @@ export const InternalButton = React.forwardRef((_a, ref) => {
         [styles['button-no-wrap']]: !wrapText,
         [styles['button-no-text']]: !shouldHaveContent,
         [styles['is-activated']]: __activated,
+        [styles['hide-focus-outline']]: __hideFocusOutline,
     });
-    const buttonProps = Object.assign(Object.assign(Object.assign(Object.assign({}, props), (__hideFocusOutline ? undefined : focusVisible)), __nativeAttributes), {
+    const buttonProps = Object.assign(Object.assign(Object.assign({}, props), __nativeAttributes), {
         // https://github.com/microsoft/TypeScript/issues/36659
         ref: useMergeRefs(buttonRef, __internalRootRef), 'aria-label': ariaLabel, 'aria-expanded': ariaExpanded, className: buttonClass, onClick: handleClick });
     const iconProps = {

package/lib/internal/template/button/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["button/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,~~eAAe,~~MAAM,~~iCAAiC,CAAC;AAC9D,OAAO,~~MAAM,~~MAAM,~~iBAAiB,CAAC;AACrC,OAAO,EAAmB,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAGrE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAU5D,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,EA2BsB,EACtB,GAA+B,EAC/B,EAAE;QA7BF,EACE,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,MAAM,EAClB,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,GAAG,QAAQ,EAClB,OAAO,GAAG,KAAK,EACf,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,IAAI,EACJ,MAAM,EACN,GAAG,EACH,QAAQ,EACR,UAAU,GAAG,QAAQ,EACrB,SAAS,EACT,YAAY,EACZ,kBAAkB,GAAG,KAAK,EAC1B,kBAAkB,EAClB,iBAAiB,GAAG,IAAI,EACxB,WAAW,GAAG,KAAK,OAEC,EADjB,KAAK,cA1BV,yUA2BC,CADS;IAIV,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAC7B,MAAM,~~YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,~~QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,gBAAgB,GAAG,OAAO,IAAI,QAAQ,CAAC;IAC7C,MAAM,iBAAiB,GACrB,QAAQ,IAAI,CAAC,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhG,MAAM,SAAS,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC5C,eAAe,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAuB,EAAE,EAAE;QAC1B,IAAI,gBAAgB,EAAE;YACpB,OAAO,KAAK,CAAC,cAAc,EAAE,CAAC;SAC/B;QAED,IAAI,QAAQ,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE;YACvC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;SAC5C;QAED,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAC7D,mBAAmB,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,CAAC;IACtF,CAAC,EACD,CAAC,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,QAAQ,CAAC,CAChD,CAAC;IAEF,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE;QACrF,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,gBAAgB;QACnC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,QAAQ;QACrC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,iBAAiB;QAC9C,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,WAAW;~~KACtC~~,CAAC,~~CAAC;IAEH,~~MAAM,~~WAAW~~,~~GAAG~~,~~4DACf~~,~~KAAK~~,~~GACL~~,~~CAAC,~~kBAAkB,CAAC,CAAC,~~CAAC~~,~~SAAS~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~YAAY~~,~~CAAC,GAC/C,~~kBAAkB;QACrB,uDAAuD;QACvD,GAAG,EAAE,YAAY,CAAC,SAAgB,EAAE,iBAAiB,CAAC,EACtD,YAAY,EAAE,SAAS,EACvB,eAAe,EAAE,YAAY,EAC7B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,WAAW,GACZ,CAAC;IACX,MAAM,SAAS,GAAoB;QACjC,OAAO;QACP,QAAQ;QACR,SAAS;QACT,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,SAAS,EAAE,WAAW;QACtB,QAAQ,EAAE,OAAO,KAAK,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;KAC5D,CAAC;IACF,MAAM,aAAa,GAAG,CACpB;QACE,oBAAC,QAAQ,oBAAK,SAAS,EAAI;QAC1B,iBAAiB,IAAI,8BAAM,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAQ;QACxE,oBAAC,SAAS,oBAAK,SAAS,EAAI,CAC3B,CACJ,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO;QACL,+DAA+D;QAC/D,qDAAqD;QACrD;YACE,2CACM,WAAW,IACf,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM;gBACd,8FAA8F;gBAC9F,GAAG,EAAE,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,EACrE,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,mBAC5B,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAClD,QAAQ,EAAE,QAAQ,KAEjB,aAAa,CACZ;YACH,OAAO,IAAI,WAAW,IAAI,oBAAC,UAAU,QAAE,WAAW,CAAc,CAChE,CACJ,CAAC;KACH;IACD,OAAO,CACL;QACE,gDACM,WAAW,IACf,IAAI,EAAE,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EACjD,QAAQ,EAAE,QAAQ,mBACH,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,KAErD,aAAa,CACP;QACR,OAAO,IAAI,WAAW,IAAI,oBAAC,UAAU,QAAE,WAAW,CAAc,CAChE,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useCallback, useRef } from 'react';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport ~~useFocusVisible from '../internal/hooks/focus-visible';\nimport~~ useForwardFocus from '../internal/hooks/forward-focus';\nimport styles from './styles.css.js';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport LiveRegion from '../internal/components/live-region';\n\ntype InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n variant?: ButtonProps['variant'] \| 'flashbar-icon' \| 'breadcrumb-group' \| 'menu-trigger' \| 'modal-dismiss';\n __nativeAttributes?: Record<string, any>;\n __iconClass?: string;\n __activated?: boolean;\n __hideFocusOutline?: boolean;\n} & InternalBaseComponentProps;\n\nexport const InternalButton = React.forwardRef(\n (\n {\n children,\n iconName,\n __iconClass,\n onClick,\n onFollow,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n wrapText = true,\n href,\n target,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaExpanded,\n __hideFocusOutline = false,\n __nativeAttributes,\n __internalRootRef = null,\n __activated = false,\n ...props\n }: InternalButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n checkSafeUrl('Button', href);\n const ~~focusVisible = useFocusVisible();\n const~~ isAnchor = Boolean(href);\n const isNotInteractive = loading \|\| disabled;\n const shouldHaveContent =\n children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;\n\n const buttonRef = useRef<HTMLElement>(null);\n useForwardFocus(ref, buttonRef);\n\n const handleClick = useCallback(\n (event: React.MouseEvent) => {\n if (isNotInteractive) {\n return event.preventDefault();\n }\n\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, null, event);\n }\n\n const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n },\n [isAnchor, isNotInteractive, onClick, onFollow]\n );\n\n const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {\n [styles.disabled]: isNotInteractive,\n [styles['button-no-wrap']]: !wrapText,\n [styles['button-no-text']]: !shouldHaveContent,\n [styles['is-activated']]: __activated,\n });\n\n const buttonProps = {\n ...props,\n ...~~(__hideFocusOutline ? undefined : focusVisible),\n ...~~__nativeAttributes,\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: useMergeRefs(buttonRef as any, __internalRootRef),\n 'aria-label': ariaLabel,\n 'aria-expanded': ariaExpanded,\n className: buttonClass,\n onClick: handleClick,\n } as const;\n const iconProps: ButtonIconProps = {\n loading,\n iconName,\n iconAlign,\n iconUrl,\n iconSvg,\n iconAlt,\n variant,\n iconClass: __iconClass,\n iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal',\n };\n const buttonContent = (\n <>\n <LeftIcon {...iconProps} />\n {shouldHaveContent && <span className={styles.content}>{children}</span>}\n <RightIcon {...iconProps} />\n </>\n );\n\n if (isAnchor) {\n return (\n // https://github.com/yannickcr/eslint-plugin-react/issues/2962\n // eslint-disable-next-line react/jsx-no-target-blank\n <>\n <a\n {...buttonProps}\n href={href}\n target={target}\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel={rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n tabIndex={isNotInteractive ? -1 : undefined}\n aria-disabled={isNotInteractive ? true : undefined}\n download={download}\n >\n {buttonContent}\n </a>\n {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n </>\n );\n }\n return (\n <>\n <button\n {...buttonProps}\n type={formAction === 'none' ? 'button' : 'submit'}\n disabled={disabled}\n aria-disabled={loading && !disabled ? true : undefined}\n >\n {buttonContent}\n </button>\n {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n </>\n );\n }\n);\n\nexport default InternalButton;\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["button/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 clsx from 'clsx';\nimport React, { useCallback, useRef } from 'react';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport styles from './styles.css.js';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport LiveRegion from '../internal/components/live-region';\n\ntype InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n variant?: ButtonProps['variant'] \| 'flashbar-icon' \| 'breadcrumb-group' \| 'menu-trigger' \| 'modal-dismiss';\n __nativeAttributes?: Record<string, any>;\n __iconClass?: string;\n __activated?: boolean;\n __hideFocusOutline?: boolean;\n} & InternalBaseComponentProps;\n\nexport const InternalButton = React.forwardRef(\n (\n {\n children,\n iconName,\n __iconClass,\n onClick,\n onFollow,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n wrapText = true,\n href,\n target,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaExpanded,\n __hideFocusOutline = false,\n __nativeAttributes,\n __internalRootRef = null,\n __activated = false,\n ...props\n }: InternalButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n checkSafeUrl('Button', href);\n const isAnchor = Boolean(href);\n const isNotInteractive = loading \|\| disabled;\n const shouldHaveContent =\n children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;\n\n const buttonRef = useRef<HTMLElement>(null);\n useForwardFocus(ref, buttonRef);\n\n const handleClick = useCallback(\n (event: React.MouseEvent) => {\n if (isNotInteractive) {\n return event.preventDefault();\n }\n\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, null, event);\n }\n\n const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n },\n [isAnchor, isNotInteractive, onClick, onFollow]\n );\n\n const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {\n [styles.disabled]: isNotInteractive,\n [styles['button-no-wrap']]: !wrapText,\n [styles['button-no-text']]: !shouldHaveContent,\n [styles['is-activated']]: __activated,\n [styles['hide-focus-outline']]: __hideFocusOutline,\n });\n\n const buttonProps = {\n ...props,\n ...__nativeAttributes,\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: useMergeRefs(buttonRef as any, __internalRootRef),\n 'aria-label': ariaLabel,\n 'aria-expanded': ariaExpanded,\n className: buttonClass,\n onClick: handleClick,\n } as const;\n const iconProps: ButtonIconProps = {\n loading,\n iconName,\n iconAlign,\n iconUrl,\n iconSvg,\n iconAlt,\n variant,\n iconClass: __iconClass,\n iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal',\n };\n const buttonContent = (\n <>\n <LeftIcon {...iconProps} />\n {shouldHaveContent && <span className={styles.content}>{children}</span>}\n <RightIcon {...iconProps} />\n </>\n );\n\n if (isAnchor) {\n return (\n // https://github.com/yannickcr/eslint-plugin-react/issues/2962\n // eslint-disable-next-line react/jsx-no-target-blank\n <>\n <a\n {...buttonProps}\n href={href}\n target={target}\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel={rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n tabIndex={isNotInteractive ? -1 : undefined}\n aria-disabled={isNotInteractive ? true : undefined}\n download={download}\n >\n {buttonContent}\n </a>\n {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n </>\n );\n }\n return (\n <>\n <button\n {...buttonProps}\n type={formAction === 'none' ? 'button' : 'submit'}\n disabled={disabled}\n aria-disabled={loading && !disabled ? true : undefined}\n >\n {buttonContent}\n </button>\n {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n </>\n );\n }\n);\n\nexport default InternalButton;\n"]}

package/lib/internal/template/button/styles.css.js CHANGED Viewed

@@ -1,23 +1,24 @@
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_vjswe_cyzkt_97",
-  "button": "awsui_button_vjswe_cyzkt_101",
-  "variant-normal": "awsui_variant-normal_vjswe_cyzkt_126",
-  "is-activated": "awsui_is-activated_vjswe_cyzkt_139",
-  "variant-icon": "awsui_variant-icon_vjswe_cyzkt_166",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_cyzkt_166",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_cyzkt_166",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_cyzkt_184",
-  "disabled": "awsui_disabled_vjswe_cyzkt_202",
-  "variant-primary": "awsui_variant-primary_vjswe_cyzkt_210",
-  "variant-link": "awsui_variant-link_vjswe_cyzkt_294",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_cyzkt_714",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_cyzkt_801",
-  "button-no-text": "awsui_button-no-text_vjswe_cyzkt_885",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_cyzkt_889",
-  "icon-left": "awsui_icon-left_vjswe_cyzkt_905",
-  "icon-right": "awsui_icon-right_vjswe_cyzkt_910",
-  "icon": "awsui_icon_vjswe_cyzkt_905"
+  "content": "awsui_content_vjswe_u5f38_97",
+  "button": "awsui_button_vjswe_u5f38_101",
+  "variant-normal": "awsui_variant-normal_vjswe_u5f38_126",
+  "is-activated": "awsui_is-activated_vjswe_u5f38_139",
+  "hide-focus-outline": "awsui_hide-focus-outline_vjswe_u5f38_148",
+  "variant-icon": "awsui_variant-icon_vjswe_u5f38_166",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_u5f38_166",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_u5f38_166",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_u5f38_184",
+  "disabled": "awsui_disabled_vjswe_u5f38_202",
+  "variant-primary": "awsui_variant-primary_vjswe_u5f38_210",
+  "variant-link": "awsui_variant-link_vjswe_u5f38_294",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_u5f38_714",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_u5f38_801",
+  "button-no-text": "awsui_button-no-text_vjswe_u5f38_885",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_u5f38_889",
+  "icon-left": "awsui_icon-left_vjswe_u5f38_905",
+  "icon-right": "awsui_icon-right_vjswe_u5f38_910",
+  "icon": "awsui_icon_vjswe_u5f38_905"
 };