@coorpacademy/components 11.14.1-alpha.3.27 → 11.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (241) hide show
  1. package/es/atom/button/index.d.ts.map +1 -1
  2. package/es/atom/button/index.js +18 -13
  3. package/es/atom/button/index.js.map +1 -1
  4. package/es/molecule/cm-popin/index.d.ts.map +1 -1
  5. package/es/molecule/cm-popin/index.js +5 -4
  6. package/es/molecule/cm-popin/index.js.map +1 -1
  7. package/es/molecule/cm-popin/style.css +61 -40
  8. package/es/molecule/discipline-header/index.d.ts +1 -1
  9. package/es/molecule/discipline-header/index.d.ts.map +1 -1
  10. package/es/molecule/discipline-header/index.js +8 -8
  11. package/es/molecule/discipline-header/index.js.map +1 -1
  12. package/es/molecule/discipline-header/style.css +1 -1
  13. package/es/molecule/hero/index.d.ts +26 -30
  14. package/es/molecule/hero/index.d.ts.map +1 -1
  15. package/es/molecule/hero/index.js +13 -14
  16. package/es/molecule/hero/index.js.map +1 -1
  17. package/es/molecule/hero/style.css +0 -42
  18. package/es/molecule/quick-access-card/index.d.ts +0 -1
  19. package/es/molecule/quick-access-card/index.d.ts.map +1 -1
  20. package/es/molecule/quick-access-card/index.js +21 -77
  21. package/es/molecule/quick-access-card/index.js.map +1 -1
  22. package/es/molecule/quick-access-card/style.css +17 -28
  23. package/es/molecule/quick-access-cards-group/index.d.ts +0 -1
  24. package/es/organism/brand-dashboard/index.d.ts +0 -1
  25. package/es/template/back-office/brand-update/index.d.ts +0 -1
  26. package/es/template/external-course/index.d.ts +69 -21
  27. package/es/template/external-course/index.d.ts.map +1 -1
  28. package/es/template/external-course/index.js +73 -56
  29. package/es/template/external-course/index.js.map +1 -1
  30. package/es/template/external-course/style.css +1 -1
  31. package/es/util/button-icons.d.ts +0 -1
  32. package/es/util/button-icons.d.ts.map +1 -1
  33. package/es/util/button-icons.js +2 -3
  34. package/es/util/button-icons.js.map +1 -1
  35. package/es/variables/breakpoints.css +1 -1
  36. package/lib/atom/button/index.d.ts.map +1 -1
  37. package/lib/atom/button/index.js +18 -13
  38. package/lib/atom/button/index.js.map +1 -1
  39. package/lib/molecule/cm-popin/index.d.ts.map +1 -1
  40. package/lib/molecule/cm-popin/index.js +4 -3
  41. package/lib/molecule/cm-popin/index.js.map +1 -1
  42. package/lib/molecule/cm-popin/style.css +61 -40
  43. package/lib/molecule/discipline-header/index.d.ts +1 -1
  44. package/lib/molecule/discipline-header/index.d.ts.map +1 -1
  45. package/lib/molecule/discipline-header/index.js +8 -8
  46. package/lib/molecule/discipline-header/index.js.map +1 -1
  47. package/lib/molecule/discipline-header/style.css +1 -1
  48. package/lib/molecule/hero/index.d.ts +26 -30
  49. package/lib/molecule/hero/index.d.ts.map +1 -1
  50. package/lib/molecule/hero/index.js +14 -15
  51. package/lib/molecule/hero/index.js.map +1 -1
  52. package/lib/molecule/hero/style.css +0 -42
  53. package/lib/molecule/quick-access-card/index.d.ts +0 -1
  54. package/lib/molecule/quick-access-card/index.d.ts.map +1 -1
  55. package/lib/molecule/quick-access-card/index.js +20 -76
  56. package/lib/molecule/quick-access-card/index.js.map +1 -1
  57. package/lib/molecule/quick-access-card/style.css +17 -28
  58. package/lib/molecule/quick-access-cards-group/index.d.ts +0 -1
  59. package/lib/organism/brand-dashboard/index.d.ts +0 -1
  60. package/lib/template/back-office/brand-update/index.d.ts +0 -1
  61. package/lib/template/external-course/index.d.ts +69 -21
  62. package/lib/template/external-course/index.d.ts.map +1 -1
  63. package/lib/template/external-course/index.js +76 -54
  64. package/lib/template/external-course/index.js.map +1 -1
  65. package/lib/template/external-course/style.css +1 -1
  66. package/lib/util/button-icons.d.ts +0 -1
  67. package/lib/util/button-icons.d.ts.map +1 -1
  68. package/lib/util/button-icons.js +1 -2
  69. package/lib/util/button-icons.js.map +1 -1
  70. package/lib/variables/breakpoints.css +1 -1
  71. package/package.json +3 -3
  72. package/es/molecule/expandable-item/index.d.ts +0 -19
  73. package/es/molecule/expandable-item/index.d.ts.map +0 -1
  74. package/es/molecule/expandable-item/index.js +0 -44
  75. package/es/molecule/expandable-item/index.js.map +0 -1
  76. package/es/molecule/expandable-item/style.css +0 -135
  77. package/es/molecule/expandable-item/types.d.ts +0 -20
  78. package/es/molecule/expandable-item/types.d.ts.map +0 -1
  79. package/es/molecule/expandable-item/types.js +0 -11
  80. package/es/molecule/expandable-item/types.js.map +0 -1
  81. package/es/molecule/expandable-list/index.d.ts +0 -18
  82. package/es/molecule/expandable-list/index.d.ts.map +0 -1
  83. package/es/molecule/expandable-list/index.js +0 -22
  84. package/es/molecule/expandable-list/index.js.map +0 -1
  85. package/es/molecule/expandable-list/style.css +0 -20
  86. package/es/molecule/expandable-list/types.d.ts +0 -17
  87. package/es/molecule/expandable-list/types.d.ts.map +0 -1
  88. package/es/molecule/expandable-list/types.js +0 -6
  89. package/es/molecule/expandable-list/types.js.map +0 -1
  90. package/es/molecule/hero/types.d.ts +0 -22
  91. package/es/molecule/hero/types.d.ts.map +0 -1
  92. package/es/molecule/hero/types.js +0 -14
  93. package/es/molecule/hero/types.js.map +0 -1
  94. package/es/molecule/menu-links/index.d.ts +0 -22
  95. package/es/molecule/menu-links/index.d.ts.map +0 -1
  96. package/es/molecule/menu-links/index.js +0 -70
  97. package/es/molecule/menu-links/index.js.map +0 -1
  98. package/es/molecule/menu-links/style.css +0 -161
  99. package/es/molecule/menu-links/types.d.ts +0 -35
  100. package/es/molecule/menu-links/types.d.ts.map +0 -1
  101. package/es/molecule/menu-links/types.js +0 -17
  102. package/es/molecule/menu-links/types.js.map +0 -1
  103. package/es/molecule/privacy-policy-contact/index.d.ts +0 -14
  104. package/es/molecule/privacy-policy-contact/index.d.ts.map +0 -1
  105. package/es/molecule/privacy-policy-contact/index.js +0 -28
  106. package/es/molecule/privacy-policy-contact/index.js.map +0 -1
  107. package/es/molecule/privacy-policy-contact/style.css +0 -38
  108. package/es/molecule/privacy-policy-contact/types.d.ts +0 -10
  109. package/es/molecule/privacy-policy-contact/types.d.ts.map +0 -1
  110. package/es/molecule/privacy-policy-contact/types.js +0 -6
  111. package/es/molecule/privacy-policy-contact/types.js.map +0 -1
  112. package/es/molecule/privacy-policy-download/index.d.ts +0 -38
  113. package/es/molecule/privacy-policy-download/index.d.ts.map +0 -1
  114. package/es/molecule/privacy-policy-download/index.js +0 -27
  115. package/es/molecule/privacy-policy-download/index.js.map +0 -1
  116. package/es/molecule/privacy-policy-download/style.css +0 -65
  117. package/es/molecule/privacy-policy-download/types.d.ts +0 -50
  118. package/es/molecule/privacy-policy-download/types.d.ts.map +0 -1
  119. package/es/molecule/privacy-policy-download/types.js +0 -8
  120. package/es/molecule/privacy-policy-download/types.js.map +0 -1
  121. package/es/template/common/faq-article-page/index.d.ts +0 -27
  122. package/es/template/common/faq-article-page/index.d.ts.map +0 -1
  123. package/es/template/common/faq-article-page/index.js +0 -50
  124. package/es/template/common/faq-article-page/index.js.map +0 -1
  125. package/es/template/common/faq-article-page/style.css +0 -110
  126. package/es/template/common/faq-article-page/types.d.ts +0 -40
  127. package/es/template/common/faq-article-page/types.d.ts.map +0 -1
  128. package/es/template/common/faq-article-page/types.js +0 -20
  129. package/es/template/common/faq-article-page/types.js.map +0 -1
  130. package/es/template/common/faq-cards-page/index.d.ts +0 -34
  131. package/es/template/common/faq-cards-page/index.d.ts.map +0 -1
  132. package/es/template/common/faq-cards-page/index.js +0 -45
  133. package/es/template/common/faq-cards-page/index.js.map +0 -1
  134. package/es/template/common/faq-cards-page/style.css +0 -95
  135. package/es/template/common/faq-cards-page/types.d.ts +0 -44
  136. package/es/template/common/faq-cards-page/types.d.ts.map +0 -1
  137. package/es/template/common/faq-cards-page/types.js +0 -13
  138. package/es/template/common/faq-cards-page/types.js.map +0 -1
  139. package/es/template/common/faq-page/index.d.ts +0 -80
  140. package/es/template/common/faq-page/index.d.ts.map +0 -1
  141. package/es/template/common/faq-page/index.js +0 -44
  142. package/es/template/common/faq-page/index.js.map +0 -1
  143. package/es/template/common/faq-page/style.css +0 -104
  144. package/es/template/common/faq-page/types.d.ts +0 -86
  145. package/es/template/common/faq-page/types.d.ts.map +0 -1
  146. package/es/template/common/faq-page/types.js +0 -13
  147. package/es/template/common/faq-page/types.js.map +0 -1
  148. package/es/template/common/privacy-policy-page/index.d.ts +0 -80
  149. package/es/template/common/privacy-policy-page/index.d.ts.map +0 -1
  150. package/es/template/common/privacy-policy-page/index.js +0 -50
  151. package/es/template/common/privacy-policy-page/index.js.map +0 -1
  152. package/es/template/common/privacy-policy-page/style.css +0 -123
  153. package/es/template/common/privacy-policy-page/types.d.ts +0 -86
  154. package/es/template/common/privacy-policy-page/types.d.ts.map +0 -1
  155. package/es/template/common/privacy-policy-page/types.js +0 -13
  156. package/es/template/common/privacy-policy-page/types.js.map +0 -1
  157. package/lib/molecule/expandable-item/index.d.ts +0 -19
  158. package/lib/molecule/expandable-item/index.d.ts.map +0 -1
  159. package/lib/molecule/expandable-item/index.js +0 -58
  160. package/lib/molecule/expandable-item/index.js.map +0 -1
  161. package/lib/molecule/expandable-item/style.css +0 -135
  162. package/lib/molecule/expandable-item/types.d.ts +0 -20
  163. package/lib/molecule/expandable-item/types.d.ts.map +0 -1
  164. package/lib/molecule/expandable-item/types.js +0 -20
  165. package/lib/molecule/expandable-item/types.js.map +0 -1
  166. package/lib/molecule/expandable-list/index.d.ts +0 -18
  167. package/lib/molecule/expandable-list/index.d.ts.map +0 -1
  168. package/lib/molecule/expandable-list/index.js +0 -33
  169. package/lib/molecule/expandable-list/index.js.map +0 -1
  170. package/lib/molecule/expandable-list/style.css +0 -20
  171. package/lib/molecule/expandable-list/types.d.ts +0 -17
  172. package/lib/molecule/expandable-list/types.d.ts.map +0 -1
  173. package/lib/molecule/expandable-list/types.js +0 -16
  174. package/lib/molecule/expandable-list/types.js.map +0 -1
  175. package/lib/molecule/hero/types.d.ts +0 -22
  176. package/lib/molecule/hero/types.d.ts.map +0 -1
  177. package/lib/molecule/hero/types.js +0 -25
  178. package/lib/molecule/hero/types.js.map +0 -1
  179. package/lib/molecule/menu-links/index.d.ts +0 -22
  180. package/lib/molecule/menu-links/index.d.ts.map +0 -1
  181. package/lib/molecule/menu-links/index.js +0 -88
  182. package/lib/molecule/menu-links/index.js.map +0 -1
  183. package/lib/molecule/menu-links/style.css +0 -161
  184. package/lib/molecule/menu-links/types.d.ts +0 -35
  185. package/lib/molecule/menu-links/types.d.ts.map +0 -1
  186. package/lib/molecule/menu-links/types.js +0 -26
  187. package/lib/molecule/menu-links/types.js.map +0 -1
  188. package/lib/molecule/privacy-policy-contact/index.d.ts +0 -14
  189. package/lib/molecule/privacy-policy-contact/index.d.ts.map +0 -1
  190. package/lib/molecule/privacy-policy-contact/index.js +0 -41
  191. package/lib/molecule/privacy-policy-contact/index.js.map +0 -1
  192. package/lib/molecule/privacy-policy-contact/style.css +0 -38
  193. package/lib/molecule/privacy-policy-contact/types.d.ts +0 -10
  194. package/lib/molecule/privacy-policy-contact/types.d.ts.map +0 -1
  195. package/lib/molecule/privacy-policy-contact/types.js +0 -15
  196. package/lib/molecule/privacy-policy-contact/types.js.map +0 -1
  197. package/lib/molecule/privacy-policy-download/index.d.ts +0 -38
  198. package/lib/molecule/privacy-policy-download/index.d.ts.map +0 -1
  199. package/lib/molecule/privacy-policy-download/index.js +0 -38
  200. package/lib/molecule/privacy-policy-download/index.js.map +0 -1
  201. package/lib/molecule/privacy-policy-download/style.css +0 -65
  202. package/lib/molecule/privacy-policy-download/types.d.ts +0 -50
  203. package/lib/molecule/privacy-policy-download/types.d.ts.map +0 -1
  204. package/lib/molecule/privacy-policy-download/types.js +0 -18
  205. package/lib/molecule/privacy-policy-download/types.js.map +0 -1
  206. package/lib/template/common/faq-article-page/index.d.ts +0 -27
  207. package/lib/template/common/faq-article-page/index.d.ts.map +0 -1
  208. package/lib/template/common/faq-article-page/index.js +0 -63
  209. package/lib/template/common/faq-article-page/index.js.map +0 -1
  210. package/lib/template/common/faq-article-page/style.css +0 -110
  211. package/lib/template/common/faq-article-page/types.d.ts +0 -40
  212. package/lib/template/common/faq-article-page/types.d.ts.map +0 -1
  213. package/lib/template/common/faq-article-page/types.js +0 -30
  214. package/lib/template/common/faq-article-page/types.js.map +0 -1
  215. package/lib/template/common/faq-cards-page/index.d.ts +0 -34
  216. package/lib/template/common/faq-cards-page/index.d.ts.map +0 -1
  217. package/lib/template/common/faq-cards-page/index.js +0 -58
  218. package/lib/template/common/faq-cards-page/index.js.map +0 -1
  219. package/lib/template/common/faq-cards-page/style.css +0 -95
  220. package/lib/template/common/faq-cards-page/types.d.ts +0 -44
  221. package/lib/template/common/faq-cards-page/types.d.ts.map +0 -1
  222. package/lib/template/common/faq-cards-page/types.js +0 -25
  223. package/lib/template/common/faq-cards-page/types.js.map +0 -1
  224. package/lib/template/common/faq-page/index.d.ts +0 -80
  225. package/lib/template/common/faq-page/index.d.ts.map +0 -1
  226. package/lib/template/common/faq-page/index.js +0 -58
  227. package/lib/template/common/faq-page/index.js.map +0 -1
  228. package/lib/template/common/faq-page/style.css +0 -104
  229. package/lib/template/common/faq-page/types.d.ts +0 -86
  230. package/lib/template/common/faq-page/types.d.ts.map +0 -1
  231. package/lib/template/common/faq-page/types.js +0 -24
  232. package/lib/template/common/faq-page/types.js.map +0 -1
  233. package/lib/template/common/privacy-policy-page/index.d.ts +0 -80
  234. package/lib/template/common/privacy-policy-page/index.d.ts.map +0 -1
  235. package/lib/template/common/privacy-policy-page/index.js +0 -65
  236. package/lib/template/common/privacy-policy-page/index.js.map +0 -1
  237. package/lib/template/common/privacy-policy-page/style.css +0 -123
  238. package/lib/template/common/privacy-policy-page/types.d.ts +0 -86
  239. package/lib/template/common/privacy-policy-page/types.d.ts.map +0 -1
  240. package/lib/template/common/privacy-policy-page/types.js +0 -24
  241. package/lib/template/common/privacy-policy-page/types.js.map +0 -1
@@ -1,88 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _slice2 = _interopRequireDefault(require("lodash/fp/slice"));
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
-
12
- var _novaIcons = require("@coorpacademy/nova-icons");
13
-
14
- var _types = require("./types");
15
-
16
- var _style = _interopRequireDefault(require("./style.css"));
17
-
18
- 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); }
19
-
20
- 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; }
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
- const ICONS = {
25
- mobilePhone: _novaIcons.NovaLinePhoneMobilePhone,
26
- chatBubbleCircleQuestionMark: _novaIcons.NovaLineMessagesChatChatBubbleCircleQuestionMark,
27
- networkAlert: _novaIcons.NovaLineNetworkNetworkAlert,
28
- binoculaire: _novaIcons.NovaLineObjectsBinoculars1,
29
- contentBook: _novaIcons.NovaLineContentEditionContentBook
30
- };
31
-
32
- const MenuLinks = ({
33
- items,
34
- title,
35
- showMoreItem,
36
- numberOfDisplayedItems,
37
- isDesktopMode
38
- }) => {
39
- const [isOpen, setIsOpen] = (0, _react.useState)(false);
40
- const itemsToDisplay = isDesktopMode || isOpen ? items : (0, _slice2.default)(0, numberOfDisplayedItems, items);
41
-
42
- const handleOnclickShowMore = () => setIsOpen(!isOpen);
43
-
44
- return /*#__PURE__*/_react.default.createElement("div", {
45
- className: _style.default.container
46
- }, /*#__PURE__*/_react.default.createElement("h2", {
47
- className: _style.default.title
48
- }, title), /*#__PURE__*/_react.default.createElement("ul", {
49
- className: _style.default.list,
50
- "data-name": "menu-links"
51
- }, itemsToDisplay.map((item, index) => {
52
- const {
53
- handleOnclick
54
- } = item;
55
- const Icon = item.icon ? ICONS[item.icon] : null;
56
- return /*#__PURE__*/_react.default.createElement("li", {
57
- onClick: handleOnclick,
58
- key: `menu-link-item-${index}`,
59
- className: _style.default.item
60
- }, /*#__PURE__*/_react.default.createElement("div", {
61
- className: (0, _classnames.default)(_style.default.border, item.isSelected ? _style.default.selectedBorder : null)
62
- }), /*#__PURE__*/_react.default.createElement("div", {
63
- className: _style.default.flexContainer
64
- }, Icon ? /*#__PURE__*/_react.default.createElement(Icon, {
65
- className: (0, _classnames.default)(_style.default.icon, item.isSelected ? _style.default.selectedIcon : null)
66
- }) : null, /*#__PURE__*/_react.default.createElement("div", {
67
- className: _style.default.flexContainer
68
- }, /*#__PURE__*/_react.default.createElement("span", {
69
- className: item.isSelected ? _style.default.selectedItem : undefined
70
- }, item.text), Icon ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
71
- className: (0, _classnames.default)(_style.default.arrowIcon, item.isSelected ? _style.default.selectedIcon : null)
72
- }) : null)));
73
- }), !isDesktopMode ? /*#__PURE__*/_react.default.createElement("li", {
74
- // eslint-disable-next-line react/jsx-no-bind
75
- onClick: handleOnclickShowMore,
76
- key: `menu-link-item-show-more`,
77
- className: (0, _classnames.default)(_style.default.showMoreItem, _style.default.item)
78
- }, /*#__PURE__*/_react.default.createElement("div", {
79
- className: _style.default.border
80
- }), /*#__PURE__*/_react.default.createElement("span", null, isOpen ? showMoreItem.showLessText : showMoreItem.showMoreText, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
81
- className: isOpen ? _style.default.showLessIcon : _style.default.showMoreIcon
82
- }))) : null));
83
- };
84
-
85
- MenuLinks.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
86
- var _default = MenuLinks;
87
- exports.default = _default;
88
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["ICONS","mobilePhone","MobilePhone","chatBubbleCircleQuestionMark","ChatBubbleCircleQuestionMark","networkAlert","NetworkAlert","binoculaire","Binoculaire","contentBook","ContentBook","MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","isOpen","setIsOpen","useState","itemsToDisplay","handleOnclickShowMore","styles","container","list","map","item","index","handleOnclick","Icon","icon","classnames","border","isSelected","selectedBorder","flexContainer","selectedIcon","selectedItem","undefined","text","arrowIcon","showLessText","showMoreText","showLessIcon","showMoreIcon","propTypes"],"sources":["../../../src/molecule/menu-links/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {\n NovaCompositionNavigationArrowDown as ArrowIcon,\n NovaLinePhoneMobilePhone as MobilePhone,\n NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark,\n NovaLineNetworkNetworkAlert as NetworkAlert,\n NovaLineObjectsBinoculars1 as Binoculaire,\n NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport {slice} from 'lodash/fp';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst ICONS = {\n mobilePhone: MobilePhone,\n chatBubbleCircleQuestionMark: ChatBubbleCircleQuestionMark,\n networkAlert: NetworkAlert,\n binoculaire: Binoculaire,\n contentBook: ContentBook\n};\n\nconst MenuLinks = ({items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode}: Props) => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const itemsToDisplay = isDesktopMode || isOpen ? items : slice(0, numberOfDisplayedItems, items);\n const handleOnclickShowMore = () => setIsOpen(!isOpen);\n\n return (\n <div className={styles.container}>\n <h2 className={styles.title}>{title}</h2>\n <ul className={styles.list} data-name=\"menu-links\">\n {itemsToDisplay.map((item, index) => {\n const {handleOnclick} = item;\n const Icon = item.icon ? ICONS[item.icon] : null;\n return (\n <li onClick={handleOnclick} key={`menu-link-item-${index}`} className={styles.item}>\n <div\n className={classnames(\n styles.border,\n item.isSelected ? styles.selectedBorder : null\n )}\n />\n <div className={styles.flexContainer}>\n {Icon ? (\n <Icon\n className={classnames(\n styles.icon,\n item.isSelected ? styles.selectedIcon : null\n )}\n />\n ) : null}\n <div className={styles.flexContainer}>\n <span className={item.isSelected ? styles.selectedItem : undefined}>\n {item.text}\n </span>\n {Icon ? (\n <ArrowIcon\n className={classnames(\n styles.arrowIcon,\n item.isSelected ? styles.selectedIcon : null\n )}\n />\n ) : null}\n </div>\n </div>\n </li>\n );\n })}\n {!isDesktopMode ? (\n <li\n // eslint-disable-next-line react/jsx-no-bind\n onClick={handleOnclickShowMore}\n key={`menu-link-item-show-more`}\n className={classnames(styles.showMoreItem, styles.item)}\n >\n <div className={styles.border} />\n <span>\n {isOpen ? showMoreItem.showLessText : showMoreItem.showMoreText}\n <ArrowIcon className={isOpen ? styles.showLessIcon : styles.showMoreIcon} />\n </span>\n </li>\n ) : null}\n </ul>\n </div>\n );\n};\n\nMenuLinks.propTypes = propTypes;\n\nexport default MenuLinks;\n"],"mappings":"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"}
@@ -1,161 +0,0 @@
1
- @value colors: "../../variables/colors.css";
2
- @value breakpoints: "../../variables/breakpoints.css";
3
- @value mobile from breakpoints;
4
- @value tablet from breakpoints;
5
- @value cm_primary_blue from colors;
6
- @value cm_grey_500 from colors;
7
- @value cm_grey_700 from colors;
8
- @value cm_grey_800 from colors;
9
- @value white from colors;
10
-
11
-
12
- .container {
13
- display: flex;
14
- flex-direction: column;
15
- align-items: flex-start;
16
- padding: 24px 24px 8px 0px;
17
- gap: 24px;
18
- background: #FFFFFF;
19
- border-radius: 8px;
20
- flex: none;
21
- order: 0;
22
- flex-grow: 0;
23
- }
24
-
25
- .title {
26
- padding: 0px 0px 0px 24px;
27
- margin: 0;
28
- font-family: 'Gilroy';
29
- font-style: normal;
30
- font-weight: 600;
31
- font-size: 16px;
32
- line-height: 22px;
33
- order: 0;
34
- flex-grow: 0;
35
- z-index: 0;
36
- color: cm_grey_500;
37
- }
38
-
39
- .list {
40
- list-style: none;
41
- cursor: pointer;
42
- margin: 0;
43
- padding: 0;
44
- width: 100%;
45
- }
46
-
47
- .item {
48
- display: flex;
49
- flex-direction: row;
50
- gap: 28px;
51
- margin-bottom: 16px;
52
- width: 100%;
53
- }
54
-
55
- .flexContainer span {
56
- font-family: Gilroy;
57
- font-size: 14px;
58
- font-weight: 700;
59
- line-height: 20px;
60
- letter-spacing: 0px;
61
- text-align: left;
62
- }
63
-
64
- .flexContainer {
65
- display: flex;
66
- justify-content: space-between;
67
- align-items: center;
68
- width: 100%;
69
- }
70
- .border {
71
- width: 4px;
72
- font-weight: inherit;
73
- background-color: white;
74
- flex-shrink: 0;
75
- min-width: 4px;
76
- flex-basis: 4px;
77
- }
78
-
79
- .icon {
80
- width: 20px;
81
- height: 20px;
82
- color: #000;
83
- margin-right: 12px;
84
- }
85
-
86
- .arrowIcon{
87
- width: 12px;
88
- min-width: 12px;
89
- height: 12px;
90
- margin-left: 10px;
91
- transform: rotateZ(270deg);
92
- }
93
-
94
- .selectedBorder {
95
- background-color: cm_primary_blue;
96
- }
97
-
98
- .showMoreItem {
99
- display: none;
100
- }
101
-
102
- .selectedItem {
103
- color: cm_primary_blue;
104
- font-weight: 600;
105
- }
106
-
107
- .selectedIcon {
108
- color: cm_primary_blue;
109
- }
110
- .item:hover{
111
- text-decoration: underline;
112
- }
113
-
114
- .selectedItem:hover {
115
- text-decoration-color: cm_primary_blue!important;
116
- color: cm_primary_blue;
117
- }
118
- .showMoreIcon {
119
- width: 12px;
120
- height: 8px;
121
- margin-left: 8px;
122
- }
123
-
124
- .showLessIcon {
125
- width: 12px;
126
- height: 8px;
127
- margin-left: 8px;
128
- transform: rotateZ(180deg);
129
- }
130
-
131
- @media tablet {
132
- .showMoreItem {
133
- font-family: 'Gilroy';
134
- font-style: normal;
135
- font-weight: 700;
136
- font-size: 14px;
137
- line-height: 20px;
138
- color: cm_grey_700;
139
- margin: 0;
140
- display: block;
141
- display: flex;
142
- flex-direction: row;
143
- margin-bottom: 16px;
144
- }
145
- }
146
-
147
- @media mobile {
148
- .showMoreItem {
149
- font-family: 'Gilroy';
150
- font-style: normal;
151
- font-weight: 700;
152
- font-size: 14px;
153
- line-height: 20px;
154
- color: cm_grey_700;
155
- margin: 0;
156
- display: block;
157
- display: flex;
158
- flex-direction: row;
159
- margin-bottom: 16px;
160
- }
161
- }
@@ -1,35 +0,0 @@
1
- import PropTypes from 'prop-types';
2
- export declare const propTypes: {
3
- title: PropTypes.Requireable<string>;
4
- numberOfDisplayedItems: PropTypes.Requireable<number>;
5
- isDesktopMode: PropTypes.Requireable<boolean>;
6
- showMoreItem: PropTypes.Requireable<PropTypes.InferProps<{
7
- showMoreText: PropTypes.Requireable<string>;
8
- showLessText: PropTypes.Requireable<string>;
9
- isSelected: PropTypes.Requireable<boolean>;
10
- }>>;
11
- items: PropTypes.Requireable<(PropTypes.InferProps<{
12
- text: PropTypes.Requireable<string>;
13
- isSelected: PropTypes.Requireable<boolean>;
14
- handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
15
- }> | null | undefined)[]>;
16
- };
17
- export declare type Item = {
18
- text: string;
19
- isSelected?: boolean;
20
- handleOnclick: () => void;
21
- icon?: IconsType;
22
- };
23
- export declare type ShowMoreItem = {
24
- showMoreText: string;
25
- showLessText: string;
26
- };
27
- export declare type IconsType = 'mobilePhone' | 'chatBubbleCircleQuestionMark' | 'networkAlert' | 'binoculaire' | 'contentBook';
28
- export declare type Props = {
29
- title: string;
30
- isDesktopMode: boolean;
31
- showMoreItem: ShowMoreItem;
32
- numberOfDisplayedItems: number;
33
- items: Item[];
34
- };
35
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAgBrB,CAAC;AAEF,oBAAY,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,SAAS,GACjB,aAAa,GACb,8BAA8B,GAC9B,cAAc,GACd,aAAa,GACb,aAAa,CAAC;AAElB,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC;IAC3B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;CACf,CAAC"}
@@ -1,26 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.propTypes = void 0;
5
-
6
- var _propTypes = _interopRequireDefault(require("prop-types"));
7
-
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
-
10
- const propTypes = {
11
- title: _propTypes.default.string,
12
- numberOfDisplayedItems: _propTypes.default.number,
13
- isDesktopMode: _propTypes.default.bool,
14
- showMoreItem: _propTypes.default.shape({
15
- showMoreText: _propTypes.default.string,
16
- showLessText: _propTypes.default.string,
17
- isSelected: _propTypes.default.bool
18
- }),
19
- items: _propTypes.default.arrayOf(_propTypes.default.shape({
20
- text: _propTypes.default.string,
21
- isSelected: _propTypes.default.bool,
22
- handleOnclick: _propTypes.default.func
23
- }))
24
- };
25
- exports.propTypes = propTypes;
26
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","names":["propTypes","title","PropTypes","string","numberOfDisplayedItems","number","isDesktopMode","bool","showMoreItem","shape","showMoreText","showLessText","isSelected","items","arrayOf","text","handleOnclick","func"],"sources":["../../../src/molecule/menu-links/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n title: PropTypes.string,\n numberOfDisplayedItems: PropTypes.number,\n isDesktopMode: PropTypes.bool,\n showMoreItem: PropTypes.shape({\n showMoreText: PropTypes.string,\n showLessText: PropTypes.string,\n isSelected: PropTypes.bool\n }),\n items: PropTypes.arrayOf(\n PropTypes.shape({\n text: PropTypes.string,\n isSelected: PropTypes.bool,\n handleOnclick: PropTypes.func\n })\n )\n};\n\nexport type Item = {\n text: string;\n isSelected?: boolean;\n handleOnclick: () => void;\n icon?: IconsType;\n};\n\nexport type ShowMoreItem = {\n showMoreText: string;\n showLessText: string;\n};\n\nexport type IconsType =\n | 'mobilePhone'\n | 'chatBubbleCircleQuestionMark'\n | 'networkAlert'\n | 'binoculaire'\n | 'contentBook';\n\nexport type Props = {\n title: string;\n isDesktopMode: boolean;\n showMoreItem: ShowMoreItem;\n numberOfDisplayedItems: number;\n items: Item[];\n};\n"],"mappings":";;;;;AAAA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,KAAK,EAAEC,kBAAA,CAAUC,MADM;EAEvBC,sBAAsB,EAAEF,kBAAA,CAAUG,MAFX;EAGvBC,aAAa,EAAEJ,kBAAA,CAAUK,IAHF;EAIvBC,YAAY,EAAEN,kBAAA,CAAUO,KAAV,CAAgB;IAC5BC,YAAY,EAAER,kBAAA,CAAUC,MADI;IAE5BQ,YAAY,EAAET,kBAAA,CAAUC,MAFI;IAG5BS,UAAU,EAAEV,kBAAA,CAAUK;EAHM,CAAhB,CAJS;EASvBM,KAAK,EAAEX,kBAAA,CAAUY,OAAV,CACLZ,kBAAA,CAAUO,KAAV,CAAgB;IACdM,IAAI,EAAEb,kBAAA,CAAUC,MADF;IAEdS,UAAU,EAAEV,kBAAA,CAAUK,IAFR;IAGdS,aAAa,EAAEd,kBAAA,CAAUe;EAHX,CAAhB,CADK;AATgB,CAAlB"}
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- import { Props } from './types';
3
- export declare const ICONS: {
4
- arrow: any;
5
- };
6
- declare const PrivacyPolicyContact: {
7
- ({ title, content }: Props): JSX.Element;
8
- propTypes: {
9
- title: import("prop-types").Requireable<string>;
10
- content: import("prop-types").Requireable<string>;
11
- };
12
- };
13
- export default PrivacyPolicyContact;
14
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-contact/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,oBAAoB;yBAAsB,KAAK;;;;;CAWpD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.ICONS = void 0;
5
-
6
- var _react = _interopRequireDefault(require("react"));
7
-
8
- var _novaIcons = require("@coorpacademy/nova-icons");
9
-
10
- var _types = require("./types");
11
-
12
- var _style = _interopRequireDefault(require("./style.css"));
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- const ICONS = {
17
- arrow: _novaIcons.NovaCompositionNavigationArrowDown
18
- };
19
- exports.ICONS = ICONS;
20
-
21
- const PrivacyPolicyContact = ({
22
- title,
23
- content
24
- }) => {
25
- return /*#__PURE__*/_react.default.createElement("div", {
26
- className: _style.default.container
27
- }, /*#__PURE__*/_react.default.createElement("h3", {
28
- className: _style.default.title // eslint-disable-next-line react/no-danger
29
- ,
30
- dangerouslySetInnerHTML: {
31
- __html: title
32
- }
33
- }), /*#__PURE__*/_react.default.createElement("p", {
34
- className: _style.default.content
35
- }, content));
36
- };
37
-
38
- PrivacyPolicyContact.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
39
- var _default = PrivacyPolicyContact;
40
- exports.default = _default;
41
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["ICONS","arrow","ArrowIcon","PrivacyPolicyContact","title","content","styles","container","__html","propTypes"],"sources":["../../../src/molecule/privacy-policy-contact/index.tsx"],"sourcesContent":["import React from 'react';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nexport const ICONS = {\n arrow: ArrowIcon\n};\n\nconst PrivacyPolicyContact = ({title, content}: Props) => {\n return (\n <div className={styles.container}>\n <h3\n className={styles.title}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n <p className={styles.content}>{content}</p>\n </div>\n );\n};\n\nPrivacyPolicyContact.propTypes = propTypes;\n\nexport default PrivacyPolicyContact;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,KAAK,GAAG;EACnBC,KAAK,EAAEC;AADY,CAAd;;;AAIP,MAAMC,oBAAoB,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAA6B;EACxD,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAOC;EAAvB,gBACE;IACE,SAAS,EAAED,cAAA,CAAOF,KADpB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACI,MAAM,EAAEJ;IAAT;EAH3B,EADF,eAME;IAAG,SAAS,EAAEE,cAAA,CAAOD;EAArB,GAA+BA,OAA/B,CANF,CADF;AAUD,CAXD;;AAaAF,oBAAoB,CAACM,SAArB,2CAAiCA,gBAAjC;eAEeN,oB"}
@@ -1,38 +0,0 @@
1
- @value colors: "../../variables/colors.css";
2
- @value breakpoints: "../../variables/breakpoints.css";
3
- @value mobile from breakpoints;
4
- @value tablet from breakpoints;
5
- @value cm_primary_blue from colors;
6
- @value cm_grey_500 from colors;
7
- @value cm_grey_400 from colors;
8
- @value white from colors;
9
- @value white from colors;
10
-
11
- .container {
12
- padding: 16px 14px;
13
- display: flex;
14
- flex-direction: column;
15
- align-items: center;
16
- background-color: white;
17
- }
18
-
19
- .title {
20
- font-family: Gilroy;
21
- font-size: 16px;
22
- font-weight: 400;
23
- line-height: 24px;
24
- letter-spacing: 0em;
25
- text-align: center;
26
- margin: 0;
27
- }
28
-
29
- .content {
30
- font-family: Gilroy;
31
- font-size: 14px;
32
- font-style: italic;
33
- font-weight: 400;
34
- line-height: 22px;
35
- letter-spacing: 0em;
36
- text-align: center;
37
- margin: 0;
38
- }
@@ -1,10 +0,0 @@
1
- import PropTypes from 'prop-types';
2
- export declare const propTypes: {
3
- title: PropTypes.Requireable<string>;
4
- content: PropTypes.Requireable<string>;
5
- };
6
- export declare type Props = {
7
- title: string;
8
- content: string;
9
- };
10
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-contact/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,SAAS;;;CAGrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC"}
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.propTypes = void 0;
5
-
6
- var _propTypes = _interopRequireDefault(require("prop-types"));
7
-
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
-
10
- const propTypes = {
11
- title: _propTypes.default.string,
12
- content: _propTypes.default.string
13
- };
14
- exports.propTypes = propTypes;
15
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","names":["propTypes","title","PropTypes","string","content"],"sources":["../../../src/molecule/privacy-policy-contact/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n title: PropTypes.string,\n content: PropTypes.string\n};\n\nexport type Props = {\n title: string;\n content: string;\n};\n"],"mappings":";;;;;AAAA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,KAAK,EAAEC,kBAAA,CAAUC,MADM;EAEvBC,OAAO,EAAEF,kBAAA,CAAUC;AAFI,CAAlB"}
@@ -1,38 +0,0 @@
1
- /// <reference types="react" />
2
- import { Props } from './types';
3
- declare const PrivacyPolicyDownload: {
4
- ({ title, downloadButton, content }: Props): JSX.Element;
5
- propTypes: {
6
- title: import("prop-types").Requireable<string>;
7
- content: import("prop-types").Requireable<string>;
8
- downloadButton: import("prop-types").Requireable<import("prop-types").InferProps<{
9
- color: any;
10
- submitValue: import("prop-types").Requireable<string>;
11
- disabled: import("prop-types").Requireable<boolean>;
12
- href: import("prop-types").Requireable<string>;
13
- download: import("prop-types").Requireable<boolean>;
14
- target: import("prop-types").Requireable<string>;
15
- type: import("prop-types").Requireable<string>;
16
- children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
17
- className: import("prop-types").Requireable<string>;
18
- style: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
19
- 'data-name': import("prop-types").Requireable<string>;
20
- 'aria-label': import("prop-types").Requireable<string>;
21
- 'data-testid': import("prop-types").Requireable<string>;
22
- useButtonTag: import("prop-types").Requireable<boolean>;
23
- onClick: import("prop-types").Requireable<(...args: any[]) => any>;
24
- onKeyDown: import("prop-types").Requireable<(...args: any[]) => any>;
25
- onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
26
- onMouseOver: import("prop-types").Requireable<(...args: any[]) => any>;
27
- buttonRef: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
28
- 'data-for': import("prop-types").Requireable<string>;
29
- 'data-tooltip-place': import("prop-types").Requireable<string>;
30
- 'data-tip': import("prop-types").Requireable<boolean>;
31
- isLinkDisabled: import("prop-types").Requireable<boolean>;
32
- useWrapper: import("prop-types").Requireable<boolean>;
33
- buttonContentClassName: import("prop-types").Requireable<string>;
34
- }>>;
35
- };
36
- };
37
- export default PrivacyPolicyDownload;
38
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-download/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,qBAAqB;yCAAsC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYrE,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _react = _interopRequireDefault(require("react"));
7
-
8
- var _button = _interopRequireDefault(require("../../atom/button"));
9
-
10
- var _style = _interopRequireDefault(require("./style.css"));
11
-
12
- var _types = require("./types");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
17
-
18
- const PrivacyPolicyDownload = ({
19
- title,
20
- downloadButton,
21
- content
22
- }) => {
23
- return /*#__PURE__*/_react.default.createElement("div", {
24
- className: _style.default.container
25
- }, /*#__PURE__*/_react.default.createElement("h3", {
26
- className: _style.default.title
27
- }, title), /*#__PURE__*/_react.default.createElement("p", {
28
- className: _style.default.content
29
- }, content), /*#__PURE__*/_react.default.createElement(_button.default, _extends({}, downloadButton, {
30
- className: _style.default.downloadButton,
31
- buttonContentClassName: _style.default.downloadButtonContent
32
- })));
33
- };
34
-
35
- PrivacyPolicyDownload.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
36
- var _default = PrivacyPolicyDownload;
37
- exports.default = _default;
38
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["PrivacyPolicyDownload","title","downloadButton","content","styles","container","downloadButtonContent","propTypes"],"sources":["../../../src/molecule/privacy-policy-download/index.tsx"],"sourcesContent":["import React from 'react';\nimport Button from '../../atom/button';\nimport styles from './style.css';\nimport {propTypes, Props} from './types';\n\nconst PrivacyPolicyDownload = ({title, downloadButton, content}: Props) => {\n return (\n <div className={styles.container}>\n <h3 className={styles.title}>{title}</h3>\n <p className={styles.content}>{content}</p>\n <Button\n {...downloadButton}\n className={styles.downloadButton}\n buttonContentClassName={styles.downloadButtonContent}\n />\n </div>\n );\n};\n\nPrivacyPolicyDownload.propTypes = propTypes;\n\nexport default PrivacyPolicyDownload;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,qBAAqB,GAAG,CAAC;EAACC,KAAD;EAAQC,cAAR;EAAwBC;AAAxB,CAAD,KAA6C;EACzE,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAOC;EAAvB,gBACE;IAAI,SAAS,EAAED,cAAA,CAAOH;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAG,SAAS,EAAEG,cAAA,CAAOD;EAArB,GAA+BA,OAA/B,CAFF,eAGE,6BAAC,eAAD,eACMD,cADN;IAEE,SAAS,EAAEE,cAAA,CAAOF,cAFpB;IAGE,sBAAsB,EAAEE,cAAA,CAAOE;EAHjC,GAHF,CADF;AAWD,CAZD;;AAcAN,qBAAqB,CAACO,SAAtB,2CAAkCA,gBAAlC;eAEeP,qB"}
@@ -1,65 +0,0 @@
1
- @value colors: "../../variables/colors.css";
2
- @value breakpoints: "../../variables/breakpoints.css";
3
- @value mobile from breakpoints;
4
- @value tablet from breakpoints;
5
- @value cm_primary_blue from colors;
6
- @value white from colors;
7
- @value cm_grey_700 from colors;
8
- @value cm_grey_400 from colors;
9
- @value white from colors;
10
-
11
-
12
- .container {
13
- padding: 40px;
14
- background-color: white;
15
- }
16
-
17
- .title {
18
- font-family: Gilroy;
19
- font-size: 18px;
20
- font-weight: 500;
21
- line-height: 24px;
22
- letter-spacing: 0em;
23
- text-align: left;
24
- color: cm_grey_700;
25
- margin: 0px 0px 8px 0px;
26
-
27
- }
28
-
29
- .content {
30
- font-family: Gilroy;
31
- font-size: 14px;
32
- font-weight: 500;
33
- line-height: 20px;
34
- letter-spacing: 0px;
35
- text-align: left;
36
- color: cm_grey_500;
37
- margin: 0px 0px 24px 0px;
38
- }
39
-
40
- .downloadButton {
41
- height: 48px;
42
- width: 152px;
43
- border-radius: 7px;
44
- background-color: cm_primary_blue;
45
- }
46
-
47
- .downloadButtonContent {
48
- padding: 0 30px;
49
- display: block;
50
- text-transform: inherit;
51
- background-color: cm_primary_blue;
52
- color: white;
53
- font-family: Gilroy;
54
- font-weight: 600;
55
- font-size: 13px;
56
- text-decoration: none;
57
- line-height: inherit;
58
- text-align: center;
59
- box-sizing: border-box;
60
- border-radius: inherit;
61
- border: none;
62
- width: 100%;
63
- user-select: none;
64
- cursor: pointer;
65
- }