@coorpacademy/components 11.40.4 → 11.40.6-alpha.5

package/es/atom/button-link/index.d.ts

@@ -12,7 +12,7 @@ declare const ButtonLink: {
         tooltipPlacement: import("prop-types").Requireable<string>;
         'data-name': import("prop-types").Requireable<string>;
         'data-testid': import("prop-types").Requireable<string>;
-        icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+        icon: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
             position: import("prop-types").Requireable<string>;
             type: import("prop-types").Requireable<string>;
             faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -20,11 +20,19 @@ declare const ButtonLink: {
                 color: import("prop-types").Requireable<string>;
                 backgroundColor: import("prop-types").Requireable<string>;
                 size: import("prop-types").Requireable<number>;
-                customStyle: import("prop-types").Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
+                customStyle: import("prop-types").Requireable<object>;
             }>>;
-        }>>;
+        }> | (import("prop-types").InferProps<{
+            position: import("prop-types").Requireable<string>;
+            type: import("prop-types").Requireable<string>;
+            faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                name: import("prop-types").Validator<string>;
+                color: import("prop-types").Requireable<string>;
+                backgroundColor: import("prop-types").Requireable<string>;
+                size: import("prop-types").Requireable<number>;
+                customStyle: import("prop-types").Requireable<object>;
+            }>>;
+        }> | null | undefined)[] | null | undefined>>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         link: import("prop-types").Requireable<import("prop-types").InferProps<{
             href: import("prop-types").Requireable<string>;
@@ -35,9 +43,8 @@ declare const ButtonLink: {
         hoverColor: import("prop-types").Requireable<string>;
         disabled: import("prop-types").Requireable<boolean>;
         className: import("prop-types").Requireable<string>;
-        customStyle: import("prop-types").Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-        }>;
+        customStyle: import("prop-types").Requireable<object>;
+        contentCustomStyle: import("prop-types").Requireable<object>;
         useTitle: import("prop-types").Requireable<boolean>;
         customLabelClassName: import("prop-types").Requireable<string>;
     };

package/es/atom/button-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAQA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AA8D7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqJzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAQA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AAuG7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwJzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/es/atom/button-link/index.js

@@ -1,4 +1,5 @@
 import _noop from "lodash/fp/noop";
+import _isEmpty from "lodash/fp/isEmpty";
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useCallback, useState, useMemo } from 'react';
 import classnames from 'classnames';
@@ -9,49 +10,85 @@ import ToolTip from '../tooltip';
 import Tag from '../tag';
 import propTypes from './types';
 import style from './style.css';
-const getButtonContent = (icon, content, hovered, hoverBackgroundColor, hoverColor, customLabelClassName, tag) => {
-  const {
-    type,
-    faIcon,
-    position
-  } = icon || {
-    type: '',
-    position: ''
-  };
-  const Icon = type && ICONS[type];
-  if (!Icon && !faIcon) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: (style.buttonContent, customLabelClassName)
-    }, typeof content === 'string' ? /*#__PURE__*/React.createElement("span", {
-      className: (style.label, customLabelClassName)
-      // eslint-disable-next-line react/no-danger
-      ,
-      dangerouslySetInnerHTML: {
-        __html: content
-      }
-    }) : /*#__PURE__*/React.createElement("span", {
-      className: (style.label, customLabelClassName)
-    }, content));
+const renderNoIcons = (content, customClass) => /*#__PURE__*/React.createElement("div", {
+  className: classnames(style.buttonContent, customClass)
+}, typeof content === 'string' ? /*#__PURE__*/React.createElement("span", {
+  className: classnames(style.label, customClass)
+  // eslint-disable-next-line react/no-danger
+  ,
+  dangerouslySetInnerHTML: {
+    __html: content
   }
-  const iconComponent = faIcon ? /*#__PURE__*/React.createElement(FaIcon, {
-    iconName: faIcon.name,
-    iconColor: hovered && hoverColor ? hoverColor : faIcon.color ?? DEFAULT_ICON_COLOR,
+}) : /*#__PURE__*/React.createElement("span", {
+  className: classnames(style.label, customClass)
+}, content));
+const buildFaIcon = (faIcon, hoverOptions) => {
+  if (_isEmpty(faIcon)) return null;
+  const {
+    name,
+    size,
+    backgroundColor,
+    customStyle,
+    color
+  } = faIcon;
+  const {
+    hovered,
+    hoverBackgroundColor,
+    hoverColor
+  } = hoverOptions;
+  return /*#__PURE__*/React.createElement(FaIcon, {
+    iconName: name,
+    iconColor: hovered && hoverColor ? hoverColor : color ?? DEFAULT_ICON_COLOR,
     // eslint-disable-next-line no-nested-ternary
-    backgroundColor: !faIcon?.backgroundColor ? null : hovered && hoverBackgroundColor ? hoverBackgroundColor : faIcon.backgroundColor,
+    backgroundColor: !backgroundColor ? null : hovered && hoverBackgroundColor ? hoverBackgroundColor : backgroundColor,
     size: {
-      faSize: faIcon.size,
-      wrapperSize: faIcon.size
+      faSize: size,
+      wrapperSize: size
     },
-    customStyle: faIcon.customStyle
-  }) : /*#__PURE__*/React.createElement(Icon, {
+    customStyle
+  });
+};
+const renderIcon = (icon, options) => {
+  if (_isEmpty(icon)) return null;
+  const {
+    type,
+    faIcon
+  } = icon;
+  const Icon = type && ICONS[type];
+  if (faIcon) return buildFaIcon(faIcon, options);
+  if (Icon) return /*#__PURE__*/React.createElement(Icon, {
     className: style.icon,
     theme: "coorpmanager"
   });
+  return null;
+};
+const getButtonContent = (icon, content, hovered, hoverBackgroundColor, hoverColor, customLabelClassName, tag, contentCustomStyle) => {
+  // eslint-disable-next-line no-nested-ternary
+  const iconArr = !_isEmpty(icon) ? Array.isArray(icon) ? icon : [icon] : [];
+  const leftIcon = iconArr.find(({
+    position
+  }) => position === 'left');
+  const rightIcon = iconArr.find(({
+    position
+  }) => position === 'right');
+
+  // no fa icons
+  // nor ICONS
+  if (!leftIcon?.faIcon && !(leftIcon?.type && ICONS[leftIcon.type]) && !rightIcon?.faIcon && !(rightIcon?.type && ICONS[rightIcon.type])) return renderNoIcons(content, customLabelClassName);
   return /*#__PURE__*/React.createElement("div", {
-    className: style.buttonContent
-  }, position === 'left' ? iconComponent : null, content ? /*#__PURE__*/React.createElement("span", {
-    className: style.label
-  }, content) : null, tag ? /*#__PURE__*/React.createElement(Tag, tag) : null, position === 'right' ? iconComponent : null);
+    className: style.buttonContent,
+    style: contentCustomStyle
+  }, renderIcon(leftIcon, {
+    hovered,
+    hoverBackgroundColor,
+    hoverColor
+  }), content ? /*#__PURE__*/React.createElement("span", {
+    className: classnames(style.label, customLabelClassName)
+  }, content) : null, tag ? /*#__PURE__*/React.createElement(Tag, tag) : null, renderIcon(rightIcon, {
+    hovered,
+    hoverBackgroundColor,
+    hoverColor
+  }));
 };
 const ButtonLink = props => {
   const {
@@ -73,6 +110,7 @@ const ButtonLink = props => {
     onKeyDown = _noop,
     className,
     customStyle,
+    contentCustomStyle,
     useTitle = true,
     customLabelClassName,
     tag
@@ -123,7 +161,7 @@ const ButtonLink = props => {
       hoverBackgroundColor: hoverBackgroundColor,
       onMouseEnter: handleMouseOver,
       onMouseLeave: handleMouseLeave
-    }), getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor, customLabelClassName, tag), renderToolTip());
+    }), getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor, customLabelClassName, tag, contentCustomStyle), renderToolTip());
   }
   return /*#__PURE__*/React.createElement("button", _extends({}, useTitle && {
     title: ariaLabel || label
@@ -144,7 +182,7 @@ const ButtonLink = props => {
     onMouseLeave: handleMouseLeave,
     tabIndex: 0,
     disabled: disabled
-  }), getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor, customLabelClassName, tag), renderToolTip());
+  }), getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor, customLabelClassName, tag, contentCustomStyle), renderToolTip());
 };
 ButtonLink.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ButtonLink;

package/es/atom/button-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","useMemo","classnames","Link","FaIcon","DEFAULT_ICON_COLOR","ICONS","ToolTip","Tag","propTypes","style","getButtonContent","icon","content","hovered","hoverBackgroundColor","hoverColor","customLabelClassName","tag","type","faIcon","position","Icon","createElement","className","buttonContent","label","dangerouslySetInnerHTML","__html","iconComponent","iconName","name","iconColor","color","backgroundColor","size","faSize","wrapperSize","customStyle","theme","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","tooltipText","tooltipPlacement","link","onClick","_noop","onKeyDown","useTitle","styleButton","button","iconButton","primary","secondary","tertiary","text","dangerous","setHovered","handleOnClick","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","TooltipContent","tooltipContentWrapper","renderToolTip","closeToolTipInformationTextAriaLabel","fontSize","anchorId","toolTipIsVisible","placement","_customStyle","_extends","title","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","process","env","NODE_ENV"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon, {DEFAULT_ICON_COLOR, IconProps} from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport ToolTip from '../tooltip';\nimport Tag from '../tag';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (\n  icon?: IconType,\n  content?: string | React.ReactNode,\n  hovered?: boolean,\n  hoverBackgroundColor?: string,\n  hoverColor?: string,\n  customLabelClassName?: string,\n  tag?: React.ComponentProps<typeof Tag>\n) => {\n  const {type, faIcon, position} = icon || {type: '', position: ''};\n  const Icon = type && ICONS[type];\n\n  if (!Icon && !faIcon) {\n    return (\n      <div className={(style.buttonContent, customLabelClassName)}>\n        {typeof content === 'string' ? (\n          <span\n            className={(style.label, customLabelClassName)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        ) : (\n          <span className={(style.label, customLabelClassName)}>{content}</span>\n        )}\n      </div>\n    );\n  }\n\n  const iconComponent = faIcon ? (\n    <FaIcon\n      {...({\n        iconName: faIcon.name,\n        iconColor: hovered && hoverColor ? hoverColor : faIcon.color ?? DEFAULT_ICON_COLOR,\n        // eslint-disable-next-line no-nested-ternary\n        backgroundColor: !faIcon?.backgroundColor\n          ? null\n          : hovered && hoverBackgroundColor\n          ? hoverBackgroundColor\n          : faIcon.backgroundColor,\n        size: {\n          faSize: faIcon.size,\n          wrapperSize: faIcon.size\n        },\n        customStyle: faIcon.customStyle\n      } as IconProps)}\n    />\n  ) : (\n    <Icon className={style.icon} theme=\"coorpmanager\" />\n  );\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? iconComponent : null}\n      {content ? <span className={style.label}>{content}</span> : null}\n      {tag ? <Tag {...tag} /> : null}\n      {position === 'right' ? iconComponent : null}\n    </div>\n  );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n  const {\n    type,\n    usage = 'button',\n    label,\n    content,\n    hoverBackgroundColor,\n    hoverColor,\n    disabled = false,\n    icon,\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    tooltipText,\n    tooltipPlacement = 'left',\n    link,\n    onClick = noop,\n    onKeyDown = noop,\n    className,\n    customStyle,\n    useTitle = true,\n    customLabelClassName,\n    tag\n  } = props;\n  const styleButton = classnames(\n    link && style.link,\n    className,\n    style.button,\n    !label && style.iconButton,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    disabled && style.disabled\n  );\n\n  const [hovered, setHovered] = useState(false);\n\n  const handleOnClick = useCallback(event => onClick(event), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n  const handleMouseOver = useCallback(() => {\n    setHovered(true);\n  }, [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const TooltipContent = useCallback(\n    () => <span className={style.tooltipContentWrapper}>{tooltipText || ariaLabel}</span>,\n    [tooltipText, ariaLabel]\n  );\n\n  const renderToolTip = () => {\n    const closeToolTipInformationTextAriaLabel = tooltipText || ariaLabel;\n    if (!closeToolTipInformationTextAriaLabel) return null;\n    return (\n      <ToolTip\n        fontSize={12}\n        anchorId=\"button-icon\"\n        toolTipIsVisible={hovered}\n        placement={tooltipPlacement}\n        TooltipContent={TooltipContent}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      />\n    );\n  };\n  const _customStyle = useMemo(() => {\n    return {\n      ...customStyle,\n      ...((hoverBackgroundColor || hoverColor) && hovered\n        ? {\n            backgroundColor: hoverBackgroundColor,\n            color: hoverColor\n          }\n        : null)\n    };\n  }, [hoverBackgroundColor, hoverColor, hovered, customStyle]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        {...(useTitle && {\n          title: ariaLabel || label\n        })}\n        className={styleButton}\n        style={customStyle}\n        data-name={dataName}\n        data-testid={dataTestId}\n        onClick={handleOnClick}\n        aria-label={ariaLabel || label}\n        hoverColor={hoverColor}\n        hoverBackgroundColor={hoverBackgroundColor}\n        onMouseEnter={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n      >\n        {getButtonContent(\n          icon,\n          content ?? label,\n          hovered,\n          hoverBackgroundColor,\n          hoverColor,\n          customLabelClassName,\n          tag\n        )}\n        {renderToolTip()}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      {...(useTitle && {\n        title: ariaLabel || label\n      })}\n      {...(ariaLabel && !label\n        ? {\n            'data-for': 'button-icon',\n            'data-tip': hovered\n          }\n        : {})}\n      // eslint-disable-next-line react/button-has-type\n      type={usage}\n      aria-label={ariaLabel || label}\n      data-name={dataName}\n      data-testid={dataTestId}\n      style={_customStyle}\n      className={styleButton}\n      onClick={handleOnClick}\n      onKeyDown={handleOnKeyDown}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      tabIndex={0}\n      disabled={disabled}\n    >\n      {getButtonContent(\n        icon,\n        content ?? label,\n        hovered,\n        hoverBackgroundColor,\n        hoverColor,\n        customLabelClassName,\n        tag\n      )}\n      {renderToolTip()}\n    </button>\n  );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","useMemo","classnames","Link","FaIcon","DEFAULT_ICON_COLOR","ICONS","ToolTip","Tag","propTypes","style","renderNoIcons","content","customClass","createElement","className","buttonContent","label","dangerouslySetInnerHTML","__html","buildFaIcon","faIcon","hoverOptions","_isEmpty","name","size","backgroundColor","customStyle","color","hovered","hoverBackgroundColor","hoverColor","iconName","iconColor","faSize","wrapperSize","renderIcon","icon","options","type","Icon","theme","getButtonContent","customLabelClassName","tag","contentCustomStyle","iconArr","Array","isArray","leftIcon","find","position","rightIcon","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","tooltipText","tooltipPlacement","link","onClick","_noop","onKeyDown","useTitle","styleButton","button","iconButton","primary","secondary","tertiary","text","dangerous","setHovered","handleOnClick","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","TooltipContent","tooltipContentWrapper","renderToolTip","closeToolTipInformationTextAriaLabel","fontSize","anchorId","toolTipIsVisible","placement","_customStyle","_extends","title","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","process","env","NODE_ENV"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {isEmpty, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon, {DEFAULT_ICON_COLOR, IconProps} from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport ToolTip from '../tooltip';\nimport Tag from '../tag';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst renderNoIcons = (\n  content: string | React.ReactNode | undefined,\n  customClass: string | undefined\n) => (\n  <div className={classnames(style.buttonContent, customClass)}>\n    {typeof content === 'string' ? (\n      <span\n        className={classnames(style.label, customClass)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: content}}\n      />\n    ) : (\n      <span className={classnames(style.label, customClass)}>{content}</span>\n    )}\n  </div>\n);\n\nconst buildFaIcon = (\n  faIcon: IconType['faIcon'],\n  hoverOptions: {hovered?: boolean; hoverBackgroundColor?: string; hoverColor?: string}\n) => {\n  if (isEmpty(faIcon)) return null;\n\n  const {name, size, backgroundColor, customStyle, color} = faIcon;\n  const {hovered, hoverBackgroundColor, hoverColor} = hoverOptions;\n\n  return (\n    <FaIcon\n      {...({\n        iconName: name,\n        iconColor: hovered && hoverColor ? hoverColor : color ?? DEFAULT_ICON_COLOR,\n        // eslint-disable-next-line no-nested-ternary\n        backgroundColor: !backgroundColor\n          ? null\n          : hovered && hoverBackgroundColor\n          ? hoverBackgroundColor\n          : backgroundColor,\n        size: {\n          faSize: size,\n          wrapperSize: size\n        },\n        customStyle\n      } as IconProps)}\n    />\n  );\n};\n\nconst renderIcon = (\n  icon: IconType | undefined,\n  options: {hovered?: boolean; hoverBackgroundColor?: string; hoverColor?: string}\n) => {\n  if (isEmpty(icon)) return null;\n\n  const {type, faIcon} = icon;\n  const Icon = type && ICONS[type];\n\n  if (faIcon) return buildFaIcon(faIcon, options);\n  if (Icon) return <Icon className={style.icon} theme=\"coorpmanager\" />;\n\n  return null;\n};\n\nconst getButtonContent = (\n  icon?: IconType | IconType[],\n  content?: string | React.ReactNode,\n  hovered?: boolean,\n  hoverBackgroundColor?: string,\n  hoverColor?: string,\n  customLabelClassName?: string,\n  tag?: React.ComponentProps<typeof Tag>,\n  contentCustomStyle?: React.CSSProperties\n) => {\n  // eslint-disable-next-line no-nested-ternary\n  const iconArr = !isEmpty(icon) ? (Array.isArray(icon) ? icon : [icon]) : [];\n\n  const leftIcon = iconArr.find(({position}) => position === 'left');\n  const rightIcon = iconArr.find(({position}) => position === 'right');\n\n  // no fa icons\n  // nor ICONS\n  if (\n    !leftIcon?.faIcon &&\n    !(leftIcon?.type && ICONS[leftIcon.type]) &&\n    !rightIcon?.faIcon &&\n    !(rightIcon?.type && ICONS[rightIcon.type])\n  )\n    return renderNoIcons(content, customLabelClassName);\n\n  return (\n    <div className={style.buttonContent} style={contentCustomStyle}>\n      {renderIcon(leftIcon, {hovered, hoverBackgroundColor, hoverColor})}\n      {content ? (\n        <span className={classnames(style.label, customLabelClassName)}>{content}</span>\n      ) : null}\n      {tag ? <Tag {...tag} /> : null}\n      {renderIcon(rightIcon, {hovered, hoverBackgroundColor, hoverColor})}\n    </div>\n  );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n  const {\n    type,\n    usage = 'button',\n    label,\n    content,\n    hoverBackgroundColor,\n    hoverColor,\n    disabled = false,\n    icon,\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    tooltipText,\n    tooltipPlacement = 'left',\n    link,\n    onClick = noop,\n    onKeyDown = noop,\n    className,\n    customStyle,\n    contentCustomStyle,\n    useTitle = true,\n    customLabelClassName,\n    tag\n  } = props;\n  const styleButton = classnames(\n    link && style.link,\n    className,\n    style.button,\n    !label && style.iconButton,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    disabled && style.disabled\n  );\n\n  const [hovered, setHovered] = useState(false);\n\n  const handleOnClick = useCallback(event => onClick(event), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n  const handleMouseOver = useCallback(() => {\n    setHovered(true);\n  }, [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const TooltipContent = useCallback(\n    () => <span className={style.tooltipContentWrapper}>{tooltipText || ariaLabel}</span>,\n    [tooltipText, ariaLabel]\n  );\n\n  const renderToolTip = () => {\n    const closeToolTipInformationTextAriaLabel = tooltipText || ariaLabel;\n    if (!closeToolTipInformationTextAriaLabel) return null;\n    return (\n      <ToolTip\n        fontSize={12}\n        anchorId=\"button-icon\"\n        toolTipIsVisible={hovered}\n        placement={tooltipPlacement}\n        TooltipContent={TooltipContent}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      />\n    );\n  };\n  const _customStyle = useMemo(() => {\n    return {\n      ...customStyle,\n      ...((hoverBackgroundColor || hoverColor) && hovered\n        ? {\n            backgroundColor: hoverBackgroundColor,\n            color: hoverColor\n          }\n        : null)\n    };\n  }, [hoverBackgroundColor, hoverColor, hovered, customStyle]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        {...(useTitle && {\n          title: ariaLabel || label\n        })}\n        className={styleButton}\n        style={customStyle}\n        data-name={dataName}\n        data-testid={dataTestId}\n        onClick={handleOnClick}\n        aria-label={ariaLabel || label}\n        hoverColor={hoverColor}\n        hoverBackgroundColor={hoverBackgroundColor}\n        onMouseEnter={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n      >\n        {getButtonContent(\n          icon,\n          content ?? label,\n          hovered,\n          hoverBackgroundColor,\n          hoverColor,\n          customLabelClassName,\n          tag,\n          contentCustomStyle\n        )}\n        {renderToolTip()}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      {...(useTitle && {\n        title: ariaLabel || label\n      })}\n      {...(ariaLabel && !label\n        ? {\n            'data-for': 'button-icon',\n            'data-tip': hovered\n          }\n        : {})}\n      // eslint-disable-next-line react/button-has-type\n      type={usage}\n      aria-label={ariaLabel || label}\n      data-name={dataName}\n      data-testid={dataTestId}\n      style={_customStyle}\n      className={styleButton}\n      onClick={handleOnClick}\n      onKeyDown={handleOnKeyDown}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      tabIndex={0}\n      disabled={disabled}\n    >\n      {getButtonContent(\n        icon,\n        content ?? label,\n        hovered,\n        hoverBackgroundColor,\n        hoverColor,\n        customLabelClassName,\n        tag,\n        contentCustomStyle\n      )}\n      {renderToolTip()}\n    </button>\n  );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/button-link/types.d.ts

@@ -10,9 +10,7 @@ export declare const iconPropTypes: {
         color: PropTypes.Requireable<string>;
         backgroundColor: PropTypes.Requireable<string>;
         size: PropTypes.Requireable<number>;
-        customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-        }>;
+        customStyle: PropTypes.Requireable<object>;
     }>>;
 };
 declare const propTypes: {
@@ -25,7 +23,7 @@ declare const propTypes: {
     tooltipPlacement: PropTypes.Requireable<string>;
     'data-name': PropTypes.Requireable<string>;
     'data-testid': PropTypes.Requireable<string>;
-    icon: PropTypes.Requireable<PropTypes.InferProps<{
+    icon: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
         position: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
         faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -33,11 +31,19 @@ declare const propTypes: {
             color: PropTypes.Requireable<string>;
             backgroundColor: PropTypes.Requireable<string>;
             size: PropTypes.Requireable<number>;
-            customStyle: PropTypes.Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-            }>;
+            customStyle: PropTypes.Requireable<object>;
         }>>;
-    }>>;
+    }> | (PropTypes.InferProps<{
+        position: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+        faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+            name: PropTypes.Validator<string>;
+            color: PropTypes.Requireable<string>;
+            backgroundColor: PropTypes.Requireable<string>;
+            size: PropTypes.Requireable<number>;
+            customStyle: PropTypes.Requireable<object>;
+        }>>;
+    }> | null | undefined)[] | null | undefined>>;
     onClick: PropTypes.Requireable<(...args: any[]) => any>;
     link: PropTypes.Requireable<PropTypes.InferProps<{
         href: PropTypes.Requireable<string>;
@@ -48,9 +54,8 @@ declare const propTypes: {
     hoverColor: PropTypes.Requireable<string>;
     disabled: PropTypes.Requireable<boolean>;
     className: PropTypes.Requireable<string>;
-    customStyle: PropTypes.Requireable<{
-        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-    }>;
+    customStyle: PropTypes.Requireable<object>;
+    contentCustomStyle: PropTypes.Requireable<object>;
     useTitle: PropTypes.Requireable<boolean>;
     customLabelClassName: PropTypes.Requireable<string>;
 };
@@ -59,7 +64,7 @@ export declare type FaIconType = {
     color?: string;
     backgroundColor?: string;
     size?: number;
-    customStyle?: Record<string, number | string>;
+    customStyle?: React.CSSProperties;
 };
 export declare type IconType = {
     position: 'right' | 'left';
@@ -76,7 +81,7 @@ export declare type ButtonLinkProps = {
     tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom';
     'data-name'?: string;
     'data-testid'?: string;
-    icon?: IconType;
+    icon?: IconType | IconType[];
     onClick?: () => void;
     onKeyDown?: () => void;
     link?: {
@@ -88,7 +93,8 @@ export declare type ButtonLinkProps = {
     hoverColor?: string;
     disabled?: boolean;
     className?: string;
-    customStyle?: Record<string, string | number>;
+    customStyle?: React.CSSProperties;
+    contentCustomStyle?: React.CSSProperties;
     useTitle?: boolean;
     customLabelClassName?: string;
     tag?: React.ComponentProps<typeof Tag>;

package/es/atom/button-link/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAC;AAC9C,OAAO,GAAG,MAAM,QAAQ,CAAC;AAUzB,eAAO,MAAM,aAAa;;;;;;;;;;;;CAIzB,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBd,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CAC/C,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;KAClD,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;CACxC,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC;AAE/C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAC;AAC9C,OAAO,GAAG,MAAM,QAAQ,CAAC;AAUzB,eAAO,MAAM,aAAa;;;;;;;;;;CAIzB,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Bd,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;KAClD,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;CACxC,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC;AAE/C,eAAe,SAAS,CAAC"}

package/es/atom/button-link/types.js

@@ -6,7 +6,7 @@ const faIconPropTypes = {
   color: PropTypes.string,
   backgroundColor: PropTypes.string,
   size: PropTypes.number,
-  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))
+  customStyle: PropTypes.object
 };
 export const iconPropTypes = {
   position: PropTypes.oneOf(['right', 'left']),
@@ -23,7 +23,7 @@ const propTypes = {
   tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom']),
   'data-name': PropTypes.string,
   'data-testid': PropTypes.string,
-  icon: PropTypes.shape(iconPropTypes),
+  icon: PropTypes.oneOfType([PropTypes.shape(iconPropTypes), PropTypes.arrayOf(PropTypes.shape(iconPropTypes))]),
   onClick: PropTypes.func,
   link: PropTypes.shape({
     href: PropTypes.string,
@@ -34,7 +34,8 @@ const propTypes = {
   hoverColor: PropTypes.string,
   disabled: PropTypes.bool,
   className: PropTypes.string,
-  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
+  customStyle: PropTypes.object,
+  contentCustomStyle: PropTypes.object,
   useTitle: PropTypes.bool,
   customLabelClassName: PropTypes.string
 };

package/es/atom/button-link/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","ICONS","faIconPropTypes","name","string","isRequired","color","backgroundColor","size","number","customStyle","objectOf","oneOfType","iconPropTypes","position","oneOf","type","_keys","faIcon","shape","propTypes","usage","label","content","node","tooltipText","tooltipPlacement","icon","onClick","func","link","href","download","bool","target","hoverBackgroundColor","hoverColor","disabled","className","useTitle","customLabelClassName"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\nimport Tag from '../tag';\n\nconst faIconPropTypes = {\n  name: PropTypes.string.isRequired,\n  color: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  size: PropTypes.number,\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport const iconPropTypes = {\n  position: PropTypes.oneOf(['right', 'left']),\n  type: PropTypes.oneOf(keys(ICONS)),\n  faIcon: PropTypes.shape(faIconPropTypes)\n};\n\nconst propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  usage: PropTypes.oneOf(['button', 'submit', 'reset']),\n  label: PropTypes.string,\n  content: PropTypes.node,\n  'aria-label': PropTypes.string,\n  tooltipText: PropTypes.string,\n  tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom']),\n  'data-name': PropTypes.string,\n  'data-testid': PropTypes.string,\n  icon: PropTypes.shape(iconPropTypes),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  hoverBackgroundColor: PropTypes.string,\n  hoverColor: PropTypes.string,\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  useTitle: PropTypes.bool,\n  customLabelClassName: PropTypes.string\n};\n\nexport type FaIconType = {\n  name: string;\n  color?: string;\n  backgroundColor?: string;\n  size?: number;\n  customStyle?: Record<string, number | string>;\n};\n\nexport type IconType = {\n  position: 'right' | 'left';\n  type?: keyof typeof ICONS;\n  faIcon?: FaIconType;\n};\n\nexport type ButtonLinkProps = {\n  type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';\n  usage?: 'button' | 'submit' | 'reset';\n  label?: string;\n  content?: PropTypes.ReactNodeLike;\n  'aria-label'?: string;\n  tooltipText?: string;\n  tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom';\n  'data-name'?: string;\n  'data-testid'?: string;\n  icon?: IconType;\n  onClick?: () => void;\n  onKeyDown?: () => void;\n  link?: {\n    href?: string;\n    download?: boolean;\n    target?: '_self' | '_blank' | '_parent' | '_top';\n  };\n  hoverBackgroundColor?: string;\n  hoverColor?: string;\n  disabled?: boolean;\n  className?: string;\n  customStyle?: Record<string, string | number>;\n  useTitle?: boolean;\n  customLabelClassName?: string;\n  tag?: React.ComponentProps<typeof Tag>;\n};\n\nexport type Fixture = {props: ButtonLinkProps};\n\nexport default propTypes;\n"],"mappings":";AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,SAAQC,KAAK,QAAO,yBAAyB;AAG7C,MAAMC,eAAe,GAAG;EACtBC,IAAI,EAAEH,SAAS,CAACI,MAAM,CAACC,UAAU;EACjCC,KAAK,EAAEN,SAAS,CAACI,MAAM;EACvBG,eAAe,EAAEP,SAAS,CAACI,MAAM;EACjCI,IAAI,EAAER,SAAS,CAACS,MAAM;EACtBC,WAAW,EAAEV,SAAS,CAACW,QAAQ,CAACX,SAAS,CAACY,SAAS,CAAC,CAACZ,SAAS,CAACI,MAAM,EAAEJ,SAAS,CAACS,MAAM,CAAC,CAAC;AAC3F,CAAC;AAED,OAAO,MAAMI,aAAa,GAAG;EAC3BC,QAAQ,EAAEd,SAAS,CAACe,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAC5CC,IAAI,EAAEhB,SAAS,CAACe,KAAK,CAACE,KAAA,CAAKhB,KAAK,CAAC,CAAC;EAClCiB,MAAM,EAAElB,SAAS,CAACmB,KAAK,CAACjB,eAAe;AACzC,CAAC;AAED,MAAMkB,SAAS,GAAG;EAChBJ,IAAI,EAAEhB,SAAS,CAACe,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAChFM,KAAK,EAAErB,SAAS,CAACe,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACrDO,KAAK,EAAEtB,SAAS,CAACI,MAAM;EACvBmB,OAAO,EAAEvB,SAAS,CAACwB,IAAI;EACvB,YAAY,EAAExB,SAAS,CAACI,MAAM;EAC9BqB,WAAW,EAAEzB,SAAS,CAACI,MAAM;EAC7BsB,gBAAgB,EAAE1B,SAAS,CAACe,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;EACrE,WAAW,EAAEf,SAAS,CAACI,MAAM;EAC7B,aAAa,EAAEJ,SAAS,CAACI,MAAM;EAC/BuB,IAAI,EAAE3B,SAAS,CAACmB,KAAK,CAACN,aAAa,CAAC;EACpCe,OAAO,EAAE5B,SAAS,CAAC6B,IAAI;EACvBC,IAAI,EAAE9B,SAAS,CAACmB,KAAK,CAAC;IACpBY,IAAI,EAAE/B,SAAS,CAACI,MAAM;IACtB4B,QAAQ,EAAEhC,SAAS,CAACiC,IAAI;IACxBC,MAAM,EAAElC,SAAS,CAACe,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;EAChE,CAAC,CAAC;EACFoB,oBAAoB,EAAEnC,SAAS,CAACI,MAAM;EACtCgC,UAAU,EAAEpC,SAAS,CAACI,MAAM;EAC5BiC,QAAQ,EAAErC,SAAS,CAACiC,IAAI;EACxBK,SAAS,EAAEtC,SAAS,CAACI,MAAM;EAC3BM,WAAW,EAAEV,SAAS,CAACW,QAAQ,CAACX,SAAS,CAACY,SAAS,CAAC,CAACZ,SAAS,CAACI,MAAM,EAAEJ,SAAS,CAACS,MAAM,CAAC,CAAC,CAAC;EAC1F8B,QAAQ,EAAEvC,SAAS,CAACiC,IAAI;EACxBO,oBAAoB,EAAExC,SAAS,CAACI;AAClC,CAAC;AA8CD,eAAegB,SAAS","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PropTypes","ICONS","faIconPropTypes","name","string","isRequired","color","backgroundColor","size","number","customStyle","object","iconPropTypes","position","oneOf","type","_keys","faIcon","shape","propTypes","usage","label","content","node","tooltipText","tooltipPlacement","icon","oneOfType","arrayOf","onClick","func","link","href","download","bool","target","hoverBackgroundColor","hoverColor","disabled","className","contentCustomStyle","useTitle","customLabelClassName"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\nimport Tag from '../tag';\n\nconst faIconPropTypes = {\n  name: PropTypes.string.isRequired,\n  color: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  size: PropTypes.number,\n  customStyle: PropTypes.object\n};\n\nexport const iconPropTypes = {\n  position: PropTypes.oneOf(['right', 'left']),\n  type: PropTypes.oneOf(keys(ICONS)),\n  faIcon: PropTypes.shape(faIconPropTypes)\n};\n\nconst propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  usage: PropTypes.oneOf(['button', 'submit', 'reset']),\n  label: PropTypes.string,\n  content: PropTypes.node,\n  'aria-label': PropTypes.string,\n  tooltipText: PropTypes.string,\n  tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom']),\n  'data-name': PropTypes.string,\n  'data-testid': PropTypes.string,\n  icon: PropTypes.oneOfType([\n    PropTypes.shape(iconPropTypes),\n    PropTypes.arrayOf(PropTypes.shape(iconPropTypes))\n  ]),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  hoverBackgroundColor: PropTypes.string,\n  hoverColor: PropTypes.string,\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  customStyle: PropTypes.object,\n  contentCustomStyle: PropTypes.object,\n  useTitle: PropTypes.bool,\n  customLabelClassName: PropTypes.string\n};\n\nexport type FaIconType = {\n  name: string;\n  color?: string;\n  backgroundColor?: string;\n  size?: number;\n  customStyle?: React.CSSProperties;\n};\n\nexport type IconType = {\n  position: 'right' | 'left';\n  type?: keyof typeof ICONS;\n  faIcon?: FaIconType;\n};\n\nexport type ButtonLinkProps = {\n  type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';\n  usage?: 'button' | 'submit' | 'reset';\n  label?: string;\n  content?: PropTypes.ReactNodeLike;\n  'aria-label'?: string;\n  tooltipText?: string;\n  tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom';\n  'data-name'?: string;\n  'data-testid'?: string;\n  icon?: IconType | IconType[];\n  onClick?: () => void;\n  onKeyDown?: () => void;\n  link?: {\n    href?: string;\n    download?: boolean;\n    target?: '_self' | '_blank' | '_parent' | '_top';\n  };\n  hoverBackgroundColor?: string;\n  hoverColor?: string;\n  disabled?: boolean;\n  className?: string;\n  customStyle?: React.CSSProperties;\n  contentCustomStyle?: React.CSSProperties;\n  useTitle?: boolean;\n  customLabelClassName?: string;\n  tag?: React.ComponentProps<typeof Tag>;\n};\n\nexport type Fixture = {props: ButtonLinkProps};\n\nexport default propTypes;\n"],"mappings":";AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,SAAQC,KAAK,QAAO,yBAAyB;AAG7C,MAAMC,eAAe,GAAG;EACtBC,IAAI,EAAEH,SAAS,CAACI,MAAM,CAACC,UAAU;EACjCC,KAAK,EAAEN,SAAS,CAACI,MAAM;EACvBG,eAAe,EAAEP,SAAS,CAACI,MAAM;EACjCI,IAAI,EAAER,SAAS,CAACS,MAAM;EACtBC,WAAW,EAAEV,SAAS,CAACW;AACzB,CAAC;AAED,OAAO,MAAMC,aAAa,GAAG;EAC3BC,QAAQ,EAAEb,SAAS,CAACc,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAC5CC,IAAI,EAAEf,SAAS,CAACc,KAAK,CAACE,KAAA,CAAKf,KAAK,CAAC,CAAC;EAClCgB,MAAM,EAAEjB,SAAS,CAACkB,KAAK,CAAChB,eAAe;AACzC,CAAC;AAED,MAAMiB,SAAS,GAAG;EAChBJ,IAAI,EAAEf,SAAS,CAACc,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAChFM,KAAK,EAAEpB,SAAS,CAACc,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACrDO,KAAK,EAAErB,SAAS,CAACI,MAAM;EACvBkB,OAAO,EAAEtB,SAAS,CAACuB,IAAI;EACvB,YAAY,EAAEvB,SAAS,CAACI,MAAM;EAC9BoB,WAAW,EAAExB,SAAS,CAACI,MAAM;EAC7BqB,gBAAgB,EAAEzB,SAAS,CAACc,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;EACrE,WAAW,EAAEd,SAAS,CAACI,MAAM;EAC7B,aAAa,EAAEJ,SAAS,CAACI,MAAM;EAC/BsB,IAAI,EAAE1B,SAAS,CAAC2B,SAAS,CAAC,CACxB3B,SAAS,CAACkB,KAAK,CAACN,aAAa,CAAC,EAC9BZ,SAAS,CAAC4B,OAAO,CAAC5B,SAAS,CAACkB,KAAK,CAACN,aAAa,CAAC,CAAC,CAClD,CAAC;EACFiB,OAAO,EAAE7B,SAAS,CAAC8B,IAAI;EACvBC,IAAI,EAAE/B,SAAS,CAACkB,KAAK,CAAC;IACpBc,IAAI,EAAEhC,SAAS,CAACI,MAAM;IACtB6B,QAAQ,EAAEjC,SAAS,CAACkC,IAAI;IACxBC,MAAM,EAAEnC,SAAS,CAACc,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;EAChE,CAAC,CAAC;EACFsB,oBAAoB,EAAEpC,SAAS,CAACI,MAAM;EACtCiC,UAAU,EAAErC,SAAS,CAACI,MAAM;EAC5BkC,QAAQ,EAAEtC,SAAS,CAACkC,IAAI;EACxBK,SAAS,EAAEvC,SAAS,CAACI,MAAM;EAC3BM,WAAW,EAAEV,SAAS,CAACW,MAAM;EAC7B6B,kBAAkB,EAAExC,SAAS,CAACW,MAAM;EACpC8B,QAAQ,EAAEzC,SAAS,CAACkC,IAAI;EACxBQ,oBAAoB,EAAE1C,SAAS,CAACI;AAClC,CAAC;AA+CD,eAAee,SAAS","ignoreList":[]}

package/es/atom/button-menu/index.d.ts

@@ -19,9 +19,7 @@ declare const ButtonMenu: {
                     color: import("prop-types").Requireable<string>;
                     backgroundColor: import("prop-types").Requireable<string>;
                     size: import("prop-types").Requireable<number>;
-                    customStyle: import("prop-types").Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
+                    customStyle: import("prop-types").Requireable<object>;
                 }>>;
             }>>;
             customStyle: import("prop-types").Requireable<{

package/es/atom/button-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AAmEjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AA+DjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/es/atom/button-menu/index.js

@@ -37,8 +37,6 @@ const Button = props => {
     type = 'default',
     buttonLinkType,
     icon,
-    customStyle = {},
-    customLabelClassName,
     ...rest
   } = props;
   const styleButton = classnames(style.button, type === 'default' && style.defaultStyle, type === 'defaultLeft' && style.defaultLeft, type === 'dangerous' && style.dangerous, type === 'dangerousLeft' && style.dangerousLeft, disabled && style.disabled);
@@ -51,11 +49,7 @@ const Button = props => {
     type: buttonLinkType,
     onClick: handleOnClick,
     'data-name': dataName,
-    className: styleButton,
-    customStyle: {
-      ...customStyle
-    },
-    customLabelClassName
+    className: styleButton
   };
   const iconProps = buildCustomIconByTheme(icon);
   return /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buttonLinkProps, {

package/es/atom/button-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useCallback","map","classnames","ButtonLink","style","propTypes","buttonPropTypes","DEFAULT_ICON_STYLE","THEMES","buildCustomIconByTheme","icon","theme","iconProps","custom","customProps","faIcon","Button","props","dataName","ariaLabel","disabled","label","onClick","_noop","type","buttonLinkType","customStyle","customLabelClassName","rest","styleButton","button","defaultStyle","defaultLeft","dangerous","dangerousLeft","handleOnClick","buttonLinkProps","className","createElement","_extends","process","env","NODE_ENV","ButtonMenu","buttons","enableScroll","buildButton","index","key","buttonList","convert","cap","containerStyle","buttonMenuContainer","scrollable"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\nimport {DEFAULT_ICON_STYLE, THEMES} from './utils';\n\nconst buildCustomIconByTheme = (icon: ButtonProps['icon']) => {\n  if (!icon) return;\n\n  const {theme, ...iconProps} = icon;\n  const custom = theme && THEMES[theme];\n  if (!custom) return iconProps;\n\n  const customProps = custom\n    ? {\n        ...DEFAULT_ICON_STYLE,\n        faIcon: {...DEFAULT_ICON_STYLE.faIcon, ...custom}\n      }\n    : null;\n\n  return {\n    ...iconProps,\n    ...customProps\n  };\n};\n\nconst Button = (props: ButtonProps) => {\n  const {\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    disabled,\n    label,\n    onClick = noop,\n    type = 'default',\n    buttonLinkType,\n    icon,\n    customStyle = {},\n    customLabelClassName,\n    ...rest\n  } = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.defaultStyle,\n    type === 'defaultLeft' && style.defaultLeft,\n    type === 'dangerous' && style.dangerous,\n    type === 'dangerousLeft' && style.dangerousLeft,\n    disabled && style.disabled\n  );\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const buttonLinkProps = {\n    ...rest,\n    'aria-label': ariaLabel || label,\n    disabled,\n    label,\n    type: buttonLinkType,\n    onClick: handleOnClick,\n    'data-name': dataName,\n    className: styleButton,\n    customStyle: {...customStyle},\n    customLabelClassName\n  };\n\n  const iconProps = buildCustomIconByTheme(icon);\n\n  return <ButtonLink {...buttonLinkProps} icon={iconProps} />;\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n  const {buttons, 'data-name': dataName, enableScroll = false} = props;\n  const buildButton = useCallback((button: ButtonProps, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(\n    // @ts-expect-error (to avoid using map as any)\n    () => map.convert({cap: false})(buildButton, buttons),\n    [buttons, buildButton]\n  );\n\n  const containerStyle = classnames(style.buttonMenuContainer, {\n    [style.scrollable]: enableScroll\n  });\n\n  return (\n    <div data-name={dataName} className={containerStyle}>\n      {buttonList}\n    </div>\n  );\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useCallback","map","classnames","ButtonLink","style","propTypes","buttonPropTypes","DEFAULT_ICON_STYLE","THEMES","buildCustomIconByTheme","icon","theme","iconProps","custom","customProps","faIcon","Button","props","dataName","ariaLabel","disabled","label","onClick","_noop","type","buttonLinkType","rest","styleButton","button","defaultStyle","defaultLeft","dangerous","dangerousLeft","handleOnClick","buttonLinkProps","className","createElement","_extends","process","env","NODE_ENV","ButtonMenu","buttons","enableScroll","buildButton","index","key","buttonList","convert","cap","containerStyle","buttonMenuContainer","scrollable"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\nimport {DEFAULT_ICON_STYLE, THEMES} from './utils';\n\nconst buildCustomIconByTheme = (icon: ButtonProps['icon']) => {\n  if (!icon) return;\n\n  const {theme, ...iconProps} = icon;\n  const custom = theme && THEMES[theme];\n  if (!custom) return iconProps;\n\n  const customProps = custom\n    ? {\n        ...DEFAULT_ICON_STYLE,\n        faIcon: {...DEFAULT_ICON_STYLE.faIcon, ...custom}\n      }\n    : null;\n\n  return {\n    ...iconProps,\n    ...customProps\n  };\n};\n\nconst Button = (props: ButtonProps) => {\n  const {\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    disabled,\n    label,\n    onClick = noop,\n    type = 'default',\n    buttonLinkType,\n    icon,\n    ...rest\n  } = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.defaultStyle,\n    type === 'defaultLeft' && style.defaultLeft,\n    type === 'dangerous' && style.dangerous,\n    type === 'dangerousLeft' && style.dangerousLeft,\n    disabled && style.disabled\n  );\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const buttonLinkProps = {\n    ...rest,\n    'aria-label': ariaLabel || label,\n    disabled,\n    label,\n    type: buttonLinkType,\n    onClick: handleOnClick,\n    'data-name': dataName,\n    className: styleButton\n  };\n\n  const iconProps = buildCustomIconByTheme(icon);\n\n  return <ButtonLink {...buttonLinkProps} icon={iconProps} />;\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n  const {buttons, 'data-name': dataName, enableScroll = false} = props;\n  const buildButton = useCallback((button: ButtonProps, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(\n    // @ts-expect-error (to avoid using map as any)\n    () => map.convert({cap: false})(buildButton, buttons),\n    [buttons, buildButton]\n  );\n\n  const containerStyle = classnames(style.buttonMenuContainer, {\n    [style.scrollable]: enableScroll\n  });\n\n  return (\n    <div data-name={dataName} className={containerStyle}>\n      {buttonList}\n    </div>\n  );\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/button-menu/types.d.ts

@@ -16,9 +16,7 @@ export declare const buttonPropTypes: {
             color: PropTypes.Requireable<string>;
             backgroundColor: PropTypes.Requireable<string>;
             size: PropTypes.Requireable<number>;
-            customStyle: PropTypes.Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-            }>;
+            customStyle: PropTypes.Requireable<object>;
         }>>;
     }>>;
     customStyle: PropTypes.Requireable<{
@@ -43,9 +41,7 @@ declare const propTypes: {
                 color: PropTypes.Requireable<string>;
                 backgroundColor: PropTypes.Requireable<string>;
                 size: PropTypes.Requireable<number>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
+                customStyle: PropTypes.Requireable<object>;
             }>>;
         }>>;
         customStyle: PropTypes.Requireable<{

package/es/atom/button-menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAgB,MAAM,sBAAsB,CAAC;AAE9E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;CAa3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;AAEzD,oBAAY,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IACjE,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,eAAe,CAAC;IACjE,cAAc,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,QAAQ,GAAG;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAC,CAAC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAgB,MAAM,sBAAsB,CAAC;AAE9E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;CAa3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;AAEzD,oBAAY,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IACjE,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,eAAe,CAAC;IACjE,cAAc,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,QAAQ,GAAG;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAC,CAAC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC"}

package/es/atom/chip/index.d.ts

@@ -28,11 +28,15 @@ declare namespace Chip {
     namespace propTypes {
         const text: PropTypes.Requireable<string>;
         const subText: PropTypes.Requireable<string>;
+        const textColor: PropTypes.Requireable<string>;
         const selected: PropTypes.Requireable<boolean>;
         const customIcon: PropTypes.Requireable<string>;
         const backgroundColor: PropTypes.Requireable<string>;
         const onClick: PropTypes.Requireable<(...args: any[]) => any>;
         const leftIcon: PropTypes.Requireable<string>;
+        const customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
     }
 }
 import PropTypes from "prop-types";

package/es/atom/chip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AAmBO,qGAG0E;;AAGjF,6DAiEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AAmBO,qGAG0E;;AAGjF,6DAuEC"}

package/es/atom/chip/index.js

@@ -22,11 +22,13 @@ const Chip = (props, context) => {
   const {
     text,
     subText,
+    textColor = COLORS.cm_grey_700,
     selected = false,
     customIcon,
     onClick,
     leftIcon,
-    backgroundColor = DEFAULT_BACKGROUND_COLOR
+    backgroundColor = DEFAULT_BACKGROUND_COLOR,
+    customStyle
   } = props;
   const {
     skin
@@ -46,14 +48,16 @@ const Chip = (props, context) => {
     backgroundColor: hoveredSelectedBgColor
   } : {};
   const defaultIcon = selected ? 'fa-check' : 'fa-plus';
-  const color = selected ? COLORS.white : COLORS.cm_grey_700;
+  const showIcon = customIcon !== 'none';
+  const color = selected ? COLORS.white : textColor;
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(style.container, !selected && style.unselected),
     style: {
       ...(selected && selectedBgColor ? {
         backgroundColor: selectedBgColor
       } : {}),
-      ...(selected && hoverStyle)
+      ...(selected && hoverStyle),
+      ...customStyle
     },
     onClick: handleClick,
     onMouseEnter: handleMouseEnter,
@@ -80,13 +84,13 @@ const Chip = (props, context) => {
     style: {
       color
     }
-  }, subText) : null)), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+  }, subText) : null)), showIcon ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     style: {
       color
     },
     icon: customIcon ? `fa-${customIcon}` : defaultIcon,
     fontSize: ICON_SIZE
-  }));
+  }) : null);
 };
 Chip.contextTypes = {
   skin: Provider.childContextTypes.skin
@@ -94,11 +98,13 @@ Chip.contextTypes = {
 Chip.propTypes = process.env.NODE_ENV !== "production" ? {
   text: PropTypes.string,
   subText: PropTypes.string,
+  textColor: PropTypes.string,
   selected: PropTypes.bool,
   customIcon: PropTypes.string,
   backgroundColor: PropTypes.string,
   onClick: PropTypes.func,
-  leftIcon: PropTypes.string
+  leftIcon: PropTypes.string,
+  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))
 } : {};
 export default Chip;
 //# sourceMappingURL=index.js.map