@mond-design-system/react 4.4.0 → 4.5.0
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.cjs +15 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +5 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +7 -1
- package/dist/index.d.ts +7 -1
- package/dist/index.js +15 -10
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1026,11 +1026,13 @@ function VisuallyHidden({ as = "span", className, ...rest }) {
|
|
|
1026
1026
|
}
|
|
1027
1027
|
|
|
1028
1028
|
// mds-cssmod:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Skeleton/Skeleton.module.css?mds-scoped
|
|
1029
|
-
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" };
|
|
1029
|
+
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" };
|
|
1030
|
+
var LAST_LINE = "62%";
|
|
1030
1031
|
function Skeleton({
|
|
1031
1032
|
variant = "text",
|
|
1032
1033
|
width,
|
|
1033
1034
|
height,
|
|
1035
|
+
lines = 1,
|
|
1034
1036
|
className,
|
|
1035
1037
|
style,
|
|
1036
1038
|
...rest
|
|
@@ -1039,15 +1041,18 @@ function Skeleton({
|
|
|
1039
1041
|
...width ? { "--skeleton-w": width } : {},
|
|
1040
1042
|
...height ? { "--skeleton-h": height } : {}
|
|
1041
1043
|
};
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
{
|
|
1045
|
-
"
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1044
|
+
const box = cx(Skeleton_module_default.skeleton, Skeleton_module_default[`variant-${variant}`], className);
|
|
1045
|
+
if (variant === "text" && lines > 1) {
|
|
1046
|
+
return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: Skeleton_module_default.lines, style, ...rest, children: Array.from({ length: lines }, (_, line) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1047
|
+
"span",
|
|
1048
|
+
{
|
|
1049
|
+
className: box,
|
|
1050
|
+
style: line === lines - 1 ? { ...vars, "--skeleton-w": LAST_LINE } : vars
|
|
1051
|
+
},
|
|
1052
|
+
line
|
|
1053
|
+
)) });
|
|
1054
|
+
}
|
|
1055
|
+
return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: box, style: { ...vars, ...style }, ...rest });
|
|
1051
1056
|
}
|
|
1052
1057
|
|
|
1053
1058
|
// mds-cssmod:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/ProgressBar/ProgressBar.module.css?mds-scoped
|