@coorpacademy/components 11.9.1 → 11.9.2-alpha.12

package/es/atom/drag-and-drop/style.css

@@ -18,10 +18,10 @@
 
 .wrapper {
   font-family: "Gilroy";
-  max-height: 350px;
-  max-width: 460px;
   height: 100%;
   width: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
 .disabled {
@@ -55,6 +55,7 @@
   width: 100%;
   height: 80%;
   border: none;
+  display: flex;
   border-radius: 7px;
   background: cm_grey_50;
 }
@@ -96,7 +97,6 @@
 .inputWrapper {
   background: cm_grey_50;
   width: 100%;
-  height: 80%;
   box-sizing: border-box;
   border-radius: 7px;
   position: relative;
@@ -147,23 +147,26 @@
   background-color: cm_grey_50;
   border-radius: 3px;
   display: flex;
+  flex-wrap: nowrap;
+  min-width: 0;
   align-items: center;
   justify-content: space-between;
   margin-top: 16px;
   padding: 4px 8px;
   font-size: 12px;
   font-weight: 400;
+  position: relative;
 }
 
 .resetSrcLabel {
   color: cm_grey_700;
-  display: inline-block;
-  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  direction: rtl;
-  text-align: left;
-  max-width: 90%;
+  white-space: nowrap;
+  flex-wrap: nowrap;
+  position: absolute;
+  left: 0;
+  right: 15px;
 }
 
 .closeIcon {
@@ -172,6 +175,8 @@
   margin-left: 6px;
   height: 15px;
   width: 15px;
+  position: absolute;
+  right: 0;
 }
 
 .dragging {
@@ -244,7 +249,7 @@
 }
 
 .loaderWrapper:hover .loadingCancel {
-  display: block;
+  display: flex;
 }
 
 .loaderWrapper:hover {

package/es/atom/image-upload/index.d.ts

@@ -1,5 +1,5 @@
 export default ImageUpload;
-declare function ImageUpload({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, onChange, onReset, name, imageTypes, error, buttonAriaLabel, errorButtonLabel }: {
+declare function ImageUpload({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, imageTypes, error, buttonAriaLabel, errorButtonLabel }: {
     title: any;
     description: any;
     previewLabel: any;
@@ -11,6 +11,9 @@ declare function ImageUpload({ title, description, previewLabel, previewContent,
     onChange: any;
     onReset?: null | undefined;
     name: any;
+    labelLink: any;
+    labelButtonLink: any;
+    hrefLink: any;
     imageTypes?: string[] | undefined;
     error?: string | undefined;
     buttonAriaLabel: any;
@@ -25,6 +28,8 @@ declare namespace ImageUpload {
         error: PropTypes.Requireable<string>;
         buttonAriaLabel: PropTypes.Requireable<string>;
         errorButtonLabel: PropTypes.Requireable<string>;
+        labelLink: PropTypes.Requireable<string>;
+        hrefLink: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<string>;
         description: PropTypes.Requireable<string>;
         uploadLabel: PropTypes.Requireable<string>;

package/es/atom/image-upload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAOA;;;;;;;;;;;;;;;;gBAgEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;gBAmFC"}

package/es/atom/image-upload/index.js

@@ -9,6 +9,7 @@ import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import DragAndDrop from '../drag-and-drop';
 import { ImagePropType } from '../../util/proptypes';
+import Link from '../button-link';
 import style from './style.css';
 
 const ImageUpload = ({
@@ -24,6 +25,9 @@ const ImageUpload = ({
   onReset = null,
   name,
   // See ImagePropType for accepted values
+  labelLink,
+  labelButtonLink,
+  hrefLink,
   imageTypes = ['*'],
   error = '',
   buttonAriaLabel,
@@ -37,7 +41,11 @@ const ImageUpload = ({
 
   const acceptedImages = _pipe(_map(t => `image/${t}`), _join(','))(imageTypes);
 
-  return /*#__PURE__*/React.createElement(DragAndDrop, {
+  const linkCustomStyle = {
+    width: '40px',
+    color: 'red'
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DragAndDrop, {
     title: title,
     description: description,
     previewLabel: previewLabel,
@@ -50,7 +58,7 @@ const ImageUpload = ({
     disabled: disabled,
     buttonAriaLabel: buttonAriaLabel,
     errorButtonLabel: errorButtonLabel
-  }, (onDragStart, onDragStop) => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
+  }, (onDragStart, onDragStop) => /*#__PURE__*/React.createElement("input", {
     type: "file",
     name: name,
     accept: acceptedImages,
@@ -60,7 +68,17 @@ const ImageUpload = ({
     onDragEnter: onDragStart,
     onDrop: onDragStop,
     onDragLeave: onDragStop
-  })));
+  })), labelLink && hrefLink ? /*#__PURE__*/React.createElement("div", {
+    className: style.templateLink
+  }, labelLink, /*#__PURE__*/React.createElement(Link, {
+    type: "text",
+    customStyle: linkCustomStyle,
+    link: {
+      href: hrefLink,
+      download: true
+    },
+    label: labelButtonLink
+  })) : null);
 };
 
 ImageUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, DragAndDrop.propTypes, {
@@ -70,7 +88,9 @@ ImageUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, Dra
   imageTypes: PropTypes.arrayOf(ImagePropType),
   error: PropTypes.string,
   buttonAriaLabel: PropTypes.string,
-  errorButtonLabel: PropTypes.string
+  errorButtonLabel: PropTypes.string,
+  labelLink: PropTypes.string,
+  hrefLink: PropTypes.string
 }) : {};
 export default ImageUpload;
 //# sourceMappingURL=index.js.map

package/es/atom/image-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","DragAndDrop","ImagePropType","style","ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","e","preventDefault","acceptedImages","t","onDragStart","onDragStop","input","propTypes","string","func","arrayOf"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {join, map, pipe, isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  imageTypes = ['*'],\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const acceptedImages = pipe(\n    map(t => `image/${t}`),\n    join(',')\n  )(imageTypes);\n\n  return (\n    <DragAndDrop\n      title={title}\n      description={description}\n      previewLabel={previewLabel}\n      previewContent={previewContent}\n      uploadLabel={uploadLabel}\n      loading={loading}\n      modified={modified}\n      onReset={handleReset}\n      error={error}\n      disabled={disabled}\n      buttonAriaLabel={buttonAriaLabel}\n      errorButtonLabel={errorButtonLabel}\n    >\n      {(onDragStart, onDragStop) => (\n        <div>\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        </div>\n      )}\n    </DragAndDrop>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,WAAP,MAAwB,kBAAxB;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnB;EACAC,UAAU,GAAG,CAAC,GAAD,CAbM;EAcnBC,KAAK,GAAG,EAdW;EAenBC,eAfmB;EAgBnBC;AAhBmB,CAAD,KAiBd;EACJ,MAAMC,WAAW,GAAGrB,WAAW,CAC7BsB,CAAC,IAAI;IACH,IAAI,OAAMP,OAAN,CAAJ,EAAoB;IACpBO,CAAC,CAACC,cAAF;IACA,OAAOR,OAAO,CAACO,CAAD,CAAd;EACD,CAL4B,EAM7B,CAACP,OAAD,CAN6B,CAA/B;;EASA,MAAMS,cAAc,GAAG,MACrB,KAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,MAAK,GAAL,CAFqB,EAGrBR,UAHqB,CAAvB;;EAKA,oBACE,oBAAC,WAAD;IACE,KAAK,EAAEX,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAES,WARX;IASE,KAAK,EAAEH,KATT;IAUE,QAAQ,EAAEL,QAVZ;IAWE,eAAe,EAAEM,eAXnB;IAYE,gBAAgB,EAAEC;EAZpB,GAcG,CAACM,WAAD,EAAcC,UAAd,kBACC,8CACE;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAEX,IAFR;IAGE,MAAM,EAAEQ,cAHV;IAIE,QAAQ,EAAEb,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAET,KAAK,CAACwB,KALnB;IAME,QAAQ,EAAEd,QANZ;IAOE,WAAW,EAAEY,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EADF,CAfJ,CADF;AAgCD,CAhED;;AAkEAtB,WAAW,CAACwB,SAAZ,wDACK3B,WAAW,CAAC2B,SADjB;EAEEb,IAAI,EAAEf,SAAS,CAAC6B,MAFlB;EAGEhB,QAAQ,EAAEb,SAAS,CAAC8B,IAHtB;EAIEhB,OAAO,EAAEd,SAAS,CAAC8B,IAJrB;EAKEd,UAAU,EAAEhB,SAAS,CAAC+B,OAAV,CAAkB7B,aAAlB,CALd;EAMEe,KAAK,EAAEjB,SAAS,CAAC6B,MANnB;EAOEX,eAAe,EAAElB,SAAS,CAAC6B,MAP7B;EAQEV,gBAAgB,EAAEnB,SAAS,CAAC6B;AAR9B;AAWA,eAAezB,WAAf"}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","DragAndDrop","ImagePropType","Link","style","ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","e","preventDefault","acceptedImages","t","linkCustomStyle","width","color","onDragStart","onDragStop","input","templateLink","href","download","propTypes","string","func","arrayOf"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {join, map, pipe, isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  imageTypes = ['*'],\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const acceptedImages = pipe(\n    map(t => `image/${t}`),\n    join(',')\n  )(imageTypes);\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: 'red'\n  };\n\n  return (\n    <div>\n      <DragAndDrop\n        title={title}\n        description={description}\n        previewLabel={previewLabel}\n        previewContent={previewContent}\n        uploadLabel={uploadLabel}\n        loading={loading}\n        modified={modified}\n        onReset={handleReset}\n        error={error}\n        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":"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"}

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

@@ -10,3 +10,10 @@
   bottom: 0;
   right: 0;
 }
+
+.templateLink {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  margin-top: 8px;
+}

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>;
+        subtitleSize: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

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":";AAsBA,gDAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AA2BA,gDAeC"}

package/es/atom/title/index.js

@@ -12,13 +12,20 @@ const getTitleStype = type => {
   }
 };
 
-const getSubtitleStype = type => {
+const getSubtitleStype = (type, size) => {
   switch (type) {
     case 'page':
       return style.subtitlePage;
 
     case 'form-group':
-      return style.subtitleFormGroup;
+      switch (size) {
+        case 'standard':
+          return style.subtitleFormGroup;
+
+        case 'small':
+          return style.smallSubtitleFormGroup;
+      }
+
   }
 };
 
@@ -27,10 +34,11 @@ const Title = props => {
     title,
     subtitle,
     type,
-    'data-name': dataName
+    'data-name': dataName,
+    subtitleSize = 'standard'
   } = props;
   const titleStyle = getTitleStype(type);
-  const subtitleStyle = getSubtitleStype(type);
+  const subtitleStyle = getSubtitleStype(type, subtitleSize);
   const subtitleSection = subtitle ? /*#__PURE__*/React.createElement("div", {
     className: subtitleStyle
   }, subtitle) : null;
@@ -44,7 +52,8 @@ Title.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   subtitle: PropTypes.string,
   type: PropTypes.oneOf(['page', 'form-group']),
-  'data-name': PropTypes.string
+  'data-name': PropTypes.string,
+  subtitleSize: PropTypes.string
 } : {};
 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","subtitlePage","subtitleFormGroup","Title","props","title","subtitle","dataName","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 => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      return style.subtitleFormGroup;\n  }\n};\n\nconst Title = props => {\n  const {title, subtitle, type, 'data-name': dataName} = props;\n  const titleStyle = getTitleStype(type);\n  const subtitleStyle = getSubtitleStype(type);\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};\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,GAAGH,IAAI,IAAI;EAC/B,QAAQA,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACM,YAAb;;IACF,KAAK,YAAL;MACE,OAAON,KAAK,CAACO,iBAAb;EAJJ;AAMD,CAPD;;AASA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBT,IAAlB;IAAwB,aAAaU;EAArC,IAAiDH,KAAvD;EACA,MAAMI,UAAU,GAAGZ,aAAa,CAACC,IAAD,CAAhC;EACA,MAAMY,aAAa,GAAGT,gBAAgB,CAACH,IAAD,CAAtC;EAEA,MAAMa,eAAe,GAAGJ,QAAQ,gBAAG;IAAK,SAAS,EAAEG;EAAhB,GAAgCH,QAAhC,CAAH,GAAqD,IAArF;EAEA,oBACE,8CACE;IAAK,SAAS,EAAEE,UAAhB;IAA4B,aAAWD;EAAvC,GACGF,KADH,CADF,EAIGK,eAJH,CADF;AAQD,CAfD;;AAiBAP,KAAK,CAACQ,SAAN,2CAAkB;EAChBN,KAAK,EAAEX,SAAS,CAACkB,MADD;EAEhBN,QAAQ,EAAEZ,SAAS,CAACkB,MAFJ;EAGhBf,IAAI,EAAEH,SAAS,CAACmB,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB,CAHU;EAIhB,aAAanB,SAAS,CAACkB;AAJP,CAAlB;AAMA,eAAeT,KAAf"}
+{"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"}

package/es/atom/title/style.css

@@ -41,3 +41,9 @@
     line-height: 20px;
     color: cm_grey_400;
 }
+
+
+.smallSubtitleFormGroup{
+    composes: subtitleFormGroup;
+    max-width: 450px
+}

package/es/molecule/brand-form-group/index.d.ts

@@ -4,6 +4,7 @@ declare namespace BrandFormGroup {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
         const subtitle: PropTypes.Requireable<string>;
+        const subtitleSize: PropTypes.Requireable<string>;
         const fieldsLayout: PropTypes.Requireable<string>;
         const groupLayout: PropTypes.Requireable<string>;
         const fields: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
@@ -129,6 +130,8 @@ declare namespace BrandFormGroup {
             error: PropTypes.Requireable<string>;
             buttonAriaLabel: PropTypes.Requireable<string>;
             errorButtonLabel: PropTypes.Requireable<string>;
+            labelLink: PropTypes.Requireable<string>;
+            hrefLink: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
             uploadLabel: PropTypes.Requireable<string>;
@@ -242,6 +245,8 @@ declare namespace BrandFormGroup {
                     error: PropTypes.Requireable<string>;
                     buttonAriaLabel: PropTypes.Requireable<string>;
                     errorButtonLabel: PropTypes.Requireable<string>;
+                    labelLink: PropTypes.Requireable<string>;
+                    hrefLink: PropTypes.Requireable<string>;
                     title: PropTypes.Requireable<string>;
                     description: PropTypes.Requireable<string>;
                     uploadLabel: PropTypes.Requireable<string>;

package/es/molecule/brand-form-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AAmGA,yDAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AAmGA,yDAsBC"}

package/es/molecule/brand-form-group/index.js

@@ -132,7 +132,8 @@ const BrandFormGroup = props => {
     subtitle = '',
     fieldsLayout = '',
     groupLayout = '',
-    fields = []
+    fields = [],
+    subtitleSize = 'standard'
   } = props;
 
   const fieldsList = _map.convert({
@@ -147,6 +148,7 @@ const BrandFormGroup = props => {
   }, /*#__PURE__*/React.createElement(Title, {
     title: title,
     subtitle: subtitle,
+    subtitleSize: subtitleSize,
     type: 'form-group'
   })), /*#__PURE__*/React.createElement("div", {
     className: fieldsLayout === 'grid' ? style.grid : null
@@ -156,6 +158,7 @@ const BrandFormGroup = props => {
 BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   subtitle: PropTypes.string,
+  subtitleSize: PropTypes.string,
   fieldsLayout: PropTypes.string,
   groupLayout: PropTypes.string,
   fields: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(_extends({}, Autocomplete.propTypes, {

package/es/molecule/brand-form-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","ImageUpload","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","grid","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n\n  return (\n    <div className={styleInput} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {title, subtitle = '', fieldsLayout = '', groupLayout = '', fields = []} = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} type={'form-group'} />\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","ImageUpload","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","grid","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n\n  return (\n    <div className={styleInput} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}

package/es/molecule/brand-form-group/style.css

@@ -42,17 +42,12 @@
   justify-content: space-evenly;
 }
 
-.grid .field {
-  margin-right: 20px;
-}
-
 .field {
-  margin-bottom: 10px;
+  display: flex;
+  margin: 0 32px 64px 0;
+  flex: 1 0 0;
 }
 
-.field:last-child {
-  margin-bottom: 0;
-}
 
 .fieldCoorpmanager {
   margin: 0 0 32px 0;
@@ -74,8 +69,10 @@
 }
 
 .imageUploadContainer {
-  height: 300px;
-  width: 360px;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ min-width: 230px;
 }
 
 @media desktop {
@@ -84,6 +81,8 @@
   }
 
   .groupGrid .grid {
+    display: flex;
+    flex-direction: row;
     justify-content: flex-start;
     margin-top: 0;
   }

package/es/molecule/drag-and-drop-wrapper/index.d.ts

@@ -10,6 +10,8 @@ declare namespace DragAndDropWrapper {
             error: PropTypes.Requireable<string>;
             buttonAriaLabel: PropTypes.Requireable<string>;
             errorButtonLabel: PropTypes.Requireable<string>;
+            labelLink: PropTypes.Requireable<string>;
+            hrefLink: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
             uploadLabel: PropTypes.Requireable<string>;

package/es/molecule/setup-slide/index.d.ts

@@ -87,6 +87,8 @@ declare namespace SetupSlide {
             error: PropTypes.Requireable<string>;
             buttonAriaLabel: PropTypes.Requireable<string>;
             errorButtonLabel: PropTypes.Requireable<string>;
+            labelLink: PropTypes.Requireable<string>;
+            hrefLink: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
             uploadLabel: PropTypes.Requireable<string>;

package/es/molecule/setup-slider/index.d.ts

@@ -100,6 +100,8 @@ declare namespace SetupSlider {
                 error: PropTypes.Requireable<string>;
                 buttonAriaLabel: PropTypes.Requireable<string>;
                 errorButtonLabel: PropTypes.Requireable<string>;
+                labelLink: PropTypes.Requireable<string>;
+                hrefLink: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 description: PropTypes.Requireable<string>;
                 uploadLabel: PropTypes.Requireable<string>;

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

@@ -15,6 +15,7 @@ declare namespace TitleAndCheckBoxWrapper {
             subtitle: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
+            subtitleSize: PropTypes.Requireable<string>;
         }>>;
         const child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
             childType: PropTypes.Requireable<string>;
@@ -49,6 +50,8 @@ declare namespace TitleAndCheckBoxWrapper {
                 error: PropTypes.Requireable<string>;
                 buttonAriaLabel: PropTypes.Requireable<string>;
                 errorButtonLabel: PropTypes.Requireable<string>;
+                labelLink: PropTypes.Requireable<string>;
+                hrefLink: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 description: PropTypes.Requireable<string>;
                 uploadLabel: PropTypes.Requireable<string>;

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

@@ -34,6 +34,7 @@ declare namespace BrandForm {
         export const groups: PropTypes.Validator<(PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             subtitle: PropTypes.Requireable<string>;
+            subtitleSize: PropTypes.Requireable<string>;
             fieldsLayout: PropTypes.Requireable<string>;
             groupLayout: PropTypes.Requireable<string>;
             fields: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
@@ -159,6 +160,8 @@ declare namespace BrandForm {
                 error: PropTypes.Requireable<string>;
                 buttonAriaLabel: PropTypes.Requireable<string>;
                 errorButtonLabel: PropTypes.Requireable<string>;
+                labelLink: PropTypes.Requireable<string>;
+                hrefLink: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 description: PropTypes.Requireable<string>;
                 uploadLabel: PropTypes.Requireable<string>;
@@ -272,6 +275,8 @@ declare namespace BrandForm {
                         error: PropTypes.Requireable<string>;
                         buttonAriaLabel: PropTypes.Requireable<string>;
                         errorButtonLabel: PropTypes.Requireable<string>;
+                        labelLink: PropTypes.Requireable<string>;
+                        hrefLink: PropTypes.Requireable<string>;
                         title: PropTypes.Requireable<string>;
                         description: PropTypes.Requireable<string>;
                         uploadLabel: PropTypes.Requireable<string>;

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

@@ -18,6 +18,7 @@ declare namespace RewardsForm {
                 subtitle: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
+                subtitleSize: PropTypes.Requireable<string>;
             }>>;
             child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 childType: PropTypes.Requireable<string>;
@@ -52,6 +53,8 @@ declare namespace RewardsForm {
                     error: PropTypes.Requireable<string>;
                     buttonAriaLabel: PropTypes.Requireable<string>;
                     errorButtonLabel: PropTypes.Requireable<string>;
+                    labelLink: PropTypes.Requireable<string>;
+                    hrefLink: PropTypes.Requireable<string>;
                     title: PropTypes.Requireable<string>;
                     description: PropTypes.Requireable<string>;
                     uploadLabel: PropTypes.Requireable<string>;

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

@@ -12,7 +12,7 @@ declare namespace WizardContents {
             done: PropTypes.Requireable<boolean>;
             current: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
-        const summary: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        const summary: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             side: PropTypes.Requireable<string>;
             sections: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -45,12 +45,13 @@ declare namespace WizardContents {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 'aria-label': PropTypes.Requireable<string>;
             }>>;
-        }>>>;
+        }>>;
         const content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             groups: PropTypes.Validator<(PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
                 subtitle: PropTypes.Requireable<string>;
+                subtitleSize: PropTypes.Requireable<string>;
                 fieldsLayout: PropTypes.Requireable<string>;
                 groupLayout: PropTypes.Requireable<string>;
                 fields: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
@@ -176,6 +177,8 @@ declare namespace WizardContents {
                     error: PropTypes.Requireable<string>;
                     buttonAriaLabel: PropTypes.Requireable<string>;
                     errorButtonLabel: PropTypes.Requireable<string>;
+                    labelLink: PropTypes.Requireable<string>;
+                    hrefLink: PropTypes.Requireable<string>;
                     title: PropTypes.Requireable<string>;
                     description: PropTypes.Requireable<string>;
                     uploadLabel: PropTypes.Requireable<string>;
@@ -289,6 +292,8 @@ declare namespace WizardContents {
                             error: PropTypes.Requireable<string>;
                             buttonAriaLabel: PropTypes.Requireable<string>;
                             errorButtonLabel: PropTypes.Requireable<string>;
+                            labelLink: PropTypes.Requireable<string>;
+                            hrefLink: PropTypes.Requireable<string>;
                             title: PropTypes.Requireable<string>;
                             description: PropTypes.Requireable<string>;
                             uploadLabel: PropTypes.Requireable<string>;
@@ -640,6 +645,7 @@ declare namespace WizardContents {
                     subtitle: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
                     'data-name': PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
                 }>>;
                 child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                     childType: PropTypes.Requireable<string>;
@@ -674,6 +680,8 @@ declare namespace WizardContents {
                         error: PropTypes.Requireable<string>;
                         buttonAriaLabel: PropTypes.Requireable<string>;
                         errorButtonLabel: PropTypes.Requireable<string>;
+                        labelLink: PropTypes.Requireable<string>;
+                        hrefLink: PropTypes.Requireable<string>;
                         title: PropTypes.Requireable<string>;
                         description: PropTypes.Requireable<string>;
                         uploadLabel: PropTypes.Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/wizard-contents/index.js"],"names":[],"mappings":";AAkGA,yDA6BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/wizard-contents/index.js"],"names":[],"mappings":";AAmGA,yDAmCC"}