@coorpacademy/components 11.35.3-forcedeploy8.5 → 11.36.1

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

@@ -67,7 +67,7 @@ const ButtonLink = props => {
     customStyle,
     useTitle = true
   } = props;
-  const styleButton = classnames(className, style.button, !label && style.iconButton, type === 'primary' && style.primary, type === 'secondary' && style.secondary, type === 'tertiary' && style.tertiary, type === 'text' && style.text, type === 'dangerous' && style.dangerous, link && style.link, disabled && style.disabled);
+  const styleButton = classnames(link && style.link, className, style.button, !label && style.iconButton, type === 'primary' && style.primary, type === 'secondary' && style.secondary, type === 'tertiary' && style.tertiary, type === 'text' && style.text, type === 'dangerous' && style.dangerous, disabled && style.disabled);
   const [hovered, setHovered] = useState(false);
   const handleOnClick = useCallback(event => onClick(event), [onClick]);
   const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);
@@ -103,8 +103,8 @@ const ButtonLink = props => {
     return /*#__PURE__*/React.createElement(Link, _extends({}, link, useTitle && {
       title: ariaLabel || label
     }, {
-      style: customStyle,
       className: styleButton,
+      style: customStyle,
       "data-name": dataName,
       "data-testid": dataTestId,
       "aria-label": ariaLabel || label,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","useMemo","classnames","Link","FaIcon","DEFAULT_ICON_COLOR","ICONS","ToolTip","propTypes","style","getButtonContent","icon","content","hovered","hoverBackgroundColor","hoverColor","type","faIcon","position","Icon","createElement","className","buttonContent","label","iconComponent","iconName","name","iconColor","color","backgroundColor","size","faSize","wrapperSize","customStyle","theme","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","tooltipText","tooltipPlacement","link","onClick","_noop","onKeyDown","useTitle","styleButton","button","iconButton","primary","secondary","tertiary","text","dangerous","setHovered","handleOnClick","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","TooltipContent","tooltipContentWrapper","renderToolTip","closeToolTipInformationTextAriaLabel","fontSize","anchorId","toolTipIsVisible","placement","_customStyle","_extends","title","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","process","env","NODE_ENV"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon, {DEFAULT_ICON_COLOR, IconProps} from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport ToolTip from '../tooltip';\nimport 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          ? null\n          : hovered && hoverBackgroundColor\n          ? hoverBackgroundColor\n          : faIcon.backgroundColor,\n        size: {\n          faSize: faIcon.size,\n          wrapperSize: faIcon.size\n        },\n        customStyle: faIcon.customStyle\n      } as IconProps)}\n    />\n  ) : (\n    <Icon className={style.icon} theme=\"coorpmanager\" />\n  );\n\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","useCallback","useState","useMemo","classnames","Link","FaIcon","DEFAULT_ICON_COLOR","ICONS","ToolTip","propTypes","style","getButtonContent","icon","content","hovered","hoverBackgroundColor","hoverColor","type","faIcon","position","Icon","createElement","className","buttonContent","label","iconComponent","iconName","name","iconColor","color","backgroundColor","size","faSize","wrapperSize","customStyle","theme","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","tooltipText","tooltipPlacement","link","onClick","_noop","onKeyDown","useTitle","styleButton","button","iconButton","primary","secondary","tertiary","text","dangerous","setHovered","handleOnClick","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","TooltipContent","tooltipContentWrapper","renderToolTip","closeToolTipInformationTextAriaLabel","fontSize","anchorId","toolTipIsVisible","placement","_customStyle","_extends","title","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","process","env","NODE_ENV"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon, {DEFAULT_ICON_COLOR, IconProps} from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport ToolTip from '../tooltip';\nimport 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          ? null\n          : hovered && hoverBackgroundColor\n          ? hoverBackgroundColor\n          : faIcon.backgroundColor,\n        size: {\n          faSize: faIcon.size,\n          wrapperSize: faIcon.size\n        },\n        customStyle: faIcon.customStyle\n      } as IconProps)}\n    />\n  ) : (\n    <Icon className={style.icon} theme=\"coorpmanager\" />\n  );\n\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    link && style.link,\n    className,\n    style.button,\n    !label && style.iconButton,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    disabled && style.disabled\n  );\n\n  const [hovered, setHovered] = useState(false);\n\n  const handleOnClick = useCallback(event => onClick(event), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n  const handleMouseOver = useCallback(() => {\n    setHovered(true);\n  }, [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const TooltipContent = useCallback(\n    () => <span className={style.tooltipContentWrapper}>{tooltipText || ariaLabel}</span>,\n    [tooltipText, ariaLabel]\n  );\n\n  const renderToolTip = () => {\n    const closeToolTipInformationTextAriaLabel = tooltipText || ariaLabel;\n    if (!closeToolTipInformationTextAriaLabel) return null;\n    return (\n      <ToolTip\n        fontSize={12}\n        anchorId=\"button-icon\"\n        toolTipIsVisible={hovered}\n        placement={tooltipPlacement}\n        TooltipContent={TooltipContent}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      />\n    );\n  };\n\n  const _customStyle = useMemo(() => {\n    return {\n      ...customStyle,\n      ...((hoverBackgroundColor || hoverColor) && hovered\n        ? {\n            backgroundColor: hoverBackgroundColor,\n            color: hoverColor\n          }\n        : null)\n    };\n  }, [hoverBackgroundColor, hoverColor, hovered, customStyle]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        {...(useTitle && {\n          title: ariaLabel || label\n        })}\n        className={styleButton}\n        style={customStyle}\n        data-name={dataName}\n        data-testid={dataTestId}\n        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/es/atom/button-menu/index.d.ts

@@ -7,7 +7,7 @@ declare const ButtonMenu: {
             'data-name': import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
             label: import("prop-types").Validator<string>;
-            onClick: import("prop-types").Validator<(...args: any[]) => any>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
             type: import("prop-types").Requireable<string>;
             buttonLinkType: import("prop-types").Requireable<string>;
             icon: import("prop-types").Requireable<import("prop-types").InferProps<{

package/es/atom/button-menu/style.css

@@ -11,7 +11,7 @@
 }
 
 .button {
-  width: 100%;
+  width: auto;
   height: 40px;
   font-family: Gilroy;
   font-size: 14px;

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

@@ -4,7 +4,7 @@ export declare const buttonPropTypes: {
     'data-name': PropTypes.Requireable<string>;
     disabled: PropTypes.Requireable<boolean>;
     label: PropTypes.Validator<string>;
-    onClick: PropTypes.Validator<(...args: any[]) => any>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
     type: PropTypes.Requireable<string>;
     buttonLinkType: PropTypes.Requireable<string>;
     icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -30,7 +30,7 @@ declare const propTypes: {
         'data-name': PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         label: PropTypes.Validator<string>;
-        onClick: PropTypes.Validator<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;
         buttonLinkType: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<PropTypes.InferProps<{

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

@@ -4,7 +4,7 @@ export const buttonPropTypes = {
   'data-name': PropTypes.string,
   disabled: PropTypes.bool,
   label: PropTypes.string.isRequired,
-  onClick: PropTypes.func.isRequired,
+  onClick: PropTypes.func,
   type: PropTypes.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft']),
   buttonLinkType: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),
   icon: PropTypes.shape({

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","iconPropTypes","buttonPropTypes","string","disabled","bool","label","isRequired","onClick","func","type","oneOf","buttonLinkType","icon","shape","theme","customStyle","objectOf","oneOfType","number","propTypes","buttons","arrayOf"],"sources":["../../../src/atom/button-menu/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ButtonLinkProps, IconType, iconPropTypes} from '../button-link/types';\n\nexport const buttonPropTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft']),\n  buttonLinkType: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  icon: PropTypes.shape({\n    ...iconPropTypes,\n    theme: PropTypes.oneOf(['archived', 'published', 'deleted'])\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nconst propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(buttonPropTypes)).isRequired,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nexport default propTypes;\n\nexport type Theme = 'archived' | 'published' | 'deleted';\n\nexport type ButtonProps = Omit<ButtonLinkProps, 'type' | 'icon'> & {\n  type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';\n  buttonLinkType?: ButtonLinkProps['type'];\n  icon?: IconType & {theme?: Theme};\n};\n\nexport type ButtonMenuProps = {\n  buttons: ButtonProps[];\n  'data-name'?: string;\n  'aria-label'?: string;\n};\n\nexport type ButtonMenuPropsFixture = {props: ButtonMenuProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAAmCC,aAAa,QAAO,sBAAsB;AAE7E,OAAO,MAAMC,eAAe,GAAG;EAC7B,WAAW,EAAEF,SAAS,CAACG,MAAM;EAC7BC,QAAQ,EAAEJ,SAAS,CAACK,IAAI;EACxBC,KAAK,EAAEN,SAAS,CAACG,MAAM,CAACI,UAAU;EAClCC,OAAO,EAAER,SAAS,CAACS,IAAI,CAACF,UAAU;EAClCG,IAAI,EAAEV,SAAS,CAACW,KAAK,CAAC,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC;EAC/EC,cAAc,EAAEZ,SAAS,CAACW,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAC1FE,IAAI,EAAEb,SAAS,CAACc,KAAK,CAAC;IACpB,GAAGb,aAAa;IAChBc,KAAK,EAAEf,SAAS,CAACW,KAAK,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC;EAC7D,CAAC,CAAC;EACFK,WAAW,EAAEhB,SAAS,CAACiB,QAAQ,CAACjB,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACG,MAAM,EAAEH,SAAS,CAACmB,MAAM,CAAC,CAAC;AAC3F,CAAC;AAED,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAErB,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACc,KAAK,CAACZ,eAAe,CAAC,CAAC,CAACK,UAAU;EACvE,WAAW,EAAEP,SAAS,CAACG,MAAM;EAC7B,YAAY,EAAEH,SAAS,CAACG;AAC1B,CAAC;AAED,eAAeiB,SAAS","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PropTypes","iconPropTypes","buttonPropTypes","string","disabled","bool","label","isRequired","onClick","func","type","oneOf","buttonLinkType","icon","shape","theme","customStyle","objectOf","oneOfType","number","propTypes","buttons","arrayOf"],"sources":["../../../src/atom/button-menu/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ButtonLinkProps, IconType, iconPropTypes} from '../button-link/types';\n\nexport const buttonPropTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  type: PropTypes.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft']),\n  buttonLinkType: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  icon: PropTypes.shape({\n    ...iconPropTypes,\n    theme: PropTypes.oneOf(['archived', 'published', 'deleted'])\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nconst propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(buttonPropTypes)).isRequired,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nexport default propTypes;\n\nexport type Theme = 'archived' | 'published' | 'deleted';\n\nexport type ButtonProps = Omit<ButtonLinkProps, 'type' | 'icon'> & {\n  type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';\n  buttonLinkType?: ButtonLinkProps['type'];\n  icon?: IconType & {theme?: Theme};\n};\n\nexport type ButtonMenuProps = {\n  buttons: ButtonProps[];\n  'data-name'?: string;\n  'aria-label'?: string;\n};\n\nexport type ButtonMenuPropsFixture = {props: ButtonMenuProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAAmCC,aAAa,QAAO,sBAAsB;AAE7E,OAAO,MAAMC,eAAe,GAAG;EAC7B,WAAW,EAAEF,SAAS,CAACG,MAAM;EAC7BC,QAAQ,EAAEJ,SAAS,CAACK,IAAI;EACxBC,KAAK,EAAEN,SAAS,CAACG,MAAM,CAACI,UAAU;EAClCC,OAAO,EAAER,SAAS,CAACS,IAAI;EACvBC,IAAI,EAAEV,SAAS,CAACW,KAAK,CAAC,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC;EAC/EC,cAAc,EAAEZ,SAAS,CAACW,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAC1FE,IAAI,EAAEb,SAAS,CAACc,KAAK,CAAC;IACpB,GAAGb,aAAa;IAChBc,KAAK,EAAEf,SAAS,CAACW,KAAK,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC;EAC7D,CAAC,CAAC;EACFK,WAAW,EAAEhB,SAAS,CAACiB,QAAQ,CAACjB,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACG,MAAM,EAAEH,SAAS,CAACmB,MAAM,CAAC,CAAC;AAC3F,CAAC;AAED,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAErB,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACc,KAAK,CAACZ,eAAe,CAAC,CAAC,CAACK,UAAU;EACvE,WAAW,EAAEP,SAAS,CAACG,MAAM;EAC7B,YAAY,EAAEH,SAAS,CAACG;AAC1B,CAAC;AAED,eAAeiB,SAAS","ignoreList":[]}

package/es/atom/tag/style.css

@@ -81,4 +81,5 @@
   display: flex;
   align-items: center;
   gap: 4px;
+  line-height: 16px;
 }

package/es/molecule/brand-tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-tabs/index.js"],"names":[],"mappings":";AAyCA,oDAMC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-tabs/index.js"],"names":[],"mappings":";AAmDA,oDAMC"}

package/es/molecule/brand-tabs/index.js

@@ -1,8 +1,10 @@
 import _snakeCase from "lodash/fp/snakeCase";
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import Link from '../../atom/link';
-import StatusItem from '../../atom/status-item';
+import Tag from '../../atom/tag';
+import { COLORS } from '../../variables/colors';
 import style from './style.css';
 const Tab = ({
   tab,
@@ -19,6 +21,10 @@ const Tab = ({
   const selectedStyle = isLightTab ? style.selectedlight : style.selected;
   const unselectedStyle = isLightTab ? style.lighttab : style.tab;
   const className = selected ? selectedStyle : unselectedStyle;
+  const tagSelectedStyle = {
+    backgroundColor: COLORS.primary_100,
+    color: COLORS.cm_primary_blue
+  };
   return /*#__PURE__*/React.createElement("div", {
     "data-name": `brand_tab_${_snakeCase(title)}`,
     className: className,
@@ -28,11 +34,12 @@ const Tab = ({
     href: href
   }, title), status ? /*#__PURE__*/React.createElement("div", {
     className: style.statusItemWrapper
-  }, /*#__PURE__*/React.createElement(StatusItem, {
-    icon: "no-answer",
-    value: status,
-    selected: selected
-  })) : null);
+  }, /*#__PURE__*/React.createElement(Tag, _extends({}, selected && {
+    customStyle: tagSelectedStyle
+  }, {
+    size: "S",
+    label: status
+  }))) : null);
 };
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   tab: PropTypes.shape({

package/es/molecule/brand-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Link","StatusItem","style","Tab","tab","index","isLightTab","title","href","status","selected","onClick","selectedStyle","selectedlight","unselectedStyle","lighttab","className","createElement","_snakeCase","key","statusItemWrapper","icon","value","propTypes","process","env","NODE_ENV","shape","children","string","bool","func","number","BrandTabs","props","tabs","type","tabsList","map","lightwrapper","wrapper","arrayOf","oneOf"],"sources":["../../../src/molecule/brand-tabs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport StatusItem from '../../atom/status-item';\nimport style from './style.css';\n\nconst Tab = ({tab, index, isLightTab}) => {\n  const {title, href, status, selected, onClick} = tab;\n  const selectedStyle = isLightTab ? style.selectedlight : style.selected;\n  const unselectedStyle = isLightTab ? style.lighttab : style.tab;\n  const className = selected ? selectedStyle : unselectedStyle;\n\n  return (\n    <div\n      data-name={`brand_tab_${snakeCase(title)}`}\n      className={className}\n      key={index}\n      onClick={onClick}\n    >\n      <Link href={href}>{title}</Link>\n      {status ? (\n        <div className={style.statusItemWrapper}>\n          <StatusItem icon=\"no-answer\" value={status} selected={selected} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\nTab.propTypes = {\n  tab: PropTypes.shape({\n    title: Link.propTypes.children,\n    href: Link.propTypes.href,\n    status: PropTypes.string,\n    selected: PropTypes.bool,\n    onClick: PropTypes.func\n  }),\n  index: PropTypes.number,\n  isLightTab: PropTypes.bool\n};\n\nconst BrandTabs = props => {\n  const {tabs, type = 'default'} = props;\n  const isLightTab = type === 'light';\n  const tabsList = tabs.map((tab, index) => Tab({tab, index, isLightTab}));\n\n  return <div className={isLightTab ? style.lightwrapper : style.wrapper}>{tabsList}</div>;\n};\n\nBrandTabs.propTypes = {\n  tabs: PropTypes.arrayOf(PropTypes.shape(Tab.propTypes)),\n  type: PropTypes.oneOf(['default', 'light'])\n};\nexport default BrandTabs;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,GAAG,GAAGA,CAAC;EAACC,GAAG;EAAEC,KAAK;EAAEC;AAAU,CAAC,KAAK;EACxC,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAGP,GAAG;EACpD,MAAMQ,aAAa,GAAGN,UAAU,GAAGJ,KAAK,CAACW,aAAa,GAAGX,KAAK,CAACQ,QAAQ;EACvE,MAAMI,eAAe,GAAGR,UAAU,GAAGJ,KAAK,CAACa,QAAQ,GAAGb,KAAK,CAACE,GAAG;EAC/D,MAAMY,SAAS,GAAGN,QAAQ,GAAGE,aAAa,GAAGE,eAAe;EAE5D,oBACEhB,KAAA,CAAAmB,aAAA;IACE,aAAW,aAAaC,UAAA,CAAUX,KAAK,CAAC,EAAG;IAC3CS,SAAS,EAAEA,SAAU;IACrBG,GAAG,EAAEd,KAAM;IACXM,OAAO,EAAEA;EAAQ,gBAEjBb,KAAA,CAAAmB,aAAA,CAACjB,IAAI;IAACQ,IAAI,EAAEA;EAAK,GAAED,KAAY,CAAC,EAC/BE,MAAM,gBACLX,KAAA,CAAAmB,aAAA;IAAKD,SAAS,EAAEd,KAAK,CAACkB;EAAkB,gBACtCtB,KAAA,CAAAmB,aAAA,CAAChB,UAAU;IAACoB,IAAI,EAAC,WAAW;IAACC,KAAK,EAAEb,MAAO;IAACC,QAAQ,EAAEA;EAAS,CAAE,CAC9D,CAAC,GACJ,IACD,CAAC;AAEV,CAAC;AACDP,GAAG,CAACoB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACdtB,GAAG,EAAEL,SAAS,CAAC4B,KAAK,CAAC;IACnBpB,KAAK,EAAEP,IAAI,CAACuB,SAAS,CAACK,QAAQ;IAC9BpB,IAAI,EAAER,IAAI,CAACuB,SAAS,CAACf,IAAI;IACzBC,MAAM,EAAEV,SAAS,CAAC8B,MAAM;IACxBnB,QAAQ,EAAEX,SAAS,CAAC+B,IAAI;IACxBnB,OAAO,EAAEZ,SAAS,CAACgC;EACrB,CAAC,CAAC;EACF1B,KAAK,EAAEN,SAAS,CAACiC,MAAM;EACvB1B,UAAU,EAAEP,SAAS,CAAC+B;AACxB,CAAC;AAED,MAAMG,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,IAAI;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGF,KAAK;EACtC,MAAM5B,UAAU,GAAG8B,IAAI,KAAK,OAAO;EACnC,MAAMC,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAAC,CAAClC,GAAG,EAAEC,KAAK,KAAKF,GAAG,CAAC;IAACC,GAAG;IAAEC,KAAK;IAAEC;EAAU,CAAC,CAAC,CAAC;EAExE,oBAAOR,KAAA,CAAAmB,aAAA;IAAKD,SAAS,EAAEV,UAAU,GAAGJ,KAAK,CAACqC,YAAY,GAAGrC,KAAK,CAACsC;EAAQ,GAAEH,QAAc,CAAC;AAC1F,CAAC;AAEDJ,SAAS,CAACV,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBS,IAAI,EAAEpC,SAAS,CAAC0C,OAAO,CAAC1C,SAAS,CAAC4B,KAAK,CAACxB,GAAG,CAACoB,SAAS,CAAC,CAAC;EACvDa,IAAI,EAAErC,SAAS,CAAC2C,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC;AAC5C,CAAC;AACD,eAAeT,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Link","Tag","COLORS","style","Tab","tab","index","isLightTab","title","href","status","selected","onClick","selectedStyle","selectedlight","unselectedStyle","lighttab","className","tagSelectedStyle","backgroundColor","primary_100","color","cm_primary_blue","createElement","_snakeCase","key","statusItemWrapper","_extends","customStyle","size","label","propTypes","process","env","NODE_ENV","shape","children","string","bool","func","number","BrandTabs","props","tabs","type","tabsList","map","lightwrapper","wrapper","arrayOf","oneOf"],"sources":["../../../src/molecule/brand-tabs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport Tag from '../../atom/tag';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst Tab = ({tab, index, isLightTab}) => {\n  const {title, href, status, selected, onClick} = tab;\n  const selectedStyle = isLightTab ? style.selectedlight : style.selected;\n  const unselectedStyle = isLightTab ? style.lighttab : style.tab;\n  const className = selected ? selectedStyle : unselectedStyle;\n  const tagSelectedStyle = {\n    backgroundColor: COLORS.primary_100,\n    color: COLORS.cm_primary_blue\n  };\n  return (\n    <div\n      data-name={`brand_tab_${snakeCase(title)}`}\n      className={className}\n      key={index}\n      onClick={onClick}\n    >\n      <Link href={href}>{title}</Link>\n      {status ? (\n        <div className={style.statusItemWrapper}>\n          <Tag\n            {...(selected && {\n              customStyle: tagSelectedStyle\n            })}\n            size=\"S\"\n            label={status}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\nTab.propTypes = {\n  tab: PropTypes.shape({\n    title: Link.propTypes.children,\n    href: Link.propTypes.href,\n    status: PropTypes.string,\n    selected: PropTypes.bool,\n    onClick: PropTypes.func\n  }),\n  index: PropTypes.number,\n  isLightTab: PropTypes.bool\n};\n\nconst BrandTabs = props => {\n  const {tabs, type = 'default'} = props;\n  const isLightTab = type === 'light';\n  const tabsList = tabs.map((tab, index) => Tab({tab, index, isLightTab}));\n\n  return <div className={isLightTab ? style.lightwrapper : style.wrapper}>{tabsList}</div>;\n};\n\nBrandTabs.propTypes = {\n  tabs: PropTypes.arrayOf(PropTypes.shape(Tab.propTypes)),\n  type: PropTypes.oneOf(['default', 'light'])\n};\nexport default BrandTabs;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/brand-tabs/style.css

@@ -19,9 +19,8 @@
 }
 
 .statusItemWrapper {
-  margin-left: 8px;
-  width: 14px;
-  height: 16px;
+  display: flex;
+  align-items: center;
 }
 
 .tab {
@@ -40,7 +39,7 @@
   align-items: center;
   justify-content: space-between;
   padding: 8px 16px;
-  margin-right: 16px;
+  gap: 8px;
   border-radius: 5px;
 }
 
@@ -99,4 +98,4 @@
   color: cm_primary_blue;
   font-size: 14px;
   font-weight: 600;
-}
+}

package/es/molecule/bullet-point-menu-button/index.d.ts

@@ -11,7 +11,7 @@ declare const BulletPointMenuButton: {
             'data-name': import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
             label: import("prop-types").Validator<string>;
-            onClick: import("prop-types").Validator<(...args: any[]) => any>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
             type: import("prop-types").Requireable<string>;
             buttonLinkType: import("prop-types").Requireable<string>;
             icon: import("prop-types").Requireable<import("prop-types").InferProps<{

package/es/molecule/bullet-point-menu-button/types.d.ts

@@ -9,7 +9,7 @@ declare const propTypes: {
         'data-name': PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         label: PropTypes.Validator<string>;
-        onClick: PropTypes.Validator<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;
         buttonLinkType: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<PropTypes.InferProps<{

package/es/molecule/button-menu-action/index.d.ts

@@ -45,7 +45,7 @@ declare const ButtonMenuAction: {
                 'data-name': import("prop-types").Requireable<string>;
                 disabled: import("prop-types").Requireable<boolean>;
                 label: import("prop-types").Validator<string>;
-                onClick: import("prop-types").Validator<(...args: any[]) => any>;
+                onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                 type: import("prop-types").Requireable<string>;
                 buttonLinkType: import("prop-types").Requireable<string>;
                 icon: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -75,6 +75,8 @@ declare const ButtonMenuAction: {
                 [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
             }>;
         }>>;
+        type: import("prop-types").Requireable<string>;
+        primaryColor: import("prop-types").Requireable<string>;
     };
 };
 export default ButtonMenuAction;

package/es/molecule/button-menu-action/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/button-menu-action/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAGzD,QAAA,MAAM,gBAAgB;YAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCrD,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/button-menu-action/index.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAGzD,QAAA,MAAM,gBAAgB;YAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgErD,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

package/es/molecule/button-menu-action/index.js

@@ -1,7 +1,8 @@
 import _noop from "lodash/fp/noop";
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState, useRef } from 'react';
 import classnames from 'classnames';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import ButtonLink from '../../atom/button-link';
 import ButtonMenu from '../../atom/button-menu';
 import propTypes from './types';
@@ -10,23 +11,31 @@ const ButtonMenuAction = props => {
   const {
     button,
     menu,
-    menuWrapper
+    menuWrapper,
+    type = 'button',
+    primaryColor,
+    containerCustom
   } = props;
   const {
     onClick = _noop
   } = button;
   const [visible, setVisible] = useState(false);
+  const containerRef = useRef(null);
   const toggleVisibility = useCallback(() => {
     onClick();
     setVisible(prevState => !prevState);
   }, [onClick]);
   useEffect(() => {
-    const handleMouseDown = () => setVisible(false);
+    const handleMouseDown = event => {
+      if (visible && containerRef.current && !containerRef.current.contains(event.target)) {
+        setVisible(false);
+      }
+    };
     document.addEventListener('mousedown', handleMouseDown);
     return () => {
       document.removeEventListener('mousedown', handleMouseDown);
     };
-  }, []);
+  }, [visible, containerRef]);
   const _menu = /*#__PURE__*/React.createElement("div", {
     className: classnames(style.menuWrapper, visible && style.visible),
     "data-name": "menu-wrapper",
@@ -35,8 +44,27 @@ const ButtonMenuAction = props => {
   }, /*#__PURE__*/React.createElement(ButtonMenu, menu));
   return /*#__PURE__*/React.createElement("div", {
     className: style.container,
-    "data-name": "button-menu-action-wrapper"
-  }, /*#__PURE__*/React.createElement(ButtonLink, _extends({}, button, {
+    "data-name": "button-menu-action-wrapper",
+    style: containerCustom,
+    ref: containerRef
+  }, type === 'link' ? /*#__PURE__*/React.createElement("div", {
+    className: style.currentOption,
+    "data-name": button['data-name'],
+    onClick: toggleVisibility,
+    "aria-expanded": visible,
+    "aria-haspopup": "true"
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: visible ? primaryColor : undefined
+    }
+  }, button.label), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: visible ? 'chevron-up' : 'chevron-down',
+    className: style.caret,
+    style: {
+      color: visible ? primaryColor : undefined
+    },
+    "aria-label": button['aria-label']
+  })) : /*#__PURE__*/React.createElement(ButtonLink, _extends({}, button, {
     onClick: toggleVisibility
   })), _menu);
 };

package/es/molecule/button-menu-action/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useState","classnames","ButtonLink","ButtonMenu","propTypes","style","ButtonMenuAction","props","button","menu","menuWrapper","onClick","_noop","visible","setVisible","toggleVisibility","prevState","handleMouseDown","document","addEventListener","removeEventListener","_menu","createElement","className","ariaLabel","customStyle","container","_extends","process","env","NODE_ENV"],"sources":["../../../src/molecule/button-menu-action/index.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {ButtonMenuActionProps} from './types';\nimport style from './style.css';\n\nconst ButtonMenuAction = (props: ButtonMenuActionProps) => {\n  const {button, menu, menuWrapper} = props;\n  const {onClick = noop} = button;\n  const [visible, setVisible] = useState(false);\n\n  const toggleVisibility = useCallback(() => {\n    onClick();\n    setVisible(prevState => !prevState);\n  }, [onClick]);\n\n  useEffect(() => {\n    const handleMouseDown = () => setVisible(false);\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => {\n      document.removeEventListener('mousedown', handleMouseDown);\n    };\n  }, []);\n\n  const _menu = (\n    <div\n      className={classnames(style.menuWrapper, visible && style.visible)}\n      data-name=\"menu-wrapper\"\n      aria-label={menuWrapper?.ariaLabel}\n      style={menuWrapper?.customStyle}\n    >\n      <ButtonMenu {...menu} />\n    </div>\n  );\n\n  return (\n    <div className={style.container} data-name=\"button-menu-action-wrapper\">\n      <ButtonLink {...button} onClick={toggleVisibility} />\n      {_menu}\n    </div>\n  );\n};\n\nButtonMenuAction.propTypes = propTypes;\n\nexport default ButtonMenuAction;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AAC7D,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,SAAS,MAA+B,SAAS;AACxD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EACzD,MAAM;IAACC,MAAM;IAAEC,IAAI;IAAEC;EAAW,CAAC,GAAGH,KAAK;EACzC,MAAM;IAACI,OAAO,GAAAC;EAAO,CAAC,GAAGJ,MAAM;EAC/B,MAAM,CAACK,OAAO,EAAEC,UAAU,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMe,gBAAgB,GAAGjB,WAAW,CAAC,MAAM;IACzCa,OAAO,CAAC,CAAC;IACTG,UAAU,CAACE,SAAS,IAAI,CAACA,SAAS,CAAC;EACrC,CAAC,EAAE,CAACL,OAAO,CAAC,CAAC;EAEbZ,SAAS,CAAC,MAAM;IACd,MAAMkB,eAAe,GAAGA,CAAA,KAAMH,UAAU,CAAC,KAAK,CAAC;IAC/CI,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEF,eAAe,CAAC;IACvD,OAAO,MAAM;MACXC,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEH,eAAe,CAAC;IAC5D,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,KAAK,gBACTxB,KAAA,CAAAyB,aAAA;IACEC,SAAS,EAAEtB,UAAU,CAACI,KAAK,CAACK,WAAW,EAAEG,OAAO,IAAIR,KAAK,CAACQ,OAAO,CAAE;IACnE,aAAU,cAAc;IACxB,cAAYH,WAAW,EAAEc,SAAU;IACnCnB,KAAK,EAAEK,WAAW,EAAEe;EAAY,gBAEhC5B,KAAA,CAAAyB,aAAA,CAACnB,UAAU,EAAKM,IAAO,CACpB,CACN;EAED,oBACEZ,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAElB,KAAK,CAACqB,SAAU;IAAC,aAAU;EAA4B,gBACrE7B,KAAA,CAAAyB,aAAA,CAACpB,UAAU,EAAAyB,QAAA,KAAKnB,MAAM;IAAEG,OAAO,EAAEI;EAAiB,EAAE,CAAC,EACpDM,KACE,CAAC;AAEV,CAAC;AAEDf,gBAAgB,CAACF,SAAS,GAAAwB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG1B,SAAS;AAEtC,eAAeE,gBAAgB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useState","useRef","classnames","FontAwesomeIcon","ButtonLink","ButtonMenu","propTypes","style","ButtonMenuAction","props","button","menu","menuWrapper","type","primaryColor","containerCustom","onClick","_noop","visible","setVisible","containerRef","toggleVisibility","prevState","handleMouseDown","event","current","contains","target","document","addEventListener","removeEventListener","_menu","createElement","className","ariaLabel","customStyle","container","ref","currentOption","color","undefined","label","icon","caret","_extends","process","env","NODE_ENV"],"sources":["../../../src/molecule/button-menu-action/index.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useState, useRef} from 'react';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {ButtonMenuActionProps} from './types';\nimport style from './style.css';\n\nconst ButtonMenuAction = (props: ButtonMenuActionProps) => {\n  const {button, menu, menuWrapper, type = 'button', primaryColor, containerCustom} = props;\n  const {onClick = noop} = button;\n  const [visible, setVisible] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const toggleVisibility = useCallback(() => {\n    onClick();\n    setVisible(prevState => !prevState);\n  }, [onClick]);\n\n  useEffect(() => {\n    const handleMouseDown = (event: MouseEvent) => {\n      if (visible && containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setVisible(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => {\n      document.removeEventListener('mousedown', handleMouseDown);\n    };\n  }, [visible, containerRef]);\n\n  const _menu = (\n    <div\n      className={classnames(style.menuWrapper, visible && style.visible)}\n      data-name=\"menu-wrapper\"\n      aria-label={menuWrapper?.ariaLabel}\n      style={menuWrapper?.customStyle}\n    >\n      <ButtonMenu {...menu} />\n    </div>\n  );\n\n  return (\n    <div\n      className={style.container}\n      data-name=\"button-menu-action-wrapper\"\n      style={containerCustom}\n      ref={containerRef}\n    >\n      {type === 'link' ? (\n        <div\n          className={style.currentOption}\n          data-name={button['data-name']}\n          onClick={toggleVisibility}\n          aria-expanded={visible}\n          aria-haspopup=\"true\"\n        >\n          <span style={{color: visible ? primaryColor : undefined}}>{button.label}</span>\n          <FontAwesomeIcon\n            icon={visible ? 'chevron-up' : 'chevron-down'}\n            className={style.caret}\n            style={{color: visible ? primaryColor : undefined}}\n            aria-label={button['aria-label']}\n          />\n        </div>\n      ) : (\n        <ButtonLink {...button} onClick={toggleVisibility} />\n      )}\n      {_menu}\n    </div>\n  );\n};\n\nButtonMenuAction.propTypes = propTypes;\n\nexport default ButtonMenuAction;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/button-menu-action/style.css

@@ -1,3 +1,8 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value tablet from breakpoints;
+@value colors: "../../variables/colors.css";
+@value cm_grey_500 from colors;
+
 .container {
   display: flex;
   flex-direction: column;
@@ -30,4 +35,35 @@
   visibility: visible;
   opacity: 1;
   overflow-y: auto;
+
+}
+
+.currentOption {
+  position: relative;
+  padding: 0 20px;
+  cursor: pointer;
+  color: cm_grey_500;
+  font-family: 'Gilroy';
+  font-size: 14px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  height: 100%;
 }
+
+.caret {
+  width: 10px;
+  height: 10px;
+  transition: transform 0.3s;
+  color: cm_grey_500;
+}
+
+@media tablet {
+  .currentOption {
+    padding: 0;
+    width: 100%;
+    left: 8px;
+    height: 40px;
+  }
+}

package/es/molecule/button-menu-action/types.d.ts

@@ -44,7 +44,7 @@ declare const ButtonMenuActionPropTypes: {
             'data-name': PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
             label: PropTypes.Validator<string>;
-            onClick: PropTypes.Validator<(...args: any[]) => any>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
             type: PropTypes.Requireable<string>;
             buttonLinkType: PropTypes.Requireable<string>;
             icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -74,15 +74,20 @@ declare const ButtonMenuActionPropTypes: {
             [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
         }>;
     }>>;
+    type: PropTypes.Requireable<string>;
+    primaryColor: PropTypes.Requireable<string>;
 };
 export default ButtonMenuActionPropTypes;
 export declare type ButtonMenuActionProps = {
     button: ButtonLinkProps;
     menu: ButtonMenuProps;
+    type?: 'button' | 'link';
     menuWrapper?: {
         ariaLabel?: string;
         customStyle?: Record<string, unknown>;
     };
+    containerCustom?: Record<string, unknown>;
+    primaryColor?: string;
 };
 export declare type ButtonMenuActionPropsFixture = {
     props: ButtonMenuActionProps;

package/es/molecule/button-menu-action/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/button-menu-action/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAA4B,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAElF,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS9B,CAAC;AACF,eAAe,yBAAyB,CAAC;AAEzC,oBAAY,qBAAqB,GAAG;IAClC,MAAM,EAAE,eAAe,CAAC;IACxB,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACvC,CAAC;CACH,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IAAC,KAAK,EAAE,qBAAqB,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/button-menu-action/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAA4B,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAElF,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAW9B,CAAC;AACF,eAAe,yBAAyB,CAAC;AAEzC,oBAAY,qBAAqB,GAAG;IAClC,MAAM,EAAE,eAAe,CAAC;IACxB,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACvC,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IAAC,KAAK,EAAE,qBAAqB,CAAA;CAAC,CAAC"}

package/es/molecule/button-menu-action/types.js

@@ -7,7 +7,9 @@ const ButtonMenuActionPropTypes = {
   menuWrapper: PropTypes.shape({
     ariaLabel: PropTypes.string,
     customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]))
-  })
+  }),
+  type: PropTypes.oneOf(['button', 'link']),
+  primaryColor: PropTypes.string
 };
 export default ButtonMenuActionPropTypes;
 //# sourceMappingURL=types.js.map

package/es/molecule/button-menu-action/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","ButtonLinkPropTypes","ButtonMenuPropTypes","ButtonMenuActionPropTypes","button","shape","isRequired","menu","menuWrapper","ariaLabel","string","customStyle","objectOf","oneOfType","number","object"],"sources":["../../../src/molecule/button-menu-action/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ButtonLinkPropTypes, {ButtonLinkProps} from '../../atom/button-link/types';\nimport ButtonMenuPropTypes, {ButtonMenuProps} from '../../atom/button-menu/types';\n\nconst ButtonMenuActionPropTypes = {\n  button: PropTypes.shape(ButtonLinkPropTypes).isRequired,\n  menu: PropTypes.shape(ButtonMenuPropTypes).isRequired,\n  menuWrapper: PropTypes.shape({\n    ariaLabel: PropTypes.string,\n    customStyle: PropTypes.objectOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object])\n    )\n  })\n};\nexport default ButtonMenuActionPropTypes;\n\nexport type ButtonMenuActionProps = {\n  button: ButtonLinkProps;\n  menu: ButtonMenuProps;\n  menuWrapper?: {\n    ariaLabel?: string;\n    customStyle?: Record<string, unknown>;\n  };\n};\n\nexport type ButtonMenuActionPropsFixture = {props: ButtonMenuActionProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,mBAAmB,MAAyB,8BAA8B;AACjF,OAAOC,mBAAmB,MAAyB,8BAA8B;AAEjF,MAAMC,yBAAyB,GAAG;EAChCC,MAAM,EAAEJ,SAAS,CAACK,KAAK,CAACJ,mBAAmB,CAAC,CAACK,UAAU;EACvDC,IAAI,EAAEP,SAAS,CAACK,KAAK,CAACH,mBAAmB,CAAC,CAACI,UAAU;EACrDE,WAAW,EAAER,SAAS,CAACK,KAAK,CAAC;IAC3BI,SAAS,EAAET,SAAS,CAACU,MAAM;IAC3BC,WAAW,EAAEX,SAAS,CAACY,QAAQ,CAC7BZ,SAAS,CAACa,SAAS,CAAC,CAACb,SAAS,CAACU,MAAM,EAAEV,SAAS,CAACc,MAAM,EAAEd,SAAS,CAACe,MAAM,CAAC,CAC5E;EACF,CAAC;AACH,CAAC;AACD,eAAeZ,yBAAyB","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PropTypes","ButtonLinkPropTypes","ButtonMenuPropTypes","ButtonMenuActionPropTypes","button","shape","isRequired","menu","menuWrapper","ariaLabel","string","customStyle","objectOf","oneOfType","number","object","type","oneOf","primaryColor"],"sources":["../../../src/molecule/button-menu-action/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ButtonLinkPropTypes, {ButtonLinkProps} from '../../atom/button-link/types';\nimport ButtonMenuPropTypes, {ButtonMenuProps} from '../../atom/button-menu/types';\n\nconst ButtonMenuActionPropTypes = {\n  button: PropTypes.shape(ButtonLinkPropTypes).isRequired,\n  menu: PropTypes.shape(ButtonMenuPropTypes).isRequired,\n  menuWrapper: PropTypes.shape({\n    ariaLabel: PropTypes.string,\n    customStyle: PropTypes.objectOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object])\n    )\n  }),\n  type: PropTypes.oneOf(['button', 'link']),\n  primaryColor: PropTypes.string\n};\nexport default ButtonMenuActionPropTypes;\n\nexport type ButtonMenuActionProps = {\n  button: ButtonLinkProps;\n  menu: ButtonMenuProps;\n  type?: 'button' | 'link';\n  menuWrapper?: {\n    ariaLabel?: string;\n    customStyle?: Record<string, unknown>;\n  };\n  containerCustom?: Record<string, unknown>;\n  primaryColor?: string;\n};\n\nexport type ButtonMenuActionPropsFixture = {props: ButtonMenuActionProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,mBAAmB,MAAyB,8BAA8B;AACjF,OAAOC,mBAAmB,MAAyB,8BAA8B;AAEjF,MAAMC,yBAAyB,GAAG;EAChCC,MAAM,EAAEJ,SAAS,CAACK,KAAK,CAACJ,mBAAmB,CAAC,CAACK,UAAU;EACvDC,IAAI,EAAEP,SAAS,CAACK,KAAK,CAACH,mBAAmB,CAAC,CAACI,UAAU;EACrDE,WAAW,EAAER,SAAS,CAACK,KAAK,CAAC;IAC3BI,SAAS,EAAET,SAAS,CAACU,MAAM;IAC3BC,WAAW,EAAEX,SAAS,CAACY,QAAQ,CAC7BZ,SAAS,CAACa,SAAS,CAAC,CAACb,SAAS,CAACU,MAAM,EAAEV,SAAS,CAACc,MAAM,EAAEd,SAAS,CAACe,MAAM,CAAC,CAC5E;EACF,CAAC,CAAC;EACFC,IAAI,EAAEhB,SAAS,CAACiB,KAAK,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;EACzCC,YAAY,EAAElB,SAAS,CAACU;AAC1B,CAAC;AACD,eAAeP,yBAAyB","ignoreList":[]}

package/es/molecule/cm-popin/types.d.ts

@@ -391,7 +391,7 @@ declare const propTypes: {
                                 'data-name': PropTypes.Requireable<string>;
                                 disabled: PropTypes.Requireable<boolean>;
                                 label: PropTypes.Validator<string>;
-                                onClick: PropTypes.Validator<(...args: any[]) => any>;
+                                onClick: PropTypes.Requireable<(...args: any[]) => any>;
                                 type: PropTypes.Requireable<string>;
                                 buttonLinkType: PropTypes.Requireable<string>;
                                 icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -421,6 +421,8 @@ declare const propTypes: {
                                 [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
                             }>;
                         }>>;
+                        type: PropTypes.Requireable<string>;
+                        primaryColor: PropTypes.Requireable<string>;
                     }> | null | undefined>>;
                 }>>;
             }> | PropTypes.InferProps<{
@@ -447,7 +449,7 @@ declare const propTypes: {
                             'data-name': PropTypes.Requireable<string>;
                             disabled: PropTypes.Requireable<boolean>;
                             label: PropTypes.Validator<string>;
-                            onClick: PropTypes.Validator<(...args: any[]) => any>;
+                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             type: PropTypes.Requireable<string>;
                             buttonLinkType: PropTypes.Requireable<string>;
                             icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -524,7 +526,7 @@ declare const propTypes: {
                         'data-name': PropTypes.Requireable<string>;
                         disabled: PropTypes.Requireable<boolean>;
                         label: PropTypes.Validator<string>;
-                        onClick: PropTypes.Validator<(...args: any[]) => any>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
                         type: PropTypes.Requireable<string>;
                         buttonLinkType: PropTypes.Requireable<string>;
                         icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -726,7 +728,7 @@ declare const propTypes: {
                         'data-name': PropTypes.Requireable<string>;
                         disabled: PropTypes.Requireable<boolean>;
                         label: PropTypes.Validator<string>;
-                        onClick: PropTypes.Validator<(...args: any[]) => any>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
                         type: PropTypes.Requireable<string>;
                         buttonLinkType: PropTypes.Requireable<string>;
                         icon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -756,6 +758,8 @@ declare const propTypes: {
                         [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
                     }>;
                 }>>;
+                type: PropTypes.Requireable<string>;
+                primaryColor: PropTypes.Requireable<string>;
             }>>;
         }> | null | undefined>>;
     }>>;

package/es/molecule/cm-popin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAC,SAAS,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE3D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IAC1D,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAC,SAAS,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE3D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IAC1D,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/molecule/dashboard/cards-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/dashboard/cards-list/index.js"],"names":[],"mappings":";AAwFA;IACE;;;OAGG;IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAqBE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAkCC;IA/BC;;;;;;;;MAQC;IAED,0DAAgE;IAsHlE,qBAiBC;IAED,qBAGC;IAED,sBAGC;IAED,0BASC;IAvJC,uEAA6D;IAyJ/D,mCAIC;IA5DD,oCAMC;IAGD,sCAIC;IA5DD,qBAGC;IAnCD,0BAMC;IAED,2BAYC;IAED,6BAOC;IASD,wCAuCC;IAGC,kBAA2B;IA6D7B,sBAwGC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/dashboard/cards-list/index.js"],"names":[],"mappings":";AAuFA;IACE;;;OAGG;IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAqBE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAkCC;IA/BC;;;;;;;;MAQC;IAED,0DAAgE;IAsHlE,qBAiBC;IAED,qBAGC;IAED,sBAGC;IAED,0BASC;IAvJC,uEAA6D;IAyJ/D,mCAIC;IA5DD,oCAMC;IAGD,sCAIC;IA5DD,qBAGC;IAnCD,0BAMC;IAED,2BAYC;IAED,6BAOC;IASD,wCAuCC;IAGC,kBAA2B;IA6D7B,sBAuGC;CACF"}

package/es/molecule/dashboard/cards-list/index.js

@@ -19,7 +19,6 @@ import Provider from '../../../atom/provider';
 import Card, { cardPropTypes } from '../../card';
 import LearningPriorityCard from '../../learning-priority-card';
 import Icon from '../../../atom/icon';
-import { COLORS } from '../../../variables/colors';
 import style from './style.css';
 const ShowMoreLink = props => {
   const {
@@ -297,7 +296,6 @@ class CardsList extends React.PureComponent {
       color: dark,
       preset: 's',
       borderRadius: '8px',
-      backgroundColor: COLORS.neutral_75,
       ariaLabel: ariaLabel.showMoreOnLeftAriaLabel
     };
     const arrows = /*#__PURE__*/React.createElement("div", {