@coorpacademy/components 11.40.15 → 11.40.17-react18.15

package/es/molecule/bulk-infos/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bulk-infos/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,cAAc,IAAI,KAAK,EAAY,MAAM,SAAS,CAAC;AAiB3D,QAAA,MAAM,SAAS;sFAOZ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBP,CAAC;AAIF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bulk-infos/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAC,cAAc,IAAI,KAAK,EAAY,MAAM,SAAS,CAAC;AAiB3D,QAAA,MAAM,SAAS;sFAOZ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBP,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/es/molecule/bulk-progress-bar/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { Props } from './types';
 declare const BulkProgressBar: {
-    (props: Props): JSX.Element;
+    (props: Props): React.JSX.Element;
     propTypes: {
         'data-name': import("prop-types").Requireable<string>;
         status: import("prop-types").Validator<string>;

package/es/molecule/bulk-progress-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bulk-progress-bar/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,KAAK,EAAoB,MAAM,SAAS,CAAC;AA8BjD,QAAA,MAAM,eAAe;YAAW,KAAK;;;;;;CAgBpC,CAAC;AAIF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bulk-progress-bar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAC,KAAK,EAAoB,MAAM,SAAS,CAAC;AA8BjD,QAAA,MAAM,eAAe;YAAW,KAAK;;;;;;CAgBpC,CAAC;AAIF,eAAe,eAAe,CAAC"}

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { BulletPointMenuButtonProps } from './types';
 declare const BulletPointMenuButton: {
-    (props: BulletPointMenuButtonProps): JSX.Element;
+    (props: BulletPointMenuButtonProps): React.JSX.Element;
     propTypes: {
         'data-name': import("prop-types").Requireable<string>;
         disabled: import("prop-types").Requireable<boolean>;
         buttonAriaLabel: import("prop-types").Requireable<string>;
         menuAriaLabel: import("prop-types").Requireable<string>;
-        buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
+        buttons: import("prop-types").Validator<import("prop-types").InferProps<{
             'data-name': import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
             label: import("prop-types").Validator<string>;
@@ -27,10 +27,10 @@ declare const BulletPointMenuButton: {
                 }>>;
             }>>;
             customStyle: import("prop-types").Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                [x: string]: NonNullable<string | number>;
             }>;
             customLabelClassName: import("prop-types").Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         menuButtonClassName: import("prop-types").Requireable<string>;
         isBulkMenu: import("prop-types").Requireable<boolean>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAM9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsH/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAKtE,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAM9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsH/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}

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

@@ -5,7 +5,7 @@ declare const propTypes: {
     disabled: PropTypes.Requireable<boolean>;
     buttonAriaLabel: PropTypes.Requireable<string>;
     menuAriaLabel: PropTypes.Requireable<string>;
-    buttons: PropTypes.Validator<(PropTypes.InferProps<{
+    buttons: PropTypes.Validator<PropTypes.InferProps<{
         'data-name': PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         label: PropTypes.Validator<string>;
@@ -25,10 +25,10 @@ declare const propTypes: {
             }>>;
         }>>;
         customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number>;
         }>;
         customLabelClassName: PropTypes.Requireable<string>;
-    }> | null | undefined)[]>;
+    }>[]>;
     onClick: PropTypes.Requireable<(...args: any[]) => any>;
     menuButtonClassName: PropTypes.Requireable<string>;
     isBulkMenu: PropTypes.Requireable<boolean>;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonMenuActionProps } from './types';
 declare const ButtonMenuAction: {
-    (props: ButtonMenuActionProps): JSX.Element;
+    (props: ButtonMenuActionProps): React.JSX.Element;
     propTypes: {
         button: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
             withChevron: import("prop-types").Requireable<boolean>;
@@ -24,7 +24,7 @@ declare const ButtonMenuAction: {
                     size: import("prop-types").Requireable<number>;
                     customStyle: import("prop-types").Requireable<object>;
                 }>>;
-            }> | (import("prop-types").InferProps<{
+            }> | import("prop-types").InferProps<{
                 position: import("prop-types").Requireable<string>;
                 type: import("prop-types").Requireable<string>;
                 faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -34,7 +34,7 @@ declare const ButtonMenuAction: {
                     size: import("prop-types").Requireable<number>;
                     customStyle: import("prop-types").Requireable<object>;
                 }>>;
-            }> | null | undefined)[] | null | undefined>>;
+            }>[]>>;
             onClick: import("prop-types").Requireable<(...args: any[]) => any>;
             link: import("prop-types").Requireable<import("prop-types").InferProps<{
                 href: import("prop-types").Requireable<string>;
@@ -51,7 +51,7 @@ declare const ButtonMenuAction: {
             customLabelClassName: import("prop-types").Requireable<string>;
         }>>>;
         menu: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
-            buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
+            buttons: import("prop-types").Validator<import("prop-types").InferProps<{
                 'data-name': import("prop-types").Requireable<string>;
                 disabled: import("prop-types").Requireable<boolean>;
                 label: import("prop-types").Validator<string>;
@@ -71,10 +71,10 @@ declare const ButtonMenuAction: {
                     }>>;
                 }>>;
                 customStyle: import("prop-types").Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    [x: string]: NonNullable<string | number>;
                 }>;
                 customLabelClassName: import("prop-types").Requireable<string>;
-            }> | null | undefined)[]>;
+            }>[]>;
             'data-name': import("prop-types").Requireable<string>;
             'aria-label': import("prop-types").Requireable<string>;
             enableScroll: import("prop-types").Requireable<boolean>;
@@ -82,7 +82,7 @@ declare const ButtonMenuAction: {
         menuWrapper: import("prop-types").Requireable<import("prop-types").InferProps<{
             ariaLabel: import("prop-types").Requireable<string>;
             customStyle: import("prop-types").Requireable<{
-                [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
+                [x: string]: NonNullable<string | number | object>;
             }>;
         }>>;
         type: import("prop-types").Requireable<string>;

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":";AAQA,OAAkB,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAGzD,QAAA,MAAM,gBAAgB;YAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHrD,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/button-menu-action/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAQ/E,OAAkB,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAGzD,QAAA,MAAM,gBAAgB;YAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHrD,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

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

@@ -23,7 +23,7 @@ declare const ButtonMenuActionPropTypes: {
                 size: PropTypes.Requireable<number>;
                 customStyle: PropTypes.Requireable<object>;
             }>>;
-        }> | (PropTypes.InferProps<{
+        }> | PropTypes.InferProps<{
             position: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
             faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -33,7 +33,7 @@ declare const ButtonMenuActionPropTypes: {
                 size: PropTypes.Requireable<number>;
                 customStyle: PropTypes.Requireable<object>;
             }>>;
-        }> | null | undefined)[] | null | undefined>>;
+        }>[]>>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         link: PropTypes.Requireable<PropTypes.InferProps<{
             href: PropTypes.Requireable<string>;
@@ -50,7 +50,7 @@ declare const ButtonMenuActionPropTypes: {
         customLabelClassName: PropTypes.Requireable<string>;
     }>>>;
     menu: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-        buttons: PropTypes.Validator<(PropTypes.InferProps<{
+        buttons: PropTypes.Validator<PropTypes.InferProps<{
             'data-name': PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
             label: PropTypes.Validator<string>;
@@ -70,10 +70,10 @@ declare const ButtonMenuActionPropTypes: {
                 }>>;
             }>>;
             customStyle: PropTypes.Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                [x: string]: NonNullable<string | number>;
             }>;
             customLabelClassName: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         'data-name': PropTypes.Requireable<string>;
         'aria-label': PropTypes.Requireable<string>;
         enableScroll: PropTypes.Requireable<boolean>;
@@ -81,7 +81,7 @@ declare const ButtonMenuActionPropTypes: {
     menuWrapper: PropTypes.Requireable<PropTypes.InferProps<{
         ariaLabel: PropTypes.Requireable<string>;
         customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | object | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number | object>;
         }>;
     }>>;
     type: PropTypes.Requireable<string>;

package/es/molecule/card/customer.d.ts

@@ -1,10 +1,10 @@
 export namespace THEMES {
-    const _default: null;
+    const _default: any;
     export { _default as default };
     export const coorpmanager: any;
 }
 export default Customer;
-declare function Customer(props: any): JSX.Element;
+declare function Customer(props: any): React.JSX.Element;
 declare namespace Customer {
     const propTypes: {
         theme: PropTypes.Requireable<string>;
@@ -15,5 +15,6 @@ declare namespace Customer {
         'aria-label': PropTypes.Requireable<string>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=customer.d.ts.map

package/es/molecule/card/customer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"customer.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/customer.js"],"names":[],"mappings":";;;;;;AAWA,mDAiBC"}
+{"version":3,"file":"customer.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/customer.js"],"names":[],"mappings":";;;;;;AAWA,yDAiBC"}

package/es/molecule/card/favorite.d.ts

@@ -4,10 +4,10 @@ declare function Favorite({ favorite, addFavoriteToolTip, removeFavoriteToolTip,
     addFavoriteToolTip: any;
     removeFavoriteToolTip: any;
     className: any;
-    "aria-label"?: {} | undefined;
-    onFavoriteClick?: import("lodash/fp").LodashNoop | undefined;
+    "aria-label"?: {};
+    onFavoriteClick?: import("lodash/fp").LodashNoop;
     disabled: any;
-}, legacyContext: any): JSX.Element;
+}, legacyContext: any): React.JSX.Element;
 declare namespace Favorite {
     const propTypes: {
         className: PropTypes.Requireable<string>;
@@ -47,5 +47,6 @@ declare namespace Favorite {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=favorite.d.ts.map

package/es/molecule/card/favorite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/favorite.js"],"names":[],"mappings":";AAcA;;;;;;;;oCA+JC"}
+{"version":3,"file":"favorite.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/favorite.js"],"names":[],"mappings":";AAWA;;;;;;;;0CA6JC"}

package/es/molecule/card/favorite.js

@@ -6,10 +6,10 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { v5 as uuidV5 } from 'uuid';
-import { NovaCompositionNavigationMore as MoreIcon, NovaCompositionCoorpacademyCheck as CheckIcon } from '@coorpacademy/nova-icons';
 import Provider, { GetSkinFromContext, GetTranslateFromContext } from '../../atom/provider';
 import ToolTip, { toggleStateOnKeyPress } from '../../atom/tooltip';
 import Button from '../../atom/button';
+import FaIcon from '../../atom/icon';
 import style from './favorite.css';
 const Favorite = ({
   favorite,
@@ -29,7 +29,6 @@ const Favorite = ({
   }, [disabled, onFavoriteClick]);
   const primaryColor = _get('common.primary', skin);
   const darkColor = _get('common.dark', skin);
-  const brandColor = _get('common.brand', skin);
   const buttonRef = useRef(null);
   const allowToolTip = useMemo(() => !_isEmpty(removeFavoriteToolTip) && !_isEmpty(addFavoriteToolTip), [addFavoriteToolTip, removeFavoriteToolTip]);
 
@@ -57,6 +56,7 @@ const Favorite = ({
   useEffect(() => {
     if (!toolTipIsVisible) return;
     const hide = () => setToolTipIsVisible(false);
+    /* istanbul ignore next: guard for non-browser envs; not testable in jsdom */
     if (typeof window === 'undefined') {
       return;
     }
@@ -82,27 +82,26 @@ const Favorite = ({
     toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);
   }, [toolTipIsVisible]);
   const iconWrapperClassName = useMemo(() => classnames(style.favorite, className, favorite && style.selected), [className, favorite]);
-  const icon = useMemo(() => favorite ? /*#__PURE__*/React.createElement(CheckIcon
-  // eslint-disable-next-line css-modules/no-undef-class
-  , {
-    className: style.checkIcon,
-    style: {
-      color: brandColor
+  const icon = useMemo(() => favorite ? /*#__PURE__*/React.createElement(FaIcon, {
+    iconName: 'check',
+    iconColor: primaryColor,
+    size: {
+      faSize: 14,
+      wrapperSize: 14
     },
-    width: 13,
-    height: 13,
     "data-testid": "favorite-check-icon",
     "aria-label": ariaLabel.removeFromFavorite
-  }) : /*#__PURE__*/React.createElement(MoreIcon, {
+  }) : /*#__PURE__*/React.createElement(FaIcon, {
+    iconName: 'plus',
+    iconColor: darkColor,
     className: style.moreIcon,
-    style: {
-      color: darkColor
+    size: {
+      faSize: 14,
+      wrapperSize: 14
     },
-    width: 13,
-    height: 13,
     "data-testid": "favorite-add-icon",
     "aria-label": ariaLabel.addToFavorite
-  }), [ariaLabel.addToFavorite, ariaLabel.removeFromFavorite, brandColor, darkColor, favorite]);
+  }), [ariaLabel.addToFavorite, ariaLabel.removeFromFavorite, primaryColor, darkColor, favorite]);
   return /*#__PURE__*/React.createElement("div", {
     className: style.favoriteWrapper,
     "data-testid": "favorite-wrapper"

package/es/molecule/card/favorite.js.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","classnames","v5","uuidV5","NovaCompositionNavigationMore","MoreIcon","NovaCompositionCoorpacademyCheck","CheckIcon","Provider","GetSkinFromContext","GetTranslateFromContext","ToolTip","toggleStateOnKeyPress","Button","style","Favorite","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","onFavoriteClick","_noop","disabled","legacyContext","skin","translate","handleFavoriteClick","e","stopPropagation","preventDefault","primaryColor","_get","darkColor","brandColor","buttonRef","allowToolTip","_isEmpty","favoriteButtonAnchorId","URL","undefined","toolTipContent","mouseLeaveTimer","setMouseLeaveTimer","toolTipIsVisible","setToolTipIsVisible","handleMouseOver","clearTimeout","_has","current","focus","handleMouseLeave","setTimeout","blur","hide","window","addEventListener","passive","removeEventListener","handleKeyPress","event","iconWrapperClassName","selected","icon","createElement","checkIcon","color","width","height","removeFromFavorite","moreIcon","addToFavorite","favoriteWrapper","type","buttonContentClassName","onClick","onKeyDown","onMouseLeave","onMouseOver","tabIndex","useButtonTag","useWrapper","fontSize","anchorId","TooltipContent","closeToolTipInformationTextAriaLabel","stickyOnKeyboardNavigation","propTypes","process","env","NODE_ENV","string","bool","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport {get, has, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Button from '../../atom/button';\nimport style from './favorite.css';\n\nconst Favorite = (\n  {\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    className,\n    'aria-label': ariaLabel = {},\n    onFavoriteClick = noop,\n    disabled\n  },\n  legacyContext\n) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const handleFavoriteClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (!disabled) onFavoriteClick(e);\n    },\n    [disabled, onFavoriteClick]\n  );\n\n  const primaryColor = get('common.primary', skin);\n  const darkColor = get('common.dark', skin);\n  const brandColor = get('common.brand', skin);\n\n  const buttonRef = useRef(null);\n\n  const allowToolTip = useMemo(\n    () => !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip),\n    [addFavoriteToolTip, removeFavoriteToolTip]\n  );\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [favoriteButtonAnchorId] = useState(\n    allowToolTip ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const toolTipContent = useMemo(\n    // eslint-disable-next-line no-nested-ternary\n    () => (allowToolTip ? (favorite ? removeFavoriteToolTip : addFavoriteToolTip) : null),\n    [addFavoriteToolTip, favorite, removeFavoriteToolTip, allowToolTip]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500)\n    );\n  }, []);\n\n  useEffect(() => {\n    if (!toolTipIsVisible) return;\n    const hide = () => setToolTipIsVisible(false);\n    if (typeof window === 'undefined') {\n      return;\n    }\n    window.addEventListener('scroll', hide, {passive: true});\n    return () => window.removeEventListener('scroll', hide);\n  }, [toolTipIsVisible]);\n\n  // Hide tooltip when favorite state changes\n  // This prevents showing stale tooltip content\n  useEffect(() => {\n    if (toolTipIsVisible) {\n      setToolTipIsVisible(false);\n    }\n    if (mouseLeaveTimer) {\n      clearTimeout(mouseLeaveTimer);\n      setMouseLeaveTimer(undefined);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [favorite]);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const iconWrapperClassName = useMemo(\n    () => classnames(style.favorite, className, favorite && style.selected),\n    [className, favorite]\n  );\n  const icon = useMemo(\n    () =>\n      favorite ? (\n        <CheckIcon\n          // eslint-disable-next-line css-modules/no-undef-class\n          className={style.checkIcon}\n          style={{color: brandColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-check-icon\"\n          aria-label={ariaLabel.removeFromFavorite}\n        />\n      ) : (\n        <MoreIcon\n          className={style.moreIcon}\n          style={{color: darkColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-add-icon\"\n          aria-label={ariaLabel.addToFavorite}\n        />\n      ),\n    [ariaLabel.addToFavorite, ariaLabel.removeFromFavorite, brandColor, darkColor, favorite]\n  );\n\n  return (\n    <div className={style.favoriteWrapper} data-testid=\"favorite-wrapper\">\n      <Button\n        buttonRef={buttonRef}\n        type=\"button\"\n        data-for={favoriteButtonAnchorId}\n        data-tooltip-place=\"left\"\n        data-tip={allowToolTip}\n        data-name=\"favorite\"\n        data-testid=\"favorite-button\"\n        aria-label={ariaLabel.favorite}\n        buttonContentClassName={iconWrapperClassName}\n        onClick={handleFavoriteClick}\n        style={{\n          color: primaryColor\n        }}\n        onKeyDown={handleKeyPress}\n        onMouseLeave={handleMouseLeave}\n        onMouseOver={handleMouseOver}\n        tabIndex={0}\n        useButtonTag\n        useWrapper={false}\n      >\n        {icon}\n      </Button>\n      <ToolTip\n        fontSize={12}\n        anchorId={favoriteButtonAnchorId}\n        toolTipIsVisible={toolTipIsVisible}\n        TooltipContent={toolTipContent}\n        closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n        stickyOnKeyboardNavigation\n      />\n    </div>\n  );\n};\n\nFavorite.propTypes = {\n  className: PropTypes.string,\n  favorite: PropTypes.bool,\n  disabled: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onFavoriteClick: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    favorite: PropTypes.string,\n    addToFavorite: PropTypes.string,\n    removeFromFavorite: PropTypes.string\n  })\n};\n\nFavorite.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Favorite;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAO,OAAO;AAC9E,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,EAAE,IAAIC,MAAM,QAAO,MAAM;AAEjC,SACEC,6BAA6B,IAAIC,QAAQ,EACzCC,gCAAgC,IAAIC,SAAS,QACxC,0BAA0B;AACjC,OAAOC,QAAQ,IAAGC,kBAAkB,EAAEC,uBAAuB,QAAO,qBAAqB;AACzF,OAAOC,OAAO,IAAGC,qBAAqB,QAAO,oBAAoB;AACjE,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,gBAAgB;AAElC,MAAMC,QAAQ,GAAGA,CACf;EACEC,QAAQ;EACRC,kBAAkB;EAClBC,qBAAqB;EACrBC,SAAS;EACT,YAAY,EAAEC,SAAS,GAAG,CAAC,CAAC;EAC5BC,eAAe,GAAAC,KAAO;EACtBC;AACF,CAAC,EACDC,aAAa,KACV;EACH,MAAMC,IAAI,GAAGhB,kBAAkB,CAACe,aAAa,CAAC;EAC9C,MAAME,SAAS,GAAGhB,uBAAuB,CAACc,aAAa,CAAC;EACxD,MAAMG,mBAAmB,GAAGhC,WAAW,CACrCiC,CAAC,IAAI;IACHA,CAAC,CAACC,eAAe,CAAC,CAAC;IACnBD,CAAC,CAACE,cAAc,CAAC,CAAC;IAClB,IAAI,CAACP,QAAQ,EAAEF,eAAe,CAACO,CAAC,CAAC;EACnC,CAAC,EACD,CAACL,QAAQ,EAAEF,eAAe,CAC5B,CAAC;EAED,MAAMU,YAAY,GAAGC,IAAA,CAAI,gBAAgB,EAAEP,IAAI,CAAC;EAChD,MAAMQ,SAAS,GAAGD,IAAA,CAAI,aAAa,EAAEP,IAAI,CAAC;EAC1C,MAAMS,UAAU,GAAGF,IAAA,CAAI,cAAc,EAAEP,IAAI,CAAC;EAE5C,MAAMU,SAAS,GAAGrC,MAAM,CAAC,IAAI,CAAC;EAE9B,MAAMsC,YAAY,GAAGvC,OAAO,CAC1B,MAAM,CAACwC,QAAA,CAAQnB,qBAAqB,CAAC,IAAI,CAACmB,QAAA,CAAQpB,kBAAkB,CAAC,EACrE,CAACA,kBAAkB,EAAEC,qBAAqB,CAC5C,CAAC;;EAED;EACA,MAAM,CAACoB,sBAAsB,CAAC,GAAGvC,QAAQ,CACvCqC,YAAY,GAAGjC,MAAM,CAAC,iBAAiB,EAAEA,MAAM,CAACoC,GAAG,CAAC,GAAGC,SACzD,CAAC;EAED,MAAMC,cAAc,GAAG5C,OAAO;EAC5B;EACA,MAAOuC,YAAY,GAAIpB,QAAQ,GAAGE,qBAAqB,GAAGD,kBAAkB,GAAI,IAAK,EACrF,CAACA,kBAAkB,EAAED,QAAQ,EAAEE,qBAAqB,EAAEkB,YAAY,CACpE,CAAC;EAED,MAAM,CAACM,eAAe,EAAEC,kBAAkB,CAAC,GAAG5C,QAAQ,CAACyC,SAAS,CAAC;EAEjE,MAAM,CAACI,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG9C,QAAQ,CAAC,KAAK,CAAC;EAE/D,MAAM+C,eAAe,GAAGnD,WAAW,CAAC,MAAM;IACxC+C,eAAe,IAAIK,YAAY,CAACL,eAAe,CAAC;IAChD;IAA2BM,IAAA,CAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAEb,SAAS,CAAC,IAAIA,SAAS,CAACc,OAAO,CAACC,KAAK,CAAC,CAAC;IAC5FL,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,CAACH,eAAe,CAAC,CAAC;EAErB,MAAMS,gBAAgB,GAAGxD,WAAW,CAAC,MAAM;IACzCgD,kBAAkB,CAChBS,UAAU,CAAC,MAAM;MACfP,mBAAmB,CAAC,KAAK,CAAC;MAC1B;MACA;MAA2BG,IAAA,CAAI,CAAC,SAAS,EAAE,MAAM,CAAC,EAAEb,SAAS,CAAC,IAAIA,SAAS,CAACc,OAAO,CAACI,IAAI,CAAC,CAAC;IAC5F,CAAC,EAAE,GAAG,CACR,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAENzD,SAAS,CAAC,MAAM;IACd,IAAI,CAACgD,gBAAgB,EAAE;IACvB,MAAMU,IAAI,GAAGA,CAAA,KAAMT,mBAAmB,CAAC,KAAK,CAAC;IAC7C,IAAI,OAAOU,MAAM,KAAK,WAAW,EAAE;MACjC;IACF;IACAA,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,IAAI,EAAE;MAACG,OAAO,EAAE;IAAI,CAAC,CAAC;IACxD,OAAO,MAAMF,MAAM,CAACG,mBAAmB,CAAC,QAAQ,EAAEJ,IAAI,CAAC;EACzD,CAAC,EAAE,CAACV,gBAAgB,CAAC,CAAC;;EAEtB;EACA;EACAhD,SAAS,CAAC,MAAM;IACd,IAAIgD,gBAAgB,EAAE;MACpBC,mBAAmB,CAAC,KAAK,CAAC;IAC5B;IACA,IAAIH,eAAe,EAAE;MACnBK,YAAY,CAACL,eAAe,CAAC;MAC7BC,kBAAkB,CAACH,SAAS,CAAC;IAC/B;IACA;EACF,CAAC,EAAE,CAACxB,QAAQ,CAAC,CAAC;EAEd,MAAM2C,cAAc,GAAGhE,WAAW,CAChCiE,KAAK,IAAI;IACPhD,qBAAqB,CAACgC,gBAAgB,EAAEC,mBAAmB,EAAEV,SAAS,CAAC,CAACyB,KAAK,CAAC;EAChF,CAAC,EACD,CAAChB,gBAAgB,CACnB,CAAC;EAED,MAAMiB,oBAAoB,GAAGhE,OAAO,CAClC,MAAMI,UAAU,CAACa,KAAK,CAACE,QAAQ,EAAEG,SAAS,EAAEH,QAAQ,IAAIF,KAAK,CAACgD,QAAQ,CAAC,EACvE,CAAC3C,SAAS,EAAEH,QAAQ,CACtB,CAAC;EACD,MAAM+C,IAAI,GAAGlE,OAAO,CAClB,MACEmB,QAAQ,gBACNtB,KAAA,CAAAsE,aAAA,CAACzD;EACC;EAAA;IACAY,SAAS,EAAEL,KAAK,CAACmD,SAAU;IAC3BnD,KAAK,EAAE;MAACoD,KAAK,EAAEhC;IAAU,CAAE;IAC3BiC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACX,eAAY,qBAAqB;IACjC,cAAYhD,SAAS,CAACiD;EAAmB,CAC1C,CAAC,gBAEF3E,KAAA,CAAAsE,aAAA,CAAC3D,QAAQ;IACPc,SAAS,EAAEL,KAAK,CAACwD,QAAS;IAC1BxD,KAAK,EAAE;MAACoD,KAAK,EAAEjC;IAAS,CAAE;IAC1BkC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACX,eAAY,mBAAmB;IAC/B,cAAYhD,SAAS,CAACmD;EAAc,CACrC,CACF,EACH,CAACnD,SAAS,CAACmD,aAAa,EAAEnD,SAAS,CAACiD,kBAAkB,EAAEnC,UAAU,EAAED,SAAS,EAAEjB,QAAQ,CACzF,CAAC;EAED,oBACEtB,KAAA,CAAAsE,aAAA;IAAK7C,SAAS,EAAEL,KAAK,CAAC0D,eAAgB;IAAC,eAAY;EAAkB,gBACnE9E,KAAA,CAAAsE,aAAA,CAACnD,MAAM;IACLsB,SAAS,EAAEA,SAAU;IACrBsC,IAAI,EAAC,QAAQ;IACb,YAAUnC,sBAAuB;IACjC,sBAAmB,MAAM;IACzB,YAAUF,YAAa;IACvB,aAAU,UAAU;IACpB,eAAY,iBAAiB;IAC7B,cAAYhB,SAAS,CAACJ,QAAS;IAC/B0D,sBAAsB,EAAEb,oBAAqB;IAC7Cc,OAAO,EAAEhD,mBAAoB;IAC7Bb,KAAK,EAAE;MACLoD,KAAK,EAAEnC;IACT,CAAE;IACF6C,SAAS,EAAEjB,cAAe;IAC1BkB,YAAY,EAAE1B,gBAAiB;IAC/B2B,WAAW,EAAEhC,eAAgB;IAC7BiC,QAAQ,EAAE,CAAE;IACZC,YAAY;IACZC,UAAU,EAAE;EAAM,GAEjBlB,IACK,CAAC,eACTrE,KAAA,CAAAsE,aAAA,CAACrD,OAAO;IACNuE,QAAQ,EAAE,EAAG;IACbC,QAAQ,EAAE7C,sBAAuB;IACjCM,gBAAgB,EAAEA,gBAAiB;IACnCwC,cAAc,EAAE3C,cAAe;IAC/B4C,oCAAoC,EAAE3D,SAAS,CAAC,2BAA2B,CAAE;IAC7E4D,0BAA0B;EAAA,CAC3B,CACE,CAAC;AAEV,CAAC;AAEDvE,QAAQ,CAACwE,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBvE,SAAS,EAAEnB,SAAS,CAAC2F,MAAM;EAC3B3E,QAAQ,EAAEhB,SAAS,CAAC4F,IAAI;EACxBrE,QAAQ,EAAEvB,SAAS,CAAC4F,IAAI;EACxB3E,kBAAkB,EAAEjB,SAAS,CAAC2F,MAAM;EACpCzE,qBAAqB,EAAElB,SAAS,CAAC2F,MAAM;EACvCtE,eAAe,EAAErB,SAAS,CAAC6F,IAAI;EAC/B,YAAY,EAAE7F,SAAS,CAAC8F,KAAK,CAAC;IAC5B9E,QAAQ,EAAEhB,SAAS,CAAC2F,MAAM;IAC1BpB,aAAa,EAAEvE,SAAS,CAAC2F,MAAM;IAC/BtB,kBAAkB,EAAErE,SAAS,CAAC2F;EAChC,CAAC;AACH,CAAC;AAED5E,QAAQ,CAACgF,YAAY,GAAG;EACtBtE,IAAI,EAAEjB,QAAQ,CAACwF,iBAAiB,CAACvE,IAAI;EACrCC,SAAS,EAAElB,QAAQ,CAACwF,iBAAiB,CAACtE;AACxC,CAAC;AAED,eAAeX,QAAQ","ignoreList":[]}
+{"version":3,"file":"favorite.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","classnames","v5","uuidV5","Provider","GetSkinFromContext","GetTranslateFromContext","ToolTip","toggleStateOnKeyPress","Button","FaIcon","style","Favorite","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","onFavoriteClick","_noop","disabled","legacyContext","skin","translate","handleFavoriteClick","e","stopPropagation","preventDefault","primaryColor","_get","darkColor","buttonRef","allowToolTip","_isEmpty","favoriteButtonAnchorId","URL","undefined","toolTipContent","mouseLeaveTimer","setMouseLeaveTimer","toolTipIsVisible","setToolTipIsVisible","handleMouseOver","clearTimeout","_has","current","focus","handleMouseLeave","setTimeout","blur","hide","window","addEventListener","passive","removeEventListener","handleKeyPress","event","iconWrapperClassName","selected","icon","createElement","iconName","iconColor","size","faSize","wrapperSize","removeFromFavorite","moreIcon","addToFavorite","favoriteWrapper","type","buttonContentClassName","onClick","color","onKeyDown","onMouseLeave","onMouseOver","tabIndex","useButtonTag","useWrapper","fontSize","anchorId","TooltipContent","closeToolTipInformationTextAriaLabel","stickyOnKeyboardNavigation","propTypes","process","env","NODE_ENV","string","bool","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport {get, has, isEmpty, noop} from 'lodash/fp';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Button from '../../atom/button';\nimport FaIcon from '../../atom/icon';\nimport style from './favorite.css';\n\nconst Favorite = (\n  {\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    className,\n    'aria-label': ariaLabel = {},\n    onFavoriteClick = noop,\n    disabled\n  },\n  legacyContext\n) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const handleFavoriteClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (!disabled) onFavoriteClick(e);\n    },\n    [disabled, onFavoriteClick]\n  );\n\n  const primaryColor = get('common.primary', skin);\n  const darkColor = get('common.dark', skin);\n\n  const buttonRef = useRef(null);\n\n  const allowToolTip = useMemo(\n    () => !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip),\n    [addFavoriteToolTip, removeFavoriteToolTip]\n  );\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [favoriteButtonAnchorId] = useState(\n    allowToolTip ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const toolTipContent = useMemo(\n    // eslint-disable-next-line no-nested-ternary\n    () => (allowToolTip ? (favorite ? removeFavoriteToolTip : addFavoriteToolTip) : null),\n    [addFavoriteToolTip, favorite, removeFavoriteToolTip, allowToolTip]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500)\n    );\n  }, []);\n\n  useEffect(() => {\n    if (!toolTipIsVisible) return;\n    const hide = () => setToolTipIsVisible(false);\n    /* istanbul ignore next: guard for non-browser envs; not testable in jsdom */\n    if (typeof window === 'undefined') {\n      return;\n    }\n    window.addEventListener('scroll', hide, {passive: true});\n    return () => window.removeEventListener('scroll', hide);\n  }, [toolTipIsVisible]);\n\n  // Hide tooltip when favorite state changes\n  // This prevents showing stale tooltip content\n  useEffect(() => {\n    if (toolTipIsVisible) {\n      setToolTipIsVisible(false);\n    }\n    if (mouseLeaveTimer) {\n      clearTimeout(mouseLeaveTimer);\n      setMouseLeaveTimer(undefined);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [favorite]);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const iconWrapperClassName = useMemo(\n    () => classnames(style.favorite, className, favorite && style.selected),\n    [className, favorite]\n  );\n  const icon = useMemo(\n    () =>\n      favorite ? (\n        <FaIcon\n          iconName={'check'}\n          iconColor={primaryColor}\n          size={{faSize: 14, wrapperSize: 14}}\n          data-testid=\"favorite-check-icon\"\n          aria-label={ariaLabel.removeFromFavorite}\n        />\n      ) : (\n        <FaIcon\n          iconName={'plus'}\n          iconColor={darkColor}\n          className={style.moreIcon}\n          size={{faSize: 14, wrapperSize: 14}}\n          data-testid=\"favorite-add-icon\"\n          aria-label={ariaLabel.addToFavorite}\n        />\n      ),\n    [ariaLabel.addToFavorite, ariaLabel.removeFromFavorite, primaryColor, darkColor, favorite]\n  );\n\n  return (\n    <div className={style.favoriteWrapper} data-testid=\"favorite-wrapper\">\n      <Button\n        buttonRef={buttonRef}\n        type=\"button\"\n        data-for={favoriteButtonAnchorId}\n        data-tooltip-place=\"left\"\n        data-tip={allowToolTip}\n        data-name=\"favorite\"\n        data-testid=\"favorite-button\"\n        aria-label={ariaLabel.favorite}\n        buttonContentClassName={iconWrapperClassName}\n        onClick={handleFavoriteClick}\n        style={{\n          color: primaryColor\n        }}\n        onKeyDown={handleKeyPress}\n        onMouseLeave={handleMouseLeave}\n        onMouseOver={handleMouseOver}\n        tabIndex={0}\n        useButtonTag\n        useWrapper={false}\n      >\n        {icon}\n      </Button>\n      <ToolTip\n        fontSize={12}\n        anchorId={favoriteButtonAnchorId}\n        toolTipIsVisible={toolTipIsVisible}\n        TooltipContent={toolTipContent}\n        closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n        stickyOnKeyboardNavigation\n      />\n    </div>\n  );\n};\n\nFavorite.propTypes = {\n  className: PropTypes.string,\n  favorite: PropTypes.bool,\n  disabled: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onFavoriteClick: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    favorite: PropTypes.string,\n    addToFavorite: PropTypes.string,\n    removeFromFavorite: PropTypes.string\n  })\n};\n\nFavorite.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Favorite;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/card/index.d.ts

@@ -1,5 +1,5 @@
 export namespace THEMES {
-    const _default: null;
+    const _default: any;
     export { _default as default };
     export const coorpmanager: any;
 }

package/es/molecule/card/notification.css

@@ -48,12 +48,6 @@
   animation: fadeIn 3s ease-in-out forwards;
 }
 
-.notification .icon {
-  font-size: 30px;
-  height: 20px;
-  width: 15px;
-}
-
 .iconWrapper {
   width: 32px;
   height: 32px;

package/es/molecule/card/notification.d.ts

@@ -1,10 +1,11 @@
 export default Notification;
-declare function Notification(props: any): JSX.Element;
+declare function Notification(props: any): React.JSX.Element;
 declare namespace Notification {
     namespace propTypes {
         const message: PropTypes.Validator<string>;
         const icon: PropTypes.Validator<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=notification.d.ts.map

package/es/molecule/card/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/notification.js"],"names":[],"mappings":";AA+BA,uDAqBC"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/notification.js"],"names":[],"mappings":";AAuBA,6DAyBC"}

package/es/molecule/card/notification.js

@@ -3,21 +3,17 @@ import _get from "lodash/fp/get";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { NovaSolidLoginLocked as LockIcon, NovaSolidLocksLockUnlock1 as UnlockIcon, NovaCompositionCoorpacademyCheck as CheckIcon, NovaSolidStatusClose as CloseIcon } from '@coorpacademy/nova-icons';
 import { COLORS } from '../../variables/colors';
+import FaIcon from '../../atom/icon';
 import style from './notification.css';
 const NOTIFICATION_ICON = {
-  addFavorite: CheckIcon,
-  removeFavorite: CloseIcon,
-  lock: LockIcon,
-  unlock: UnlockIcon
-};
-const NOTIFICATIONS_COLORS = {
   addFavorite: {
+    iconName: 'check',
     color: COLORS.cm_blue_700,
     backgroundColor: COLORS.primary_100
   },
   removeFavorite: {
+    iconName: 'xmark',
     color: COLORS.neutral_500,
     backgroundColor: COLORS.cm_grey_100
   }
@@ -32,11 +28,11 @@ const Notification = props => {
     message,
     icon
   } = props;
-  const IconType = _get(icon, NOTIFICATION_ICON);
   const {
+    iconName,
     color,
     backgroundColor
-  } = _get(icon, NOTIFICATIONS_COLORS);
+  } = _get(icon, NOTIFICATION_ICON);
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "notification",
     "data-type": icon,
@@ -49,12 +45,14 @@ const Notification = props => {
     style: {
       backgroundColor
     }
-  }, /*#__PURE__*/React.createElement(IconType, {
-    className: style.icon,
-    style: {
-      color
+  }, /*#__PURE__*/React.createElement(FaIcon, {
+    iconName: iconName,
+    color: color,
+    size: {
+      faSize: 20,
+      wrapperSize: 20
     },
-    stroke: null
+    "aria-label": icon
   })), /*#__PURE__*/React.createElement("div", {
     className: style.message
   }, /*#__PURE__*/React.createElement("span", {

package/es/molecule/card/notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["React","PropTypes","classnames","NovaSolidLoginLocked","LockIcon","NovaSolidLocksLockUnlock1","UnlockIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaSolidStatusClose","CloseIcon","COLORS","style","NOTIFICATION_ICON","addFavorite","removeFavorite","lock","unlock","NOTIFICATIONS_COLORS","color","cm_blue_700","backgroundColor","primary_100","neutral_500","cm_grey_100","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","_get","createElement","onClick","className","showOverlay","notificationWrapper","notification","iconWrapper","stroke","role","propTypes","process","env","NODE_ENV","string","isRequired","oneOf","_keys"],"sources":["../../../src/molecule/card/notification.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: CloseIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst NOTIFICATIONS_COLORS = {\n  addFavorite: {color: COLORS.cm_blue_700, backgroundColor: COLORS.primary_100},\n  removeFavorite: {color: COLORS.neutral_500, backgroundColor: COLORS.cm_grey_100}\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n  const IconType = get(icon, NOTIFICATION_ICON);\n  const {color, backgroundColor} = get(icon, NOTIFICATIONS_COLORS);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <div className={style.iconWrapper} style={{backgroundColor}}>\n          <IconType className={style.icon} style={{color}} stroke={null} />\n        </div>\n        <div className={style.message}>\n          <span role=\"status\">{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,oBAAoB,IAAIC,QAAQ,EAChCC,yBAAyB,IAAIC,UAAU,EACvCC,gCAAgC,IAAIC,SAAS,EAC7CC,oBAAoB,IAAIC,SAAS,QAC5B,0BAA0B;AACjC,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,KAAK,MAAM,oBAAoB;AAEtC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEN,SAAS;EACtBO,cAAc,EAAEL,SAAS;EACzBM,IAAI,EAAEZ,QAAQ;EACda,MAAM,EAAEX;AACV,CAAC;AAED,MAAMY,oBAAoB,GAAG;EAC3BJ,WAAW,EAAE;IAACK,KAAK,EAAER,MAAM,CAACS,WAAW;IAAEC,eAAe,EAAEV,MAAM,CAACW;EAAW,CAAC;EAC7EP,cAAc,EAAE;IAACI,KAAK,EAAER,MAAM,CAACY,WAAW;IAAEF,eAAe,EAAEV,MAAM,CAACa;EAAW;AACjF,CAAC;AAED,MAAMC,kBAAkB,GAAGC,CAAC,IAAI;EAC9BA,CAAC,CAACC,eAAe,CAAC,CAAC;EACnBD,CAAC,CAACE,cAAc,CAAC,CAAC;EAClB,OAAO,KAAK;AACd,CAAC;AAED,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAO;IAAEC;EAAI,CAAC,GAAGF,KAAK;EAC7B,MAAMG,QAAQ,GAAGC,IAAA,CAAIF,IAAI,EAAEnB,iBAAiB,CAAC;EAC7C,MAAM;IAACM,KAAK;IAAEE;EAAe,CAAC,GAAGa,IAAA,CAAIF,IAAI,EAAEd,oBAAoB,CAAC;EAChE,oBACElB,KAAA,CAAAmC,aAAA;IACE,aAAU,cAAc;IACxB,aAAWH,IAAK;IAChBI,OAAO,EAAEX,kBAAmB;IAC5BY,SAAS,EAAEnC,UAAU,CAACU,KAAK,CAAC0B,WAAW,EAAE1B,KAAK,CAAC2B,mBAAmB;EAAE,gBAEpEvC,KAAA,CAAAmC,aAAA;IAAKE,SAAS,EAAEzB,KAAK,CAAC4B;EAAa,gBACjCxC,KAAA,CAAAmC,aAAA;IAAKE,SAAS,EAAEzB,KAAK,CAAC6B,WAAY;IAAC7B,KAAK,EAAE;MAACS;IAAe;EAAE,gBAC1DrB,KAAA,CAAAmC,aAAA,CAACF,QAAQ;IAACI,SAAS,EAAEzB,KAAK,CAACoB,IAAK;IAACpB,KAAK,EAAE;MAACO;IAAK,CAAE;IAACuB,MAAM,EAAE;EAAK,CAAE,CAC7D,CAAC,eACN1C,KAAA,CAAAmC,aAAA;IAAKE,SAAS,EAAEzB,KAAK,CAACmB;EAAQ,gBAC5B/B,KAAA,CAAAmC,aAAA;IAAMQ,IAAI,EAAC;EAAQ,GAAEZ,OAAc,CAChC,CACF,CACF,CAAC;AAEV,CAAC;AACDF,YAAY,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBhB,OAAO,EAAE9B,SAAS,CAAC+C,MAAM,CAACC,UAAU;EACpCjB,IAAI,EAAE/B,SAAS,CAACiD,KAAK,CAACC,KAAA,CAAKtC,iBAAiB,CAAC,CAAC,CAACoC;AACjD,CAAC;AAED,eAAepB,YAAY","ignoreList":[]}
+{"version":3,"file":"notification.js","names":["React","PropTypes","classnames","COLORS","FaIcon","style","NOTIFICATION_ICON","addFavorite","iconName","color","cm_blue_700","backgroundColor","primary_100","removeFavorite","neutral_500","cm_grey_100","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","_get","createElement","onClick","className","showOverlay","notificationWrapper","notification","iconWrapper","size","faSize","wrapperSize","role","propTypes","process","env","NODE_ENV","string","isRequired","oneOf","_keys"],"sources":["../../../src/molecule/card/notification.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {COLORS} from '../../variables/colors';\nimport FaIcon from '../../atom/icon';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: {iconName: 'check', color: COLORS.cm_blue_700, backgroundColor: COLORS.primary_100},\n  removeFavorite: {\n    iconName: 'xmark',\n    color: COLORS.neutral_500,\n    backgroundColor: COLORS.cm_grey_100\n  }\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n  const {iconName, color, backgroundColor} = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <div className={style.iconWrapper} style={{backgroundColor}}>\n          <FaIcon\n            iconName={iconName}\n            color={color}\n            size={{faSize: 20, wrapperSize: 20}}\n            aria-label={icon}\n          />\n        </div>\n        <div className={style.message}>\n          <span role=\"status\">{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,MAAM,MAAM,iBAAiB;AACpC,OAAOC,KAAK,MAAM,oBAAoB;AAEtC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAE;IAACC,QAAQ,EAAE,OAAO;IAAEC,KAAK,EAAEN,MAAM,CAACO,WAAW;IAAEC,eAAe,EAAER,MAAM,CAACS;EAAW,CAAC;EAChGC,cAAc,EAAE;IACdL,QAAQ,EAAE,OAAO;IACjBC,KAAK,EAAEN,MAAM,CAACW,WAAW;IACzBH,eAAe,EAAER,MAAM,CAACY;EAC1B;AACF,CAAC;AAED,MAAMC,kBAAkB,GAAGC,CAAC,IAAI;EAC9BA,CAAC,CAACC,eAAe,CAAC,CAAC;EACnBD,CAAC,CAACE,cAAc,CAAC,CAAC;EAClB,OAAO,KAAK;AACd,CAAC;AAED,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAO;IAAEC;EAAI,CAAC,GAAGF,KAAK;EAC7B,MAAM;IAACb,QAAQ;IAAEC,KAAK;IAAEE;EAAe,CAAC,GAAGa,IAAA,CAAID,IAAI,EAAEjB,iBAAiB,CAAC;EACvE,oBACEN,KAAA,CAAAyB,aAAA;IACE,aAAU,cAAc;IACxB,aAAWF,IAAK;IAChBG,OAAO,EAAEV,kBAAmB;IAC5BW,SAAS,EAAEzB,UAAU,CAACG,KAAK,CAACuB,WAAW,EAAEvB,KAAK,CAACwB,mBAAmB;EAAE,gBAEpE7B,KAAA,CAAAyB,aAAA;IAAKE,SAAS,EAAEtB,KAAK,CAACyB;EAAa,gBACjC9B,KAAA,CAAAyB,aAAA;IAAKE,SAAS,EAAEtB,KAAK,CAAC0B,WAAY;IAAC1B,KAAK,EAAE;MAACM;IAAe;EAAE,gBAC1DX,KAAA,CAAAyB,aAAA,CAACrB,MAAM;IACLI,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACbuB,IAAI,EAAE;MAACC,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAE,CAAE;IACpC,cAAYX;EAAK,CAClB,CACE,CAAC,eACNvB,KAAA,CAAAyB,aAAA;IAAKE,SAAS,EAAEtB,KAAK,CAACiB;EAAQ,gBAC5BtB,KAAA,CAAAyB,aAAA;IAAMU,IAAI,EAAC;EAAQ,GAAEb,OAAc,CAChC,CACF,CACF,CAAC;AAEV,CAAC;AACDF,YAAY,CAACgB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBjB,OAAO,EAAErB,SAAS,CAACuC,MAAM,CAACC,UAAU;EACpClB,IAAI,EAAEtB,SAAS,CAACyC,KAAK,CAACC,KAAA,CAAKrC,iBAAiB,CAAC,CAAC,CAACmC;AACjD,CAAC;AAED,eAAerB,YAAY","ignoreList":[]}

package/es/molecule/card/selectable.d.ts

@@ -1,5 +1,5 @@
 export default Selectable;
-declare function Selectable(props: any): JSX.Element | null;
+declare function Selectable(props: any): React.JSX.Element;
 declare namespace Selectable {
     const propTypes: {
         isSelected: PropTypes.Requireable<boolean>;
@@ -10,5 +10,6 @@ declare namespace Selectable {
         }>>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=selectable.d.ts.map

package/es/molecule/card/selectable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectable.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/selectable.js"],"names":[],"mappings":";AAYA,4DAkBC"}
+{"version":3,"file":"selectable.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/selectable.js"],"names":[],"mappings":";AAYA,2DAkBC"}

package/es/molecule/card-congrats/index.native.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { CardCongratsProps } from './types';
-declare const CardCongrats: ({ animationUri, Icon, value, text, iconColor, textColor, direction }: CardCongratsProps) => JSX.Element | null;
+declare const CardCongrats: ({ animationUri, Icon, value, text, iconColor, textColor, direction }: CardCongratsProps) => React.JSX.Element;
 export default CardCongrats;
 //# sourceMappingURL=index.native.d.ts.map

package/es/molecule/card-congrats/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-congrats/index.native.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAwD1C,QAAA,MAAM,YAAY,yEAQf,iBAAiB,uBAyBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-congrats/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAwD1C,QAAA,MAAM,YAAY,yEAQf,iBAAiB,sBAyBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/molecule/card-content/index.d.ts

@@ -3,7 +3,7 @@ export namespace MODES {
     const CARD: string;
 }
 export namespace THEMES {
-    const _default: null;
+    const _default: any;
     export { _default as default };
     export const coorpmanager: any;
 }
@@ -11,18 +11,18 @@ export default ContentInfo;
 declare function ContentInfo({ adaptiv, author, certifiedAuthor, disabled, empty, mode, progress, title, type, badgeCategory, badgeLabel, theme, "aria-label": ariaLabel }: {
     adaptiv: any;
     author: any;
-    certifiedAuthor?: boolean | undefined;
-    disabled?: boolean | undefined;
-    empty?: boolean | undefined;
-    mode?: string | undefined;
+    certifiedAuthor?: boolean;
+    disabled?: boolean;
+    empty?: boolean;
+    mode?: string;
     progress: any;
     title: any;
     type: any;
     badgeCategory: any;
     badgeLabel: any;
-    theme?: string | undefined;
+    theme?: string;
     "aria-label": any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace ContentInfo {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -67,5 +67,6 @@ declare namespace ContentInfo {
         }>>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/card-content/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAiIA;;;;;;;;;;;;;;gBA0EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAiIA;;;;;;;;;;;;;;sBA0EC"}

package/es/molecule/card-with-button/index.d.ts

@@ -1,5 +1,5 @@
 export default CardWithButton;
-declare function CardWithButton(props: any, context: any): JSX.Element;
+declare function CardWithButton(props: any, context: any): React.JSX.Element;
 declare namespace CardWithButton {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -37,8 +37,9 @@ declare namespace CardWithButton {
         export const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
-declare function Button(props: any): JSX.Element;
+declare function Button(props: any): React.JSX.Element;
 declare namespace Button {
     export namespace propTypes_1 {
         const onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/es/molecule/card-with-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-with-button/index.js"],"names":[],"mappings":";AAsBA,uEAyCC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7CD,iDAGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-with-button/index.js"],"names":[],"mappings":";AAsBA,6EAyCC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7CD,uDAGC"}