react-gldn-kit 0.0.4 → 0.0.6

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

@@ -54,9 +54,9 @@ var BattlesCard = function (props) {
     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: styles.wrapperContent }, { 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.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.providerName, (_a = {},
-                            _a[styles.full] = isInHouse,
-                            _a)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: battleText, specValue: providerName }) })), (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 = {},
+    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: styles.wrapperContent }, { 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 = {},
+                            _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,
                             _b)) }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: detailsText }) }), (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, { classes: styles.arrowSvg, width: "16", height: "9" })] }))] }))] })));
 };

package/dist/lib/components/LastBigWinners/components/LastBigWinner/LastBigWinner.js

@@ -40,14 +40,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var classnames_1 = __importDefault(require("classnames"));
 var profile_svg_1 = require("assets/profile.svg");
-var styles = __importStar(require("./LastBigWinner.module.css"));
 var SkeletLoader_1 = __importDefault(require("components/ui/Loaders/SkeletLoader"));
+var styles = __importStar(require("./LastBigWinner.module.css"));
 var LastBigWinner = function (props) {
     var classes = props.classes, _a = props.isLoading, isLoading = _a === void 0 ? false : _a;
     if (isLoading) {
-        return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperLastBugWinner, classes) }, { children: [(0, jsx_runtime_1.jsx)(SkeletLoader_1.default, { classes: styles.img }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.header }, { children: [(0, jsx_runtime_1.jsx)(profile_svg_1.ReactComponent, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.userId }, { children: (0, jsx_runtime_1.jsx)(SkeletLoader_1.default, { classes: styles.idLoader }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.label }, { children: "Win In" }))] })), (0, jsx_runtime_1.jsx)(SkeletLoader_1.default, { classes: (0, classnames_1.default)(styles.title, styles.loaderTitle) }), (0, jsx_runtime_1.jsx)(SkeletLoader_1.default, { classes: (0, classnames_1.default)(styles.sum, styles.loaderSum) })] }))] })));
+        return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperLastBugWinner, classes) }, { children: [(0, jsx_runtime_1.jsx)(SkeletLoader_1.default, { classes: styles.img }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.label }, { children: "Won in" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.info }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.header }, { children: [(0, jsx_runtime_1.jsx)(profile_svg_1.ReactComponent, { className: styles.profileSvg }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.userId }, { children: (0, jsx_runtime_1.jsx)(SkeletLoader_1.default, { classes: styles.idLoader }) }))] })), (0, jsx_runtime_1.jsx)(SkeletLoader_1.default, { classes: (0, classnames_1.default)(styles.title, styles.loaderTitle) }), (0, jsx_runtime_1.jsx)(SkeletLoader_1.default, { classes: (0, classnames_1.default)(styles.sum, styles.loaderSum) })] }))] }))] })));
     }
     var _b = props, id = _b.id, _c = _b.gameImg, gameImg = _c === void 0 ? 'https://elondom.com/image/vertical_2/30201.webp' : _c, prize = _b.prize, gameName = _b.gameName, handleClick = _b.handleClick, gameId = _b.gameId;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperLastBugWinner, classes), onClick: handleClick(gameId) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: gameImg, className: styles.img }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.header }, { children: [(0, jsx_runtime_1.jsx)(profile_svg_1.ReactComponent, {}), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.userId }, { children: ["ID ", id] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.label }, { children: "Win In" }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: gameName })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.sum }, { children: prize }))] }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperLastBugWinner, classes), onClick: handleClick(gameId) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: gameImg, className: styles.img }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.label }, { children: "Won in" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.info }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.header }, { children: [(0, jsx_runtime_1.jsx)(profile_svg_1.ReactComponent, { className: styles.profileSvg }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.userId }, { children: ["ID ", id] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: gameName })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.sum }, { children: prize }))] }))] }))] })));
 };
 exports.default = LastBigWinner;

package/dist/lib/components/Layouts/LandingLayoutTemplate/index.js

@@ -33,19 +33,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LandingLayoutTemplate = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
 var Logos_1 = require("components/ui/Logos");
 var Buttons_1 = require("components/ui/Buttons");
 var styles = __importStar(require("./LandingLayoutTemplate.module.css"));
 var LandingLayoutTemplate = function (props) {
-    var backgroundImgPath = props.backgroundImgPath, textImgPath = props.textImgPath, handleClick = props.handleClick, buttonText = props.buttonText, appType = props.appType, isMobile = props.isMobile, handleLogoClick = props.handleLogoClick;
+    var backgroundImgPath = props.backgroundImgPath, textImgPath = props.textImgPath, handleClick = props.handleClick, buttonText = props.buttonText, appType = props.appType, isMobile = props.isMobile, handleLogoClick = props.handleLogoClick, buttonClasses = props.buttonClasses;
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperLanding, style: {
             backgroundImage: "url(".concat(backgroundImgPath, ")"),
             backgroundRepeat: 'no-repeat',
             backgroundSize: 'cover',
             backgroundPosition: 'center',
-        } }, { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, { appType: appType, isMobile: isMobile, handleLogoClick: handleLogoClick }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsx)("img", { src: textImgPath, className: styles.textImg }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, handleClick: handleClick, size: "--button-full", color: "transparent", buttonHeight: "--button-height-l", classes: styles.button, centreText: true })] }))] })));
+        } }, { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, { appType: appType, isMobile: isMobile, handleLogoClick: handleLogoClick }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsx)("img", { src: textImgPath, className: styles.textImg }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, handleClick: handleClick, size: "--button-full", color: "transparent", buttonHeight: "--button-height-l", classes: (0, classnames_1.default)(styles.button, buttonClasses), centreText: true })] }))] })));
 };
 exports.LandingLayoutTemplate = LandingLayoutTemplate;

package/dist/lib/components/Layouts/LandingLayoutTemplate/types.d.ts

@@ -7,4 +7,5 @@ export type LandingLayoutTemplateProps = {
     appType: EAppType;
     isMobile: boolean;
     handleLogoClick: () => void;
+    buttonClasses?: string;
 };

package/dist/lib/components/ui/Icons/Categories/Icons/WagerSvg.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.WagerSvg = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var WagerSvg = function (props) {
-    var _a = props.width, width = _a === void 0 ? '16' : _a, _b = props.height, height = _b === void 0 ? '16' : _b, _c = props.classes, classes = _c === void 0 ? '' : _c, handleClick = props.handleClick;
-    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: classes }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M10.3891 12.3891C9.6199 13.1583 8.63989 13.6821 7.573 13.8943C6.5061 14.1065 5.40023 13.9976 4.39524 13.5813C3.39025 13.1651 2.53127 12.4601 1.92692 11.5556C1.32257 10.6512 1 9.5878 1 8.5C1 7.4122 1.32257 6.34883 1.92692 5.44436C2.53126 4.53989 3.39025 3.83494 4.39524 3.41866C5.40023 3.00238 6.5061 2.89346 7.573 3.10568C8.63989 3.3179 9.6199 3.84172 10.3891 4.61091L6.5 8.5L10.3891 12.3891Z", fill: "#F5BB25", fillOpacity: "0.25" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.19963 2C7.11856 1.9991 8.02617 2.19631 8.85651 2.5773C9.39991 2.82663 9.90129 3.15058 10.3457 3.53783C10.7421 3.88316 10.7068 4.48632 10.3291 4.85189L7.07626 8L10.3291 11.1481C10.7068 11.5137 10.7421 12.1168 10.3457 12.4622C9.90129 12.8494 9.39991 13.1734 8.85651 13.4227C8.02617 13.8037 7.11856 14.0009 6.19963 14C2.77557 14 0 11.3138 0 8C0 4.6862 2.77557 2 6.19963 2ZM6.19963 3.2C5.41719 3.20014 4.64588 3.37943 3.94874 3.72323C3.25159 4.06703 2.64838 4.56558 2.18839 5.17814C1.72841 5.79071 1.4247 6.49991 1.30208 7.2478C1.17947 7.99569 1.24143 8.76104 1.48289 9.48132C1.72436 10.2016 2.13849 10.8564 2.69143 11.3921C3.24438 11.9279 3.92046 12.3295 4.66442 12.564C5.40839 12.7985 6.19913 12.8594 6.97205 12.7416C7.74496 12.6238 8.47811 12.3307 9.11159 11.8862L9.24055 11.792L5.32238 8L9.24055 4.2074L9.11159 4.1138C8.31727 3.55501 7.36883 3.23811 6.38748 3.2036L6.19963 3.2ZM6.19963 3.8C6.44626 3.8 6.6828 3.89482 6.8572 4.06361C7.0316 4.23239 7.12957 4.46131 7.12957 4.7C7.12957 4.9387 7.0316 5.16761 6.8572 5.3364C6.6828 5.50518 6.44626 5.6 6.19963 5.6C5.95299 5.6 5.71646 5.50518 5.54206 5.3364C5.36766 5.16761 5.26968 4.9387 5.26968 4.7C5.26968 4.46131 5.36766 4.23239 5.54206 4.06361C5.71646 3.89482 5.95299 3.8 6.19963 3.8Z", fill: "#F5BB25" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 6.33333C11 5.8731 11.4029 5.5 11.9 5.5C12.1305 5.5 12.3408 5.58024 12.5 5.71219C12.6592 5.58024 12.8695 5.5 13.1 5.5C13.5971 5.5 14 5.8731 14 6.33333C14 6.79357 13.5971 7.16667 13.1 7.16667H12.8V11H12.2V7.16667H11.9C11.4029 7.16667 11 6.79357 11 6.33333ZM12.2 6.61111H11.9C11.7343 6.61111 11.6 6.48675 11.6 6.33333C11.6 6.17992 11.7343 6.05556 11.9 6.05556C12.0657 6.05556 12.2 6.17992 12.2 6.33333V6.61111ZM12.8 6.61111H13.1C13.2657 6.61111 13.4 6.48675 13.4 6.33333C13.4 6.17992 13.2657 6.05556 13.1 6.05556C12.9343 6.05556 12.8 6.17992 12.8 6.33333V6.61111Z", fill: "#F5BB25" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.5 7.65642C9.5 7.27771 9.79848 6.9707 10.1667 6.9707H14.8333C15.2015 6.9707 15.5 7.27771 15.5 7.65642V7.99927C15.5 8.37798 15.2015 8.68499 14.8333 8.68499H10.1667C9.79848 8.68499 9.5 8.37798 9.5 7.99927V7.65642Z", fill: "#F5BB25" }), (0, jsx_runtime_1.jsx)("path", { d: "M10 8.33333C10 8.14924 10.1399 8 10.3125 8H14.6875C14.8601 8 15 8.14924 15 8.33333V10C15 10.5523 14.5803 11 14.0625 11H10.9375C10.4197 11 10 10.5523 10 10V8.33333Z", fill: "#F5BB25", fillOpacity: "0.25" })] })));
+    var _a = props.width, width = _a === void 0 ? '24' : _a, _b = props.height, height = _b === void 0 ? '24' : _b, _c = props.classes, classes = _c === void 0 ? '' : _c, handleClick = props.handleClick;
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: classes }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M14.4354 17.2971C12.165 18.6683 9.6678 20.5016 7.40259 21.7251C5.97363 22.4968 4.31499 21.5661 4.07639 19.9025C3.94563 18.9916 4.02241 17.8352 4.0223 16.8957V6.52822C4.02155 4.69884 3.72745 2.39707 6.12321 2.00475C7.40582 1.93509 8.12056 2.64459 9.20306 3.29014L18.2981 8.72624C19.1296 9.20354 20.1177 9.54542 20.6192 10.4624C22.0287 13.039 19.1884 14.3441 17.5794 15.3376L14.4354 17.2971Z", fill: "rgb(var(--primary))" }) })));
 };
 exports.WagerSvg = WagerSvg;

package/dist/lib/components/ui/Inputs/BaseInput/BaseInputUi.js

@@ -65,7 +65,7 @@ var BaseInputUi = function (props) {
             _a[styles.borderColorfulRed] = errorText,
             _a)) }, { children: [startIcon, (0, jsx_runtime_1.jsx)("input", { onFocus: handleFocus, onBlur: handleBlur, inputMode: inputMode, className: (0, classnames_1.default)(styles.input, (_b = {},
                     _b[styles.disabled] = disabled,
-                    _b)), value: value, type: type, placeholder: placeholder, onChange: handleChange }), value && withClearValue && !errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.clearButton, onClick: handleClearInputValue }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, {}) }))), value && withClearValue && errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.clearButton }, { children: (0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}) }))), children && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: children })), errorText && withErrorSvg && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: (0, jsx_runtime_1.jsx)(inputError_svg_1.ReactComponent, {}) }))), (0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)(styles.label, (_c = {},
+                    _b)), value: value, type: type, placeholder: placeholder, onChange: handleChange }), value && withClearValue && !errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.searchButton, styles.clearButton), onClick: handleClearInputValue }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.crossSvg }) }))), value && withClearValue && errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.searchButton }, { children: (0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}) }))), children && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: children })), errorText && withErrorSvg && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: (0, jsx_runtime_1.jsx)(inputError_svg_1.ReactComponent, {}) }))), (0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)(styles.label, (_c = {},
                     _c[styles.labelRight] = startIcon,
                     _c[styles.hideLabel] = isHidePlaceholder,
                     _c[styles.labelUp] = inputLabelType === 'labelUp',

package/dist/main.css

@@ -866,7 +866,7 @@
   background-clip: text;
 }
 
-.KIT__BaseInputUi-module__clearButton___hwyGX {
+.KIT__BaseInputUi-module__searchButton___Fj_pM {
   --size: 16px;
   width: 16px;
   width: var(--size);
@@ -875,11 +875,18 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: rgba(49, 54, 72, 1);
-  border-radius: var(--border-circle);
   cursor: pointer;
 }
 
+.KIT__BaseInputUi-module__searchButton___Fj_pM.KIT__BaseInputUi-module__clearButton___hwyGX {
+    background: var(--base-input-clear-button-background);
+    border-radius: var(--border-circle);
+  }
+
+.KIT__BaseInputUi-module__searchButton___Fj_pM.KIT__BaseInputUi-module__clearButton___hwyGX .KIT__BaseInputUi-module__crossSvg___y_O7R path {
+      fill: var(--base-input-clear-button-svg-path);
+    }
+
 @keyframes KIT__BaseInputUi-module__FadeIn___kQ_6Q {
   0% {
     opacity: 0;
@@ -1985,7 +1992,7 @@
   border: 2px solid var(--border-color-gray);
   border-radius: var(--border-s);
   padding: var(--indent-xl) var(--indent-xxxl);
-  color: rgb(var(--white));
+  color: var(--docs-accordion-wrapper-color);
 }
 
 .KIT__Accordion-module__paddingB___Iw85_ {
@@ -2466,6 +2473,7 @@
   background-color: var(--pagination-step-button-background);
   height: 100%;
   border-radius: var(--border-12);
+  border: var(--pagination-button-border);
   max-width: var(--button-xxl);
 }
 
@@ -3009,19 +3017,39 @@
   font-size: var(--font-size-xl);
 }
 
+.KIT__SkeletLoader-module__wrapperSkeletLoader___oGTH8 {
+  height: 100%;
+  background: var(--skelet-loader-wrapper-background-color);
+}
+
+.KIT__SkeletLoader-module__loader___UcLim {
+  height: 100%;
+  width: 300%;
+  background: var(--skelet-loader-background-color);
+  border-radius: 5px;
+  background-size: 200% 100%;
+  animation: 1.5s KIT__SkeletLoader-module__shine___c90e1 linear infinite;
+}
+
+@keyframes KIT__SkeletLoader-module__shine___c90e1 {
+  to {
+    background-position-x: -200%;
+  }
+}
+
 .KIT__LastBigWinner-module__wrapperLastBugWinner___xWv0v {
   --card-text-color: var(--big-win-card-text-color);
   --card-img-width: var(--big-win-card-img-width);
   --card-background: var(--big-win-card-background);
-  --card-label-background: var(--big-win-card-label-background);
 
-  --winner-card-size:var(--big-win-winner-card-size);
-  --winner-card-height:var(--big-win-winner-card-height);
+  --winner-card-size: var(--big-win-winner-card-size);
+  --winner-card-height: var(--big-win-winner-card-height);
 
   display: flex;
+  gap: var(--indent-s);
 
   width: var(--winner-card-size);
-  border-radius: var(--border-l);
+  border-radius: var(--border-s);
   background: var(--card-background);
   padding: var(--indent-base);
 
@@ -3038,44 +3066,55 @@
 }
 
 .KIT__LastBigWinner-module__box___WNB7m {
-  margin-left: var(--indent-base-half);
   font-weight: 600;
   width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-m);
 }
 
 .KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__header___DLYUP {
     display: flex;
     align-items: center;
-    margin-bottom: var(--indent-base);
     font-weight: 300;
     font-size: var(--font-size-s);
   }
 
 .KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__header___DLYUP .KIT__LastBigWinner-module__userId___ZrRQn {
-      margin-left: var(--indent-base-half);
       display: flex;
       align-items: center;
     }
 
 .KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__header___DLYUP .KIT__LastBigWinner-module__userId___ZrRQn .KIT__LastBigWinner-module__idLoader___PcBPs {
-        margin-left: var(--indent-base-half);
         width: 40px;
         height: 16px;
         overflow: hidden;
         border-radius: var(--border-l);
       }
 
-.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__header___DLYUP .KIT__LastBigWinner-module__label___VPDnP {
-      /* TODO: move to var */
-      background: var(--bit-win-card-label-background);
-      margin-left: var(--indent-base);
-      padding: 0 var(--indent-base-half);
-      border-radius: var(--border-xs);
+.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__header___DLYUP .KIT__LastBigWinner-module__profileSvg___qEw91 path {
+      fill: var(--big-win-profile-icon-fill);
     }
 
+.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__label___VPDnP {
+    background: var(--big-win-card-label-background);
+    padding: 0 var(--indent-base-half);
+    border-radius: var(--border-xs);
+    width: -moz-fit-content;
+    width: fit-content;
+    font-size: var(--font-size-xs);
+  }
+
+.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__info___TvOCh {
+    display: flex;
+    flex-direction: column;
+    gap: var(--indent-xs);
+  }
+
 .KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__title___Es6Eu {
-    margin-bottom: var(--indent-base-half);
-    font-size: var(--font-size-xl);
+    font-size: var(--font-size-s);
+    line-height: var(--font-size-s);
+    font-weight: 600;
     width: calc(
       var(--winner-card-size) -
         (var(--card-img-width) + var(--indent-base-double))
@@ -3092,8 +3131,8 @@
   }
 
 .KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__sum___ZpyFL {
-    /* font-weight: 900; */
-    font-size: var(--font-size-l);
+    font-weight: 700;
+    font-size: var(--font-size-m);
     color: rgb(var(--primary));
   }
 
@@ -3102,26 +3141,6 @@
     height: 15px;
   }
 
-.KIT__SkeletLoader-module__wrapperSkeletLoader___oGTH8 {
-  height: 100%;
-  background: var(--skelet-loader-wrapper-background-color);
-}
-
-.KIT__SkeletLoader-module__loader___UcLim {
-  height: 100%;
-  width: 300%;
-  background: var(--skelet-loader-background-color);
-  border-radius: 5px;
-  background-size: 200% 100%;
-  animation: 1.5s KIT__SkeletLoader-module__shine___c90e1 linear infinite;
-}
-
-@keyframes KIT__SkeletLoader-module__shine___c90e1 {
-  to {
-    background-position-x: -200%;
-  }
-}
-
 .KIT__LastBigWinners-module__wrapperBoxLoader___vM6yl {
   height: var(--last-big-winner-card-height);
   width: 100%;
@@ -3142,6 +3161,7 @@
 .KIT__LastBigWinners-module__marginLeft___AifFu {
   margin-left: var(--indent-base-half);
 }
+
 .KIT__Digit-module__digit___zpm_m {
   margin-left: calc(var(--indent-base) / 3);
   height: 100%;
@@ -3405,20 +3425,24 @@
       border: var(--battles-provider-name-border);
       border-radius: var(--border-m);
       padding: var(--indent-xs) var(--indent-m);
-      color: rgb(var(--white));
+      color: var(--battles-battle-provider-name);
       text-align: center;
       width: -moz-fit-content;
       width: fit-content;
       font-size: var(--font-size-xxs);
       text-transform: uppercase;
+      font-weight: 600;
+      display: flex;
+      gap: var(--indent-xs);
     }
-.KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__textBox___r4AK3 .KIT__BattlesCard-module__providerName___hP5is.KIT__BattlesCard-module__full___jmdya {
+.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: rgb(var(--white));
+      color: var(--battles-battle-name);
       /*вынести в colors*/
-      font-size: var(--font-size-l);
+      font-size: var(--font-size-xl);
       font-weight: 600;
     }
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__textBox___r4AK3 .KIT__BattlesCard-module__details___Yh7o_ {
@@ -3461,7 +3485,7 @@
     }
 .KIT__Step-module__wrapperStep___wBtLk .KIT__Step-module__subTitle___LnyqY {
     font-size: var(--font-size-m);
-    color: rgb(var(--white));
+    color: var(--step-subtitle-color);
   }
 @media screen and (min-width: 768px) {
     .KIT__Step-module__wrapperStep___wBtLk .KIT__Step-module__subTitle___LnyqY {
@@ -3818,7 +3842,7 @@
 }
 .KIT__Leaderboard-module__wrapperLeaderboard___a7Igz .KIT__Leaderboard-module__title___agvnq {
     font-weight: 700;
-    color: rgb(var(--white));
+    color: var(--leaderboard-title-color);
     text-transform: uppercase;
     font-size: var(--font-size-xl);
   }
@@ -3837,7 +3861,7 @@
       align-items: center;
       justify-content: space-between;
       text-transform: uppercase;
-      color: rgba(var(--white), 0.5);
+      color: var(--leaderboard-header-color);
       font-size: var(--font-size-xxs);
       padding: 0 var(--indent-l);
     }

package/package.json

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