@obosbbl/grunnmuren-react 1.5.1 → 1.6.1

package/dist/Checkbox/Checkbox.d.ts

@@ -10,4 +10,4 @@ export interface CheckboxProps extends React.ComponentPropsWithRef<'input'> {
     /** Disables the built in HTML5 validation. If using custom validation for an entire form, consider setting `noValidate` on the form element instead. @default false */
     disableValidation?: boolean;
 }
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "form" | "error" | "slot" | "style" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "list" | "step" | "autoComplete" | "accept" | "alt" | "autoFocus" | "capture" | "checked" | "disabled" | "multiple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "src" | "crossOrigin" | "height" | "width" | "name" | "type" | "enterKeyHint" | "max" | "min" | "readOnly" | "required" | "size" | "disableValidation"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "form" | "error" | "slot" | "style" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "list" | "step" | "autoComplete" | "accept" | "alt" | "autoFocus" | "capture" | "checked" | "disabled" | "multiple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "src" | "crossOrigin" | "height" | "width" | "name" | "type" | "enterKeyHint" | "max" | "min" | "readOnly" | "required" | "size" | "disableValidation"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/__stories__/PageLayout.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const metadata: {
+    title: string;
+};
+export default metadata;
+export declare const Pagelayout: () => JSX.Element;

package/dist/grunnmuren.es.js

@@ -98,14 +98,14 @@ const LoadingSpinner = (props) => /* @__PURE__ */ jsx("svg", __spreadProps2(__sp
   width: "1.25em",
   height: "1.25em",
   fill: "none",
-  viewBox: "0 0 33 30",
+  viewBox: "0 0 30 30",
   role: "img",
   "aria-hidden": props["aria-label"] == null
 }, props), {
   children: /* @__PURE__ */ jsx("path", {
     fill: "currentColor",
     fillRule: "evenodd",
-    d: "M16.954 0.0129699C14.1678 -0.0982239 11.3996 0.507048 8.91404 1.77093C6.42847 3.03482 4.30859 4.91508 2.75703 7.23199C1.20546 9.54891 0.274066 12.2251 0.0518554 15.0046C-0.170355 17.7842 0.324049 20.5743 1.48781 23.1083C2.65158 25.6423 4.44581 27.8355 6.69901 29.4782C7.91167 30.3623 9.61144 30.096 10.4955 28.8833C11.3796 27.6706 11.1133 25.9709 9.90064 25.0868C8.3985 23.9916 7.20235 22.5295 6.42651 20.8402C5.65066 19.1509 5.32106 17.2908 5.4692 15.4377C5.61734 13.5847 6.23827 11.8006 7.27265 10.256C8.30703 8.71135 9.72027 7.45784 11.3773 6.61525C13.0344 5.77266 14.8798 5.36915 16.7373 5.44328C18.5948 5.51741 20.4022 6.0667 21.9869 7.03866C23.5715 8.01062 24.8804 9.37276 25.7884 10.9949C26.6964 12.617 27.1731 14.4449 27.1731 16.3039C27.1731 17.8046 28.3897 19.0212 29.8905 19.0212C31.3912 19.0212 32.6078 17.8046 32.6078 16.3039C32.6078 13.5154 31.8926 10.7736 30.5306 8.34039C29.1686 5.9072 27.2053 3.86399 24.8284 2.40605C22.4514 0.948106 19.7403 0.124164 16.954 0.0129699ZM28.5318 27.1732C30.0325 27.1732 31.2491 25.9566 31.2491 24.4558C31.2491 22.9551 30.0325 21.7385 28.5318 21.7385C27.031 21.7385 25.8145 22.9551 25.8145 24.4558C25.8145 25.9566 27.031 27.1732 28.5318 27.1732Z",
+    d: "M14.4018 0.0119327C16.9653 -0.0903685 19.5121 0.466497 21.7989 1.6293C24.0856 2.79211 26.036 4.522 27.4635 6.65362C28.8909 8.78525 29.7479 11.2474 29.9523 13.8047C30.1567 16.3619 29.7019 18.9289 28.6312 21.2603C27.5605 23.5916 25.9097 25.6094 23.8367 27.1207C22.7211 27.9341 21.1572 27.6891 20.3438 26.5734C19.5304 25.4577 19.7755 23.8939 20.8912 23.0805C22.2732 22.0729 23.3737 20.7277 24.0874 19.1735C24.8012 17.6193 25.1045 15.908 24.9682 14.2031C24.8319 12.4982 24.2606 10.8568 23.309 9.43575C22.3573 8.01466 21.0571 6.86141 19.5326 6.0862C18.008 5.311 16.3102 4.93975 14.6012 5.00796C12.8923 5.07616 11.2294 5.58152 9.7715 6.47575C8.3136 7.36998 7.10942 8.62318 6.27403 10.1156C5.43865 11.608 5 13.2897 5 15C5 16.3807 3.88071 17.5 2.5 17.5C1.11929 17.5 0 16.3807 0 15C0 12.4346 0.657978 9.91198 1.91105 7.67337C3.16412 5.43477 4.97041 3.55497 7.15726 2.21362C9.34411 0.872282 11.8384 0.114234 14.4018 0.0119327ZM14.5 30C15.8807 30 17 28.8807 17 27.5C17 26.1193 15.8807 25 14.5 25C13.1193 25 12 26.1193 12 27.5C12 28.8807 13.1193 30 14.5 30Z",
     clipRule: "evenodd"
   })
 }));
@@ -243,7 +243,7 @@ const AccordionItem = (props) => {
       onChange
     }, collapseContext),
     children: /* @__PURE__ */ jsx("div", __spreadValues({
-      className: cx(className, "border-b-gray-concrete rounded-sm border-b-2 border-l-4 border-solid", collapseContext.isExpanded ? "border-l-green-dark" : "border-l-green")
+      className: cx(className, "rounded-sm border-b-2 border-l-4 border-solid", collapseContext.isExpanded ? "border-l-green-dark" : "border-l-green")
     }, rest))
   });
 };
@@ -267,11 +267,11 @@ const AccordionHeader = (props) => {
   });
   return /* @__PURE__ */ jsx(Heading, {
     children: /* @__PURE__ */ jsxs("button", __spreadProps(__spreadValues(__spreadValues({
-      className: cx(className, "focus-visible:outline-blue-dark flex min-h-[4rem] w-full items-center justify-between px-5 py-4 text-left text-lg font-semibold focus:outline-none focus-visible:outline-4 focus-visible:outline-offset-0", isExpanded ? "bg-green-dark text-white" : void 0)
+      className: cx(className, "focus-visible:outline-blue-dark aria-expanded:bg-green-dark group flex min-h-[4rem] w-full items-center justify-between px-5 py-4 text-left text-lg font-semibold focus:outline-none focus-visible:outline-4 focus-visible:outline-offset-0 aria-expanded:text-white")
     }, rest), toggleProps), {
       id: getToggleId(toggleProps["aria-controls"]),
       children: [children, /* @__PURE__ */ jsx(ChevronDown, {
-        className: cx("shrink-0 text-sm", DURATION_TW, isExpanded ? "rotate-180" : void 0)
+        className: `shrink-0 text-sm ${DURATION_TW} group-aria-expanded:rotate-180`
       })]
     }))
   });
@@ -364,7 +364,7 @@ const Banner = (props) => {
     className: cx(className, bgColor, "py-8 px-4 md:py-14")
   }, rest), {
     children: /* @__PURE__ */ jsxs("div", {
-      className: "<md:flex-wrap container flex gap-4 md:flex-row md:gap-12",
+      className: "container flex gap-4 max-md:flex-wrap md:gap-12",
       children: [image, /* @__PURE__ */ jsxs("div", {
         className: "w-prose",
         children: [heading && /* @__PURE__ */ jsx("h2", {
@@ -504,7 +504,7 @@ const CampaignImage = (props) => {
     "children"
   ]);
   const bodyIsRightAligned = useContext(CampaignContext);
-  const className = cx(classNameProp, "<md:rounded-b-3xl w-full", bodyIsRightAligned ? "md:rounded-r-3xl" : "md:rounded-l-3xl md:order-1");
+  const className = cx(classNameProp, "max-md:rounded-b-3xl w-full", bodyIsRightAligned ? "md:rounded-r-3xl" : "md:rounded-l-3xl md:order-1");
   if (isValidElement(children)) {
     const child = Children.only(children);
     return cloneElement(child, __spreadValues({
@@ -529,7 +529,7 @@ const Card = (props) => {
   ]);
   return /* @__PURE__ */ jsx(Component, __spreadValues({
     className: cx(className, "relative overflow-hidden rounded-3xl", {
-      "border-gray-concrete border-2 border-solid bg-white": bgColor === "white",
+      "border-2 border-solid bg-white": bgColor === "white",
       "bg-gray-light": bgColor === "gray"
     })
   }, rest));
@@ -840,7 +840,7 @@ const Hero = (props) => {
     children: /* @__PURE__ */ jsx(HeroContext.Provider, {
       value: context,
       children: /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({
-        className: cx(className, "<md:px-0 container md:grid", {
+        className: cx(className, "container max-md:px-0 md:grid", {
           "md:grid-cols-[50%,50%]": contentPosition === "vertical-split"
         }),
         style: usesGridAreaPlacement(contentPosition) ? {
@@ -894,8 +894,8 @@ const HeroContent = (props) => {
   ]);
   const usesGridArea = usesGridAreaPlacement(contentPosition);
   return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({
-    className: cx(className, "<md:mx-4 relative grid grid-flow-row grid-cols-[minmax(auto,_37rem)] content-center gap-6 rounded-3xl py-10 px-6 text-center md:p-12", {
-      "<md:-mt-18": hasImage,
+    className: cx(className, "relative grid grid-flow-row grid-cols-[minmax(auto,_37rem)] content-center gap-6 rounded-3xl py-10 px-6 text-center max-md:mx-4 md:p-12", {
+      "max-md:-mt-18": hasImage,
       "text-white": bgColor !== "white",
       "bg-green-dark": bgColor === "green",
       "bg-blue-dark": bgColor === "blue",
@@ -1060,7 +1060,7 @@ const NavbarItem = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({
     "aria-current": active ? "page" : void 0,
     className: cx(className, "border-b border-[#0156E0] py-3 no-underline md:border-b-2 md:border-transparent md:py-2 md:hover:border-white", {
-      "fake-font-bold md:bg-blue-dark md:-mx-3 md:rounded-t-lg md:px-3": active
+      "md:bg-blue-dark font-bold md:-mx-3 md:rounded-t-lg md:px-3": active
     }),
     ref
   }, rest), {
@@ -1274,7 +1274,7 @@ const Snackbar = (props) => {
           }),
           children: heading
         }), /* @__PURE__ */ jsxs("div", {
-          className: "snackbar-actions <md:mt-3 flex justify-end gap-4 md:ml-4",
+          className: "snackbar-actions flex justify-end gap-4 max-md:mt-3 md:ml-4",
           children: [/* @__PURE__ */ jsx(SnackbarButton, {
             "aria-expanded": isExpanded,
             onClick: () => setIsExpanded(!isExpanded),
@@ -1314,7 +1314,7 @@ const StepListItem = (props) => {
     "bullet"
   ]);
   return /* @__PURE__ */ jsxs("li", __spreadProps(__spreadValues({
-    className: cx(className, "group relative flex gap-4 pb-8 text-sm last:pb-0 md:gap-8 md:pb-12 md:text-base")
+    className: cx(className, "group relative flex items-center gap-4 pb-8 text-sm last:pb-0 md:gap-8 md:pb-12 md:text-base")
   }, rest), {
     children: [/* @__PURE__ */ jsx(StepListBullet, {
       children: bullet
@@ -1324,7 +1324,7 @@ const StepListItem = (props) => {
 const StepListBullet = (props) => {
   return /* @__PURE__ */ jsx("span", __spreadValues({
     "aria-hidden": true,
-    className: "text-green border-gray-light after:bg-gray-light grid h-10 w-10 flex-none place-content-center justify-items-center rounded-full border-2 text-sm font-bold after:absolute after:left-5 after:top-10 after:bottom-0 after:w-0.5 group-last:after:hidden md:h-20 md:w-20 md:text-xl md:after:left-10 md:after:top-20"
+    className: "text-green after:bg-gray-light grid h-10 w-10 flex-none place-content-center justify-items-center rounded-full border-2 text-sm font-bold after:absolute after:left-5 after:top-10 after:bottom-0 after:w-0.5 group-last:after:hidden md:h-20 md:w-20 md:text-xl md:after:left-10 md:after:top-20"
   }, props));
 };
 StepList.Item = StepListItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@obosbbl/grunnmuren-react",
-  "version": "1.5.1",
+  "version": "1.6.1",
   "description": "OBOS Grunnmuren design system React components",
   "license": "MIT",
   "repository": {
@@ -18,34 +18,34 @@
   "types": "./dist/index.d.ts",
   "devDependencies": {
     "@babel/core": "7.19.6",
-    "@obosbbl/grunnmuren-tailwind": "0.7.3",
-    "@storybook/addon-controls": "6.5.12",
-    "@storybook/addon-docs": "6.5.12",
+    "@obosbbl/grunnmuren-tailwind": "0.8.1",
+    "@storybook/addon-controls": "6.5.13",
+    "@storybook/addon-docs": "6.5.13",
     "@storybook/addon-postcss": "2.0.0",
-    "@storybook/builder-webpack5": "6.5.12",
-    "@storybook/manager-webpack5": "6.5.12",
-    "@storybook/react": "6.5.12",
-    "@types/react": "18.0.21",
-    "@types/react-dom": "18.0.6",
+    "@storybook/builder-webpack5": "6.5.13",
+    "@storybook/manager-webpack5": "6.5.13",
+    "@storybook/react": "6.5.13",
+    "@types/react": "18.0.25",
+    "@types/react-dom": "18.0.8",
     "@vitejs/plugin-react": "1.3.2",
     "postcss": "8.4.18",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "require-from-string": "2.0.2",
     "rimraf": "3.0.2",
-    "tailwindcss": "3.1.8",
+    "tailwindcss": "3.2.1",
     "vite": "2.9.15",
     "webpack": "5.74.0"
   },
   "dependencies": {
-    "@obosbbl/grunnmuren-icons": "^0.5.0",
+    "@obosbbl/grunnmuren-icons": "^0.5.1",
     "@seznam/compose-react-refs": "1.0.6",
     "clsx": "1.2.1",
-    "react-collapsed": "3.4.0",
+    "react-collapsed": "3.5.0",
     "react-use": "17.4.0"
   },
   "peerDependencies": {
-    "@obosbbl/grunnmuren-tailwind": "^0.7.3",
+    "@obosbbl/grunnmuren-tailwind": "^0.8.1",
     "react": "^18"
   },
   "peerDependenciesMeta": {