@coorpacademy/components 10.15.0 → 10.16.0

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.
@@ -0,0 +1,35 @@
1
+ import React from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import style from './style.css';
4
+
5
+ const ReviewBackground = props => {
6
+ const {
7
+ 'aria-label': ariaLabel
8
+ } = props;
9
+ return /*#__PURE__*/React.createElement("div", {
10
+ className: style.mainContainer,
11
+ "aria-label": ariaLabel
12
+ }, /*#__PURE__*/React.createElement("div", {
13
+ className: style.container
14
+ }, /*#__PURE__*/React.createElement("span", {
15
+ className: style.interrogationLeft
16
+ }, "?"), /*#__PURE__*/React.createElement("span", {
17
+ className: style.interrogationRight
18
+ }, "?"), /*#__PURE__*/React.createElement("div", {
19
+ className: style.recYellow
20
+ }), /*#__PURE__*/React.createElement("div", {
21
+ className: style.recRed
22
+ }), /*#__PURE__*/React.createElement("div", {
23
+ className: style.recBlue
24
+ }), /*#__PURE__*/React.createElement("div", {
25
+ className: style.recGreen
26
+ }), /*#__PURE__*/React.createElement("div", {
27
+ className: style.recGreenLight
28
+ })));
29
+ };
30
+
31
+ ReviewBackground.propTypes = process.env.NODE_ENV !== "production" ? {
32
+ 'aria-label': PropTypes.string
33
+ } : {};
34
+ export default ReviewBackground;
35
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/atom/review-background/index.js"],"names":["React","PropTypes","style","ReviewBackground","props","ariaLabel","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight","propTypes","string"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAGC,KAAK,IAAI;AAChC,QAAM;AAAC,kBAAcC;AAAf,MAA4BD,KAAlC;AACA,sBACE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACI,aAAtB;AAAqC,kBAAYD;AAAjD,kBACE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACK;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEL,KAAK,CAACM;AAAvB,SADF,eAEE;AAAM,IAAA,SAAS,EAAEN,KAAK,CAACO;AAAvB,SAFF,eAGE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAAtB,IAHF,eAIE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACS;AAAtB,IAJF,eAKE;AAAK,IAAA,SAAS,EAAET,KAAK,CAACU;AAAtB,IALF,eAME;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW;AAAtB,IANF,eAOE;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACY;AAAtB,IAPF,CADF,CADF;AAaD,CAfD;;AAiBAX,gBAAgB,CAACY,SAAjB,2CAA6B;AAAC,gBAAcd,SAAS,CAACe;AAAzB,CAA7B;AAEA,eAAeb,gBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst ReviewBackground = props => {\n const {'aria-label': ariaLabel} = props;\n return (\n <div className={style.mainContainer} aria-label={ariaLabel}>\n <div className={style.container}>\n <span className={style.interrogationLeft}>?</span>\n <span className={style.interrogationRight}>?</span>\n <div className={style.recYellow} />\n <div className={style.recRed} />\n <div className={style.recBlue} />\n <div className={style.recGreen} />\n <div className={style.recGreenLight} />\n </div>\n </div>\n );\n};\n\nReviewBackground.propTypes = {'aria-label': PropTypes.string};\n\nexport default ReviewBackground;\n"],"file":"index.js"}
@@ -0,0 +1,234 @@
1
+ @value breakpoints: "../../variables/breakpoints.css";
2
+ @value tablet from breakpoints;
3
+ @value mobile from breakpoints;
4
+
5
+ .interrogationBase {
6
+ position: absolute;
7
+ font-family: "Gilroy";
8
+ font-size: 700px;
9
+ font-weight: 700;
10
+ text-align: center;
11
+ color: black;
12
+ opacity: 0.02;
13
+ user-select: none;
14
+ z-index: 1;
15
+ }
16
+
17
+ .mainContainer {
18
+ position: relative;
19
+ width: 100vw;
20
+ height: 100vh;
21
+ background: #ffffff;
22
+ padding: 0;
23
+ margin: 0;
24
+ overflow: hidden;
25
+ }
26
+
27
+ .container {
28
+ position: absolute;
29
+ width: 100%;
30
+ height: 100%;
31
+ left: 0px;
32
+ top: 0px;
33
+ }
34
+
35
+ .interrogationLeft {
36
+ composes: interrogationBase;
37
+ left: -14%;
38
+ top: -15%;
39
+ transform: rotate(49.77deg);
40
+ }
41
+
42
+ .interrogationRight {
43
+ composes: interrogationBase;
44
+ left: 72%;
45
+ top: -10%;
46
+ transform: rotate(135deg);
47
+ }
48
+
49
+ .recYellow {
50
+ position: absolute;
51
+ left: -40.79%;
52
+ right: 60.63%;
53
+ top: 0.34%;
54
+ bottom: 24.77%;
55
+ background: radial-gradient(
56
+ circle closest-side at 57.97% 41.54%,
57
+ #ffc043 0%,
58
+ rgba(255, 255, 255, 0) 100%
59
+ );
60
+ opacity: 0.4;
61
+ filter: blur(80px);
62
+ }
63
+
64
+ .recRed {
65
+ position: absolute;
66
+ left: 3.72%;
67
+ right: 42.62%;
68
+ top: 23.04%;
69
+ bottom: -9.22%;
70
+ background: radial-gradient(
71
+ circle closest-side at 57.97% 41.54%,
72
+ #ff7043 0%,
73
+ rgba(255, 255, 255, 0) 100%
74
+ );
75
+ opacity: 0.2;
76
+ filter: blur(60px);
77
+ }
78
+
79
+ .recBlue {
80
+ position: absolute;
81
+ left: 42.5%;
82
+ right: 0.35%;
83
+ top: 40.78%;
84
+ bottom: -67.67%;
85
+ background: radial-gradient(
86
+ circle closest-side at 39.9% 50%,
87
+ rgba(0, 97, 255, 0.55) 0%,
88
+ rgba(255, 255, 255, 0) 100%
89
+ );
90
+ opacity: 0.5;
91
+ filter: blur(80px);
92
+ }
93
+
94
+ .recGreen {
95
+ position: absolute;
96
+ left: 64.14%;
97
+ right: -20.87%;
98
+ top: -27.96%;
99
+ bottom: 45.85%;
100
+ background: radial-gradient(
101
+ circle closest-side at 56.78% 61.36%,
102
+ #2199ab 0%,
103
+ rgba(255, 255, 255, 0) 100%
104
+ );
105
+ opacity: 0.5;
106
+ filter: blur(100px);
107
+ }
108
+
109
+ .recGreenLight {
110
+ position: absolute;
111
+ left: 50.13%;
112
+ right: -18.51%;
113
+ top: 13.13%;
114
+ bottom: 6.78%;
115
+ background: radial-gradient(
116
+ circle closest-side at 54.18% 40.45%,
117
+ #18bb98 0%,
118
+ rgba(255, 255, 255, 0) 100%
119
+ );
120
+ opacity: 0.5;
121
+ filter: blur(100px);
122
+ }
123
+
124
+ @media tablet {
125
+ .interrogationLeft {
126
+ left: -8%;
127
+ top: 6%;
128
+ font-size: 500px;
129
+ }
130
+
131
+ .interrogationRight {
132
+ left: 70%;
133
+ top: 6%;
134
+ font-size: 500px;
135
+ }
136
+
137
+ .recYellow {
138
+ left: -20.79%;
139
+ right: 55.63%;
140
+ top: 5.34%;
141
+ bottom: 34.77%;
142
+ background: radial-gradient(
143
+ circle closest-side at 57.97% 41.54%,
144
+ #ffc043 0%,
145
+ rgba(255, 255, 255, 0) 100%
146
+ );
147
+ }
148
+
149
+ .recRed {
150
+ left: 10.72%;
151
+ right: 42.62%;
152
+ top: 33.04%;
153
+ bottom: -9.22%;
154
+ background: radial-gradient(
155
+ circle closest-side at 57.97% 41.54%,
156
+ #ff7043 0%,
157
+ rgba(255, 255, 255, 0) 100%
158
+ );
159
+ filter: blur(50px);
160
+ opacity: 0.2;
161
+ }
162
+
163
+ .recBlue {
164
+ bottom: -80.78%;
165
+ background: radial-gradient(
166
+ circle closest-side at 39.9% 50%,
167
+ rgba(0, 97, 255, 0.55) 0%,
168
+ rgba(255, 255, 255, 0) 100%
169
+ );
170
+ }
171
+
172
+ .recGreen {
173
+ bottom: 43.13%;
174
+ background: radial-gradient(
175
+ circle closest-side at 56.78% 61.36%,
176
+ #2199ab 0%,
177
+ rgba(255, 255, 255, 0) 100%
178
+ );
179
+ opacity: 0.3;
180
+ }
181
+
182
+ .recGreenLight {
183
+ left: 40%;
184
+ top: 13.13%;
185
+ background: radial-gradient(
186
+ circle closest-side at 54.18% 40.45%,
187
+ #18bb98 0%,
188
+ rgba(255, 255, 255, 0) 100%
189
+ );
190
+ }
191
+ }
192
+
193
+ @media mobile {
194
+ .interrogationLeft {
195
+ left: -25%;
196
+ top: 3%;
197
+ font-size: 400px;
198
+ }
199
+
200
+ .interrogationRight {
201
+ left: 55%;
202
+ top: 36%;
203
+ font-size: 400px;
204
+ }
205
+
206
+ .recYellow {
207
+ right: 50%;
208
+ top: -5.34%;
209
+ opacity: 0.5;
210
+ }
211
+
212
+ .recRed {
213
+ opacity: 0.5;
214
+ }
215
+
216
+ .recBlue {
217
+ left: 48.5%;
218
+ right: -35%;
219
+ bottom: -50.78%;
220
+ opacity: 0.5;
221
+ }
222
+
223
+ .recGreen {
224
+ top: -23.13%;
225
+ left: 30%;
226
+ opacity: 0.5;
227
+ }
228
+
229
+ .recGreenLight {
230
+ top: -3.13%;
231
+ left: 30%;
232
+ opacity: 0.5;
233
+ }
234
+ }
@@ -0,0 +1,6 @@
1
+ export default {
2
+ props: {
3
+ 'aria-label': 'Review Background Container'
4
+ }
5
+ };
6
+ //# sourceMappingURL=default.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/review-background/test/fixtures/default.js"],"names":["props"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AADT;AADM,CAAf","sourcesContent":["export default {\n props: {\n 'aria-label': 'Review Background Container'\n }\n};\n"],"file":"default.js"}
@@ -0,0 +1,13 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import AtomReviewBackground from '..';
5
+ import fixtureDefault from './fixtures/default';
6
+ test('Atom › AtomReviewBackground > should have valid propTypes', t => {
7
+ t.pass();
8
+ forEach(AtomReviewBackground.propTypes, (value, key) => {
9
+ t.not(value, undefined, `PropType for "Atom.AtomReviewBackground.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
10
+ });
11
+ });
12
+ test('Atom › AtomReviewBackground › Default › should be rendered', renderComponentMacro, AtomReviewBackground, fixtureDefault);
13
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/review-background/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomReviewBackground","fixtureDefault","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,oBAAP,MAAiC,IAAjC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAJ,IAAI,CAAC,2DAAD,EAA8DK,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,oBAAoB,CAACI,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,oBAArF,EAA2GC,cAA3G,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomReviewBackground from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Atom › AtomReviewBackground > should have valid propTypes', t => {\n t.pass();\n forEach(AtomReviewBackground.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomReviewBackground.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomReviewBackground › Default › should be rendered', renderComponentMacro, AtomReviewBackground, fixtureDefault);\n"],"file":"fixtures.js"}
@@ -0,0 +1,45 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _react = _interopRequireDefault(require("react"));
7
+
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
10
+ var _style = _interopRequireDefault(require("./style.css"));
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ const ReviewBackground = props => {
15
+ const {
16
+ 'aria-label': ariaLabel
17
+ } = props;
18
+ return /*#__PURE__*/_react.default.createElement("div", {
19
+ className: _style.default.mainContainer,
20
+ "aria-label": ariaLabel
21
+ }, /*#__PURE__*/_react.default.createElement("div", {
22
+ className: _style.default.container
23
+ }, /*#__PURE__*/_react.default.createElement("span", {
24
+ className: _style.default.interrogationLeft
25
+ }, "?"), /*#__PURE__*/_react.default.createElement("span", {
26
+ className: _style.default.interrogationRight
27
+ }, "?"), /*#__PURE__*/_react.default.createElement("div", {
28
+ className: _style.default.recYellow
29
+ }), /*#__PURE__*/_react.default.createElement("div", {
30
+ className: _style.default.recRed
31
+ }), /*#__PURE__*/_react.default.createElement("div", {
32
+ className: _style.default.recBlue
33
+ }), /*#__PURE__*/_react.default.createElement("div", {
34
+ className: _style.default.recGreen
35
+ }), /*#__PURE__*/_react.default.createElement("div", {
36
+ className: _style.default.recGreenLight
37
+ })));
38
+ };
39
+
40
+ ReviewBackground.propTypes = process.env.NODE_ENV !== "production" ? {
41
+ 'aria-label': _propTypes.default.string
42
+ } : {};
43
+ var _default = ReviewBackground;
44
+ exports.default = _default;
45
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/atom/review-background/index.js"],"names":["ReviewBackground","props","ariaLabel","style","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight","propTypes","PropTypes","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAGC,KAAK,IAAI;AAChC,QAAM;AAAC,kBAAcC;AAAf,MAA4BD,KAAlC;AACA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAMC,aAAtB;AAAqC,kBAAYF;AAAjD,kBACE;AAAK,IAAA,SAAS,EAAEC,eAAME;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEF,eAAMG;AAAvB,SADF,eAEE;AAAM,IAAA,SAAS,EAAEH,eAAMI;AAAvB,SAFF,eAGE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,IAHF,eAIE;AAAK,IAAA,SAAS,EAAEL,eAAMM;AAAtB,IAJF,eAKE;AAAK,IAAA,SAAS,EAAEN,eAAMO;AAAtB,IALF,eAME;AAAK,IAAA,SAAS,EAAEP,eAAMQ;AAAtB,IANF,eAOE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,IAPF,CADF,CADF;AAaD,CAfD;;AAiBAZ,gBAAgB,CAACa,SAAjB,2CAA6B;AAAC,gBAAcC,mBAAUC;AAAzB,CAA7B;eAEef,gB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst ReviewBackground = props => {\n const {'aria-label': ariaLabel} = props;\n return (\n <div className={style.mainContainer} aria-label={ariaLabel}>\n <div className={style.container}>\n <span className={style.interrogationLeft}>?</span>\n <span className={style.interrogationRight}>?</span>\n <div className={style.recYellow} />\n <div className={style.recRed} />\n <div className={style.recBlue} />\n <div className={style.recGreen} />\n <div className={style.recGreenLight} />\n </div>\n </div>\n );\n};\n\nReviewBackground.propTypes = {'aria-label': PropTypes.string};\n\nexport default ReviewBackground;\n"],"file":"index.js"}
@@ -0,0 +1,234 @@
1
+ @value breakpoints: "../../variables/breakpoints.css";
2
+ @value tablet from breakpoints;
3
+ @value mobile from breakpoints;
4
+
5
+ .interrogationBase {
6
+ position: absolute;
7
+ font-family: "Gilroy";
8
+ font-size: 700px;
9
+ font-weight: 700;
10
+ text-align: center;
11
+ color: black;
12
+ opacity: 0.02;
13
+ user-select: none;
14
+ z-index: 1;
15
+ }
16
+
17
+ .mainContainer {
18
+ position: relative;
19
+ width: 100vw;
20
+ height: 100vh;
21
+ background: #ffffff;
22
+ padding: 0;
23
+ margin: 0;
24
+ overflow: hidden;
25
+ }
26
+
27
+ .container {
28
+ position: absolute;
29
+ width: 100%;
30
+ height: 100%;
31
+ left: 0px;
32
+ top: 0px;
33
+ }
34
+
35
+ .interrogationLeft {
36
+ composes: interrogationBase;
37
+ left: -14%;
38
+ top: -15%;
39
+ transform: rotate(49.77deg);
40
+ }
41
+
42
+ .interrogationRight {
43
+ composes: interrogationBase;
44
+ left: 72%;
45
+ top: -10%;
46
+ transform: rotate(135deg);
47
+ }
48
+
49
+ .recYellow {
50
+ position: absolute;
51
+ left: -40.79%;
52
+ right: 60.63%;
53
+ top: 0.34%;
54
+ bottom: 24.77%;
55
+ background: radial-gradient(
56
+ circle closest-side at 57.97% 41.54%,
57
+ #ffc043 0%,
58
+ rgba(255, 255, 255, 0) 100%
59
+ );
60
+ opacity: 0.4;
61
+ filter: blur(80px);
62
+ }
63
+
64
+ .recRed {
65
+ position: absolute;
66
+ left: 3.72%;
67
+ right: 42.62%;
68
+ top: 23.04%;
69
+ bottom: -9.22%;
70
+ background: radial-gradient(
71
+ circle closest-side at 57.97% 41.54%,
72
+ #ff7043 0%,
73
+ rgba(255, 255, 255, 0) 100%
74
+ );
75
+ opacity: 0.2;
76
+ filter: blur(60px);
77
+ }
78
+
79
+ .recBlue {
80
+ position: absolute;
81
+ left: 42.5%;
82
+ right: 0.35%;
83
+ top: 40.78%;
84
+ bottom: -67.67%;
85
+ background: radial-gradient(
86
+ circle closest-side at 39.9% 50%,
87
+ rgba(0, 97, 255, 0.55) 0%,
88
+ rgba(255, 255, 255, 0) 100%
89
+ );
90
+ opacity: 0.5;
91
+ filter: blur(80px);
92
+ }
93
+
94
+ .recGreen {
95
+ position: absolute;
96
+ left: 64.14%;
97
+ right: -20.87%;
98
+ top: -27.96%;
99
+ bottom: 45.85%;
100
+ background: radial-gradient(
101
+ circle closest-side at 56.78% 61.36%,
102
+ #2199ab 0%,
103
+ rgba(255, 255, 255, 0) 100%
104
+ );
105
+ opacity: 0.5;
106
+ filter: blur(100px);
107
+ }
108
+
109
+ .recGreenLight {
110
+ position: absolute;
111
+ left: 50.13%;
112
+ right: -18.51%;
113
+ top: 13.13%;
114
+ bottom: 6.78%;
115
+ background: radial-gradient(
116
+ circle closest-side at 54.18% 40.45%,
117
+ #18bb98 0%,
118
+ rgba(255, 255, 255, 0) 100%
119
+ );
120
+ opacity: 0.5;
121
+ filter: blur(100px);
122
+ }
123
+
124
+ @media tablet {
125
+ .interrogationLeft {
126
+ left: -8%;
127
+ top: 6%;
128
+ font-size: 500px;
129
+ }
130
+
131
+ .interrogationRight {
132
+ left: 70%;
133
+ top: 6%;
134
+ font-size: 500px;
135
+ }
136
+
137
+ .recYellow {
138
+ left: -20.79%;
139
+ right: 55.63%;
140
+ top: 5.34%;
141
+ bottom: 34.77%;
142
+ background: radial-gradient(
143
+ circle closest-side at 57.97% 41.54%,
144
+ #ffc043 0%,
145
+ rgba(255, 255, 255, 0) 100%
146
+ );
147
+ }
148
+
149
+ .recRed {
150
+ left: 10.72%;
151
+ right: 42.62%;
152
+ top: 33.04%;
153
+ bottom: -9.22%;
154
+ background: radial-gradient(
155
+ circle closest-side at 57.97% 41.54%,
156
+ #ff7043 0%,
157
+ rgba(255, 255, 255, 0) 100%
158
+ );
159
+ filter: blur(50px);
160
+ opacity: 0.2;
161
+ }
162
+
163
+ .recBlue {
164
+ bottom: -80.78%;
165
+ background: radial-gradient(
166
+ circle closest-side at 39.9% 50%,
167
+ rgba(0, 97, 255, 0.55) 0%,
168
+ rgba(255, 255, 255, 0) 100%
169
+ );
170
+ }
171
+
172
+ .recGreen {
173
+ bottom: 43.13%;
174
+ background: radial-gradient(
175
+ circle closest-side at 56.78% 61.36%,
176
+ #2199ab 0%,
177
+ rgba(255, 255, 255, 0) 100%
178
+ );
179
+ opacity: 0.3;
180
+ }
181
+
182
+ .recGreenLight {
183
+ left: 40%;
184
+ top: 13.13%;
185
+ background: radial-gradient(
186
+ circle closest-side at 54.18% 40.45%,
187
+ #18bb98 0%,
188
+ rgba(255, 255, 255, 0) 100%
189
+ );
190
+ }
191
+ }
192
+
193
+ @media mobile {
194
+ .interrogationLeft {
195
+ left: -25%;
196
+ top: 3%;
197
+ font-size: 400px;
198
+ }
199
+
200
+ .interrogationRight {
201
+ left: 55%;
202
+ top: 36%;
203
+ font-size: 400px;
204
+ }
205
+
206
+ .recYellow {
207
+ right: 50%;
208
+ top: -5.34%;
209
+ opacity: 0.5;
210
+ }
211
+
212
+ .recRed {
213
+ opacity: 0.5;
214
+ }
215
+
216
+ .recBlue {
217
+ left: 48.5%;
218
+ right: -35%;
219
+ bottom: -50.78%;
220
+ opacity: 0.5;
221
+ }
222
+
223
+ .recGreen {
224
+ top: -23.13%;
225
+ left: 30%;
226
+ opacity: 0.5;
227
+ }
228
+
229
+ .recGreenLight {
230
+ top: -3.13%;
231
+ left: 30%;
232
+ opacity: 0.5;
233
+ }
234
+ }
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ var _default = {
6
+ props: {
7
+ 'aria-label': 'Review Background Container'
8
+ }
9
+ };
10
+ exports.default = _default;
11
+ //# sourceMappingURL=default.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/review-background/test/fixtures/default.js"],"names":["props"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AADT;AADM,C","sourcesContent":["export default {\n props: {\n 'aria-label': 'Review Background Container'\n }\n};\n"],"file":"default.js"}
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ var _ava = _interopRequireDefault(require("ava"));
4
+
5
+ var _forEach = _interopRequireDefault(require("lodash/forEach"));
6
+
7
+ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
8
+
9
+ var _ = _interopRequireDefault(require(".."));
10
+
11
+ var _default = _interopRequireDefault(require("./fixtures/default"));
12
+
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
+
15
+ (0, _ava.default)('Atom › AtomReviewBackground > should have valid propTypes', t => {
16
+ t.pass();
17
+ (0, _forEach.default)(_.default.propTypes, (value, key) => {
18
+ t.not(value, undefined, `PropType for "Atom.AtomReviewBackground.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
19
+ });
20
+ });
21
+ (0, _ava.default)('Atom › AtomReviewBackground › Default › should be rendered', _renderComponent.default, _.default, _default.default);
22
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/review-background/test/fixtures.js"],"names":["t","pass","AtomReviewBackground","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,2DAAL,EAAkEA,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAqBC,SAA7B,EAAwC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,4DAAL,EAAmEG,wBAAnE,EAAyFN,SAAzF,EAA+GO,gBAA/G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomReviewBackground from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Atom › AtomReviewBackground > should have valid propTypes', t => {\n t.pass();\n forEach(AtomReviewBackground.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomReviewBackground.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomReviewBackground › Default › should be rendered', renderComponentMacro, AtomReviewBackground, fixtureDefault);\n"],"file":"fixtures.js"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "10.15.0",
3
+ "version": "10.16.0",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -119,5 +119,5 @@
119
119
  "webpack-hot-middleware": "^2.25.0"
120
120
  },
121
121
  "author": "CoorpAcademy",
122
- "gitHead": "e5de9205c3ad9f23ff62112215e9fda6d78ca1af"
122
+ "gitHead": "074a7fd0590e0435b314bc41c3e7826269f0db88"
123
123
  }