@houssemdi2000/design-system 1.5.1 → 1.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -716,7 +716,7 @@ const SmartCarousel = ({ images, autoPlay = false, interval = 5000, showArrows =
|
|
|
716
716
|
}) }), showArrows && (jsxs(Fragment, { children: [jsx("button", { className: "sc-arrow left", onClick: prev, "aria-label": "Previous", children: jsx("span", { children: " \u2039" }) }), jsx("button", { className: "sc-arrow right", onClick: next, "aria-label": "Next", children: jsx("span", { children: " \u203A" }) })] })), showDots && (jsx("div", { className: "sc-dots", children: images.map((_, i) => (jsx("span", { className: `sc-dot ${i === index ? "active" : ""}`, onClick: () => setIndex(i) }, i))) }))] }));
|
|
717
717
|
};
|
|
718
718
|
|
|
719
|
-
var css_248z$i = ".navbar{border-bottom:1px solid #eaeaea;font-family:sans-serif;width:100%;z-index:1000}.navbar--light{background:#fff;color:#0f172a}.navbar--dark{background:#0f172a;border-color:#1e293b;color:#fff}.navbar--sticky{position:sticky;top:0}.navbar__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:1280px;padding:0
|
|
719
|
+
var css_248z$i = ".navbar{border-bottom:1px solid #eaeaea;font-family:sans-serif;width:100%;z-index:1000}.navbar--light{background:#fff;color:#0f172a}.navbar--dark{background:#0f172a;border-color:#1e293b;color:#fff}.navbar--sticky{position:sticky;top:0}.navbar__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:1280px;padding:0 1px}.navbar__section{align-items:center;display:flex;gap:12px}.navbar__left{min-width:0}.navbar__center{flex:1;justify-content:center}.navbar__right{justify-content:flex-end}.navbar__burger{cursor:pointer;display:none;flex-direction:column;gap:4px}.navbar__burger span{background:currentColor;height:2px;width:22px}@media (max-width:768px){.navbar__center{background:inherit;display:none;flex-direction:column;left:0;padding:12px;position:absolute;right:0;top:100%}.navbar__burger,.navbar__center.open{display:flex}}";
|
|
720
720
|
styleInject(css_248z$i);
|
|
721
721
|
|
|
722
722
|
const Navbar = ({ left, center, right, sticky = true, isDarkMode = false, height = 64, className = "", }) => {
|
package/dist/index.js
CHANGED
|
@@ -718,7 +718,7 @@ const SmartCarousel = ({ images, autoPlay = false, interval = 5000, showArrows =
|
|
|
718
718
|
}) }), showArrows && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { className: "sc-arrow left", onClick: prev, "aria-label": "Previous", children: jsxRuntime.jsx("span", { children: " \u2039" }) }), jsxRuntime.jsx("button", { className: "sc-arrow right", onClick: next, "aria-label": "Next", children: jsxRuntime.jsx("span", { children: " \u203A" }) })] })), showDots && (jsxRuntime.jsx("div", { className: "sc-dots", children: images.map((_, i) => (jsxRuntime.jsx("span", { className: `sc-dot ${i === index ? "active" : ""}`, onClick: () => setIndex(i) }, i))) }))] }));
|
|
719
719
|
};
|
|
720
720
|
|
|
721
|
-
var css_248z$i = ".navbar{border-bottom:1px solid #eaeaea;font-family:sans-serif;width:100%;z-index:1000}.navbar--light{background:#fff;color:#0f172a}.navbar--dark{background:#0f172a;border-color:#1e293b;color:#fff}.navbar--sticky{position:sticky;top:0}.navbar__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:1280px;padding:0
|
|
721
|
+
var css_248z$i = ".navbar{border-bottom:1px solid #eaeaea;font-family:sans-serif;width:100%;z-index:1000}.navbar--light{background:#fff;color:#0f172a}.navbar--dark{background:#0f172a;border-color:#1e293b;color:#fff}.navbar--sticky{position:sticky;top:0}.navbar__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:1280px;padding:0 1px}.navbar__section{align-items:center;display:flex;gap:12px}.navbar__left{min-width:0}.navbar__center{flex:1;justify-content:center}.navbar__right{justify-content:flex-end}.navbar__burger{cursor:pointer;display:none;flex-direction:column;gap:4px}.navbar__burger span{background:currentColor;height:2px;width:22px}@media (max-width:768px){.navbar__center{background:inherit;display:none;flex-direction:column;left:0;padding:12px;position:absolute;right:0;top:100%}.navbar__burger,.navbar__center.open{display:flex}}";
|
|
722
722
|
styleInject(css_248z$i);
|
|
723
723
|
|
|
724
724
|
const Navbar = ({ left, center, right, sticky = true, isDarkMode = false, height = 64, className = "", }) => {
|