@coorpacademy/components 11.5.3 → 11.6.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.
Files changed (67) hide show
  1. package/es/atom/review-presentation/index.native.js +1 -1
  2. package/es/atom/review-presentation/index.native.js.map +1 -1
  3. package/es/organism/review-header/index.native.d.ts.map +1 -1
  4. package/es/organism/review-header/index.native.js +8 -7
  5. package/es/organism/review-header/index.native.js.map +1 -1
  6. package/es/template/app-review/index.d.ts +0 -1
  7. package/es/template/app-review/index.d.ts.map +1 -1
  8. package/es/template/app-review/player/background-review.css +235 -0
  9. package/es/template/app-review/player/background-review.d.ts +3 -0
  10. package/es/template/app-review/player/background-review.d.ts.map +1 -0
  11. package/es/{atom/review-background/index.js → template/app-review/player/background-review.js} +3 -9
  12. package/es/template/app-review/player/background-review.js.map +1 -0
  13. package/es/template/app-review/player/index.d.ts +1 -2
  14. package/es/template/app-review/player/index.d.ts.map +1 -1
  15. package/es/template/app-review/player/index.js +2 -5
  16. package/es/template/app-review/player/index.js.map +1 -1
  17. package/es/template/app-review/player/index.native.d.ts.map +1 -1
  18. package/es/template/app-review/player/index.native.js +18 -3
  19. package/es/template/app-review/player/index.native.js.map +1 -1
  20. package/es/template/app-review/player/prop-types.d.ts +2 -2
  21. package/es/template/app-review/player/prop-types.d.ts.map +1 -1
  22. package/es/template/app-review/player/prop-types.js +0 -2
  23. package/es/template/app-review/player/prop-types.js.map +1 -1
  24. package/es/template/app-review/prop-types.d.ts +0 -1
  25. package/es/template/app-review/prop-types.d.ts.map +1 -1
  26. package/lib/atom/review-presentation/index.native.js +1 -1
  27. package/lib/atom/review-presentation/index.native.js.map +1 -1
  28. package/lib/organism/review-header/index.native.d.ts.map +1 -1
  29. package/lib/organism/review-header/index.native.js +8 -7
  30. package/lib/organism/review-header/index.native.js.map +1 -1
  31. package/lib/template/app-review/index.d.ts +0 -1
  32. package/lib/template/app-review/index.d.ts.map +1 -1
  33. package/lib/template/app-review/player/background-review.css +235 -0
  34. package/lib/template/app-review/player/background-review.d.ts +3 -0
  35. package/lib/template/app-review/player/background-review.d.ts.map +1 -0
  36. package/lib/{atom/review-background/index.js → template/app-review/player/background-review.js} +12 -19
  37. package/lib/template/app-review/player/background-review.js.map +1 -0
  38. package/lib/template/app-review/player/index.d.ts +1 -2
  39. package/lib/template/app-review/player/index.d.ts.map +1 -1
  40. package/lib/template/app-review/player/index.js +3 -6
  41. package/lib/template/app-review/player/index.js.map +1 -1
  42. package/lib/template/app-review/player/index.native.d.ts.map +1 -1
  43. package/lib/template/app-review/player/index.native.js +17 -2
  44. package/lib/template/app-review/player/index.native.js.map +1 -1
  45. package/lib/template/app-review/player/prop-types.d.ts +2 -2
  46. package/lib/template/app-review/player/prop-types.d.ts.map +1 -1
  47. package/lib/template/app-review/player/prop-types.js +2 -5
  48. package/lib/template/app-review/player/prop-types.js.map +1 -1
  49. package/lib/template/app-review/prop-types.d.ts +0 -1
  50. package/lib/template/app-review/prop-types.d.ts.map +1 -1
  51. package/package.json +2 -2
  52. package/es/atom/review-background/index.d.ts +0 -7
  53. package/es/atom/review-background/index.d.ts.map +0 -1
  54. package/es/atom/review-background/index.js.map +0 -1
  55. package/es/atom/review-background/prop-types.d.ts +0 -6
  56. package/es/atom/review-background/prop-types.d.ts.map +0 -1
  57. package/es/atom/review-background/prop-types.js +0 -5
  58. package/es/atom/review-background/prop-types.js.map +0 -1
  59. package/es/atom/review-background/style.css +0 -234
  60. package/lib/atom/review-background/index.d.ts +0 -7
  61. package/lib/atom/review-background/index.d.ts.map +0 -1
  62. package/lib/atom/review-background/index.js.map +0 -1
  63. package/lib/atom/review-background/prop-types.d.ts +0 -6
  64. package/lib/atom/review-background/prop-types.d.ts.map +0 -1
  65. package/lib/atom/review-background/prop-types.js +0 -14
  66. package/lib/atom/review-background/prop-types.js.map +0 -1
  67. package/lib/atom/review-background/style.css +0 -234
@@ -7,13 +7,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
7
7
 
8
8
  var _propTypes2 = _interopRequireDefault(require("../../../organism/review-congrats/prop-types"));
9
9
 
10
- var _propTypes3 = _interopRequireDefault(require("../../../atom/review-background/prop-types"));
11
-
12
10
  var _types = _interopRequireDefault(require("../../../organism/review-header/types"));
13
11
 
14
12
  var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
15
13
 
16
- var _propTypes4 = _interopRequireDefault(require("../../../organism/review-stacked-slides/prop-types"));
14
+ var _propTypes3 = _interopRequireDefault(require("../../../organism/review-stacked-slides/prop-types"));
17
15
 
18
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
17
 
@@ -21,8 +19,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
21
19
 
22
20
  const propTypes = {
23
21
  header: _propTypes.default.shape(_types.default),
24
- stack: _propTypes.default.shape(_propTypes4.default),
25
- reviewBackgroundAriaLabel: _propTypes3.default['aria-label'],
22
+ stack: _propTypes.default.shape(_propTypes3.default),
26
23
  congrats: _propTypes.default.shape(_propTypes2.default),
27
24
  quitPopin: _propTypes.default.shape(_extends({}, _cmPopin.default.propTypes))
28
25
  };
@@ -1 +1 @@
1
- {"version":3,"file":"prop-types.js","names":["propTypes","header","PropTypes","shape","ReviewHeaderPropTypes","stack","StackedSlidesPropTypes","reviewBackgroundAriaLabel","ReviewBackgroundPropTypes","congrats","ReviewCongratsPropTypes","quitPopin","CmPopin"],"sources":["../../../../src/template/app-review/player/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport {CMPopinProps} from '../../../molecule/cm-popin/types';\nimport ReviewCongratsPropTypes, {\n ReviewCongratsProps\n} from '../../../organism/review-congrats/prop-types';\n\nimport ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';\nimport ReviewHeaderPropTypes, {HeaderProps} from '../../../organism/review-header/types';\nimport CmPopin from '../../../molecule/cm-popin';\nimport StackedSlidesPropTypes, {\n ReviewStackProps\n} from '../../../organism/review-stacked-slides/prop-types';\n\nconst propTypes = {\n header: PropTypes.shape(ReviewHeaderPropTypes),\n stack: PropTypes.shape(StackedSlidesPropTypes),\n reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],\n congrats: PropTypes.shape(ReviewCongratsPropTypes),\n quitPopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nexport default propTypes;\n\nexport type ReviewPlayerProps = {\n header: HeaderProps;\n stack: ReviewStackProps;\n reviewBackgroundAriaLabel?: string;\n congrats?: ReviewCongratsProps;\n quitPopin?: CMPopinProps;\n};\n"],"mappings":";;;;;AAAA;;AAGA;;AAIA;;AACA;;AACA;;AACA;;;;;;AAIA,MAAMA,SAAS,GAAG;EAChBC,MAAM,EAAEC,kBAAA,CAAUC,KAAV,CAAgBC,cAAhB,CADQ;EAEhBC,KAAK,EAAEH,kBAAA,CAAUC,KAAV,CAAgBG,mBAAhB,CAFS;EAGhBC,yBAAyB,EAAEC,mBAAA,CAA0B,YAA1B,CAHX;EAIhBC,QAAQ,EAAEP,kBAAA,CAAUC,KAAV,CAAgBO,mBAAhB,CAJM;EAKhBC,SAAS,EAAET,kBAAA,CAAUC,KAAV,cAAoBS,gBAAA,CAAQZ,SAA5B;AALK,CAAlB;eAQeA,S"}
1
+ {"version":3,"file":"prop-types.js","names":["propTypes","header","PropTypes","shape","ReviewHeaderPropTypes","stack","StackedSlidesPropTypes","congrats","ReviewCongratsPropTypes","quitPopin","CmPopin"],"sources":["../../../../src/template/app-review/player/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport type {ImageSourcePropType} from 'react-native';\nimport {CMPopinProps} from '../../../molecule/cm-popin/types';\nimport ReviewCongratsPropTypes, {\n ReviewCongratsProps\n} from '../../../organism/review-congrats/prop-types';\n\nimport ReviewHeaderPropTypes, {HeaderProps} from '../../../organism/review-header/types';\nimport CmPopin from '../../../molecule/cm-popin';\nimport StackedSlidesPropTypes, {\n ReviewStackProps\n} from '../../../organism/review-stacked-slides/prop-types';\n\nconst propTypes = {\n header: PropTypes.shape(ReviewHeaderPropTypes),\n stack: PropTypes.shape(StackedSlidesPropTypes),\n congrats: PropTypes.shape(ReviewCongratsPropTypes),\n quitPopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nexport default propTypes;\n\nexport type ReviewPlayerProps = {\n header: HeaderProps;\n stack: ReviewStackProps;\n backgroundImage?: ImageSourcePropType;\n congrats?: ReviewCongratsProps;\n quitPopin?: CMPopinProps;\n};\n"],"mappings":";;;;;AAAA;;AAGA;;AAIA;;AACA;;AACA;;;;;;AAIA,MAAMA,SAAS,GAAG;EAChBC,MAAM,EAAEC,kBAAA,CAAUC,KAAV,CAAgBC,cAAhB,CADQ;EAEhBC,KAAK,EAAEH,kBAAA,CAAUC,KAAV,CAAgBG,mBAAhB,CAFS;EAGhBC,QAAQ,EAAEL,kBAAA,CAAUC,KAAV,CAAgBK,mBAAhB,CAHM;EAIhBC,SAAS,EAAEP,kBAAA,CAAUC,KAAV,cAAoBO,gBAAA,CAAQV,SAA5B;AAJK,CAAlB;eAOeA,S"}
@@ -428,7 +428,6 @@ declare const propTypes: {
428
428
  }>>>;
429
429
  endReview: PropTypes.Requireable<boolean>;
430
430
  }>>;
431
- reviewBackgroundAriaLabel: PropTypes.Requireable<string>;
432
431
  congrats: PropTypes.Requireable<PropTypes.InferProps<{
433
432
  'aria-label': PropTypes.Requireable<string>;
434
433
  'data-name': PropTypes.Requireable<string>;
@@ -1 +1 @@
1
- {"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "11.5.3",
3
+ "version": "11.6.1",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -160,5 +160,5 @@
160
160
  "last 2 versions",
161
161
  "IE 11"
162
162
  ],
163
- "gitHead": "478c010d5560460f45d060463c4525620e3a9cf1"
163
+ "gitHead": "a9ea50935fc21d19550e009dce59690bfd1dcd9a"
164
164
  }
@@ -1,7 +0,0 @@
1
- export default ReviewBackground;
2
- declare function ReviewBackground(props: any): JSX.Element;
3
- declare namespace ReviewBackground {
4
- export { propTypes };
5
- }
6
- import propTypes from "./prop-types";
7
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-background/index.js"],"names":[],"mappings":";AAIA,2DAmBC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["React","style","propTypes","ReviewBackground","props","ariaLabel","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight"],"sources":["../../../src/atom/review-background/index.js"],"sourcesContent":["import React from 'react';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewBackground = props => {\n const {'aria-label': ariaLabel} = props;\n return (\n <div className={style.mainContainer} aria-label={ariaLabel} tabIndex={-1}>\n <div className={style.container} tabIndex={-1}>\n <span className={style.interrogationLeft} tabIndex={-1}>\n ?\n </span>\n <span className={style.interrogationRight} tabIndex={-1}>\n ?\n </span>\n <div className={style.recYellow} tabIndex={-1} />\n <div className={style.recRed} tabIndex={-1} />\n <div className={style.recBlue} tabIndex={-1} />\n <div className={style.recGreen} tabIndex={-1} />\n <div className={style.recGreenLight} tabIndex={-1} />\n </div>\n </div>\n );\n};\n\nReviewBackground.propTypes = propTypes;\n\nexport default ReviewBackground;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,gBAAgB,GAAGC,KAAK,IAAI;EAChC,MAAM;IAAC,cAAcC;EAAf,IAA4BD,KAAlC;EACA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACK,aAAtB;IAAqC,cAAYD,SAAjD;IAA4D,QAAQ,EAAE,CAAC;EAAvE,gBACE;IAAK,SAAS,EAAEJ,KAAK,CAACM,SAAtB;IAAiC,QAAQ,EAAE,CAAC;EAA5C,gBACE;IAAM,SAAS,EAAEN,KAAK,CAACO,iBAAvB;IAA0C,QAAQ,EAAE,CAAC;EAArD,OADF,eAIE;IAAM,SAAS,EAAEP,KAAK,CAACQ,kBAAvB;IAA2C,QAAQ,EAAE,CAAC;EAAtD,OAJF,eAOE;IAAK,SAAS,EAAER,KAAK,CAACS,SAAtB;IAAiC,QAAQ,EAAE,CAAC;EAA5C,EAPF,eAQE;IAAK,SAAS,EAAET,KAAK,CAACU,MAAtB;IAA8B,QAAQ,EAAE,CAAC;EAAzC,EARF,eASE;IAAK,SAAS,EAAEV,KAAK,CAACW,OAAtB;IAA+B,QAAQ,EAAE,CAAC;EAA1C,EATF,eAUE;IAAK,SAAS,EAAEX,KAAK,CAACY,QAAtB;IAAgC,QAAQ,EAAE,CAAC;EAA3C,EAVF,eAWE;IAAK,SAAS,EAAEZ,KAAK,CAACa,aAAtB;IAAqC,QAAQ,EAAE,CAAC;EAAhD,EAXF,CADF,CADF;AAiBD,CAnBD;;AAqBAX,gBAAgB,CAACD,SAAjB,2CAA6BA,SAA7B;AAEA,eAAeC,gBAAf"}
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- 'aria-label': PropTypes.Requireable<string>;
3
- };
4
- export default _default;
5
- import PropTypes from "prop-types";
6
- //# sourceMappingURL=prop-types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-background/prop-types.js"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- import PropTypes from 'prop-types';
2
- export default {
3
- 'aria-label': PropTypes.string
4
- };
5
- //# sourceMappingURL=prop-types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"prop-types.js","names":["PropTypes","string"],"sources":["../../../src/atom/review-background/prop-types.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {'aria-label': PropTypes.string};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,eAAe;EAAC,cAAcA,SAAS,CAACC;AAAzB,CAAf"}
@@ -1,234 +0,0 @@
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: 100%;
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: 12%;
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(80px);
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
- }
@@ -1,7 +0,0 @@
1
- export default ReviewBackground;
2
- declare function ReviewBackground(props: any): JSX.Element;
3
- declare namespace ReviewBackground {
4
- export { propTypes };
5
- }
6
- import propTypes from "./prop-types";
7
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-background/index.js"],"names":[],"mappings":";AAIA,2DAmBC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["ReviewBackground","props","ariaLabel","style","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight","propTypes"],"sources":["../../../src/atom/review-background/index.js"],"sourcesContent":["import React from 'react';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewBackground = props => {\n const {'aria-label': ariaLabel} = props;\n return (\n <div className={style.mainContainer} aria-label={ariaLabel} tabIndex={-1}>\n <div className={style.container} tabIndex={-1}>\n <span className={style.interrogationLeft} tabIndex={-1}>\n ?\n </span>\n <span className={style.interrogationRight} tabIndex={-1}>\n ?\n </span>\n <div className={style.recYellow} tabIndex={-1} />\n <div className={style.recRed} tabIndex={-1} />\n <div className={style.recBlue} tabIndex={-1} />\n <div className={style.recGreen} tabIndex={-1} />\n <div className={style.recGreenLight} tabIndex={-1} />\n </div>\n </div>\n );\n};\n\nReviewBackground.propTypes = propTypes;\n\nexport default ReviewBackground;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAGC,KAAK,IAAI;EAChC,MAAM;IAAC,cAAcC;EAAf,IAA4BD,KAAlC;EACA,oBACE;IAAK,SAAS,EAAEE,cAAA,CAAMC,aAAtB;IAAqC,cAAYF,SAAjD;IAA4D,QAAQ,EAAE,CAAC;EAAvE,gBACE;IAAK,SAAS,EAAEC,cAAA,CAAME,SAAtB;IAAiC,QAAQ,EAAE,CAAC;EAA5C,gBACE;IAAM,SAAS,EAAEF,cAAA,CAAMG,iBAAvB;IAA0C,QAAQ,EAAE,CAAC;EAArD,OADF,eAIE;IAAM,SAAS,EAAEH,cAAA,CAAMI,kBAAvB;IAA2C,QAAQ,EAAE,CAAC;EAAtD,OAJF,eAOE;IAAK,SAAS,EAAEJ,cAAA,CAAMK,SAAtB;IAAiC,QAAQ,EAAE,CAAC;EAA5C,EAPF,eAQE;IAAK,SAAS,EAAEL,cAAA,CAAMM,MAAtB;IAA8B,QAAQ,EAAE,CAAC;EAAzC,EARF,eASE;IAAK,SAAS,EAAEN,cAAA,CAAMO,OAAtB;IAA+B,QAAQ,EAAE,CAAC;EAA1C,EATF,eAUE;IAAK,SAAS,EAAEP,cAAA,CAAMQ,QAAtB;IAAgC,QAAQ,EAAE,CAAC;EAA3C,EAVF,eAWE;IAAK,SAAS,EAAER,cAAA,CAAMS,aAAtB;IAAqC,QAAQ,EAAE,CAAC;EAAhD,EAXF,CADF,CADF;AAiBD,CAnBD;;AAqBAZ,gBAAgB,CAACa,SAAjB,2CAA6BA,kBAA7B;eAEeb,gB"}
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- 'aria-label': PropTypes.Requireable<string>;
3
- };
4
- export default _default;
5
- import PropTypes from "prop-types";
6
- //# sourceMappingURL=prop-types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-background/prop-types.js"],"names":[],"mappings":""}
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _propTypes = _interopRequireDefault(require("prop-types"));
7
-
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
-
10
- var _default = {
11
- 'aria-label': _propTypes.default.string
12
- };
13
- exports.default = _default;
14
- //# sourceMappingURL=prop-types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"prop-types.js","names":["PropTypes","string"],"sources":["../../../src/atom/review-background/prop-types.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {'aria-label': PropTypes.string};\n"],"mappings":";;;;;AAAA;;;;eAEe;EAAC,cAAcA,kBAAA,CAAUC;AAAzB,C"}
@@ -1,234 +0,0 @@
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: 100%;
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: 12%;
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(80px);
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
- }