@obosbbl/grunnmuren-react 1.0.1 → 1.1.0

package/dist/Campaign/Campaign.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+interface CampaignProps<T extends React.ElementType> {
+    /** @default div */
+    as?: T;
+    body: React.ReactElement;
+    /** Use the `body` and `image` props. */
+    children?: never;
+    image: React.ReactElement;
+    /**
+     * Setting this to false changes the ordering of the body and the image on >= medium sceens.
+     * Use this to alternate the image's positon with lists of Campaigns.
+     * @default true
+     */
+    rightAlignBody?: boolean;
+}
+declare const Campaign: {
+    <T extends import("react").ElementType<any> = "div">(props: CampaignProps<T> & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, keyof CampaignProps<T>>): JSX.Element;
+    Body: (props: CampaignBodyProps) => JSX.Element;
+    Image: (props: CampaignImageProps) => JSX.Element;
+};
+interface CampaignBodyProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+interface CampaignImageProps extends React.ComponentPropsWithoutRef<'img'> {
+}
+export { Campaign };

package/dist/Campaign/index.d.ts

@@ -0,0 +1 @@
+export * from './Campaign';

package/dist/Checkbox/Checkbox.d.ts

@@ -5,5 +5,7 @@
 export interface CheckboxProps extends React.ComponentPropsWithRef<'input'> {
     children: React.ReactNode;
     className?: string;
+    /** Error message for the form control */
+    error?: string;
 }
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "className" | "children" | "form" | "slot" | "style" | "title" | "pattern" | "list" | "role" | "key" | "alt" | "crossOrigin" | "height" | "src" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "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" | "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" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "multiple" | "maxLength" | "minLength" | "enterKeyHint" | "max" | "min" | "readOnly" | "required" | "size"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "className" | "children" | "form" | "slot" | "style" | "title" | "pattern" | "list" | "role" | "error" | "key" | "alt" | "crossOrigin" | "height" | "src" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "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" | "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" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "multiple" | "maxLength" | "minLength" | "enterKeyHint" | "max" | "min" | "readOnly" | "required" | "size"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/StepList/StepList.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface StepListProps extends React.ComponentPropsWithoutRef<'ol'> {
+}
+declare const StepList: {
+    (props: StepListProps): JSX.Element;
+    Item: (props: StepListItemProps) => JSX.Element;
+};
+interface StepListItemProps extends React.ComponentPropsWithoutRef<'li'> {
+    /** Content for the StepListItem's bullet */
+    bullet: React.ReactNode;
+}
+export declare const StepListItem: (props: StepListItemProps) => JSX.Element;
+export { StepList };

package/dist/StepList/index.d.ts

@@ -0,0 +1 @@
+export * from './StepList';

package/dist/grunnmuren.es.js

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import classNames from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useCallback, useState, useEffect, useId, forwardRef, useContext, createContext, useMemo, useRef } from "react";
+import { useCallback, useState, useEffect, useId, forwardRef, useContext, createContext, isValidElement, Children, cloneElement, useMemo, useRef } from "react";
 var __defProp2 = Object.defineProperty;
 var __defProps2 = Object.defineProperties;
 var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
@@ -325,6 +325,62 @@ const Button = forwardRef((props, ref) => {
   });
 });
 const ButtonColorContext = createContext("standard");
+const CampaignContext = createContext(true);
+const Campaign = (props) => {
+  const _a = props, {
+    as: Component = "div",
+    body: Body,
+    className,
+    image: Image,
+    rightAlignBody = true
+  } = _a, rest = __objRest(_a, [
+    "as",
+    "body",
+    "className",
+    "image",
+    "rightAlignBody"
+  ]);
+  return /* @__PURE__ */ jsxs(Component, __spreadProps(__spreadValues({
+    className: classNames(className, "grid gap-8 md:grid-flow-col md:grid-cols-[50%,50%] md:gap-0")
+  }, rest), {
+    children: [/* @__PURE__ */ jsx(CampaignContext.Provider, {
+      value: rightAlignBody,
+      children: Image
+    }), Body]
+  }));
+};
+const CampaignBody = (props) => {
+  const _a = props, {
+    className
+  } = _a, rest = __objRest(_a, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({
+    className: classNames(className, "md:mx-18 self-center")
+  }, rest));
+};
+const CampaignImage = (props) => {
+  const _a = props, {
+    className: classNameProp,
+    children
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "children"
+  ]);
+  const bodyIsRightAligned = useContext(CampaignContext);
+  const className = classNames(classNameProp, "<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({
+      className
+    }, rest));
+  }
+  return /* @__PURE__ */ jsx("img", __spreadValues({
+    className
+  }, rest));
+};
+Campaign.Body = CampaignBody;
+Campaign.Image = CampaignImage;
 const Card = (props) => {
   const _a = props, {
     as: Component = "div",
@@ -380,26 +436,52 @@ const CardContent = (props) => {
   }, rest));
 };
 const CardLinkOverlay = forwardRef((props, ref) => {
+  const _a = props, {
+    className
+  } = _a, rest = __objRest(_a, [
+    "className"
+  ]);
   return /* @__PURE__ */ jsx("a", __spreadValues({
-    className: "no-underline before:absolute before:top-0 before:left-0 before:block before:h-full before:w-full before:content-[''] hover:underline",
+    className: classNames(className, "no-underline before:absolute before:top-0 before:left-0 before:block before:h-full before:w-full hover:underline"),
     ref
-  }, props));
+  }, rest));
 });
 const Checkbox = forwardRef((props, ref) => {
   const _a = props, {
     children,
-    className
+    className,
+    error,
+    id: idProp
   } = _a, rest = __objRest(_a, [
     "children",
-    "className"
+    "className",
+    "error",
+    "id"
   ]);
-  return /* @__PURE__ */ jsxs("label", {
-    className: classNames(className, "inline-flex cursor-pointer items-center"),
-    children: [/* @__PURE__ */ jsx("input", __spreadValues({
-      className: "checkbox border-gray-dark checked:bg-green checked:border-green mr-3 grid h-[1.25em] w-[1.25em] cursor-pointer appearance-none place-content-center rounded border-2 border-solid bg-white text-white focus:outline-none focus:ring-2 focus:ring-black",
-      ref,
-      type: "checkbox"
-    }, rest)), children]
+  const id = useFallbackId(idProp);
+  const errorMsgId = id + "err";
+  return /* @__PURE__ */ jsxs("div", {
+    className: "grid gap-2",
+    children: [/* @__PURE__ */ jsxs("label", {
+      className: classNames(className, "inline-flex cursor-pointer items-center"),
+      children: [/* @__PURE__ */ jsx("input", __spreadProps(__spreadValues({
+        id,
+        className: classNames("checkbox checked:bg-green checked:border-green bg-whit mr-3 grid h-[1.25em] w-[1.25em] flex-none cursor-pointer appearance-none place-content-center rounded border-2 border-solid text-white focus:outline-none focus:ring-2", {
+          "border-gray-dark focus:ring-black": !error,
+          "border-red focus:ring-red": !!error
+        }),
+        ref,
+        type: "checkbox"
+      }, rest), {
+        "aria-describedby": classNames({
+          [errorMsgId]: !!error
+        }),
+        "aria-invalid": !!error
+      })), children]
+    }), !!error && /* @__PURE__ */ jsx(FormErrorMessage, {
+      id: errorMsgId,
+      children: error
+    })]
   });
 });
 const Footer = (props) => {
@@ -926,10 +1008,10 @@ const SnackbarContent = (props) => {
     children: props.children
   }));
 };
-const Stepper = (props) => {
+const StepList = (props) => {
   return /* @__PURE__ */ jsx("ol", __spreadValues({}, props));
 };
-const Step = (props) => {
+const StepListItem = (props) => {
   const _a = props, {
     className,
     children,
@@ -942,22 +1024,18 @@ const Step = (props) => {
   return /* @__PURE__ */ jsxs("li", __spreadProps(__spreadValues({
     className: classNames(className, "group relative flex gap-4 pb-8 text-sm last:pb-0 md:gap-8 md:pb-12 md:text-base")
   }, rest), {
-    children: [/* @__PURE__ */ jsx(StepBullet, {
+    children: [/* @__PURE__ */ jsx(StepListBullet, {
       children: bullet
     }), children]
   }));
 };
-const StepBullet = (props) => {
-  const _a = props, {
-    className
-  } = _a, rest = __objRest(_a, [
-    "className"
-  ]);
+const StepListBullet = (props) => {
   return /* @__PURE__ */ jsx("span", __spreadValues({
     "aria-hidden": true,
-    className: classNames(className, "text-green border-gray-light after:bg-gray-light grid h-10 w-10 flex-none place-content-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")
-  }, rest));
+    className: "text-green border-gray-light after:bg-gray-light grid h-10 w-10 flex-none place-content-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;
 const TextArea = forwardRef((props, ref) => {
   const _a = props, {
     description,
@@ -1062,4 +1140,4 @@ const TextField = forwardRef((props, ref) => {
     })]
   });
 });
-export { Alert, Banner, BannerImage, Button, ButtonColorContext, Card, CardContent, CardImage, CardLinkOverlay, CardList, Checkbox, Footer, Form, FormError, FormErrorMessage, FormHeading, FormHelperText, FormLabel, FormSuccess, Hero, HeroActions, HeroContent, HeroContext, HeroImage, Input, Link, Navbar, NavbarCollapsible, NavbarContent, NavbarExpandedMobileContent, NavbarItem, NavbarItems, Snackbar, SnackbarButton, SnackbarContent, Step, StepBullet, Stepper, TextArea, TextField, assignRef, useBlockBackgroundColor, useComposedRefs, useFallbackId, useFormControlValidity, useMedia, usePrefersReducedMotion, useScreenMaxWidthMd };
+export { Alert, Banner, BannerImage, Button, ButtonColorContext, Campaign, Card, CardContent, CardImage, CardLinkOverlay, CardList, Checkbox, Footer, Form, FormError, FormErrorMessage, FormHeading, FormHelperText, FormLabel, FormSuccess, Hero, HeroActions, HeroContent, HeroContext, HeroImage, Input, Link, Navbar, NavbarCollapsible, NavbarContent, NavbarExpandedMobileContent, NavbarItem, NavbarItems, Snackbar, SnackbarButton, SnackbarContent, StepList, StepListItem, TextArea, TextField, assignRef, useBlockBackgroundColor, useComposedRefs, useFallbackId, useFormControlValidity, useMedia, usePrefersReducedMotion, useScreenMaxWidthMd };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from './Alert';
 export * from './Banner';
 export * from './Button';
+export * from './Campaign';
 export * from './Card';
 export * from './Checkbox';
 export * from './Footer';
@@ -10,7 +11,7 @@ export * from './Input';
 export * from './Link';
 export * from './Navbar';
 export * from './Snackbar';
-export * from './Stepper';
+export * from './StepList';
 export * from './TextArea';
 export * from './TextField';
 export * from './hooks';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@obosbbl/grunnmuren-react",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "OBOS Grunnmuren design system React components",
   "license": "MIT",
   "repository": {
@@ -17,7 +17,7 @@
   ],
   "types": "./dist/index.d.ts",
   "devDependencies": {
-    "@babel/core": "7.18.5",
+    "@babel/core": "7.18.6",
     "@obosbbl/grunnmuren-tailwind": "^0.4.1",
     "@storybook/addon-controls": "6.5.9",
     "@storybook/addon-docs": "6.5.9",
@@ -33,12 +33,12 @@
     "react-dom": "18.2.0",
     "require-from-string": "2.0.2",
     "tailwindcss": "3.1.4",
-    "vite": "2.9.12",
+    "vite": "2.9.13",
     "webpack": "5.73.0"
   },
   "dependencies": {
     "@obosbbl/grunnmuren-icons": "^0.3.0",
-    "clsx": "1.1.1"
+    "clsx": "1.2.0"
   },
   "peerDependencies": {
     "react": "^18",

package/dist/Stepper/Stepper.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-interface StepperProps extends React.ComponentPropsWithoutRef<'ol'> {
-}
-export declare const Stepper: (props: StepperProps) => JSX.Element;
-interface StepProps extends React.ComponentPropsWithoutRef<'li'> {
-    /** Content for the Step item's bullet */
-    bullet: React.ReactNode;
-}
-export declare const Step: (props: StepProps) => JSX.Element;
-interface StepBulletProps extends React.ComponentPropsWithoutRef<'span'> {
-}
-export declare const StepBullet: (props: StepBulletProps) => JSX.Element;
-export {};

package/dist/Stepper/index.d.ts

@@ -1 +0,0 @@
-export * from './Stepper';