@coorpacademy/components 11.16.5-alpha.5 → 11.17.0

package/es/atom/image-upload/style.css

@@ -18,9 +18,11 @@
   display: flex;
   flex-direction: row;
   justify-content: center;
+  text-align: center;
   margin-top: 16px;
   background-color: cm_grey_50;
   padding: 16px 0 16px 0;
   border-radius: 10px;
   font-family: "Gilroy";
+  font-size: 14px;
 }

package/es/atom/radio-with-title/index.d.ts

@@ -8,6 +8,7 @@ declare const RadioWithTitle: {
             subtitle: import("prop-types").Requireable<string>;
             type: import("prop-types").Requireable<string>;
             'data-name': import("prop-types").Requireable<string>;
+            titleSize: import("prop-types").Requireable<string>;
             subtitleSize: import("prop-types").Requireable<string>;
         }>>>;
         name: import("prop-types").Requireable<string>;

package/es/atom/radio-with-title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;CAwBjD,CAAC;AAIF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;;CAwBjD,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/es/atom/radio-with-title/index.js

@@ -1,4 +1,7 @@
 import _uniqueId from "lodash/fp/uniqueId";
+
+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, { useCallback } from 'react';
 import Title from '../title';
 import style from './style.css';
@@ -32,7 +35,10 @@ const RadioWithTitle = props => {
     "aria-label": ariaLabel
   }), /*#__PURE__*/React.createElement("span", {
     className: style.title
-  }, /*#__PURE__*/React.createElement(Title, title))));
+  }, /*#__PURE__*/React.createElement(Title, _extends({}, title, {
+    titleSize: 'small',
+    subtitleSize: 'extra-small'
+  })))));
 };
 
 RadioWithTitle.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};

package/es/atom/radio-with-title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","Title","style","propTypes","RadioWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idRadio","handleChange","e","target","container","radio"],"sources":["../../../src/atom/radio-with-title/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {uniqueId} from 'lodash/fp';\nimport Title from '../title';\nimport style from './style.css';\nimport {propTypes, RadioWithTitleProps} from './types';\n\nconst RadioWithTitle = (props: RadioWithTitleProps) => {\n  const {title, name, checked, onChange, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n  const idRadio = uniqueId('input-radio-');\n  const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container}>\n      <label htmlFor={idRadio}>\n        <input\n          type=\"radio\"\n          id={idRadio}\n          name={name}\n          onChange={handleChange}\n          checked={checked}\n          className={style.radio}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        <span className={style.title}>\n          <Title {...title} />\n        </span>\n      </label>\n    </div>\n  );\n};\n\nRadioWithTitle.propTypes = propTypes;\n\nexport default RadioWithTitle;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAQC,SAAR,QAA6C,SAA7C;;AAEA,MAAMC,cAAc,GAAIC,KAAD,IAAgC;EACrD,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,OAAd;IAAuBC,QAAvB;IAAiC,aAAaC,QAA9C;IAAwD,cAAcC;EAAtE,IAAmFN,KAAzF;;EACA,MAAMO,OAAO,GAAG,UAAS,cAAT,CAAhB;;EACA,MAAMC,YAAY,GAAGb,WAAW,CAACc,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAF,CAASP,OAAV,CAAd,EAAkC,CAACC,QAAD,CAAlC,CAAhC;EAEA,oBACE;IAAK,SAAS,EAAEP,KAAK,CAACc;EAAtB,gBACE;IAAO,OAAO,EAAEJ;EAAhB,gBACE;IACE,IAAI,EAAC,OADP;IAEE,EAAE,EAAEA,OAFN;IAGE,IAAI,EAAEL,IAHR;IAIE,QAAQ,EAAEM,YAJZ;IAKE,OAAO,EAAEL,OALX;IAME,SAAS,EAAEN,KAAK,CAACe,KANnB;IAOE,aAAWP,QAPb;IAQE,cAAYC;EARd,EADF,eAWE;IAAM,SAAS,EAAET,KAAK,CAACI;EAAvB,gBACE,oBAAC,KAAD,EAAWA,KAAX,CADF,CAXF,CADF,CADF;AAmBD,CAxBD;;AA0BAF,cAAc,CAACD,SAAf,2CAA2BA,SAA3B;AAEA,eAAeC,cAAf"}
+{"version":3,"file":"index.js","names":["React","useCallback","Title","style","propTypes","RadioWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idRadio","handleChange","e","target","container","radio"],"sources":["../../../src/atom/radio-with-title/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {uniqueId} from 'lodash/fp';\nimport Title from '../title';\nimport style from './style.css';\nimport {propTypes, RadioWithTitleProps} from './types';\n\nconst RadioWithTitle = (props: RadioWithTitleProps) => {\n  const {title, name, checked, onChange, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n  const idRadio = uniqueId('input-radio-');\n  const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container}>\n      <label htmlFor={idRadio}>\n        <input\n          type=\"radio\"\n          id={idRadio}\n          name={name}\n          onChange={handleChange}\n          checked={checked}\n          className={style.radio}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        <span className={style.title}>\n          <Title {...title} titleSize={'small'} subtitleSize={'extra-small'} />\n        </span>\n      </label>\n    </div>\n  );\n};\n\nRadioWithTitle.propTypes = propTypes;\n\nexport default RadioWithTitle;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAQC,SAAR,QAA6C,SAA7C;;AAEA,MAAMC,cAAc,GAAIC,KAAD,IAAgC;EACrD,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,OAAd;IAAuBC,QAAvB;IAAiC,aAAaC,QAA9C;IAAwD,cAAcC;EAAtE,IAAmFN,KAAzF;;EACA,MAAMO,OAAO,GAAG,UAAS,cAAT,CAAhB;;EACA,MAAMC,YAAY,GAAGb,WAAW,CAACc,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAF,CAASP,OAAV,CAAd,EAAkC,CAACC,QAAD,CAAlC,CAAhC;EAEA,oBACE;IAAK,SAAS,EAAEP,KAAK,CAACc;EAAtB,gBACE;IAAO,OAAO,EAAEJ;EAAhB,gBACE;IACE,IAAI,EAAC,OADP;IAEE,EAAE,EAAEA,OAFN;IAGE,IAAI,EAAEL,IAHR;IAIE,QAAQ,EAAEM,YAJZ;IAKE,OAAO,EAAEL,OALX;IAME,SAAS,EAAEN,KAAK,CAACe,KANnB;IAOE,aAAWP,QAPb;IAQE,cAAYC;EARd,EADF,eAWE;IAAM,SAAS,EAAET,KAAK,CAACI;EAAvB,gBACE,oBAAC,KAAD,eAAWA,KAAX;IAAkB,SAAS,EAAE,OAA7B;IAAsC,YAAY,EAAE;EAApD,GADF,CAXF,CADF,CADF;AAmBD,CAxBD;;AA0BAF,cAAc,CAACD,SAAf,2CAA2BA,SAA3B;AAEA,eAAeC,cAAf"}

package/es/atom/radio-with-title/types.d.ts

@@ -5,6 +5,7 @@ export declare const propTypes: {
         subtitle: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
+        titleSize: PropTypes.Requireable<string>;
         subtitleSize: PropTypes.Requireable<string>;
     }>>>;
     name: PropTypes.Requireable<string>;

package/es/atom/radio-with-title/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -6,6 +6,7 @@ declare namespace Title {
         subtitle: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
+        titleSize: PropTypes.Requireable<string>;
         subtitleSize: PropTypes.Requireable<string>;
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AA2BA,gDAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AAsCA,gDAsBC"}

package/es/atom/title/index.js

@@ -2,17 +2,27 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
 
-const getTitleStype = type => {
+const getTitleStyle = (type, size) => {
   switch (type) {
     case 'page':
       return style.titlePage;
 
     case 'form-group':
-      return style.titleFormGroup;
+      switch (size) {
+        case 'standard':
+          return style.titleFormGroup;
+
+        case 'medium':
+          return style.mediumTitleFormGroup;
+
+        case 'small':
+          return style.smallTitleFormGroup;
+      }
+
   }
 };
 
-const getSubtitleStype = (type, size) => {
+const getSubtitleStyle = (type, size) => {
   switch (type) {
     case 'page':
       return style.subtitlePage;
@@ -24,6 +34,12 @@ const getSubtitleStype = (type, size) => {
 
         case 'small':
           return style.smallSubtitleFormGroup;
+
+        case 'small-without-margin':
+          return style.smallSubtitleFormGroupWithoutMargin;
+
+        case 'extra-small':
+          return style.extraSmallSubtitleFormGroup;
       }
 
   }
@@ -35,10 +51,11 @@ const Title = props => {
     subtitle,
     type,
     'data-name': dataName,
+    titleSize = 'standard',
     subtitleSize = 'standard'
   } = props;
-  const titleStyle = getTitleStype(type);
-  const subtitleStyle = getSubtitleStype(type, subtitleSize);
+  const titleStyle = getTitleStyle(type, titleSize);
+  const subtitleStyle = getSubtitleStyle(type, subtitleSize);
   const subtitleSection = subtitle ? /*#__PURE__*/React.createElement("div", {
     className: subtitleStyle
   }, subtitle) : null;
@@ -53,7 +70,8 @@ Title.propTypes = process.env.NODE_ENV !== "production" ? {
   subtitle: PropTypes.string,
   type: PropTypes.oneOf(['page', 'form-group']),
   'data-name': PropTypes.string,
-  subtitleSize: PropTypes.string
+  titleSize: PropTypes.oneOf(['standard', 'medium', 'small']),
+  subtitleSize: PropTypes.oneOf(['standard', 'small', 'small-without-margin', 'extra-small'])
 } : {};
 export default Title;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","getTitleStype","type","titlePage","titleFormGroup","getSubtitleStype","size","subtitlePage","subtitleFormGroup","smallSubtitleFormGroup","Title","props","title","subtitle","dataName","subtitleSize","titleStyle","subtitleStyle","subtitleSection","propTypes","string","oneOf"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst getTitleStype = type => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      return style.titleFormGroup;\n  }\n};\n\nconst getSubtitleStype = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.subtitleFormGroup;\n        case 'small':\n          return style.smallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {title, subtitle, type, 'data-name': dataName, subtitleSize = 'standard'} = props;\n  const titleStyle = getTitleStype(type);\n  const subtitleStyle = getSubtitleStype(type, subtitleSize);\n\n  const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n  return (\n    <div>\n      <div className={titleStyle} data-name={dataName}>\n        {title}\n      </div>\n      {subtitleSection}\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string,\n  subtitleSize: PropTypes.string\n};\nexport default Title;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,IAAI,IAAI;EAC5B,QAAQA,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACG,SAAb;;IACF,KAAK,YAAL;MACE,OAAOH,KAAK,CAACI,cAAb;EAJJ;AAMD,CAPD;;AASA,MAAMC,gBAAgB,GAAG,CAACH,IAAD,EAAOI,IAAP,KAAgB;EACvC,QAAQJ,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACO,YAAb;;IACF,KAAK,YAAL;MACE,QAAQD,IAAR;QACE,KAAK,UAAL;UACE,OAAON,KAAK,CAACQ,iBAAb;;QACF,KAAK,OAAL;UACE,OAAOR,KAAK,CAACS,sBAAb;MAJJ;;EAJJ;AAWD,CAZD;;AAcA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBX,IAAlB;IAAwB,aAAaY,QAArC;IAA+CC,YAAY,GAAG;EAA9D,IAA4EJ,KAAlF;EACA,MAAMK,UAAU,GAAGf,aAAa,CAACC,IAAD,CAAhC;EACA,MAAMe,aAAa,GAAGZ,gBAAgB,CAACH,IAAD,EAAOa,YAAP,CAAtC;EAEA,MAAMG,eAAe,GAAGL,QAAQ,gBAAG;IAAK,SAAS,EAAEI;EAAhB,GAAgCJ,QAAhC,CAAH,GAAqD,IAArF;EAEA,oBACE,8CACE;IAAK,SAAS,EAAEG,UAAhB;IAA4B,aAAWF;EAAvC,GACGF,KADH,CADF,EAIGM,eAJH,CADF;AAQD,CAfD;;AAiBAR,KAAK,CAACS,SAAN,2CAAkB;EAChBP,KAAK,EAAEb,SAAS,CAACqB,MADD;EAEhBP,QAAQ,EAAEd,SAAS,CAACqB,MAFJ;EAGhBlB,IAAI,EAAEH,SAAS,CAACsB,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB,CAHU;EAIhB,aAAatB,SAAS,CAACqB,MAJP;EAKhBL,YAAY,EAAEhB,SAAS,CAACqB;AALR,CAAlB;AAOA,eAAeV,KAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","getTitleStyle","type","size","titlePage","titleFormGroup","mediumTitleFormGroup","smallTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","titleStyle","subtitleStyle","subtitleSection","propTypes","string","oneOf"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst getTitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.titleFormGroup;\n        case 'medium':\n          return style.mediumTitleFormGroup;\n        case 'small':\n          return style.smallTitleFormGroup;\n      }\n  }\n};\n\nconst getSubtitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.subtitleFormGroup;\n        case 'small':\n          return style.smallSubtitleFormGroup;\n        case 'small-without-margin':\n          return style.smallSubtitleFormGroupWithoutMargin;\n        case 'extra-small':\n          return style.extraSmallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {\n    title,\n    subtitle,\n    type,\n    'data-name': dataName,\n    titleSize = 'standard',\n    subtitleSize = 'standard'\n  } = props;\n  const titleStyle = getTitleStyle(type, titleSize);\n  const subtitleStyle = getSubtitleStyle(type, subtitleSize);\n\n  const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n  return (\n    <div>\n      <div className={titleStyle} data-name={dataName}>\n        {title}\n      </div>\n      {subtitleSection}\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string,\n  titleSize: PropTypes.oneOf(['standard', 'medium', 'small']),\n  subtitleSize: PropTypes.oneOf(['standard', 'small', 'small-without-margin', 'extra-small'])\n};\nexport default Title;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,CAACC,IAAD,EAAOC,IAAP,KAAgB;EACpC,QAAQD,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACI,SAAb;;IACF,KAAK,YAAL;MACE,QAAQD,IAAR;QACE,KAAK,UAAL;UACE,OAAOH,KAAK,CAACK,cAAb;;QACF,KAAK,QAAL;UACE,OAAOL,KAAK,CAACM,oBAAb;;QACF,KAAK,OAAL;UACE,OAAON,KAAK,CAACO,mBAAb;MANJ;;EAJJ;AAaD,CAdD;;AAgBA,MAAMC,gBAAgB,GAAG,CAACN,IAAD,EAAOC,IAAP,KAAgB;EACvC,QAAQD,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACS,YAAb;;IACF,KAAK,YAAL;MACE,QAAQN,IAAR;QACE,KAAK,UAAL;UACE,OAAOH,KAAK,CAACU,iBAAb;;QACF,KAAK,OAAL;UACE,OAAOV,KAAK,CAACW,sBAAb;;QACF,KAAK,sBAAL;UACE,OAAOX,KAAK,CAACY,mCAAb;;QACF,KAAK,aAAL;UACE,OAAOZ,KAAK,CAACa,2BAAb;MARJ;;EAJJ;AAeD,CAhBD;;AAkBA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IACJC,KADI;IAEJC,QAFI;IAGJf,IAHI;IAIJ,aAAagB,QAJT;IAKJC,SAAS,GAAG,UALR;IAMJC,YAAY,GAAG;EANX,IAOFL,KAPJ;EAQA,MAAMM,UAAU,GAAGpB,aAAa,CAACC,IAAD,EAAOiB,SAAP,CAAhC;EACA,MAAMG,aAAa,GAAGd,gBAAgB,CAACN,IAAD,EAAOkB,YAAP,CAAtC;EAEA,MAAMG,eAAe,GAAGN,QAAQ,gBAAG;IAAK,SAAS,EAAEK;EAAhB,GAAgCL,QAAhC,CAAH,GAAqD,IAArF;EAEA,oBACE,8CACE;IAAK,SAAS,EAAEI,UAAhB;IAA4B,aAAWH;EAAvC,GACGF,KADH,CADF,EAIGO,eAJH,CADF;AAQD,CAtBD;;AAwBAT,KAAK,CAACU,SAAN,2CAAkB;EAChBR,KAAK,EAAEjB,SAAS,CAAC0B,MADD;EAEhBR,QAAQ,EAAElB,SAAS,CAAC0B,MAFJ;EAGhBvB,IAAI,EAAEH,SAAS,CAAC2B,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB,CAHU;EAIhB,aAAa3B,SAAS,CAAC0B,MAJP;EAKhBN,SAAS,EAAEpB,SAAS,CAAC2B,KAAV,CAAgB,CAAC,UAAD,EAAa,QAAb,EAAuB,OAAvB,CAAhB,CALK;EAMhBN,YAAY,EAAErB,SAAS,CAAC2B,KAAV,CAAgB,CAAC,UAAD,EAAa,OAAb,EAAsB,sBAAtB,EAA8C,aAA9C,CAAhB;AANE,CAAlB;AAQA,eAAeZ,KAAf"}

package/es/atom/title/style.css

@@ -20,14 +20,28 @@
     font-size: 18px;
 }
 
+.mediumTitleFormGroup {
+    composes: title;
+    font-size: 16px;
+}
+
+.smallTitleFormGroup {
+    composes: title;
+    font-size: 14px;
+}
+
 .subtitle {
-    margin: 8px 0 0;
     font-family: Gilroy;
     font-style: normal;   
 }
 
+.subtitleWithMargin {
+  composes: subtitle;
+  margin: 8px 0 0;
+}
+
 .subtitlePage {
-    composes: subtitle;
+    composes: subtitleWithMargin;
     font-weight: normal;
     font-size: 18px;
     line-height: 24px;
@@ -35,15 +49,28 @@
 }
 
 .subtitleFormGroup {
-    composes: subtitle;
+    composes: subtitleWithMargin;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     color: cm_grey_400;
 }
 
-
 .smallSubtitleFormGroup{
     composes: subtitleFormGroup;
     max-width: 450px
 }
+
+.smallSubtitleFormGroupWithoutMargin{
+    composes: smallSubtitleFormGroup;
+    margin: 0;  
+}
+
+.extraSmallSubtitleFormGroup{
+    composes: subtitle;
+    font-size: 12px;
+    color: cm_grey_400;
+    line-height: 16px;
+    font-weight: normal;
+}
+