react-gldn-kit 0.1.69 → 0.1.71

package/dist/main.css

@@ -661,9 +661,12 @@
   flex-direction: column;
   gap: var(--indent-xs);
   width: 100%;
+  height: 100%;
 }
+
 .KIT__BaseInputUi-module__inputWrapper___AnbPW {
   border-radius: var(--input-border-radius);
+  border: 1px solid transparent;
   height: var(--input-height);
   display: flex;
   align-items: center;
@@ -671,6 +674,7 @@
   padding: var(--input-padding);
   position: relative;
   background: var(--input-background);
+  width: 100%;
 }
 
 .KIT__BaseInputUi-module__borderColorfulGreen___QRGSG,
@@ -705,14 +709,23 @@
   width: var(--large);
 }
 
+.KIT__BaseInputUi-module__inputWithLabel___R1Dge {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+
 .KIT__BaseInputUi-module__label___uzM8L {
   position: absolute;
-  left: 10px;
+  top: 50%;
+  transform: translateY(-50%);
   color: var(--input-label-text-color);
-  opacity: 0.5;
   z-index: 1;
-  font-weight: bold;
+  font-weight: 500;
   transition: 0.5s;
+  order: -1;
+  line-height: 1;
 }
 
 .KIT__BaseInputUi-module__labelRight___Q5n_d {
@@ -720,67 +733,29 @@
 }
 
 .KIT__BaseInputUi-module__input___RWf0J {
-  z-index: 2;
   height: 100%;
   width: 100%;
-  padding: 2px;
   background-color: transparent;
   color: var(--input-text-color);
-  font-weight: bold;
-}
-
-.KIT__BaseInputUi-module__input___RWf0J:-moz-placeholder-shown ~ .KIT__BaseInputUi-module__label___uzM8L {
-  top: 50%;
-  transform: translateY(-50%);
-  left: 10px;
-  font-size: 11px;
-  color: var(--input-label-text-color);
-}
-
-.KIT__BaseInputUi-module__input___RWf0J:placeholder-shown ~ .KIT__BaseInputUi-module__label___uzM8L {
-  top: 50%;
-  transform: translateY(-50%);
-  left: 10px;
-  font-size: 11px;
-  color: var(--input-label-text-color);
-}
-
-.KIT__BaseInputUi-module__input___RWf0J:-moz-placeholder-shown ~ .KIT__BaseInputUi-module__labelRight___Q5n_d {
-  top: 50%;
-  transform: translateY(-50%);
-  left: 25px;
-  font-size: 11px;
-}
-
-.KIT__BaseInputUi-module__input___RWf0J:placeholder-shown ~ .KIT__BaseInputUi-module__labelRight___Q5n_d {
-  top: 50%;
-  transform: translateY(-50%);
-  left: 25px;
-  font-size: 11px;
-}
-
-.KIT__BaseInputUi-module__input___RWf0J:not(placeholder-shown) ~ .KIT__BaseInputUi-module__label___uzM8L {
-  top: -15px;
-  transform: translateY(0%);
-  z-index: 1;
-  left: 0px;
-  font-size: 10px;
+  font-weight: 500;
+  font-size: var(--font-size-m);
 }
 
 .KIT__BaseInputUi-module__input___RWf0J::-moz-placeholder {
-  font-size: 0;
+  font-size: var(--font-size-m);
 }
 
 .KIT__BaseInputUi-module__input___RWf0J::placeholder {
-  font-size: 0;
+  font-size: var(--font-size-m);
 }
 
-.KIT__BaseInputUi-module__input___RWf0J:focus ~ .KIT__BaseInputUi-module__label___uzM8L {
-  top: -15px;
+.KIT__BaseInputUi-module__input___RWf0J:focus ~ .KIT__BaseInputUi-module__label___uzM8L,
+.KIT__BaseInputUi-module__label___uzM8L.KIT__BaseInputUi-module__labelUp___Mdr3p,
+.KIT__BaseInputUi-module__input___RWf0J:-webkit-autofill ~ .KIT__BaseInputUi-module__label___uzM8L {
   transform: translateY(0%);
-  left: 0px;
-  z-index: 2;
-  font-size: 10px;
+  font-size: var(--font-size-s);
+  position: relative;
+  top: 0;
 }
 
 .KIT__BaseInputUi-module__disabled___eDvdR {
@@ -799,6 +774,7 @@
   font-size: 11px;
   overflow: hidden;
   color: var(--input-error);
+  padding-left: var(--indent-m);
 }
 
 .KIT__BaseInputUi-module__resetErrorColor___sLSqG {
@@ -811,34 +787,22 @@
   margin-left: var(--input-inline-start);
 }
 
-.KIT__BaseInputUi-module__input___RWf0J:focus ~ .KIT__BaseInputUi-module__label___uzM8L.KIT__BaseInputUi-module__hideLabel___XBQr4 {
+/* .input:focus ~ .label.hideLabel {
   opacity: 0;
-}
+} */
 
-.KIT__BaseInputUi-module__input___RWf0J:not(placeholder-shown) ~ label.KIT__BaseInputUi-module__hideLabel___XBQr4 {
+/* .input:not(placeholder-shown) ~ label.hideLabel {
   opacity: 0;
 }
 
-.KIT__BaseInputUi-module__input___RWf0J:-moz-placeholder-shown ~ label.KIT__BaseInputUi-module__hideLabel___XBQr4 {
-  opacity: 1;
-}
-
-.KIT__BaseInputUi-module__input___RWf0J:placeholder-shown ~ label.KIT__BaseInputUi-module__hideLabel___XBQr4 {
+.input:placeholder-shown~label.hideLabel {
   opacity: 1;
-}
+} */
 
 .KIT__BaseInputUi-module__fistIcon___K8TLN {
   padding-left: 0;
 }
 
-.KIT__BaseInputUi-module__inputWrapper___AnbPW .KIT__BaseInputUi-module__label___uzM8L.KIT__BaseInputUi-module__labelUp___Mdr3p {
-  top: -15px;
-  transform: translateY(0%);
-  left: 0px;
-  z-index: 2;
-  font-size: 10px;
-}
-
 .KIT__BaseInputUi-module__animationFadeIn___qsCmj {
   animation: KIT__BaseInputUi-module__FadeIn___kQ_6Q 1s forwards;
 }
@@ -911,24 +875,21 @@
   margin-bottom: var(--indent-l);
 }
 
-.KIT__ArrowButton-module__openedColor___M7HTi * {
-  fill: var(--arrow-button-opened-svg-path-fill);
-  cursor: pointer;
+.KIT__ArrowButton-module__defaultClasses___mj1Wq {
+  transition: 0.5s;
 }
 
-.KIT__ArrowButton-module__openedColor___M7HTi {
-  transition: 0.5s;
-  transform: rotate(180deg);
+.KIT__ArrowButton-module__defaultClasses___mj1Wq path {
+  fill: var(--arrow-button-svg-path-fill);
 }
 
-.KIT__ArrowButton-module__default___LNKYw {
-  padding: 5px;
-  width: 22px;
-  height: 18px;
+.KIT__ArrowButton-module__openedColor___M7HTi * {
+  fill: var(--arrow-button-opened-svg-path-fill);
+  cursor: pointer;
 }
 
-.KIT__ArrowButton-module__default___LNKYw path {
-  fill: var(--arrow-button-svg-path-fill);
+.KIT__ArrowButton-module__defaultClasses___mj1Wq.KIT__ArrowButton-module__openedColor___M7HTi {
+  transform: rotate(0deg);
 }
 
 .KIT__Selector-module__wrapperSelector___gMgBa {
@@ -1022,6 +983,7 @@
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  color: var(--selector-overflow-color);
 }
 
 .KIT__Selector-module__column___lV8W1 {
@@ -1035,7 +997,7 @@
 .KIT__Selector-module__label___WfHNj {
   font-weight: 500;
   font-size: var(--font-size-xs);
-  color: var(--base-400);
+  color: var(--selector-label-text-color);
 }
 
 .KIT__Selector-module__maxSize___ElpMa {
@@ -1273,12 +1235,13 @@
     align-items: center;
     justify-content: center;
     position: relative;
-    z-index: 2;
-    padding-bottom: var(--indent-l);
+    z-index: calc(var(--layout-lvl-1) + 1);
+    padding-bottom: var(--indent-s);
     white-space: nowrap;
     text-overflow: ellipsis;
     width: 100%;
     gap: var(--indent-s);
+    font-size: var(--font-size-s);
   }
 .KIT__Tabs-module__wrapperTabs___rFoBY .KIT__Tabs-module__tab___NBVtA.KIT__Tabs-module__buttonTab___Tpphz {
       padding: var(--indent-s);
@@ -1311,6 +1274,7 @@
     border-radius: var(--border-s);
     border: 2px solid var(--tab-border-bottom-color);
     background: var(--primary-gradient);
+    z-index: var(--layout-lvl-1);
   }
 .KIT__Tabs-module__wrapperTabs___rFoBY::-webkit-scrollbar {
     width: 0;
@@ -1464,6 +1428,117 @@
 .KIT__Timer-module__time___imFax:first-child {
   margin-left: 0;
 }
+.KIT__PhoneView-module__row___EVJyb {
+  display: flex;
+  background-color: var(--input-background);
+  border-radius: var(--border-s);
+}
+
+.KIT__PhoneView-module__codeWrapper___pUMRn {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  padding-left: var(--indent-s);
+}
+
+.KIT__PhoneView-module__column___bl_cw {
+  flex-direction: column;
+}
+
+.KIT__PhoneView-module__mainInput___qB1oB {
+  height: 50px;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.KIT__PhoneView-module__content___Dnmvr {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+.KIT__PhoneView-module__phoneText___rHzpz {
+  font-size: var(--font-size-xs);
+  font-weight: 500;
+  color: var(--base-400);
+  padding-left: var(--indent-s);
+  line-height: 14px;
+}
+
+.KIT__PhoneView-module__code___y3pYW {
+  display: flex;
+}
+
+.KIT__PhoneView-module__arrow___Qw7Mg {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  cursor: pointer;
+}
+
+.KIT__PhoneView-module__arrow___Qw7Mg svg {
+    transition: all 0.5s;
+    transform: rotate(180deg);
+  }
+
+.KIT__PhoneView-module__opened___cbAQs .KIT__PhoneView-module__arrow___Qw7Mg svg {
+    transform: none;
+    transform: initial;
+  }
+
+.KIT__PhoneView-module__input___gRvqf {
+  padding: 0;
+  border: none;
+  background: transparent;
+}
+
+.KIT__PhoneView-module__inputWrapper___lQu09 {
+  background-color: transparent;
+  height: 100%;
+}
+
+.KIT__PhoneView-module__inputText___MRtU0 {
+  font-weight: 400;
+  width: 100%;
+  padding: 0;
+  font-size: 0;
+  height: 100%;
+  z-index: calc(var(--layout-lvl-1) + 1);
+}
+
+.KIT__PhoneView-module__name___glkXr {
+  color: var(--phone-view-name-color);
+  font-size: var(--font-size-s);
+  display: flex;
+  align-items: center;
+  padding-left: var(--indent-s);
+}
+
+.KIT__PhoneView-module__borderColorfulRed___j2jR2 {
+  border: 1px solid var(--input-border-red);
+  border-radius: var(--input-border-radius);
+}
+
+.KIT__PhoneView-module__borderColorfulRed___j2jR2 .KIT__PhoneView-module__codeWrapper___pUMRn,
+.KIT__PhoneView-module__borderColorfulRed___j2jR2 .KIT__PhoneView-module__input___gRvqf {
+  border: none;
+}
+
+.KIT__PhoneView-module__placeholder___xpTLd {
+  position: absolute;
+  left: 0;
+  z-index: 1;
+}
+
+.KIT__PhoneView-module__placeholder___xpTLd .KIT__PhoneView-module__value___qzrlu {
+    color: var(--input-text-color);
+  }
+
+.KIT__PhoneView-module__highlightX___U4qhC {
+  color: var(--x-reg-color);
+}
+
 .KIT__PhoneInput-module__input___hyTKa {
   border-radius: var(--border-s);
   border: var(--input-border);
@@ -1503,6 +1578,7 @@
   font-size: 11px;
   overflow: hidden;
   color: rgb(var(--red));
+  padding-left: var(--indent-m);
 }
 
 .KIT__PhoneInput-module__input___hyTKa:-webkit-autofill,
@@ -1557,103 +1633,6 @@
       background: var(--phone-input-item-hover-background-color);
     }
 
-.KIT__PhoneView-module__row___EVJyb {
-  display: flex;
-  background-color: var(--input-background);
-  border-radius: var(--border-s);
-}
-
-.KIT__PhoneView-module__codeWrapper___pUMRn {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-  padding-left: var(--indent-s);
-}
-
-.KIT__PhoneView-module__column___bl_cw {
-  flex-direction: column;
-}
-
-.KIT__PhoneView-module__mainInput___qB1oB {
-  height: 50px;
-  flex-direction: column;
-  justify-content: center;
-}
-
-.KIT__PhoneView-module__content___Dnmvr {
-  display: flex;
-  align-items: center;
-}
-
-.KIT__PhoneView-module__phoneText___rHzpz {
-  font-size: var(--font-size-xs);
-  font-weight: 500;
-  color: var(--base-400);
-  padding-left: var(--indent-s);
-  line-height: 14px;
-}
-
-.KIT__PhoneView-module__code___y3pYW {
-  display: flex;
-}
-
-.KIT__PhoneView-module__arrow___Qw7Mg {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  cursor: pointer;
-}
-
-.KIT__PhoneView-module__arrow___Qw7Mg svg {
-    transition: all 0.5s;
-    transform: rotate(180deg);
-  }
-
-.KIT__PhoneView-module__opened___cbAQs .KIT__PhoneView-module__arrow___Qw7Mg svg {
-    transform: none;
-    transform: initial;
-  }
-
-.KIT__PhoneView-module__input___gRvqf {
-  padding: 0;
-  border: none;
-  background: transparent;
-}
-
-.KIT__PhoneView-module__mainInput___qB1oB .KIT__PhoneView-module__input___gRvqf {
-  height: auto;
-}
-
-.KIT__PhoneView-module__inputWrapper___lQu09 {
-  height: auto;
-  height: initial;
-  background-color: transparent;
-}
-
-.KIT__PhoneView-module__inputText___MRtU0 {
-  font-weight: 400;
-  padding: 0;
-}
-
-.KIT__PhoneView-module__name___glkXr {
-  color: var(--phone-view-name-color);
-  font-size: var(--font-size-s);
-      display: flex;
-    align-items: center;
-   padding-left: var(--indent-s);
-}
-
-.KIT__PhoneView-module__borderColorfulRed___j2jR2 {
-  border: 1px solid var(--input-border-red);
-  border-radius: var(--input-border-radius);
-}
-
-.KIT__PhoneView-module__borderColorfulRed___j2jR2 .KIT__PhoneView-module__codeWrapper___pUMRn,
-.KIT__PhoneView-module__borderColorfulRed___j2jR2 .KIT__PhoneView-module__input___gRvqf {
-  border: none;
-}
-
 .KIT__Code-module__drop____Xnq2 {
   height: 100%;
   border-radius: var(--radius-1);
@@ -1741,7 +1720,7 @@
   height: 100%;
   background: var(--phone-box-background);
   border: 1px solid var(--input-default-border-color);
-  color: var(--base-0);
+  color: transparent;
   font-size: var(--font-size-m);
   font-weight: 400;
   padding: 0 var(--indent-m);
@@ -1777,6 +1756,22 @@
   font-size: var(--font-size-xs);
 }
 
+.KIT__PhoneBox-module__relative___rrYb6 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.KIT__PhoneBox-module__value___q6e7Y {
+  position: absolute;
+  top: 15px;
+  left: var(--indent-m);
+  color: var(--base-0);
+  font-size: var(--font-size-m);
+  /* z-index: -1; */
+  font-weight: 400;
+}
+
 .KIT__InputBox-module__wrapperPasswordBox___AyUW_ {
   margin-bottom: var(--indent-xxl);
   color: var(--base-0);
@@ -1933,6 +1928,65 @@
   color: var(--base-0);
 }
 
+.KIT__SocialButton-module__wrapperSocialButton___zzRye {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--indent-xs);
+  cursor: pointer;
+}
+
+.KIT__SocialButton-module__iconBox___SBfYf {
+  --height: 44px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: var(--border-m);
+  height: 44px;
+  height: var(--height);
+  width: 100%;
+}
+
+.KIT__SocialButton-module__title___XGj0M {
+  color: var(--base-0);
+  font-size: var(--font-size-xs);
+}
+
+.KIT__SocialButtons-module__wrapperSocialButtons___NZOfm {
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-m);
+  margin-bottom: var(--indent-m);
+}
+
+.KIT__SocialButtons-module__socialButtons___ZWpE0 {
+  display: grid;
+  width: 100%;
+  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+  grid-gap: var(--indent-m);
+  gap: var(--indent-m);
+}
+
+.KIT__SocialButtons-module__row___DA7Ns {
+  display: flex;
+  align-items: center;
+  gap: var(--indent-s);
+}
+
+.KIT__SocialButtons-module__line___feDyO {
+  height: 1px;
+  background-color: rgba(255, 255, 255, 0.1);
+  flex: 1;
+}
+
+.KIT__SocialButtons-module__or___pGdGi {
+  color: rgba(161, 166, 178, 1);
+  font-size: var(--font-size-m);
+}
+
 .KIT__SignUpTypeTwo-module__wrapperSignUp___P12OH {
   --tab-color: rgba(255, 255, 255, 0.5);
   --active-tab-color: var(--base-0);
@@ -2322,65 +2376,6 @@
   color: var(--red-1000);
 }
 
-.KIT__SocialButton-module__wrapperSocialButton___zzRye {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--indent-xs);
-  cursor: pointer;
-}
-
-.KIT__SocialButton-module__iconBox___SBfYf {
-  --height: 44px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background-color: rgba(255, 255, 255, 0.1);
-  border-radius: var(--border-m);
-  height: 44px;
-  height: var(--height);
-  width: 100%;
-}
-
-.KIT__SocialButton-module__title___XGj0M {
-  color: var(--base-0);
-  font-size: var(--font-size-xs);
-}
-
-.KIT__SocialButtons-module__wrapperSocialButtons___NZOfm {
-  display: flex;
-  flex-direction: column;
-  gap: var(--indent-m);
-  margin-bottom: var(--indent-m);
-}
-
-.KIT__SocialButtons-module__socialButtons___ZWpE0 {
-  display: grid;
-  width: 100%;
-  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-  grid-gap: var(--indent-m);
-  gap: var(--indent-m);
-}
-
-.KIT__SocialButtons-module__row___DA7Ns {
-  display: flex;
-  align-items: center;
-  gap: var(--indent-s);
-}
-
-.KIT__SocialButtons-module__line___feDyO {
-  height: 1px;
-  background-color: rgba(255, 255, 255, 0.1);
-  flex: 1;
-}
-
-.KIT__SocialButtons-module__or___pGdGi {
-  color: rgba(161, 166, 178, 1);
-  font-size: var(--font-size-m);
-}
-
 .KIT__SignUpTypeThree-module__wrapperSignUpModal___ODeA9 {
   --semi-dark-gray: rgb(46, 58, 76);
   --third-primary-color: rgb(252, 212, 53);
@@ -2753,7 +2748,7 @@
 }
 
 .KIT__SignIn-module__content___tU4ST .KIT__SignIn-module__passwordField___PMmjM,
-.KIT__SignIn-module__wrapperForm___n33_f>div,
+.KIT__SignIn-module__wrapperForm___n33_f > div,
 .KIT__SignIn-module__lostPsw___bqjdO {
   cursor: pointer;
   width: var(--full);
@@ -2807,15 +2802,23 @@
   margin-bottom: 0;
 }
 
-.KIT__SignIn-module__reg___GSs_9 {
-  opacity: 0.7;
+.KIT__SignIn-module__noAccount___tMNZ_ {
+  cursor: pointer;
+  color: var(--auth-button-text-color);
 }
 
+.KIT__SignIn-module__noAccount___tMNZ_ span {
+    margin-left: var(--indent-xs);
+    font-weight: 500;
+    color: #4576f4;
+  }
+
 @media (min-width: 768px) {
   .KIT__SignIn-module__wrapperSignInModal___TsZU2 {
     width: 500px;
   }
 }
+
 .KIT__PopUpHeader-module__wrapperPopUpHeader___GmjiQ {
   display: flex;
   justify-content: space-between;
@@ -2961,7 +2964,6 @@
 .KIT__ModalLayout-module__overflow___wwFs1 {
   border-radius: var(--border-l) var(--border-l) 0 0;
   overflow: hidden;
-  margin-bottom: var(--indent-l);
 }
 
 @media screen and (min-width: 768px) {
@@ -6525,6 +6527,7 @@
   );
   /*Notice: it equals 255,255,255,0.5*/
   --sign-up-modal-checkbox-color: var(--base-0, white);
+  --x-reg-color: var(--base-400);
 
   /* Second */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.1.69",
+  "version": "0.1.71",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],