npm - @coorpacademy/components - Versions diffs - 11.33.2 → 11.33.3-alpha.12 - Mend

@coorpacademy/components 11.33.2 → 11.33.3-alpha.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (146) hide show

package/es/template/common/dashboard/index.d.ts CHANGED Viewed

@@ -120,6 +120,7 @@ declare namespace Dashboard {
                         disabled: PropTypes.Requireable<boolean>;
                         className: PropTypes.Requireable<string>;
                         customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                        isCustomSkillMenu: PropTypes.Requireable<boolean>;
                     }>>;
                     selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
                         title: PropTypes.Requireable<string>;
@@ -237,10 +238,26 @@ declare namespace Dashboard {
                                     label: PropTypes.Validator<string>;
                                     onClick: PropTypes.Validator<(...args: any[]) => any>;
                                     type: PropTypes.Requireable<string>;
+                                    linkType: 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>;
+                                            size: PropTypes.Requireable<number>;
+                                            color: PropTypes.Requireable<string>;
+                                        }>>;
+                                    }>>;
+                                    customStyle: PropTypes.Requireable<PropTypes.InferProps<{
+                                        color: PropTypes.Requireable<string>;
+                                        hoverBackgroundColor: PropTypes.Requireable<string>;
+                                    }>>;
+                                    isCustomSkillMenu: PropTypes.Requireable<boolean>;
                                 }> | null | undefined)[]>;
                                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                                 menuButtonClassName: PropTypes.Requireable<string>;
                                 isBulkMenu: PropTypes.Requireable<boolean>;
+                                isCustomSkillMenu: PropTypes.Requireable<boolean>;
                             }> | null | undefined>>;
                         }> | null | undefined)[]>;
                         stickyFirstColumn: PropTypes.Requireable<boolean>;
@@ -273,6 +290,7 @@ declare namespace Dashboard {
                             disabled: PropTypes.Requireable<boolean>;
                             className: PropTypes.Requireable<string>;
                             customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                            isCustomSkillMenu: PropTypes.Requireable<boolean>;
                         }> | PropTypes.InferProps<{
                             componentType: PropTypes.Requireable<string>;
                             disabled: PropTypes.Requireable<boolean>;
@@ -284,10 +302,26 @@ declare namespace Dashboard {
                                 label: PropTypes.Validator<string>;
                                 onClick: PropTypes.Validator<(...args: any[]) => any>;
                                 type: PropTypes.Requireable<string>;
+                                linkType: 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>;
+                                        size: PropTypes.Requireable<number>;
+                                        color: PropTypes.Requireable<string>;
+                                    }>>;
+                                }>>;
+                                customStyle: PropTypes.Requireable<PropTypes.InferProps<{
+                                    color: PropTypes.Requireable<string>;
+                                    hoverBackgroundColor: PropTypes.Requireable<string>;
+                                }>>;
+                                isCustomSkillMenu: PropTypes.Requireable<boolean>;
                             }> | null | undefined)[]>;
                             onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             menuButtonClassName: PropTypes.Requireable<string>;
                             isBulkMenu: PropTypes.Requireable<boolean>;
+                            isCustomSkillMenu: PropTypes.Requireable<boolean>;
                         }> | null | undefined>>;
                         isNestedTable: PropTypes.Requireable<boolean>;
                         emptyStateFirstMessage: PropTypes.Requireable<string>;
@@ -432,6 +466,7 @@ declare namespace Dashboard {
                         disabled: PropTypes.Requireable<boolean>;
                         className: PropTypes.Requireable<string>;
                         customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                        isCustomSkillMenu: PropTypes.Requireable<boolean>;
                     }>>;
                     selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
                         title: PropTypes.Requireable<string>;
@@ -549,10 +584,26 @@ declare namespace Dashboard {
                                     label: PropTypes.Validator<string>;
                                     onClick: PropTypes.Validator<(...args: any[]) => any>;
                                     type: PropTypes.Requireable<string>;
+                                    linkType: 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>;
+                                            size: PropTypes.Requireable<number>;
+                                            color: PropTypes.Requireable<string>;
+                                        }>>;
+                                    }>>;
+                                    customStyle: PropTypes.Requireable<PropTypes.InferProps<{
+                                        color: PropTypes.Requireable<string>;
+                                        hoverBackgroundColor: PropTypes.Requireable<string>;
+                                    }>>;
+                                    isCustomSkillMenu: PropTypes.Requireable<boolean>;
                                 }> | null | undefined)[]>;
                                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                                 menuButtonClassName: PropTypes.Requireable<string>;
                                 isBulkMenu: PropTypes.Requireable<boolean>;
+                                isCustomSkillMenu: PropTypes.Requireable<boolean>;
                             }> | null | undefined>>;
                         }> | null | undefined)[]>;
                         stickyFirstColumn: PropTypes.Requireable<boolean>;
@@ -585,6 +636,7 @@ declare namespace Dashboard {
                             disabled: PropTypes.Requireable<boolean>;
                             className: PropTypes.Requireable<string>;
                             customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                            isCustomSkillMenu: PropTypes.Requireable<boolean>;
                         }> | PropTypes.InferProps<{
                             componentType: PropTypes.Requireable<string>;
                             disabled: PropTypes.Requireable<boolean>;
@@ -596,10 +648,26 @@ declare namespace Dashboard {
                                 label: PropTypes.Validator<string>;
                                 onClick: PropTypes.Validator<(...args: any[]) => any>;
                                 type: PropTypes.Requireable<string>;
+                                linkType: 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>;
+                                        size: PropTypes.Requireable<number>;
+                                        color: PropTypes.Requireable<string>;
+                                    }>>;
+                                }>>;
+                                customStyle: PropTypes.Requireable<PropTypes.InferProps<{
+                                    color: PropTypes.Requireable<string>;
+                                    hoverBackgroundColor: PropTypes.Requireable<string>;
+                                }>>;
+                                isCustomSkillMenu: PropTypes.Requireable<boolean>;
                             }> | null | undefined)[]>;
                             onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             menuButtonClassName: PropTypes.Requireable<string>;
                             isBulkMenu: PropTypes.Requireable<boolean>;
+                            isCustomSkillMenu: PropTypes.Requireable<boolean>;
                         }> | null | undefined>>;
                         isNestedTable: PropTypes.Requireable<boolean>;
                         emptyStateFirstMessage: PropTypes.Requireable<string>;

package/es/template/common/search-page/index.d.ts CHANGED Viewed

@@ -301,6 +301,7 @@ declare namespace SearchPage {
                         disabled: PropTypes.Requireable<boolean>;
                         className: PropTypes.Requireable<string>;
                         customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                        isCustomSkillMenu: PropTypes.Requireable<boolean>;
                     }>>;
                     selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
                         title: PropTypes.Requireable<string>;
@@ -418,10 +419,26 @@ declare namespace SearchPage {
                                     label: PropTypes.Validator<string>;
                                     onClick: PropTypes.Validator<(...args: any[]) => any>;
                                     type: PropTypes.Requireable<string>;
+                                    linkType: 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>;
+                                            size: PropTypes.Requireable<number>;
+                                            color: PropTypes.Requireable<string>;
+                                        }>>;
+                                    }>>;
+                                    customStyle: PropTypes.Requireable<PropTypes.InferProps<{
+                                        color: PropTypes.Requireable<string>;
+                                        hoverBackgroundColor: PropTypes.Requireable<string>;
+                                    }>>;
+                                    isCustomSkillMenu: PropTypes.Requireable<boolean>;
                                 }> | null | undefined)[]>;
                                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                                 menuButtonClassName: PropTypes.Requireable<string>;
                                 isBulkMenu: PropTypes.Requireable<boolean>;
+                                isCustomSkillMenu: PropTypes.Requireable<boolean>;
                             }> | null | undefined>>;
                         }> | null | undefined)[]>;
                         stickyFirstColumn: PropTypes.Requireable<boolean>;
@@ -454,6 +471,7 @@ declare namespace SearchPage {
                             disabled: PropTypes.Requireable<boolean>;
                             className: PropTypes.Requireable<string>;
                             customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                            isCustomSkillMenu: PropTypes.Requireable<boolean>;
                         }> | PropTypes.InferProps<{
                             componentType: PropTypes.Requireable<string>;
                             disabled: PropTypes.Requireable<boolean>;
@@ -465,10 +483,26 @@ declare namespace SearchPage {
                                 label: PropTypes.Validator<string>;
                                 onClick: PropTypes.Validator<(...args: any[]) => any>;
                                 type: PropTypes.Requireable<string>;
+                                linkType: 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>;
+                                        size: PropTypes.Requireable<number>;
+                                        color: PropTypes.Requireable<string>;
+                                    }>>;
+                                }>>;
+                                customStyle: PropTypes.Requireable<PropTypes.InferProps<{
+                                    color: PropTypes.Requireable<string>;
+                                    hoverBackgroundColor: PropTypes.Requireable<string>;
+                                }>>;
+                                isCustomSkillMenu: PropTypes.Requireable<boolean>;
                             }> | null | undefined)[]>;
                             onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             menuButtonClassName: PropTypes.Requireable<string>;
                             isBulkMenu: PropTypes.Requireable<boolean>;
+                            isCustomSkillMenu: PropTypes.Requireable<boolean>;
                         }> | null | undefined>>;
                         isNestedTable: PropTypes.Requireable<boolean>;
                         emptyStateFirstMessage: PropTypes.Requireable<string>;

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

@@ -138,6 +138,7 @@ declare namespace ExternalCourse {
                         disabled: PropTypes.Requireable<boolean>;
                         className: PropTypes.Requireable<string>;
                         customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                        isCustomSkillMenu: PropTypes.Requireable<boolean>;
                     }>>;
                     selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
                         title: PropTypes.Requireable<string>;
@@ -255,10 +256,26 @@ declare namespace ExternalCourse {
                                     label: PropTypes.Validator<string>;
                                     onClick: PropTypes.Validator<(...args: any[]) => any>;
                                     type: PropTypes.Requireable<string>;
+                                    linkType: 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>;
+                                            size: PropTypes.Requireable<number>;
+                                            color: PropTypes.Requireable<string>;
+                                        }>>;
+                                    }>>;
+                                    customStyle: PropTypes.Requireable<PropTypes.InferProps<{
+                                        color: PropTypes.Requireable<string>;
+                                        hoverBackgroundColor: PropTypes.Requireable<string>;
+                                    }>>;
+                                    isCustomSkillMenu: PropTypes.Requireable<boolean>;
                                 }> | null | undefined)[]>;
                                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                                 menuButtonClassName: PropTypes.Requireable<string>;
                                 isBulkMenu: PropTypes.Requireable<boolean>;
+                                isCustomSkillMenu: PropTypes.Requireable<boolean>;
                             }> | null | undefined>>;
                         }> | null | undefined)[]>;
                         stickyFirstColumn: PropTypes.Requireable<boolean>;
@@ -291,6 +308,7 @@ declare namespace ExternalCourse {
                             disabled: PropTypes.Requireable<boolean>;
                             className: PropTypes.Requireable<string>;
                             customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                            isCustomSkillMenu: PropTypes.Requireable<boolean>;
                         }> | PropTypes.InferProps<{
                             componentType: PropTypes.Requireable<string>;
                             disabled: PropTypes.Requireable<boolean>;
@@ -302,10 +320,26 @@ declare namespace ExternalCourse {
                                 label: PropTypes.Validator<string>;
                                 onClick: PropTypes.Validator<(...args: any[]) => any>;
                                 type: PropTypes.Requireable<string>;
+                                linkType: 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>;
+                                        size: PropTypes.Requireable<number>;
+                                        color: PropTypes.Requireable<string>;
+                                    }>>;
+                                }>>;
+                                customStyle: PropTypes.Requireable<PropTypes.InferProps<{
+                                    color: PropTypes.Requireable<string>;
+                                    hoverBackgroundColor: PropTypes.Requireable<string>;
+                                }>>;
+                                isCustomSkillMenu: PropTypes.Requireable<boolean>;
                             }> | null | undefined)[]>;
                             onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             menuButtonClassName: PropTypes.Requireable<string>;
                             isBulkMenu: PropTypes.Requireable<boolean>;
+                            isCustomSkillMenu: PropTypes.Requireable<boolean>;
                         }> | null | undefined>>;
                         isNestedTable: PropTypes.Requireable<boolean>;
                         emptyStateFirstMessage: PropTypes.Requireable<string>;

package/es/variables/colors.css CHANGED Viewed

@@ -48,6 +48,7 @@
 @value cm_grey_900: #111117;
 @value cm_positive_100: #35CC7F;
 @value cm_positive_200: #05944F;
+@value cm_positive_300: #04713D;
 @value cm_negative_100: #ed3436;
 @value cm_negative_200: #b81400;
 @value cm_negative_50: #ffe5e6;
@@ -57,12 +58,14 @@
 @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/lib/atom/button-link/index.d.ts CHANGED Viewed

@@ -27,6 +27,7 @@ declare const ButtonLink: {
         disabled: import("prop-types").Requireable<boolean>;
         className: import("prop-types").Requireable<string>;
         customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+        isCustomSkillMenu: import("prop-types").Requireable<boolean>;
     };
 };
 export default ButtonLink;

package/lib/atom/button-link/index.d.ts.map CHANGED Viewed

	@@ -1 +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"}
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;AAyD7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmJzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

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

@@ -15,7 +15,7 @@ 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) => {
+const getButtonContent = (icon, content, hovered, hoverBackgroundColor, hoverColor, isCustomSkillMenu) => {
   const {
     type,
     faIcon,
@@ -25,11 +25,14 @@ const getButtonContent = (icon, content, hovered, hoverBackgroundColor, hoverCol
     position: ''
   };
   const Icon = type && _buttonIcons.ICONS[type];
+  const labelClassName = (0, _classnames.default)(_style.default.label, {
+    [_style.default.customSkillLabel]: isCustomSkillMenu && faIcon
+  });
   if (!Icon && !faIcon) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.buttonContent
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: _style.default.label
+      className: labelClassName
     }, content));
   }
   const iconComponent = faIcon ? /*#__PURE__*/_react.default.createElement(_icon.default, {
@@ -49,7 +52,7 @@ const getButtonContent = (icon, content, hovered, hoverBackgroundColor, hoverCol
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttonContent
   }, position === 'left' ? iconComponent : null, content ? /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.label
+    className: labelClassName
   }, content) : null, position === 'right' ? iconComponent : null);
 };
 const ButtonLink = props => {
@@ -72,9 +75,10 @@ const ButtonLink = props => {
     onKeyDown = _noop2.default,
     className,
     customStyle,
-    useTitle = true
+    useTitle = true,
+    isCustomSkillMenu
   } = props;
-  const styleButton = (0, _classnames.default)(className, _style.default.button, !label && _style.default.iconButton, type === 'primary' && _style.default.primary, type === 'secondary' && _style.default.secondary, type === 'tertiary' && _style.default.tertiary, type === 'text' && _style.default.text, type === 'dangerous' && _style.default.dangerous, link && _style.default.link, disabled && _style.default.disabled);
+  const styleButton = (0, _classnames.default)(className, _style.default.button, !label && _style.default.iconButton, type === 'primary' && _style.default.primary, type === 'secondary' && _style.default.secondary, type === 'tertiary' && _style.default.tertiary, type === 'text' && _style.default.text, type === 'dangerous' && _style.default.dangerous, link && _style.default.link, disabled && _style.default.disabled, isCustomSkillMenu && _style.default.customSkillButton);
   const [hovered, setHovered] = (0, _react.useState)(false);
   const handleOnClick = (0, _react.useCallback)(event => onClick(event), [onClick]);
   const handleOnKeyDown = (0, _react.useCallback)(event => onKeyDown(event), [onKeyDown]);
@@ -119,7 +123,7 @@ const ButtonLink = props => {
       hoverBackgroundColor: hoverBackgroundColor,
       onMouseEnter: handleMouseOver,
       onMouseLeave: handleMouseLeave
-    }), getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor), renderToolTip());
+    }), getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor, isCustomSkillMenu), renderToolTip());
   }
   return /*#__PURE__*/_react.default.createElement("button", _extends({}, useTitle && {
     title: ariaLabel || label
@@ -140,7 +144,7 @@ const ButtonLink = props => {
     onMouseLeave: handleMouseLeave,
     tabIndex: 0,
     disabled: disabled
-  }), getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor), renderToolTip());
+  }), getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor, isCustomSkillMenu), renderToolTip());
 };
 ButtonLink.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
 var _default = exports.default = ButtonLink;

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

	@@ -1 +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":";;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,KAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,MAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,MAAA,GAAAN,sBAAA,CAAAF,OAAA;AAAgC,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAhB,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAAA,SAAAmB,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAEhC,MAAMG,gBAAgB,GAAGA,CACvBC,IAAe,EACfC,OAAkC,EAClCC,OAAiB,EACjBC,oBAA6B,EAC7BC,UAAmB,KAChB;EACH,MAAM;IAACC,IAAI;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGP,IAAI,IAAI;IAACK,IAAI,EAAE,EAAE;IAAEE,QAAQ,EAAE;EAAE,CAAC;EACjE,MAAMC,IAAI,GAAGH,IAAI,IAAII,kBAAK,CAACJ,IAAI,CAAC;EAEhC,IAAI,CAACG,IAAI,IAAI,CAACF,MAAM,EAAE;IACpB,oBACE5C,MAAA,CAAAiB,OAAA,CAAA+B,aAAA;MAAKC,SAAS,EAAEC,cAAK,CAACC;IAAc,gBAClCnD,MAAA,CAAAiB,OAAA,CAAA+B,aAAA;MAAMC,SAAS,EAAEC,cAAK,CAACE;IAAM,GAAEb,OAAc,CAC1C,CAAC;EAEV;EAEA,MAAMc,aAAa,GAAGT,MAAM,gBAC1B5C,MAAA,CAAAiB,OAAA,CAAA+B,aAAA,CAAC1C,KAAA,CAAAW,OAAM;IAEHqC,QAAQ,EAAEV,MAAM,CAACW,IAAI;IACrBC,SAAS,EAAEhB,OAAO,IAAIE,UAAU,GAAGA,UAAU,GAAGE,MAAM,CAACa,KAAK;IAC5D;IACAC,eAAe,EAAE,CAACd,MAAM,EAAEc,eAAe,GACrC,aAAa,GACblB,OAAO,IAAIC,oBAAoB,GAC/BA,oBAAoB,GACpBG,MAAM,CAACc,eAAe;IAC1BC,IAAI,EAAE;MACJC,MAAM,EAAEhB,MAAM,CAACe,IAAI;MACnBE,WAAW,EAAEjB,MAAM,CAACe;IACtB,CAAC;IACDG,WAAW,EAAElB,MAAM,CAACkB;EAAW,CAElC,CAAC,gBAEF9D,MAAA,CAAAiB,OAAA,CAAA+B,aAAA,CAACF,IAAI;IAACG,SAAS,EAAEC,cAAK,CAACZ,IAAK;IAACyB,KAAK,EAAC;EAAc,CAAE,CACpD;EAED,oBACE/D,MAAA,CAAAiB,OAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAc,GACjCN,QAAQ,KAAK,MAAM,GAAGQ,aAAa,GAAG,IAAI,EAC1Cd,OAAO,gBAAGvC,MAAA,CAAAiB,OAAA,CAAA+B,aAAA;IAAMC,SAAS,EAAEC,cAAK,CAACE;EAAM,GAAEb,OAAc,CAAC,GAAG,IAAI,EAC/DM,QAAQ,KAAK,OAAO,GAAGQ,aAAa,GAAG,IACrC,CAAC;AAEV,CAAC;AAED,MAAMW,UAAU,GAAIC,KAAsB,IAAK;EAC7C,MAAM;IACJtB,IAAI;IACJuB,KAAK,GAAG,QAAQ;IAChBd,KAAK;IACLb,OAAO;IACPE,oBAAoB;IACpBC,UAAU;IACVyB,QAAQ,GAAG,KAAK;IAChB7B,IAAI;IACJ,WAAW,EAAE8B,QAAQ;IACrB,aAAa,EAAEC,UAAU,GAAG,aAAa;IACzC,YAAY,EAAEC,SAAS;IACvBC,WAAW;IACXC,gBAAgB,GAAG,MAAM;IACzBC,IAAI;IACJC,OAAO,GAAAC,MAAA,CAAA1D,OAAO;IACd2D,SAAS,GAAAD,MAAA,CAAA1D,OAAO;IAChBgC,SAAS;IACTa,WAAW;IACXe,QAAQ,GAAG;EACb,CAAC,GAAGZ,KAAK;EACT,MAAMa,WAAW,GAAG,IAAAC,mBAAU,EAC5B9B,SAAS,EACTC,cAAK,CAAC8B,MAAM,EACZ,CAAC5B,KAAK,IAAIF,cAAK,CAAC+B,UAAU,EAC1BtC,IAAI,KAAK,SAAS,IAAIO,cAAK,CAACgC,OAAO,EACnCvC,IAAI,KAAK,WAAW,IAAIO,cAAK,CAACiC,SAAS,EACvCxC,IAAI,KAAK,UAAU,IAAIO,cAAK,CAACkC,QAAQ,EACrCzC,IAAI,KAAK,MAAM,IAAIO,cAAK,CAACmC,IAAI,EAC7B1C,IAAI,KAAK,WAAW,IAAIO,cAAK,CAACoC,SAAS,EACvCb,IAAI,IAAIvB,cAAK,CAACuB,IAAI,EAClBN,QAAQ,IAAIjB,cAAK,CAACiB,QACpB,CAAC;EAED,MAAM,CAAC3B,OAAO,EAAE+C,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7C,MAAMC,aAAa,GAAG,IAAAC,kBAAW,EAACC,KAAK,IAAIjB,OAAO,CAACiB,KAAK,CAAC,EAAE,CAACjB,OAAO,CAAC,CAAC;EAErE,MAAMkB,eAAe,GAAG,IAAAF,kBAAW,EAACC,KAAK,IAAIf,SAAS,CAACe,KAAK,CAAC,EAAE,CAACf,SAAS,CAAC,CAAC;EAE3E,MAAMiB,eAAe,GAAG,IAAAH,kBAAW,EAAC,MAAM;IACxCH,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,MAAMO,gBAAgB,GAAG,IAAAJ,kBAAW,EAAC,MAAMH,UAAU,CAAC,KAAK,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAE3E,MAAMQ,cAAc,GAAG,IAAAL,kBAAW,EAChC,mBAAM1F,MAAA,CAAAiB,OAAA,CAAA+B,aAAA;IAAMC,SAAS,EAAEC,cAAK,CAAC8C;EAAsB,GAAEzB,WAAW,IAAID,SAAgB,CAAC,EACrF,CAACC,WAAW,EAAED,SAAS,CACzB,CAAC;EAED,MAAM2B,aAAa,GAAGA,CAAA,KAAM;IAC1B,MAAMC,oCAAoC,GAAG3B,WAAW,IAAID,SAAS;IACrE,IAAI,CAAC4B,oCAAoC,EAAE,OAAO,IAAI;IACtD,oBACElG,MAAA,CAAAiB,OAAA,CAAA+B,aAAA,CAACxC,QAAA,CAAAS,OAAO;MACNkF,QAAQ,EAAE,EAAG;MACbC,QAAQ,EAAC,aAAa;MACtBC,gBAAgB,EAAE7D,OAAQ;MAC1B8D,SAAS,EAAE9B,gBAAiB;MAC5BuB,cAAc,EAAEA,cAAe;MAC/BG,oCAAoC,EAAEA;IAAqC,CAC5E,CAAC;EAEN,CAAC;EAED,MAAMK,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM;IACjC,OAAO;MACL,GAAG1C,WAAW;MACd,IAAI,CAACrB,oBAAoB,IAAIC,UAAU,KAAKF,OAAO,GAC/C;QACEkB,eAAe,EAAEjB,oBAAoB;QACrCgB,KAAK,EAAEf;MACT,CAAC,GACD,IAAI;IACV,CAAC;EACH,CAAC,EAAE,CAACD,oBAAoB,EAAEC,UAAU,EAAEF,OAAO,EAAEsB,WAAW,CAAC,CAAC;EAE5D,IAAIW,IAAI,EAAE;IACR,oBACEzE,MAAA,CAAAiB,OAAA,CAAA+B,aAAA,CAAC3C,KAAA,CAAAY,OAAI,EAAAc,QAAA,KACC0C,IAAI,EACHI,QAAQ,IAAI;MACf4B,KAAK,EAAEnC,SAAS,IAAIlB;IACtB,CAAC;MACDF,KAAK,EAAEY,WAAY;MACnBb,SAAS,EAAE6B,WAAY;MACvB,aAAWV,QAAS;MACpB,eAAaC,UAAW;MACxB,cAAYC,SAAS,IAAIlB,KAAM;MAC/BV,UAAU,EAAEA,UAAW;MACvBD,oBAAoB,EAAEA,oBAAqB;MAC3CiE,YAAY,EAAEb,eAAgB;MAC9Bc,YAAY,EAAEb;IAAiB,IAE9BzD,gBAAgB,CAACC,IAAI,EAAEC,OAAO,IAAIa,KAAK,EAAEZ,OAAO,EAAEC,oBAAoB,EAAEC,UAAU,CAAC,EACnFuD,aAAa,CAAC,CACX,CAAC;EAEX;EAEA,oBACEjG,MAAA,CAAAiB,OAAA,CAAA+B,aAAA,WAAAjB,QAAA,KACO8C,QAAQ,IAAI;IACf4B,KAAK,EAAEnC,SAAS,IAAIlB;EACtB,CAAC,EACIkB,SAAS,IAAI,CAAClB,KAAK,GACpB;IACE,UAAU,EAAE,aAAa;IACzB,UAAU,EAAEZ;EACd,CAAC,GACD,CAAC,CAAC;IACN;IACAG,IAAI,EAAEuB,KAAM;IACZ,cAAYI,SAAS,IAAIlB,KAAM;IAC/B,aAAWgB,QAAS;IACpB,eAAaC,UAAW;IACxBnB,KAAK,EAAEqD,YAAa;IACpBtD,SAAS,EAAE6B,WAAY;IACvBJ,OAAO,EAAEe,aAAc;IACvBb,SAAS,EAAEgB,eAAgB;IAC3BgB,WAAW,EAAEf,eAAgB;IAC7Bc,YAAY,EAAEb,gBAAiB;IAC/Be,QAAQ,EAAE,CAAE;IACZ1C,QAAQ,EAAEA;EAAS,IAElB9B,gBAAgB,CAACC,IAAI,EAAEC,OAAO,IAAIa,KAAK,EAAEZ,OAAO,EAAEC,oBAAoB,EAAEC,UAAU,CAAC,EACnFuD,aAAa,CAAC,CACT,CAAC;AAEb,CAAC;AAEDjC,UAAU,CAAC8C,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,cAAS;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAlG,OAAA,GAElB+C,UAAU","ignoreList":[]}
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","isCustomSkillMenu","type","faIcon","position","Icon","ICONS","labelClassName","classnames","style","label","customSkillLabel","createElement","className","buttonContent","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","button","iconButton","primary","secondary","tertiary","text","dangerous","customSkillButton","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 isCustomSkillMenu?: boolean\n) => {\n const {type, faIcon, position} = icon \|\| {type: '', position: ''};\n const Icon = type && ICONS[type];\n\n const labelClassName = classnames(style.label, {\n [style.customSkillLabel]: isCustomSkillMenu && faIcon\n });\n\n if (!Icon && !faIcon) {\n return (\n <div className={style.buttonContent}>\n <span className={labelClassName}>{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={labelClassName}>{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 isCustomSkillMenu\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 isCustomSkillMenu && style.customSkillButton\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(\n icon,\n content ?? label,\n hovered,\n hoverBackgroundColor,\n hoverColor,\n isCustomSkillMenu\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 isCustomSkillMenu\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/style.css CHANGED Viewed

@@ -109,4 +109,14 @@
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;
+}
+.customSkillButton {
+  composes: button;
+  padding: 12px 16px;
+  padding-left: 6px;
+}
+.customSkillLabel {
+  margin: 0;
 }

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

@@ -26,6 +26,7 @@ declare const propTypes: {
     disabled: PropTypes.Requireable<boolean>;
     className: PropTypes.Requireable<string>;
     customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+    isCustomSkillMenu: PropTypes.Requireable<boolean>;
 };
 export declare type FaIcontype = {
     name: string;
@@ -63,6 +64,7 @@ export declare type ButtonLinkProps = {
     className?: string;
     customStyle?: Record<string, unknown>;
     useTitle?: boolean;
+    isCustomSkillMenu?: boolean;
 };
 export declare type Fixture = {
     props: ButtonLinkProps;

package/lib/atom/button-link/types.d.ts.map CHANGED Viewed

	@@ -1 +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"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;CA0Bd,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;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC;AAE/C,eAAe,SAAS,CAAC"}

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

@@ -30,7 +30,8 @@ const propTypes = {
   hoverColor: _propTypes.default.string,
   disabled: _propTypes.default.bool,
   className: _propTypes.default.string,
-  customStyle: _propTypes.default.shape({})
+  customStyle: _propTypes.default.shape({}),
+  isCustomSkillMenu: _propTypes.default.bool
 };
 var _default = exports.default = propTypes;
 //# sourceMappingURL=types.js.map

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

	@@ -1 +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":[]}
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","isCustomSkillMenu","_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 isCustomSkillMenu: PropTypes.bool\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 isCustomSkillMenu?: 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,CAAC;EAChCgB,iBAAiB,EAAE1B,kBAAS,CAACmB;AAC/B,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAA/B,OAAA,GA4CaC,SAAS","ignoreList":[]}

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

@@ -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 CHANGED Viewed

@@ -9,6 +9,21 @@ declare const ButtonMenu: {
             label: import("prop-types").Validator<string>;
             onClick: import("prop-types").Validator<(...args: any[]) => any>;
             type: import("prop-types").Requireable<string>;
+            linkType: 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>;
+                    size: import("prop-types").Requireable<number>;
+                    color: import("prop-types").Requireable<string>;
+                }>>;
+            }>>;
+            customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{
+                color: import("prop-types").Requireable<string>;
+                hoverBackgroundColor: import("prop-types").Requireable<string>;
+            }>>;
+            isCustomSkillMenu: import("prop-types").Requireable<boolean>;
         }> | null | undefined)[]>;
         'data-name': import("prop-types").Requireable<string>;
     };

package/lib/atom/button-menu/index.d.ts.map CHANGED Viewed

	@@ -1 +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"}
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;AA8EjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBzC,CAAC;AAIF,eAAe,UAAU,CAAC"}