@mond-design-system/react 4.3.0 → 4.5.0

package/dist/index.cjs

@@ -50,7 +50,7 @@ function Text({
 }
 
 // mds-cssmod:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Heading/Heading.module.css?mds-scoped
-var Heading_module_default = { "heading": "mds-Heading__heading", "variant-display": "mds-Heading__variant-display", "variant-title": "mds-Heading__variant-title", "variant-subtitle": "mds-Heading__variant-subtitle", "tone-primary": "mds-Heading__tone-primary", "tone-secondary": "mds-Heading__tone-secondary", "tone-inverse": "mds-Heading__tone-inverse", "tone-accent": "mds-Heading__tone-accent", "tone-on-media": "mds-Heading__tone-on-media" };
+var Heading_module_default = { "heading": "mds-Heading__heading", "variant-display": "mds-Heading__variant-display", "variant-title": "mds-Heading__variant-title", "variant-subtitle": "mds-Heading__variant-subtitle", "variant-label": "mds-Heading__variant-label", "tone-primary": "mds-Heading__tone-primary", "tone-secondary": "mds-Heading__tone-secondary", "tone-inverse": "mds-Heading__tone-inverse", "tone-accent": "mds-Heading__tone-accent", "tone-on-media": "mds-Heading__tone-on-media" };
 
 // src/components/Heading/Heading.tsx
 var LEVEL_VARIANT = {
@@ -1026,11 +1026,13 @@ function VisuallyHidden({ as = "span", className, ...rest }) {
 }
 
 // mds-cssmod:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Skeleton/Skeleton.module.css?mds-scoped
-var Skeleton_module_default = { "skeleton": "mds-Skeleton__skeleton", "pulse": "mds-Skeleton__pulse", "variant-text": "mds-Skeleton__variant-text", "variant-rect": "mds-Skeleton__variant-rect", "variant-circle": "mds-Skeleton__variant-circle" };
+var Skeleton_module_default = { "skeleton": "mds-Skeleton__skeleton", "pulse": "mds-Skeleton__pulse", "lines": "mds-Skeleton__lines", "variant-text": "mds-Skeleton__variant-text", "variant-rect": "mds-Skeleton__variant-rect", "variant-circle": "mds-Skeleton__variant-circle" };
+var LAST_LINE = "62%";
 function Skeleton({
   variant = "text",
   width,
   height,
+  lines = 1,
   className,
   style,
   ...rest
@@ -1039,15 +1041,18 @@ function Skeleton({
     ...width ? { "--skeleton-w": width } : {},
     ...height ? { "--skeleton-h": height } : {}
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      "aria-hidden": "true",
-      className: cx(Skeleton_module_default.skeleton, Skeleton_module_default[`variant-${variant}`], className),
-      style: { ...vars, ...style },
-      ...rest
-    }
-  );
+  const box = cx(Skeleton_module_default.skeleton, Skeleton_module_default[`variant-${variant}`], className);
+  if (variant === "text" && lines > 1) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: Skeleton_module_default.lines, style, ...rest, children: Array.from({ length: lines }, (_, line) => /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: box,
+        style: line === lines - 1 ? { ...vars, "--skeleton-w": LAST_LINE } : vars
+      },
+      line
+    )) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: box, style: { ...vars, ...style }, ...rest });
 }
 
 // mds-cssmod:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/ProgressBar/ProgressBar.module.css?mds-scoped
@@ -1626,8 +1631,8 @@ var Card_module_default = { "card": "mds-Card__card", "variant-raised": "mds-Car
 function Card({ children, variant = "card", emphasis = false, onClick, href, as, className, ref, ...rest }) {
   const cardClass = cx(Card_module_default.card, Card_module_default[`variant-${variant}`], emphasis && Card_module_default.emphasis, className);
   if (href !== void 0) {
-    const Element = as ?? "a";
-    return /* @__PURE__ */ jsxRuntime.jsx(Element, { className: cx(cardClass, Card_module_default.interactive), href, ref, ...rest, children });
+    const Element2 = as ?? "a";
+    return /* @__PURE__ */ jsxRuntime.jsx(Element2, { className: cx(cardClass, Card_module_default.interactive), href, ref, ...rest, children });
   }
   if (onClick !== void 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1642,7 +1647,8 @@ function Card({ children, variant = "card", emphasis = false, onClick, href, as,
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cardClass, ref, ...rest, children });
+  const Element = as ?? "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(Element, { className: cardClass, ref, ...rest, children });
 }
 function CardHeader({ className, ...rest }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(Card_module_default.header, className), ...rest });