@coorpacademy/components 10.4.3-alpha.0 → 10.4.6-alpha.1
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.
- package/es/atom/autocomplete/style.css +4 -4
- package/es/atom/button/style.css +1 -1
- package/es/atom/card-image-preview/index.js +35 -0
- package/es/atom/card-image-preview/index.js.map +1 -0
- package/es/atom/card-image-preview/style.css +34 -0
- package/es/atom/card-image-preview/test/fixtures/default.js +6 -0
- package/es/atom/card-image-preview/test/fixtures/default.js.map +1 -0
- package/es/atom/card-image-preview/test/fixtures/empty.js +4 -0
- package/es/atom/card-image-preview/test/fixtures/empty.js.map +1 -0
- package/es/atom/catalog-section/style.css +1 -1
- package/es/atom/clue/style.css +2 -2
- package/es/atom/cta/style.css +1 -1
- package/es/atom/difficulty-level/style.css +1 -1
- package/es/atom/drag-and-drop/style.css +6 -5
- package/es/atom/input-checkbox/style.css +1 -1
- package/es/atom/input-doublestep/style.css +5 -5
- package/es/atom/input-html/input-preview.css +2 -2
- package/es/atom/input-html/style.css +2 -2
- package/es/atom/input-readonly/style.css +3 -3
- package/es/atom/input-search/style.css +1 -1
- package/es/atom/input-switch/style.css +6 -5
- package/es/atom/input-switch/test/fixtures/cm-right-disabled.js +6 -5
- package/es/atom/input-switch/test/fixtures/cm-right-disabled.js.map +1 -1
- package/es/atom/input-text/style.css +5 -5
- package/es/atom/input-textarea/style.css +5 -5
- package/es/atom/life/style.css +1 -1
- package/es/atom/notification/style.css +1 -1
- package/es/atom/radio-group/item.css +1 -1
- package/es/atom/resource-miniature/style.css +1 -1
- package/es/atom/select/style.css +7 -7
- package/es/atom/slide/style.css +1 -1
- package/es/molecule/add-to-my-list/style.css +3 -3
- package/es/molecule/audio/style.css +1 -1
- package/es/molecule/battle-request/style.css +4 -4
- package/es/molecule/brand-card/description.css +1 -1
- package/es/molecule/brand-card/style.css +2 -2
- package/es/molecule/brand-card-create/style.css +1 -1
- package/es/molecule/brand-create-form/style.css +6 -6
- package/es/molecule/brand-download-box/style.css +2 -2
- package/es/molecule/brand-tabs/style.css +1 -1
- package/es/molecule/brand-upload-box/style.css +2 -2
- package/es/molecule/breadcrumbs/style.css +3 -3
- package/es/molecule/card/customer.css +1 -1
- package/es/molecule/card/favorite.css +1 -1
- package/es/molecule/card/notification.css +1 -1
- package/es/molecule/card/style.css +1 -1
- package/es/molecule/card-content/style.css +4 -4
- package/es/molecule/card-with-button/style.css +2 -2
- package/es/molecule/cookie-banner/style.css +2 -2
- package/es/molecule/dashboard/cards-list/style.css +2 -2
- package/es/molecule/dashboard/news-list/style.css +2 -2
- package/es/molecule/dashboard/start-battle/style.css +4 -4
- package/es/molecule/discipline-cta/style.css +2 -2
- package/es/molecule/discipline-header/style.css +4 -4
- package/es/molecule/discipline-partners/style.css +2 -2
- package/es/molecule/drag-and-drop/common.css +1 -1
- package/es/molecule/drag-and-drop/overlay.css +1 -1
- package/es/molecule/drag-and-drop/style.css +1 -1
- package/es/molecule/drag-and-drop/upload-report.css +4 -4
- package/es/molecule/external-content-button/style.css +2 -2
- package/es/molecule/feedback/style.css +3 -3
- package/es/molecule/filters/filters-wapper.css +2 -2
- package/es/molecule/filters/style.css +2 -2
- package/es/molecule/forum/forum-comment/style.css +1 -1
- package/es/molecule/forum/forum-post/style.css +5 -5
- package/es/molecule/menu-list/style.css +1 -1
- package/es/molecule/message-popin/style.css +2 -2
- package/es/molecule/modal/style.css +2 -2
- package/es/molecule/module-card/style.css +2 -2
- package/es/molecule/news/style.css +3 -3
- package/es/molecule/notification-banner/style.css +3 -3
- package/es/molecule/pagination/style.css +1 -1
- package/es/molecule/payment-form/index.js +2 -2
- package/es/molecule/payment-form/index.js.map +1 -1
- package/es/molecule/pdf/style.css +2 -2
- package/es/molecule/popin/style.css +2 -2
- package/es/molecule/progress-bar/style.css +1 -1
- package/es/molecule/questions/free-text/style.css +1 -1
- package/es/molecule/questions/qcm/style.css +1 -1
- package/es/molecule/questions/qcm-drag/style.css +2 -2
- package/es/molecule/questions/qcm-graphic/style.css +1 -1
- package/es/molecule/questions/question-range/style.css +2 -2
- package/es/molecule/questions/template/style.css +1 -1
- package/es/molecule/resource-player/style.css +1 -1
- package/es/molecule/scope-content/style.css +6 -6
- package/es/molecule/scope-tabs/style.css +1 -1
- package/es/molecule/select-multiple/style.css +3 -3
- package/es/molecule/setup-cohort-item/style.css +1 -1
- package/es/molecule/setup-section/style.css +2 -2
- package/es/molecule/setup-sections/style.css +1 -1
- package/es/molecule/share/style.css +3 -3
- package/es/molecule/ssmenu-list/style.css +1 -1
- package/es/molecule/table/style.css +5 -5
- package/es/molecule/teams-popin/style.css +2 -2
- package/es/molecule/titled-checkbox/style.css +1 -1
- package/es/molecule/video-player/jwplayer.css +1 -1
- package/es/organism/accordion/part/style.css +1 -1
- package/es/organism/brand-analytics/analytics-popin.css +1 -0
- package/es/organism/brand-analytics/style.css +1 -1
- package/es/organism/brand-table/style.css +2 -2
- package/es/organism/brand-upload/style.css +2 -2
- package/es/organism/content-translation/style.css +2 -2
- package/es/organism/course-selection/index.js +9 -2
- package/es/organism/course-selection/index.js.map +1 -1
- package/es/organism/course-selection/style.css +2 -1
- package/es/organism/course-selection/test/fixtures/default.js +2 -2
- package/es/organism/course-selection/test/fixtures/default.js.map +1 -1
- package/es/organism/course-selection/test/fixtures/filtered.js +1 -1
- package/es/organism/course-selection/test/fixtures/filtered.js.map +1 -1
- package/es/organism/course-selection/test/fixtures/sorted-selected.js +1 -1
- package/es/organism/course-selection/test/fixtures/sorted-selected.js.map +1 -1
- package/es/organism/course-selection/test/fixtures/switch-activated.js +1 -1
- package/es/organism/course-selection/test/fixtures/switch-activated.js.map +1 -1
- package/es/organism/course-selection/test/fixtures/unsorted-selected.js +1 -1
- package/es/organism/course-selection/test/fixtures/unsorted-selected.js.map +1 -1
- package/es/organism/discussion/style.css +1 -1
- package/es/organism/get-the-app/style.css +1 -1
- package/es/organism/hero/style.css +1 -1
- package/es/organism/mooc-footer/style.css +3 -3
- package/es/organism/mooc-header/style.css +8 -8
- package/es/organism/popin/style.css +1 -0
- package/es/organism/sidebar/style.css +2 -2
- package/es/organism/user-preferences/style.css +1 -1
- package/es/organism/wizard-contents/style.css +1 -1
- package/es/template/activity/engine-stars.css +3 -3
- package/es/template/activity/progression-item.css +5 -4
- package/es/template/activity/stars-summary.css +2 -2
- package/es/template/activity/style.css +3 -3
- package/es/template/app-player/player/slides/footer/style.css +1 -1
- package/es/template/app-player/player/slides/header/learner.css +4 -4
- package/es/template/app-player/player/slides/header/microlearning.css +1 -1
- package/es/template/app-player/player/slides/style.css +9 -8
- package/es/template/app-player/popin-correction/style.css +3 -3
- package/es/template/app-player/popin-end/summary.css +4 -4
- package/es/template/app-player/popin-end/summary.js +3 -2
- package/es/template/app-player/popin-end/summary.js.map +1 -1
- package/es/template/app-player/popin-end/test/fixtures/without-recommendation.js +13 -0
- package/es/template/app-player/popin-end/test/fixtures/without-recommendation.js.map +1 -0
- package/es/template/app-player/popin-header/style.css +5 -5
- package/es/template/back-office/dashboard-preview/dashboard-popin.css +1 -0
- package/es/template/back-office/dashboard-preview/style.css +1 -1
- package/es/template/cockpit/jw-uploader/style.css +1 -0
- package/es/template/common/authors/style.css +5 -4
- package/es/template/common/layout.css +1 -1
- package/es/template/common/search-page/style.css +2 -1
- package/es/template/external-course/style.css +1 -1
- package/es/variables/fonts.css +1 -1
- package/lib/atom/autocomplete/style.css +4 -4
- package/lib/atom/button/style.css +1 -1
- package/lib/atom/card-image-preview/index.js +47 -0
- package/lib/atom/card-image-preview/index.js.map +1 -0
- package/lib/atom/card-image-preview/style.css +34 -0
- package/lib/atom/card-image-preview/test/fixtures/default.js +11 -0
- package/lib/atom/card-image-preview/test/fixtures/default.js.map +1 -0
- package/lib/atom/card-image-preview/test/fixtures/empty.js +9 -0
- package/lib/atom/card-image-preview/test/fixtures/empty.js.map +1 -0
- package/lib/atom/catalog-section/style.css +1 -1
- package/lib/atom/clue/style.css +2 -2
- package/lib/atom/cta/style.css +1 -1
- package/lib/atom/difficulty-level/style.css +1 -1
- package/lib/atom/drag-and-drop/style.css +6 -5
- package/lib/atom/input-checkbox/style.css +1 -1
- package/lib/atom/input-doublestep/style.css +5 -5
- package/lib/atom/input-html/input-preview.css +2 -2
- package/lib/atom/input-html/style.css +2 -2
- package/lib/atom/input-readonly/style.css +3 -3
- package/lib/atom/input-search/style.css +1 -1
- package/lib/atom/input-switch/style.css +6 -5
- package/lib/atom/input-switch/test/fixtures/cm-right-disabled.js +6 -9
- package/lib/atom/input-switch/test/fixtures/cm-right-disabled.js.map +1 -1
- package/lib/atom/input-text/style.css +5 -5
- package/lib/atom/input-textarea/style.css +5 -5
- package/lib/atom/life/style.css +1 -1
- package/lib/atom/notification/style.css +1 -1
- package/lib/atom/radio-group/item.css +1 -1
- package/lib/atom/resource-miniature/style.css +1 -1
- package/lib/atom/select/style.css +7 -7
- package/lib/atom/slide/style.css +1 -1
- package/lib/molecule/add-to-my-list/style.css +3 -3
- package/lib/molecule/audio/style.css +1 -1
- package/lib/molecule/battle-request/style.css +4 -4
- package/lib/molecule/brand-card/description.css +1 -1
- package/lib/molecule/brand-card/style.css +2 -2
- package/lib/molecule/brand-card-create/style.css +1 -1
- package/lib/molecule/brand-create-form/style.css +6 -6
- package/lib/molecule/brand-download-box/style.css +2 -2
- package/lib/molecule/brand-tabs/style.css +1 -1
- package/lib/molecule/brand-upload-box/style.css +2 -2
- package/lib/molecule/breadcrumbs/style.css +3 -3
- package/lib/molecule/card/customer.css +1 -1
- package/lib/molecule/card/favorite.css +1 -1
- package/lib/molecule/card/notification.css +1 -1
- package/lib/molecule/card/style.css +1 -1
- package/lib/molecule/card-content/style.css +4 -4
- package/lib/molecule/card-with-button/style.css +2 -2
- package/lib/molecule/cookie-banner/style.css +2 -2
- package/lib/molecule/dashboard/cards-list/style.css +2 -2
- package/lib/molecule/dashboard/news-list/style.css +2 -2
- package/lib/molecule/dashboard/start-battle/style.css +4 -4
- package/lib/molecule/discipline-cta/style.css +2 -2
- package/lib/molecule/discipline-header/style.css +4 -4
- package/lib/molecule/discipline-partners/style.css +2 -2
- package/lib/molecule/drag-and-drop/common.css +1 -1
- package/lib/molecule/drag-and-drop/overlay.css +1 -1
- package/lib/molecule/drag-and-drop/style.css +1 -1
- package/lib/molecule/drag-and-drop/upload-report.css +4 -4
- package/lib/molecule/external-content-button/style.css +2 -2
- package/lib/molecule/feedback/style.css +3 -3
- package/lib/molecule/filters/filters-wapper.css +2 -2
- package/lib/molecule/filters/style.css +2 -2
- package/lib/molecule/forum/forum-comment/style.css +1 -1
- package/lib/molecule/forum/forum-post/style.css +5 -5
- package/lib/molecule/menu-list/style.css +1 -1
- package/lib/molecule/message-popin/style.css +2 -2
- package/lib/molecule/modal/style.css +2 -2
- package/lib/molecule/module-card/style.css +2 -2
- package/lib/molecule/news/style.css +3 -3
- package/lib/molecule/notification-banner/style.css +3 -3
- package/lib/molecule/pagination/style.css +1 -1
- package/lib/molecule/payment-form/index.js +2 -2
- package/lib/molecule/payment-form/index.js.map +1 -1
- package/lib/molecule/pdf/style.css +2 -2
- package/lib/molecule/popin/style.css +2 -2
- package/lib/molecule/progress-bar/style.css +1 -1
- package/lib/molecule/questions/free-text/style.css +1 -1
- package/lib/molecule/questions/qcm/style.css +1 -1
- package/lib/molecule/questions/qcm-drag/style.css +2 -2
- package/lib/molecule/questions/qcm-graphic/style.css +1 -1
- package/lib/molecule/questions/question-range/style.css +2 -2
- package/lib/molecule/questions/template/style.css +1 -1
- package/lib/molecule/resource-player/style.css +1 -1
- package/lib/molecule/scope-content/style.css +6 -6
- package/lib/molecule/scope-tabs/style.css +1 -1
- package/lib/molecule/select-multiple/style.css +3 -3
- package/lib/molecule/setup-cohort-item/style.css +1 -1
- package/lib/molecule/setup-section/style.css +2 -2
- package/lib/molecule/setup-sections/style.css +1 -1
- package/lib/molecule/share/style.css +3 -3
- package/lib/molecule/ssmenu-list/style.css +1 -1
- package/lib/molecule/table/style.css +5 -5
- package/lib/molecule/teams-popin/style.css +2 -2
- package/lib/molecule/titled-checkbox/style.css +1 -1
- package/lib/molecule/video-player/jwplayer.css +1 -1
- package/lib/organism/accordion/part/style.css +1 -1
- package/lib/organism/brand-analytics/analytics-popin.css +1 -0
- package/lib/organism/brand-analytics/style.css +1 -1
- package/lib/organism/brand-table/style.css +2 -2
- package/lib/organism/brand-upload/style.css +2 -2
- package/lib/organism/content-translation/style.css +2 -2
- package/lib/organism/course-selection/index.js +9 -2
- package/lib/organism/course-selection/index.js.map +1 -1
- package/lib/organism/course-selection/style.css +2 -1
- package/lib/organism/course-selection/test/fixtures/default.js +2 -2
- package/lib/organism/course-selection/test/fixtures/default.js.map +1 -1
- package/lib/organism/course-selection/test/fixtures/filtered.js +1 -1
- package/lib/organism/course-selection/test/fixtures/filtered.js.map +1 -1
- package/lib/organism/course-selection/test/fixtures/sorted-selected.js +1 -1
- package/lib/organism/course-selection/test/fixtures/sorted-selected.js.map +1 -1
- package/lib/organism/course-selection/test/fixtures/switch-activated.js +1 -1
- package/lib/organism/course-selection/test/fixtures/switch-activated.js.map +1 -1
- package/lib/organism/course-selection/test/fixtures/unsorted-selected.js +1 -1
- package/lib/organism/course-selection/test/fixtures/unsorted-selected.js.map +1 -1
- package/lib/organism/discussion/style.css +1 -1
- package/lib/organism/get-the-app/style.css +1 -1
- package/lib/organism/hero/style.css +1 -1
- package/lib/organism/mooc-footer/style.css +3 -3
- package/lib/organism/mooc-header/style.css +8 -8
- package/lib/organism/popin/style.css +1 -0
- package/lib/organism/sidebar/style.css +2 -2
- package/lib/organism/user-preferences/style.css +1 -1
- package/lib/organism/wizard-contents/style.css +1 -1
- package/lib/template/activity/engine-stars.css +3 -3
- package/lib/template/activity/progression-item.css +5 -4
- package/lib/template/activity/stars-summary.css +2 -2
- package/lib/template/activity/style.css +3 -3
- package/lib/template/app-player/player/slides/footer/style.css +1 -1
- package/lib/template/app-player/player/slides/header/learner.css +4 -4
- package/lib/template/app-player/player/slides/header/microlearning.css +1 -1
- package/lib/template/app-player/player/slides/style.css +9 -8
- package/lib/template/app-player/popin-correction/style.css +3 -3
- package/lib/template/app-player/popin-end/summary.css +4 -4
- package/lib/template/app-player/popin-end/summary.js +4 -2
- package/lib/template/app-player/popin-end/summary.js.map +1 -1
- package/lib/template/app-player/popin-end/test/fixtures/without-recommendation.js +24 -0
- package/lib/template/app-player/popin-end/test/fixtures/without-recommendation.js.map +1 -0
- package/lib/template/app-player/popin-header/style.css +5 -5
- package/lib/template/back-office/dashboard-preview/dashboard-popin.css +1 -0
- package/lib/template/back-office/dashboard-preview/style.css +1 -1
- package/lib/template/cockpit/jw-uploader/style.css +1 -0
- package/lib/template/common/authors/style.css +5 -4
- package/lib/template/common/layout.css +1 -1
- package/lib/template/common/search-page/style.css +2 -1
- package/lib/template/external-course/style.css +1 -1
- package/lib/variables/fonts.css +1 -1
- package/package.json +2 -2
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
@value white from colors;
|
|
13
13
|
|
|
14
14
|
.wrapper {
|
|
15
|
+
font-family: Gilroy;
|
|
15
16
|
position: relative;
|
|
16
17
|
box-shadow: 0 0 4px 5px rgba(0, 0, 0, 0.04);
|
|
17
18
|
display: flex;
|
|
@@ -92,7 +93,7 @@
|
|
|
92
93
|
z-index: 1;
|
|
93
94
|
background-color: light;
|
|
94
95
|
color: dark;
|
|
95
|
-
font-family: "
|
|
96
|
+
font-family: "Gilroy";
|
|
96
97
|
font-weight: 700;
|
|
97
98
|
font-size: 15px;
|
|
98
99
|
line-height: 17px;
|
|
@@ -150,7 +151,7 @@
|
|
|
150
151
|
}
|
|
151
152
|
|
|
152
153
|
.question {
|
|
153
|
-
font-family: "
|
|
154
|
+
font-family: "Gilroy";
|
|
154
155
|
font-size: 20px;
|
|
155
156
|
font-weight: 600;
|
|
156
157
|
color: black;
|
|
@@ -163,7 +164,7 @@
|
|
|
163
164
|
}
|
|
164
165
|
|
|
165
166
|
.contextTitle {
|
|
166
|
-
font-family: "
|
|
167
|
+
font-family: "Gilroy";
|
|
167
168
|
font-size: 20px;
|
|
168
169
|
font-weight: 600;
|
|
169
170
|
color: black;
|
|
@@ -175,7 +176,7 @@
|
|
|
175
176
|
}
|
|
176
177
|
|
|
177
178
|
.helpView {
|
|
178
|
-
font-family: "
|
|
179
|
+
font-family: "Gilroy";
|
|
179
180
|
font-size: 15px;
|
|
180
181
|
font-weight: 500;
|
|
181
182
|
color: medium;
|
|
@@ -190,7 +191,7 @@
|
|
|
190
191
|
padding-left: 25px;
|
|
191
192
|
padding-right: 25px;
|
|
192
193
|
font-size: 16px;
|
|
193
|
-
font-family: "
|
|
194
|
+
font-family: "Gilroy";
|
|
194
195
|
min-width: 160px;
|
|
195
196
|
text-align: center;
|
|
196
197
|
}
|
|
@@ -204,7 +205,7 @@
|
|
|
204
205
|
flex-grow: 0.1;
|
|
205
206
|
padding-top: 15px;
|
|
206
207
|
align-items: flex-end;
|
|
207
|
-
font-family: "
|
|
208
|
+
font-family: "Gilroy";
|
|
208
209
|
}
|
|
209
210
|
|
|
210
211
|
.resourcesWrapper {
|
|
@@ -222,7 +223,7 @@
|
|
|
222
223
|
}
|
|
223
224
|
|
|
224
225
|
.stars {
|
|
225
|
-
font-family: "
|
|
226
|
+
font-family: "Gilroy";
|
|
226
227
|
font-weight: 700;
|
|
227
228
|
font-size: 15px;
|
|
228
229
|
color: grey;
|
|
@@ -239,7 +240,7 @@
|
|
|
239
240
|
}
|
|
240
241
|
|
|
241
242
|
.contextDescription {
|
|
242
|
-
font-family: "
|
|
243
|
+
font-family: "Gilroy";
|
|
243
244
|
font-size: 14px;
|
|
244
245
|
color: grey;
|
|
245
246
|
width: 100%;
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
|
|
30
30
|
.titleLink {
|
|
31
31
|
color: white;
|
|
32
|
-
font-family: '
|
|
32
|
+
font-family: 'Gilroy';
|
|
33
33
|
font-size: 13px;
|
|
34
34
|
}
|
|
35
35
|
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
.text {
|
|
97
|
-
font-family: '
|
|
97
|
+
font-family: 'Gilroy';
|
|
98
98
|
font-size: 15px;
|
|
99
99
|
margin: 0;
|
|
100
100
|
}
|
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
|
|
240
240
|
.quitCta {
|
|
241
241
|
composes: hoverFill from '../../../atom/button/hover-fill.css';
|
|
242
|
-
font-family: '
|
|
242
|
+
font-family: 'Gilroy';
|
|
243
243
|
font-size: 16px;
|
|
244
244
|
font-weight: 700;
|
|
245
245
|
background-color: white;
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
|
|
30
30
|
.footer {
|
|
31
31
|
composes: hoverFill from '../../../atom/button/hover-fill.css';
|
|
32
|
-
font-family: '
|
|
32
|
+
font-family: 'Gilroy';
|
|
33
33
|
font-size: 16px;
|
|
34
34
|
font-weight: 700;
|
|
35
35
|
background-color: white;
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
.text {
|
|
62
|
-
font-family: '
|
|
62
|
+
font-family: 'Gilroy';
|
|
63
63
|
color: dark;
|
|
64
64
|
}
|
|
65
65
|
|
|
@@ -243,7 +243,7 @@
|
|
|
243
243
|
}
|
|
244
244
|
|
|
245
245
|
.commentSectionTexts p {
|
|
246
|
-
font-family:
|
|
246
|
+
font-family: Gilroy;
|
|
247
247
|
color: dark;
|
|
248
248
|
font-size: 19px;
|
|
249
249
|
font-weight: 700;
|
|
@@ -267,7 +267,7 @@
|
|
|
267
267
|
}
|
|
268
268
|
|
|
269
269
|
.commentSectionLink {
|
|
270
|
-
font-family:
|
|
270
|
+
font-family: Gilroy;
|
|
271
271
|
font-size: 12px;
|
|
272
272
|
color: dark;
|
|
273
273
|
text-decoration: underline;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _isEmpty from "lodash/fp/isEmpty";
|
|
1
2
|
import _keys from "lodash/fp/keys";
|
|
2
3
|
import _getOr from "lodash/fp/getOr";
|
|
3
4
|
import _get from "lodash/fp/get";
|
|
@@ -227,11 +228,11 @@ const Cards = props => {
|
|
|
227
228
|
const {
|
|
228
229
|
cards
|
|
229
230
|
} = props;
|
|
230
|
-
return _get('cards', props) === null ? /*#__PURE__*/React.createElement(CardsLoader, null) : (cards ? /*#__PURE__*/React.createElement("div", {
|
|
231
|
+
return _get('cards', props) === null ? /*#__PURE__*/React.createElement(CardsLoader, null) : (_isEmpty(cards) ? null : /*#__PURE__*/React.createElement("div", {
|
|
231
232
|
className: style.cardsWrapper
|
|
232
233
|
}, /*#__PURE__*/React.createElement(CardsList, _extends({}, props, {
|
|
233
234
|
dataName: 'popin-end-recommendation'
|
|
234
|
-
})))
|
|
235
|
+
})))) || null;
|
|
235
236
|
};
|
|
236
237
|
|
|
237
238
|
Cards.propTypes = process.env.NODE_ENV !== "production" ? CardsList.propTypes : {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/template/app-player/popin-end/summary.js"],"names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","Provider","Button","Link","Discussion","Loader","Card","Feedback","CardsList","innerHTML","PopinHeader","style","Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","__html","backgroundColor","simpleButton","propTypes","string","shape","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","Subscribe","description","subscribeWrapper","subscribeTexts","subscribeDescription","subscribeTitle","subscribeButtonWrapper","subscribeButton","submitValue","actions","simple","subscribe","nextCourse","Action","type","actionProps","Type","oneOf","CardsLoader","loaderWrapper","CommentConfirmation","context","onClick","commentSectionTitle","confirmationLinkText","skin","dark","commentSection","commentSectionIconWrapper","commentSectionIcon","commentSectionTexts","commentSectionLink","node","children","contextTypes","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Cards","cards","cardsWrapper","Footer","footer","Summary","header","recommendation","comment","action","feedback","primary","commentView","discussionWrapper","footerView","feedbackView","summaryWrapper","href","url","func","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Link from '../../../atom/link';\nimport Discussion from '../../../organism/discussion';\nimport Loader from '../../../atom/loader';\nimport Card from '../../../molecule/card';\nimport Feedback from '../../../molecule/feedback';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport {innerHTML} from '../../../atom/label/style.css';\nimport PopinHeader from '../popin-header';\nimport style from './summary.css';\n\nconst Header = props => <PopinHeader {...props} />;\n\nconst SimpleAction = ({color, prefix, title, button}) => {\n const {title: buttonTitle, ...linkProps} = button;\n return (\n <div data-name=\"simpleAction\" className={style.simpleWrapper}>\n <div className={style.simpleTexts}>\n <span data-name=\"simplePrefix\" className={style.simplePrefix}>\n {prefix}\n </span>\n <span\n data-name=\"simpleTitle\"\n className={classnames(style.simpleTitle, innerHTML)}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n </div>\n <Button\n {...linkProps}\n type=\"link\"\n style={{\n backgroundColor: color\n }}\n className={style.simpleButton}\n submitValue={buttonTitle}\n />\n </div>\n );\n};\nSimpleAction.propTypes = {\n color: PropTypes.string,\n prefix: PropTypes.string,\n title: PropTypes.string,\n button: PropTypes.shape(Button.propTypes)\n};\n\nconst NextCourse = ({title, prefix, card}) => (\n <div data-name=\"nextCourse\" className={style.nextCourseWrapper}>\n <div className={style.nextCourseTexts}>\n <div className={style.nextCoursePrefix}>{prefix}</div>\n <div\n className={classnames(style.nextCourseTitle, innerHTML)}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n </div>\n <div className={style.nextCourseCard}>\n <Card {...card} dataName={'popin-end-next-course'} />\n </div>\n </div>\n);\nNextCourse.propTypes = {\n title: PropTypes.string,\n prefix: PropTypes.string,\n card: PropTypes.shape(CardsList.propTypes)\n};\n\nconst Subscribe = ({title, description, button, card}) => {\n const {title: buttonTitle, ...linkProps} = button;\n return (\n <div className={style.subscribeWrapper}>\n <div className={style.subscribeTexts}>\n <div className={style.subscribeDescription}>{description}</div>\n <div\n className={classnames(style.subscribeTitle, innerHTML)}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n <div className={style.subscribeButtonWrapper}>\n <Button\n {...linkProps}\n type=\"link\"\n className={style.subscribeButton}\n submitValue={buttonTitle}\n />\n </div>\n </div>\n <div>\n <Card {...card} dataName={'popin-end-subscribe'} />\n </div>\n </div>\n );\n};\n\nSubscribe.propTypes = {\n ...Button.propTypes.propTypes,\n title: Button.propTypes.submitValue\n};\n\nconst actions = {\n simple: SimpleAction,\n subscribe: Subscribe,\n nextCourse: NextCourse\n};\n\nconst Action = props => {\n const {type, ...actionProps} = props;\n const Type = get(type, actions);\n\n return Type ? <Type {...actionProps} /> : null;\n};\n\nAction.propTypes = {\n type: PropTypes.oneOf(keys(actions))\n};\n\nconst CardsLoader = () => (\n <div className={style.loaderWrapper}>\n <Loader />\n </div>\n);\n\nconst CommentConfirmation = (props, context) => {\n const {onClick, commentSectionTitle, confirmationLinkText} = props;\n const {skin} = context;\n const dark = get('common.dark', skin);\n\n return (\n <div className={style.commentSection}>\n <div className={style.commentSectionIconWrapper}>\n <CheckIcon className={style.commentSectionIcon} color={dark} />\n </div>\n <div className={style.commentSectionTexts}>\n <p>{commentSectionTitle}</p>\n <Link onClick={onClick} className={style.commentSectionLink}>\n {confirmationLinkText}\n </Link>\n </div>\n </div>\n );\n};\n\nCommentConfirmation.propTypes = {\n commentSectionTitle: PropTypes.node,\n confirmationLinkText: Link.propTypes.children,\n onClick: Link.propTypes.onClick\n};\n\nCommentConfirmation.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nconst CommentSection = props => {\n const {isSent, edition, confirmation} = props;\n if (isSent) {\n const {onClick, commentSectionTitle, confirmationLinkText} = confirmation;\n return (\n <CommentConfirmation\n onClick={onClick}\n commentSectionTitle={commentSectionTitle}\n confirmationLinkText={confirmationLinkText}\n />\n );\n }\n\n return <Discussion {...edition} />;\n};\n\nCommentSection.propTypes = {\n isSent: PropTypes.bool,\n edition: PropTypes.shape(Discussion.propTypes),\n confirmation: PropTypes.shape(CommentConfirmation.propTypes)\n};\n\nconst Cards = props => {\n const {cards} = props;\n\n return get('cards', props) === null ? (\n <CardsLoader />\n ) : (\n (cards ? (\n <div className={style.cardsWrapper}>\n <CardsList {...props} dataName={'popin-end-recommendation'} />\n </div>\n ) : null) || null\n );\n};\n\nCards.propTypes = CardsList.propTypes;\n\nconst Footer = ({title, color, ...linkProps}) => (\n <Link\n {...linkProps}\n style={{\n color\n }}\n className={style.footer}\n data-name=\"nextLink\"\n data-popin=\"popinEnd\"\n data-next=\"home\"\n >\n {title}\n </Link>\n);\n\nFooter.propTypes = {\n ...Link.propTypes,\n title: Link.propTypes.children,\n color: PropTypes.string\n};\n\nconst Summary = (props, context) => {\n const {header, recommendation, comment, footer, action, feedback} = props;\n const {skin} = context;\n const primary = getOr('#f0f', 'common.primary', skin);\n const commentView =\n comment && header ? (\n <div className={style.discussionWrapper}>\n <CommentSection {...comment} />\n </div>\n ) : null;\n const footerView = footer && header ? <Footer {...footer} color={primary} /> : null;\n const feedbackView = feedback ? <Feedback {...feedback} /> : null;\n\n return (\n <div className={style.summaryWrapper}>\n <Header {...header} />\n {feedbackView}\n <Action {...action} color={primary} />\n <Cards {...recommendation} />\n {commentView}\n {footerView}\n </div>\n );\n};\n\nSummary.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nSummary.propTypes = {\n header: PropTypes.shape(PopinHeader.propTypes),\n footer: PropTypes.shape({\n title: PropTypes.string,\n href: PropTypes.url,\n onClick: PropTypes.func\n }),\n comment: PropTypes.shape(CommentSection.propTypes),\n action: PropTypes.shape({\n type: PropTypes.oneOf(keys(actions)).isRequired\n }),\n recommendation: PropTypes.shape(CardsList.propTypes),\n feedback: PropTypes.shape(Feedback.propTypes)\n};\n\nexport default Summary;\n"],"file":"summary.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/template/app-player/popin-end/summary.js"],"names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","Provider","Button","Link","Discussion","Loader","Card","Feedback","CardsList","innerHTML","PopinHeader","style","Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","__html","backgroundColor","simpleButton","propTypes","string","shape","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","Subscribe","description","subscribeWrapper","subscribeTexts","subscribeDescription","subscribeTitle","subscribeButtonWrapper","subscribeButton","submitValue","actions","simple","subscribe","nextCourse","Action","type","actionProps","Type","oneOf","CardsLoader","loaderWrapper","CommentConfirmation","context","onClick","commentSectionTitle","confirmationLinkText","skin","dark","commentSection","commentSectionIconWrapper","commentSectionIcon","commentSectionTexts","commentSectionLink","node","children","contextTypes","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Cards","cards","cardsWrapper","Footer","footer","Summary","header","recommendation","comment","action","feedback","primary","commentView","discussionWrapper","footerView","feedbackView","summaryWrapper","href","url","func","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Link from '../../../atom/link';\nimport Discussion from '../../../organism/discussion';\nimport Loader from '../../../atom/loader';\nimport Card from '../../../molecule/card';\nimport Feedback from '../../../molecule/feedback';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport {innerHTML} from '../../../atom/label/style.css';\nimport PopinHeader from '../popin-header';\nimport style from './summary.css';\n\nconst Header = props => <PopinHeader {...props} />;\n\nconst SimpleAction = ({color, prefix, title, button}) => {\n const {title: buttonTitle, ...linkProps} = button;\n return (\n <div data-name=\"simpleAction\" className={style.simpleWrapper}>\n <div className={style.simpleTexts}>\n <span data-name=\"simplePrefix\" className={style.simplePrefix}>\n {prefix}\n </span>\n <span\n data-name=\"simpleTitle\"\n className={classnames(style.simpleTitle, innerHTML)}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n </div>\n <Button\n {...linkProps}\n type=\"link\"\n style={{\n backgroundColor: color\n }}\n className={style.simpleButton}\n submitValue={buttonTitle}\n />\n </div>\n );\n};\nSimpleAction.propTypes = {\n color: PropTypes.string,\n prefix: PropTypes.string,\n title: PropTypes.string,\n button: PropTypes.shape(Button.propTypes)\n};\n\nconst NextCourse = ({title, prefix, card}) => (\n <div data-name=\"nextCourse\" className={style.nextCourseWrapper}>\n <div className={style.nextCourseTexts}>\n <div className={style.nextCoursePrefix}>{prefix}</div>\n <div\n className={classnames(style.nextCourseTitle, innerHTML)}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n </div>\n <div className={style.nextCourseCard}>\n <Card {...card} dataName={'popin-end-next-course'} />\n </div>\n </div>\n);\nNextCourse.propTypes = {\n title: PropTypes.string,\n prefix: PropTypes.string,\n card: PropTypes.shape(CardsList.propTypes)\n};\n\nconst Subscribe = ({title, description, button, card}) => {\n const {title: buttonTitle, ...linkProps} = button;\n return (\n <div className={style.subscribeWrapper}>\n <div className={style.subscribeTexts}>\n <div className={style.subscribeDescription}>{description}</div>\n <div\n className={classnames(style.subscribeTitle, innerHTML)}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n <div className={style.subscribeButtonWrapper}>\n <Button\n {...linkProps}\n type=\"link\"\n className={style.subscribeButton}\n submitValue={buttonTitle}\n />\n </div>\n </div>\n <div>\n <Card {...card} dataName={'popin-end-subscribe'} />\n </div>\n </div>\n );\n};\n\nSubscribe.propTypes = {\n ...Button.propTypes.propTypes,\n title: Button.propTypes.submitValue\n};\n\nconst actions = {\n simple: SimpleAction,\n subscribe: Subscribe,\n nextCourse: NextCourse\n};\n\nconst Action = props => {\n const {type, ...actionProps} = props;\n const Type = get(type, actions);\n\n return Type ? <Type {...actionProps} /> : null;\n};\n\nAction.propTypes = {\n type: PropTypes.oneOf(keys(actions))\n};\n\nconst CardsLoader = () => (\n <div className={style.loaderWrapper}>\n <Loader />\n </div>\n);\n\nconst CommentConfirmation = (props, context) => {\n const {onClick, commentSectionTitle, confirmationLinkText} = props;\n const {skin} = context;\n const dark = get('common.dark', skin);\n\n return (\n <div className={style.commentSection}>\n <div className={style.commentSectionIconWrapper}>\n <CheckIcon className={style.commentSectionIcon} color={dark} />\n </div>\n <div className={style.commentSectionTexts}>\n <p>{commentSectionTitle}</p>\n <Link onClick={onClick} className={style.commentSectionLink}>\n {confirmationLinkText}\n </Link>\n </div>\n </div>\n );\n};\n\nCommentConfirmation.propTypes = {\n commentSectionTitle: PropTypes.node,\n confirmationLinkText: Link.propTypes.children,\n onClick: Link.propTypes.onClick\n};\n\nCommentConfirmation.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nconst CommentSection = props => {\n const {isSent, edition, confirmation} = props;\n if (isSent) {\n const {onClick, commentSectionTitle, confirmationLinkText} = confirmation;\n return (\n <CommentConfirmation\n onClick={onClick}\n commentSectionTitle={commentSectionTitle}\n confirmationLinkText={confirmationLinkText}\n />\n );\n }\n\n return <Discussion {...edition} />;\n};\n\nCommentSection.propTypes = {\n isSent: PropTypes.bool,\n edition: PropTypes.shape(Discussion.propTypes),\n confirmation: PropTypes.shape(CommentConfirmation.propTypes)\n};\n\nconst Cards = props => {\n const {cards} = props;\n\n return get('cards', props) === null ? (\n <CardsLoader />\n ) : (\n (isEmpty(cards) ? null : (\n <div className={style.cardsWrapper}>\n <CardsList {...props} dataName={'popin-end-recommendation'} />\n </div>\n )) || null\n );\n};\n\nCards.propTypes = CardsList.propTypes;\n\nconst Footer = ({title, color, ...linkProps}) => (\n <Link\n {...linkProps}\n style={{\n color\n }}\n className={style.footer}\n data-name=\"nextLink\"\n data-popin=\"popinEnd\"\n data-next=\"home\"\n >\n {title}\n </Link>\n);\n\nFooter.propTypes = {\n ...Link.propTypes,\n title: Link.propTypes.children,\n color: PropTypes.string\n};\n\nconst Summary = (props, context) => {\n const {header, recommendation, comment, footer, action, feedback} = props;\n const {skin} = context;\n const primary = getOr('#f0f', 'common.primary', skin);\n const commentView =\n comment && header ? (\n <div className={style.discussionWrapper}>\n <CommentSection {...comment} />\n </div>\n ) : null;\n const footerView = footer && header ? <Footer {...footer} color={primary} /> : null;\n const feedbackView = feedback ? <Feedback {...feedback} /> : null;\n\n return (\n <div className={style.summaryWrapper}>\n <Header {...header} />\n {feedbackView}\n <Action {...action} color={primary} />\n <Cards {...recommendation} />\n {commentView}\n {footerView}\n </div>\n );\n};\n\nSummary.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nSummary.propTypes = {\n header: PropTypes.shape(PopinHeader.propTypes),\n footer: PropTypes.shape({\n title: PropTypes.string,\n href: PropTypes.url,\n onClick: PropTypes.func\n }),\n comment: PropTypes.shape(CommentSection.propTypes),\n action: PropTypes.shape({\n type: PropTypes.oneOf(keys(actions)).isRequired\n }),\n recommendation: PropTypes.shape(CardsList.propTypes),\n feedback: PropTypes.shape(Feedback.propTypes)\n};\n\nexport default Summary;\n"],"file":"summary.js"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import _defaultsDeep from "lodash/fp/defaultsDeep";
|
|
2
|
+
import correct from './correct';
|
|
3
|
+
export default _defaultsDeep(correct, {
|
|
4
|
+
props: {
|
|
5
|
+
summary: {
|
|
6
|
+
recommendation: {
|
|
7
|
+
title: 'You should try:',
|
|
8
|
+
cards: []
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
//# sourceMappingURL=without-recommendation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/template/app-player/popin-end/test/fixtures/without-recommendation.js"],"names":["correct","props","summary","recommendation","title","cards"],"mappings":";AACA,OAAOA,OAAP,MAAoB,WAApB;AAEA,eAAe,cAAaA,OAAb,EAAsB;AACnCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,cAAc,EAAE;AACdC,QAAAA,KAAK,EAAE,iBADO;AAEdC,QAAAA,KAAK,EAAE;AAFO;AADT;AADJ;AAD4B,CAAtB,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport correct from './correct';\n\nexport default defaultsDeep(correct, {\n props: {\n summary: {\n recommendation: {\n title: 'You should try:',\n cards: []\n }\n }\n }\n});\n"],"file":"without-recommendation.js"}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
display: flex;
|
|
16
16
|
height: 100px;
|
|
17
17
|
width: 100%;
|
|
18
|
-
font-family: '
|
|
18
|
+
font-family: 'Gilroy';
|
|
19
19
|
flex-wrap: wrap;
|
|
20
20
|
}
|
|
21
21
|
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
display: flex;
|
|
24
24
|
height: 100px;
|
|
25
25
|
width: 100%;
|
|
26
|
-
font-family: '
|
|
26
|
+
font-family: 'Gilroy';
|
|
27
27
|
top: 0;
|
|
28
28
|
z-index: 2;
|
|
29
29
|
border-bottom: solid 1px light;
|
|
@@ -178,7 +178,7 @@
|
|
|
178
178
|
}
|
|
179
179
|
|
|
180
180
|
.iconText {
|
|
181
|
-
font-family: '
|
|
181
|
+
font-family: 'Gilroy';
|
|
182
182
|
color: white;
|
|
183
183
|
font-weight: 600;
|
|
184
184
|
font-size: 22px;
|
|
@@ -248,7 +248,7 @@
|
|
|
248
248
|
}
|
|
249
249
|
|
|
250
250
|
.nextButton {
|
|
251
|
-
font-family: '
|
|
251
|
+
font-family: 'Gilroy';
|
|
252
252
|
color: dark;
|
|
253
253
|
font-size: 17px;
|
|
254
254
|
font-weight: bold;
|
|
@@ -277,7 +277,7 @@
|
|
|
277
277
|
max-width: 90%;
|
|
278
278
|
min-height: 17px;
|
|
279
279
|
height: auto;
|
|
280
|
-
font-family: '
|
|
280
|
+
font-family: 'Gilroy';
|
|
281
281
|
font-size: 12px;
|
|
282
282
|
font-weight: 600;
|
|
283
283
|
text-align: center;
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
.wrapper {
|
|
13
13
|
composes: wrapper from '../layout.css';
|
|
14
14
|
background: white;
|
|
15
|
+
font-family: Gilroy;
|
|
15
16
|
}
|
|
16
17
|
|
|
17
18
|
.authorsWrapper {
|
|
@@ -113,7 +114,7 @@
|
|
|
113
114
|
}
|
|
114
115
|
|
|
115
116
|
.desc {
|
|
116
|
-
font-family: "
|
|
117
|
+
font-family: "Gilroy";
|
|
117
118
|
font-size: 15px;
|
|
118
119
|
color: black;
|
|
119
120
|
letter-spacing: 0;
|
|
@@ -122,7 +123,7 @@
|
|
|
122
123
|
}
|
|
123
124
|
|
|
124
125
|
.desc a {
|
|
125
|
-
font-family:
|
|
126
|
+
font-family: Gilroy;
|
|
126
127
|
font-weight: 600;
|
|
127
128
|
color: brand;
|
|
128
129
|
text-decoration: none;
|
|
@@ -159,7 +160,7 @@
|
|
|
159
160
|
.toggle {
|
|
160
161
|
display: block;
|
|
161
162
|
cursor: pointer;
|
|
162
|
-
font-family: '
|
|
163
|
+
font-family: 'Gilroy';
|
|
163
164
|
font-size: 13px;
|
|
164
165
|
font-weight: 600;
|
|
165
166
|
text-transform: uppercase;
|
|
@@ -221,7 +222,7 @@
|
|
|
221
222
|
.toggle {
|
|
222
223
|
display: block;
|
|
223
224
|
cursor: pointer;
|
|
224
|
-
font-family: '
|
|
225
|
+
font-family: 'Gilroy';
|
|
225
226
|
font-size: 13px;
|
|
226
227
|
font-weight: 600;
|
|
227
228
|
text-transform: uppercase;
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
.noresults {
|
|
21
|
+
font-family: "Gilroy";
|
|
21
22
|
border-top: solid 1px xtraLightGrey;
|
|
22
23
|
box-sizing: border-box;
|
|
23
24
|
padding: 16px 0;
|
|
@@ -30,7 +31,7 @@
|
|
|
30
31
|
}
|
|
31
32
|
|
|
32
33
|
.title {
|
|
33
|
-
font-family: "
|
|
34
|
+
font-family: "Gilroy";
|
|
34
35
|
font-size: 20px;
|
|
35
36
|
font-weight: 700;
|
|
36
37
|
color: dark;
|
package/es/variables/fonts.css
CHANGED
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
.title {
|
|
34
|
-
font-family: "
|
|
34
|
+
font-family: "Gilroy";
|
|
35
35
|
font-size: 15px;
|
|
36
36
|
text-transform: none;
|
|
37
37
|
color: dark;
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
.description {
|
|
59
|
-
font-family: '
|
|
59
|
+
font-family: 'Gilroy';
|
|
60
60
|
font-weight: 500;
|
|
61
61
|
font-size: 12px;
|
|
62
62
|
color: medium;
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
.input {
|
|
75
|
-
font-family: "
|
|
75
|
+
font-family: "Gilroy";
|
|
76
76
|
text-transform: none;
|
|
77
77
|
padding: 0 15px;
|
|
78
78
|
border: solid 2px light;
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
position: absolute;
|
|
103
103
|
top: 50px;
|
|
104
104
|
border: solid 2px light;
|
|
105
|
-
font-family: "
|
|
105
|
+
font-family: "Gilroy";
|
|
106
106
|
font-size: 14px;
|
|
107
107
|
color: dark;
|
|
108
108
|
border-bottom-left-radius: 4px;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _get2 = _interopRequireDefault(require("lodash/fp/get"));
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
12
|
+
var _novaIcons = require("@coorpacademy/nova-icons");
|
|
13
|
+
|
|
14
|
+
var _provider = _interopRequireDefault(require("../provider"));
|
|
15
|
+
|
|
16
|
+
var _style = _interopRequireDefault(require("./style.css"));
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
|
|
20
|
+
const CardImagePreview = ({
|
|
21
|
+
image
|
|
22
|
+
}, {
|
|
23
|
+
skin
|
|
24
|
+
}) => {
|
|
25
|
+
const whiteColor = (0, _get2.default)('common.white', skin);
|
|
26
|
+
const emptyIcon = !image ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyPictures, {
|
|
27
|
+
className: _style.default.emptyIcon,
|
|
28
|
+
color: whiteColor
|
|
29
|
+
}) : null;
|
|
30
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
31
|
+
className: _style.default.image,
|
|
32
|
+
style: {
|
|
33
|
+
backgroundImage: image ? `url('${image}')` : 'none'
|
|
34
|
+
},
|
|
35
|
+
"data-name": "card-image-preview"
|
|
36
|
+
}, emptyIcon);
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
CardImagePreview.contextTypes = {
|
|
40
|
+
skin: _provider.default.childContextTypes.skin
|
|
41
|
+
};
|
|
42
|
+
CardImagePreview.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
43
|
+
image: _propTypes.default.string
|
|
44
|
+
} : {};
|
|
45
|
+
var _default = CardImagePreview;
|
|
46
|
+
exports.default = _default;
|
|
47
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/atom/card-image-preview/index.js"],"names":["CardImagePreview","image","skin","whiteColor","emptyIcon","style","backgroundImage","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,EAAU;AAACC,EAAAA;AAAD,CAAV,KAAqB;AAC5C,QAAMC,UAAU,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAnB;AACA,QAAME,SAAS,GAAG,CAACH,KAAD,gBAAS,6BAAC,8CAAD;AAAc,IAAA,SAAS,EAAEI,eAAMD,SAA/B;AAA0C,IAAA,KAAK,EAAED;AAAjD,IAAT,GAA2E,IAA7F;AAEA,sBACE;AACE,IAAA,SAAS,EAAEE,eAAMJ,KADnB;AAEE,IAAA,KAAK,EAAE;AACLK,MAAAA,eAAe,EAAEL,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;AADxC,KAFT;AAKE,iBAAU;AALZ,KAOGG,SAPH,CADF;AAWD,CAfD;;AAiBAJ,gBAAgB,CAACO,YAAjB,GAAgC;AAC9BL,EAAAA,IAAI,EAAEM,kBAASC,iBAAT,CAA2BP;AADH,CAAhC;AAIAF,gBAAgB,CAACU,SAAjB,2CAA6B;AAC3BT,EAAAA,KAAK,EAAEU,mBAAUC;AADU,CAA7B;eAGeZ,gB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyPictures as PicturesIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\n\nimport style from './style.css';\n\nconst CardImagePreview = ({image}, {skin}) => {\n const whiteColor = get('common.white', skin);\n const emptyIcon = !image ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n\n return (\n <div\n className={style.image}\n style={{\n backgroundImage: image ? `url('${image}')` : 'none'\n }}\n data-name=\"card-image-preview\"\n >\n {emptyIcon}\n </div>\n );\n};\n\nCardImagePreview.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCardImagePreview.propTypes = {\n image: PropTypes.string\n};\nexport default CardImagePreview;\n"],"file":"index.js"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
@value colors: "../../variables/colors.css";
|
|
2
|
+
@value cm_orange_200 from colors;
|
|
3
|
+
|
|
4
|
+
@keyframes fadeIn {
|
|
5
|
+
0% {
|
|
6
|
+
opacity: 0;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
100% {
|
|
10
|
+
opacity: 1;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.image {
|
|
15
|
+
box-sizing: border-box;
|
|
16
|
+
overflow: hidden;
|
|
17
|
+
width: 56px;
|
|
18
|
+
height: 56px;
|
|
19
|
+
position: relative;
|
|
20
|
+
animation: fadeIn 1s ease-out forwards;
|
|
21
|
+
border-radius: 7px;
|
|
22
|
+
background-position: 50%;
|
|
23
|
+
background-size: cover;
|
|
24
|
+
background-color: cm_orange_200;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.emptyIcon {
|
|
28
|
+
width: 33px;
|
|
29
|
+
height: 27px;
|
|
30
|
+
position: absolute;
|
|
31
|
+
top: 50%;
|
|
32
|
+
left: 50%;
|
|
33
|
+
transform: translate(-50%, -50%);
|
|
34
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _default = {
|
|
6
|
+
props: {
|
|
7
|
+
image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90'
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
exports.default = _default;
|
|
11
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/card-image-preview/test/fixtures/default.js"],"names":["props","image"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EACH;AAFG;AADM,C","sourcesContent":["export default {\n props: {\n image:\n 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90'\n }\n};\n"],"file":"default.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/card-image-preview/test/fixtures/empty.js"],"names":["props"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AADM,C","sourcesContent":["export default {\n props: {}\n};\n"],"file":"empty.js"}
|
package/lib/atom/clue/style.css
CHANGED
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
|
|
81
81
|
.stars {
|
|
82
82
|
padding-top: 50px;
|
|
83
|
-
font-family: '
|
|
83
|
+
font-family: 'Gilroy';
|
|
84
84
|
font-style: italic;
|
|
85
85
|
color: white;
|
|
86
86
|
display: block;
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
|
|
90
90
|
.clueText,
|
|
91
91
|
.clueText a {
|
|
92
|
-
font-family: '
|
|
92
|
+
font-family: 'Gilroy';
|
|
93
93
|
font-weight: bold;
|
|
94
94
|
font-size: 18px;
|
|
95
95
|
color: white;
|
package/lib/atom/cta/style.css
CHANGED