@mattilsynet/design 3.1.16 → 3.1.18

package/mtds/index.js

@@ -1,14 +1,13 @@
-import { UHTMLComboboxElement as U, UHTMLComboboxShadowRoot as d, UHTMLComboboxStyle as w } from "./external/@u-elements/u-combobox/dist/u-combobox.js";
-import { UHTMLTabElement as S, UHTMLTabListElement as c, UHTMLTabListShadowRoot as g, UHTMLTabListStyle as h, UHTMLTabPanelElement as y, UHTMLTabPanelShadowRoot as C, UHTMLTabPanelStyle as E, UHTMLTabShadowRoot as R, UHTMLTabStyle as k, UHTMLTabsElement as P, UHTMLTabsShadowRoot as u, UHTMLTabsStyle as v } from "./external/@u-elements/u-tabs/dist/u-tabs.js";
+export * from "@u-elements/u-combobox";
+export * from "@u-elements/u-tabs";
 import "@u-elements/u-details";
-import o from "./print/print.css.js";
 export * from "@digdir/designsystemet-web";
-import { version as _ } from "./package.json.js";
-import { analytics as q } from "./analytics/analytics.js";
-import { toggleAppExpanded as B } from "./app/app-observer.js";
-import { fixLawHtml as F, getLawChecked as G, parseLawIds as J, parseLawMeta as K, setLawChecked as N, toggleLawChecked as O } from "./law/law-helper.js";
+import { version as h } from "./package.json.js";
+import { analytics as n } from "./analytics/analytics.js";
+import { toggleAppExpanded as C } from "./app/app-observer.js";
+import { fixLawHtml as v, getLawChecked as A, parseLawIds as E, parseLawMeta as H, setLawChecked as I, toggleLawChecked as M } from "./law/law-helper.js";
 import * as r from "./styles.module.css.js";
-import { toast as V } from "./toast/toast-helper.js";
+import { toast as b } from "./toast/toast-helper.js";
 import "./chart/chart-element.js";
 import "./deprecations.js";
 import "./logo/logo-observer.js";
@@ -19,34 +18,17 @@ import "./tooltip/tooltip-element.js";
 import "./validation/validation-observer.js";
 import "@u-elements/u-datalist";
 import "@u-elements/u-progress";
-const H = String(o).replace(/\/\*[^!][^*]*\*\//gs, "").replace(/(\n|\t)/g, "").replace(/\s+/g, " ");
 export {
-  U as UHTMLComboboxElement,
-  d as UHTMLComboboxShadowRoot,
-  w as UHTMLComboboxStyle,
-  S as UHTMLTabElement,
-  c as UHTMLTabListElement,
-  g as UHTMLTabListShadowRoot,
-  h as UHTMLTabListStyle,
-  y as UHTMLTabPanelElement,
-  C as UHTMLTabPanelShadowRoot,
-  E as UHTMLTabPanelStyle,
-  R as UHTMLTabShadowRoot,
-  k as UHTMLTabStyle,
-  P as UHTMLTabsElement,
-  u as UHTMLTabsShadowRoot,
-  v as UHTMLTabsStyle,
-  q as analytics,
-  F as fixLawHtml,
-  G as getLawChecked,
-  J as parseLawIds,
-  K as parseLawMeta,
-  H as printcss,
-  N as setLawChecked,
+  n as analytics,
+  v as fixLawHtml,
+  A as getLawChecked,
+  E as parseLawIds,
+  H as parseLawMeta,
+  I as setLawChecked,
   r as styles,
-  V as toast,
-  B as toggleAppExpanded,
-  O as toggleLawChecked,
-  _ as version
+  b as toast,
+  C as toggleAppExpanded,
+  M as toggleLawChecked,
+  h as version
 };
 //# sourceMappingURL=index.js.map

package/mtds/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../designsystem/index.ts"],"sourcesContent":["// Import and expose custom elements not matching HTML elements for backward compatibility\nexport * from \"@u-elements/u-combobox\";\nexport * from \"@u-elements/u-tabs\";\nimport \"@u-elements/u-details\";\n\nimport printcssraw from \"./print/print.css?raw\"; // Expose print CSS\n\n// Minify print CSS\nexport const printcss = String(printcssraw)\n\t.replace(/\\/\\*[^!][^*]*\\*\\//gs, \"\") // Strip comments\n\t.replace(/(\\n|\\t)/g, \"\") // Strip newlines and tabs\n\t.replace(/\\s+/g, \" \"); // Strip multiple spaces\n\n// Expose API\nexport * from \"@digdir/designsystemet-web\"; // Import and expose Digdir web functionality\nexport { version } from \"../package.json\"; // Expose version to make it easier to debug\nexport * from \"./analytics/analytics\";\nexport * from \"./app/app-observer\";\nexport * from \"./law/law-helper\";\nexport * as styles from \"./styles.module.css\";\nexport * from \"./toast/toast-helper\";\n\n// Load behaviors\nimport \"./chart/chart-element\";\nimport \"./deprecations\";\nimport \"./logo/logo-observer\";\nimport \"./popover/popover-observer\";\nimport \"./table/table-observer\";\nimport \"./toast/toast-observer\";\nimport \"./tooltip/tooltip-element\";\nimport \"./validation/validation-observer\";\nimport \"@u-elements/u-datalist\";\nimport \"@u-elements/u-progress\";\n\n// Expose types\nexport type Size = \"sm\" | \"md\" | \"lg\";\nexport type HeadingSize = \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n"],"names":["printcss","printcssraw"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,IAAW,OAAOC,CAAW,EACxC,QAAQ,uBAAuB,EAAE,EACjC,QAAQ,YAAY,EAAE,EACtB,QAAQ,QAAQ,GAAG;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/mtds/logo/logo.js

@@ -1,12 +1,20 @@
-import { jsx as s } from "react/jsx-runtime";
-import a from "clsx";
+import { jsx as a } from "react/jsx-runtime";
+import f from "clsx";
 import { forwardRef as n } from "react";
-import p from "../styles.module.css.js";
-const x = n(function({ as: r, className: m, ...o }, t) {
-  const f = r || (o.href ? "a" : "span");
-  return /* @__PURE__ */ s(f, { className: a(p.logo, m), ref: t, ...o });
+import i from "../styles.module.css.js";
+const b = n(function({ as: r, className: m, style: t, ...o }, s) {
+  const e = r || (o.href ? "a" : "span");
+  return /* @__PURE__ */ a(
+    e,
+    {
+      className: f(i.logo, m),
+      style: { "-webkit-mask-box-image": "none", ...t },
+      ref: s,
+      ...o
+    }
+  );
 });
 export {
-  x as Logo
+  b as Logo
 };
 //# sourceMappingURL=logo.js.map

package/mtds/logo/logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"logo.js","sources":["../../designsystem/logo/logo.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\ntype LogoBaseProps<Href> = {\n\t\"data-color\"?: \"danger\" | \"info\";\n\t\"data-env\"?: string | null;\n\thref?: Href;\n};\n\nexport type LogoProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<As, LogoBaseProps<Href>>;\n\ntype LogoComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: LogoProps<Href, As>,\n) => JSX.Element;\n\nexport const Logo: LogoComponent = forwardRef<null>(function Logo<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>({ as, className, ...rest }: LogoProps<Href, As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn <Tag className={clsx(styles.logo, className)} ref={ref} {...rest} />;\n}) as LogoComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Logo","forwardRef","as","className","rest","ref","Tag","jsx","clsx","styles"],"mappings":";;;;AA0BO,MAAMA,IAAsBC,EAAiB,SAGlD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA6BC,GAA0B;AAC5E,QAAMC,IAAMJ,MAAOE,EAAK,OAAO,MAAM;AAErC,SAAO,gBAAAG,EAACD,GAAA,EAAI,WAAWE,EAAKC,EAAO,MAAMN,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC1E,CAAC;"}
+{"version":3,"file":"logo.js","sources":["../../designsystem/logo/logo.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\ntype LogoBaseProps<Href> = {\n\t\"data-color\"?: \"danger\" | \"info\";\n\t\"data-env\"?: string | null;\n\thref?: Href;\n};\n\nexport type LogoProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<As, LogoBaseProps<Href>>;\n\ntype LogoComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: LogoProps<Href, As>,\n) => JSX.Element;\n\nexport const Logo: LogoComponent = forwardRef<null>(function Logo<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\t{ as, className, style, ...rest }: LogoProps<Href, As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn (\n\t\t<Tag\n\t\t\tclassName={clsx(styles.logo, className)}\n\t\t\tstyle={{ \"-webkit-mask-box-image\": \"none\", ...style }} // Overwrite Autoprefixer\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as LogoComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Logo","forwardRef","as","className","style","rest","ref","Tag","jsx","clsx","styles"],"mappings":";;;;AA0BO,MAAMA,IAAsBC,EAAiB,SAInD,EAAE,IAAAC,GAAI,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAC3BC,GACC;AACD,QAAMC,IAAML,MAAOG,EAAK,OAAO,MAAM;AAErC,SACC,gBAAAG;AAAA,IAACD;AAAA,IAAA;AAAA,MACA,WAAWE,EAAKC,EAAO,MAAMP,CAAS;AAAA,MACtC,OAAO,EAAE,0BAA0B,QAAQ,GAAGC,EAAA;AAAA,MAC9C,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/mtds/package.json.js

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

package/mtds/print/print.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'react';
+import { PolymorphicComponentPropWithRef } from '../react-types';
+export type PrintProps<As extends React.ElementType = "section"> = PolymorphicComponentPropWithRef<As, {
+    "data-variant"?: "front" | "back";
+}>;
+type PrintComponent = <As extends React.ElementType = "section">(props: PrintProps<As>) => JSX.Element;
+export declare const Print: PrintComponent;
+export {};

package/mtds/print/print.js

@@ -0,0 +1,11 @@
+import { jsx as m } from "react/jsx-runtime";
+import n from "clsx";
+import { forwardRef as s } from "react";
+import f from "../styles.module.css.js";
+const g = s(function({ as: r, className: o, ...t }, i) {
+  return /* @__PURE__ */ m(r || "section", { className: n(f.print, o), ref: i, ...t });
+});
+export {
+  g as Print
+};
+//# sourceMappingURL=print.js.map

package/mtds/print/print.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"print.js","sources":["../../designsystem/print/print.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type PrintProps<As extends React.ElementType = \"section\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-variant\"?: \"front\" | \"back\";\n\t\t}\n\t>;\n\ntype PrintComponent = <As extends React.ElementType = \"section\">(\n\tprops: PrintProps<As>,\n) => JSX.Element;\n\nexport const Print: PrintComponent = forwardRef<null>(function Print<\n\tAs extends React.ElementType = \"section\",\n>({ as, className, ...rest }: PrintProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"section\";\n\n\treturn <Tag className={clsx(styles.print, className)} ref={ref} {...rest} />;\n}) as PrintComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Print","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAoBO,MAAMA,IAAwBC,EAAiB,SAEpD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAwBC,GAA0B;AAGvE,SAAO,gBAAAC,EAFKJ,KAAM,WAEV,EAAI,WAAWK,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC3E,CAAC;"}

package/mtds/print/print.stories.d.ts

@@ -13,3 +13,5 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Brevmal: Story;
 export declare const Rapportmal: Story;
+export declare const BrevmalReact: Story;
+export declare const RapportmalReact: Story;

package/mtds/react.d.ts

@@ -22,6 +22,7 @@ export * from './link/link';
 export * from './logo/logo';
 export * from './pagination/pagination';
 export * from './popover/popover';
+export * from './print/print';
 export * from './progress/progress';
 export * from './skeleton/skeleton';
 export * from './spinner/spinner';

package/mtds/react.js

@@ -3,7 +3,7 @@ import { App as p } from "./app/app.js";
 import { Avatar as x } from "./avatar/avatar.js";
 import { Badge as a } from "./badge/badge.js";
 import { Breadcrumbs as l } from "./breadcrumbs/breadcrumbs.js";
-import { Button as s } from "./button/button.js";
+import { Button as n } from "./button/button.js";
 import { Card as g, Group as u } from "./card/card.js";
 import { Chart as T } from "./chart/chart.js";
 import { Chip as P } from "./chip/chip.js";
@@ -22,24 +22,25 @@ import { Link as W } from "./link/link.js";
 import { Logo as Y } from "./logo/logo.js";
 import { Pagination as _ } from "./pagination/pagination.js";
 import { Popover as rr } from "./popover/popover.js";
-import { Progress as er } from "./progress/progress.js";
-import { Skeleton as pr } from "./skeleton/skeleton.js";
-import { Spinner as xr } from "./spinner/spinner.js";
-import { Steps as ar } from "./steps/steps.js";
-import { Table as lr } from "./table/table.js";
-import { Tabs as sr } from "./tabs/tabs.js";
-import { Tag as gr } from "./tag/tag.js";
-import { toast as Fr } from "./toast/toast.js";
-import { Togglegroup as Cr } from "./togglegroup/togglegroup.js";
-import { Heading as Sr, Info as br, Ingress as vr, Muted as Ar, Prose as Br } from "./typography/typography.js";
-import { Validation as Ir } from "./validation/validation.js";
+import { Print as er } from "./print/print.js";
+import { Progress as pr } from "./progress/progress.js";
+import { Skeleton as xr } from "./skeleton/skeleton.js";
+import { Spinner as ar } from "./spinner/spinner.js";
+import { Steps as lr } from "./steps/steps.js";
+import { Table as nr } from "./table/table.js";
+import { Tabs as gr } from "./tabs/tabs.js";
+import { Tag as Fr } from "./tag/tag.js";
+import { toast as Cr } from "./toast/toast.js";
+import { Togglegroup as Sr } from "./togglegroup/togglegroup.js";
+import { Heading as vr, Info as Ar, Ingress as Br, Muted as Dr, Prose as Ir } from "./typography/typography.js";
+import { Validation as cr } from "./validation/validation.js";
 export {
   e as Alert,
   p as App,
   x as Avatar,
   a as Badge,
   l as Breadcrumbs,
-  s as Button,
+  n as Button,
   g as Card,
   T as Chart,
   P as Chip,
@@ -55,29 +56,30 @@ export {
   Q as Flex,
   R as Grid,
   u as Group,
-  Sr as Heading,
+  vr as Heading,
   V as HelpText,
-  br as Info,
-  vr as Ingress,
+  Ar as Info,
+  Br as Ingress,
   q as Input,
   N as Law,
   W as Link,
   Y as Logo,
-  Ar as Muted,
+  Dr as Muted,
   _ as Pagination,
   rr as Popover,
-  er as Progress,
-  Br as Prose,
+  er as Print,
+  pr as Progress,
+  Ir as Prose,
   z as Select,
-  pr as Skeleton,
-  xr as Spinner,
-  ar as Steps,
-  lr as Table,
-  sr as Tabs,
-  gr as Tag,
+  xr as Skeleton,
+  ar as Spinner,
+  lr as Steps,
+  nr as Table,
+  gr as Tabs,
+  Fr as Tag,
   J as Textarea,
-  Cr as Togglegroup,
-  Ir as Validation,
-  Fr as toast
+  Sr as Togglegroup,
+  cr as Validation,
+  Cr as toast
 };
 //# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}