react-gldn-kit 0.1.63 → 0.1.65

package/dist/main.css

@@ -656,9 +656,14 @@
   height:8px;
 }
 
+.KIT__BaseInputUi-module__mainContainer___rOSUI {
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-xs);
+  width: 100%;
+}
 .KIT__BaseInputUi-module__inputWrapper___AnbPW {
   border-radius: var(--input-border-radius);
-  border: var(--input-border);
   height: var(--input-height);
   display: flex;
   align-items: center;
@@ -788,12 +793,9 @@
 }
 
 .KIT__BaseInputUi-module__errorText___f7axC {
-  position: absolute;
-  bottom: -15px;
   max-width: 100%;
   white-space: nowrap;
   text-overflow: ellipsis;
-  left: 0;
   font-size: 11px;
   overflow: hidden;
   color: var(--input-error);
@@ -845,14 +847,14 @@
 .KIT__BaseInputUi-module__input___RWf0J:-webkit-autofill:hover,
 .KIT__BaseInputUi-module__input___RWf0J:-webkit-autofill:focus,
 .KIT__BaseInputUi-module__input___RWf0J:-webkit-autofill:active {
-  -webkit-box-shadow: 0 40px var(--input-background) inset;
+  -webkit-box-shadow: 0 40px transparent inset;
   -webkit-text-fill-color: var(--input-text-color);
   -webkit-background-clip: text;
   background-clip: text;
 }
 
 .KIT__BaseInputUi-module__input___RWf0J:-moz-autofill {
-  box-shadow: 0 40px var(--input-background) inset;
+  box-shadow: 0 40px transparent inset;
   color: var(--input-text-color);
   background-clip: text;
 }
@@ -906,8 +908,9 @@
 }
 
 .KIT__PromoCode-module__marginBottom___ym0Mm {
-  margin-bottom: 60px;
+  margin-bottom: var(--indent-l);
 }
+
 .KIT__ArrowButton-module__openedColor___M7HTi * {
   fill: var(--arrow-button-opened-svg-path-fill);
   cursor: pointer;
@@ -954,22 +957,35 @@
   width: var(--large);
 }
 
-.KIT__Selector-module__item___H9Toq {
-  border-radius: var(--selector-border-radius);
+.KIT__Selector-module__item___H9Toq,
+.KIT__Selector-module__mainContainer___OUUM_ {
   background-color: var(--selector-item-background);
-  height: 40px;
+  height: 50px;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 2px 10px;
+  padding: var(--indent-m);
   color: var(--input-label-text-color);
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  cursor: pointer;
 }
 
-.KIT__Selector-module__item___H9Toq>div {
+.KIT__Selector-module__mainContainer___OUUM_ {
+  border-radius: var(--selector-border-radius);
+}
+
+.KIT__Selector-module__item___H9Toq:hover {
+  background-color: var(--phone-input-item-hover-background-color);
+}
+
+.KIT__Selector-module__item___H9Toq.KIT__Selector-module__disabled___tfq_t {
+  opacity: 0.7;
+}
+
+.KIT__Selector-module__item___H9Toq > div {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -983,16 +999,45 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  border: var(--selector-border);
+}
+
+.KIT__Selector-module__left___v1CLQ {
+  display: flex;
+  align-items: center;
+  gap: var(--indent-m);
+}
+
+.KIT__Selector-module__arrowBox___Mh4_4 {
+  --size: 24px;
+  width: 24px;
+  width: var(--size);
+  height: 24px;
+  height: var(--size);
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .KIT__Selector-module__overflow____BqEX {
-  max-width: calc(100% - 20px);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
+.KIT__Selector-module__column___lV8W1 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.KIT__Selector-module__label___WfHNj {
+  font-weight: 500;
+  font-size: var(--font-size-xs);
+  color: var(--base-400);
+}
+
 .KIT__Selector-module__maxSize___ElpMa {
   max-width: 100%;
 }
@@ -1028,25 +1073,22 @@
   z-index: 3;
 }
 
-.KIT__Selector-module__opacity___JnYUt {
-  background-color: var(--selector-main-bg-opened);
-  border-bottom: none;
-  opacity: 0.8;
-  border-radius: var(--selector-border-radius) var(--selector-border-radius) 0 0;
+.KIT__Selector-module__dropDownWrapper___nTExd .KIT__Selector-module__item___H9Toq {
+  height: 40px;
 }
 
-.KIT__Selector-module__bigBorder___MFnZy {
-  border: var(--selector-border);
+.KIT__Selector-module__opacity___JnYUt {
+  background-color: var(--selector-main-bg-opened);
+  border-radius: var(--selector-border-radius) var(--selector-border-radius);
 }
 
 .KIT__Selector-module__disabledBottom___SB7p7 {
   border-bottom: none;
-  border-radius: var(--selector-border-radius) var(--selector-border-radius) 0 0;
+  border-radius: var(--selector-border-radius) var(--selector-border-radius);
 }
 
 .KIT__Selector-module__disabledTop___JBoM_ {
-  border-top: none;
-  border-radius: 0 0 var(--selector-border-radius) var(--selector-border-radius);
+  border-radius: var(--selector-border-radius);
 }
 
 .KIT__Selector-module__dropDownDirection-up___b8JYy {
@@ -1054,7 +1096,7 @@
 }
 
 .KIT__Selector-module__dropDownDirection-down___VP7l8 {
-  top: 100%;
+  top: calc(100% + var(--indent-s));
 }
 
 .KIT__Selector-module__listItem___dSMzY {
@@ -1096,8 +1138,14 @@
   }
 }
 
-.KIT__Selector-module__rotate___HYMRK {
+.KIT__Selector-module__arrowButton___sMkYv {
   transform: rotate(180deg);
+  width: 16px;
+  height: 9px;
+}
+
+.KIT__CurrencySelector-module__arrow___Jzcad {
+  order: -1;
 }
 
 .KIT__HOCRequestLoader-module__loader___xFYfs {
@@ -1196,10 +1244,6 @@
   color: var(--sign-up-modal-checkbox-color);
 }
 
-.KIT__Docs-module__link___PZSYE {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
 .KIT__OneClick-module__fullWidth___vk4aC {
   width: 100%;
 }
@@ -1259,8 +1303,8 @@
     height: 2px;
     background-color: var(--tab-indicator-bg);
     transition: 0.3s;
-    bottom: 0;
-    z-index: 1;
+    bottom: 1px;
+    z-index: calc(var(--layout-lvl-1) + 1);
   }
 .KIT__Tabs-module__wrapperTabs___rFoBY .KIT__Tabs-module__buttonActiveIndicator___l6_IM {
     height: 100%;
@@ -1272,11 +1316,16 @@
     width: 0;
     height: 0;
   }
+.KIT__Tabs-module__border___IJHnH {
+  border-bottom: var(--tab-border-bottom-default);
+}
+
 .KIT__SignUp-module__wrapperSignUpModal___rbBZ2 {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
+  padding: var(--indent-xs);
 }
 
 .KIT__SignUp-module__wrapperTitle___5QJvI {
@@ -1289,6 +1338,13 @@
   color: var(--sign-up-modal-bonus-text-title-color);
 }
 
+.KIT__SignUp-module__signUpTitle___KqL7g {
+  font-size: var(--font-size-l);
+  color: var(--sign-up-modal-bonus-text-title-color);
+  font-weight: 700;
+  margin-bottom: var(--indent-xl);
+}
+
 .KIT__SignUp-module__subText___mEdDI {
   font-size: var(--font-size-s);
   color: var(--sign-up-modal-bonus-subtext-color);
@@ -1319,11 +1375,11 @@
 }
 
 .KIT__SignUp-module__tabs___V1uaG {
-  margin-bottom: calc(var(--indent-l) * 2);
+  margin-bottom: var(--indent-m);
 }
 
 .KIT__SignUp-module__marginB___vy5fB {
-  margin-bottom: var(--indent-l);
+  margin-bottom: var(--indent-s);
 }
 
 .KIT__SignUp-module__checkbox___VFwSz {
@@ -1364,7 +1420,7 @@
 
 .KIT__SignUp-module__authButtonText___f1wcw {
   cursor: pointer;
-  color: white;
+  color: var(--auth-button-text-color);
   font-weight: 300;
 }
 
@@ -1433,7 +1489,7 @@
   position: relative;
   display: flex;
   flex-direction: column;
-  gap: var(--indent-m);
+  gap: var(--indent-xs);
 }
 
 .KIT__PhoneInput-module__errorBorder___QOw8R {
@@ -1441,12 +1497,9 @@
 }
 
 .KIT__PhoneInput-module__error___mgsEO {
-  position: absolute;
-  top: 100%;
   max-width: 100%;
   white-space: nowrap;
   text-overflow: ellipsis;
-  left: 0;
   font-size: 11px;
   overflow: hidden;
   color: rgb(var(--red));
@@ -1483,33 +1536,31 @@
     top: calc(100% + var(--indent-xs));
     width: 100%;
     left: 0;
-    border: var(--input-border);
     background-color: var(--input-background);
     z-index: 3;
     border-radius: var(--border-s);
-    overflow: hidden;
+    overflow-y: auto;
+    max-height: 200px;
   }
 
 .KIT__PhoneInput-module__list___GgLkp .KIT__PhoneInput-module__items___UoSJS .KIT__PhoneInput-module__disabledBorder___UYdKe {
       border: none;
-      background: #1f222f;
       border-radius: 0;
+      height: 40px;
     }
 
 .KIT__PhoneInput-module__list___GgLkp .KIT__PhoneInput-module__items___UoSJS .KIT__PhoneInput-module__disabledBorder___UYdKe:active {
-      background: var(--base-700);
+      background: var(--phone-input-item-hover-background-color);
     }
 
 .KIT__PhoneInput-module__list___GgLkp .KIT__PhoneInput-module__items___UoSJS .KIT__PhoneInput-module__disabledBorder___UYdKe:hover {
-      background: var(--base-700);
+      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);
-  border: 2px solid transparent;
-  border: 2px solid var(--base-700, transparent);
 }
 
 .KIT__PhoneView-module__codeWrapper___pUMRn {
@@ -1526,6 +1577,7 @@
 .KIT__PhoneView-module__mainInput___qB1oB {
   height: 50px;
   flex-direction: column;
+  justify-content: center;
 }
 
 .KIT__PhoneView-module__content___Dnmvr {
@@ -1538,6 +1590,7 @@
   font-weight: 500;
   color: var(--base-400);
   padding-left: var(--indent-s);
+  line-height: 14px;
 }
 
 .KIT__PhoneView-module__code___y3pYW {
@@ -1564,7 +1617,6 @@
 
 .KIT__PhoneView-module__input___gRvqf {
   padding: 0;
-  padding-left: var(--indent-s);
   border: none;
   background: transparent;
 }
@@ -1573,13 +1625,19 @@
   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(--base-0);
+  color: var(--phone-view-name-color);
   font-size: var(--font-size-s);
       display: flex;
     align-items: center;
@@ -2004,6 +2062,26 @@
   font-size: var(--font-size-l);
 }
 
+.KIT__SignUpTypeTwo-module__grayTwo___Tqrxn {
+  --background: rgba(25, 33, 44, 1);
+  --border: none;
+  --tab-indicator-background: rgba(39, 195, 92, 1);
+  --tab-border-bottom: 2px solid rgba(39, 195, 92, 0.2);
+  --currency-box-border-color: rgba(213, 163, 101, 0.5);
+  --currency-box-background: rgba(14, 19, 25, 1);
+  --phone-wrapper-background: rgba(14, 19, 25, 1);
+  --submit-button-background: rgba(39, 195, 92, 1);
+  --submit-button-color: var(--base-0);
+  --track-background: var(--base-1000);
+  --thumb-background: rgba(46, 52, 59, 1);
+  --input-filled-border-color: rgba(255, 255, 255, 0.3);
+  --input-focus-border-color: rgba(39, 195, 92, 1);
+}
+
+.KIT__SignUpTypeTwo-module__grayTwo___Tqrxn .KIT__SignUpTypeTwo-module__submitButton___wN2jO {
+  border-radius: var(--border-s);
+}
+
 .KIT__SignUpTypeTwo-module__pink___cIZDT {
   --background: linear-gradient(181.81deg, #a21a4b -0.66%, #350717 98.3%);
   border: 4px solid;
@@ -2063,21 +2141,35 @@
   --track-background: var(--base-1000);
 }
 
+.KIT__SignUpTypeTwo-module__black___FeYQJ {
+  --background: rgba(0, 0, 0, 1);
+  --tab-border-bottom: 2px solid rgba(224, 168, 37, 0.2);
+  --tab-indicator-background: rgba(224, 168, 37, 1);
+  --submit-button-background: linear-gradient(90deg, #FFDE6A 0%, #E0A825 100%);
+  --currency-box-background: rgba(24, 24, 24, 1);
+  --phone-wrapper-background: rgba(24, 24, 24, 1);
+  --thumb-background: rgba(36, 36, 36, 1);
+  --input-focus-border-color: rgba(0, 104, 62, 0.5);
+}
+
 .KIT__SignUpTypeTwo-module__contentArea___N15Kc {
   overflow-y: auto;
   width: 100%;
 }
 
-.KIT__SignUpTypeTwo-module__contentArea___N15Kc::-webkit-scrollbar {
+.KIT__SignUpTypeTwo-module__contentArea___N15Kc::-webkit-scrollbar,
+.KIT__SignUpTypeTwo-module__wrapperSignUp___P12OH::-webkit-scrollbar {
   width: 9px;
 }
 
-.KIT__SignUpTypeTwo-module__contentArea___N15Kc::-webkit-scrollbar-thumb {
+.KIT__SignUpTypeTwo-module__contentArea___N15Kc::-webkit-scrollbar-thumb,
+.KIT__SignUpTypeTwo-module__wrapperSignUp___P12OH::-webkit-scrollbar-thumb {
   background: var(--thumb-background);
   border-radius: 3px;
 }
 
-.KIT__SignUpTypeTwo-module__contentArea___N15Kc::-webkit-scrollbar-track {
+.KIT__SignUpTypeTwo-module__contentArea___N15Kc::-webkit-scrollbar-track,
+.KIT__SignUpTypeTwo-module__wrapperSignUp___P12OH::-webkit-scrollbar-track {
   background: var(--track-background);
 }
 
@@ -2092,7 +2184,6 @@
 
 .KIT__SignUpTypeTwo-module__tabs___OWm0f .KIT__SignUpTypeTwo-module__indicator___rlu4L {
   background-color: var(--tab-indicator-background);
-  bottom: 1px;
 }
 
 .KIT__SignUpTypeTwo-module__title___or0dJ {
@@ -2147,7 +2238,7 @@
 }
 
 .KIT__SignUpTypeTwo-module__signIn_____9U7 {
-  color: rgba(255, 255, 255, 0.702);
+  color: rgba(255, 255, 255, 0.5);
   text-align: center;
   margin: var(--indent-l) 0;
   font-size: var(--font-size-s);
@@ -2644,7 +2735,7 @@
 }
 
 .KIT__SignIn-module__content___tU4ST .KIT__SignIn-module__wrapperTabs___Y69IT {
-  width: calc(var(--full) - var(--indent-xxl));
+  width: var(--full);
   margin-bottom: var(--indent-m);
   border-bottom: 2px solid transparent;
 }
@@ -2657,13 +2748,15 @@
 .KIT__SignIn-module__wrapperForms___Tahny {
   width: 100%;
   display: flex;
+  position: relative;
+  z-index: 3;
 }
 
 .KIT__SignIn-module__content___tU4ST .KIT__SignIn-module__passwordField___PMmjM,
 .KIT__SignIn-module__wrapperForm___n33_f>div,
 .KIT__SignIn-module__lostPsw___bqjdO {
   cursor: pointer;
-  width: calc(var(--full) - var(--indent-xxl));
+  width: var(--full);
 }
 
 .KIT__SignIn-module__wrapperForm___n33_f {
@@ -2698,15 +2791,15 @@
 }
 
 .KIT__SignIn-module__dash___UQOxa {
-  width: calc(var(--full) - var(--indent-xxl));
+  width: var(--full);
   margin-bottom: var(--indent-m);
   border-bottom: 2px solid var(--border-color-gray);
 }
 
 .KIT__SignIn-module__content___tU4ST .KIT__SignIn-module__btn___i75DV {
-  width: calc(var(--full) - var(--indent-xxl));
-  max-width: calc(var(--full) - var(--indent-xxl));
-  min-width: calc(var(--full) - var(--indent-xxl));
+  width: var(--full);
+  max-width: var(--full);
+  min-width: var(--full);
   margin-bottom: var(--indent-m);
 }
 
@@ -2725,13 +2818,11 @@
 }
 .KIT__PopUpHeader-module__wrapperPopUpHeader___GmjiQ {
   display: flex;
-  justify-content: center;
+  justify-content: space-between;
   height: var(--height-48);
   padding: 0 var(--indent-l);
   flex-shrink: 0;
-  /* background-color: rgb(var(--dark)); */
   background-color: var(--pop-up-header);
-  border-bottom: 2px solid var(--border-color-gray);
   align-items: center;
   width: 100%;
   position: relative;
@@ -2742,15 +2833,20 @@
   border-bottom: none;
 }
 
+.KIT__PopUpHeader-module__leftContent___lIcyz {
+  display: flex;
+  align-items: center;
+  gap: var(--indent-m);
+}
+
 .KIT__PopUpHeader-module__title___PWFyT {
-  font-weight: 400;
-  font-size: 14px;
+  font-weight: 600;
+  font-size: var(--font-size-l);
   color: var(--pop-up-header-title-color);
   text-align: center;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
-  width: 70%;
 }
 
 .KIT__PopUpHeader-module__closeButton___fwcjS {
@@ -2762,9 +2858,6 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
   cursor: pointer;
 }
 
@@ -2791,6 +2884,7 @@
 .KIT__PopUpHeader-module__right___n8ZfB {
   right: var(--indent-l);
 }
+
 .KIT__PortalLayout-module__wrapperPortalLayout___o5fiH {
   position: fixed;
   width: 100%;
@@ -6310,16 +6404,15 @@
   --input-xl: 90px;
   --input-xxl: 150px;
   --input-full: 100%;
-  --input-height: 40px;
+  --input-height: 50px;
   --input-icon-width: 25px;
   /* Colors */
   --input-border-focus-bg: var(--green-100, red);
   --input-border-bg: var(--border-color, red);
   --input-border-radius: var(--indent-s);
   --input-border: 2px solid var(--base-700, transparent);
-  --input-height: 40px;
   --input-padding: var(--indent-xs) var(--indent-m);
-  --input-background: var(--base-900, red);
+  --input-background: var(--base-800, red);
   --input-label-text-color: color-mix(in oklab, var(--base-0, red) 50%, transparent 50%);
   --input-text-color: var(--base-0, white);
   --input-border-colorful: var(--green-100, red);
@@ -6373,6 +6466,10 @@
   --button-color-primary-text: var(--base-0, white);
   --button-color-black: var(--base-700, transparent);
   --button-color-black-text: var(--base-0, white);
+
+  --arrow-button-svg-path-fill: var(--base-600);
+  --arrow-button-opened-svg-path-fill: var(--base-600);
+  --auth-button-text-color: var(--base-0, white);
 }
 
 :root {
@@ -6413,6 +6510,7 @@
   --tab-border-bottom-color: var(--green-100, red);
   --tab-button-active-shadow: 0 0px 9px var(--green-100),
     inset 0 8px 1px color-mix(in oklab, var(--green-100) 10%, transparent 90%);
+    --tab-border-bottom-default: 2px solid var(--base-700);
 }
 
 :root {

package/package.json

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

package/dist/44e37556cab6e2a7ab8cf131dca24fac.svg

@@ -1,48 +0,0 @@
-<svg
-    width="176px"
-    height="90px"
-    viewBox="0 0 176 90"
-    fill="none"
-  >
-    <path
-      d="M5 67.6077V21H30.2891V31.2154H16.0234V57.3923H30.2891V67.6077H5Z"
-      fill="white"
-    />
-    <path
-      d="M40.6641 67.6077V21H52.3359V57.3923H65.9531V67.6077H40.6641Z"
-      fill="white"
-    />
-    <path
-      d="M126.258 67.6077V21H137.281L159.977 49.7308V21H171V67.6077H159.977L137.281 38.8769V67.6077H126.258Z"
-      fill="white"
-    />
-      <path
-        d="M71.7891 51.0077L87.5201 69.5231L102.784 54.6469L100.126 51.4929L87.598 63.33L75.8094 49.6797L71.7761 50.9949L71.7891 51.0077Z"
-        fill="var(--green-100)"
-      />
-      <path
-        d="M89.4784 67.0075L112.174 62.0658L106.247 41.6223L102.162 42.4906L106.545 58.8608L89.1413 63.0618L89.4784 67.0203V67.0075Z"
-        fill="var(--green-100)"
-      />
-      <path
-        d="M110.734 59.5503L117.18 37.268L96.4816 32.1731L95.6256 36.2465L111.811 40.1411L107.077 57.9669L110.721 59.5503H110.734Z"
-        fill="var(--green-100)"
-      />
-      <path
-        d="M114.482 37.1786L97.8692 21L83.6555 36.1315L86.768 39.0812L97.947 26.81L111.305 39.5665L114.482 37.1786Z"
-        fill="var(--green-100)"
-      />
-      <path
-        d="M97.8692 23.7071L76.2374 26.7462L80.8542 47.8154L84.7449 47.1769L81.0488 30.0917L95.5478 28.0869L97.8563 23.7071H97.8692Z"
-        fill="var(--green-100)"
-      />
-      <path
-        d="M77.3656 29.2489L69.1953 51.4674L89.66 57.7626L90.7623 54.0851L74.5514 49.1306L80.1669 33.118L77.3656 29.2617V29.2489Z"
-        fill="var(--green-100)"
-      />
-      <path
-        d="M25.4258 49.7308C28.4698 49.7308 30.9375 47.3011 30.9375 44.3039C30.9375 41.3067 28.4698 38.877 25.4258 38.877C22.3817 38.877 19.9141 41.3067 19.9141 44.3039C19.9141 47.3011 22.3817 49.7308 25.4258 49.7308Z"
-        fill="var(--green-100)"
-      />
-
-  </svg>