react-gldn-kit 0.1.70 → 0.1.72

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/First/components/Forms/PhoneSignUp/index.js

@@ -79,6 +79,7 @@ var PhoneSignUp = function (props) {
     var _g = (0, react_1.useState)(isSelected), terms = _g[0], setTermsState = _g[1];
     var isPhoneError = Boolean(!phone);
     var _h = (0, react_1.useState)(''), promoCode = _h[0], setPromoCode = _h[1];
+    var countryId = activeCountryId || (countryInfo === null || countryInfo === void 0 ? void 0 : countryInfo.countryId);
     var isDisabledSubmitButton = (0, react_1.useMemo)(function () {
         return Boolean(isPhoneError ||
             !password.value ||
@@ -86,7 +87,7 @@ var PhoneSignUp = function (props) {
             code.errorText ||
             !code.value ||
             !isRequestedCode ||
-            !activeCountryId ||
+            !countryId ||
             !activeCurrencyId ||
             !terms ||
             !isConnectedApp);
@@ -95,7 +96,7 @@ var PhoneSignUp = function (props) {
         password,
         code,
         isRequestedCode,
-        activeCountryId,
+        countryId,
         activeCurrencyId,
         terms,
         isConnectedApp,
@@ -112,12 +113,12 @@ var PhoneSignUp = function (props) {
         }
     }; };
     var handleSubmitForm = function () {
-        if (!activeCountryId || !activeCurrencyId) {
+        if (!countryId || !activeCurrencyId) {
             return;
         }
         var sendData = __assign(__assign({}, (0, utils_1.getRegistrationData)({
             currencyId: activeCurrencyId,
-            countryId: activeCountryId,
+            countryId: countryId,
             registrationType: withoutCode
                 ? types_1.RegistrationSubType.PhoneWithoutCode
                 : types_1.RegistrationSubType.Phone,

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/First/index.js

@@ -70,7 +70,7 @@ var SignUp = function (props) {
     var setActiveForm = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.setActiveRegistrationFormAction);
     var setModal = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
     var data = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
-    var _c = data.bonusSignUp, bonusSignUp = _c === void 0 ? false : _c, _d = data.bonusText, modalBonusText = _d === void 0 ? '' : _d, _e = data.bonusSubText, modalBonusSubText = _e === void 0 ? '' : _e, _f = data.withCongratulationText, modalWithCongratulationText = _f === void 0 ? withCongratulationText : _f, _g = data.flow, flow = _g === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.flow) || types_2.ERegistrationFlow.Socket : _g, _h = data.buttonText, buttonSignUpText = _h === void 0 ? '' : _h;
+    var _c = data.bonusSignUp, bonusSignUp = _c === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.bonusSignUp) || false : _c, _d = data.bonusText, modalBonusText = _d === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.bonusText) || '' : _d, _e = data.bonusSubText, modalBonusSubText = _e === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.bonusSubText) || '' : _e, _f = data.withCongratulationText, modalWithCongratulationText = _f === void 0 ? withCongratulationText : _f, _g = data.flow, flow = _g === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.flow) || types_2.ERegistrationFlow.Socket : _g, _h = data.buttonText, buttonSignUpText = _h === void 0 ? '' : _h;
     var isCongratulation = modalWithCongratulationText;
     var customBonusText = bonusText || modalBonusText;
     var customBonusSubText = bonusSubText || modalBonusSubText;
@@ -86,11 +86,11 @@ var SignUp = function (props) {
             setActiveForm(tabs[0].value);
         }
     }, [activeForm, tabs]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralFailure, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSignUpModal }, { children: [bonusSignUp ||
-                    (customBonusText && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.bonusText }, { children: [isCongratulation && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.title" }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusSubText
-                                        ? customBonusSubText
-                                        : 'wheelTwo.secondPopUp.subTitle' }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusText
-                                    ? customBonusText
-                                    : 'wheelTwo.secondPopUp.bonus' })] })))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTabsAndForm }, { children: [activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.zIndex }, { children: [activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, countryInfo: countryInfo, handleRegistration: sendRegistrationCommand(flow), availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] }))] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.authButtonText, onClick: openSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "registration.logInButton" }) }))] })) })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralFailure, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSignUpModal }, { children: [(bonusSignUp ||
+                    customBonusText) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.bonusText }, { children: [isCongratulation && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.title" }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusSubText
+                                    ? customBonusSubText
+                                    : 'wheelTwo.secondPopUp.subTitle' }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusText
+                                ? customBonusText
+                                : 'wheelTwo.secondPopUp.bonus' })] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTabsAndForm }, { children: [activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.zIndex }, { children: [activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, countryInfo: countryInfo, handleRegistration: sendRegistrationCommand(flow), availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] }))] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.authButtonText, onClick: openSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "registration.logInButton" }) }))] })) })));
 };
 exports.SignUp = SignUp;

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/First/types.d.ts

@@ -6,6 +6,9 @@ export type SignUpProps = {
     withCongratulationText?: boolean;
     registrationSettings?: {
         flow?: ERegistrationFlow;
+        bonusText?: string;
+        bonusSubText?: string;
+        bonusSignUp?: boolean;
     };
     buttonText?: string;
 };

package/dist/lib/components/Wheel/index.js

@@ -45,16 +45,16 @@ var Text_1 = require("components/Text");
 var Image_1 = require("components/ui/Image");
 var styles = __importStar(require("./Wheel.module.css"));
 var Wheel = function (props) {
-    var _a;
-    var borderWheelPath = props.borderWheelPath, wheelContentPath = props.wheelContentPath, wheelButtonPath = props.wheelButtonPath, wheelButtonHoverPath = props.wheelButtonHoverPath, slotNamePath = props.slotNamePath, pointerPath = props.pointerPath, callbackSpinStart = props.callbackSpinStart, callbackSpinEnd = props.callbackSpinEnd, btnText = props.btnText, list = props.list, audioPath = props.audioPath, _b = props.customTime, customTime = _b === void 0 ? 6000 : _b, wheelTextColor = props.wheelTextColor, classesWheel = props.classesWheel, classesPointer = props.classesPointer, classesBorder = props.classesBorder, classesButton = props.classesButton, classesSlotName = props.classesSlotName, customSpinningAnimation = props.customSpinningAnimation, spinsAmount = props.spinsAmount;
+    var _a, _b;
+    var borderWheelPath = props.borderWheelPath, wheelContentPath = props.wheelContentPath, wheelButtonPath = props.wheelButtonPath, wheelButtonHoverPath = props.wheelButtonHoverPath, slotNamePath = props.slotNamePath, pointerPath = props.pointerPath, callbackSpinStart = props.callbackSpinStart, callbackSpinEnd = props.callbackSpinEnd, btnText = props.btnText, list = props.list, audioPath = props.audioPath, _c = props.customTime, customTime = _c === void 0 ? 6000 : _c, wheelTextColor = props.wheelTextColor, classesWheel = props.classesWheel, classesPointer = props.classesPointer, classesBorder = props.classesBorder, classesButton = props.classesButton, classesSlotName = props.classesSlotName, customSpinningAnimation = props.customSpinningAnimation, spinsAmount = props.spinsAmount, wheelButtonPressedPath = props.wheelButtonPressedPath;
     var audio = new Audio(audioPath);
     var contentRef = (0, react_1.useRef)(null);
-    var _c = (0, react_1.useState)(0), height = _c[0], setHeight = _c[1];
-    var _d = (0, react_1.useState)(false), isSpin = _d[0], setSpinState = _d[1];
-    var _e = (0, react_1.useState)(false), isAnimateBorderBg = _e[0], setAnimateBorderBgStatus = _e[1];
+    var _d = (0, react_1.useState)(0), height = _d[0], setHeight = _d[1];
+    var _e = (0, react_1.useState)(false), isSpin = _e[0], setSpinState = _e[1];
+    var _f = (0, react_1.useState)(false), isAnimateBorderBg = _f[0], setAnimateBorderBgStatus = _f[1];
     var timer = (0, react_1.useRef)(null);
-    var _f = (0, react_1.useState)(0), activeBorder = _f[0], setActiveBorder = _f[1];
-    var _g = (0, react_1.useState)(1), spins = _g[0], setSpins = _g[1];
+    var _g = (0, react_1.useState)(0), activeBorder = _g[0], setActiveBorder = _g[1];
+    var _h = (0, react_1.useState)(1), spins = _h[0], setSpins = _h[1];
     var handleSpin = function () {
         var _a;
         if (isSpin || spins > spinsAmount) {
@@ -132,6 +132,8 @@ var Wheel = function (props) {
                             animationDuration: "".concat(customTime, "ms"),
                         } }, { children: [(0, jsx_runtime_1.jsx)(Image_1.Image, { path: wheelContentPath, classes: styles.wheelContentImg }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.list, wheelTextColor, 'KIT_Wheel_wrapper_content_disk_list') }, { children: list.map(function (l, inx) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.item, 'KIT_Wheel_wrapper_content_disk_list_item', inx % 2 && 'KIT_Wheel_wrapper_content_disk_odd_list_item'), style: {
                                         transform: "translate(-50%, -50%) rotate(".concat((360 / list.length) * inx, "deg)"),
-                                    } }, { children: [l.bold && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.textBold, 'KIT_Wheel_wrapper_content_disk_list_item_text_bold') }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: l.bold }) }))), l.regular && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textRegular }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: l.regular }) })))] }), inx)); }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.spinBtn, classesButton, 'KIT_Wheel_wrapper_content_button'), onClick: handleSpin }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: (0, classnames_1.default)(styles.bntText, 'KIT_Wheel_wrapper_button_btnText') }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: btnText }) })), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: isSpin ? wheelButtonHoverPath : wheelButtonPath, classes: styles.btnImg })] })), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: slotNamePath, classes: (0, classnames_1.default)(styles.slotName, classesSlotName, 'KIT_Wheel_wrapper_content_slotName') })] }))] })));
+                                    } }, { children: [l.bold && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.textBold, 'KIT_Wheel_wrapper_content_disk_list_item_text_bold') }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: l.bold }) }))), l.regular && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textRegular }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: l.regular }) })))] }), inx)); }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.spinBtn, (_b = {},
+                            _b[styles.spinningState] = isSpin,
+                            _b), classesButton, 'KIT_Wheel_wrapper_content_button'), onClick: handleSpin }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: (0, classnames_1.default)(styles.bntText, 'KIT_Wheel_wrapper_button_btnText') }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: btnText }) })), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: wheelButtonPath, classes: (0, classnames_1.default)(styles.buttonImage, styles.defaultState) }), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: wheelButtonHoverPath || wheelButtonPath, classes: (0, classnames_1.default)(styles.buttonImage, styles.hoverState) }), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: wheelButtonPressedPath || wheelButtonPath, classes: (0, classnames_1.default)(styles.buttonImage, styles.pressedState) })] })), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: slotNamePath, classes: (0, classnames_1.default)(styles.slotName, classesSlotName, 'KIT_Wheel_wrapper_content_slotName') })] }))] })));
 };
 exports.Wheel = Wheel;

package/dist/lib/components/Wheel/types.d.ts

@@ -2,7 +2,8 @@ export type WheelProps = {
     borderWheelPath: [string] | [string, string];
     wheelContentPath: string;
     wheelButtonPath: string;
-    wheelButtonHoverPath: string;
+    wheelButtonHoverPath?: string;
+    wheelButtonPressedPath?: string;
     pointerPath: string;
     slotNamePath: string;
     btnText: string;

package/dist/lib/components/ui/Inputs/PhoneInput/components/PhoneView/index.js

@@ -49,6 +49,12 @@ var PhoneView = function (props) {
     var phone = props.phone, Flag = props.Flag, children = props.children, toggleValue = props.toggleValue, isOpened = props.isOpened, _d = props.mask, mask = _d === void 0 ? '' : _d, code = props.code, handleSetValue = props.handleSetValue, classes = props.classes, name = props.name, receivedErrorText = props.errorText;
     var value = phone.value, errorText = phone.errorText;
     var preparedMask = "".concat((0, validation_1.replaceCodeToMask)(code), " ").concat(mask) || '';
+    var highlightXs = function (text) {
+        var parts = text.split(/(X+)/);
+        return parts.map(function (part, index) {
+            return part.startsWith('X') ? ((0, jsx_runtime_1.jsx)("span", __assign({ className: styles.highlightX }, { children: part }), index)) : (part);
+        });
+    };
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.row, (_a = {},
             _a[styles.opened] = isOpened,
             _a[styles.borderColorfulRed] = receivedErrorText || errorText,
@@ -57,6 +63,6 @@ var PhoneView = function (props) {
                             _b[styles.column] = toggleValue,
                             _b)) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.code, onClick: toggleValue !== null && toggleValue !== void 0 ? toggleValue : undefined }, { children: [(0, jsx_runtime_1.jsx)(Flag, {}), toggleValue && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.arrow }, { children: (0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, {}) })))] })) })), name && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.name }, { children: name })), (0, jsx_runtime_1.jsx)(BaseInputUi_1.BaseInputUi, __assign({ size: "full", placeholder: "", value: value, baseValue: code, defaultValue: code, handleChange: handleSetValue, patternFn: (0, validation_1.replaceValueByMask)(mask), classes: (0, classnames_1.default)(styles.input), inputClasses: (0, classnames_1.default)((_c = {},
                             _c[styles.inputText] = code !== '+',
-                            _c)), inputWrapperClasses: styles.inputWrapper, classesChildrenWrapper: styles.placeholder }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.value }, { children: (0, validation_1.replaceValueByMaskReturnMask)(preparedMask)(value) })) }))] }))] })));
+                            _c)), inputWrapperClasses: styles.inputWrapper, classesChildrenWrapper: styles.placeholder }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.value }, { children: highlightXs((0, validation_1.replaceValueByMaskReturnMask)(preparedMask)(value)) })) }))] }))] })));
 };
 exports.default = PhoneView;

package/dist/lib/components/ui/Inputs/PhoneInput/index.js

@@ -136,8 +136,7 @@ var PhoneInput = function (props) {
         if (!countryInfo) {
             return;
         }
-        var countryFullInfo = mock_1.COUNTRY_MOCK.find(function (c) { return c.id === countryInfo.countryId; } //countryInfo.countryId
-        );
+        var countryFullInfo = mock_1.COUNTRY_MOCK.find(function (c) { return c.id === countryInfo.countryId; });
         if (!countryFullInfo) {
             setCountryPhoneSettings(constants_1.DEFAULT_COUNTRY_INFO);
             return;

package/dist/lib/components/ui/Logos/index.js

@@ -41,7 +41,7 @@ var m1_svg_1 = require("assets/logo/m1.svg");
 var ui_1 = require("types/ui");
 var styles = __importStar(require("./Logos.module.css"));
 var Logo = function (props) {
-    var isMobile = props.isMobile, handleLogoClick = props.handleLogoClick, _a = props.isFullView, isFullView = _a === void 0 ? false : _a, appType = props.appType, classes = props.classes;
+    var isMobile = props.isMobile, handleLogoClick = props.handleLogoClick, _a = props.isFullView, isFullView = _a === void 0 ? false : _a, appType = props.appType, classes = props.classes, style = props.style;
     var DesktopFullLogo = (0, react_1.useMemo)(function () {
         if (appType === ui_1.EAppType.Elon) {
             return elon_desktop_svg_1.ReactComponent;
@@ -97,8 +97,8 @@ var Logo = function (props) {
         return function () { return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}); };
     }, [appType]);
     if (isMobile) {
-        return ((0, jsx_runtime_1.jsx)(MobileLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes) }));
+        return ((0, jsx_runtime_1.jsx)(MobileLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes), style: style }));
     }
-    return isFullView ? ((0, jsx_runtime_1.jsx)(DesktopFullLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes) })) : ((0, jsx_runtime_1.jsx)(DesktopShortLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes) }));
+    return isFullView ? ((0, jsx_runtime_1.jsx)(DesktopFullLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes), style: style })) : ((0, jsx_runtime_1.jsx)(DesktopShortLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes), style: style }));
 };
 exports.Logo = Logo;

package/dist/lib/components/ui/Logos/types.d.ts

@@ -10,4 +10,5 @@ export type LogoProps = {
     isFullView?: boolean;
     handleLogoClick?: () => void;
     classes?: string;
+    style?: any;
 };

package/dist/main.css

@@ -1535,6 +1535,10 @@
     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);
@@ -5100,13 +5104,56 @@
   text-shadow: 0 5px 0 #290049, 0 6.38508px 11.706px #000000;
 }
 
-.KIT__Wheel-module__btnImg___rFBWp {
+.KIT__Wheel-module__spinBtn___AngbQ:hover .KIT__Wheel-module__defaultState___wVK6A,.KIT__Wheel-module__spinBtn___AngbQ:hover .KIT__Wheel-module__pressedState___xJuEH {
+      display: none;
+    }
+
+.KIT__Wheel-module__spinBtn___AngbQ:hover .KIT__Wheel-module__hoverState____BNGp {
+      display: block;
+      --size: 223px;
+    }
+
+@media screen and (max-width: 768px) {
+
+.KIT__Wheel-module__spinBtn___AngbQ:hover .KIT__Wheel-module__hoverState____BNGp {
+        --size: 130px;
+    }
+      }
+
+.KIT__Wheel-module__spinBtn___AngbQ:active .KIT__Wheel-module__defaultState___wVK6A,.KIT__Wheel-module__spinBtn___AngbQ:active .KIT__Wheel-module__hoverState____BNGp {
+      display: none;
+    }
+
+.KIT__Wheel-module__spinBtn___AngbQ:active .KIT__Wheel-module__pressedState___xJuEH {
+      display: block;
+    }
+
+.KIT__Wheel-module__buttonImage___pT2vb {
   width: var(--full);
   height: var(--full);
   -o-object-fit: contain;
      object-fit: contain;
 }
 
+.KIT__Wheel-module__buttonImage___pT2vb.KIT__Wheel-module__hoverState____BNGp,.KIT__Wheel-module__buttonImage___pT2vb.KIT__Wheel-module__pressedState___xJuEH {
+    display: none;
+  }
+
+@media screen and (max-width: 768px) {
+
+.KIT__Wheel-module__buttonImage___pT2vb {
+    --size: 100px;
+}
+  }
+
+.KIT__Wheel-module__spinBtn___AngbQ.KIT__Wheel-module__spinningState___BeGrQ .KIT__Wheel-module__defaultState___wVK6A {
+    display: block;
+  }
+
+.KIT__Wheel-module__spinBtn___AngbQ.KIT__Wheel-module__spinningState___BeGrQ .KIT__Wheel-module__hoverState____BNGp,.KIT__Wheel-module__spinBtn___AngbQ.KIT__Wheel-module__spinningState___BeGrQ .KIT__Wheel-module__pressedState___xJuEH {
+    display: none;
+  }
+
 .KIT__Wheel-module__bntText___CVBR2 {
   position: absolute;
   top: var(--indent);
@@ -6523,6 +6570,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.70",
+  "version": "0.1.72",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],