@coorpacademy/components 11.16.5-alpha.5 → 11.17.0

package/lib/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/lib/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/lib/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/lib/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/lib/atom/title/index.js

@@ -11,17 +11,27 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const getTitleStype = type => {
+const getTitleStyle = (type, size) => {
   switch (type) {
     case 'page':
       return _style.default.titlePage;
 
     case 'form-group':
-      return _style.default.titleFormGroup;
+      switch (size) {
+        case 'standard':
+          return _style.default.titleFormGroup;
+
+        case 'medium':
+          return _style.default.mediumTitleFormGroup;
+
+        case 'small':
+          return _style.default.smallTitleFormGroup;
+      }
+
   }
 };
 
-const getSubtitleStype = (type, size) => {
+const getSubtitleStyle = (type, size) => {
   switch (type) {
     case 'page':
       return _style.default.subtitlePage;
@@ -33,6 +43,12 @@ const getSubtitleStype = (type, size) => {
 
         case 'small':
           return _style.default.smallSubtitleFormGroup;
+
+        case 'small-without-margin':
+          return _style.default.smallSubtitleFormGroupWithoutMargin;
+
+        case 'extra-small':
+          return _style.default.extraSmallSubtitleFormGroup;
       }
 
   }
@@ -44,10 +60,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.default.createElement("div", {
     className: subtitleStyle
   }, subtitle) : null;
@@ -62,7 +79,8 @@ Title.propTypes = process.env.NODE_ENV !== "production" ? {
   subtitle: _propTypes.default.string,
   type: _propTypes.default.oneOf(['page', 'form-group']),
   'data-name': _propTypes.default.string,
-  subtitleSize: _propTypes.default.string
+  titleSize: _propTypes.default.oneOf(['standard', 'medium', 'small']),
+  subtitleSize: _propTypes.default.oneOf(['standard', 'small', 'small-without-margin', 'extra-small'])
 } : {};
 var _default = Title;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTitleStype","type","style","titlePage","titleFormGroup","getSubtitleStype","size","subtitlePage","subtitleFormGroup","smallSubtitleFormGroup","Title","props","title","subtitle","dataName","subtitleSize","titleStyle","subtitleStyle","subtitleSection","propTypes","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;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAGC,IAAI,IAAI;EAC5B,QAAQA,IAAR;IACE,KAAK,MAAL;MACE,OAAOC,cAAA,CAAMC,SAAb;;IACF,KAAK,YAAL;MACE,OAAOD,cAAA,CAAME,cAAb;EAJJ;AAMD,CAPD;;AASA,MAAMC,gBAAgB,GAAG,CAACJ,IAAD,EAAOK,IAAP,KAAgB;EACvC,QAAQL,IAAR;IACE,KAAK,MAAL;MACE,OAAOC,cAAA,CAAMK,YAAb;;IACF,KAAK,YAAL;MACE,QAAQD,IAAR;QACE,KAAK,UAAL;UACE,OAAOJ,cAAA,CAAMM,iBAAb;;QACF,KAAK,OAAL;UACE,OAAON,cAAA,CAAMO,sBAAb;MAJJ;;EAJJ;AAWD,CAZD;;AAcA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBZ,IAAlB;IAAwB,aAAaa,QAArC;IAA+CC,YAAY,GAAG;EAA9D,IAA4EJ,KAAlF;EACA,MAAMK,UAAU,GAAGhB,aAAa,CAACC,IAAD,CAAhC;EACA,MAAMgB,aAAa,GAAGZ,gBAAgB,CAACJ,IAAD,EAAOc,YAAP,CAAtC;EAEA,MAAMG,eAAe,GAAGL,QAAQ,gBAAG;IAAK,SAAS,EAAEI;EAAhB,GAAgCJ,QAAhC,CAAH,GAAqD,IAArF;EAEA,oBACE,uDACE;IAAK,SAAS,EAAEG,UAAhB;IAA4B,aAAWF;EAAvC,GACGF,KADH,CADF,EAIGM,eAJH,CADF;AAQD,CAfD;;AAiBAR,KAAK,CAACS,SAAN,2CAAkB;EAChBP,KAAK,EAAEQ,kBAAA,CAAUC,MADD;EAEhBR,QAAQ,EAAEO,kBAAA,CAAUC,MAFJ;EAGhBpB,IAAI,EAAEmB,kBAAA,CAAUE,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB,CAHU;EAIhB,aAAaF,kBAAA,CAAUC,MAJP;EAKhBN,YAAY,EAAEK,kBAAA,CAAUC;AALR,CAAlB;eAOeX,K"}
+{"version":3,"file":"index.js","names":["getTitleStyle","type","size","style","titlePage","titleFormGroup","mediumTitleFormGroup","smallTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","titleStyle","subtitleStyle","subtitleSection","propTypes","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;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAG,CAACC,IAAD,EAAOC,IAAP,KAAgB;EACpC,QAAQD,IAAR;IACE,KAAK,MAAL;MACE,OAAOE,cAAA,CAAMC,SAAb;;IACF,KAAK,YAAL;MACE,QAAQF,IAAR;QACE,KAAK,UAAL;UACE,OAAOC,cAAA,CAAME,cAAb;;QACF,KAAK,QAAL;UACE,OAAOF,cAAA,CAAMG,oBAAb;;QACF,KAAK,OAAL;UACE,OAAOH,cAAA,CAAMI,mBAAb;MANJ;;EAJJ;AAaD,CAdD;;AAgBA,MAAMC,gBAAgB,GAAG,CAACP,IAAD,EAAOC,IAAP,KAAgB;EACvC,QAAQD,IAAR;IACE,KAAK,MAAL;MACE,OAAOE,cAAA,CAAMM,YAAb;;IACF,KAAK,YAAL;MACE,QAAQP,IAAR;QACE,KAAK,UAAL;UACE,OAAOC,cAAA,CAAMO,iBAAb;;QACF,KAAK,OAAL;UACE,OAAOP,cAAA,CAAMQ,sBAAb;;QACF,KAAK,sBAAL;UACE,OAAOR,cAAA,CAAMS,mCAAb;;QACF,KAAK,aAAL;UACE,OAAOT,cAAA,CAAMU,2BAAb;MARJ;;EAJJ;AAeD,CAhBD;;AAkBA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IACJC,KADI;IAEJC,QAFI;IAGJhB,IAHI;IAIJ,aAAaiB,QAJT;IAKJC,SAAS,GAAG,UALR;IAMJC,YAAY,GAAG;EANX,IAOFL,KAPJ;EAQA,MAAMM,UAAU,GAAGrB,aAAa,CAACC,IAAD,EAAOkB,SAAP,CAAhC;EACA,MAAMG,aAAa,GAAGd,gBAAgB,CAACP,IAAD,EAAOmB,YAAP,CAAtC;EAEA,MAAMG,eAAe,GAAGN,QAAQ,gBAAG;IAAK,SAAS,EAAEK;EAAhB,GAAgCL,QAAhC,CAAH,GAAqD,IAArF;EAEA,oBACE,uDACE;IAAK,SAAS,EAAEI,UAAhB;IAA4B,aAAWH;EAAvC,GACGF,KADH,CADF,EAIGO,eAJH,CADF;AAQD,CAtBD;;AAwBAT,KAAK,CAACU,SAAN,2CAAkB;EAChBR,KAAK,EAAES,kBAAA,CAAUC,MADD;EAEhBT,QAAQ,EAAEQ,kBAAA,CAAUC,MAFJ;EAGhBzB,IAAI,EAAEwB,kBAAA,CAAUE,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB,CAHU;EAIhB,aAAaF,kBAAA,CAAUC,MAJP;EAKhBP,SAAS,EAAEM,kBAAA,CAAUE,KAAV,CAAgB,CAAC,UAAD,EAAa,QAAb,EAAuB,OAAvB,CAAhB,CALK;EAMhBP,YAAY,EAAEK,kBAAA,CAAUE,KAAV,CAAgB,CAAC,UAAD,EAAa,OAAb,EAAsB,sBAAtB,EAA8C,aAA9C,CAAhB;AANE,CAAlB;eAQeb,K"}

package/lib/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;
+}
+