@coorpacademy/components 10.13.10 → 10.13.13

package/lib/molecule/course-sections/test/fixtures/default.js

@@ -12,10 +12,10 @@ var _default = {
       title: 'Marketing and online advertising Marketing and online advertising Marketing and online advertising Marketing and online advertising',
       author: 'Author',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: 'course',
         category: 'course'
-      },
+      }],
       position: 1,
       id: 'disc_1'
     }, {
@@ -26,10 +26,10 @@ var _default = {
       title: 'Social networks',
       author: 'Author',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: "5' learning",
         category: 'chapter'
-      },
+      }],
       position: 2,
       id: 'chap_1'
     }, {
@@ -40,10 +40,10 @@ var _default = {
       title: 'Other title',
       author: 'Author 2',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: 'course',
         category: 'course'
-      },
+      }],
       position: 3,
       id: 'disc_2'
     }, {
@@ -54,10 +54,10 @@ var _default = {
       title: 'Social others',
       author: 'Author XXX',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: "5' learning",
         category: 'chapter'
-      },
+      }],
       position: 4,
       id: 'chap_2'
     }, {
@@ -68,10 +68,10 @@ var _default = {
       title: 'Social others others',
       author: 'Author XXX',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: "5' learning",
         category: 'chapter'
-      },
+      }],
       position: 5,
       id: 'chap_3'
     }, {
@@ -82,10 +82,10 @@ var _default = {
       title: 'Something about empowerment',
       author: 'Author XXX',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: 'course',
         category: 'course'
-      },
+      }],
       position: 6,
       id: 'disc_3'
     }, {
@@ -96,10 +96,10 @@ var _default = {
       title: 'Be a better human being',
       author: 'Author XXX',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: "5' learning",
         category: 'chapter'
-      },
+      }],
       position: 7,
       id: 'chap_4'
     }, {
@@ -110,10 +110,10 @@ var _default = {
       title: 'Stronger faster better',
       author: 'Author XXX',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: 'course',
         category: 'course'
-      },
+      }],
       position: 8,
       id: 'disc_4'
     }, {
@@ -124,10 +124,10 @@ var _default = {
       title: 'Relativity beyond time',
       author: 'Author XXX',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: 'course',
         category: 'course'
-      },
+      }],
       position: 9,
       id: 'disc_5'
     }, {
@@ -138,10 +138,10 @@ var _default = {
       title: 'Are you awake?',
       author: 'Author XXX',
       image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
-      contentBadge: {
+      badgeList: [{
         label: "5' learning",
         category: 'chapter'
-      },
+      }],
       position: 10,
       id: 'chap_5'
     }],

package/lib/molecule/course-sections/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/course-sections/test/fixtures/default.js"],"names":["props","sections","title","author","image","contentBadge","label","category","position","id","isLoading","onDrop","console","log"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    sections: [\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title:\n          'Marketing and online advertising Marketing and online advertising Marketing and online advertising Marketing and online advertising',\n        author: 'Author',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: 'course',\n          category: 'course'\n        },\n        position: 1,\n        id: 'disc_1'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Social networks',\n        author: 'Author',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: \"5' learning\",\n          category: 'chapter'\n        },\n        position: 2,\n        id: 'chap_1'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Other title',\n        author: 'Author 2',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: 'course',\n          category: 'course'\n        },\n        position: 3,\n        id: 'disc_2'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Social others',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: \"5' learning\",\n          category: 'chapter'\n        },\n        position: 4,\n        id: 'chap_2'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Social others others',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: \"5' learning\",\n          category: 'chapter'\n        },\n        position: 5,\n        id: 'chap_3'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Something about empowerment',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: 'course',\n          category: 'course'\n        },\n        position: 6,\n        id: 'disc_3'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Be a better human being',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: \"5' learning\",\n          category: 'chapter'\n        },\n        position: 7,\n        id: 'chap_4'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Stronger faster better',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: 'course',\n          category: 'course'\n        },\n        position: 8,\n        id: 'disc_4'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Relativity beyond time',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: 'course',\n          category: 'course'\n        },\n        position: 9,\n        id: 'disc_5'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Are you awake?',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: \"5' learning\",\n          category: 'chapter'\n        },\n        position: 10,\n        id: 'chap_5'\n      }\n    ],\n    isLoading: false,\n    onDrop: () => console.log('on drop'),\n    title: 'Organize courses'\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/molecule/course-sections/test/fixtures/default.js"],"names":["props","sections","title","author","image","badgeList","label","category","position","id","isLoading","onDrop","console","log"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    sections: [\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title:\n          'Marketing and online advertising Marketing and online advertising Marketing and online advertising Marketing and online advertising',\n        author: 'Author',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        badgeList: [\n          {\n            label: 'course',\n            category: 'course'\n          }\n        ],\n        position: 1,\n        id: 'disc_1'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Social networks',\n        author: 'Author',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        badgeList: [\n          {\n            label: \"5' learning\",\n            category: 'chapter'\n          }\n        ],\n        position: 2,\n        id: 'chap_1'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Other title',\n        author: 'Author 2',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        badgeList: [\n          {\n            label: 'course',\n            category: 'course'\n          }\n        ],\n        position: 3,\n        id: 'disc_2'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Social others',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        badgeList: [\n          {\n            label: \"5' learning\",\n            category: 'chapter'\n          }\n        ],\n        position: 4,\n        id: 'chap_2'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Social others others',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        badgeList: [\n          {\n            label: \"5' learning\",\n            category: 'chapter'\n          }\n        ],\n        position: 5,\n        id: 'chap_3'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Something about empowerment',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        badgeList: [\n          {\n            label: 'course',\n            category: 'course'\n          }\n        ],\n        position: 6,\n        id: 'disc_3'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Be a better human being',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        badgeList: [\n          {\n            label: \"5' learning\",\n            category: 'chapter'\n          }\n        ],\n        position: 7,\n        id: 'chap_4'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Stronger faster better',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        badgeList: [\n          {\n            label: 'course',\n            category: 'course'\n          }\n        ],\n        position: 8,\n        id: 'disc_4'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Relativity beyond time',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        badgeList: [\n          {\n            label: 'course',\n            category: 'course'\n          }\n        ],\n        position: 9,\n        id: 'disc_5'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Are you awake?',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        badgeList: [\n          {\n            label: \"5' learning\",\n            category: 'chapter'\n          }\n        ],\n        position: 10,\n        id: 'chap_5'\n      }\n    ],\n    isLoading: false,\n    onDrop: () => console.log('on drop'),\n    title: 'Organize courses'\n  }\n};\n"],"file":"default.js"}

package/lib/molecule/drag-and-drop-wrapper/style.css

@@ -2,14 +2,17 @@
   margin-bottom: 18px;
 }
 .group {
+  list-style-type: none;
+  padding: 0;
+  margin-left: 31px;
   display: flex;
   overflow-y: inherit;
   align-content: flex-start;
   flex-wrap: wrap;
-  margin-left: 31px;
-  list-style-type: none;
 }
 
 .dragAndDrop {
   margin-right: 16px;
+  width: 202px;
+  height: 183px;
 }

package/lib/molecule/drag-and-drop-wrapper/test/fixtures/default.js

@@ -9,10 +9,16 @@ var _checked = _interopRequireDefault(require("../../../../atom/checkbox-with-ti
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var _default = {
   props: {
-    checkBoxTitle: _checked.default.props,
-    list: [_default2.default.props]
+    checkBoxTitle: _extends(_extends({}, _checked.default.props), {}, {
+      title: 'Create badge'
+    }),
+    list: [_extends(_extends({}, _default2.default.props), {}, {
+      title: 'Add a badge'
+    })]
   }
 };
 exports.default = _default;

package/lib/molecule/drag-and-drop-wrapper/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/drag-and-drop-wrapper/test/fixtures/default.js"],"names":["props","checkBoxTitle","list","firstdDragAndDrop"],"mappings":";;;;;AAAA;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAEA,iBAAcD,KADxB;AAELE,IAAAA,IAAI,EAAE,CAACC,kBAAkBH,KAAnB;AAFD;AADM,C","sourcesContent":["import firstdDragAndDrop from '../../../../atom/drag-and-drop/test/fixtures/default';\nimport checkBoxTitle from '../../../../atom/checkbox-with-title/test/fixtures/checked';\n\nexport default {\n  props: {\n    checkBoxTitle: checkBoxTitle.props,\n    list: [firstdDragAndDrop.props]\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/molecule/drag-and-drop-wrapper/test/fixtures/default.js"],"names":["props","checkBoxTitle","title","list","firstdDragAndDrop"],"mappings":";;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,wBAAMA,iBAAcD,KAApB;AAA2BE,MAAAA,KAAK,EAAE;AAAlC,MADR;AAELC,IAAAA,IAAI,EAAE,uBAAKC,kBAAkBJ,KAAvB;AAA8BE,MAAAA,KAAK,EAAE;AAArC;AAFD;AADM,C","sourcesContent":["import firstdDragAndDrop from '../../../../atom/drag-and-drop/test/fixtures/default';\nimport checkBoxTitle from '../../../../atom/checkbox-with-title/test/fixtures/checked';\n\nexport default {\n  props: {\n    checkBoxTitle: {...checkBoxTitle.props, title: 'Create badge'},\n    list: [{...firstdDragAndDrop.props, title: 'Add a badge'}]\n  }\n};\n"],"file":"default.js"}

package/lib/molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops.js

@@ -5,16 +5,24 @@ exports.default = void 0;
 
 var _default2 = _interopRequireDefault(require("../../../../atom/drag-and-drop/test/fixtures/default"));
 
-var _withChildren = _interopRequireDefault(require("../../../../atom/drag-and-drop/test/fixtures/with-children"));
+var _cleanAndModified = _interopRequireDefault(require("../../../../atom/drag-and-drop/test/fixtures/clean-and-modified"));
 
 var _checked = _interopRequireDefault(require("../../../../atom/checkbox-with-title/test/fixtures/checked"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var _default = {
   props: {
-    checkBoxTitle: _checked.default.props,
-    list: [_default2.default.props, _withChildren.default.props]
+    checkBoxTitle: _extends(_extends({}, _checked.default.props), {}, {
+      title: 'Create diploma'
+    }),
+    list: [_extends(_extends({}, _default2.default.props), {}, {
+      title: 'Upload Company logo'
+    }), _extends(_extends({}, _cleanAndModified.default.props), {}, {
+      title: 'Upload digital signature'
+    })]
   }
 };
 exports.default = _default;

package/lib/molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops.js"],"names":["props","checkBoxTitle","list","firstdDragAndDrop","secondDragAndDrop"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAEA,iBAAcD,KADxB;AAELE,IAAAA,IAAI,EAAE,CAACC,kBAAkBH,KAAnB,EAA0BI,sBAAkBJ,KAA5C;AAFD;AADM,C","sourcesContent":["import firstdDragAndDrop from '../../../../atom/drag-and-drop/test/fixtures/default';\nimport secondDragAndDrop from '../../../../atom/drag-and-drop/test/fixtures/with-children';\nimport checkBoxTitle from '../../../../atom/checkbox-with-title/test/fixtures/checked';\n\nexport default {\n  props: {\n    checkBoxTitle: checkBoxTitle.props,\n    list: [firstdDragAndDrop.props, secondDragAndDrop.props]\n  }\n};\n"],"file":"two-drag-and-drops.js"}
+{"version":3,"sources":["../../../../../src/molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops.js"],"names":["props","checkBoxTitle","title","list","firstdDragAndDrop","secondDragAndDrop"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,wBAAMA,iBAAcD,KAApB;AAA2BE,MAAAA,KAAK,EAAE;AAAlC,MADR;AAELC,IAAAA,IAAI,EAAE,uBACAC,kBAAkBJ,KADlB;AACyBE,MAAAA,KAAK,EAAE;AADhC,8BAEAG,0BAAkBL,KAFlB;AAEyBE,MAAAA,KAAK,EAAE;AAFhC;AAFD;AADM,C","sourcesContent":["import firstdDragAndDrop from '../../../../atom/drag-and-drop/test/fixtures/default';\nimport secondDragAndDrop from '../../../../atom/drag-and-drop/test/fixtures/clean-and-modified';\nimport checkBoxTitle from '../../../../atom/checkbox-with-title/test/fixtures/checked';\n\nexport default {\n  props: {\n    checkBoxTitle: {...checkBoxTitle.props, title: 'Create diploma'},\n    list: [\n      {...firstdDragAndDrop.props, title: 'Upload Company logo'},\n      {...secondDragAndDrop.props, title: 'Upload digital signature'}\n    ]\n  }\n};\n"],"file":"two-drag-and-drops.js"}

package/lib/molecule/input-text-with-titled-checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/input-text-with-titled-checkbox/index.js"],"names":["InputTextWithTiteledCheckbox","props","title","name","checked","checkBoxOnChange","ariaLabel","inputTextTitle","inputTextValue","inputTextPlaceholder","inputTextDescription","inputTextDisabled","inputTextModified","inputTextOnChange","checkbox","style","inputText","input","propTypes","PropTypes","string","bool","func","shape"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,4BAA4B,GAAGC,KAAK,IAAI;AAC5C,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,gBAJI;AAKJ,kBAAcC,SALV;AAMJC,IAAAA,cANI;AAOJC,IAAAA,cAPI;AAQJC,IAAAA,oBARI;AASJC,IAAAA,oBATI;AAUJC,IAAAA,iBAVI;AAWJC,IAAAA,iBAXI;AAYJC,IAAAA;AAZI,MAaFZ,KAbJ;AAeA,sBACE,uDACE,6BAAC,0BAAD;AACE,IAAA,KAAK,EAAEC,KADT;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEC,gBAJZ;AAKE,iBAAU,WALZ;AAME,kBAAYC,SAAS,CAACQ;AANxB,IADF,eASE;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,kBACE,6BAAC,kBAAD;AACE,IAAA,KAAK,EAAET,cADT;AAEE,IAAA,KAAK,EAAEC,cAFT;AAGE,IAAA,WAAW,EAAEC,oBAHf;AAIE,IAAA,KAAK,EAAC,cAJR;AAKE,IAAA,WAAW,EAAEC,oBALf;AAME,IAAA,QAAQ,EAAEC,iBANZ;AAOE,IAAA,QAAQ,EAAEC,iBAPZ;AAQE,IAAA,QAAQ,EAAEC,iBARZ;AASE,iBAAU,YATZ;AAUE,kBAAYP,SAAS,CAACW;AAVxB,IADF,CATF,CADF;AA0BD,CA1CD;;AA4CAjB,4BAA4B,CAACkB,SAA7B,2CAAyC;AACvChB,EAAAA,KAAK,EAAEiB,mBAAUC,MADsB;AAEvCjB,EAAAA,IAAI,EAAEgB,mBAAUC,MAFuB;AAGvChB,EAAAA,OAAO,EAAEe,mBAAUE,IAHoB;AAIvChB,EAAAA,gBAAgB,EAAEc,mBAAUG,IAJW;AAKvC,gBAAcH,mBAAUI,KAAV,CAAgB;AAC5BN,IAAAA,KAAK,EAAEE,mBAAUC,MADW;AAE5BN,IAAAA,QAAQ,EAAEK,mBAAUC;AAFQ,GAAhB,CALyB;AASvCb,EAAAA,cAAc,EAAEY,mBAAUC,MATa;AAUvCZ,EAAAA,cAAc,EAAEW,mBAAUC,MAVa;AAWvCX,EAAAA,oBAAoB,EAAEU,mBAAUC,MAXO;AAYvCV,EAAAA,oBAAoB,EAAES,mBAAUC,MAZO;AAavCT,EAAAA,iBAAiB,EAAEQ,mBAAUE,IAbU;AAcvCT,EAAAA,iBAAiB,EAAEO,mBAAUE,IAdU;AAevCR,EAAAA,iBAAiB,EAAEM,mBAAUG;AAfU,CAAzC;eAiBetB,4B","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../../atom/input-text';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport style from './style.css';\n\nconst InputTextWithTiteledCheckbox = props => {\n  const {\n    title,\n    name,\n    checked,\n    checkBoxOnChange,\n    'aria-label': ariaLabel,\n    inputTextTitle,\n    inputTextValue,\n    inputTextPlaceholder,\n    inputTextDescription,\n    inputTextDisabled,\n    inputTextModified,\n    inputTextOnChange\n  } = props;\n\n  return (\n    <div>\n      <CheckboxWithTitle\n        title={title}\n        name={name}\n        checked={checked}\n        onChange={checkBoxOnChange}\n        data-name=\"check-box\"\n        aria-label={ariaLabel.checkbox}\n      />\n      <div className={style.inputText}>\n        <InputText\n          title={inputTextTitle}\n          value={inputTextValue}\n          placeholder={inputTextPlaceholder}\n          theme=\"coorpmanager\"\n          description={inputTextDescription}\n          disabled={inputTextDisabled}\n          modified={inputTextModified}\n          onChange={inputTextOnChange}\n          data-name=\"input-text\"\n          aria-label={ariaLabel.input}\n        />\n      </div>\n    </div>\n  );\n};\n\nInputTextWithTiteledCheckbox.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  checkBoxOnChange: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    input: PropTypes.string,\n    checkbox: PropTypes.string\n  }),\n  inputTextTitle: PropTypes.string,\n  inputTextValue: PropTypes.string,\n  inputTextPlaceholder: PropTypes.string,\n  inputTextDescription: PropTypes.string,\n  inputTextDisabled: PropTypes.bool,\n  inputTextModified: PropTypes.bool,\n  inputTextOnChange: PropTypes.func\n};\nexport default InputTextWithTiteledCheckbox;\n"],"file":"index.js"}

package/lib/molecule/input-text-with-titled-checkbox/test/fixtures/checked.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/input-text-with-titled-checkbox/test/fixtures/checked.js"],"names":["props","title","checked","checkBoxOnChange","value","console","log","inputTextTitle","inputTextValue","inputTextDescription","inputTextOnChange","checkbox","input"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,WADF;AAELC,IAAAA,OAAO,EAAE,IAFJ;AAGLC,IAAAA,gBAAgB,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ,CAHtB;AAILG,IAAAA,cAAc,EAAE,cAJX;AAKLC,IAAAA,cAAc,EAAE,KALX;AAMLC,IAAAA,oBAAoB,EAAE,0BANjB;AAOLC,IAAAA,iBAAiB,EAAEN,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ,CAPvB;AAQL,kBAAc;AAACO,MAAAA,QAAQ,EAAE,WAAX;AAAwBC,MAAAA,KAAK,EAAE;AAA/B;AART;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Add stars',\n    checked: true,\n    checkBoxOnChange: value => console.log(value),\n    inputTextTitle: 'Stars amount',\n    inputTextValue: '250',\n    inputTextDescription: 'This is the tooltip text',\n    inputTextOnChange: value => console.log(value),\n    'aria-label': {checkbox: 'check box', input: 'input text'}\n  }\n};\n"],"file":"checked.js"}

package/lib/molecule/input-text-with-titled-checkbox/test/fixtures/unchecked.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/input-text-with-titled-checkbox/test/fixtures/unchecked.js"],"names":["props","title","checked","onChange","value","console","log","checkBoxOnChange","inputTextTitle","inputTextValue","inputTextDescription","inputTextDisabled","inputTextOnChange","checkbox","input"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,cADF;AAELC,IAAAA,OAAO,EAAE,KAFJ;AAGLC,IAAAA,QAAQ,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ,CAHd;AAILG,IAAAA,gBAAgB,EAAEH,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ,CAJtB;AAKLI,IAAAA,cAAc,EAAE,cALX;AAMLC,IAAAA,cAAc,EAAE,KANX;AAOLC,IAAAA,oBAAoB,EAAE,0BAPjB;AAQLC,IAAAA,iBAAiB,EAAE,IARd;AASLC,IAAAA,iBAAiB,EAAER,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ,CATvB;AAUL,kBAAc;AAACS,MAAAA,QAAQ,EAAE,WAAX;AAAwBC,MAAAA,KAAK,EAAE;AAA/B;AAVT;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Create badge',\n    checked: false,\n    onChange: value => console.log(value),\n    checkBoxOnChange: value => console.log(value),\n    inputTextTitle: 'Stars amount',\n    inputTextValue: '250',\n    inputTextDescription: 'This is the tooltip text',\n    inputTextDisabled: true,\n    inputTextOnChange: value => console.log(value),\n    'aria-label': {checkbox: 'check box', input: 'input text'}\n  }\n};\n"],"file":"unchecked.js"}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _map = _interopRequireDefault(require("lodash/fp/map"));
+
+var _contentBadge = _interopRequireDefault(require("../../atom/content-badge"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ListBadges = ({
+  items,
+  'aria-label': ariaLabel
+}) => {
+  const itemsView = (0, _map.default)(({
+    category,
+    label
+  }) => {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      className: _style.default.item,
+      key: `badge-${category}`,
+      "data-name": `badge-${category}`,
+      "aria-label": label
+    }, /*#__PURE__*/_react.default.createElement(_contentBadge.default, {
+      className: _style.default.contentBadge,
+      category: category,
+      label: label
+    }));
+  }, items);
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: _style.default.list,
+    "aria-label": ariaLabel,
+    "data-name": "badges-list"
+  }, itemsView);
+};
+
+ListBadges.propTypes = process.env.NODE_ENV !== "production" ? {
+  'aria-label': _propTypes.default.string,
+  items: _propTypes.default.arrayOf(_propTypes.default.shape(_contentBadge.default.propTypes))
+} : {};
+var _default = ListBadges;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/list-badges/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/list-badges/index.js"],"names":["ListBadges","items","ariaLabel","itemsView","category","label","style","item","contentBadge","list","propTypes","PropTypes","string","arrayOf","shape","ContentBadge"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,UAAU,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQ,gBAAcC;AAAtB,CAAD,KAAsC;AACvD,QAAMC,SAAS,GAAG,kBAAI,CAAC;AAACC,IAAAA,QAAD;AAAWC,IAAAA;AAAX,GAAD,KAAuB;AAC3C,wBACE;AACE,MAAA,SAAS,EAAEC,eAAMC,IADnB;AAEE,MAAA,GAAG,EAAG,SAAQH,QAAS,EAFzB;AAGE,mBAAY,SAAQA,QAAS,EAH/B;AAIE,oBAAYC;AAJd,oBAME,6BAAC,qBAAD;AAAc,MAAA,SAAS,EAAEC,eAAME,YAA/B;AAA6C,MAAA,QAAQ,EAAEJ,QAAvD;AAAiE,MAAA,KAAK,EAAEC;AAAxE,MANF,CADF;AAUD,GAXiB,EAWfJ,KAXe,CAAlB;AAaA,sBACE;AAAI,IAAA,SAAS,EAAEK,eAAMG,IAArB;AAA2B,kBAAYP,SAAvC;AAAkD,iBAAU;AAA5D,KACGC,SADH,CADF;AAKD,CAnBD;;AAqBAH,UAAU,CAACU,SAAX,2CAAuB;AACrB,gBAAcC,mBAAUC,MADH;AAErBX,EAAAA,KAAK,EAAEU,mBAAUE,OAAV,CAAkBF,mBAAUG,KAAV,CAAgBC,sBAAaL,SAA7B,CAAlB;AAFc,CAAvB;eAKeV,U","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nconst ListBadges = ({items, 'aria-label': ariaLabel}) => {\n  const itemsView = map(({category, label}) => {\n    return (\n      <li\n        className={style.item}\n        key={`badge-${category}`}\n        data-name={`badge-${category}`}\n        aria-label={label}\n      >\n        <ContentBadge className={style.contentBadge} category={category} label={label} />\n      </li>\n    );\n  }, items);\n\n  return (\n    <ul className={style.list} aria-label={ariaLabel} data-name=\"badges-list\">\n      {itemsView}\n    </ul>\n  );\n};\n\nListBadges.propTypes = {\n  'aria-label': PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes))\n};\n\nexport default ListBadges;\n"],"file":"index.js"}

package/lib/molecule/list-badges/style.css

@@ -0,0 +1,15 @@
+.item {
+  margin-right: 8px;
+}
+
+.list {
+  display: flex;
+  align-items: center;
+  list-style-type: none;
+}
+
+.contentBadge {
+  font-size: 8px;
+  font-weight: bold;
+  line-height: 10px;;
+}

package/lib/molecule/list-badges/test/fixtures/advanced.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _advanced = _interopRequireDefault(require("../../../../atom/content-badge/test/fixtures/advanced"));
+
+var _default2 = _interopRequireDefault(require("../../../../atom/content-badge/test/fixtures/default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  props: {
+    'aria-label': 'aria list',
+    items: [_default2.default.props, _advanced.default.props]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=advanced.js.map

package/lib/molecule/list-badges/test/fixtures/advanced.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/list-badges/test/fixtures/advanced.js"],"names":["props","items","base","advanced"],"mappings":";;;;;AAAA;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,WADT;AAELC,IAAAA,KAAK,EAAE,CAACC,kBAAKF,KAAN,EAAaG,kBAASH,KAAtB;AAFF;AADM,C","sourcesContent":["import advanced from '../../../../atom/content-badge/test/fixtures/advanced';\nimport base from '../../../../atom/content-badge/test/fixtures/default';\n\nexport default {\n  props: {\n    'aria-label': 'aria list',\n    items: [base.props, advanced.props]\n  }\n};\n"],"file":"advanced.js"}

package/lib/molecule/list-badges/test/fixtures/base.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _default2 = _interopRequireDefault(require("../../../../atom/content-badge/test/fixtures/default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  props: {
+    'aria-label': 'aria list',
+    items: [_default2.default.props]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=base.js.map

package/lib/molecule/list-badges/test/fixtures/base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/list-badges/test/fixtures/base.js"],"names":["props","items","base"],"mappings":";;;;;AAAA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,WADT;AAELC,IAAAA,KAAK,EAAE,CAACC,kBAAKF,KAAN;AAFF;AADM,C","sourcesContent":["import base from '../../../../atom/content-badge/test/fixtures/default';\n\nexport default {\n  props: {\n    'aria-label': 'aria list',\n    items: [base.props]\n  }\n};\n"],"file":"base.js"}

package/lib/molecule/list-badges/test/fixtures/coach.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _advanced = _interopRequireDefault(require("../../../../atom/content-badge/test/fixtures/advanced"));
+
+var _coach = _interopRequireDefault(require("../../../../atom/content-badge/test/fixtures/coach"));
+
+var _default2 = _interopRequireDefault(require("../../../../atom/content-badge/test/fixtures/default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  props: {
+    'aria-label': 'aria list',
+    items: [_default2.default.props, _advanced.default.props, _coach.default.props]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=coach.js.map

package/lib/molecule/list-badges/test/fixtures/coach.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/list-badges/test/fixtures/coach.js"],"names":["props","items","base","advanced","coach"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,WADT;AAELC,IAAAA,KAAK,EAAE,CAACC,kBAAKF,KAAN,EAAaG,kBAASH,KAAtB,EAA6BI,eAAMJ,KAAnC;AAFF;AADM,C","sourcesContent":["import advanced from '../../../../atom/content-badge/test/fixtures/advanced';\nimport coach from '../../../../atom/content-badge/test/fixtures/coach';\nimport base from '../../../../atom/content-badge/test/fixtures/default';\n\nexport default {\n  props: {\n    'aria-label': 'aria list',\n    items: [base.props, advanced.props, coach.props]\n  }\n};\n"],"file":"coach.js"}

package/lib/molecule/list-badges/test/fixtures/course.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _course = _interopRequireDefault(require("../../../../atom/content-badge/test/fixtures/course"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  props: {
+    'aria-label': 'aria list',
+    items: [_course.default.props]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=course.js.map

package/lib/molecule/list-badges/test/fixtures/course.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/list-badges/test/fixtures/course.js"],"names":["props","items","course"],"mappings":";;;;;AAAA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,WADT;AAELC,IAAAA,KAAK,EAAE,CAACC,gBAAOF,KAAR;AAFF;AADM,C","sourcesContent":["import course from '../../../../atom/content-badge/test/fixtures/course';\n\nexport default {\n  props: {\n    'aria-label': 'aria list',\n    items: [course.props]\n  }\n};\n"],"file":"course.js"}

package/lib/molecule/skill-card/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cssColorFunction = require("css-color-function");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
+
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+
+const getGradientBackground = baseColor => {
+  const gradients = [(0, _cssColorFunction.convert)(`color(${baseColor} lightness(30%))`), (0, _cssColorFunction.convert)(`color(${baseColor} lightness(47%))`), (0, _cssColorFunction.convert)(`color(${baseColor} lightness(55%))`)];
+  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${(0, _cssColorFunction.convert)(`color(${gradients[0]} a(0))`)} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${(0, _cssColorFunction.convert)(`color(${gradients[1]} a(0))`)} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${(0, _cssColorFunction.convert)(`color(${gradients[2]} a(0))`)} 100%), ${baseColor}`;
+};
+
+const SkillCard = (props, context) => {
+  const {
+    'aria-label': ariaLabel,
+    skillTitle,
+    skillAriaLabel,
+    buttonLabel,
+    buttonAriaLabel,
+    reviseLabel,
+    reviseAriaLabel,
+    onClick,
+    isCustom = false
+  } = props;
+  const {
+    skin
+  } = context;
+  const [hovered, setHovered] = (0, _react.useState)(false);
+  const primarySkinColor = (0, _getOr.default)('#00B0FF', 'common.primary', skin);
+  const handleMouseOver = (0, _react.useCallback)(() => setHovered(true), [setHovered]);
+  const handleMouseLeave = (0, _react.useCallback)(() => setHovered(false), [setHovered]);
+  const buttonProps = {
+    customStyle: {
+      backgroundColor: hovered ? primarySkinColor : (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(0.07))`),
+      color: hovered ? '#FFFFFF' : primarySkinColor,
+      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'
+    },
+    onClick,
+    'aria-label': buttonAriaLabel,
+    label: buttonLabel,
+    'data-name': 'skill-card-button'
+  };
+  const titleBackgroundColor = (0, _react.useMemo)(() => isCustom ? '#128C72' : primarySkinColor, [isCustom, primarySkinColor]);
+  const titleBackground = (0, _react.useMemo)(() => getGradientBackground(titleBackgroundColor), [titleBackgroundColor]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillCardWrapper,
+    "data-name": "skill-card-wrapper",
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    "data-name": "skill-title",
+    className: _style.default.skillTitle,
+    "aria-label": skillAriaLabel || skillTitle,
+    style: {
+      background: titleBackground
+    }
+  }, skillTitle), /*#__PURE__*/_react.default.createElement("div", {
+    "data-name": "card-content-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.questionReviseText,
+    "data-name": "questions-to-revise-label",
+    "aria-label": reviseAriaLabel || reviseLabel
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidInterfaceFeedbackInterfaceQuestionMark, {
+    className: _style.default.questionReviseIcon,
+    width: 16,
+    height: 16
+  }), reviseLabel), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonWrapper,
+    onMouseOver: handleMouseOver,
+    onMouseLeave: handleMouseLeave,
+    "data-name": "button-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps))));
+};
+
+SkillCard.propTypes = process.env.NODE_ENV !== "production" ? {
+  'aria-label': _propTypes.default.string.isRequired,
+  skillTitle: _propTypes.default.string,
+  skillAriaLabel: _propTypes.default.string,
+  buttonLabel: _propTypes.default.string,
+  buttonAriaLabel: _propTypes.default.string,
+  reviseLabel: _propTypes.default.string,
+  reviseAriaLabel: _propTypes.default.string,
+  isCustom: _propTypes.default.bool,
+  onClick: _propTypes.default.func
+} : {};
+var _default = SkillCard;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/skill-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/skill-card/index.js"],"names":["getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","primarySkinColor","handleMouseOver","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","titleBackground","style","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper","propTypes","PropTypes","string","isRequired","bool","func"],"mappings":"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","sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const [hovered, setHovered] = useState(false);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': buttonAriaLabel,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(() => (isCustom ? '#128C72' : primarySkinColor), [\n    isCustom,\n    primarySkinColor\n  ]);\n\n  const titleBackground = useMemo(() => getGradientBackground(titleBackgroundColor), [\n    titleBackgroundColor\n  ]);\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div\n          className={style.buttonWrapper}\n          onMouseOver={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n          data-name=\"button-wrapper\"\n        >\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = {\n  'aria-label': PropTypes.string.isRequired,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default SkillCard;\n"],"file":"index.js"}