@faststore/components 2.0.132-alpha.0 → 2.0.135-alpha.0

package/dist/atoms/Button/Button.js

@@ -6,9 +6,9 @@ const Button = forwardRef(function Button({ children, variant, inverse, size = '
             loading && (React.createElement("p", { "data-fs-button-loading-label": true },
                 loadingLabel,
                 React.createElement(Loader, { variant: variant === 'primary' && !inverse ? 'light' : 'dark' }))),
-            React.isValidElement(icon) && iconPosition === 'left' && React.createElement("span", { "data-fs-button-icon": true }, icon),
+            !!icon && iconPosition === 'left' && (React.createElement("span", { "data-fs-button-icon": true }, icon)),
             children && React.createElement("span", null, children),
-            React.isValidElement(icon) && iconPosition === 'right' && React.createElement("span", { "data-fs-button-icon": true }, icon))));
+            !!icon && iconPosition === 'right' && (React.createElement("span", { "data-fs-button-icon": true }, icon)))));
 });
 export default Button;
 //# sourceMappingURL=Button.js.map

package/dist/atoms/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/atoms/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AA6C/B,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CACvE,EACE,QAAQ,EACR,OAAO,EACP,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,WAAW,EACpB,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,oDAEgB,OAAO,yBACV,IAAI,4BACD,OAAO,4BACP,OAAO,EAC/B,QAAQ,EAAE,QAAQ,iBACL,MAAM,KACf,UAAU;QAEd;YACG,OAAO,IAAI,CACV;gBACG,YAAY;gBACb,oBAAC,MAAM,IACL,OAAO,EAAE,OAAO,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAC7D,CACA,CACL;YACA,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,YAAY,KAAK,MAAM,IAAI,6DAA2B,IAAI,CAAQ;YAChG,QAAQ,IAAI,kCAAO,QAAQ,CAAQ;YACnC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,YAAY,KAAK,OAAO,IAAI,6DAA2B,IAAI,CAAQ,CAC9F,CACC,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/atoms/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AA6C/B,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CACvE,EACE,QAAQ,EACR,OAAO,EACP,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,WAAW,EACpB,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,oDAEgB,OAAO,yBACV,IAAI,4BACD,OAAO,4BACP,OAAO,EAC/B,QAAQ,EAAE,QAAQ,iBACL,MAAM,KACf,UAAU;QAEd;YACG,OAAO,IAAI,CACV;gBACG,YAAY;gBACb,oBAAC,MAAM,IACL,OAAO,EAAE,OAAO,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAC7D,CACA,CACL;YACA,CAAC,CAAC,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CACpC,6DAA2B,IAAI,CAAQ,CACxC;YACA,QAAQ,IAAI,kCAAO,QAAQ,CAAQ;YACnC,CAAC,CAAC,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACrC,6DAA2B,IAAI,CAAQ,CACxC,CACG,CACC,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}

package/dist/molecules/Alert/Alert.js

@@ -1,5 +1,5 @@
 import React, { forwardRef, useCallback } from 'react';
-import { IconButton, Icon, Link } from '../../';
+import { Icon, IconButton, Link } from '../../';
 const Alert = forwardRef(function Alert({ testId = 'fs-alert', children, icon, dismissible, link, onClose, ...otherProps }, ref) {
     const handleClose = useCallback((event) => {
         if (event.defaultPrevented) {
@@ -8,7 +8,7 @@ const Alert = forwardRef(function Alert({ testId = 'fs-alert', children, icon, d
         onClose?.(event);
     }, [onClose]);
     return (React.createElement("div", { ref: ref, role: "alert", "data-fs-alert": true, "data-testid": testId, "data-fs-alert-dismissible": dismissible, ...otherProps },
-        React.isValidElement(icon) && icon,
+        !!icon && icon,
         React.createElement("p", { "data-fs-alert-content": true }, children),
         link && React.createElement(Link, { "data-fs-alert-link": true, variant: "inline", ...link }),
         dismissible && (React.createElement(IconButton, { "data-fs-alert-button": true, size: "small", "aria-label": "Close", icon: React.createElement(Icon, { name: "X" }), onClick: handleClose }))));

package/dist/molecules/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/molecules/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AA6B1D,MAAM,KAAK,GAAG,UAAU,CAA6B,SAAS,KAAK,CACjE,EACE,MAAM,GAAG,UAAU,EACnB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,OAAO,EACP,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA8B,EAAE,EAAE;QACjC,IAAI,KAAK,CAAC,gBAAgB,EAAE;YAC1B,OAAM;SACP;QAED,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,wCAEC,MAAM,+BACQ,WAAW,KAClC,UAAU;QAEb,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI;QAEnC,4DAA0B,QAAQ,CAAK;QAEtC,IAAI,IAAI,oBAAC,IAAI,gCAAoB,OAAO,EAAC,QAAQ,KAAK,IAAI,GAAI;QAE9D,WAAW,IAAI,CACd,oBAAC,UAAU,kCAAsB,IAAI,EAAC,OAAO,gBAAY,OAAO,EAAC,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,EAAE,OAAO,EAAE,WAAW,GAAI,CACnH,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/molecules/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AA6B1D,MAAM,KAAK,GAAG,UAAU,CAA6B,SAAS,KAAK,CACjE,EACE,MAAM,GAAG,UAAU,EACnB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,OAAO,EACP,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA8B,EAAE,EAAE;QACjC,IAAI,KAAK,CAAC,gBAAgB,EAAE;YAC1B,OAAM;SACP;QAED,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,wCAEC,MAAM,+BACQ,WAAW,KAClC,UAAU;QAEb,CAAC,CAAC,IAAI,IAAI,IAAI;QAEf,4DAA0B,QAAQ,CAAK;QAEtC,IAAI,IAAI,oBAAC,IAAI,gCAAoB,OAAO,EAAC,QAAQ,KAAK,IAAI,GAAI;QAE9D,WAAW,IAAI,CACd,oBAAC,UAAU,kCAET,IAAI,EAAC,OAAO,gBACD,OAAO,EAClB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,EACvB,OAAO,EAAE,WAAW,GACpB,CACH,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/molecules/Dropdown/DropdownItem.js

@@ -21,7 +21,7 @@ const DropdownItem = forwardRef(function Button({ children, icon, onClick, testI
     };
     useImperativeHandle(ref, () => dropdownItemRef.current, []);
     return (React.createElement("button", { "data-fs-dropdown-item": true, "data-testid": testId, ref: addToRefs, onFocus: onFocusItem, onMouseEnter: onFocusItem, onClick: handleOnClickItem, role: "menuitem", tabIndex: -1, "data-index": dropdownItemIndex, ...otherProps },
-        React.isValidElement(icon) && icon,
+        !!icon && icon,
         children));
 });
 export default DropdownItem;

package/dist/molecules/Dropdown/DropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAcjD,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,MAAM,CACb,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,kBAAkB,EAAE,GAAG,UAAU,EAAE,EACvE,GAAG;IAEH,MAAM,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,KAAK,EAAE,GAC7D,WAAW,EAAE,CAAA;IAEf,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,eAAe,GAAG,MAAM,EAAqB,CAAA;IAEnD,MAAM,SAAS,GAAG,CAAC,EAAqB,EAAE,EAAE;QAC1C,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;YACjD,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YAClC,oBAAoB,CAClB,gBAAgB,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,KAAK,EAAE,CAAC,IAAI,CAAC,CACtE,CAAA;SACF;QAED,eAAe,CAAC,OAAO,GAAG,EAAE,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,4BAA6B,CAAC,OAAO,GAAG,iBAAiB,CAAA;QACzD,gBAAgB,EAAE,OAAO,CAAC,4BAA6B,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAA;IAC3E,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CACxB,KAAsD,EACtD,EAAE;QACF,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,KAAK,EAAE,EAAE,CAAA;IACX,CAAC,CAAA;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,OAAQ,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO,CACL,8EAEe,MAAM,EACnB,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,WAAW,EACzB,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,gBACA,iBAAiB,KACzB,UAAU;QAEb,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI;QAClC,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAcjD,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,MAAM,CACb,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,kBAAkB,EAAE,GAAG,UAAU,EAAE,EACvE,GAAG;IAEH,MAAM,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,KAAK,EAAE,GAC7D,WAAW,EAAE,CAAA;IAEf,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,eAAe,GAAG,MAAM,EAAqB,CAAA;IAEnD,MAAM,SAAS,GAAG,CAAC,EAAqB,EAAE,EAAE;QAC1C,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;YACjD,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YAClC,oBAAoB,CAClB,gBAAgB,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,KAAK,EAAE,CAAC,IAAI,CAAC,CACtE,CAAA;SACF;QAED,eAAe,CAAC,OAAO,GAAG,EAAE,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,4BAA6B,CAAC,OAAO,GAAG,iBAAiB,CAAA;QACzD,gBAAgB,EAAE,OAAO,CAAC,4BAA6B,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAA;IAC3E,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CACxB,KAAsD,EACtD,EAAE;QACF,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,KAAK,EAAE,EAAE,CAAA;IACX,CAAC,CAAA;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,OAAQ,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO,CACL,8EAEe,MAAM,EACnB,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,WAAW,EACzB,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,gBACA,iBAAiB,KACzB,UAAU;QAEb,CAAC,CAAC,IAAI,IAAI,IAAI;QACd,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/molecules/Gift/Gift.js

@@ -1,9 +1,7 @@
 import React, { forwardRef } from 'react';
 const Gift = forwardRef(function Gift({ icon, testId = 'fs-gift', children, ...otherProps }, ref) {
-    const iconProps = { "data-fs-gift-icon": true };
-    const giftIcon = React.isValidElement(icon) ? React.cloneElement(icon, iconProps) : icon;
     return (React.createElement("div", { ref: ref, "data-fs-gift": true, "data-testid": testId, ...otherProps },
-        React.isValidElement(giftIcon) && giftIcon,
+        !!icon && React.createElement("span", { "data-fs-gift-icon": true }, icon),
         React.createElement("div", { "data-fs-gift-wrapper": true }, children)));
 });
 export default Gift;

package/dist/molecules/Gift/Gift.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gift.js","sourceRoot":"","sources":["../../../src/molecules/Gift/Gift.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAezC,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CAC9D,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,MAAM,SAAS,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,CAAA;IAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IACxF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,uCAA4B,MAAM,KAAM,UAAU;QAC5D,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,QAAQ;QAC3C,6DAA2B,QAAQ,CAAO,CACtC,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Gift.js","sourceRoot":"","sources":["../../../src/molecules/Gift/Gift.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAczC,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CAC9D,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,uCAA4B,MAAM,KAAM,UAAU;QAC5D,CAAC,CAAC,IAAI,IAAI,2DAAyB,IAAI,CAAQ;QAChD,6DAA2B,QAAQ,CAAO,CACtC,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA"}

package/dist/molecules/LinkButton/LinkButton.js

@@ -9,9 +9,9 @@ function LinkButton({ icon, inverse, children, disabled, iconPosition, size = 'r
     }
     return (React.createElement("a", { ref: linkRef, "data-fs-button": true, "data-fs-link-button": true, "data-fs-button-size": size, "data-fs-button-variant": variant, "data-fs-button-inverse": inverse, "data-fs-button-disabled": disabled, onFocus: onFocus, "data-testid": testId, ...otherProps },
         React.createElement("div", { "data-fs-button-wrapper": true },
-            React.isValidElement(icon) && iconPosition === 'left' && React.createElement("span", { "data-fs-button-icon": true }, icon),
+            !!icon && iconPosition === 'left' && (React.createElement("span", { "data-fs-button-icon": true }, icon)),
             children && React.createElement("span", null, children),
-            React.isValidElement(icon) && iconPosition === 'right' && React.createElement("span", { "data-fs-button-icon": true }, icon))));
+            !!icon && iconPosition === 'right' && (React.createElement("span", { "data-fs-button-icon": true }, icon)))));
 }
 export default LinkButton;
 //# sourceMappingURL=LinkButton.js.map

package/dist/molecules/LinkButton/LinkButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../src/molecules/LinkButton/LinkButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAOrC,SAAS,UAAU,CAAC,EAClB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,SAAS,EACnB,MAAM,GAAG,gBAAgB,EACzB,GAAG,UAAU,EACG;IAChB,MAAM,OAAO,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAA;IAEtD,SAAS,OAAO,CAAC,CAAa;QAC5B,CAAC,CAAC,cAAc,EAAE,CAAA;QAElB,IAAI,QAAQ,EAAE;YACZ,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,CAAA;SACxB;IACH,CAAC;IAED,OAAO,CACL,2BACE,GAAG,EAAE,OAAO,8EAGS,IAAI,4BACD,OAAO,4BACP,OAAO,6BACN,QAAQ,EACjC,OAAO,EAAE,OAAO,iBACH,MAAM,KACf,UAAU;QAEd;YACG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,YAAY,KAAK,MAAM,IAAI,6DAA2B,IAAI,CAAQ;YAChG,QAAQ,IAAI,kCAAO,QAAQ,CAAQ;YACnC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,YAAY,KAAK,OAAO,IAAI,6DAA2B,IAAI,CAAQ,CAC9F,CACJ,CACL,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../src/molecules/LinkButton/LinkButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAOrC,SAAS,UAAU,CAAC,EAClB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,SAAS,EACnB,MAAM,GAAG,gBAAgB,EACzB,GAAG,UAAU,EACG;IAChB,MAAM,OAAO,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAA;IAEtD,SAAS,OAAO,CAAC,CAAa;QAC5B,CAAC,CAAC,cAAc,EAAE,CAAA;QAElB,IAAI,QAAQ,EAAE;YACZ,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,CAAA;SACxB;IACH,CAAC;IAED,OAAO,CACL,2BACE,GAAG,EAAE,OAAO,8EAGS,IAAI,4BACD,OAAO,4BACP,OAAO,6BACN,QAAQ,EACjC,OAAO,EAAE,OAAO,iBACH,MAAM,KACf,UAAU;QAEd;YACG,CAAC,CAAC,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CACpC,6DAA2B,IAAI,CAAQ,CACxC;YACA,QAAQ,IAAI,kCAAO,QAAQ,CAAQ;YACnC,CAAC,CAAC,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACrC,6DAA2B,IAAI,CAAQ,CACxC,CACG,CACJ,CACL,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}

package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js

@@ -11,13 +11,11 @@ function formatSearchTerm(indexSubstring, searchTerm, suggestion) {
     }
     return searchTerm.toLowerCase();
 }
-const SearchAutoCompleteTerm = ({ testId = 'fs-search-auto-complete-term', suggestion, term, linkProps, icon, }) => {
-    const iconProps = { "data-fs-search-auto-complete-item-icon": true };
-    const autoCompleteIcon = React.isValidElement(icon) ? (React.cloneElement(icon, iconProps)) : (React.createElement(Icon, { name: "MagnifyingGlass", "data-fs-search-auto-complete-item-icon": true }));
+const SearchAutoCompleteTerm = ({ testId = 'fs-search-auto-complete-term', suggestion, term, linkProps, icon = React.createElement(Icon, { name: "MagnifyingGlass", width: 18, height: 18 }), }) => {
     const suggestionSubstring = suggestion.toLowerCase().split(term.toLowerCase());
     return (React.createElement("li", { "data-fs-search-auto-complete-item": true, "data-testid": testId },
         React.createElement(Link, { ...linkProps, "data-fs-search-auto-complete-item-link": true, variant: "display" },
-            autoCompleteIcon,
+            React.createElement("span", { "data-fs-search-auto-complete-item-icon": true }, icon),
             React.createElement("p", null, suggestionSubstring.map((substring, indexSubstring) => (React.createElement(Fragment, { key: [substring, indexSubstring].join() },
                 substring.length > 0 && (React.createElement("strong", { "data-fs-search-auto-complete-item-suggestion": true }, indexSubstring === 0
                     ? substring.charAt(0).toUpperCase() + substring.slice(1)

package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchAutoCompleteTerm.js","sourceRoot":"","sources":["../../../src/molecules/SearchAutoComplete/SearchAutoCompleteTerm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,IAAI,EAA8B,MAAM,OAAO,CAAA;AAE9D,SAAS,gBAAgB,CACvB,cAAsB,EACtB,UAAkB,EAClB,UAAkB;IAElB,IAAI,cAAc,KAAK,CAAC,EAAE;QACxB,OAAO,UAAU;aACd,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CACjB,GAAG,KAAK,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;YACvD,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE;YACpB,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CACvB;aACA,IAAI,CAAC,EAAE,CAAC,CAAA;KACZ;IAED,OAAO,UAAU,CAAC,WAAW,EAAE,CAAA;AACjC,CAAC;AA0BD,MAAM,sBAAsB,GAAG,CAAC,EAC9B,MAAM,GAAG,8BAA8B,EACvC,UAAU,EACV,IAAI,EACJ,SAAS,EACT,IAAI,GACwB,EAAE,EAAE;IAEhC,MAAM,SAAS,GAAG,EAAC,wCAAwC,EAAC,IAAI,EAAC,CAAA;IACjE,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACpD,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CACpC,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,mDAA0C,CACvE,CAAA;IAED,MAAM,mBAAmB,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;IAE9E,OAAO,CACL,sFAAmD,MAAM;QACvD,oBAAC,IAAI,OACC,SAAS,kDAEb,OAAO,EAAC,SAAS;YAEhB,gBAAgB;YACjB,+BACG,mBAAmB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,cAAc,EAAE,EAAE,CAAC,CACtD,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,IAAI,EAAE;gBAC9C,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,wFACG,cAAc,KAAK,CAAC;oBACnB,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;oBACxD,CAAC,CAAC,SAAS,CACN,CACV;gBACA,cAAc,KAAK,mBAAmB,CAAC,MAAM,GAAG,CAAC;oBAChD,gBAAgB,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,CAAC,CAC3C,CACZ,CAAC,CACA,CACC,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"SearchAutoCompleteTerm.js","sourceRoot":"","sources":["../../../src/molecules/SearchAutoComplete/SearchAutoCompleteTerm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,IAAI,EAA8B,MAAM,OAAO,CAAA;AAE9D,SAAS,gBAAgB,CACvB,cAAsB,EACtB,UAAkB,EAClB,UAAkB;IAElB,IAAI,cAAc,KAAK,CAAC,EAAE;QACxB,OAAO,UAAU;aACd,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CACjB,GAAG,KAAK,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;YACvD,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE;YACpB,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CACvB;aACA,IAAI,CAAC,EAAE,CAAC,CAAA;KACZ;IAED,OAAO,UAAU,CAAC,WAAW,EAAE,CAAA;AACjC,CAAC;AA0BD,MAAM,sBAAsB,GAAG,CAAC,EAC9B,MAAM,GAAG,8BAA8B,EACvC,UAAU,EACV,IAAI,EACJ,SAAS,EACT,IAAI,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACjC,EAAE,EAAE;IAChC,MAAM,mBAAmB,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;IAE9E,OAAO,CACL,sFAAmD,MAAM;QACvD,oBAAC,IAAI,OACC,SAAS,kDAEb,OAAO,EAAC,SAAS;YAEjB,gFAA8C,IAAI,CAAQ;YAC1D,+BACG,mBAAmB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,cAAc,EAAE,EAAE,CAAC,CACtD,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,IAAI,EAAE;gBAC9C,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,wFACG,cAAc,KAAK,CAAC;oBACnB,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;oBACxD,CAAC,CAAC,SAAS,CACN,CACV;gBACA,cAAc,KAAK,mBAAmB,CAAC,MAAM,GAAG,CAAC;oBAChD,gBAAgB,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,CAAC,CAC3C,CACZ,CAAC,CACA,CACC,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/molecules/SearchHistory/SearchHistoryTerm.js

@@ -1,11 +1,9 @@
 import React from 'react';
 import { Icon, Link } from '../..';
-const SearchHistoryTerm = ({ testId = 'fs-search-history-term', value, linkProps, icon, }) => {
-    const iconProps = { "data-fs-search-history-item-icon": true };
-    const historyIcon = React.isValidElement(icon) ? (React.cloneElement(icon, iconProps)) : (React.createElement(Icon, { name: "ClockClockwise", "data-fs-search-history-item-icon": true }));
+const SearchHistoryTerm = ({ testId = 'fs-search-history-term', value, linkProps, icon = React.createElement(Icon, { name: "ClockClockwise", width: 18, height: 18 }), }) => {
     return (React.createElement("li", { "data-fs-search-history-item": true, "data-testid": testId },
         React.createElement(Link, { ...linkProps, "data-fs-search-history-item-link": true, variant: "display" },
-            historyIcon,
+            React.createElement("span", { "data-fs-search-history-item-icon": true }, icon),
             React.createElement("span", null, value))));
 };
 export default SearchHistoryTerm;

package/dist/molecules/SearchHistory/SearchHistoryTerm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchHistoryTerm.js","sourceRoot":"","sources":["../../../src/molecules/SearchHistory/SearchHistoryTerm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAA8B,MAAM,OAAO,CAAA;AAqB9D,MAAM,iBAAiB,GAAG,CAAC,EACzB,MAAM,GAAG,wBAAwB,EACjC,KAAK,EACL,SAAS,EACT,IAAI,GACmB,EAAE,EAAE;IAC3B,MAAM,SAAS,GAAG,EAAC,kCAAkC,EAAE,IAAI,EAAC,CAAA;IAE5D,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC/C,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CACpC,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,6CAAoC,CAChE,CAAA;IACD,OAAO,CACL,gFAA6C,MAAM;QACjD,oBAAC,IAAI,OAAK,SAAS,4CAAmC,OAAO,EAAC,SAAS;YACpE,WAAW;YACZ,kCAAO,KAAK,CAAQ,CACf,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"SearchHistoryTerm.js","sourceRoot":"","sources":["../../../src/molecules/SearchHistory/SearchHistoryTerm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAA8B,MAAM,OAAO,CAAA;AAqB9D,MAAM,iBAAiB,GAAG,CAAC,EACzB,MAAM,GAAG,wBAAwB,EACjC,KAAK,EACL,SAAS,EACT,IAAI,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACrC,EAAE,EAAE;IAC3B,OAAO,CACL,gFAA6C,MAAM;QACjD,oBAAC,IAAI,OAAK,SAAS,4CAAmC,OAAO,EAAC,SAAS;YACrE,0EAAwC,IAAI,CAAQ;YACpD,kCAAO,KAAK,CAAQ,CACf,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/molecules/Tag/Tag.js

@@ -3,7 +3,7 @@ import { Badge, Icon } from '../..';
 const Tag = forwardRef(function Tag({ testId = 'fs-tag', label, icon, iconButtonLabel, onClose, ...otherProps }, ref) {
     return (React.createElement(Badge, { ref: ref, "data-fs-tag": true, size: "big", "data-testid": testId, ...otherProps },
         React.createElement("span", { "data-fs-tag-label": true }, label),
-        React.createElement("button", { "data-fs-tag-icon-button": true, "aria-label": iconButtonLabel ? iconButtonLabel : 'remove', onClick: onClose }, React.isValidElement(icon) ? icon : React.createElement(Icon, { name: "X" }))));
+        React.createElement("button", { "data-fs-tag-icon-button": true, "aria-label": iconButtonLabel ? iconButtonLabel : 'remove', onClick: onClose }, !!icon ? icon : React.createElement(Icon, { name: "X" }))));
 });
 export default Tag;
 //# sourceMappingURL=Tag.js.map

package/dist/molecules/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/molecules/Tag/Tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAc,IAAI,EAAE,MAAM,OAAO,CAAA;AAyB/C,MAAM,GAAG,GAAG,UAAU,CAA2B,SAAS,GAAG,CAC3D,EAAE,MAAM,GAAG,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,EAC3E,GAAG;IAEH,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,uBAER,IAAI,EAAC,KAAK,iBACG,MAAM,KACf,UAAU;QAEd,2DAAyB,KAAK,CAAQ;QACtC,+EAEc,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,EACxD,OAAO,EAAE,OAAO,IAEf,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,CAC/C,CACH,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,GAAG,CAAA"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/molecules/Tag/Tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAc,IAAI,EAAE,MAAM,OAAO,CAAA;AAyB/C,MAAM,GAAG,GAAG,UAAU,CAA2B,SAAS,GAAG,CAC3D,EAAE,MAAM,GAAG,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,EAC3E,GAAG;IAEH,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,uBAER,IAAI,EAAC,KAAK,iBACG,MAAM,KACf,UAAU;QAEd,2DAAyB,KAAK,CAAQ;QACtC,+EAEc,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,EACxD,OAAO,EAAE,OAAO,IAEf,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,CAC3B,CACH,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,GAAG,CAAA"}

package/dist/molecules/Toast/Toast.js

@@ -20,7 +20,7 @@ function Toast() {
         return null;
     }
     return (React.createElement("div", { role: "status", "data-fs-toast": true, "data-fs-toast-visible": visible, onTransitionEnd: () => !visible && popToast() },
-        toast.icon && (React.createElement("div", { "data-fs-toast-icon-container": true }, React.isValidElement(toast.icon) && toast.icon)),
+        toast.icon && (React.createElement("div", { "data-fs-toast-icon-container": true }, !!toast.icon && toast.icon)),
         React.createElement("div", { "data-fs-toast-content": true },
             toast.title && React.createElement("p", { "data-fs-toast-title": true }, toast.title),
             React.createElement("p", { "data-fs-toast-message": true }, toast.message))));

package/dist/molecules/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/molecules/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,SAAS,KAAK;IACZ,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,CAAA;IACpC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IACvC,MAAM,UAAU,GAAG,MAAM,EAAkB,CAAA;IAE3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,SAAS,CAAA;SACjB;QAED,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;QAEtD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAA;QAE7D,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,6BACE,IAAI,EAAC,QAAQ,kDAEU,OAAO,EAC9B,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,IAAI,QAAQ,EAAE;QAE5C,KAAK,CAAC,IAAI,IAAI,CACb,qEACG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAC3C,CACP;QACD;YACG,KAAK,CAAC,KAAK,IAAI,0DAAwB,KAAK,CAAC,KAAK,CAAK;YACxD,4DAA0B,KAAK,CAAC,OAAO,CAAK,CACxC,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/molecules/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,SAAS,KAAK;IACZ,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,CAAA;IACpC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IACvC,MAAM,UAAU,GAAG,MAAM,EAAkB,CAAA;IAE3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,SAAS,CAAA;SACjB;QAED,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;QAEtD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAA;QAE7D,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,6BACE,IAAI,EAAC,QAAQ,kDAEU,OAAO,EAC9B,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,IAAI,QAAQ,EAAE;QAE5C,KAAK,CAAC,IAAI,IAAI,CACb,qEAAmC,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAO,CACrE;QACD;YACG,KAAK,CAAC,KAAK,IAAI,0DAAwB,KAAK,CAAC,KAAK,CAAK;YACxD,4DAA0B,KAAK,CAAC,OAAO,CAAK,CACxC,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAA"}

package/dist/organisms/Hero/HeroHeader.js

@@ -3,15 +3,13 @@ import { Icon, LinkButton } from '../..';
 import { useHero } from './Hero';
 const HeroHeader = forwardRef(function HeroHeader({ icon, link, title, linkText, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
     const { variant, colorVariant } = useHero();
-    const iconProps = { "data-fs-hero-icon": true };
-    const heroIcon = React.isValidElement(icon) ? (React.cloneElement(icon, iconProps)) : (icon);
     return (React.createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
         React.createElement("div", { "data-fs-hero-wrapper": true, className: "layout__content" },
             React.createElement("div", { "data-fs-hero-info": true },
                 React.createElement("h1", { "data-fs-hero-title": true }, title),
                 React.createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
                 !!link && (React.createElement(LinkButton, { href: link, inverse: colorVariant === 'main', icon: React.createElement(Icon, { name: "ArrowRight" }), iconPosition: "right" }, linkText))),
-            heroIcon && variant === 'secondary' && (heroIcon))));
+            !!icon && variant === 'secondary' && (React.createElement("span", { "data-fs-hero-icon": true }, icon)))));
 });
 export default HeroHeader;
 //# sourceMappingURL=HeroHeader.js.map

package/dist/organisms/Hero/HeroHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeroHeader.js","sourceRoot":"","sources":["../../../src/organisms/Hero/HeroHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AA6BhC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAA;IAC3C,MAAM,SAAS,GAAG,EAAC,mBAAmB,EAAE,IAAI,EAAC,CAAA;IAE/C,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC5C,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CACpC,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAA;IAEC,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd,2DAA0B,SAAS,EAAC,iBAAiB;YACnD;gBACE,0DAAwB,KAAK,CAAM;gBACnC,4DAA0B,QAAQ,CAAK;gBACtC,CAAC,CAAC,IAAI,IAAI,CACT,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,KAAK,MAAM,EAChC,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EAChC,YAAY,EAAC,OAAO,IAEnB,QAAQ,CACE,CACd,CACG;YACL,QAAQ,IAAI,OAAO,KAAK,WAAW,IAAI,CACtC,QAAQ,CACT,CACG,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"HeroHeader.js","sourceRoot":"","sources":["../../../src/organisms/Hero/HeroHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AA6BhC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAA;IAC3C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd,2DAA0B,SAAS,EAAC,iBAAiB;YACnD;gBACE,0DAAwB,KAAK,CAAM;gBACnC,4DAA0B,QAAQ,CAAK;gBACtC,CAAC,CAAC,IAAI,IAAI,CACT,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,KAAK,MAAM,EAChC,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EAChC,YAAY,EAAC,OAAO,IAEnB,QAAQ,CACE,CACd,CACG;YACL,CAAC,CAAC,IAAI,IAAI,OAAO,KAAK,WAAW,IAAI,CACpC,2DAAyB,IAAI,CAAQ,CACtC,CACG,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/organisms/PaymentMethods/PaymentMethods.d.ts

@@ -1,8 +1,10 @@
 import type { ReactNode, AriaAttributes } from 'react';
 import React from 'react';
 type Flag = {
-    image: ReactNode;
-    text?: string;
+    icon: {
+        icon: string;
+    };
+    alt: string;
 };
 export interface PaymentMethodsProps {
     /**

package/dist/organisms/PaymentMethods/PaymentMethods.js

@@ -1,11 +1,11 @@
 import React, { forwardRef } from 'react';
-import { List, SROnly } from '../../index';
+import { List, SROnly, Icon } from '../../index';
 const PaymentMethods = forwardRef(function PaymentMethods({ testId = 'fs-payment-methods', title, 'aria-label': ariaLabel = 'Payment Methods', flagList, ...otherProps }, ref) {
     return (React.createElement("div", { ref: ref, "data-fs-payment-methods": true, "data-testid": testId, ...otherProps },
         !!title && React.createElement("div", { "data-fs-payment-methods-title": true }, title),
-        React.createElement(List, { "data-fs-payment-methods-flags": true, "aria-label": title ? undefined : ariaLabel }, flagList.map((item, index) => (React.createElement("li", { "data-fs-payment-methods-flag": true, key: `fs-payment-method-${index}-${item.text}` },
-            item.image,
-            item.text && React.createElement(SROnly, { text: item.text })))))));
+        React.createElement(List, { "data-fs-payment-methods-flags": true, "aria-label": title ? undefined : ariaLabel }, flagList.map(({ alt: text, icon: { icon } }, index) => (React.createElement("li", { "data-fs-payment-methods-flag": true, key: `fs-payment-method-${index}-${text}` },
+            React.createElement(Icon, { width: 32, height: 22.5, name: icon }),
+            text && React.createElement(SROnly, { text: text })))))));
 });
 export default PaymentMethods;
 //# sourceMappingURL=PaymentMethods.js.map

package/dist/organisms/PaymentMethods/PaymentMethods.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethods.js","sourceRoot":"","sources":["../../../src/organisms/PaymentMethods/PaymentMethods.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AA6B1C,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EACE,MAAM,GAAG,oBAAoB,EAC7B,KAAK,EACL,YAAY,EAAE,SAAS,GAAG,iBAAiB,EAC3C,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,kDAEK,MAAM,KACf,UAAU;QAEb,CAAC,CAAC,KAAK,IAAI,sEAAoC,KAAK,CAAO;QAC5D,oBAAC,IAAI,yDAES,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAExC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,kEAEE,GAAG,EAAE,qBAAqB,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE;YAE7C,IAAI,CAAC,KAAK;YACV,IAAI,CAAC,IAAI,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACtC,CACN,CAAC,CACG,CACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"PaymentMethods.js","sourceRoot":"","sources":["../../../src/organisms/PaymentMethods/PaymentMethods.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AA+BhD,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EACE,MAAM,GAAG,oBAAoB,EAC7B,KAAK,EACL,YAAY,EAAE,SAAS,GAAG,iBAAiB,EAC3C,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,kDAEK,MAAM,KACf,UAAU;QAEb,CAAC,CAAC,KAAK,IAAI,sEAAoC,KAAK,CAAO;QAC5D,oBAAC,IAAI,yDAES,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAExC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACtD,kEAEE,GAAG,EAAE,qBAAqB,KAAK,IAAI,IAAI,EAAE;YAEzC,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;YAC5C,IAAI,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,CAC5B,CACN,CAAC,CACG,CACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "2.0.132-alpha.0",
+  "version": "2.0.135-alpha.0",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "author": "Emerson Laurentino @emersonlaurentino",
@@ -30,5 +30,5 @@
     "node": "16.18.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "e6d7561f0783b20ba4966d9e7c971146300ff129"
+  "gitHead": "f45e0627b2064f80fe77dd07d321f35a4d4e5add"
 }

package/src/atoms/Button/Button.tsx

@@ -82,9 +82,13 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(
             />
           </p>
         )}
-        {React.isValidElement(icon) && iconPosition === 'left' && <span data-fs-button-icon>{icon}</span>}
+        {!!icon && iconPosition === 'left' && (
+          <span data-fs-button-icon>{icon}</span>
+        )}
         {children && <span>{children}</span>}
-        {React.isValidElement(icon) && iconPosition === 'right' && <span data-fs-button-icon>{icon}</span>}
+        {!!icon && iconPosition === 'right' && (
+          <span data-fs-button-icon>{icon}</span>
+        )}
       </div>
     </button>
   )

package/src/molecules/Alert/Alert.tsx

@@ -1,7 +1,7 @@
 import type { HTMLAttributes } from 'react'
 import React, { forwardRef, useCallback } from 'react'
 
-import { IconButton, Icon, Link, LinkProps } from '../../'
+import { Icon, IconButton, Link, LinkProps } from '../../'
 
 import type { MouseEvent, ReactNode } from 'react'
 
@@ -61,14 +61,20 @@ const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(
       data-fs-alert-dismissible={dismissible}
       {...otherProps}
     >
-      {React.isValidElement(icon) && icon}
+      {!!icon && icon}
 
       <p data-fs-alert-content>{children}</p>
 
       {link && <Link data-fs-alert-link variant="inline" {...link} />}
 
       {dismissible && (
-        <IconButton data-fs-alert-button size="small" aria-label="Close" icon={<Icon name="X" />} onClick={handleClose} />
+        <IconButton
+          data-fs-alert-button
+          size="small"
+          aria-label="Close"
+          icon={<Icon name="X" />}
+          onClick={handleClose}
+        />
       )}
     </div>
   )

package/src/molecules/Dropdown/DropdownItem.tsx

@@ -64,7 +64,7 @@ const DropdownItem = forwardRef<HTMLButtonElement, DropdownItemProps>(
         data-index={dropdownItemIndex}
         {...otherProps}
       >
-        {React.isValidElement(icon) && icon}
+        {!!icon && icon}
         {children}
       </button>
     )

package/src/molecules/Gift/Gift.tsx

@@ -1,7 +1,6 @@
 import type { HTMLAttributes, ReactNode } from 'react'
 import React, { forwardRef } from 'react'
 
-
 export interface GiftProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * ID to find this component in testing tools (e.g.: cypress,
@@ -18,11 +17,9 @@ const Gift = forwardRef<HTMLDivElement, GiftProps>(function Gift(
   { icon, testId = 'fs-gift', children, ...otherProps },
   ref
 ) {
-  const iconProps = { "data-fs-gift-icon": true }
-  const giftIcon = React.isValidElement(icon) ? React.cloneElement(icon, iconProps) : icon
   return (
     <div ref={ref} data-fs-gift data-testid={testId} {...otherProps}>
-      {React.isValidElement(giftIcon) && giftIcon}
+      {!!icon && <span data-fs-gift-icon>{icon}</span>}
       <div data-fs-gift-wrapper>{children}</div>
     </div>
   )

package/src/molecules/LinkButton/LinkButton.tsx

@@ -41,9 +41,13 @@ function LinkButton({
       {...otherProps}
     >
       <div data-fs-button-wrapper>
-        {React.isValidElement(icon) && iconPosition === 'left' && <span data-fs-button-icon>{icon}</span>}
+        {!!icon && iconPosition === 'left' && (
+          <span data-fs-button-icon>{icon}</span>
+        )}
         {children && <span>{children}</span>}
-        {React.isValidElement(icon) && iconPosition === 'right' && <span data-fs-button-icon>{icon}</span>}
+        {!!icon && iconPosition === 'right' && (
+          <span data-fs-button-icon>{icon}</span>
+        )}
       </div>
     </a>
   )

package/src/molecules/SearchAutoComplete/SearchAutoCompleteTerm.tsx

@@ -50,16 +50,8 @@ const SearchAutoCompleteTerm = ({
   suggestion,
   term,
   linkProps,
-  icon,
+  icon = <Icon name="MagnifyingGlass" width={18} height={18} />,
 }: SearchAutoCompleteTermProps) => {
-
-  const iconProps = {"data-fs-search-auto-complete-item-icon":true}
-  const autoCompleteIcon = React.isValidElement(icon) ? (
-    React.cloneElement(icon, iconProps)
-  ) : (
-    <Icon name="MagnifyingGlass" data-fs-search-auto-complete-item-icon />
-  )
-
   const suggestionSubstring = suggestion.toLowerCase().split(term.toLowerCase())
 
   return (
@@ -69,7 +61,7 @@ const SearchAutoCompleteTerm = ({
         data-fs-search-auto-complete-item-link
         variant="display"
       >
-        {autoCompleteIcon}
+        <span data-fs-search-auto-complete-item-icon>{icon}</span>
         <p>
           {suggestionSubstring.map((substring, indexSubstring) => (
             <Fragment key={[substring, indexSubstring].join()}>

package/src/molecules/SearchHistory/SearchHistoryTerm.tsx

@@ -25,19 +25,12 @@ const SearchHistoryTerm = ({
   testId = 'fs-search-history-term',
   value,
   linkProps,
-  icon,
+  icon = <Icon name="ClockClockwise" width={18} height={18} />,
 }: SearchHistoryTermProps) => {
-  const iconProps = {"data-fs-search-history-item-icon": true}
-  
-  const historyIcon = React.isValidElement(icon) ? (
-    React.cloneElement(icon, iconProps)
-  ) : (
-    <Icon name="ClockClockwise" data-fs-search-history-item-icon />
-  )
   return (
     <li data-fs-search-history-item data-testid={testId}>
       <Link {...linkProps} data-fs-search-history-item-link variant="display">
-        {historyIcon}
+        <span data-fs-search-history-item-icon>{icon}</span>
         <span>{value}</span>
       </Link>
     </li>

package/src/molecules/Tag/Tag.tsx

@@ -43,7 +43,7 @@ const Tag = forwardRef<HTMLDivElement, TagProps>(function Tag(
         aria-label={iconButtonLabel ? iconButtonLabel : 'remove'}
         onClick={onClose}
       >
-        {React.isValidElement(icon) ? icon : <Icon name="X" />}
+        {!!icon ? icon : <Icon name="X" />}
       </button>
     </Badge>
   )

package/src/molecules/Toast/Toast.tsx

@@ -37,9 +37,7 @@ function Toast() {
       onTransitionEnd={() => !visible && popToast()}
     >
       {toast.icon && (
-        <div data-fs-toast-icon-container>
-          {React.isValidElement(toast.icon) && toast.icon}
-        </div>
+        <div data-fs-toast-icon-container>{!!toast.icon && toast.icon}</div>
       )}
       <div data-fs-toast-content>
         {toast.title && <p data-fs-toast-title>{toast.title}</p>}

package/src/organisms/Hero/HeroHeader.tsx

@@ -46,14 +46,6 @@ const HeroHeader = forwardRef<HTMLDivElement, HeroHeaderProps>(
     ref
   ) {
     const { variant, colorVariant } = useHero()
-    const iconProps = {"data-fs-hero-icon": true}
-  
-  const heroIcon = React.isValidElement(icon) ? (
-    React.cloneElement(icon, iconProps)
-  ) : (
-    icon
-  )
-
     return (
       <header
         ref={ref}
@@ -76,8 +68,8 @@ const HeroHeader = forwardRef<HTMLDivElement, HeroHeaderProps>(
               </LinkButton>
             )}
           </div>
-          {heroIcon && variant === 'secondary' && (
-            heroIcon
+          {!!icon && variant === 'secondary' && (
+            <span data-fs-hero-icon>{icon}</span>
           )}
         </div>
       </header>

package/src/organisms/PaymentMethods/PaymentMethods.tsx

@@ -1,11 +1,13 @@
 import type { ReactNode, AriaAttributes } from 'react'
 import React, { forwardRef } from 'react'
 
-import { List, SROnly } from '../../index'
+import { List, SROnly, Icon } from '../../index'
 
 type Flag = {
-  image: ReactNode
-  text?: string
+  icon: {
+    icon: string
+  }
+  alt: string
 }
 export interface PaymentMethodsProps {
   /**
@@ -53,13 +55,13 @@ const PaymentMethods = forwardRef<HTMLDivElement, PaymentMethodsProps>(
           data-fs-payment-methods-flags
           aria-label={title ? undefined : ariaLabel}
         >
-          {flagList.map((item, index) => (
+          {flagList.map(({ alt: text, icon: { icon } }, index) => (
             <li
               data-fs-payment-methods-flag
-              key={`fs-payment-method-${index}-${item.text}`}
+              key={`fs-payment-method-${index}-${text}`}
             >
-              {item.image}
-              {item.text && <SROnly text={item.text} />}
+              <Icon width={32} height={22.5} name={icon} />
+              {text && <SROnly text={text} />}
             </li>
           ))}
         </List>