@coorpacademy/components 10.4.7 → 10.5.3

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 (289) hide show
  1. package/es/atom/autocomplete/style.css +4 -4
  2. package/es/atom/button/style.css +1 -1
  3. package/es/atom/card-image-preview/test/fixtures.js +15 -0
  4. package/es/atom/card-image-preview/test/fixtures.js.map +1 -0
  5. package/es/atom/catalog-section/style.css +1 -1
  6. package/es/atom/clue/style.css +2 -2
  7. package/es/atom/cta/style.css +1 -1
  8. package/es/atom/difficulty-level/style.css +1 -1
  9. package/es/atom/drag-and-drop/style.css +6 -5
  10. package/es/atom/input-checkbox/style.css +1 -1
  11. package/es/atom/input-doublestep/style.css +5 -5
  12. package/es/atom/input-html/input-preview.css +2 -2
  13. package/es/atom/input-html/style.css +2 -2
  14. package/es/atom/input-readonly/style.css +3 -3
  15. package/es/atom/input-search/style.css +1 -1
  16. package/es/atom/input-switch/style.css +2 -2
  17. package/es/atom/input-text/style.css +5 -5
  18. package/es/atom/input-textarea/style.css +5 -5
  19. package/es/atom/life/style.css +1 -1
  20. package/es/atom/notification/style.css +1 -1
  21. package/es/atom/radio-group/item.css +1 -1
  22. package/es/atom/resource-miniature/style.css +1 -1
  23. package/es/atom/select/style.css +7 -7
  24. package/es/atom/slide/style.css +1 -1
  25. package/es/molecule/add-to-my-list/style.css +3 -3
  26. package/es/molecule/audio/style.css +1 -1
  27. package/es/molecule/battle-request/style.css +4 -4
  28. package/es/molecule/brand-card/description.css +1 -1
  29. package/es/molecule/brand-card/style.css +2 -2
  30. package/es/molecule/brand-card-create/style.css +1 -1
  31. package/es/molecule/brand-create-form/style.css +6 -6
  32. package/es/molecule/brand-download-box/style.css +2 -2
  33. package/es/molecule/brand-tabs/style.css +1 -1
  34. package/es/molecule/brand-upload-box/style.css +2 -2
  35. package/es/molecule/breadcrumbs/style.css +3 -3
  36. package/es/molecule/card/customer.css +1 -1
  37. package/es/molecule/card/favorite.css +1 -1
  38. package/es/molecule/card/notification.css +1 -1
  39. package/es/molecule/card/style.css +1 -1
  40. package/es/molecule/card/test/fixtures.js +2 -0
  41. package/es/molecule/card/test/fixtures.js.map +1 -1
  42. package/es/molecule/card-content/style.css +4 -4
  43. package/es/molecule/card-with-button/style.css +2 -2
  44. package/es/molecule/cookie-banner/style.css +2 -2
  45. package/es/molecule/dashboard/cards-list/style.css +2 -2
  46. package/es/molecule/dashboard/news-list/style.css +2 -2
  47. package/es/molecule/dashboard/start-battle/style.css +4 -4
  48. package/es/molecule/discipline-cta/style.css +2 -2
  49. package/es/molecule/discipline-header/style.css +4 -4
  50. package/es/molecule/discipline-partners/style.css +2 -2
  51. package/es/molecule/drag-and-drop/common.css +1 -1
  52. package/es/molecule/drag-and-drop/overlay.css +1 -1
  53. package/es/molecule/drag-and-drop/style.css +1 -1
  54. package/es/molecule/drag-and-drop/upload-report.css +4 -4
  55. package/es/molecule/draggable/index.js +56 -0
  56. package/es/molecule/draggable/index.js.map +1 -0
  57. package/es/molecule/draggable/style.css +77 -0
  58. package/es/molecule/draggable/test/fixtures/default.js +12 -0
  59. package/es/molecule/draggable/test/fixtures/default.js.map +1 -0
  60. package/es/molecule/draggable/test/fixtures.js +13 -0
  61. package/es/molecule/draggable/test/fixtures.js.map +1 -0
  62. package/es/molecule/external-content-button/style.css +2 -2
  63. package/es/molecule/feedback/style.css +3 -3
  64. package/es/molecule/filters/filters-wapper.css +2 -2
  65. package/es/molecule/filters/style.css +2 -2
  66. package/es/molecule/forum/forum-comment/style.css +1 -1
  67. package/es/molecule/forum/forum-post/style.css +5 -5
  68. package/es/molecule/menu-list/style.css +1 -1
  69. package/es/molecule/message-popin/style.css +2 -2
  70. package/es/molecule/modal/style.css +2 -2
  71. package/es/molecule/module-card/style.css +2 -2
  72. package/es/molecule/news/style.css +3 -3
  73. package/es/molecule/notification-banner/style.css +3 -3
  74. package/es/molecule/pagination/style.css +1 -1
  75. package/es/molecule/payment-form/index.js +2 -2
  76. package/es/molecule/payment-form/index.js.map +1 -1
  77. package/es/molecule/pdf/style.css +2 -2
  78. package/es/molecule/popin/style.css +2 -2
  79. package/es/molecule/progress-bar/style.css +1 -1
  80. package/es/molecule/questions/free-text/style.css +1 -1
  81. package/es/molecule/questions/qcm/style.css +1 -1
  82. package/es/molecule/questions/qcm-drag/style.css +2 -2
  83. package/es/molecule/questions/qcm-graphic/style.css +1 -1
  84. package/es/molecule/questions/question-range/style.css +2 -2
  85. package/es/molecule/questions/template/style.css +1 -1
  86. package/es/molecule/resource-player/style.css +1 -1
  87. package/es/molecule/scope-content/style.css +6 -6
  88. package/es/molecule/scope-tabs/style.css +1 -1
  89. package/es/molecule/select-multiple/style.css +2 -2
  90. package/es/molecule/setup-cohort-item/style.css +1 -1
  91. package/es/molecule/setup-section/index.js +2 -23
  92. package/es/molecule/setup-section/index.js.map +1 -1
  93. package/es/molecule/setup-section/style.css +3 -28
  94. package/es/molecule/setup-sections/index.js +3 -55
  95. package/es/molecule/setup-sections/index.js.map +1 -1
  96. package/es/molecule/setup-sections/style.css +0 -56
  97. package/es/molecule/setup-sections/test/on-drop.js +1 -1
  98. package/es/molecule/setup-sections/test/on-drop.js.map +1 -1
  99. package/es/molecule/share/style.css +3 -3
  100. package/es/molecule/ssmenu-list/style.css +1 -1
  101. package/es/molecule/table/style.css +5 -5
  102. package/es/molecule/teams-popin/style.css +2 -2
  103. package/es/molecule/titled-checkbox/style.css +1 -1
  104. package/es/molecule/video-player/jwplayer.css +1 -1
  105. package/es/molecule/wizard-summary/index.js +5 -5
  106. package/es/molecule/wizard-summary/index.js.map +1 -1
  107. package/es/organism/accordion/part/style.css +1 -1
  108. package/es/organism/brand-analytics/analytics-popin.css +1 -0
  109. package/es/organism/brand-analytics/style.css +1 -1
  110. package/es/organism/brand-table/style.css +2 -2
  111. package/es/organism/brand-upload/style.css +2 -2
  112. package/es/organism/discussion/style.css +1 -1
  113. package/es/organism/get-the-app/style.css +1 -1
  114. package/es/organism/hero/style.css +1 -1
  115. package/es/organism/mooc-footer/style.css +2 -2
  116. package/es/organism/mooc-header/style.css +8 -8
  117. package/es/organism/playlist-translation/test/fixtures.js +15 -0
  118. package/es/organism/playlist-translation/test/fixtures.js.map +1 -0
  119. package/es/organism/popin/style.css +1 -0
  120. package/es/organism/sidebar/style.css +2 -2
  121. package/es/organism/user-preferences/style.css +1 -1
  122. package/es/template/activity/engine-stars.css +3 -3
  123. package/es/template/activity/progression-item.css +5 -4
  124. package/es/template/activity/stars-summary.css +2 -2
  125. package/es/template/activity/style.css +3 -3
  126. package/es/template/app-player/player/slides/footer/style.css +1 -1
  127. package/es/template/app-player/player/slides/header/learner.css +4 -4
  128. package/es/template/app-player/player/slides/header/microlearning.css +1 -1
  129. package/es/template/app-player/player/slides/style.css +9 -8
  130. package/es/template/app-player/popin-correction/style.css +3 -3
  131. package/es/template/app-player/popin-end/summary.css +4 -4
  132. package/es/template/app-player/popin-end/test/fixtures.js +2 -0
  133. package/es/template/app-player/popin-end/test/fixtures.js.map +1 -1
  134. package/es/template/app-player/popin-header/style.css +5 -5
  135. package/es/template/back-office/dashboard-preview/dashboard-popin.css +1 -0
  136. package/es/template/back-office/dashboard-preview/style.css +1 -1
  137. package/es/template/cockpit/jw-uploader/style.css +1 -0
  138. package/es/template/common/authors/style.css +5 -4
  139. package/es/template/common/layout.css +1 -1
  140. package/es/template/common/search-page/style.css +2 -1
  141. package/es/template/external-course/style.css +1 -1
  142. package/es/variables/fonts.css +1 -1
  143. package/lib/atom/autocomplete/style.css +4 -4
  144. package/lib/atom/button/style.css +1 -1
  145. package/lib/atom/card-image-preview/test/fixtures.js +25 -0
  146. package/lib/atom/card-image-preview/test/fixtures.js.map +1 -0
  147. package/lib/atom/catalog-section/style.css +1 -1
  148. package/lib/atom/clue/style.css +2 -2
  149. package/lib/atom/cta/style.css +1 -1
  150. package/lib/atom/difficulty-level/style.css +1 -1
  151. package/lib/atom/drag-and-drop/style.css +6 -5
  152. package/lib/atom/input-checkbox/style.css +1 -1
  153. package/lib/atom/input-doublestep/style.css +5 -5
  154. package/lib/atom/input-html/input-preview.css +2 -2
  155. package/lib/atom/input-html/style.css +2 -2
  156. package/lib/atom/input-readonly/style.css +3 -3
  157. package/lib/atom/input-search/style.css +1 -1
  158. package/lib/atom/input-switch/style.css +2 -2
  159. package/lib/atom/input-text/style.css +5 -5
  160. package/lib/atom/input-textarea/style.css +5 -5
  161. package/lib/atom/life/style.css +1 -1
  162. package/lib/atom/notification/style.css +1 -1
  163. package/lib/atom/radio-group/item.css +1 -1
  164. package/lib/atom/resource-miniature/style.css +1 -1
  165. package/lib/atom/select/style.css +7 -7
  166. package/lib/atom/slide/style.css +1 -1
  167. package/lib/molecule/add-to-my-list/style.css +3 -3
  168. package/lib/molecule/audio/style.css +1 -1
  169. package/lib/molecule/battle-request/style.css +4 -4
  170. package/lib/molecule/brand-card/description.css +1 -1
  171. package/lib/molecule/brand-card/style.css +2 -2
  172. package/lib/molecule/brand-card-create/style.css +1 -1
  173. package/lib/molecule/brand-create-form/style.css +6 -6
  174. package/lib/molecule/brand-download-box/style.css +2 -2
  175. package/lib/molecule/brand-tabs/style.css +1 -1
  176. package/lib/molecule/brand-upload-box/style.css +2 -2
  177. package/lib/molecule/breadcrumbs/style.css +3 -3
  178. package/lib/molecule/card/customer.css +1 -1
  179. package/lib/molecule/card/favorite.css +1 -1
  180. package/lib/molecule/card/notification.css +1 -1
  181. package/lib/molecule/card/style.css +1 -1
  182. package/lib/molecule/card/test/fixtures.js +3 -0
  183. package/lib/molecule/card/test/fixtures.js.map +1 -1
  184. package/lib/molecule/card-content/style.css +4 -4
  185. package/lib/molecule/card-with-button/style.css +2 -2
  186. package/lib/molecule/cookie-banner/style.css +2 -2
  187. package/lib/molecule/dashboard/cards-list/style.css +2 -2
  188. package/lib/molecule/dashboard/news-list/style.css +2 -2
  189. package/lib/molecule/dashboard/start-battle/style.css +4 -4
  190. package/lib/molecule/discipline-cta/style.css +2 -2
  191. package/lib/molecule/discipline-header/style.css +4 -4
  192. package/lib/molecule/discipline-partners/style.css +2 -2
  193. package/lib/molecule/drag-and-drop/common.css +1 -1
  194. package/lib/molecule/drag-and-drop/overlay.css +1 -1
  195. package/lib/molecule/drag-and-drop/style.css +1 -1
  196. package/lib/molecule/drag-and-drop/upload-report.css +4 -4
  197. package/lib/molecule/draggable/index.js +71 -0
  198. package/lib/molecule/draggable/index.js.map +1 -0
  199. package/lib/molecule/draggable/style.css +77 -0
  200. package/lib/molecule/draggable/test/fixtures/default.js +17 -0
  201. package/lib/molecule/draggable/test/fixtures/default.js.map +1 -0
  202. package/lib/molecule/draggable/test/fixtures.js +22 -0
  203. package/lib/molecule/draggable/test/fixtures.js.map +1 -0
  204. package/lib/molecule/external-content-button/style.css +2 -2
  205. package/lib/molecule/feedback/style.css +3 -3
  206. package/lib/molecule/filters/filters-wapper.css +2 -2
  207. package/lib/molecule/filters/style.css +2 -2
  208. package/lib/molecule/forum/forum-comment/style.css +1 -1
  209. package/lib/molecule/forum/forum-post/style.css +5 -5
  210. package/lib/molecule/menu-list/style.css +1 -1
  211. package/lib/molecule/message-popin/style.css +2 -2
  212. package/lib/molecule/modal/style.css +2 -2
  213. package/lib/molecule/module-card/style.css +2 -2
  214. package/lib/molecule/news/style.css +3 -3
  215. package/lib/molecule/notification-banner/style.css +3 -3
  216. package/lib/molecule/pagination/style.css +1 -1
  217. package/lib/molecule/payment-form/index.js +2 -2
  218. package/lib/molecule/payment-form/index.js.map +1 -1
  219. package/lib/molecule/pdf/style.css +2 -2
  220. package/lib/molecule/popin/style.css +2 -2
  221. package/lib/molecule/progress-bar/style.css +1 -1
  222. package/lib/molecule/questions/free-text/style.css +1 -1
  223. package/lib/molecule/questions/qcm/style.css +1 -1
  224. package/lib/molecule/questions/qcm-drag/style.css +2 -2
  225. package/lib/molecule/questions/qcm-graphic/style.css +1 -1
  226. package/lib/molecule/questions/question-range/style.css +2 -2
  227. package/lib/molecule/questions/template/style.css +1 -1
  228. package/lib/molecule/resource-player/style.css +1 -1
  229. package/lib/molecule/scope-content/style.css +6 -6
  230. package/lib/molecule/scope-tabs/style.css +1 -1
  231. package/lib/molecule/select-multiple/style.css +2 -2
  232. package/lib/molecule/setup-cohort-item/style.css +1 -1
  233. package/lib/molecule/setup-section/index.js +2 -21
  234. package/lib/molecule/setup-section/index.js.map +1 -1
  235. package/lib/molecule/setup-section/style.css +3 -28
  236. package/lib/molecule/setup-sections/index.js +3 -55
  237. package/lib/molecule/setup-sections/index.js.map +1 -1
  238. package/lib/molecule/setup-sections/style.css +0 -56
  239. package/lib/molecule/setup-sections/test/on-drop.js +1 -1
  240. package/lib/molecule/setup-sections/test/on-drop.js.map +1 -1
  241. package/lib/molecule/share/style.css +3 -3
  242. package/lib/molecule/ssmenu-list/style.css +1 -1
  243. package/lib/molecule/table/style.css +5 -5
  244. package/lib/molecule/teams-popin/style.css +2 -2
  245. package/lib/molecule/titled-checkbox/style.css +1 -1
  246. package/lib/molecule/video-player/jwplayer.css +1 -1
  247. package/lib/molecule/wizard-summary/index.js +5 -5
  248. package/lib/molecule/wizard-summary/index.js.map +1 -1
  249. package/lib/organism/accordion/part/style.css +1 -1
  250. package/lib/organism/brand-analytics/analytics-popin.css +1 -0
  251. package/lib/organism/brand-analytics/style.css +1 -1
  252. package/lib/organism/brand-table/style.css +2 -2
  253. package/lib/organism/brand-upload/style.css +2 -2
  254. package/lib/organism/discussion/style.css +1 -1
  255. package/lib/organism/get-the-app/style.css +1 -1
  256. package/lib/organism/hero/style.css +1 -1
  257. package/lib/organism/mooc-footer/style.css +2 -2
  258. package/lib/organism/mooc-header/style.css +8 -8
  259. package/lib/organism/playlist-translation/test/fixtures.js +25 -0
  260. package/lib/organism/playlist-translation/test/fixtures.js.map +1 -0
  261. package/lib/organism/popin/style.css +1 -0
  262. package/lib/organism/sidebar/style.css +2 -2
  263. package/lib/organism/user-preferences/style.css +1 -1
  264. package/lib/template/activity/engine-stars.css +3 -3
  265. package/lib/template/activity/progression-item.css +5 -4
  266. package/lib/template/activity/stars-summary.css +2 -2
  267. package/lib/template/activity/style.css +3 -3
  268. package/lib/template/app-player/player/slides/footer/style.css +1 -1
  269. package/lib/template/app-player/player/slides/header/learner.css +4 -4
  270. package/lib/template/app-player/player/slides/header/microlearning.css +1 -1
  271. package/lib/template/app-player/player/slides/style.css +9 -8
  272. package/lib/template/app-player/popin-correction/style.css +3 -3
  273. package/lib/template/app-player/popin-end/summary.css +4 -4
  274. package/lib/template/app-player/popin-end/test/fixtures.js +3 -0
  275. package/lib/template/app-player/popin-end/test/fixtures.js.map +1 -1
  276. package/lib/template/app-player/popin-header/style.css +5 -5
  277. package/lib/template/back-office/dashboard-preview/dashboard-popin.css +1 -0
  278. package/lib/template/back-office/dashboard-preview/style.css +1 -1
  279. package/lib/template/cockpit/jw-uploader/style.css +1 -0
  280. package/lib/template/common/authors/style.css +5 -4
  281. package/lib/template/common/layout.css +1 -1
  282. package/lib/template/common/search-page/style.css +2 -1
  283. package/lib/template/external-course/style.css +1 -1
  284. package/lib/variables/fonts.css +1 -1
  285. package/package.json +2 -2
  286. package/es/molecule/cockpit-popin/test/fixtures.js +0 -17
  287. package/es/molecule/cockpit-popin/test/fixtures.js.map +0 -1
  288. package/lib/molecule/cockpit-popin/test/fixtures.js +0 -28
  289. package/lib/molecule/cockpit-popin/test/fixtures.js.map +0 -1
@@ -42,7 +42,7 @@
42
42
  }
43
43
 
44
44
  .title {
45
- font-family: 'Open Sans';
45
+ font-family: 'Gilroy';
46
46
  font-size: 17px;
47
47
  font-weight: bold;
48
48
  color: black;
@@ -50,7 +50,7 @@
50
50
  }
51
51
 
52
52
  .description {
53
- font-family: 'Open Sans';
53
+ font-family: 'Gilroy';
54
54
  font-size: 14px;
55
55
  color: dark;
56
56
  padding: 0 16px 0 16px;
@@ -22,7 +22,7 @@
22
22
  .title {
23
23
  width: 100%;
24
24
  margin-bottom: 20px;
25
- font-family: 'Open Sans';
25
+ font-family: 'Gilroy';
26
26
  font-size: 25px;
27
27
  font-weight: bold;
28
28
  text-align: left;
@@ -38,7 +38,7 @@
38
38
  .description {
39
39
  width: 476px;
40
40
  margin-right: 32px;
41
- font-family: 'Open Sans';
41
+ font-family: 'Gilroy';
42
42
  font-size: 13px;
43
43
  letter-spacing: -0.1px;
44
44
  text-align: left;
@@ -47,7 +47,7 @@
47
47
 
48
48
  .mediaDescription {
49
49
  width: 341px;
50
- font-family: 'Open Sans';
50
+ font-family: 'Gilroy';
51
51
  font-size: 12px;
52
52
  padding-top: 4px;
53
53
  color: medium;
@@ -41,7 +41,7 @@
41
41
  margin: 0;
42
42
  margin-bottom: 10px;
43
43
  display: block;
44
- font-family: "Open Sans";
44
+ font-family: "Gilroy";
45
45
  font-size: 15px;
46
46
  font-weight: 700;
47
47
  text-transform: none;
@@ -53,7 +53,7 @@
53
53
  border-radius: 25px;
54
54
  color: dark;
55
55
  display: table;
56
- font-family: "Open Sans";
56
+ font-family: "Gilroy";
57
57
  font-size: 14px;
58
58
  font-weight: 400;
59
59
  margin: 0 auto;
@@ -14,7 +14,7 @@
14
14
  width: 100%;
15
15
  position: relative;
16
16
  z-index: 4;
17
- font-family: "Open Sans";
17
+ font-family: "Gilroy";
18
18
  background: xtraLightGrey;
19
19
  min-height: 50px;
20
20
  box-sizing: border-box;
@@ -58,7 +58,7 @@
58
58
  font-weight: 600;
59
59
  line-height: 50px;
60
60
  text-align: center;
61
- font-family: Open Sans;
61
+ font-family: Gilroy;
62
62
  position: relative;
63
63
  cursor: pointer;
64
64
  }
@@ -61,7 +61,7 @@
61
61
  border-radius: 3px;
62
62
  background-color: white;
63
63
  font-size: 14px;
64
- font-family: 'Open Sans';
64
+ font-family: 'Gilroy';
65
65
  white-space: pre-wrap;
66
66
  word-wrap: break-word;
67
67
  box-shadow: none;
@@ -61,12 +61,12 @@
61
61
  }
62
62
 
63
63
  .content {
64
- font-family: 'Open Sans';
64
+ font-family: 'Gilroy';
65
65
  width: 100%;
66
66
  }
67
67
 
68
68
  .author {
69
- font-family: Open Sans;
69
+ font-family: Gilroy;
70
70
  font-size: 13px;
71
71
  font-weight: bold;
72
72
  text-align: center;
@@ -77,7 +77,7 @@
77
77
 
78
78
  .date {
79
79
  color: color(medium lightness(80%));
80
- font-family: Open Sans;
80
+ font-family: Gilroy;
81
81
  font-size: 13px;
82
82
  padding-bottom: 8px;
83
83
  display: block;
@@ -95,7 +95,7 @@
95
95
  text-align: left;
96
96
  white-space: pre-wrap;
97
97
  word-wrap: break-word;
98
- font-family: Open Sans;
98
+ font-family: Gilroy;
99
99
  color: black;
100
100
  padding-bottom: 8px;
101
101
  display: block;
@@ -112,7 +112,7 @@
112
112
  transition: all time ease-in-out;
113
113
  cursor: pointer;
114
114
  order: 1;
115
- font-family: Open Sans;
115
+ font-family: Gilroy;
116
116
  font-weight: bold;
117
117
  text-align: left;
118
118
  color: brand;
@@ -52,7 +52,7 @@
52
52
  }
53
53
 
54
54
  .item > a {
55
- font-family: Open Sans;
55
+ font-family: Gilroy;
56
56
  font-size: 12px;
57
57
  color: dark;
58
58
  text-decoration: none;
@@ -27,7 +27,7 @@
27
27
  }
28
28
 
29
29
  .header {
30
- font-family: 'Open Sans';
30
+ font-family: 'Gilroy';
31
31
  font-size: 17px;
32
32
  font-weight: 700;
33
33
  color: dark;
@@ -41,7 +41,7 @@
41
41
  }
42
42
 
43
43
  .content {
44
- font-family: 'Open Sans';
44
+ font-family: 'Gilroy';
45
45
  font-size: 13px;
46
46
  font-weight: 400;
47
47
  color: dark;
@@ -12,7 +12,7 @@
12
12
 
13
13
  .modalWrapper {
14
14
  display: flex;
15
- font-family: "Open Sans";
15
+ font-family: "Gilroy";
16
16
  margin: auto;
17
17
  justify-content: center;
18
18
  align-items: center;
@@ -142,7 +142,7 @@
142
142
  }
143
143
 
144
144
  .choiceDescription {
145
- font-family: "Open Sans";
145
+ font-family: "Gilroy";
146
146
  display: flex;
147
147
  flex-direction: column;
148
148
  justify-content: center;
@@ -26,7 +26,7 @@
26
26
  }
27
27
 
28
28
  .title {
29
- font-family: 'Open Sans';
29
+ font-family: 'Gilroy';
30
30
  font-size: 15px;
31
31
  font-weight: 700;
32
32
  color: black;
@@ -34,7 +34,7 @@
34
34
  }
35
35
 
36
36
  .level {
37
- font-family: 'Open Sans';
37
+ font-family: 'Gilroy';
38
38
  color: white;
39
39
  background-color: dark;
40
40
  text-transform: uppercase;
@@ -47,7 +47,7 @@
47
47
  }
48
48
 
49
49
  .title {
50
- font-family: 'Open Sans';
50
+ font-family: 'Gilroy';
51
51
  font-size: 19px;
52
52
  font-weight: 700;
53
53
  color: dark;
@@ -59,7 +59,7 @@
59
59
  }
60
60
 
61
61
  .date {
62
- font-family: 'Open Sans';
62
+ font-family: 'Gilroy';
63
63
  font-size: 14px;
64
64
  font-weight: 500;
65
65
  color: medium;
@@ -67,7 +67,7 @@
67
67
  }
68
68
 
69
69
  .description {
70
- font-family: 'Open Sans';
70
+ font-family: 'Gilroy';
71
71
  width: 100%;
72
72
  font-size: 17px;
73
73
  line-height: 20px;
@@ -25,7 +25,7 @@
25
25
  display: flex;
26
26
  align-items: center;
27
27
  position: fixed;
28
- font-family: 'Open Sans';
28
+ font-family: 'Gilroy';
29
29
  top: 0;
30
30
  left: 0;
31
31
  right: 0;
@@ -82,7 +82,7 @@
82
82
 
83
83
  .title {
84
84
  height: 15px;
85
- font-family: 'Open Sans';
85
+ font-family: 'Gilroy';
86
86
  font-size: 11px;
87
87
  font-weight: bold;
88
88
  font-stretch: normal;
@@ -92,7 +92,7 @@
92
92
  }
93
93
 
94
94
  .message {
95
- font-family: 'Open Sans';
95
+ font-family: 'Gilroy';
96
96
  font-size: 14px;
97
97
  font-weight: bold;
98
98
  font-stretch: normal;
@@ -12,7 +12,7 @@
12
12
 
13
13
  .value {
14
14
  display: inline-block;
15
- font-family: 'Open Sans';
15
+ font-family: 'Gilroy';
16
16
  font-size: 15px;
17
17
  font-weight: 600;
18
18
  color: dark;
@@ -34,11 +34,11 @@ class PaymentForm extends _react.default.Component {
34
34
  iconStyle: 'solid',
35
35
  color: '#546E7A',
36
36
  fontSize: '16px',
37
- fontFamily: '"Open Sans"',
37
+ fontFamily: 'Gilroy',
38
38
  '::placeholder': {
39
39
  color: '#546E7A',
40
40
  fontSize: '16px',
41
- fontFamily: '"Open Sans"'
41
+ fontFamily: 'Gilroy'
42
42
  }
43
43
  }
44
44
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/payment-form/index.js"],"names":["PaymentForm","React","Component","constructor","props","stripe","stripeInstance","stripeKeyPublic","handleCardNumberChange","bind","handleCardExpiryChange","handleCardCvcChange","handleSubmit","componentDidMount","elements","elementOptions","style","base","iconStyle","color","fontSize","fontFamily","cardNumber","create","cardExpiry","cardCvc","mount","on","componentWillUnmount","cardNumer","unmount","off","onSubscription","createToken","then","response","error","onCardNumberChange","onCardExpiryChange","onCardCvcChange","render","checkImage","cardsImage","cardOwnerEmail","securedPaymentImage","errors","warning","submitButtonEnabled","cardNumberHasError","cardExpiryHasError","cardCvcHasError","translate","context","paymentForm","acceptedCards","acceptedCardsCheck","acceptedCardsText","acceptedCardsImage","creditCardOwnerEmail","creditCardOwnerEmailSeparator","creditCardOwnerEmailText","paymentErrors","paymentWarning","securedPayment","securedPaymentText","cardBlock","invalidElement","subscriptionDisclaimer","subscribeButtonContainer","subscribeButton","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","func","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass PaymentForm extends React.Component {\n static propTypes = {\n stripeKeyPublic: PropTypes.string.isRequired,\n stripeInstance: PropTypes.func.isRequired,\n onSubscription: PropTypes.func.isRequired,\n checkImage: PropTypes.string.isRequired,\n cardsImage: PropTypes.string.isRequired,\n cardOwnerEmail: PropTypes.string,\n securedPaymentImage: PropTypes.string,\n errors: PropTypes.string,\n warning: PropTypes.string,\n onCardNumberChange: PropTypes.func,\n cardNumberHasError: PropTypes.bool,\n onCardExpiryChange: PropTypes.func,\n cardExpiryHasError: PropTypes.bool,\n onCardCvcChange: PropTypes.func,\n cardCvcHasError: PropTypes.bool,\n submitButtonEnabled: PropTypes.bool\n };\n\n static contextTypes = {\n translate: Provider.childContextTypes.translate\n };\n\n constructor(props) {\n super(props);\n this.stripe = props.stripeInstance ? props.stripeInstance(props.stripeKeyPublic) : null;\n this.handleCardNumberChange = this.handleCardNumberChange.bind(this);\n this.handleCardExpiryChange = this.handleCardExpiryChange.bind(this);\n this.handleCardCvcChange = this.handleCardCvcChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n componentDidMount() {\n if (this.stripe) {\n const elements = this.stripe.elements();\n\n const elementOptions = {\n style: {\n base: {\n iconStyle: 'solid',\n color: '#546E7A',\n fontSize: '16px',\n fontFamily: '\"Open Sans\"',\n '::placeholder': {\n color: '#546E7A',\n fontSize: '16px',\n fontFamily: '\"Open Sans\"'\n }\n }\n }\n };\n\n this.cardNumber = elements.create('cardNumber', elementOptions);\n this.cardExpiry = elements.create('cardExpiry', elementOptions);\n this.cardCvc = elements.create('cardCvc', elementOptions);\n\n this.cardNumber.mount('#card-number');\n this.cardExpiry.mount('#card-expiry');\n this.cardCvc.mount('#card-cvc');\n\n this.cardNumber.on('change', this.handleCardNumberChange);\n this.cardExpiry.on('change', this.handleCardExpiryChange);\n this.cardCvc.on('change', this.handleCardCvcChange);\n }\n }\n\n componentWillUnmount() {\n if (this.cardNumer) {\n this.cardNumber.unmount();\n this.cardNumber.off('change', this.handleCardNumberChange);\n }\n if (this.cardExpiry) {\n this.cardExpiry.unmount();\n this.cardExpiry.off('change', this.handleCardExpiryChange);\n }\n if (this.cardCvc) {\n this.cardCvc.unmount();\n this.cardCvc.off('change', this.handleCardCvcChange);\n }\n }\n\n handleSubmit() {\n const {onSubscription} = this.props;\n if (this.stripe) {\n return this.stripe.createToken(this.cardNumber).then(response => {\n return onSubscription(response);\n });\n }\n }\n\n handleCardNumberChange({error}) {\n const {onCardNumberChange = () => {}} = this.props;\n onCardNumberChange(error);\n }\n\n handleCardExpiryChange({error}) {\n const {onCardExpiryChange = () => {}} = this.props;\n onCardExpiryChange(error);\n }\n\n handleCardCvcChange({error}) {\n const {onCardCvcChange = () => {}} = this.props;\n onCardCvcChange(error);\n }\n\n render() {\n const {\n checkImage,\n cardsImage,\n cardOwnerEmail,\n securedPaymentImage,\n errors,\n warning,\n submitButtonEnabled,\n cardNumberHasError,\n cardExpiryHasError,\n cardCvcHasError\n } = this.props;\n\n const {translate} = this.context;\n\n return (\n <div className={style.paymentForm}>\n <div className={style.acceptedCards}>\n <img className={style.acceptedCardsCheck} src={checkImage} />\n <div className={style.acceptedCardsText}>{translate('accepted_cards')}</div>\n <img className={style.acceptedCardsImage} src={cardsImage} />\n </div>\n <div className={style.creditCardOwnerEmail}>\n <hr className={style.creditCardOwnerEmailSeparator} />\n <div className={style.creditCardOwnerEmailText}>{cardOwnerEmail}</div>\n <hr className={style.creditCardOwnerEmailSeparator} />\n </div>\n {errors ? <div className={style.paymentErrors}>-{errors}</div> : null}\n {warning ? <div className={style.paymentWarning}>-{warning}</div> : null}\n <div className={style.securedPayment}>\n <img className={style.securedPaymentImage} src={securedPaymentImage} />\n <div className={style.securedPaymentText}>{translate('secured_payment')}</div>\n </div>\n <div className={style.cardBlock}>\n <div\n className={`${style.cardNumber} ${cardNumberHasError && style.invalidElement}`}\n id=\"card-number\"\n />\n </div>\n <div className={style.cardBlock}>\n <div\n className={`${style.cardExpiry} ${cardExpiryHasError && style.invalidElement}`}\n id=\"card-expiry\"\n />\n <div\n className={`${style.cardCvc} ${cardCvcHasError && style.invalidElement}`}\n id=\"card-cvc\"\n />\n </div>\n <div className={style.subscriptionDisclaimer}>{translate('subscription_disclaimer')}</div>\n <div className={style.subscribeButtonContainer}>\n <button\n className={style.subscribeButton}\n type=\"button\"\n onClick={this.handleSubmit}\n disabled={!submitButtonEnabled}\n >\n {translate('payment_form_submit')}\n </button>\n </div>\n </div>\n );\n }\n}\n\nexport default PaymentForm;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/payment-form/index.js"],"names":["PaymentForm","React","Component","constructor","props","stripe","stripeInstance","stripeKeyPublic","handleCardNumberChange","bind","handleCardExpiryChange","handleCardCvcChange","handleSubmit","componentDidMount","elements","elementOptions","style","base","iconStyle","color","fontSize","fontFamily","cardNumber","create","cardExpiry","cardCvc","mount","on","componentWillUnmount","cardNumer","unmount","off","onSubscription","createToken","then","response","error","onCardNumberChange","onCardExpiryChange","onCardCvcChange","render","checkImage","cardsImage","cardOwnerEmail","securedPaymentImage","errors","warning","submitButtonEnabled","cardNumberHasError","cardExpiryHasError","cardCvcHasError","translate","context","paymentForm","acceptedCards","acceptedCardsCheck","acceptedCardsText","acceptedCardsImage","creditCardOwnerEmail","creditCardOwnerEmailSeparator","creditCardOwnerEmailText","paymentErrors","paymentWarning","securedPayment","securedPaymentText","cardBlock","invalidElement","subscriptionDisclaimer","subscribeButtonContainer","subscribeButton","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","func","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass PaymentForm extends React.Component {\n static propTypes = {\n stripeKeyPublic: PropTypes.string.isRequired,\n stripeInstance: PropTypes.func.isRequired,\n onSubscription: PropTypes.func.isRequired,\n checkImage: PropTypes.string.isRequired,\n cardsImage: PropTypes.string.isRequired,\n cardOwnerEmail: PropTypes.string,\n securedPaymentImage: PropTypes.string,\n errors: PropTypes.string,\n warning: PropTypes.string,\n onCardNumberChange: PropTypes.func,\n cardNumberHasError: PropTypes.bool,\n onCardExpiryChange: PropTypes.func,\n cardExpiryHasError: PropTypes.bool,\n onCardCvcChange: PropTypes.func,\n cardCvcHasError: PropTypes.bool,\n submitButtonEnabled: PropTypes.bool\n };\n\n static contextTypes = {\n translate: Provider.childContextTypes.translate\n };\n\n constructor(props) {\n super(props);\n this.stripe = props.stripeInstance ? props.stripeInstance(props.stripeKeyPublic) : null;\n this.handleCardNumberChange = this.handleCardNumberChange.bind(this);\n this.handleCardExpiryChange = this.handleCardExpiryChange.bind(this);\n this.handleCardCvcChange = this.handleCardCvcChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n componentDidMount() {\n if (this.stripe) {\n const elements = this.stripe.elements();\n\n const elementOptions = {\n style: {\n base: {\n iconStyle: 'solid',\n color: '#546E7A',\n fontSize: '16px',\n fontFamily: 'Gilroy',\n '::placeholder': {\n color: '#546E7A',\n fontSize: '16px',\n fontFamily: 'Gilroy'\n }\n }\n }\n };\n\n this.cardNumber = elements.create('cardNumber', elementOptions);\n this.cardExpiry = elements.create('cardExpiry', elementOptions);\n this.cardCvc = elements.create('cardCvc', elementOptions);\n\n this.cardNumber.mount('#card-number');\n this.cardExpiry.mount('#card-expiry');\n this.cardCvc.mount('#card-cvc');\n\n this.cardNumber.on('change', this.handleCardNumberChange);\n this.cardExpiry.on('change', this.handleCardExpiryChange);\n this.cardCvc.on('change', this.handleCardCvcChange);\n }\n }\n\n componentWillUnmount() {\n if (this.cardNumer) {\n this.cardNumber.unmount();\n this.cardNumber.off('change', this.handleCardNumberChange);\n }\n if (this.cardExpiry) {\n this.cardExpiry.unmount();\n this.cardExpiry.off('change', this.handleCardExpiryChange);\n }\n if (this.cardCvc) {\n this.cardCvc.unmount();\n this.cardCvc.off('change', this.handleCardCvcChange);\n }\n }\n\n handleSubmit() {\n const {onSubscription} = this.props;\n if (this.stripe) {\n return this.stripe.createToken(this.cardNumber).then(response => {\n return onSubscription(response);\n });\n }\n }\n\n handleCardNumberChange({error}) {\n const {onCardNumberChange = () => {}} = this.props;\n onCardNumberChange(error);\n }\n\n handleCardExpiryChange({error}) {\n const {onCardExpiryChange = () => {}} = this.props;\n onCardExpiryChange(error);\n }\n\n handleCardCvcChange({error}) {\n const {onCardCvcChange = () => {}} = this.props;\n onCardCvcChange(error);\n }\n\n render() {\n const {\n checkImage,\n cardsImage,\n cardOwnerEmail,\n securedPaymentImage,\n errors,\n warning,\n submitButtonEnabled,\n cardNumberHasError,\n cardExpiryHasError,\n cardCvcHasError\n } = this.props;\n\n const {translate} = this.context;\n\n return (\n <div className={style.paymentForm}>\n <div className={style.acceptedCards}>\n <img className={style.acceptedCardsCheck} src={checkImage} />\n <div className={style.acceptedCardsText}>{translate('accepted_cards')}</div>\n <img className={style.acceptedCardsImage} src={cardsImage} />\n </div>\n <div className={style.creditCardOwnerEmail}>\n <hr className={style.creditCardOwnerEmailSeparator} />\n <div className={style.creditCardOwnerEmailText}>{cardOwnerEmail}</div>\n <hr className={style.creditCardOwnerEmailSeparator} />\n </div>\n {errors ? <div className={style.paymentErrors}>-{errors}</div> : null}\n {warning ? <div className={style.paymentWarning}>-{warning}</div> : null}\n <div className={style.securedPayment}>\n <img className={style.securedPaymentImage} src={securedPaymentImage} />\n <div className={style.securedPaymentText}>{translate('secured_payment')}</div>\n </div>\n <div className={style.cardBlock}>\n <div\n className={`${style.cardNumber} ${cardNumberHasError && style.invalidElement}`}\n id=\"card-number\"\n />\n </div>\n <div className={style.cardBlock}>\n <div\n className={`${style.cardExpiry} ${cardExpiryHasError && style.invalidElement}`}\n id=\"card-expiry\"\n />\n <div\n className={`${style.cardCvc} ${cardCvcHasError && style.invalidElement}`}\n id=\"card-cvc\"\n />\n </div>\n <div className={style.subscriptionDisclaimer}>{translate('subscription_disclaimer')}</div>\n <div className={style.subscribeButtonContainer}>\n <button\n className={style.subscribeButton}\n type=\"button\"\n onClick={this.handleSubmit}\n disabled={!submitButtonEnabled}\n >\n {translate('payment_form_submit')}\n </button>\n </div>\n </div>\n );\n }\n}\n\nexport default PaymentForm;\n"],"file":"index.js"}
@@ -32,7 +32,7 @@
32
32
  }
33
33
 
34
34
  .pdfDescription {
35
- font-family: 'Open Sans';
35
+ font-family: 'Gilroy';
36
36
  font-weight: 600;
37
37
  text-align: center;
38
38
  font-size: 12px;
@@ -72,7 +72,7 @@
72
72
  left: 0;
73
73
  right: 0;
74
74
  text-align: center;
75
- font-family: 'Open Sans';
75
+ font-family: 'Gilroy';
76
76
  font-size: 12px;
77
77
  font-weight: bold;
78
78
  color: inherit;
@@ -48,7 +48,7 @@
48
48
  }
49
49
 
50
50
  .header {
51
- font-family: 'Open Sans';
51
+ font-family: 'Gilroy';
52
52
  font-size: 24px;
53
53
  font-weight: bold;
54
54
  color: black;
@@ -57,7 +57,7 @@
57
57
  }
58
58
 
59
59
  .content {
60
- font-family: 'Open Sans';
60
+ font-family: 'Gilroy';
61
61
  font-size: 16px;
62
62
  font-weight: normal;
63
63
  color: black;
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  .text {
33
- font-family: "Open Sans";
33
+ font-family: "Gilroy";
34
34
  font-size: 13px;
35
35
  text-transform: none;
36
36
  }
@@ -5,7 +5,7 @@
5
5
  @value black from colors;
6
6
 
7
7
  .input {
8
- font-family: "Open Sans";
8
+ font-family: "Gilroy";
9
9
  font-weight: 700;
10
10
  text-transform: none;
11
11
  padding: 0 15px;
@@ -14,7 +14,7 @@
14
14
  width: 100%;
15
15
  max-width: 100%;
16
16
  min-width: 80px;
17
- font-family: 'Open Sans';
17
+ font-family: 'Gilroy';
18
18
  font-size: 15px;
19
19
  font-weight: 600;
20
20
  background-color: white;
@@ -43,14 +43,14 @@
43
43
  .emptySpan {
44
44
  width: 100%;
45
45
  text-align: center;
46
- font-family: 'Open Sans';
46
+ font-family: 'Gilroy';
47
47
  font-size: 13px;
48
48
  font-weight: 600;
49
49
  color: medium;
50
50
  }
51
51
 
52
52
  .answer {
53
- font-family: 'Open Sans';
53
+ font-family: 'Gilroy';
54
54
  font-size: 13px;
55
55
  font-weight: 600;
56
56
  color: black;
@@ -39,7 +39,7 @@
39
39
  }
40
40
 
41
41
  .titleWrapper {
42
- font-family: 'Open Sans';
42
+ font-family: 'Gilroy';
43
43
  font-size: 17px;
44
44
  line-height: 20px;
45
45
  font-weight: 600;
@@ -11,7 +11,7 @@
11
11
  .title {
12
12
  color: brand;
13
13
  display: table;
14
- font-family: "Open Sans";
14
+ font-family: "Gilroy";
15
15
  font-size: 24px;
16
16
  font-weight: 700;
17
17
  margin: 0 auto 15px;
@@ -26,7 +26,7 @@
26
26
  }
27
27
 
28
28
  .label {
29
- font-family: "Open Sans";
29
+ font-family: "Gilroy";
30
30
  color: black;
31
31
  font-size: 15px;
32
32
  font-weight: 700;
@@ -8,7 +8,7 @@
8
8
  vertical-align: middle;
9
9
  padding: 8px;
10
10
  box-sizing: border-box;
11
- font-family: "Open Sans";
11
+ font-family: "Gilroy";
12
12
  font-weight: 700;
13
13
  font-size: 14px;
14
14
  margin: 0 4px;
@@ -55,7 +55,7 @@
55
55
  }
56
56
 
57
57
  .texts {
58
- font-family: 'Open Sans';
58
+ font-family: 'Gilroy';
59
59
  animation: none;
60
60
  font-size: 17px;
61
61
  display: flex;
@@ -32,7 +32,7 @@
32
32
 
33
33
  .title {
34
34
  display: inline-block;
35
- font-family: "Open Sans";
35
+ font-family: "Gilroy";
36
36
  font-weight: 600;
37
37
  font-size: 20px;
38
38
  color: dark;
@@ -47,7 +47,7 @@
47
47
  padding: 3px 13px;
48
48
  background: dark;
49
49
  border-radius: 15px;
50
- font-family: "Open Sans";
50
+ font-family: "Gilroy";
51
51
  font-weight: 800;
52
52
  font-size: 10px;
53
53
  color: white;
@@ -58,14 +58,14 @@
58
58
  display: inline-block;
59
59
  vertical-align: top;
60
60
  width: 50%;
61
- font-family: "Open Sans";
61
+ font-family: "Gilroy";
62
62
  font-size: 12px;
63
63
  padding-right: 40px;
64
64
  color: grey;
65
65
  }
66
66
 
67
67
  .coltitle {
68
- font-family: "Open Sans";
68
+ font-family: "Gilroy";
69
69
  font-weight: 800;
70
70
  text-transform: uppercase;
71
71
  margin-bottom: 15px;
@@ -91,7 +91,7 @@
91
91
  .dottedlist li {
92
92
  line-height: 26px;
93
93
  font-size: 14px;
94
- font-family: "Open Sans";
94
+ font-family: "Gilroy";
95
95
  color: dark;
96
96
  }
97
97
 
@@ -106,7 +106,7 @@
106
106
  .roundedlist li {
107
107
  line-height: 26px;
108
108
  font-size: 14px;
109
- font-family: "Open Sans";
109
+ font-family: "Gilroy";
110
110
  color: dark;
111
111
  }
112
112
 
@@ -19,7 +19,7 @@
19
19
  box-sizing: border-box;
20
20
  display: flex;
21
21
  text-align: center;
22
- font-family: "Open Sans";
22
+ font-family: "Gilroy";
23
23
  font-size: 16px;
24
24
  line-height: 50px;
25
25
  height: 50px;
@@ -56,7 +56,7 @@
56
56
  }
57
57
 
58
58
  .title {
59
- font-family: "Open Sans";
59
+ font-family: "Gilroy";
60
60
  font-size: 15px;
61
61
  text-transform: none;
62
62
  color: dark;
@@ -129,7 +129,7 @@
129
129
  }
130
130
 
131
131
  .description {
132
- font-family: 'Open Sans';
132
+ font-family: 'Gilroy';
133
133
  font-weight: 500;
134
134
  font-size: 12px;
135
135
  color: medium;
@@ -41,7 +41,7 @@
41
41
  }
42
42
 
43
43
  .title {
44
- font-family: "Open Sans";
44
+ font-family: "Gilroy";
45
45
  font-size: 15px;
46
46
  text-transform: none;
47
47
  color: grey;
@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
12
- var _novaIcons = require("@coorpacademy/nova-icons");
13
-
14
12
  var _provider = _interopRequireDefault(require("../../atom/provider"));
15
13
 
16
14
  var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
@@ -56,20 +54,13 @@ ContentTypesToggler.propTypes = process.env.NODE_ENV !== "production" ? {
56
54
 
57
55
  const SetupSection = (props, context) => {
58
56
  const {
59
- translate,
60
- skin
57
+ translate
61
58
  } = context;
62
- const brand = (0, _get2.default)('common.brand', skin);
63
- const medium = (0, _get2.default)('common.medium', skin);
64
59
  const {
65
60
  title,
66
- onUp,
67
- onDown,
68
61
  display,
69
62
  contentTypes
70
63
  } = props;
71
- const colorUp = onDown ? brand : medium;
72
- const colorDown = onUp ? brand : medium;
73
64
  return /*#__PURE__*/_react.default.createElement("div", {
74
65
  className: _style.default.wrapper
75
66
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -80,17 +71,7 @@ const SetupSection = (props, context) => {
80
71
  contentTypes: contentTypes
81
72
  }), /*#__PURE__*/_react.default.createElement("div", {
82
73
  className: _style.default.label
83
- }, translate('Show')), /*#__PURE__*/_react.default.createElement(_inputSwitch.default, display), /*#__PURE__*/_react.default.createElement("div", {
84
- className: _style.default.arrowSection
85
- }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
86
- color: colorUp,
87
- className: onDown ? _style.default.arrow : _style.default.disabled,
88
- onClick: onDown
89
- }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowTop, {
90
- color: colorDown,
91
- className: onUp ? _style.default.arrow : _style.default.disabled,
92
- onClick: onUp
93
- }))));
74
+ }, translate('Show')), /*#__PURE__*/_react.default.createElement(_inputSwitch.default, display)));
94
75
  };
95
76
 
96
77
  SetupSection.contextTypes = {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/setup-section/index.js"],"names":["ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","style","contentTypeWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","RadioGroup","modified","bool","SetupSection","translate","medium","title","onUp","onDown","display","colorUp","colorDown","wrapper","settings","label","arrowSection","arrow","disabled","string","isRequired","func","InputSwitch"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionNavigationArrowDown as ArrowDownIcon,\n NovaCompositionNavigationArrowTop as ArrowUpIcon\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n const {skin} = context;\n const {contentTypes} = props;\n\n if (!contentTypes) {\n return null;\n }\n\n const brand = get('common.brand', skin);\n const orange = get('common.orange', skin);\n const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n return (\n <div className={style.contentTypeWrapper}>\n <RadioGroup {...contentTypes} color={contentTypesColor} />\n </div>\n );\n};\n\nContentTypesToggler.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n contentTypes: PropTypes.shape({\n ...RadioGroup.propTypes,\n modified: PropTypes.bool\n })\n};\n\nconst SetupSection = (props, context) => {\n const {translate, skin} = context;\n const brand = get('common.brand', skin);\n const medium = get('common.medium', skin);\n\n const {title, onUp, onDown, display, contentTypes} = props;\n const colorUp = onDown ? brand : medium;\n const colorDown = onUp ? brand : medium;\n\n return (\n <div className={style.wrapper}>\n <div className={style.title}>{title}</div>\n <div className={style.settings}>\n <ContentTypesToggler contentTypes={contentTypes} />\n <div className={style.label}>{translate('Show')}</div>\n <InputSwitch {...display} />\n <div className={style.arrowSection}>\n <ArrowDownIcon\n color={colorUp}\n className={onDown ? style.arrow : style.disabled}\n onClick={onDown}\n />\n <ArrowUpIcon\n color={colorDown}\n className={onUp ? style.arrow : style.disabled}\n onClick={onUp}\n />\n </div>\n </div>\n </div>\n );\n};\n\nSetupSection.contextTypes = {\n translate: Provider.childContextTypes.translate,\n skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n title: PropTypes.string.isRequired,\n onUp: PropTypes.func,\n onDown: PropTypes.func,\n display: PropTypes.shape(InputSwitch.propTypes),\n contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/setup-section/index.js"],"names":["ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","style","contentTypeWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","RadioGroup","modified","bool","SetupSection","translate","title","display","wrapper","settings","label","string","isRequired","onUp","func","onDown","InputSwitch"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,mBAAmB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC9C,QAAM;AAACC,IAAAA;AAAD,MAASD,OAAf;AACA,QAAM;AAACE,IAAAA;AAAD,MAAiBH,KAAvB;;AAEA,MAAI,CAACG,YAAL,EAAmB;AACjB,WAAO,IAAP;AACD;;AAED,QAAMC,KAAK,GAAG,mBAAI,cAAJ,EAAoBF,IAApB,CAAd;AACA,QAAMG,MAAM,GAAG,mBAAI,eAAJ,EAAqBH,IAArB,CAAf;AACA,QAAMI,iBAAiB,GAAG,mBAAI,UAAJ,EAAgBH,YAAhB,IAAgCE,MAAhC,GAAyCD,KAAnE;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEG,eAAMC;AAAtB,kBACE,6BAAC,mBAAD,eAAgBL,YAAhB;AAA8B,IAAA,KAAK,EAAEG;AAArC,KADF,CADF;AAKD,CAjBD;;AAmBAP,mBAAmB,CAACU,YAApB,GAAmC;AACjCP,EAAAA,IAAI,EAAEQ,kBAASC,iBAAT,CAA2BT;AADA,CAAnC;AAIAH,mBAAmB,CAACa,SAApB,2CAAgC;AAC9BT,EAAAA,YAAY,EAAEU,mBAAUC,KAAV,uBACTC,oBAAWH,SADF;AAEZI,IAAAA,QAAQ,EAAEH,mBAAUI;AAFR;AADgB,CAAhC;;AAOA,MAAMC,YAAY,GAAG,CAAClB,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAACkB,IAAAA;AAAD,MAAclB,OAApB;AAEA,QAAM;AAACmB,IAAAA,KAAD;AAAQC,IAAAA,OAAR;AAAiBlB,IAAAA;AAAjB,MAAiCH,KAAvC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEO,eAAMe;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEf,eAAMa;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEb,eAAMgB;AAAtB,kBACE,6BAAC,mBAAD;AAAqB,IAAA,YAAY,EAAEpB;AAAnC,IADF,eAEE;AAAK,IAAA,SAAS,EAAEI,eAAMiB;AAAtB,KAA8BL,SAAS,CAAC,MAAD,CAAvC,CAFF,eAGE,6BAAC,oBAAD,EAAiBE,OAAjB,CAHF,CAFF,CADF;AAUD,CAfD;;AAiBAH,YAAY,CAACT,YAAb,GAA4B;AAC1BU,EAAAA,SAAS,EAAET,kBAASC,iBAAT,CAA2BQ,SADZ;AAE1BjB,EAAAA,IAAI,EAAEQ,kBAASC,iBAAT,CAA2BT;AAFP,CAA5B;AAKAgB,YAAY,CAACN,SAAb,2CAAyB;AACvBQ,EAAAA,KAAK,EAAEP,mBAAUY,MAAV,CAAiBC,UADD;AAEvBC,EAAAA,IAAI,EAAEd,mBAAUe,IAFO;AAGvBC,EAAAA,MAAM,EAAEhB,mBAAUe,IAHK;AAIvBP,EAAAA,OAAO,EAAER,mBAAUC,KAAV,CAAgBgB,qBAAYlB,SAA5B,CAJc;AAKvBT,EAAAA,YAAY,EAAEJ,mBAAmB,CAACa,SAApB,CAA8BT;AALrB,CAAzB;eAQee,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n const {skin} = context;\n const {contentTypes} = props;\n\n if (!contentTypes) {\n return null;\n }\n\n const brand = get('common.brand', skin);\n const orange = get('common.orange', skin);\n const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n return (\n <div className={style.contentTypeWrapper}>\n <RadioGroup {...contentTypes} color={contentTypesColor} />\n </div>\n );\n};\n\nContentTypesToggler.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n contentTypes: PropTypes.shape({\n ...RadioGroup.propTypes,\n modified: PropTypes.bool\n })\n};\n\nconst SetupSection = (props, context) => {\n const {translate} = context;\n\n const {title, display, contentTypes} = props;\n\n return (\n <div className={style.wrapper}>\n <div className={style.title}>{title}</div>\n <div className={style.settings}>\n <ContentTypesToggler contentTypes={contentTypes} />\n <div className={style.label}>{translate('Show')}</div>\n <InputSwitch {...display} />\n </div>\n </div>\n );\n};\n\nSetupSection.contextTypes = {\n translate: Provider.childContextTypes.translate,\n skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n title: PropTypes.string.isRequired,\n onUp: PropTypes.func,\n onDown: PropTypes.func,\n display: PropTypes.shape(InputSwitch.propTypes),\n contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"file":"index.js"}