@coorpacademy/components 11.5.3 → 11.6.0

package/es/atom/review-background/style.css

@@ -1,234 +0,0 @@
-@value breakpoints: "../../variables/breakpoints.css";
-@value tablet from breakpoints;
-@value mobile from breakpoints;
-
-.interrogationBase {
-  position: absolute;
-  font-family: "Gilroy";
-  font-size: 700px;
-  font-weight: 700;
-  text-align: center;
-  color: black;
-  opacity: 0.02;
-  user-select: none;
-  z-index: 1;
-}
-
-.mainContainer {
-  position: relative;
-  width: 100vw;
-  height: 100%;
-  background: #ffffff;
-  padding: 0;
-  margin: 0;
-  overflow: hidden;
-}
-
-.container {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  left: 0px;
-  top: 0px;
-}
-
-.interrogationLeft {
-  composes: interrogationBase;
-  left: -14%;
-  top: -15%;
-  transform: rotate(49.77deg);
-}
-
-.interrogationRight {
-  composes: interrogationBase;
-  left: 72%;
-  top: 12%;
-  transform: rotate(135deg);
-}
-
-.recYellow {
-  position: absolute;
-  left: -40.79%;
-  right: 60.63%;
-  top: 0.34%;
-  bottom: 24.77%;
-  background: radial-gradient(
-    circle closest-side at 57.97% 41.54%,
-    #ffc043 0%,
-    rgba(255, 255, 255, 0) 100%
-  );
-  opacity: 0.4;
-  filter: blur(80px);
-}
-
-.recRed {
-  position: absolute;
-  left: 3.72%;
-  right: 42.62%;
-  top: 23.04%;
-  bottom: -9.22%;
-  background: radial-gradient(
-    circle closest-side at 57.97% 41.54%,
-    #ff7043 0%,
-    rgba(255, 255, 255, 0) 100%
-  );
-  opacity: 0.2;
-  filter: blur(80px);
-}
-
-.recBlue {
-  position: absolute;
-  left: 42.5%;
-  right: 0.35%;
-  top: 40.78%;
-  bottom: -67.67%;
-  background: radial-gradient(
-    circle closest-side at 39.9% 50%,
-    rgba(0, 97, 255, 0.55) 0%,
-    rgba(255, 255, 255, 0) 100%
-  );
-  opacity: 0.5;
-  filter: blur(80px);
-}
-
-.recGreen {
-  position: absolute;
-  left: 64.14%;
-  right: -20.87%;
-  top: -27.96%;
-  bottom: 45.85%;
-  background: radial-gradient(
-    circle closest-side at 56.78% 61.36%,
-    #2199ab 0%,
-    rgba(255, 255, 255, 0) 100%
-  );
-  opacity: 0.5;
-  filter: blur(100px);
-}
-
-.recGreenLight {
-  position: absolute;
-  left: 50.13%;
-  right: -18.51%;
-  top: 13.13%;
-  bottom: 6.78%;
-  background: radial-gradient(
-    circle closest-side at 54.18% 40.45%,
-    #18bb98 0%,
-    rgba(255, 255, 255, 0) 100%
-  );
-  opacity: 0.5;
-  filter: blur(100px);
-}
-
-@media tablet {
-  .interrogationLeft {
-    left: -8%;
-    top: 6%;
-    font-size: 500px;
-  }
-
-  .interrogationRight {
-    left: 70%;
-    top: 6%;
-    font-size: 500px;
-  }
-
-  .recYellow {
-    left: -20.79%;
-    right: 55.63%;
-    top: 5.34%;
-    bottom: 34.77%;
-    background: radial-gradient(
-      circle closest-side at 57.97% 41.54%,
-      #ffc043 0%,
-      rgba(255, 255, 255, 0) 100%
-    );
-  }
-
-  .recRed {
-    left: 10.72%;
-    right: 42.62%;
-    top: 33.04%;
-    bottom: -9.22%;
-    background: radial-gradient(
-      circle closest-side at 57.97% 41.54%,
-      #ff7043 0%,
-      rgba(255, 255, 255, 0) 100%
-    );
-    filter: blur(50px);
-    opacity: 0.2;
-  }
-
-  .recBlue {
-    bottom: -80.78%;
-    background: radial-gradient(
-      circle closest-side at 39.9% 50%,
-      rgba(0, 97, 255, 0.55) 0%,
-      rgba(255, 255, 255, 0) 100%
-    );
-  }
-
-  .recGreen {
-    bottom: 43.13%;
-    background: radial-gradient(
-      circle closest-side at 56.78% 61.36%,
-      #2199ab 0%,
-      rgba(255, 255, 255, 0) 100%
-    );
-    opacity: 0.3;
-  }
-
-  .recGreenLight {
-    left: 40%;
-    top: 13.13%;
-    background: radial-gradient(
-      circle closest-side at 54.18% 40.45%,
-      #18bb98 0%,
-      rgba(255, 255, 255, 0) 100%
-    );
-  }
-}
-
-@media mobile {
-  .interrogationLeft {
-    left: -25%;
-    top: 3%;
-    font-size: 400px;
-  }
-
-  .interrogationRight {
-    left: 55%;
-    top: 36%;
-    font-size: 400px;
-  }
-
-  .recYellow {
-    right: 50%;
-    top: -5.34%;
-    opacity: 0.5;
-  }
-
-  .recRed {
-    opacity: 0.5;
-  }
-
-  .recBlue {
-    left: 48.5%;
-    right: -35%;
-    bottom: -50.78%;
-    opacity: 0.5;
-  }
-
-  .recGreen {
-    top: -23.13%;
-    left: 30%;
-    opacity: 0.5;
-  }
-
-  .recGreenLight {
-    top: -3.13%;
-    left: 30%;
-    opacity: 0.5;
-  }
-}

package/lib/atom/review-background/index.d.ts

@@ -1,7 +0,0 @@
-export default ReviewBackground;
-declare function ReviewBackground(props: any): JSX.Element;
-declare namespace ReviewBackground {
-    export { propTypes };
-}
-import propTypes from "./prop-types";
-//# sourceMappingURL=index.d.ts.map

package/lib/atom/review-background/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-background/index.js"],"names":[],"mappings":";AAIA,2DAmBC"}

package/lib/atom/review-background/index.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/atom/review-background/prop-types.d.ts

@@ -1,6 +0,0 @@
-declare const _default: {
-    'aria-label': PropTypes.Requireable<string>;
-};
-export default _default;
-import PropTypes from "prop-types";
-//# sourceMappingURL=prop-types.d.ts.map

package/lib/atom/review-background/prop-types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-background/prop-types.js"],"names":[],"mappings":""}

package/lib/atom/review-background/prop-types.js

@@ -1,14 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  'aria-label': _propTypes.default.string
-};
-exports.default = _default;
-//# sourceMappingURL=prop-types.js.map

package/lib/atom/review-background/prop-types.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib/atom/review-background/style.css

@@ -1,234 +0,0 @@
-@value breakpoints: "../../variables/breakpoints.css";
-@value tablet from breakpoints;
-@value mobile from breakpoints;
-
-.interrogationBase {
-  position: absolute;
-  font-family: "Gilroy";
-  font-size: 700px;
-  font-weight: 700;
-  text-align: center;
-  color: black;
-  opacity: 0.02;
-  user-select: none;
-  z-index: 1;
-}
-
-.mainContainer {
-  position: relative;
-  width: 100vw;
-  height: 100%;
-  background: #ffffff;
-  padding: 0;
-  margin: 0;
-  overflow: hidden;
-}
-
-.container {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  left: 0px;
-  top: 0px;
-}
-
-.interrogationLeft {
-  composes: interrogationBase;
-  left: -14%;
-  top: -15%;
-  transform: rotate(49.77deg);
-}
-
-.interrogationRight {
-  composes: interrogationBase;
-  left: 72%;
-  top: 12%;
-  transform: rotate(135deg);
-}
-
-.recYellow {
-  position: absolute;
-  left: -40.79%;
-  right: 60.63%;
-  top: 0.34%;
-  bottom: 24.77%;
-  background: radial-gradient(
-    circle closest-side at 57.97% 41.54%,
-    #ffc043 0%,
-    rgba(255, 255, 255, 0) 100%
-  );
-  opacity: 0.4;
-  filter: blur(80px);
-}
-
-.recRed {
-  position: absolute;
-  left: 3.72%;
-  right: 42.62%;
-  top: 23.04%;
-  bottom: -9.22%;
-  background: radial-gradient(
-    circle closest-side at 57.97% 41.54%,
-    #ff7043 0%,
-    rgba(255, 255, 255, 0) 100%
-  );
-  opacity: 0.2;
-  filter: blur(80px);
-}
-
-.recBlue {
-  position: absolute;
-  left: 42.5%;
-  right: 0.35%;
-  top: 40.78%;
-  bottom: -67.67%;
-  background: radial-gradient(
-    circle closest-side at 39.9% 50%,
-    rgba(0, 97, 255, 0.55) 0%,
-    rgba(255, 255, 255, 0) 100%
-  );
-  opacity: 0.5;
-  filter: blur(80px);
-}
-
-.recGreen {
-  position: absolute;
-  left: 64.14%;
-  right: -20.87%;
-  top: -27.96%;
-  bottom: 45.85%;
-  background: radial-gradient(
-    circle closest-side at 56.78% 61.36%,
-    #2199ab 0%,
-    rgba(255, 255, 255, 0) 100%
-  );
-  opacity: 0.5;
-  filter: blur(100px);
-}
-
-.recGreenLight {
-  position: absolute;
-  left: 50.13%;
-  right: -18.51%;
-  top: 13.13%;
-  bottom: 6.78%;
-  background: radial-gradient(
-    circle closest-side at 54.18% 40.45%,
-    #18bb98 0%,
-    rgba(255, 255, 255, 0) 100%
-  );
-  opacity: 0.5;
-  filter: blur(100px);
-}
-
-@media tablet {
-  .interrogationLeft {
-    left: -8%;
-    top: 6%;
-    font-size: 500px;
-  }
-
-  .interrogationRight {
-    left: 70%;
-    top: 6%;
-    font-size: 500px;
-  }
-
-  .recYellow {
-    left: -20.79%;
-    right: 55.63%;
-    top: 5.34%;
-    bottom: 34.77%;
-    background: radial-gradient(
-      circle closest-side at 57.97% 41.54%,
-      #ffc043 0%,
-      rgba(255, 255, 255, 0) 100%
-    );
-  }
-
-  .recRed {
-    left: 10.72%;
-    right: 42.62%;
-    top: 33.04%;
-    bottom: -9.22%;
-    background: radial-gradient(
-      circle closest-side at 57.97% 41.54%,
-      #ff7043 0%,
-      rgba(255, 255, 255, 0) 100%
-    );
-    filter: blur(50px);
-    opacity: 0.2;
-  }
-
-  .recBlue {
-    bottom: -80.78%;
-    background: radial-gradient(
-      circle closest-side at 39.9% 50%,
-      rgba(0, 97, 255, 0.55) 0%,
-      rgba(255, 255, 255, 0) 100%
-    );
-  }
-
-  .recGreen {
-    bottom: 43.13%;
-    background: radial-gradient(
-      circle closest-side at 56.78% 61.36%,
-      #2199ab 0%,
-      rgba(255, 255, 255, 0) 100%
-    );
-    opacity: 0.3;
-  }
-
-  .recGreenLight {
-    left: 40%;
-    top: 13.13%;
-    background: radial-gradient(
-      circle closest-side at 54.18% 40.45%,
-      #18bb98 0%,
-      rgba(255, 255, 255, 0) 100%
-    );
-  }
-}
-
-@media mobile {
-  .interrogationLeft {
-    left: -25%;
-    top: 3%;
-    font-size: 400px;
-  }
-
-  .interrogationRight {
-    left: 55%;
-    top: 36%;
-    font-size: 400px;
-  }
-
-  .recYellow {
-    right: 50%;
-    top: -5.34%;
-    opacity: 0.5;
-  }
-
-  .recRed {
-    opacity: 0.5;
-  }
-
-  .recBlue {
-    left: 48.5%;
-    right: -35%;
-    bottom: -50.78%;
-    opacity: 0.5;
-  }
-
-  .recGreen {
-    top: -23.13%;
-    left: 30%;
-    opacity: 0.5;
-  }
-
-  .recGreenLight {
-    top: -3.13%;
-    left: 30%;
-    opacity: 0.5;
-  }
-}