@obosbbl/grunnmuren-react 0.2.1 → 0.3.0

package/dist/Stepper/Stepper.d.ts

@@ -0,0 +1,13 @@
+/// <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

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

package/dist/grunnmuren.es.js

@@ -753,7 +753,7 @@ const Input = forwardRef((props, ref) => {
     size,
     prefix,
     as,
-    type
+    type: typeProp
   } = _a, rest = __objRest(_a, [
     "className",
     "isInvalid",
@@ -763,7 +763,7 @@ const Input = forwardRef((props, ref) => {
     "type"
   ]);
   const Component = as != null ? as : "input";
-  const inputType = (type != null ? type : Component === "input") ? "text" : void 0;
+  const type = getType(Component, typeProp);
   return /* @__PURE__ */ jsxs("div", {
     className: classNames(className, "relative flex items-center rounded-md border-[1px] border-b-[3px] focus-within:-ml-[2px] focus-within:-mt-[2px] focus-within:border-[3px] focus-within:shadow", {
       "border-gray-dark focus-within:border-blue": !isInvalid,
@@ -779,10 +779,16 @@ const Input = forwardRef((props, ref) => {
       ref,
       className: "focus:none placeholder-gray w-full rounded-md border-none px-4 py-3 outline-none",
       size,
-      type: inputType
+      type
     }, rest))]
   });
 });
+function getType(Component, type) {
+  if (type != null)
+    return type;
+  if (Component === "input")
+    return "text";
+}
 const Link = (props) => {
   let iconClass = "";
   if (props.icon) {
@@ -987,6 +993,38 @@ const SnackbarContent = (props) => {
     children: props.children
   }));
 };
+const Stepper = (props) => {
+  return /* @__PURE__ */ jsx("ol", __spreadValues({}, props));
+};
+const Step = (props) => {
+  const _a = props, {
+    className,
+    children,
+    bullet
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "children",
+    "bullet"
+  ]);
+  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: bullet
+    }), children]
+  }));
+};
+const StepBullet = (props) => {
+  const _a = props, {
+    className
+  } = _a, rest = __objRest(_a, [
+    "className"
+  ]);
+  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));
+};
 const TextArea = forwardRef((props, ref) => {
   const _a = props, {
     description,
@@ -1091,4 +1129,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, IconLegacy, Input, Link, Navbar, NavbarCollapsible, NavbarContent, NavbarExpandedMobileContent, NavbarItem, NavbarItems, Snackbar, SnackbarButton, SnackbarContent, TextArea, TextField, assignRef, useBlockBackgroundColor, useComposedRefs, useFallbackId, useFormControlValidity, useMedia, usePrefersReducedMotion, useScreenMaxWidthMd };
+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, IconLegacy, Input, Link, Navbar, NavbarCollapsible, NavbarContent, NavbarExpandedMobileContent, NavbarItem, NavbarItems, Snackbar, SnackbarButton, SnackbarContent, Step, StepBullet, Stepper, TextArea, TextField, assignRef, useBlockBackgroundColor, useComposedRefs, useFallbackId, useFormControlValidity, useMedia, usePrefersReducedMotion, useScreenMaxWidthMd };

package/dist/index.d.ts

@@ -11,6 +11,7 @@ export * from './Input';
 export * from './Link';
 export * from './Navbar';
 export * from './Snackbar';
+export * from './Stepper';
 export * from './TextArea';
 export * from './TextField';
 export * from './hooks';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@obosbbl/grunnmuren-react",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "OBOS Grunnmuren design system React components",
   "license": "MIT",
   "repository": {
@@ -17,30 +17,37 @@
   ],
   "types": "./dist/index.d.ts",
   "devDependencies": {
-    "@babel/core": "7.17.10",
-    "@storybook/addon-controls": "6.5.4",
-    "@storybook/addon-docs": "6.5.4",
+    "@babel/core": "7.18.2",
+    "@obosbbl/grunnmuren-tailwind": "^0.3.1",
+    "@storybook/addon-controls": "6.5.5",
+    "@storybook/addon-docs": "6.5.5",
     "@storybook/addon-postcss": "2.0.0",
-    "@storybook/builder-webpack5": "6.5.4",
-    "@storybook/manager-webpack5": "6.5.4",
-    "@storybook/react": "6.5.4",
+    "@storybook/builder-webpack5": "6.5.5",
+    "@storybook/manager-webpack5": "6.5.5",
+    "@storybook/react": "6.5.5",
     "@types/react": "18.0.9",
-    "@types/react-dom": "18.0.3",
+    "@types/react-dom": "18.0.5",
     "@vitejs/plugin-react": "1.3.2",
-    "postcss": "8.4.13",
+    "postcss": "8.4.14",
     "react": "18.1.0",
     "react-dom": "18.1.0",
+    "require-from-string": "2.0.2",
     "tailwindcss": "3.0.24",
     "vite": "2.9.9",
     "webpack": "5.72.1"
   },
   "dependencies": {
     "@obosbbl/grunnmuren-icons": "^0.3.0",
-    "@obosbbl/grunnmuren-tailwind": "^0.3.0",
     "clsx": "1.1.1"
   },
   "peerDependencies": {
-    "react": "^18"
+    "react": "^18",
+    "@obosbbl/grunnmuren-tailwind": "^0.3.1"
+  },
+  "peerDependenciesMeta": {
+    "@obosbbl/grunnmuren-tailwind": {
+      "optional": true
+    }
   },
   "scripts": {
     "build": "pnpm run build:lib && pnpm run build:types",