pixel-react 1.0.2 → 1.0.4

package/lib/index.esm.css

@@ -1,404 +0,0 @@
-.button {
-  background-color: #71347b;
-}
-.ff-icon-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.ff-icon-click {
-  cursor: pointer;
-  padding: 5px;
-  box-sizing: content-box;
-}
-.ff-icon-click:hover {
-  border-radius: 50%;
-  background-color: #ffffff;
-  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2509803922);
-}
-.ff-icon-click:hover > svg {
-  color: #71347b;
-}
-
-.ff-icon-disabled {
-  cursor: no-drop;
-}
-.ff-icon-disabled > svg {
-  color: #cfd1e2;
-}
-.ff-icon-disabled:hover {
-  box-shadow: none;
-}
-.ff-icon-disabled:hover > svg {
-  color: #cfd1e2;
-}
-@font-face {
-  font-family: "Montserrat-Medium", sans-serif;
-  src: local("Montserrat-Medium"), url(../../fonts/Montserrat/Montserrat-Medium.ttf) format("truetype");
-}
-@font-face {
-  font-family: "Montserrat-SemiBold", sans-serif;
-  src: local("Montserrat-SemiBold"), url(../../fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype");
-}
-@font-face {
-  font-family: "Poppins-Regular";
-  src: local("Poppins-Regular"), url(../../fonts/Poppins/Poppins-Regular.ttf) format("truetype");
-}
-@font-face {
-  font-family: "Poppins-Medium";
-  src: local("Poppins-Medium"), url(../../fonts/Poppins/Poppins-Medium.ttf) format("truetype");
-}
-@font-face {
-  font-family: "Poppins-SemiBold";
-  src: local("Poppins-SemiBold"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
-}
-@font-face {
-  font-family: "Poppins-Bold";
-  src: local("Poppins-Bold"), url(../../fonts/Poppins/Poppins-Bold.ttf) format("truetype");
-}
-.fontPoppinsRegularXLg {
-  font-family: Poppins-Regular !important;
-  font-size: 18px !important;
-}
-
-.fontPoppinsRegularLg {
-  font-family: Poppins-Regular !important;
-  font-size: 16px !important;
-}
-
-.fontPoppinsRegularMd {
-  font-family: Poppins-Regular !important;
-  font-size: 14px !important;
-}
-
-.fontPoppinsRegularSm {
-  font-family: Poppins-Regular !important;
-  font-size: 12px !important;
-}
-
-.fontPoppinsRegularXs {
-  font-family: Poppins-Regular !important;
-  font-size: 10px !important;
-}
-
-.fontPoppinsRegularXs8px {
-  font-family: Poppins-Regular !important;
-  font-size: 8px !important;
-}
-
-.fontPoppinsRegularXs9px {
-  font-family: Poppins-Regular !important;
-  font-size: 9px !important;
-}
-
-.fontPoppinsMediumPageSubHeader {
-  font-family: Poppins-Medium !important;
-  font-size: 26px !important;
-}
-
-.fontPoppinsMediumXX2 {
-  font-family: Poppins-Medium !important;
-  font-size: 22px !important;
-}
-
-.fontPoppinsMediumXXlg {
-  font-family: Poppins-Medium !important;
-  font-size: 20px !important;
-}
-
-.fontPoppinsMediumXXlg {
-  font-family: Poppins-Medium !important;
-  font-size: 20px !important;
-}
-
-.fontPoppinsMediumLg {
-  font-family: Poppins-Medium !important;
-  font-size: 16px !important;
-}
-
-.fontPoppinsMediumMd {
-  font-family: Poppins-Medium !important;
-  font-size: 14px !important;
-}
-
-.fontPoppinsMediumSm {
-  font-family: Poppins-Medium !important;
-  font-size: 12px !important;
-}
-
-.fontPoppinsMediumSm11 {
-  font-family: Poppins-Medium !important;
-  font-size: 11px !important;
-}
-
-.fontPoppinsMediumXs {
-  font-family: Poppins-Medium !important;
-  font-size: 10px !important;
-}
-
-.fontPoppinsMediumXs8px {
-  font-family: Poppins-Medium !important;
-  font-size: 8px !important;
-}
-
-.fontPoppinsMediumXs8px {
-  font-family: Poppins-Medium !important;
-  font-size: 8px !important;
-}
-
-.fontPoppinsSemibold-size-50 {
-  font-family: Poppins-SemiBold !important;
-  font-size: 50px !important;
-}
-
-.fontPoppinsSemibold-size-42 {
-  font-family: Poppins-SemiBold !important;
-  font-size: 42px !important;
-}
-
-.fontPoppinsSemiboldPageHeader {
-  font-family: Poppins-SemiBold !important;
-  font-size: 36px !important;
-}
-
-.fontPoppinsSemiboldAlertHeader {
-  font-family: Poppins-SemiBold !important;
-  font-size: 32px !important;
-}
-
-.fontPoppinsSemibold-size-28 {
-  font-family: Poppins-SemiBold !important;
-  font-size: 28px !important;
-}
-
-.fontPoppinsSemibold-size-26 {
-  font-family: Poppins-SemiBold !important;
-  font-size: 26px !important;
-}
-
-.fontPoppinsSemiboldPageSubHeader {
-  font-family: Poppins-SemiBold !important;
-  font-size: 24px !important;
-}
-
-.fontPoppinsSemiboldXX2 {
-  font-family: Poppins-SemiBold !important;
-  font-size: 22px !important;
-}
-
-.fontPoppinsSemiboldXXlg {
-  font-family: Poppins-SemiBold !important;
-  font-size: 20px !important;
-}
-
-.fontPoppinsSemiboldXlg {
-  font-family: Poppins-SemiBold !important;
-  font-size: 18px !important;
-}
-
-.fontPoppinsSemiboldLg {
-  font-family: Poppins-SemiBold !important;
-  font-size: 16px !important;
-}
-
-.fontPoppinsSemiboldMd {
-  font-family: Poppins-SemiBold !important;
-  font-size: 14px !important;
-}
-
-.fontPoppinsSemiboldSm {
-  font-family: Poppins-SemiBold !important;
-  font-size: 12px !important;
-}
-
-.fontPoppinsSemiboldSm11 {
-  font-family: Poppins-SemiBold !important;
-  font-size: 11px !important;
-}
-
-.fontPoppinsSemiboldXs {
-  font-family: Poppins-SemiBold !important;
-  font-size: 10px !important;
-}
-
-.fontPoppinsSemiboldXs9px {
-  font-family: Poppins-SemiBold !important;
-  font-size: 9px !important;
-}
-
-.fontPoppinsSemiboldXs8px {
-  font-family: Poppins-Medium !important;
-  font-size: 8px !important;
-}
-
-.fontPoppinsSemiboldXXs {
-  font-family: Poppins-SemiBold !important;
-  font-size: 8px !important;
-}
-
-.fontMontserratMediumXs {
-  font-family: Montserrat-Medium, sans-serif !important;
-  font-size: 10px !important;
-}
-
-.fontMontserratMediumSm {
-  font-family: Montserrat-Medium, sans-serif !important;
-  font-size: 12px !important;
-}
-
-.fontMontserratMediumMd {
-  font-family: Montserrat-Medium, sans-serif !important;
-  font-size: 14px !important;
-}
-
-.fontMontserratSemiboldXs {
-  font-family: Montserrat-SemiBold, sans-serif !important;
-  font-size: 10px !important;
-}
-
-.fontMontserratSemiboldSm {
-  font-family: Montserrat-SemiBold, sans-serif !important;
-  font-size: 12px !important;
-}
-
-.fontMontserratSemiboldMd {
-  font-family: Montserrat-SemiBold, sans-serif !important;
-  font-size: 14px !important;
-}
-
-.fontMontserratSemiboldLg {
-  font-family: Montserrat-SemiBold, sans-serif !important;
-  font-size: 16px !important;
-}
-
-.ff--switch-container {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-.ff--switch-container:disabled {
-  opacity: 0.7;
-  cursor: no-drop;
-}
-.ff--switch-container .ff--switch-checkbox {
-  height: 0;
-  width: 0;
-  display: none;
-}
-.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button {
-  left: calc(100% - 19px);
-  right: -1px;
-  border: 1px solid #71347b;
-  background: #ffffff;
-  transition: all 0.3s;
-  box-shadow: 0px 0px 2px 0px #141a60;
-}
-.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button .ff-check-symbol {
-  height: 6px;
-  width: 3px;
-  border-bottom: 2px solid #71347b;
-  border-right: 2px solid #71347b;
-  transform: rotate(45deg);
-  border-bottom-right-radius: 2px;
-  animation: checkmark 0.2s forwards;
-  transition: all 0.1s;
-}
-.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label--primary {
-  background: #71347b;
-  transition: all 0.3s;
-}
-.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label:disabled {
-  cursor: default;
-  color: rgba(113, 52, 123, 0.5019607843);
-  background: rgba(113, 52, 123, 0.5019607843);
-}
-.ff--switch-container .ff--switch-checkbox:disabled {
-  cursor: no-drop;
-}
-.ff--switch-container .ff--switch-label {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer;
-  border-radius: 8px;
-  position: relative;
-  background: #cfd1e2;
-  transition: all 0.3s;
-}
-.ff--switch-container .ff--switch-label--disabled {
-  opacity: 0.5;
-  cursor: no-drop;
-}
-.ff--switch-container .ff--switch-label .ff--switch-button {
-  position: absolute;
-  left: 0;
-  width: 20px;
-  height: 20px;
-  border: 1px solid #cfd1e2;
-  display: flex;
-  background: #ffffff;
-  border-radius: 50%;
-  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
-  transition: all 0.3s;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-}
-.ff--switch-container .ff--switch-label .ff--switch-button .ff-wrong-symbol {
-  width: 8px;
-  height: 8px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.ff--switch-container .ff--switch-label .ff--switch-button .ff-wrong-symbol .ff-cross-line {
-  position: absolute;
-  width: 100%;
-  height: 2px;
-  background-color: #aeb0c0;
-  transition: all 0.3s;
-  animation: crossmark 0.2s forwards;
-}
-.ff--switch-container .ff--switch-label .ff--switch-button .ff-wrong-symbol .ff-cross-line:first-child {
-  transform: rotate(45deg);
-}
-.ff--switch-container .ff--switch-label .ff--switch-button .ff-wrong-symbol .ff-cross-line:last-child {
-  transform: rotate(-45deg);
-}
-.ff--switch-container .default {
-  width: 32px;
-  height: 14px;
-}
-@keyframes checkmark {
-  0% {
-    height: 0;
-    width: 0;
-    opacity: 0;
-  }
-  50% {
-    height: 3px;
-    width: 3px;
-    opacity: 1;
-  }
-  100% {
-    height: 6px;
-    width: 3px;
-    opacity: 1;
-  }
-}
-@keyframes crossmark {
-  0% {
-    width: 0;
-    opacity: 0;
-  }
-  50% {
-    width: 50%;
-    opacity: 1;
-  }
-  100% {
-    width: 100%;
-    opacity: 1;
-  }
-}