azeriand-library 1.13.0 → 1.13.2

package/dist/index.esm.js

@@ -15772,19 +15772,19 @@ function Card({ children, noPadding, noBlur = false, appearance = "glass", color
   return /* @__PURE__ */ jsx$1("article", { className: classNames, style: cardStyle, onClick, children });
 }
 function Button({ children, label, icon, position: position2 = "left", onClick, size, className, ...cardProps }) {
-  let cardClassNames = "flex justify-center items-center gap-x-[0.40rem] h-[2.5rem] min-w-[2.5rem] box-border p-0";
-  if (label) {
-    cardClassNames += " px-0 py-1";
+  let defaultCardClassNames = "flex justify-center items-center gap-x-[0.40rem] box-border cursor-pointer";
+  let specificCardClassNames = "min-w-[2.5rem] px-[1rem] py-1";
+  if (size === "sm") {
+    specificCardClassNames = "min-w-auto text-xs px-[0.5rem] py-1";
+    className = `w-fit ${className}`;
   }
+  let cardClassNames = `${specificCardClassNames} ${defaultCardClassNames}`;
   if (className) {
     const roundedMatch = className.match(/rounded\-[a-z0-9]+/g);
     if (roundedMatch) {
       cardClassNames += " " + roundedMatch[roundedMatch.length - 1];
     }
   }
-  if (size === "sm") {
-    cardClassNames += " h-[2rem] w-[2rem] min-w-auto";
-  }
   const buttonClick = (ev) => {
     if (typeof onClick === "function") {
       onClick(ev);
@@ -17845,7 +17845,7 @@ function Timeline({ children, faded, ...cardProps }) {
     WebkitMaskImage: "linear-gradient(to bottom, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 100%)",
     maskImage: "linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%)"
   };
-  return /* @__PURE__ */ jsx$1(Card, { className: "rounded-sm", noPadding: true, appearance: "ghost", ...cardProps, style: { ...cardProps.style, ...timelineStyle }, children: /* @__PURE__ */ jsx$1("ul", { className: "vertical-line list-disc font-bold text-start relative", style: { paddingInlineStart: 20 }, children }) });
+  return /* @__PURE__ */ jsx$1(Card, { className: "rounded-sm", noPadding: true, appearance: "ghost", ...cardProps, style: { ...cardProps.style, ...timelineStyle }, children: /* @__PURE__ */ jsx$1("ul", { className: "vertical-line list-disc font-bold text-start relative", style: { paddingInlineStart: 16.75 }, children }) });
 }
 function TlListItem({ label, badge, ...cardProps }) {
   return /* @__PURE__ */ jsx$1("li", { children: /* @__PURE__ */ jsx$1(Card, { noBlur: true, appearance: "ghost", noPadding: true, ...cardProps, children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center gap-x-[1rem] text-[1rem]", children: [