🐛 Width fungerte ikke med inline-variant av skeleton

.changeset/blue-deers-shout.md

@@ -0,0 +1,6 @@
+---
+"@navikt/ds-react": patch
+"@navikt/ds-css": patch
+---
+
+Skeleton: Width fungerer nå med inline-variant av Skeleton

@navikt/core/css/skeleton.css

@@ -5,6 +5,10 @@
   pointer-events: none;
 }
 
+.navds-skeleton--inline {
+  display: inline-block;
+}
+
 .navds-skeleton--has-children {
   color: transparent;
 }

@navikt/core/react/src/skeleton/Skeleton.tsx

@@ -57,6 +57,7 @@ export const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(
             "navds-skeleton--has-children": Boolean(children),
             "navds-skeleton--no-height": !height,
             "navds-skeleton--no-width": !width,
+            "navds-skeleton--inline": As === "span",
           }
         )}
         style={{ ...style, width, height }}

@navikt/core/react/src/skeleton/skeleton.stories.tsx

@@ -121,9 +121,10 @@ export const InlineText = {
   render: () => (
     <BodyLong>
       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur
-      voluptas sint dolore <Skeleton as="span">omnis quia consequatur</Skeleton>{" "}
-      beatae vero cum officia debitis. Quidem debitis omnis reprehenderit nobis
-      rerum. Nulla, magnam? Saepe, eveniet?
+      voluptas sint dolore <Skeleton width="40px" as="span" variant="text" />{" "}
+      beatae vero cum officia debitis. Quidem debitis omnis reprehenderit nobis{" "}
+      <Skeleton as="span">test text</Skeleton> rerum. Nulla, magnam? Saepe,
+      eveniet?
     </BodyLong>
   ),
 };