@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 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 16px}.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}}";
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 16px}.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}}";
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 = "", }) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@houssemdi2000/design-system",
3
- "version": "1.5.1",
3
+ "version": "1.5.2",
4
4
  "description": "Mon système de design React",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",