@coorpacademy/components 11.33.12 → 11.33.13-alpha.2

package/es/atom/icon/index.d.ts

@@ -1,7 +1,23 @@
 export const DEFAULT_ICON_COLOR: "hsl(0, 0%, 32%)";
 export function createGradientBackground(baseColor: any): string;
 export function getForegroundColor(backgroundColor: any): any;
+export namespace iconPropTypes {
+    const iconName: PropTypes.Validator<string>;
+    const iconColor: PropTypes.Requireable<string>;
+    const backgroundColor: PropTypes.Requireable<string>;
+    const gradientBackground: PropTypes.Requireable<boolean>;
+    const borderRadius: PropTypes.Requireable<string>;
+    const preset: PropTypes.Requireable<string>;
+    const size: PropTypes.Requireable<PropTypes.InferProps<{
+        faSize: PropTypes.Requireable<number>;
+        wrapperSize: PropTypes.Requireable<number>;
+    }>>;
+    const customStyle: PropTypes.Requireable<{
+        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+    }>;
+}
 export default Icon;
+import PropTypes from "prop-types";
 declare const Icon: React.NamedExoticComponent<object>;
 import React from "react";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/icon/index.js"],"names":[],"mappings":"AAiBA,mDAAoD;AAiB7C,iEAIN;AAEM,8DAC8D;;AAGrE,uDAoCG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/icon/index.js"],"names":[],"mappings":"AAiBA,mDAAoD;AAiB7C,iEAIN;AAEM,8DAC8D;;;;;;;;;;;;;;;;;;AAGrE,uDAoCG"}

package/es/atom/icon/index.js

@@ -68,7 +68,7 @@ const Icon = /*#__PURE__*/React.memo(function Icon({
     fontSize: effectiveSize.faSize
   }));
 });
-Icon.propTypes = process.env.NODE_ENV !== "production" ? {
+export const iconPropTypes = {
   iconName: PropTypes.string.isRequired,
   iconColor: PropTypes.string,
   backgroundColor: PropTypes.string,
@@ -80,6 +80,7 @@ Icon.propTypes = process.env.NODE_ENV !== "production" ? {
     wrapperSize: PropTypes.number
   }),
   customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))
-} : {};
+};
+Icon.propTypes = process.env.NODE_ENV !== "production" ? iconPropTypes : {};
 export default Icon;
 //# sourceMappingURL=index.js.map

package/es/atom/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","number","FontAwesomeIcon","fas","library","toLower","merge","getOr","convert","style","add","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","createGradientBackground","baseColor","startColor","endColor","getForegroundColor","backgroundColor","Icon","memo","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","iconWrapperStyle","background","width","height","padding","createElement","className","iconWrapper","icon","color","fontSize","propTypes","process","env","NODE_ENV","string","isRequired","bool","oneOf","shape","objectOf","oneOfType"],"sources":["../../../src/atom/icon/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes, {number} from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst DEFAULT_PRESET = 'm';\nconst ICON_LUMINOSITY = 32;\nconst DEFAULT_WRAPPER_SIZE = 40;\nconst ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nconst SIZE_CONFIGS = {\n  s: {\n    faSize: 12,\n    wrapperSize: 32\n  },\n  m: {\n    faSize: 16,\n    wrapperSize: DEFAULT_WRAPPER_SIZE\n  },\n  xl: {\n    faSize: 20,\n    wrapperSize: 48\n  }\n};\n\nexport const createGradientBackground = baseColor => {\n  const startColor = convert(`color(${baseColor} lightness(91%))`);\n  const endColor = convert(`color(${baseColor} lightness(81%))`);\n  return `linear-gradient(180deg, ${startColor} 0%, ${endColor} 100%)`;\n};\n\nexport const getForegroundColor = backgroundColor =>\n  convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);\n// set lightness to 32%\n\nconst Icon = React.memo(function Icon({\n  iconName,\n  iconColor,\n  backgroundColor,\n  gradientBackground,\n  borderRadius,\n  preset = DEFAULT_PRESET,\n  size,\n  customStyle\n}) {\n  const effectiveIconColor =\n    iconColor || (backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR);\n\n  const effectiveSize = size\n    ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n    : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n  const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n\n  const iconWrapperStyle = {\n    background: gradientBackground ? createGradientBackground(effectiveIconColor) : backgroundColor,\n    borderRadius,\n    width: wrapperSize,\n    height: wrapperSize,\n    padding: ICON_PADDING\n  };\n\n  return (\n    <div className={style.iconWrapper} style={{...iconWrapperStyle, ...customStyle}}>\n      <FontAwesomeIcon\n        icon={`fa-${iconName}`}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n      />\n    </div>\n  );\n});\n\nIcon.propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  gradientBackground: PropTypes.bool,\n  borderRadius: PropTypes.string,\n  preset: PropTypes.oneOf(['s', 'm', 'xl']),\n  size: PropTypes.shape({\n    faSize: number,\n    wrapperSize: PropTypes.number\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default Icon;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","number","FontAwesomeIcon","fas","library","toLower","merge","getOr","convert","style","add","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","createGradientBackground","baseColor","startColor","endColor","getForegroundColor","backgroundColor","Icon","memo","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","iconWrapperStyle","background","width","height","padding","createElement","className","iconWrapper","icon","color","fontSize","iconPropTypes","string","isRequired","bool","oneOf","shape","objectOf","oneOfType","propTypes","process","env","NODE_ENV"],"sources":["../../../src/atom/icon/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes, {number} from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst DEFAULT_PRESET = 'm';\nconst ICON_LUMINOSITY = 32;\nconst DEFAULT_WRAPPER_SIZE = 40;\nconst ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nconst SIZE_CONFIGS = {\n  s: {\n    faSize: 12,\n    wrapperSize: 32\n  },\n  m: {\n    faSize: 16,\n    wrapperSize: DEFAULT_WRAPPER_SIZE\n  },\n  xl: {\n    faSize: 20,\n    wrapperSize: 48\n  }\n};\n\nexport const createGradientBackground = baseColor => {\n  const startColor = convert(`color(${baseColor} lightness(91%))`);\n  const endColor = convert(`color(${baseColor} lightness(81%))`);\n  return `linear-gradient(180deg, ${startColor} 0%, ${endColor} 100%)`;\n};\n\nexport const getForegroundColor = backgroundColor =>\n  convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);\n// set lightness to 32%\n\nconst Icon = React.memo(function Icon({\n  iconName,\n  iconColor,\n  backgroundColor,\n  gradientBackground,\n  borderRadius,\n  preset = DEFAULT_PRESET,\n  size,\n  customStyle\n}) {\n  const effectiveIconColor =\n    iconColor || (backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR);\n\n  const effectiveSize = size\n    ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n    : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n  const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n\n  const iconWrapperStyle = {\n    background: gradientBackground ? createGradientBackground(effectiveIconColor) : backgroundColor,\n    borderRadius,\n    width: wrapperSize,\n    height: wrapperSize,\n    padding: ICON_PADDING\n  };\n\n  return (\n    <div className={style.iconWrapper} style={{...iconWrapperStyle, ...customStyle}}>\n      <FontAwesomeIcon\n        icon={`fa-${iconName}`}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n      />\n    </div>\n  );\n});\n\nexport const iconPropTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  gradientBackground: PropTypes.bool,\n  borderRadius: PropTypes.string,\n  preset: PropTypes.oneOf(['s', 'm', 'xl']),\n  size: PropTypes.shape({\n    faSize: number,\n    wrapperSize: PropTypes.number\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nIcon.propTypes = iconPropTypes;\n\nexport default Icon;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAkCA,kDAoQC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AA4CA,kDA+RC"}

package/es/molecule/cm-popin/index.js

@@ -1,18 +1,29 @@
+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, { useRef, useEffect, useMemo } from 'react';
 import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaLineSettingsCookie as Cookie, NovaSolidSpaceMoonRocket as MoonRocket, NovaCompositionCoorpacademyPadlock as LockIcon, NovaLineStatusCheckCircle1 as CheckCircle1, NovaSolidFilesBasicFileLines as FileLinesIcon, NovaSolidInterfaceFeedbackInterfaceAlertRounded as AlertIcon } from '@coorpacademy/nova-icons';
 import map from 'lodash/fp/map';
 import isEmpty from 'lodash/fp/isEmpty';
 import classNames from 'classnames';
 import Provider from '../../atom/provider';
-import Cta from '../../atom/button-link';
+import ButtonLink from '../../atom/button-link';
 import ButtonLinkIcon from '../../atom/button-link-icon';
 import InputSwitch from '../../atom/input-switch';
 import Title from '../../atom/title';
 import CardsGrid from '../../organism/cards-grid';
 import ListItems from '../../organism/list-items';
 import Link from '../../atom/link';
+import Icon from '../../atom/icon';
 import style from './style.css';
 import propTypes from './types';
+
+// DEPRECATED
+const LOGO = {
+  AlertDiamond,
+  WindowUpload,
+  MoonRocket,
+  CheckCircle1,
+  AlertIcon
+};
 const IconType = {
   lockedContent: /*#__PURE__*/React.createElement(LockIcon, {
     className: style.lockIcon
@@ -41,14 +52,6 @@ const CMPopin = props => {
     items,
     link
   } = props;
-  const logo = {
-    AlertDiamond,
-    WindowUpload,
-    MoonRocket,
-    CheckCircle1,
-    AlertIcon
-  };
-  const LogoComponent = logo[icon];
   const backgroundImageStyle = backgroundImageUrl ? {
     backgroundImage: `url(${backgroundImageUrl})`,
     backgroundSize: 'cover'
@@ -77,7 +80,19 @@ const CMPopin = props => {
       };
     }
   }, [handleCloseButton, mode, onClose]);
-  const renderHeader = () => {
+  const wrapperPopinStyle = classNames(style.popin, mode === 'cookie' && style.popinCookie, mode === 'list' && style.popinFilesList, mode === 'items' && style.popinItems);
+  const buildIcon = () => {
+    if (typeof icon === 'string') {
+      const LogoComponent = LOGO[icon];
+      return LogoComponent ? /*#__PURE__*/React.createElement(LogoComponent, {
+        className: style.icon
+      }) : null;
+    }
+    return !isEmpty(icon) ? /*#__PURE__*/React.createElement(Icon, _extends({}, icon, {
+      className: style.icon
+    })) : null;
+  };
+  const buildHeader = () => {
     if (header) {
       const {
         title,
@@ -101,7 +116,22 @@ const CMPopin = props => {
     })), /*#__PURE__*/React.createElement("div", {
       className: style.cookieTitle
     }, cookieTitle));
-    return null;
+  };
+  const renderHeader = () => {
+    const headerContent = buildHeader();
+    const close = onClose ? /*#__PURE__*/React.createElement("div", {
+      className: style.onCloseButton
+    }, /*#__PURE__*/React.createElement(ButtonLinkIcon, {
+      onClick: handleCloseButton,
+      "data-name": 'close-icon',
+      "aria-label": 'close-icon',
+      size: "small",
+      icon: "close"
+    })) : null;
+    if (isEmpty(headerContent) && isEmpty(close)) return null;
+    return /*#__PURE__*/React.createElement("header", {
+      className: style.popinHeader
+    }, headerContent, close);
   };
   const getClassBtnSwitch = (index, btnList) => {
     switch (index) {
@@ -149,11 +179,11 @@ const CMPopin = props => {
     })(listBtnSwicth);
   };
   const renderItems = () => {
+    if (isEmpty(items)) return null;
     const {
       type,
       list
     } = items;
-    if (isEmpty(list)) return null;
     if (type === 'content') return /*#__PURE__*/React.createElement("div", {
       className: style.itemsContainer,
       "data-name": 'cm-popin-cards'
@@ -163,7 +193,69 @@ const CMPopin = props => {
     }, /*#__PURE__*/React.createElement(ListItems, list));
     return null;
   };
-  const wrapperPopinStyle = classNames(mode === 'cookie' && style.popinCookie, mode === 'list' && style.popinFilesList, mode === 'items' && style.popinItems, style.popin);
+  const renderContent = () => {
+    if (mode === 'items' || mode === 'list') return;
+    const isCookieOrInformations = mode === 'cookie' || mode === 'information';
+    const renderContentTitle = () => {
+      if (!content) return null;
+      if (isCookieOrInformations) return /*#__PURE__*/React.createElement("p", {
+        className: mode === 'alert' ? style.content : style.message,
+        "data-name": 'cm-popin-content'
+        // eslint-disable-next-line react/no-danger
+        ,
+        dangerouslySetInnerHTML: {
+          __html: content
+        }
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: mode === 'alert' ? style.content : style.message
+      }, /*#__PURE__*/React.createElement(Title, {
+        title: content,
+        "data-name": 'cm-popin-content'
+      }));
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: isCookieOrInformations ? style.cookieTitleContainer : style.titleContainer
+    }, buildIcon(), /*#__PURE__*/React.createElement("div", {
+      className: style.contentSection
+    }, renderContentTitle(), descriptionText ? /*#__PURE__*/React.createElement("div", {
+      className: style.descriptionText
+    }, descriptionText) : null), link ? /*#__PURE__*/React.createElement(Link, link) : null);
+  };
+  const renderButtons = () => {
+    if (!firstButton && !secondButton && !thirdButton) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.buttonContainer
+    }, firstButton ? /*#__PURE__*/React.createElement("div", {
+      className: firstButton.largeButton ? style.largeButton : style.button
+    }, /*#__PURE__*/React.createElement(ButtonLink, {
+      label: firstButton.label,
+      onClick: firstButton.handleOnclick,
+      "data-name": 'cm-popin-cta',
+      "aria-label": firstButton['aria-label'],
+      type: firstButton.type,
+      customStyle: firstButton.customStyle
+    })) : null, secondButton ? /*#__PURE__*/React.createElement("div", {
+      className: secondButton.largeButton ? style.largeButton : style.button
+    }, /*#__PURE__*/React.createElement(ButtonLink, {
+      label: secondButton.label,
+      onClick: secondButton.handleOnclick,
+      "data-name": `cm-popin-cta-${secondButton.type}`,
+      "aria-label": secondButton['aria-label'],
+      type: secondButton.type,
+      customStyle: secondButton.customStyle,
+      icon: secondButton.icon
+    })) : null, thirdButton ? /*#__PURE__*/React.createElement("div", {
+      className: thirdButton.largeButton ? style.largeButton : style.button
+    }, /*#__PURE__*/React.createElement(ButtonLink, {
+      label: thirdButton.label,
+      onClick: thirdButton.handleOnclick,
+      "data-name": `cm-popin-cta-${thirdButton.type}`,
+      "aria-label": thirdButton['aria-label'],
+      type: thirdButton.type,
+      customStyle: thirdButton.customStyle
+    })) : null);
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: mode !== 'cookie' ? style.background : null,
     style: backgroundImageStyle,
@@ -171,70 +263,9 @@ const CMPopin = props => {
   }, /*#__PURE__*/React.createElement("div", {
     className: wrapperPopinStyle,
     ref: nodeRef
-  }, /*#__PURE__*/React.createElement("header", {
-    className: style.popinHeader
-  }, renderHeader(), onClose ? /*#__PURE__*/React.createElement("div", {
-    className: style.onCloseButton
-  }, /*#__PURE__*/React.createElement(ButtonLinkIcon, {
-    onClick: handleCloseButton,
-    "data-name": 'close-icon',
-    "aria-label": 'close-icon',
-    size: "small",
-    icon: "close"
-  })) : null), mode !== 'items' && mode !== 'list' ? /*#__PURE__*/React.createElement("div", {
-    className: mode === 'cookie' || mode === 'information' ? style.cookieTitleContainer : style.titleContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.contentSection
-  }, LogoComponent ? /*#__PURE__*/React.createElement(LogoComponent, {
-    className: style.icon
-  }) : null, content ? /*#__PURE__*/React.createElement("p", {
-    className: mode === 'alert' ? style.content : style.message,
-    "data-name": 'cm-popin-content'
-    // eslint-disable-next-line react/no-danger
-    ,
-    dangerouslySetInnerHTML: {
-      __html: content
-    }
-  }) : null), descriptionText ? /*#__PURE__*/React.createElement("p", {
-    className: style.descriptionText
-    // eslint-disable-next-line react/no-danger
-    ,
-    dangerouslySetInnerHTML: {
-      __html: descriptionText
-    }
-  }) : null, link ? /*#__PURE__*/React.createElement(Link, link) : null) : null, descriptionBtnTxt ? /*#__PURE__*/React.createElement("div", {
+  }, renderHeader(), renderContent(), descriptionBtnTxt ? /*#__PURE__*/React.createElement("div", {
     className: style.descriptionBtn
-  }, descriptionBtnTxt) : null, !isEmpty(items) ? renderItems() : null, renderBtnSwitch(), firstButton || secondButton || thirdButton ? /*#__PURE__*/React.createElement("div", {
-    className: style.buttonContainer
-  }, firstButton ? /*#__PURE__*/React.createElement("div", {
-    className: firstButton.largeButton ? style.largeButton : style.button
-  }, /*#__PURE__*/React.createElement(Cta, {
-    label: firstButton.label,
-    onClick: firstButton.handleOnclick,
-    "data-name": 'cm-popin-cta',
-    "aria-label": firstButton['aria-label'],
-    type: firstButton.type,
-    customStyle: firstButton.customStyle
-  })) : null, secondButton ? /*#__PURE__*/React.createElement("div", {
-    className: secondButton.largeButton ? style.largeButton : style.button
-  }, /*#__PURE__*/React.createElement(Cta, {
-    label: secondButton.label,
-    onClick: secondButton.handleOnclick,
-    "data-name": `cm-popin-cta-${secondButton.type}`,
-    "aria-label": secondButton['aria-label'],
-    type: secondButton.type,
-    customStyle: secondButton.customStyle,
-    icon: secondButton.icon
-  })) : null, thirdButton ? /*#__PURE__*/React.createElement("div", {
-    className: thirdButton.largeButton ? style.largeButton : style.button
-  }, /*#__PURE__*/React.createElement(Cta, {
-    label: thirdButton.label,
-    onClick: thirdButton.handleOnclick,
-    "data-name": `cm-popin-cta-${thirdButton.type}`,
-    "aria-label": thirdButton['aria-label'],
-    type: thirdButton.type,
-    customStyle: thirdButton.customStyle
-  })) : null) : null));
+  }, descriptionBtnTxt) : null, renderItems(), renderBtnSwitch(), renderButtons()));
 };
 CMPopin.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 CMPopin.contextTypes = {

package/es/molecule/cm-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","useEffect","useMemo","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaSolidInterfaceFeedbackInterfaceAlertRounded","AlertIcon","map","isEmpty","classNames","Provider","Cta","ButtonLinkIcon","InputSwitch","Title","CardsGrid","ListItems","Link","style","propTypes","IconType","lockedContent","createElement","className","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","link","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","handleCloseButton","nodeRef","closePopin","e","current","contains","target","handleKeyDown","key","document","addEventListener","removeEventListener","renderHeader","title","headerIcon","TopTitleIcon","Fragment","headerContent","headerBackground","src","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","itemsContainer","filesListContainer","wrapperPopinStyle","popinCookie","popinFilesList","popinItems","popin","background","ref","popinHeader","onCloseButton","onClick","size","cookieTitleContainer","titleContainer","contentSection","message","dangerouslySetInnerHTML","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","process","env","NODE_ENV","contextTypes","translate","childContextTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React, {useRef, useEffect, useMemo} from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon,\n  NovaSolidInterfaceFeedbackInterfaceAlertRounded as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport Link from '../../atom/link';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items,\n    link\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1,\n    AlertIcon\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const handleCloseButton = useMemo(() => () => onClose(), [onClose]);\n  const nodeRef = useRef(null);\n  useEffect(() => {\n    if (mode === 'items') {\n      const closePopin = e => {\n        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n          handleCloseButton();\n        }\n      };\n      const handleKeyDown = e => {\n        if (e?.key === 'Escape') {\n          handleCloseButton();\n        }\n      };\n      document.addEventListener('click', closePopin);\n      document.addEventListener('touchstart', closePopin);\n      document.addEventListener('keydown', handleKeyDown);\n      return () => {\n        document.removeEventListener('click', closePopin);\n        document.removeEventListener('touchstart', closePopin);\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }\n  }, [handleCloseButton, mode, onClose]);\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n\n    return null;\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    const {type, list} = items;\n    if (isEmpty(list)) return null;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n  const wrapperPopinStyle = classNames(\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    mode === 'items' && style.popinItems,\n    style.popin\n  );\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle} ref={nodeRef}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <div className={style.onCloseButton}>\n              <ButtonLinkIcon\n                onClick={handleCloseButton}\n                data-name={'close-icon'}\n                aria-label={'close-icon'}\n                size=\"small\"\n                icon=\"close\"\n              />\n            </div>\n          ) : null}\n        </header>\n        {mode !== 'items' && mode !== 'list' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\n            <div className={style.contentSection}>\n              {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n              {content ? (\n                <p\n                  className={mode === 'alert' ? style.content : style.message}\n                  data-name={'cm-popin-content'}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: content}}\n                />\n              ) : null}\n            </div>\n            {descriptionText ? (\n              <p\n                className={style.descriptionText}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: descriptionText}}\n              />\n            ) : null}\n            {link ? <Link {...link} /> : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {!isEmpty(items) ? renderItems() : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                  icon={secondButton.icon}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\nCMPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default CMPopin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useRef","useEffect","useMemo","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaSolidInterfaceFeedbackInterfaceAlertRounded","AlertIcon","map","isEmpty","classNames","Provider","ButtonLink","ButtonLinkIcon","InputSwitch","Title","CardsGrid","ListItems","Link","Icon","style","propTypes","LOGO","IconType","lockedContent","createElement","className","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","link","backgroundImageStyle","backgroundImage","backgroundSize","handleCloseButton","nodeRef","closePopin","e","current","contains","target","handleKeyDown","key","document","addEventListener","removeEventListener","wrapperPopinStyle","popin","popinCookie","popinFilesList","popinItems","buildIcon","LogoComponent","_extends","buildHeader","title","headerIcon","TopTitleIcon","Fragment","headerContent","headerBackground","src","cookieHeader","cookieIconContainer","cookieIcon","renderHeader","close","onCloseButton","onClick","size","popinHeader","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","itemsContainer","filesListContainer","renderContent","isCookieOrInformations","renderContentTitle","message","dangerouslySetInnerHTML","__html","cookieTitleContainer","titleContainer","contentSection","renderButtons","buttonContainer","largeButton","button","label","handleOnclick","customStyle","background","ref","descriptionBtn","process","env","NODE_ENV","contextTypes","translate","childContextTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React, {useRef, useEffect, useMemo} from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon,\n  NovaSolidInterfaceFeedbackInterfaceAlertRounded as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Provider from '../../atom/provider';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport Link from '../../atom/link';\nimport Icon from '../../atom/icon';\nimport style from './style.css';\nimport propTypes from './types';\n\n// DEPRECATED\nconst LOGO = {\n  AlertDiamond,\n  WindowUpload,\n  MoonRocket,\n  CheckCircle1,\n  AlertIcon\n};\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items,\n    link\n  } = props;\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const handleCloseButton = useMemo(() => () => onClose(), [onClose]);\n  const nodeRef = useRef(null);\n  useEffect(() => {\n    if (mode === 'items') {\n      const closePopin = e => {\n        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n          handleCloseButton();\n        }\n      };\n      const handleKeyDown = e => {\n        if (e?.key === 'Escape') {\n          handleCloseButton();\n        }\n      };\n      document.addEventListener('click', closePopin);\n      document.addEventListener('touchstart', closePopin);\n      document.addEventListener('keydown', handleKeyDown);\n      return () => {\n        document.removeEventListener('click', closePopin);\n        document.removeEventListener('touchstart', closePopin);\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }\n  }, [handleCloseButton, mode, onClose]);\n\n  const wrapperPopinStyle = classNames(\n    style.popin,\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    mode === 'items' && style.popinItems\n  );\n\n  const buildIcon = () => {\n    if (typeof icon === 'string') {\n      const LogoComponent = LOGO[icon];\n      return LogoComponent ? <LogoComponent className={style.icon} /> : null;\n    }\n\n    return !isEmpty(icon) ? <Icon {...icon} className={style.icon} /> : null;\n  };\n\n  const buildHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n  };\n\n  const renderHeader = () => {\n    const headerContent = buildHeader();\n    const close = onClose ? (\n      <div className={style.onCloseButton}>\n        <ButtonLinkIcon\n          onClick={handleCloseButton}\n          data-name={'close-icon'}\n          aria-label={'close-icon'}\n          size=\"small\"\n          icon=\"close\"\n        />\n      </div>\n    ) : null;\n\n    if (isEmpty(headerContent) && isEmpty(close)) return null;\n\n    return (\n      <header className={style.popinHeader}>\n        {headerContent}\n        {close}\n      </header>\n    );\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    if (isEmpty(items)) return null;\n    const {type, list} = items;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n\n  const renderContent = () => {\n    if (mode === 'items' || mode === 'list') return;\n\n    const isCookieOrInformations = mode === 'cookie' || mode === 'information';\n    const renderContentTitle = () => {\n      if (!content) return null;\n\n      if (isCookieOrInformations)\n        return (\n          <p\n            className={mode === 'alert' ? style.content : style.message}\n            data-name={'cm-popin-content'}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        );\n\n      return (\n        <div className={mode === 'alert' ? style.content : style.message}>\n          <Title title={content} data-name={'cm-popin-content'} />\n        </div>\n      );\n    };\n\n    return (\n      <div className={isCookieOrInformations ? style.cookieTitleContainer : style.titleContainer}>\n        {buildIcon()}\n        <div className={style.contentSection}>\n          {renderContentTitle()}\n          {descriptionText ? <div className={style.descriptionText}>{descriptionText}</div> : null}\n        </div>\n        {link ? <Link {...link} /> : null}\n      </div>\n    );\n  };\n\n  const renderButtons = () => {\n    if (!firstButton && !secondButton && !thirdButton) return null;\n\n    return (\n      <div className={style.buttonContainer}>\n        {firstButton ? (\n          <div className={firstButton.largeButton ? style.largeButton : style.button}>\n            <ButtonLink\n              label={firstButton.label}\n              onClick={firstButton.handleOnclick}\n              data-name={'cm-popin-cta'}\n              aria-label={firstButton['aria-label']}\n              type={firstButton.type}\n              customStyle={firstButton.customStyle}\n            />\n          </div>\n        ) : null}\n        {secondButton ? (\n          <div className={secondButton.largeButton ? style.largeButton : style.button}>\n            <ButtonLink\n              label={secondButton.label}\n              onClick={secondButton.handleOnclick}\n              data-name={`cm-popin-cta-${secondButton.type}`}\n              aria-label={secondButton['aria-label']}\n              type={secondButton.type}\n              customStyle={secondButton.customStyle}\n              icon={secondButton.icon}\n            />\n          </div>\n        ) : null}\n        {thirdButton ? (\n          <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n            <ButtonLink\n              label={thirdButton.label}\n              onClick={thirdButton.handleOnclick}\n              data-name={`cm-popin-cta-${thirdButton.type}`}\n              aria-label={thirdButton['aria-label']}\n              type={thirdButton.type}\n              customStyle={thirdButton.customStyle}\n            />\n          </div>\n        ) : null}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle} ref={nodeRef}>\n        {renderHeader()}\n        {renderContent()}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderItems()}\n        {renderBtnSwitch()}\n        {renderButtons()}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\nCMPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default CMPopin;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/cm-popin/style.css

@@ -47,10 +47,10 @@
 }
 
 .popin {
-  width: fit-content;
+  width: 400px;
   flex-grow: 0;
   margin: 16px;
-  padding: 16px 16px 16px 16px;
+  padding: 24px;
   border-radius: 20px;
   background-color: cm_grey_50;
   display: flex;
@@ -58,10 +58,13 @@
   align-items: center;
   justify-content: space-between;
   animation: popup 0.7s;
+  gap: 32px;
 }
 
 .popinItems {
   padding: 0;
+  width: fit-content;
+  gap: 0;
 }
 
 
@@ -101,18 +104,17 @@
 
 .content {
   font-family: Gilroy;
-  font-size: 20px;
-  font-weight: bold;
+  font-size: 18px;
+  font-weight: 700;
   font-stretch: normal;
   font-style: normal;
-  line-height: 1.4;
+  line-height: 24px;
   letter-spacing: normal;
   text-align: center;
   color: cm_grey_600;
 }
 
 .buttonContainer {
-  min-height: 80px;
   display: flex;
   width: 100%;
   align-items: center;
@@ -121,7 +123,7 @@
 
 .button {
   min-width: max-content;
-  width: 161px;
+  width: 100%;
   padding: 8px;
 }
 
@@ -178,24 +180,20 @@
   text-align: center;
   font-family: Gilroy;
   font-weight: 500;
-  font-size: 16px;
-  line-height: 22px;
+  font-size: 14px;
+  line-height: 20px;
   color: cm_grey_500;
   font-style: normal;
   white-space: pre-line;
-  margin: 0px 32px;
-}
-
-.content {
-  margin: 20px 32px;
 }
 
 .titleContainer {
-  padding-top: 40px;
+  justify-content: center;
   align-items: center;
   display: flex;
   flex-direction: column;
   width: 100%;
+  gap: 24px;
 }
 
 .descriptionBtn {
@@ -258,6 +256,9 @@ a {
   bottom: 32px;
   left: 32px;
   z-index: 1000;
+  width: fit-content;
+  gap: 0;
+  padding: 16px;
 }
 
 .cookieHeader {
@@ -411,9 +412,6 @@ a {
   .descriptionText {
     margin: 0px 16px;
   }
-  .content {
-    margin: 20px 16px;
-  }
   .message { 
     padding: 40px 16px 0px;
   }
@@ -450,10 +448,6 @@ a {
   .descriptionText {
     margin: 0px 16px;
   }
-
-  .content {
-    margin: 16px 32px;
-  }
   
   .largeButton { 
     margin: 0px 32px;

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

@@ -3,6 +3,7 @@ import Link from '../../atom/link';
 import { TitleProps } from '../../atom/title/types';
 import CardsGrid from '../../organism/cards-grid';
 import ListItems from '../../organism/list-items';
+import { iconPropTypes } from '../../atom/icon';
 declare const propTypes: {
     content: PropTypes.Requireable<string>;
     mode: PropTypes.Requireable<string>;
@@ -100,7 +101,21 @@ declare const propTypes: {
         }>;
     }>>;
     onClose: PropTypes.Requireable<(...args: any[]) => any>;
-    icon: PropTypes.Requireable<string>;
+    icon: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
+        iconName: PropTypes.Validator<string>;
+        iconColor: PropTypes.Requireable<string>;
+        backgroundColor: PropTypes.Requireable<string>;
+        gradientBackground: PropTypes.Requireable<boolean>;
+        borderRadius: PropTypes.Requireable<string>;
+        preset: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<PropTypes.InferProps<{
+            faSize: PropTypes.Requireable<number>;
+            wrapperSize: PropTypes.Requireable<number>;
+        }>>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
+    }> | null | undefined>>;
     backgroundImageUrl: PropTypes.Requireable<string>;
     descriptionText: PropTypes.Requireable<string>;
     cookieTitle: PropTypes.Requireable<string>;
@@ -440,7 +455,7 @@ export declare type QuitPopinButton = {
 };
 export declare type CMPopinProps = {
     content: string;
-    icon: string;
+    icon: string | PropTypes.InferProps<typeof iconPropTypes>;
     mode: 'alert' | 'information' | 'cookie' | 'items' | 'list';
     onClose?: () => void;
     popinHeader?: PopinHeaderProps;

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;AAGlD,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,CAAC;IACb,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,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,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"}