@houssemdi2000/design-system 1.3.4 → 1.3.5

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.
Files changed (3) hide show
  1. package/dist/index.esm.js +1 -1
  2. package/dist/index.js +1 -1
  3. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -485,7 +485,7 @@ const SmartCarousel = ({ images, autoPlay = false, interval = 5000, showArrows =
485
485
  }) }), 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))) }))] }));
486
486
  };
487
487
 
488
- var css_248z$8 = ".navbar{background:#fff;border-bottom:1px solid #eee;font-family:sans-serif;width:100%;z-index:1000}.navbar.dark{background:#0f172a;border-color:#1e293b;color:#fff}.navbar.sticky{position:sticky;top:0}.navbar-container{display:flex;height:100%;margin:auto;max-width:1280px;padding:0 16px}.navbar-logo{font-size:18px;font-weight:700}.navbar-links{display:flex;gap:20px;list-style:none;width:\"100%\"}.navbar-links.center{left:50%;position:absolute;transform:translateX(-50%)}.navbar-links.left{margin-right:auto}.navbar-links.right{margin-left:auto;margin-right:24px}.navbar-link{cursor:pointer;font-weight:500}.navbar-link a{color:inherit;text-decoration:none}.navbar-link.active{color:#2563eb}.navbar-actions{align-items:center;display:flex;gap:10px}.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-links{background:inherit;display:none;flex-direction:column;left:0;padding:12px;position:absolute;right:0;top:100%}.navbar-burger,.navbar-links.open{display:flex}.navbar-links.center,.navbar-links.left,.navbar-links.right{margin:0;position:static;transform:none}}";
488
+ var css_248z$8 = ".navbar{background:#fff;border-bottom:1px solid #eee;font-family:sans-serif;width:100%;z-index:1000}.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-logo{font-size:18px;font-weight:700}.navbar-links{display:flex;gap:20px;list-style:none;width:\"100%\"}.navbar-links.center{left:50%;position:absolute;transform:translateX(-50%)}.navbar-links.left{margin-right:auto}.navbar-links.right{margin-left:auto;margin-right:24px}.navbar-link{cursor:pointer;font-weight:500}.navbar-link a{color:inherit;text-decoration:none}.navbar-link.active{color:#2563eb}.navbar-actions{align-items:center;display:flex;gap:30px}.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-links{background:inherit;display:none;flex-direction:column;left:0;padding:12px;position:absolute;right:0;top:100%}.navbar-burger,.navbar-links.open{display:flex}.navbar-links.center,.navbar-links.left,.navbar-links.right{margin:0;position:static;transform:none}}";
489
489
  styleInject(css_248z$8);
490
490
 
491
491
  const Navbar = ({ logo, links = [], actions = [], position = "left", sticky = true, isDarkMode = false, height = 64 }) => {
package/dist/index.js CHANGED
@@ -487,7 +487,7 @@ const SmartCarousel = ({ images, autoPlay = false, interval = 5000, showArrows =
487
487
  }) }), 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))) }))] }));
488
488
  };
489
489
 
490
- var css_248z$8 = ".navbar{background:#fff;border-bottom:1px solid #eee;font-family:sans-serif;width:100%;z-index:1000}.navbar.dark{background:#0f172a;border-color:#1e293b;color:#fff}.navbar.sticky{position:sticky;top:0}.navbar-container{display:flex;height:100%;margin:auto;max-width:1280px;padding:0 16px}.navbar-logo{font-size:18px;font-weight:700}.navbar-links{display:flex;gap:20px;list-style:none;width:\"100%\"}.navbar-links.center{left:50%;position:absolute;transform:translateX(-50%)}.navbar-links.left{margin-right:auto}.navbar-links.right{margin-left:auto;margin-right:24px}.navbar-link{cursor:pointer;font-weight:500}.navbar-link a{color:inherit;text-decoration:none}.navbar-link.active{color:#2563eb}.navbar-actions{align-items:center;display:flex;gap:10px}.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-links{background:inherit;display:none;flex-direction:column;left:0;padding:12px;position:absolute;right:0;top:100%}.navbar-burger,.navbar-links.open{display:flex}.navbar-links.center,.navbar-links.left,.navbar-links.right{margin:0;position:static;transform:none}}";
490
+ var css_248z$8 = ".navbar{background:#fff;border-bottom:1px solid #eee;font-family:sans-serif;width:100%;z-index:1000}.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-logo{font-size:18px;font-weight:700}.navbar-links{display:flex;gap:20px;list-style:none;width:\"100%\"}.navbar-links.center{left:50%;position:absolute;transform:translateX(-50%)}.navbar-links.left{margin-right:auto}.navbar-links.right{margin-left:auto;margin-right:24px}.navbar-link{cursor:pointer;font-weight:500}.navbar-link a{color:inherit;text-decoration:none}.navbar-link.active{color:#2563eb}.navbar-actions{align-items:center;display:flex;gap:30px}.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-links{background:inherit;display:none;flex-direction:column;left:0;padding:12px;position:absolute;right:0;top:100%}.navbar-burger,.navbar-links.open{display:flex}.navbar-links.center,.navbar-links.left,.navbar-links.right{margin:0;position:static;transform:none}}";
491
491
  styleInject(css_248z$8);
492
492
 
493
493
  const Navbar = ({ logo, links = [], actions = [], position = "left", sticky = true, isDarkMode = false, height = 64 }) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@houssemdi2000/design-system",
3
- "version": "1.3.4",
3
+ "version": "1.3.5",
4
4
  "description": "Mon système de design React",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",