@midas-ds/layout 0.0.7 → 0.0.9
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/CHANGELOG.md +21 -0
- package/assets/Button.css +1 -0
- package/assets/Header.css +1 -0
- package/assets/NavigationSubMenu.css +1 -0
- package/assets/Panel.css +1 -1
- package/chunks/Button-7IYEsEeT.js +192 -0
- package/chunks/Header-DjegZbd1.js +101 -0
- package/chunks/NavigationSubMenu-CpS-A3-h.js +208 -0
- package/chunks/Panel-BsVbn7nx.js +156 -0
- package/chunks/PanelContext-D6WQ7_yb.js +11 -0
- package/chunks/Text-B18MZHuN.js +56 -0
- package/chunks/useIsMobileDevice-D0iMVFPx.js +25 -0
- package/header/header-action/HeaderAction.d.ts +6 -0
- package/header/header-action/index.d.ts +1 -0
- package/header/header-actions/HeaderActions.d.ts +3 -10
- package/header/header-actions/HeaderActions.stories.d.ts +284 -10
- package/header/index.d.ts +2 -1
- package/header/index.js +7 -6
- package/header/mobile-menu/MobileMenu.d.ts +2 -1
- package/index.js +27 -21
- package/navigation/Navigation.d.ts +1 -6
- package/navigation/Navigation.stories.d.ts +1 -4
- package/navigation/index.d.ts +5 -1
- package/navigation/index.js +1 -1
- package/navigation/{components/header → navigation-header}/NavigationHeader.d.ts +1 -1
- package/navigation/{components/link → navigation-link}/NavigationLink.d.ts +1 -1
- package/navigation/{components/sub-menu → navigation-sub-menu}/NavigationSubMenu.d.ts +3 -2
- package/package.json +2 -2
- package/panel/Panel.d.ts +5 -2
- package/panel/Panel.stories.d.ts +1 -1
- package/panel/PanelContext.d.ts +0 -2
- package/panel/{components/collapse-panel → collapse-panel}/CollapsePanel.d.ts +1 -1
- package/panel/collapse-panel/CollapsePanelContext.d.ts +3 -0
- package/panel/collapse-panel/index.d.ts +2 -0
- package/panel/{components/dismiss-panel → dismiss-panel}/DismissPanel.d.ts +1 -1
- package/panel/index.d.ts +5 -0
- package/panel/index.js +10 -5
- package/panel/{components/panel-title → panel-title}/PanelTitle.d.ts +1 -1
- package/utils/index.d.ts +1 -0
- package/utils/index.js +4 -0
- package/assets/MobileMenu.css +0 -1
- package/assets/Navigation.css +0 -1
- package/assets/useIsMobileDevice.css +0 -1
- package/chunks/MobileMenu-DcQpdykm.js +0 -86
- package/chunks/Navigation-Cq0h2Nt9.js +0 -212
- package/chunks/Panel-C1MEWSWX.js +0 -147
- package/chunks/PanelContext-D2ADxgo6.js +0 -44
- package/chunks/clsx-AexbMWKp.js +0 -24
- package/chunks/useIsMobileDevice-DhQB0ae2.js +0 -213
- package/navigation/components/index.d.ts +0 -5
- package/panel/components/collapse-panel/index.d.ts +0 -1
- package/panel/components/index.d.ts +0 -5
- /package/assets/{PanelContext.css → Text.css} +0 -0
- /package/navigation/{components/header → navigation-header}/index.d.ts +0 -0
- /package/navigation/{components/item → navigation-item}/NavigationItem.d.ts +0 -0
- /package/navigation/{components/item → navigation-item}/index.d.ts +0 -0
- /package/navigation/{components/link → navigation-link}/NavigationLink.stories.d.ts +0 -0
- /package/navigation/{components/link → navigation-link}/index.d.ts +0 -0
- /package/navigation/{components/section → navigation-section}/NavigationSection.d.ts +0 -0
- /package/navigation/{components/section → navigation-section}/index.d.ts +0 -0
- /package/navigation/{components/sub-menu → navigation-sub-menu}/index.d.ts +0 -0
- /package/panel/{components/dismiss-panel → dismiss-panel}/index.d.ts +0 -0
- /package/panel/{components/panel-body → panel-body}/PanelBody.d.ts +0 -0
- /package/panel/{components/panel-body → panel-body}/index.d.ts +0 -0
- /package/panel/{components/panel-header → panel-header}/PanelHeader.d.ts +0 -0
- /package/panel/{components/panel-header → panel-header}/index.d.ts +0 -0
- /package/panel/{components/panel-title → panel-title}/index.d.ts +0 -0
package/index.js
CHANGED
|
@@ -1,27 +1,33 @@
|
|
|
1
|
-
import { H as
|
|
2
|
-
import { L as
|
|
1
|
+
import { H as o, a as s, b as t, M as n } from "./chunks/Header-DjegZbd1.js";
|
|
2
|
+
import { L as r, a as l } from "./chunks/Layout-16EqvEZN.js";
|
|
3
3
|
import { M as m } from "./chunks/Main-QnNDtP6N.js";
|
|
4
|
-
import { N as
|
|
5
|
-
import { P as
|
|
6
|
-
import { C as
|
|
7
|
-
import { N as
|
|
8
|
-
import { M as
|
|
4
|
+
import { N as P, a as M, b as N, c as f, d as C, e as b } from "./chunks/NavigationSubMenu-CpS-A3-h.js";
|
|
5
|
+
import { C as v, D as g, P as u, a as H, b as c, c as L } from "./chunks/Panel-BsVbn7nx.js";
|
|
6
|
+
import { C as A, P as D } from "./chunks/PanelContext-D6WQ7_yb.js";
|
|
7
|
+
import { N as k } from "./chunks/Navbar-wOOCcsru.js";
|
|
8
|
+
import { M as I } from "./chunks/MobileMenuContext-Coj0sJ0N.js";
|
|
9
9
|
export {
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
v as CollapsePanel,
|
|
11
|
+
A as CollapsePanelContext,
|
|
12
|
+
g as DismissPanel,
|
|
13
|
+
o as Header,
|
|
14
|
+
s as HeaderAction,
|
|
12
15
|
t as HeaderActions,
|
|
13
|
-
|
|
14
|
-
|
|
16
|
+
r as Layout,
|
|
17
|
+
l as LayoutContent,
|
|
15
18
|
m as Main,
|
|
16
19
|
n as MobileMenu,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
20
|
+
I as MobileMenuContext,
|
|
21
|
+
k as Navbar,
|
|
22
|
+
P as Navigation,
|
|
23
|
+
M as NavigationHeader,
|
|
24
|
+
N as NavigationItem,
|
|
25
|
+
f as NavigationLink,
|
|
26
|
+
C as NavigationSection,
|
|
27
|
+
b as NavigationSubMenu,
|
|
28
|
+
u as Panel,
|
|
29
|
+
H as PanelBody,
|
|
30
|
+
D as PanelContext,
|
|
31
|
+
c as PanelHeader,
|
|
32
|
+
L as PanelTitle
|
|
27
33
|
};
|
|
@@ -1,9 +1,4 @@
|
|
|
1
1
|
import { DetailedHTMLProps, HTMLAttributes } from 'react';
|
|
2
|
-
import { NavigationLinkProps } from './components';
|
|
3
2
|
import { CollectionProps } from '@react-aria/collections';
|
|
4
3
|
export type NavigationProps<T extends object> = CollectionProps<T> & Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'children'>;
|
|
5
|
-
export declare const Navigation:
|
|
6
|
-
Link: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ as, children, className, isActive, title, "aria-label": ariaLabel, ...rest }: NavigationLinkProps<C>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
SubMenu: <T extends object>({ className, children, items, ...rest }: import('./components').NavigationSubMenuProps<T>) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
-
};
|
|
9
|
-
export type { NavigationLinkProps };
|
|
4
|
+
export declare const Navigation: <T extends object>({ className, items, children, dependencies, idScope, addIdAndValue, ...rest }: NavigationProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,10 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
|
|
|
2
2
|
import { Navigation } from '.';
|
|
3
3
|
type Story = StoryObj<typeof Navigation>;
|
|
4
4
|
declare const _default: {
|
|
5
|
-
component:
|
|
6
|
-
Link: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ as, children, className, isActive, title, "aria-label": ariaLabel, ...rest }: import('./components').NavigationLinkProps<C>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
SubMenu: <T extends object>({ className, children, items, ...rest }: import('./components').NavigationSubMenuProps<T>) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
-
};
|
|
5
|
+
component: <T extends object>({ className, items, children, dependencies, idScope, addIdAndValue, ...rest }: import('./Navigation').NavigationProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
9
6
|
title: string;
|
|
10
7
|
tags: string[];
|
|
11
8
|
};
|
package/navigation/index.d.ts
CHANGED
package/navigation/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { TextProps } from '
|
|
1
|
+
import { TextProps } from '../../../../components/src/index.ts';
|
|
2
2
|
export type NavigationHeaderProps = TextProps;
|
|
3
3
|
export declare const NavigationHeader: ({ className, ...rest }: NavigationHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode, ElementType } from 'react';
|
|
2
2
|
import { Link } from 'react-aria-components';
|
|
3
|
-
import { LinkComponentProps } from '
|
|
3
|
+
import { LinkComponentProps } from '../../../../components/src/index.ts';
|
|
4
4
|
export interface NavigationLinkComponentProps<C extends ElementType> extends Pick<LinkComponentProps<C>, 'className' | 'as'> {
|
|
5
5
|
/** The icon to display. */
|
|
6
6
|
children: ReactNode;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { DetailedHTMLProps, HTMLAttributes } from 'react';
|
|
2
1
|
import { CollectionProps } from '@react-aria/collections';
|
|
3
|
-
export type NavigationSubMenuProps<T extends object> = CollectionProps<T> &
|
|
2
|
+
export type NavigationSubMenuProps<T extends object> = CollectionProps<T> & {
|
|
3
|
+
className?: string;
|
|
4
|
+
};
|
|
4
5
|
export declare const NavigationSubMenu: <T extends object>({ className, children, items, ...rest }: NavigationSubMenuProps<T>) => import("react/jsx-runtime").JSX.Element | null;
|
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"description": "Midas Layout components",
|
|
15
15
|
"homepage": "https://designsystem.migrationsverket.se/",
|
|
16
16
|
"license": "CC0-1.0",
|
|
17
|
-
"version": "0.0.
|
|
17
|
+
"version": "0.0.9",
|
|
18
18
|
"module": "./index.js",
|
|
19
19
|
"type": "module",
|
|
20
20
|
"main": "./index.js",
|
|
@@ -36,6 +36,6 @@
|
|
|
36
36
|
"./*": "./*/index.js"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@midas-ds/components": "17.7.
|
|
39
|
+
"@midas-ds/components": "17.7.7"
|
|
40
40
|
}
|
|
41
41
|
}
|
package/panel/Panel.d.ts
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CollapseTriggerProps } from './collapse-panel';
|
|
2
|
+
import { DismissTriggerProps } from './dismiss-panel';
|
|
3
|
+
import { PanelBodyProps } from './panel-body';
|
|
4
|
+
import { PanelTitleProps } from './panel-title';
|
|
2
5
|
export type PanelVariant = 'collapse' | 'dismiss' | undefined;
|
|
3
6
|
export type PanelTriggerProps<T extends PanelVariant> = T extends 'collapse' ? CollapseTriggerProps : T extends 'dismiss' ? DismissTriggerProps : never;
|
|
4
7
|
export type PanelProps<T extends PanelVariant> = PanelBodyProps & Pick<PanelTitleProps, 'title'> & PanelTriggerProps<T> & {
|
|
5
8
|
variant?: T;
|
|
6
9
|
};
|
|
7
|
-
export declare const Panel: <T extends PanelVariant>({ variant, ...rest }: PanelProps<T>) => import("react/jsx-runtime").JSX.Element
|
|
10
|
+
export declare const Panel: <T extends PanelVariant>({ variant, ...rest }: PanelProps<T>) => import("react/jsx-runtime").JSX.Element;
|
package/panel/Panel.stories.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
|
|
|
2
2
|
import { Panel } from '.';
|
|
3
3
|
type Story = StoryObj<typeof Panel>;
|
|
4
4
|
declare const _default: {
|
|
5
|
-
component: <T extends import('./Panel').PanelVariant>({ variant, ...rest }: import('./Panel').PanelProps<T>) => import("react/jsx-runtime").JSX.Element
|
|
5
|
+
component: <T extends import('./Panel').PanelVariant>({ variant, ...rest }: import('./Panel').PanelProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
title: string;
|
|
7
7
|
tags: string[];
|
|
8
8
|
args: {
|
package/panel/PanelContext.d.ts
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
1
|
import { PanelProps, PanelVariant } from '.';
|
|
2
2
|
export type PanelContextValue<T extends PanelVariant> = Pick<PanelProps<T>, 'variant'>;
|
|
3
3
|
export declare const PanelContext: import('react').Context<PanelContextValue<PanelVariant>>;
|
|
4
|
-
export type CollapsePanelContextValue = Pick<PanelProps<'collapse'>, 'isCollapsed'>;
|
|
5
|
-
export declare const CollapsePanelContext: import('react').Context<CollapsePanelContextValue>;
|
package/panel/index.d.ts
CHANGED
package/panel/index.js
CHANGED
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
import { P as o } from "../chunks/Panel-
|
|
2
|
-
import { C as
|
|
1
|
+
import { C as l, D as s, P as n, a as P, b as o, c as t } from "../chunks/Panel-BsVbn7nx.js";
|
|
2
|
+
import { C as r, P as p } from "../chunks/PanelContext-D6WQ7_yb.js";
|
|
3
3
|
export {
|
|
4
|
-
l as
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
l as CollapsePanel,
|
|
5
|
+
r as CollapsePanelContext,
|
|
6
|
+
s as DismissPanel,
|
|
7
|
+
n as Panel,
|
|
8
|
+
P as PanelBody,
|
|
9
|
+
p as PanelContext,
|
|
10
|
+
o as PanelHeader,
|
|
11
|
+
t as PanelTitle
|
|
7
12
|
};
|
package/utils/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './useIsMobileDevice';
|
package/utils/index.js
ADDED
package/assets/MobileMenu.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._header_105ne_1{background-color:var(--midas-background-base);display:flex;flex:1 0 auto;padding:1rem}._headerActions_oafen_1{display:flex;gap:.25rem;align-items:center;margin-inline-start:auto}@media(max-width:640px){._label_oafen_8{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}._overlay_dmbs8_1{position:absolute;top:0;left:0;width:100%;height:var(--page-height);background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}._overlay_dmbs8_1[data-entering]{animation:_drawer-blur_dmbs8_1 var(--midas-transition-duration-fast)}._overlay_dmbs8_1[data-exiting]{animation:_drawer-blur_dmbs8_1 var(--midas-transition-duration-fast) reverse ease-in}._drawer_dmbs8_20{position:sticky;left:0;width:300px;top:-100px;height:calc(100dvh + 200px);padding:100px 0;margin-right:auto;background:var(--overlay-background);outline:none;border-right:1px solid var(--midas-border-color-secondary);box-shadow:-8px 0 20px #0000001a;font-family:system-ui;font-size:.875rem}._drawer_dmbs8_20[data-entering]{animation:_drawer-slide_dmbs8_1 var(--midas-transition-duration-fast)}._drawer_dmbs8_20[data-exiting]{animation:_drawer-slide_dmbs8_1 var(--midas-transition-duration-fast) reverse ease-in}@keyframes _drawer-blur_dmbs8_1{0%{background:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes _drawer-slide_dmbs8_1{0%{transform:translate(-100%)}to{transform:translate(0)}}
|
package/assets/Navigation.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._tooltip_2gvxu_1{font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-20);padding:var(--midas-space-xsmall) var(--midas-space-small);color:var(--midas-text-inverse);background-color:var(--midas-background-inverse);max-width:150px;outline:none;transform:translateZ(0);transition:transform var(--midas-transition-duration-fast),opacity var(--midas-transition-duration-fast)}@media(forced-colors:active){._tooltip_2gvxu_1{border:1px solid}}._tooltip_2gvxu_1 ._arrow_2gvxu_18 svg{display:block;fill:var(--midas-background-inverse)}@media(forced-colors:active){._tooltip_2gvxu_1 ._arrow_2gvxu_18 svg{fill:currentColor}}._tooltip_2gvxu_1[data-entering],._tooltip_2gvxu_1[data-exiting]{transform:var(--origin);opacity:0}._tooltip_2gvxu_1[data-placement=top]{margin-bottom:8px;--origin: translateY(4px)}._tooltip_2gvxu_1[data-placement=bottom]{margin-top:8px;--origin: translateY(-4px)}._tooltip_2gvxu_1[data-placement=bottom] ._arrow_2gvxu_18 svg{transform:rotate(180deg)}._tooltip_2gvxu_1[data-placement=right]{margin-left:8px;--origin: translateX(-4px)}._tooltip_2gvxu_1[data-placement=right] ._arrow_2gvxu_18 svg{transform:rotate(90deg)}._tooltip_2gvxu_1[data-placement=left]{margin-right:8px;--origin: translateX(4px)}._tooltip_2gvxu_1[data-placement=left] ._arrow_2gvxu_18 svg{transform:rotate(-90deg)}@media(prefers-reduced-motion){._tooltip_2gvxu_1{transition:none}}._navigationHeader_j94pq_1{color:var(--midas-text-secondary);font-size:var(--midas-typography-font-size-20);padding:var(--midas-spacing-30)}._navigationHeader_j94pq_1._collapsed_j94pq_6{display:none}._navigationLink_tfdcf_1{align-items:center;align-self:stretch;border-left:var(--midas-size-10) solid transparent;color:var(--midas-text-primary);display:flex;flex-direction:column;flex:1 0 0%;font-family:var(--midas-typography-font-family);gap:var(--midas-spacing-30);justify-content:flex-end;padding:var(--midas-spacing-50);text-decoration:none}._navigationLink_tfdcf_1[data-hovered],._navigationLink_tfdcf_1:hover,._navigationLink_tfdcf_1[data-active]{background-color:var(--midas-menu-item-background-hover)}._navigationLink_tfdcf_1._collapse_tfdcf_21{flex-direction:row;justify-content:flex-start;padding:.625rem var(--midas-spacing-30)}._navigationLink_tfdcf_1._collapse_tfdcf_21[data-active]{border-color:var(--midas-border-color-tertiary);font-weight:var(--midas-typography-weight-bold)}._navigationLink_tfdcf_1 svg{height:var(--midas-size-90);width:var(--midas-size-90)}._navigationLink_tfdcf_1._collapsed_tfdcf_37{justify-content:center}._navigationLink_tfdcf_1._collapsed_tfdcf_37 ._title_tfdcf_40{display:none}._navigationItem_1jt2l_1{list-style:none}._navigationSubMenu_vfyl6_1{padding:0;margin:0 0 1rem 1rem}._navigationSubMenu_vfyl6_1._collapsed_vfyl6_5{margin-left:0}._navigationSection_1ae77_1{padding:0;margin:0 0 1rem}._navigationSection_1ae77_1._collapsed_1ae77_5{margin-bottom:0}._navigation_3axp3_1{background-color:var(--midas-layer-01-base)}._rootList_3axp3_5{margin:0;padding:0}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._button_7n7qm_1{--border-width: 1px;font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-30);font-weight:500;padding:calc(var(--midas-space-70) - var(--border-width)) calc(var(--midas-space-large) - var(--border-width));line-height:var(--midas-typography-line-height-30);background-color:var(--midas-button-background-primary-base);border:solid var(--border-width) transparent;color:var(--midas-text-on-color);cursor:pointer;opacity:1;outline:none;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}._button_7n7qm_1[data-focus-visible],._button_7n7qm_1:focus-visible{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._button_7n7qm_1[data-focus-visible],._button_7n7qm_1:focus-visible{outline:3px solid highlight;outline-offset:2px}}._button_7n7qm_1[data-hovered]{background-color:var(--midas-button-background-primary-hover)}._button_7n7qm_1[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-primary-active);outline:none}._button_7n7qm_1[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:var(--midas-button-background-disabled)}._secondary_7n7qm_48{color:var(--midas-text-tertiary);background-color:var(--midas-button-background-secondary-base);border-color:var(--midas-button-border-secondary);opacity:1}._secondary_7n7qm_48[data-hovered]{background-color:var(--midas-button-background-secondary-hover)}._secondary_7n7qm_48[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:var(--midas-button-background-disabled);border-color:var(--midas-border-color-disabled)}._secondary_7n7qm_48[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-secondary-active);border-color:var(--midas-text-tertiary)}._tertiary_7n7qm_71{color:var(--midas-text-tertiary);background-color:transparent;opacity:1}._tertiary_7n7qm_71[data-hovered]{background-color:var(--midas-button-background-tertiary-hover)}._tertiary_7n7qm_71[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:#fff}._tertiary_7n7qm_71[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-tertiary-active)}._iconBtn_7n7qm_91{background-color:transparent;padding:calc(var(--midas-space-70) - var(--border-width));color:var(--midas-icon-primary);display:flex;align-items:center}._iconBtn_7n7qm_91[data-hovered]{background-color:var(--midas-button-icon-hover)}._iconBtn_7n7qm_91[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._iconBtn_7n7qm_91[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-icon-active)}._iconBtn_7n7qm_91._medium_7n7qm_111{padding:calc(var(--midas-space-50) - var(--border-width))}._danger_7n7qm_116{color:var(--midas-color-white-base);background-color:var(--midas-button-background-danger-base);opacity:1}._danger_7n7qm_116[data-hovered]{color:var(--midas-color-white-base);background-color:var(--midas-button-background-danger-hover)}._danger_7n7qm_116[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:var(--midas-button-background-disabled)}._danger_7n7qm_116[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-danger-active);outline:none}._iconRight_7n7qm_138{flex-direction:row-reverse}._fullwidth_7n7qm_142{width:100%}._medium_7n7qm_111{padding:calc(var(--midas-space-50) - var(--border-width)) calc(var(--midas-space-medium) - var(--border-width))}@media(forced-colors:active){._primary_7n7qm_152{border-width:2px}}._container_1qexx_1{display:inline-flex}._spinner_1qexx_5{animation:_rotating_1qexx_1 1s linear infinite;stroke-linecap:square}@media(prefers-reduced-motion){._spinner_1qexx_5{animation-duration:2s}}@media(forced-colors:active){._spinner_1qexx_5{color:CanvasText}}._large_1qexx_18{color:var(--midas-icon-tertiary)}@keyframes _rotating_1qexx_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as e, jsxs as c } from "react/jsx-runtime";
|
|
3
|
-
import { c as v } from "./clsx-AexbMWKp.js";
|
|
4
|
-
import { c as M, u as l, B as d } from "./useIsMobileDevice-DhQB0ae2.js";
|
|
5
|
-
import { createContext as b, forwardRef as f } from "react";
|
|
6
|
-
import { DialogTrigger as y, ModalOverlay as g, composeRenderProps as w, Modal as x, Dialog as A } from "react-aria-components";
|
|
7
|
-
import { useControlledState as D } from "@react-stately/utils";
|
|
8
|
-
import { M as N } from "./MobileMenuContext-Coj0sJ0N.js";
|
|
9
|
-
import '../assets/MobileMenu.css';const O = [
|
|
10
|
-
["path", { d: "M4 5h16", key: "1tepv9" }],
|
|
11
|
-
["path", { d: "M4 12h16", key: "1lakjw" }],
|
|
12
|
-
["path", { d: "M4 19h16", key: "1djgab" }]
|
|
13
|
-
], H = M("menu", O), j = b({
|
|
14
|
-
size: void 0
|
|
15
|
-
}), B = "_header_105ne_1", C = {
|
|
16
|
-
header: B
|
|
17
|
-
}, G = ({ className: s, ...o }) => {
|
|
18
|
-
const r = l();
|
|
19
|
-
return /* @__PURE__ */ e(j.Provider, { value: { size: r ? "x-small" : "large" }, children: /* @__PURE__ */ e(
|
|
20
|
-
"header",
|
|
21
|
-
{
|
|
22
|
-
className: v(s, C.header),
|
|
23
|
-
...o
|
|
24
|
-
}
|
|
25
|
-
) });
|
|
26
|
-
}, P = "_headerActions_oafen_1", k = "_label_oafen_8", m = {
|
|
27
|
-
headerActions: P,
|
|
28
|
-
label: k
|
|
29
|
-
}, h = f(
|
|
30
|
-
({ children: s, icon: o, ...r }, a) => /* @__PURE__ */ c(
|
|
31
|
-
d,
|
|
32
|
-
{
|
|
33
|
-
ref: a,
|
|
34
|
-
size: "medium",
|
|
35
|
-
variant: "tertiary",
|
|
36
|
-
...r,
|
|
37
|
-
children: [
|
|
38
|
-
o,
|
|
39
|
-
s && /* @__PURE__ */ e("span", { className: m.label, children: s })
|
|
40
|
-
]
|
|
41
|
-
}
|
|
42
|
-
)
|
|
43
|
-
);
|
|
44
|
-
h.displayName = "HeaderActionsButton";
|
|
45
|
-
const z = ({ children: s }) => /* @__PURE__ */ e("div", { className: m.headerActions, children: s }), J = Object.assign(z, {
|
|
46
|
-
Button: h
|
|
47
|
-
}), I = "_overlay_dmbs8_1", R = "_drawer_dmbs8_20", i = {
|
|
48
|
-
overlay: I,
|
|
49
|
-
drawer: R
|
|
50
|
-
}, K = ({
|
|
51
|
-
children: s,
|
|
52
|
-
isDrawerOpen: o,
|
|
53
|
-
defaultDrawerOpen: r = !1,
|
|
54
|
-
onDrawerOpenChange: a
|
|
55
|
-
}) => {
|
|
56
|
-
const p = l(), [u, n] = D(
|
|
57
|
-
o,
|
|
58
|
-
r,
|
|
59
|
-
a
|
|
60
|
-
), _ = () => n((t) => !t);
|
|
61
|
-
return p ? /* @__PURE__ */ e(N.Provider, { value: {}, children: /* @__PURE__ */ c(y, { children: [
|
|
62
|
-
/* @__PURE__ */ e(
|
|
63
|
-
d,
|
|
64
|
-
{
|
|
65
|
-
icon: H,
|
|
66
|
-
variant: "icon",
|
|
67
|
-
onPress: _
|
|
68
|
-
}
|
|
69
|
-
),
|
|
70
|
-
/* @__PURE__ */ e(
|
|
71
|
-
g,
|
|
72
|
-
{
|
|
73
|
-
className: i.overlay,
|
|
74
|
-
isDismissable: !0,
|
|
75
|
-
isOpen: u,
|
|
76
|
-
onOpenChange: n,
|
|
77
|
-
children: w(s, (t) => /* @__PURE__ */ e(x, { className: i.drawer, children: /* @__PURE__ */ e(A, { children: t }) }))
|
|
78
|
-
}
|
|
79
|
-
)
|
|
80
|
-
] }) }) : null;
|
|
81
|
-
};
|
|
82
|
-
export {
|
|
83
|
-
G as H,
|
|
84
|
-
K as M,
|
|
85
|
-
J as a
|
|
86
|
-
};
|
|
@@ -1,212 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as n, jsxs as d, Fragment as $ } from "react/jsx-runtime";
|
|
3
|
-
import { useContext as e } from "react";
|
|
4
|
-
import { Collection as L } from "@react-aria/collections";
|
|
5
|
-
import { c as l } from "./clsx-AexbMWKp.js";
|
|
6
|
-
import { C as g, T as M, P as k } from "./PanelContext-D2ADxgo6.js";
|
|
7
|
-
import { TooltipTrigger as w, Tooltip as j, OverlayArrow as H, OverlayTriggerStateContext as I, Focusable as O, Link as P, Collection as D } from "react-aria-components";
|
|
8
|
-
import { M as q } from "./MobileMenuContext-Coj0sJ0N.js";
|
|
9
|
-
import '../assets/Navigation.css';const F = "_tooltip_2gvxu_1", A = "_arrow_2gvxu_18", C = {
|
|
10
|
-
tooltip: F,
|
|
11
|
-
arrow: A
|
|
12
|
-
};
|
|
13
|
-
function B({ children: o, className: t, ...a }) {
|
|
14
|
-
return /* @__PURE__ */ n(
|
|
15
|
-
j,
|
|
16
|
-
{
|
|
17
|
-
className: l(C.tooltip, t),
|
|
18
|
-
...a,
|
|
19
|
-
children: (i) => /* @__PURE__ */ d($, { children: [
|
|
20
|
-
/* @__PURE__ */ n(H, { className: C.arrow, children: /* @__PURE__ */ n(
|
|
21
|
-
"svg",
|
|
22
|
-
{
|
|
23
|
-
width: 8,
|
|
24
|
-
height: 8,
|
|
25
|
-
viewBox: "0 0 8 8",
|
|
26
|
-
children: /* @__PURE__ */ n("path", { d: "M0 0 L4 4 L8 0" })
|
|
27
|
-
}
|
|
28
|
-
) }),
|
|
29
|
-
typeof o == "function" ? o(i) : o
|
|
30
|
-
] })
|
|
31
|
-
}
|
|
32
|
-
);
|
|
33
|
-
}
|
|
34
|
-
function R({
|
|
35
|
-
delay: o = 0,
|
|
36
|
-
...t
|
|
37
|
-
}) {
|
|
38
|
-
return /* @__PURE__ */ n(
|
|
39
|
-
w,
|
|
40
|
-
{
|
|
41
|
-
delay: o,
|
|
42
|
-
...t
|
|
43
|
-
}
|
|
44
|
-
);
|
|
45
|
-
}
|
|
46
|
-
const z = "_navigationHeader_j94pq_1", E = "_collapsed_j94pq_6", h = {
|
|
47
|
-
navigationHeader: z,
|
|
48
|
-
collapsed: E
|
|
49
|
-
}, G = ({
|
|
50
|
-
className: o,
|
|
51
|
-
...t
|
|
52
|
-
}) => {
|
|
53
|
-
const { isCollapsed: a } = e(g);
|
|
54
|
-
return /* @__PURE__ */ n(
|
|
55
|
-
M,
|
|
56
|
-
{
|
|
57
|
-
className: l(o, h.navigationHeader, {
|
|
58
|
-
[h.collapsed]: a
|
|
59
|
-
}),
|
|
60
|
-
...t
|
|
61
|
-
}
|
|
62
|
-
);
|
|
63
|
-
}, J = "_navigationLink_tfdcf_1", K = "_collapse_tfdcf_21", Q = "_collapsed_tfdcf_37", U = "_title_tfdcf_40", p = {
|
|
64
|
-
navigationLink: J,
|
|
65
|
-
collapse: K,
|
|
66
|
-
collapsed: Q,
|
|
67
|
-
title: U
|
|
68
|
-
}, V = ({
|
|
69
|
-
as: o,
|
|
70
|
-
children: t,
|
|
71
|
-
className: a,
|
|
72
|
-
isActive: i,
|
|
73
|
-
title: s,
|
|
74
|
-
"aria-label": r,
|
|
75
|
-
...c
|
|
76
|
-
}) => {
|
|
77
|
-
const { variant: m } = e(k), S = e(q), { isCollapsed: _ } = e(g), u = e(I), T = o || P, f = () => {
|
|
78
|
-
u?.isOpen && u?.setOpen(!1);
|
|
79
|
-
};
|
|
80
|
-
return /* @__PURE__ */ d(R, { isDisabled: !_, children: [
|
|
81
|
-
/* @__PURE__ */ n(O, { children: /* @__PURE__ */ d(
|
|
82
|
-
T,
|
|
83
|
-
{
|
|
84
|
-
"aria-current": i && "page",
|
|
85
|
-
"aria-label": r || (_ ? s : void 0),
|
|
86
|
-
className: l(
|
|
87
|
-
a,
|
|
88
|
-
p.navigationLink,
|
|
89
|
-
m && p[m],
|
|
90
|
-
S && p.collapse,
|
|
91
|
-
{
|
|
92
|
-
[p.collapsed]: _
|
|
93
|
-
}
|
|
94
|
-
),
|
|
95
|
-
"data-active": i || void 0,
|
|
96
|
-
...o ? {
|
|
97
|
-
onClick: (v) => {
|
|
98
|
-
f(), c.onClick?.(v);
|
|
99
|
-
}
|
|
100
|
-
} : {
|
|
101
|
-
onPress: (v) => {
|
|
102
|
-
f(), c.onPress?.(v);
|
|
103
|
-
}
|
|
104
|
-
},
|
|
105
|
-
...c,
|
|
106
|
-
children: [
|
|
107
|
-
t,
|
|
108
|
-
/* @__PURE__ */ n("span", { className: p.title, children: s })
|
|
109
|
-
]
|
|
110
|
-
}
|
|
111
|
-
) }),
|
|
112
|
-
/* @__PURE__ */ n(B, { placement: "right", children: s })
|
|
113
|
-
] });
|
|
114
|
-
}, W = "_navigationItem_1jt2l_1", N = {
|
|
115
|
-
navigationItem: W
|
|
116
|
-
}, X = ({ className: o, ...t }) => {
|
|
117
|
-
const { isCollapsed: a } = e(g);
|
|
118
|
-
return /* @__PURE__ */ n(
|
|
119
|
-
"li",
|
|
120
|
-
{
|
|
121
|
-
className: l(o, N.navigationItem, {
|
|
122
|
-
[N.collapsed]: a
|
|
123
|
-
}),
|
|
124
|
-
...t
|
|
125
|
-
}
|
|
126
|
-
);
|
|
127
|
-
}, Y = "_navigationSubMenu_vfyl6_1", Z = "_collapsed_vfyl6_5", x = {
|
|
128
|
-
navigationSubMenu: Y,
|
|
129
|
-
collapsed: Z
|
|
130
|
-
}, oo = ({
|
|
131
|
-
className: o,
|
|
132
|
-
children: t,
|
|
133
|
-
items: a,
|
|
134
|
-
...i
|
|
135
|
-
}) => {
|
|
136
|
-
const { isCollapsed: s } = e(g), { length: r } = Array.from(a || []);
|
|
137
|
-
return typeof t == "function" && r === 0 ? null : /* @__PURE__ */ n(
|
|
138
|
-
"ul",
|
|
139
|
-
{
|
|
140
|
-
className: l(o, x.navigationSubMenu, {
|
|
141
|
-
[x.collapsed]: s
|
|
142
|
-
}),
|
|
143
|
-
children: /* @__PURE__ */ n(
|
|
144
|
-
L,
|
|
145
|
-
{
|
|
146
|
-
items: a,
|
|
147
|
-
...i,
|
|
148
|
-
children: t
|
|
149
|
-
}
|
|
150
|
-
)
|
|
151
|
-
}
|
|
152
|
-
);
|
|
153
|
-
}, no = "_navigationSection_1ae77_1", to = "_collapsed_1ae77_5", y = {
|
|
154
|
-
navigationSection: no,
|
|
155
|
-
collapsed: to
|
|
156
|
-
}, vo = ({
|
|
157
|
-
className: o,
|
|
158
|
-
title: t,
|
|
159
|
-
...a
|
|
160
|
-
}) => {
|
|
161
|
-
const { isCollapsed: i } = e(g);
|
|
162
|
-
return /* @__PURE__ */ n(X, { children: /* @__PURE__ */ d(
|
|
163
|
-
"ul",
|
|
164
|
-
{
|
|
165
|
-
className: l(o, y.navigationSection, {
|
|
166
|
-
[y.collapsed]: i
|
|
167
|
-
}),
|
|
168
|
-
children: [
|
|
169
|
-
t && /* @__PURE__ */ n(G, { children: t }),
|
|
170
|
-
/* @__PURE__ */ n(L, { ...a })
|
|
171
|
-
]
|
|
172
|
-
}
|
|
173
|
-
) });
|
|
174
|
-
}, ao = "_navigation_3axp3_1", io = "_rootList_3axp3_5", b = {
|
|
175
|
-
navigation: ao,
|
|
176
|
-
rootList: io
|
|
177
|
-
}, eo = ({
|
|
178
|
-
className: o,
|
|
179
|
-
items: t,
|
|
180
|
-
children: a,
|
|
181
|
-
dependencies: i,
|
|
182
|
-
idScope: s,
|
|
183
|
-
addIdAndValue: r,
|
|
184
|
-
...c
|
|
185
|
-
}) => /* @__PURE__ */ n(
|
|
186
|
-
"nav",
|
|
187
|
-
{
|
|
188
|
-
className: l(o, b.navigation),
|
|
189
|
-
...c,
|
|
190
|
-
children: /* @__PURE__ */ n("ul", { className: b.rootList, children: /* @__PURE__ */ n(
|
|
191
|
-
D,
|
|
192
|
-
{
|
|
193
|
-
items: t,
|
|
194
|
-
children: a,
|
|
195
|
-
dependencies: i,
|
|
196
|
-
idScope: s,
|
|
197
|
-
addIdAndValue: r
|
|
198
|
-
}
|
|
199
|
-
) })
|
|
200
|
-
}
|
|
201
|
-
), mo = Object.assign(eo, {
|
|
202
|
-
Link: V,
|
|
203
|
-
SubMenu: oo
|
|
204
|
-
});
|
|
205
|
-
export {
|
|
206
|
-
mo as N,
|
|
207
|
-
G as a,
|
|
208
|
-
X as b,
|
|
209
|
-
V as c,
|
|
210
|
-
vo as d,
|
|
211
|
-
oo as e
|
|
212
|
-
};
|