@coorpacademy/components 11.32.19 → 11.32.20-alpha.32

package/lib/atom/button-link/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["propTypes","type","PropTypes","oneOf","label","string","content","node","icon","shape","position","ICONS","onClick","func","link","href","download","bool","target","disabled","className","customStyle"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\n\nconst propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  label: PropTypes.string,\n  content: PropTypes.node,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  'data-testid': PropTypes.string,\n  icon: PropTypes.shape({\n    position: PropTypes.oneOf(['right', 'left']),\n    type: PropTypes.oneOf(keys(ICONS))\n  }),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  customStyle: PropTypes.shape({})\n};\n\nexport type FaIcontype = {\n  name: string;\n  color?: string;\n  backgroundColor?: string;\n  size?: number;\n};\n\nexport type IconType = {\n  position: 'right' | 'left';\n  type?: keyof typeof ICONS;\n  faIcon?: FaIcontype;\n};\nexport type ButtonLinkProps = {\n  type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';\n  label?: string;\n  content?: React.ReactNode;\n  'aria-label'?: string;\n  'data-name'?: string;\n  'data-testid'?: string;\n  icon?: IconType;\n  onClick?: () => void;\n  onKeyDown?: () => void;\n  link?: {\n    href?: string;\n    download?: boolean;\n    target?: '_self' | '_blank' | '_parent' | '_top';\n  };\n  disabled?: boolean;\n  className?: string;\n  customStyle?: Record<string, unknown>;\n  useTitle?: boolean;\n};\n\nexport type Fixture = {props: ButtonLinkProps};\n\nexport default propTypes;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,EAAyB,UAAzB,EAAqC,MAArC,EAA6C,WAA7C,CAAhB,CADU;EAEhBC,KAAK,EAAEF,kBAAA,CAAUG,MAFD;EAGhBC,OAAO,EAAEJ,kBAAA,CAAUK,IAHH;EAIhB,cAAcL,kBAAA,CAAUG,MAJR;EAKhB,aAAaH,kBAAA,CAAUG,MALP;EAMhB,eAAeH,kBAAA,CAAUG,MANT;EAOhBG,IAAI,EAAEN,kBAAA,CAAUO,KAAV,CAAgB;IACpBC,QAAQ,EAAER,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CADU;IAEpBF,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,oBAAKQ,kBAAL,CAAhB;EAFc,CAAhB,CAPU;EAWhBC,OAAO,EAAEV,kBAAA,CAAUW,IAXH;EAYhBC,IAAI,EAAEZ,kBAAA,CAAUO,KAAV,CAAgB;IACpBM,IAAI,EAAEb,kBAAA,CAAUG,MADI;IAEpBW,QAAQ,EAAEd,kBAAA,CAAUe,IAFA;IAGpBC,MAAM,EAAEhB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;EAHY,CAAhB,CAZU;EAiBhBgB,QAAQ,EAAEjB,kBAAA,CAAUe,IAjBJ;EAkBhBG,SAAS,EAAElB,kBAAA,CAAUG,MAlBL;EAmBhBgB,WAAW,EAAEnB,kBAAA,CAAUO,KAAV,CAAgB,EAAhB;AAnBG,CAAlB;eAyDeT,S"}
+{"version":3,"file":"types.js","names":["propTypes","type","PropTypes","oneOf","label","string","content","node","icon","shape","position","ICONS","onClick","func","link","href","download","bool","target","hoverBackgroundColor","hoverColor","disabled","className","customStyle"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\n\nconst propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  label: PropTypes.string,\n  content: PropTypes.node,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  'data-testid': PropTypes.string,\n  icon: PropTypes.shape({\n    position: PropTypes.oneOf(['right', 'left']),\n    type: PropTypes.oneOf(keys(ICONS))\n  }),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  hoverBackgroundColor: PropTypes.string,\n  hoverColor: PropTypes.string,\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  customStyle: PropTypes.shape({})\n};\n\nexport type FaIcontype = {\n  name: string;\n  color?: string;\n  backgroundColor?: string;\n  size?: number;\n};\n\nexport type IconType = {\n  position: 'right' | 'left';\n  type?: keyof typeof ICONS;\n  faIcon?: FaIcontype;\n};\nexport type ButtonLinkProps = {\n  type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';\n  label?: string;\n  content?: React.ReactNode;\n  'aria-label'?: string;\n  'data-name'?: string;\n  'data-testid'?: string;\n  icon?: IconType;\n  onClick?: () => void;\n  onKeyDown?: () => void;\n  link?: {\n    href?: string;\n    download?: boolean;\n    target?: '_self' | '_blank' | '_parent' | '_top';\n  };\n  hoverBackgroundColor?: string;\n  hoverColor?: string;\n  disabled?: boolean;\n  className?: string;\n  customStyle?: Record<string, unknown>;\n  useTitle?: boolean;\n};\n\nexport type Fixture = {props: ButtonLinkProps};\n\nexport default propTypes;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,EAAyB,UAAzB,EAAqC,MAArC,EAA6C,WAA7C,CAAhB,CADU;EAEhBC,KAAK,EAAEF,kBAAA,CAAUG,MAFD;EAGhBC,OAAO,EAAEJ,kBAAA,CAAUK,IAHH;EAIhB,cAAcL,kBAAA,CAAUG,MAJR;EAKhB,aAAaH,kBAAA,CAAUG,MALP;EAMhB,eAAeH,kBAAA,CAAUG,MANT;EAOhBG,IAAI,EAAEN,kBAAA,CAAUO,KAAV,CAAgB;IACpBC,QAAQ,EAAER,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CADU;IAEpBF,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,oBAAKQ,kBAAL,CAAhB;EAFc,CAAhB,CAPU;EAWhBC,OAAO,EAAEV,kBAAA,CAAUW,IAXH;EAYhBC,IAAI,EAAEZ,kBAAA,CAAUO,KAAV,CAAgB;IACpBM,IAAI,EAAEb,kBAAA,CAAUG,MADI;IAEpBW,QAAQ,EAAEd,kBAAA,CAAUe,IAFA;IAGpBC,MAAM,EAAEhB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;EAHY,CAAhB,CAZU;EAiBhBgB,oBAAoB,EAAEjB,kBAAA,CAAUG,MAjBhB;EAkBhBe,UAAU,EAAElB,kBAAA,CAAUG,MAlBN;EAmBhBgB,QAAQ,EAAEnB,kBAAA,CAAUe,IAnBJ;EAoBhBK,SAAS,EAAEpB,kBAAA,CAAUG,MApBL;EAqBhBkB,WAAW,EAAErB,kBAAA,CAAUO,KAAV,CAAgB,EAAhB;AArBG,CAAlB;eA6DeT,S"}

package/lib/atom/circular-progress-bar/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { LearningPriorityCardPropTypes } from './types';
+declare const CircularProgressBar: {
+    ({ label, progression, size, strokeWidth, "aria-label": ariaLabel, "data-name": dataName }: LearningPriorityCardPropTypes): JSX.Element;
+    propTypes: {
+        label: import("prop-types").Requireable<string>;
+        progression: import("prop-types").Validator<number>;
+        size: import("prop-types").Requireable<number>;
+        strokeWidth: import("prop-types").Requireable<number>;
+        'aria-label': import("prop-types").Requireable<string>;
+        'data-name': import("prop-types").Requireable<string>;
+    };
+};
+export default CircularProgressBar;
+//# sourceMappingURL=index.d.ts.map

package/lib/atom/circular-progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/circular-progress-bar/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,6BAA6B,EAA+B,MAAM,SAAS,CAAC;AAmBpF,QAAA,MAAM,mBAAmB;gGAOtB,6BAA6B;;;;;;;;;CAgD/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}

package/lib/atom/circular-progress-bar/index.js

@@ -0,0 +1,101 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _isNull2 = _interopRequireDefault(require("lodash/fp/isNull"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _types = require("./types");
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ProgressionGradient = () => /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
+  id: "gradient-stroke-progression",
+  x1: "81",
+  y1: "0",
+  x2: "81",
+  y2: "162",
+  gradientUnits: "userSpaceOnUse"
+}, /*#__PURE__*/_react.default.createElement("stop", {
+  stopColor: "#35CC7F"
+}), /*#__PURE__*/_react.default.createElement("stop", {
+  offset: "1",
+  stopColor: "#55F2A7"
+})));
+
+const CircularProgressBar = ({
+  label,
+  progression,
+  size,
+  strokeWidth,
+  'aria-label': ariaLabel,
+  'data-name': dataName
+}) => {
+  const [offset, setOffset] = (0, _react.useState)(null);
+  const {
+    center,
+    radius,
+    length
+  } = (0, _react.useMemo)(() => {
+    const center_ = size / 2;
+    const radius_ = center_ - strokeWidth;
+    const length_ = Math.ceil(2 * Math.PI * radius_);
+    return {
+      center: center_,
+      radius: radius_,
+      length: length_
+    };
+  }, [size, strokeWidth]);
+  (0, _react.useEffect)(() => setOffset(Math.ceil(length * ((100 - progression) / 100))), [length, progression]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container,
+    "aria-label": ariaLabel,
+    "data-name": dataName
+  }, /*#__PURE__*/_react.default.createElement("svg", {
+    className: _style.default.svg,
+    width: size,
+    height: size
+  }, /*#__PURE__*/_react.default.createElement(ProgressionGradient, null), /*#__PURE__*/_react.default.createElement("circle", {
+    className: _style.default.mainCircle,
+    cx: center,
+    cy: center,
+    r: radius,
+    strokeWidth: 3,
+    fill: "transparent"
+  }), /*#__PURE__*/_react.default.createElement("circle", {
+    cx: center,
+    cy: center,
+    r: radius - 10 / radius * 100,
+    fill: "#fafafa"
+  }), /*#__PURE__*/_react.default.createElement("circle", {
+    className: _style.default.progressionCircle,
+    cx: center,
+    cy: center,
+    r: radius,
+    stroke: `url(#gradient-stroke-progression)`,
+    strokeWidth: strokeWidth,
+    strokeDasharray: length,
+    strokeDashoffset: (0, _isNull2.default)(offset) ? length : offset,
+    fill: "transparent",
+    strokeLinecap: "round"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.infos
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.progression
+  }, progression, "%"), /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.label
+  }, label)));
+};
+
+CircularProgressBar.propTypes = process.env.NODE_ENV !== "production" ? _types.CircularProgressBarPropTypes : {};
+var _default = CircularProgressBar;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/atom/circular-progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ProgressionGradient","CircularProgressBar","label","progression","size","strokeWidth","ariaLabel","dataName","offset","setOffset","useState","center","radius","length","useMemo","center_","radius_","length_","Math","ceil","PI","useEffect","style","container","svg","mainCircle","progressionCircle","infos","propTypes","CircularProgressBarPropTypes"],"sources":["../../../src/atom/circular-progress-bar/index.tsx"],"sourcesContent":["import React, {useMemo, useState, useEffect} from 'react';\nimport {isNull} from 'lodash/fp';\nimport {LearningPriorityCardPropTypes, CircularProgressBarPropTypes} from './types';\nimport style from './style.css';\n\nconst ProgressionGradient = () => (\n  <defs>\n    <linearGradient\n      id=\"gradient-stroke-progression\"\n      x1=\"81\"\n      y1=\"0\"\n      x2=\"81\"\n      y2=\"162\"\n      gradientUnits=\"userSpaceOnUse\"\n    >\n      <stop stopColor=\"#35CC7F\" />\n      <stop offset=\"1\" stopColor=\"#55F2A7\" />\n    </linearGradient>\n  </defs>\n);\n\nconst CircularProgressBar = ({\n  label,\n  progression,\n  size,\n  strokeWidth,\n  'aria-label': ariaLabel,\n  'data-name': dataName\n}: LearningPriorityCardPropTypes) => {\n  const [offset, setOffset] = useState<null | number>(null);\n\n  const {center, radius, length} = useMemo(() => {\n    const center_ = size / 2;\n    const radius_ = center_ - strokeWidth;\n    const length_ = Math.ceil(2 * Math.PI * radius_);\n\n    return {center: center_, radius: radius_, length: length_};\n  }, [size, strokeWidth]);\n\n  useEffect(\n    () => setOffset(Math.ceil(length * ((100 - progression) / 100))),\n    [length, progression]\n  );\n\n  return (\n    <div className={style.container} aria-label={ariaLabel} data-name={dataName}>\n      <svg className={style.svg} width={size} height={size}>\n        <ProgressionGradient />\n        <circle\n          className={style.mainCircle}\n          cx={center}\n          cy={center}\n          r={radius}\n          strokeWidth={3}\n          fill=\"transparent\"\n        />\n        <circle cx={center} cy={center} r={radius - (10 / radius) * 100} fill=\"#fafafa\" />\n        <circle\n          className={style.progressionCircle}\n          cx={center}\n          cy={center}\n          r={radius}\n          stroke={`url(#gradient-stroke-progression)`}\n          strokeWidth={strokeWidth}\n          strokeDasharray={length}\n          strokeDashoffset={isNull(offset) ? length : offset}\n          fill=\"transparent\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n      <div className={style.infos}>\n        <span className={style.progression}>{progression}%</span>\n        <span className={style.label}>{label}</span>\n      </div>\n    </div>\n  );\n};\n\nCircularProgressBar.propTypes = CircularProgressBarPropTypes;\n\nexport default CircularProgressBar;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,mBAAmB,GAAG,mBAC1B,wDACE;EACE,EAAE,EAAC,6BADL;EAEE,EAAE,EAAC,IAFL;EAGE,EAAE,EAAC,GAHL;EAIE,EAAE,EAAC,IAJL;EAKE,EAAE,EAAC,KALL;EAME,aAAa,EAAC;AANhB,gBAQE;EAAM,SAAS,EAAC;AAAhB,EARF,eASE;EAAM,MAAM,EAAC,GAAb;EAAiB,SAAS,EAAC;AAA3B,EATF,CADF,CADF;;AAgBA,MAAMC,mBAAmB,GAAG,CAAC;EAC3BC,KAD2B;EAE3BC,WAF2B;EAG3BC,IAH2B;EAI3BC,WAJ2B;EAK3B,cAAcC,SALa;EAM3B,aAAaC;AANc,CAAD,KAOS;EACnC,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,EAAwB,IAAxB,CAA5B;EAEA,MAAM;IAACC,MAAD;IAASC,MAAT;IAAiBC;EAAjB,IAA2B,IAAAC,cAAA,EAAQ,MAAM;IAC7C,MAAMC,OAAO,GAAGX,IAAI,GAAG,CAAvB;IACA,MAAMY,OAAO,GAAGD,OAAO,GAAGV,WAA1B;IACA,MAAMY,OAAO,GAAGC,IAAI,CAACC,IAAL,CAAU,IAAID,IAAI,CAACE,EAAT,GAAcJ,OAAxB,CAAhB;IAEA,OAAO;MAACL,MAAM,EAAEI,OAAT;MAAkBH,MAAM,EAAEI,OAA1B;MAAmCH,MAAM,EAAEI;IAA3C,CAAP;EACD,CANgC,EAM9B,CAACb,IAAD,EAAOC,WAAP,CAN8B,CAAjC;EAQA,IAAAgB,gBAAA,EACE,MAAMZ,SAAS,CAACS,IAAI,CAACC,IAAL,CAAUN,MAAM,IAAI,CAAC,MAAMV,WAAP,IAAsB,GAA1B,CAAhB,CAAD,CADjB,EAEE,CAACU,MAAD,EAASV,WAAT,CAFF;EAKA,oBACE;IAAK,SAAS,EAAEmB,cAAA,CAAMC,SAAtB;IAAiC,cAAYjB,SAA7C;IAAwD,aAAWC;EAAnE,gBACE;IAAK,SAAS,EAAEe,cAAA,CAAME,GAAtB;IAA2B,KAAK,EAAEpB,IAAlC;IAAwC,MAAM,EAAEA;EAAhD,gBACE,6BAAC,mBAAD,OADF,eAEE;IACE,SAAS,EAAEkB,cAAA,CAAMG,UADnB;IAEE,EAAE,EAAEd,MAFN;IAGE,EAAE,EAAEA,MAHN;IAIE,CAAC,EAAEC,MAJL;IAKE,WAAW,EAAE,CALf;IAME,IAAI,EAAC;EANP,EAFF,eAUE;IAAQ,EAAE,EAAED,MAAZ;IAAoB,EAAE,EAAEA,MAAxB;IAAgC,CAAC,EAAEC,MAAM,GAAI,KAAKA,MAAN,GAAgB,GAA5D;IAAiE,IAAI,EAAC;EAAtE,EAVF,eAWE;IACE,SAAS,EAAEU,cAAA,CAAMI,iBADnB;IAEE,EAAE,EAAEf,MAFN;IAGE,EAAE,EAAEA,MAHN;IAIE,CAAC,EAAEC,MAJL;IAKE,MAAM,EAAG,mCALX;IAME,WAAW,EAAEP,WANf;IAOE,eAAe,EAAEQ,MAPnB;IAQE,gBAAgB,EAAE,sBAAOL,MAAP,IAAiBK,MAAjB,GAA0BL,MAR9C;IASE,IAAI,EAAC,aATP;IAUE,aAAa,EAAC;EAVhB,EAXF,CADF,eAyBE;IAAK,SAAS,EAAEc,cAAA,CAAMK;EAAtB,gBACE;IAAM,SAAS,EAAEL,cAAA,CAAMnB;EAAvB,GAAqCA,WAArC,MADF,eAEE;IAAM,SAAS,EAAEmB,cAAA,CAAMpB;EAAvB,GAA+BA,KAA/B,CAFF,CAzBF,CADF;AAgCD,CAvDD;;AAyDAD,mBAAmB,CAAC2B,SAApB,2CAAgCC,mCAAhC;eAEe5B,mB"}

package/lib/atom/circular-progress-bar/style.css

@@ -0,0 +1,51 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_400 from colors;
+@value cm_grey_50 from colors;
+
+.container {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.svg {
+  transform: rotate(-90deg);
+}
+
+.mainCircle {
+  stroke: cm_grey_50;
+}
+
+.progressionCircle {
+  transition: stroke-dashoffset 1.5s ease-in-out;
+}
+
+.infos {
+  font-family: Gilroy;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+}
+
+.label {
+  color: cm_grey_400;
+  font-size: 10px;
+  font-weight: 500;
+  line-height: 12px;
+}
+
+.progression {
+  color: #2caf6c;
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 32px;
+}

package/lib/atom/circular-progress-bar/types.d.ts

@@ -0,0 +1,18 @@
+import PropTypes from 'prop-types';
+export declare type LearningPriorityCardPropTypes = {
+    label: string;
+    progression: number;
+    size: number;
+    strokeWidth: number;
+    'aria-label': string;
+    'data-name': string;
+};
+export declare const CircularProgressBarPropTypes: {
+    label: PropTypes.Requireable<string>;
+    progression: PropTypes.Validator<number>;
+    size: PropTypes.Requireable<number>;
+    strokeWidth: PropTypes.Requireable<number>;
+    'aria-label': PropTypes.Requireable<string>;
+    'data-name': PropTypes.Requireable<string>;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/atom/circular-progress-bar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/circular-progress-bar/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,oBAAY,6BAA6B,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;;;;;CAOxC,CAAC"}

package/lib/atom/circular-progress-bar/types.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CircularProgressBarPropTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const CircularProgressBarPropTypes = {
+  label: _propTypes.default.string,
+  progression: _propTypes.default.number.isRequired,
+  size: _propTypes.default.number,
+  strokeWidth: _propTypes.default.number,
+  'aria-label': _propTypes.default.string,
+  'data-name': _propTypes.default.string
+};
+exports.CircularProgressBarPropTypes = CircularProgressBarPropTypes;
+//# sourceMappingURL=types.js.map

package/lib/atom/circular-progress-bar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["CircularProgressBarPropTypes","label","PropTypes","string","progression","number","isRequired","size","strokeWidth"],"sources":["../../../src/atom/circular-progress-bar/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport type LearningPriorityCardPropTypes = {\n  label: string;\n  progression: number;\n  size: number;\n  strokeWidth: number;\n  'aria-label': string;\n  'data-name': string;\n};\n\nexport const CircularProgressBarPropTypes = {\n  label: PropTypes.string,\n  progression: PropTypes.number.isRequired,\n  size: PropTypes.number,\n  strokeWidth: PropTypes.number,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\n"],"mappings":";;;;;AAAA;;;;AAWO,MAAMA,4BAA4B,GAAG;EAC1CC,KAAK,EAAEC,kBAAA,CAAUC,MADyB;EAE1CC,WAAW,EAAEF,kBAAA,CAAUG,MAAV,CAAiBC,UAFY;EAG1CC,IAAI,EAAEL,kBAAA,CAAUG,MAH0B;EAI1CG,WAAW,EAAEN,kBAAA,CAAUG,MAJmB;EAK1C,cAAcH,kBAAA,CAAUC,MALkB;EAM1C,aAAaD,kBAAA,CAAUC;AANmB,CAArC"}

package/lib/atom/tag/index.d.ts

@@ -1,9 +1,18 @@
 export default Tag;
-declare function Tag(props: any): JSX.Element;
+declare function Tag({ label, type, size, customStyle }: {
+    label: any;
+    type?: string | undefined;
+    size?: string | undefined;
+    customStyle?: {} | undefined;
+}): JSX.Element;
 declare namespace Tag {
     namespace propTypes {
         const label: PropTypes.Requireable<string>;
         const type: PropTypes.Requireable<string>;
+        const size: PropTypes.Requireable<string>;
+        const customStyle: PropTypes.Requireable<{
+            [x: string]: string | null | undefined;
+        }>;
     }
 }
 import PropTypes from "prop-types";

package/lib/atom/tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tag/index.js"],"names":[],"mappings":";AAaA,8CAQC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tag/index.js"],"names":[],"mappings":";AAoBA;;;;;gBAQC"}

package/lib/atom/tag/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,21 +22,28 @@ const TAG_STYLES = {
   warning: _style.default.warning,
   progress: _style.default.progress
 };
-
-const Tag = props => {
-  const {
-    label,
-    type = 'default'
-  } = props;
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: TAG_STYLES[type],
-    "data-name": `content-tag-${label}`
-  }, label);
+const TAG_SIZE = {
+  S: _style.default.small,
+  M: _style.default.medium,
+  L: _style.default.large
 };
 
+const Tag = ({
+  label,
+  type = 'default',
+  size = 'M',
+  customStyle = {}
+}) => /*#__PURE__*/_react.default.createElement("span", {
+  className: (0, _classnames.default)(TAG_STYLES[type], TAG_SIZE[size]),
+  "data-name": `content-tag-${label}`,
+  style: customStyle
+}, label);
+
 Tag.propTypes = process.env.NODE_ENV !== "production" ? {
   label: _propTypes.default.string,
-  type: _propTypes.default.oneOf((0, _keys2.default)(TAG_STYLES))
+  type: _propTypes.default.oneOf((0, _keys2.default)(TAG_STYLES)),
+  size: _propTypes.default.oneOf(['S', 'M', 'L']),
+  customStyle: _propTypes.default.objectOf(_propTypes.default.string)
 } : {};
 var _default = Tag;
 exports.default = _default;

package/lib/atom/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TAG_STYLES","default","style","success","failure","warning","progress","Tag","props","label","type","propTypes","PropTypes","string","oneOf"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.default,\n  success: style.success,\n  failure: style.failure,\n  warning: style.warning,\n  progress: style.progress\n};\n\nconst Tag = props => {\n  const {label, type = 'default'} = props;\n\n  return (\n    <span className={TAG_STYLES[type]} data-name={`content-tag-${label}`}>\n      {label}\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES))\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,OAAO,EAAEC,cAAA,CAAMD,OADE;EAEjBE,OAAO,EAAED,cAAA,CAAMC,OAFE;EAGjBC,OAAO,EAAEF,cAAA,CAAME,OAHE;EAIjBC,OAAO,EAAEH,cAAA,CAAMG,OAJE;EAKjBC,QAAQ,EAAEJ,cAAA,CAAMI;AALC,CAAnB;;AAQA,MAAMC,GAAG,GAAGC,KAAK,IAAI;EACnB,MAAM;IAACC,KAAD;IAAQC,IAAI,GAAG;EAAf,IAA4BF,KAAlC;EAEA,oBACE;IAAM,SAAS,EAAER,UAAU,CAACU,IAAD,CAA3B;IAAmC,aAAY,eAAcD,KAAM;EAAnE,GACGA,KADH,CADF;AAKD,CARD;;AAUAF,GAAG,CAACI,SAAJ,2CAAgB;EACdF,KAAK,EAAEG,kBAAA,CAAUC,MADH;EAEdH,IAAI,EAAEE,kBAAA,CAAUE,KAAV,CAAgB,oBAAKd,UAAL,CAAhB;AAFQ,CAAhB;eAKeO,G"}
+{"version":3,"file":"index.js","names":["TAG_STYLES","default","style","success","failure","warning","progress","TAG_SIZE","S","small","M","medium","L","large","Tag","label","type","size","customStyle","classnames","propTypes","PropTypes","string","oneOf","objectOf"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.default,\n  success: style.success,\n  failure: style.failure,\n  warning: style.warning,\n  progress: style.progress\n};\n\nconst TAG_SIZE = {\n  S: style.small,\n  M: style.medium,\n  L: style.large\n};\n\nconst Tag = ({label, type = 'default', size = 'M', customStyle = {}}) => (\n  <span\n    className={classnames(TAG_STYLES[type], TAG_SIZE[size])}\n    data-name={`content-tag-${label}`}\n    style={customStyle}\n  >\n    {label}\n  </span>\n);\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES)),\n  size: PropTypes.oneOf(['S', 'M', 'L']),\n  customStyle: PropTypes.objectOf(PropTypes.string)\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,OAAO,EAAEC,cAAA,CAAMD,OADE;EAEjBE,OAAO,EAAED,cAAA,CAAMC,OAFE;EAGjBC,OAAO,EAAEF,cAAA,CAAME,OAHE;EAIjBC,OAAO,EAAEH,cAAA,CAAMG,OAJE;EAKjBC,QAAQ,EAAEJ,cAAA,CAAMI;AALC,CAAnB;AAQA,MAAMC,QAAQ,GAAG;EACfC,CAAC,EAAEN,cAAA,CAAMO,KADM;EAEfC,CAAC,EAAER,cAAA,CAAMS,MAFM;EAGfC,CAAC,EAAEV,cAAA,CAAMW;AAHM,CAAjB;;AAMA,MAAMC,GAAG,GAAG,CAAC;EAACC,KAAD;EAAQC,IAAI,GAAG,SAAf;EAA0BC,IAAI,GAAG,GAAjC;EAAsCC,WAAW,GAAG;AAApD,CAAD,kBACV;EACE,SAAS,EAAE,IAAAC,mBAAA,EAAWnB,UAAU,CAACgB,IAAD,CAArB,EAA6BT,QAAQ,CAACU,IAAD,CAArC,CADb;EAEE,aAAY,eAAcF,KAAM,EAFlC;EAGE,KAAK,EAAEG;AAHT,GAKGH,KALH,CADF;;AAUAD,GAAG,CAACM,SAAJ,2CAAgB;EACdL,KAAK,EAAEM,kBAAA,CAAUC,MADH;EAEdN,IAAI,EAAEK,kBAAA,CAAUE,KAAV,CAAgB,oBAAKvB,UAAL,CAAhB,CAFQ;EAGdiB,IAAI,EAAEI,kBAAA,CAAUE,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,CAAhB,CAHQ;EAIdL,WAAW,EAAEG,kBAAA,CAAUG,QAAV,CAAmBH,kBAAA,CAAUC,MAA7B;AAJC,CAAhB;eAOeR,G"}

package/lib/atom/tag/style.css

@@ -5,41 +5,60 @@
 @value cm_negative_100 from colors;
 @value cm_orange_700 from colors;
 @value black from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_500 from colors;
 
 .tag {
   border-radius: 24px;
-  font-family: 'Gilroy';
-  font-size: 14px;
-  font-weight: bold;
+  font-family: "Gilroy";
+  font-weight: 600;
   text-align: center;
-  padding: 12px 16px;
+}
+
+.small {
+  composes: tag;
+  font-size: 10px;
+  padding: 2px 4px;
+}
+
+.medium {
+  composes: tag;
+  font-size: 12px;
+  padding: 4px 8px;
+}
+
+.large {
+  composes: tag;
+  font-size: 14px;
+  padding: 8px 16px;
 }
 
 .default {
-    composes: tag;
-    color: black;
+  composes: tag;
+  background-color: cm_grey_100;
+  color: cm_grey_500;
 }
 
 .progress {
-    composes: tag;
-    background-color: color(cm_yellow_200 a(15%));
-    color: cm_yellow_200;
+  composes: tag;
+  background-color: color(cm_yellow_200 a(15%));
+  color: cm_yellow_200;
 }
 
 .success {
-    composes: tag;
-    background-color: color(cm_positive_100 a(15%));
-    color: cm_positive_100;
+  composes: tag;
+  background-color: color(cm_positive_100 a(15%));
+  color: cm_positive_100;
 }
 
 .failure {
-    composes: tag;
-    background-color: color(cm_negative_100 a(15%));
-    color: cm_negative_100;
+  composes: tag;
+  background-color: color(cm_negative_100 a(15%));
+  color: cm_negative_100;
 }
 
 .warning {
-    composes: tag;
-    background-color: color(cm_orange_700 a(15%));
-    color: cm_orange_700;
-}
+  composes: tag;
+  background-color: color(cm_orange_700 a(15%));
+  color: cm_orange_700;
+}

package/lib/molecule/base-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/base-modal/index.js"],"names":[],"mappings":";AASA,yEAgHC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/base-modal/index.js"],"names":[],"mappings":";AASA,yEA4GC"}

package/lib/molecule/base-modal/index.js

@@ -42,9 +42,6 @@ const BaseModal = (props, context) => {
   const {
     skin
   } = context;
-  const [hovered, setHovered] = (0, _react.useState)(false);
-  const handleMouseOver = (0, _react.useCallback)(() => setHovered(true), [setHovered]);
-  const handleMouseLeave = (0, _react.useCallback)(() => setHovered(false), [setHovered]);
   const Footer = (0, _react.useCallback)(() => {
     if ((0, _isEmpty2.default)(footer)) return null;
     if (typeof footer === 'function') return footer();
@@ -76,13 +73,12 @@ const BaseModal = (props, context) => {
       onClick: onCancel,
       label: cancelLabel,
       disabled: cancelDisabled
-    }) : null, onConfirm && confirmLabel ? /*#__PURE__*/_react.default.createElement("div", {
-      onMouseOver: handleMouseOver,
-      onMouseLeave: handleMouseLeave
-    }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({
+    }) : null, onConfirm && confirmLabel ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({
       customStyle: {
-        backgroundColor: hovered ? (0, _cssColorFunction.convert)(`hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`) : primarySkinColor
+        backgroundColor: primarySkinColor
       },
+      hoverBackgroundColor: (0, _cssColorFunction.convert)(`hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`),
+      hoverColor: '#FFFFFF',
       className: _style.default.footerConfirmButton,
       type: 'primary',
       onClick: onConfirm,
@@ -100,7 +96,7 @@ const BaseModal = (props, context) => {
     } : {}))) : null), text ? /*#__PURE__*/_react.default.createElement("div", {
       className: `${_style.default.footerDescription} ${isError ? _style.default.footerDescriptionError : ''}`
     }, text) : null);
-  }, [footer, hovered, handleMouseOver, handleMouseLeave, skin]);
+  }, [footer, skin, _style.default, _cssColorFunction.convert, _get2.default, _isEmpty2.default]);
   if (!isOpen || !title || !children) return null;
 
   function handleOnClose(e) {

package/lib/molecule/base-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BaseModal","props","context","title","description","headerIcon","children","isOpen","footer","onClose","skin","hovered","setHovered","useState","handleMouseOver","useCallback","handleMouseLeave","Footer","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","primarySkinColor","style","footerCTAWrapper","className","footerCancelButton","type","onClick","customStyle","backgroundColor","convert","footerConfirmButton","icon","position","faIcon","name","color","size","footerDescription","footerDescriptionError","handleOnClose","e","stopPropagation","modalWrapper","modal","header","faSize","wrapperSize","headerContent","headerTitle","headerDescription","headerCloseIcon","body","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","node","bool","oneOfType","func","boolean"],"sources":["../../../src/molecule/base-modal/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst BaseModal = (props, context) => {\n  const {title, description, headerIcon, children, isOpen, footer, onClose} = props;\n  const {skin} = context;\n\n  const [hovered, setHovered] = useState(false);\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const Footer = useCallback(() => {\n    if (isEmpty(footer)) return null;\n    if (typeof footer === 'function') return footer();\n\n    const {cancelButton, confirmButton, text, isError} = footer;\n    const {label: cancelLabel, onCancel, disabled: cancelDisabled} = cancelButton || {};\n    const {\n      label: confirmLabel,\n      onConfirm,\n      disabled: confirmDisabled,\n      iconName\n    } = confirmButton || {};\n    const primarySkinColor = get('common.primary', skin);\n\n    return (\n      <div className={style.footer}>\n        <div className={style.footerCTAWrapper}>\n          {onCancel && cancelLabel ? (\n            <ButtonLink\n              {...{\n                className: style.footerCancelButton,\n                type: 'secondary',\n                onClick: onCancel,\n                label: cancelLabel,\n                disabled: cancelDisabled\n              }}\n            />\n          ) : null}\n          {onConfirm && confirmLabel ? (\n            <div onMouseOver={handleMouseOver} onMouseLeave={handleMouseLeave}>\n              <ButtonLink\n                {...{\n                  customStyle: {\n                    backgroundColor: hovered\n                      ? convert(`hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`)\n                      : primarySkinColor\n                  },\n                  className: style.footerConfirmButton,\n                  type: 'primary',\n                  onClick: onConfirm,\n                  label: confirmLabel,\n                  disabled: confirmDisabled,\n                  ...(iconName\n                    ? {\n                        icon: {\n                          position: 'left',\n                          faIcon: {\n                            name: iconName,\n                            color: '#FFFFFF',\n                            size: 16\n                          }\n                        }\n                      }\n                    : {})\n                }}\n              />\n            </div>\n          ) : null}\n        </div>\n        {text ? (\n          <div\n            className={`${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`}\n          >\n            {text}\n          </div>\n        ) : null}\n      </div>\n    );\n  }, [footer, hovered, handleMouseOver, handleMouseLeave, skin]);\n\n  if (!isOpen || !title || !children) return null;\n\n  function handleOnClose(e) {\n    e?.stopPropagation();\n    onClose();\n  }\n\n  return (\n    <div className={style.modalWrapper}>\n      <div className={style.modal}>\n        <header className={style.header}>\n          {headerIcon?.name ? (\n            <div className={style.headerIcon}>\n              <Icon\n                iconName={headerIcon.name}\n                iconColor={headerIcon.color}\n                backgroundColor={headerIcon.backgroundColor}\n                size={{faSize: 20, wrapperSize: 48}}\n              />\n            </div>\n          ) : null}\n          <div className={style.headerContent}>\n            <div className={style.headerTitle}>{title}</div>\n            {description ? <div className={style.headerDescription}>{description}</div> : null}\n          </div>\n          <div className={style.headerCloseIcon} onClick={handleOnClose}>\n            <Icon iconName=\"close\" backgroundColor=\"#F4F4F5\" size={{faSize: 14, wrapperSize: 28}} />\n          </div>\n        </header>\n        <div className={style.body}>{children}</div>\n        <Footer />\n      </div>\n    </div>\n  );\n};\n\nBaseModal.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBaseModal.propTypes = {\n  title: PropTypes.string,\n  headerIcon: PropTypes.shape({\n    name: PropTypes.string,\n    color: PropTypes.string,\n    backgroundColor: PropTypes.string\n  }),\n  description: PropTypes.string,\n  children: PropTypes.node,\n  isOpen: PropTypes.bool,\n  footer: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({\n      text: PropTypes.string,\n      isError: PropTypes.boolean,\n      cancelButton: PropTypes.shape({\n        label: PropTypes.string,\n        onCancel: PropTypes.func,\n        disabled: PropTypes.bool\n      }),\n      confirmButton: PropTypes.shape({\n        label: PropTypes.string,\n        onConfirm: PropTypes.func,\n        iconName: PropTypes.string,\n        disabled: PropTypes.bool\n      })\n    })\n  ]),\n  onClose: PropTypes.func\n};\n\nexport default BaseModal;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["BaseModal","props","context","title","description","headerIcon","children","isOpen","footer","onClose","skin","Footer","useCallback","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","primarySkinColor","style","footerCTAWrapper","className","footerCancelButton","type","onClick","customStyle","backgroundColor","hoverBackgroundColor","convert","hoverColor","footerConfirmButton","icon","position","faIcon","name","color","size","footerDescription","footerDescriptionError","handleOnClose","e","stopPropagation","modalWrapper","modal","header","faSize","wrapperSize","headerContent","headerTitle","headerDescription","headerCloseIcon","body","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","node","bool","oneOfType","func","boolean"],"sources":["../../../src/molecule/base-modal/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst BaseModal = (props, context) => {\n  const {title, description, headerIcon, children, isOpen, footer, onClose} = props;\n  const {skin} = context;\n\n  const Footer = useCallback(() => {\n    if (isEmpty(footer)) return null;\n    if (typeof footer === 'function') return footer();\n\n    const {cancelButton, confirmButton, text, isError} = footer;\n    const {label: cancelLabel, onCancel, disabled: cancelDisabled} = cancelButton || {};\n    const {\n      label: confirmLabel,\n      onConfirm,\n      disabled: confirmDisabled,\n      iconName\n    } = confirmButton || {};\n    const primarySkinColor = get('common.primary', skin);\n\n    return (\n      <div className={style.footer}>\n        <div className={style.footerCTAWrapper}>\n          {onCancel && cancelLabel ? (\n            <ButtonLink\n              {...{\n                className: style.footerCancelButton,\n                type: 'secondary',\n                onClick: onCancel,\n                label: cancelLabel,\n                disabled: cancelDisabled\n              }}\n            />\n          ) : null}\n          {onConfirm && confirmLabel ? (\n            <div>\n              <ButtonLink\n                {...{\n                  customStyle: {backgroundColor: primarySkinColor},\n                  hoverBackgroundColor: convert(\n                    `hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`\n                  ),\n                  hoverColor: '#FFFFFF',\n                  className: style.footerConfirmButton,\n                  type: 'primary',\n                  onClick: onConfirm,\n                  label: confirmLabel,\n                  disabled: confirmDisabled,\n                  ...(iconName\n                    ? {\n                        icon: {\n                          position: 'left',\n                          faIcon: {\n                            name: iconName,\n                            color: '#FFFFFF',\n                            size: 16\n                          }\n                        }\n                      }\n                    : {})\n                }}\n              />\n            </div>\n          ) : null}\n        </div>\n        {text ? (\n          <div\n            className={`${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`}\n          >\n            {text}\n          </div>\n        ) : null}\n      </div>\n    );\n  }, [footer, skin, style, convert, get, isEmpty]);\n\n  if (!isOpen || !title || !children) return null;\n\n  function handleOnClose(e) {\n    e?.stopPropagation();\n    onClose();\n  }\n\n  return (\n    <div className={style.modalWrapper}>\n      <div className={style.modal}>\n        <header className={style.header}>\n          {headerIcon?.name ? (\n            <div className={style.headerIcon}>\n              <Icon\n                iconName={headerIcon.name}\n                iconColor={headerIcon.color}\n                backgroundColor={headerIcon.backgroundColor}\n                size={{faSize: 20, wrapperSize: 48}}\n              />\n            </div>\n          ) : null}\n          <div className={style.headerContent}>\n            <div className={style.headerTitle}>{title}</div>\n            {description ? <div className={style.headerDescription}>{description}</div> : null}\n          </div>\n          <div className={style.headerCloseIcon} onClick={handleOnClose}>\n            <Icon iconName=\"close\" backgroundColor=\"#F4F4F5\" size={{faSize: 14, wrapperSize: 28}} />\n          </div>\n        </header>\n        <div className={style.body}>{children}</div>\n        <Footer />\n      </div>\n    </div>\n  );\n};\n\nBaseModal.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBaseModal.propTypes = {\n  title: PropTypes.string,\n  headerIcon: PropTypes.shape({\n    name: PropTypes.string,\n    color: PropTypes.string,\n    backgroundColor: PropTypes.string\n  }),\n  description: PropTypes.string,\n  children: PropTypes.node,\n  isOpen: PropTypes.bool,\n  footer: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({\n      text: PropTypes.string,\n      isError: PropTypes.boolean,\n      cancelButton: PropTypes.shape({\n        label: PropTypes.string,\n        onCancel: PropTypes.func,\n        disabled: PropTypes.bool\n      }),\n      confirmButton: PropTypes.shape({\n        label: PropTypes.string,\n        onConfirm: PropTypes.func,\n        iconName: PropTypes.string,\n        disabled: PropTypes.bool\n      })\n    })\n  ]),\n  onClose: PropTypes.func\n};\n\nexport default BaseModal;\n"],"mappings":"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"}

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

@@ -97,6 +97,8 @@ declare const propTypes: {
                     download: PropTypes.Requireable<boolean>;
                     target: PropTypes.Requireable<string>;
                 }>>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
+                hoverColor: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
@@ -122,6 +124,8 @@ declare const propTypes: {
             content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 items: PropTypes.Requireable<(PropTypes.InferProps<{
                     title: PropTypes.Validator<string>;
+                    subtitle: PropTypes.Requireable<string>;
+                    selected: PropTypes.Requireable<boolean>;
                     dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                         label: PropTypes.Requireable<string>;
                         type: PropTypes.Requireable<string>;
@@ -164,6 +168,8 @@ declare const propTypes: {
                         label: PropTypes.Requireable<string>;
                         type: PropTypes.Requireable<string>;
                     }> | null | undefined)[]>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     isBulkStyle: PropTypes.Requireable<boolean>;
                     isOverflowHidden: PropTypes.Requireable<boolean>;
                     order: PropTypes.Requireable<number>;
@@ -229,6 +235,8 @@ declare const propTypes: {
                         download: PropTypes.Requireable<boolean>;
                         target: PropTypes.Requireable<string>;
                     }>>;
+                    hoverBackgroundColor: PropTypes.Requireable<string>;
+                    hoverColor: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
                     className: PropTypes.Requireable<string>;
                     customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;

package/lib/molecule/cm-popin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/molecule/draggable-list/index.d.ts

@@ -61,6 +61,8 @@ declare namespace DraggableList {
             id: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             title: PropTypes.Validator<string>;
+            subtitle: PropTypes.Requireable<string>;
+            selected: PropTypes.Requireable<boolean>;
             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
@@ -103,12 +105,22 @@ declare namespace DraggableList {
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
             }> | null | undefined)[]>;
+            disabled: PropTypes.Requireable<boolean>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
             isBulkStyle: PropTypes.Requireable<boolean>;
             isOverflowHidden: PropTypes.Requireable<boolean>;
             order: PropTypes.Requireable<number>;
             'aria-label': PropTypes.Requireable<string>;
             contentType: PropTypes.Requireable<string>;
             id: PropTypes.Requireable<string>;
+        }> | PropTypes.InferProps<{
+            'aria-label': PropTypes.Requireable<string>;
+            id: PropTypes.Requireable<string>;
+            priorityRef: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<string>;
+            courses: PropTypes.Requireable<number>;
+            type: PropTypes.Requireable<string>;
+            onRemove: PropTypes.Requireable<(...args: any[]) => any>;
         }> | null | undefined> | null | undefined)[]>;
         const onDrop: PropTypes.Requireable<(...args: any[]) => any>;
         const itemType: PropTypes.Requireable<string>;

package/lib/molecule/draggable-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/draggable-list/index.js"],"names":[],"mappings":";AAaA;;;;gBAmDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/draggable-list/index.js"],"names":[],"mappings":";AAeA;;;;gBAmDC"}

package/lib/molecule/draggable-list/index.js

@@ -15,6 +15,8 @@ var _courseSection = _interopRequireDefault(require("../course-section"));
 
 var _listItem = _interopRequireDefault(require("../../organism/list-item"));
 
+var _learningPrioritySetupItem = _interopRequireDefault(require("../learning-priority-setup-item"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -26,7 +28,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const ITEMS = {
   'setup-section': _setupSection.default,
   'course-section': _courseSection.default,
-  'list-item': _listItem.default
+  'list-item': _listItem.default,
+  'learning-priority-setup-item': _learningPrioritySetupItem.default
 };
 
 const DraggableList = ({
@@ -68,7 +71,7 @@ const DraggableList = ({
 };
 
 DraggableList.propTypes = process.env.NODE_ENV !== "production" ? {
-  items: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_setupSection.default.propTypes), _propTypes.default.shape(_courseSection.default.propTypes), _propTypes.default.shape(_listItem.default.propTypes)])),
+  items: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_setupSection.default.propTypes), _propTypes.default.shape(_courseSection.default.propTypes), _propTypes.default.shape(_listItem.default.propTypes), _propTypes.default.shape(_learningPrioritySetupItem.default.propTypes)])),
   onDrop: _propTypes.default.func,
   itemType: _propTypes.default.string
 } : {};