@altinn/altinn-components 0.43.7 → 0.43.8
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/dist/assets/LayoutBase.css +1 -1
- package/dist/assets/Typography.css +1 -1
- package/dist/components/Layout/LayoutBase.js +1 -1
- package/dist/components/Typography/Typography.js +9 -9
- package/dist/types/lib/components/Layout/LayoutBase.d.ts +2 -2
- package/dist/types/lib/components/Typography/Typography.stories.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._base_vvp2v_1{position:relative;display:flex;flex-direction:column;min-height:100vh}._base_vvp2v_1[data-theme=default]{background-color:var(--ds-color-background-default)}._base_vvp2v_1[data-theme=subtle]{background-color:var(--ds-color-background-tinted)}._base_vvp2v_1[data-theme=neutral]{background-color:var(--ds-color-neutral-background-tinted)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._typography_xs81l_1{width:100%;line-height:1.5}p._typography_xs81l_1{margin:0}._typography_xs81l_1[data-theme=default]{background-color:transparent;color:var(--ds-color-text-default)}._typography_xs81l_1[data-theme=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._typography_xs81l_1[data-size=xs]{font-size:.875rem}._typography_xs81l_1[data-size=sm]{font-size:1rem}._typography_xs81l_1[data-size=md]{font-size:1.125rem}._typography_xs81l_1[data-size=lg]{font-size:1.25rem}._typography_xs81l_1[data-size=xl]{font-size:1.5rem}._typography_xs81l_1>*:first-child{margin-top:0}._typography_xs81l_1>*:last-child{margin-bottom:0}._typography_xs81l_1 strong{font-weight:500}._typography_xs81l_1 a{color:var(--ds-color-base-default)}._typography_xs81l_1 a:hover{color:var(--ds-color-base-hover)}._typography_xs81l_1>p{font-size:1em;margin:1em 0}._typography_xs81l_1>h1{font-size:1.5rem;font-weight:500;margin-top:1.5em;margin-bottom:0}._typography_xs81l_1>h2{font-size:1.25rem;font-weight:600;margin-top:1.5em;margin-bottom:0}._typography_xs81l_1>h3{font-size:1em;font-weight:600;margin:1em 0}._typography_xs81l_1>h4{font-size:1em;font-weight:600;margin:1em 0 0}._typography_xs81l_1>h5,._typography_xs81l_1>h6{font-size:.875rem;margin:1em 0 0}._typography_xs81l_1>h6{font-weight:500;color:var(--ds-color-text-subtle)}._typography_xs81l_1>h6{font-weight:400;color:var(--ds-color-text-subtle)}._typography_xs81l_1>h5+*,._typography_xs81l_1>h6+*{margin-top:0}._typography_xs81l_1>section{margin:1em 0}._typography_xs81l_1 ul:not([class]),._typography_xs81l_1 ol:not([class]){list-style-position:outside;padding-left:1.5em;margin:1.5em 0}._typography_xs81l_1 ul:not([class]) li,._typography_xs81l_1 ol:not([class]) li{padding-left:.5em;margin:.5em 0}._typography_xs81l_1 table{width:100%;font-size:.875em;font-variant-numeric:tabular-nums;border-collapse:collapse;border:1px solid;margin:1.5em 0}._typography_xs81l_1 th,._typography_xs81l_1 td{text-align:left;padding:.25em .5em;vertical-align:top}._typography_xs81l_1 thead+tbody{border-top:1px solid;border-color:var(--ds-color-border-default)}._typography_xs81l_1 tr+tr{border-top:1px solid;border-color:var(--ds-color-border-subtle)}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import '../../assets/LayoutBase.css';const r = "
|
|
2
|
+
import '../../assets/LayoutBase.css';const r = "_base_vvp2v_1", c = {
|
|
3
3
|
base: r
|
|
4
4
|
}, n = ({ currentId: a, color: s, theme: t, children: e }) => /* @__PURE__ */ o("div", { className: c.base, "data-color": s, "data-theme": t, "data-current-id": a, children: e });
|
|
5
5
|
export {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
import { Skeleton as
|
|
2
|
+
import { c as g } from "../../index-L8X2o7IH.js";
|
|
3
|
+
import { Skeleton as h } from "../Skeleton/Skeleton.js";
|
|
4
4
|
import { useHighlightedText as x } from "./useHighlightedText.js";
|
|
5
|
-
import '../../assets/Typography.css';const f = "
|
|
5
|
+
import '../../assets/Typography.css';const f = "_typography_xs81l_1", T = {
|
|
6
6
|
typography: f
|
|
7
7
|
}, z = ({
|
|
8
8
|
loading: o,
|
|
@@ -12,26 +12,26 @@ import '../../assets/Typography.css';const f = "_typography_1e4ji_1", T = {
|
|
|
12
12
|
size: e = "md",
|
|
13
13
|
color: n,
|
|
14
14
|
variant: p,
|
|
15
|
-
className:
|
|
16
|
-
style:
|
|
15
|
+
className: s,
|
|
16
|
+
style: i = {},
|
|
17
17
|
maxWidth: c,
|
|
18
18
|
children: y,
|
|
19
19
|
...m
|
|
20
20
|
}) => {
|
|
21
|
-
const d = a,
|
|
21
|
+
const d = a, l = x(y, r || []);
|
|
22
22
|
return /* @__PURE__ */ t(
|
|
23
23
|
d,
|
|
24
24
|
{
|
|
25
|
-
className:
|
|
25
|
+
className: g(T.typography, s),
|
|
26
26
|
style: {
|
|
27
27
|
maxWidth: c,
|
|
28
|
-
...
|
|
28
|
+
...i
|
|
29
29
|
},
|
|
30
30
|
"data-size": e,
|
|
31
31
|
"data-color": n,
|
|
32
32
|
"data-variant": p,
|
|
33
33
|
...m,
|
|
34
|
-
children: /* @__PURE__ */ t(
|
|
34
|
+
children: /* @__PURE__ */ t(h, { loading: o, children: l })
|
|
35
35
|
}
|
|
36
36
|
);
|
|
37
37
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
export type LayoutColor = 'neutral' | 'company' | 'person';
|
|
3
|
-
export type LayoutTheme = 'default' | 'subtle';
|
|
3
|
+
export type LayoutTheme = 'default' | 'subtle' | 'neutral';
|
|
4
4
|
export interface LayoutBaseProps {
|
|
5
5
|
color?: LayoutColor;
|
|
6
|
-
theme?: LayoutTheme
|
|
6
|
+
theme?: LayoutTheme /** TODO: Should be renamed to variant */;
|
|
7
7
|
currentId?: string;
|
|
8
8
|
children?: ReactNode;
|
|
9
9
|
}
|