@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.
Files changed (72) hide show
  1. package/dist/assets/HeaderLogo.css +1 -1
  2. package/dist/components/Footer/FooterLogo.js +1 -1
  3. package/dist/components/GlobalHeader/HeaderLogo.js +1 -1
  4. package/dist/components/GlobalMenu/GlobalMenu.js +57 -40
  5. package/dist/components/Layout/Layout.js +27 -29
  6. package/dist/components/Logo/index.js +4 -0
  7. package/dist/components/Pagination/Pagination.js +13 -13
  8. package/dist/components/index.js +355 -377
  9. package/dist/index.js +365 -387
  10. package/dist/types/lib/components/Account/Account.stories.d.ts +0 -3
  11. package/dist/types/lib/components/Dialog/DialogLayout.d.ts +7 -2
  12. package/dist/types/lib/components/GlobalHeader/GlobalHeader.stories.d.ts +5 -4
  13. package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +9 -12
  14. package/dist/types/lib/components/Layout/Layout.d.ts +2 -4
  15. package/dist/types/lib/components/Layout/Layout.stories.d.ts +2 -8
  16. package/dist/types/lib/components/Logo/index.d.ts +1 -0
  17. package/dist/types/lib/components/Page/PageNav.d.ts +5 -2
  18. package/dist/types/lib/components/Pagination/Pagination.d.ts +3 -2
  19. package/dist/types/lib/components/Pagination/Pagination.stories.d.ts +5 -5
  20. package/dist/types/lib/components/index.d.ts +2 -2
  21. package/dist/types/lib/stories/Inbox.stories.d.ts +0 -4
  22. package/package.json +1 -1
  23. package/dist/Globe-BcPkcH4E.js +0 -24
  24. package/dist/PadlockLocked-XL1IB5Ae.js +0 -24
  25. package/dist/assets/EndUserLabel.css +0 -1
  26. package/dist/assets/GlobalMenuButton2.css +0 -1
  27. package/dist/assets/Header.css +0 -1
  28. package/dist/assets/HeaderBase.css +0 -1
  29. package/dist/assets/HeaderButton.css +0 -1
  30. package/dist/assets/HeaderGroup.css +0 -1
  31. package/dist/assets/HeaderLogo2.css +0 -1
  32. package/dist/assets/HeaderSearch.css +0 -1
  33. package/dist/assets/LocaleButton.css +0 -1
  34. package/dist/components/GlobalMenu_old/BackButton.js +0 -13
  35. package/dist/components/GlobalMenu_old/CurrentAccount.js +0 -24
  36. package/dist/components/GlobalMenu_old/EndUserLabel.js +0 -32
  37. package/dist/components/GlobalMenu_old/GlobalMenu.js +0 -81
  38. package/dist/components/GlobalMenu_old/GlobalMenuBase.js +0 -10
  39. package/dist/components/GlobalMenu_old/GlobalMenuButton.js +0 -58
  40. package/dist/components/GlobalMenu_old/LogoutButton.js +0 -14
  41. package/dist/components/GlobalMenu_old/index.js +0 -14
  42. package/dist/components/Header/Header.js +0 -101
  43. package/dist/components/Header/HeaderBase.js +0 -19
  44. package/dist/components/Header/HeaderButton.js +0 -51
  45. package/dist/components/Header/HeaderGroup.js +0 -8
  46. package/dist/components/Header/HeaderLogo.js +0 -17
  47. package/dist/components/Header/HeaderSearch.js +0 -12
  48. package/dist/components/Header/LocaleButton.js +0 -29
  49. package/dist/components/Header/LocaleSwitcher.js +0 -44
  50. package/dist/components/Header/index.js +0 -18
  51. package/dist/types/lib/components/GlobalMenu_old/BackButton.d.ts +0 -7
  52. package/dist/types/lib/components/GlobalMenu_old/CurrentAccount.d.ts +0 -16
  53. package/dist/types/lib/components/GlobalMenu_old/EndUserLabel.d.ts +0 -5
  54. package/dist/types/lib/components/GlobalMenu_old/GlobalMenu.d.ts +0 -18
  55. package/dist/types/lib/components/GlobalMenu_old/GlobalMenuBase.d.ts +0 -15
  56. package/dist/types/lib/components/GlobalMenu_old/GlobalMenuButton.d.ts +0 -13
  57. package/dist/types/lib/components/GlobalMenu_old/LogoutButton.d.ts +0 -7
  58. package/dist/types/lib/components/GlobalMenu_old/index.d.ts +0 -6
  59. package/dist/types/lib/components/Header/Header.d.ts +0 -18
  60. package/dist/types/lib/components/Header/Header.stories.d.ts +0 -29
  61. package/dist/types/lib/components/Header/HeaderBase.d.ts +0 -9
  62. package/dist/types/lib/components/Header/HeaderButton.d.ts +0 -11
  63. package/dist/types/lib/components/Header/HeaderButton.stories.d.ts +0 -17
  64. package/dist/types/lib/components/Header/HeaderGroup.d.ts +0 -7
  65. package/dist/types/lib/components/Header/HeaderLogo.d.ts +0 -11
  66. package/dist/types/lib/components/Header/HeaderSearch.d.ts +0 -7
  67. package/dist/types/lib/components/Header/LocaleButton.d.ts +0 -8
  68. package/dist/types/lib/components/Header/LocaleSwitcher.d.ts +0 -7
  69. package/dist/types/lib/components/Header/index.d.ts +0 -8
  70. package/dist/types/lib/stories/Beta/Beta.stories.d.ts +0 -15
  71. /package/dist/components/{Header → Logo}/DigdirLogomark.js +0 -0
  72. /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 { BackButtonProps, Color, ContextMenuProps, PageMenuProps } from '..';
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('..').GlobalMenuProps_old;
11
+ globalMenu: import('..').GlobalMenuProps;
11
12
  desktopMenu?: import('..').MenuProps;
12
13
  mobileMenu?: import('..').MenuProps;
13
14
  locale?: import('..').LocaleSwitcherProps;
14
- search?: import('..').SearchbarProps;
15
- currentAccount?: import('..').Account;
15
+ accountSelector?: AccountSelectorProps;
16
16
  badge?: import('..').BadgeProps | undefined;
17
- logo?: import('..').HeaderLogoProps;
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?: import('..').AccountMenuProps;
10
- menu?: import('..').MenuProps;
11
- menuLabel?: string;
12
- backLabel?: string;
13
- logoutButton?: import('..').LogoutButtonProps;
14
- changeLabel?: string;
15
- className?: string;
16
- currentAccount?: import('..').Account;
17
- currentEndUserLabel?: string;
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?: HeaderProps | GlobalHeaderProps;
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, useGlobalHeader, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
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, useGlobalHeader, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
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('..').HeaderProps;
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 { BackButtonProps, BreadcrumbsLinkProps } from '../';
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?: BackButtonProps;
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?: ButtonProps;
10
- next?: ButtonProps;
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
- title: string;
9
+ label: string;
10
10
  'aria-label': string;
11
11
  };
12
12
  next: {
13
- title: string;
13
+ label: string;
14
14
  'aria-label': string;
15
15
  };
16
16
  items: ({
17
17
  id: string;
18
- title: string;
18
+ label: string;
19
19
  'aria-label': string;
20
20
  selected?: undefined;
21
21
  hidden?: undefined;
22
22
  } | {
23
23
  id: string;
24
- title: string;
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
- title?: undefined;
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 './GlobalMenu_old';
21
- export * from './Header';
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@altinn/altinn-components",
3
- "version": "0.61.0",
3
+ "version": "0.61.2",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist/",
@@ -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}
@@ -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
- };