@coorpacademy/components 11.33.7 → 11.33.8-alpha.1

package/es/template/external-course/index.d.ts

@@ -57,7 +57,9 @@ declare namespace ExternalCourse {
                 'aria-label': PropTypes.Requireable<string>;
                 largeButton: PropTypes.Requireable<boolean>;
                 type: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
             }>>;
             secondButton: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
@@ -65,7 +67,9 @@ declare namespace ExternalCourse {
                 type: PropTypes.Requireable<string>;
                 'aria-label': PropTypes.Requireable<string>;
                 largeButton: PropTypes.Requireable<boolean>;
-                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
                 icon: PropTypes.Requireable<PropTypes.InferProps<{
                     position: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
@@ -77,7 +81,9 @@ declare namespace ExternalCourse {
                 type: PropTypes.Requireable<string>;
                 'aria-label': PropTypes.Requireable<string>;
                 largeButton: PropTypes.Requireable<boolean>;
-                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
             }>>;
             onClose: PropTypes.Requireable<(...args: any[]) => any>;
             icon: PropTypes.Requireable<string>;
@@ -124,8 +130,17 @@ declare namespace ExternalCourse {
                         'data-name': PropTypes.Requireable<string>;
                         'data-testid': PropTypes.Requireable<string>;
                         icon: PropTypes.Requireable<PropTypes.InferProps<{
-                            position: PropTypes.Requireable<string>;
+                            position: PropTypes.Validator<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<{
+                                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                                }>;
+                            }>>;
                         }>>;
                         onClick: PropTypes.Requireable<(...args: any[]) => any>;
                         link: PropTypes.Requireable<PropTypes.InferProps<{
@@ -137,7 +152,9 @@ declare namespace ExternalCourse {
                         hoverColor: PropTypes.Requireable<string>;
                         disabled: PropTypes.Requireable<boolean>;
                         className: PropTypes.Requireable<string>;
-                        customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                        customStyle: PropTypes.Requireable<{
+                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                        }>;
                     }>>;
                     selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
                         title: PropTypes.Requireable<string>;
@@ -255,6 +272,23 @@ declare namespace ExternalCourse {
                                     label: PropTypes.Validator<string>;
                                     onClick: PropTypes.Validator<(...args: any[]) => any>;
                                     type: PropTypes.Requireable<string>;
+                                    buttonLinkType: PropTypes.Requireable<string>;
+                                    icon: PropTypes.Requireable<PropTypes.InferProps<{
+                                        position: PropTypes.Validator<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<{
+                                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                                            }>;
+                                        }>>;
+                                    }>>;
+                                    customStyle: PropTypes.Requireable<{
+                                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                                    }>;
                                 }> | null | undefined)[]>;
                                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                                 menuButtonClassName: PropTypes.Requireable<string>;
@@ -277,8 +311,17 @@ declare namespace ExternalCourse {
                             'data-name': PropTypes.Requireable<string>;
                             'data-testid': PropTypes.Requireable<string>;
                             icon: PropTypes.Requireable<PropTypes.InferProps<{
-                                position: PropTypes.Requireable<string>;
+                                position: PropTypes.Validator<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<{
+                                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                                    }>;
+                                }>>;
                             }>>;
                             onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             link: PropTypes.Requireable<PropTypes.InferProps<{
@@ -290,7 +333,9 @@ declare namespace ExternalCourse {
                             hoverColor: PropTypes.Requireable<string>;
                             disabled: PropTypes.Requireable<boolean>;
                             className: PropTypes.Requireable<string>;
-                            customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                            customStyle: PropTypes.Requireable<{
+                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                            }>;
                         }> | PropTypes.InferProps<{
                             componentType: PropTypes.Requireable<string>;
                             disabled: PropTypes.Requireable<boolean>;
@@ -302,6 +347,23 @@ declare namespace ExternalCourse {
                                 label: PropTypes.Validator<string>;
                                 onClick: PropTypes.Validator<(...args: any[]) => any>;
                                 type: PropTypes.Requireable<string>;
+                                buttonLinkType: PropTypes.Requireable<string>;
+                                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                                    position: PropTypes.Validator<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<{
+                                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                                        }>;
+                                    }>>;
+                                }>>;
+                                customStyle: PropTypes.Requireable<{
+                                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                                }>;
                             }> | null | undefined)[]>;
                             onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             menuButtonClassName: PropTypes.Requireable<string>;

package/es/variables/colors.css

@@ -48,21 +48,25 @@
 @value cm_grey_900: #111117;
 @value cm_positive_100: #35CC7F;
 @value cm_positive_200: #05944F;
+@value cm_positive_300: #04713D;
+@value cm_negative_50: #ffe5e6;
 @value cm_negative_100: #ed3436;
 @value cm_negative_200: #b81400;
-@value cm_negative_50: #ffe5e6;
+@value cm_negative_300: #991100;
 @value cm_green_50: #e8fcf8;
 @value cm_green_200: #16ac8c;
 @value cm_green_secondary_100: #D6F5E1;
 @value cm_green_secondary_200: #38CC6C;
 @value cm_orange_200: #FF7043;
 @value cm_orange_700: #FF4105;
+@value cm_orange_800: #A32700;
 @value cm_pink_50: #ffefeb;
 @value cm_purple_200: #7340FF;
 @value cm_yellow_scorm: #FFB800;
 @value cm_yellow_secondary_200: #ffde03;
 @value cm_yellow_100: #ffc043;
 @value cm_yellow_200: #DB9200;
+@value cm_yellow_300: #B87A00;
 @value cm_yellow_400: #bd7e00;
 @value cm_red_200: #FF4040;
 @value cm_negative_red_200: #ED3436;

package/es/variables/colors.d.ts

@@ -9,6 +9,7 @@ export declare const COLORS: {
     readonly cm_grey_800: "#171721";
     readonly cm_primary_blue: "#0061FF";
     readonly cm_grey_500: "#515161";
+    readonly cm_grey_700: "#1D1D2B";
     readonly cm_yellow_400: "#bd7e00";
     readonly brand: "#00B0FF";
 };

package/es/variables/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAaT,CAAC;AAEX,oBAAY,MAAM,GAAG,OAAO,MAAM,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CAcT,CAAC;AAEX,oBAAY,MAAM,GAAG,OAAO,MAAM,CAAC"}

package/es/variables/colors.js

@@ -9,6 +9,7 @@ export const COLORS = {
   cm_grey_800: '#171721',
   cm_primary_blue: '#0061FF',
   cm_grey_500: '#515161',
+  cm_grey_700: '#1D1D2B',
   cm_yellow_400: '#bd7e00',
   brand: '#00B0FF'
 };

package/es/variables/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["COLORS","gray","negative","cm_negative_200","positive","cm_positive_200","white","cm_grey_400","cm_grey_800","cm_primary_blue","cm_grey_500","cm_yellow_400","brand"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n  gray: '#EAEAEB',\n  negative: '#ed3436',\n  cm_negative_200: '#B81400',\n  positive: '#35CC7F',\n  cm_positive_200: '#05944F',\n  white: '#ffffff',\n  cm_grey_400: '#9999A8',\n  cm_grey_800: '#171721',\n  cm_primary_blue: '#0061FF',\n  cm_grey_500: '#515161',\n  cm_yellow_400: '#bd7e00',\n  brand: '#00B0FF'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,SAAS;EAC1BC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}
+{"version":3,"file":"colors.js","names":["COLORS","gray","negative","cm_negative_200","positive","cm_positive_200","white","cm_grey_400","cm_grey_800","cm_primary_blue","cm_grey_500","cm_grey_700","cm_yellow_400","brand"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n  gray: '#EAEAEB',\n  negative: '#ed3436',\n  cm_negative_200: '#B81400',\n  positive: '#35CC7F',\n  cm_positive_200: '#05944F',\n  white: '#ffffff',\n  cm_grey_400: '#9999A8',\n  cm_grey_800: '#171721',\n  cm_primary_blue: '#0061FF',\n  cm_grey_500: '#515161',\n  cm_grey_700: '#1D1D2B',\n  cm_yellow_400: '#bd7e00',\n  brand: '#00B0FF'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,SAAS;EAC1BC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}

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

@@ -13,8 +13,17 @@ declare const ButtonLink: {
         'data-name': import("prop-types").Requireable<string>;
         'data-testid': import("prop-types").Requireable<string>;
         icon: import("prop-types").Requireable<import("prop-types").InferProps<{
-            position: import("prop-types").Requireable<string>;
+            position: import("prop-types").Validator<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<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
+            }>>;
         }>>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         link: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -26,7 +35,9 @@ 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<import("prop-types").InferProps<{}>>;
+        customStyle: import("prop-types").Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
     };
 };
 export default ButtonLink;

package/lib/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":";AAOA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AAoD7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AAoD7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

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

@@ -6,7 +6,7 @@ var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _link = _interopRequireDefault(require("../link"));
-var _icon = _interopRequireDefault(require("../icon"));
+var _icon = _interopRequireWildcard(require("../icon"));
 var _buttonIcons = require("../../util/button-icons");
 var _tooltip = _interopRequireDefault(require("../tooltip"));
 var _types = _interopRequireDefault(require("./types"));
@@ -34,7 +34,7 @@ const getButtonContent = (icon, content, hovered, hoverBackgroundColor, hoverCol
   }
   const iconComponent = faIcon ? /*#__PURE__*/_react.default.createElement(_icon.default, {
     iconName: faIcon.name,
-    iconColor: hovered && hoverColor ? hoverColor : faIcon.color,
+    iconColor: hovered && hoverColor ? hoverColor : faIcon.color ?? _icon.DEFAULT_ICON_COLOR,
     // eslint-disable-next-line no-nested-ternary
     backgroundColor: !faIcon?.backgroundColor ? 'transparent' : hovered && hoverBackgroundColor ? hoverBackgroundColor : faIcon.backgroundColor,
     size: {

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","_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","type","faIcon","position","Icon","ICONS","createElement","className","style","buttonContent","label","iconComponent","iconName","name","iconColor","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 from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport ToolTip from '../tooltip';\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) => {\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}>\n        <span className={style.label}>{content}</span>\n      </div>\n    );\n  }\n\n  const iconComponent = faIcon ? (\n    <FaIcon\n      {...{\n        iconName: faIcon.name,\n        iconColor: hovered && hoverColor ? hoverColor : faIcon.color,\n        // eslint-disable-next-line no-nested-ternary\n        backgroundColor: !faIcon?.backgroundColor\n          ? 'transparent'\n          : hovered && hoverBackgroundColor\n          ? hoverBackgroundColor\n          : faIcon.backgroundColor,\n        size: {\n          faSize: faIcon.size,\n          wrapperSize: faIcon.size\n        },\n        customStyle: faIcon.customStyle\n      }}\n    />\n  ) : (\n    <Icon className={style.icon} theme=\"coorpmanager\" />\n  );\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? iconComponent : null}\n      {content ? <span className={style.label}>{content}</span> : 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  } = props;\n  const styleButton = classnames(\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    link && style.link,\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\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        style={customStyle}\n        className={styleButton}\n        data-name={dataName}\n        data-testid={dataTestId}\n        aria-label={ariaLabel || label}\n        hoverColor={hoverColor}\n        hoverBackgroundColor={hoverBackgroundColor}\n        onMouseEnter={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n      >\n        {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\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(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\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","_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","type","faIcon","position","Icon","ICONS","createElement","className","style","buttonContent","label","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} from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport ToolTip from '../tooltip';\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) => {\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}>\n        <span className={style.label}>{content}</span>\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          ? 'transparent'\n          : hovered && hoverBackgroundColor\n          ? hoverBackgroundColor\n          : faIcon.backgroundColor,\n        size: {\n          faSize: faIcon.size,\n          wrapperSize: faIcon.size\n        },\n        customStyle: faIcon.customStyle\n      }}\n    />\n  ) : (\n    <Icon className={style.icon} theme=\"coorpmanager\" />\n  );\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? iconComponent : null}\n      {content ? <span className={style.label}>{content}</span> : 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  } = props;\n  const styleButton = classnames(\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    link && style.link,\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\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        style={customStyle}\n        className={styleButton}\n        data-name={dataName}\n        data-testid={dataTestId}\n        aria-label={ariaLabel || label}\n        hoverColor={hoverColor}\n        hoverBackgroundColor={hoverBackgroundColor}\n        onMouseEnter={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n      >\n        {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\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(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\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/style.css

@@ -12,7 +12,7 @@
 .button {
   width: 100%;
   height: 44px;
-  border-radius: 7px;
+  border-radius: 8px;
   font-family: Gilroy;
   font-size: 14px;
   font-weight: bold;
@@ -109,4 +109,4 @@
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;
-}
+}

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

@@ -1,6 +1,19 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ICONS } from '../../util/button-icons';
+export declare const iconPropTypes: {
+    position: PropTypes.Validator<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<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
+    }>>;
+};
 declare const propTypes: {
     type: PropTypes.Requireable<string>;
     usage: PropTypes.Requireable<string>;
@@ -12,8 +25,17 @@ declare const propTypes: {
     'data-name': PropTypes.Requireable<string>;
     'data-testid': PropTypes.Requireable<string>;
     icon: PropTypes.Requireable<PropTypes.InferProps<{
-        position: PropTypes.Requireable<string>;
+        position: PropTypes.Validator<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<{
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            }>;
+        }>>;
     }>>;
     onClick: PropTypes.Requireable<(...args: any[]) => any>;
     link: PropTypes.Requireable<PropTypes.InferProps<{
@@ -25,9 +47,11 @@ declare const propTypes: {
     hoverColor: PropTypes.Requireable<string>;
     disabled: PropTypes.Requireable<boolean>;
     className: PropTypes.Requireable<string>;
-    customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+    customStyle: PropTypes.Requireable<{
+        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+    }>;
 };
-export declare type FaIcontype = {
+export declare type FaIconType = {
     name: string;
     color?: string;
     backgroundColor?: string;
@@ -37,7 +61,7 @@ export declare type FaIcontype = {
 export declare type IconType = {
     position: 'right' | 'left';
     type?: keyof typeof ICONS;
-    faIcon?: FaIcontype;
+    faIcon?: FaIconType;
 };
 export declare type ButtonLinkProps = {
     type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';

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;AAE9C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CAyBd,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,OAAO,CAAC,CAAC;CACvC,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;AACF,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,KAAK,CAAC,SAAS,CAAC;IAC1B,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,OAAO,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,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;AAU9C,eAAO,MAAM,aAAa;;;;;;;;;;;;CAIzB,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBd,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,OAAO,CAAC,CAAC;CACvC,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,KAAK,CAAC,SAAS,CAAC;IAC1B,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,OAAO,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC;AAE/C,eAAe,SAAS,CAAC"}

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

@@ -1,11 +1,23 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
+exports.iconPropTypes = exports.default = void 0;
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _buttonIcons = require("../../util/button-icons");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const faIconPropTypes = {
+  name: _propTypes.default.string.isRequired,
+  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]))
+};
+const iconPropTypes = exports.iconPropTypes = {
+  position: _propTypes.default.oneOf(['right', 'left']).isRequired,
+  type: _propTypes.default.oneOf((0, _keys2.default)(_buttonIcons.ICONS)),
+  faIcon: _propTypes.default.shape(faIconPropTypes)
+};
 const propTypes = {
   type: _propTypes.default.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),
   usage: _propTypes.default.oneOf(['button', 'submit', 'reset']),
@@ -16,10 +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({
-    position: _propTypes.default.oneOf(['right', 'left']),
-    type: _propTypes.default.oneOf((0, _keys2.default)(_buttonIcons.ICONS))
-  }),
+  icon: _propTypes.default.shape(iconPropTypes),
   onClick: _propTypes.default.func,
   link: _propTypes.default.shape({
     href: _propTypes.default.string,
@@ -30,7 +39,7 @@ const propTypes = {
   hoverColor: _propTypes.default.string,
   disabled: _propTypes.default.bool,
   className: _propTypes.default.string,
-  customStyle: _propTypes.default.shape({})
+  customStyle: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))
 };
 var _default = exports.default = propTypes;
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_buttonIcons","e","__esModule","default","propTypes","type","PropTypes","oneOf","usage","label","string","content","node","tooltipText","tooltipPlacement","icon","shape","position","_keys2","ICONS","onClick","func","link","href","download","bool","target","hoverBackgroundColor","hoverColor","disabled","className","customStyle","_default","exports"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\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({\n    position: PropTypes.oneOf(['right', 'left']),\n    type: PropTypes.oneOf(keys(ICONS))\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.shape({})\n};\n\nexport type FaIcontype = {\n  name: string;\n  color?: string;\n  backgroundColor?: string;\n  size?: number;\n  customStyle?: Record<string, unknown>;\n};\n\nexport type IconType = {\n  position: 'right' | 'left';\n  type?: keyof typeof ICONS;\n  faIcon?: FaIcontype;\n};\nexport type ButtonLinkProps = {\n  type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';\n  usage?: 'button' | 'submit' | 'reset';\n  label?: string;\n  content?: React.ReactNode;\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, unknown>;\n  useTitle?: boolean;\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;AAE9C,MAAMG,SAAS,GAAG;EAChBC,IAAI,EAAEC,kBAAS,CAACC,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAChFC,KAAK,EAAEF,kBAAS,CAACC,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACrDE,KAAK,EAAEH,kBAAS,CAACI,MAAM;EACvBC,OAAO,EAAEL,kBAAS,CAACM,IAAI;EACvB,YAAY,EAAEN,kBAAS,CAACI,MAAM;EAC9BG,WAAW,EAAEP,kBAAS,CAACI,MAAM;EAC7BI,gBAAgB,EAAER,kBAAS,CAACC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;EACrE,WAAW,EAAED,kBAAS,CAACI,MAAM;EAC7B,aAAa,EAAEJ,kBAAS,CAACI,MAAM;EAC/BK,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC;IACpBC,QAAQ,EAAEX,kBAAS,CAACC,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC5CF,IAAI,EAAEC,kBAAS,CAACC,KAAK,CAAC,IAAAW,MAAA,CAAAf,OAAA,EAAKgB,kBAAK,CAAC;EACnC,CAAC,CAAC;EACFC,OAAO,EAAEd,kBAAS,CAACe,IAAI;EACvBC,IAAI,EAAEhB,kBAAS,CAACU,KAAK,CAAC;IACpBO,IAAI,EAAEjB,kBAAS,CAACI,MAAM;IACtBc,QAAQ,EAAElB,kBAAS,CAACmB,IAAI;IACxBC,MAAM,EAAEpB,kBAAS,CAACC,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;EAChE,CAAC,CAAC;EACFoB,oBAAoB,EAAErB,kBAAS,CAACI,MAAM;EACtCkB,UAAU,EAAEtB,kBAAS,CAACI,MAAM;EAC5BmB,QAAQ,EAAEvB,kBAAS,CAACmB,IAAI;EACxBK,SAAS,EAAExB,kBAAS,CAACI,MAAM;EAC3BqB,WAAW,EAAEzB,kBAAS,CAACU,KAAK,CAAC,CAAC,CAAC;AACjC,CAAC;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GA2CaC,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","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","_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';\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']).isRequired,\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};\n\nexport type FaIconType = {\n  name: string;\n  color?: string;\n  backgroundColor?: string;\n  size?: number;\n  customStyle?: Record<string, unknown>;\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?: React.ReactNode;\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, unknown>;\n  useTitle?: boolean;\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;AAE9C,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,CAACX,UAAU;EACvDY,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;AAC3F,CAAC;AAAC,IAAAgC,QAAA,GAAA3B,OAAA,CAAAd,OAAA,GA4CasB,SAAS","ignoreList":[]}

package/lib/atom/button-link-icon/style.css

@@ -46,14 +46,14 @@
   composes: button;
   width: 44px;
   height: 44px;
-  border-radius: 7px;
+  border-radius: 12px;
 }
 
 .responsive {
   composes: button;
   width: 44px;
   height: 44px;
-  border-radius: 7px;
+  border-radius: 12px;
 }
 
 .responsive .icon {

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

@@ -9,8 +9,26 @@ declare const ButtonMenu: {
             label: import("prop-types").Validator<string>;
             onClick: import("prop-types").Validator<(...args: any[]) => any>;
             type: import("prop-types").Requireable<string>;
+            buttonLinkType: import("prop-types").Requireable<string>;
+            icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                position: import("prop-types").Validator<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<{
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    }>;
+                }>>;
+            }>>;
+            customStyle: import("prop-types").Requireable<{
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            }>;
         }> | null | undefined)[]>;
         'data-name': import("prop-types").Requireable<string>;
+        'aria-label': import("prop-types").Requireable<string>;
     };
 };
 export default ButtonMenu;

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":";AAIA,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AAiCjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;CAazC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AAqDjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

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

@@ -5,6 +5,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _map = _interopRequireDefault(require("lodash/fp/map"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _buttonLink = _interopRequireDefault(require("../button-link"));
 var _style = _interopRequireDefault(require("./style.css"));
 var _types = _interopRequireWildcard(require("./types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -17,11 +18,25 @@ const Button = props => {
     disabled,
     label,
     onClick,
-    type = 'default'
+    type = 'default',
+    buttonLinkType,
+    icon,
+    customStyle = {}
   } = 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);
   const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
-  return /*#__PURE__*/_react.default.createElement("button", {
+  return icon ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    label: label,
+    type: buttonLinkType,
+    disabled: disabled,
+    onClick: handleOnClick,
+    "data-name": dataName,
+    className: styleButton,
+    customStyle: {
+      ...customStyle
+    },
+    icon: icon
+  }) : /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     "aria-label": label,
     title: label,
@@ -52,7 +67,8 @@ const ButtonMenu = props => {
     cap: false
   })(buildButton, buttons), [buttons, buildButton]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-name": dataName
+    "data-name": dataName,
+    className: _style.default.buttonMenuContainer
   }, buttonList);
 };
 ButtonMenu.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};