@coorpacademy/components 11.40.15 → 11.40.16

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

@@ -0,0 +1,101 @@
+import React, { useState, useCallback, useRef } from 'react';
+import Range from '../../atom/range';
+import Title from '../../atom/title';
+import ButtonLink from '../../atom/button-link';
+import Provider, { GetTranslateFromContext } from '../../atom/provider';
+import { COLORS } from '../../variables/colors';
+import style from './style.css';
+import propTypes from './prop-types';
+const CLEAR_BUTTON_STYLE = {
+  fontWeight: 'normal',
+  padding: 0,
+  width: 'auto'
+};
+const FilterRange = (props, context) => {
+  const {
+    title,
+    titleAriaLabel,
+    onClear,
+    options
+  } = props;
+  const translate = GetTranslateFromContext(context);
+  const {
+    min,
+    max,
+    step,
+    value,
+    minLabel,
+    maxLabel,
+    onChange,
+    theme,
+    minValueLabel,
+    maxValueLabel
+  } = options;
+  const [isDragging, setIsDragging] = useState(false);
+  const [pendingValue, setPendingValue] = useState(null);
+  const containerRef = useRef(null);
+  const handleRangeChange = useCallback(newValue => {
+    if (isDragging) {
+      setPendingValue(newValue);
+    } else {
+      onChange(newValue);
+    }
+  }, [isDragging, onChange]);
+  const finalize = useCallback(() => {
+    setIsDragging(false);
+    if (pendingValue) {
+      onChange(pendingValue);
+      setPendingValue(null);
+    }
+  }, [pendingValue, onChange]);
+  const handlePointerDown = useCallback(e => {
+    containerRef.current?.setPointerCapture(e.pointerId);
+    setIsDragging(true);
+  }, []);
+  const handlePointerUp = useCallback(e => {
+    containerRef.current?.releasePointerCapture(e.pointerId);
+    finalize();
+  }, [finalize]);
+  const hasValue = value && value.length > 0 && (value[0] !== min || value[1] !== max);
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.container
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.header
+  }, /*#__PURE__*/React.createElement(Title, {
+    title: title,
+    type: "form-group",
+    titleSize: "standard-light-weight",
+    ariaLabel: titleAriaLabel
+  }), hasValue ? /*#__PURE__*/React.createElement(ButtonLink, {
+    customStyle: CLEAR_BUTTON_STYLE,
+    label: translate('clear'),
+    type: "text",
+    "data-name": "range-clear-button",
+    "aria-label": "range clear button",
+    onClick: onClear,
+    hoverColor: COLORS.primary_600
+  }) : null), /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    className: style.rangeContainer,
+    onPointerDown: handlePointerDown,
+    onPointerUp: handlePointerUp
+  }, /*#__PURE__*/React.createElement(Range, {
+    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 : {};
+FilterRange.contextTypes = {
+  translate: Provider.childContextTypes.translate
+};
+export default FilterRange;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useState","useCallback","useRef","Range","Title","ButtonLink","Provider","GetTranslateFromContext","COLORS","style","propTypes","CLEAR_BUTTON_STYLE","fontWeight","padding","width","FilterRange","props","context","title","titleAriaLabel","onClear","options","translate","min","max","step","value","minLabel","maxLabel","onChange","theme","minValueLabel","maxValueLabel","isDragging","setIsDragging","pendingValue","setPendingValue","containerRef","handleRangeChange","newValue","finalize","handlePointerDown","e","current","setPointerCapture","pointerId","handlePointerUp","releasePointerCapture","hasValue","length","createElement","className","container","header","type","titleSize","ariaLabel","customStyle","label","onClick","hoverColor","primary_600","ref","rangeContainer","onPointerDown","onPointerUp","multi","process","env","NODE_ENV","contextTypes","childContextTypes"],"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/es/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/es/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/es/organism/filter-range/prop-types.js

@@ -0,0 +1,20 @@
+import PropTypes from 'prop-types';
+const propTypes = {
+  title: PropTypes.string.isRequired,
+  titleAriaLabel: PropTypes.string,
+  onClear: PropTypes.func.isRequired,
+  options: PropTypes.shape({
+    label: PropTypes.string.isRequired,
+    min: PropTypes.number.isRequired,
+    max: PropTypes.number.isRequired,
+    step: PropTypes.number,
+    value: PropTypes.arrayOf(PropTypes.number),
+    minLabel: PropTypes.string,
+    maxLabel: PropTypes.string,
+    onChange: PropTypes.func.isRequired,
+    theme: PropTypes.string,
+    selected: PropTypes.bool
+  })
+};
+export default propTypes;
+//# sourceMappingURL=prop-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","title","string","isRequired","titleAriaLabel","onClear","func","options","shape","label","min","number","max","step","value","arrayOf","minLabel","maxLabel","onChange","theme","selected","bool"],"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,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;EAClCC,cAAc,EAAEL,SAAS,CAACG,MAAM;EAChCG,OAAO,EAAEN,SAAS,CAACO,IAAI,CAACH,UAAU;EAClCI,OAAO,EAAER,SAAS,CAACS,KAAK,CAAC;IACvBC,KAAK,EAAEV,SAAS,CAACG,MAAM,CAACC,UAAU;IAClCO,GAAG,EAAEX,SAAS,CAACY,MAAM,CAACR,UAAU;IAChCS,GAAG,EAAEb,SAAS,CAACY,MAAM,CAACR,UAAU;IAChCU,IAAI,EAAEd,SAAS,CAACY,MAAM;IACtBG,KAAK,EAAEf,SAAS,CAACgB,OAAO,CAAChB,SAAS,CAACY,MAAM,CAAC;IAC1CK,QAAQ,EAAEjB,SAAS,CAACG,MAAM;IAC1Be,QAAQ,EAAElB,SAAS,CAACG,MAAM;IAC1BgB,QAAQ,EAAEnB,SAAS,CAACO,IAAI,CAACH,UAAU;IACnCgB,KAAK,EAAEpB,SAAS,CAACG,MAAM;IACvBkB,QAAQ,EAAErB,SAAS,CAACsB;EACtB,CAAC;AACH,CAAC;AAwBD,eAAerB,SAAS","ignoreList":[]}

package/es/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/es/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/es/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/es/organism/filter-switch/index.js

@@ -1,8 +1,10 @@
 import _toString from "lodash/fp/toString";
+import _getOr from "lodash/fp/getOr";
 import _size from "lodash/fp/size";
 import _pipe from "lodash/fp/pipe";
 import _filter from "lodash/fp/filter";
 import React from 'react';
+import { convert } from 'css-color-function';
 import Title from '../../atom/title';
 import InputSwitch from '../../atom/input-switch';
 import Tag from '../../atom/tag';
@@ -12,6 +14,10 @@ import { COLORS } from '../../variables/colors';
 import propTypes from './prop-types';
 import style from './style.css';
 const FilterSwitch = (props, context) => {
+  const {
+    skin
+  } = context;
+  const primaryColor = _getOr(COLORS.cm_primary_blue, 'common.primary', skin);
   const {
     title,
     titleAriaLabel,
@@ -33,7 +39,11 @@ const FilterSwitch = (props, context) => {
   }), hasSelectedFilters ? /*#__PURE__*/React.createElement(Tag, {
     label: _toString(selectedFiltersCount),
     type: "info",
-    size: "S"
+    size: "S",
+    customStyle: {
+      color: primaryColor,
+      backgroundColor: convert(`color(${primaryColor} lightness(92%))`)
+    }
   }) : null), hasSelectedFilters ? /*#__PURE__*/React.createElement("div", {
     className: style.buttonContainer
   }, /*#__PURE__*/React.createElement(ButtonLink, {
@@ -54,12 +64,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.createElement("div", {
       key: label,
       className: style.switchOption
     }, /*#__PURE__*/React.createElement(InputSwitch, {
+      id: switchId,
       title: label,
       value: value,
       theme: 'newMooc',
@@ -70,7 +84,8 @@ const FilterSwitch = (props, context) => {
 };
 FilterSwitch.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 FilterSwitch.contextTypes = {
-  translate: Provider.childContextTypes.translate
+  translate: Provider.childContextTypes.translate,
+  skin: Provider.childContextTypes.skin
 };
 export default FilterSwitch;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Title","InputSwitch","Tag","ButtonLink","Provider","GetTranslateFromContext","COLORS","propTypes","style","FilterSwitch","props","context","title","titleAriaLabel","onClear","options","selectedFiltersCount","_pipe","_filter","value","_size","hasSelectedFilters","translate","createElement","className","header","titleContainer","ariaLabel","label","_toString","type","size","buttonContainer","customStyle","fontWeight","padding","onClick","hoverColor","cm_grey_700","optionsContainer","map","optionItem","onChange","key","switchOption","theme","process","env","NODE_ENV","contextTypes","childContextTypes"],"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":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,KAAK,MAAM,kBAAkB;AACpC,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,GAAG,MAAM,gBAAgB;AAChC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,QAAQ,IAAGC,uBAAuB,QAAO,qBAAqB;AAErE,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,SAAS,MAA2B,cAAc;AACzD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAGA,CAACC,KAAwB,EAAEC,OAAyB,KAAK;EAC5E,MAAM;IAACC,KAAK;IAAEC,cAAc;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGL,KAAK;EACvD,MAAMM,oBAAoB,GAAGC,KAAA,CAAKC,OAAA,CAAO;IAACC,KAAK,EAAE;EAAI,CAAC,CAAC,EAAAC,KAAM,CAAC,CAACL,OAAO,CAAC;EACvE,MAAMM,kBAAkB,GAAGL,oBAAoB,GAAG,CAAC;EACnD,MAAMM,SAAS,GAAGjB,uBAAuB,CAACM,OAAO,CAAC;EAElD,oBACEZ,KAAA,CAAAwB,aAAA,2BACExB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAACiB;EAAO,gBAC3B1B,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAACkB;EAAe,gBACnC3B,KAAA,CAAAwB,aAAA,CAACvB,KAAK;IAACY,KAAK,EAAEA,KAAM;IAACe,SAAS,EAAEd;EAAe,CAAE,CAAC,EACjDQ,kBAAkB,gBACjBtB,KAAA,CAAAwB,aAAA,CAACrB,GAAG;IAAC0B,KAAK,EAAEC,SAAA,CAASb,oBAAoB,CAAE;IAACc,IAAI,EAAC,MAAM;IAACC,IAAI,EAAC;EAAG,CAAE,CAAC,GACjE,IACD,CAAC,EACLV,kBAAkB,gBACjBtB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAACwB;EAAgB,gBACpCjC,KAAA,CAAAwB,aAAA,CAACpB,UAAU;IACT8B,WAAW,EAAE;MAACC,UAAU,EAAE,QAAQ;MAAEC,OAAO,EAAE;IAAC,CAAE;IAChDP,KAAK,EAAEN,SAAS,CAAC,OAAO,CAAE;IAC1BQ,IAAI,EAAC,MAAM;IACX,aAAU,0BAA0B;IACpC,cAAW,0BAA0B;IACrCM,OAAO,EAAEtB,OAAQ;IACjBuB,UAAU,EAAE/B,MAAM,CAACgC;EAAY,CAChC,CACE,CAAC,GACJ,IACD,CAAC,eACNvC,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAAC+B;EAAiB,GACpCxB,OAAO,CAACyB,GAAG,CAACC,UAAU,IAAI;IACzB,MAAM;MAACb,KAAK;MAAET,KAAK;MAAEuB,QAAQ;MAAEf;IAAS,CAAC,GAAGc,UAAU;IACtD,oBACE1C,KAAA,CAAAwB,aAAA;MAAKoB,GAAG,EAAEf,KAAM;MAACJ,SAAS,EAAEhB,KAAK,CAACoC;IAAa,gBAC7C7C,KAAA,CAAAwB,aAAA,CAACtB,WAAW;MACVW,KAAK,EAAEgB,KAAM;MACbT,KAAK,EAAEA,KAAM;MACb0B,KAAK,EAAE,SAAU;MACjBH,QAAQ,EAAEA,QAAS;MACnB,cAAYf;IAAU,CACvB,CACE,CAAC;EAEV,CAAC,CACE,CACF,CAAC;AAEV,CAAC;AAEDlB,YAAY,CAACF,SAAS,GAAAuC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGzC,SAAS;AAElCE,YAAY,CAACwC,YAAY,GAAG;EAC1B3B,SAAS,EAAElB,QAAQ,CAAC8C,iBAAiB,CAAC5B;AACxC,CAAC;AAED,eAAeb,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","convert","Title","InputSwitch","Tag","ButtonLink","Provider","GetTranslateFromContext","COLORS","propTypes","style","FilterSwitch","props","context","skin","primaryColor","_getOr","cm_primary_blue","title","titleAriaLabel","onClear","options","selectedFiltersCount","_pipe","_filter","value","_size","hasSelectedFilters","translate","createElement","className","header","titleContainer","ariaLabel","label","_toString","type","size","customStyle","color","backgroundColor","buttonContainer","fontWeight","padding","onClick","hoverColor","cm_grey_700","optionsContainer","map","optionItem","onChange","id","switchId","toLowerCase","replace","key","switchOption","theme","process","env","NODE_ENV","contextTypes","childContextTypes"],"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":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,OAAO,QAAO,oBAAoB;AAC1C,OAAOC,KAAK,MAAM,kBAAkB;AACpC,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,GAAG,MAAM,gBAAgB;AAChC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,QAAQ,IAAGC,uBAAuB,QAAO,qBAAqB;AAErE,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,SAAS,MAA2B,cAAc;AACzD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAGA,CAACC,KAAwB,EAAEC,OAAyB,KAAK;EAC5E,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAME,YAAY,GAAGC,MAAA,CAAMR,MAAM,CAACS,eAAe,EAAE,gBAAgB,EAAEH,IAAI,CAAC;EAC1E,MAAM;IAACI,KAAK;IAAEC,cAAc;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGT,KAAK;EACvD,MAAMU,oBAAoB,GAAGC,KAAA,CAAKC,OAAA,CAAO;IAACC,KAAK,EAAE;EAAI,CAAC,CAAC,EAAAC,KAAM,CAAC,CAACL,OAAO,CAAC;EACvE,MAAMM,kBAAkB,GAAGL,oBAAoB,GAAG,CAAC;EACnD,MAAMM,SAAS,GAAGrB,uBAAuB,CAACM,OAAO,CAAC;EAElD,oBACEb,KAAA,CAAA6B,aAAA,2BACE7B,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAEpB,KAAK,CAACqB;EAAO,gBAC3B/B,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAEpB,KAAK,CAACsB;EAAe,gBACnChC,KAAA,CAAA6B,aAAA,CAAC3B,KAAK;IAACgB,KAAK,EAAEA,KAAM;IAACe,SAAS,EAAEd;EAAe,CAAE,CAAC,EACjDQ,kBAAkB,gBACjB3B,KAAA,CAAA6B,aAAA,CAACzB,GAAG;IACF8B,KAAK,EAAEC,SAAA,CAASb,oBAAoB,CAAE;IACtCc,IAAI,EAAC,MAAM;IACXC,IAAI,EAAC,GAAG;IACRC,WAAW,EAAE;MACXC,KAAK,EAAExB,YAAY;MACnByB,eAAe,EAAEvC,OAAO,CAAC,SAASc,YAAY,kBAAkB;IAClE;EAAE,CACH,CAAC,GACA,IACD,CAAC,EACLY,kBAAkB,gBACjB3B,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAEpB,KAAK,CAAC+B;EAAgB,gBACpCzC,KAAA,CAAA6B,aAAA,CAACxB,UAAU;IACTiC,WAAW,EAAE;MAACI,UAAU,EAAE,QAAQ;MAAEC,OAAO,EAAE;IAAC,CAAE;IAChDT,KAAK,EAAEN,SAAS,CAAC,OAAO,CAAE;IAC1BQ,IAAI,EAAC,MAAM;IACX,aAAU,0BAA0B;IACpC,cAAW,0BAA0B;IACrCQ,OAAO,EAAExB,OAAQ;IACjByB,UAAU,EAAErC,MAAM,CAACsC;EAAY,CAChC,CACE,CAAC,GACJ,IACD,CAAC,eACN9C,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAEpB,KAAK,CAACqC;EAAiB,GACpC1B,OAAO,CAAC2B,GAAG,CAACC,UAAU,IAAI;IACzB,MAAM;MAACf,KAAK;MAAET,KAAK;MAAEyB,QAAQ;MAAEjB,SAAS;MAAEkB;IAAE,CAAC,GAAGF,UAAU;IAC1D;IACA,MAAMG,QAAQ,GACZD,EAAE,IACF,iBAAiBjB,KAAK,CACnBmB,WAAW,CAAC,CAAC,CACbC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CACpBA,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,EAAE;IACjC,oBACEtD,KAAA,CAAA6B,aAAA;MAAK0B,GAAG,EAAErB,KAAM;MAACJ,SAAS,EAAEpB,KAAK,CAAC8C;IAAa,gBAC7CxD,KAAA,CAAA6B,aAAA,CAAC1B,WAAW;MACVgD,EAAE,EAAEC,QAAS;MACblC,KAAK,EAAEgB,KAAM;MACbT,KAAK,EAAEA,KAAM;MACbgC,KAAK,EAAE,SAAU;MACjBP,QAAQ,EAAEA,QAAS;MACnB,cAAYjB;IAAU,CACvB,CACE,CAAC;EAEV,CAAC,CACE,CACF,CAAC;AAEV,CAAC;AAEDtB,YAAY,CAACF,SAAS,GAAAiD,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGnD,SAAS;AAElCE,YAAY,CAACkD,YAAY,GAAG;EAC1BjC,SAAS,EAAEtB,QAAQ,CAACwD,iBAAiB,CAAClC,SAAS;EAC/Cd,IAAI,EAAER,QAAQ,CAACwD,iBAAiB,CAAChD;AACnC,CAAC;AAED,eAAeH,YAAY","ignoreList":[]}

package/es/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/es/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/es/organism/filter-switch/prop-types.js

@@ -8,7 +8,8 @@ const propTypes = {
     value: PropTypes.bool.isRequired,
     onChange: PropTypes.func.isRequired,
     theme: PropTypes.string.isRequired,
-    ariaLabel: PropTypes.string.isRequired
+    ariaLabel: PropTypes.string.isRequired,
+    id: PropTypes.string
   }))
 };
 export default propTypes;

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","title","string","isRequired","titleAriaLabel","onClear","func","options","arrayOf","shape","label","value","bool","onChange","theme","ariaLabel"],"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,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;EAClCC,cAAc,EAAEL,SAAS,CAACG,MAAM;EAChCG,OAAO,EAAEN,SAAS,CAACO,IAAI,CAACH,UAAU;EAClCI,OAAO,EAAER,SAAS,CAACS,OAAO,CACxBT,SAAS,CAACU,KAAK,CAAC;IACdC,KAAK,EAAEX,SAAS,CAACG,MAAM,CAACC,UAAU;IAClCQ,KAAK,EAAEZ,SAAS,CAACa,IAAI,CAACT,UAAU;IAChCU,QAAQ,EAAEd,SAAS,CAACO,IAAI,CAACH,UAAU;IACnCW,KAAK,EAAEf,SAAS,CAACG,MAAM,CAACC,UAAU;IAClCY,SAAS,EAAEhB,SAAS,CAACG,MAAM,CAACC;EAC9B,CAAC,CACH;AACF,CAAC;AAiBD,eAAeH,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","title","string","isRequired","titleAriaLabel","onClear","func","options","arrayOf","shape","label","value","bool","onChange","theme","ariaLabel","id"],"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,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;EAClCC,cAAc,EAAEL,SAAS,CAACG,MAAM;EAChCG,OAAO,EAAEN,SAAS,CAACO,IAAI,CAACH,UAAU;EAClCI,OAAO,EAAER,SAAS,CAACS,OAAO,CACxBT,SAAS,CAACU,KAAK,CAAC;IACdC,KAAK,EAAEX,SAAS,CAACG,MAAM,CAACC,UAAU;IAClCQ,KAAK,EAAEZ,SAAS,CAACa,IAAI,CAACT,UAAU;IAChCU,QAAQ,EAAEd,SAAS,CAACO,IAAI,CAACH,UAAU;IACnCW,KAAK,EAAEf,SAAS,CAACG,MAAM,CAACC,UAAU;IAClCY,SAAS,EAAEhB,SAAS,CAACG,MAAM,CAACC,UAAU;IACtCa,EAAE,EAAEjB,SAAS,CAACG;EAChB,CAAC,CACH;AACF,CAAC;AAkBD,eAAeF,SAAS","ignoreList":[]}

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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"}

package/es/organism/sidebar/style.css

@@ -7,8 +7,8 @@
 @value white from colors;
 @value dark from colors;
 @value cm_grey_700 from colors;
-@value lightMediumGray from colors;
-@value lightMediumGray from colors;
+@value lightMediumGrey from colors;
+@value lightMediumGrey from colors;
 @value cm_grey_500 from colors;
 @value medium from colors;
 @value transparent from colors;
@@ -63,7 +63,7 @@
 }
 
 .titleItem {
-  background-color: lightMediumGray;
+  background-color: lightMediumGrey;
   list-style-type: none;
   padding: 0;
 }

package/es/organism/title-and-input/index.d.ts

@@ -260,6 +260,7 @@ declare const TitleAndInput: {
         }> | import("prop-types").InferProps<{
             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/es/organism/title-and-input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAkB,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAGtD,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI7C,CAAC;AAwBF,QAAA,MAAM,aAAa;YAAW,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuB/C,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAkB,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAGtD,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI7C,CAAC;AAwBF,QAAA,MAAM,aAAa;YAAW,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuB/C,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/es/organism/title-and-input/types.d.ts

@@ -265,6 +265,7 @@ declare const propTypes: {
     }> | PropTypes.InferProps<{
         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/es/organism/title-and-input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AACnD,OAAO,KAAK,MAAM,kBAAkB,CAAC;AACrC,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAC/D,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAIrD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0Bd,CAAC;AAEF,oBAAY,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC1C,KAAK,EACD,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,GACzC,eAAe,GACf,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GAClE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GACtE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GAC/D,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAC3C,oBAAoB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AACnD,OAAO,KAAK,MAAM,kBAAkB,CAAC;AACrC,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAC/D,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAIrD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0Bd,CAAC;AAEF,oBAAY,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC1C,KAAK,EACD,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,GACzC,eAAe,GACf,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GAClE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GACtE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GAC/D,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAC3C,oBAAoB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/organism/wizard-contents/index.d.ts

@@ -327,6 +327,7 @@ declare namespace WizardContents {
             type: PropTypes.Requireable<string>;
             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/es/template/activity/stars-summary.css

@@ -3,7 +3,7 @@
 @value tablet from breakpoints;
 @value colors: "../../variables/colors.css";
 @value light from colors;
-@value lightMediumGray from colors;
+@value lightMediumGrey from colors;
 @value medium from colors;
 @value transparent from colors;
 @value white from colors;
@@ -116,7 +116,7 @@
 }
 
 .circle {
-    box-shadow: 0 0px 4px 0 color(lightMediumGray a(70%));
+    box-shadow: 0 0px 4px 0 color(lightMediumGrey a(70%));
     border: solid 1px light;
     border-radius: 50%;
     cursor: pointer;

package/es/template/app-player/loading/index.d.ts

@@ -301,6 +301,7 @@ declare namespace PlayerLoading {
                             }>>;
                             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>;
@@ -689,6 +690,7 @@ declare namespace PlayerLoading {
                         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/es/template/app-player/player/index.d.ts

@@ -360,6 +360,7 @@ declare namespace SlidePlayer {
                                 }>>;
                                 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>;
@@ -748,6 +749,7 @@ declare namespace SlidePlayer {
                             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>;
@@ -1218,6 +1220,7 @@ declare namespace SlidePlayer {
                             }>>;
                             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>;
@@ -1606,6 +1609,7 @@ declare namespace SlidePlayer {
                         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>;