@altinn/altinn-components 0.61.0 → 0.61.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/dist/assets/HeaderLogo.css +1 -1
- package/dist/components/Footer/FooterLogo.js +1 -1
- package/dist/components/GlobalHeader/HeaderLogo.js +1 -1
- package/dist/components/GlobalMenu/GlobalMenu.js +57 -40
- package/dist/components/Layout/Layout.js +27 -29
- package/dist/components/Logo/index.js +4 -0
- package/dist/components/Pagination/Pagination.js +13 -13
- package/dist/components/index.js +355 -377
- package/dist/index.js +365 -387
- package/dist/types/lib/components/Account/Account.stories.d.ts +0 -3
- package/dist/types/lib/components/Dialog/DialogLayout.d.ts +7 -2
- package/dist/types/lib/components/GlobalHeader/GlobalHeader.stories.d.ts +5 -4
- package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +9 -12
- package/dist/types/lib/components/Layout/Layout.d.ts +2 -4
- package/dist/types/lib/components/Layout/Layout.stories.d.ts +2 -8
- package/dist/types/lib/components/Logo/index.d.ts +1 -0
- package/dist/types/lib/components/Page/PageNav.d.ts +5 -2
- package/dist/types/lib/components/Pagination/Pagination.d.ts +3 -2
- package/dist/types/lib/components/Pagination/Pagination.stories.d.ts +5 -5
- package/dist/types/lib/components/index.d.ts +2 -2
- package/dist/types/lib/stories/Inbox.stories.d.ts +0 -4
- package/package.json +1 -1
- package/dist/Globe-BcPkcH4E.js +0 -24
- package/dist/PadlockLocked-XL1IB5Ae.js +0 -24
- package/dist/assets/EndUserLabel.css +0 -1
- package/dist/assets/GlobalMenuButton2.css +0 -1
- package/dist/assets/Header.css +0 -1
- package/dist/assets/HeaderBase.css +0 -1
- package/dist/assets/HeaderButton.css +0 -1
- package/dist/assets/HeaderGroup.css +0 -1
- package/dist/assets/HeaderLogo2.css +0 -1
- package/dist/assets/HeaderSearch.css +0 -1
- package/dist/assets/LocaleButton.css +0 -1
- package/dist/components/GlobalMenu_old/BackButton.js +0 -13
- package/dist/components/GlobalMenu_old/CurrentAccount.js +0 -24
- package/dist/components/GlobalMenu_old/EndUserLabel.js +0 -32
- package/dist/components/GlobalMenu_old/GlobalMenu.js +0 -81
- package/dist/components/GlobalMenu_old/GlobalMenuBase.js +0 -10
- package/dist/components/GlobalMenu_old/GlobalMenuButton.js +0 -58
- package/dist/components/GlobalMenu_old/LogoutButton.js +0 -14
- package/dist/components/GlobalMenu_old/index.js +0 -14
- package/dist/components/Header/Header.js +0 -101
- package/dist/components/Header/HeaderBase.js +0 -19
- package/dist/components/Header/HeaderButton.js +0 -51
- package/dist/components/Header/HeaderGroup.js +0 -8
- package/dist/components/Header/HeaderLogo.js +0 -17
- package/dist/components/Header/HeaderSearch.js +0 -12
- package/dist/components/Header/LocaleButton.js +0 -29
- package/dist/components/Header/LocaleSwitcher.js +0 -44
- package/dist/components/Header/index.js +0 -18
- package/dist/types/lib/components/GlobalMenu_old/BackButton.d.ts +0 -7
- package/dist/types/lib/components/GlobalMenu_old/CurrentAccount.d.ts +0 -16
- package/dist/types/lib/components/GlobalMenu_old/EndUserLabel.d.ts +0 -5
- package/dist/types/lib/components/GlobalMenu_old/GlobalMenu.d.ts +0 -18
- package/dist/types/lib/components/GlobalMenu_old/GlobalMenuBase.d.ts +0 -15
- package/dist/types/lib/components/GlobalMenu_old/GlobalMenuButton.d.ts +0 -13
- package/dist/types/lib/components/GlobalMenu_old/LogoutButton.d.ts +0 -7
- package/dist/types/lib/components/GlobalMenu_old/index.d.ts +0 -6
- package/dist/types/lib/components/Header/Header.d.ts +0 -18
- package/dist/types/lib/components/Header/Header.stories.d.ts +0 -29
- package/dist/types/lib/components/Header/HeaderBase.d.ts +0 -9
- package/dist/types/lib/components/Header/HeaderButton.d.ts +0 -11
- package/dist/types/lib/components/Header/HeaderButton.stories.d.ts +0 -17
- package/dist/types/lib/components/Header/HeaderGroup.d.ts +0 -7
- package/dist/types/lib/components/Header/HeaderLogo.d.ts +0 -11
- package/dist/types/lib/components/Header/HeaderSearch.d.ts +0 -7
- package/dist/types/lib/components/Header/LocaleButton.d.ts +0 -8
- package/dist/types/lib/components/Header/LocaleSwitcher.d.ts +0 -7
- package/dist/types/lib/components/Header/index.d.ts +0 -8
- package/dist/types/lib/stories/Beta/Beta.stories.d.ts +0 -15
- /package/dist/components/{Header → Logo}/DigdirLogomark.js +0 -0
- /package/dist/types/lib/components/{Header → Logo}/DigdirLogomark.d.ts +0 -0
|
@@ -8,6 +8,3 @@ export default meta;
|
|
|
8
8
|
export declare const CurrentAccount: () => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export declare const CompanyAccount: () => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export declare const Login: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare const DeprecatedCurrentAccount: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export declare const DeprecatedCompanyAccount: () => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export declare const DeprecatedLogin: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
1
|
+
import { ElementType, ReactNode } from 'react';
|
|
2
|
+
import { Color, ContextMenuProps, PageMenuProps } from '..';
|
|
3
|
+
export interface BackButtonProps {
|
|
4
|
+
label: string;
|
|
5
|
+
onClick?: () => void;
|
|
6
|
+
as?: ElementType;
|
|
7
|
+
}
|
|
3
8
|
export interface DialogLayoutProps {
|
|
4
9
|
/** Back button */
|
|
5
10
|
backButton?: BackButtonProps;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { AccountSelectorProps } from '../AccountSelector';
|
|
1
2
|
import { GlobalHeaderProps } from './';
|
|
2
3
|
declare const meta: {
|
|
3
4
|
title: string;
|
|
@@ -7,14 +8,14 @@ declare const meta: {
|
|
|
7
8
|
layout: string;
|
|
8
9
|
};
|
|
9
10
|
args: {
|
|
10
|
-
globalMenu: import('..').
|
|
11
|
+
globalMenu: import('..').GlobalMenuProps;
|
|
11
12
|
desktopMenu?: import('..').MenuProps;
|
|
12
13
|
mobileMenu?: import('..').MenuProps;
|
|
13
14
|
locale?: import('..').LocaleSwitcherProps;
|
|
14
|
-
|
|
15
|
-
currentAccount?: import('..').Account;
|
|
15
|
+
accountSelector?: AccountSelectorProps;
|
|
16
16
|
badge?: import('..').BadgeProps | undefined;
|
|
17
|
-
logo?: import('
|
|
17
|
+
logo?: import('./HeaderLogo').HeaderLogoProps;
|
|
18
|
+
onLoginClick?: () => void;
|
|
18
19
|
};
|
|
19
20
|
};
|
|
20
21
|
export default meta;
|
|
@@ -6,18 +6,15 @@ declare const meta: {
|
|
|
6
6
|
tags: string[];
|
|
7
7
|
parameters: {};
|
|
8
8
|
args: {
|
|
9
|
-
accountMenu
|
|
10
|
-
menu
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
onSelectAccount?: (id: string) => void;
|
|
19
|
-
onClose?: () => void;
|
|
20
|
-
ariaLabel?: string;
|
|
9
|
+
accountMenu: import('..').AccountMenuProps;
|
|
10
|
+
menu: import('..').MenuProps;
|
|
11
|
+
currentEndUserLabel: string;
|
|
12
|
+
menuLabel: string;
|
|
13
|
+
backLabel: string;
|
|
14
|
+
logoutButton: {
|
|
15
|
+
label: string;
|
|
16
|
+
};
|
|
17
|
+
changeLabel: string;
|
|
21
18
|
};
|
|
22
19
|
};
|
|
23
20
|
export default meta;
|
|
@@ -3,7 +3,6 @@ import { LayoutColor, LayoutSidebarProps, LayoutTheme } from '.';
|
|
|
3
3
|
import { BreadcrumbsProps } from '../Breadcrumbs';
|
|
4
4
|
import { FooterProps } from '../Footer';
|
|
5
5
|
import { GlobalHeaderProps } from '../GlobalHeader';
|
|
6
|
-
import { HeaderProps } from '../Header';
|
|
7
6
|
import { MenuProps } from '../Menu';
|
|
8
7
|
import { SkipLinkProps } from '../SkipLink';
|
|
9
8
|
interface SidebarProps extends LayoutSidebarProps {
|
|
@@ -16,14 +15,13 @@ interface ContentProps {
|
|
|
16
15
|
export interface LayoutProps {
|
|
17
16
|
color?: LayoutColor;
|
|
18
17
|
theme?: LayoutTheme;
|
|
19
|
-
header?:
|
|
18
|
+
header?: GlobalHeaderProps;
|
|
20
19
|
footer?: FooterProps;
|
|
21
20
|
sidebar?: SidebarProps;
|
|
22
21
|
content?: ContentProps;
|
|
23
22
|
children?: ReactNode;
|
|
24
23
|
skipLink?: SkipLinkProps;
|
|
25
|
-
useGlobalHeader?: boolean;
|
|
26
24
|
breadcrumbs?: BreadcrumbsProps;
|
|
27
25
|
}
|
|
28
|
-
export declare const Layout: ({ color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs,
|
|
26
|
+
export declare const Layout: ({ color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
27
|
export {};
|
|
@@ -4,7 +4,7 @@ interface LayoutStoryArgs extends LayoutProps {
|
|
|
4
4
|
}
|
|
5
5
|
declare const meta: {
|
|
6
6
|
title: string;
|
|
7
|
-
component: ({ color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs,
|
|
7
|
+
component: ({ color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
parameters: {
|
|
9
9
|
layout: string;
|
|
10
10
|
};
|
|
@@ -16,22 +16,16 @@ declare const meta: {
|
|
|
16
16
|
size: import('..').Size;
|
|
17
17
|
children: string;
|
|
18
18
|
};
|
|
19
|
-
header: import('..').
|
|
19
|
+
header: import('..').GlobalHeaderProps;
|
|
20
20
|
footer: import('..').FooterProps;
|
|
21
21
|
sidebar: {
|
|
22
22
|
menu: import('..').MenuProps;
|
|
23
23
|
};
|
|
24
24
|
children: import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
useGlobalHeader: true;
|
|
26
25
|
color: "company";
|
|
27
26
|
forceOpenFullScreen: undefined;
|
|
28
27
|
};
|
|
29
28
|
argTypes: {
|
|
30
|
-
useGlobalHeader: {
|
|
31
|
-
control: {
|
|
32
|
-
type: "boolean";
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
29
|
color: {
|
|
36
30
|
control: "select";
|
|
37
31
|
options: string[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './DigdirLogomark.tsx';
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { BreadcrumbsLinkProps, ButtonProps } from '../';
|
|
3
3
|
export type PageNavColor = 'neutral' | 'company' | 'person';
|
|
4
4
|
export type PageNavPadding = 0 | 2;
|
|
5
5
|
export interface PageNavProps {
|
|
6
6
|
color?: PageNavColor;
|
|
7
7
|
padding?: PageNavPadding;
|
|
8
|
-
backButton?:
|
|
8
|
+
backButton?: ButtonProps & {
|
|
9
|
+
as?: 'a' | 'button';
|
|
10
|
+
label?: string;
|
|
11
|
+
};
|
|
9
12
|
breadcrumbs?: BreadcrumbsLinkProps[];
|
|
10
13
|
controls?: ReactNode;
|
|
11
14
|
}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { ButtonProps } from '../Button';
|
|
2
2
|
export interface PaginationButtonProps extends ButtonProps {
|
|
3
|
+
label?: string;
|
|
3
4
|
selected?: boolean;
|
|
4
5
|
}
|
|
5
6
|
export interface PaginationProps {
|
|
6
7
|
size?: ButtonProps['size'];
|
|
7
8
|
variant?: ButtonProps['variant'];
|
|
8
9
|
selectedVariant?: ButtonProps['variant'];
|
|
9
|
-
prev?:
|
|
10
|
-
next?:
|
|
10
|
+
prev?: PaginationButtonProps;
|
|
11
|
+
next?: PaginationButtonProps;
|
|
11
12
|
items?: PaginationButtonProps[];
|
|
12
13
|
'aria-label': string;
|
|
13
14
|
}
|
|
@@ -6,29 +6,29 @@ declare const meta: {
|
|
|
6
6
|
args: {
|
|
7
7
|
'aria-label': string;
|
|
8
8
|
prev: {
|
|
9
|
-
|
|
9
|
+
label: string;
|
|
10
10
|
'aria-label': string;
|
|
11
11
|
};
|
|
12
12
|
next: {
|
|
13
|
-
|
|
13
|
+
label: string;
|
|
14
14
|
'aria-label': string;
|
|
15
15
|
};
|
|
16
16
|
items: ({
|
|
17
17
|
id: string;
|
|
18
|
-
|
|
18
|
+
label: string;
|
|
19
19
|
'aria-label': string;
|
|
20
20
|
selected?: undefined;
|
|
21
21
|
hidden?: undefined;
|
|
22
22
|
} | {
|
|
23
23
|
id: string;
|
|
24
|
-
|
|
24
|
+
label: string;
|
|
25
25
|
'aria-label': string;
|
|
26
26
|
selected: true;
|
|
27
27
|
hidden?: undefined;
|
|
28
28
|
} | {
|
|
29
29
|
hidden: true;
|
|
30
30
|
id?: undefined;
|
|
31
|
-
|
|
31
|
+
label?: undefined;
|
|
32
32
|
'aria-label'?: undefined;
|
|
33
33
|
selected?: undefined;
|
|
34
34
|
})[];
|
|
@@ -17,8 +17,8 @@ export * from './Divider';
|
|
|
17
17
|
export * from './Dropdown';
|
|
18
18
|
export * from './Footer';
|
|
19
19
|
export * from './GlobalHeader';
|
|
20
|
-
export * from './
|
|
21
|
-
export * from './
|
|
20
|
+
export * from './GlobalMenu';
|
|
21
|
+
export * from './Logo';
|
|
22
22
|
export type { GlobalHeaderProps } from './GlobalHeader';
|
|
23
23
|
export * from './Icon';
|
|
24
24
|
export * from './Item';
|
|
@@ -27,7 +27,3 @@ export declare const DialogStatusAttention: () => import("react/jsx-runtime").JS
|
|
|
27
27
|
export declare const DialogStatusTransmissions: () => import("react/jsx-runtime").JSX.Element;
|
|
28
28
|
export declare const DialogTransmissions: () => import("react/jsx-runtime").JSX.Element;
|
|
29
29
|
export declare const BookmarksPage: () => import("react/jsx-runtime").JSX.Element;
|
|
30
|
-
export declare const InboxBetaPage: () => import("react/jsx-runtime").JSX.Element;
|
|
31
|
-
export declare const AboutPage: () => import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
export declare const AboutInboxPage: () => import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
export declare const OldVersionWithoutGlobalSearch: () => import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
package/dist/Globe-BcPkcH4E.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import o, { forwardRef as i } from "react";
|
|
3
|
-
import { u as c } from "./useId-BVFxCjkq.js";
|
|
4
|
-
var f = function(t, a) {
|
|
5
|
-
var r = {};
|
|
6
|
-
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (r[e] = t[e]);
|
|
7
|
-
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
8
|
-
for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
|
|
9
|
-
a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
|
|
10
|
-
return r;
|
|
11
|
-
};
|
|
12
|
-
const u = i((t, a) => {
|
|
13
|
-
var { title: r, titleId: e } = t, l = f(t, ["title", "titleId"]);
|
|
14
|
-
let n = c();
|
|
15
|
-
return n = r ? e || "title-" + n : void 0, o.createElement(
|
|
16
|
-
"svg",
|
|
17
|
-
Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: a, "aria-labelledby": n }, l),
|
|
18
|
-
r ? o.createElement("title", { id: n }, r) : null,
|
|
19
|
-
o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.74-7.683A8.28 8.28 0 0 0 4.65 8.25h3.719a41 41 0 0 1 .62-3.934m1.63-.452a41 41 0 0 0-.742 4.385h4.245a41 41 0 0 0-.743-4.385 8.3 8.3 0 0 0-2.76 0M8.24 14.25a34.5 34.5 0 0 1 0-4.5H4.06A8.3 8.3 0 0 0 3.75 12c0 .78.108 1.535.31 2.25zm1.503 0a33 33 0 0 1 0-4.5h4.514c.103 1.51.103 2.997 0 4.5zm-.754 5.433a41 41 0 0 1-.62-3.933h-3.72a8.28 8.28 0 0 0 4.34 3.933m1.631.452a41 41 0 0 1-.743-4.385h4.246a41 41 0 0 1-.743 4.385 8.3 8.3 0 0 1-2.76 0m5.141-5.885c.098-1.502.098-2.99 0-4.5h4.179c.202.715.31 1.47.31 2.25a8.3 8.3 0 0 1-.31 2.25zm-.75-9.933a8.28 8.28 0 0 1 4.34 3.933h-3.72a41 41 0 0 0-.62-3.933m0 15.366c.276-1.344.483-2.648.62-3.933h3.72a8.28 8.28 0 0 1-4.34 3.933", clipRule: "evenodd" })
|
|
20
|
-
);
|
|
21
|
-
});
|
|
22
|
-
export {
|
|
23
|
-
u as S
|
|
24
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import a, { forwardRef as i } from "react";
|
|
3
|
-
import { u as d } from "./useId-BVFxCjkq.js";
|
|
4
|
-
var f = function(t, n) {
|
|
5
|
-
var r = {};
|
|
6
|
-
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
|
|
7
|
-
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
8
|
-
for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
|
|
9
|
-
n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
|
|
10
|
-
return r;
|
|
11
|
-
};
|
|
12
|
-
const v = i((t, n) => {
|
|
13
|
-
var { title: r, titleId: e } = t, l = f(t, ["title", "titleId"]);
|
|
14
|
-
let o = d();
|
|
15
|
-
return o = r ? e || "title-" + o : void 0, a.createElement(
|
|
16
|
-
"svg",
|
|
17
|
-
Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": o }, l),
|
|
18
|
-
r ? a.createElement("title", { id: o }, r) : null,
|
|
19
|
-
a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.25 7a4.75 4.75 0 0 1 9.5 0v2.25H17c.966 0 1.75.784 1.75 1.75v9a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75v-9c0-.966.784-1.75 1.75-1.75h.25zm1.5 0a3.25 3.25 0 0 1 6.5 0v2.25h-6.5zM7 10.75a.25.25 0 0 0-.25.25v8.25h10.5V11a.25.25 0 0 0-.25-.25zm3.5 3.75a1.5 1.5 0 1 1 2.25 1.3V17a.75.75 0 0 1-1.5 0v-1.2a1.5 1.5 0 0 1-.75-1.3", clipRule: "evenodd" })
|
|
20
|
-
);
|
|
21
|
-
});
|
|
22
|
-
export {
|
|
23
|
-
v as S
|
|
24
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._text_1tx3s_1{-webkit-user-select:none;user-select:none;display:flex;align-items:center;column-gap:.5rem;line-height:1.25rem;color:var(--ds-color-neutral-text-subtle);margin:0}._icon_1tx3s_11{font-size:1.25rem}._label_1tx3s_15{font-size:.875rem}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._button_1uh95_1{flex-shrink:0;position:relative;z-index:2;display:inline-flex;align-items:center;column-gap:.625rem;padding:.625rem;border:none;border-radius:4px}._label_1uh95_13{font-size:1.125rem;font-weight:500;padding:.25rem}._avatarIcon_1uh95_19,._loginIcon_1uh95_20,._closeIcon_1uh95_21{width:2.25rem;height:2.25rem;border-radius:2px;font-size:unset}._closeIcon_1uh95_21{outline:1px solid white}._loginIcon_1uh95_20{background-color:#fff;color:#000;outline:1px solid white}._avatar_1uh95_19{font-size:2.25rem;width:2.25rem;height:2.25rem}._icon_1uh95_44{font-size:1.5rem;width:1.5rem;height:1.5rem}._badge_1uh95_50{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}
|
package/dist/assets/Header.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._drawer_afyu3_1[data-expanded=true]{display:block;width:100%}._dropdown_afyu3_6[data-expanded=true]{display:none}@media(min-width:1024px){._dropdown_afyu3_6[data-expanded=true]{display:block}._drawer_afyu3_1[data-expanded=true]{display:none}}._relative_afyu3_19{position:relative}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._header_dg4o1_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:1rem;padding:1rem}@media(min-width:1024px){._header_dg4o1_1{gap:1rem}}._backdrop_dg4o1_17{display:none}._header_dg4o1_1[data-current-id=menu],._header_dg4o1_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_dg4o1_1[data-current-id=menu],._header_dg4o1_1[data-current-id=locale]{background-color:transparent}._header_dg4o1_1[data-current-id=menu] ._backdrop_dg4o1_17,._header_dg4o1_1[data-current-id=locale] ._backdrop_dg4o1_17{display:block}}._header_dg4o1_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._header_dg4o1_1[data-current-id=search]{margin-top:-72px}._header_dg4o1_1[data-current-id=search] ._backdrop_dg4o1_17{display:block}@media(min-width:1024px){._header_dg4o1_1[data-current-id=search]{margin-top:0}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._button_1p2eq_1{position:relative;z-index:2;display:inline-flex;align-items:center;column-gap:.625rem;padding:.625rem;border:none;border-radius:4px}._label_1p2eq_12{font-size:1.125rem;font-weight:500;padding:.25rem}._icon_1p2eq_18{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:2px;font-size:1.5rem}._avatarGroup_1p2eq_28{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;overflow:visible}._loginIcon_1p2eq_37{background-color:#fff;color:#000}._closeIcon_1p2eq_42{outline:1px solid white}._badge_1p2eq_46{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._group_oia4i_1{position:relative;display:flex;align-items:center;column-gap:0}@media(min-width:1024px){._group_oia4i_1{column-gap:1rem}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._logo_1yxnd_1{display:flex;align-items:center;color:currentColor;text-decoration:none;height:3.25rem;min-width:3.25rem;padding:0 .5rem;-webkit-user-select:none;user-select:none}._logo_1yxnd_1:hover{background-color:transparent}._logomark_1yxnd_16{color:#0062b8;width:2rem;height:2rem;margin:0!important}._text_1yxnd_23{font-size:2rem;font-weight:400}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._search_1czaf_1{width:100%}._searchExpanded_1czaf_5{z-index:2}@media(min-width:1024px){._search_1czaf_1{position:absolute;left:0;right:0;margin:0 auto;max-width:320px}._searchExpanded_1czaf_5{max-width:640px}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._button_mvy87_1{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:2.75rem;padding:.625rem;border-radius:50%}._expanded_mvy87_13{background-color:#fff}._icon_mvy87_17{font-size:1.5rem}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import "../../index-p1eeF8LQ.js";
|
|
4
|
-
import { k as i } from "../../ToolbarSearch-56Sm2j7P.js";
|
|
5
|
-
import "../Typography/Link.js";
|
|
6
|
-
import "../Button/Button.js";
|
|
7
|
-
import "react-dom";
|
|
8
|
-
import "../Snackbar/useSnackbar.js";
|
|
9
|
-
import { S as p } from "../../ArrowUndo-hge1gMu8.js";
|
|
10
|
-
const x = ({ label: o, onClick: r, as: t }) => /* @__PURE__ */ m(i, { size: "sm", id: "back", icon: p, title: o, onClick: r, as: t });
|
|
11
|
-
export {
|
|
12
|
-
x as BackButton
|
|
13
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-p1eeF8LQ.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import { k as n } from "../../ToolbarSearch-56Sm2j7P.js";
|
|
5
|
-
import "../Typography/Link.js";
|
|
6
|
-
import "../Button/Button.js";
|
|
7
|
-
import "react-dom";
|
|
8
|
-
import "../Snackbar/useSnackbar.js";
|
|
9
|
-
const x = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE__ */ m(
|
|
10
|
-
n,
|
|
11
|
-
{
|
|
12
|
-
id: "account",
|
|
13
|
-
size: "lg",
|
|
14
|
-
as: r ? o : "div",
|
|
15
|
-
onClick: t,
|
|
16
|
-
linkIcon: r,
|
|
17
|
-
icon: i?.icon,
|
|
18
|
-
title: i?.name,
|
|
19
|
-
description: i?.description
|
|
20
|
-
}
|
|
21
|
-
);
|
|
22
|
-
export {
|
|
23
|
-
x as CurrentAccount
|
|
24
|
-
};
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as c, jsx as s } from "react/jsx-runtime";
|
|
3
|
-
import a, { forwardRef as d } from "react";
|
|
4
|
-
import { u as f } from "../../useId-BVFxCjkq.js";
|
|
5
|
-
import '../../assets/EndUserLabel.css';var m = function(t, n) {
|
|
6
|
-
var r = {};
|
|
7
|
-
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
|
|
8
|
-
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
9
|
-
for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
|
|
10
|
-
n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
|
|
11
|
-
return r;
|
|
12
|
-
};
|
|
13
|
-
const u = d((t, n) => {
|
|
14
|
-
var { title: r, titleId: e } = t, l = m(t, ["title", "titleId"]);
|
|
15
|
-
let o = f();
|
|
16
|
-
return o = r ? e || "title-" + o : void 0, a.createElement(
|
|
17
|
-
"svg",
|
|
18
|
-
Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": o }, l),
|
|
19
|
-
r ? a.createElement("title", { id: o }, r) : null,
|
|
20
|
-
a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 3.75a8.25 8.25 0 0 0-5.144 14.7 5.25 5.25 0 0 1 10.288 0A8.25 8.25 0 0 0 12 3.75m3.747 15.602a3.75 3.75 0 0 0-7.494 0A8.2 8.2 0 0 0 12 20.25c1.35 0 2.623-.324 3.747-.898M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12M12 7.25a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M8.25 9.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0", clipRule: "evenodd" })
|
|
21
|
-
);
|
|
22
|
-
}), p = "_text_1tx3s_1", b = "_icon_1tx3s_11", _ = "_label_1tx3s_15", i = {
|
|
23
|
-
text: p,
|
|
24
|
-
icon: b,
|
|
25
|
-
label: _
|
|
26
|
-
}, g = ({ children: t }) => /* @__PURE__ */ c("p", { className: i.text, children: [
|
|
27
|
-
/* @__PURE__ */ s(u, { className: i.icon, "aria-hidden": !0 }),
|
|
28
|
-
/* @__PURE__ */ s("span", { className: i.label, children: t })
|
|
29
|
-
] });
|
|
30
|
-
export {
|
|
31
|
-
g as EndUserLabel
|
|
32
|
-
};
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as m, jsx as r, Fragment as C } from "react/jsx-runtime";
|
|
3
|
-
import { useState as G, useMemo as S } from "react";
|
|
4
|
-
import "../../index-p1eeF8LQ.js";
|
|
5
|
-
import { AccountMenu as x } from "../Account/AccountMenu.js";
|
|
6
|
-
import { M as f } from "../../ToolbarSearch-56Sm2j7P.js";
|
|
7
|
-
import "../Typography/Link.js";
|
|
8
|
-
import { MenuListItem as h } from "../Menu/MenuListItem.js";
|
|
9
|
-
import "../Button/Button.js";
|
|
10
|
-
import "react-dom";
|
|
11
|
-
import { CurrentAccount as y } from "./CurrentAccount.js";
|
|
12
|
-
import { BackButton as j } from "./BackButton.js";
|
|
13
|
-
import { LogoutButton as k } from "./LogoutButton.js";
|
|
14
|
-
import "../Snackbar/useSnackbar.js";
|
|
15
|
-
import { GlobalMenuBase as a, GlobalMenuHeader as B, GlobalMenuFooter as M } from "./GlobalMenuBase.js";
|
|
16
|
-
const N = ({
|
|
17
|
-
accountMenu: t,
|
|
18
|
-
menu: i,
|
|
19
|
-
backLabel: b = "Back",
|
|
20
|
-
currentAccount: e,
|
|
21
|
-
onSelectAccount: g,
|
|
22
|
-
onClose: l,
|
|
23
|
-
logoutButton: s,
|
|
24
|
-
ariaLabel: c = "Menu"
|
|
25
|
-
}) => {
|
|
26
|
-
const [A, v] = G(!1), n = () => {
|
|
27
|
-
v((o) => !o);
|
|
28
|
-
}, u = (o) => {
|
|
29
|
-
n(), l?.(), g?.(o);
|
|
30
|
-
}, p = S(() => (i?.items ?? []).map((o) => ({
|
|
31
|
-
...o,
|
|
32
|
-
onClick: () => {
|
|
33
|
-
o.onClick?.(), l?.();
|
|
34
|
-
},
|
|
35
|
-
items: Array.isArray(o.items) ? o.items.map((d) => ({
|
|
36
|
-
...d,
|
|
37
|
-
onClick: () => {
|
|
38
|
-
d.onClick?.(), l?.();
|
|
39
|
-
}
|
|
40
|
-
})) : void 0
|
|
41
|
-
})), [i, l]);
|
|
42
|
-
if (A)
|
|
43
|
-
return /* @__PURE__ */ m(a, { "aria-label": c, children: [
|
|
44
|
-
/* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(j, { onClick: n, label: b }) }),
|
|
45
|
-
/* @__PURE__ */ r(h, { as: "div", role: "separator" }),
|
|
46
|
-
t && /* @__PURE__ */ r(
|
|
47
|
-
x,
|
|
48
|
-
{
|
|
49
|
-
...t,
|
|
50
|
-
currentAccount: e,
|
|
51
|
-
onSelectAccount: u
|
|
52
|
-
}
|
|
53
|
-
)
|
|
54
|
-
] });
|
|
55
|
-
if (e) {
|
|
56
|
-
const o = t && t?.items?.length > 1;
|
|
57
|
-
return /* @__PURE__ */ m(a, { "aria-label": c, color: e?.type, children: [
|
|
58
|
-
e && /* @__PURE__ */ m(C, { children: [
|
|
59
|
-
/* @__PURE__ */ r(
|
|
60
|
-
y,
|
|
61
|
-
{
|
|
62
|
-
account: e,
|
|
63
|
-
multipleAccounts: o,
|
|
64
|
-
as: o ? "button" : "div",
|
|
65
|
-
onClick: o ? n : void 0
|
|
66
|
-
}
|
|
67
|
-
),
|
|
68
|
-
/* @__PURE__ */ r(h, { as: "div", role: "separator" })
|
|
69
|
-
] }),
|
|
70
|
-
i && /* @__PURE__ */ r(f, { ...i, items: p }),
|
|
71
|
-
s && /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(k, { ...s }) })
|
|
72
|
-
] });
|
|
73
|
-
}
|
|
74
|
-
return /* @__PURE__ */ m(a, { "aria-label": c, children: [
|
|
75
|
-
i && /* @__PURE__ */ r(f, { ...i, items: p }),
|
|
76
|
-
s && /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(k, { ...s }) })
|
|
77
|
-
] });
|
|
78
|
-
};
|
|
79
|
-
export {
|
|
80
|
-
N as GlobalMenu_old
|
|
81
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import '../../assets/GlobalMenuBase.css';const n = "_nav_b7k4e_1", s = "_footer_b7k4e_6", a = {
|
|
3
|
-
nav: n,
|
|
4
|
-
footer: s
|
|
5
|
-
}, c = ({ color: e, children: r, ...t }) => /* @__PURE__ */ o("nav", { className: a.nav, "data-color": e, ...t, children: r }), f = ({ children: e }) => /* @__PURE__ */ o("header", { className: a.header, children: e }), u = ({ children: e }) => /* @__PURE__ */ o("footer", { className: a.footer, children: e });
|
|
6
|
-
export {
|
|
7
|
-
c as GlobalMenuBase,
|
|
8
|
-
u as GlobalMenuFooter,
|
|
9
|
-
f as GlobalMenuHeader
|
|
10
|
-
};
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { jsxs as m, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { c as l } from "../../index-p1eeF8LQ.js";
|
|
3
|
-
import { s as f, B as _ } from "../../ToolbarSearch-56Sm2j7P.js";
|
|
4
|
-
import { Avatar as N } from "../Avatar/Avatar.js";
|
|
5
|
-
import "react";
|
|
6
|
-
import "../Typography/Link.js";
|
|
7
|
-
import { Button as u } from "../Button/Button.js";
|
|
8
|
-
import { ButtonIcon as I } from "../Button/ButtonIcon.js";
|
|
9
|
-
import { ButtonLabel as h } from "../Button/ButtonLabel.js";
|
|
10
|
-
import "react-dom";
|
|
11
|
-
import "../Snackbar/useSnackbar.js";
|
|
12
|
-
import { S as g } from "../../PadlockLocked-XL1IB5Ae.js";
|
|
13
|
-
import '../../assets/GlobalMenuButton2.css';const v = "_button_1uh95_1", b = "_avatarIcon_1uh95_19", B = "_loginIcon_1uh95_20", x = "_closeIcon_1uh95_21", k = "_avatar_1uh95_19", L = "_icon_1uh95_44", M = "_badge_1uh95_50", a = {
|
|
14
|
-
button: v,
|
|
15
|
-
avatarIcon: b,
|
|
16
|
-
loginIcon: B,
|
|
17
|
-
closeIcon: x,
|
|
18
|
-
avatar: k,
|
|
19
|
-
icon: L,
|
|
20
|
-
badge: M
|
|
21
|
-
}, F = ({
|
|
22
|
-
className: c,
|
|
23
|
-
as: t = "button",
|
|
24
|
-
color: s = "company",
|
|
25
|
-
variant: r = "solid",
|
|
26
|
-
currentAccount: d,
|
|
27
|
-
expanded: p,
|
|
28
|
-
label: i = "Menu",
|
|
29
|
-
badge: n,
|
|
30
|
-
...e
|
|
31
|
-
}) => p ? /* @__PURE__ */ m(u, { ...e, as: t, variant: r, color: s, className: l(a.button, c), children: [
|
|
32
|
-
/* @__PURE__ */ o(h, { children: i }),
|
|
33
|
-
/* @__PURE__ */ o(I, { className: a.closeIcon, icon: /* @__PURE__ */ o(f, { className: a.icon, "aria-label": "Close Icon" }) }),
|
|
34
|
-
n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
|
|
35
|
-
] }) : d ? /* @__PURE__ */ m(u, { ...e, as: t, variant: r, color: s, className: l(a.button, c), children: [
|
|
36
|
-
/* @__PURE__ */ o(h, { children: i }),
|
|
37
|
-
/* @__PURE__ */ o(
|
|
38
|
-
I,
|
|
39
|
-
{
|
|
40
|
-
className: a.avatarIcon,
|
|
41
|
-
icon: /* @__PURE__ */ o(N, { ...d?.icon, className: a.avatar })
|
|
42
|
-
}
|
|
43
|
-
),
|
|
44
|
-
n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
|
|
45
|
-
] }) : /* @__PURE__ */ m(u, { ...e, as: t, variant: r, color: s, className: l(a.button, c), children: [
|
|
46
|
-
/* @__PURE__ */ o(h, { children: i }),
|
|
47
|
-
/* @__PURE__ */ o(
|
|
48
|
-
I,
|
|
49
|
-
{
|
|
50
|
-
className: a.loginIcon,
|
|
51
|
-
icon: /* @__PURE__ */ o(g, { className: a.icon, "aria-label": "Login Icon" })
|
|
52
|
-
}
|
|
53
|
-
),
|
|
54
|
-
n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
|
|
55
|
-
] });
|
|
56
|
-
export {
|
|
57
|
-
F as GlobalMenuButton_old
|
|
58
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { Button as i } from "../Button/Button.js";
|
|
3
|
-
import "../../index-p1eeF8LQ.js";
|
|
4
|
-
import "react";
|
|
5
|
-
import "../../ToolbarSearch-56Sm2j7P.js";
|
|
6
|
-
import "../Typography/Link.js";
|
|
7
|
-
import "react-dom";
|
|
8
|
-
import "../Snackbar/useSnackbar.js";
|
|
9
|
-
import '../../assets/LogoutButton.css';const m = "_button_1260s_1", s = {
|
|
10
|
-
button: m
|
|
11
|
-
}, _ = ({ label: t = "Logout", children: o, onClick: r }) => /* @__PURE__ */ n(i, { className: s.button, variant: "outline", size: "lg", onClick: r, children: o || t });
|
|
12
|
-
export {
|
|
13
|
-
_ as LogoutButton
|
|
14
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { CurrentAccount as t } from "./CurrentAccount.js";
|
|
2
|
-
import { BackButton as n } from "./BackButton.js";
|
|
3
|
-
import { LogoutButton as l } from "./LogoutButton.js";
|
|
4
|
-
import { EndUserLabel as m } from "./EndUserLabel.js";
|
|
5
|
-
import { GlobalMenu_old as x } from "./GlobalMenu.js";
|
|
6
|
-
import { GlobalMenuButton_old as B } from "./GlobalMenuButton.js";
|
|
7
|
-
export {
|
|
8
|
-
n as BackButton,
|
|
9
|
-
t as CurrentAccount,
|
|
10
|
-
m as EndUserLabel,
|
|
11
|
-
B as GlobalMenuButton_old,
|
|
12
|
-
x as GlobalMenu_old,
|
|
13
|
-
l as LogoutButton
|
|
14
|
-
};
|