@mattilsynet/design 2.1.7 → 2.1.9

package/mtds/layout/layout.d.ts

@@ -10,7 +10,6 @@ type SharedProps = {
     "data-column-gap"?: Sizes;
     "data-nowrap"?: boolean;
     "data-justify"?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
-    "data-justify-items"?: "normal" | "stretch" | "start" | "center" | "end";
     "data-fixed"?: boolean;
     "data-items"?: "auto" | "full" | "50" | "100" | "150" | "200" | "250" | "300" | "350" | "400" | "450" | "500" | 50 | 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500;
 };
@@ -26,10 +25,4 @@ export declare const Flex: FlexComponent;
 export type GridProps<As extends React.ElementType = "div"> = PolymorphicComponentPropWithRef<As, SharedProps>;
 type GridComponent = <As extends React.ElementType = "div">(props: GridProps<As>) => JSX.Element;
 export declare const Grid: GridComponent;
-/**
- * Prose
- */
-export type ProseProps<As extends React.ElementType = "div"> = PolymorphicComponentPropWithRef<As>;
-type ProseComponent = <As extends React.ElementType = "div">(props: ProseProps<As>) => JSX.Element;
-export declare const Prose: ProseComponent;
 export {};

package/mtds/layout/layout.js

@@ -1,17 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
-import { clsx as n } from "../external/clsx/dist/clsx.js";
-import { forwardRef as a } from "react";
-import c from "../styles.module.css.js";
-const p = a(function({ as: r, className: o, ...s }, t) {
-  return /* @__PURE__ */ e(r || "div", { className: n(c.flex, o), ref: t, ...s });
-}), u = a(function({ as: r, className: o, ...s }, t) {
-  return /* @__PURE__ */ e(r || "div", { className: n(c.grid, o), ref: t, ...s });
-}), x = a(function({ as: r, className: o, ...s }, t) {
-  return /* @__PURE__ */ e(r || "div", { className: n(c.prose, o), ref: t, ...s });
+import { jsx as i } from "react/jsx-runtime";
+import { clsx as e } from "../external/clsx/dist/clsx.js";
+import { forwardRef as m } from "react";
+import n from "../styles.module.css.js";
+const g = m(function({ as: r, className: o, ...t }, s) {
+  return /* @__PURE__ */ i(r || "div", { className: e(n.flex, o), ref: s, ...t });
+}), p = m(function({ as: r, className: o, ...t }, s) {
+  return /* @__PURE__ */ i(r || "div", { className: e(n.grid, o), ref: s, ...t });
 });
 export {
-  p as Flex,
-  u as Grid,
-  x as Prose
+  g as Flex,
+  p as Grid
 };
 //# sourceMappingURL=layout.js.map

package/mtds/layout/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../../designsystem/layout/layout.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n\tSizes,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\ntype GapOld = \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\ntype SharedProps = {\n\t\"data-align\"?: \"normal\" | \"stretch\" | \"start\" | \"center\" | \"end\";\n\t\"data-align-content\"?:\n\t\t| \"start\"\n\t\t| \"center\"\n\t\t| \"end\"\n\t\t| \"space-between\"\n\t\t| \"space-around\"\n\t\t| \"space-evenly\";\n\t\"data-center\"?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\t\"data-gap\"?: Sizes | GapOld;\n\t\"data-row-gap\"?: Sizes;\n\t\"data-column-gap\"?: Sizes;\n\t\"data-nowrap\"?: boolean;\n\t\"data-justify\"?:\n\t\t| \"start\"\n\t\t| \"center\"\n\t\t| \"end\"\n\t\t| \"space-between\"\n\t\t| \"space-around\"\n\t\t| \"space-evenly\";\n\t\"data-justify-items\"?: \"normal\" | \"stretch\" | \"start\" | \"center\" | \"end\";\n\t\"data-fixed\"?: boolean;\n\t\"data-items\"?:\n\t\t| \"auto\"\n\t\t| \"full\"\n\t\t| \"50\"\n\t\t| \"100\"\n\t\t| \"150\"\n\t\t| \"200\"\n\t\t| \"250\"\n\t\t| \"300\"\n\t\t| \"350\"\n\t\t| \"400\"\n\t\t| \"450\"\n\t\t| \"500\"\n\t\t| 50\n\t\t| 100\n\t\t| 150\n\t\t| 200\n\t\t| 250\n\t\t| 300\n\t\t| 350\n\t\t| 400\n\t\t| 450\n\t\t| 500;\n};\n\n/**\n * Flex\n */\nexport type FlexProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, SharedProps>;\n\ntype FlexComponent = <As extends React.ElementType = \"div\">(\n\tprops: FlexProps<As>,\n) => JSX.Element;\n\nexport const Flex: FlexComponent = forwardRef<null>(function Flex<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: FlexProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.flex, className)} ref={ref} {...rest} />;\n}) as FlexComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\n/**\n * Grid\n */\nexport type GridProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, SharedProps>;\n\ntype GridComponent = <As extends React.ElementType = \"div\">(\n\tprops: GridProps<As>,\n) => JSX.Element;\n\nexport const Grid: GridComponent = forwardRef<null>(function Grid<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: GridProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.grid, className)} ref={ref} {...rest} />;\n}) as GridComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\n/**\n * Prose\n */\nexport type ProseProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype ProseComponent = <As extends React.ElementType = \"div\">(\n\tprops: ProseProps<As>,\n) => JSX.Element;\n\nexport const Prose: ProseComponent = forwardRef<null>(function Prose<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: ProseProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.prose, className)} ref={ref} {...rest} />;\n}) as ProseComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Flex","forwardRef","as","className","rest","ref","jsx","clsx","styles","Grid","Prose"],"mappings":";;;;AAqEO,MAAMA,IAAsBC,EAAiB,SAElD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAuBC,GAA0B;AAGtE,SAAO,gBAAAC,EAFKJ,KAAM,OAEV,EAAI,WAAWK,EAAKC,EAAO,MAAML,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC1E,CAAC,GAYYK,IAAsBR,EAAiB,SAElD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAuBC,GAA0B;AAGtE,SAAO,gBAAAC,EAFKJ,KAAM,OAEV,EAAI,WAAWK,EAAKC,EAAO,MAAML,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC1E,CAAC,GAYYM,IAAwBT,EAAiB,SAEpD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAwBC,GAA0B;AAGvE,SAAO,gBAAAC,EAFKJ,KAAM,OAEV,EAAI,WAAWK,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC3E,CAAC;"}
+{"version":3,"file":"layout.js","sources":["../../designsystem/layout/layout.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n\tSizes,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\ntype GapOld = \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\ntype SharedProps = {\n\t\"data-align\"?: \"normal\" | \"stretch\" | \"start\" | \"center\" | \"end\";\n\t\"data-align-content\"?:\n\t\t| \"start\"\n\t\t| \"center\"\n\t\t| \"end\"\n\t\t| \"space-between\"\n\t\t| \"space-around\"\n\t\t| \"space-evenly\";\n\t\"data-center\"?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\t\"data-gap\"?: Sizes | GapOld;\n\t\"data-row-gap\"?: Sizes;\n\t\"data-column-gap\"?: Sizes;\n\t\"data-nowrap\"?: boolean;\n\t\"data-justify\"?:\n\t\t| \"start\"\n\t\t| \"center\"\n\t\t| \"end\"\n\t\t| \"space-between\"\n\t\t| \"space-around\"\n\t\t| \"space-evenly\";\n\t\"data-fixed\"?: boolean;\n\t\"data-items\"?:\n\t\t| \"auto\"\n\t\t| \"full\"\n\t\t| \"50\"\n\t\t| \"100\"\n\t\t| \"150\"\n\t\t| \"200\"\n\t\t| \"250\"\n\t\t| \"300\"\n\t\t| \"350\"\n\t\t| \"400\"\n\t\t| \"450\"\n\t\t| \"500\"\n\t\t| 50\n\t\t| 100\n\t\t| 150\n\t\t| 200\n\t\t| 250\n\t\t| 300\n\t\t| 350\n\t\t| 400\n\t\t| 450\n\t\t| 500;\n};\n\n/**\n * Flex\n */\nexport type FlexProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, SharedProps>;\n\ntype FlexComponent = <As extends React.ElementType = \"div\">(\n\tprops: FlexProps<As>,\n) => JSX.Element;\n\nexport const Flex: FlexComponent = forwardRef<null>(function Flex<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: FlexProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.flex, className)} ref={ref} {...rest} />;\n}) as FlexComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\n/**\n * Grid\n */\nexport type GridProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, SharedProps>;\n\ntype GridComponent = <As extends React.ElementType = \"div\">(\n\tprops: GridProps<As>,\n) => JSX.Element;\n\nexport const Grid: GridComponent = forwardRef<null>(function Grid<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: GridProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.grid, className)} ref={ref} {...rest} />;\n}) as GridComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Flex","forwardRef","as","className","rest","ref","jsx","clsx","styles","Grid"],"mappings":";;;;AAoEO,MAAMA,IAAsBC,EAAiB,SAElD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAuBC,GAA0B;AAGtE,SAAO,gBAAAC,EAFKJ,KAAM,OAEV,EAAI,WAAWK,EAAKC,EAAO,MAAML,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC1E,CAAC,GAYYK,IAAsBR,EAAiB,SAElD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAuBC,GAA0B;AAGtE,SAAO,gBAAAC,EAFKJ,KAAM,OAEV,EAAI,WAAWK,EAAKC,EAAO,MAAML,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC1E,CAAC;"}

package/mtds/package.json.js

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

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

@@ -1,9 +1,6 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     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)[];

package/mtds/react.js

@@ -14,20 +14,20 @@ import { Field as c, FieldComp as k } from "./field/field.js";
 import { Fieldset as H } from "./fieldset/fieldset.js";
 import { HelpText as h } from "./helptext/helptext.js";
 import { Input as E, Select as M, Textarea as V } from "./input/input.js";
-import { Flex as q, Grid as w, Prose as z } from "./layout/layout.js";
-import { Link as K } from "./link/link.js";
-import { Logo as O } from "./logo/logo.js";
-import { Pagination as R } from "./pagination/pagination.js";
-import { Popover as W } from "./popover/popover.js";
-import { Progress as Y } from "./progress/progress.js";
-import { Skeleton as _ } from "./skeleton/skeleton.js";
-import { Spinner as rr } from "./spinner/spinner.js";
-import { Steps as er } from "./steps/steps.js";
-import { Table as pr } from "./table/table.js";
-import { Tabs as xr } from "./tabs/tabs.js";
-import { Tag as ar } from "./tag/tag.js";
-import { Togglegroup as lr } from "./togglegroup/togglegroup.js";
-import { Heading as dr, Info as gr, Ingress as sr, Muted as ur } from "./typography/typography.js";
+import { Flex as q, Grid 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, Prose as ur } from "./typography/typography.js";
 import { Validation as Fr } from "./validation/validation.js";
 export {
   e as Alert,
@@ -48,27 +48,27 @@ export {
   q as Flex,
   w as Grid,
   u as Group,
-  dr as Heading,
+  nr as Heading,
   h as HelpText,
-  gr as Info,
-  sr as Ingress,
+  dr as Info,
+  gr as Ingress,
   E as Input,
-  K as Link,
-  O as Logo,
-  ur as Muted,
-  R as Pagination,
-  W as Popover,
-  Y as Progress,
-  z as Prose,
+  J as Link,
+  N as Logo,
+  sr as Muted,
+  Q as Pagination,
+  U as Popover,
+  X as Progress,
+  ur as Prose,
   M as Select,
-  _ as Skeleton,
-  rr as Spinner,
-  er as Steps,
-  pr as Table,
-  xr as Tabs,
-  ar as Tag,
+  Z as Skeleton,
+  $ as Spinner,
+  or as Steps,
+  tr as Table,
+  mr as Tabs,
+  fr as Tag,
   V as Textarea,
-  lr as Togglegroup,
+  ir as Togglegroup,
   Fr as Validation
 };
 //# sourceMappingURL=react.js.map