ml-ui-lib 1.0.38 → 1.0.40

package/dist/components/Button/Button.css

@@ -317,7 +317,7 @@
 }
 
 .btn-action-search::after {
-  content: "\1F50D";
+  content: url('../../icons/discover.svg');
   position: absolute;
   top: 50%;
   right: -25px;
@@ -339,7 +339,7 @@
 }
 
 .btn-action-download::after {
-  content: "▼";
+  content: url('../../icons/download.svg');
   position: absolute;
   top: 50%;
   right: -25px;

package/dist/components/Footer/Footer.css

@@ -124,7 +124,7 @@
   .footer-columns {
     grid-template-columns: repeat(5, 1fr);
     display: grid;
-    grid-template-columns: auto 12% 10% 10% 14%;
+    grid-template-columns: auto 12% 10% 12% 14%;
     gap: 2rem;
     flex: 1 1 auto;
     /* optional if inside flex parent */
@@ -235,7 +235,7 @@
   .app-items {
     display: flex;
     flex-wrap: wrap;
-    justify-content: center;
+    justify-content: flex-start;
     gap: 15px;
   }
 

package/dist/components/Footer/Footer.js

@@ -19,7 +19,7 @@ export const Footer = ({ footerItems, logoSrc = '', logoAlt = 'M Lhuillier Logo'
                                             display: 'flex',
                                             flexDirection: 'column',
                                             alignItems: 'center'
-                                        }, children: [_jsx("a", { href: "/", children: _jsx("img", { src: logoSrc, alt: logoAlt, width: logoWidth, height: logoHeight, style: { display: 'block' } }) }), _jsx("span", { style: { marginTop: '-15px', }, children: "FINANCIAL SERVICES, INC." }), _jsx("span", { style: { marginTop: '0px', fontSize: '15px' }, children: "B. Benedicto St, North Reclamation, Cebu City" }), " ", _jsx("br", {})] }), _jsx("span", { children: "M.Lhuillier Financial Services, Inc. is regulated by the Bangko Sentral ng Pilipinas (BSP).For inquiries or assistance, you may reach us via:" }), _jsx("span", { children: _jsxs("ul", { className: 'footer-contact', children: [_jsx("li", { children: "Phone: +63 947 999 0337" }), _jsxs("li", { children: ["Email: ", _jsx("a", { href: "mailto:customercare@mlhuillier.com", style: { color: 'rgb(44, 48, 122) !important' }, children: "customercare@mlhuillier.com" })] })] }) })] }), footerItems.map((group, i) => {
+                                        }, children: [_jsx("a", { href: "/", children: _jsx("img", { src: logoSrc, alt: logoAlt, width: logoWidth, height: logoHeight, style: { display: 'block' } }) }), _jsx("span", { style: { marginTop: '-15px', }, children: "FINANCIAL SERVICES, INC." }), _jsx("span", { style: { marginTop: '0px', fontSize: '15px' }, children: "B. Benedicto St, North Reclamation, Cebu City" }), " ", _jsx("br", {})] }), _jsx("span", { children: "M Lhuillier Financial Services, Inc. is regulated by the Bangko Sentral ng Pilipinas (BSP).For inquiries or assistance, you may reach us via:" }), _jsx("span", { children: _jsxs("ul", { className: 'footer-contact', children: [_jsx("li", { children: "Phone: +63 947 999 0337" }), _jsxs("li", { children: ["Email: ", _jsx("a", { href: "mailto:customercare@mlhuillier.com", style: { color: 'rgb(44, 48, 122) !important' }, children: "customercare@mlhuillier.com" })] })] }) })] }), footerItems.map((group, i) => {
                                 // Format the display name
                                 const displayName = group.name
                                     .split('-')
@@ -31,6 +31,6 @@ export const Footer = ({ footerItems, logoSrc = '', logoAlt = 'M Lhuillier Logo'
                                                     { name: 'ig', link: 'https://www.instagram.com/mlhuillier_official/' },
                                                     { name: 'x', link: 'https://x.com/KaMLhuillier' },
                                                     { name: 'yt', link: 'https://www.youtube.com/user/MLhuillierInc' },
-                                                ].map((icon) => (_jsx("a", { href: icon.link, target: "_blank", rel: "noopener noreferrer", children: _jsx("img", { src: `/icons/${icon.name}.svg`, alt: icon.name }) }, icon.name))) })] }), _jsxs("div", { className: "apps", children: [_jsx("h4", { children: "Get the MCash App" }), _jsx("div", { className: "app-items", children: appLinksArr.map((item, index) => (_jsx("a", { href: item.link, children: _jsx("img", { src: item.url, alt: "App download" }) }, index))) })] })] }), _jsx("div", { className: 'emblems', children: empblemArr.map((item, index) => (_jsxs("div", { className: "emblem-item", children: [_jsx("img", { src: item.url, alt: item.name }), _jsx("span", { children: item.name })] }, index))) })] }) }), _jsx("div", { className: 'others' }), _jsxs("div", { className: "footer-bottom", children: [_jsxs("p", { children: ["Copyright \u00A9 ", new Date().getFullYear(), " M.Lhuillier Financial Services, Inc."] }), " ", _jsx("p", { children: "All rights reserved." })] })] }) }));
+                                                ].map((icon) => (_jsx("a", { href: icon.link, target: "_blank", rel: "noopener noreferrer", children: _jsx("img", { src: `/icons/${icon.name}.svg`, alt: icon.name }) }, icon.name))) })] }), _jsxs("div", { className: "apps", children: [_jsx("h4", { children: "Get the MCash App" }), _jsx("div", { className: "app-items", children: appLinksArr.map((item, index) => (_jsx("a", { href: item.link, children: _jsx("img", { src: item.url, alt: "App download" }) }, index))) })] })] }), _jsx("div", { className: 'emblems', children: empblemArr.map((item, index) => (_jsxs("div", { className: "emblem-item", children: [_jsx("img", { src: item.url, alt: item.name }), _jsx("span", { children: item.name })] }, index))) })] }) }), _jsx("div", { className: 'others' }), _jsxs("div", { className: "footer-bottom", children: [_jsxs("p", { children: ["Copyright \u00A9 ", new Date().getFullYear(), " M Lhuillier Financial Services, Inc."] }), " ", _jsx("p", { children: "All rights reserved." })] })] }) }));
 };
 export default Footer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ml-ui-lib",
-  "version": "1.0.38",
+  "version": "1.0.40",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",