@coorpacademy/components 11.27.0 → 11.28.0

package/es/atom/icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/icon/index.js"],"names":[],"mappings":"AAgBA,mDAAoD;AAiB7C,iEACoE;;AAE3E,uDA6BG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/icon/index.js"],"names":[],"mappings":"AAiBA,mDAAoD;AAiB7C,iEACoE;;AAE3E,uDAgCG"}

package/es/atom/icon/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import PropTypes, { number } from 'prop-types';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { fas } from '@fortawesome/pro-solid-svg-icons';
 import { library } from '@fortawesome/fontawesome-svg-core';
@@ -12,18 +12,19 @@ library.add(fas);
 const DEFAULT_PRESET = 'm';
 const ICON_LUMINOSITY = 32;
 const DEFAULT_WRAPPER_SIZE = 40;
+const ICON_PADDING = 8;
 export const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';
 const SIZE_CONFIGS = {
   s: {
-    faSize: 'sm',
+    faSize: 12,
     wrapperSize: 32
   },
   m: {
-    faSize: 'lg',
+    faSize: 16,
     wrapperSize: DEFAULT_WRAPPER_SIZE
   },
   xl: {
-    faSize: 'xl',
+    faSize: 20,
     wrapperSize: 48
   }
 };
@@ -39,10 +40,12 @@ const Icon = /*#__PURE__*/React.memo(function Icon({
 }) {
   const effectiveIconColor = iconColor || backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR;
   const effectiveSize = size ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size) : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);
+  const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;
   const iconWrapperStyle = {
     backgroundColor,
-    width: effectiveSize.wrapperSize,
-    height: effectiveSize.wrapperSize
+    width: wrapperSize,
+    height: wrapperSize,
+    padding: ICON_PADDING
   };
   return /*#__PURE__*/React.createElement("div", {
     className: style.iconWrapper,
@@ -50,7 +53,7 @@ const Icon = /*#__PURE__*/React.memo(function Icon({
   }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     icon: `fa-${iconName}`,
     color: effectiveIconColor,
-    size: effectiveSize.faSize
+    "font-size": effectiveSize.faSize
   }));
 });
 Icon.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -59,7 +62,7 @@ Icon.propTypes = process.env.NODE_ENV !== "production" ? {
   backgroundColor: PropTypes.string,
   preset: PropTypes.oneOf(['s', 'm', 'xl']),
   size: PropTypes.shape({
-    faSize: PropTypes.oneOf(['2xs', 'xs', 'sm', 'lg', 'xl', '2xl', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x']),
+    faSize: number,
     wrapperSize: PropTypes.number
   })
 } : {};

package/es/atom/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","FontAwesomeIcon","fas","library","toLower","merge","getOr","Color","style","add","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","DEFAULT_ICON_COLOR","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","getForegroundColor","backgroundColor","to","set","l","toString","Icon","memo","iconName","iconColor","preset","size","effectiveIconColor","effectiveSize","iconWrapperStyle","width","height","iconWrapper","propTypes","string","isRequired","oneOf","shape","number"],"sources":["../../../src/atom/icon/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport Color from 'colorjs.io';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst DEFAULT_PRESET = 'm';\nconst ICON_LUMINOSITY = 32;\nconst DEFAULT_WRAPPER_SIZE = 40;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nconst SIZE_CONFIGS = {\n  s: {\n    faSize: 'sm',\n    wrapperSize: 32\n  },\n  m: {\n    faSize: 'lg',\n    wrapperSize: DEFAULT_WRAPPER_SIZE\n  },\n  xl: {\n    faSize: 'xl',\n    wrapperSize: 48\n  }\n};\n\nexport const getForegroundColor = backgroundColor =>\n  new Color(backgroundColor).to('hsl').set({l: ICON_LUMINOSITY}).toString();\n\nconst Icon = React.memo(function Icon({\n  iconName,\n  iconColor,\n  backgroundColor,\n  preset = DEFAULT_PRESET,\n  size\n}) {\n  const effectiveIconColor =\n    iconColor || backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR;\n\n  const effectiveSize = size\n    ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n    : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n  const iconWrapperStyle = {\n    backgroundColor,\n    width: effectiveSize.wrapperSize,\n    height: effectiveSize.wrapperSize\n  };\n\n  return (\n    <div className={style.iconWrapper} style={iconWrapperStyle}>\n      <FontAwesomeIcon\n        icon={`fa-${iconName}`}\n        color={effectiveIconColor}\n        size={effectiveSize.faSize}\n      />\n    </div>\n  );\n});\n\nIcon.propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  preset: PropTypes.oneOf(['s', 'm', 'xl']),\n  size: PropTypes.shape({\n    faSize: PropTypes.oneOf([\n      '2xs',\n      'xs',\n      'sm',\n      'lg',\n      'xl',\n      '2xl',\n      '1x',\n      '2x',\n      '3x',\n      '4x',\n      '5x',\n      '6x',\n      '7x',\n      '8x',\n      '9x',\n      '10x'\n    ]),\n    wrapperSize: PropTypes.number\n  })\n};\n\nexport default Icon;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","number","FontAwesomeIcon","fas","library","toLower","merge","getOr","Color","style","add","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","getForegroundColor","backgroundColor","to","set","l","toString","Icon","memo","iconName","iconColor","preset","size","effectiveIconColor","effectiveSize","iconWrapperStyle","width","height","padding","iconWrapper","propTypes","string","isRequired","oneOf","shape"],"sources":["../../../src/atom/icon/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes, {number} from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport Color from 'colorjs.io';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst DEFAULT_PRESET = 'm';\nconst ICON_LUMINOSITY = 32;\nconst DEFAULT_WRAPPER_SIZE = 40;\nconst ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nconst SIZE_CONFIGS = {\n  s: {\n    faSize: 12,\n    wrapperSize: 32\n  },\n  m: {\n    faSize: 16,\n    wrapperSize: DEFAULT_WRAPPER_SIZE\n  },\n  xl: {\n    faSize: 20,\n    wrapperSize: 48\n  }\n};\n\nexport const getForegroundColor = backgroundColor =>\n  new Color(backgroundColor).to('hsl').set({l: ICON_LUMINOSITY}).toString();\n\nconst Icon = React.memo(function Icon({\n  iconName,\n  iconColor,\n  backgroundColor,\n  preset = DEFAULT_PRESET,\n  size\n}) {\n  const effectiveIconColor =\n    iconColor || backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR;\n\n  const effectiveSize = size\n    ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n    : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n  const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n\n  const iconWrapperStyle = {\n    backgroundColor,\n    width: wrapperSize,\n    height: wrapperSize,\n    padding: ICON_PADDING\n  };\n\n  return (\n    <div className={style.iconWrapper} style={iconWrapperStyle}>\n      <FontAwesomeIcon\n        icon={`fa-${iconName}`}\n        color={effectiveIconColor}\n        font-size={effectiveSize.faSize}\n      />\n    </div>\n  );\n});\n\nIcon.propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  preset: PropTypes.oneOf(['s', 'm', 'xl']),\n  size: PropTypes.shape({\n    faSize: number,\n    wrapperSize: PropTypes.number\n  })\n};\n\nexport default Icon;\n"],"mappings":"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"}

package/es/atom/icon/style.css

@@ -1,5 +1,4 @@
 .iconWrapper {
-  padding: 8px;
   border-radius: 8px;
   display: flex;
   align-items: center;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/icon/index.js"],"names":[],"mappings":"AAgBA,mDAAoD;AAiB7C,iEACoE;;AAE3E,uDA6BG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/icon/index.js"],"names":[],"mappings":"AAiBA,mDAAoD;AAiB7C,iEACoE;;AAE3E,uDAgCG"}

package/lib/atom/icon/index.js

@@ -5,7 +5,7 @@ exports.getForegroundColor = exports.default = exports.DEFAULT_ICON_COLOR = void
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = _interopRequireWildcard(require("prop-types"));
 
 var _reactFontawesome = require("@fortawesome/react-fontawesome");
 
@@ -23,6 +23,10 @@ var _colorjs = _interopRequireDefault(require("colorjs.io"));
 
 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 }; }
 
 _fontawesomeSvgCore.library.add(_proSolidSvgIcons.fas);
@@ -30,19 +34,20 @@ _fontawesomeSvgCore.library.add(_proSolidSvgIcons.fas);
 const DEFAULT_PRESET = 'm';
 const ICON_LUMINOSITY = 32;
 const DEFAULT_WRAPPER_SIZE = 40;
+const ICON_PADDING = 8;
 const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';
 exports.DEFAULT_ICON_COLOR = DEFAULT_ICON_COLOR;
 const SIZE_CONFIGS = {
   s: {
-    faSize: 'sm',
+    faSize: 12,
     wrapperSize: 32
   },
   m: {
-    faSize: 'lg',
+    faSize: 16,
     wrapperSize: DEFAULT_WRAPPER_SIZE
   },
   xl: {
-    faSize: 'xl',
+    faSize: 20,
     wrapperSize: 48
   }
 };
@@ -62,10 +67,12 @@ const Icon = /*#__PURE__*/_react.default.memo(function Icon({
 }) {
   const effectiveIconColor = iconColor || backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR;
   const effectiveSize = size ? (0, _merge.default)(SIZE_CONFIGS[DEFAULT_PRESET], size) : (0, _getOr.default)(SIZE_CONFIGS[DEFAULT_PRESET], (0, _toLower.default)(preset), SIZE_CONFIGS);
+  const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;
   const iconWrapperStyle = {
     backgroundColor,
-    width: effectiveSize.wrapperSize,
-    height: effectiveSize.wrapperSize
+    width: wrapperSize,
+    height: wrapperSize,
+    padding: ICON_PADDING
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.iconWrapper,
@@ -73,7 +80,7 @@ const Icon = /*#__PURE__*/_react.default.memo(function Icon({
   }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
     icon: `fa-${iconName}`,
     color: effectiveIconColor,
-    size: effectiveSize.faSize
+    "font-size": effectiveSize.faSize
   }));
 });
 
@@ -83,7 +90,7 @@ Icon.propTypes = process.env.NODE_ENV !== "production" ? {
   backgroundColor: _propTypes.default.string,
   preset: _propTypes.default.oneOf(['s', 'm', 'xl']),
   size: _propTypes.default.shape({
-    faSize: _propTypes.default.oneOf(['2xs', 'xs', 'sm', 'lg', 'xl', '2xl', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x']),
+    faSize: _propTypes.number,
     wrapperSize: _propTypes.default.number
   })
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["library","add","fas","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","DEFAULT_ICON_COLOR","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","getForegroundColor","backgroundColor","Color","to","set","l","toString","Icon","React","memo","iconName","iconColor","preset","size","effectiveIconColor","effectiveSize","merge","getOr","toLower","iconWrapperStyle","width","height","style","iconWrapper","propTypes","PropTypes","string","isRequired","oneOf","shape","number"],"sources":["../../../src/atom/icon/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport Color from 'colorjs.io';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst DEFAULT_PRESET = 'm';\nconst ICON_LUMINOSITY = 32;\nconst DEFAULT_WRAPPER_SIZE = 40;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nconst SIZE_CONFIGS = {\n  s: {\n    faSize: 'sm',\n    wrapperSize: 32\n  },\n  m: {\n    faSize: 'lg',\n    wrapperSize: DEFAULT_WRAPPER_SIZE\n  },\n  xl: {\n    faSize: 'xl',\n    wrapperSize: 48\n  }\n};\n\nexport const getForegroundColor = backgroundColor =>\n  new Color(backgroundColor).to('hsl').set({l: ICON_LUMINOSITY}).toString();\n\nconst Icon = React.memo(function Icon({\n  iconName,\n  iconColor,\n  backgroundColor,\n  preset = DEFAULT_PRESET,\n  size\n}) {\n  const effectiveIconColor =\n    iconColor || backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR;\n\n  const effectiveSize = size\n    ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n    : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n  const iconWrapperStyle = {\n    backgroundColor,\n    width: effectiveSize.wrapperSize,\n    height: effectiveSize.wrapperSize\n  };\n\n  return (\n    <div className={style.iconWrapper} style={iconWrapperStyle}>\n      <FontAwesomeIcon\n        icon={`fa-${iconName}`}\n        color={effectiveIconColor}\n        size={effectiveSize.faSize}\n      />\n    </div>\n  );\n});\n\nIcon.propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  preset: PropTypes.oneOf(['s', 'm', 'xl']),\n  size: PropTypes.shape({\n    faSize: PropTypes.oneOf([\n      '2xs',\n      'xs',\n      'sm',\n      'lg',\n      'xl',\n      '2xl',\n      '1x',\n      '2x',\n      '3x',\n      '4x',\n      '5x',\n      '6x',\n      '7x',\n      '8x',\n      '9x',\n      '10x'\n    ]),\n    wrapperSize: PropTypes.number\n  })\n};\n\nexport default Icon;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEAA,2BAAA,CAAQC,GAAR,CAAYC,qBAAZ;;AAEA,MAAMC,cAAc,GAAG,GAAvB;AACA,MAAMC,eAAe,GAAG,EAAxB;AACA,MAAMC,oBAAoB,GAAG,EAA7B;AACO,MAAMC,kBAAkB,GAAG,iBAA3B;;AAEP,MAAMC,YAAY,GAAG;EACnBC,CAAC,EAAE;IACDC,MAAM,EAAE,IADP;IAEDC,WAAW,EAAE;EAFZ,CADgB;EAKnBC,CAAC,EAAE;IACDF,MAAM,EAAE,IADP;IAEDC,WAAW,EAAEL;EAFZ,CALgB;EASnBO,EAAE,EAAE;IACFH,MAAM,EAAE,IADN;IAEFC,WAAW,EAAE;EAFX;AATe,CAArB;;AAeO,MAAMG,kBAAkB,GAAGC,eAAe,IAC/C,IAAIC,gBAAJ,CAAUD,eAAV,EAA2BE,EAA3B,CAA8B,KAA9B,EAAqCC,GAArC,CAAyC;EAACC,CAAC,EAAEd;AAAJ,CAAzC,EAA+De,QAA/D,EADK;;;;AAGP,MAAMC,IAAI,gBAAGC,cAAA,CAAMC,IAAN,CAAW,SAASF,IAAT,CAAc;EACpCG,QADoC;EAEpCC,SAFoC;EAGpCV,eAHoC;EAIpCW,MAAM,GAAGtB,cAJ2B;EAKpCuB;AALoC,CAAd,EAMrB;EACD,MAAMC,kBAAkB,GACtBH,SAAS,IAAIV,eAAb,GAA+BD,kBAAkB,CAACC,eAAD,CAAjD,GAAqER,kBADvE;EAGA,MAAMsB,aAAa,GAAGF,IAAI,GACtB,IAAAG,cAAA,EAAMtB,YAAY,CAACJ,cAAD,CAAlB,EAAoCuB,IAApC,CADsB,GAEtB,IAAAI,cAAA,EAAMvB,YAAY,CAACJ,cAAD,CAAlB,EAAoC,IAAA4B,gBAAA,EAAQN,MAAR,CAApC,EAAqDlB,YAArD,CAFJ;EAIA,MAAMyB,gBAAgB,GAAG;IACvBlB,eADuB;IAEvBmB,KAAK,EAAEL,aAAa,CAAClB,WAFE;IAGvBwB,MAAM,EAAEN,aAAa,CAAClB;EAHC,CAAzB;EAMA,oBACE;IAAK,SAAS,EAAEyB,cAAA,CAAMC,WAAtB;IAAmC,KAAK,EAAEJ;EAA1C,gBACE,6BAAC,iCAAD;IACE,IAAI,EAAG,MAAKT,QAAS,EADvB;IAEE,KAAK,EAAEI,kBAFT;IAGE,IAAI,EAAEC,aAAa,CAACnB;EAHtB,EADF,CADF;AASD,CA7BY,CAAb;;AA+BAW,IAAI,CAACiB,SAAL,2CAAiB;EACfd,QAAQ,EAAEe,kBAAA,CAAUC,MAAV,CAAiBC,UADZ;EAEfhB,SAAS,EAAEc,kBAAA,CAAUC,MAFN;EAGfzB,eAAe,EAAEwB,kBAAA,CAAUC,MAHZ;EAIfd,MAAM,EAAEa,kBAAA,CAAUG,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,EAAW,IAAX,CAAhB,CAJO;EAKff,IAAI,EAAEY,kBAAA,CAAUI,KAAV,CAAgB;IACpBjC,MAAM,EAAE6B,kBAAA,CAAUG,KAAV,CAAgB,CACtB,KADsB,EAEtB,IAFsB,EAGtB,IAHsB,EAItB,IAJsB,EAKtB,IALsB,EAMtB,KANsB,EAOtB,IAPsB,EAQtB,IARsB,EAStB,IATsB,EAUtB,IAVsB,EAWtB,IAXsB,EAYtB,IAZsB,EAatB,IAbsB,EActB,IAdsB,EAetB,IAfsB,EAgBtB,KAhBsB,CAAhB,CADY;IAmBpB/B,WAAW,EAAE4B,kBAAA,CAAUK;EAnBH,CAAhB;AALS,CAAjB;eA4BevB,I"}
+{"version":3,"file":"index.js","names":["library","add","fas","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","getForegroundColor","backgroundColor","Color","to","set","l","toString","Icon","React","memo","iconName","iconColor","preset","size","effectiveIconColor","effectiveSize","merge","getOr","toLower","iconWrapperStyle","width","height","padding","style","iconWrapper","propTypes","PropTypes","string","isRequired","oneOf","shape","number"],"sources":["../../../src/atom/icon/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes, {number} from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport Color from 'colorjs.io';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst DEFAULT_PRESET = 'm';\nconst ICON_LUMINOSITY = 32;\nconst DEFAULT_WRAPPER_SIZE = 40;\nconst ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nconst SIZE_CONFIGS = {\n  s: {\n    faSize: 12,\n    wrapperSize: 32\n  },\n  m: {\n    faSize: 16,\n    wrapperSize: DEFAULT_WRAPPER_SIZE\n  },\n  xl: {\n    faSize: 20,\n    wrapperSize: 48\n  }\n};\n\nexport const getForegroundColor = backgroundColor =>\n  new Color(backgroundColor).to('hsl').set({l: ICON_LUMINOSITY}).toString();\n\nconst Icon = React.memo(function Icon({\n  iconName,\n  iconColor,\n  backgroundColor,\n  preset = DEFAULT_PRESET,\n  size\n}) {\n  const effectiveIconColor =\n    iconColor || backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR;\n\n  const effectiveSize = size\n    ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n    : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n  const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n\n  const iconWrapperStyle = {\n    backgroundColor,\n    width: wrapperSize,\n    height: wrapperSize,\n    padding: ICON_PADDING\n  };\n\n  return (\n    <div className={style.iconWrapper} style={iconWrapperStyle}>\n      <FontAwesomeIcon\n        icon={`fa-${iconName}`}\n        color={effectiveIconColor}\n        font-size={effectiveSize.faSize}\n      />\n    </div>\n  );\n});\n\nIcon.propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  preset: PropTypes.oneOf(['s', 'm', 'xl']),\n  size: PropTypes.shape({\n    faSize: number,\n    wrapperSize: PropTypes.number\n  })\n};\n\nexport default Icon;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEAA,2BAAA,CAAQC,GAAR,CAAYC,qBAAZ;;AAEA,MAAMC,cAAc,GAAG,GAAvB;AACA,MAAMC,eAAe,GAAG,EAAxB;AACA,MAAMC,oBAAoB,GAAG,EAA7B;AACA,MAAMC,YAAY,GAAG,CAArB;AACO,MAAMC,kBAAkB,GAAG,iBAA3B;;AAEP,MAAMC,YAAY,GAAG;EACnBC,CAAC,EAAE;IACDC,MAAM,EAAE,EADP;IAEDC,WAAW,EAAE;EAFZ,CADgB;EAKnBC,CAAC,EAAE;IACDF,MAAM,EAAE,EADP;IAEDC,WAAW,EAAEN;EAFZ,CALgB;EASnBQ,EAAE,EAAE;IACFH,MAAM,EAAE,EADN;IAEFC,WAAW,EAAE;EAFX;AATe,CAArB;;AAeO,MAAMG,kBAAkB,GAAGC,eAAe,IAC/C,IAAIC,gBAAJ,CAAUD,eAAV,EAA2BE,EAA3B,CAA8B,KAA9B,EAAqCC,GAArC,CAAyC;EAACC,CAAC,EAAEf;AAAJ,CAAzC,EAA+DgB,QAA/D,EADK;;;;AAGP,MAAMC,IAAI,gBAAGC,cAAA,CAAMC,IAAN,CAAW,SAASF,IAAT,CAAc;EACpCG,QADoC;EAEpCC,SAFoC;EAGpCV,eAHoC;EAIpCW,MAAM,GAAGvB,cAJ2B;EAKpCwB;AALoC,CAAd,EAMrB;EACD,MAAMC,kBAAkB,GACtBH,SAAS,IAAIV,eAAb,GAA+BD,kBAAkB,CAACC,eAAD,CAAjD,GAAqER,kBADvE;EAGA,MAAMsB,aAAa,GAAGF,IAAI,GACtB,IAAAG,cAAA,EAAMtB,YAAY,CAACL,cAAD,CAAlB,EAAoCwB,IAApC,CADsB,GAEtB,IAAAI,cAAA,EAAMvB,YAAY,CAACL,cAAD,CAAlB,EAAoC,IAAA6B,gBAAA,EAAQN,MAAR,CAApC,EAAqDlB,YAArD,CAFJ;EAIA,MAAMG,WAAW,GAAGkB,aAAa,CAAClB,WAAd,GAA4BL,YAAY,GAAG,CAA/D;EAEA,MAAM2B,gBAAgB,GAAG;IACvBlB,eADuB;IAEvBmB,KAAK,EAAEvB,WAFgB;IAGvBwB,MAAM,EAAExB,WAHe;IAIvByB,OAAO,EAAE9B;EAJc,CAAzB;EAOA,oBACE;IAAK,SAAS,EAAE+B,cAAA,CAAMC,WAAtB;IAAmC,KAAK,EAAEL;EAA1C,gBACE,6BAAC,iCAAD;IACE,IAAI,EAAG,MAAKT,QAAS,EADvB;IAEE,KAAK,EAAEI,kBAFT;IAGE,aAAWC,aAAa,CAACnB;EAH3B,EADF,CADF;AASD,CAhCY,CAAb;;AAkCAW,IAAI,CAACkB,SAAL,2CAAiB;EACff,QAAQ,EAAEgB,kBAAA,CAAUC,MAAV,CAAiBC,UADZ;EAEfjB,SAAS,EAAEe,kBAAA,CAAUC,MAFN;EAGf1B,eAAe,EAAEyB,kBAAA,CAAUC,MAHZ;EAIff,MAAM,EAAEc,kBAAA,CAAUG,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,EAAW,IAAX,CAAhB,CAJO;EAKfhB,IAAI,EAAEa,kBAAA,CAAUI,KAAV,CAAgB;IACpBlC,MAAM,EAAEmC,iBADY;IAEpBlC,WAAW,EAAE6B,kBAAA,CAAUK;EAFH,CAAhB;AALS,CAAjB;eAWexB,I"}

package/lib/atom/icon/style.css

@@ -1,5 +1,4 @@
 .iconWrapper {
-  padding: 8px;
   border-radius: 8px;
   display: flex;
   align-items: center;

package/locales/bs/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Zatvorite slajd za recenziju",
   "post_comment_aria_label": "Objavite svoj komentar",
   "validate_aria_label": "Potvrdite svoj odgovor i idite na sljedeći korak",
-  "stars": "zvijezde"
+  "stars": "zvijezde",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/cs/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Zavřít snímek recenze",
   "post_comment_aria_label": "Zveřejnit komentář",
   "validate_aria_label": "Ověřte vlastní odpověď a přejděte k dalšímu kroku",
-  "stars": "hvězdy"
+  "stars": "hvězdy",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/de/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Bewertungsfolie schließen",
   "post_comment_aria_label": "Veröffentlichen Sie Ihren Kommentar",
   "validate_aria_label": "Bestätigen Sie Ihre Antwort und gehen Sie zum nächsten Schritt",
-  "stars": "Sterne"
+  "stars": "Sterne",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/en/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Close review slide",
   "post_comment_aria_label": "Post your comment",
   "validate_aria_label": "Validate your answer and go to next step",
-  "stars": "stars"
+  "stars": "stars",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/es/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Cerrar pantalla de reseña",
   "post_comment_aria_label": "Publique su comentario",
   "validate_aria_label": "Valide su respuesta y vaya al paso siguiente",
-  "stars": "estrellas"
+  "stars": "estrellas",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Califica este curso"
+    }
+  }
 }

package/locales/et/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Sulgege ülekordamise slaid",
   "post_comment_aria_label": "Postitage oma kommentaar",
   "validate_aria_label": "Kinnitage oma vastus ja minge järgmisse etappi",
-  "stars": "tähed"
+  "stars": "tähed",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/fi/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Sulje tarkastusdia",
   "post_comment_aria_label": "Julkaise kommenttisi",
   "validate_aria_label": "Vahvista vastauksesi ja siirry seuraavaan vaiheeseen",
-  "stars": "tähdet"
+  "stars": "tähdet",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/fr/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Fermez la diapositive de révision",
   "post_comment_aria_label": "Postez votre commentaire",
   "validate_aria_label": "Validez votre réponse et passez à l'étape suivante",
-  "stars": "étoiles"
+  "stars": "étoiles",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Notez ce cours"
+    }
+  }
 }

package/locales/hr/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Zatvori pregledni slajd",
   "post_comment_aria_label": "Objavite svoj komentar",
   "validate_aria_label": "Potvrdite svoj odgovor i idite na sljedeći korak",
-  "stars": "zvijezde"
+  "stars": "zvijezde",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/hu/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Az áttekintő dia bezárása",
   "post_comment_aria_label": "Írj hozzászólást",
   "validate_aria_label": "Hitelesítsd válaszodat és ugorj a következő lépésre",
-  "stars": "csillagok"
+  "stars": "csillagok",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/hy/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Փակել վերանայման սլայդը",
   "post_comment_aria_label": "Տեղադրեք ձեր մեկնաբանությունը",
   "validate_aria_label": "Հաստատեք ձեր պատասխանը և անցեք հաջորդ քայլին",
-  "stars": "աստղեր"
+  "stars": "աստղեր",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/it/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Chiudi la slide di revisione",
   "post_comment_aria_label": "Pubblica il tuo commento",
   "validate_aria_label": "Convalida la tua risposta e vai al passaggio successivo",
-  "stars": "stelle"
+  "stars": "stelle",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Vota questo corso"
+    }
+  }
 }

package/locales/ja/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "レビュースライドを閉じる",
   "post_comment_aria_label": "コメントを投稿する",
   "validate_aria_label": "回答が正しいことを確認して次のステップに進んでください",
-  "stars": "出演者"
+  "stars": "出演者",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/ko/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "리뷰 슬라이드 닫기",
   "post_comment_aria_label": "의견을 작성하세요",
   "validate_aria_label": "답변을 검증한 후 다음 단계로 진행하세요",
-  "stars": "별"
+  "stars": "별",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/nl/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Sluit de beoordelingsdia",
   "post_comment_aria_label": "Plaats uw reactie",
   "validate_aria_label": "Valideer uw antwoord en ga naar de volgende stap",
-  "stars": "sterren"
+  "stars": "sterren",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Beoordeel deze cursus"
+    }
+  }
 }

package/locales/pl/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Zamknij slajd recenzji",
   "post_comment_aria_label": "Opublikuj swój komentarz",
   "validate_aria_label": "Oceń swoją odpowiedź i przejdź do kolejnego kroku",
-  "stars": "gwiazdy"
+  "stars": "gwiazdy",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/pt/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Feche a imagem de revisão",
   "post_comment_aria_label": "Publique o seu comentário",
   "validate_aria_label": "Valide a sua resposta e siga para o próximo passo",
-  "stars": "estrelas"
+  "stars": "estrelas",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/ro/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Închideți slide-ul de recenzie",
   "post_comment_aria_label": "Postează comentariul tău",
   "validate_aria_label": "Validați-vă răspunsul și treceți la pasul următor",
-  "stars": "stele"
+  "stars": "stele",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/ru/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Закрыть проверку слайда",
   "post_comment_aria_label": "Опубликуйте свой комментарий",
   "validate_aria_label": "Проверьте свой ответ и перейдите к следующему шагу",
-  "stars": "звезды"
+  "stars": "звезды",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/sk/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Uzavrite recenziu",
   "post_comment_aria_label": "Uverejnite svoj komentár",
   "validate_aria_label": "Potvrďte svoju odpoveď a prejdite na ďalší krok",
-  "stars": "hviezdy"
+  "stars": "hviezdy",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/sv/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Stäng granskningsbilden",
   "post_comment_aria_label": "Posta din kommentar",
   "validate_aria_label": "Validera ditt svar och gå till nästa steg",
-  "stars": "stjärnor"
+  "stars": "stjärnor",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/tl/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Isara ang slide sa pag-review",
   "post_comment_aria_label": "I-post ang iyong komento",
   "validate_aria_label": "Patunayan ang iyong sagot at pumunta sa susunod na hakbang",
-  "stars": "mga bituin"
+  "stars": "mga bituin",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/tr/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "İnceleme slaydını kapat",
   "post_comment_aria_label": "Yorumunu paylaş",
   "validate_aria_label": "Cevabınızı doğrulayın ve bir sonraki adıma geçin",
-  "stars": "yıldızlar"
+  "stars": "yıldızlar",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/uk/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Закрити слайд перегляду",
   "post_comment_aria_label": "Опублікуйте ваш коментар",
   "validate_aria_label": "Підтвердьте свою відповідь і перейдіть до наступного кроку",
-  "stars": "зірки"
+  "stars": "зірки",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/vi/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "Đóng màn hình đánh giá",
   "post_comment_aria_label": "Đăng bình luận của bạn",
   "validate_aria_label": "Xác thực câu trả lời của bạn và sang bước tiếp theo",
-  "stars": "ngôi sao"
+  "stars": "ngôi sao",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/zh/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "关闭审议幻灯片",
   "post_comment_aria_label": "发布您的评论",
   "validate_aria_label": "验证您的答案并转到下一步",
-  "stars": "星星"
+  "stars": "星星",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/locales/zh_TW/global.json

@@ -94,5 +94,10 @@
   "close_button_ariaLabel": "關閉檢閱投影片",
   "post_comment_aria_label": "張貼您的註解",
   "validate_aria_label": "驗證您的答案並前往下一步",
-  "stars": "星星"
+  "stars": "星星",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Rate this course"
+    }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.27.0",
+  "version": "11.28.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -175,5 +175,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "80c6a6ca935904ba89aee26a27c4fbf232d0d729"
+  "gitHead": "c74fa4d28b4a80bd2ee3253dcac6ad13cdc934ed"
 }