@modul/mbui 0.0.19-beta-pv-53151-e23b7a9d → 0.0.19-beta-pv-53151-14635d0d

package/dist/Icon/icons/CheckCircleSolid.js

@@ -4,6 +4,6 @@ const tslib_1 = require("tslib");
 const React = (0, tslib_1.__importStar)(require("react"));
 const SvgIcon_1 = require("../SvgIcon");
 const SvgCheckCircleSolid = (props) => (React.createElement(SvgIcon_1.SvgIcon, { width: 24, height: 24, fill: "none", viewBox: "0 0 24 24", ...props },
-    React.createElement("path", { fill: "currentColor", d: "m12 1.2a10.8 10.8 0 1 0 0 21.6 10.8 10.8 0 0 0 0-21.6zm5.05 8.65-5.4 5.4c-.24.24-.54.35-.85.35s-.61-.12-.85-.35l-3-3a1.2 1.2 0 1 1 1.69-1.69l2.15 2.15 4.55-4.55a1.2 1.2 0 0 1 1.69 0c.47.47.49 1.22.02 1.7z" })));
+    React.createElement("path", { fill: "currentColor", d: "M12 1.2a10.8 10.8 0 1 0 0 21.6 10.8 10.8 0 0 0 0-21.6Zm5.16 9.04-5.4 5.4a1.23 1.23 0 0 1-1.7 0l-3-3a1.2 1.2 0 1 1 1.68-1.69l2.15 2.15 4.55-4.55a1.2 1.2 0 0 1 1.7 0c.46.47.48 1.22.02 1.7Z" })));
 exports.default = SvgCheckCircleSolid;
 //# sourceMappingURL=CheckCircleSolid.js.map

package/dist/Icon/icons/CheckCircleSolid.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckCircleSolid.js","sourceRoot":"","sources":["../../../src/Icon/icons/CheckCircleSolid.tsx"],"names":[],"mappings":";;;AAAA,0DAA8B;AAE9B,wCAAoC;AACpC,MAAM,mBAAmB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC/D,oBAAC,iBAAO,IACP,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,KACf,KAAK;IAET,8BACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,8MAA8M,GAC/M,CACO,CACV,CAAA;AACD,kBAAe,mBAAmB,CAAA"}
+{"version":3,"file":"CheckCircleSolid.js","sourceRoot":"","sources":["../../../src/Icon/icons/CheckCircleSolid.tsx"],"names":[],"mappings":";;;AAAA,0DAA8B;AAE9B,wCAAoC;AACpC,MAAM,mBAAmB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC/D,oBAAC,iBAAO,IACP,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,KACf,KAAK;IAET,8BACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,4LAA4L,GAC7L,CACO,CACV,CAAA;AACD,kBAAe,mBAAmB,CAAA"}

package/dist/Logo/Logo.js

@@ -4,16 +4,8 @@ const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importDefault)(require("react"));
 /* @ts-ignore */
 const logo_svg_1 = (0, tslib_1.__importDefault)(require("../assets/images/logo/bank/logo.svg"));
-const LOGOS = {
-    bank: {
-        src: logo_svg_1.default,
-        width: 132,
-        height: 32,
-        alt: 'Модульбанк',
-    },
-};
-const Logo = ({ variant = logo_svg_1.default, width, height, alt, className }) => {
-    return (react_1.default.createElement("img", { className: className, src: LOGOS[variant].src, width: LOGOS[variant].width || width, height: LOGOS[variant].height || height, alt: LOGOS[variant].alt || alt }));
+const Logo = ({ width, height, alt, className }) => {
+    return (react_1.default.createElement("img", { className: className, src: logo_svg_1.default, width: 131 || width, height: 32 || height, alt: '\u041C\u043E\u0434\u0443\u043B\u044C\u0431\u0430\u043D\u043A' }));
 };
 exports.default = Logo;
 //# sourceMappingURL=Logo.js.map

package/dist/Logo/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../src/Logo/Logo.tsx"],"names":[],"mappings":";;;AAAA,+DAAyB;AACzB,gBAAgB;AAChB,gGAAsD;AAWtD,MAAM,KAAK,GAAG;IACb,IAAI,EAAE;QACL,GAAG,EAAE,kBAAI;QACT,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,GAAG,EAAE,YAAY;KACjB;CACD,CAAA;AAED,MAAM,IAAI,GAAyB,CAAC,EAAE,OAAO,GAAG,kBAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,EAAE;IACxF,OAAO,CACN,uCACC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,EACvB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,IAAI,KAAK,EACpC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,IAAI,MAAM,EACvC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,GAAG,GAC7B,CACF,CAAA;AACF,CAAC,CAAA;AAED,kBAAe,IAAI,CAAA"}
+{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../src/Logo/Logo.tsx"],"names":[],"mappings":";;;AAAA,+DAAyB;AACzB,gBAAgB;AAChB,gGAAsD;AAOtD,MAAM,IAAI,GAAyB,CAAC,EAAG,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,EAAE;IACzE,OAAO,CACN,uCACC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,kBAAI,EACT,KAAK,EAAE,GAAG,IAAI,KAAK,EACnB,MAAM,EAAE,EAAE,IAAG,MAAM,EACnB,GAAG,EAAC,8DAAY,GACf,CACF,CAAA;AACF,CAAC,CAAA;AAED,kBAAe,IAAI,CAAA"}

package/dist/Page/Page.js

@@ -5,13 +5,15 @@ const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importDefault)(require("react"));
 const utils_1 = require("../@/lib/utils");
 const Navbar = ({ children, className }) => {
-    return react_1.default.createElement("div", { className: (0, utils_1.cn)('flex items-center h-[44px] px-[20px]', className) }, children);
+    return react_1.default.createElement("div", { className: (0, utils_1.cn)('flex items-center h-[44px] px-[20px] shrink-0', className) }, children);
 };
 const Content = ({ children, className }) => {
-    return react_1.default.createElement("div", { className: (0, utils_1.cn)('px-[20px] py-[16px] overflow-y-auto', className) }, children);
+    return react_1.default.createElement("div", { className: (0, utils_1.cn)('px-[20px] py-[16px] overflow-y-auto grow', className) }, children);
 };
 const Page = ({ children, className }) => {
-    return (react_1.default.createElement("div", { className: (0, utils_1.cn)('sm:container grid grid-cols-[minmax(0,_1fr)] grid-rows-[min-content_1fr_min-content] bg-page h-screen', className) }, children));
+    return (react_1.default.createElement("div", { className: (0, utils_1.cn)('sm:container flex flex-col bg-page h-svh', 
+        // 'sm:container grid grid-cols-[minmax(0,_1fr)] grid-rows-[min-content_1fr_min-content] bg-page h-screen',
+        className) }, children));
 };
 exports.Page = Page;
 Page.displayName = 'Page';

package/dist/Page/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,+DAA4C;AAC5C,0CAAmC;AAMnC,MAAM,MAAM,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACtD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,sCAAsC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC/F,CAAC,CAAA;AAED,MAAM,OAAO,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACvD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,qCAAqC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC9F,CAAC,CAAA;AAOD,MAAM,IAAI,GAAuB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAC5D,OAAO,CACN,uCACC,SAAS,EAAE,IAAA,UAAE,EACZ,uGAAuG,EACvG,SAAS,CACT,IAEA,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAA;AAUQ,oBAAI;AARb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;AACpB,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;AACtB,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,cAAc,CAAA"}
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,+DAA4C;AAC5C,0CAAmC;AAMnC,MAAM,MAAM,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACtD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,+CAA+C,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AACxG,CAAC,CAAA;AAED,MAAM,OAAO,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACvD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,0CAA0C,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AACnG,CAAC,CAAA;AAOD,MAAM,IAAI,GAAuB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAC5D,OAAO,CACN,uCACC,SAAS,EAAE,IAAA,UAAE,EACZ,0CAA0C;QAC1C,2GAA2G;QAC3G,SAAS,CACT,IAEA,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAA;AAUQ,oBAAI;AARb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;AACpB,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;AACtB,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,cAAc,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.19-beta-pv-53151-e23b7a9d",
+  "version": "0.0.19-beta-pv-53151-14635d0d",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/Icon/icons/CheckCircleSolid.tsx

@@ -11,7 +11,7 @@ const SvgCheckCircleSolid = (props: SVGProps<SVGSVGElement>) => (
 	>
 		<path
 			fill="currentColor"
-			d="m12 1.2a10.8 10.8 0 1 0 0 21.6 10.8 10.8 0 0 0 0-21.6zm5.05 8.65-5.4 5.4c-.24.24-.54.35-.85.35s-.61-.12-.85-.35l-3-3a1.2 1.2 0 1 1 1.69-1.69l2.15 2.15 4.55-4.55a1.2 1.2 0 0 1 1.69 0c.47.47.49 1.22.02 1.7z"
+			d="M12 1.2a10.8 10.8 0 1 0 0 21.6 10.8 10.8 0 0 0 0-21.6Zm5.16 9.04-5.4 5.4a1.23 1.23 0 0 1-1.7 0l-3-3a1.2 1.2 0 1 1 1.68-1.69l2.15 2.15 4.55-4.55a1.2 1.2 0 0 1 1.7 0c.46.47.48 1.22.02 1.7Z"
 		/>
 	</SvgIcon>
 )

package/src/Logo/Logo.tsx

@@ -1,33 +1,20 @@
 import React from 'react'
 /* @ts-ignore */
 import bank from '../assets/images/logo/bank/logo.svg'
-/* @ts-ignore */
-// import kassa from '../assets/images/logo/kassa/logo.svg'
-/* @ts-ignore */
-// import garant from '../assets/images/logo/garant/logo.svg'
+
 
 interface ILogoProps extends React.ImgHTMLAttributes<HTMLImageElement> {
 	variant?: bank
-	// variant?: bank | kassa | garant
-}
-
-const LOGOS = {
-	bank: {
-		src: bank,
-		width: 132,
-		height: 32,
-		alt: 'Модульбанк',
-	},
 }
 
-const Logo: React.FC<ILogoProps> = ({ variant = bank, width, height, alt, className }) => {
+const Logo: React.FC<ILogoProps> = ({  width, height, alt, className }) => {
 	return (
 		<img
 			className={className}
-			src={LOGOS[variant].src}
-			width={LOGOS[variant].width || width}
-			height={LOGOS[variant].height || height}
-			alt={LOGOS[variant].alt || alt}
+			src={bank}
+			width={131 || width}
+			height={32|| height}
+			alt='Модульбанк'
 		/>
 	)
 }

package/src/Page/Page.tsx

@@ -6,11 +6,11 @@ type IProps = {
 	className?: string
 }
 const Navbar: FC<IProps> = ({ children, className }) => {
-	return <div className={cn('flex items-center h-[44px] px-[20px]', className)}>{children}</div>
+	return <div className={cn('flex items-center h-[44px] px-[20px] shrink-0', className)}>{children}</div>
 }
 
 const Content: FC<IProps> = ({ children, className }) => {
-	return <div className={cn('px-[20px] py-[16px] overflow-y-auto', className)}>{children}</div>
+	return <div className={cn('px-[20px] py-[16px] overflow-y-auto grow', className)}>{children}</div>
 }
 
 interface IPage {
@@ -22,7 +22,8 @@ const Page: FC<IProps> & IPage = ({ children, className }) => {
 	return (
 		<div
 			className={cn(
-				'sm:container grid grid-cols-[minmax(0,_1fr)] grid-rows-[min-content_1fr_min-content] bg-page h-screen',
+				'sm:container flex flex-col bg-page h-svh',
+				// 'sm:container grid grid-cols-[minmax(0,_1fr)] grid-rows-[min-content_1fr_min-content] bg-page h-screen',
 				className
 			)}
 		>

package/src/assets/css/global.css

@@ -3,27 +3,6 @@
 @tailwind utilities;
 
 @layer base {
-    html,
-    body {
-        height: 100%;
-        min-height: 100%;
-        color: var(--text-base)
-    }
-
-    body {
-        margin: 0;
-        /* max-width: 640px; */
-        min-width: 320px;
-        -webkit-overflow-scrolling: touch;
-    }
-
-    @supports (-webkit-touch-callout: none) {
-        html,
-        body {
-            height: -webkit-fill-available;
-        }
-    }
-
     @font-face {
         font-weight: 100 900;
         font-family: "Roboto";