@norges-domstoler/dds-components 0.0.0-dev-20260720134425 → 0.0.0-dev-20260721121115

package/dist/index.cjs

@@ -1254,6 +1254,7 @@ const BACKGROUNDS = [
 	"surface-default",
 	"surface-subtle",
 	"surface-medium",
+	"surface-skeleton",
 	"surface-inverse-default",
 	"surface-danger-default",
 	"surface-danger-strong",
@@ -1654,13 +1655,17 @@ var Paper_module_default = {
 	"container": "dds-Paper-module__container",
 	"shadow--small": "dds-Paper-module__shadow--small",
 	"shadow--medium": "dds-Paper-module__shadow--medium",
-	"shadow--large": "dds-Paper-module__shadow--large",
-	"border-radius--button": "dds-Paper-module__border-radius--button",
-	"border-radius--surface": "dds-Paper-module__border-radius--surface",
-	"border-radius--chip": "dds-Paper-module__border-radius--chip",
-	"border-radius--input": "dds-Paper-module__border-radius--input",
-	"border-radius--rounded": "dds-Paper-module__border-radius--rounded",
-	"border-radius--0": "dds-Paper-module__border-radius--0"
+	"shadow--large": "dds-Paper-module__shadow--large"
+};
+//#endregion
+//#region src/components/layout/common/surface.module.css
+var surface_module_default = {
+	"border-radius--button": "dds-surface-module__border-radius--button",
+	"border-radius--surface": "dds-surface-module__border-radius--surface",
+	"border-radius--chip": "dds-surface-module__border-radius--chip",
+	"border-radius--input": "dds-surface-module__border-radius--input",
+	"border-radius--rounded": "dds-surface-module__border-radius--rounded",
+	"border-radius--0": "dds-surface-module__border-radius--0"
 };
 //#endregion
 //#region src/components/layout/Paper/Paper.tsx
@@ -1669,7 +1674,7 @@ const Paper = ({ id, elevation, border, borderRadius = "surface", background = "
 		...getCSSProperties(background, "paper", "background"),
 		...getCSSProperties(border, "paper", "border")
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, { ...getBaseHTMLProps(id, cn(className, Paper_module_default.container, elevation && Paper_module_default[`shadow--${elevation}`], borderRadius && Paper_module_default[`border-radius--${borderRadius}`], Paper_module_default.background, border && Paper_module_default.border), {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, { ...getBaseHTMLProps(id, cn(className, Paper_module_default.container, elevation && Paper_module_default[`shadow--${elevation}`], surface_module_default[`border-radius--${borderRadius}`], Paper_module_default.background, border && Paper_module_default.border), {
 		...style,
 		...styleVariables
 	}, htmlProps, rest) });
@@ -12039,16 +12044,11 @@ var Skeleton_module_default = {
 };
 //#endregion
 //#region src/components/Skeleton/Skeleton.tsx
-const Skeleton = ({ width, height, borderRadius = "var(--dds-border-radius-surface)", className, style, ref, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
-		width,
-		height,
-		ref,
+const Skeleton = ({ borderRadius = "surface", className, ...rest }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Paper, {
 		className: cn(className, Skeleton_module_default.container),
-		style: {
-			...style,
-			borderRadius
-		},
+		borderRadius,
+		background: "surface-skeleton",
 		...rest
 	});
 };