@mattilsynet/design 3.3.9 → 3.4.1
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/_virtual/_rolldown/runtime.js +17 -0
- package/mtds/ai/card.stories.tsx +54 -77
- package/mtds/ai/layout.mdx +37 -1
- package/mtds/ai/layout.stories.tsx +126 -1
- package/mtds/ai/print.mdx +1 -1
- package/mtds/ai/print.stories.tsx +1 -2
- package/mtds/alert/alert.js +16 -11
- package/mtds/alert/alert.js.map +1 -1
- package/mtds/analytics/analytics.js +118 -118
- package/mtds/analytics/analytics.js.map +1 -1
- package/mtds/app/app-observer.js +31 -36
- package/mtds/app/app-observer.js.map +1 -1
- package/mtds/app/app-toggle.js +12 -26
- package/mtds/app/app-toggle.js.map +1 -1
- package/mtds/app/app-toggle2.js +6 -11
- package/mtds/app/app-toggle2.js.map +1 -1
- package/mtds/app/app.js +66 -60
- package/mtds/app/app.js.map +1 -1
- package/mtds/atlas/atlas-element.js +83 -93
- package/mtds/atlas/atlas-element.js.map +1 -1
- package/mtds/atlas/atlas-marker.js +63 -52
- package/mtds/atlas/atlas-marker.js.map +1 -1
- package/mtds/atlas/atlas-matgeo.js +67 -61
- package/mtds/atlas/atlas-matgeo.js.map +1 -1
- package/mtds/atlas/atlas-wms.js +33 -28
- package/mtds/atlas/atlas-wms.js.map +1 -1
- package/mtds/atlas/atlas.js +6 -38
- package/mtds/atlas/atlas.js.map +1 -1
- package/mtds/atlas/atlas2.js +39 -0
- package/mtds/atlas/atlas2.js.map +1 -0
- package/mtds/atlas/cluster.js +759 -1149
- package/mtds/atlas/cluster.js.map +1 -1
- package/mtds/atlas.iife.js +3 -4
- package/mtds/atlas.js +6 -14
- package/mtds/avatar/avatar.js +14 -10
- package/mtds/avatar/avatar.js.map +1 -1
- package/mtds/badge/badge.js +15 -10
- package/mtds/badge/badge.js.map +1 -1
- package/mtds/breadcrumbs/breadcrumbs.js +15 -19
- package/mtds/breadcrumbs/breadcrumbs.js.map +1 -1
- package/mtds/button/button.js +18 -20
- package/mtds/button/button.js.map +1 -1
- package/mtds/card/card.js +22 -15
- package/mtds/card/card.js.map +1 -1
- package/mtds/chart/chart-axis.js +33 -21
- package/mtds/chart/chart-axis.js.map +1 -1
- package/mtds/chart/chart-bars.js +23 -21
- package/mtds/chart/chart-bars.js.map +1 -1
- package/mtds/chart/chart-element.js +94 -88
- package/mtds/chart/chart-element.js.map +1 -1
- package/mtds/chart/chart-lines.js +35 -37
- package/mtds/chart/chart-lines.js.map +1 -1
- package/mtds/chart/chart-pies.js +17 -17
- package/mtds/chart/chart-pies.js.map +1 -1
- package/mtds/chart/chart.js +6 -52
- package/mtds/chart/chart.js.map +1 -1
- package/mtds/chart/chart2.js +21 -0
- package/mtds/chart/chart2.js.map +1 -0
- package/mtds/chip/chip.js +15 -11
- package/mtds/chip/chip.js.map +1 -1
- package/mtds/deprecations.js +76 -158
- package/mtds/deprecations.js.map +1 -1
- package/mtds/details/details.js +21 -24
- package/mtds/details/details.js.map +1 -1
- package/mtds/dialog/dialog.js +17 -21
- package/mtds/dialog/dialog.js.map +1 -1
- package/mtds/divider/divider.js +15 -20
- package/mtds/divider/divider.js.map +1 -1
- package/mtds/errorsummary/errorsummary.js +14 -16
- package/mtds/errorsummary/errorsummary.js.map +1 -1
- package/mtds/external/@turf/boolean-point-in-polygon/dist/esm/index.js +22 -25
- package/mtds/external/@turf/boolean-point-in-polygon/dist/esm/index.js.map +1 -1
- package/mtds/external/@turf/helpers/dist/esm/index.js +21 -24
- package/mtds/external/@turf/helpers/dist/esm/index.js.map +1 -1
- package/mtds/external/@turf/invariant/dist/esm/index.js +15 -19
- package/mtds/external/@turf/invariant/dist/esm/index.js.map +1 -1
- package/mtds/external/@u-elements/u-combobox/dist/u-combobox.js +270 -297
- package/mtds/external/@u-elements/u-combobox/dist/u-combobox.js.map +1 -1
- package/mtds/external/@u-elements/u-details/dist/u-details.js +75 -101
- package/mtds/external/@u-elements/u-details/dist/u-details.js.map +1 -1
- package/mtds/external/leaflet/dist/leaflet-src.js +4257 -6151
- package/mtds/external/leaflet/dist/leaflet-src.js.map +1 -1
- package/mtds/external/leaflet/dist/leaflet.css.js +5 -606
- package/mtds/external/leaflet/dist/leaflet.css.js.map +1 -1
- package/mtds/external/point-in-polygon-hao/dist/esm/index.js +24 -25
- package/mtds/external/point-in-polygon-hao/dist/esm/index.js.map +1 -1
- package/mtds/external/robust-predicates/esm/incircle.js +5 -0
- package/mtds/external/robust-predicates/esm/incircle.js.map +1 -0
- package/mtds/external/robust-predicates/esm/insphere.js +5 -0
- package/mtds/external/robust-predicates/esm/insphere.js.map +1 -0
- package/mtds/external/robust-predicates/esm/orient2d.js +20 -22
- package/mtds/external/robust-predicates/esm/orient2d.js.map +1 -1
- package/mtds/external/robust-predicates/esm/orient3d.js +5 -0
- package/mtds/external/robust-predicates/esm/orient3d.js.map +1 -0
- package/mtds/external/robust-predicates/esm/util.js +20 -28
- package/mtds/external/robust-predicates/esm/util.js.map +1 -1
- package/mtds/external/robust-predicates/index.js +5 -0
- package/mtds/field/field.js +167 -214
- package/mtds/field/field.js.map +1 -1
- package/mtds/fieldset/fieldset.js +32 -30
- package/mtds/fieldset/fieldset.js.map +1 -1
- package/mtds/fileupload/fileupload.js +16 -13
- package/mtds/fileupload/fileupload.js.map +1 -1
- package/mtds/helptext/helptext.js +25 -27
- package/mtds/helptext/helptext.js.map +1 -1
- package/mtds/identitet/illustrasjons-generator/illustrasjons-generator.d.ts +1 -0
- package/mtds/identitet/illustrasjons-generator/index-old-1.d.ts +1 -0
- package/mtds/identitet/infografikk-generator/infografikk-generator.d.ts +1 -0
- package/mtds/illustrations/index.json +1 -1
- package/mtds/index.iife.js +21 -21
- package/mtds/index.js +38 -31
- package/mtds/index.js.map +1 -1
- package/mtds/input/input.js +33 -47
- package/mtds/input/input.js.map +1 -1
- package/mtds/law/law-helper.js +106 -95
- package/mtds/law/law-helper.js.map +1 -1
- package/mtds/law/law.js +15 -10
- package/mtds/law/law.js.map +1 -1
- package/mtds/layout/layout.js +21 -13
- package/mtds/layout/layout.js.map +1 -1
- package/mtds/layout/layout.stories.d.ts +1 -0
- package/mtds/link/link.js +15 -10
- package/mtds/link/link.js.map +1 -1
- package/mtds/logo/logo-observer.js +18 -18
- package/mtds/logo/logo-observer.js.map +1 -1
- package/mtds/logo/logo.js +18 -18
- package/mtds/logo/logo.js.map +1 -1
- package/mtds/package.js +6 -0
- package/mtds/package.js.map +1 -0
- package/mtds/package.json.d.ts +112 -0
- package/mtds/pagination/pagination.js +46 -60
- package/mtds/pagination/pagination.js.map +1 -1
- package/mtds/popover/popover-observer.js +15 -15
- package/mtds/popover/popover-observer.js.map +1 -1
- package/mtds/popover/popover.js +18 -20
- package/mtds/popover/popover.js.map +1 -1
- package/mtds/print/print.js +15 -10
- package/mtds/print/print.js.map +1 -1
- package/mtds/print/print.stories.d.ts +0 -1
- package/mtds/profilering/epost.d.ts +1 -0
- package/mtds/progress/progress.js +15 -13
- package/mtds/progress/progress.js.map +1 -1
- package/mtds/react-atlas.js +7 -16
- package/mtds/react.js +36 -84
- package/mtds/skeleton/skeleton.js +15 -11
- package/mtds/skeleton/skeleton.js.map +1 -1
- package/mtds/spinner/spinner.js +16 -13
- package/mtds/spinner/spinner.js.map +1 -1
- package/mtds/steps/steps.js +15 -10
- package/mtds/steps/steps.js.map +1 -1
- package/mtds/styles.css +2 -1
- package/mtds/styles.module.js +122 -0
- package/mtds/styles.module.js.map +1 -0
- package/mtds/table/table-observer.js +23 -28
- package/mtds/table/table-observer.js.map +1 -1
- package/mtds/table/table.js +88 -60
- package/mtds/table/table.js.map +1 -1
- package/mtds/tabs/tabs.js +32 -27
- package/mtds/tabs/tabs.js.map +1 -1
- package/mtds/tag/tag.js +16 -19
- package/mtds/tag/tag.js.map +1 -1
- package/mtds/tailwind.css +0 -4
- package/mtds/toast/toast-helper.js +45 -25
- package/mtds/toast/toast-helper.js.map +1 -1
- package/mtds/toast/toast-observer.js +18 -18
- package/mtds/toast/toast-observer.js.map +1 -1
- package/mtds/toast/toast.js +67 -54
- package/mtds/toast/toast.js.map +1 -1
- package/mtds/togglegroup/togglegroup.js +31 -40
- package/mtds/togglegroup/togglegroup.js.map +1 -1
- package/mtds/tooltip/tooltip-element.js +12 -25
- package/mtds/tooltip/tooltip-element.js.map +1 -1
- package/mtds/typography/typography.js +38 -21
- package/mtds/typography/typography.js.map +1 -1
- package/mtds/utils.js +53 -70
- package/mtds/utils.js.map +1 -1
- package/mtds/validation/validation-observer.js +40 -47
- package/mtds/validation/validation-observer.js.map +1 -1
- package/mtds/validation/validation.js +17 -21
- package/mtds/validation/validation.js.map +1 -1
- package/package.json +9 -9
- package/mtds/atlas/atlas.css.js +0 -138
- package/mtds/atlas/atlas.css.js.map +0 -1
- package/mtds/atlas.js.map +0 -1
- package/mtds/chart/chart.css.js +0 -187
- package/mtds/chart/chart.css.js.map +0 -1
- package/mtds/package.json.js +0 -5
- package/mtds/package.json.js.map +0 -1
- package/mtds/react-atlas.js.map +0 -1
- package/mtds/react.js.map +0 -1
- package/mtds/styles.module.css.js +0 -118
- package/mtds/styles.module.css.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.js","sources":["../../designsystem/progress/progress.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type ProgressProps = React.ComponentPropsWithoutRef<\"progress\">;\nexport const Progress = forwardRef<HTMLProgressElement, ProgressProps>(\n\tfunction Progress(props, ref) {\n\t\treturn (\n\t\t\t<u-progress ref={ref} {...toCustomElementProps(props, styles.progress)} />\n\t\t);\n\t},\n);\n"],"
|
|
1
|
+
{"version":3,"file":"progress.js","names":[],"sources":["../../designsystem/progress/progress.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type ProgressProps = React.ComponentPropsWithoutRef<\"progress\">;\nexport const Progress = forwardRef<HTMLProgressElement, ProgressProps>(\n\tfunction Progress(props, ref) {\n\t\treturn (\n\t\t\t<u-progress ref={ref} {...toCustomElementProps(props, styles.progress)} />\n\t\t);\n\t},\n);\n"],"mappings":";;;;;AAKA,IAAa,IAAW,EACvB,SAAkB,GAAO,GAAK;CAC7B,OACC,kBAAC,cAAD;EAAiB;EAAK,GAAI,EAAqB,GAAO,EAAO,QAAQ;CAAI,CAAA;AAE3E,CACD"}
|
package/mtds/react-atlas.js
CHANGED
|
@@ -1,16 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
export {
|
|
8
|
-
r as Atlas,
|
|
9
|
-
l as L,
|
|
10
|
-
a as MATGEO_URL,
|
|
11
|
-
M as MTDSAtlasElement,
|
|
12
|
-
p as MTDSAtlasMarkerElement,
|
|
13
|
-
x as MTDSAtlasMatgeoElement,
|
|
14
|
-
E as MTDSAtlasWMSElement
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=react-atlas.js.map
|
|
1
|
+
import e from "./external/leaflet/dist/leaflet-src.js";
|
|
2
|
+
import { MTDSAtlasMarkerElement as t } from "./atlas/atlas-marker.js";
|
|
3
|
+
import { MTDSAtlasMatgeoElement as n } from "./atlas/atlas-matgeo.js";
|
|
4
|
+
import { MTDSAtlasWMSElement as r } from "./atlas/atlas-wms.js";
|
|
5
|
+
import { MATGEO_URL as i, MTDSAtlasElement as a } from "./atlas/atlas-element.js";
|
|
6
|
+
import { Atlas as o } from "./atlas/atlas2.js";
|
|
7
|
+
export { o as Atlas, e as L, i as MATGEO_URL, a as MTDSAtlasElement, t as MTDSAtlasMarkerElement, n as MTDSAtlasMatgeoElement, r as MTDSAtlasWMSElement };
|
package/mtds/react.js
CHANGED
|
@@ -1,85 +1,37 @@
|
|
|
1
1
|
import { Alert as e } from "./alert/alert.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { Card as
|
|
8
|
-
import { Chart as
|
|
9
|
-
import { Chip as
|
|
10
|
-
import { Details as
|
|
11
|
-
import { Dialog as
|
|
12
|
-
import { Divider as
|
|
13
|
-
import { Errorsummary as
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
export {
|
|
38
|
-
e as Alert,
|
|
39
|
-
p as App,
|
|
40
|
-
x as Avatar,
|
|
41
|
-
a as Badge,
|
|
42
|
-
l as Breadcrumbs,
|
|
43
|
-
n as Button,
|
|
44
|
-
g as Card,
|
|
45
|
-
T as Chart,
|
|
46
|
-
P as Chip,
|
|
47
|
-
b as Details,
|
|
48
|
-
A as Dialog,
|
|
49
|
-
D as Divider,
|
|
50
|
-
L as Errorsummary,
|
|
51
|
-
h as Field,
|
|
52
|
-
k as FieldComp,
|
|
53
|
-
H as Fieldset,
|
|
54
|
-
w as FieldsetComp,
|
|
55
|
-
E as Fileupload,
|
|
56
|
-
Q as Flex,
|
|
57
|
-
R as Grid,
|
|
58
|
-
u as Group,
|
|
59
|
-
vr as Heading,
|
|
60
|
-
V as HelpText,
|
|
61
|
-
Ar as Info,
|
|
62
|
-
Br as Ingress,
|
|
63
|
-
q as Input,
|
|
64
|
-
N as Law,
|
|
65
|
-
W as Link,
|
|
66
|
-
Y as Logo,
|
|
67
|
-
Dr as Muted,
|
|
68
|
-
_ as Pagination,
|
|
69
|
-
rr as Popover,
|
|
70
|
-
er as Print,
|
|
71
|
-
pr as Progress,
|
|
72
|
-
Ir as Prose,
|
|
73
|
-
z as Select,
|
|
74
|
-
xr as Skeleton,
|
|
75
|
-
ar as Spinner,
|
|
76
|
-
lr as Steps,
|
|
77
|
-
nr as Table,
|
|
78
|
-
gr as Tabs,
|
|
79
|
-
Fr as Tag,
|
|
80
|
-
J as Textarea,
|
|
81
|
-
Sr as Togglegroup,
|
|
82
|
-
cr as Validation,
|
|
83
|
-
Cr as toast
|
|
84
|
-
};
|
|
85
|
-
//# sourceMappingURL=react.js.map
|
|
2
|
+
import { Button as t } from "./button/button.js";
|
|
3
|
+
import { App as n } from "./app/app.js";
|
|
4
|
+
import { Avatar as r } from "./avatar/avatar.js";
|
|
5
|
+
import { Badge as i } from "./badge/badge.js";
|
|
6
|
+
import { Breadcrumbs as a } from "./breadcrumbs/breadcrumbs.js";
|
|
7
|
+
import { Card as o, Group as s } from "./card/card.js";
|
|
8
|
+
import { Chart as c } from "./chart/chart2.js";
|
|
9
|
+
import { Chip as l } from "./chip/chip.js";
|
|
10
|
+
import { Details as u } from "./details/details.js";
|
|
11
|
+
import { Dialog as d } from "./dialog/dialog.js";
|
|
12
|
+
import { Divider as f } from "./divider/divider.js";
|
|
13
|
+
import { Errorsummary as p } from "./errorsummary/errorsummary.js";
|
|
14
|
+
import { HelpText as m } from "./helptext/helptext.js";
|
|
15
|
+
import { Input as h, Select as g, Textarea as _ } from "./input/input.js";
|
|
16
|
+
import { Validation as v } from "./validation/validation.js";
|
|
17
|
+
import { Field as y, FieldComp as b } from "./field/field.js";
|
|
18
|
+
import { Fieldset as x, FieldsetComp as S } from "./fieldset/fieldset.js";
|
|
19
|
+
import { Fileupload as C } from "./fileupload/fileupload.js";
|
|
20
|
+
import { Law as w } from "./law/law.js";
|
|
21
|
+
import { Flex as T, Grid as E } from "./layout/layout.js";
|
|
22
|
+
import { Link as D } from "./link/link.js";
|
|
23
|
+
import { Logo as O } from "./logo/logo.js";
|
|
24
|
+
import { Pagination as k } from "./pagination/pagination.js";
|
|
25
|
+
import { Popover as A } from "./popover/popover.js";
|
|
26
|
+
import { Print as j } from "./print/print.js";
|
|
27
|
+
import { Progress as M } from "./progress/progress.js";
|
|
28
|
+
import { Skeleton as N } from "./skeleton/skeleton.js";
|
|
29
|
+
import { Spinner as P } from "./spinner/spinner.js";
|
|
30
|
+
import { Steps as F } from "./steps/steps.js";
|
|
31
|
+
import { Table as I } from "./table/table.js";
|
|
32
|
+
import { Tabs as L } from "./tabs/tabs.js";
|
|
33
|
+
import { Tag as R } from "./tag/tag.js";
|
|
34
|
+
import { toast as z } from "./toast/toast.js";
|
|
35
|
+
import { Togglegroup as B } from "./togglegroup/togglegroup.js";
|
|
36
|
+
import { Heading as V, Info as H, Ingress as U, Muted as W, Prose as G } from "./typography/typography.js";
|
|
37
|
+
export { e as Alert, n as App, r as Avatar, i as Badge, a as Breadcrumbs, t as Button, o as Card, c as Chart, l as Chip, u as Details, d as Dialog, f as Divider, p as Errorsummary, y as Field, b as FieldComp, x as Fieldset, S as FieldsetComp, C as Fileupload, T as Flex, E as Grid, s as Group, V as Heading, m as HelpText, H as Info, U as Ingress, h as Input, w as Law, D as Link, O as Logo, W as Muted, k as Pagination, A as Popover, j as Print, M as Progress, G as Prose, g as Select, N as Skeleton, P as Spinner, F as Steps, I as Table, L as Tabs, R as Tag, _ as Textarea, B as Togglegroup, v as Validation, z as toast };
|
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import e from "../styles.module.js";
|
|
2
|
+
import t from "clsx";
|
|
3
|
+
import { forwardRef as n } from "react";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
//#region designsystem/skeleton/skeleton.tsx
|
|
6
|
+
var i = n(function({ as: n, className: i, ...a }, o) {
|
|
7
|
+
return /* @__PURE__ */ r(n || (a.href ? "span" : "div"), {
|
|
8
|
+
className: t(e.skeleton, i),
|
|
9
|
+
ref: o,
|
|
10
|
+
...a
|
|
11
|
+
});
|
|
8
12
|
});
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
//# sourceMappingURL=skeleton.js.map
|
|
13
|
+
//#endregion
|
|
14
|
+
export { i as Skeleton };
|
|
15
|
+
|
|
16
|
+
//# sourceMappingURL=skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.js","sources":["../../designsystem/skeleton/skeleton.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 Variants = \"circle\" | \"text\" | \"rectangle\";\ntype SkeletonBaseProps<Variant extends Variants> = {\n\t\"data-variant\"?: Variant;\n};\n\nexport type SkeletonProps<\n\tVariant extends Variants,\n\tAs extends React.ElementType = Variant extends \"text\" ? \"span\" : \"div\",\n> = PolymorphicComponentPropWithRef<As, SkeletonBaseProps<Variant>>;\n\ntype SkeletonComponent = <\n\tVariant extends Variants,\n\tAs extends React.ElementType = Variant extends \"text\" ? \"span\" : \"div\",\n>(\n\tprops: SkeletonProps<Variant, As>,\n) => JSX.Element;\n\nexport const Skeleton: SkeletonComponent = forwardRef<null>(function Skeleton<\n\tVariant extends Variants,\n\tAs extends React.ElementType = Variant extends \"text\" ? \"span\" : \"div\",\n>(\n\t{ as, className, ...rest }: SkeletonProps<Variant, As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || (rest.href ? \"span\" : \"div\");\n\n\treturn (\n\t\t<Tag className={clsx(styles.skeleton, className)} ref={ref} {...rest} />\n\t);\n}) as SkeletonComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"
|
|
1
|
+
{"version":3,"file":"skeleton.js","names":[],"sources":["../../designsystem/skeleton/skeleton.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 Variants = \"circle\" | \"text\" | \"rectangle\";\ntype SkeletonBaseProps<Variant extends Variants> = {\n\t\"data-variant\"?: Variant;\n};\n\nexport type SkeletonProps<\n\tVariant extends Variants,\n\tAs extends React.ElementType = Variant extends \"text\" ? \"span\" : \"div\",\n> = PolymorphicComponentPropWithRef<As, SkeletonBaseProps<Variant>>;\n\ntype SkeletonComponent = <\n\tVariant extends Variants,\n\tAs extends React.ElementType = Variant extends \"text\" ? \"span\" : \"div\",\n>(\n\tprops: SkeletonProps<Variant, As>,\n) => JSX.Element;\n\nexport const Skeleton: SkeletonComponent = forwardRef<null>(function Skeleton<\n\tVariant extends Variants,\n\tAs extends React.ElementType = Variant extends \"text\" ? \"span\" : \"div\",\n>(\n\t{ as, className, ...rest }: SkeletonProps<Variant, As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || (rest.href ? \"span\" : \"div\");\n\n\treturn (\n\t\t<Tag className={clsx(styles.skeleton, className)} ref={ref} {...rest} />\n\t);\n}) as SkeletonComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"mappings":";;;;;AAyBA,IAAa,IAA8B,EAAiB,SAI3D,EAAE,OAAI,cAAW,GAAG,KACpB,GACC;CAGD,OACC,kBAHW,MAAO,EAAK,OAAO,SAAS,QAGvC;EAAK,WAAW,EAAK,EAAO,UAAU,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAEzE,CAAC"}
|
package/mtds/spinner/spinner.js
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
};
|
|
13
|
-
//#
|
|
1
|
+
import e from "../styles.module.js";
|
|
2
|
+
import t from "clsx";
|
|
3
|
+
import { forwardRef as n } from "react";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
//#region designsystem/spinner/spinner.tsx
|
|
6
|
+
var i = n(function({ className: n, ...i }, a) {
|
|
7
|
+
return /* @__PURE__ */ r("span", {
|
|
8
|
+
className: t(e.spinner, n),
|
|
9
|
+
ref: a,
|
|
10
|
+
...i
|
|
11
|
+
});
|
|
12
|
+
});
|
|
13
|
+
//#endregion
|
|
14
|
+
export { i as Spinner };
|
|
15
|
+
|
|
16
|
+
//# sourceMappingURL=spinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","sources":["../../designsystem/spinner/spinner.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type SpinnerProps = React.ComponentPropsWithoutRef<\"span\"> & {\n\t\"data-size\"?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n\t\"data-state\"?: \"complete\";\n};\n\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(\n\tfunction Spinner({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<span className={clsx(styles.spinner, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n"],"
|
|
1
|
+
{"version":3,"file":"spinner.js","names":[],"sources":["../../designsystem/spinner/spinner.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type SpinnerProps = React.ComponentPropsWithoutRef<\"span\"> & {\n\t\"data-size\"?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n\t\"data-state\"?: \"complete\";\n};\n\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(\n\tfunction Spinner({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<span className={clsx(styles.spinner, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n"],"mappings":";;;;;AASA,IAAa,IAAU,EACtB,SAAiB,EAAE,cAAW,GAAG,KAAQ,GAAK;CAC7C,OACC,kBAAC,QAAD;EAAM,WAAW,EAAK,EAAO,SAAS,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAEzE,CACD"}
|
package/mtds/steps/steps.js
CHANGED
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import e from "../styles.module.js";
|
|
2
|
+
import t from "clsx";
|
|
3
|
+
import { forwardRef as n } from "react";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
//#region designsystem/steps/steps.tsx
|
|
6
|
+
var i = n(function({ className: n, ...i }, a) {
|
|
7
|
+
return /* @__PURE__ */ r("ol", {
|
|
8
|
+
className: t(e.steps, n),
|
|
9
|
+
ref: a,
|
|
10
|
+
...i
|
|
11
|
+
});
|
|
7
12
|
});
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
//# sourceMappingURL=steps.js.map
|
|
13
|
+
//#endregion
|
|
14
|
+
export { i as Steps };
|
|
15
|
+
|
|
16
|
+
//# sourceMappingURL=steps.js.map
|
package/mtds/steps/steps.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"steps.js","sources":["../../designsystem/steps/steps.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type StepsProps = React.ComponentPropsWithoutRef<\"ol\"> & {\n\t\"data-direction\"?: \"right\" | \"up\" | \"down\";\n\t\"data-fade\"?: boolean | \"true\" | \"false\" | \"none\" | \"start\" | \"end\";\n\t\"data-state\"?: \"complete\";\n\t\"data-variant\"?: \"filled\";\n};\nexport const Steps = forwardRef<HTMLOListElement, StepsProps>(function Steps(\n\t{ className, ...rest }: StepsProps,\n\tref,\n) {\n\treturn <ol className={clsx(styles.steps, className)} ref={ref} {...rest} />;\n});\n"],"
|
|
1
|
+
{"version":3,"file":"steps.js","names":[],"sources":["../../designsystem/steps/steps.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type StepsProps = React.ComponentPropsWithoutRef<\"ol\"> & {\n\t\"data-direction\"?: \"right\" | \"up\" | \"down\";\n\t\"data-fade\"?: boolean | \"true\" | \"false\" | \"none\" | \"start\" | \"end\";\n\t\"data-state\"?: \"complete\";\n\t\"data-variant\"?: \"filled\";\n};\nexport const Steps = forwardRef<HTMLOListElement, StepsProps>(function Steps(\n\t{ className, ...rest }: StepsProps,\n\tref,\n) {\n\treturn <ol className={clsx(styles.steps, className)} ref={ref} {...rest} />;\n});\n"],"mappings":";;;;;AAUA,IAAa,IAAQ,EAAyC,SAC7D,EAAE,cAAW,GAAG,KAChB,GACC;CACD,OAAO,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAO,OAAO,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAC3E,CAAC"}
|