react-gldn-kit 0.1.100 → 0.1.102

package/dist/main.css

@@ -763,6 +763,7 @@
   position: absolute;
   left: var(--indent-m);
   font-weight: 700;
+  font-size: var(--font-size-xs);
 }
 
 .KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__oldView___k7DBz:-webkit-autofill ~ .KIT__BaseInputUi-module__label___uzM8L,
@@ -770,6 +771,11 @@
   opacity: 0;
 }
 
+.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__oldView___k7DBz {
+  font-size: var(--font-size-xs);
+  font-weight: 700;
+}
+
 .KIT__BaseInputUi-module__disabled___eDvdR {
   pointer-events: none;
   text-overflow: ellipsis;
@@ -1529,6 +1535,26 @@
   display: flex;
 }
 
+.KIT__PhoneView-module__thirdType___BwBgT,
+.KIT__PhoneView-module__thirdType___BwBgT .KIT__PhoneView-module__codeWrapper___pUMRn {
+  height: 100%;
+}
+
+.KIT__PhoneView-module__thirdType___BwBgT .KIT__PhoneView-module__codeWrapper___pUMRn {
+  padding: 0;
+  padding: initial;
+}
+
+.KIT__PhoneView-module__thirdType___BwBgT .KIT__PhoneView-module__code___y3pYW {
+  align-items: center;
+  gap: var(--indent-s);
+  background-color: rgb(222, 235, 237);
+  background-color: var(--phone-view-code-background, rgb(222, 235, 237));
+  height: 100%;
+  border-radius: var(--border-m);
+  padding: var(--indent-s);
+}
+
 .KIT__PhoneView-module__arrow___Qw7Mg {
   display: flex;
   align-items: center;
@@ -1652,6 +1678,10 @@
   width: 100%;
 }
 
+.KIT__MoreInfo-module__third___DTigx path {
+  fill: rgba(45, 192, 139, 1);
+}
+
 .KIT__PhoneInput-module__input___hyTKa {
   border-radius: var(--border-s);
   border: var(--input-border);
@@ -1726,7 +1756,7 @@
   width: 100%;
   left: 0;
   background-color: var(--input-background);
-  z-index: 3;
+  z-index: calc(var(--layout-lvl-1) + 3);
   border-radius: var(--border-s);
   overflow-y: auto;
   max-height: 200px;
@@ -2368,6 +2398,23 @@
   --currency-box-border-color: rgba(213, 163, 101, 0.5);
 }
 
+.KIT__SignUpTypeTwo-module__bluePurple___tZk7a {
+  --background: linear-gradient(180deg, #2B4A99 0%, #211955 72.6%);
+  border: 2px solid;
+  -o-border-image: linear-gradient(180deg, #E89E01 0%, #EFC601 100%) 1;
+     border-image: linear-gradient(180deg, #E89E01 0%, #EFC601 100%) 1;
+  --submit-button-background: rgba(251, 35, 114, 1);
+  --submit-button-color: var(--base-0);
+  --thumb-background: rgba(247, 209, 69, 1);
+  --track-background: var(--base-1000);
+  --input-focus-border-color: rgba(213, 163, 101, 1);
+  --phone-wrapper-background: rgba(35, 25, 88, 1);
+  --currency-box-background: rgba(35, 25, 88, 1);
+  --currency-box-shadow: 1px 1px 8.6px 3px rgba(253, 249, 255, 0.5);
+  --currency-box-border-color: rgba(213, 163, 101, 0.5);
+  --input-filled-border-color: rgba(213, 163, 101, 0.5);
+}
+
 .KIT__SignUpTypeTwo-module__contentArea___N15Kc {
   overflow-y: auto;
   width: 100%;
@@ -3721,24 +3768,55 @@
 }
 
 .KIT__LostPassword-module__white___QjG6Z {
-    --button-primary-border: 1px solid #ffe98c;
+  --button-primary-border: 1px solid #ffe98c;
   --button-color-primary-text: var(--base-1000);
   --button-color-primary: rgba(254, 206, 0, 1);
   --input-background: rgba(246, 246, 246, 1);
   --green-100: rgba(254, 206, 0, 1);
-   --selector-item-background: rgba(246, 246, 246, 1);
+  --selector-item-background: rgba(246, 246, 246, 1);
   --selector-main-bg-opened: rgba(246, 246, 246, 1);
   --phone-input-item-hover-background-color: rgb(233, 233, 235);
   --arrow-button-svg-path-fill: rgb(135, 135, 139);
-   --input-text-color: var(--base-1000);
+  --input-text-color: var(--base-1000);
   --input-label-text-color: rgb(81, 88, 113);
   --tab-text-color: var(--base-1000);
   --tab-border-bottom-default: 2px solid rgba(198, 198, 200, 1);
   --phone-view-name-color: var(--base-1000);
-
+  --lost-password-title-color: rgb(0, 0, 0);
+  --lost-password-phone-info-main-color: rgb(0, 0, 0);
+  --lost-password-phone-info-border: 1px solid rgba(199, 199, 199, 1);
   --x-reg-color: rgba(135, 135, 139, 1);
 }
 
+.KIT__LostPassword-module__whiteBlue___Iaz79,
+.KIT__LostPassword-module__whiteYellow____6a5B,
+.KIT__LostPassword-module__whitePurple___n_7hB {
+  --x-reg-color: rgba(129, 141, 177, 1);
+  --tab-text-color: rgb(46, 58, 76);
+  --tab-border-bottom-default: transparent;
+  --lost-password-title-color: rgb(38, 61, 64);
+  --button-primary-border: none;
+  --lost-password-phone-info-border: 1px solid rgb(242, 247, 247);
+  --input-background: rgb(242, 247, 247);
+  --input-text-color: rgb(65, 82, 106);
+  --phone-view-name-color: rgb(46, 58, 76);
+  --lost-password-phone-info-main-color: rgb(38, 61, 64);
+  --input-label-text-color: rgb(65, 82, 106);
+  --button-color-primary-text: rgb(46, 58, 76);
+}
+
+.KIT__LostPassword-module__whiteYellow____6a5B {
+  --button-color-primary: rgb(252, 212, 53);
+}
+
+.KIT__LostPassword-module__whitePurple___n_7hB {
+  --button-color-primary: rgb(136, 103, 255);
+}
+
+.KIT__LostPassword-module__whiteBlue___Iaz79 {
+  --button-color-primary: rgb(102, 231, 248);
+}
+
 .KIT__LostPassword-module__tabWrapper___M1C0O {
   width: var(--full);
   margin-bottom: var(--indent-m);
@@ -3823,6 +3901,7 @@
   --no-account-color: rgb(38, 61, 64);
   --tab-border-bottom-default: transparent;
   --world-svg-path-fill: rgb(46, 58, 76);
+  --phone-view-name-color: rgb(46, 58, 76);
 
   padding: var(--indent-xs);
 
@@ -3841,11 +3920,7 @@
 }
 
 .KIT__SignInThird-module__leftSide___gsLbK {
-  border-radius: 10px 10px 0 0;
   width: var(--full);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
 }
 
 .KIT__SignInThird-module__rightSide___PDqxP {
@@ -3878,6 +3953,8 @@
 .KIT__SignInThird-module__wrapperForms___GVrnY {
   width: 100%;
   display: flex;
+  position: relative;
+  z-index: calc(var(--layout-lvl-1) + 3);
 }
 
 .KIT__SignInThird-module__leftSide___gsLbK .KIT__SignInThird-module__passwordField___kLrFq,
@@ -3885,6 +3962,7 @@
 .KIT__SignInThird-module__lostPsw___Fi5JF {
   cursor: pointer;
   width: var(--full);
+  height: auto;
 }
 
 .KIT__SignInThird-module__leftSide___gsLbK .KIT__SignInThird-module__submitButton___nxlyt {
@@ -3981,6 +4059,7 @@
   display: flex;
   font-size: var(--font-size-xs);
   gap: var(--indent-xs);
+  justify-content: center;
 }
 
 .KIT__SignInThird-module__formTitle___AkwjL {
@@ -4022,8 +4101,11 @@
 
   .KIT__SignInThird-module__leftSide___gsLbK {
     padding: var(--indent-xxl);
-    width: 50%;
-    height: var(--full);
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    flex: 1;
+    height: 100%;
   }
 
   .KIT__SignInThird-module__banner___Xwdx6 {
@@ -4051,222 +4133,6 @@
   }
 }
 
-.KIT__LostPasswordEmailForm-module__dash___A4AOy {
-  width: var(--full);
-  height: 1px;
-  background: rgb(244, 247, 250);
-  margin: var(--indent-m) 0;
-}
-
-.KIT__LostPasswordEmailForm-module__submitButton___Ma5P0,
-.KIT__LostPasswordEmailForm-module__loginButton___YFQAN,
-.KIT__LostPasswordEmailForm-module__getCodeButton___ESE6l {
-  --button-color-primary: var(--third-submit-button-background);
-  --button-color-primary-text: var(--third-submit-button-color);
-  border: none;
-  --height: 40px;
-  min-height: 40px;
-  min-height: var(--height);
-  max-height: 40px;
-  max-height: var(--height);
-  border-radius: var(--border-s);
-  font-size: var(--font-size-xs);
-  font-weight: 700;
-}
-
-.KIT__LostPasswordEmailForm-module__loginButton___YFQAN {
-  --button-color-primary: var(--third-login-button-in-recovery-background);
-}
-
-.KIT__LostPasswordEmailForm-module__formTitle___kaLWK {
-  color: var(--semi-dark-gray);
-  font-size: 0.75rem;
-  font-weight: 700;
-  margin-bottom: var(--indent-m);
-}
-.KIT__LostPasswordEmailForm-module__marginBottom___I6pGv {
-  margin-bottom: var(--indent-m);
-}
-
-.KIT__LostPasswordEmailForm-module__label___Nl323,
-.KIT__LostPasswordEmailForm-module__inputSize___VxcrQ {
-  font-size: var(--font-size-xs);
-  font-weight: 700;
-}
-
-.KIT__LostPasswordEmailForm-module__emailRow___vy5Hq {
-  display: flex;
-  gap: var(--indent-m);
-}
-
-.KIT__LostPasswordEmailForm-module__timerText___ekkBO {
-  font-size: var(--font-size-xs);
-}
-
-
-  .KIT__LostPasswordPhoneForm-module__phoneInput___Ms0SK svg path {
-    stroke: rgb(var(--semi-blue-gray));
-  }
-
-.KIT__LostPasswordPhoneForm-module__dash___JvFfL {
-  width: var(--full);
-  height: 1px;
-  background: rgb(244, 247, 250);
-  margin: var(--indent-m) 0;
-}
-
-.KIT__LostPasswordPhoneForm-module__resetButton___weXaU,
-.KIT__LostPasswordPhoneForm-module__loginButton___mDTLs,
-.KIT__LostPasswordPhoneForm-module__codeButton___IAkKo {
-  --button-color-primary: var(--third-submit-button-background);
-  --button-color-primary-text: var(--third-submit-button-color);
-  border: none;
-  --height: 40px;
-  min-height: 40px;
-  min-height: var(--height);
-  max-height: 40px;
-  max-height: var(--height);
-  border-radius: var(--border-s);
-  font-size: var(--font-size-xs);
-  font-weight: 700;
-}
-
-.KIT__LostPasswordPhoneForm-module__loginButton___mDTLs {
-  --button-color-primary: var(--third-login-button-in-recovery-background);
-}
-
-.KIT__LostPasswordPhoneForm-module__formTitle___bBPsu {
-  color: var(--semi-dark-gray);
-  font-size: 0.75rem;
-  font-weight: 700;
-  margin-bottom: var(--indent-m);
-}
-
-.KIT__LostPasswordPhoneForm-module__marginBottom___tHdgP {
-  margin-bottom: var(--indent-m);
-}
-
-.KIT__LostPasswordPhoneForm-module__label___dMFg5,
-.KIT__LostPasswordPhoneForm-module__inputSize___GUJ3L {
-  font-size: var(--font-size-xs);
-  font-weight: 700;
-}
-
-@media screen and (min-width: 768px) {
-  .KIT__LostPasswordPhoneForm-module__resetButton___weXaU,
-  .KIT__LostPasswordPhoneForm-module__loginButton___mDTLs {
-    font-size: 0.9rem;
-  }
-}
-
-.KIT__LostPassword-module__wrapperLostPasswordThree___YIb4S {
-    --third-primary-color: rgb(252, 212, 53);
-  --third-submit-button-background: var(--third-primary-color);
-  --third-submit-button-color: rgb(46, 58, 76);
-  --tab-text-color: rgb(46, 58, 76);
-  --input-background: rgb(244, 247, 250);
-  --input-base-autofill-background-color: rgb(244, 247, 250);
-  --input-border: none;
-  --input-text-color: rgb(65, 82, 106);
-  --input-label-text-color: rgb(65, 82, 106);
-  --selector-item-background: rgb(244, 247, 250);
-  --selector-border: none;
-  --sign-up-modal-checkbox-color: rgb(46, 58, 76);
-  --selector-main-bg-opened: rgb(244, 247, 250);
-  --selector-color: rgb(65, 82, 106);
-  --selector-drop-down-bg: rgb(244, 247, 250);
-  --checkbox-border-color: rgb(166, 181, 201);
-  --checkbox-checked-background-color: var(--third-primary-color);
-  --checkbox-checked-border-color: var(--third-primary-color);
-  --sign-up-modal-checkbox-color: rgb(46, 58, 76);
-  --sign-up-modal-checkbox-terms-color: var(--third-primary-color);
-  --PhoneInputCountrySelectArrow-color: rgb(179, 190, 205);
-  --tab-indicator-bg: var(--third-primary-color);
-  --sign-in-modal-lost-password-color: var(--third-primary-color);
-  --register-color: var(--third-primary-color);
-  --no-account-color: rgb(38, 61, 64);
-  --third-login-button-in-recovery-background: rgb(235, 240, 246);
-  --semi-dark-gray: rgb(46, 58, 76);
-  --tab-border-bottom-default: transparent;
-  --input-height: 40px;
-  --world-svg-path-fill: rgb(46, 58, 76);
-}
-
-.KIT__LostPassword-module__wrapperLostPasswordThree___YIb4S.KIT__LostPassword-module__purple___i99YC {
-  --third-primary-color: rgb(136, 103, 255);
-}
-
-.KIT__LostPassword-module__wrapperLostPasswordThree___YIb4S.KIT__LostPassword-module__lightBlue____e3Wb {
-  --third-primary-color: rgb(102, 231, 248);
-}
-
-.KIT__LostPassword-module__title___OAQqL {
-  margin-bottom: var(--indent-m);
-  font-size: var(--font-size-m);
-  width: var(--full);
-  font-weight: 700;
-  color: rgb(46, 58, 76);
-
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.KIT__LostPassword-module__tab___hvMJE {
-  font-size: var(--font-size-xs);
-}
-
-.KIT__LostPassword-module__dash___ZPegi {
-  width: var(--full);
-  height: 1px;
-  background: rgb(244, 247, 250);
-  margin: var(--indent-m) 0;
-}
-
-.KIT__LostPassword-module__marginB___YIyPk {
-  width: var(--full);
-  margin-bottom: var(--indent-m);
-}
-
-.KIT__LostPassword-module__close___RA8KC {
-  --size: 36px;
-  width: 36px;
-  width: var(--size);
-  height: 36px;
-  height: var(--size);
-  border-radius: 10px;
-  background-color: rgb(227, 234, 242);
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.KIT__LostPassword-module__closeIcon___odBJ2 path {
-  stroke: rgb(97, 113, 158);
-}
-.KIT__LostPassword-module__tab___hvMJE {
-  display: flex;
-  justify-content: center;
-  text-transform: capitalize;
-  flex-shrink: initial;
-  width: 50%;
-  font-weight: 700;
-  font-size: 0.75rem;
-  padding: var(--indent-m);
-}
-
-
-@media screen and (min-width: 768px) {
-  .KIT__LostPassword-module__wrapperLostPassword___BHplJ {
-    justify-content: center;
-  }
-
-  .KIT__LostPassword-module__title___OAQqL {
-    font-size: var(--font-size-m);
-  }
-}
-
 .KIT__AssignCurrency-module__wrapperAssignCurrency___c9iVW {
   display: flex;
   flex-direction: column;
@@ -4279,6 +4145,7 @@
     margin-bottom: 0;
   }
 .KIT__SetNewPasswordThree-module__wrapperNewPassword___temFB {
+  --semi-dark-gray: rgb(38, 61, 64);
   --input-background: rgb(244, 247, 250);
   --input-base-autofill-background-color: rgb(244, 247, 250);
   --button-color-primary: var(--third-primary-color);
@@ -4286,6 +4153,18 @@
   --button-primary-border: none;
   --input-text-color: rgb(65, 82, 106);
   --input-label-text-color: rgb(65, 82, 106);
+
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-m);
+}
+
+.KIT__SetNewPasswordThree-module__whitePurple___zr1s9 {
+  --button-color-primary: rgb(136, 103, 255);
+}
+
+.KIT__SetNewPasswordThree-module__whiteBlue___hKR9O {
+  --button-color-primary: rgb(102, 231, 248);
 }
 
 .KIT__SetNewPasswordThree-module__input___LvuRh,
@@ -4302,6 +4181,11 @@
   font-size: var(--font-size-xs);
 }
 
+.KIT__SetNewPasswordThree-module__passwordRequirements___z_YAd {
+  font-size: var(--font-size-s);
+  line-height: 1.2;
+}
+
 .KIT__InputCode-module__inputs___ELWHA {
   display: flex;
   gap: var(--indent-xs);
@@ -4330,6 +4214,41 @@
   gap: var(--indent-l);
 }
 
+.KIT__NumberConfirmation-module__white___gdHD7 {
+  --number-confirmation-enter-digits-color: var(--base-1000);
+  --number-confirmation-time-color: rgba(135, 135, 139, 1);
+  --input-code-background: rgba(246, 246, 246, 1);
+  --button-primary-border: 1px solid rgb(255, 233, 140);
+  --input-code-color: var(--base-1000);
+}
+
+.KIT__NumberConfirmation-module__whiteYellow___CGY2s,
+.KIT__NumberConfirmation-module__whiteBlue___TnqTv,
+.KIT__NumberConfirmation-module__whitePurple___oh3mh {
+  --number-confirmation-enter-digits-color: rgb(38, 61, 64);
+  --input-code-background: rgb(242, 247, 247);
+  --number-confirmation-time-color: rgb(38, 61, 64);
+  --number-confirmation-resend-code-color: rgba(46, 58, 76, 1);
+  --button-primary-border: none;
+  --button-color-primary-text: rgb(46, 58, 76);
+  --input-code-color: rgb(46, 58, 76);
+}
+
+.KIT__NumberConfirmation-module__whiteYellow___CGY2s {
+  --number-confirmation-resend-code-span-color: rgba(252, 212, 53, 1) ;
+  --button-color-primary: rgb(252, 212, 53);
+}
+
+.KIT__NumberConfirmation-module__whitePurple___oh3mh {
+  --number-confirmation-resend-code-span-color: rgb(136, 103, 255);
+  --button-color-primary: rgb(136, 103, 255);
+}
+
+.KIT__NumberConfirmation-module__whiteBlue___TnqTv {
+  --number-confirmation-resend-code-span-color: rgb(102, 231, 248);
+  --button-color-primary: rgb(102, 231, 248);
+}
+
 .KIT__NumberConfirmation-module__top___MThMX {
   gap: var(--indent-l);
 }
@@ -4383,6 +4302,41 @@
   gap: var(--indent-l);
 }
 
+.KIT__EmailConfirmation-module__white___LjBpE {
+  --number-confirmation-enter-digits-color: var(--base-1000);
+  --number-confirmation-time-color: rgba(135, 135, 139, 1);
+  --input-code-background: rgba(246, 246, 246, 1);
+  --button-primary-border: 1px solid rgb(255, 233, 140);
+  --input-code-color: var(--base-1000);
+}
+
+.KIT__EmailConfirmation-module__whiteYellow___dLQLm,
+.KIT__EmailConfirmation-module__whiteBlue___rLt8v,
+.KIT__EmailConfirmation-module__whitePurple___Xh7x8 {
+  --number-confirmation-enter-digits-color: rgb(38, 61, 64);
+  --input-code-background: rgb(242, 247, 247);
+  --number-confirmation-time-color: rgb(38, 61, 64);
+  --number-confirmation-resend-code-color: rgba(46, 58, 76, 1);
+  --button-primary-border: none;
+  --button-color-primary-text: rgb(46, 58, 76);
+  --input-code-color: rgb(46, 58, 76);
+}
+
+.KIT__EmailConfirmation-module__whiteYellow___dLQLm {
+  --number-confirmation-resend-code-span-color: rgba(252, 212, 53, 1) ;
+  --button-color-primary: rgb(252, 212, 53);
+}
+
+.KIT__EmailConfirmation-module__whitePurple___Xh7x8 {
+  --number-confirmation-resend-code-span-color: rgb(136, 103, 255);
+  --button-color-primary: rgb(136, 103, 255);
+}
+
+.KIT__EmailConfirmation-module__whiteBlue___rLt8v {
+  --number-confirmation-resend-code-span-color: rgb(102, 231, 248);
+  --button-color-primary: rgb(102, 231, 248);
+}
+
 .KIT__EmailConfirmation-module__top___zY8CC {
   gap: var(--indent-l);
 }
@@ -4566,6 +4520,11 @@
   color: var(--base-1000);
 }
 
+.KIT__Alert-module__popUpSemiDarkColor___AlKAA {
+  color: rgb(38, 61, 64);
+  font-size: var(--font-size-m);
+}
+
 @media (min-width: 768px) {
   .KIT__Alert-module__wrapperModal___lOle6 {
     display: flex;
@@ -6106,6 +6065,8 @@
 .KIT__LastBigWinner-module__userId___ZrRQn .KIT__LastBigWinner-module__win___zkDpy {
     color: var(--card-text-color);
     line-height: 1.2;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
 .KIT__LastBigWinner-module__info___TvOCh {
@@ -6131,6 +6092,10 @@
   width: 100%;
 }
 
+.KIT__LastBigWinner-module__id___MCnzt {
+  flex-shrink: 0;
+}
+
 .KIT__LastBigWinners-module__wrapperBoxLoader___vM6yl {
   height: var(--winner-card-height);
   width: 100%;

package/package.json

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

package/dist/lib/components/Modals/Alert/components/LostPassword/Third/components/LostPasswordEmailForm/index.d.ts

@@ -1,11 +0,0 @@
-import { ESignUpTheme } from 'zustandStore/forms/signUp/types';
-type Props = {
-    wrapperClasses?: string;
-    sendCommand: (key: string, data: {
-        [key: string]: string | number | any[];
-    }, isWatching?: boolean) => void;
-    registrationTheme?: keyof typeof ESignUpTheme;
-    bonusImagePath?: string;
-};
-declare const LostPasswordEmailForm: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export default LostPasswordEmailForm;