@mattilsynet/design 1.3.0 → 1.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/mtds/alert/alert.stories.d.ts +2 -2
- package/mtds/app/app-observer.js +1 -1
- package/mtds/app/app-toggle.js +26 -14
- package/mtds/app/app-toggle.js.map +1 -1
- package/mtds/app/app-toggle2.js +14 -26
- package/mtds/app/app-toggle2.js.map +1 -1
- package/mtds/app/app.js +1 -1
- package/mtds/app/app.stories.d.ts +2 -2
- package/mtds/avatar/avatar.stories.d.ts +2 -2
- package/mtds/badge/badge.stories.d.ts +2 -2
- package/mtds/breadcrumbs/breadcrumbs.stories.d.ts +2 -2
- package/mtds/button/button.stories.d.ts +2 -2
- package/mtds/card/card.stories.d.ts +2 -2
- package/mtds/chip/chip.stories.d.ts +2 -2
- package/mtds/details/details.stories.d.ts +1 -1
- package/mtds/dialog/dialog.stories.d.ts +1 -1
- package/mtds/divider/divider.stories.d.ts +1 -1
- package/mtds/errorsummary/errorsummary.stories.d.ts +2 -2
- package/mtds/external/@u-elements/u-combobox/dist/u-combobox.js +151 -152
- package/mtds/external/@u-elements/u-combobox/dist/u-combobox.js.map +1 -1
- package/mtds/external/@u-elements/u-datalist/dist/u-datalist.js +55 -57
- package/mtds/external/@u-elements/u-datalist/dist/u-datalist.js.map +1 -1
- package/mtds/field/field-observer.js +22 -22
- package/mtds/field/field-observer.js.map +1 -1
- package/mtds/field/field.js +4 -3
- package/mtds/field/field.js.map +1 -1
- package/mtds/field/field.stories.d.ts +3 -2
- package/mtds/fieldset/fieldset-observer.js +20 -15
- package/mtds/fieldset/fieldset-observer.js.map +1 -1
- package/mtds/fieldset/fieldset.stories.d.ts +1 -1
- package/mtds/helptext/helptext.stories.d.ts +1 -1
- package/mtds/illustrations/bread.svg +1 -0
- package/mtds/illustrations/drop-apple-bread.svg +1 -0
- package/mtds/illustrations/drop-apple.svg +1 -0
- package/mtds/illustrations/fork-knife-spoon.svg +1 -0
- package/mtds/illustrations/fork-knife.svg +1 -0
- package/mtds/illustrations/fork.svg +1 -0
- package/mtds/illustrations/heart-cat.svg +1 -0
- package/mtds/illustrations/heart.svg +1 -0
- package/mtds/illustrations/hearts-blue.svg +1 -0
- package/mtds/illustrations/hearts-green.svg +1 -0
- package/mtds/illustrations/hearts-red.svg +1 -0
- package/mtds/illustrations/{illustrations.json → index.json} +139 -1
- package/mtds/illustrations/inspector-ai.svg +1 -0
- package/mtds/illustrations/inspector-cow.svg +1 -0
- package/mtds/illustrations/knife.svg +1 -0
- package/mtds/illustrations/person-flask-water-fish-pig.svg +1 -0
- package/mtds/illustrations/plane.svg +1 -0
- package/mtds/illustrations/plant-dog-fish.svg +1 -0
- package/mtds/illustrations/postits.svg +1 -0
- package/mtds/illustrations/pregnant-fork-plant.svg +1 -0
- package/mtds/illustrations/pregnant-fork.svg +1 -0
- package/mtds/illustrations/ship.svg +1 -0
- package/mtds/illustrations/spoon.svg +1 -0
- package/mtds/illustrations/star-1.svg +1 -0
- package/mtds/illustrations/star-2.svg +1 -0
- package/mtds/illustrations/stars.svg +1 -0
- package/mtds/illustrations/turnip-meat.svg +1 -0
- package/mtds/index.d.ts +1 -0
- package/mtds/index.iife.js +8 -7
- package/mtds/input/input.stories.d.ts +2 -2
- package/mtds/layout/layout.stories.d.ts +2 -2
- package/mtds/link/link.stories.d.ts +1 -1
- package/mtds/logo/logo.stories.d.ts +2 -2
- package/mtds/package.json.js +1 -1
- package/mtds/pagination/pagination.stories.d.ts +1 -1
- package/mtds/popover/popover.stories.d.ts +1 -1
- package/mtds/progress/progress.stories.d.ts +2 -2
- package/mtds/react.d.ts +2 -1
- package/mtds/react.js +48 -46
- package/mtds/react.js.map +1 -1
- package/mtds/skeleton/skeleton.stories.d.ts +1 -1
- package/mtds/spinner/spinner.stories.d.ts +2 -2
- package/mtds/steps/steps-observer.d.ts +1 -0
- package/mtds/steps/steps.d.ts +8 -0
- package/mtds/steps/steps.js +11 -0
- package/mtds/steps/steps.js.map +1 -0
- package/mtds/steps/steps.stories.d.ts +20 -0
- package/mtds/styles.css +1 -1
- package/mtds/styles.json +40 -39
- package/mtds/styles.module.css.js +40 -38
- package/mtds/styles.module.css.js.map +1 -1
- package/mtds/table/table.stories.d.ts +2 -2
- package/mtds/tabs/tabs.stories.d.ts +3 -1
- package/mtds/tag/tag.stories.d.ts +2 -2
- package/mtds/togglegroup/togglegroup.stories.d.ts +1 -1
- package/mtds/tooltip/tooltip.stories.d.ts +2 -2
- package/mtds/typography/typography.d.ts +1 -0
- package/mtds/typography/typography.js.map +1 -1
- package/mtds/typography/typography.stories.d.ts +2 -2
- package/mtds/validation/validation.stories.d.ts +1 -1
- package/package.json +10 -14
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
decorators: ((Story: import('
|
|
4
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
7
7
|
};
|
package/mtds/app/app-observer.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import m from "../styles.module.css.js";
|
|
2
2
|
import { onLoaded as C, onMutation as T, on as r, QUICK_EVENT as p, debounce as P } from "../utils.js";
|
|
3
|
-
import "./app-
|
|
3
|
+
import "./app-toggle2.js";
|
|
4
4
|
const f = m.app.split(" ")[0], _ = m.sticky.split(" ")[0], h = '[data-command="toggle-app-expanded"]', g = `.${f} > dialog,.${f} dialog ~ main`, S = (t) => {
|
|
5
5
|
document.startViewTransition ? document.startViewTransition(t) : t();
|
|
6
6
|
}, E = (t) => (
|
package/mtds/app/app-toggle.js
CHANGED
|
@@ -1,15 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
const t = `if (
|
|
2
|
+
typeof window !== "undefined" &&
|
|
3
|
+
window.CSSStyleSheet &&
|
|
4
|
+
document.adoptedStyleSheets
|
|
5
|
+
)
|
|
6
|
+
(() => {
|
|
7
|
+
const key = "--mtds-app-expanded";
|
|
8
|
+
const sheet = new CSSStyleSheet();
|
|
9
|
+
const prev = () => !window.localStorage.getItem(key)?.includes("false");
|
|
10
|
+
|
|
11
|
+
document.adoptedStyleSheets.push(sheet);
|
|
12
|
+
window.mtdsToggleAppExpanded = (force) => {
|
|
13
|
+
try {
|
|
14
|
+
const next = force ?? !prev();
|
|
15
|
+
sheet.replaceSync?.(\`:root { \${key}: var(\${key}--\${next})}\`);
|
|
16
|
+
window.localStorage.setItem(key, next);
|
|
17
|
+
} catch (err) {} // localStorage is full or replaceSync is not supported
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
// Set and store initial state
|
|
21
|
+
window.mtdsToggleAppExpanded(prev());
|
|
22
|
+
})();
|
|
23
|
+
`;
|
|
24
|
+
export {
|
|
25
|
+
t as default
|
|
26
|
+
};
|
|
15
27
|
//# sourceMappingURL=app-toggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-toggle.js","sources":["../../designsystem/app/app-toggle.js"],"sourcesContent":["if (
|
|
1
|
+
{"version":3,"file":"app-toggle.js","sources":["../../designsystem/app/app-toggle.js?raw"],"sourcesContent":["export default \"if (\\n\\ttypeof window !== \\\"undefined\\\" &&\\n\\twindow.CSSStyleSheet &&\\n\\tdocument.adoptedStyleSheets\\n)\\n\\t(() => {\\n\\t\\tconst key = \\\"--mtds-app-expanded\\\";\\n\\t\\tconst sheet = new CSSStyleSheet();\\n\\t\\tconst prev = () => !window.localStorage.getItem(key)?.includes(\\\"false\\\");\\n\\n\\t\\tdocument.adoptedStyleSheets.push(sheet);\\n\\t\\twindow.mtdsToggleAppExpanded = (force) => {\\n\\t\\t\\ttry {\\n\\t\\t\\t\\tconst next = force ?? !prev();\\n\\t\\t\\t\\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\\n\\t\\t\\t\\twindow.localStorage.setItem(key, next);\\n\\t\\t\\t} catch (err) {} // localStorage is full or replaceSync is not supported\\n\\t\\t};\\n\\n\\t\\t// Set and store initial state\\n\\t\\twindow.mtdsToggleAppExpanded(prev());\\n\\t})();\\n\""],"names":["script"],"mappings":"AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
package/mtds/app/app-toggle2.js
CHANGED
|
@@ -1,27 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
sheet.replaceSync?.(\`:root { \${key}: var(\${key}--\${next})}\`);
|
|
16
|
-
window.localStorage.setItem(key, next);
|
|
17
|
-
} catch (err) {} // localStorage is full or replaceSync is not supported
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
// Set and store initial state
|
|
21
|
-
window.mtdsToggleAppExpanded(prev());
|
|
22
|
-
})();
|
|
23
|
-
`;
|
|
24
|
-
export {
|
|
25
|
-
t as default
|
|
26
|
-
};
|
|
1
|
+
typeof window < "u" && window.CSSStyleSheet && document.adoptedStyleSheets && (() => {
|
|
2
|
+
const e = "--mtds-app-expanded", t = new CSSStyleSheet(), n = () => {
|
|
3
|
+
var d;
|
|
4
|
+
return !((d = window.localStorage.getItem(e)) != null && d.includes("false"));
|
|
5
|
+
};
|
|
6
|
+
document.adoptedStyleSheets.push(t), window.mtdsToggleAppExpanded = (d) => {
|
|
7
|
+
var p;
|
|
8
|
+
try {
|
|
9
|
+
const o = d ?? !n();
|
|
10
|
+
(p = t.replaceSync) == null || p.call(t, `:root { ${e}: var(${e}--${o})}`), window.localStorage.setItem(e, o);
|
|
11
|
+
} catch {
|
|
12
|
+
}
|
|
13
|
+
}, window.mtdsToggleAppExpanded(n());
|
|
14
|
+
})();
|
|
27
15
|
//# sourceMappingURL=app-toggle2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-toggle2.js","sources":["../../designsystem/app/app-toggle.js
|
|
1
|
+
{"version":3,"file":"app-toggle2.js","sources":["../../designsystem/app/app-toggle.js"],"sourcesContent":["if (\n\ttypeof window !== \"undefined\" &&\n\twindow.CSSStyleSheet &&\n\tdocument.adoptedStyleSheets\n)\n\t(() => {\n\t\tconst key = \"--mtds-app-expanded\";\n\t\tconst sheet = new CSSStyleSheet();\n\t\tconst prev = () => !window.localStorage.getItem(key)?.includes(\"false\");\n\n\t\tdocument.adoptedStyleSheets.push(sheet);\n\t\twindow.mtdsToggleAppExpanded = (force) => {\n\t\t\ttry {\n\t\t\t\tconst next = force ?? !prev();\n\t\t\t\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\n\t\t\t\twindow.localStorage.setItem(key, next);\n\t\t\t} catch (err) {} // localStorage is full or replaceSync is not supported\n\t\t};\n\n\t\t// Set and store initial state\n\t\twindow.mtdsToggleAppExpanded(prev());\n\t})();\n"],"names":["key","sheet","prev","_a","force","next"],"mappings":"AACC,OAAO,SAAW,OAClB,OAAO,iBACP,SAAS,uBAER,MAAM;AACN,QAAMA,IAAM,uBACNC,IAAQ,IAAI,cAAe,GAC3BC,IAAO,MAAM;AARrB,QAAAC;AAQqB,cAACA,IAAA,OAAO,aAAa,QAAQH,CAAG,MAA/B,QAAAG,EAAkC,SAAS;AAAA;AAE/D,WAAS,mBAAmB,KAAKF,CAAK,GACtC,OAAO,wBAAwB,CAACG,MAAU;AAX5C,QAAAD;AAYG,QAAI;AACH,YAAME,IAAOD,KAAS,CAACF,EAAM;AAC7B,OAAAC,IAAAF,EAAM,gBAAN,QAAAE,EAAA,KAAAF,GAAoB,WAAWD,CAAG,SAASA,CAAG,KAAKK,CAAI,OACvD,OAAO,aAAa,QAAQL,GAAKK,CAAI;AAAA,IACzC,QAAiB;AAAA,IAAE;AAAA,EAChB,GAGD,OAAO,sBAAsBH,GAAM;AACrC,GAAK;"}
|
package/mtds/app/app.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
|
|
|
2
2
|
import { clsx as a } from "../external/clsx/dist/clsx.js";
|
|
3
3
|
import { forwardRef as p } from "react";
|
|
4
4
|
import c from "../styles.module.css.js";
|
|
5
|
-
import m from "./app-
|
|
5
|
+
import m from "./app-toggle.js";
|
|
6
6
|
const f = p(function({ as: r, className: t, ...n }, e) {
|
|
7
7
|
return /* @__PURE__ */ o(r || "div", { className: a(c.app, t), ref: e, ...n });
|
|
8
8
|
}), d = p(function({ as: r, className: t, ...n }, e) {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
4
|
parameters: {
|
|
5
5
|
layout: string;
|
|
6
6
|
};
|
|
7
|
-
decorators: ((Story: import('
|
|
7
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
8
8
|
[x: string]: any;
|
|
9
9
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
10
10
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
decorators: ((Story: import('
|
|
4
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
decorators: ((Story: import('
|
|
4
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
decorators: ((Story: import('
|
|
4
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
decorators: ((Story: import('
|
|
4
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
7
7
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
4
|
id: string;
|
|
5
5
|
parameters: {
|
|
6
6
|
layout: string;
|
|
7
7
|
};
|
|
8
|
-
decorators: ((Story: import('
|
|
8
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
9
9
|
[x: string]: any;
|
|
10
10
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
11
11
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
decorators: ((Story: import('
|
|
4
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
decorators: ((Story: import('
|
|
4
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
7
7
|
};
|