@mattilsynet/design 3.1.4 → 3.1.6

package/mtds/index.js

@@ -1,51 +1,52 @@
-import { UHTMLComboboxElement as x, UHTMLComboboxShadowRoot as U, UHTMLComboboxStyle as d } from "./external/@u-elements/u-combobox/dist/u-combobox.js";
-import { UHTMLTabElement as f, UHTMLTabListElement as S, UHTMLTabListShadowRoot as c, UHTMLTabListStyle as g, UHTMLTabPanelElement as h, UHTMLTabPanelShadowRoot as y, UHTMLTabPanelStyle as C, UHTMLTabShadowRoot as E, UHTMLTabStyle as R, UHTMLTabsElement as k, UHTMLTabsShadowRoot as P, UHTMLTabsStyle as u } from "./external/@u-elements/u-tabs/dist/u-tabs.js";
+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";
 import "@u-elements/u-details";
 import o from "./print/print.css.js";
 export * from "@digdir/designsystemet-web";
-import { version as I } from "./package.json.js";
-import { analytics as j } from "./analytics/analytics.js";
-import { toggleAppExpanded as z } from "./app/app-observer.js";
-import { fixLawHtml as D, getLawChecked as F, parseLawIds as G, parseLawMeta as J, setLawChecked as K, toggleLawChecked as N } from "./law/law-helper.js";
+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 * as r from "./styles.module.css.js";
-import { toast as Q } from "./toast/toast-helper.js";
-import "./deprecations.js";
+import { toast as V } from "./toast/toast-helper.js";
 import "./chart/chart-element.js";
+import "./deprecations.js";
 import "./logo/logo-observer.js";
+import "./popover/popover-observer.js";
 import "./table/table-observer.js";
 import "./toast/toast-observer.js";
 import "./tooltip/tooltip-element.js";
 import "./validation/validation-observer.js";
 import "@u-elements/u-datalist";
 import "@u-elements/u-progress";
-const n = String(o).replace(/\/\*[^!][^*]*\*\//gs, "").replace(/(\n|\t)/g, "").replace(/\s+/g, " ");
+const H = String(o).replace(/\/\*[^!][^*]*\*\//gs, "").replace(/(\n|\t)/g, "").replace(/\s+/g, " ");
 export {
-  x as UHTMLComboboxElement,
-  U as UHTMLComboboxShadowRoot,
-  d as UHTMLComboboxStyle,
-  f as UHTMLTabElement,
-  S as UHTMLTabListElement,
-  c as UHTMLTabListShadowRoot,
-  g as UHTMLTabListStyle,
-  h as UHTMLTabPanelElement,
-  y as UHTMLTabPanelShadowRoot,
-  C as UHTMLTabPanelStyle,
-  E as UHTMLTabShadowRoot,
-  R as UHTMLTabStyle,
-  k as UHTMLTabsElement,
-  P as UHTMLTabsShadowRoot,
-  u as UHTMLTabsStyle,
-  j as analytics,
-  D as fixLawHtml,
-  F as getLawChecked,
-  G as parseLawIds,
-  J as parseLawMeta,
-  n as printcss,
-  K as setLawChecked,
+  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,
   r as styles,
-  Q as toast,
-  z as toggleAppExpanded,
-  N as toggleLawChecked,
-  I as version
+  V as toast,
+  B as toggleAppExpanded,
+  O as toggleLawChecked,
+  _ 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 \"./deprecations\";\nimport \"./chart/chart-element\";\nimport \"./logo/logo-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":["../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;"}

package/mtds/input/input.d.ts

@@ -1,5 +1,9 @@
-export type InputProps = React.ComponentPropsWithoutRef<"input">;
-export declare const Input: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export type InputProps = React.ComponentPropsWithoutRef<"input"> & {
+    "data-indeterminate"?: boolean;
+};
+export declare const Input: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    "data-indeterminate"?: boolean;
+} & import('react').RefAttributes<HTMLInputElement>>;
 export type SelectProps = React.ComponentPropsWithoutRef<"select">;
 export declare const Select: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & import('react').RefAttributes<HTMLSelectElement>>;
 export type TextareaProps = React.ComponentPropsWithoutRef<"textarea">;

package/mtds/input/input.js

@@ -1,42 +1,37 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import a from "clsx";
-import { forwardRef as i, useRef as p, useImperativeHandle as l, useEffect as f } from "react";
-import o from "../styles.module.css.js";
-const E = i(function({ className: n, type: e = "text", ...t }, r) {
-  const u = p(null);
-  return l(r, () => u.current), f(() => {
-    u.current?.dispatchEvent(new CustomEvent("ds-field-update")), t.value;
-  }, [t.value]), /* @__PURE__ */ s(
+import { forwardRef as s } from "react";
+import i from "../styles.module.css.js";
+const l = s(function({ "data-indeterminate": t, className: e, type: r = "text", ...u }, p) {
+  return /* @__PURE__ */ n(
     "input",
     {
-      className: a(o.input, n),
+      className: a(i.input, e),
+      "data-indeterminate": !!t || void 0,
       suppressHydrationWarning: !0,
-      type: e,
-      ref: u,
-      ...t
+      type: r,
+      ref: p,
+      ...u
     }
   );
-}), y = i(
-  function({ className: n, ...e }, t) {
-    return /* @__PURE__ */ s(
+}), x = s(
+  function({ className: t, ...e }, r) {
+    return /* @__PURE__ */ n(
       "select",
       {
-        className: a(o.input, n),
+        className: a(i.input, t),
         suppressHydrationWarning: !0,
-        ref: t,
+        ref: r,
         ...e
       }
     );
   }
-), H = i(
-  function({ className: n, ...e }, t) {
-    const r = p(null);
-    return l(t, () => r.current), f(() => {
-      r.current?.dispatchEvent(new CustomEvent("ds-field-update")), e.value;
-    }, [e.value]), /* @__PURE__ */ s(
+), y = s(
+  function({ className: t, ...e }, r) {
+    return /* @__PURE__ */ n(
       "textarea",
       {
-        className: a(o.input, n),
+        className: a(i.input, t),
         ref: r,
         suppressHydrationWarning: !0,
         ...e
@@ -45,8 +40,8 @@ const E = i(function({ className: n, type: e = "text", ...t }, r) {
   }
 );
 export {
-  E as Input,
-  y as Select,
-  H as Textarea
+  l as Input,
+  x as Select,
+  y as Textarea
 };
 //# sourceMappingURL=input.js.map

package/mtds/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../designsystem/input/input.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type InputProps = React.ComponentPropsWithoutRef<\"input\">;\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n\t{ className, type = \"text\", ...rest },\n\tref,\n) {\n\tconst innerRef = useRef<HTMLInputElement>(null);\n\n\t// Update counters and field sizing\n\tuseImperativeHandle(ref, () => innerRef.current as HTMLInputElement);\n\tuseEffect(() => {\n\t\tinnerRef.current?.dispatchEvent(new CustomEvent(\"ds-field-update\"));\n\t\trest.value; // Prevent biome from linting \"unused variable\"\n\t}, [rest.value]);\n\n\treturn (\n\t\t<input\n\t\t\tclassName={clsx(styles.input, className)}\n\t\t\tsuppressHydrationWarning // Prevent hydration mismatch for SSR caused by field-observer.ts\n\t\t\ttype={type}\n\t\t\tref={innerRef}\n\t\t\t{...rest}\n\t\t/>\n\t);\n});\n\nexport type SelectProps = React.ComponentPropsWithoutRef<\"select\">;\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n\tfunction Select({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<select\n\t\t\t\tclassName={clsx(styles.input, className)}\n\t\t\t\tsuppressHydrationWarning // Prevent hydration mismatch for SSR caused by field-observer.ts\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nexport type TextareaProps = React.ComponentPropsWithoutRef<\"textarea\">;\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n\tfunction Textarea({ className, ...rest }, ref) {\n\t\tconst innerRef = useRef<HTMLTextAreaElement>(null);\n\n\t\t// Update counters and field sizing\n\t\tuseImperativeHandle(ref, () => innerRef.current as HTMLTextAreaElement);\n\t\tuseEffect(() => {\n\t\t\tinnerRef.current?.dispatchEvent(new CustomEvent(\"ds-field-update\"));\n\t\t\trest.value; // Prevent biome from linting \"unused variable\"\n\t\t}, [rest.value]);\n\n\t\treturn (\n\t\t\t<textarea\n\t\t\t\tclassName={clsx(styles.input, className)}\n\t\t\t\tref={innerRef}\n\t\t\t\tsuppressHydrationWarning // Prevent hydration mismatch for SSR caused by field-observer.ts\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\n"],"names":["Input","forwardRef","className","type","rest","ref","innerRef","useRef","useImperativeHandle","useEffect","jsx","clsx","styles","Select","Textarea"],"mappings":";;;;AAKO,MAAMA,IAAQC,EAAyC,SAC7D,EAAE,WAAAC,GAAW,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GAC/BC,GACC;AACD,QAAMC,IAAWC,EAAyB,IAAI;AAG9C,SAAAC,EAAoBH,GAAK,MAAMC,EAAS,OAA2B,GACnEG,EAAU,MAAM;AACf,IAAAH,EAAS,SAAS,cAAc,IAAI,YAAY,iBAAiB,CAAC,GAClEF,EAAK;AAAA,EACN,GAAG,CAACA,EAAK,KAAK,CAAC,GAGd,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAKC,EAAO,OAAOV,CAAS;AAAA,MACvC,0BAAwB;AAAA,MACxB,MAAAC;AAAA,MACA,KAAKG;AAAA,MACJ,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAGYS,IAASZ;AAAA,EACrB,SAAgB,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAAQC,GAAK;AAC5C,WACC,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,OAAOV,CAAS;AAAA,QACvC,0BAAwB;AAAA,QACxB,KAAAG;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACD,GAGaU,IAAWb;AAAA,EACvB,SAAkB,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAAQC,GAAK;AAC9C,UAAMC,IAAWC,EAA4B,IAAI;AAGjD,WAAAC,EAAoBH,GAAK,MAAMC,EAAS,OAA8B,GACtEG,EAAU,MAAM;AACf,MAAAH,EAAS,SAAS,cAAc,IAAI,YAAY,iBAAiB,CAAC,GAClEF,EAAK;AAAA,IACN,GAAG,CAACA,EAAK,KAAK,CAAC,GAGd,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,OAAOV,CAAS;AAAA,QACvC,KAAKI;AAAA,QACL,0BAAwB;AAAA,QACvB,GAAGF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACD;"}
+{"version":3,"file":"input.js","sources":["../../designsystem/input/input.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type InputProps = React.ComponentPropsWithoutRef<\"input\"> & {\n\t\"data-indeterminate\"?: boolean;\n};\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n\t{ \"data-indeterminate\": indeterminate, className, type = \"text\", ...rest },\n\tref,\n) {\n\treturn (\n\t\t<input\n\t\t\tclassName={clsx(styles.input, className)}\n\t\t\tdata-indeterminate={!!indeterminate || undefined} // Remove attribute if false\n\t\t\tsuppressHydrationWarning // Prevent hydration mismatch for SSR caused by field-observer.ts\n\t\t\ttype={type}\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n});\n\nexport type SelectProps = React.ComponentPropsWithoutRef<\"select\">;\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n\tfunction Select({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<select\n\t\t\t\tclassName={clsx(styles.input, className)}\n\t\t\t\tsuppressHydrationWarning // Prevent hydration mismatch for SSR caused by field-observer.ts\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nexport type TextareaProps = React.ComponentPropsWithoutRef<\"textarea\">;\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n\tfunction Textarea({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<textarea\n\t\t\t\tclassName={clsx(styles.input, className)}\n\t\t\t\tref={ref}\n\t\t\t\tsuppressHydrationWarning // Prevent hydration mismatch for SSR caused by field-observer.ts\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\n"],"names":["Input","forwardRef","indeterminate","className","type","rest","ref","jsx","clsx","styles","Select","Textarea"],"mappings":";;;;AAOO,MAAMA,IAAQC,EAAyC,SAC7D,EAAE,sBAAsBC,GAAe,WAAAC,GAAW,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GACpEC,GACC;AACD,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAKC,EAAO,OAAON,CAAS;AAAA,MACvC,sBAAoB,CAAC,CAACD,KAAiB;AAAA,MACvC,0BAAwB;AAAA,MACxB,MAAAE;AAAA,MACA,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAGYK,IAAST;AAAA,EACrB,SAAgB,EAAE,WAAAE,GAAW,GAAGE,EAAA,GAAQC,GAAK;AAC5C,WACC,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,OAAON,CAAS;AAAA,QACvC,0BAAwB;AAAA,QACxB,KAAAG;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACD,GAGaM,IAAWV;AAAA,EACvB,SAAkB,EAAE,WAAAE,GAAW,GAAGE,EAAA,GAAQC,GAAK;AAC9C,WACC,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,OAAON,CAAS;AAAA,QACvC,KAAAG;AAAA,QACA,0BAAwB;AAAA,QACvB,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACD;"}

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

@@ -18,6 +18,7 @@ export declare const Switch: Story;
 export declare const Sizes: Story;
 export declare const ReadOnly: Story;
 export declare const Disabled: Story;
+export declare const Indeterminate: Story;
 export declare const TypeSearch: Story;
 export declare const TypeDate: Story;
 export declare const TypeNumber: Story;

package/mtds/package.json.js

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

package/mtds/pagination/pagination.d.ts

@@ -1,7 +1,9 @@
 import { DSPaginationElement } from '@digdir/designsystemet-web';
 import { Button } from '../button/button';
 import { CustomReactElementProps } from '../react-types';
-export type PaginationProps = Omit<CustomReactElementProps<DSPaginationElement>, "children"> & ({
+export type PaginationProps = Omit<CustomReactElementProps<DSPaginationElement>, "children"> & {
+    "data-variant"?: "primary" | "secondary";
+} & ({
     children?: never;
     current: number;
     show?: number;
@@ -18,6 +20,8 @@ export type PaginationProps = Omit<CustomReactElementProps<DSPaginationElement>,
     props?: never;
 });
 export declare const Pagination: import('react').ForwardRefExoticComponent<(Omit<Omit<CustomReactElementProps<DSPaginationElement>, "children"> & {
+    "data-variant"?: "primary" | "secondary";
+} & {
     children?: never;
     current: number;
     show?: number;
@@ -27,6 +31,8 @@ export declare const Pagination: import('react').ForwardRefExoticComponent<(Omit
         type: "prev" | "next" | "page";
     }) => Parameters<typeof Button>[0];
 }, "ref"> | Omit<Omit<CustomReactElementProps<DSPaginationElement>, "children"> & {
+    "data-variant"?: "primary" | "secondary";
+} & {
     children: React.ReactNode;
     current?: never;
     show?: never;

package/mtds/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../designsystem/pagination/pagination.tsx"],"sourcesContent":["import type { DSPaginationElement } from \"@digdir/designsystemet-web\";\nimport { pagination } from \"@digdir/designsystemet-web\";\nimport { forwardRef } from \"react\";\nimport { Button } from \"../button/button\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type PaginationProps = Omit<\n\tCustomReactElementProps<DSPaginationElement>,\n\t\"children\"\n> &\n\t(\n\t\t| {\n\t\t\t\tchildren?: never;\n\t\t\t\tcurrent: number;\n\t\t\t\tshow?: number;\n\t\t\t\ttotal: number;\n\t\t\t\tprops: (props: {\n\t\t\t\t\tpage: number;\n\t\t\t\t\ttype: \"prev\" | \"next\" | \"page\";\n\t\t\t\t}) => Parameters<typeof Button>[0];\n\t\t  }\n\t\t| {\n\t\t\t\tchildren: React.ReactNode;\n\t\t\t\tcurrent?: never;\n\t\t\t\tshow?: never;\n\t\t\t\ttotal?: never;\n\t\t\t\tprops?: never;\n\t\t  }\n\t);\n\nexport const Pagination = forwardRef<DSPaginationElement, PaginationProps>(\n\tfunction Pagination(\n\t\t{ children, current, total, show = 7, props, ...rest },\n\t\tref,\n\t) {\n\t\tconst { pages, next, prev } = pagination({ current, total, show });\n\n\t\treturn (\n\t\t\t<ds-pagination\n\t\t\t\tref={ref}\n\t\t\t\t{...toCustomElementProps(rest, styles.pagination)}\n\t\t\t>\n\t\t\t\t{children || (\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!prev}\n\t\t\t\t\t\t\t\t{...props?.({ page: prev, type: \"prev\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{pages.map(({ key, page, current }) => (\n\t\t\t\t\t\t\t<li key={key}>\n\t\t\t\t\t\t\t\t{!!page && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\taria-current={current}\n\t\t\t\t\t\t\t\t\t\t{...{ children: page }}\n\t\t\t\t\t\t\t\t\t\t{...props?.({ page, type: \"page\" })}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!next}\n\t\t\t\t\t\t\t\t{...props?.({ page: next, type: \"next\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t</ds-pagination>\n\t\t);\n\t},\n);\n"],"names":["Pagination","forwardRef","children","current","total","show","props","rest","ref","pages","next","prev","pagination","jsx","toCustomElementProps","styles","Button","key","page"],"mappings":";;;;;;AAgCO,MAAMA,IAAaC;AAAA,EACzB,SACC,EAAE,UAAAC,GAAU,SAAAC,GAAS,OAAAC,GAAO,MAAAC,IAAO,GAAG,OAAAC,GAAO,GAAGC,EAAA,GAChDC,GACC;AACD,UAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAW,EAAE,SAAAT,GAAS,OAAAC,GAAO,MAAAC,GAAM;AAEjE,WACC,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,KAAAL;AAAA,QACC,GAAGM,EAAqBP,GAAMQ,EAAO,UAAU;AAAA,QAE/C,UAAAb,uBACC,MAAA,EACA,UAAA;AAAA,UAAA,gBAAAW,EAAC,MAAA,EACA,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACL;AAAA,cACf,GAAGL,IAAQ,EAAE,MAAMK,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,GAE1C;AAAA,UACCF,EAAM,IAAI,CAAC,EAAE,KAAAQ,GAAK,MAAAC,GAAM,SAAAf,QACxB,gBAAAU,EAAC,MAAA,EACC,UAAA,CAAC,CAACK,KACF,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,gBAAcb;AAAAA,cACR,UAAUe;AAAA,cACf,GAAGZ,IAAQ,EAAE,MAAAY,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACnC,GANOD,CAQT,CACA;AAAA,4BACA,MAAA,EACA,UAAA,gBAAAJ;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACN;AAAA,cACf,GAAGJ,IAAQ,EAAE,MAAMI,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACzC,CACD;AAAA,QAAA,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAIJ;AACD;"}
+{"version":3,"file":"pagination.js","sources":["../../designsystem/pagination/pagination.tsx"],"sourcesContent":["import type { DSPaginationElement } from \"@digdir/designsystemet-web\";\nimport { pagination } from \"@digdir/designsystemet-web\";\nimport { forwardRef } from \"react\";\nimport { Button } from \"../button/button\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type PaginationProps = Omit<\n\tCustomReactElementProps<DSPaginationElement>,\n\t\"children\"\n> & {\n\t\"data-variant\"?: \"primary\" | \"secondary\";\n} & (\n\t\t| {\n\t\t\t\tchildren?: never;\n\t\t\t\tcurrent: number;\n\t\t\t\tshow?: number;\n\t\t\t\ttotal: number;\n\t\t\t\tprops: (props: {\n\t\t\t\t\tpage: number;\n\t\t\t\t\ttype: \"prev\" | \"next\" | \"page\";\n\t\t\t\t}) => Parameters<typeof Button>[0];\n\t\t  }\n\t\t| {\n\t\t\t\tchildren: React.ReactNode;\n\t\t\t\tcurrent?: never;\n\t\t\t\tshow?: never;\n\t\t\t\ttotal?: never;\n\t\t\t\tprops?: never;\n\t\t  }\n\t);\n\nexport const Pagination = forwardRef<DSPaginationElement, PaginationProps>(\n\tfunction Pagination(\n\t\t{ children, current, total, show = 7, props, ...rest },\n\t\tref,\n\t) {\n\t\tconst { pages, next, prev } = pagination({ current, total, show });\n\n\t\treturn (\n\t\t\t<ds-pagination\n\t\t\t\tref={ref}\n\t\t\t\t{...toCustomElementProps(rest, styles.pagination)}\n\t\t\t>\n\t\t\t\t{children || (\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!prev}\n\t\t\t\t\t\t\t\t{...props?.({ page: prev, type: \"prev\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{pages.map(({ key, page, current }) => (\n\t\t\t\t\t\t\t<li key={key}>\n\t\t\t\t\t\t\t\t{!!page && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\taria-current={current}\n\t\t\t\t\t\t\t\t\t\t{...{ children: page }}\n\t\t\t\t\t\t\t\t\t\t{...props?.({ page, type: \"page\" })}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!next}\n\t\t\t\t\t\t\t\t{...props?.({ page: next, type: \"next\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t</ds-pagination>\n\t\t);\n\t},\n);\n"],"names":["Pagination","forwardRef","children","current","total","show","props","rest","ref","pages","next","prev","pagination","jsx","toCustomElementProps","styles","Button","key","page"],"mappings":";;;;;;AAiCO,MAAMA,IAAaC;AAAA,EACzB,SACC,EAAE,UAAAC,GAAU,SAAAC,GAAS,OAAAC,GAAO,MAAAC,IAAO,GAAG,OAAAC,GAAO,GAAGC,EAAA,GAChDC,GACC;AACD,UAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAW,EAAE,SAAAT,GAAS,OAAAC,GAAO,MAAAC,GAAM;AAEjE,WACC,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,KAAAL;AAAA,QACC,GAAGM,EAAqBP,GAAMQ,EAAO,UAAU;AAAA,QAE/C,UAAAb,uBACC,MAAA,EACA,UAAA;AAAA,UAAA,gBAAAW,EAAC,MAAA,EACA,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACL;AAAA,cACf,GAAGL,IAAQ,EAAE,MAAMK,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,GAE1C;AAAA,UACCF,EAAM,IAAI,CAAC,EAAE,KAAAQ,GAAK,MAAAC,GAAM,SAAAf,QACxB,gBAAAU,EAAC,MAAA,EACC,UAAA,CAAC,CAACK,KACF,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,gBAAcb;AAAAA,cACR,UAAUe;AAAA,cACf,GAAGZ,IAAQ,EAAE,MAAAY,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACnC,GANOD,CAQT,CACA;AAAA,4BACA,MAAA,EACA,UAAA,gBAAAJ;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACN;AAAA,cACf,GAAGJ,IAAQ,EAAE,MAAMI,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACzC,CACD;AAAA,QAAA,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAIJ;AACD;"}

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

@@ -39,6 +39,9 @@ declare const meta: {
             };
         };
     };
+    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>;
@@ -46,4 +49,5 @@ export declare const WithLinks: Story;
 export declare const React: Story;
 export declare const WithButtons: Story;
 export declare const Sizes: Story;
+export declare const Variants: Story;
 export declare const WithHelper: Story;

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

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

package/mtds/popover/popover-observer.js

@@ -0,0 +1,13 @@
+import { onHotReload as s, on as a, attr as c } from "../utils.js";
+function i({ target: p }) {
+  const o = p?.closest?.("a"), t = o && c(o, "popovertarget"), e = t ? document.getElementById(t) : o?.closest("[popover]");
+  if (o && e instanceof HTMLElement && e.popover) {
+    const n = c(o, "popovertargetaction"), r = n === "show" || (n === "hide" ? !1 : void 0);
+    e.togglePopover(r);
+  }
+}
+s("popover", () => [
+  a(document, "click", i)
+  // Allow `<a>` to use `popovertarget` as well
+]);
+//# sourceMappingURL=popover-observer.js.map

package/mtds/popover/popover-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-observer.js","sources":["../../designsystem/popover/popover-observer.ts"],"sourcesContent":["import { attr, on, onHotReload } from \"../utils\";\n\n// Polyfill popovertarget for <a> (not supported by native)\n// and automatically assume popovertarget is the closest parent popover\n// but respect the popovertarget and popovertargetaction attribute\nfunction handlePopoverClick({ target }: Event) {\n\tconst a = (target as Element)?.closest?.(\"a\");\n\tconst id = a && attr(a, \"popovertarget\");\n\tconst pop = id ? document.getElementById(id) : a?.closest(\"[popover]\");\n\n\tif (a && pop instanceof HTMLElement && pop.popover) {\n\t\tconst action = attr(a, \"popovertargetaction\");\n\t\tconst open = action === \"show\" || (action === \"hide\" ? false : undefined);\n\t\tpop.togglePopover(open);\n\t}\n}\n\nonHotReload(\"popover\", () => [\n\ton(document, \"click\", handlePopoverClick), // Allow `<a>` to use `popovertarget` as well\n]);\n"],"names":["handlePopoverClick","target","a","id","attr","pop","action","open","onHotReload","on"],"mappings":";AAKA,SAASA,EAAmB,EAAE,QAAAC,KAAiB;AAC9C,QAAMC,IAAKD,GAAoB,UAAU,GAAG,GACtCE,IAAKD,KAAKE,EAAKF,GAAG,eAAe,GACjCG,IAAMF,IAAK,SAAS,eAAeA,CAAE,IAAID,GAAG,QAAQ,WAAW;AAErE,MAAIA,KAAKG,aAAe,eAAeA,EAAI,SAAS;AACnD,UAAMC,IAASF,EAAKF,GAAG,qBAAqB,GACtCK,IAAOD,MAAW,WAAWA,MAAW,SAAS,KAAQ;AAC/D,IAAAD,EAAI,cAAcE,CAAI;AAAA,EACvB;AACD;AAEAC,EAAY,WAAW,MAAM;AAAA,EAC5BC,EAAG,UAAU,SAAST,CAAkB;AAAA;AACzC,CAAC;"}