@coorpacademy/components 11.33.6 → 11.33.7

package/lib/molecule/multi-filter-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_filterChip","_title","_tag","_buttonLink","_propTypes","_style","e","__esModule","default","uncappedMap","_map2","convert","cap","FilterSeparator","createElement","className","style","filterSeparator","buildFilters","filterOptions","type","options","MultiFilterPanel","props","title","onClearAll","allSelectedFilters","_pipe2","_flatMap2","_filter2","selected","_size2","hasSelectedFilters","filters","i","isLastItem","key","Fragment","header","titleContainer","titleSize","label","_toString2","size","buttonContainer","customStyle","fontWeight","onClick","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map, size, pipe, filter, flatMap, toString} from 'lodash/fp';\nimport FilterChip from '../../organism/filter-chip';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport propTypes, {MultiFilterPanelProps, MultiFilterPanelOptionsProps} from './prop-types';\nimport style from './style.css';\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst FilterSeparator = <div className={style.filterSeparator} />;\n\nconst buildFilters = (filterOptions: MultiFilterPanelOptionsProps) => {\n  const {type, ...options} = filterOptions;\n  switch (type) {\n    case 'chip':\n      return <FilterChip {...options.options} />;\n    // case 'checkbox':\n    //   // return <FilterCheckbox />;\n    //   return null;\n\n    default:\n      return null;\n  }\n};\n\nconst MultiFilterPanel = (props: MultiFilterPanelProps) => {\n  const {title, onClearAll, options} = props;\n  const allSelectedFilters = pipe(\n    map('options'),\n    flatMap('options'),\n    filter({selected: true}),\n    size\n  )(options);\n  const hasSelectedFilters = allSelectedFilters > 0;\n\n  const filters = uncappedMap((filterOptions: MultiFilterPanelOptionsProps, i: number) => {\n    const isLastItem = i + 1 === size(options);\n    return (\n      <div key={i}>\n        {buildFilters(filterOptions)}\n        {isLastItem ? null : FilterSeparator}\n      </div>\n    );\n  }, options);\n\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} type=\"form-group\" titleSize=\"standard-light-weight\" />\n          {hasSelectedFilters ? (\n            <Tag label={toString(allSelectedFilters)} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={{fontWeight: 'normal'}}\n              label=\"Clear all\"\n              type=\"text\"\n              data-name=\"filters-all-clear-button\"\n              aria-label=\"filters all clear button\"\n              onClick={onClearAll}\n            />\n          </div>\n        ) : null}\n      </div>\n\n      {filters}\n    </>\n  );\n};\n\nMultiFilterPanel.propTypes = propTypes;\n\nexport default MultiFilterPanel;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/multi-filter-panel/prop-types.d.ts

@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+import { FilterChipProps } from '../../organism/filter-chip/prop-types';
+declare const propTypes: {
+    title: PropTypes.Requireable<string>;
+    onClearAll: PropTypes.Requireable<(...args: any[]) => any>;
+    options: PropTypes.Requireable<(PropTypes.InferProps<{
+        type: PropTypes.Requireable<string>;
+        options: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            onClear: PropTypes.Requireable<(...args: any[]) => any>;
+            options: PropTypes.Requireable<(PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                type: PropTypes.Requireable<string>;
+                selected: PropTypes.Requireable<boolean>;
+                icon: PropTypes.Requireable<string>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            }> | null | undefined)[]>;
+        }>>;
+    }> | null | undefined)[]>;
+};
+export declare type MultiFilterPanelOptionsProps = {
+    type: 'chip';
+    options: FilterChipProps;
+};
+export declare type MultiFilterPanelProps = {
+    title: string;
+    onClearAll: () => void;
+    options: MultiFilterPanelOptionsProps[];
+};
+export default propTypes;
+//# sourceMappingURL=prop-types.d.ts.map

package/lib/molecule/multi-filter-panel/prop-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AAE3F,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;CASd,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,oBAAY,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,4BAA4B,EAAE,CAAC;CACzC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/molecule/multi-filter-panel/prop-types.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes2 = _interopRequireDefault(require("../../organism/filter-chip/prop-types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const propTypes = {
+  title: _propTypes.default.string,
+  onClearAll: _propTypes.default.func,
+  options: _propTypes.default.arrayOf(_propTypes.default.shape({
+    type: _propTypes.default.oneOf(['chip']),
+    options: _propTypes.default.shape(_propTypes2.default)
+  }))
+};
+var _default = exports.default = propTypes;
+//# sourceMappingURL=prop-types.js.map

package/lib/molecule/multi-filter-panel/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","_propTypes2","e","__esModule","default","propTypes","title","PropTypes","string","onClearAll","func","options","arrayOf","shape","type","oneOf","filterChipProptypes","_default","exports"],"sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport filterChipProptypes, {FilterChipProps} from '../../organism/filter-chip/prop-types';\n\nconst propTypes = {\n  title: PropTypes.string,\n  onClearAll: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['chip']),\n      options: PropTypes.shape(filterChipProptypes)\n    })\n  )\n};\n\nexport type MultiFilterPanelOptionsProps = {\n  type: 'chip';\n  options: FilterChipProps;\n};\n\nexport type MultiFilterPanelProps = {\n  title: string;\n  onClearAll: () => void;\n  options: MultiFilterPanelOptionsProps[];\n};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA2F,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE3F,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,kBAAS,CAACC,MAAM;EACvBC,UAAU,EAAEF,kBAAS,CAACG,IAAI;EAC1BC,OAAO,EAAEJ,kBAAS,CAACK,OAAO,CACxBL,kBAAS,CAACM,KAAK,CAAC;IACdC,IAAI,EAAEP,kBAAS,CAACQ,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/BJ,OAAO,EAAEJ,kBAAS,CAACM,KAAK,CAACG,mBAAmB;EAC9C,CAAC,CACH;AACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAaaC,SAAS","ignoreList":[]}

package/lib/molecule/multi-filter-panel/style.css

@@ -0,0 +1,30 @@
+@value colors: "../../variables/colors.css";
+@value cm_primary_blue from colors;
+@value cm_grey_100 from colors;
+
+.header {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 24px;
+}
+
+.titleContainer {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    flex: 10;
+    font-weight: 600;
+}
+
+.buttonContainer {
+    font-weight: normal;
+    color: cm_primary_blue;
+}
+
+.filterSeparator {
+    background-color: cm_grey_100;
+    width: 100%;
+    height: 1px;
+    align-self: stretch;
+    margin: 24px 0;
+}

package/lib/organism/filter-chip/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { FilterChipProps } from './prop-types';
+declare const FilterChip: {
+    (props: FilterChipProps): JSX.Element;
+    propTypes: {
+        title: import("prop-types").Requireable<string>;
+        onClear: import("prop-types").Requireable<(...args: any[]) => any>;
+        options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            label: import("prop-types").Requireable<string>;
+            type: import("prop-types").Requireable<string>;
+            selected: import("prop-types").Requireable<boolean>;
+            icon: import("prop-types").Requireable<string>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        }> | null | undefined)[]>;
+    };
+};
+export default FilterChip;
+//# sourceMappingURL=index.d.ts.map

package/lib/organism/filter-chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-chip/index.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAGxD,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;CA8CzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/lib/organism/filter-chip/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _toString2 = _interopRequireDefault(require("lodash/fp/toString"));
+var _size2 = _interopRequireDefault(require("lodash/fp/size"));
+var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+var _filter2 = _interopRequireDefault(require("lodash/fp/filter"));
+var _react = _interopRequireDefault(require("react"));
+var _chip = _interopRequireDefault(require("../../atom/chip"));
+var _title = _interopRequireDefault(require("../../atom/title"));
+var _tag = _interopRequireDefault(require("../../atom/tag"));
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+var _style = _interopRequireDefault(require("./style.css"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FilterChip = props => {
+  const {
+    options,
+    title,
+    onClear
+  } = props;
+  const selectedFiltersCount = (0, _pipe2.default)((0, _filter2.default)({
+    selected: true
+  }), _size2.default)(options);
+  const hasSelectedFilters = selectedFiltersCount > 0;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.header
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleContainer
+  }, /*#__PURE__*/_react.default.createElement(_title.default, {
+    title: title
+  }), hasSelectedFilters ? /*#__PURE__*/_react.default.createElement(_tag.default, {
+    label: (0, _toString2.default)(selectedFiltersCount),
+    type: "info",
+    size: "S"
+  }) : null), hasSelectedFilters ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonContainer
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    customStyle: {
+      fontWeight: 'normal'
+    },
+    label: "Clear",
+    type: "text",
+    "data-name": "filter-chip-clear-button",
+    "aria-label": "filter chip clear button",
+    onClick: onClear
+  })) : null), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.optionsContainer
+  }, (0, _map2.default)(({
+    icon,
+    label,
+    onClick,
+    type,
+    selected
+  }) => {
+    function handleClick() {
+      onClick(type);
+    }
+    return /*#__PURE__*/_react.default.createElement(_chip.default, {
+      leftIcon: icon,
+      text: label,
+      key: label,
+      selected: selected,
+      onClick: handleClick
+    });
+  }, options)));
+};
+FilterChip.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
+var _default = exports.default = FilterChip;
+//# sourceMappingURL=index.js.map

package/lib/organism/filter-chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_chip","_title","_tag","_buttonLink","_propTypes","_style","e","__esModule","default","FilterChip","props","options","title","onClear","selectedFiltersCount","_pipe2","_filter2","selected","_size2","hasSelectedFilters","createElement","Fragment","className","style","header","titleContainer","label","_toString2","type","size","buttonContainer","customStyle","fontWeight","onClick","optionsContainer","_map2","icon","handleClick","leftIcon","text","key","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/organism/filter-chip/index.tsx"],"sourcesContent":["import React from 'react';\nimport {filter, map, pipe, size, toString} from 'lodash/fp';\nimport Chip from '../../atom/chip';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport propTypes, {FilterChipProps} from './prop-types';\nimport style from './style.css';\n\nconst FilterChip = (props: FilterChipProps) => {\n  const {options, title, onClear} = props;\n  const selectedFiltersCount = pipe(filter({selected: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} />\n          {hasSelectedFilters ? (\n            <Tag label={toString(selectedFiltersCount)} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={{fontWeight: 'normal'}}\n              label=\"Clear\"\n              type=\"text\"\n              data-name=\"filter-chip-clear-button\"\n              aria-label=\"filter chip clear button\"\n              onClick={onClear}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.optionsContainer}>\n        {map(({icon, label, onClick, type, selected}) => {\n          function handleClick() {\n            onClick(type);\n          }\n\n          return (\n            <Chip\n              leftIcon={icon}\n              text={label}\n              key={label}\n              selected={selected}\n              onClick={handleClick}\n            />\n          );\n        }, options)}\n      </div>\n    </>\n  );\n};\n\nFilterChip.propTypes = propTypes;\n\nexport default FilterChip;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/filter-chip/prop-types.d.ts

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types';
+declare const propTypes: {
+    title: PropTypes.Requireable<string>;
+    onClear: PropTypes.Requireable<(...args: any[]) => any>;
+    options: PropTypes.Requireable<(PropTypes.InferProps<{
+        label: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+        selected: PropTypes.Requireable<boolean>;
+        icon: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }> | null | undefined)[]>;
+};
+export declare type FilterChipProps = {
+    title: string;
+    onClear: () => void;
+    options: {
+        label: string;
+        type: string;
+        selected: boolean;
+        icon: string;
+        onClick: (type: string) => void;
+    }[];
+};
+export default propTypes;
+//# sourceMappingURL=prop-types.d.ts.map

package/lib/organism/filter-chip/prop-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-chip/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;CAYd,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,OAAO,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;KACjC,EAAE,CAAC;CACL,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/organism/filter-chip/prop-types.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const propTypes = {
+  title: _propTypes.default.string,
+  onClear: _propTypes.default.func,
+  options: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.string,
+    type: _propTypes.default.string,
+    selected: _propTypes.default.bool,
+    icon: _propTypes.default.string,
+    onClick: _propTypes.default.func
+  }))
+};
+var _default = exports.default = propTypes;
+//# sourceMappingURL=prop-types.js.map

package/lib/organism/filter-chip/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","propTypes","title","PropTypes","string","onClear","func","options","arrayOf","shape","label","type","selected","bool","icon","onClick","_default","exports"],"sources":["../../../src/organism/filter-chip/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  title: PropTypes.string,\n  onClear: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.string,\n      selected: PropTypes.bool,\n      icon: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport type FilterChipProps = {\n  title: string;\n  onClear: () => void;\n  options: {\n    label: string;\n    type: string;\n    selected: boolean;\n    icon: string;\n    onClick: (type: string) => void;\n  }[];\n};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,kBAAS,CAACC,MAAM;EACvBC,OAAO,EAAEF,kBAAS,CAACG,IAAI;EACvBC,OAAO,EAAEJ,kBAAS,CAACK,OAAO,CACxBL,kBAAS,CAACM,KAAK,CAAC;IACdC,KAAK,EAAEP,kBAAS,CAACC,MAAM;IACvBO,IAAI,EAAER,kBAAS,CAACC,MAAM;IACtBQ,QAAQ,EAAET,kBAAS,CAACU,IAAI;IACxBC,IAAI,EAAEX,kBAAS,CAACC,MAAM;IACtBW,OAAO,EAAEZ,kBAAS,CAACG;EACrB,CAAC,CACH;AACF,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAcaC,SAAS","ignoreList":[]}

package/lib/organism/filter-chip/style.css

@@ -0,0 +1,32 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
+
+.header {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 16px;
+}
+
+.titleContainer {
+    color: cm_grey_700;
+    font-family: Gilroy;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    flex: 10;
+}
+
+.buttonContainer {
+    font-weight: normal;
+    color: cm_grey_500;
+}
+
+.optionsContainer {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+}

package/lib/variables/colors.d.ts

@@ -5,6 +5,7 @@ export declare const COLORS: {
     readonly positive: "#35CC7F";
     readonly cm_positive_200: "#05944F";
     readonly white: "#ffffff";
+    readonly cm_grey_400: "#9999A8";
     readonly cm_grey_800: "#171721";
     readonly cm_primary_blue: "#0061FF";
     readonly cm_grey_500: "#515161";

package/lib/variables/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYT,CAAC;AAEX,oBAAY,MAAM,GAAG,OAAO,MAAM,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAaT,CAAC;AAEX,oBAAY,MAAM,GAAG,OAAO,MAAM,CAAC"}

package/lib/variables/colors.js

@@ -9,6 +9,7 @@ const COLORS = exports.COLORS = {
   positive: '#35CC7F',
   cm_positive_200: '#05944F',
   white: '#ffffff',
+  cm_grey_400: '#9999A8',
   cm_grey_800: '#171721',
   cm_primary_blue: '#0061FF',
   cm_grey_500: '#515161',

package/lib/variables/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["COLORS","exports","gray","negative","cm_negative_200","positive","cm_positive_200","white","cm_grey_800","cm_primary_blue","cm_grey_500","cm_yellow_400","brand"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n  gray: '#EAEAEB',\n  negative: '#ed3436',\n  cm_negative_200: '#B81400',\n  positive: '#35CC7F',\n  cm_positive_200: '#05944F',\n  white: '#ffffff',\n  cm_grey_800: '#171721',\n  cm_primary_blue: '#0061FF',\n  cm_grey_500: '#515161',\n  cm_yellow_400: '#bd7e00',\n  brand: '#00B0FF'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":";;;;AAAO,MAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,SAAS;EAC1BC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}
+{"version":3,"file":"colors.js","names":["COLORS","exports","gray","negative","cm_negative_200","positive","cm_positive_200","white","cm_grey_400","cm_grey_800","cm_primary_blue","cm_grey_500","cm_yellow_400","brand"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n  gray: '#EAEAEB',\n  negative: '#ed3436',\n  cm_negative_200: '#B81400',\n  positive: '#35CC7F',\n  cm_positive_200: '#05944F',\n  white: '#ffffff',\n  cm_grey_400: '#9999A8',\n  cm_grey_800: '#171721',\n  cm_primary_blue: '#0061FF',\n  cm_grey_500: '#515161',\n  cm_yellow_400: '#bd7e00',\n  brand: '#00B0FF'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":";;;;AAAO,MAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,SAAS;EAC1BC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}

package/locales/bs/global.json

@@ -186,7 +186,7 @@
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Ocijenite ovaj kurs",
-      "diploma": "Validated pathway"
+      "diploma": "Validirani put"
     },
     "esante-formation": {
       "diploma": "Learning path"
@@ -195,13 +195,13 @@
       "diploma": "certificate"
     },
     "givaudan": {
-      "diploma": "Award"
+      "diploma": "Nagrada"
     },
     "learning-lab": {
-      "diploma": "Certificat"
+      "diploma": "Certificate"
     },
     "onboarding": {
-      "diploma": "Certificat"
+      "diploma": "Certificate"
     },
     "mylcl-learning": {
        "diploma": "learning path"

package/locales/cs/global.json

@@ -186,7 +186,7 @@
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Ohodnoťte tento kurz",
-      "diploma": "Validated pathway"
+      "diploma": "Ověřená cesta"
     },
     "esante-formation": {
       "diploma": "Learning path"
@@ -195,13 +195,13 @@
       "diploma": "certificate"
     },
     "givaudan": {
-      "diploma": "Award"
+      "diploma": "Cena"
     },
     "learning-lab": {
-      "diploma": "Certificat"
+      "diploma": "Certificate"
     },
     "onboarding": {
-      "diploma": "Certificat"
+      "diploma": "Certifikát"
     },
     "mylcl-learning": {
        "diploma": "learning path"

package/locales/de/global.json

@@ -186,7 +186,7 @@
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Bewerten Sie diesen Kurs",
-      "diploma": "Validated pathway"
+      "diploma": "Validierter Weg"
     },
     "esante-formation": {
       "diploma": "Learning path"
@@ -198,10 +198,10 @@
       "diploma": "Award"
     },
     "learning-lab": {
-      "diploma": "Certificat"
+      "diploma": "Certificate"
     },
     "onboarding": {
-      "diploma": "Certificat"
+      "diploma": "Zertifikat"
     },
     "mylcl-learning": {
        "diploma": "learning path"

package/locales/es/global.json

@@ -186,7 +186,7 @@
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Califica este curso",
-      "diploma": "Validated pathway"
+      "diploma": "Vía validada"
     },
     "esante-formation": {
       "diploma": "Learning path"
@@ -198,10 +198,10 @@
       "diploma": "Award"
     },
     "learning-lab": {
-      "diploma": "Certificat"
+      "diploma": "Certificate"
     },
     "onboarding": {
-      "diploma": "Certificat"
+      "diploma": "Certificado"
     },
     "mylcl-learning": {
        "diploma": "learning path"

package/locales/et/global.json

@@ -186,7 +186,7 @@
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Hinda seda kursust",
-      "diploma": "Validated pathway"
+      "diploma": "Valideeritud rada"
     },
     "esante-formation": {
       "diploma": "Learning path"
@@ -195,13 +195,13 @@
       "diploma": "certificate"
     },
     "givaudan": {
-      "diploma": "Award"
+      "diploma": "Auhind"
     },
     "learning-lab": {
-      "diploma": "Certificat"
+      "diploma": "Certificate"
     },
     "onboarding": {
-      "diploma": "Certificat"
+      "diploma": "Tunnistus"
     },
     "mylcl-learning": {
        "diploma": "learning path"

package/locales/fi/global.json

@@ -186,25 +186,25 @@
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Arvioi tämä kurssi",
-      "diploma": "Validated pathway"
+      "diploma": "Vahvistettu reitti"
     },
     "esante-formation": {
-      "diploma": "Learning path"
+      "diploma": "Oppimispolku"
     },
     "ehc-vd": {
-      "diploma": "certificate"
+      "diploma": "todistus"
     },
     "givaudan": {
-      "diploma": "Award"
+      "diploma": "Diplomi"
     },
     "learning-lab": {
-      "diploma": "Certificat"
+      "diploma": "Certificate"
     },
     "onboarding": {
-      "diploma": "Certificat"
+      "diploma": "Todistus"
     },
     "mylcl-learning": {
-       "diploma": "learning path"
+       "diploma": "oppimispolku"
     }
   }
 }

package/locales/fr/global.json

@@ -186,13 +186,13 @@
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Notez ce cours",
-      "diploma": "Validated pathway"
+      "diploma": "Parcours validé"
     },
     "esante-formation": {
-      "diploma": "Learning path"
+      "diploma": "Attestation"
     },
     "ehc-vd": {
-      "diploma": "certificate"
+      "diploma": "attestation"
     },
     "givaudan": {
       "diploma": "Award"
@@ -204,7 +204,7 @@
       "diploma": "Certificat"
     },
     "mylcl-learning": {
-       "diploma": "learning path"
+       "diploma": "parcours"
     }
   }
 }

package/locales/hr/global.json

@@ -186,7 +186,7 @@
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Ocijenite ovaj tečaj",
-      "diploma": "Validated pathway"
+      "diploma": "Validirani put"
     },
     "esante-formation": {
       "diploma": "Learning path"
@@ -195,13 +195,13 @@
       "diploma": "certificate"
     },
     "givaudan": {
-      "diploma": "Award"
+      "diploma": "Dodijeliti"
     },
     "learning-lab": {
-      "diploma": "Certificat"
+      "diploma": "Certificate"
     },
     "onboarding": {
-      "diploma": "Certificat"
+      "diploma": "Potvrda"
     },
     "mylcl-learning": {
        "diploma": "learning path"

package/locales/hu/global.json

@@ -186,7 +186,7 @@
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Értékelje ezt a tanfolyamot",
-      "diploma": "Validated pathway"
+      "diploma": "Ellenőrzött útvonal"
     },
     "esante-formation": {
       "diploma": "Learning path"
@@ -195,13 +195,13 @@
       "diploma": "certificate"
     },
     "givaudan": {
-      "diploma": "Award"
+      "diploma": "Díj"
     },
     "learning-lab": {
-      "diploma": "Certificat"
+      "diploma": "Certificate"
     },
     "onboarding": {
-      "diploma": "Certificat"
+      "diploma": "Bizonyítvány"
     },
     "mylcl-learning": {
        "diploma": "learning path"

package/locales/hy/global.json

@@ -186,7 +186,7 @@
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Գնահատեք այս դասընթացը",
-      "diploma": "Validated pathway"
+      "diploma": "Վավերացված ուղի"
     },
     "esante-formation": {
       "diploma": "Learning path"
@@ -195,13 +195,13 @@
       "diploma": "certificate"
     },
     "givaudan": {
-      "diploma": "Award"
+      "diploma": "Մրցանակ"
     },
     "learning-lab": {
-      "diploma": "Certificat"
+      "diploma": "Certificate"
     },
     "onboarding": {
-      "diploma": "Certificat"
+      "diploma": "Certificate"
     },
     "mylcl-learning": {
        "diploma": "learning path"

package/locales/it/global.json

@@ -186,7 +186,7 @@
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Vota questo corso",
-      "diploma": "Validated pathway"
+      "diploma": "Percorso convalidato"
     },
     "esante-formation": {
       "diploma": "Learning path"
@@ -198,10 +198,10 @@
       "diploma": "Award"
     },
     "learning-lab": {
-      "diploma": "Certificat"
+      "diploma": "Certificate"
     },
     "onboarding": {
-      "diploma": "Certificat"
+      "diploma": "Certificato"
     },
     "mylcl-learning": {
        "diploma": "learning path"