react-gldn-kit 0.1.47 → 0.1.49

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

@@ -50,11 +50,11 @@ var ui_1 = require("types/ui");
 var styles = __importStar(require("./BattlesCard.module.css"));
 var BattlesCard = function (props) {
     var _a, _b;
-    var id = props.id, handleClick = props.handleClick, providerName = props.providerName, name = props.name, classes = props.classes, isInHouse = props.isInHouse, isFinished = props.isFinished, detailsText = props.detailsText, battleText = props.battleText, imagePath = props.imagePath, _c = props.appType, appType = _c === void 0 ? ui_1.EAppType.Unknown : _c, _d = props.endDate, endDate = _d === void 0 ? 0 : _d, _e = props.startDate, startDate = _e === void 0 ? 0 : _e, _f = props.prize, prize = _f === void 0 ? 0 : _f, contentClasses = props.contentClasses;
+    var id = props.id, handleClick = props.handleClick, providerName = props.providerName, name = props.name, classes = props.classes, isInHouse = props.isInHouse, isFinished = props.isFinished, detailsText = props.detailsText, battleText = props.battleText, imagePath = props.imagePath, _c = props.appType, appType = _c === void 0 ? ui_1.EAppType.Unknown : _c, _d = props.endDate, endDate = _d === void 0 ? 0 : _d, _e = props.startDate, startDate = _e === void 0 ? 0 : _e, _f = props.prize, prize = _f === void 0 ? 0 : _f, contentClasses = props.contentClasses, battleName = props.battleName;
     var activeLanguage = (0, store_1.useZustandLanguagesKitStore)(selectors_1.languageSelectors.getActiveLanguageNameKitSelector);
     var path = imagePath ||
         "/image/tournaments/".concat(id, "_[").concat(activeLanguage, "]").concat(isFinished ? '_finished' : '', ".webp");
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperBattlesCard, classes) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.imageWrapper }, { children: [(0, jsx_runtime_1.jsx)(HOCImageLoader_1.HOCImageLoader, __assign({ src: path.replace("[".concat(activeLanguage, "]"), activeLanguage), classes: styles.image }, { children: (0, jsx_runtime_1.jsx)("img", { src: imagePath || path.replace("[".concat(activeLanguage, "]"), 'en'), className: styles.image }) })), isInHouse && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperContent, contentClasses) }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, { appType: appType, isMobile: false }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.date }, { children: [startDate, " - ", endDate] }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.prizeWrapper }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "tournaments.prize", specValue: '' }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.prize }, { children: prize }))] }))] })))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.textBox }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.providerName, (_a = {},
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperBattlesCard, classes) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.imageWrapper }, { children: [(0, jsx_runtime_1.jsx)(HOCImageLoader_1.HOCImageLoader, __assign({ src: path.replace("[".concat(activeLanguage, "]"), activeLanguage), classes: styles.image }, { children: (0, jsx_runtime_1.jsx)("img", { src: imagePath || path.replace("[".concat(activeLanguage, "]"), 'en'), className: styles.image }) })), isInHouse && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperContent, contentClasses) }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, { appType: appType, isMobile: false }), battleName && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.battleName }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: battleName }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.date }, { children: [startDate, " - ", endDate] }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.prizeWrapper }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "tournaments.prize", specValue: '' }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.prize }, { children: prize }))] }))] })))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.textBox }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.providerName, (_a = {},
                             _a[styles.inHouseBattleName] = isInHouse,
                             _a)) }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: providerName }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: battleText }) })] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.name }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: name }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ onClick: handleClick, className: (0, classnames_1.default)(styles.details, (_b = {},
                             _b[styles.dark] = isFinished,

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

@@ -11,6 +11,7 @@ export type BattlesCardProps = {
     detailsText: string;
     battleText: string;
     contentClasses?: string;
+    battleName?: string;
 } & ({
     isInHose: true;
     appType: EAppType;

package/dist/lib/components/Modals/Alert/components/Auth/SignIn/index.js

@@ -74,6 +74,9 @@ var SignIn = function () {
     var _e = (0, react_1.useState)(''), phone = _e[0], setPhone = _e[1];
     var handleSignIn = function () {
         var logInInfo = activeForm === types_3.EAuthFormType.Phone ? phone : email;
+        if (activeForm === types_3.EAuthFormType.UserName) {
+            logInInfo = id;
+        }
         var data = (0, utils_1.getAuthorizationData)(logInInfo, password, types_1.ERequestIds.AuthorizeByEmail);
         sendCommand('x02', data, true);
     };

package/dist/lib/components/Modals/Alert/components/Auth/SignUpTypeTwo/index.js

@@ -115,7 +115,9 @@ var SignUpTypeTwo = function () {
     var _f = (0, react_1.useState)(''), phone = _f[0], setPhone = _f[1];
     var _g = (0, react_1.useState)(''), password = _g[0], setPassword = _g[1];
     var _h = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _h[0], setEmail = _h[1];
-    var _j = data.registrationTitle, registrationTitle = _j === void 0 ? 'signUpTwo.won' : _j, _k = data.bonusImagePath, bonusImagePath = _k === void 0 ? '' : _k, _l = data.registrationTheme, registrationTheme = _l === void 0 ? types_4.ESignUpTheme.Brown : _l, _m = data.buttonText, buttonText = _m === void 0 ? 'signUpTwo.joinNow' : _m;
+    var titleRef = (0, react_1.useRef)(null);
+    var _j = (0, react_1.useState)(0), titleHeight = _j[0], setTitleHeight = _j[1];
+    var _k = data.registrationTitle, registrationTitle = _k === void 0 ? 'signUpTwo.won' : _k, _l = data.bonusImagePath, bonusImagePath = _l === void 0 ? '' : _l, _m = data.registrationTheme, registrationTheme = _m === void 0 ? types_4.ESignUpTheme.Brown : _m, _o = data.buttonText, buttonText = _o === void 0 ? 'signUpTwo.joinNow' : _o;
     var openSignIn = function () {
         setModal(types_2.EModalTypes.SignIn);
     };
@@ -206,19 +208,29 @@ var SignUpTypeTwo = function () {
             setActiveForm(tabs[0].value);
         }
     }, [activeForm, tabs]);
+    (0, react_1.useEffect)(function () {
+        if (!titleRef.current) {
+            return;
+        }
+        var height = titleRef.current.offsetHeight;
+        setTitleHeight(height);
+    }, []);
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperSignUp, (_a = {},
             _a[styles.brown] = registrationTheme === types_4.ESignUpTheme.Brown,
             _a[styles.purple] = registrationTheme === types_4.ESignUpTheme.Purple,
             _a[styles.green] = registrationTheme === types_4.ESignUpTheme.Green,
             _a[styles.yellow] = registrationTheme === types_4.ESignUpTheme.Yellow,
             _a[styles.darkBrown] = registrationTheme === types_4.ESignUpTheme.DarkBrown,
-            _a)) }, { children: [registrationTitle && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: registrationTitle }) }))), isSelectedError && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.warning }, { children: [(0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.warningText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.notConfirm" }) }))] }))), bonusImagePath && ((0, jsx_runtime_1.jsx)("img", { src: bonusImagePath, className: styles.bonusImage })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { 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", tabClasses: styles.tab, activeTabClasses: styles.activeTab, indicatorClasses: styles.indicator })), (0, jsx_runtime_1.jsxs)("div", { children: [activeForm === types_3.ERegistrationForm.PhoneWithoutCode ? ((0, jsx_runtime_1.jsx)(PhoneBox_1.default, { onChange: setPhone })) : ((0, jsx_runtime_1.jsx)(InputBox_1.default, { leftImg: "/landings/assets-builder/signUpTwo/email.svg", rightImg: "", setInput: setEmail, validation: validation_1.validateEmailValue, input: email, label: "signUpTwo.tabEmail", classes: styles.emailInput })), (0, jsx_runtime_1.jsx)(PasswordBox_1.default, { onChange: setPassword }), (0, jsx_runtime_1.jsx)(CurrencyBox_1.default, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.submitButton, (_b = {},
-                                    _b[styles.disable] = !mainField.value ||
-                                        mainField.errorText ||
-                                        !password ||
-                                        !currencyId,
-                                    _b)), onClick: handleSubmit }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: buttonText }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.accountExist }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.accountExist" }) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.link, onClick: openSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.login" }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.signIn, onClick: toggleState }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.box }, { children: isSelected && (0, jsx_runtime_1.jsx)(check_svg_1.ReactComponent, { className: styles.checkboxImg }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.terms, (_c = {},
-                                            _c[styles.errorColor] = isSelectedError,
-                                            _c)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.terms" }) }))] }))] })] }))] })));
+            _a[styles.gray] = registrationTheme === types_4.ESignUpTheme.Gray,
+            _a)) }, { children: [registrationTitle && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title, ref: titleRef }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: registrationTitle }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.contentArea, style: {
+                    height: "calc(100% - ".concat(titleHeight, "px)"),
+                } }, { children: [isSelectedError && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.warning }, { children: [(0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.warningText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.notConfirm" }) }))] }))), bonusImagePath && ((0, jsx_runtime_1.jsx)("img", { src: bonusImagePath, className: (0, classnames_1.default)(styles.bonusImage, 'KIT_SignUpTypeTwo_wrapperSignUp_bonusImage') })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { 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", tabClasses: styles.tab, activeTabClasses: styles.activeTab, indicatorClasses: styles.indicator })), (0, jsx_runtime_1.jsxs)("div", { children: [activeForm === types_3.ERegistrationForm.PhoneWithoutCode ? ((0, jsx_runtime_1.jsx)(PhoneBox_1.default, { onChange: setPhone })) : ((0, jsx_runtime_1.jsx)(InputBox_1.default, { leftImg: "/landings/assets-builder/signUpTwo/email.svg", rightImg: "", setInput: setEmail, validation: validation_1.validateEmailValue, input: email, label: "signUpTwo.tabEmail", classes: styles.emailInput })), (0, jsx_runtime_1.jsx)(PasswordBox_1.default, { onChange: setPassword }), (0, jsx_runtime_1.jsx)(CurrencyBox_1.default, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.submitButton, (_b = {},
+                                            _b[styles.disable] = !mainField.value ||
+                                                mainField.errorText ||
+                                                !password ||
+                                                !currencyId,
+                                            _b)), onClick: handleSubmit }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: buttonText }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.accountExist }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.accountExist" }) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.link, onClick: openSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.login" }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.signIn, onClick: toggleState }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.box }, { children: isSelected && (0, jsx_runtime_1.jsx)(check_svg_1.ReactComponent, { className: styles.checkboxImg }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.terms, (_c = {},
+                                                    _c[styles.errorColor] = isSelectedError,
+                                                    _c)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.terms" }) }))] }))] })] }))] }))] })));
 };
 exports.SignUpTypeTwo = SignUpTypeTwo;

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

@@ -3,5 +3,6 @@ export declare enum ESignUpTheme {
     Brown = "brown",
     Yellow = "yellow",
     Green = "green",
-    DarkBrown = "dark-brown"
+    DarkBrown = "dark-brown",
+    Gray = "gray"
 }

package/dist/lib/components/Modals/Alert/components/Auth/SignUpTypeTwo/types.js

@@ -8,4 +8,5 @@ var ESignUpTheme;
     ESignUpTheme["Yellow"] = "yellow";
     ESignUpTheme["Green"] = "green";
     ESignUpTheme["DarkBrown"] = "dark-brown";
+    ESignUpTheme["Gray"] = "gray";
 })(ESignUpTheme = exports.ESignUpTheme || (exports.ESignUpTheme = {}));

package/dist/lib/zustandStore/forms/signUp/store.js

@@ -43,7 +43,7 @@ exports.useZustandRegistrationKitStore = (0, zustand_1.create)(function (set, ge
         set({ activeForm: activeForm, registeredLogin: '' });
     },
     setCurrencies: function (availableCurrencies) {
-        var _a;
+        var _a, _b;
         if (!availableCurrencies.length) {
             console.warn('PLACE PROVIDE REGISTRATION CURRENCIES');
             return;
@@ -57,6 +57,10 @@ exports.useZustandRegistrationKitStore = (0, zustand_1.create)(function (set, ge
                         constants_1.SIGN_UP_URL_CURRENCY_NAME.toLocaleLowerCase();
                 })) === null || _a === void 0 ? void 0 : _a.id) || null;
         }
+        else if (!activeCurrencyId && constants_1.SIGN_UP_URL_COUNTRY_ID) {
+            newActiveCurrencyId =
+                ((_b = availableCurrencies.find(function (c) { return c.id === constants_1.SIGN_UP_URL_COUNTRY_ID; })) === null || _b === void 0 ? void 0 : _b.id) || null;
+        }
         set({ availableCurrencies: availableCurrencies, activeCurrencyId: newActiveCurrencyId });
     },
 }); });

package/dist/main.css

@@ -1664,6 +1664,19 @@
   z-index: var(--layout-lvl-1);
 }
 
+.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__input___UN8Sd {
   border-color: var(--currency-box-border-color);
 }
@@ -1702,6 +1715,8 @@
   --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 +1728,6 @@
   background: var(--background);
   border: var(--border);
   box-shadow: var(--shadow);
-  overflow-y: auto;
 }
 
 .KIT__SignUpTypeTwo-module__brown___CRS44 {
@@ -1727,6 +1741,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 {
@@ -1758,6 +1773,8 @@
     #ec6c06 73.02%
   );
   --submit-button-font-size: var(--font-size-l);
+  --track-background: var(--base-1000);
+  --thumb-background: rgba(5, 74, 18, 1);
 }
 
 .KIT__SignUpTypeTwo-module__yellow___fSYHc {
@@ -1790,6 +1807,46 @@
   --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);
+  --password-box-border-color: rgba(213, 163, 101, 0.5);
+  --submit-button-color: var(--base-0);
+  --track-background: var(--base-1000);
+  --thumb-background: rgba(162, 26, 75, 1);
+}
+
+.KIT__SignUpTypeTwo-module__gray___ix0Zs .KIT__SignUpTypeTwo-module__submitButton___aPLn7 {
+  font-size: var(--font-size-l);
+}
+
+.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);
@@ -4617,6 +4674,7 @@
   gap: var(--indent-s);
   position: relative;
 }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__wrapperContent___hUZyt {
     position: absolute;
     top: 0;
@@ -4629,16 +4687,20 @@
     color: rgba(255, 255, 255, 1);
     padding: var(--indent-s);
   }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__wrapperContent___hUZyt .KIT__BattlesCard-module__date___SNEuT {
       font-size: 12px;
       padding-left: 12px;
     }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__wrapperContent___hUZyt .KIT__BattlesCard-module__prizeWrapper___Tx_6u {
       font-size: 12px;
       font-weight: 700;
-      padding: 12px;
-      padding-bottom: 20px;
+      padding: 0 var(--indent-m);
+      padding-bottom: var(--indent-xs);
+      text-transform: uppercase;
     }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__wrapperContent___hUZyt .KIT__BattlesCard-module__prizeWrapper___Tx_6u .KIT__BattlesCard-module__prize___zCwmd {
         font-size: 32px;
         font-style: normal;
@@ -4662,6 +4724,7 @@
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
       }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__imageWrapper___VTIdP {
     width: 100%;
     height: 215px;
@@ -4669,11 +4732,14 @@
     overflow: hidden;
     position: relative;
   }
+
 @media screen and (max-width: 768px) {
-  .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__imageWrapper___VTIdP {
-      height: 180px;
+
+.KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__imageWrapper___VTIdP {
+      height: 200px;
   }
     }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__image____tzSz {
     width: 100%;
     height: 100%;
@@ -4682,12 +4748,14 @@
     -o-object-position: left;
        object-position: left;
   }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__textBox___r4AK3 {
     display: flex;
     flex-direction: column;
     gap: var(--indent-xs);
     padding: 0 var(--indent-s);
   }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__textBox___r4AK3 .KIT__BattlesCard-module__providerName___hP5is {
       border: var(--battles-provider-name-border);
       border-radius: var(--border-m);
@@ -4702,16 +4770,19 @@
       display: flex;
       gap: var(--indent-xs);
     }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__textBox___r4AK3 .KIT__BattlesCard-module__providerName___hP5is.KIT__BattlesCard-module__inHouseBattleName___XoD7E {
         background: var(--battles-provider-name-background);
         color: var(--battles-battle-in-house-name);
       }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__textBox___r4AK3 .KIT__BattlesCard-module__name___DJXDf {
       color: var(--battles-battle-name);
       /*вынести в colors*/
       font-size: var(--font-size-xl);
       font-weight: 600;
     }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__textBox___r4AK3 .KIT__BattlesCard-module__details___Yh7o_ {
       display: flex;
       align-items: center;
@@ -4720,19 +4791,33 @@
       gap: var(--indent-m);
       cursor: pointer;
     }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__textBox___r4AK3 .KIT__BattlesCard-module__details___Yh7o_ .KIT__BattlesCard-module__arrowSvg___RwUg1 {
         transform: rotate(90deg);
       }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__textBox___r4AK3 .KIT__BattlesCard-module__details___Yh7o_ .KIT__BattlesCard-module__arrowSvg___RwUg1 path {
           fill: var(--battles-details-arrow-path);
         }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__textBox___r4AK3 .KIT__BattlesCard-module__details___Yh7o_.KIT__BattlesCard-module__dark___SRv2F {
         color: rgb(var(--semi-gray));
       }
+
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__textBox___r4AK3 .KIT__BattlesCard-module__details___Yh7o_.KIT__BattlesCard-module__dark___SRv2F .KIT__BattlesCard-module__arrowSvg___RwUg1 path {
           fill: rgb(var(--semi-gray));
         }
 
+.KIT__BattlesCard-module__battleName___nJncZ {
+  padding-left: var(--indent-m);
+  text-transform: uppercase;
+  font-weight: 700;
+  font-size: var(--font-size-l);
+  line-height: 1.1;
+  max-width: 50%;
+  margin-bottom: calc(var(--indent-m) / 2);
+}
+
 
   .KIT__Step-module__wrapperStep___wBtLk .KIT__Step-module__img___YsqV2 {
     width: 100%;

package/package.json

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