@coorpacademy/components 11.33.3 → 11.33.5-alpha.2

package/es/atom/input-html/style.css

@@ -4,15 +4,15 @@
 @value light from colors;
 @value negative from colors;
 
-.default {
+.defaultStyle {
   display: flex;
 }
 
 .error {
-  composes: default;
+  composes: defaultStyle;
 }
 
-.default label {
+.defaultStyle label {
   display: flex;
   align-items: center;
   position: relative;

package/es/atom/input-switch/index.js

@@ -47,7 +47,7 @@ const InputSwitch = props => {
         };
       default:
         return {
-          defaultClass: style.default,
+          defaultClass: style.defaultStyle,
           modifiedClass: style.modified
         };
     }

package/es/atom/input-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","getClassState","style","InputSwitch","props","title","name","id","value","disabled","onChange","_noop","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","idSwitch","_uniqueId","isDisabled","handleChange","e","target","checked","titleView","createElement","className","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","default","btnSwitchContainer","_extends","type","checkbox","htmlFor","tabIndex","alignedTextContainer","detailsTxt","propTypes","process","env","NODE_ENV","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left',\n    details = '',\n    requiredSelection = false,\n    'data-name': dataName,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-label': ariaLabel\n  } = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  const titleView = title ? (\n    <span id={`title-view-${dataName}`} className={style.title}>\n      {`${title} `}{' '}\n    </span>\n  ) : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const getClass = () => {\n    switch (theme) {\n      case 'coorpmanager':\n        return {\n          defaultClass: style.coorpmanager,\n          modifiedClass: style.coorpmanagerModified\n        };\n      case 'mooc':\n        return {\n          defaultClass: style.partielUncheck,\n          modifiedClass: style.coorpmanagerModified\n        };\n      default:\n        return {defaultClass: style.default, modifiedClass: style.modified};\n    }\n  };\n  const {defaultClass, modifiedClass} = getClass();\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n      {titlePosition === 'left' ? titleView : null}\n      <div className={requiredSelection ? style.requiredSelection : null}>\n        <div className={style.btnSwitchContainer}>\n          <input\n            {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n            {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n            {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n            type=\"checkbox\"\n            id={idSwitch}\n            name={name}\n            onChange={handleChange}\n            checked={value}\n            disabled={isDisabled}\n            className={style.checkbox}\n            aria-labelledby={ariaLabelledBy}\n          />\n          <label\n            htmlFor={idSwitch}\n            data-name=\"input-switch-label\"\n            tabIndex={0}\n            aria-label={ariaLabel}\n            title={ariaLabel}\n          />\n        </div>\n      </div>\n      <div className={!details ? style.alignedTextContainer : null}>\n        {titlePosition === 'right' ? titleView : null}\n        {details ? <div className={style.detailsTxt}>{details}</div> : null}\n      </div>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  'aria-labelledby': PropTypes.string,\n  'aria-label': PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","getClassState","style","InputSwitch","props","title","name","id","value","disabled","onChange","_noop","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","idSwitch","_uniqueId","isDisabled","handleChange","e","target","checked","titleView","createElement","className","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","defaultStyle","btnSwitchContainer","_extends","type","checkbox","htmlFor","tabIndex","alignedTextContainer","detailsTxt","propTypes","process","env","NODE_ENV","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left',\n    details = '',\n    requiredSelection = false,\n    'data-name': dataName,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-label': ariaLabel\n  } = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  const titleView = title ? (\n    <span id={`title-view-${dataName}`} className={style.title}>\n      {`${title} `}{' '}\n    </span>\n  ) : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const getClass = () => {\n    switch (theme) {\n      case 'coorpmanager':\n        return {\n          defaultClass: style.coorpmanager,\n          modifiedClass: style.coorpmanagerModified\n        };\n      case 'mooc':\n        return {\n          defaultClass: style.partielUncheck,\n          modifiedClass: style.coorpmanagerModified\n        };\n      default:\n        return {defaultClass: style.defaultStyle, modifiedClass: style.modified};\n    }\n  };\n  const {defaultClass, modifiedClass} = getClass();\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n      {titlePosition === 'left' ? titleView : null}\n      <div className={requiredSelection ? style.requiredSelection : null}>\n        <div className={style.btnSwitchContainer}>\n          <input\n            {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n            {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n            {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n            type=\"checkbox\"\n            id={idSwitch}\n            name={name}\n            onChange={handleChange}\n            checked={value}\n            disabled={isDisabled}\n            className={style.checkbox}\n            aria-labelledby={ariaLabelledBy}\n          />\n          <label\n            htmlFor={idSwitch}\n            data-name=\"input-switch-label\"\n            tabIndex={0}\n            aria-label={ariaLabel}\n            title={ariaLabel}\n          />\n        </div>\n      </div>\n      <div className={!details ? style.alignedTextContainer : null}>\n        {titlePosition === 'right' ? titleView : null}\n        {details ? <div className={style.detailsTxt}>{details}</div> : null}\n      </div>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  'aria-labelledby': PropTypes.string,\n  'aria-label': PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/input-switch/style.css

@@ -10,16 +10,16 @@
 @value cm_primary_blue from colors;
 @value light_blue from colors;
 
-.default {
+.defaultStyle {
   display: flex;
 }
 
 .modified {
-  composes: default;
+  composes: defaultStyle;
 }
 
 .coorpmanager {
-  composes: default;
+  composes: defaultStyle;
 }
 
 .coorpmanagerModified {
@@ -30,7 +30,7 @@
   composes: coorpmanager;
 }
 
-.default label {
+.defaultStyle label {
   height: 24px;
   position: relative;
   flex-grow: 0;
@@ -42,7 +42,7 @@
   transition: all 0.3s ease;
 }
 
-.default label::after {
+.defaultStyle label::after {
   position: absolute;
   left: 2px;
   top: 2px;
@@ -82,7 +82,7 @@
   background: positive;
 }
 
-.default input:checked ~ label::after {
+.defaultStyle input:checked ~ label::after {
   left: 30px;
 }
 

package/es/atom/input-text/index.js

@@ -12,7 +12,7 @@ const themeStyle = {
   setup: style.setup,
   coorpmanager: style.coorpmanager,
   cockpit: style.cockpit,
-  default: style.default
+  default: style.defaultStyle
 };
 const InputText = props => {
   const {
@@ -36,7 +36,7 @@ const InputText = props => {
   const isCMTheme = theme === 'coorpmanager';
   const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);
   const mainClass = themeStyle[theme];
-  const className = getClassState(style.default, style.modified, style.error, modified, error);
+  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);
   const descriptionView = description && theme !== 'coorpmanager' ? /*#__PURE__*/React.createElement("div", {
     className: style.description
   }, description) : null;

package/es/atom/input-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","type","hint","defaultValue","onChange","_noop","error","valid","theme","description","disabled","modified","title","propsTitle","dataName","ariaLabel","isCMTheme","handleChange","e","target","mainClass","className","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","_isNil","isNoTitle","_isEmpty","noValue","name","input","autoComplete","onInput","propTypes","process","env","NODE_ENV","bool","string","oneOf","_keys","func"],"sources":["../../../src/atom/input-text/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.default\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    type = 'text',\n    hint,\n    defaultValue,\n    onChange = noop,\n    error,\n    valid,\n    theme = 'default',\n    description,\n    disabled,\n    modified = false,\n    title: propsTitle,\n    'data-name': dataName = 'input-text',\n    'aria-label': ariaLabel = 'Input Text'\n  } = props;\n\n  const isCMTheme = theme === 'coorpmanager';\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        isNil(propsTitle) && style.isNoTitle\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n\n        <input\n          autoFocus={autoFocus}\n          type={type}\n          name={propsTitle}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          autoComplete={'off'}\n          value={value}\n          onInput={handleChange}\n          disabled={disabled}\n          onChange={noop}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputText.propTypes = {\n  autoFocus: PropTypes.bool,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  defaultValue: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  type: PropTypes.string,\n  valid: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default InputText;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","defaultStyle","InputText","props","autoFocus","placeholder","value","type","hint","defaultValue","onChange","_noop","error","valid","theme","description","disabled","modified","title","propsTitle","dataName","ariaLabel","isCMTheme","handleChange","e","target","mainClass","className","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","_isNil","isNoTitle","_isEmpty","noValue","name","input","autoComplete","onInput","propTypes","process","env","NODE_ENV","bool","string","oneOf","_keys","func"],"sources":["../../../src/atom/input-text/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.defaultStyle\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    type = 'text',\n    hint,\n    defaultValue,\n    onChange = noop,\n    error,\n    valid,\n    theme = 'default',\n    description,\n    disabled,\n    modified = false,\n    title: propsTitle,\n    'data-name': dataName = 'input-text',\n    'aria-label': ariaLabel = 'Input Text'\n  } = props;\n\n  const isCMTheme = theme === 'coorpmanager';\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        isNil(propsTitle) && style.isNoTitle\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n\n        <input\n          autoFocus={autoFocus}\n          type={type}\n          name={propsTitle}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          autoComplete={'off'}\n          value={value}\n          onInput={handleChange}\n          disabled={disabled}\n          onChange={noop}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputText.propTypes = {\n  autoFocus: PropTypes.bool,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  defaultValue: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  type: PropTypes.string,\n  valid: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default InputText;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/input-text/style.css

@@ -15,7 +15,7 @@
 @value cm_grey_500 from colors;
 @value cm_grey_700 from colors;
 
-.default {
+.defaultStyle {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
@@ -23,11 +23,11 @@
 }
 
 .error {
-  composes: default;
+  composes: defaultStyle;
 }
 
 .modified {
-  composes: default;
+  composes: defaultStyle;
 }
 
 .setup {
@@ -120,7 +120,7 @@
   align-self: flex-start;
   padding-left: 13px;
 }
-.default label {
+.defaultStyle label {
   display: flex;
   align-items: center;
   height: 50px;

package/es/atom/input-textarea/index.js

@@ -11,7 +11,7 @@ const themeStyle = {
   setup: style.setup,
   coorpmanager: style.coorpmanager,
   cockpit: style.cockpit,
-  default: style.default
+  default: style.defaultStyle
 };
 const InputTextarea = props => {
   const {
@@ -29,7 +29,7 @@ const InputTextarea = props => {
     modified = false
   } = props;
   const mainClass = themeStyle[theme];
-  const className = getClassState(style.default, style.modified, style.error, modified, error);
+  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);
   const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);
   const descriptionView = description && theme !== 'coorpmanager' ? /*#__PURE__*/React.createElement("div", {
     className: style.description

package/es/atom/input-textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","_noop","error","valid","description","disabled","modified","mainClass","className","handleChange","e","target","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","_isEmpty","noValue","propTypes","process","env","NODE_ENV","string","oneOf","_keys","bool","func"],"sources":["../../../src/atom/input-textarea/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.default\n};\nconst InputTextarea = props => {\n  const {\n    title: propsTitle,\n    name,\n    placeholder,\n    value,\n    hint,\n    theme = 'default',\n    onChange = noop,\n    error,\n    valid,\n    description,\n    disabled,\n    modified = false\n  } = props;\n\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div className={classnames(mainClass, className, disabled && style.disabled)}>\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n        <textarea\n          name={name}\n          value={value}\n          placeholder={placeholder}\n          onChange={handleChange}\n          disabled={disabled}\n          data-testid={name}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputTextarea.propTypes = {\n  placeholder: PropTypes.string,\n  title: PropTypes.string,\n  name: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  valid: PropTypes.bool\n};\nexport default InputTextarea;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","defaultStyle","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","_noop","error","valid","description","disabled","modified","mainClass","className","handleChange","e","target","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","_isEmpty","noValue","propTypes","process","env","NODE_ENV","string","oneOf","_keys","bool","func"],"sources":["../../../src/atom/input-textarea/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.defaultStyle\n};\nconst InputTextarea = props => {\n  const {\n    title: propsTitle,\n    name,\n    placeholder,\n    value,\n    hint,\n    theme = 'default',\n    onChange = noop,\n    error,\n    valid,\n    description,\n    disabled,\n    modified = false\n  } = props;\n\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div className={classnames(mainClass, className, disabled && style.disabled)}>\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n        <textarea\n          name={name}\n          value={value}\n          placeholder={placeholder}\n          onChange={handleChange}\n          disabled={disabled}\n          data-testid={name}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputTextarea.propTypes = {\n  placeholder: PropTypes.string,\n  title: PropTypes.string,\n  name: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  valid: PropTypes.bool\n};\nexport default InputTextarea;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/input-textarea/style.css

@@ -13,19 +13,19 @@
 @value cm_grey_500 from colors;
 @value cm_grey_700 from colors;
 
-.default {
+.defaultStyle {
   display: flex;
 }
 
 .error {
-  composes: default;
+  composes: defaultStyle;
 }
 
 .modified {
-  composes: default;
+  composes: defaultStyle;
 }
 
-.default label {
+.defaultStyle label {
   display: flex;
   align-items: center;
   height: 130px;
@@ -42,7 +42,7 @@
   width: 180px;
 }
 
-.default textarea {
+.defaultStyle textarea {
   font-family: "Gilroy";
   text-transform: none;
   padding: 10px 15px;

package/es/atom/label/index.js

@@ -7,7 +7,7 @@ const Label = ({
   innerHtml = false
 }) => {
   return /*#__PURE__*/React.createElement("span", {
-    className: classnames(style.default, innerHtml ? style.innerHTML : null)
+    className: classnames(style.defaultStyle, innerHtml ? style.innerHTML : null)
   }, children);
 };
 Label.propTypes = process.env.NODE_ENV !== "production" ? {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","style","Label","children","innerHtml","createElement","className","default","innerHTML","propTypes","process","env","NODE_ENV","node","bool"],"sources":["../../../src/atom/label/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Label = ({children, innerHtml = false}) => {\n  return (\n    <span className={classnames(style.default, innerHtml ? style.innerHTML : null)}>\n      {children}\n    </span>\n  );\n};\n\nLabel.propTypes = {\n  children: PropTypes.node,\n  innerHtml: PropTypes.bool\n};\n\nexport default Label;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAGA,CAAC;EAACC,QAAQ;EAAEC,SAAS,GAAG;AAAK,CAAC,KAAK;EAC/C,oBACEN,KAAA,CAAAO,aAAA;IAAMC,SAAS,EAAEN,UAAU,CAACC,KAAK,CAACM,OAAO,EAAEH,SAAS,GAAGH,KAAK,CAACO,SAAS,GAAG,IAAI;EAAE,GAC5EL,QACG,CAAC;AAEX,CAAC;AAEDD,KAAK,CAACO,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBT,QAAQ,EAAEJ,SAAS,CAACc,IAAI;EACxBT,SAAS,EAAEL,SAAS,CAACe;AACvB,CAAC;AAED,eAAeZ,KAAK","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","style","Label","children","innerHtml","createElement","className","defaultStyle","innerHTML","propTypes","process","env","NODE_ENV","node","bool"],"sources":["../../../src/atom/label/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Label = ({children, innerHtml = false}) => {\n  return (\n    <span className={classnames(style.defaultStyle, innerHtml ? style.innerHTML : null)}>\n      {children}\n    </span>\n  );\n};\n\nLabel.propTypes = {\n  children: PropTypes.node,\n  innerHtml: PropTypes.bool\n};\n\nexport default Label;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAGA,CAAC;EAACC,QAAQ;EAAEC,SAAS,GAAG;AAAK,CAAC,KAAK;EAC/C,oBACEN,KAAA,CAAAO,aAAA;IAAMC,SAAS,EAAEN,UAAU,CAACC,KAAK,CAACM,YAAY,EAAEH,SAAS,GAAGH,KAAK,CAACO,SAAS,GAAG,IAAI;EAAE,GACjFL,QACG,CAAC;AAEX,CAAC;AAEDD,KAAK,CAACO,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBT,QAAQ,EAAEJ,SAAS,CAACc,IAAI;EACxBT,SAAS,EAAEL,SAAS,CAACe;AACvB,CAAC;AAED,eAAeZ,KAAK","ignoreList":[]}

package/es/atom/label/style.css

@@ -1,7 +1,7 @@
 @value colors: "../../variables/colors.css";
 @value black from colors;
 
-.default {
+.defaultStyle {
   color: black;
 }
 

package/es/atom/life/index.js

@@ -7,7 +7,7 @@ import { NovaSolidVoteRewardsVoteHeart as HeartIcon, NovaCompositionCoorpacademy
 import Provider from '../provider';
 import cssStyle from './style.css';
 const MODES = {
-  default: cssStyle.default,
+  default: cssStyle.defaultStyle,
   small: cssStyle.small
 };
 const BOUNCES = {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyBrokenHeart","HeartBrokenIcon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIconOutline","Provider","cssStyle","MODES","default","small","BOUNCES","bounce","bounceTwice","bounceAndPause","Life","props","context","skin","heartOnRight","animated","count","failed","mode","operator","revival","className","style","customStyle","negativeColor","_get","white","pickStyle","successStyle","failedStyle","animatedFailedStyle","revivalStyle","heartWrapper","heartWrapperFailed","heartWrapperDefault","bounceClass","type","heartCustomStyle","animationDelay","delay","animationDuration","duration","left","countStyle","livesCounterFailed","livesCounterDefault","createElement","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","heartOutline","color","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","shape","oneOf","string","_keys","number"],"sources":["../../../src/atom/life/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyBrokenHeart as HeartBrokenIcon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIconOutline\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport cssStyle from './style.css';\n\nconst MODES = {\n  default: cssStyle.default,\n  small: cssStyle.small\n};\n\nconst BOUNCES = {\n  bounce: cssStyle.bounce,\n  bounceTwice: cssStyle.bounceTwice,\n  bounceAndPause: cssStyle.bounceAndPause\n};\n\nconst Life = (props, context) => {\n  const {skin} = context;\n  const {\n    bounce = null,\n    heartOnRight = false,\n    animated = false,\n    count = 3,\n    failed = false,\n    mode = 'default',\n    operator = 'x',\n    revival,\n    className,\n    style: customStyle\n  } = props;\n  const negativeColor = get('common.negative', skin);\n  const white = get('common.white', skin);\n\n  if (count === null) {\n    return null;\n  }\n\n  const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {\n    if (revival) return revivalStyle;\n    if (failed && animated) return animatedFailedStyle;\n    if (failed) return failedStyle;\n    return successStyle;\n  };\n\n  const heartWrapper =\n    failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;\n  const bounceClass = bounce ? BOUNCES[bounce.type] : null;\n  const heartCustomStyle = {\n    animationDelay: bounce && bounce.delay,\n    animationDuration: bounce && bounce.duration,\n    left: heartOnRight && '70px'\n  };\n\n  const countStyle = failed ? cssStyle.livesCounterFailed : cssStyle.livesCounterDefault;\n\n  return (\n    <div data-name=\"life\" className={classnames(MODES[mode], className)} style={customStyle}>\n      <div className={cssStyle.livesCounterWrapper}>\n        <div\n          className={pickStyle(\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterFailed,\n            cssStyle.previousLivesRevival\n          )}\n        >\n          {count + 1}\n        </div>\n        <div data-name=\"counter\" className={countStyle}>\n          {count}\n        </div>\n      </div>\n      <div className={cssStyle.operatorWrapper}>\n        <span className={cssStyle.operator}>{operator}</span>\n      </div>\n      <div className={classnames(heartWrapper, bounceClass)} style={heartCustomStyle}>\n        <HeartIconOutline className={cssStyle.heartOutline} style={{color: white}} />\n        <HeartIcon\n          className={pickStyle(\n            cssStyle.heartNormalDefault,\n            cssStyle.heartNormalFailed,\n            cssStyle.heartNormalAnimatedFailed,\n            cssStyle.heartNormalRevival\n          )}\n          style={{color: negativeColor}}\n        />\n        <HeartBrokenIcon\n          className={pickStyle(\n            cssStyle.heartBrokenDefault,\n            cssStyle.heartBrokenFailed,\n            cssStyle.heartBrokenAnimatedFailed,\n            cssStyle.heartBrokenRevival\n          )}\n          style={{color: negativeColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLife.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nLife.propTypes = {\n  revival: PropTypes.bool,\n  animated: PropTypes.bool,\n  bounce: PropTypes.shape({\n    type: PropTypes.oneOf(['bounce', 'bounceTwice', 'bounceAndPause']),\n    delay: PropTypes.string\n  }),\n  heartOnRight: PropTypes.bool,\n  mode: PropTypes.oneOf(keys(MODES)),\n  count: PropTypes.number,\n  failed: PropTypes.bool,\n  className: PropTypes.string,\n  operator: PropTypes.string,\n  style: PropTypes.shape({})\n};\n\nexport default Life;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyBrokenHeart","HeartBrokenIcon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIconOutline","Provider","cssStyle","MODES","default","defaultStyle","small","BOUNCES","bounce","bounceTwice","bounceAndPause","Life","props","context","skin","heartOnRight","animated","count","failed","mode","operator","revival","className","style","customStyle","negativeColor","_get","white","pickStyle","successStyle","failedStyle","animatedFailedStyle","revivalStyle","heartWrapper","heartWrapperFailed","heartWrapperDefault","bounceClass","type","heartCustomStyle","animationDelay","delay","animationDuration","duration","left","countStyle","livesCounterFailed","livesCounterDefault","createElement","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","heartOutline","color","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","shape","oneOf","string","_keys","number"],"sources":["../../../src/atom/life/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyBrokenHeart as HeartBrokenIcon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIconOutline\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport cssStyle from './style.css';\n\nconst MODES = {\n  default: cssStyle.defaultStyle,\n  small: cssStyle.small\n};\n\nconst BOUNCES = {\n  bounce: cssStyle.bounce,\n  bounceTwice: cssStyle.bounceTwice,\n  bounceAndPause: cssStyle.bounceAndPause\n};\n\nconst Life = (props, context) => {\n  const {skin} = context;\n  const {\n    bounce = null,\n    heartOnRight = false,\n    animated = false,\n    count = 3,\n    failed = false,\n    mode = 'default',\n    operator = 'x',\n    revival,\n    className,\n    style: customStyle\n  } = props;\n  const negativeColor = get('common.negative', skin);\n  const white = get('common.white', skin);\n\n  if (count === null) {\n    return null;\n  }\n\n  const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {\n    if (revival) return revivalStyle;\n    if (failed && animated) return animatedFailedStyle;\n    if (failed) return failedStyle;\n    return successStyle;\n  };\n\n  const heartWrapper =\n    failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;\n  const bounceClass = bounce ? BOUNCES[bounce.type] : null;\n  const heartCustomStyle = {\n    animationDelay: bounce && bounce.delay,\n    animationDuration: bounce && bounce.duration,\n    left: heartOnRight && '70px'\n  };\n\n  const countStyle = failed ? cssStyle.livesCounterFailed : cssStyle.livesCounterDefault;\n\n  return (\n    <div data-name=\"life\" className={classnames(MODES[mode], className)} style={customStyle}>\n      <div className={cssStyle.livesCounterWrapper}>\n        <div\n          className={pickStyle(\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterFailed,\n            cssStyle.previousLivesRevival\n          )}\n        >\n          {count + 1}\n        </div>\n        <div data-name=\"counter\" className={countStyle}>\n          {count}\n        </div>\n      </div>\n      <div className={cssStyle.operatorWrapper}>\n        <span className={cssStyle.operator}>{operator}</span>\n      </div>\n      <div className={classnames(heartWrapper, bounceClass)} style={heartCustomStyle}>\n        <HeartIconOutline className={cssStyle.heartOutline} style={{color: white}} />\n        <HeartIcon\n          className={pickStyle(\n            cssStyle.heartNormalDefault,\n            cssStyle.heartNormalFailed,\n            cssStyle.heartNormalAnimatedFailed,\n            cssStyle.heartNormalRevival\n          )}\n          style={{color: negativeColor}}\n        />\n        <HeartBrokenIcon\n          className={pickStyle(\n            cssStyle.heartBrokenDefault,\n            cssStyle.heartBrokenFailed,\n            cssStyle.heartBrokenAnimatedFailed,\n            cssStyle.heartBrokenRevival\n          )}\n          style={{color: negativeColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLife.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nLife.propTypes = {\n  revival: PropTypes.bool,\n  animated: PropTypes.bool,\n  bounce: PropTypes.shape({\n    type: PropTypes.oneOf(['bounce', 'bounceTwice', 'bounceAndPause']),\n    delay: PropTypes.string\n  }),\n  heartOnRight: PropTypes.bool,\n  mode: PropTypes.oneOf(keys(MODES)),\n  count: PropTypes.number,\n  failed: PropTypes.bool,\n  className: PropTypes.string,\n  operator: PropTypes.string,\n  style: PropTypes.shape({})\n};\n\nexport default Life;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/life/style.css

@@ -7,7 +7,7 @@
  * Default
  */
 
-.default {
+.defaultStyle {
   position: relative;
   width: 90px;
   height: 67px;

package/es/atom/picture-background/index.js

@@ -33,7 +33,7 @@ const PictureBackground = props => {
     src: desktop,
     alt: alt
   }))) : /*#__PURE__*/React.createElement("img", {
-    className: classnames(cssStyle.default, bgStyle),
+    className: classnames(cssStyle.defaultStyle, bgStyle),
     src: src,
     alt: alt
   });

package/es/atom/picture-background/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","cssStyle","viewStyle","cover","contain","PictureBackground","props","src","view","style","alt","mobile","desktop","bgStyle","pictureView","_isObject","createElement","className","deviceView","mobileContainer","picture","desktopContainer","default","wrapper","propTypes","process","env","NODE_ENV","oneOf","_keys","oneOfType","objectOf","string","isRequired","number"],"sources":["../../../src/atom/picture-background/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isObject, keys} from 'lodash/fp';\nimport cssStyle from './style.css';\n\nconst viewStyle = {\n  cover: cssStyle.cover,\n  contain: cssStyle.contain\n};\n\nconst PictureBackground = props => {\n  const {src, view, style, alt = ''} = props;\n  const mobile = src.mobile;\n  const desktop = src.desktop;\n  const bgStyle = viewStyle[view];\n\n  const pictureView = isObject(src) ? (\n    <div className={cssStyle.deviceView}>\n      <div className={cssStyle.mobileContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={mobile} alt={alt} />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={desktop} alt={alt} />\n      </div>\n    </div>\n  ) : (\n    <img className={classnames(cssStyle.default, bgStyle)} src={src} alt={alt} />\n  );\n\n  return (\n    <div className={cssStyle.wrapper} style={style}>\n      {pictureView}\n    </div>\n  );\n};\n\nPictureBackground.propTypes = {\n  view: PropTypes.oneOf(keys(viewStyle)),\n  src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  alt: PropTypes.string\n};\n\nexport default PictureBackground;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,QAAQ,MAAM,aAAa;AAElC,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,QAAQ,CAACE,KAAK;EACrBC,OAAO,EAAEH,QAAQ,CAACG;AACpB,CAAC;AAED,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAG;IAAEC,IAAI;IAAEC,KAAK;IAAEC,GAAG,GAAG;EAAE,CAAC,GAAGJ,KAAK;EAC1C,MAAMK,MAAM,GAAGJ,GAAG,CAACI,MAAM;EACzB,MAAMC,OAAO,GAAGL,GAAG,CAACK,OAAO;EAC3B,MAAMC,OAAO,GAAGX,SAAS,CAACM,IAAI,CAAC;EAE/B,MAAMM,WAAW,GAAGC,SAAA,CAASR,GAAG,CAAC,gBAC/BT,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACiB;EAAW,gBAClCpB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACkB;EAAgB,gBACvCrB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEjB,UAAU,CAACC,QAAQ,CAACmB,OAAO,EAAEP,OAAO,CAAE;IAACN,GAAG,EAAEI,MAAO;IAACD,GAAG,EAAEA;EAAI,CAAE,CAC5E,CAAC,eACNZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACoB;EAAiB,gBACxCvB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEjB,UAAU,CAACC,QAAQ,CAACmB,OAAO,EAAEP,OAAO,CAAE;IAACN,GAAG,EAAEK,OAAQ;IAACF,GAAG,EAAEA;EAAI,CAAE,CAC7E,CACF,CAAC,gBAENZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEjB,UAAU,CAACC,QAAQ,CAACqB,OAAO,EAAET,OAAO,CAAE;IAACN,GAAG,EAAEA,GAAI;IAACG,GAAG,EAAEA;EAAI,CAAE,CAC7E;EAED,oBACEZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACsB,OAAQ;IAACd,KAAK,EAAEA;EAAM,GAC5CK,WACE,CAAC;AAEV,CAAC;AAEDT,iBAAiB,CAACmB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC5BnB,IAAI,EAAET,SAAS,CAAC6B,KAAK,CAACC,KAAA,CAAK3B,SAAS,CAAC,CAAC;EACtCK,GAAG,EAAER,SAAS,CAAC+B,SAAS,CAAC,CAAC/B,SAAS,CAACgC,QAAQ,CAAChC,SAAS,CAACiC,MAAM,CAAC,EAAEjC,SAAS,CAACiC,MAAM,CAACC,UAAU,CAAC,CAAC;EAC7FxB,KAAK,EAAEV,SAAS,CAACgC,QAAQ,CAAChC,SAAS,CAAC+B,SAAS,CAAC,CAAC/B,SAAS,CAACiC,MAAM,EAAEjC,SAAS,CAACmC,MAAM,CAAC,CAAC,CAAC;EACpFxB,GAAG,EAAEX,SAAS,CAACiC;AACjB,CAAC;AAED,eAAe3B,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","cssStyle","viewStyle","cover","contain","PictureBackground","props","src","view","style","alt","mobile","desktop","bgStyle","pictureView","_isObject","createElement","className","deviceView","mobileContainer","picture","desktopContainer","defaultStyle","wrapper","propTypes","process","env","NODE_ENV","oneOf","_keys","oneOfType","objectOf","string","isRequired","number"],"sources":["../../../src/atom/picture-background/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isObject, keys} from 'lodash/fp';\nimport cssStyle from './style.css';\n\nconst viewStyle = {\n  cover: cssStyle.cover,\n  contain: cssStyle.contain\n};\n\nconst PictureBackground = props => {\n  const {src, view, style, alt = ''} = props;\n  const mobile = src.mobile;\n  const desktop = src.desktop;\n  const bgStyle = viewStyle[view];\n\n  const pictureView = isObject(src) ? (\n    <div className={cssStyle.deviceView}>\n      <div className={cssStyle.mobileContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={mobile} alt={alt} />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={desktop} alt={alt} />\n      </div>\n    </div>\n  ) : (\n    <img className={classnames(cssStyle.defaultStyle, bgStyle)} src={src} alt={alt} />\n  );\n\n  return (\n    <div className={cssStyle.wrapper} style={style}>\n      {pictureView}\n    </div>\n  );\n};\n\nPictureBackground.propTypes = {\n  view: PropTypes.oneOf(keys(viewStyle)),\n  src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  alt: PropTypes.string\n};\n\nexport default PictureBackground;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,QAAQ,MAAM,aAAa;AAElC,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,QAAQ,CAACE,KAAK;EACrBC,OAAO,EAAEH,QAAQ,CAACG;AACpB,CAAC;AAED,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAG;IAAEC,IAAI;IAAEC,KAAK;IAAEC,GAAG,GAAG;EAAE,CAAC,GAAGJ,KAAK;EAC1C,MAAMK,MAAM,GAAGJ,GAAG,CAACI,MAAM;EACzB,MAAMC,OAAO,GAAGL,GAAG,CAACK,OAAO;EAC3B,MAAMC,OAAO,GAAGX,SAAS,CAACM,IAAI,CAAC;EAE/B,MAAMM,WAAW,GAAGC,SAAA,CAASR,GAAG,CAAC,gBAC/BT,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACiB;EAAW,gBAClCpB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACkB;EAAgB,gBACvCrB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEjB,UAAU,CAACC,QAAQ,CAACmB,OAAO,EAAEP,OAAO,CAAE;IAACN,GAAG,EAAEI,MAAO;IAACD,GAAG,EAAEA;EAAI,CAAE,CAC5E,CAAC,eACNZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACoB;EAAiB,gBACxCvB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEjB,UAAU,CAACC,QAAQ,CAACmB,OAAO,EAAEP,OAAO,CAAE;IAACN,GAAG,EAAEK,OAAQ;IAACF,GAAG,EAAEA;EAAI,CAAE,CAC7E,CACF,CAAC,gBAENZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEjB,UAAU,CAACC,QAAQ,CAACqB,YAAY,EAAET,OAAO,CAAE;IAACN,GAAG,EAAEA,GAAI;IAACG,GAAG,EAAEA;EAAI,CAAE,CAClF;EAED,oBACEZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACsB,OAAQ;IAACd,KAAK,EAAEA;EAAM,GAC5CK,WACE,CAAC;AAEV,CAAC;AAEDT,iBAAiB,CAACmB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC5BnB,IAAI,EAAET,SAAS,CAAC6B,KAAK,CAACC,KAAA,CAAK3B,SAAS,CAAC,CAAC;EACtCK,GAAG,EAAER,SAAS,CAAC+B,SAAS,CAAC,CAAC/B,SAAS,CAACgC,QAAQ,CAAChC,SAAS,CAACiC,MAAM,CAAC,EAAEjC,SAAS,CAACiC,MAAM,CAACC,UAAU,CAAC,CAAC;EAC7FxB,KAAK,EAAEV,SAAS,CAACgC,QAAQ,CAAChC,SAAS,CAAC+B,SAAS,CAAC,CAAC/B,SAAS,CAACiC,MAAM,EAAEjC,SAAS,CAACmC,MAAM,CAAC,CAAC,CAAC;EACpFxB,GAAG,EAAEX,SAAS,CAACiC;AACjB,CAAC;AAED,eAAe3B,iBAAiB","ignoreList":[]}

package/es/atom/picture-background/style.css

@@ -11,7 +11,7 @@
 }
 
 .picture,
-.default {
+.defaultStyle {
   display: block;
   background-repeat: no-repeat;
   background-position: 50% 50%;

package/es/atom/range/handle.css

@@ -16,7 +16,7 @@
   overflow: visible;
 }
 
-.default {
+.defaultStyle {
   border-radius: 100%;
   border: 4px solid white;
   box-sizing: border-box;

package/es/atom/range/handle.js

@@ -60,7 +60,7 @@ const Handle = (props, legacyContext) => {
       backgroundColor,
       boxShadow: `0px 0px 20px ${getShadowBoxColorFromPrimary(primaryColor)}`
     },
-    className: style.default,
+    className: style.defaultStyle,
     ref: handle,
     "data-name": 'handle'
   }));

package/es/atom/range/handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"handle.js","names":["React","useEffect","useMemo","useRef","PropTypes","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","primaryColor","_getOr","backgroundColor","onPanStart","_noop","onPanEnd","onPan","HammerForTesting","handle","hammer","current","createElement","className","wrapper","boxShadow","default","ref","propTypes","process","env","NODE_ENV","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport {getShadowBoxColorFromPrimary} from '../../util/get-shadow-box-color-from-primary';\nimport style from './handle.css';\n\nclass NoopHammer {\n  constructor() {}\n\n  // eslint-disable-next-line class-methods-use-this\n  on() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  stop() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  destroy() {\n    return;\n  }\n}\n\nconst Hammer = // eslint-disable-next-line no-undef\n  typeof window !== 'undefined' ? /* istanbul ignore next */ require('hammerjs') : NoopHammer;\n\nconst Handle = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const backgroundColor = primaryColor;\n  const {onPanStart = noop, onPanEnd = noop, onPan = noop, HammerForTesting} = props;\n\n  const handle = useRef();\n\n  const hammer = useMemo(() => {\n    return HammerForTesting || (handle.current && new Hammer(handle.current));\n    // (we need to mount Hammer when handle.current is rendered and ready)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handle.current, HammerForTesting]);\n\n  useEffect(() => {\n    if (!hammer) return;\n    hammer.on('panstart', onPanStart);\n    hammer.on('panend', onPanEnd);\n\n    hammer.on('panleft panright', onPan);\n\n    return () => {\n      hammer.stop();\n      hammer.destroy();\n    };\n  }, [hammer, onPanStart, onPanEnd, onPan]);\n\n  return (\n    <div className={style.wrapper} data-testid=\"handle-wrapper\">\n      <div\n        style={{\n          backgroundColor,\n          boxShadow: `0px 0px 20px ${getShadowBoxColorFromPrimary(primaryColor)}`\n        }}\n        className={style.default}\n        ref={handle}\n        data-name={'handle'}\n      />\n    </div>\n  );\n};\n\nHandle.propTypes = {\n  onPan: PropTypes.func,\n  onPanStart: PropTypes.func,\n  onPanEnd: PropTypes.func,\n  HammerForTesting: PropTypes.shape({\n    on: PropTypes.func,\n    destroy: PropTypes.func,\n    stop: PropTypes.func\n  })\n};\n\nHandle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"handle.js","names":["React","useEffect","useMemo","useRef","PropTypes","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","primaryColor","_getOr","backgroundColor","onPanStart","_noop","onPanEnd","onPan","HammerForTesting","handle","hammer","current","createElement","className","wrapper","boxShadow","defaultStyle","ref","propTypes","process","env","NODE_ENV","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport {getShadowBoxColorFromPrimary} from '../../util/get-shadow-box-color-from-primary';\nimport style from './handle.css';\n\nclass NoopHammer {\n  constructor() {}\n\n  // eslint-disable-next-line class-methods-use-this\n  on() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  stop() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  destroy() {\n    return;\n  }\n}\n\nconst Hammer = // eslint-disable-next-line no-undef\n  typeof window !== 'undefined' ? /* istanbul ignore next */ require('hammerjs') : NoopHammer;\n\nconst Handle = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const backgroundColor = primaryColor;\n  const {onPanStart = noop, onPanEnd = noop, onPan = noop, HammerForTesting} = props;\n\n  const handle = useRef();\n\n  const hammer = useMemo(() => {\n    return HammerForTesting || (handle.current && new Hammer(handle.current));\n    // (we need to mount Hammer when handle.current is rendered and ready)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handle.current, HammerForTesting]);\n\n  useEffect(() => {\n    if (!hammer) return;\n    hammer.on('panstart', onPanStart);\n    hammer.on('panend', onPanEnd);\n\n    hammer.on('panleft panright', onPan);\n\n    return () => {\n      hammer.stop();\n      hammer.destroy();\n    };\n  }, [hammer, onPanStart, onPanEnd, onPan]);\n\n  return (\n    <div className={style.wrapper} data-testid=\"handle-wrapper\">\n      <div\n        style={{\n          backgroundColor,\n          boxShadow: `0px 0px 20px ${getShadowBoxColorFromPrimary(primaryColor)}`\n        }}\n        className={style.defaultStyle}\n        ref={handle}\n        data-name={'handle'}\n      />\n    </div>\n  );\n};\n\nHandle.propTypes = {\n  onPan: PropTypes.func,\n  onPanStart: PropTypes.func,\n  onPanEnd: PropTypes.func,\n  HammerForTesting: PropTypes.shape({\n    on: PropTypes.func,\n    destroy: PropTypes.func,\n    stop: PropTypes.func\n  })\n};\n\nHandle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/select/index.js

@@ -117,7 +117,7 @@ const Select = (props, legacyContext) => {
   const isThemeOneOfQuestionTemplateOrPlayer = useMemo(() => includes(theme, ['question', 'template', 'player']), [theme]);
   const shouldUseSkinFontColor = useMemo(() => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer, [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]);
   const arrowColor = selected ? color : undefined;
-  const behaviorClassName = useMemo(() => getClassState(style.default, style.modified, style.error, modified, error), [error, modified]);
+  const behaviorClassName = useMemo(() => getClassState(style.defaultStyle, style.modified, style.error, modified, error), [error, modified]);
   const composedClassName = useMemo(() => classnames(theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName, selected ? style.selected : style.unselected, className), [behaviorClassName, className, selected, theme]);
   const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);
   const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);