react-gldn-kit 0.1.95 → 0.1.97

package/dist/lib/components/Modals/Alert/components/AssignCurrency/index.js

@@ -57,6 +57,6 @@ var AssignCurrency = function () {
     var handlePrepareData = function () {
         registrationLastStep({ promo: promo, currencyId: activeCurrencyId });
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperAssignCurrency }, { children: [(0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies || [], countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "T.Select", handleClick: handlePrepareData, size: "--button-full", buttonHeight: "--button-height-full", color: "primary", centreText: true, disabled: !activeCurrencyId, classes: styles.bigMargin })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperAssignCurrency }, { children: [(0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies || [], countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "assignCurrency.select", handleClick: handlePrepareData, size: "--button-full", buttonHeight: "--button-height-full", color: "primary", centreText: true, disabled: !activeCurrencyId, classes: styles.bigMargin })] })));
 };
 exports.default = AssignCurrency;

package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/EmailConfirmation/index.js

@@ -47,10 +47,10 @@ var Buttons_1 = require("components/ui/Buttons");
 var constants_1 = require("../NumberConfirmation/constants");
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var constants_2 = require("components/ui/Timer/constants");
-var selectors_1 = require("zustandStore/settings/selectors");
 var store_1 = require("zustandStore/settings/store");
 var store_2 = require("zustandStore/alerts/notification/store");
-var selectors_2 = require("zustandStore/alerts/notification/selectors");
+var selectors_1 = require("zustandStore/alerts/notification/selectors");
+var selectors_2 = require("zustandStore/settings/selectors");
 var ModalContext_1 = require("context/logic/ModalContext");
 var useCountDown_1 = require("hooks/useCountDown");
 var styles = __importStar(require("./EmailConfirmation.module.css"));
@@ -59,8 +59,9 @@ var EmailConfirmation = function () {
     var sendCommand = useTransportControllers().sendCommand;
     var _a = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _a[0], setCode = _a[1];
     var timerValue = (0, react_1.useRef)(new Date().getTime() + constants_2.DEFAULT_TIMER_VALUE);
-    var appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
-    var notifications = (0, store_2.useZustandNotificationKitStore)(selectors_2.notificationKitSelectors.getNotificationsSelector);
+    var appType = (0, store_1.useZustandKitSettings)(selectors_2.getKitAppTypeSelector);
+    var bannerImage = (0, store_1.useZustandKitSettings)(selectors_2.getKitRecoveryEmailImageSelector);
+    var notifications = (0, store_2.useZustandNotificationKitStore)(selectors_1.notificationKitSelectors.getNotificationsSelector);
     var countDown = (0, useCountDown_1.useCountDown)({
         endTimestamp: timerValue.current,
     });
@@ -96,6 +97,6 @@ var EmailConfirmation = function () {
             });
         }
     }, [notifications]);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperEmailConfirmation, styles.column) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "/casino/icons-elon/ui-kit/recoveryPassword/email/".concat(appType, ".png"), className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.mediumGap) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.smallGap) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange, length: 5 }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.emailConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_EMAIL_CODE_LENGTH })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperEmailConfirmation, styles.column) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: bannerImage, className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.mediumGap) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.smallGap) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange, length: 5 }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.emailConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_EMAIL_CODE_LENGTH })] })));
 };
 exports.default = EmailConfirmation;

package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/LostPasswordPhoneForm/components/MoreInfo/index.js

@@ -39,15 +39,16 @@ var react_1 = require("react");
 var ArrowButton_1 = require("components/ui/Buttons/ArrowButton");
 var Text_1 = require("components/Text");
 var InfoThirdSvg_1 = require("components/ui/Icons/InfoThirdSvg");
-var styles = __importStar(require("./MoreInfo.module.css"));
 var selectors_1 = require("zustandStore/settings/selectors");
 var store_1 = require("zustandStore/settings/store");
+var styles = __importStar(require("./MoreInfo.module.css"));
 var MoreInfo = function () {
     var _a = (0, react_1.useState)(false), isOpened = _a[0], setOpenState = _a[1];
     var appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
+    var bannerImage = (0, store_1.useZustandKitSettings)(selectors_1.getKitRecoveryPhoneImageSelector);
     var handleToggleState = function () {
         setOpenState(!isOpened);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperMoreInfo, onClick: handleToggleState }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.left }, { children: [(0, jsx_runtime_1.jsx)(InfoThirdSvg_1.InfoThirdSvg, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.mainInfo }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.moreInfo" }) }))] })), (0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, { isOpened: isOpened, classes: styles.arrowButton })] })), isOpened && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.instructionsBlock }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.instruction }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.flashCallVerification" }) })), (0, jsx_runtime_1.jsx)("img", { src: "/casino/icons-elon/ui-kit/recoveryPassword/phone/".concat(appType, ".png"), className: styles.instructionImage })] })))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperMoreInfo, onClick: handleToggleState }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.left }, { children: [(0, jsx_runtime_1.jsx)(InfoThirdSvg_1.InfoThirdSvg, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.mainInfo }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.moreInfo" }) }))] })), (0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, { isOpened: isOpened, classes: styles.arrowButton })] })), isOpened && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.instructionsBlock }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.instruction }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.flashCallVerification" }) })), (0, jsx_runtime_1.jsx)("img", { src: bannerImage, className: styles.instructionImage })] })))] })));
 };
 exports.default = MoreInfo;

package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/NumberConfirmation/index.js

@@ -57,6 +57,7 @@ var styles = __importStar(require("./NumberConfirmation.module.css"));
 var NumberConfirmation = function () {
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
+    var bannerImage = (0, store_1.useZustandKitSettings)(selectors_1.getKitRecoveryPhoneImageSelector);
     var notifications = (0, store_2.useZustandNotificationKitStore)(selectors_2.notificationKitSelectors.getNotificationsSelector);
     var sendCommand = useTransportControllers().sendCommand;
     var _a = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _a[0], setCode = _a[1];
@@ -100,6 +101,6 @@ var NumberConfirmation = function () {
             });
         }
     }, [notifications]);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperNumberConfirmation, styles.column) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "/casino/icons-elon/ui-kit/recoveryPassword/phone/".concat(appType, ".png"), className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.mediumGap) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.smallGap) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.numberConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_PHONE_CODE_LENGTH })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperNumberConfirmation, styles.column) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: bannerImage, className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.mediumGap) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.smallGap) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.numberConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_PHONE_CODE_LENGTH })] })));
 };
 exports.NumberConfirmation = NumberConfirmation;

package/dist/lib/components/Modals/Alert/components/SetNewPassword/First/index.js

@@ -48,19 +48,25 @@ var Text_1 = require("components/Text");
 var OpenEyeSvg_1 = require("components/ui/Icons/Base/OpenEyeSvg");
 var CloseEyeSvg_1 = require("components/ui/Icons/Base/CloseEyeSvg");
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
+var store_1 = require("zustandStore/alerts/modal/store");
+var selectors_1 = require("zustandStore/alerts/modal/selectors");
+var types_2 = require("zustandStore/forms/signUp/types");
 var ModalContext_1 = require("context/logic/ModalContext");
 var validation_1 = require("service/validation");
 var styles = __importStar(require("./SetNewPassword.module.css"));
 var SetNewPassword = function () {
-    var _a, _b;
+    var _a, _b, _c;
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var sendCommand = useTransportControllers().sendCommand;
-    var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), newPassword = _c[0], setNewPassword = _c[1];
-    var _d = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), repeatedPassword = _d[0], setRepeatedPassword = _d[1];
-    var _e = (0, react_1.useState)({
+    var _d = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), newPassword = _d[0], setNewPassword = _d[1];
+    var _e = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), repeatedPassword = _e[0], setRepeatedPassword = _e[1];
+    var _f = (0, react_1.useState)({
         newPassword: 'password',
         repeatedPassword: 'password',
-    }), inputTypes = _e[0], setInputTypes = _e[1];
+    }), inputTypes = _f[0], setInputTypes = _f[1];
+    var data = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
+    var registrationTheme = data.registrationTheme;
+    var regType = registrationTheme;
     var handleApplyPsw = function () {
         sendCommand('21x', {
             newPassword: newPassword.value,
@@ -104,17 +110,20 @@ var SetNewPassword = function () {
         !repeatedPassword.value ||
         Boolean(newPassword.errorText || repeatedPassword.errorText) ||
         newPassword.value !== repeatedPassword.value;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperNewPassword }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterPassword }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.newPassword.enterPassword" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: "recoveryPsw.newPassword.newPassword", size: "full", onChange: validateValuePassword('newPassword'), type: inputTypes.newPassword, inputWrapperClasses: (0, classnames_1.default)((_a = {},
-                    _a[styles.errorBorder] = newPassword.errorText,
-                    _a)) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [newPassword.value && inputTypes.newPassword === 'text' && ((0, jsx_runtime_1.jsx)(OpenEyeSvg_1.OpenEyeSvg, { handleClick: handleSetInputType({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperNewPassword, (_a = {},
+            _a[styles.yellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseYellow,
+            _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite,
+            _a)) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterPassword }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.newPassword.enterPassword" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: "recoveryPsw.newPassword.newPassword", size: "full", onChange: validateValuePassword('newPassword'), type: inputTypes.newPassword, inputWrapperClasses: (0, classnames_1.default)((_b = {},
+                    _b[styles.errorBorder] = newPassword.errorText,
+                    _b)) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [newPassword.value && inputTypes.newPassword === 'text' && ((0, jsx_runtime_1.jsx)(OpenEyeSvg_1.OpenEyeSvg, { handleClick: handleSetInputType({
                                 field: 'newPassword',
                                 type: 'password',
                             }) })), newPassword.value && inputTypes.newPassword === 'password' && ((0, jsx_runtime_1.jsx)(CloseEyeSvg_1.CloseEyeSvg, { handleClick: handleSetInputType({
                                 field: 'newPassword',
                                 type: 'text',
-                            }) }))] }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: "recoveryPsw.newPassword.repeatPassword", size: "full", onChange: validateValuePassword('repeatedPassword'), type: inputTypes.repeatedPassword, inputWrapperClasses: (0, classnames_1.default)((_b = {},
-                    _b[styles.errorBorder] = repeatedPassword.errorText,
-                    _b)) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [repeatedPassword.value && inputTypes.repeatedPassword === 'text' && ((0, jsx_runtime_1.jsx)(OpenEyeSvg_1.OpenEyeSvg, { handleClick: handleSetInputType({
+                            }) }))] }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: "recoveryPsw.newPassword.repeatPassword", size: "full", onChange: validateValuePassword('repeatedPassword'), type: inputTypes.repeatedPassword, inputWrapperClasses: (0, classnames_1.default)((_c = {},
+                    _c[styles.errorBorder] = repeatedPassword.errorText,
+                    _c)) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [repeatedPassword.value && inputTypes.repeatedPassword === 'text' && ((0, jsx_runtime_1.jsx)(OpenEyeSvg_1.OpenEyeSvg, { handleClick: handleSetInputType({
                                 field: 'repeatedPassword',
                                 type: 'password',
                             }) })), repeatedPassword.value &&

package/dist/main.css

@@ -1601,12 +1601,13 @@
 
 .KIT__MoreInfo-module__wrapperMoreInfo___p5znl {
   border-radius: var(--border-s);
-  border: var(--lost-password-phone-info-border);
+  border: var(--lost-password-phone-info-border, 1px solid var(--base-700));
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: var(--indent-m);
+  gap: var(--indent-m);
 }
 
 .KIT__MoreInfo-module__title___LsgbT {
@@ -1629,7 +1630,7 @@
 }
 
 .KIT__MoreInfo-module__mainInfo___iavDV {
-  color: var(--lost-password-phone-info-main-color);
+  color: var(--lost-password-phone-info-main-color, var(--base-0));
   font-weight: 500;
   font-size: var(--font-size-s);
 }
@@ -1641,7 +1642,7 @@
 }
 
 .KIT__MoreInfo-module__instruction___Baphm {
-  color: var(--lost-password-phone-info-instruction);
+  color: var(--lost-password-phone-info-instruction, var(--base-400));
   font-size: var(--font-size-s);
   line-height: 1.2;
   list-style-position: inside;
@@ -3689,7 +3690,7 @@
 }
 
 .KIT__LostPasswordEmailForm-module__title___tVFWS {
-  color: var(--lost-password-title-color);
+  color: var(--lost-password-title-color, var(--base-0));
   font-size: var(--font-size-s);
 }
 
@@ -3700,7 +3701,7 @@
 }
 
 .KIT__LostPasswordPhoneForm-module__title___xJ6L8 {
-  color: var(--lost-password-title-color);
+  color: var(--lost-password-title-color, var(--base-0));
   font-size: var(--font-size-s);
   margin-bottom: var(--indent-m);
 }
@@ -3764,13 +3765,14 @@
 }
 
 .KIT__SetNewPassword-module__enterPassword___e3Vog {
-  color: var(--set-new-password-enter-password-color);
+  color: var(--set-new-password-enter-password-color, var(--base-0));
   font-size: var(--font-size-s);
   line-height: 1.2;
 }
 
 .KIT__SetNewPassword-module__passwordRequirements___MG84l {
-  color: var(--set-new-password-requirements-color);
+  color: rgba(255, 255, 255, 0.5);
+  color: var(--set-new-password-requirements-color, rgba(255, 255, 255, 0.5));
   font-size: var(--font-size-s);
   line-height: 1.2;
 }
@@ -3780,6 +3782,18 @@
   border-color: var(--input-border-red);
   color: var(--input-border-red);
 }
+
+.KIT__SetNewPassword-module__yellow___F1jGf {
+  --input-background: rgba(36, 36, 36, 1);
+  --selector-item-background: rgba(36, 36, 36, 1);
+  --selector-main-bg-opened:  rgba(36, 36, 36, 1);
+  --phone-input-item-hover-background-color: rgba(48, 47, 47);
+  --arrow-button-svg-path-fill: rgba(161, 166, 178, 1);
+  --button-primary-border: none;
+  --button-color-primary-text: rgb(0,0,0);
+  --button-color-primary: linear-gradient(90deg, rgba(255,222,106, 1) 23%, rgba(224, 168, 37, 1) 67%);
+}
+
 .KIT__SignInThird-module__wrapperReferralCopyContent___zr3MY {
   --semi-dark-gray: rgb(46, 58, 76);
   --third-primary-color: rgb(252, 212, 53);
@@ -4302,8 +4316,8 @@
   border-radius: var(--border-m);
   font-weight: 500;
   line-height: 1.2;
-  color: var(--input-code-color);
-  background: var(--input-code-background);
+  color: var(--input-code-color, var(--base-0));
+  background: var(--input-code-background, var(--base-800));
   text-align: center;
 }
 
@@ -4334,24 +4348,25 @@
 }
 
 .KIT__NumberConfirmation-module__enterDigits___c6EGO {
-  color: var(--number-confirmation-enter-digits-color);
+  color: var(--number-confirmation-enter-digits-color, var(--base-0));
   line-height: 1.2;
   font-size: var(--font-size-s);
 }
 
 .KIT__NumberConfirmation-module__time___J3xEU {
-  color: var(--number-confirmation-time-color);
+  color: var(--number-confirmation-time-color, var(--base-400));
   font-size: var(--font-size-xs);
 }
 
 .KIT__NumberConfirmation-module__resendCode___zdM3H {
   text-align: center;
   font-size: var(--font-size-s);
-  color: var(--number-confirmation-resend-code-color);
+  color: var(--number-confirmation-resend-code-color, var(--base-400));
 }
 
 .KIT__NumberConfirmation-module__resendCode___zdM3H span {
-  color: var(--number-confirmation-resend-code-span-color);
+  color: rgba(69, 118, 244, 1);
+  color: var(--number-confirmation-resend-code-span-color, rgba(69, 118, 244, 1));
   font-weight: 600;
 }
 
@@ -4385,24 +4400,25 @@
 }
 
 .KIT__EmailConfirmation-module__enterDigits___Wo9lh {
-  color: var(--number-confirmation-enter-digits-color);
+  color: var(--number-confirmation-enter-digits-color, var(--base-0));
   line-height: 1.2;
   font-size: var(--font-size-s);
 }
 
 .KIT__EmailConfirmation-module__time___agyne {
-  color: var(--number-confirmation-time-color);
+  color: var(--number-confirmation-time-color, var(--base-400));
   font-size: var(--font-size-xs);
 }
 
 .KIT__EmailConfirmation-module__resendCode___zy06h {
   text-align: center;
   font-size: var(--font-size-s);
-  color: var(--number-confirmation-resend-code-color);
+  color: var(--number-confirmation-resend-code-color, var(--base-400));
 }
 
 .KIT__EmailConfirmation-module__resendCode___zy06h span {
-  color: var(--number-confirmation-resend-code-span-color);
+  color: rgba(69, 118, 244, 1);
+  color: var(--number-confirmation-resend-code-span-color, rgba(69, 118, 244, 1));
   font-weight: 600;
 }
 

package/package.json

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