@coorpacademy/components 11.40.5 → 11.40.6-alpha.7

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

@@ -3,6 +3,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _link = _interopRequireDefault(require("../link"));
@@ -16,49 +17,85 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
-const getButtonContent = (icon, content, hovered, hoverBackgroundColor, hoverColor, customLabelClassName, tag) => {
-  const {
-    type,
-    faIcon,
-    position
-  } = icon || {
-    type: '',
-    position: ''
-  };
-  const Icon = type && _buttonIcons.ICONS[type];
-  if (!Icon && !faIcon) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (_style.default.buttonContent, customLabelClassName)
-    }, typeof content === 'string' ? /*#__PURE__*/_react.default.createElement("span", {
-      className: (_style.default.label, customLabelClassName)
-      // eslint-disable-next-line react/no-danger
-      ,
-      dangerouslySetInnerHTML: {
-        __html: content
-      }
-    }) : /*#__PURE__*/_react.default.createElement("span", {
-      className: (_style.default.label, customLabelClassName)
-    }, content));
+const renderNoIcons = (content, customClass) => /*#__PURE__*/_react.default.createElement("div", {
+  className: (0, _classnames.default)(_style.default.buttonContent, customClass)
+}, typeof content === 'string' ? /*#__PURE__*/_react.default.createElement("span", {
+  className: (0, _classnames.default)(_style.default.label, customClass)
+  // eslint-disable-next-line react/no-danger
+  ,
+  dangerouslySetInnerHTML: {
+    __html: content
   }
-  const iconComponent = faIcon ? /*#__PURE__*/_react.default.createElement(_icon.default, {
-    iconName: faIcon.name,
-    iconColor: hovered && hoverColor ? hoverColor : faIcon.color ?? _icon.DEFAULT_ICON_COLOR,
+}) : /*#__PURE__*/_react.default.createElement("span", {
+  className: (0, _classnames.default)(_style.default.label, customClass)
+}, content));
+const buildFaIcon = (faIcon, hoverOptions) => {
+  if ((0, _isEmpty2.default)(faIcon)) return null;
+  const {
+    name,
+    size,
+    backgroundColor,
+    customStyle,
+    color
+  } = faIcon;
+  const {
+    hovered,
+    hoverBackgroundColor,
+    hoverColor
+  } = hoverOptions;
+  return /*#__PURE__*/_react.default.createElement(_icon.default, {
+    iconName: name,
+    iconColor: hovered && hoverColor ? hoverColor : color ?? _icon.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.default.createElement(Icon, {
+    customStyle
+  });
+};
+const renderIcon = (icon, options) => {
+  if ((0, _isEmpty2.default)(icon)) return null;
+  const {
+    type,
+    faIcon
+  } = icon;
+  const Icon = type && _buttonIcons.ICONS[type];
+  if (faIcon) return buildFaIcon(faIcon, options);
+  if (Icon) return /*#__PURE__*/_react.default.createElement(Icon, {
     className: _style.default.icon,
     theme: "coorpmanager"
   });
+  return null;
+};
+const getButtonContent = (icon, content, hovered, hoverBackgroundColor, hoverColor, customLabelClassName, tag, contentCustomStyle) => {
+  // eslint-disable-next-line no-nested-ternary
+  const iconArr = !(0, _isEmpty2.default)(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 && _buttonIcons.ICONS[leftIcon.type]) && !rightIcon?.faIcon && !(rightIcon?.type && _buttonIcons.ICONS[rightIcon.type])) return renderNoIcons(content, customLabelClassName);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.buttonContent
-  }, position === 'left' ? iconComponent : null, content ? /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.label
-  }, content) : null, tag ? /*#__PURE__*/_react.default.createElement(_tag.default, tag) : null, position === 'right' ? iconComponent : null);
+    className: _style.default.buttonContent,
+    style: contentCustomStyle
+  }, renderIcon(leftIcon, {
+    hovered,
+    hoverBackgroundColor,
+    hoverColor
+  }), content ? /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)(_style.default.label, customLabelClassName)
+  }, content) : null, tag ? /*#__PURE__*/_react.default.createElement(_tag.default, tag) : null, renderIcon(rightIcon, {
+    hovered,
+    hoverBackgroundColor,
+    hoverColor
+  }));
 };
 const ButtonLink = props => {
   const {
@@ -80,6 +117,7 @@ const ButtonLink = props => {
     onKeyDown = _noop2.default,
     className,
     customStyle,
+    contentCustomStyle,
     useTitle = true,
     customLabelClassName,
     tag
@@ -130,7 +168,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.default.createElement("button", _extends({}, useTitle && {
     title: ariaLabel || label
@@ -151,7 +189,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" ? _types.default : {};
 var _default = exports.default = ButtonLink;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_link","_icon","_buttonIcons","_tooltip","_tag","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","getButtonContent","icon","content","hovered","hoverBackgroundColor","hoverColor","customLabelClassName","tag","type","faIcon","position","Icon","ICONS","createElement","className","style","buttonContent","label","dangerouslySetInnerHTML","__html","iconComponent","iconName","name","iconColor","color","DEFAULT_ICON_COLOR","backgroundColor","size","faSize","wrapperSize","customStyle","theme","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","tooltipText","tooltipPlacement","link","onClick","_noop2","onKeyDown","useTitle","styleButton","classnames","button","iconButton","primary","secondary","tertiary","text","dangerous","setHovered","useState","handleOnClick","useCallback","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","TooltipContent","tooltipContentWrapper","renderToolTip","closeToolTipInformationTextAriaLabel","fontSize","anchorId","toolTipIsVisible","placement","_customStyle","useMemo","title","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","propTypes","process","env","NODE_ENV","_default","exports"],"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","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_link","_icon","_buttonIcons","_tooltip","_tag","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","renderNoIcons","content","customClass","createElement","className","classnames","style","buttonContent","label","dangerouslySetInnerHTML","__html","buildFaIcon","faIcon","hoverOptions","_isEmpty2","name","size","backgroundColor","customStyle","color","hovered","hoverBackgroundColor","hoverColor","iconName","iconColor","DEFAULT_ICON_COLOR","faSize","wrapperSize","renderIcon","icon","options","type","Icon","ICONS","theme","getButtonContent","customLabelClassName","tag","contentCustomStyle","iconArr","Array","isArray","leftIcon","find","position","rightIcon","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","tooltipText","tooltipPlacement","link","onClick","_noop2","onKeyDown","useTitle","styleButton","button","iconButton","primary","secondary","tertiary","text","dangerous","setHovered","useState","handleOnClick","useCallback","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","TooltipContent","tooltipContentWrapper","renderToolTip","closeToolTipInformationTextAriaLabel","fontSize","anchorId","toolTipIsVisible","placement","_customStyle","useMemo","title","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","propTypes","process","env","NODE_ENV","_default","exports"],"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/lib/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/lib/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/lib/atom/button-link/types.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_buttonIcons","e","__esModule","default","faIconPropTypes","name","PropTypes","string","isRequired","color","backgroundColor","size","number","customStyle","objectOf","oneOfType","iconPropTypes","exports","position","oneOf","type","_keys2","ICONS","faIcon","shape","propTypes","usage","label","content","node","tooltipText","tooltipPlacement","icon","onClick","func","link","href","download","bool","target","hoverBackgroundColor","hoverColor","disabled","className","useTitle","customLabelClassName","_default"],"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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAA8C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9C,MAAMG,eAAe,GAAG;EACtBC,IAAI,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCC,KAAK,EAAEH,kBAAS,CAACC,MAAM;EACvBG,eAAe,EAAEJ,kBAAS,CAACC,MAAM;EACjCI,IAAI,EAAEL,kBAAS,CAACM,MAAM;EACtBC,WAAW,EAAEP,kBAAS,CAACQ,QAAQ,CAACR,kBAAS,CAACS,SAAS,CAAC,CAACT,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC,CAAC;AAC3F,CAAC;AAEM,MAAMI,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,QAAQ,EAAEZ,kBAAS,CAACa,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAC5CC,IAAI,EAAEd,kBAAS,CAACa,KAAK,CAAC,IAAAE,MAAA,CAAAlB,OAAA,EAAKmB,kBAAK,CAAC,CAAC;EAClCC,MAAM,EAAEjB,kBAAS,CAACkB,KAAK,CAACpB,eAAe;AACzC,CAAC;AAED,MAAMqB,SAAS,GAAG;EAChBL,IAAI,EAAEd,kBAAS,CAACa,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAChFO,KAAK,EAAEpB,kBAAS,CAACa,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACrDQ,KAAK,EAAErB,kBAAS,CAACC,MAAM;EACvBqB,OAAO,EAAEtB,kBAAS,CAACuB,IAAI;EACvB,YAAY,EAAEvB,kBAAS,CAACC,MAAM;EAC9BuB,WAAW,EAAExB,kBAAS,CAACC,MAAM;EAC7BwB,gBAAgB,EAAEzB,kBAAS,CAACa,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;EACrE,WAAW,EAAEb,kBAAS,CAACC,MAAM;EAC7B,aAAa,EAAED,kBAAS,CAACC,MAAM;EAC/ByB,IAAI,EAAE1B,kBAAS,CAACkB,KAAK,CAACR,aAAa,CAAC;EACpCiB,OAAO,EAAE3B,kBAAS,CAAC4B,IAAI;EACvBC,IAAI,EAAE7B,kBAAS,CAACkB,KAAK,CAAC;IACpBY,IAAI,EAAE9B,kBAAS,CAACC,MAAM;IACtB8B,QAAQ,EAAE/B,kBAAS,CAACgC,IAAI;IACxBC,MAAM,EAAEjC,kBAAS,CAACa,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;EAChE,CAAC,CAAC;EACFqB,oBAAoB,EAAElC,kBAAS,CAACC,MAAM;EACtCkC,UAAU,EAAEnC,kBAAS,CAACC,MAAM;EAC5BmC,QAAQ,EAAEpC,kBAAS,CAACgC,IAAI;EACxBK,SAAS,EAAErC,kBAAS,CAACC,MAAM;EAC3BM,WAAW,EAAEP,kBAAS,CAACQ,QAAQ,CAACR,kBAAS,CAACS,SAAS,CAAC,CAACT,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC,CAAC,CAAC;EAC1FgC,QAAQ,EAAEtC,kBAAS,CAACgC,IAAI;EACxBO,oBAAoB,EAAEvC,kBAAS,CAACC;AAClC,CAAC;AAAC,IAAAuC,QAAA,GAAA7B,OAAA,CAAAd,OAAA,GA8CasB,SAAS","ignoreList":[]}
+{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_buttonIcons","e","__esModule","default","faIconPropTypes","name","PropTypes","string","isRequired","color","backgroundColor","size","number","customStyle","object","iconPropTypes","exports","position","oneOf","type","_keys2","ICONS","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","_default"],"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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAA8C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9C,MAAMG,eAAe,GAAG;EACtBC,IAAI,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCC,KAAK,EAAEH,kBAAS,CAACC,MAAM;EACvBG,eAAe,EAAEJ,kBAAS,CAACC,MAAM;EACjCI,IAAI,EAAEL,kBAAS,CAACM,MAAM;EACtBC,WAAW,EAAEP,kBAAS,CAACQ;AACzB,CAAC;AAEM,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,QAAQ,EAAEX,kBAAS,CAACY,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAC5CC,IAAI,EAAEb,kBAAS,CAACY,KAAK,CAAC,IAAAE,MAAA,CAAAjB,OAAA,EAAKkB,kBAAK,CAAC,CAAC;EAClCC,MAAM,EAAEhB,kBAAS,CAACiB,KAAK,CAACnB,eAAe;AACzC,CAAC;AAED,MAAMoB,SAAS,GAAG;EAChBL,IAAI,EAAEb,kBAAS,CAACY,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAChFO,KAAK,EAAEnB,kBAAS,CAACY,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACrDQ,KAAK,EAAEpB,kBAAS,CAACC,MAAM;EACvBoB,OAAO,EAAErB,kBAAS,CAACsB,IAAI;EACvB,YAAY,EAAEtB,kBAAS,CAACC,MAAM;EAC9BsB,WAAW,EAAEvB,kBAAS,CAACC,MAAM;EAC7BuB,gBAAgB,EAAExB,kBAAS,CAACY,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;EACrE,WAAW,EAAEZ,kBAAS,CAACC,MAAM;EAC7B,aAAa,EAAED,kBAAS,CAACC,MAAM;EAC/BwB,IAAI,EAAEzB,kBAAS,CAAC0B,SAAS,CAAC,CACxB1B,kBAAS,CAACiB,KAAK,CAACR,aAAa,CAAC,EAC9BT,kBAAS,CAAC2B,OAAO,CAAC3B,kBAAS,CAACiB,KAAK,CAACR,aAAa,CAAC,CAAC,CAClD,CAAC;EACFmB,OAAO,EAAE5B,kBAAS,CAAC6B,IAAI;EACvBC,IAAI,EAAE9B,kBAAS,CAACiB,KAAK,CAAC;IACpBc,IAAI,EAAE/B,kBAAS,CAACC,MAAM;IACtB+B,QAAQ,EAAEhC,kBAAS,CAACiC,IAAI;IACxBC,MAAM,EAAElC,kBAAS,CAACY,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;EAChE,CAAC,CAAC;EACFuB,oBAAoB,EAAEnC,kBAAS,CAACC,MAAM;EACtCmC,UAAU,EAAEpC,kBAAS,CAACC,MAAM;EAC5BoC,QAAQ,EAAErC,kBAAS,CAACiC,IAAI;EACxBK,SAAS,EAAEtC,kBAAS,CAACC,MAAM;EAC3BM,WAAW,EAAEP,kBAAS,CAACQ,MAAM;EAC7B+B,kBAAkB,EAAEvC,kBAAS,CAACQ,MAAM;EACpCgC,QAAQ,EAAExC,kBAAS,CAACiC,IAAI;EACxBQ,oBAAoB,EAAEzC,kBAAS,CAACC;AAClC,CAAC;AAAC,IAAAyC,QAAA,GAAAhC,OAAA,CAAAb,OAAA,GA+CaqB,SAAS","ignoreList":[]}

package/lib/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/lib/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/lib/atom/button-menu/index.js

@@ -44,8 +44,6 @@ const Button = props => {
     type = 'default',
     buttonLinkType,
     icon,
-    customStyle = {},
-    customLabelClassName,
     ...rest
   } = props;
   const styleButton = (0, _classnames.default)(_style.default.button, type === 'default' && _style.default.defaultStyle, type === 'defaultLeft' && _style.default.defaultLeft, type === 'dangerous' && _style.default.dangerous, type === 'dangerousLeft' && _style.default.dangerousLeft, disabled && _style.default.disabled);
@@ -58,11 +56,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.default.createElement(_buttonLink.default, _extends({}, buttonLinkProps, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_map","_interopRequireDefault","_classnames","_buttonLink","_style","_types","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","buildCustomIconByTheme","icon","theme","iconProps","custom","THEMES","customProps","DEFAULT_ICON_STYLE","faIcon","Button","props","dataName","ariaLabel","disabled","label","onClick","_noop2","type","buttonLinkType","customStyle","customLabelClassName","rest","styleButton","classnames","style","button","defaultStyle","defaultLeft","dangerous","dangerousLeft","handleOnClick","useCallback","buttonLinkProps","className","createElement","propTypes","process","env","NODE_ENV","buttonPropTypes","ButtonMenu","buttons","enableScroll","buildButton","index","key","buttonList","useMemo","map","convert","cap","containerStyle","buttonMenuContainer","scrollable","_default","exports"],"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","_interopRequireWildcard","require","_map","_interopRequireDefault","_classnames","_buttonLink","_style","_types","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","buildCustomIconByTheme","icon","theme","iconProps","custom","THEMES","customProps","DEFAULT_ICON_STYLE","faIcon","Button","props","dataName","ariaLabel","disabled","label","onClick","_noop2","type","buttonLinkType","rest","styleButton","classnames","style","button","defaultStyle","defaultLeft","dangerous","dangerousLeft","handleOnClick","useCallback","buttonLinkProps","className","createElement","propTypes","process","env","NODE_ENV","buttonPropTypes","ButtonMenu","buttons","enableScroll","buildButton","index","key","buttonList","useMemo","map","convert","cap","containerStyle","buttonMenuContainer","scrollable","_default","exports"],"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/lib/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/lib/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/lib/atom/radio-with-title/index.d.ts

@@ -41,7 +41,7 @@ declare const RadioWithTitle: {
                 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<{
@@ -49,11 +49,19 @@ declare const RadioWithTitle: {
                         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>;
@@ -64,9 +72,8 @@ declare const RadioWithTitle: {
                 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/lib/atom/radio-with-title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBjD,CAAC;AAIF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBjD,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/lib/atom/radio-with-title/types.d.ts

@@ -39,7 +39,7 @@ export 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<{
@@ -47,11 +47,19 @@ export 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>;
@@ -62,9 +70,8 @@ export 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>;
         }>>;

package/lib/atom/radio-with-title/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}