@coorpacademy/components 11.36.4-alpha.5 → 11.36.4

package/es/atom/input-select/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { InputSelectProps } from './types';
+declare const InputSelect: React.FC<InputSelectProps>;
+export default InputSelect;
+//# sourceMappingURL=index.d.ts.map

package/es/atom/input-select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAC,gBAAgB,EAAoB,MAAM,SAAS,CAAC;AAI5D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuG3C,CAAC;AAIF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,98 @@
+import React, { useState, useRef, useCallback } from 'react';
+import classnames from 'classnames';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import style from './style.css';
+import { propTypes } from './types';
+const COMPONENT_ID = 'input-select';
+const InputSelect = ({
+  options = [],
+  value,
+  onChange,
+  placeholder,
+  className,
+  'aria-label': ariaLabel,
+  iconClosed = 'chevron-down',
+  selectedIcon = 'circle-check'
+}) => {
+  const [open, setOpen] = useState(false);
+  const wrapperRef = useRef(null);
+  const componentId = `${COMPONENT_ID}-${placeholder?.toLowerCase().replace(/\s+/g, '-') || 'default'}`;
+  const handleToggle = useCallback(() => {
+    setOpen(o => !o);
+  }, []);
+  const handleOnOptionClick = useCallback(optionValue => {
+    onChange(optionValue);
+    setOpen(false);
+  }, [onChange]);
+  React.useEffect(() => {
+    if (!open) return;
+    const handleClickOutside = event => {
+      if (!wrapperRef.current?.contains(event.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, [open]);
+  const selectedOption = options.find(opt => opt.value === value);
+  const renderOption = option => {
+    function handleClick() {
+      handleOnOptionClick(option.value);
+    }
+    const isSelected = option.value === value;
+    return /*#__PURE__*/React.createElement("li", {
+      key: option.value,
+      className: classnames(style.option, isSelected && style.selected),
+      role: "option",
+      "aria-selected": isSelected,
+      onClick: handleClick
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.optionIcon
+    }, option.icon), /*#__PURE__*/React.createElement("span", {
+      className: style.optionLabel
+    }, option.label), isSelected ? /*#__PURE__*/React.createElement("span", {
+      className: style.checkIcon
+    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: selectedIcon
+    })) : null);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(style.outerWrapper, {
+      [style.open]: open
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: wrapperRef,
+    className: classnames(style.wrapper, className),
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: style.display,
+    onClick: handleToggle,
+    "aria-haspopup": "listbox",
+    "aria-expanded": open,
+    "aria-controls": open ? `${componentId}-listbox` : undefined,
+    id: componentId
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.content
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.label
+  }, placeholder), selectedOption ? /*#__PURE__*/React.createElement("span", {
+    className: style.value
+  }, selectedOption.label) : null), /*#__PURE__*/React.createElement("span", {
+    className: classnames(style.iconWrapper, {
+      [style.open]: open
+    })
+  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    className: classnames(style.icon, {
+      [style.rotated]: open
+    }),
+    icon: iconClosed
+  }))), open ? /*#__PURE__*/React.createElement("ul", {
+    id: `${componentId}-listbox`,
+    className: style.menu,
+    role: "listbox"
+  }, options.map(renderOption)) : null));
+};
+InputSelect.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default InputSelect;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useState","useRef","useCallback","classnames","FontAwesomeIcon","style","propTypes","COMPONENT_ID","InputSelect","options","value","onChange","placeholder","className","ariaLabel","iconClosed","selectedIcon","open","setOpen","wrapperRef","componentId","toLowerCase","replace","handleToggle","o","handleOnOptionClick","optionValue","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","selectedOption","find","opt","renderOption","option","handleClick","isSelected","createElement","key","selected","role","onClick","optionIcon","icon","optionLabel","label","checkIcon","outerWrapper","ref","wrapper","type","display","undefined","id","content","iconWrapper","rotated","menu","map","process","env","NODE_ENV"],"sources":["../../../src/atom/input-select/index.tsx"],"sourcesContent":["import React, {useState, useRef, useCallback} from 'react';\nimport classnames from 'classnames';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {IconName} from '@fortawesome/fontawesome-svg-core';\nimport style from './style.css';\nimport {InputSelectProps, Option, propTypes} from './types';\n\nconst COMPONENT_ID = 'input-select';\n\nconst InputSelect: React.FC<InputSelectProps> = ({\n  options = [],\n  value,\n  onChange,\n  placeholder,\n  className,\n  'aria-label': ariaLabel,\n  iconClosed = 'chevron-down',\n  selectedIcon = 'circle-check'\n}) => {\n  const [open, setOpen] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const componentId = `${COMPONENT_ID}-${\n    placeholder?.toLowerCase().replace(/\\s+/g, '-') || 'default'\n  }`;\n\n  const handleToggle = useCallback(() => {\n    setOpen(o => !o);\n  }, []);\n\n  const handleOnOptionClick = useCallback(\n    (optionValue: string) => {\n      onChange(optionValue);\n      setOpen(false);\n    },\n    [onChange]\n  );\n\n  React.useEffect(() => {\n    if (!open) return;\n    const handleClickOutside = (event: MouseEvent) => {\n      if (!wrapperRef.current?.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [open]);\n\n  const selectedOption = options.find(opt => opt.value === value);\n\n  const renderOption = (option: Option) => {\n    function handleClick() {\n      handleOnOptionClick(option.value);\n    }\n\n    const isSelected = option.value === value;\n\n    return (\n      <li\n        key={option.value}\n        className={classnames(style.option, isSelected && style.selected)}\n        role=\"option\"\n        aria-selected={isSelected}\n        onClick={handleClick}\n      >\n        <span className={style.optionIcon}>{option.icon}</span>\n        <span className={style.optionLabel}>{option.label}</span>\n        {isSelected ? (\n          <span className={style.checkIcon}>\n            <FontAwesomeIcon icon={selectedIcon as IconName} />\n          </span>\n        ) : null}\n      </li>\n    );\n  };\n\n  return (\n    <div\n      className={classnames(style.outerWrapper, {\n        [style.open]: open\n      })}\n    >\n      <div ref={wrapperRef} className={classnames(style.wrapper, className)} aria-label={ariaLabel}>\n        <button\n          type=\"button\"\n          className={style.display}\n          onClick={handleToggle}\n          aria-haspopup=\"listbox\"\n          aria-expanded={open}\n          aria-controls={open ? `${componentId}-listbox` : undefined}\n          id={componentId}\n        >\n          <div className={style.content}>\n            <span className={style.label}>{placeholder}</span>\n            {selectedOption ? <span className={style.value}>{selectedOption.label}</span> : null}\n          </div>\n          <span className={classnames(style.iconWrapper, {[style.open]: open})}>\n            <FontAwesomeIcon\n              className={classnames(style.icon, {[style.rotated]: open})}\n              icon={iconClosed as IconName}\n            />\n          </span>\n        </button>\n        {open ? (\n          <ul id={`${componentId}-listbox`} className={style.menu} role=\"listbox\">\n            {options.map(renderOption)}\n          </ul>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nInputSelect.propTypes = propTypes;\n\nexport default InputSelect;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,MAAM,EAAEC,WAAW,QAAO,OAAO;AAC1D,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,eAAe,QAAO,gCAAgC;AAE9D,OAAOC,KAAK,MAAM,aAAa;AAC/B,SAAkCC,SAAS,QAAO,SAAS;AAE3D,MAAMC,YAAY,GAAG,cAAc;AAEnC,MAAMC,WAAuC,GAAGA,CAAC;EAC/CC,OAAO,GAAG,EAAE;EACZC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,SAAS;EACT,YAAY,EAAEC,SAAS;EACvBC,UAAU,GAAG,cAAc;EAC3BC,YAAY,GAAG;AACjB,CAAC,KAAK;EACJ,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGlB,QAAQ,CAAC,KAAK,CAAC;EACvC,MAAMmB,UAAU,GAAGlB,MAAM,CAAiB,IAAI,CAAC;EAE/C,MAAMmB,WAAW,GAAG,GAAGb,YAAY,IACjCK,WAAW,EAAES,WAAW,CAAC,CAAC,CAACC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,SAAS,EAC5D;EAEF,MAAMC,YAAY,GAAGrB,WAAW,CAAC,MAAM;IACrCgB,OAAO,CAACM,CAAC,IAAI,CAACA,CAAC,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,mBAAmB,GAAGvB,WAAW,CACpCwB,WAAmB,IAAK;IACvBf,QAAQ,CAACe,WAAW,CAAC;IACrBR,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,EACD,CAACP,QAAQ,CACX,CAAC;EAEDZ,KAAK,CAAC4B,SAAS,CAAC,MAAM;IACpB,IAAI,CAACV,IAAI,EAAE;IACX,MAAMW,kBAAkB,GAAIC,KAAiB,IAAK;MAChD,IAAI,CAACV,UAAU,CAACW,OAAO,EAAEC,QAAQ,CAACF,KAAK,CAACG,MAAc,CAAC,EAAE;QACvDd,OAAO,CAAC,KAAK,CAAC;MAChB;IACF,CAAC;IACDe,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,kBAAkB,CAAC;IAC1D,OAAO,MAAMK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,kBAAkB,CAAC;EAC5E,CAAC,EAAE,CAACX,IAAI,CAAC,CAAC;EAEV,MAAMmB,cAAc,GAAG3B,OAAO,CAAC4B,IAAI,CAACC,GAAG,IAAIA,GAAG,CAAC5B,KAAK,KAAKA,KAAK,CAAC;EAE/D,MAAM6B,YAAY,GAAIC,MAAc,IAAK;IACvC,SAASC,WAAWA,CAAA,EAAG;MACrBhB,mBAAmB,CAACe,MAAM,CAAC9B,KAAK,CAAC;IACnC;IAEA,MAAMgC,UAAU,GAAGF,MAAM,CAAC9B,KAAK,KAAKA,KAAK;IAEzC,oBACEX,KAAA,CAAA4C,aAAA;MACEC,GAAG,EAAEJ,MAAM,CAAC9B,KAAM;MAClBG,SAAS,EAAEV,UAAU,CAACE,KAAK,CAACmC,MAAM,EAAEE,UAAU,IAAIrC,KAAK,CAACwC,QAAQ,CAAE;MAClEC,IAAI,EAAC,QAAQ;MACb,iBAAeJ,UAAW;MAC1BK,OAAO,EAAEN;IAAY,gBAErB1C,KAAA,CAAA4C,aAAA;MAAM9B,SAAS,EAAER,KAAK,CAAC2C;IAAW,GAAER,MAAM,CAACS,IAAW,CAAC,eACvDlD,KAAA,CAAA4C,aAAA;MAAM9B,SAAS,EAAER,KAAK,CAAC6C;IAAY,GAAEV,MAAM,CAACW,KAAY,CAAC,EACxDT,UAAU,gBACT3C,KAAA,CAAA4C,aAAA;MAAM9B,SAAS,EAAER,KAAK,CAAC+C;IAAU,gBAC/BrD,KAAA,CAAA4C,aAAA,CAACvC,eAAe;MAAC6C,IAAI,EAAEjC;IAAyB,CAAE,CAC9C,CAAC,GACL,IACF,CAAC;EAET,CAAC;EAED,oBACEjB,KAAA,CAAA4C,aAAA;IACE9B,SAAS,EAAEV,UAAU,CAACE,KAAK,CAACgD,YAAY,EAAE;MACxC,CAAChD,KAAK,CAACY,IAAI,GAAGA;IAChB,CAAC;EAAE,gBAEHlB,KAAA,CAAA4C,aAAA;IAAKW,GAAG,EAAEnC,UAAW;IAACN,SAAS,EAAEV,UAAU,CAACE,KAAK,CAACkD,OAAO,EAAE1C,SAAS,CAAE;IAAC,cAAYC;EAAU,gBAC3Ff,KAAA,CAAA4C,aAAA;IACEa,IAAI,EAAC,QAAQ;IACb3C,SAAS,EAAER,KAAK,CAACoD,OAAQ;IACzBV,OAAO,EAAExB,YAAa;IACtB,iBAAc,SAAS;IACvB,iBAAeN,IAAK;IACpB,iBAAeA,IAAI,GAAG,GAAGG,WAAW,UAAU,GAAGsC,SAAU;IAC3DC,EAAE,EAAEvC;EAAY,gBAEhBrB,KAAA,CAAA4C,aAAA;IAAK9B,SAAS,EAAER,KAAK,CAACuD;EAAQ,gBAC5B7D,KAAA,CAAA4C,aAAA;IAAM9B,SAAS,EAAER,KAAK,CAAC8C;EAAM,GAAEvC,WAAkB,CAAC,EACjDwB,cAAc,gBAAGrC,KAAA,CAAA4C,aAAA;IAAM9B,SAAS,EAAER,KAAK,CAACK;EAAM,GAAE0B,cAAc,CAACe,KAAY,CAAC,GAAG,IAC7E,CAAC,eACNpD,KAAA,CAAA4C,aAAA;IAAM9B,SAAS,EAAEV,UAAU,CAACE,KAAK,CAACwD,WAAW,EAAE;MAAC,CAACxD,KAAK,CAACY,IAAI,GAAGA;IAAI,CAAC;EAAE,gBACnElB,KAAA,CAAA4C,aAAA,CAACvC,eAAe;IACdS,SAAS,EAAEV,UAAU,CAACE,KAAK,CAAC4C,IAAI,EAAE;MAAC,CAAC5C,KAAK,CAACyD,OAAO,GAAG7C;IAAI,CAAC,CAAE;IAC3DgC,IAAI,EAAElC;EAAuB,CAC9B,CACG,CACA,CAAC,EACRE,IAAI,gBACHlB,KAAA,CAAA4C,aAAA;IAAIgB,EAAE,EAAE,GAAGvC,WAAW,UAAW;IAACP,SAAS,EAAER,KAAK,CAAC0D,IAAK;IAACjB,IAAI,EAAC;EAAS,GACpErC,OAAO,CAACuD,GAAG,CAACzB,YAAY,CACvB,CAAC,GACH,IACD,CACF,CAAC;AAEV,CAAC;AAED/B,WAAW,CAACF,SAAS,GAAA2D,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG7D,SAAS;AAEjC,eAAeE,WAAW","ignoreList":[]}

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

@@ -0,0 +1,169 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_700 from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_200 from colors;
+@value cm_negative_300 from colors;
+@value white from colors;
+@value cm_grey_100 from colors;
+@value brand from colors;
+@value cm_primary_blue from colors;
+@value primary_100 from colors;
+@value cm_blue_50 from colors;
+@value cm_grey_150 from colors;
+
+.outerWrapper {
+  width: 100%;
+  border-radius: 12px;
+  transition: box-shadow 0.2s;
+}
+
+.outerWrapper:hover {
+  box-shadow: 0 0 0 2px brand;
+}
+
+.outerWrapper.open {
+  box-shadow: 0 0 0 2px white, 0 0 0 4px brand;
+}
+
+.wrapper {
+  background: white;
+  border-radius: 12px;
+  position: relative;
+  width: 100%;
+}
+
+.display {
+  width: 100%;
+  height: 44px;
+  background: cm_grey_100;
+  border: none;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 4px 0 16px;
+  cursor: pointer;
+  transition: box-shadow 0.2s;
+  font-family: 'Gilroy';
+  font-size: 14px;
+  font-weight: 500;
+  outline: none;
+}
+
+.content {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+}
+
+.label {
+  color: cm_grey_400;
+  font-weight: 400;
+  font-size: 14px;
+}
+
+.value {
+  color: cm_grey_700;
+  font-weight: 700;
+  font-size: 14px;
+}
+.iconWrapper{
+  width: 36px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.iconWrapper.open{
+  background-color: cm_grey_150;
+  border-radius: 8px;
+}
+
+.icon {
+  color: cm_grey_500;
+  width: 14px;
+  height: 14px;
+  display: flex;
+  align-items: center;
+  transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);
+}
+
+.rotated {
+  transform: rotate(180deg);
+}
+
+.menu {
+  position: absolute;
+  left: 0;
+  right: 0;
+  margin-top: 8px;
+  background: white;
+  border-radius: 12px;
+  box-shadow: 0 4px 8px 0px rgba(0,0,0,0.04);
+  z-index: 10;
+  padding: 12px;
+  list-style: none;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.option {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 12px;
+  font-size: 14px;
+  color: cm_grey_700;
+  cursor: pointer;
+  background: white;
+  border: none;
+  text-align: left;
+  width: 100%;
+  font-family: 'Gilroy';
+  transition: background 0.15s, color 0.15s;
+  box-sizing: border-box;
+  border-radius: 12px;
+  margin-bottom: 4px;
+}
+
+.option.selected {
+  background-color: color(brand lightness(95%));
+}
+
+.option.selected:hover,
+.option.selected:focus {
+  background-color: color(brand lightness(90%));
+}
+
+.option:hover:not(.selected),
+.option:focus:not(.selected) {
+  background: cm_grey_100;
+}
+
+.wrapper:disabled::after {
+  border-top-color: cm_grey_500;
+}
+
+.optionIcon {
+  margin-right: 12px;
+  font-size: 20px;
+  display: inline-flex;
+  align-items: center;
+}
+
+.optionLabel {
+  flex: 1;
+  font-size: 14px;
+  color: cm_grey_700;
+  display: flex;
+  align-items: center;
+}
+
+.checkIcon {
+  color: brand;
+  display: inline-flex;
+  align-items: center;
+} 

package/es/atom/input-select/types.d.ts

@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+export interface Option {
+    value: string;
+    label: string;
+    icon?: string | null;
+}
+export interface InputSelectProps {
+    options: Option[];
+    value?: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    'aria-label'?: string;
+    iconClosed?: string;
+    selectedIcon?: string;
+}
+export declare const propTypes: {
+    options: PropTypes.Validator<Required<PropTypes.InferProps<{
+        value: PropTypes.Validator<string>;
+        label: PropTypes.Validator<string>;
+        icon: PropTypes.Requireable<string>;
+    }>>[]>;
+    value: PropTypes.Requireable<string>;
+    onChange: PropTypes.Validator<(...args: any[]) => any>;
+    placeholder: PropTypes.Requireable<string>;
+    className: PropTypes.Requireable<string>;
+    'aria-label': PropTypes.Requireable<string>;
+    iconClosed: PropTypes.Requireable<string>;
+    selectedIcon: PropTypes.Requireable<string>;
+};
+//# sourceMappingURL=types.d.ts.map

package/es/atom/input-select/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/input-select/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAQD,eAAO,MAAM,SAAS;;;;;;;;;;;;;CASrB,CAAC"}

package/es/atom/input-select/types.js

@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+const optionPropTypes = {
+  value: PropTypes.string.isRequired,
+  label: PropTypes.string.isRequired,
+  icon: PropTypes.string
+};
+export const propTypes = {
+  options: PropTypes.arrayOf(PropTypes.exact(optionPropTypes).isRequired).isRequired,
+  value: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+  placeholder: PropTypes.string,
+  className: PropTypes.string,
+  'aria-label': PropTypes.string,
+  iconClosed: PropTypes.string,
+  selectedIcon: PropTypes.string
+};
+//# sourceMappingURL=types.js.map

package/es/atom/input-select/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","optionPropTypes","value","string","isRequired","label","icon","propTypes","options","arrayOf","exact","onChange","func","placeholder","className","iconClosed","selectedIcon"],"sources":["../../../src/atom/input-select/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport interface Option {\n  value: string;\n  label: string;\n  icon?: string | null;\n}\n\nexport interface InputSelectProps {\n  options: Option[];\n  value?: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  className?: string;\n  'aria-label'?: string;\n  iconClosed?: string;\n  selectedIcon?: string;\n}\n\nconst optionPropTypes = {\n  value: PropTypes.string.isRequired,\n  label: PropTypes.string.isRequired,\n  icon: PropTypes.string\n};\n\nexport const propTypes = {\n  options: PropTypes.arrayOf(PropTypes.exact(optionPropTypes).isRequired).isRequired,\n  value: PropTypes.string,\n  onChange: PropTypes.func.isRequired,\n  placeholder: PropTypes.string,\n  className: PropTypes.string,\n  'aria-label': PropTypes.string,\n  iconClosed: PropTypes.string,\n  selectedIcon: PropTypes.string\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAmBlC,MAAMC,eAAe,GAAG;EACtBC,KAAK,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;EAClCC,KAAK,EAAEL,SAAS,CAACG,MAAM,CAACC,UAAU;EAClCE,IAAI,EAAEN,SAAS,CAACG;AAClB,CAAC;AAED,OAAO,MAAMI,SAAS,GAAG;EACvBC,OAAO,EAAER,SAAS,CAACS,OAAO,CAACT,SAAS,CAACU,KAAK,CAACT,eAAe,CAAC,CAACG,UAAU,CAAC,CAACA,UAAU;EAClFF,KAAK,EAAEF,SAAS,CAACG,MAAM;EACvBQ,QAAQ,EAAEX,SAAS,CAACY,IAAI,CAACR,UAAU;EACnCS,WAAW,EAAEb,SAAS,CAACG,MAAM;EAC7BW,SAAS,EAAEd,SAAS,CAACG,MAAM;EAC3B,YAAY,EAAEH,SAAS,CAACG,MAAM;EAC9BY,UAAU,EAAEf,SAAS,CAACG,MAAM;EAC5Ba,YAAY,EAAEhB,SAAS,CAACG;AAC1B,CAAC","ignoreList":[]}

package/es/atom/input-switch/index.d.ts

@@ -17,6 +17,7 @@ declare namespace InputSwitch {
         details: PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
         requiredSelection: PropTypes.Requireable<boolean>;
+        icon: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/es/atom/input-switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-switch/index.js"],"names":[],"mappings":";AAMA,sDAsFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-switch/index.js"],"names":[],"mappings":";AAOA,sDA8FC"}

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

@@ -3,6 +3,7 @@ import _noop from "lodash/fp/noop";
 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 } from 'react';
 import PropTypes from 'prop-types';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import getClassState from '../../util/get-class-state';
 import style from './style.css';
 const InputSwitch = props => {
@@ -21,15 +22,21 @@ const InputSwitch = props => {
     requiredSelection = false,
     'data-name': dataName,
     'aria-labelledby': ariaLabelledBy,
-    'aria-label': ariaLabel
+    'aria-label': ariaLabel,
+    icon
   } = props;
   const idSwitch = id || _uniqueId('input-switch-');
   const isDisabled = disabled ? 'disabled' : '';
   const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);
-  const titleView = title ? /*#__PURE__*/React.createElement("span", {
+  const titleView = title ? /*#__PURE__*/React.createElement("div", {
+    className: icon ? style.titleContainer : null
+  }, icon ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: icon,
+    className: style.icon
+  }) : null, /*#__PURE__*/React.createElement("span", {
     id: `title-view-${dataName}`,
     className: style.title
-  }, `${title} `, ' ') : null;
+  }, title)) : null;
   const descriptionView = description ? /*#__PURE__*/React.createElement("div", {
     className: style.description
   }, description) : null;
@@ -40,6 +47,11 @@ const InputSwitch = props => {
           defaultClass: style.coorpmanager,
           modifiedClass: style.coorpmanagerModified
         };
+      case 'newMooc':
+        return {
+          defaultClass: style.newMooc,
+          modifiedClass: style.newMoocModified
+        };
       case 'mooc':
         return {
           defaultClass: style.partielUncheck,
@@ -103,10 +115,11 @@ InputSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': PropTypes.string,
   modified: PropTypes.bool,
   titlePosition: PropTypes.oneOf(['right', 'left']),
-  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),
+  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc', 'newMooc']),
   details: PropTypes.string,
   'data-name': PropTypes.string,
-  requiredSelection: PropTypes.bool
+  requiredSelection: PropTypes.bool,
+  icon: PropTypes.string
 } : {};
 export default InputSwitch;
 //# sourceMappingURL=index.js.map

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","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":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","FontAwesomeIcon","getClassState","style","InputSwitch","props","title","name","id","value","disabled","onChange","_noop","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","icon","idSwitch","_uniqueId","isDisabled","handleChange","e","target","checked","titleView","createElement","className","titleContainer","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","newMooc","newMoocModified","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 {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\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    icon\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  const titleView = title ? (\n    <div className={icon ? style.titleContainer : null}>\n      {icon ? <FontAwesomeIcon icon={icon} className={style.icon} /> : null}\n      <span id={`title-view-${dataName}`} className={style.title}>\n        {title}\n      </span>\n    </div>\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 'newMooc':\n        return {\n          defaultClass: style.newMooc,\n          modifiedClass: style.newMoocModified\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', 'newMooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool,\n  icon: PropTypes.string\n};\nexport default InputSwitch;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,eAAe,QAAO,gCAAgC;AAC9D,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,EAAE;IACFC,KAAK;IACLC,QAAQ;IACRC,QAAQ,GAAAC,KAAO;IACfC,WAAW;IACXC,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAG,SAAS;IACjBC,aAAa,GAAG,MAAM;IACtBC,OAAO,GAAG,EAAE;IACZC,iBAAiB,GAAG,KAAK;IACzB,WAAW,EAAEC,QAAQ;IACrB,iBAAiB,EAAEC,cAAc;IACjC,YAAY,EAAEC,SAAS;IACvBC;EACF,CAAC,GAAGjB,KAAK;EAET,MAAMkB,QAAQ,GAAGf,EAAE,IAAIgB,SAAA,CAAS,eAAe,CAAC;EAChD,MAAMC,UAAU,GAAGf,QAAQ,GAAG,UAAU,GAAG,EAAE;EAC7C,MAAMgB,YAAY,GAAG3B,OAAO,CAAC,MAAM4B,CAAC,IAAIhB,QAAQ,CAACgB,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC,EAAE,CAAClB,QAAQ,CAAC,CAAC;EAC/E,MAAMmB,SAAS,GAAGxB,KAAK,gBACrBR,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAEV,IAAI,GAAGnB,KAAK,CAAC8B,cAAc,GAAG;EAAK,GAChDX,IAAI,gBAAGxB,KAAA,CAAAiC,aAAA,CAAC9B,eAAe;IAACqB,IAAI,EAAEA,IAAK;IAACU,SAAS,EAAE7B,KAAK,CAACmB;EAAK,CAAE,CAAC,GAAG,IAAI,eACrExB,KAAA,CAAAiC,aAAA;IAAMvB,EAAE,EAAE,cAAcW,QAAQ,EAAG;IAACa,SAAS,EAAE7B,KAAK,CAACG;EAAM,GACxDA,KACG,CACH,CAAC,GACJ,IAAI;EAER,MAAM4B,eAAe,GAAGrB,WAAW,gBACjCf,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAE7B,KAAK,CAACU;EAAY,GAAEA,WAAiB,CAAC,GACpD,IAAI;EAER,MAAMsB,QAAQ,GAAGA,CAAA,KAAM;IACrB,QAAQpB,KAAK;MACX,KAAK,cAAc;QACjB,OAAO;UACLqB,YAAY,EAAEjC,KAAK,CAACkC,YAAY;UAChCC,aAAa,EAAEnC,KAAK,CAACoC;QACvB,CAAC;MACH,KAAK,SAAS;QACZ,OAAO;UACLH,YAAY,EAAEjC,KAAK,CAACqC,OAAO;UAC3BF,aAAa,EAAEnC,KAAK,CAACsC;QACvB,CAAC;MACH,KAAK,MAAM;QACT,OAAO;UACLL,YAAY,EAAEjC,KAAK,CAACuC,cAAc;UAClCJ,aAAa,EAAEnC,KAAK,CAACoC;QACvB,CAAC;MACH;QACE,OAAO;UAACH,YAAY,EAAEjC,KAAK,CAACwC,YAAY;UAAEL,aAAa,EAAEnC,KAAK,CAACW;QAAQ,CAAC;IAC5E;EACF,CAAC;EACD,MAAM;IAACsB,YAAY;IAAEE;EAAa,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAChD,MAAMH,SAAS,GAAG9B,aAAa,CAACkC,YAAY,EAAEE,aAAa,EAAE,IAAI,EAAExB,QAAQ,CAAC;EAE5E,oBACEhB,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAEA,SAAU;IAAC,aAAW,gBAAgBjB,KAAK,GAAGI,QAAQ;EAAG,GACtEH,aAAa,KAAK,MAAM,GAAGc,SAAS,GAAG,IAAI,eAC5ChC,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAEd,iBAAiB,GAAGf,KAAK,CAACe,iBAAiB,GAAG;EAAK,gBACjEpB,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAE7B,KAAK,CAACyC;EAAmB,gBACvC9C,KAAA,CAAAiC,aAAA,UAAAc,QAAA,KACOzB,cAAc,GAAG;IAAC,iBAAiB,EAAEA;EAAc,CAAC,GAAG,CAAC,CAAC,EACzDd,KAAK,GAAG;IAAC,iBAAiB,EAAE,cAAca,QAAQ;EAAE,CAAC,GAAG,CAAC,CAAC,EAC1DE,SAAS,IAAI,CAACD,cAAc,IAAI,CAACd,KAAK,GAAG;IAAC,YAAY,EAAEe;EAAS,CAAC,GAAG,CAAC,CAAC;IAC5EyB,IAAI,EAAC,UAAU;IACftC,EAAE,EAAEe,QAAS;IACbhB,IAAI,EAAEA,IAAK;IACXI,QAAQ,EAAEe,YAAa;IACvBG,OAAO,EAAEpB,KAAM;IACfC,QAAQ,EAAEe,UAAW;IACrBO,SAAS,EAAE7B,KAAK,CAAC4C,QAAS;IAC1B,mBAAiB3B;EAAe,EACjC,CAAC,eACFtB,KAAA,CAAAiC,aAAA;IACEiB,OAAO,EAAEzB,QAAS;IAClB,aAAU,oBAAoB;IAC9B0B,QAAQ,EAAE,CAAE;IACZ,cAAY5B,SAAU;IACtBf,KAAK,EAAEe;EAAU,CAClB,CACE,CACF,CAAC,eACNvB,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAE,CAACf,OAAO,GAAGd,KAAK,CAAC+C,oBAAoB,GAAG;EAAK,GAC1DlC,aAAa,KAAK,OAAO,GAAGc,SAAS,GAAG,IAAI,EAC5Cb,OAAO,gBAAGnB,KAAA,CAAAiC,aAAA;IAAKC,SAAS,EAAE7B,KAAK,CAACgD;EAAW,GAAElC,OAAa,CAAC,GAAG,IAC5D,CAAC,EACLiB,eACE,CAAC;AAEV,CAAC;AAED9B,WAAW,CAACgD,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBjD,KAAK,EAAEN,SAAS,CAACwD,MAAM;EACvBjD,IAAI,EAAEP,SAAS,CAACwD,MAAM;EACtBhD,EAAE,EAAER,SAAS,CAACwD,MAAM;EACpB/C,KAAK,EAAET,SAAS,CAACyD,IAAI;EACrB/C,QAAQ,EAAEV,SAAS,CAACyD,IAAI;EACxB9C,QAAQ,EAAEX,SAAS,CAAC0D,IAAI;EACxB7C,WAAW,EAAEb,SAAS,CAACwD,MAAM;EAC7B,iBAAiB,EAAExD,SAAS,CAACwD,MAAM;EACnC,YAAY,EAAExD,SAAS,CAACwD,MAAM;EAC9B1C,QAAQ,EAAEd,SAAS,CAACyD,IAAI;EACxBzC,aAAa,EAAEhB,SAAS,CAAC2D,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EACjD5C,KAAK,EAAEf,SAAS,CAAC2D,KAAK,CAAC,CAAC,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;EACtE1C,OAAO,EAAEjB,SAAS,CAACwD,MAAM;EACzB,WAAW,EAAExD,SAAS,CAACwD,MAAM;EAC7BtC,iBAAiB,EAAElB,SAAS,CAACyD,IAAI;EACjCnC,IAAI,EAAEtB,SAAS,CAACwD;AAClB,CAAC;AACD,eAAepD,WAAW","ignoreList":[]}

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

@@ -1,4 +1,6 @@
 @value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value tablet from breakpoints;
 @value orange from colors;
 @value medium from colors;
 @value white from colors;
@@ -9,6 +11,7 @@
 @value black from colors;
 @value cm_primary_blue from colors;
 @value light_blue from colors;
+@value cm_grey_700 from colors;
 
 .defaultStyle {
   display: flex;
@@ -208,3 +211,75 @@
   border-color: cm_primary_blue;
   opacity: 0.4;
 }
+
+.newMooc {
+  composes: defaultStyle;
+  width: 100%;
+}
+
+.newMoocModified {
+  composes: modified;
+}
+
+.newMooc label, .newMoocModified label {
+  height: 24px;
+  border: solid 2px cm_grey_200;
+  margin-right: 16px;
+  background: cm_grey_200;
+}
+
+.newMooc label::after, .newMoocModified label::after {
+  top: 1px;
+  width: 22px;
+  height: 22px;
+}
+
+.newMooc span, .newMoocModified span {
+  font-family: Gilroy;
+  font-weight: bold;
+  color: black;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+  color: cm_grey_700;
+}
+
+.newMooc .checkbox:checked ~ label {
+  background: cm_primary_blue;
+  border-color: cm_primary_blue;
+}
+
+.newMooc .checkbox:disabled ~ label {
+  border-color: cm_grey_200;
+  pointer-events: none;
+  background: cm_grey_200;
+  opacity: 0.4;
+}
+
+.newMooc .checkbox:disabled ~ label::after {
+  background: white;
+}
+
+.titleContainer {
+  display: flex;
+  align-items: center;
+  align-content: flex-start;
+  justify-content: center;
+  gap: 8px;
+  flex: 1;
+}
+
+.titleContainer .title { 
+  width: 100%;
+}
+
+.icon {
+  width: 14px;
+  height: 14px;
+}
+
+@media tablet {
+  .icon {
+    display: none;
+  }
+}

package/es/atom/link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,mEAwEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,mEA2EC"}

package/es/atom/link/index.js

@@ -25,6 +25,7 @@ const Link = (props, legacyContext) => {
     onMouseLeave = _noop,
     download,
     disabled,
+    className,
     ...restProps
   } = props;
   const navigate = useMemo(() => pushToHistory(legacyContext)({
@@ -59,6 +60,7 @@ const Link = (props, legacyContext) => {
     type: "button",
     onClick: disabled ? _noop : handleOnClick,
     style: style,
+    className: className,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   }), children) : /*#__PURE__*/React.createElement("a", _extends({}, restProps, {
@@ -66,6 +68,7 @@ const Link = (props, legacyContext) => {
     href: disabled || !href ? undefined : createHref(href),
     onClick: disabled ? _noop : handleOnClick,
     style: style,
+    className: className,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   }), children);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","Provider","pushToHistory","Link","props","legacyContext","hovered","setHovered","history","createHref","_identity","hoverColor","hoverBackgroundColor","dataName","useButtonTag","href","onClick","_noop","style","customStyle","children","onMouseEnter","onMouseLeave","download","disabled","restProps","navigate","handleMouseEnter","handleMouseLeave","handleOnClick","e","backgroundColor","undefined","color","pointerEvents","createElement","_extends","type","propTypes","process","env","NODE_ENV","node","className","string","title","target","oneOf","bool","func","shape","contextTypes","skin","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, noop} from 'lodash/fp';\nimport Provider from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n\n  const {\n    hoverColor,\n    hoverBackgroundColor,\n    'data-name': dataName = 'link',\n    useButtonTag = false,\n    href,\n    onClick = noop,\n    style: customStyle,\n    children,\n    onMouseEnter = noop,\n    onMouseLeave = noop,\n    download,\n    disabled,\n    ...restProps\n  } = props;\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n      if (!download) navigate(e);\n    },\n    [download, navigate, onClick]\n  );\n\n  const style = {\n    ...customStyle,\n    ...(hovered && hoverBackgroundColor ? {backgroundColor: hoverBackgroundColor} : undefined),\n    ...(hovered && hoverColor ? {color: hoverColor} : undefined),\n    ...(href || onClick ? null : {pointerEvents: 'none'})\n  };\n\n  return useButtonTag ? (\n    <button\n      {...restProps}\n      data-name={dataName}\n      type=\"button\"\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </button>\n  ) : (\n    <a\n      {...restProps}\n      data-name={dataName}\n      href={disabled || !href ? undefined : createHref(href)}\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  hoverColor: PropTypes.string,\n  hoverBackgroundColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  useButtonTag: PropTypes.bool,\n  style: PropTypes.shape({}),\n  disabled: PropTypes.bool\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","Provider","pushToHistory","Link","props","legacyContext","hovered","setHovered","history","createHref","_identity","hoverColor","hoverBackgroundColor","dataName","useButtonTag","href","onClick","_noop","style","customStyle","children","onMouseEnter","onMouseLeave","download","disabled","className","restProps","navigate","handleMouseEnter","handleMouseLeave","handleOnClick","e","backgroundColor","undefined","color","pointerEvents","createElement","_extends","type","propTypes","process","env","NODE_ENV","node","string","title","target","oneOf","bool","func","shape","contextTypes","skin","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, noop} from 'lodash/fp';\nimport Provider from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n\n  const {\n    hoverColor,\n    hoverBackgroundColor,\n    'data-name': dataName = 'link',\n    useButtonTag = false,\n    href,\n    onClick = noop,\n    style: customStyle,\n    children,\n    onMouseEnter = noop,\n    onMouseLeave = noop,\n    download,\n    disabled,\n    className,\n    ...restProps\n  } = props;\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n      if (!download) navigate(e);\n    },\n    [download, navigate, onClick]\n  );\n\n  const style = {\n    ...customStyle,\n    ...(hovered && hoverBackgroundColor ? {backgroundColor: hoverBackgroundColor} : undefined),\n    ...(hovered && hoverColor ? {color: hoverColor} : undefined),\n    ...(href || onClick ? null : {pointerEvents: 'none'})\n  };\n\n  return useButtonTag ? (\n    <button\n      {...restProps}\n      data-name={dataName}\n      type=\"button\"\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      className={className}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </button>\n  ) : (\n    <a\n      {...restProps}\n      data-name={dataName}\n      href={disabled || !href ? undefined : createHref(href)}\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      className={className}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  hoverColor: PropTypes.string,\n  hoverBackgroundColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  useButtonTag: PropTypes.bool,\n  style: PropTypes.shape({}),\n  disabled: PropTypes.bool\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/cm-popin/types.d.ts

@@ -149,6 +149,7 @@ declare const propTypes: {
         details: PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
         requiredSelection: PropTypes.Requireable<boolean>;
+        icon: PropTypes.Requireable<string>;
     }> | null | undefined)[]>;
     items: PropTypes.Requireable<PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;