@coorpacademy/components 11.40.14 → 11.40.16

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_chip","_title","_tag","_buttonLink","_provider","_interopRequireWildcard","_colors","_propTypes","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilterChip","props","context","options","titleAriaLabel","title","onClear","selectedFiltersCount","_pipe2","_filter2","selected","_size2","hasSelectedFilters","translate","GetTranslateFromContext","createElement","Fragment","className","style","header","titleContainer","ariaLabel","label","_toString2","type","size","buttonContainer","customStyle","fontWeight","padding","onClick","hoverColor","COLORS","cm_grey_700","optionsContainer","_map2","icon","textColor","customIcon","handleClick","leftIcon","text","key","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_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 Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {FilterChipProps} from './prop-types';\nimport style from './style.css';\n\nconst FilterChip = (props: FilterChipProps, context: WebContextValues) => {\n  const {options, titleAriaLabel, title, onClear} = props;\n  const selectedFiltersCount = pipe(filter({selected: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n  const translate = GetTranslateFromContext(context);\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} ariaLabel={titleAriaLabel} />\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', padding: 0}}\n              label={translate('clear')}\n              type=\"text\"\n              data-name=\"filter-chip-clear-button\"\n              aria-label=\"filter chip clear button\"\n              onClick={onClear}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.optionsContainer}>\n        {map(({icon, label, onClick, textColor, type, selected, customIcon}) => {\n          function handleClick() {\n            onClick(type);\n          }\n\n          return (\n            <Chip\n              leftIcon={icon}\n              text={label}\n              textColor={textColor}\n              key={label}\n              selected={selected}\n              onClick={handleClick}\n              customIcon={customIcon}\n            />\n          );\n        }, options)}\n      </div>\n    </>\n  );\n};\n\nFilterChip.propTypes = propTypes;\n\nFilterChip.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterChip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_cssColorFunction","_chip","_title","_tag","_buttonLink","_provider","_interopRequireWildcard","_colors","_propTypes","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilterChip","props","context","skin","primaryColor","_getOr2","COLORS","cm_grey_700","options","titleAriaLabel","title","onClear","selectedFiltersCount","_pipe2","_filter2","selected","_size2","hasSelectedFilters","translate","GetTranslateFromContext","createElement","Fragment","className","style","header","titleContainer","ariaLabel","label","_toString2","type","size","customStyle","color","backgroundColor","convert","buttonContainer","fontWeight","padding","onClick","hoverColor","optionsContainer","_map2","icon","textColor","customIcon","handleClick","leftIcon","text","key","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/organism/filter-chip/index.tsx"],"sourcesContent":["import React from 'react';\nimport {filter, getOr, map, pipe, size, toString} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Chip from '../../atom/chip';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {FilterChipProps} from './prop-types';\nimport style from './style.css';\n\nconst FilterChip = (props: FilterChipProps, context: WebContextValues) => {\n  const {skin} = context;\n  const primaryColor = getOr(COLORS.cm_grey_700, 'common.primary', skin);\n  const {options, titleAriaLabel, title, onClear} = props;\n  const selectedFiltersCount = pipe(filter({selected: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n  const translate = GetTranslateFromContext(context);\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} ariaLabel={titleAriaLabel} />\n          {hasSelectedFilters ? (\n            <Tag\n              label={toString(selectedFiltersCount)}\n              type=\"info\"\n              size=\"S\"\n              customStyle={{\n                color: primaryColor,\n                backgroundColor: convert(`color(${primaryColor} lightness(92%))`)\n              }}\n            />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={{fontWeight: 'normal', padding: 0}}\n              label={translate('clear')}\n              type=\"text\"\n              data-name=\"filter-chip-clear-button\"\n              aria-label=\"filter chip clear button\"\n              onClick={onClear}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.optionsContainer}>\n        {map(({icon, label, onClick, textColor, type, selected, customIcon}) => {\n          function handleClick() {\n            onClick(type);\n          }\n          return (\n            <Chip\n              leftIcon={icon}\n              text={label}\n              textColor={textColor}\n              key={label}\n              backgroundColor=\"skin\"\n              selected={selected}\n              onClick={handleClick}\n              customIcon={customIcon}\n            />\n          );\n        }, options)}\n      </div>\n    </>\n  );\n};\n\nFilterChip.propTypes = propTypes;\n\nFilterChip.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nexport default FilterChip;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { WebContextValues } from '../../atom/provider/web-context';
+import { FilterRangeProps } from './prop-types';
+declare const FilterRange: {
+    (props: FilterRangeProps, context: WebContextValues): JSX.Element;
+    propTypes: {
+        title: import("prop-types").Validator<string>;
+        titleAriaLabel: import("prop-types").Requireable<string>;
+        onClear: import("prop-types").Validator<(...args: any[]) => any>;
+        options: import("prop-types").Requireable<import("prop-types").InferProps<{
+            label: import("prop-types").Validator<string>;
+            min: import("prop-types").Validator<number>;
+            max: import("prop-types").Validator<number>;
+            step: import("prop-types").Requireable<number>;
+            value: import("prop-types").Requireable<(number | null | undefined)[]>;
+            minLabel: import("prop-types").Requireable<string>;
+            maxLabel: import("prop-types").Requireable<string>;
+            onChange: import("prop-types").Validator<(...args: any[]) => any>;
+            theme: import("prop-types").Requireable<string>;
+            selected: import("prop-types").Requireable<boolean>;
+        }>>;
+    };
+    contextTypes: {
+        translate: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+};
+export default FilterRange;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-range/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAGjE,OAAkB,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAIzD,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;CAuFtE,CAAC;AAQF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,108 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _range = _interopRequireDefault(require("../../atom/range"));
+var _title = _interopRequireDefault(require("../../atom/title"));
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+var _provider = _interopRequireWildcard(require("../../atom/provider"));
+var _colors = require("../../variables/colors");
+var _style = _interopRequireDefault(require("./style.css"));
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const CLEAR_BUTTON_STYLE = {
+  fontWeight: 'normal',
+  padding: 0,
+  width: 'auto'
+};
+const FilterRange = (props, context) => {
+  const {
+    title,
+    titleAriaLabel,
+    onClear,
+    options
+  } = props;
+  const translate = (0, _provider.GetTranslateFromContext)(context);
+  const {
+    min,
+    max,
+    step,
+    value,
+    minLabel,
+    maxLabel,
+    onChange,
+    theme,
+    minValueLabel,
+    maxValueLabel
+  } = options;
+  const [isDragging, setIsDragging] = (0, _react.useState)(false);
+  const [pendingValue, setPendingValue] = (0, _react.useState)(null);
+  const containerRef = (0, _react.useRef)(null);
+  const handleRangeChange = (0, _react.useCallback)(newValue => {
+    if (isDragging) {
+      setPendingValue(newValue);
+    } else {
+      onChange(newValue);
+    }
+  }, [isDragging, onChange]);
+  const finalize = (0, _react.useCallback)(() => {
+    setIsDragging(false);
+    if (pendingValue) {
+      onChange(pendingValue);
+      setPendingValue(null);
+    }
+  }, [pendingValue, onChange]);
+  const handlePointerDown = (0, _react.useCallback)(e => {
+    containerRef.current?.setPointerCapture(e.pointerId);
+    setIsDragging(true);
+  }, []);
+  const handlePointerUp = (0, _react.useCallback)(e => {
+    containerRef.current?.releasePointerCapture(e.pointerId);
+    finalize();
+  }, [finalize]);
+  const hasValue = value && value.length > 0 && (value[0] !== min || value[1] !== max);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.header
+  }, /*#__PURE__*/_react.default.createElement(_title.default, {
+    title: title,
+    type: "form-group",
+    titleSize: "standard-light-weight",
+    ariaLabel: titleAriaLabel
+  }), hasValue ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    customStyle: CLEAR_BUTTON_STYLE,
+    label: translate('clear'),
+    type: "text",
+    "data-name": "range-clear-button",
+    "aria-label": "range clear button",
+    onClick: onClear,
+    hoverColor: _colors.COLORS.primary_600
+  }) : null), /*#__PURE__*/_react.default.createElement("div", {
+    ref: containerRef,
+    className: _style.default.rangeContainer,
+    onPointerDown: handlePointerDown,
+    onPointerUp: handlePointerUp
+  }, /*#__PURE__*/_react.default.createElement(_range.default, {
+    multi: true,
+    theme: theme || 'mooc',
+    min: min,
+    max: max,
+    step: step,
+    value: pendingValue || value,
+    minLabel: minLabel,
+    maxLabel: maxLabel,
+    minValueLabel: minValueLabel,
+    maxValueLabel: maxValueLabel,
+    onChange: handleRangeChange
+  })));
+};
+FilterRange.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
+FilterRange.contextTypes = {
+  translate: _provider.default.childContextTypes.translate
+};
+var _default = exports.default = FilterRange;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_range","_interopRequireDefault","_title","_buttonLink","_provider","_colors","_style","_propTypes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CLEAR_BUTTON_STYLE","fontWeight","padding","width","FilterRange","props","context","title","titleAriaLabel","onClear","options","translate","GetTranslateFromContext","min","max","step","value","minLabel","maxLabel","onChange","theme","minValueLabel","maxValueLabel","isDragging","setIsDragging","useState","pendingValue","setPendingValue","containerRef","useRef","handleRangeChange","useCallback","newValue","finalize","handlePointerDown","current","setPointerCapture","pointerId","handlePointerUp","releasePointerCapture","hasValue","length","createElement","className","style","container","header","type","titleSize","ariaLabel","customStyle","label","onClick","hoverColor","COLORS","primary_600","ref","rangeContainer","onPointerDown","onPointerUp","multi","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/organism/filter-range/index.tsx"],"sourcesContent":["import React, {useState, useCallback, useRef} from 'react';\nimport Range from '../../atom/range';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport propTypes, {FilterRangeProps} from './prop-types';\n\nconst CLEAR_BUTTON_STYLE = {fontWeight: 'normal', padding: 0, width: 'auto'};\n\nconst FilterRange = (props: FilterRangeProps, context: WebContextValues) => {\n  const {title, titleAriaLabel, onClear, options} = props;\n  const translate = GetTranslateFromContext(context);\n  const {min, max, step, value, minLabel, maxLabel, onChange, theme, minValueLabel, maxValueLabel} =\n    options;\n\n  const [isDragging, setIsDragging] = useState(false);\n  const [pendingValue, setPendingValue] = useState<number[] | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const handleRangeChange = useCallback(\n    (newValue: number[]) => {\n      if (isDragging) {\n        setPendingValue(newValue);\n      } else {\n        onChange(newValue);\n      }\n    },\n    [isDragging, onChange]\n  );\n\n  const finalize = useCallback(() => {\n    setIsDragging(false);\n    if (pendingValue) {\n      onChange(pendingValue);\n      setPendingValue(null);\n    }\n  }, [pendingValue, onChange]);\n\n  const handlePointerDown = useCallback((e: React.PointerEvent<HTMLDivElement>) => {\n    containerRef.current?.setPointerCapture(e.pointerId);\n    setIsDragging(true);\n  }, []);\n\n  const handlePointerUp = useCallback(\n    (e: React.PointerEvent<HTMLDivElement>) => {\n      containerRef.current?.releasePointerCapture(e.pointerId);\n      finalize();\n    },\n    [finalize]\n  );\n\n  const hasValue = value && value.length > 0 && (value[0] !== min || value[1] !== max);\n\n  return (\n    <div className={style.container}>\n      <div className={style.header}>\n        <Title\n          title={title}\n          type=\"form-group\"\n          titleSize=\"standard-light-weight\"\n          ariaLabel={titleAriaLabel}\n        />\n        {hasValue ? (\n          <ButtonLink\n            customStyle={CLEAR_BUTTON_STYLE}\n            label={translate('clear')}\n            type=\"text\"\n            data-name=\"range-clear-button\"\n            aria-label=\"range clear button\"\n            onClick={onClear}\n            hoverColor={COLORS.primary_600}\n          />\n        ) : null}\n      </div>\n      <div\n        ref={containerRef}\n        className={style.rangeContainer}\n        onPointerDown={handlePointerDown}\n        onPointerUp={handlePointerUp}\n      >\n        <Range\n          multi\n          theme={theme || 'mooc'}\n          min={min}\n          max={max}\n          step={step}\n          value={pendingValue || value}\n          minLabel={minLabel}\n          maxLabel={maxLabel}\n          minValueLabel={minValueLabel}\n          maxValueLabel={maxValueLabel}\n          onChange={handleRangeChange}\n        />\n      </div>\n    </div>\n  );\n};\n\nFilterRange.propTypes = propTypes;\n\nFilterRange.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterRange;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+import PropTypes from 'prop-types';
+declare const propTypes: {
+    title: PropTypes.Validator<string>;
+    titleAriaLabel: PropTypes.Requireable<string>;
+    onClear: PropTypes.Validator<(...args: any[]) => any>;
+    options: PropTypes.Requireable<PropTypes.InferProps<{
+        label: PropTypes.Validator<string>;
+        min: PropTypes.Validator<number>;
+        max: PropTypes.Validator<number>;
+        step: PropTypes.Requireable<number>;
+        value: PropTypes.Requireable<(number | null | undefined)[]>;
+        minLabel: PropTypes.Requireable<string>;
+        maxLabel: PropTypes.Requireable<string>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        theme: PropTypes.Requireable<string>;
+        selected: PropTypes.Requireable<boolean>;
+    }>>;
+};
+export declare type FilterRangeOptionsProps = {
+    label: string;
+    min: number;
+    max: number;
+    step?: number;
+    value: number[];
+    minLabel?: string;
+    maxLabel?: string;
+    minValueLabel?: string;
+    maxValueLabel?: string;
+    onChange: (value: number[]) => void;
+    theme?: string;
+    selected?: boolean;
+};
+export declare type FilterRangeProps = {
+    title: string;
+    titleAriaLabel?: string;
+    onClear: () => void;
+    options: FilterRangeOptionsProps;
+};
+export default propTypes;
+//# sourceMappingURL=prop-types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-range/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAgBd,CAAC;AAEF,oBAAY,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,uBAAuB,CAAC;CAClC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,25 @@
+"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.isRequired,
+  titleAriaLabel: _propTypes.default.string,
+  onClear: _propTypes.default.func.isRequired,
+  options: _propTypes.default.shape({
+    label: _propTypes.default.string.isRequired,
+    min: _propTypes.default.number.isRequired,
+    max: _propTypes.default.number.isRequired,
+    step: _propTypes.default.number,
+    value: _propTypes.default.arrayOf(_propTypes.default.number),
+    minLabel: _propTypes.default.string,
+    maxLabel: _propTypes.default.string,
+    onChange: _propTypes.default.func.isRequired,
+    theme: _propTypes.default.string,
+    selected: _propTypes.default.bool
+  })
+};
+var _default = exports.default = propTypes;
+//# sourceMappingURL=prop-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","propTypes","title","PropTypes","string","isRequired","titleAriaLabel","onClear","func","options","shape","label","min","number","max","step","value","arrayOf","minLabel","maxLabel","onChange","theme","selected","bool","_default","exports"],"sources":["../../../src/organism/filter-range/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  title: PropTypes.string.isRequired,\n  titleAriaLabel: PropTypes.string,\n  onClear: PropTypes.func.isRequired,\n  options: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    min: PropTypes.number.isRequired,\n    max: PropTypes.number.isRequired,\n    step: PropTypes.number,\n    value: PropTypes.arrayOf(PropTypes.number),\n    minLabel: PropTypes.string,\n    maxLabel: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    theme: PropTypes.string,\n    selected: PropTypes.bool\n  })\n};\n\nexport type FilterRangeOptionsProps = {\n  label: string;\n  min: number;\n  max: number;\n  step?: number;\n  value: number[];\n  minLabel?: string;\n  maxLabel?: string;\n  minValueLabel?: string;\n  maxValueLabel?: string;\n  onChange: (value: number[]) => void;\n  theme?: string;\n  selected?: boolean;\n};\n\nexport type FilterRangeProps = {\n  title: string;\n  titleAriaLabel?: string;\n  onClear: () => void;\n  options: FilterRangeOptionsProps;\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,CAACC,UAAU;EAClCC,cAAc,EAAEH,kBAAS,CAACC,MAAM;EAChCG,OAAO,EAAEJ,kBAAS,CAACK,IAAI,CAACH,UAAU;EAClCI,OAAO,EAAEN,kBAAS,CAACO,KAAK,CAAC;IACvBC,KAAK,EAAER,kBAAS,CAACC,MAAM,CAACC,UAAU;IAClCO,GAAG,EAAET,kBAAS,CAACU,MAAM,CAACR,UAAU;IAChCS,GAAG,EAAEX,kBAAS,CAACU,MAAM,CAACR,UAAU;IAChCU,IAAI,EAAEZ,kBAAS,CAACU,MAAM;IACtBG,KAAK,EAAEb,kBAAS,CAACc,OAAO,CAACd,kBAAS,CAACU,MAAM,CAAC;IAC1CK,QAAQ,EAAEf,kBAAS,CAACC,MAAM;IAC1Be,QAAQ,EAAEhB,kBAAS,CAACC,MAAM;IAC1BgB,QAAQ,EAAEjB,kBAAS,CAACK,IAAI,CAACH,UAAU;IACnCgB,KAAK,EAAElB,kBAAS,CAACC,MAAM;IACvBkB,QAAQ,EAAEnB,kBAAS,CAACoB;EACtB,CAAC;AACH,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GAwBaC,SAAS","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+.rangeContainer {
+  padding: 8px 0;
+}

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

@@ -13,10 +13,32 @@ declare const FilterSwitch: {
             onChange: import("prop-types").Validator<(...args: any[]) => any>;
             theme: import("prop-types").Validator<string>;
             ariaLabel: import("prop-types").Validator<string>;
+            id: import("prop-types").Requireable<string>;
         }> | null | undefined)[]>;
     };
     contextTypes: {
         translate: import("prop-types").Requireable<(...args: any[]) => any>;
+        skin: import("prop-types").Requireable<import("prop-types").InferProps<{
+            common: import("prop-types").Requireable<{
+                [x: string]: any;
+            }>;
+            images: import("prop-types").Requireable<import("prop-types").InferProps<{
+                'logo-mobile': import("prop-types").Requireable<any>;
+                logo: import("prop-types").Requireable<any>;
+                'logo-email': import("prop-types").Requireable<any>;
+                login: import("prop-types").Requireable<any>;
+            }>>;
+            icons: import("prop-types").Requireable<{
+                [x: string]: any;
+            }>;
+            mod: import("prop-types").Requireable<{
+                [x: string]: any;
+            }>;
+            courses: import("prop-types").Requireable<any[]>;
+            texts: import("prop-types").Requireable<{
+                [x: string]: any;
+            }>;
+        }>>;
     };
 };
 export default FilterSwitch;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-switch/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAG1D,QAAA,MAAM,YAAY;YAAW,iBAAiB,WAAW,gBAAgB;;;;;;;;;;;;;;;;CA+CxE,CAAC;AAQF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-switch/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAG1D,QAAA,MAAM,YAAY;YAAW,iBAAiB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiExE,CAAC;AASF,eAAe,YAAY,CAAC"}

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

@@ -3,10 +3,12 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _toString2 = _interopRequireDefault(require("lodash/fp/toString"));
+var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
 var _size2 = _interopRequireDefault(require("lodash/fp/size"));
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
 var _filter2 = _interopRequireDefault(require("lodash/fp/filter"));
 var _react = _interopRequireDefault(require("react"));
+var _cssColorFunction = require("css-color-function");
 var _title = _interopRequireDefault(require("../../atom/title"));
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
 var _tag = _interopRequireDefault(require("../../atom/tag"));
@@ -19,6 +21,10 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const FilterSwitch = (props, context) => {
+  const {
+    skin
+  } = context;
+  const primaryColor = (0, _getOr2.default)(_colors.COLORS.cm_primary_blue, 'common.primary', skin);
   const {
     title,
     titleAriaLabel,
@@ -40,7 +46,11 @@ const FilterSwitch = (props, context) => {
   }), hasSelectedFilters ? /*#__PURE__*/_react.default.createElement(_tag.default, {
     label: (0, _toString2.default)(selectedFiltersCount),
     type: "info",
-    size: "S"
+    size: "S",
+    customStyle: {
+      color: primaryColor,
+      backgroundColor: (0, _cssColorFunction.convert)(`color(${primaryColor} lightness(92%))`)
+    }
   }) : null), hasSelectedFilters ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttonContainer
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
@@ -61,12 +71,16 @@ const FilterSwitch = (props, context) => {
       label,
       value,
       onChange,
-      ariaLabel
+      ariaLabel,
+      id
     } = optionItem;
+    // Use provided id or generate fallback id
+    const switchId = id || `filter-switch-${label.toLowerCase().replace(/\s+/g, '-').replace(/[^a-z0-9-]/g, '')}`;
     return /*#__PURE__*/_react.default.createElement("div", {
       key: label,
       className: _style.default.switchOption
     }, /*#__PURE__*/_react.default.createElement(_inputSwitch.default, {
+      id: switchId,
       title: label,
       value: value,
       theme: 'newMooc',
@@ -77,7 +91,8 @@ const FilterSwitch = (props, context) => {
 };
 FilterSwitch.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 FilterSwitch.contextTypes = {
-  translate: _provider.default.childContextTypes.translate
+  translate: _provider.default.childContextTypes.translate,
+  skin: _provider.default.childContextTypes.skin
 };
 var _default = exports.default = FilterSwitch;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_title","_inputSwitch","_tag","_buttonLink","_provider","_interopRequireWildcard","_colors","_propTypes","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilterSwitch","props","context","title","titleAriaLabel","onClear","options","selectedFiltersCount","_pipe2","_filter2","value","_size2","hasSelectedFilters","translate","GetTranslateFromContext","createElement","className","style","header","titleContainer","ariaLabel","label","_toString2","type","size","buttonContainer","customStyle","fontWeight","padding","onClick","hoverColor","COLORS","cm_grey_700","optionsContainer","map","optionItem","onChange","key","switchOption","theme","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/organism/filter-switch/index.tsx"],"sourcesContent":["import React from 'react';\nimport {filter, pipe, size, toString} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport InputSwitch from '../../atom/input-switch';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {FilterSwitchProps} from './prop-types';\nimport style from './style.css';\n\nconst FilterSwitch = (props: FilterSwitchProps, context: WebContextValues) => {\n  const {title, titleAriaLabel, onClear, options} = props;\n  const selectedFiltersCount = pipe(filter({value: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n  const translate = GetTranslateFromContext(context);\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} ariaLabel={titleAriaLabel} />\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', padding: 0}}\n              label={translate('clear')}\n              type=\"text\"\n              data-name=\"filter-chip-clear-button\"\n              aria-label=\"filter chip clear button\"\n              onClick={onClear}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.optionsContainer}>\n        {options.map(optionItem => {\n          const {label, value, onChange, ariaLabel} = optionItem;\n          return (\n            <div key={label} className={style.switchOption}>\n              <InputSwitch\n                title={label}\n                value={value}\n                theme={'newMooc'}\n                onChange={onChange}\n                aria-label={ariaLabel}\n              />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nFilterSwitch.propTypes = propTypes;\n\nFilterSwitch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterSwitch;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_cssColorFunction","_title","_inputSwitch","_tag","_buttonLink","_provider","_interopRequireWildcard","_colors","_propTypes","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilterSwitch","props","context","skin","primaryColor","_getOr2","COLORS","cm_primary_blue","title","titleAriaLabel","onClear","options","selectedFiltersCount","_pipe2","_filter2","value","_size2","hasSelectedFilters","translate","GetTranslateFromContext","createElement","className","style","header","titleContainer","ariaLabel","label","_toString2","type","size","customStyle","color","backgroundColor","convert","buttonContainer","fontWeight","padding","onClick","hoverColor","cm_grey_700","optionsContainer","map","optionItem","onChange","id","switchId","toLowerCase","replace","key","switchOption","theme","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/organism/filter-switch/index.tsx"],"sourcesContent":["import React from 'react';\nimport {filter, pipe, size, getOr, toString} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Title from '../../atom/title';\nimport InputSwitch from '../../atom/input-switch';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {FilterSwitchProps} from './prop-types';\nimport style from './style.css';\n\nconst FilterSwitch = (props: FilterSwitchProps, context: WebContextValues) => {\n  const {skin} = context;\n  const primaryColor = getOr(COLORS.cm_primary_blue, 'common.primary', skin);\n  const {title, titleAriaLabel, onClear, options} = props;\n  const selectedFiltersCount = pipe(filter({value: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n  const translate = GetTranslateFromContext(context);\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} ariaLabel={titleAriaLabel} />\n          {hasSelectedFilters ? (\n            <Tag\n              label={toString(selectedFiltersCount)}\n              type=\"info\"\n              size=\"S\"\n              customStyle={{\n                color: primaryColor,\n                backgroundColor: convert(`color(${primaryColor} lightness(92%))`)\n              }}\n            />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={{fontWeight: 'normal', padding: 0}}\n              label={translate('clear')}\n              type=\"text\"\n              data-name=\"filter-chip-clear-button\"\n              aria-label=\"filter chip clear button\"\n              onClick={onClear}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.optionsContainer}>\n        {options.map(optionItem => {\n          const {label, value, onChange, ariaLabel, id} = optionItem;\n          // Use provided id or generate fallback id\n          const switchId =\n            id ||\n            `filter-switch-${label\n              .toLowerCase()\n              .replace(/\\s+/g, '-')\n              .replace(/[^a-z0-9-]/g, '')}`;\n          return (\n            <div key={label} className={style.switchOption}>\n              <InputSwitch\n                id={switchId}\n                title={label}\n                value={value}\n                theme={'newMooc'}\n                onChange={onChange}\n                aria-label={ariaLabel}\n              />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nFilterSwitch.propTypes = propTypes;\n\nFilterSwitch.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nexport default FilterSwitch;\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,6 +9,7 @@ declare const propTypes: {
         onChange: PropTypes.Validator<(...args: any[]) => any>;
         theme: PropTypes.Validator<string>;
         ariaLabel: PropTypes.Validator<string>;
+        id: PropTypes.Requireable<string>;
     }> | null | undefined)[]>;
 };
 export declare type FilterSwitchOptionsProps = {
@@ -17,6 +18,7 @@ export declare type FilterSwitchOptionsProps = {
     onChange: (value: string) => void;
     theme: string;
     ariaLabel: string;
+    id?: string;
 };
 export declare type FilterSwitchProps = {
     title: string;

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-switch/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;;CAad,CAAC;AAEF,oBAAY,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,wBAAwB,EAAE,CAAC;CACrC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-switch/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;;;CAcd,CAAC;AAEF,oBAAY,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,wBAAwB,EAAE,CAAC;CACrC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -13,7 +13,8 @@ const propTypes = {
     value: _propTypes.default.bool.isRequired,
     onChange: _propTypes.default.func.isRequired,
     theme: _propTypes.default.string.isRequired,
-    ariaLabel: _propTypes.default.string.isRequired
+    ariaLabel: _propTypes.default.string.isRequired,
+    id: _propTypes.default.string
   }))
 };
 var _default = exports.default = propTypes;

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","propTypes","title","PropTypes","string","isRequired","titleAriaLabel","onClear","func","options","arrayOf","shape","label","value","bool","onChange","theme","ariaLabel","_default","exports"],"sources":["../../../src/organism/filter-switch/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  title: PropTypes.string.isRequired,\n  titleAriaLabel: PropTypes.string,\n  onClear: PropTypes.func.isRequired,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.bool.isRequired,\n      onChange: PropTypes.func.isRequired,\n      theme: PropTypes.string.isRequired,\n      ariaLabel: PropTypes.string.isRequired\n    })\n  )\n};\n\nexport type FilterSwitchOptionsProps = {\n  label: string;\n  value: boolean;\n  onChange: (value: string) => void;\n  theme: string;\n  ariaLabel: string;\n};\n\nexport type FilterSwitchProps = {\n  title: string;\n  titleAriaLabel?: string;\n  onClear: () => void;\n  options: FilterSwitchOptionsProps[];\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,CAACC,UAAU;EAClCC,cAAc,EAAEH,kBAAS,CAACC,MAAM;EAChCG,OAAO,EAAEJ,kBAAS,CAACK,IAAI,CAACH,UAAU;EAClCI,OAAO,EAAEN,kBAAS,CAACO,OAAO,CACxBP,kBAAS,CAACQ,KAAK,CAAC;IACdC,KAAK,EAAET,kBAAS,CAACC,MAAM,CAACC,UAAU;IAClCQ,KAAK,EAAEV,kBAAS,CAACW,IAAI,CAACT,UAAU;IAChCU,QAAQ,EAAEZ,kBAAS,CAACK,IAAI,CAACH,UAAU;IACnCW,KAAK,EAAEb,kBAAS,CAACC,MAAM,CAACC,UAAU;IAClCY,SAAS,EAAEd,kBAAS,CAACC,MAAM,CAACC;EAC9B,CAAC,CACH;AACF,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAiBaC,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","propTypes","title","PropTypes","string","isRequired","titleAriaLabel","onClear","func","options","arrayOf","shape","label","value","bool","onChange","theme","ariaLabel","id","_default","exports"],"sources":["../../../src/organism/filter-switch/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  title: PropTypes.string.isRequired,\n  titleAriaLabel: PropTypes.string,\n  onClear: PropTypes.func.isRequired,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.bool.isRequired,\n      onChange: PropTypes.func.isRequired,\n      theme: PropTypes.string.isRequired,\n      ariaLabel: PropTypes.string.isRequired,\n      id: PropTypes.string\n    })\n  )\n};\n\nexport type FilterSwitchOptionsProps = {\n  label: string;\n  value: boolean;\n  onChange: (value: string) => void;\n  theme: string;\n  ariaLabel: string;\n  id?: string;\n};\n\nexport type FilterSwitchProps = {\n  title: string;\n  titleAriaLabel?: string;\n  onClear: () => void;\n  options: FilterSwitchOptionsProps[];\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,CAACC,UAAU;EAClCC,cAAc,EAAEH,kBAAS,CAACC,MAAM;EAChCG,OAAO,EAAEJ,kBAAS,CAACK,IAAI,CAACH,UAAU;EAClCI,OAAO,EAAEN,kBAAS,CAACO,OAAO,CACxBP,kBAAS,CAACQ,KAAK,CAAC;IACdC,KAAK,EAAET,kBAAS,CAACC,MAAM,CAACC,UAAU;IAClCQ,KAAK,EAAEV,kBAAS,CAACW,IAAI,CAACT,UAAU;IAChCU,QAAQ,EAAEZ,kBAAS,CAACK,IAAI,CAACH,UAAU;IACnCW,KAAK,EAAEb,kBAAS,CAACC,MAAM,CAACC,UAAU;IAClCY,SAAS,EAAEd,kBAAS,CAACC,MAAM,CAACC,UAAU;IACtCa,EAAE,EAAEf,kBAAS,CAACC;EAChB,CAAC,CACH;AACF,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAkBaC,SAAS","ignoreList":[]}

package/lib/organism/list-item/index.d.ts

@@ -119,6 +119,7 @@ declare namespace ListItem {
         }>>;
         image: PropTypes.Requireable<string>;
         checkbox: PropTypes.Requireable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
             checked: PropTypes.Requireable<boolean>;

package/lib/organism/list-items/index.d.ts

@@ -151,6 +151,7 @@ declare namespace ListItems {
                 }>>;
                 image: PropTypes.Requireable<string>;
                 checkbox: PropTypes.Requireable<PropTypes.InferProps<{
+                    value: PropTypes.Requireable<string>;
                     title: PropTypes.Requireable<string>;
                     name: PropTypes.Requireable<string>;
                     checked: PropTypes.Requireable<boolean>;
@@ -539,6 +540,7 @@ declare namespace ListItems {
             searchIconAriaLabel: PropTypes.Requireable<string>;
         }>>;
         checkboxWithTitle: PropTypes.Requireable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
             checked: PropTypes.Requireable<boolean>;

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

@@ -76,7 +76,7 @@
   overflow: hidden;
   align-items: flex-start;
   flex-shrink: 0;
-  color: var(--font-font-color-tertiary, #9999A8);
+  color: var(--font-font-color-tertiary, cm_grey_400);
   text-overflow: ellipsis;
   font-family: Gilroy;
   font-size: 14px;

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

@@ -8,7 +8,7 @@
 @value black from colors;
 @value transparent from colors;
 @value lightBlack from colors;
-@value lightMediumGray from colors;
+@value lightMediumGrey from colors;
 
 .headSpacingContainer {
   width: 100%;
@@ -83,7 +83,7 @@
 
 .sectionTitle {
   padding-top: 16px;
-  color: lightMediumGray;
+  color: lightMediumGrey;
   font-size: 16px;
   font-weight: 300;
   font-stretch: normal;

package/lib/organism/rewards-form/index.d.ts

@@ -6,6 +6,7 @@ declare namespace RewardsForm {
     namespace propTypes {
         const items: PropTypes.Requireable<(PropTypes.InferProps<{
             checkboxWithTitle: PropTypes.Requireable<PropTypes.InferProps<{
+                value: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 name: PropTypes.Requireable<string>;
                 checked: PropTypes.Requireable<boolean>;

package/lib/organism/select-opponents/index.d.ts

@@ -5,6 +5,7 @@ declare const SelectOpponents: {
     propTypes: {
         items: import("prop-types").Requireable<(import("prop-types").InferProps<{
             checkboxWithTitle: import("prop-types").Requireable<import("prop-types").InferProps<{
+                value: import("prop-types").Requireable<string>;
                 title: import("prop-types").Requireable<string>;
                 name: import("prop-types").Requireable<string>;
                 checked: import("prop-types").Requireable<boolean>;

package/lib/organism/select-opponents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAC,oBAAoB,EAA+B,MAAM,SAAS,CAAC;AAMtF,QAAA,MAAM,eAAe;YAAW,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnD,CAAC;AAIF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAC,oBAAoB,EAA+B,MAAM,SAAS,CAAC;AAMtF,QAAA,MAAM,eAAe;YAAW,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnD,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/lib/organism/select-opponents/types.d.ts

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 export declare const propTypes: {
     items: PropTypes.Requireable<(PropTypes.InferProps<{
         checkboxWithTitle: PropTypes.Requireable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
             checked: PropTypes.Requireable<boolean>;

package/lib/organism/select-opponents/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAErB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE;QACL,SAAS,EAAE,iBAAiB,GAAG,cAAc,CAAC;QAC9C,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;KACtB,CAAC;IACF,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,4BAA4B,EAAE,CAAC;CACvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAErB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE;QACL,SAAS,EAAE,iBAAiB,GAAG,cAAc,CAAC;QAC9C,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;KACtB,CAAC;IACF,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,4BAA4B,EAAE,CAAC;CACvC,CAAC;AAEF,eAAe,SAAS,CAAC"}