@coorpacademy/components 11.9.2-alpha.1 → 11.9.2

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

@@ -51,6 +51,7 @@ declare namespace WizardContents {
             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/template/activity/engine-stars.css

@@ -21,10 +21,6 @@
 
   user-select: none;
   position: relative;
-  border-bottom: none;
-  border-right: 0px;
-  border-width: 1px 0 0 1px;
-  background: inherit;
 }
 
 .engineIcon {
@@ -160,22 +156,28 @@
   opacity: 0.4;
 }
 
-.textBase {
-  font-family: "Gilroy";
-  font-style: normal;
-  color: white;
+.toolTip {
+  opacity: 1 !important;
+  padding: 0;
+  pointer-events: all;
+  background-color: transparent !important;
+}
+
+.toolTip::after {
+  border-left-color: transparent !important;
 }
 
 .toolTipContent {
-  composes: textBase;
-  width: 270px;
-  font-weight: 500;
-  font-size: 14px;
-  display: inline-block;
+  padding: 10px;
+  margin: 0;
   border-radius: 3px;
-  word-wrap: break-word;
-  padding: 8px 14px;
-  text-align: center;
+  font-family: 'Gilroy';
+  font-size: 12px;
+  width: 270px;
+  background-color: white;
+  border: 1px solid white;
+  color: dark;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 8px 3px 10px rgba(0, 0, 0, 0.23);
 }
 
 .toolTipContent > a {
@@ -189,6 +191,21 @@
   text-decoration: underline;
 }
 
+.toolTipContent::after {
+  content: '';
+  width: 0;
+  height: 0;
+  position: absolute;
+  border-left-color: inherit;
+  border-left-style: solid;
+  border-left-width: 6px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  right: -6px;
+  top: 50%;
+  margin-top: -4px;
+}
+
 /* ------------------------------------------------------ */
 
 @media tablet, mobile {

package/es/template/activity/engine-stars.d.ts

@@ -1,23 +1,21 @@
 export default EngineStars;
-declare function EngineStars(props: any, legacyContext: any): JSX.Element;
-declare namespace EngineStars {
-    namespace propTypes {
-        const type: PropTypes.Validator<string>;
-        const stars: PropTypes.Validator<number>;
-        const title: PropTypes.Validator<string>;
-        const active: PropTypes.Requireable<boolean>;
-        const disabled: PropTypes.Requireable<boolean>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const className: PropTypes.Requireable<string>;
-        const toolTip: PropTypes.Requireable<PropTypes.InferProps<{
+declare class EngineStars extends React.Component<any, any, any> {
+    static propTypes: {
+        type: PropTypes.Validator<string>;
+        stars: PropTypes.Validator<number>;
+        title: PropTypes.Validator<string>;
+        active: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        toolTip: PropTypes.Requireable<PropTypes.InferProps<{
             preMessage: PropTypes.Requireable<string>;
             linkMessage: PropTypes.Requireable<string>;
             endMessage: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-    }
-    namespace contextTypes {
-        const skin: PropTypes.Requireable<PropTypes.InferProps<{
+    };
+    static contextTypes: {
+        skin: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -38,7 +36,11 @@ declare namespace EngineStars {
                 [x: string]: any;
             }>;
         }>>;
-    }
+    };
+    constructor(props: any, context: any);
+    handleClick: (e: any) => void;
+    render(): JSX.Element;
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=engine-stars.d.ts.map

package/es/template/activity/engine-stars.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"engine-stars.d.ts","sourceRoot":"","sources":["../../../src/template/activity/engine-stars.js"],"names":[],"mappings":";AAuEA,0EAwIC"}
+{"version":3,"file":"engine-stars.d.ts","sourceRoot":"","sources":["../../../src/template/activity/engine-stars.js"],"names":[],"mappings":";AAqFA;IACE;;;;;;;;;;;;;MAaE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,sCAGC;IAED,8BAKE;IAEF,sBAqDC;CACF"}