@coorpacademy/components 11.35.2-forcedeploy2.15 → 11.35.3-forcedeploy3.1

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

@@ -1 +1 @@
-{"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"}
+{"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;;;;;;;;CA2B3C,CAAC;AAIF,eAAe,WAAW,CAAC"}

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

@@ -26,7 +26,8 @@ const IconPreview = props => {
     },
     gradientBackground: true
   })), /*#__PURE__*/React.createElement("div", {
-    className: style.titleWrapper
+    className: style.titleWrapper,
+    title: title
   }, title)));
 };
 IconPreview.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};

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

@@ -1 +1 @@
-{"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":[]}
+{"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={title}>\n          {title}\n        </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,YAAa;IAACf,KAAK,EAAEA;EAAM,GAC9CA,KACE,CACF,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

@@ -27,4 +27,8 @@
   font-style: normal;
   font-weight: 700;
   line-height: 32px;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }

package/es/molecule/translation-modal/index.d.ts

@@ -9,6 +9,7 @@ declare namespace TranslationModal {
         const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         const onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
         const onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        const disabled: PropTypes.Requireable<boolean>;
         const source: PropTypes.Requireable<PropTypes.InferProps<{
             inputText: PropTypes.Requireable<PropTypes.InferProps<{
                 theme: PropTypes.Requireable<string>;

package/es/molecule/translation-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFAoGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFA8EC"}

package/es/molecule/translation-modal/index.js

@@ -1,5 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useMemo, useCallback, useState } from 'react';
+import React, { useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import BaseModal from '../base-modal';
 import Provider from '../../atom/provider';
@@ -29,6 +29,7 @@ const TranslationModal = (props, context) => {
     onCancel,
     onConfirm,
     onClose,
+    disabled = false,
     source: {
       inputText: sourceInputText,
       textArea: sourceTextArea,
@@ -45,23 +46,12 @@ const TranslationModal = (props, context) => {
     translate
   } = context;
   const detectScrollbar = true;
-  const [inputValue, setInputValue] = useState(targetInputText?.value || '');
-  const [textAreaValue, setTextAreaValue] = useState(targetTextArea?.value || '');
   const handleCancel = useCallback(() => {
     onCancel();
   }, [onCancel]);
   const handleClose = useCallback(() => {
     onClose();
   }, [onClose]);
-  const handleInputChange = useCallback(e => {
-    setInputValue(e.target.value);
-  }, []);
-  const handleTextAreaChange = useCallback(e => {
-    setTextAreaValue(e.target.value);
-  }, []);
-  const isConfirmDisabled = useMemo(() => {
-    return !inputValue.trim() || !textAreaValue.trim();
-  }, [inputValue, textAreaValue]);
   const footer = useMemo(() => {
     const cancelButton = {
       onCancel: handleCancel,
@@ -74,12 +64,12 @@ const TranslationModal = (props, context) => {
           onConfirm,
           label: translate('confirm'),
           iconName: 'plus',
-          disabled: isConfirmDisabled,
+          disabled,
           color: COLORS.cm_primary_blue
         }
       })
     };
-  }, [handleCancel, onConfirm, translate, isConfirmDisabled, readOnly]);
+  }, [handleCancel, onConfirm, translate, readOnly, disabled]);
   if (!isOpen) return null;
   return /*#__PURE__*/React.createElement(BaseModal, {
     title: translate('translation_title'),
@@ -105,16 +95,8 @@ const TranslationModal = (props, context) => {
     className: style.separator
   }), renderInputGroup({
     title: outputLanguage,
-    inputProps: {
-      ...targetInputText,
-      value: inputValue,
-      onChange: handleInputChange
-    },
-    textAreaProps: {
-      ...targetTextArea,
-      value: textAreaValue,
-      onChange: handleTextAreaChange
-    },
+    inputProps: targetInputText,
+    textAreaProps: targetTextArea,
     disabled: readOnly
   }))));
 };
@@ -126,6 +108,7 @@ TranslationModal.propTypes = process.env.NODE_ENV !== "production" ? {
   onCancel: PropTypes.func,
   onConfirm: PropTypes.func,
   onClose: PropTypes.func,
+  disabled: PropTypes.bool,
   source: PropTypes.shape({
     inputText: PropTypes.shape({
       ...InputText.propTypes,

package/es/molecule/translation-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useCallback","useState","PropTypes","BaseModal","Provider","COLORS","InputText","TextArea","style","renderInputGroup","title","inputProps","textAreaProps","disabled","createElement","className","inputGroup","_extends","TranslationModal","props","context","isOpen","onCancel","onConfirm","onClose","source","inputText","sourceInputText","textArea","sourceTextArea","inputLanguage","target","targetInputText","targetTextArea","language","outputLanguage","readOnly","translate","detectScrollbar","inputValue","setInputValue","value","textAreaValue","setTextAreaValue","handleCancel","handleClose","handleInputChange","e","handleTextAreaChange","isConfirmDisabled","trim","footer","cancelButton","label","confirmButton","iconName","color","cm_primary_blue","description","headerIcon","name","backgroundColor","translationModal","horizontalSection","separator","onChange","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","func","shape","theme","string"],"sources":["../../../src/molecule/translation-modal/index.js"],"sourcesContent":["import React, {useMemo, useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport BaseModal from '../base-modal';\nimport Provider from '../../atom/provider';\nimport {COLORS} from '../../variables/colors';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport style from './style.css';\n\nconst renderInputGroup = ({title, inputProps, textAreaProps, disabled}) => {\n  return (\n    <div className={style.inputGroup}>\n      <div className={style.title}>{title}</div>\n      <InputText {...inputProps} disabled={disabled} />\n      <TextArea {...textAreaProps} disabled={disabled} />\n    </div>\n  );\n};\n\nconst TranslationModal = (props, context) => {\n  const {\n    isOpen,\n    onCancel,\n    onConfirm,\n    onClose,\n    source: {inputText: sourceInputText, textArea: sourceTextArea, inputLanguage},\n    target: {inputText: targetInputText, textArea: targetTextArea, language: outputLanguage},\n    readOnly = false\n  } = props;\n  const {translate} = context;\n\n  const detectScrollbar = true;\n\n  const [inputValue, setInputValue] = useState(targetInputText?.value || '');\n  const [textAreaValue, setTextAreaValue] = useState(targetTextArea?.value || '');\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const handleInputChange = useCallback(e => {\n    setInputValue(e.target.value);\n  }, []);\n\n  const handleTextAreaChange = useCallback(e => {\n    setTextAreaValue(e.target.value);\n  }, []);\n\n  const isConfirmDisabled = useMemo(() => {\n    return !inputValue.trim() || !textAreaValue.trim();\n  }, [inputValue, textAreaValue]);\n\n  const footer = useMemo(() => {\n    const cancelButton = {\n      onCancel: handleCancel,\n      label: translate(readOnly ? 'close' : 'cancel')\n    };\n    return {\n      cancelButton,\n      ...(!readOnly && {\n        confirmButton: {\n          onConfirm,\n          label: translate('confirm'),\n          iconName: 'plus',\n          disabled: isConfirmDisabled,\n          color: COLORS.cm_primary_blue\n        }\n      })\n    };\n  }, [handleCancel, onConfirm, translate, isConfirmDisabled, readOnly]);\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('translation_title')}\n      description={translate('translation_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n      headerIcon={{\n        name: 'language',\n        backgroundColor: '#D6E6FF'\n      }}\n      detectScrollbar={detectScrollbar}\n    >\n      <div className={style.translationModal}>\n        <div className={style.horizontalSection}>\n          {renderInputGroup({\n            title: inputLanguage,\n            inputProps: sourceInputText,\n            textAreaProps: sourceTextArea,\n            disabled: true\n          })}\n\n          <div className={style.separator} />\n\n          {renderInputGroup({\n            title: outputLanguage,\n            inputProps: {\n              ...targetInputText,\n              value: inputValue,\n              onChange: handleInputChange\n            },\n            textAreaProps: {\n              ...targetTextArea,\n              value: textAreaValue,\n              onChange: handleTextAreaChange\n            },\n            disabled: readOnly\n          })}\n        </div>\n      </div>\n    </BaseModal>\n  );\n};\n\nTranslationModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nTranslationModal.propTypes = {\n  isOpen: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func,\n  source: PropTypes.shape({\n    inputText: PropTypes.shape({\n      ...InputText.propTypes,\n      theme: PropTypes.string\n    }),\n    textArea: PropTypes.shape({\n      ...TextArea.propTypes,\n      theme: PropTypes.string\n    }),\n    inputLanguage: PropTypes.string\n  }),\n  target: PropTypes.shape({\n    inputText: PropTypes.shape({\n      ...InputText.propTypes,\n      theme: PropTypes.string\n    }),\n    textArea: PropTypes.shape({\n      ...TextArea.propTypes,\n      theme: PropTypes.string\n    }),\n    language: PropTypes.string\n  }),\n  readOnly: PropTypes.bool\n};\n\nexport default TranslationModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useCallback","PropTypes","BaseModal","Provider","COLORS","InputText","TextArea","style","renderInputGroup","title","inputProps","textAreaProps","disabled","createElement","className","inputGroup","_extends","TranslationModal","props","context","isOpen","onCancel","onConfirm","onClose","source","inputText","sourceInputText","textArea","sourceTextArea","inputLanguage","target","targetInputText","targetTextArea","language","outputLanguage","readOnly","translate","detectScrollbar","handleCancel","handleClose","footer","cancelButton","label","confirmButton","iconName","color","cm_primary_blue","description","headerIcon","name","backgroundColor","translationModal","horizontalSection","separator","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","func","shape","theme","string"],"sources":["../../../src/molecule/translation-modal/index.js"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport BaseModal from '../base-modal';\nimport Provider from '../../atom/provider';\nimport {COLORS} from '../../variables/colors';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport style from './style.css';\n\nconst renderInputGroup = ({title, inputProps, textAreaProps, disabled}) => {\n  return (\n    <div className={style.inputGroup}>\n      <div className={style.title}>{title}</div>\n      <InputText {...inputProps} disabled={disabled} />\n      <TextArea {...textAreaProps} disabled={disabled} />\n    </div>\n  );\n};\n\nconst TranslationModal = (props, context) => {\n  const {\n    isOpen,\n    onCancel,\n    onConfirm,\n    onClose,\n    disabled = false,\n    source: {inputText: sourceInputText, textArea: sourceTextArea, inputLanguage},\n    target: {inputText: targetInputText, textArea: targetTextArea, language: outputLanguage},\n    readOnly = false\n  } = props;\n  const {translate} = context;\n\n  const detectScrollbar = true;\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const footer = useMemo(() => {\n    const cancelButton = {\n      onCancel: handleCancel,\n      label: translate(readOnly ? 'close' : 'cancel')\n    };\n    return {\n      cancelButton,\n      ...(!readOnly && {\n        confirmButton: {\n          onConfirm,\n          label: translate('confirm'),\n          iconName: 'plus',\n          disabled,\n          color: COLORS.cm_primary_blue\n        }\n      })\n    };\n  }, [handleCancel, onConfirm, translate, readOnly, disabled]);\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('translation_title')}\n      description={translate('translation_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n      headerIcon={{\n        name: 'language',\n        backgroundColor: '#D6E6FF'\n      }}\n      detectScrollbar={detectScrollbar}\n    >\n      <div className={style.translationModal}>\n        <div className={style.horizontalSection}>\n          {renderInputGroup({\n            title: inputLanguage,\n            inputProps: sourceInputText,\n            textAreaProps: sourceTextArea,\n            disabled: true\n          })}\n\n          <div className={style.separator} />\n\n          {renderInputGroup({\n            title: outputLanguage,\n            inputProps: targetInputText,\n            textAreaProps: targetTextArea,\n            disabled: readOnly\n          })}\n        </div>\n      </div>\n    </BaseModal>\n  );\n};\n\nTranslationModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nTranslationModal.propTypes = {\n  isOpen: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func,\n  disabled: PropTypes.bool,\n  source: PropTypes.shape({\n    inputText: PropTypes.shape({\n      ...InputText.propTypes,\n      theme: PropTypes.string\n    }),\n    textArea: PropTypes.shape({\n      ...TextArea.propTypes,\n      theme: PropTypes.string\n    }),\n    inputLanguage: PropTypes.string\n  }),\n  target: PropTypes.shape({\n    inputText: PropTypes.shape({\n      ...InputText.propTypes,\n      theme: PropTypes.string\n    }),\n    textArea: PropTypes.shape({\n      ...TextArea.propTypes,\n      theme: PropTypes.string\n    }),\n    language: PropTypes.string\n  }),\n  readOnly: PropTypes.bool\n};\n\nexport default TranslationModal;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,WAAW,QAAO,OAAO;AACjD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,gBAAgB,GAAGA,CAAC;EAACC,KAAK;EAAEC,UAAU;EAAEC,aAAa;EAAEC;AAAQ,CAAC,KAAK;EACzE,oBACEd,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACQ;EAAW,gBAC/BjB,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACE;EAAM,GAAEA,KAAW,CAAC,eAC1CX,KAAA,CAAAe,aAAA,CAACR,SAAS,EAAAW,QAAA,KAAKN,UAAU;IAAEE,QAAQ,EAAEA;EAAS,EAAE,CAAC,eACjDd,KAAA,CAAAe,aAAA,CAACP,QAAQ,EAAAU,QAAA,KAAKL,aAAa;IAAEC,QAAQ,EAAEA;EAAS,EAAE,CAC/C,CAAC;AAEV,CAAC;AAED,MAAMK,gBAAgB,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC3C,MAAM;IACJC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,OAAO;IACPX,QAAQ,GAAG,KAAK;IAChBY,MAAM,EAAE;MAACC,SAAS,EAAEC,eAAe;MAAEC,QAAQ,EAAEC,cAAc;MAAEC;IAAa,CAAC;IAC7EC,MAAM,EAAE;MAACL,SAAS,EAAEM,eAAe;MAAEJ,QAAQ,EAAEK,cAAc;MAAEC,QAAQ,EAAEC;IAAc,CAAC;IACxFC,QAAQ,GAAG;EACb,CAAC,GAAGjB,KAAK;EACT,MAAM;IAACkB;EAAS,CAAC,GAAGjB,OAAO;EAE3B,MAAMkB,eAAe,GAAG,IAAI;EAE5B,MAAMC,YAAY,GAAGtC,WAAW,CAAC,MAAM;IACrCqB,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMkB,WAAW,GAAGvC,WAAW,CAAC,MAAM;IACpCuB,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAMiB,MAAM,GAAGzC,OAAO,CAAC,MAAM;IAC3B,MAAM0C,YAAY,GAAG;MACnBpB,QAAQ,EAAEiB,YAAY;MACtBI,KAAK,EAAEN,SAAS,CAACD,QAAQ,GAAG,OAAO,GAAG,QAAQ;IAChD,CAAC;IACD,OAAO;MACLM,YAAY;MACZ,IAAI,CAACN,QAAQ,IAAI;QACfQ,aAAa,EAAE;UACbrB,SAAS;UACToB,KAAK,EAAEN,SAAS,CAAC,SAAS,CAAC;UAC3BQ,QAAQ,EAAE,MAAM;UAChBhC,QAAQ;UACRiC,KAAK,EAAEzC,MAAM,CAAC0C;QAChB;MACF,CAAC;IACH,CAAC;EACH,CAAC,EAAE,CAACR,YAAY,EAAEhB,SAAS,EAAEc,SAAS,EAAED,QAAQ,EAAEvB,QAAQ,CAAC,CAAC;EAE5D,IAAI,CAACQ,MAAM,EAAE,OAAO,IAAI;EAExB,oBACEtB,KAAA,CAAAe,aAAA,CAACX,SAAS;IACRO,KAAK,EAAE2B,SAAS,CAAC,mBAAmB,CAAE;IACtCW,WAAW,EAAEX,SAAS,CAAC,yBAAyB,CAAE;IAClDhB,MAAM,EAAEA,MAAO;IACfG,OAAO,EAAEgB,WAAY;IACrBC,MAAM,EAAEA,MAAO;IACfQ,UAAU,EAAE;MACVC,IAAI,EAAE,UAAU;MAChBC,eAAe,EAAE;IACnB,CAAE;IACFb,eAAe,EAAEA;EAAgB,gBAEjCvC,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAAC4C;EAAiB,gBACrCrD,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAAC6C;EAAkB,GACrC5C,gBAAgB,CAAC;IAChBC,KAAK,EAAEoB,aAAa;IACpBnB,UAAU,EAAEgB,eAAe;IAC3Bf,aAAa,EAAEiB,cAAc;IAC7BhB,QAAQ,EAAE;EACZ,CAAC,CAAC,eAEFd,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAAC8C;EAAU,CAAE,CAAC,EAElC7C,gBAAgB,CAAC;IAChBC,KAAK,EAAEyB,cAAc;IACrBxB,UAAU,EAAEqB,eAAe;IAC3BpB,aAAa,EAAEqB,cAAc;IAC7BpB,QAAQ,EAAEuB;EACZ,CAAC,CACE,CACF,CACI,CAAC;AAEhB,CAAC;AAEDlB,gBAAgB,CAACqC,YAAY,GAAG;EAC9BlB,SAAS,EAAEjC,QAAQ,CAACoD,iBAAiB,CAACnB;AACxC,CAAC;AAEDnB,gBAAgB,CAACuC,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC3BvC,MAAM,EAAEnB,SAAS,CAAC2D,IAAI;EACtBvC,QAAQ,EAAEpB,SAAS,CAAC4D,IAAI;EACxBvC,SAAS,EAAErB,SAAS,CAAC4D,IAAI;EACzBtC,OAAO,EAAEtB,SAAS,CAAC4D,IAAI;EACvBjD,QAAQ,EAAEX,SAAS,CAAC2D,IAAI;EACxBpC,MAAM,EAAEvB,SAAS,CAAC6D,KAAK,CAAC;IACtBrC,SAAS,EAAExB,SAAS,CAAC6D,KAAK,CAAC;MACzB,GAAGzD,SAAS,CAACmD,SAAS;MACtBO,KAAK,EAAE9D,SAAS,CAAC+D;IACnB,CAAC,CAAC;IACFrC,QAAQ,EAAE1B,SAAS,CAAC6D,KAAK,CAAC;MACxB,GAAGxD,QAAQ,CAACkD,SAAS;MACrBO,KAAK,EAAE9D,SAAS,CAAC+D;IACnB,CAAC,CAAC;IACFnC,aAAa,EAAE5B,SAAS,CAAC+D;EAC3B,CAAC,CAAC;EACFlC,MAAM,EAAE7B,SAAS,CAAC6D,KAAK,CAAC;IACtBrC,SAAS,EAAExB,SAAS,CAAC6D,KAAK,CAAC;MACzB,GAAGzD,SAAS,CAACmD,SAAS;MACtBO,KAAK,EAAE9D,SAAS,CAAC+D;IACnB,CAAC,CAAC;IACFrC,QAAQ,EAAE1B,SAAS,CAAC6D,KAAK,CAAC;MACxB,GAAGxD,QAAQ,CAACkD,SAAS;MACrBO,KAAK,EAAE9D,SAAS,CAAC+D;IACnB,CAAC,CAAC;IACF/B,QAAQ,EAAEhC,SAAS,CAAC+D;EACtB,CAAC,CAAC;EACF7B,QAAQ,EAAElC,SAAS,CAAC2D;AACtB,CAAC;AAED,eAAe3C,gBAAgB","ignoreList":[]}

package/es/organism/list-items/style.css

@@ -146,7 +146,6 @@
   font-size: 14px;
   font-weight: 600;
   line-height: 20px;
-  cursor: pointer;
   margin-top: 32px;
   width: auto;
 }