react-gldn-kit 0.1.48 → 0.1.50

package/dist/main.css

@@ -1450,6 +1450,10 @@
   border-radius: var(--border-xs);
 }
 
+.KIT__Code-module__drop____Xnq2.KIT__Code-module__colorfulBorder___ThrJY {
+  border-color: var(--input-focus-border-color);
+}
+
 .KIT__Code-module__selection___XSk3l {
   height: 100%;
   align-items: center;
@@ -1519,7 +1523,7 @@
 .KIT__PhoneBox-module__input___cViDI {
   height: 100%;
   background: var(--phone-box-background);
-  border: 1px solid var(--phone-box-border-color);
+  border: 1px solid var(--input-default-border-color);
   color: var(--base-0);
   font-size: var(--font-size-m);
   font-weight: 400;
@@ -1530,8 +1534,13 @@
 
 .KIT__PhoneBox-module__input___cViDI:focus {
     background: rgba(255, 255, 255, 0.1);
+    border-color: var(--input-focus-border-color);
   }
 
+.KIT__PhoneBox-module__input___cViDI.KIT__PhoneBox-module__colorfulBorder___gnfjW {
+  border-color: var(--input-filled-border-color);
+}
+
 .KIT__PhoneBox-module__input___cViDI::-moz-placeholder {
   color: rgba(255, 255, 255, 0.5);
 }
@@ -1556,11 +1565,19 @@
   align-items: center;
   justify-content: space-between;
   padding: 0 var(--indent-m);
-  border: 1px solid rgba(255, 255, 255, 0.141);
+  border: 1px solid var(--input-default-border-color);
   border-radius: var(--border-xs);
   position: relative;
+}
 
+.KIT__InputBox-module__wrapperPasswordBox___AyUW_:has(input:focus) {
+  border-color: var(--input-focus-border-color);
 }
+
+.KIT__InputBox-module__wrapperPasswordBox___AyUW_.KIT__InputBox-module__colorfulBorder___mIlPa {
+  border-color: var(--input-filled-border-color);
+}
+
 .KIT__InputBox-module__key___MnZDq {
   padding-right: var(--indent-m);
   width: 24px;
@@ -1580,8 +1597,8 @@
   display: flex;
   height: inherit;
   position: relative;
-
 }
+
 .KIT__InputBox-module__inputWrapper___sTOJU input {
   width: 100%;
   line-height: 24px;
@@ -1592,6 +1609,7 @@
   border: none;
   border-radius: 0;
 }
+
 .KIT__InputBox-module__inputWrapper___sTOJU input:focus ~ .KIT__InputBox-module__label___EFq1u {
     max-width: 133%;
     transform: translateY(-40%) scale(0.75);
@@ -1643,10 +1661,6 @@
   left: 0;
 }
 
-.KIT__PasswordBox-module__passwordInput____X2Sj {
-  border: 1px solid var(--password-box-border-color);
-}
-
 .KIT__CurrencyBox-module__wrapperSelector___JATKR {
   position: relative;
   border-radius: var(--border-xs);
@@ -1664,8 +1678,17 @@
   z-index: var(--layout-lvl-1);
 }
 
-.KIT__CurrencyBox-module__input___UN8Sd {
-  border-color: var(--currency-box-border-color);
+.KIT__CurrencyBox-module__wrapperItems___IvQ82::-webkit-scrollbar {
+  width: 9px;
+}
+
+.KIT__CurrencyBox-module__wrapperItems___IvQ82::-webkit-scrollbar-thumb {
+  background: var(--thumb-background);
+  border-radius: 3px;
+}
+
+.KIT__CurrencyBox-module__wrapperItems___IvQ82::-webkit-scrollbar-track {
+  background: var(--track-background);
 }
 
 .KIT__CurrencyBox-module__item___aofYd {
@@ -1694,14 +1717,15 @@
   --active-tab-color: var(--base-0);
   --submit-button-color: var(--base-1000);
   --submit-button-font-size: var(--font-size-m);
-  --currency-box-border-color: rgba(255, 255, 255, 0.1);
-  --password-box-border-color: rgba(255, 255, 255, 0.1);
-  --email-box-border-color: rgba(255, 255, 255, 0.1);
-  --phone-box-border-color: rgba(255, 255, 255, 0.1);
+  --input-default-border-color: rgba(255, 255, 255, 0.1);
+  --input-filled-border-color: rgba(255, 255, 255, 0.3);
+  --input-focus-border-color: rgba(255, 255, 255, 0.3);
   --phone-box-background: rgba(255, 255, 255, 0.1);
   --submit-button-background: rgb(246, 169, 19);
   --tab-border-bottom: 2px solid rgba(252, 216, 32, 0.2);
   --tab-indicator-background: rgba(245, 187, 37, 1);
+  --track-background: transparent;
+  --thumb-background: rgba(136, 94, 57, 1);
 
   position: fixed;
   top: 0;
@@ -1713,7 +1737,6 @@
   background: var(--background);
   border: var(--border);
   box-shadow: var(--shadow);
-  overflow-y: auto;
 }
 
 .KIT__SignUpTypeTwo-module__brown___CRS44 {
@@ -1727,6 +1750,7 @@
   --password-box-border-color: rgba(136, 95, 160, 1);
   --email-box-border-color: rgba(136, 95, 160, 1);
   --phone-box-border-color: rgba(255, 255, 255, 0.3);
+  --thumb-background: rgba(96, 105, 148, 1);
 }
 
 .KIT__SignUpTypeTwo-module__purple___B7cKn {
@@ -1749,7 +1773,6 @@
      border-image: linear-gradient(181.3deg, #b1ff53 -1.04%, #286509 93.8%) 1;
   --tab-border-bottom: 2px solid rgba(252, 216, 32, 0.2);
   --currency-box-shadow: 1px 1px 8.6px 3px rgba(253,249,255,0.50196);
-  --currency-box-border-color: rgba(252, 216, 32, 0.502);
   --tab-indicator-background: rgba(252, 216, 32, 1);
   --submit-button-color: var(--base-0);
   --submit-button-background: linear-gradient(
@@ -1758,6 +1781,10 @@
     #ec6c06 73.02%
   );
   --submit-button-font-size: var(--font-size-l);
+  --track-background: var(--base-1000);
+  --thumb-background: rgba(5, 74, 18, 1);
+  --input-filled-border-color: rgba(252, 216, 32, 0.5);
+  --input-focus-border-color: rgba(252, 216, 32, 1);
 }
 
 .KIT__SignUpTypeTwo-module__yellow___fSYHc {
@@ -1790,6 +1817,77 @@
   --tab-border-bottom: 2px solid rgba(252, 216, 32, 0.2);
 }
 
+.KIT__SignUpTypeTwo-module__gray___ix0Zs {
+  --background: rgba(25, 33, 44, 1);
+  --border: 4px solid;
+  -o-border-image: linear-gradient(180deg, #dcb692 20.52%, #4e3621 113.24%) 1;
+     border-image: linear-gradient(180deg, #dcb692 20.52%, #4e3621 113.24%) 1;
+  --tab-indicator-background: rgba(213, 163, 101, 1);
+  --tab-border-bottom: 2px solid rgba(213, 163, 101, 0.2);
+  --currency-box-border-color: rgba(213, 163, 101, 0.5);
+  --currency-box-background: rgba(14, 19, 25, 1);
+  --currency-box-shadow: 1px 1px 8.6px 3px rgba(253, 249, 255, 0.5);
+  --phone-wrapper-background: rgba(14, 19, 25, 1);
+  --submit-button-background: rgba(255, 10, 10, 1);
+  --submit-button-color: var(--base-0);
+  --track-background: var(--base-1000);
+  --thumb-background: rgba(162, 26, 75, 1);
+  --input-filled-border-color: rgba(213, 163, 101, 0.5);
+  --input-focus-border-color: rgba(213, 163, 101, 1);
+}
+
+.KIT__SignUpTypeTwo-module__gray___ix0Zs .KIT__SignUpTypeTwo-module__submitButton___aPLn7 {
+  font-size: var(--font-size-l);
+}
+
+.KIT__SignUpTypeTwo-module__pink___T1c13 {
+  --background: linear-gradient(181.81deg, #a21a4b -0.66%, #350717 98.3%);
+  border: 4px solid;
+
+  -o-border-image: linear-gradient(181.3deg, #ff6489 -1.04%, #ba405d 93.8%) 1;
+
+     border-image: linear-gradient(181.3deg, #ff6489 -1.04%, #ba405d 93.8%) 1;
+  --currency-box-background: rgba(53, 7, 23, 1);
+  --currency-box-shadow: 1px 1px 8.6px 3px rgba(253, 249, 255, 0.5);
+  --phone-wrapper-background: rgba(53, 7, 23, 1);
+  --track-background: var(--base-1000);
+  --thumb-background: rgba(162, 26, 75, 1);
+  --submit-button-background: rgba(41, 188, 89, 1);
+  --submit-button-color: var(--base-0);
+  --input-filled-border-color: rgba(226, 171, 0, 0.5);
+  --input-focus-border-color: rgba(226, 171, 0, 1);
+  --phone-box-background: rgb(255, 255, 255, 0.1);
+}
+
+.KIT__SignUpTypeTwo-module__silver___TF63d {
+  --background: linear-gradient(183.6deg, #67615e 0.64%, #2b2b2b 97.12%);
+  --input-filled-border-color: rgba(255, 161, 0, 0.5);
+  --input-focus-border-color: rgba(255, 161, 0, 1);
+  --track-background: var(--base-1000);
+  --thumb-background: rgba(255, 161, 0, 1);
+  --phone-wrapper-background: rgba(43, 43, 43, 1);
+  --currency-box-background: rgba(43, 43, 43, 1);
+  --currency-box-shadow: 1px 1px 8.6px 3px rgba(253, 249, 255, 0.5);
+}
+
+.KIT__SignUpTypeTwo-module__contentArea___fA84v {
+  overflow-y: auto;
+  width: 100%;
+}
+
+.KIT__SignUpTypeTwo-module__contentArea___fA84v::-webkit-scrollbar {
+  width: 9px;
+}
+
+.KIT__SignUpTypeTwo-module__contentArea___fA84v::-webkit-scrollbar-thumb {
+  background: var(--thumb-background);
+  border-radius: 3px;
+}
+
+.KIT__SignUpTypeTwo-module__contentArea___fA84v::-webkit-scrollbar-track {
+  background: var(--track-background);
+}
+
 .KIT__SignUpTypeTwo-module__tabs___Ya07h .KIT__SignUpTypeTwo-module__tab___pHssv {
   color: var(--tab-color);
   border-bottom: var(--tab-border-bottom);
@@ -1813,10 +1911,6 @@
   line-height: 32px;
 }
 
-.KIT__SignUpTypeTwo-module__emailInput___EVI_Y {
-  border: 1px solid var(--email-box-border-color);
-}
-
 .KIT__SignUpTypeTwo-module__bonusImage___b5O68 {
   width: 100%;
   height: auto;
@@ -1943,6 +2037,65 @@
   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__SignIn-module__content___fTb1F {
   width: 100%;
   display: flex;

package/package.json

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