@coorpacademy/components 11.11.8 → 11.11.9-alpha.5

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

@@ -4,6 +4,7 @@
 @value white from colors;
 @value light from colors;
 @value dark from colors;
+@value positive from colors;
 @value cm_grey_200 from colors;
 @value black from colors;
 @value cm_primary_blue from colors;
@@ -78,7 +79,7 @@
 }
 
 .checkbox:checked ~ label {
-  background: cm_primary_blue;
+  background: positive;
 }
 
 .default input:checked ~ label::after {

package/es/atom/select/style.css

@@ -410,6 +410,7 @@ div.player:hover span.selectSpan {
   height: 35px;
   border: 0;
   width: inherit;
+  background-color: light;
 }
 
 .mooc select {

package/es/molecule/errors-table/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const ErrorsTable: {
+    (props: Props): JSX.Element;
+    propTypes: {
+        columns: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            title: import("prop-types").Validator<string>;
+        }> | null | undefined)[]>;
+        rows: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            fields: import("prop-types").Requireable<(string | null | undefined)[]>;
+        }> | null | undefined)[]>;
+        ariaDescribedby: import("prop-types").Requireable<string>;
+    };
+};
+export default ErrorsTable;
+//# sourceMappingURL=index.d.ts.map

package/es/molecule/errors-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/errors-table/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,KAAK,EAAY,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,WAAW;YAAW,KAAK;;;;;;;;;;CAuDhC,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/es/molecule/errors-table/index.js

@@ -0,0 +1,58 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/* eslint-disable css-modules/no-unused-class */
+import React from 'react';
+import classnames from 'classnames';
+import style from './style.css';
+import { propTypes } from './types';
+
+const ErrorsTable = props => {
+  const {
+    columns = [],
+    rows = [],
+    ariaDescribedby
+  } = props;
+  const headerRow = columns.map((column, cIndex) => {
+    const {
+      title
+    } = column;
+    return /*#__PURE__*/React.createElement("th", {
+      className: classnames(style[`header-${cIndex + 1}`]),
+      key: `${title}-${cIndex + 1}`,
+      role: "columnheader"
+    }, /*#__PURE__*/React.createElement("div", null, title));
+  });
+  const headerView = [/*#__PURE__*/React.createElement("th", {
+    className: classnames(style[`header-0`]),
+    key: "header"
+  }, /*#__PURE__*/React.createElement("div", null, " ", ''))].concat(headerRow);
+  const bodyView = rows.map((row, index) => {
+    const {
+      fields = []
+    } = row;
+    const bodyRow = fields.map((field, fIndex) => {
+      return /*#__PURE__*/React.createElement("td", {
+        className: classnames(style.col, style[`col-${fIndex + 1}`]),
+        key: `${field}-${fIndex}`
+      }, field || '');
+    });
+    bodyRow.unshift( /*#__PURE__*/React.createElement("td", {
+      className: classnames(style.col, style[`col-0`]),
+      key: "header"
+    }, index + 1));
+    return /*#__PURE__*/React.createElement("tr", {
+      key: `line-${index}`
+    }, bodyRow);
+  });
+  return /*#__PURE__*/React.createElement("table", _extends({}, ariaDescribedby ? {
+    'aria-describedby': ariaDescribedby
+  } : {}, {
+    className: style.table
+  }), /*#__PURE__*/React.createElement("thead", {
+    className: style.thead
+  }, /*#__PURE__*/React.createElement("tr", null, headerView)), /*#__PURE__*/React.createElement("tbody", null, bodyView));
+};
+
+ErrorsTable.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default ErrorsTable;
+//# sourceMappingURL=index.js.map

package/es/molecule/errors-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","classnames","style","propTypes","ErrorsTable","props","columns","rows","ariaDescribedby","headerRow","map","column","cIndex","title","headerView","concat","bodyView","row","index","fields","bodyRow","field","fIndex","col","unshift","table","thead"],"sources":["../../../src/molecule/errors-table/index.tsx"],"sourcesContent":["/* eslint-disable css-modules/no-unused-class */\nimport React from 'react';\nimport classnames from 'classnames';\nimport style from './style.css';\nimport {Props, propTypes} from './types';\n\nconst ErrorsTable = (props: Props) => {\n  const {columns = [], rows = [], ariaDescribedby} = props;\n\n  const headerRow = columns.map((column, cIndex) => {\n    const {title} = column;\n    return (\n      <th\n        className={classnames(style[`header-${cIndex + 1}`])}\n        key={`${title}-${cIndex + 1}`}\n        role=\"columnheader\"\n      >\n        <div>{title}</div>\n      </th>\n    );\n  });\n\n  const headerView = [\n    <th className={classnames(style[`header-0`])} key=\"header\">\n      <div> {''}</div>\n    </th>\n  ].concat(headerRow);\n\n  const bodyView = rows.map((row, index) => {\n    const {fields = []} = row;\n\n    const bodyRow = fields.map((field: string, fIndex: number) => {\n      return (\n        <td\n          className={classnames(style.col, style[`col-${fIndex + 1}`])}\n          key={`${field}-${fIndex}`}\n        >\n          {field || ''}\n        </td>\n      );\n    });\n    bodyRow.unshift(\n      <td className={classnames(style.col, style[`col-0`])} key=\"header\">\n        {index + 1}\n      </td>\n    );\n\n    return <tr key={`line-${index}`}>{bodyRow}</tr>;\n  });\n\n  return (\n    <table\n      {...(ariaDescribedby ? {'aria-describedby': ariaDescribedby} : {})}\n      className={style.table}\n    >\n      <thead className={style.thead}>\n        <tr>{headerView}</tr>\n      </thead>\n      <tbody>{bodyView}</tbody>\n    </table>\n  );\n};\n\nErrorsTable.propTypes = propTypes;\n\nexport default ErrorsTable;\n"],"mappings":";;AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAeC,SAAf,QAA+B,SAA/B;;AAEA,MAAMC,WAAW,GAAIC,KAAD,IAAkB;EACpC,MAAM;IAACC,OAAO,GAAG,EAAX;IAAeC,IAAI,GAAG,EAAtB;IAA0BC;EAA1B,IAA6CH,KAAnD;EAEA,MAAMI,SAAS,GAAGH,OAAO,CAACI,GAAR,CAAY,CAACC,MAAD,EAASC,MAAT,KAAoB;IAChD,MAAM;MAACC;IAAD,IAAUF,MAAhB;IACA,oBACE;MACE,SAAS,EAAEV,UAAU,CAACC,KAAK,CAAE,UAASU,MAAM,GAAG,CAAE,EAAtB,CAAN,CADvB;MAEE,GAAG,EAAG,GAAEC,KAAM,IAAGD,MAAM,GAAG,CAAE,EAF9B;MAGE,IAAI,EAAC;IAHP,gBAKE,iCAAMC,KAAN,CALF,CADF;EASD,CAXiB,CAAlB;EAaA,MAAMC,UAAU,GAAG,cACjB;IAAI,SAAS,EAAEb,UAAU,CAACC,KAAK,CAAE,UAAF,CAAN,CAAzB;IAA8C,GAAG,EAAC;EAAlD,gBACE,sCAAO,EAAP,CADF,CADiB,EAIjBa,MAJiB,CAIVN,SAJU,CAAnB;EAMA,MAAMO,QAAQ,GAAGT,IAAI,CAACG,GAAL,CAAS,CAACO,GAAD,EAAMC,KAAN,KAAgB;IACxC,MAAM;MAACC,MAAM,GAAG;IAAV,IAAgBF,GAAtB;IAEA,MAAMG,OAAO,GAAGD,MAAM,CAACT,GAAP,CAAW,CAACW,KAAD,EAAgBC,MAAhB,KAAmC;MAC5D,oBACE;QACE,SAAS,EAAErB,UAAU,CAACC,KAAK,CAACqB,GAAP,EAAYrB,KAAK,CAAE,OAAMoB,MAAM,GAAG,CAAE,EAAnB,CAAjB,CADvB;QAEE,GAAG,EAAG,GAAED,KAAM,IAAGC,MAAO;MAF1B,GAIGD,KAAK,IAAI,EAJZ,CADF;IAQD,CATe,CAAhB;IAUAD,OAAO,CAACI,OAAR,eACE;MAAI,SAAS,EAAEvB,UAAU,CAACC,KAAK,CAACqB,GAAP,EAAYrB,KAAK,CAAE,OAAF,CAAjB,CAAzB;MAAsD,GAAG,EAAC;IAA1D,GACGgB,KAAK,GAAG,CADX,CADF;IAMA,oBAAO;MAAI,GAAG,EAAG,QAAOA,KAAM;IAAvB,GAA2BE,OAA3B,CAAP;EACD,CApBgB,CAAjB;EAsBA,oBACE,0CACOZ,eAAe,GAAG;IAAC,oBAAoBA;EAArB,CAAH,GAA2C,EADjE;IAEE,SAAS,EAAEN,KAAK,CAACuB;EAFnB,iBAIE;IAAO,SAAS,EAAEvB,KAAK,CAACwB;EAAxB,gBACE,gCAAKZ,UAAL,CADF,CAJF,eAOE,mCAAQE,QAAR,CAPF,CADF;AAWD,CAvDD;;AAyDAZ,WAAW,CAACD,SAAZ,2CAAwBA,SAAxB;AAEA,eAAeC,WAAf"}

package/es/molecule/errors-table/style.css

@@ -0,0 +1,64 @@
+@value colors: "../../variables/colors.css";
+@value xtraLightGrey from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_700 from colors;
+@value cm_negative_red_200 from colors;
+@value light from colors;
+
+.table {
+  border: 1px solid light;
+  font-family: 'Gilroy';
+  font-style: normal;
+  border-spacing: 0;
+  border-radius: 8px;
+  overflow: hidden;
+  width: 100%;
+}
+
+.table .thead {
+  background-color: xtraLightGrey;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 24px;
+  color: cm_grey_400;
+  height: 40px;
+  overflow: hidden;
+  text-align: left; 
+}
+
+.table .col {
+  text-align: left; 
+  padding-top: 8px;
+  padding-bottom: 8px;
+  position: relative;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 16px;
+  color: cm_grey_700;
+  border-top: 1px solid light;
+}
+
+.table .header-0 {
+  width: 57px;
+}
+
+.table .header-1 {
+  width: 182px;
+}
+
+.table .col-2 {
+  color: cm_negative_red_200;
+}
+
+.table .col-1 {
+  width: 182px;
+}
+
+.table .col-0 {
+  text-align: center;
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 16px;
+  width: 57px;
+  color: cm_grey_400;
+}

package/es/molecule/errors-table/types.d.ts

@@ -0,0 +1,24 @@
+import PropTypes from 'prop-types';
+export declare const propTypes: {
+    columns: PropTypes.Requireable<(PropTypes.InferProps<{
+        title: PropTypes.Validator<string>;
+    }> | null | undefined)[]>;
+    rows: PropTypes.Requireable<(PropTypes.InferProps<{
+        fields: PropTypes.Requireable<(string | null | undefined)[]>;
+    }> | null | undefined)[]>;
+    ariaDescribedby: PropTypes.Requireable<string>;
+};
+export declare type Column = {
+    title: string;
+};
+export declare type Row = {
+    fields: string[];
+};
+export declare type Columns = [Column, Column];
+export declare type Rows = Row[];
+export declare type Props = {
+    columns: Columns;
+    rows: Rows;
+    ariaDescribedby?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/es/molecule/errors-table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/errors-table/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAUnC,eAAO,MAAM,SAAS;;;;;;;;CAIrB,CAAC;AAEF,oBAAY,MAAM,GAAG;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AACrC,oBAAY,GAAG,GAAG;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAC,CAAC;AACrC,oBAAY,OAAO,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACvC,oBAAY,IAAI,GAAG,GAAG,EAAE,CAAC;AAEzB,oBAAY,KAAK,GAAG;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC"}

package/es/molecule/errors-table/types.js

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+const columnProptypes = PropTypes.shape({
+  title: PropTypes.string.isRequired
+});
+const rowProptypes = PropTypes.shape({
+  fields: PropTypes.arrayOf(PropTypes.string)
+});
+export const propTypes = {
+  columns: PropTypes.arrayOf(columnProptypes),
+  rows: PropTypes.arrayOf(rowProptypes),
+  ariaDescribedby: PropTypes.string
+};
+//# sourceMappingURL=types.js.map

package/es/molecule/errors-table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","columnProptypes","shape","title","string","isRequired","rowProptypes","fields","arrayOf","propTypes","columns","rows","ariaDescribedby"],"sources":["../../../src/molecule/errors-table/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst columnProptypes = PropTypes.shape({\n  title: PropTypes.string.isRequired\n});\n\nconst rowProptypes = PropTypes.shape({\n  fields: PropTypes.arrayOf(PropTypes.string)\n});\n\nexport const propTypes = {\n  columns: PropTypes.arrayOf(columnProptypes),\n  rows: PropTypes.arrayOf(rowProptypes),\n  ariaDescribedby: PropTypes.string\n};\n\nexport type Column = {title: string};\nexport type Row = {fields: string[]};\nexport type Columns = [Column, Column];\nexport type Rows = Row[];\n\nexport type Props = {\n  columns: Columns;\n  rows: Rows;\n  ariaDescribedby?: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,eAAe,GAAGD,SAAS,CAACE,KAAV,CAAgB;EACtCC,KAAK,EAAEH,SAAS,CAACI,MAAV,CAAiBC;AADc,CAAhB,CAAxB;AAIA,MAAMC,YAAY,GAAGN,SAAS,CAACE,KAAV,CAAgB;EACnCK,MAAM,EAAEP,SAAS,CAACQ,OAAV,CAAkBR,SAAS,CAACI,MAA5B;AAD2B,CAAhB,CAArB;AAIA,OAAO,MAAMK,SAAS,GAAG;EACvBC,OAAO,EAAEV,SAAS,CAACQ,OAAV,CAAkBP,eAAlB,CADc;EAEvBU,IAAI,EAAEX,SAAS,CAACQ,OAAV,CAAkBF,YAAlB,CAFiB;EAGvBM,eAAe,EAAEZ,SAAS,CAACI;AAHJ,CAAlB"}

package/es/molecule/filters/filters-wapper.css

@@ -39,7 +39,6 @@
 .title {
   color: dark;
   margin: 0;
-  margin-bottom: 10px;
   display: block;
   font-family: "Gilroy";
   font-size: 15px;

package/es/organism/mooc-header/style.css

@@ -482,12 +482,14 @@
 
 .languageSelect {
   width: 98%;
+  height: 30px;
 }
 
-.setting:nth-child(1) {
+.setting:nth-child(-n+2) {
   flex-direction: column;
   height: 60px;
   align-items: baseline;
+  margin-top: 10px;
 }
 
 .setting .label {

package/es/variables/colors.css

@@ -63,6 +63,7 @@
 @value cm_yellow_200: #DB9200;
 @value cm_yellow_400: #bd7e00;
 @value cm_red_200: #FF4040;
+@value cm_negative_red_200: #ED3436;
 @value cm_red_video: #E8335E;
 @value cm_violet_podcast: #432ba7;
 @value cm_warning_50: rgba(255, 192, 67, 0.13);

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

@@ -4,6 +4,7 @@
 @value white from colors;
 @value light from colors;
 @value dark from colors;
+@value positive from colors;
 @value cm_grey_200 from colors;
 @value black from colors;
 @value cm_primary_blue from colors;
@@ -78,7 +79,7 @@
 }
 
 .checkbox:checked ~ label {
-  background: cm_primary_blue;
+  background: positive;
 }
 
 .default input:checked ~ label::after {

package/lib/atom/select/style.css

@@ -410,6 +410,7 @@ div.player:hover span.selectSpan {
   height: 35px;
   border: 0;
   width: inherit;
+  background-color: light;
 }
 
 .mooc select {

package/lib/molecule/errors-table/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const ErrorsTable: {
+    (props: Props): JSX.Element;
+    propTypes: {
+        columns: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            title: import("prop-types").Validator<string>;
+        }> | null | undefined)[]>;
+        rows: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            fields: import("prop-types").Requireable<(string | null | undefined)[]>;
+        }> | null | undefined)[]>;
+        ariaDescribedby: import("prop-types").Requireable<string>;
+    };
+};
+export default ErrorsTable;
+//# sourceMappingURL=index.d.ts.map

package/lib/molecule/errors-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/errors-table/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,KAAK,EAAY,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,WAAW;YAAW,KAAK;;;;;;;;;;CAuDhC,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/lib/molecule/errors-table/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+var _types = require("./types");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const ErrorsTable = props => {
+  const {
+    columns = [],
+    rows = [],
+    ariaDescribedby
+  } = props;
+  const headerRow = columns.map((column, cIndex) => {
+    const {
+      title
+    } = column;
+    return /*#__PURE__*/_react.default.createElement("th", {
+      className: (0, _classnames.default)(_style.default[`header-${cIndex + 1}`]),
+      key: `${title}-${cIndex + 1}`,
+      role: "columnheader"
+    }, /*#__PURE__*/_react.default.createElement("div", null, title));
+  });
+  const headerView = [/*#__PURE__*/_react.default.createElement("th", {
+    className: (0, _classnames.default)(_style.default[`header-0`]),
+    key: "header"
+  }, /*#__PURE__*/_react.default.createElement("div", null, " ", ''))].concat(headerRow);
+  const bodyView = rows.map((row, index) => {
+    const {
+      fields = []
+    } = row;
+    const bodyRow = fields.map((field, fIndex) => {
+      return /*#__PURE__*/_react.default.createElement("td", {
+        className: (0, _classnames.default)(_style.default.col, _style.default[`col-${fIndex + 1}`]),
+        key: `${field}-${fIndex}`
+      }, field || '');
+    });
+    bodyRow.unshift( /*#__PURE__*/_react.default.createElement("td", {
+      className: (0, _classnames.default)(_style.default.col, _style.default[`col-0`]),
+      key: "header"
+    }, index + 1));
+    return /*#__PURE__*/_react.default.createElement("tr", {
+      key: `line-${index}`
+    }, bodyRow);
+  });
+  return /*#__PURE__*/_react.default.createElement("table", _extends({}, ariaDescribedby ? {
+    'aria-describedby': ariaDescribedby
+  } : {}, {
+    className: _style.default.table
+  }), /*#__PURE__*/_react.default.createElement("thead", {
+    className: _style.default.thead
+  }, /*#__PURE__*/_react.default.createElement("tr", null, headerView)), /*#__PURE__*/_react.default.createElement("tbody", null, bodyView));
+};
+
+ErrorsTable.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
+var _default = ErrorsTable;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/errors-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ErrorsTable","props","columns","rows","ariaDescribedby","headerRow","map","column","cIndex","title","classnames","style","headerView","concat","bodyView","row","index","fields","bodyRow","field","fIndex","col","unshift","table","thead","propTypes"],"sources":["../../../src/molecule/errors-table/index.tsx"],"sourcesContent":["/* eslint-disable css-modules/no-unused-class */\nimport React from 'react';\nimport classnames from 'classnames';\nimport style from './style.css';\nimport {Props, propTypes} from './types';\n\nconst ErrorsTable = (props: Props) => {\n  const {columns = [], rows = [], ariaDescribedby} = props;\n\n  const headerRow = columns.map((column, cIndex) => {\n    const {title} = column;\n    return (\n      <th\n        className={classnames(style[`header-${cIndex + 1}`])}\n        key={`${title}-${cIndex + 1}`}\n        role=\"columnheader\"\n      >\n        <div>{title}</div>\n      </th>\n    );\n  });\n\n  const headerView = [\n    <th className={classnames(style[`header-0`])} key=\"header\">\n      <div> {''}</div>\n    </th>\n  ].concat(headerRow);\n\n  const bodyView = rows.map((row, index) => {\n    const {fields = []} = row;\n\n    const bodyRow = fields.map((field: string, fIndex: number) => {\n      return (\n        <td\n          className={classnames(style.col, style[`col-${fIndex + 1}`])}\n          key={`${field}-${fIndex}`}\n        >\n          {field || ''}\n        </td>\n      );\n    });\n    bodyRow.unshift(\n      <td className={classnames(style.col, style[`col-0`])} key=\"header\">\n        {index + 1}\n      </td>\n    );\n\n    return <tr key={`line-${index}`}>{bodyRow}</tr>;\n  });\n\n  return (\n    <table\n      {...(ariaDescribedby ? {'aria-describedby': ariaDescribedby} : {})}\n      className={style.table}\n    >\n      <thead className={style.thead}>\n        <tr>{headerView}</tr>\n      </thead>\n      <tbody>{bodyView}</tbody>\n    </table>\n  );\n};\n\nErrorsTable.propTypes = propTypes;\n\nexport default ErrorsTable;\n"],"mappings":";;;;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,WAAW,GAAIC,KAAD,IAAkB;EACpC,MAAM;IAACC,OAAO,GAAG,EAAX;IAAeC,IAAI,GAAG,EAAtB;IAA0BC;EAA1B,IAA6CH,KAAnD;EAEA,MAAMI,SAAS,GAAGH,OAAO,CAACI,GAAR,CAAY,CAACC,MAAD,EAASC,MAAT,KAAoB;IAChD,MAAM;MAACC;IAAD,IAAUF,MAAhB;IACA,oBACE;MACE,SAAS,EAAE,IAAAG,mBAAA,EAAWC,cAAA,CAAO,UAASH,MAAM,GAAG,CAAE,EAA3B,CAAX,CADb;MAEE,GAAG,EAAG,GAAEC,KAAM,IAAGD,MAAM,GAAG,CAAE,EAF9B;MAGE,IAAI,EAAC;IAHP,gBAKE,0CAAMC,KAAN,CALF,CADF;EASD,CAXiB,CAAlB;EAaA,MAAMG,UAAU,GAAG,cACjB;IAAI,SAAS,EAAE,IAAAF,mBAAA,EAAWC,cAAA,CAAO,UAAP,CAAX,CAAf;IAA8C,GAAG,EAAC;EAAlD,gBACE,+CAAO,EAAP,CADF,CADiB,EAIjBE,MAJiB,CAIVR,SAJU,CAAnB;EAMA,MAAMS,QAAQ,GAAGX,IAAI,CAACG,GAAL,CAAS,CAACS,GAAD,EAAMC,KAAN,KAAgB;IACxC,MAAM;MAACC,MAAM,GAAG;IAAV,IAAgBF,GAAtB;IAEA,MAAMG,OAAO,GAAGD,MAAM,CAACX,GAAP,CAAW,CAACa,KAAD,EAAgBC,MAAhB,KAAmC;MAC5D,oBACE;QACE,SAAS,EAAE,IAAAV,mBAAA,EAAWC,cAAA,CAAMU,GAAjB,EAAsBV,cAAA,CAAO,OAAMS,MAAM,GAAG,CAAE,EAAxB,CAAtB,CADb;QAEE,GAAG,EAAG,GAAED,KAAM,IAAGC,MAAO;MAF1B,GAIGD,KAAK,IAAI,EAJZ,CADF;IAQD,CATe,CAAhB;IAUAD,OAAO,CAACI,OAAR,eACE;MAAI,SAAS,EAAE,IAAAZ,mBAAA,EAAWC,cAAA,CAAMU,GAAjB,EAAsBV,cAAA,CAAO,OAAP,CAAtB,CAAf;MAAsD,GAAG,EAAC;IAA1D,GACGK,KAAK,GAAG,CADX,CADF;IAMA,oBAAO;MAAI,GAAG,EAAG,QAAOA,KAAM;IAAvB,GAA2BE,OAA3B,CAAP;EACD,CApBgB,CAAjB;EAsBA,oBACE,mDACOd,eAAe,GAAG;IAAC,oBAAoBA;EAArB,CAAH,GAA2C,EADjE;IAEE,SAAS,EAAEO,cAAA,CAAMY;EAFnB,iBAIE;IAAO,SAAS,EAAEZ,cAAA,CAAMa;EAAxB,gBACE,yCAAKZ,UAAL,CADF,CAJF,eAOE,4CAAQE,QAAR,CAPF,CADF;AAWD,CAvDD;;AAyDAd,WAAW,CAACyB,SAAZ,2CAAwBA,gBAAxB;eAEezB,W"}

package/lib/molecule/errors-table/style.css

@@ -0,0 +1,64 @@
+@value colors: "../../variables/colors.css";
+@value xtraLightGrey from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_700 from colors;
+@value cm_negative_red_200 from colors;
+@value light from colors;
+
+.table {
+  border: 1px solid light;
+  font-family: 'Gilroy';
+  font-style: normal;
+  border-spacing: 0;
+  border-radius: 8px;
+  overflow: hidden;
+  width: 100%;
+}
+
+.table .thead {
+  background-color: xtraLightGrey;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 24px;
+  color: cm_grey_400;
+  height: 40px;
+  overflow: hidden;
+  text-align: left; 
+}
+
+.table .col {
+  text-align: left; 
+  padding-top: 8px;
+  padding-bottom: 8px;
+  position: relative;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 16px;
+  color: cm_grey_700;
+  border-top: 1px solid light;
+}
+
+.table .header-0 {
+  width: 57px;
+}
+
+.table .header-1 {
+  width: 182px;
+}
+
+.table .col-2 {
+  color: cm_negative_red_200;
+}
+
+.table .col-1 {
+  width: 182px;
+}
+
+.table .col-0 {
+  text-align: center;
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 16px;
+  width: 57px;
+  color: cm_grey_400;
+}

package/lib/molecule/errors-table/types.d.ts

@@ -0,0 +1,24 @@
+import PropTypes from 'prop-types';
+export declare const propTypes: {
+    columns: PropTypes.Requireable<(PropTypes.InferProps<{
+        title: PropTypes.Validator<string>;
+    }> | null | undefined)[]>;
+    rows: PropTypes.Requireable<(PropTypes.InferProps<{
+        fields: PropTypes.Requireable<(string | null | undefined)[]>;
+    }> | null | undefined)[]>;
+    ariaDescribedby: PropTypes.Requireable<string>;
+};
+export declare type Column = {
+    title: string;
+};
+export declare type Row = {
+    fields: string[];
+};
+export declare type Columns = [Column, Column];
+export declare type Rows = Row[];
+export declare type Props = {
+    columns: Columns;
+    rows: Rows;
+    ariaDescribedby?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/molecule/errors-table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/errors-table/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAUnC,eAAO,MAAM,SAAS;;;;;;;;CAIrB,CAAC;AAEF,oBAAY,MAAM,GAAG;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AACrC,oBAAY,GAAG,GAAG;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAC,CAAC;AACrC,oBAAY,OAAO,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACvC,oBAAY,IAAI,GAAG,GAAG,EAAE,CAAC;AAEzB,oBAAY,KAAK,GAAG;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC"}

package/lib/molecule/errors-table/types.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const columnProptypes = _propTypes.default.shape({
+  title: _propTypes.default.string.isRequired
+});
+
+const rowProptypes = _propTypes.default.shape({
+  fields: _propTypes.default.arrayOf(_propTypes.default.string)
+});
+
+const propTypes = {
+  columns: _propTypes.default.arrayOf(columnProptypes),
+  rows: _propTypes.default.arrayOf(rowProptypes),
+  ariaDescribedby: _propTypes.default.string
+};
+exports.propTypes = propTypes;
+//# sourceMappingURL=types.js.map

package/lib/molecule/errors-table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["columnProptypes","PropTypes","shape","title","string","isRequired","rowProptypes","fields","arrayOf","propTypes","columns","rows","ariaDescribedby"],"sources":["../../../src/molecule/errors-table/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst columnProptypes = PropTypes.shape({\n  title: PropTypes.string.isRequired\n});\n\nconst rowProptypes = PropTypes.shape({\n  fields: PropTypes.arrayOf(PropTypes.string)\n});\n\nexport const propTypes = {\n  columns: PropTypes.arrayOf(columnProptypes),\n  rows: PropTypes.arrayOf(rowProptypes),\n  ariaDescribedby: PropTypes.string\n};\n\nexport type Column = {title: string};\nexport type Row = {fields: string[]};\nexport type Columns = [Column, Column];\nexport type Rows = Row[];\n\nexport type Props = {\n  columns: Columns;\n  rows: Rows;\n  ariaDescribedby?: string;\n};\n"],"mappings":";;;;;AAAA;;;;AAEA,MAAMA,eAAe,GAAGC,kBAAA,CAAUC,KAAV,CAAgB;EACtCC,KAAK,EAAEF,kBAAA,CAAUG,MAAV,CAAiBC;AADc,CAAhB,CAAxB;;AAIA,MAAMC,YAAY,GAAGL,kBAAA,CAAUC,KAAV,CAAgB;EACnCK,MAAM,EAAEN,kBAAA,CAAUO,OAAV,CAAkBP,kBAAA,CAAUG,MAA5B;AAD2B,CAAhB,CAArB;;AAIO,MAAMK,SAAS,GAAG;EACvBC,OAAO,EAAET,kBAAA,CAAUO,OAAV,CAAkBR,eAAlB,CADc;EAEvBW,IAAI,EAAEV,kBAAA,CAAUO,OAAV,CAAkBF,YAAlB,CAFiB;EAGvBM,eAAe,EAAEX,kBAAA,CAAUG;AAHJ,CAAlB"}

package/lib/molecule/filters/filters-wapper.css

@@ -39,7 +39,6 @@
 .title {
   color: dark;
   margin: 0;
-  margin-bottom: 10px;
   display: block;
   font-family: "Gilroy";
   font-size: 15px;

package/lib/organism/mooc-header/style.css

@@ -482,12 +482,14 @@
 
 .languageSelect {
   width: 98%;
+  height: 30px;
 }
 
-.setting:nth-child(1) {
+.setting:nth-child(-n+2) {
   flex-direction: column;
   height: 60px;
   align-items: baseline;
+  margin-top: 10px;
 }
 
 .setting .label {

package/lib/variables/colors.css

@@ -63,6 +63,7 @@
 @value cm_yellow_200: #DB9200;
 @value cm_yellow_400: #bd7e00;
 @value cm_red_200: #FF4040;
+@value cm_negative_red_200: #ED3436;
 @value cm_red_video: #E8335E;
 @value cm_violet_podcast: #432ba7;
 @value cm_warning_50: rgba(255, 192, 67, 0.13);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.11.8",
+  "version": "11.11.9-alpha.5+021ae82d60",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -165,5 +165,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "b42e0c7402b275bd64bff00f92e4356551a1b399"
+  "gitHead": "021ae82d60c091df3a143266d0aebe0a2662b528"
 }