@altinn/altinn-components 0.58.1 → 0.58.3
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/BulkHeader.css +1 -1
- package/dist/assets/DialogLayout.css +1 -1
- package/dist/components/Bulk/BulkHeader.js +5 -5
- package/dist/components/Dialog/DialogLayout.js +14 -14
- package/dist/types/lib/components/Bulk/Bulk.stories.d.ts +4 -1
- package/dist/types/lib/components/Bulk/BulkHeader.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._header_19idu_1{position:fixed;z-index:10;inset:0 0 auto}._header_19idu_1[aria-hidden=true]{transform:translateY(-100%)}._header_19idu_1{background-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default);display:flex;align-items:center;height:4.5rem}._container_19idu_22{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;width:100%;max-width:1512px;margin:0 auto}._header_19idu_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transform:translateY(0)}._summary_19idu_40{display:flex;align-items:center}._title_19idu_45{font-size:1rem;font-weight:400;margin:0 .5rem}._icon_19idu_51{font-size:1.5rem}._header_19idu_1[aria-hidden=true] *{display:none}._dismissButton_19idu_59{border:1px solid;border-color:var(--ds-color-base-contrast-subtle)}._options_19idu_64{background-color:var(--ds-color-base-default);border-radius:.5rem;display:flex;align-items:center;margin:0 auto;width:fit-content}@media(max-width:1023px){._options_19idu_64{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._article_wxe02_1{position:relative;display:flex;flex-direction:column;row-gap:1.5em;background-color:var(--ds-color-background-default);box-shadow:var(--ds-shadow-sm)}._article_wxe02_1{padding:var(--ds-spacing-6)}@media(max-width:1023px){._article_wxe02_1{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4);border-left:0;border-right:0}}._backButton_wxe02_23{display:flex;margin:-.75rem}._controls_wxe02_28{position:absolute;top:0;right:0;margin:.75rem}
|
|
@@ -9,7 +9,7 @@ import { ButtonGroup as N } from "../Button/ButtonGroup.js";
|
|
|
9
9
|
import "react-dom";
|
|
10
10
|
import { BulkButton as E } from "./BulkButton.js";
|
|
11
11
|
import "../Snackbar/useSnackbar.js";
|
|
12
|
-
import '../../assets/BulkHeader.css';const H = "
|
|
12
|
+
import '../../assets/BulkHeader.css';const H = "_header_19idu_1", x = "_container_19idu_22", z = "_title_19idu_45", R = "_dismissButton_19idu_59", S = "_options_19idu_64", o = {
|
|
13
13
|
header: H,
|
|
14
14
|
container: x,
|
|
15
15
|
title: z,
|
|
@@ -20,8 +20,8 @@ import '../../assets/BulkHeader.css';const H = "_header_3oi77_1", x = "_containe
|
|
|
20
20
|
hidden: t = !1,
|
|
21
21
|
title: u,
|
|
22
22
|
dismissable: i = !0,
|
|
23
|
-
dismissIconAltText:
|
|
24
|
-
options:
|
|
23
|
+
dismissIconAltText: d = "Close",
|
|
24
|
+
options: p,
|
|
25
25
|
onDismiss: s
|
|
26
26
|
}) => {
|
|
27
27
|
const n = m(null), a = m(t);
|
|
@@ -40,8 +40,8 @@ import '../../assets/BulkHeader.css';const H = "_header_3oi77_1", x = "_containe
|
|
|
40
40
|
children: /* @__PURE__ */ r("div", { className: o.container, children: [
|
|
41
41
|
/* @__PURE__ */ e(y, { size: "md", className: o.title, children: u }),
|
|
42
42
|
/* @__PURE__ */ r(N, { children: [
|
|
43
|
-
/* @__PURE__ */ e("div", { className: o.options, children:
|
|
44
|
-
i && /* @__PURE__ */ r(k, { onClick: s, className: o.dismissButton, "aria-label":
|
|
43
|
+
/* @__PURE__ */ e("div", { className: o.options, children: p?.map((c, f) => /* @__PURE__ */ B(E, { ...c, key: f })) }),
|
|
44
|
+
i && /* @__PURE__ */ r(k, { onClick: s, className: o.dismissButton, "aria-label": d, children: [
|
|
45
45
|
/* @__PURE__ */ e(v, { style: { fontSize: "1.5em" } }),
|
|
46
46
|
/* @__PURE__ */ e("span", { "data-size": "sm", children: "Avbryt" })
|
|
47
47
|
] })
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as r, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import "../../index-p1eeF8LQ.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "../../Section-DvBigBR1.js";
|
|
@@ -9,22 +9,22 @@ import "react-dom";
|
|
|
9
9
|
import "../Snackbar/useSnackbar.js";
|
|
10
10
|
import { PageBase as l } from "../Page/PageBase.js";
|
|
11
11
|
import { PageMenu as p } from "../Page/PageMenu.js";
|
|
12
|
-
import { S as
|
|
13
|
-
import '../../assets/DialogLayout.css';const
|
|
14
|
-
article:
|
|
15
|
-
backButton:
|
|
16
|
-
controls:
|
|
17
|
-
},
|
|
18
|
-
/* @__PURE__ */
|
|
19
|
-
|
|
20
|
-
/* @__PURE__ */
|
|
21
|
-
/* @__PURE__ */
|
|
12
|
+
import { S as _ } from "../../ArrowUndo-hge1gMu8.js";
|
|
13
|
+
import '../../assets/DialogLayout.css';const d = "_article_wxe02_1", h = "_backButton_wxe02_23", u = "_controls_wxe02_28", e = {
|
|
14
|
+
article: d,
|
|
15
|
+
backButton: h,
|
|
16
|
+
controls: u
|
|
17
|
+
}, S = ({ backButton: o, contextMenu: s, pageMenu: i, children: a, color: c }) => /* @__PURE__ */ r(l, { spacing: 0, color: c, bleed: !0, children: [
|
|
18
|
+
/* @__PURE__ */ r("article", { className: e.article, children: [
|
|
19
|
+
o && /* @__PURE__ */ t("nav", { className: e.backButton, children: /* @__PURE__ */ r(n, { ...o, size: "sm", variant: "ghost", children: [
|
|
20
|
+
/* @__PURE__ */ t(_, {}),
|
|
21
|
+
/* @__PURE__ */ t("span", { children: o?.label || "Back" })
|
|
22
22
|
] }) }),
|
|
23
|
-
/* @__PURE__ */
|
|
23
|
+
/* @__PURE__ */ t("span", { className: e.controls, children: s && /* @__PURE__ */ t(m, { ...s }) }),
|
|
24
24
|
a
|
|
25
25
|
] }),
|
|
26
|
-
/* @__PURE__ */
|
|
26
|
+
/* @__PURE__ */ t(p, { items: i?.items })
|
|
27
27
|
] });
|
|
28
28
|
export {
|
|
29
|
-
|
|
29
|
+
S as DialogLayout
|
|
30
30
|
};
|
|
@@ -7,10 +7,13 @@ declare const meta: {
|
|
|
7
7
|
args: {};
|
|
8
8
|
};
|
|
9
9
|
export default meta;
|
|
10
|
-
export declare const Default: ({ defaultAccountId, defaultBulkIds, }: {
|
|
10
|
+
export declare const Default: ({ defaultAccountId, defaultBulkIds, maxItems, }: {
|
|
11
11
|
defaultAccountId?: string;
|
|
12
12
|
defaultBulkIds?: string[];
|
|
13
|
+
maxItems?: number;
|
|
13
14
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export declare const BulkModeOn: () => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const BulkModeMax: () => import("react/jsx-runtime").JSX.Element;
|
|
15
17
|
export declare const Company: () => import("react/jsx-runtime").JSX.Element;
|
|
16
18
|
export declare const CompanyBulkMode: () => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export declare const CompanyBulkMax: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Color } from '../../types';
|
|
2
2
|
import { BulkButtonProps } from './BulkButton';
|
|
3
3
|
export interface BulkHeaderProps {
|
|
4
|
-
color?:
|
|
4
|
+
color?: Color;
|
|
5
5
|
dismissIconAltText?: string;
|
|
6
6
|
title: string;
|
|
7
7
|
hidden?: boolean;
|