@mattilsynet/design 1.3.0 → 1.3.1

package/mtds/input/input.stories.d.ts

@@ -1,7 +1,7 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/mtds/layout/layout.stories.d.ts

@@ -1,10 +1,10 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     parameters: {
         layout: string;
     };
-    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/mtds/link/link.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
 };

package/mtds/logo/logo.stories.d.ts

@@ -1,10 +1,10 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     parameters: {
         layout: string;
     };
-    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/mtds/package.json.js

@@ -1,4 +1,4 @@
-const o = "1.3.0";
+const o = "1.3.1";
 export {
   o as version
 };

package/mtds/pagination/pagination.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
 };

package/mtds/popover/popover.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
 };

package/mtds/progress/progress.stories.d.ts

@@ -1,10 +1,10 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     parameters: {
         layout: string;
     };
-    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/mtds/react.d.ts

@@ -12,7 +12,6 @@ export * from './divider/divider';
 export * from './errorsummary/errorsummary';
 export * from './field/field';
 export * from './fieldset/fieldset';
-export * from './typography/typography';
 export * from './helptext/helptext';
 export * from './input/input';
 export * from './layout/layout';
@@ -23,8 +22,10 @@ export * from './popover/popover';
 export * from './progress/progress';
 export * from './skeleton/skeleton';
 export * from './spinner/spinner';
+export * from './steps/steps';
 export * from './table/table';
 export * from './tabs/tabs';
 export * from './tag/tag';
 export * from './togglegroup/togglegroup';
+export * from './typography/typography';
 export * from './validation/validation';

package/mtds/react.js

@@ -6,28 +6,29 @@ import { Breadcrumbs as l } from "./breadcrumbs/breadcrumbs.js";
 import { Button as d } from "./button/button.js";
 import { Card as s, Group as u } from "./card/card.js";
 import { Chip as F } from "./chip/chip.js";
-import { Details as b } from "./details/details.js";
-import { Dialog as A } from "./dialog/dialog.js";
-import { Divider as C } from "./divider/divider.js";
-import { Errorsummary as I } from "./errorsummary/errorsummary.js";
+import { Details as S } from "./details/details.js";
+import { Dialog as v } from "./dialog/dialog.js";
+import { Divider as B } from "./divider/divider.js";
+import { Errorsummary as D } from "./errorsummary/errorsummary.js";
 import { Field as c, FieldComp as k } from "./field/field.js";
 import { Fieldset as H } from "./fieldset/fieldset.js";
-import { Heading as h, Info as y, Ingress as E, Muted as M } from "./typography/typography.js";
-import { HelpText as j } from "./helptext/helptext.js";
-import { Input as w, Select as z } from "./input/input.js";
-import { Flex as K, Grid as N, Prose as O } from "./layout/layout.js";
-import { Link as R } from "./link/link.js";
-import { Logo as W } from "./logo/logo.js";
-import { Pagination as Y } from "./pagination/pagination.js";
-import { Popover as _ } from "./popover/popover.js";
-import { Progress as rr } from "./progress/progress.js";
-import { Skeleton as er } from "./skeleton/skeleton.js";
-import { Spinner as pr } from "./spinner/spinner.js";
-import { Table as xr } from "./table/table.js";
-import { Tabs as ar } from "./tabs/tabs.js";
-import { Tag as lr } from "./tag/tag.js";
-import { Togglegroup as dr } from "./togglegroup/togglegroup.js";
-import { Validation as sr } from "./validation/validation.js";
+import { HelpText as h } from "./helptext/helptext.js";
+import { Input as E, Select as M } from "./input/input.js";
+import { Flex as j, Grid as q, Prose as w } from "./layout/layout.js";
+import { Link as J } from "./link/link.js";
+import { Logo as N } from "./logo/logo.js";
+import { Pagination as Q } from "./pagination/pagination.js";
+import { Popover as U } from "./popover/popover.js";
+import { Progress as X } from "./progress/progress.js";
+import { Skeleton as Z } from "./skeleton/skeleton.js";
+import { Spinner as $ } from "./spinner/spinner.js";
+import { Steps as or } from "./steps/steps.js";
+import { Table as tr } from "./table/table.js";
+import { Tabs as mr } from "./tabs/tabs.js";
+import { Tag as fr } from "./tag/tag.js";
+import { Togglegroup as ir } from "./togglegroup/togglegroup.js";
+import { Heading as nr, Info as dr, Ingress as gr, Muted as sr } from "./typography/typography.js";
+import { Validation as Tr } from "./validation/validation.js";
 export {
   e as Alert,
   p as App,
@@ -37,35 +38,36 @@ export {
   d as Button,
   s as Card,
   F as Chip,
-  b as Details,
-  A as Dialog,
-  C as Divider,
-  I as Errorsummary,
+  S as Details,
+  v as Dialog,
+  B as Divider,
+  D as Errorsummary,
   c as Field,
   k as FieldComp,
   H as Fieldset,
-  K as Flex,
-  N as Grid,
+  j as Flex,
+  q as Grid,
   u as Group,
-  h as Heading,
-  j as HelpText,
-  y as Info,
-  E as Ingress,
-  w as Input,
-  R as Link,
-  W as Logo,
-  M as Muted,
-  Y as Pagination,
-  _ as Popover,
-  rr as Progress,
-  O as Prose,
-  z as Select,
-  er as Skeleton,
-  pr as Spinner,
-  xr as Table,
-  ar as Tabs,
-  lr as Tag,
-  dr as Togglegroup,
-  sr as Validation
+  nr as Heading,
+  h as HelpText,
+  dr as Info,
+  gr as Ingress,
+  E as Input,
+  J as Link,
+  N as Logo,
+  sr as Muted,
+  Q as Pagination,
+  U as Popover,
+  X as Progress,
+  w as Prose,
+  M as Select,
+  Z as Skeleton,
+  $ as Spinner,
+  or as Steps,
+  tr as Table,
+  mr as Tabs,
+  fr as Tag,
+  ir as Togglegroup,
+  Tr as Validation
 };
 //# sourceMappingURL=react.js.map

package/mtds/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/mtds/skeleton/skeleton.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
 };

package/mtds/spinner/spinner.stories.d.ts

@@ -1,7 +1,7 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/mtds/steps/steps-observer.d.ts

@@ -0,0 +1 @@
+export {};

package/mtds/steps/steps.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'react';
+import { PolymorphicComponentPropWithRef } from '../react-types';
+export type StepsProps<As extends React.ElementType = "div"> = PolymorphicComponentPropWithRef<As, {
+    "data-direction"?: "right" | "up" | "down";
+    "data-fade"?: "true" | "false" | "start" | "end";
+}>;
+type StepsComponent = <As extends React.ElementType = "div">(props: StepsProps<As>) => JSX.Element;
+export declare const Steps: StepsComponent;
+export {};

package/mtds/steps/steps.js

@@ -0,0 +1,11 @@
+import { jsx as m } from "react/jsx-runtime";
+import { clsx as e } from "../external/clsx/dist/clsx.js";
+import { forwardRef as p } from "react";
+import f from "../styles.module.css.js";
+const d = p(function({ as: o, className: r, ...t }, s) {
+  return /* @__PURE__ */ m(o || "div", { className: e(f.steps, r), ref: s, ...t });
+});
+export {
+  d as Steps
+};
+//# sourceMappingURL=steps.js.map

package/mtds/steps/steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.js","sources":["../../designsystem/steps/steps.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type JSX, forwardRef } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type StepsProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-direction\"?: \"right\" | \"up\" | \"down\";\n\t\t\t\"data-fade\"?: \"true\" | \"false\" | \"start\" | \"end\";\n\t\t}\n\t>;\n\ntype StepsComponent = <As extends React.ElementType = \"div\">(\n\tprops: StepsProps<As>,\n) => JSX.Element;\n\nexport const Steps: StepsComponent = forwardRef<null>(function Steps<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: StepsProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.steps, className)} ref={ref} {...rest} />;\n}) as StepsComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Steps","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAqBa,MAAAA,IAAwBC,EAAiB,SAEpD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAK,GAAmBC,GAA0B;AAGhE,SAAA,gBAAAC,EAFKJ,KAAM,OAEN,EAAA,WAAWK,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAC3E,CAAC;"}

package/mtds/steps/steps.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    id: string;
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        [x: string]: any;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithDirectionDown: Story;
+export declare const WithDirectionUp: Story;
+export declare const WithFade: Story;
+export declare const WithFadeDirectionDown: Story;
+export declare const WithFadeDirectionUp: Story;
+export declare const Timeline: Story;
+export declare const Colors: Story;
+export declare const React: Story;