@coorpacademy/components 11.32.30 → 11.32.31-alpha.16

package/es/molecule/progress-wrapper/index.js

@@ -0,0 +1,200 @@
+import _map from "lodash/fp/map";
+import _lowerCase from "lodash/fp/lowerCase";
+import _isEmpty from "lodash/fp/isEmpty";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import Title from '../../atom/title';
+import ProgressBar from '../progress-bar';
+import { COLORS } from '../../variables/colors';
+import Tag from '../../atom/tag';
+import ButtonLink from '../../atom/button-link';
+import Icon from '../../atom/icon';
+import Provider from '../../atom/provider'; // eslint-disable-next-line css-modules/no-unused-class
+
+import style from './style.css';
+
+const uncappedMap = _map.convert({
+  cap: false
+});
+
+const DetailSection = ({
+  index,
+  type,
+  isLocked,
+  badgeUrl,
+  onDownload,
+  stars
+}, context) => {
+  const {
+    translate
+  } = context;
+  const isTypeStars = type === 'stars';
+  const DownloadButton = /*#__PURE__*/React.createElement(ButtonLink, {
+    label: translate('download'),
+    onClick: onDownload,
+    "data-name": "download-button",
+    "aria-label": "download button",
+    customStyle: {
+      backgroundColor: '#F1F6FE',
+      color: '#0061FF'
+    },
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: 'download',
+        color: '#0061FF',
+        size: 14,
+        customStyle: {
+          padding: 0
+        }
+      }
+    },
+    disabled: isLocked
+  });
+  const LockedTag = /*#__PURE__*/React.createElement(Tag, {
+    label: "Locked",
+    size: "S",
+    icon: {
+      position: 'left',
+      iconName: 'lock',
+      iconColor: '#515161',
+      preset: 's',
+      customStyle: {
+        padding: 0
+      }
+    }
+  });
+  return isTypeStars ? /*#__PURE__*/React.createElement("div", {
+    className: style[`detailsSection${index}`]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.detailsInfo
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.detailsInfoText
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.detailsTitle
+  }, translate('bonus_stars')), isLocked ? LockedTag : null), /*#__PURE__*/React.createElement("div", {
+    className: style.stars
+  }, /*#__PURE__*/React.createElement(Icon, {
+    iconName: "star",
+    iconColor: "#FFCE0A",
+    backgroundColor: "#FFF9D1",
+    preset: "xl"
+  }), /*#__PURE__*/React.createElement("span", null, stars)))) : /*#__PURE__*/React.createElement("div", {
+    className: style[`detailsSection${index}`]
+  }, /*#__PURE__*/React.createElement("img", {
+    className: style.img,
+    src: badgeUrl || 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.detailsInfo
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.detailsInfoText
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.detailsTitle
+  }, type === 'diploma' ? translate('diploma') : translate('badge')), isLocked ? LockedTag : null), /*#__PURE__*/React.createElement("div", {
+    className: style.buttonContainer
+  }, DownloadButton)));
+};
+
+const ProgressWrapper = ({
+  completedCourses,
+  completedModules,
+  title,
+  subtitle,
+  progression,
+  sections
+}, context) => {
+  const {
+    translate
+  } = context;
+  const modulesCompletedLocal = translate('modules_completed');
+  const isLocked = progression !== 100;
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.container
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.titleContainer
+  }, /*#__PURE__*/React.createElement(Title, {
+    type: "form-group",
+    titleSize: "medium",
+    title: title,
+    subtitle: subtitle
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.statscontainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.stats
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: style.statsNumber
+  }, completedCourses), _lowerCase(translate('courses_completed'))), /*#__PURE__*/React.createElement("div", {
+    className: style.divider
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.statsModule
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.statsNumber
+  }, completedModules), modulesCompletedLocal)), /*#__PURE__*/React.createElement("div", {
+    className: style.progression
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.statsNumber
+  }, progression, "%"))), /*#__PURE__*/React.createElement(ProgressBar, {
+    className: style.customProgressBar,
+    style: {
+      backgroundColor: COLORS.positive
+    },
+    displayInfo: false,
+    value: progression,
+    max: 100
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.statsMobile
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.statsModuleMobile
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.statsNumber
+  }, completedModules), modulesCompletedLocal), /*#__PURE__*/React.createElement("div", {
+    className: style.statsProgressionMobile
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.statsNumber
+  }, progression, "%"))), _isEmpty(sections) ? null : /*#__PURE__*/React.createElement("div", {
+    className: style.details
+  }, uncappedMap(({
+    type,
+    stars,
+    badgeUrl,
+    onDownload
+  }, index) => /*#__PURE__*/React.createElement(DetailSection, {
+    type,
+    isLocked,
+    badgeUrl,
+    onDownload,
+    stars,
+    key: `${type}-${index}`,
+    index: index
+  }), sections)));
+};
+
+const commonDetailSectionPropTypes = process.env.NODE_ENV !== "production" ? {
+  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),
+  badgeUrl: PropTypes.string,
+  onDownload: PropTypes.func,
+  stars: PropTypes.number
+} : {};
+DetailSection.contextTypes = {
+  translate: Provider.childContextTypes.translate
+};
+DetailSection.propTypes = process.env.NODE_ENV !== "production" ? _extends({
+  index: PropTypes.number,
+  isLocked: PropTypes.bool
+}, commonDetailSectionPropTypes) : {};
+ProgressWrapper.contextTypes = {
+  translate: Provider.childContextTypes.translate
+};
+ProgressWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: PropTypes.string,
+  subtitle: PropTypes.string,
+  completedCourses: PropTypes.number,
+  completedModules: PropTypes.number,
+  progression: PropTypes.number,
+  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))
+} : {};
+export default ProgressWrapper;
+//# sourceMappingURL=index.js.map

package/es/molecule/progress-wrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PropTypes","Title","ProgressBar","COLORS","Tag","ButtonLink","Icon","Provider","style","uncappedMap","convert","cap","DetailSection","index","type","isLocked","badgeUrl","onDownload","stars","context","translate","isTypeStars","DownloadButton","backgroundColor","color","position","faIcon","name","size","customStyle","padding","LockedTag","iconName","iconColor","preset","detailsInfo","detailsInfoText","detailsTitle","img","buttonContainer","ProgressWrapper","completedCourses","completedModules","title","subtitle","progression","sections","modulesCompletedLocal","container","titleContainer","statscontainer","stats","statsNumber","divider","statsModule","customProgressBar","positive","statsMobile","statsModuleMobile","statsProgressionMobile","details","commonDetailSectionPropTypes","oneOf","string","func","number","contextTypes","childContextTypes","propTypes","bool","arrayOf","shape"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, lowerCase, map} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, badgeUrl, onDownload, stars}, context) => {\n  const {translate} = context;\n  const isTypeStars = type === 'stars';\n\n  const DownloadButton = (\n    <ButtonLink\n      label={translate('download')}\n      onClick={onDownload}\n      data-name=\"download-button\"\n      aria-label=\"download button\"\n      customStyle={{backgroundColor: '#F1F6FE', color: '#0061FF'}}\n      icon={{\n        position: 'left',\n        faIcon: {\n          name: 'download',\n          color: '#0061FF',\n          size: 14,\n          customStyle: {padding: 0}\n        }\n      }}\n      disabled={isLocked}\n    />\n  );\n\n  const LockedTag = (\n    <Tag\n      label=\"Locked\"\n      size=\"S\"\n      icon={{\n        position: 'left',\n        iconName: 'lock',\n        iconColor: '#515161',\n        preset: 's',\n        customStyle: {padding: 0}\n      }}\n    />\n  );\n\n  return isTypeStars ? (\n    <div className={style[`detailsSection${index}`]}>\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n          {isLocked ? LockedTag : null}\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div className={style[`detailsSection${index}`]}>\n      <img\n        className={style.img}\n        src={\n          badgeUrl ||\n          'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n          {isLocked ? LockedTag : null}\n        </div>\n\n        <div className={style.buttonContainer}>{DownloadButton}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedCourses, completedModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const modulesCompletedLocal = translate('modules_completed');\n  const isLocked = progression !== 100;\n\n  return (\n    <div className={style.container}>\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div>\n            <span className={style.statsNumber}>{completedCourses}</span>\n            {lowerCase(translate('courses_completed'))}\n          </div>\n          <div className={style.divider} />\n          <div className={style.statsModule}>\n            <span className={style.statsNumber}>{completedModules}</span>\n            {modulesCompletedLocal}\n          </div>\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber}>{progression}%</span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.positive}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsMobile}>\n        <div className={style.statsModuleMobile}>\n          <span className={style.statsNumber}>{completedModules}</span>\n          {modulesCompletedLocal}\n        </div>\n        <div className={style.statsProgressionMobile}>\n          <span className={style.statsNumber}>{progression}%</span>\n        </div>\n      </div>\n\n      {isEmpty(sections) ? null : (\n        <div className={style.details}>\n          {uncappedMap(\n            ({type, stars, badgeUrl, onDownload}, index) => (\n              <DetailSection\n                {...{type, isLocked, badgeUrl, onDownload, stars}}\n                key={`${type}-${index}`}\n                index={index}\n              />\n            ),\n            sections\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  badgeUrl: PropTypes.string,\n  onDownload: PropTypes.func,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedCourses: PropTypes.number,\n  completedModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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"}

package/es/molecule/progress-wrapper/style.css

@@ -0,0 +1,185 @@
+@value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value white from colors;
+@value xtraLightGrey from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_500 from colors;
+
+.container {
+  border-radius: 16px;
+  font-family: Gilroy;
+  background-color: xtraLightGrey;
+  padding: 32px;
+}
+
+.titleContainer {
+  padding-bottom: 24px;
+}
+
+.statscontainer {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 16px;
+  color: cm_grey_400;
+  font-weight: 600;
+}
+
+.statsNumber {
+  color: cm_grey_500;
+  padding-right: 4px;
+}
+
+.stats {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+.divider {
+  width: 4px;
+  height: 4px;
+  background-color: #d7d7da;
+  border: solid #d7d7da 1px;
+  border-radius: 4px;
+}
+
+.progression {
+  display: flex;
+  justify-content: end;
+}
+
+.customProgressBar {
+  height: 8px;
+  background-color: cm_grey_100;
+}
+
+.details {
+  display: flex;
+  justify-content: space-between;
+  align-items: "center";
+  flex-direction: row;
+  padding-top: 24px;
+  gap: 16px;
+}
+
+.detailsSectionCommon {
+  display: flex;
+  align-items: center;
+  border-radius: 20px;
+  gap: 20px;
+  padding: 16px;
+  background-color: white;
+  height: 114px;
+}
+
+.detailsSection0 {
+  composes: detailsSectionCommon;
+  flex: 1;
+}
+
+.detailsSection1 {
+  composes: detailsSection0;
+}
+
+.detailsSection2 {
+  composes: detailsSectionCommon;
+  width: 245px;
+}
+
+.detailsInfo {
+  height: 100%;
+  width: 100%;
+  background-color: white;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.detailsInfoText {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.detailsTitle {
+  font-family: Gilroy;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.img {
+  height: 100%;
+}
+
+.buttonContainer {
+  width: fit-content;
+}
+
+.stars {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  font-size: 32px;
+  font-weight: 700;
+}
+
+.statsMobile {
+  display: none;
+}
+
+.statsModuleMobile {
+  display: none;
+}
+
+.statsProgressionMobile {
+  composes: progression;
+  display: none;
+}
+
+@media mobile, tablet {
+  .details {
+    flex-wrap: wrap;
+  }
+  .detailsSection2 {
+    flex: 1;
+  }
+  .detailsSection0 > img {
+    width: 120px;
+  }
+  .detailsSection1 > img {
+    width: 80px;
+    height: 80px;
+  }
+  .detailsInfo {
+   justify-content: space-around;
+   gap: 0;
+  }
+  .divider {
+    display: none;
+  }
+  .statsModule {
+    display: none;
+  }
+  .progression {
+    display: none;
+  }
+  .statsProgressionMobile {
+    display: block;
+  }
+  .statsModuleMobile {
+    display: block;
+  }
+  .statsMobile {
+    display: flex;
+    justify-content: space-between;
+    padding-top: 16px;
+    color: cm_grey_400;
+    font-weight: 600;
+  }    
+}

package/es/molecule/title-and-checkbox-wrapper/index.d.ts

@@ -24,8 +24,9 @@ declare namespace TitleAndCheckBoxWrapper {
                 type: PropTypes.Requireable<string>;
                 size: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<{
-                    [x: string]: string | null | undefined;
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                 }>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
             }>>;
         }>>;
         const child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{

package/es/molecule/title-radio-wrapper/index.d.ts

@@ -17,8 +17,9 @@ declare const TitleRadioWrapper: {
                     type: import("prop-types").Requireable<string>;
                     size: import("prop-types").Requireable<string>;
                     customStyle: import("prop-types").Requireable<{
-                        [x: string]: string | null | undefined;
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                     }>;
+                    icon: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
                 }>>;
             }>>>;
             name: import("prop-types").Requireable<string>;

package/es/molecule/title-radio-wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAqB1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAqB1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/es/molecule/title-radio-wrapper/types.d.ts

@@ -17,8 +17,9 @@ declare const propTypes: {
                 type: PropTypes.Requireable<string>;
                 size: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<{
-                    [x: string]: string | null | undefined;
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                 }>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
             }>>;
         }>>>;
         name: PropTypes.Requireable<string>;

package/es/molecule/title-radio-wrapper/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,mCAAmC,CAAC;AACtE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOd,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,cAAc,EAAE,mBAAmB,CAAC;IACpC,KAAK,EAAE,OAAO,cAAc,CAAC,SAAS,GAAG,OAAO,kBAAkB,CAAC,SAAS,CAAC;IAC7E,SAAS,EAAE,iBAAiB,GAAG,gBAAgB,CAAC;CACjD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,mCAAmC,CAAC;AACtE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOd,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,cAAc,EAAE,mBAAmB,CAAC;IACpC,KAAK,EAAE,OAAO,cAAc,CAAC,SAAS,GAAG,OAAO,kBAAkB,CAAC,SAAS,CAAC;IAC7E,SAAS,EAAE,iBAAiB,GAAG,gBAAgB,CAAC;CACjD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/organism/rewards-form/index.d.ts

@@ -27,8 +27,9 @@ declare namespace RewardsForm {
                     type: PropTypes.Requireable<string>;
                     size: PropTypes.Requireable<string>;
                     customStyle: PropTypes.Requireable<{
-                        [x: string]: string | null | undefined;
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                     }>;
+                    icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
                 }>>;
             }>>;
             child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{

package/es/organism/select-opponents/index.d.ts

@@ -26,8 +26,9 @@ declare const SelectOpponents: {
                     type: import("prop-types").Requireable<string>;
                     size: import("prop-types").Requireable<string>;
                     customStyle: import("prop-types").Requireable<{
-                        [x: string]: string | null | undefined;
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                     }>;
+                    icon: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
                 }>>;
             }>>;
             child: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{

package/es/organism/select-opponents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/index.tsx"],"names":[],"mappings":";AAGA,OAAkB,EAAC,oBAAoB,EAA+B,MAAM,SAAS,CAAC;AAMtF,QAAA,MAAM,eAAe;YAAW,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnD,CAAC;AAIF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/index.tsx"],"names":[],"mappings":";AAGA,OAAkB,EAAC,oBAAoB,EAA+B,MAAM,SAAS,CAAC;AAMtF,QAAA,MAAM,eAAe;YAAW,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnD,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/es/organism/select-opponents/types.d.ts

@@ -23,8 +23,9 @@ export declare const propTypes: {
                 type: PropTypes.Requireable<string>;
                 size: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<{
-                    [x: string]: string | null | undefined;
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                 }>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
             }>>;
         }>>;
         child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{

package/es/organism/select-opponents/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAErB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE;QACL,SAAS,EAAE,iBAAiB,GAAG,cAAc,CAAC;QAC9C,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;KACtB,CAAC;IACF,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,4BAA4B,EAAE,CAAC;CACvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAErB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE;QACL,SAAS,EAAE,iBAAiB,GAAG,cAAc,CAAC;QAC9C,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;KACtB,CAAC;IACF,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,4BAA4B,EAAE,CAAC;CACvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/organism/title-and-input/index.d.ts

@@ -16,8 +16,9 @@ declare const TitleAndInput: {
                 type: import("prop-types").Requireable<string>;
                 size: import("prop-types").Requireable<string>;
                 customStyle: import("prop-types").Requireable<{
-                    [x: string]: string | null | undefined;
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                 }>;
+                icon: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
             }>>;
         }>>>;
         field: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
@@ -80,8 +81,9 @@ declare const TitleAndInput: {
                         type: import("prop-types").Requireable<string>;
                         size: import("prop-types").Requireable<string>;
                         customStyle: import("prop-types").Requireable<{
-                            [x: string]: string | null | undefined;
+                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                         }>;
+                        icon: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
                     }>>;
                 }>>;
                 child: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{

package/es/organism/title-and-input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAiBtD,QAAA,MAAM,aAAa;YAAW,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgB/C,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAiBtD,QAAA,MAAM,aAAa;YAAW,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgB/C,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/es/organism/title-and-input/types.d.ts

@@ -17,8 +17,9 @@ declare const propTypes: {
             type: PropTypes.Requireable<string>;
             size: PropTypes.Requireable<string>;
             customStyle: PropTypes.Requireable<{
-                [x: string]: string | null | undefined;
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
             }>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
         }>>;
     }>>>;
     field: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
@@ -81,8 +82,9 @@ declare const propTypes: {
                     type: PropTypes.Requireable<string>;
                     size: PropTypes.Requireable<string>;
                     customStyle: PropTypes.Requireable<{
-                        [x: string]: string | null | undefined;
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                     }>;
+                    icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
                 }>>;
             }>>;
             child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{

package/es/organism/title-and-input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AAEnD,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAE/D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQd,CAAC;AACF,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,KAAK,EACD,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAC3C,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,GACzC,oBAAoB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AAEnD,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAE/D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQd,CAAC;AACF,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,KAAK,EACD,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAC3C,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,GACzC,oBAAoB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/organism/wizard-contents/index.d.ts

@@ -296,8 +296,9 @@ declare namespace WizardContents {
                         type: PropTypes.Requireable<string>;
                         size: PropTypes.Requireable<string>;
                         customStyle: PropTypes.Requireable<{
-                            [x: string]: string | null | undefined;
+                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                         }>;
+                        icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
                     }>>;
                 }>>;
                 child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{

package/es/template/activity/progression-item.css

@@ -55,10 +55,6 @@
   background-color: light;
 }
 
-.completion p {
-  display: none;
-}
-
 .wrapperTitle {
   display: flex;
   width: 100%;

package/es/template/activity/progression-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progression-item.d.ts","sourceRoot":"","sources":["../../../src/template/activity/progression-item.js"],"names":[],"mappings":";AAmCA,8EA0FC"}
+{"version":3,"file":"progression-item.d.ts","sourceRoot":"","sources":["../../../src/template/activity/progression-item.js"],"names":[],"mappings":";AAmCA,8EA2FC"}

package/es/template/activity/progression-item.js

@@ -117,7 +117,8 @@ const ProgressionItem = (props, legacyContext) => {
     style: {
       backgroundColor: primary,
       borderRadius: 0
-    }
+    },
+    displayInfo: false
   }), /*#__PURE__*/React.createElement("div", {
     className: style.state
   }, link, /*#__PURE__*/React.createElement("span", {