@coorpacademy/components 11.33.14 → 11.33.16

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

package/es/atom/title/index.js

@@ -20,9 +20,11 @@ const getTitleStyle = (type, size) => {
           return style.xlStrongTitle;
         case 'medium':
           return style.mediumTitleFormGroup;
+        case 'medium-light-color':
+          return style.mediumAndLightColorTitleFormGroup;
         case 'small':
           return style.smallTitleFormGroup;
-        case 'smallAndLight':
+        case 'small-and-light':
           return style.smallAndLightTitleFormGroup;
       }
   }
@@ -84,7 +86,7 @@ Title.propTypes = process.env.NODE_ENV !== "production" ? {
   subtitle: PropTypes.string,
   type: PropTypes.oneOf(['page', 'form-group']),
   'data-name': PropTypes.string,
-  titleSize: PropTypes.oneOf(['xl-strong', 'standard', 'standard-light-weight', 'medium', 'small', 'smallAndLight']),
+  titleSize: PropTypes.oneOf(['xl-strong', 'standard', 'standard-light-weight', 'medium', 'medium-light-color', 'small', 'small-and-light']),
   subtitleSize: PropTypes.oneOf(['standard', 'standard-without-margin', 'medium', 'small', 'small-without-margin', 'extra-small']),
   icon: PropTypes.shape(Icon.propTypes),
   tag: PropTypes.shape(Tag.propTypes),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Icon","Tag","ButtonLink","style","getTitleStyle","type","size","titlePage","titleFormGroup","titleFormGroupLightWeight","xlStrongTitle","mediumTitleFormGroup","smallTitleFormGroup","smallAndLightTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","mediumSubtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","button","required","titleStyle","subtitleStyle","subtitleSection","createElement","className","container","_extends","titleContainer","_isEmpty","propTypes","process","env","NODE_ENV","string","oneOf","shape","bool"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport ButtonLink from '../button-link';\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 'standard-light-weight':\n          return style.titleFormGroupLightWeight;\n        case 'xl-strong':\n          return style.xlStrongTitle;\n        case 'medium':\n          return style.mediumTitleFormGroup;\n        case 'small':\n          return style.smallTitleFormGroup;\n        case 'smallAndLight':\n          return style.smallAndLightTitleFormGroup;\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 'standard-without-margin':\n          return style.subtitleFormGroupWithoutMargin;\n        case 'medium':\n          return style.mediumSubtitleFormGroup;\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    icon,\n    tag,\n    button,\n    required\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 className={style.container}>\n      {icon ? <Icon {...icon} className={style.icon} /> : null}\n      <div className={style.titleContainer}>\n        <div>\n          <div className={titleStyle} data-name={dataName}>\n            {title}\n            {required ? <span className={style.required}>*</span> : null}\n            {tag ? <Tag {...tag} /> : null}\n          </div>\n          {subtitleSection}\n        </div>\n        {!isEmpty(button) ? <ButtonLink {...button} /> : null}\n      </div>\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([\n    'xl-strong',\n    'standard',\n    'standard-light-weight',\n    'medium',\n    'small',\n    'smallAndLight'\n  ]),\n  subtitleSize: PropTypes.oneOf([\n    'standard',\n    'standard-without-margin',\n    'medium',\n    'small',\n    'small-without-margin',\n    'extra-small'\n  ]),\n  icon: PropTypes.shape(Icon.propTypes),\n  tag: PropTypes.shape(Tag.propTypes),\n  button: PropTypes.shape(ButtonLink.propTypes),\n  required: PropTypes.bool\n};\nexport default Title;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Icon","Tag","ButtonLink","style","getTitleStyle","type","size","titlePage","titleFormGroup","titleFormGroupLightWeight","xlStrongTitle","mediumTitleFormGroup","mediumAndLightColorTitleFormGroup","smallTitleFormGroup","smallAndLightTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","mediumSubtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","button","required","titleStyle","subtitleStyle","subtitleSection","createElement","className","container","_extends","titleContainer","_isEmpty","propTypes","process","env","NODE_ENV","string","oneOf","shape","bool"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport ButtonLink from '../button-link';\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 'standard-light-weight':\n          return style.titleFormGroupLightWeight;\n        case 'xl-strong':\n          return style.xlStrongTitle;\n        case 'medium':\n          return style.mediumTitleFormGroup;\n        case 'medium-light-color':\n          return style.mediumAndLightColorTitleFormGroup;\n        case 'small':\n          return style.smallTitleFormGroup;\n        case 'small-and-light':\n          return style.smallAndLightTitleFormGroup;\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 'standard-without-margin':\n          return style.subtitleFormGroupWithoutMargin;\n        case 'medium':\n          return style.mediumSubtitleFormGroup;\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    icon,\n    tag,\n    button,\n    required\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 className={style.container}>\n      {icon ? <Icon {...icon} className={style.icon} /> : null}\n      <div className={style.titleContainer}>\n        <div>\n          <div className={titleStyle} data-name={dataName}>\n            {title}\n            {required ? <span className={style.required}>*</span> : null}\n            {tag ? <Tag {...tag} /> : null}\n          </div>\n          {subtitleSection}\n        </div>\n        {!isEmpty(button) ? <ButtonLink {...button} /> : null}\n      </div>\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([\n    'xl-strong',\n    'standard',\n    'standard-light-weight',\n    'medium',\n    'medium-light-color',\n    'small',\n    'small-and-light'\n  ]),\n  subtitleSize: PropTypes.oneOf([\n    'standard',\n    'standard-without-margin',\n    'medium',\n    'small',\n    'small-without-margin',\n    'extra-small'\n  ]),\n  icon: PropTypes.shape(Icon.propTypes),\n  tag: PropTypes.shape(Tag.propTypes),\n  button: PropTypes.shape(ButtonLink.propTypes),\n  required: PropTypes.bool\n};\nexport default Title;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/title/style.css

@@ -55,6 +55,12 @@
   font-size: 16px;
 }
 
+.mediumAndLightColorTitleFormGroup {
+  composes: mediumTitleFormGroup;
+  color: cm_grey_500;
+  font-weight: 600;
+}
+
 .smallTitleFormGroup {
   composes: title;
   font-size: 14px;

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

@@ -3,7 +3,7 @@ export declare type TitleProps = {
     subtitle: string;
     type: 'page' | 'form-group';
     'data-name'?: string;
-    titleSize: 'xl-strong' | 'standard' | 'standard-light-weight' | 'medium' | 'small' | 'smallAndLight';
+    titleSize: 'xl-strong' | 'standard' | 'standard-light-weight' | 'medium' | 'medium-light-color' | 'small' | 'small-and-light';
     subtitleSize: 'standard' | 'medium' | 'small-without-margin' | 'small' | 'extra-small';
     required: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/title/types.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EACL,WAAW,GACX,UAAU,GACV,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,eAAe,CAAC;IACpB,YAAY,EAAE,UAAU,GAAG,QAAQ,GAAG,sBAAsB,GAAG,OAAO,GAAG,aAAa,CAAC;IACvF,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/title/types.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EACL,WAAW,GACX,UAAU,GACV,uBAAuB,GACvB,QAAQ,GACR,oBAAoB,GACpB,OAAO,GACP,iBAAiB,CAAC;IACtB,YAAY,EAAE,UAAU,GAAG,QAAQ,GAAG,sBAAsB,GAAG,OAAO,GAAG,aAAa,CAAC;IACvF,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/atom/title/types.ts"],"sourcesContent":["export type TitleProps = {\n  title: string;\n  subtitle: string;\n  type: 'page' | 'form-group';\n  'data-name'?: string;\n  titleSize:\n    | 'xl-strong'\n    | 'standard'\n    | 'standard-light-weight'\n    | 'medium'\n    | 'small'\n    | 'smallAndLight';\n  subtitleSize: 'standard' | 'medium' | 'small-without-margin' | 'small' | 'extra-small';\n  required: boolean;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/atom/title/types.ts"],"sourcesContent":["export type TitleProps = {\n  title: string;\n  subtitle: string;\n  type: 'page' | 'form-group';\n  'data-name'?: string;\n  titleSize:\n    | 'xl-strong'\n    | 'standard'\n    | 'standard-light-weight'\n    | 'medium'\n    | 'medium-light-color'\n    | 'small'\n    | 'small-and-light';\n  subtitleSize: 'standard' | 'medium' | 'small-without-margin' | 'small' | 'extra-small';\n  required: boolean;\n};\n"],"mappings":"","ignoreList":[]}

package/es/molecule/icon-preview/index.d.ts

@@ -1,11 +1,14 @@
+/// <reference types="react" />
+import { IconPreviewProps } from './types';
+declare const IconPreview: {
+    (props: IconPreviewProps): JSX.Element;
+    propTypes: {
+        title: import("prop-types").Requireable<string>;
+        icon: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            name: import("prop-types").Validator<string>;
+            color: import("prop-types").Requireable<string>;
+        }>>>;
+    };
+};
 export default IconPreview;
-declare function IconPreview(props: any): JSX.Element;
-declare namespace IconPreview {
-    namespace propTypes {
-        const iconName: PropTypes.Validator<string>;
-        const iconColor: PropTypes.Requireable<string>;
-        const title: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/icon-preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/icon-preview/index.js"],"names":[],"mappings":";AAMA,sDAuBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/icon-preview/index.tsx"],"names":[],"mappings":";AAGA,OAAkB,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAGpD,QAAA,MAAM,WAAW;YAAW,gBAAgB;;;;;;;;CAyB3C,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/es/molecule/icon-preview/index.js

@@ -1,39 +1,34 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import FaIcon from '../../atom/icon';
 import { createGradientBackground } from '../../util/get-background-gradient-color';
+import propTypes from './types';
 import style from './style.css';
 const IconPreview = props => {
   const {
-    iconName,
-    iconColor,
+    icon,
     title
   } = props;
   return /*#__PURE__*/React.createElement("div", {
     className: style.iconPreviewWrapper,
     style: {
-      background: createGradientBackground(iconColor, '93%', '100%')
+      background: createGradientBackground(icon.color, '93%', '100%')
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: style.iconPreview
   }, /*#__PURE__*/React.createElement("div", {
     className: style.iconWrapper
   }, /*#__PURE__*/React.createElement(FaIcon, {
-    iconName: iconName,
-    iconColor: iconColor,
-    gradientBackground: true,
+    iconName: icon.name,
+    iconColor: icon.color,
     size: {
       faSize: 36,
       wrapperSize: 80
-    }
+    },
+    gradientBackground: true
   })), /*#__PURE__*/React.createElement("div", {
     className: style.titleWrapper
   }, title)));
 };
-IconPreview.propTypes = process.env.NODE_ENV !== "production" ? {
-  iconName: PropTypes.string.isRequired,
-  iconColor: PropTypes.string,
-  title: PropTypes.string
-} : {};
+IconPreview.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default IconPreview;
 //# sourceMappingURL=index.js.map

package/es/molecule/icon-preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","FaIcon","createGradientBackground","style","IconPreview","props","iconName","iconColor","title","createElement","className","iconPreviewWrapper","background","iconPreview","iconWrapper","gradientBackground","size","faSize","wrapperSize","titleWrapper","propTypes","process","env","NODE_ENV","string","isRequired"],"sources":["../../../src/molecule/icon-preview/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport FaIcon from '../../atom/icon';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport style from './style.css';\n\nconst IconPreview = props => {\n  const {iconName, iconColor, title} = props;\n  return (\n    <div\n      className={style.iconPreviewWrapper}\n      style={{background: createGradientBackground(iconColor, '93%', '100%')}}\n    >\n      <div className={style.iconPreview}>\n        <div className={style.iconWrapper}>\n          <FaIcon\n            iconName={iconName}\n            iconColor={iconColor}\n            gradientBackground\n            size={{\n              faSize: 36,\n              wrapperSize: 80\n            }}\n          />\n        </div>\n        <div className={style.titleWrapper}>{title}</div>\n      </div>\n    </div>\n  );\n};\n\nIconPreview.propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  title: PropTypes.string\n};\n\nexport default IconPreview;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAAQC,wBAAwB,QAAO,0CAA0C;AACjF,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,QAAQ;IAAEC,SAAS;IAAEC;EAAK,CAAC,GAAGH,KAAK;EAC1C,oBACEN,KAAA,CAAAU,aAAA;IACEC,SAAS,EAAEP,KAAK,CAACQ,kBAAmB;IACpCR,KAAK,EAAE;MAACS,UAAU,EAAEV,wBAAwB,CAACK,SAAS,EAAE,KAAK,EAAE,MAAM;IAAC;EAAE,gBAExER,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACU;EAAY,gBAChCd,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACW;EAAY,gBAChCf,KAAA,CAAAU,aAAA,CAACR,MAAM;IACLK,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEA,SAAU;IACrBQ,kBAAkB;IAClBC,IAAI,EAAE;MACJC,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE;IACf;EAAE,CACH,CACE,CAAC,eACNnB,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACgB;EAAa,GAAEX,KAAW,CAC7C,CACF,CAAC;AAEV,CAAC;AAEDJ,WAAW,CAACgB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBjB,QAAQ,EAAEN,SAAS,CAACwB,MAAM,CAACC,UAAU;EACrClB,SAAS,EAAEP,SAAS,CAACwB,MAAM;EAC3BhB,KAAK,EAAER,SAAS,CAACwB;AACnB,CAAC;AAED,eAAepB,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","FaIcon","createGradientBackground","propTypes","style","IconPreview","props","icon","title","createElement","className","iconPreviewWrapper","background","color","iconPreview","iconWrapper","iconName","name","iconColor","size","faSize","wrapperSize","gradientBackground","titleWrapper","process","env","NODE_ENV"],"sources":["../../../src/molecule/icon-preview/index.tsx"],"sourcesContent":["import React from 'react';\nimport FaIcon from '../../atom/icon';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport propTypes, {IconPreviewProps} from './types';\nimport style from './style.css';\n\nconst IconPreview = (props: IconPreviewProps) => {\n  const {icon, title} = props;\n  return (\n    <div\n      className={style.iconPreviewWrapper}\n      style={{background: createGradientBackground(icon.color, '93%', '100%')}}\n    >\n      <div className={style.iconPreview}>\n        <div className={style.iconWrapper}>\n          <FaIcon\n            {...{\n              iconName: icon.name,\n              iconColor: icon.color,\n              size: {\n                faSize: 36,\n                wrapperSize: 80\n              },\n              gradientBackground: true\n            }}\n          />\n        </div>\n        <div className={style.titleWrapper}>{title}</div>\n      </div>\n    </div>\n  );\n};\n\nIconPreview.propTypes = propTypes;\n\nexport default IconPreview;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAAQC,wBAAwB,QAAO,0CAA0C;AACjF,OAAOC,SAAS,MAA0B,SAAS;AACnD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EAC/C,MAAM;IAACC,IAAI;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC3B,oBACEN,KAAA,CAAAS,aAAA;IACEC,SAAS,EAAEN,KAAK,CAACO,kBAAmB;IACpCP,KAAK,EAAE;MAACQ,UAAU,EAAEV,wBAAwB,CAACK,IAAI,CAACM,KAAK,EAAE,KAAK,EAAE,MAAM;IAAC;EAAE,gBAEzEb,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACU;EAAY,gBAChCd,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACW;EAAY,gBAChCf,KAAA,CAAAS,aAAA,CAACR,MAAM;IAEHe,QAAQ,EAAET,IAAI,CAACU,IAAI;IACnBC,SAAS,EAAEX,IAAI,CAACM,KAAK;IACrBM,IAAI,EAAE;MACJC,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE;IACf,CAAC;IACDC,kBAAkB,EAAE;EAAI,CAE3B,CACE,CAAC,eACNtB,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACmB;EAAa,GAAEf,KAAW,CAC7C,CACF,CAAC;AAEV,CAAC;AAEDH,WAAW,CAACF,SAAS,GAAAqB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGvB,SAAS;AAEjC,eAAeE,WAAW","ignoreList":[]}

package/es/molecule/icon-preview/style.css

@@ -2,7 +2,6 @@
 @value cm_grey_700 from colors;
 
 .iconPreviewWrapper {
-  padding: 32px;
   border-radius: 8px;
 }
 

package/es/molecule/icon-preview/types.d.ts

@@ -0,0 +1,18 @@
+import PropTypes from 'prop-types';
+declare const IconPreviewPropTypes: {
+    title: PropTypes.Requireable<string>;
+    icon: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        name: PropTypes.Validator<string>;
+        color: PropTypes.Requireable<string>;
+    }>>>;
+};
+export default IconPreviewPropTypes;
+declare type IconProps = {
+    name: string;
+    color?: string;
+};
+export declare type IconPreviewProps = {
+    title?: string;
+    icon: IconProps;
+};
+//# sourceMappingURL=types.d.ts.map

package/es/molecule/icon-preview/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/icon-preview/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,QAAA,MAAM,oBAAoB;;;;;;CAGzB,CAAC;AAEF,eAAe,oBAAoB,CAAC;AAEpC,aAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC"}

package/es/molecule/icon-preview/types.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+const IconPropTypes = {
+  name: PropTypes.string.isRequired,
+  color: PropTypes.string
+};
+const IconPreviewPropTypes = {
+  title: PropTypes.string,
+  icon: PropTypes.shape(IconPropTypes).isRequired
+};
+export default IconPreviewPropTypes;
+//# sourceMappingURL=types.js.map

package/es/molecule/icon-preview/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","IconPropTypes","name","string","isRequired","color","IconPreviewPropTypes","title","icon","shape"],"sources":["../../../src/molecule/icon-preview/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst IconPropTypes = {\n  name: PropTypes.string.isRequired,\n  color: PropTypes.string\n};\n\nconst IconPreviewPropTypes = {\n  title: PropTypes.string,\n  icon: PropTypes.shape(IconPropTypes).isRequired\n};\n\nexport default IconPreviewPropTypes;\n\ntype IconProps = {\n  name: string;\n  color?: string;\n};\n\nexport type IconPreviewProps = {\n  title?: string;\n  icon: IconProps;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,aAAa,GAAG;EACpBC,IAAI,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;EACjCC,KAAK,EAAEL,SAAS,CAACG;AACnB,CAAC;AAED,MAAMG,oBAAoB,GAAG;EAC3BC,KAAK,EAAEP,SAAS,CAACG,MAAM;EACvBK,IAAI,EAAER,SAAS,CAACS,KAAK,CAACR,aAAa,CAAC,CAACG;AACvC,CAAC;AAED,eAAeE,oBAAoB","ignoreList":[]}

package/es/organism/header-with-actions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/index.tsx"],"names":[],"mappings":";AAQA,OAAmC,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAK3E,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/index.tsx"],"names":[],"mappings":";AAQA,OAAmC,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAO3E,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/es/organism/header-with-actions/index.js

@@ -9,6 +9,10 @@ import BulletPointMenuButton from '../../molecule/bullet-point-menu-button';
 import headerWithActionsPropTypes from './types';
 import style from './style.css';
 const getDataName = suffix => `header-with-actions-${suffix}`;
+// @ts-expect-error (need to get the index)
+const uncappedMap = map.convert({
+  cap: false
+});
 const HeaderWithActions = props => {
   const {
     closeButton,
@@ -41,7 +45,11 @@ const HeaderWithActions = props => {
     "data-name": getDataName('buttons-wrapper')
   }, bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? /*#__PURE__*/React.createElement(BulletPointMenuButton, _extends({}, bulletPointMenuButton, {
     buttonAriaLabel: "More actions"
-  })) : null, map(action => /*#__PURE__*/React.createElement(ButtonLink, action))(actionButtons)));
+  })) : null, uncappedMap((action, key) => {
+    return /*#__PURE__*/React.createElement(ButtonLink, _extends({}, action, {
+      key: key
+    }));
+  }, actionButtons)));
 };
 HeaderWithActions.propTypes = process.env.NODE_ENV !== "production" ? headerWithActionsPropTypes : {};
 export default HeaderWithActions;

package/es/organism/header-with-actions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","isEmpty","map","ButtonLink","ButtonLinkIcon","Tag","BulletPointMenuButton","headerWithActionsPropTypes","style","getDataName","suffix","HeaderWithActions","props","closeButton","title","tag","saveStatus","bulletPointMenuButton","actionButtons","createElement","className","headerWrapper","titleAndButtonWrapper","_extends","button","titleWrapper","statusWrapper","display","label","buttonsWrapper","buttons","buttonAriaLabel","action","propTypes","process","env","NODE_ENV"],"sources":["../../../src/organism/header-with-actions/index.tsx"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Tag from '../../atom/tag';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport headerWithActionsPropTypes, {HeaderWithActionsProps} from './types';\nimport style from './style.css';\n\nconst getDataName = (suffix: string) => `header-with-actions-${suffix}`;\n\nconst HeaderWithActions = (props: HeaderWithActionsProps) => {\n  const {closeButton, title, tag, saveStatus, bulletPointMenuButton, actionButtons} = props;\n\n  return (\n    <div className={style.headerWrapper} data-name={getDataName('wrapper')}>\n      <div\n        className={style.titleAndButtonWrapper}\n        data-name={getDataName('title-and-button-wrapper')}\n      >\n        <ButtonLinkIcon {...closeButton} className={style.button} />\n        <div className={style.titleWrapper}>\n          <div className={style.statusWrapper}>\n            <Tag {...tag} />\n            {saveStatus.display && saveStatus.label ? (\n              <p className={style.saveStatus}>{saveStatus.label}</p>\n            ) : null}\n          </div>\n          <h3 className={style.title} aria-label={title} data-name={getDataName('title')}>\n            {title}\n          </h3>\n        </div>\n      </div>\n      <div className={style.buttonsWrapper} data-name={getDataName('buttons-wrapper')}>\n        {bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} buttonAriaLabel=\"More actions\" />\n        ) : null}\n        {map((action: ButtonLinkProps) => <ButtonLink {...action} />)(actionButtons)}\n      </div>\n    </div>\n  );\n};\n\nHeaderWithActions.propTypes = headerWithActionsPropTypes;\n\nexport default HeaderWithActions;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,GAAG,MAAM,gBAAgB;AAEhC,OAAOC,qBAAqB,MAAM,yCAAyC;AAC3E,OAAOC,0BAA0B,MAAgC,SAAS;AAC1E,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAIC,MAAc,IAAK,uBAAuBA,MAAM,EAAE;AAEvE,MAAMC,iBAAiB,GAAIC,KAA6B,IAAK;EAC3D,MAAM;IAACC,WAAW;IAAEC,KAAK;IAAEC,GAAG;IAAEC,UAAU;IAAEC,qBAAqB;IAAEC;EAAa,CAAC,GAAGN,KAAK;EAEzF,oBACEZ,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACa,aAAc;IAAC,aAAWZ,WAAW,CAAC,SAAS;EAAE,gBACrET,KAAA,CAAAmB,aAAA;IACEC,SAAS,EAAEZ,KAAK,CAACc,qBAAsB;IACvC,aAAWb,WAAW,CAAC,0BAA0B;EAAE,gBAEnDT,KAAA,CAAAmB,aAAA,CAACf,cAAc,EAAAmB,QAAA,KAAKV,WAAW;IAAEO,SAAS,EAAEZ,KAAK,CAACgB;EAAO,EAAE,CAAC,eAC5DxB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACiB;EAAa,gBACjCzB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACkB;EAAc,gBAClC1B,KAAA,CAAAmB,aAAA,CAACd,GAAG,EAAKU,GAAM,CAAC,EACfC,UAAU,CAACW,OAAO,IAAIX,UAAU,CAACY,KAAK,gBACrC5B,KAAA,CAAAmB,aAAA;IAAGC,SAAS,EAAEZ,KAAK,CAACQ;EAAW,GAAEA,UAAU,CAACY,KAAS,CAAC,GACpD,IACD,CAAC,eACN5B,KAAA,CAAAmB,aAAA;IAAIC,SAAS,EAAEZ,KAAK,CAACM,KAAM;IAAC,cAAYA,KAAM;IAAC,aAAWL,WAAW,CAAC,OAAO;EAAE,GAC5EK,KACC,CACD,CACF,CAAC,eACNd,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACqB,cAAe;IAAC,aAAWpB,WAAW,CAAC,iBAAiB;EAAE,GAC7EQ,qBAAqB,IAAI,CAAChB,OAAO,CAACgB,qBAAqB,CAACa,OAAO,CAAC,gBAC/D9B,KAAA,CAAAmB,aAAA,CAACb,qBAAqB,EAAAiB,QAAA,KAAKN,qBAAqB;IAAEc,eAAe,EAAC;EAAc,EAAE,CAAC,GACjF,IAAI,EACP7B,GAAG,CAAE8B,MAAuB,iBAAKhC,KAAA,CAAAmB,aAAA,CAAChB,UAAU,EAAK6B,MAAS,CAAC,CAAC,CAACd,aAAa,CACxE,CACF,CAAC;AAEV,CAAC;AAEDP,iBAAiB,CAACsB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG7B,0BAA0B;AAExD,eAAeI,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","isEmpty","map","ButtonLink","ButtonLinkIcon","Tag","BulletPointMenuButton","headerWithActionsPropTypes","style","getDataName","suffix","uncappedMap","convert","cap","HeaderWithActions","props","closeButton","title","tag","saveStatus","bulletPointMenuButton","actionButtons","createElement","className","headerWrapper","titleAndButtonWrapper","_extends","button","titleWrapper","statusWrapper","display","label","buttonsWrapper","buttons","buttonAriaLabel","action","key","propTypes","process","env","NODE_ENV"],"sources":["../../../src/organism/header-with-actions/index.tsx"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Tag from '../../atom/tag';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport headerWithActionsPropTypes, {HeaderWithActionsProps} from './types';\nimport style from './style.css';\n\nconst getDataName = (suffix: string) => `header-with-actions-${suffix}`;\n// @ts-expect-error (need to get the index)\nconst uncappedMap = map.convert({cap: false});\n\nconst HeaderWithActions = (props: HeaderWithActionsProps) => {\n  const {closeButton, title, tag, saveStatus, bulletPointMenuButton, actionButtons} = props;\n\n  return (\n    <div className={style.headerWrapper} data-name={getDataName('wrapper')}>\n      <div\n        className={style.titleAndButtonWrapper}\n        data-name={getDataName('title-and-button-wrapper')}\n      >\n        <ButtonLinkIcon {...closeButton} className={style.button} />\n        <div className={style.titleWrapper}>\n          <div className={style.statusWrapper}>\n            <Tag {...tag} />\n            {saveStatus.display && saveStatus.label ? (\n              <p className={style.saveStatus}>{saveStatus.label}</p>\n            ) : null}\n          </div>\n          <h3 className={style.title} aria-label={title} data-name={getDataName('title')}>\n            {title}\n          </h3>\n        </div>\n      </div>\n      <div className={style.buttonsWrapper} data-name={getDataName('buttons-wrapper')}>\n        {bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} buttonAriaLabel=\"More actions\" />\n        ) : null}\n        {uncappedMap((action: ButtonLinkProps, key: string) => {\n          return <ButtonLink {...action} key={key} />;\n        }, actionButtons)}\n      </div>\n    </div>\n  );\n};\n\nHeaderWithActions.propTypes = headerWithActionsPropTypes;\n\nexport default HeaderWithActions;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,GAAG,MAAM,gBAAgB;AAEhC,OAAOC,qBAAqB,MAAM,yCAAyC;AAC3E,OAAOC,0BAA0B,MAAgC,SAAS;AAC1E,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAIC,MAAc,IAAK,uBAAuBA,MAAM,EAAE;AACvE;AACA,MAAMC,WAAW,GAAGT,GAAG,CAACU,OAAO,CAAC;EAACC,GAAG,EAAE;AAAK,CAAC,CAAC;AAE7C,MAAMC,iBAAiB,GAAIC,KAA6B,IAAK;EAC3D,MAAM;IAACC,WAAW;IAAEC,KAAK;IAAEC,GAAG;IAAEC,UAAU;IAAEC,qBAAqB;IAAEC;EAAa,CAAC,GAAGN,KAAK;EAEzF,oBACEf,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACgB,aAAc;IAAC,aAAWf,WAAW,CAAC,SAAS;EAAE,gBACrET,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAEf,KAAK,CAACiB,qBAAsB;IACvC,aAAWhB,WAAW,CAAC,0BAA0B;EAAE,gBAEnDT,KAAA,CAAAsB,aAAA,CAAClB,cAAc,EAAAsB,QAAA,KAAKV,WAAW;IAAEO,SAAS,EAAEf,KAAK,CAACmB;EAAO,EAAE,CAAC,eAC5D3B,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACoB;EAAa,gBACjC5B,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACqB;EAAc,gBAClC7B,KAAA,CAAAsB,aAAA,CAACjB,GAAG,EAAKa,GAAM,CAAC,EACfC,UAAU,CAACW,OAAO,IAAIX,UAAU,CAACY,KAAK,gBACrC/B,KAAA,CAAAsB,aAAA;IAAGC,SAAS,EAAEf,KAAK,CAACW;EAAW,GAAEA,UAAU,CAACY,KAAS,CAAC,GACpD,IACD,CAAC,eACN/B,KAAA,CAAAsB,aAAA;IAAIC,SAAS,EAAEf,KAAK,CAACS,KAAM;IAAC,cAAYA,KAAM;IAAC,aAAWR,WAAW,CAAC,OAAO;EAAE,GAC5EQ,KACC,CACD,CACF,CAAC,eACNjB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACwB,cAAe;IAAC,aAAWvB,WAAW,CAAC,iBAAiB;EAAE,GAC7EW,qBAAqB,IAAI,CAACnB,OAAO,CAACmB,qBAAqB,CAACa,OAAO,CAAC,gBAC/DjC,KAAA,CAAAsB,aAAA,CAAChB,qBAAqB,EAAAoB,QAAA,KAAKN,qBAAqB;IAAEc,eAAe,EAAC;EAAc,EAAE,CAAC,GACjF,IAAI,EACPvB,WAAW,CAAC,CAACwB,MAAuB,EAAEC,GAAW,KAAK;IACrD,oBAAOpC,KAAA,CAAAsB,aAAA,CAACnB,UAAU,EAAAuB,QAAA,KAAKS,MAAM;MAAEC,GAAG,EAAEA;IAAI,EAAE,CAAC;EAC7C,CAAC,EAAEf,aAAa,CACb,CACF,CAAC;AAEV,CAAC;AAEDP,iBAAiB,CAACuB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGjC,0BAA0B;AAExD,eAAeO,iBAAiB","ignoreList":[]}

package/es/organism/icon-editor/index.d.ts

@@ -1,26 +1,76 @@
-export default IconEditor;
-declare function IconEditor(props: any, context: any): JSX.Element;
-declare namespace IconEditor {
-    namespace contextTypes {
-        const translate: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    namespace propTypes {
-        const iconName: PropTypes.Validator<string>;
-        const iconColor: PropTypes.Requireable<string>;
-        const title: PropTypes.Requireable<string>;
-        const handleChange: PropTypes.Validator<(...args: any[]) => any>;
-        const buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
-            type: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-            ariaLabel: PropTypes.Requireable<string>;
-            dataName: PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<{
-                position: PropTypes.Requireable<string>;
-                type: PropTypes.Requireable<string>;
+/// <reference types="react" />
+import type { WebContextValues } from '../../atom/provider/web-context';
+import { IconEditorProps } from './types';
+declare const IconEditor: {
+    (props: IconEditorProps, legacyContext: WebContextValues): JSX.Element;
+    contextTypes: {
+        translate: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+    propTypes: {
+        iconPreview: import("prop-types").Requireable<import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            icon: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                name: import("prop-types").Validator<string>;
+                color: import("prop-types").Requireable<string>;
+            }>>>;
+        }>>;
+        inputText: import("prop-types").Requireable<import("prop-types").InferProps<{
+            autoFocus: import("prop-types").Requireable<boolean>;
+            title: import("prop-types").Requireable<string>;
+            placeholder: import("prop-types").Requireable<string>;
+            defaultValue: import("prop-types").Requireable<string>;
+            theme: import("prop-types").Requireable<string>;
+            disabled: import("prop-types").Requireable<boolean>;
+            value: import("prop-types").Requireable<string>;
+            hint: import("prop-types").Requireable<string>;
+            error: import("prop-types").Requireable<string>;
+            onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+            description: import("prop-types").Requireable<string>;
+            modified: import("prop-types").Requireable<boolean>;
+            type: import("prop-types").Requireable<string>;
+            valid: import("prop-types").Requireable<boolean>;
+            'aria-label': import("prop-types").Requireable<string>;
+            'data-name': import("prop-types").Requireable<string>;
+            inputColor: import("prop-types").Requireable<boolean>;
+        }>>;
+        buttonLink: import("prop-types").Requireable<import("prop-types").InferProps<{
+            type: import("prop-types").Requireable<string>;
+            usage: import("prop-types").Requireable<string>;
+            label: import("prop-types").Requireable<string>;
+            content: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+            'aria-label': import("prop-types").Requireable<string>;
+            tooltipText: import("prop-types").Requireable<string>;
+            tooltipPlacement: import("prop-types").Requireable<string>;
+            'data-name': import("prop-types").Requireable<string>;
+            'data-testid': import("prop-types").Requireable<string>;
+            icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                position: import("prop-types").Requireable<string>;
+                type: import("prop-types").Requireable<string>;
+                faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    name: import("prop-types").Validator<string>;
+                    color: import("prop-types").Requireable<string>;
+                    backgroundColor: import("prop-types").Requireable<string>;
+                    size: import("prop-types").Requireable<number>;
+                    customStyle: import("prop-types").Requireable<{
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    }>;
+                }>>;
             }>>;
-            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+            link: import("prop-types").Requireable<import("prop-types").InferProps<{
+                href: import("prop-types").Requireable<string>;
+                download: import("prop-types").Requireable<boolean>;
+                target: import("prop-types").Requireable<string>;
+            }>>;
+            hoverBackgroundColor: import("prop-types").Requireable<string>;
+            hoverColor: import("prop-types").Requireable<string>;
+            disabled: import("prop-types").Requireable<boolean>;
+            className: import("prop-types").Requireable<string>;
+            customStyle: import("prop-types").Requireable<{
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            }>;
         }>>;
-    }
-}
-import PropTypes from "prop-types";
+    };
+};
+export default IconEditor;
 //# sourceMappingURL=index.d.ts.map

package/es/organism/icon-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/index.js"],"names":[],"mappings":";AASA,mEA8BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/index.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAGtE,OAAkB,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,UAAU;YAAW,eAAe,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B1E,CAAC;AAQF,eAAe,UAAU,CAAC"}

package/es/organism/icon-editor/index.js

@@ -1,62 +1,49 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import IconPreview from '../../molecule/icon-preview';
 import InputText from '../../atom/input-text';
 import ButtonLink from '../../atom/button-link';
-import Provider from '../../atom/provider';
+import Provider, { GetTranslateFromContext } from '../../atom/provider';
 import { validateColor } from '../../util/validate-color';
+import { COLORS } from '../../variables/colors';
 import style from './style.css';
-const IconEditor = (props, context) => {
+import propTypes from './types';
+const IconEditor = (props, legacyContext) => {
+  const translate = GetTranslateFromContext(legacyContext);
   const {
-    iconName,
-    title,
-    iconColor,
-    buttonLink,
-    handleChange
+    iconPreview,
+    inputText,
+    buttonLink
   } = props;
   const {
-    translate
-  } = context;
-  const isValidColor = validateColor(iconColor);
+    title,
+    icon
+  } = iconPreview;
+  const isValidColor = validateColor(icon.color);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconPreview, {
-    iconName: iconName,
-    title: title,
-    iconColor: isValidColor ? iconColor : '#FFFFFF'
+    icon: {
+      ...icon,
+      color: isValidColor ? icon.color : COLORS.white
+    },
+    title: title
   }), /*#__PURE__*/React.createElement("div", {
     className: style.inputButtonContainer
   }, /*#__PURE__*/React.createElement(InputText, {
     type: "text",
     title: translate('icon_editor_color'),
-    placeholder: "#FFFFFF",
+    placeholder: COLORS.white,
     theme: "coorpmanager",
     description: translate('icon_editor_color'),
-    value: iconColor,
-    error: iconColor && !isValidColor && translate('invalid_color'),
+    value: icon.color,
+    error: icon.color && !isValidColor ? translate('invalid_color') : undefined,
     disabled: false,
     valid: false,
-    onChange: handleChange,
+    onChange: inputText.handleChange,
     inputColor: true
   }), /*#__PURE__*/React.createElement(ButtonLink, buttonLink)));
 };
 IconEditor.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
-IconEditor.propTypes = process.env.NODE_ENV !== "production" ? {
-  iconName: PropTypes.string.isRequired,
-  iconColor: PropTypes.string,
-  title: PropTypes.string,
-  handleChange: PropTypes.func.isRequired,
-  buttonLink: PropTypes.shape({
-    type: PropTypes.string,
-    label: PropTypes.string,
-    ariaLabel: PropTypes.string,
-    dataName: PropTypes.string,
-    icon: PropTypes.shape({
-      position: PropTypes.string,
-      type: PropTypes.string
-    }),
-    onClick: PropTypes.func
-  })
-} : {};
+IconEditor.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default IconEditor;
 //# sourceMappingURL=index.js.map

package/es/organism/icon-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","IconPreview","InputText","ButtonLink","Provider","validateColor","style","IconEditor","props","context","iconName","title","iconColor","buttonLink","handleChange","translate","isValidColor","createElement","Fragment","className","inputButtonContainer","type","placeholder","theme","description","value","error","disabled","valid","onChange","inputColor","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","isRequired","func","shape","label","ariaLabel","dataName","icon","position","onClick"],"sources":["../../../src/organism/icon-editor/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport IconPreview from '../../molecule/icon-preview';\nimport InputText from '../../atom/input-text';\nimport ButtonLink from '../../atom/button-link';\nimport Provider from '../../atom/provider';\nimport {validateColor} from '../../util/validate-color';\nimport style from './style.css';\n\nconst IconEditor = (props, context) => {\n  const {iconName, title, iconColor, buttonLink, handleChange} = props;\n  const {translate} = context;\n\n  const isValidColor = validateColor(iconColor);\n  return (\n    <>\n      <IconPreview\n        iconName={iconName}\n        title={title}\n        iconColor={isValidColor ? iconColor : '#FFFFFF'}\n      />\n      <div className={style.inputButtonContainer}>\n        <InputText\n          type=\"text\"\n          title={translate('icon_editor_color')}\n          placeholder=\"#FFFFFF\"\n          theme=\"coorpmanager\"\n          description={translate('icon_editor_color')}\n          value={iconColor}\n          error={iconColor && !isValidColor && translate('invalid_color')}\n          disabled={false}\n          valid={false}\n          onChange={handleChange}\n          inputColor\n        />\n        <ButtonLink {...buttonLink} />\n      </div>\n    </>\n  );\n};\n\nIconEditor.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nIconEditor.propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  title: PropTypes.string,\n  handleChange: PropTypes.func.isRequired,\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  })\n};\n\nexport default IconEditor;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,SAAQC,aAAa,QAAO,2BAA2B;AACvD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACrC,MAAM;IAACC,QAAQ;IAAEC,KAAK;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAY,CAAC,GAAGN,KAAK;EACpE,MAAM;IAACO;EAAS,CAAC,GAAGN,OAAO;EAE3B,MAAMO,YAAY,GAAGX,aAAa,CAACO,SAAS,CAAC;EAC7C,oBACEb,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAmB,QAAA,qBACEnB,KAAA,CAAAkB,aAAA,CAAChB,WAAW;IACVS,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACbC,SAAS,EAAEI,YAAY,GAAGJ,SAAS,GAAG;EAAU,CACjD,CAAC,eACFb,KAAA,CAAAkB,aAAA;IAAKE,SAAS,EAAEb,KAAK,CAACc;EAAqB,gBACzCrB,KAAA,CAAAkB,aAAA,CAACf,SAAS;IACRmB,IAAI,EAAC,MAAM;IACXV,KAAK,EAAEI,SAAS,CAAC,mBAAmB,CAAE;IACtCO,WAAW,EAAC,SAAS;IACrBC,KAAK,EAAC,cAAc;IACpBC,WAAW,EAAET,SAAS,CAAC,mBAAmB,CAAE;IAC5CU,KAAK,EAAEb,SAAU;IACjBc,KAAK,EAAEd,SAAS,IAAI,CAACI,YAAY,IAAID,SAAS,CAAC,eAAe,CAAE;IAChEY,QAAQ,EAAE,KAAM;IAChBC,KAAK,EAAE,KAAM;IACbC,QAAQ,EAAEf,YAAa;IACvBgB,UAAU;EAAA,CACX,CAAC,eACF/B,KAAA,CAAAkB,aAAA,CAACd,UAAU,EAAKU,UAAa,CAC1B,CACL,CAAC;AAEP,CAAC;AAEDN,UAAU,CAACwB,YAAY,GAAG;EACxBhB,SAAS,EAAEX,QAAQ,CAAC4B,iBAAiB,CAACjB;AACxC,CAAC;AAEDR,UAAU,CAAC0B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrB1B,QAAQ,EAAEV,SAAS,CAACqC,MAAM,CAACC,UAAU;EACrC1B,SAAS,EAAEZ,SAAS,CAACqC,MAAM;EAC3B1B,KAAK,EAAEX,SAAS,CAACqC,MAAM;EACvBvB,YAAY,EAAEd,SAAS,CAACuC,IAAI,CAACD,UAAU;EACvCzB,UAAU,EAAEb,SAAS,CAACwC,KAAK,CAAC;IAC1BnB,IAAI,EAAErB,SAAS,CAACqC,MAAM;IACtBI,KAAK,EAAEzC,SAAS,CAACqC,MAAM;IACvBK,SAAS,EAAE1C,SAAS,CAACqC,MAAM;IAC3BM,QAAQ,EAAE3C,SAAS,CAACqC,MAAM;IAC1BO,IAAI,EAAE5C,SAAS,CAACwC,KAAK,CAAC;MACpBK,QAAQ,EAAE7C,SAAS,CAACqC,MAAM;MAC1BhB,IAAI,EAAErB,SAAS,CAACqC;IAClB,CAAC,CAAC;IACFS,OAAO,EAAE9C,SAAS,CAACuC;EACrB,CAAC;AACH,CAAC;AAED,eAAehC,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","IconPreview","InputText","ButtonLink","Provider","GetTranslateFromContext","validateColor","COLORS","style","propTypes","IconEditor","props","legacyContext","translate","iconPreview","inputText","buttonLink","title","icon","isValidColor","color","createElement","Fragment","white","className","inputButtonContainer","type","placeholder","theme","description","value","error","undefined","disabled","valid","onChange","handleChange","inputColor","contextTypes","childContextTypes","process","env","NODE_ENV"],"sources":["../../../src/organism/icon-editor/index.tsx"],"sourcesContent":["import React from 'react';\nimport IconPreview from '../../molecule/icon-preview';\nimport InputText from '../../atom/input-text';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {validateColor} from '../../util/validate-color';\nimport type {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport propTypes, {IconEditorProps} from './types';\n\nconst IconEditor = (props: IconEditorProps, legacyContext: WebContextValues) => {\n  const translate = GetTranslateFromContext(legacyContext);\n  const {iconPreview, inputText, buttonLink} = props;\n  const {title, icon} = iconPreview;\n\n  const isValidColor = validateColor(icon.color);\n  return (\n    <>\n      <IconPreview\n        icon={{...icon, color: isValidColor ? icon.color : COLORS.white}}\n        title={title}\n      />\n      <div className={style.inputButtonContainer}>\n        <InputText\n          type=\"text\"\n          title={translate('icon_editor_color')}\n          placeholder={COLORS.white}\n          theme=\"coorpmanager\"\n          description={translate('icon_editor_color')}\n          value={icon.color}\n          error={icon.color && !isValidColor ? translate('invalid_color') : undefined}\n          disabled={false}\n          valid={false}\n          onChange={inputText.handleChange}\n          inputColor\n        />\n        <ButtonLink {...buttonLink} />\n      </div>\n    </>\n  );\n};\n\nIconEditor.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nIconEditor.propTypes = propTypes;\n\nexport default IconEditor;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,QAAQ,IAAGC,uBAAuB,QAAO,qBAAqB;AACrE,SAAQC,aAAa,QAAO,2BAA2B;AAEvD,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAyB,SAAS;AAElD,MAAMC,UAAU,GAAGA,CAACC,KAAsB,EAAEC,aAA+B,KAAK;EAC9E,MAAMC,SAAS,GAAGR,uBAAuB,CAACO,aAAa,CAAC;EACxD,MAAM;IAACE,WAAW;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAGL,KAAK;EAClD,MAAM;IAACM,KAAK;IAAEC;EAAI,CAAC,GAAGJ,WAAW;EAEjC,MAAMK,YAAY,GAAGb,aAAa,CAACY,IAAI,CAACE,KAAK,CAAC;EAC9C,oBACEpB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,qBACEtB,KAAA,CAAAqB,aAAA,CAACpB,WAAW;IACViB,IAAI,EAAE;MAAC,GAAGA,IAAI;MAAEE,KAAK,EAAED,YAAY,GAAGD,IAAI,CAACE,KAAK,GAAGb,MAAM,CAACgB;IAAK,CAAE;IACjEN,KAAK,EAAEA;EAAM,CACd,CAAC,eACFjB,KAAA,CAAAqB,aAAA;IAAKG,SAAS,EAAEhB,KAAK,CAACiB;EAAqB,gBACzCzB,KAAA,CAAAqB,aAAA,CAACnB,SAAS;IACRwB,IAAI,EAAC,MAAM;IACXT,KAAK,EAAEJ,SAAS,CAAC,mBAAmB,CAAE;IACtCc,WAAW,EAAEpB,MAAM,CAACgB,KAAM;IAC1BK,KAAK,EAAC,cAAc;IACpBC,WAAW,EAAEhB,SAAS,CAAC,mBAAmB,CAAE;IAC5CiB,KAAK,EAAEZ,IAAI,CAACE,KAAM;IAClBW,KAAK,EAAEb,IAAI,CAACE,KAAK,IAAI,CAACD,YAAY,GAAGN,SAAS,CAAC,eAAe,CAAC,GAAGmB,SAAU;IAC5EC,QAAQ,EAAE,KAAM;IAChBC,KAAK,EAAE,KAAM;IACbC,QAAQ,EAAEpB,SAAS,CAACqB,YAAa;IACjCC,UAAU;EAAA,CACX,CAAC,eACFrC,KAAA,CAAAqB,aAAA,CAAClB,UAAU,EAAKa,UAAa,CAC1B,CACL,CAAC;AAEP,CAAC;AAEDN,UAAU,CAAC4B,YAAY,GAAG;EACxBzB,SAAS,EAAET,QAAQ,CAACmC,iBAAiB,CAAC1B;AACxC,CAAC;AAEDH,UAAU,CAACD,SAAS,GAAA+B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGjC,SAAS;AAEhC,eAAeC,UAAU","ignoreList":[]}

package/es/organism/icon-editor/style.css

@@ -2,11 +2,11 @@
 @value cm_grey_700 from colors;
 
 .inputButtonContainer {
-    display: flex;
-    align-items: flex-start;;
-    gap: 8px;
-  }
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+}
 
 .inputButtonContainer button {
   width: 137px;
-}
+}