react-gldn-kit 0.1.122 → 0.1.124

package/dist/main.css

@@ -2565,8 +2565,20 @@
 .KIT__SignUpTypeTwo-module__brownGold___FWfrb {
   --background: rgba(55, 0, 14, 1);
   border: 4px solid;
-  -o-border-image: linear-gradient(180deg, #FFF9BB 0%, #EEBE00 45.67%, #CE8600 100%) 1;
-     border-image: linear-gradient(180deg, #FFF9BB 0%, #EEBE00 45.67%, #CE8600 100%) 1;
+  -o-border-image: linear-gradient(
+      180deg,
+      #fff9bb 0%,
+      #eebe00 45.67%,
+      #ce8600 100%
+    )
+    1;
+     border-image: linear-gradient(
+      180deg,
+      #fff9bb 0%,
+      #eebe00 45.67%,
+      #ce8600 100%
+    )
+    1;
   --phone-wrapper-background: rgba(39, 3, 12, 1);
   --currency-box-background: rgba(39, 3, 12, 1);
   --currency-box-border-color: rgba(255, 193, 3, 0.5);
@@ -2575,7 +2587,13 @@
   --phone-box-border-color: rgba(255, 255, 255, 0.3);
   --thumb-background: rgba(255, 193, 3, 1);
   --track-background: var(--base-1000);
-  --submit-button-background: linear-gradient(180deg, #FAE2AA 0%, #F3B806 33.94%, #E19405 59.23%, #F8D987 100%);
+  --submit-button-background: linear-gradient(
+    180deg,
+    #fae2aa 0%,
+    #f3b806 33.94%,
+    #e19405 59.23%,
+    #f8d987 100%
+  );
   --currency-box-shadow: 1px 1px 8.6px 3px rgba(253, 249, 255, 0.5);
 }
 
@@ -2589,7 +2607,7 @@
 .KIT__SignUpTypeTwo-module__transparentYellow___pX9lk {
   --background: transparent;
   --input-filled-border-color: rgba(245, 187, 37, 0.5);
-  --submit-button-background: linear-gradient(90deg, #F8D53C 0%, #D6881C 100%);  ;
+  --submit-button-background: linear-gradient(90deg, #f8d53c 0%, #d6881c 100%);
   --submit-button-color: var(--base-1000);
   --phone-wrapper-background: rgba(3, 18, 8, 1);
   --currency-box-background: rgba(3, 18, 8, 1);
@@ -2597,6 +2615,35 @@
   --thumb-background: rgba(245, 187, 37, 1);
 }
 
+.KIT__SignUpTypeTwo-module__deepOcean___U0A1J {
+  --background: linear-gradient(180deg, #05303d 0%, #131a1f 100%);
+  border: 4px solid;
+  -o-border-image: linear-gradient(180deg, #fff9bb 0%, #ffe43e 52.4%, #bc7831 100%)
+    1;
+     border-image: linear-gradient(180deg, #fff9bb 0%, #ffe43e 52.4%, #bc7831 100%)
+    1;
+  --submit-button-background: linear-gradient(
+    180deg,
+    #fae2aa 0%,
+    #f3b806 33.94%,
+    #e19405 100%
+  );
+  --currency-box-shadow: 1px 1px 8.6px 3px rgba(253, 249, 255, 0.5);
+  --input-filled-border-color: rgba(255, 193, 3, 0.5);
+  --input-focus-border-color: rgba(255, 193, 3, 1);
+  --phone-wrapper-background: rgba(1, 62, 80, 1);
+  --currency-box-background: rgba(1, 62, 80, 1);
+  --thumb-background: rgba(255, 193, 3, 1);
+  --track-background: var(--base-1000);
+}
+
+@media screen and (max-width: 768px) {
+
+.KIT__SignUpTypeTwo-module__deepOcean___U0A1J {
+    border-width: 1px;
+}
+  }
+
 .KIT__SignUpTypeTwo-module__contentArea___iCJXc {
   overflow-y: auto;
   width: 100%;
@@ -2802,7 +2849,7 @@
   --phone-input-item-hover-background-color: var(--selector-item-background);
   --kit-world-svg-path-fill: var(--world-svg-path-fill, rgb(46, 58, 76));
   --kit-phone-view-name-color: var(--phone-view-name-color, --base-1000);
-  --selector-drop-down-bg: rgb(244, 247, 250);
+  --selector-drop-down-bg: var(--selector-drop-down-wrapper-background, rgb(244, 247, 250));
   --add-circle-svg-path-fill: var(--third-primary-color);
   --third-checkbox-checked-background-color: var(--third-primary-color);
   --third-submit-button-background: var(--third-primary-color);
@@ -3159,7 +3206,6 @@
 }
 
 .KIT__PhoneSignUp-module__selectorMainItem___d5C6F {
-  border-radius: var(--border-m);
   font-size: var(--font-size-xs);
   font-weight: 700;
 }
@@ -3197,12 +3243,10 @@
 }
 
 .KIT__OneClick-module__selectorMainItem___VA9hZ {
-  border-radius: var(--border-m);
   font-size: var(--font-size-xs);
   font-weight: 700;
 }
 
-
 .KIT__SignIn-module__wrapperReferralCopyContent___Ypykg {
   display: flex;
   flex-direction: column;
@@ -3380,7 +3424,7 @@
   --phone-input-item-hover-background-color: var(--selector-item-background);
   --kit-world-svg-path-fill: var(--world-svg-path-fill, rgb(46, 58, 76));
   --kit-phone-view-name-color: var(--phone-view-name-color, --base-1000);
-  --selector-drop-down-bg: rgb(244, 247, 250);
+  --selector-drop-down-bg: var(--selector-drop-down-wrapper-background, rgb(244, 247, 250));
   --third-checkbox-checked-background-color: var(--third-primary-color);
   --third-submit-button-background: var(--third-primary-color);
   --tab-indicator-bg: var(--third-primary-color);
@@ -5984,6 +6028,317 @@
 .KIT__Methods-module__marginB___dPqFf {
   margin-bottom: var(--indent-l);
 }
+.KIT__PaymentFrame-module__wrapperPaymentFrame___nSN5a {
+  --payment-frame-background-color: rgba(var(--white), 0.98);
+  --payment-frame-border-color: rgba(var(--green), 0.3);
+  --payment-frame-shadow: 0 25px 80px rgba(var(--dark), 0.4);
+  --payment-frame-glow: 0 0 40px rgba(var(--green), 0.15);
+  --payment-frame-close-btn-background-color: rgba(var(--white), 0.95);
+
+  position: fixed;
+  width: 96%;
+  height: 96%;
+  left: 2%;
+  bottom: -100%;
+  animation: KIT__PaymentFrame-module__ShowPaymentFrame___EEW9z 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+  z-index: var(--layout-lvl-4);
+
+  background: linear-gradient(
+    135deg,
+    rgba(var(--white), 0.98) 0%,
+    rgba(var(--white), 0.95) 50%,
+    rgba(var(--green), 0.02) 100%
+  );
+  border: 1px solid var(--payment-frame-border-color);
+  border-radius: 28px;
+  box-shadow: var(--payment-frame-shadow), var(--payment-frame-glow);
+  -webkit-backdrop-filter: blur(20px);
+          backdrop-filter: blur(20px);
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  transform: translateY(0);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.KIT__PaymentFrame-module__wrapperPaymentFrame___nSN5a::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    rgba(var(--green), 0.5) 50%,
+    transparent 100%
+  );
+  z-index: 1;
+}
+
+.KIT__PaymentFrame-module__wrapperPaymentFrame___nSN5a:hover {
+  transform: translateY(-3px);
+  box-shadow: 0 30px 90px rgba(var(--dark), 0.5),
+    0 0 50px rgba(var(--green), 0.25);
+}
+
+.KIT__PaymentFrame-module__frame___Fo6E5 {
+  width: var(--full);
+  height: var(--full);
+  border: none;
+  border-radius: 20px;
+  background-color: var(--payment-frame-background-color);
+  box-shadow: inset 0 2px 8px rgba(var(--dark), 0.08),
+    inset 0 1px 2px rgba(var(--white), 0.5);
+  transition: all 0.3s ease;
+  position: relative;
+  z-index: 2;
+}
+
+.KIT__PaymentFrame-module__frame___Fo6E5:hover {
+  box-shadow: inset 0 2px 12px rgba(var(--dark), 0.12),
+    inset 0 1px 3px rgba(var(--white), 0.6);
+}
+
+.KIT__PaymentFrame-module__closeBtn___XfzoK {
+  position: absolute;
+  background: linear-gradient(
+    135deg,
+    rgba(var(--white), 0.95) 0%,
+    rgba(var(--white), 0.9) 100%
+  );
+  top: calc((var(--indent-base, var(--indent-m))) * -1);
+  top: calc(calc(var(--indent-base, var(--indent-m))) * -1);
+  right: calc((var(--indent-base, var(--indent-m))) * -1);
+  right: calc(calc(var(--indent-base, var(--indent-m))) * -1);
+  width: 40px;
+  height: 40px;
+  border-radius: var(--border-circle);
+  padding: 6px;
+  padding: var(--indent-base-half, 6px);
+  border: 1px solid rgba(var(--green), 0.2);
+  box-shadow: 0 6px 20px rgba(var(--dark), 0.2),
+    0 2px 8px rgba(var(--dark), 0.1), inset 0 1px 2px rgba(var(--white), 0.8);
+  -webkit-backdrop-filter: blur(12px);
+          backdrop-filter: blur(12px);
+  z-index: 10;
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.KIT__PaymentFrame-module__closeBtn___XfzoK::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: var(--border-circle);
+  background: linear-gradient(
+    135deg,
+    rgba(var(--green), 0.1) 0%,
+    transparent 50%
+  );
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+.KIT__PaymentFrame-module__closeBtn___XfzoK:hover {
+  transform: scale(1.08) translateY(-1px);
+  box-shadow: 0 8px 25px rgba(var(--dark), 0.25),
+    0 3px 12px rgba(var(--dark), 0.15), inset 0 1px 3px rgba(var(--white), 0.9);
+  background: linear-gradient(
+    135deg,
+    rgba(var(--white), 0.98) 0%,
+    rgba(var(--white), 0.95) 100%
+  );
+  border-color: rgba(var(--green), 0.3);
+}
+
+.KIT__PaymentFrame-module__closeBtn___XfzoK:hover::before {
+  opacity: 1;
+}
+
+.KIT__PaymentFrame-module__closeBtn___XfzoK:active {
+  transform: scale(0.95) translateY(0);
+  box-shadow: 0 4px 15px rgba(var(--dark), 0.2),
+    0 1px 6px rgba(var(--dark), 0.1), inset 0 1px 2px rgba(var(--white), 0.7);
+}
+
+@keyframes KIT__PaymentFrame-module__ShowPaymentFrame___EEW9z {
+  0% {
+    bottom: -100%;
+    opacity: 0;
+    transform: scale(0.85) translateY(20px);
+    filter: blur(4px);
+  }
+
+  30% {
+    opacity: 0.6;
+    transform: scale(0.95) translateY(10px);
+    filter: blur(2px);
+  }
+
+  60% {
+    opacity: 0.9;
+    transform: scale(1.02) translateY(-2px);
+    filter: blur(0px);
+  }
+
+  80% {
+    opacity: 0.95;
+    transform: scale(0.98) translateY(1px);
+  }
+
+  100% {
+    bottom: 2%;
+    opacity: 1;
+    transform: scale(1) translateY(0);
+    filter: blur(0px);
+  }
+}
+
+/* Стили для загрузчика */
+.KIT__PaymentFrame-module__wrapperPaymentFrame___nSN5a > .KIT__PaymentFrame-module__loader___co8Ch {
+  position: relative;
+  z-index: 3;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(
+    135deg,
+    rgba(var(--white), 0.1) 0%,
+    rgba(var(--green), 0.05) 100%
+  );
+  border-radius: 20px;
+  -webkit-backdrop-filter: blur(5px);
+          backdrop-filter: blur(5px);
+
+  width: 25px;
+  height: 25px;
+}
+
+/* Дополнительные эффекты для мобильных устройств */
+@media (max-width: 768px) {
+  .KIT__PaymentFrame-module__wrapperPaymentFrame___nSN5a {
+    width: 98%;
+    height: 98%;
+    left: 1%;
+    border-radius: 24px;
+  }
+
+  .KIT__PaymentFrame-module__closeBtn___XfzoK {
+    width: 36px;
+    height: 36px;
+    top: calc((var(--indent-base, var(--indent-m))) * -0.5);
+    top: calc(calc(var(--indent-base, var(--indent-m))) * -0.5);
+    right: calc((var(--indent-base, var(--indent-m))) * -0.5);
+    right: calc(calc(var(--indent-base, var(--indent-m))) * -0.5);
+  }
+}
+
+/* Улучшенные стили для темной темы */
+@media (prefers-color-scheme: dark) {
+  .KIT__PaymentFrame-module__wrapperPaymentFrame___nSN5a {
+    --payment-frame-background-color: rgba(var(--dark), 0.95);
+    --payment-frame-border-color: rgba(var(--green), 0.4);
+    --payment-frame-shadow: 0 25px 80px rgba(var(--dark), 0.6);
+    --payment-frame-glow: 0 0 40px rgba(var(--green), 0.2);
+  }
+
+  .KIT__PaymentFrame-module__closeBtn___XfzoK {
+    background: linear-gradient(
+      135deg,
+      rgba(var(--dark), 0.9) 0%,
+      rgba(var(--semi-dark), 0.95) 100%
+    );
+    border-color: rgba(var(--green), 0.3);
+  }
+}
+
+.KIT__PaymentMessage-module__wrapperPaymentMessageInfo___XDr5_ {
+  width: var(--full);
+  height: calc(100% - var(--indent-base, var(--indent-m)));
+  border-radius: 10px;
+  border-radius: var(--border-10, 10px);
+  padding: var(--indent-base, var(--indent-m));
+  background: var(--message-wrapper-payment-message-info-background);
+  z-index: calc(var(--layout-lvl-1) + 1);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  color: var(--message-wrapper-payment-message-info-color);
+  gap: var(--indent-base, var(--indent-m));
+}
+
+.KIT__PaymentMessage-module__jscSB___hMtsU {
+  justify-content: space-between;
+}
+
+.KIT__PaymentMessage-module__titleStatus___yOjIH {
+  font-size: 1.5rem;
+  color: var(--message-title-status-color);
+  font-weight: 700;
+  margin-bottom: var(--indent-base-double, var(--indent-xxl));
+}
+
+.KIT__PaymentMessage-module__titleQrCode___ORz8c {
+  text-align: center;
+  color: var(--message-title-qr-code-color);
+  margin-bottom: var(--indent-base, var(--indent-m));
+  padding: 0 var(--indent-base, var(--indent-m));
+}
+
+.KIT__PaymentMessage-module__titleQrCode___ORz8c span {
+  color: var(--message-title-qr-code-span-color);
+  font-weight: 600;
+}
+
+.KIT__PaymentMessage-module__descriptions___fEyma {
+  font-size: 14px;
+}
+
+.KIT__PaymentMessage-module__textWrapper___V2YGy {
+  color: var(--message-text-wrapper-color);
+  font-size: 0.75rem;
+  font-weight: 500;
+  width: calc(100% - 40px - 6px);
+  width: calc(100% - 40px - var(--indent-base-half, 6px));
+}
+
+.KIT__PaymentMessage-module__big___L7ldg {
+  --size: 25px;
+  width: 25px;
+  width: var(--size);
+  height: 25px;
+  height: var(--size);
+}
+
+.KIT__PaymentMessage-module__content___rmvDU {
+  display: flex;
+  align-items: center;
+  width: var(--full);
+  gap: 6px;
+  gap: var(--indent-base-half, 6px);
+}
+
+.KIT__PaymentMessage-module__statusSvg___cq__3 {
+  --size: 40px;
+  width: 40px;
+  width: var(--size);
+  height: 40px;
+  height: var(--size);
+}
+
 .KIT__DepositQrForm-module__wrapperDepositQrForm___jpmhS {
   display: flex;
   flex-direction: column;
@@ -6525,13 +6880,10 @@
 }
   }
 
-.KIT__Wheel-module__spinBtn___AngbQ.KIT__Wheel-module__spinningState___BeGrQ .KIT__Wheel-module__defaultState___wVK6A {
-    opacity: 1;
-  }
-
-.KIT__Wheel-module__spinBtn___AngbQ.KIT__Wheel-module__spinningState___BeGrQ .KIT__Wheel-module__hoverState____BNGp,.KIT__Wheel-module__spinBtn___AngbQ.KIT__Wheel-module__spinningState___BeGrQ .KIT__Wheel-module__pressedState___xJuEH {
-    opacity: 0;
-  }
+.KIT__Wheel-module__spinBtn___AngbQ.KIT__Wheel-module__spinningState___BeGrQ {
+  pointer-events: none;
+  cursor: default;
+}
 
 .KIT__Wheel-module__bntText___CVBR2 {
   position: absolute;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.1.122",
+  "version": "0.1.124",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],
@@ -45,7 +45,7 @@
     "postcss-loader": "^8.1.1",
     "postcss-preset-env": "^10.1.2",
     "prettier": "^2.8.8",
-    "react-render-hooks": "^0.0.88",
+    "react-render-hooks": "^0.0.91",
     "rimraf": "^6.0.1",
     "scheduler": "^0.25.0",
     "style-loader": "^4.0.0",