@midas-ds/layout 0.2.0 → 0.2.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 (49) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/assets/header.css +1 -0
  3. package/assets/layout.css +1 -0
  4. package/assets/main.css +1 -0
  5. package/assets/navbar.css +1 -0
  6. package/assets/navigation.css +1 -0
  7. package/assets/panel.css +1 -0
  8. package/assets/sidebar.css +1 -0
  9. package/chunks/clsx-CbxlCXZ3.js +16 -0
  10. package/chunks/createLucideIcon-BgluSHFG.js +39 -0
  11. package/chunks/header--aFkqcRB.js +86 -0
  12. package/chunks/layout-BL0juoss.js +27 -0
  13. package/chunks/main-BHQLIt4r.js +8 -0
  14. package/chunks/navbar-C63VGKFb.js +8 -0
  15. package/chunks/navigation-C27FuxMS.js +96 -0
  16. package/chunks/panel-CJr6C1-h.js +165 -0
  17. package/chunks/sidebar-BhbGgFMU.js +93 -0
  18. package/chunks/utils-B0BlrR1T.js +23 -0
  19. package/header/index.js +2 -9
  20. package/index.js +8 -39
  21. package/layout/index.js +2 -5
  22. package/main/index.js +2 -4
  23. package/navbar/index.js +2 -4
  24. package/navigation/index.js +2 -9
  25. package/package.json +2 -2
  26. package/panel/index.js +2 -14
  27. package/sidebar/index.js +2 -6
  28. package/utils/index.js +2 -4
  29. package/assets/Header.css +0 -1
  30. package/assets/LayoutContent.css +0 -1
  31. package/assets/Main.css +0 -1
  32. package/assets/Navbar.css +0 -1
  33. package/assets/NavigationSubMenu.css +0 -1
  34. package/assets/PanelRegion.css +0 -1
  35. package/assets/PanelTitle.css +0 -1
  36. package/assets/Sidebar.css +0 -1
  37. package/chunks/Header-Wswx-yQj.js +0 -107
  38. package/chunks/LayoutContent-DDWtDRL5.js +0 -53
  39. package/chunks/Main-BVvbCTMX.js +0 -14
  40. package/chunks/MobileMenuContext-Coj0sJ0N.js +0 -6
  41. package/chunks/Navbar-Do2dFMRr.js +0 -14
  42. package/chunks/NavigationSubMenu-DabVRyqI.js +0 -166
  43. package/chunks/PanelRegion-X9t7HDPS.js +0 -193
  44. package/chunks/PanelTitle-CSjU7dUj.js +0 -51
  45. package/chunks/Sidebar-uZAklu0a.js +0 -91
  46. package/chunks/SidebarContext-CoDRKR2m.js +0 -8
  47. package/chunks/clsx-OuTLNxxd.js +0 -16
  48. package/chunks/createLucideIcon-CP-mMPfa.js +0 -75
  49. package/chunks/useIsMobileDevice-D0iMVFPx.js +0 -25
package/index.js CHANGED
@@ -1,39 +1,8 @@
1
- import { H as o, a as t, b as n, M as s } from "./chunks/Header-Wswx-yQj.js";
2
- import { L as i, a as l } from "./chunks/LayoutContent-DDWtDRL5.js";
3
- import { M as P } from "./chunks/Main-BVvbCTMX.js";
4
- import { N as b, a as d, b as f, c as p, d as M, e as N } from "./chunks/NavigationSubMenu-DabVRyqI.js";
5
- import { P as v, a as g, b as c, c as H, U as S, u as C } from "./chunks/PanelRegion-X9t7HDPS.js";
6
- import { S as y } from "./chunks/Sidebar-uZAklu0a.js";
7
- import { S as U } from "./chunks/SidebarContext-CoDRKR2m.js";
8
- import { N as B } from "./chunks/Navbar-Do2dFMRr.js";
9
- import { M as R } from "./chunks/MobileMenuContext-Coj0sJ0N.js";
10
- import { P as h, a as j, b as q, c as w } from "./chunks/PanelTitle-CSjU7dUj.js";
11
- export {
12
- o as Header,
13
- t as HeaderAction,
14
- n as HeaderActions,
15
- i as Layout,
16
- l as LayoutContent,
17
- P as Main,
18
- s as MobileMenu,
19
- R as MobileMenuContext,
20
- B as Navbar,
21
- b as Navigation,
22
- d as NavigationHeader,
23
- f as NavigationItem,
24
- p as NavigationLink,
25
- M as NavigationSection,
26
- N as NavigationSubMenu,
27
- v as Panel,
28
- h as PanelBody,
29
- j as PanelContent,
30
- g as PanelContext,
31
- q as PanelHeader,
32
- c as PanelProvider,
33
- H as PanelRegion,
34
- w as PanelTitle,
35
- y as Sidebar,
36
- U as SidebarContext,
37
- S as UsePanels,
38
- C as usePanels
39
- };
1
+ import { a as e, i as t, n, r, t as i } from "./chunks/header--aFkqcRB.js";
2
+ import { n as a, t as o } from "./chunks/sidebar-BhbGgFMU.js";
3
+ import { a as s, c, i as l, l as u, n as d, o as f, r as p, s as m, t as h, u as g } from "./chunks/panel-CJr6C1-h.js";
4
+ import { n as _, t as v } from "./chunks/layout-BL0juoss.js";
5
+ import { t as y } from "./chunks/main-BHQLIt4r.js";
6
+ import { a as b, i as x, n as S, o as C, r as w, t as T } from "./chunks/navigation-C27FuxMS.js";
7
+ import { t as E } from "./chunks/navbar-C63VGKFb.js";
8
+ export { i as Header, t as HeaderAction, e as HeaderActions, _ as Layout, v as LayoutContent, y as Main, n as MobileMenu, r as MobileMenuContext, E as Navbar, C as Navigation, b as NavigationHeader, x as NavigationItem, w as NavigationLink, S as NavigationSection, T as NavigationSubMenu, f as Panel, g as PanelBody, u as PanelContent, l as PanelContext, c as PanelHeader, p as PanelProvider, h as PanelRegion, m as PanelTitle, o as Sidebar, a as SidebarContext, s as UsePanels, d as usePanels };
package/layout/index.js CHANGED
@@ -1,5 +1,2 @@
1
- import { L as t, a as L } from "../chunks/LayoutContent-DDWtDRL5.js";
2
- export {
3
- t as Layout,
4
- L as LayoutContent
5
- };
1
+ import { n as e, t } from "../chunks/layout-BL0juoss.js";
2
+ export { e as Layout, t as LayoutContent };
package/main/index.js CHANGED
@@ -1,4 +1,2 @@
1
- import { M as r } from "../chunks/Main-BVvbCTMX.js";
2
- export {
3
- r as Main
4
- };
1
+ import { t as e } from "../chunks/main-BHQLIt4r.js";
2
+ export { e as Main };
package/navbar/index.js CHANGED
@@ -1,4 +1,2 @@
1
- import { N as o } from "../chunks/Navbar-Do2dFMRr.js";
2
- export {
3
- o as Navbar
4
- };
1
+ import { t as e } from "../chunks/navbar-C63VGKFb.js";
2
+ export { e as Navbar };
@@ -1,9 +1,2 @@
1
- import { N as n, a as o, b as t, c as e, d as N, e as g } from "../chunks/NavigationSubMenu-DabVRyqI.js";
2
- export {
3
- n as Navigation,
4
- o as NavigationHeader,
5
- t as NavigationItem,
6
- e as NavigationLink,
7
- N as NavigationSection,
8
- g as NavigationSubMenu
9
- };
1
+ import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/navigation-C27FuxMS.js";
2
+ export { r as Navigation, e as NavigationHeader, t as NavigationItem, i as NavigationLink, n as NavigationSection, a as NavigationSubMenu };
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.2.0",
17
+ "version": "0.2.2",
18
18
  "module": "./index.js",
19
19
  "type": "module",
20
20
  "main": "./index.js",
@@ -37,7 +37,7 @@
37
37
  "./*": "./*/index.js"
38
38
  },
39
39
  "dependencies": {
40
- "@midas-ds/components": "17.15.2",
40
+ "@midas-ds/components": "17.15.4",
41
41
  "@react-aria/collections": "^3.0.3",
42
42
  "@react-aria/utils": "^3.33.1",
43
43
  "@react-stately/utils": "^3.11.0"
package/panel/index.js CHANGED
@@ -1,14 +1,2 @@
1
- import { P as n, a as s, b as P, c as l, U as o, u as r } from "../chunks/PanelRegion-X9t7HDPS.js";
2
- import { P as d, a as i, b as x, c as b } from "../chunks/PanelTitle-CSjU7dUj.js";
3
- export {
4
- n as Panel,
5
- d as PanelBody,
6
- i as PanelContent,
7
- s as PanelContext,
8
- x as PanelHeader,
9
- P as PanelProvider,
10
- l as PanelRegion,
11
- b as PanelTitle,
12
- o as UsePanels,
13
- r as usePanels
14
- };
1
+ import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../chunks/panel-CJr6C1-h.js";
2
+ export { a as Panel, l as PanelBody, r as PanelContent, n as PanelContext, t as PanelHeader, o as PanelProvider, c as PanelRegion, s as PanelTitle, e as UsePanels, i as usePanels };
package/sidebar/index.js CHANGED
@@ -1,6 +1,2 @@
1
- import { S as o } from "../chunks/Sidebar-uZAklu0a.js";
2
- import { S as t } from "../chunks/SidebarContext-CoDRKR2m.js";
3
- export {
4
- o as Sidebar,
5
- t as SidebarContext
6
- };
1
+ import { n as e, t } from "../chunks/sidebar-BhbGgFMU.js";
2
+ export { t as Sidebar, e as SidebarContext };
package/utils/index.js CHANGED
@@ -1,4 +1,2 @@
1
- import { u as s } from "../chunks/useIsMobileDevice-D0iMVFPx.js";
2
- export {
3
- s as useIsMobileDevice
4
- };
1
+ import { t as e } from "../chunks/utils-B0BlrR1T.js";
2
+ export { e as useIsMobileDevice };
package/assets/Header.css DELETED
@@ -1 +0,0 @@
1
- ._headerActions_1rka5_1{display:flex;gap:.25rem;align-items:center;margin-inline-start:auto}@media(max-width:640px){._label_1191f_1{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_1gblg_1{display:block}._overlay_1gblg_1[data-entering]{animation:_drawer-blur_1gblg_1 var(--midas-transition-duration-quick)}._overlay_1gblg_1[data-exiting]{animation:_drawer-blur_1gblg_1 var(--midas-transition-duration-quick) reverse var(--midas-transition-timing-ease-in)}._drawer_1gblg_14{background-color:var(--midas-background-base);left:0;position:sticky;width:clamp(10rem,15rem,90%);border-right:1px solid var(--midas-border-color-subtle);box-shadow:-8px 0 20px #0000001a;height:calc(100dvh + 200px);margin-right:auto;outline:none;overflow-y:auto;top:-100px}._drawer_1gblg_14[data-entering]{animation:_drawer-slide_1gblg_1 var(--midas-transition-duration-quick)}._drawer_1gblg_14[data-exiting]{animation:_drawer-slide_1gblg_1 var(--midas-transition-duration-quick) reverse var(--midas-transition-timing-ease-in)}._dialog_1gblg_39:focus-visible{outline:none}._header_1gblg_45{background-color:var(--midas-background-base);display:block;margin-bottom:var(--midas-space-medium);padding:var(--midas-space-medium);position:sticky;top:0}@keyframes _drawer-blur_1gblg_1{0%{background:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:var(--midas-overlay-background);-webkit-backdrop-filter:var(--midas-overlay-blur);backdrop-filter:var(--midas-overlay-blur)}}@keyframes _drawer-slide_1gblg_1{0%{transform:translate(-100%)}to{transform:translate(0)}}._header_i5439_1{background-color:var(--midas-background-base);border-bottom:1px solid var(--midas-border-color-subtle);display:flex;gap:var(--midas-space-xlarge)}
@@ -1 +0,0 @@
1
- ._layout_4r2tn_1{display:flex;flex-direction:column;font-family:var(--midas-typography-font-family);width:100%;height:100dvh}._skipToContent_yjoos_1{position:absolute;top:0;right:100%;z-index:var(--midas-z-index-skip-to-content)}._skipToContent_yjoos_1[data-focus-visible]{right:auto;left:5px;top:5px}._layoutContent_rtwdj_1{display:flex;position:relative;height:100%;overflow:hidden}@media not (min-width:800px){._layoutContent_rtwdj_1{flex-direction:column}}
package/assets/Main.css DELETED
@@ -1 +0,0 @@
1
- ._main_5eaab_1{box-sizing:border-box;flex:1 1 auto;min-width:0;height:100%;overflow:hidden auto;scrollbar-gutter:stable;padding:var(--midas-space-xlarge)}._main_5eaab_1:focus-visible{box-shadow:var(--midas-state-focus-inset);outline:none}@media(forced-colors:active){._main_5eaab_1:focus-visible{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}
package/assets/Navbar.css DELETED
@@ -1 +0,0 @@
1
- ._navbar_18aqo_1{background-color:var(--midas-layer-01-base)}._navbar_18aqo_1 ul{display:flex;justify-content:center;margin:0;padding:0}._navbar_18aqo_1 ul li{align-items:center;display:flex;list-style:none}
@@ -1 +0,0 @@
1
- ._rootList_l3v98_1{margin:0;padding:0}._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}._navigationItem_1jt2l_1{list-style:none}._navigationLink_1787b_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_1787b_1[data-hovered],._navigationLink_1787b_1:hover,._navigationLink_1787b_1[data-active]{background-color:var(--midas-menu-item-background-hover)}._navigationLink_1787b_1._sidebar_1787b_21{align-items:flex-start;flex-direction:row;justify-content:flex-start;padding:.625rem var(--midas-spacing-30);transition:padding-inline-start var(--midas-transition-duration-fast) ease-out}._navigationLink_1787b_1._sidebar_1787b_21[data-active]{border-color:var(--midas-border-color-tertiary);font-weight:var(--midas-typography-weight-bold)}._navigationLink_1787b_1._sidebar_1787b_21._collapsed_1787b_34{padding-inline-start:calc((80px - 2 * var(--midas-space-small) - var(--midas-size-90)) / 2)}._navigationLink_1787b_1 svg{flex-shrink:0;height:var(--midas-size-90);width:var(--midas-size-90)}._navigationLink_1787b_1 ._title_1787b_49{display:block;height:auto;interpolate-size:allow-keywords;opacity:1;overflow:hidden;transition:display var(--midas-transition-duration-fast) allow-discrete,height var(--midas-transition-duration-fast) ease-out,opacity var(--midas-transition-duration-instant) ease-out}@starting-style{._navigationLink_1787b_1 ._title_1787b_49{height:0;opacity:0}}._navigationLink_1787b_1._collapsed_1787b_34 ._title_1787b_49{display:none;height:0;opacity:0}._navigationSection_1ae77_1{padding:0;margin:0 0 1rem}._navigationSection_1ae77_1._collapsed_1ae77_5{margin-bottom:0}._navigationSubMenu_vfyl6_1{padding:0;margin:0 0 1rem 1rem}._navigationSubMenu_vfyl6_1._collapsed_vfyl6_5{margin-left:0}
@@ -1 +0,0 @@
1
- :root{--panel-width: 300px;--panel-height-mobile: 40vh}._panel_11eci_6{background:var(--midas-background-base);box-shadow:var(--midas-panel-shadow);height:100%;overflow:hidden;position:absolute;right:0;top:0;width:var(--panel-width);border-left:1px solid var(--midas-border-color-subtle)}._panel_11eci_6[data-promoting]{animation:_promote_11eci_1 var(--midas-transition-duration-slow) ease-out}@media(prefers-reduced-motion:reduce){._panel_11eci_6[data-promoting]{animation-duration:1ms}}._panel_11eci_6[data-entering]{animation:_slide-horizontally_11eci_1 var(--midas-transition-duration-slow)}._panel_11eci_6[data-exiting]{animation:_slide-horizontally_11eci_1 var(--midas-transition-duration-slow) reverse ease-in}@media(prefers-reduced-motion:reduce){._panel_11eci_6[data-entering],._panel_11eci_6[data-exiting]{animation-duration:1ms}}@media not (min-width:800px){._panel_11eci_6{bottom:0;width:100%;height:var(--panel-height-mobile);left:0;top:unset;border-left:none;border-top:1px solid var(--midas-border-color-subtle)}._panel_11eci_6[data-entering]{animation:_slide-vertically_11eci_1 var(--midas-transition-duration-slow)}._panel_11eci_6[data-exiting]{animation:_slide-vertically_11eci_1 var(--midas-transition-duration-slow) reverse ease-in}}._panelActions_11eci_63{align-items:center;display:flex;flex-shrink:0}._panelTitle_11eci_69{font-size:var(--midas-typography-font-size-30);font-weight:var(--midas-typography-weight-semi-bold);line-height:var(--midas-typography-line-height-50);display:block}@keyframes _promote_11eci_1{0%{opacity:.7;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes _slide-horizontally_11eci_1{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _slide-vertically_11eci_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._push_a83oo_1{flex-shrink:0;height:100%;overflow:hidden;position:relative;transition:width var(--midas-transition-duration-slow);width:0}._push_a83oo_1[data-open]{width:var(--panel-width)}@media not (min-width:800px){._push_a83oo_1{height:0;width:100%;transition:height var(--midas-transition-duration-slow)}._push_a83oo_1[data-open]{height:var(--panel-height-mobile);width:100%}}
@@ -1 +0,0 @@
1
- ._panelBody_1p0jk_1{background-color:var(--midas-background-base);box-sizing:border-box;display:flex;flex-direction:column;gap:0}._panelContent_1gfrc_1{flex:1 1 auto;overflow:hidden auto;padding:var(--midas-space-small) var(--midas-space-medium) 0}._panelContent_1gfrc_1:focus-visible{box-shadow:var(--midas-state-focus-inset);outline:none}@media(forced-colors:active){._panelContent_1gfrc_1:focus-visible{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._panelHeader_1g1ux_1{align-items:center;display:flex;justify-content:space-between;padding:var(--midas-space-small) var(--midas-space-30) var(--midas-space-small) var(--midas-space-medium)}._panelTitle_w7y4m_1{display:block}
@@ -1 +0,0 @@
1
- ._sidebar_zlaev_1{background-color:var(--midas-background-base);border-right:1px solid var(--midas-border-color-subtle);flex-shrink:0;transition:width var(--midas-transition-duration-fast) ease-out;width:15rem}._sidebar_zlaev_1._collapsed_zlaev_8{width:80px}@media(max-width:640px){._sidebar_zlaev_1{display:none}}._sidebarHeader_zlaev_17{gap:0}._sidebarHeader_zlaev_17._collapsed_zlaev_8{justify-content:center;padding:var(--midas-space-small)}._sidebarTitle_zlaev_26{display:block;font-size:var(--midas-typography-font-size-20);height:auto;interpolate-size:allow-keywords;opacity:1;overflow:hidden;transition:height var(--midas-transition-duration-fast) ease-out,opacity var(--midas-transition-duration-instant) ease-out}@starting-style{._sidebarTitle_zlaev_26{height:0;opacity:0}}._sidebarTitle_zlaev_26._collapsed_zlaev_8{display:none;height:0;opacity:0}._sidebarContent_zlaev_49{padding:var(--midas-space-small)}._sidebar_zlaev_1[data-transitioning] [data-badge]{opacity:0;transition:none}._sidebar_zlaev_1 [data-badge]{transition:opacity var(--midas-transition-duration-normal) ease var(--midas-transition-duration-fast)}@media(prefers-reduced-motion:reduce){._sidebar_zlaev_1[data-transitioning] [data-badge],._sidebar_zlaev_1 [data-badge]{transition:none}}
@@ -1,107 +0,0 @@
1
- 'use client';
2
- import { jsx as e, jsxs as t, Fragment as b } from "react/jsx-runtime";
3
- import { c } from "./clsx-OuTLNxxd.js";
4
- import { forwardRef as v } from "react";
5
- import { composeRenderProps as d, Modal as M, Dialog as f } from "react-aria-components";
6
- import { Button as m, useLocalizedStringFormatter as y, DialogTrigger as N, ModalOverlay as x, Text as A, clsx as w, LogoContext as H } from "@midas-ds/components";
7
- import { u as h } from "./useIsMobileDevice-D0iMVFPx.js";
8
- import { M as k } from "./MobileMenuContext-Coj0sJ0N.js";
9
- import { c as D } from "./createLucideIcon-CP-mMPfa.js";
10
- import '../assets/Header.css';const $ = "_headerActions_1rka5_1", j = {
11
- headerActions: $
12
- }, Z = ({ className: a, ...o }) => /* @__PURE__ */ e(
13
- "div",
14
- {
15
- className: c(a, j.headerActions),
16
- ...o
17
- }
18
- ), P = "_label_1191f_1", z = {
19
- label: P
20
- }, L = v(
21
- ({ children: a, icon: o, ...r }, l) => (!a && !r["aria-label"] && process.env.NODE_ENV !== "production" && console.warn(
22
- "Please provide an 'aria-label' for HeaderAction components that doesnt have a visible label (children)"
23
- ), /* @__PURE__ */ e(
24
- m,
25
- {
26
- ref: l,
27
- size: "medium",
28
- variant: "tertiary",
29
- ...r,
30
- children: d(a, (s) => /* @__PURE__ */ t(b, { children: [
31
- o,
32
- typeof s < "u" && /* @__PURE__ */ e("span", { className: z.label, children: s })
33
- ] }))
34
- }
35
- ))
36
- );
37
- L.displayName = "HeaderAction";
38
- const O = [
39
- ["path", { d: "M4 5h16", key: "1tepv9" }],
40
- ["path", { d: "M4 12h16", key: "1lakjw" }],
41
- ["path", { d: "M4 19h16", key: "1djgab" }]
42
- ], C = D("menu", O), E = { openMenu: "Open menu" }, F = { openMenu: "Öppna meny" }, I = {
43
- en: E,
44
- sv: F
45
- }, R = "_overlay_1gblg_1", T = "_drawer_1gblg_14", B = "_dialog_1gblg_39", S = "_header_1gblg_45", n = {
46
- overlay: R,
47
- drawer: T,
48
- dialog: B,
49
- header: S
50
- }, ee = ({
51
- children: a,
52
- className: o,
53
- defaultOpen: r,
54
- isOpen: l,
55
- onOpenChange: s,
56
- title: i,
57
- ...p
58
- }) => {
59
- const _ = h(), g = y(I);
60
- return _ ? /* @__PURE__ */ e(k.Provider, { value: {}, children: /* @__PURE__ */ t(
61
- N,
62
- {
63
- isOpen: l,
64
- onOpenChange: s,
65
- defaultOpen: r,
66
- children: [
67
- /* @__PURE__ */ e(
68
- m,
69
- {
70
- "aria-label": g.format("openMenu"),
71
- icon: C,
72
- variant: "icon"
73
- }
74
- ),
75
- /* @__PURE__ */ e(
76
- x,
77
- {
78
- className: w(o, n.overlay),
79
- isDismissable: !0,
80
- ...p,
81
- children: d(a, (u) => /* @__PURE__ */ e(M, { className: n.drawer, children: /* @__PURE__ */ t(f, { className: n.dialog, children: [
82
- i && /* @__PURE__ */ e(A, { className: n.header, children: i }),
83
- u
84
- ] }) }))
85
- }
86
- )
87
- ]
88
- }
89
- ) }) : null;
90
- }, V = "_header_i5439_1", q = {
91
- header: V
92
- }, ae = ({ className: a, ...o }) => {
93
- const r = h();
94
- return /* @__PURE__ */ e(H.Provider, { value: { size: r ? "x-small" : "large" }, children: /* @__PURE__ */ e(
95
- "header",
96
- {
97
- className: c(a, q.header),
98
- ...o
99
- }
100
- ) });
101
- };
102
- export {
103
- ae as H,
104
- ee as M,
105
- L as a,
106
- Z as b
107
- };
@@ -1,53 +0,0 @@
1
- 'use client';
2
- import { jsx as e, jsxs as r } from "react/jsx-runtime";
3
- import { c as a } from "./clsx-OuTLNxxd.js";
4
- import { useLocalizedStringFormatter as c, Button as i } from "@midas-ds/components";
5
- import '../assets/LayoutContent.css';const l = "_layout_4r2tn_1", u = {
6
- layout: l
7
- }, m = { skipToContent: "Skip to main content" }, p = { skipToContent: "Hoppa till huvudinnehåll" }, y = {
8
- en: m,
9
- sv: p
10
- }, d = "_skipToContent_yjoos_1", C = {
11
- skipToContent: d
12
- }, k = ({
13
- selector: t = "main:first-of-type"
14
- }) => {
15
- const o = () => {
16
- const n = document.querySelector(t);
17
- n && (n.tabIndex = -1, n.focus(), n.addEventListener(
18
- "blur",
19
- () => n.removeAttribute("tabindex"),
20
- { once: !0 }
21
- ));
22
- }, s = c(y);
23
- return /* @__PURE__ */ e(
24
- i,
25
- {
26
- onPress: o,
27
- className: C.skipToContent,
28
- children: s.format("skipToContent")
29
- }
30
- );
31
- }, h = ({ children: t, className: o, ...s }) => /* @__PURE__ */ r(
32
- "div",
33
- {
34
- className: a(o, u.layout),
35
- ...s,
36
- children: [
37
- /* @__PURE__ */ e(k, {}),
38
- t
39
- ]
40
- }
41
- ), _ = "_layoutContent_rtwdj_1", f = {
42
- layoutContent: _
43
- }, L = ({ className: t, ...o }) => /* @__PURE__ */ e(
44
- "div",
45
- {
46
- className: a(t, f.layoutContent),
47
- ...o
48
- }
49
- );
50
- export {
51
- h as L,
52
- L as a
53
- };
@@ -1,14 +0,0 @@
1
- import { jsx as m } from "react/jsx-runtime";
2
- import { c as n } from "./clsx-OuTLNxxd.js";
3
- import '../assets/Main.css';const i = "_main_5eaab_1", o = {
4
- main: i
5
- }, r = ({ className: a, ...s }) => /* @__PURE__ */ m(
6
- "main",
7
- {
8
- className: n(a, o.main),
9
- ...s
10
- }
11
- );
12
- export {
13
- r as M
14
- };
@@ -1,6 +0,0 @@
1
- 'use client';
2
- import { createContext as o } from "react";
3
- const e = o(void 0);
4
- export {
5
- e as M
6
- };
@@ -1,14 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { c as s } from "./clsx-OuTLNxxd.js";
3
- import '../assets/Navbar.css';const t = "_navbar_18aqo_1", n = {
4
- navbar: t
5
- }, m = ({ className: a, ...o }) => /* @__PURE__ */ r(
6
- "footer",
7
- {
8
- className: s(a, n.navbar),
9
- ...o
10
- }
11
- );
12
- export {
13
- m as N
14
- };
@@ -1,166 +0,0 @@
1
- 'use client';
2
- import { jsx as n, jsxs as v } from "react/jsx-runtime";
3
- import { Collection as k, OverlayTriggerStateContext as M, Focusable as j, Link as H } from "react-aria-components";
4
- import { useContext as s } from "react";
5
- import { Text as I, clsx as S, TooltipTrigger as T, Tooltip as D } from "@midas-ds/components";
6
- import { S as r } from "./SidebarContext-CoDRKR2m.js";
7
- import { M as O } from "./MobileMenuContext-Coj0sJ0N.js";
8
- import { c as m } from "./clsx-OuTLNxxd.js";
9
- import { Collection as h } from "@react-aria/collections";
10
- import '../assets/NavigationSubMenu.css';const q = "_rootList_l3v98_1", w = {
11
- rootList: q
12
- }, io = ({
13
- className: t,
14
- items: o,
15
- children: e,
16
- dependencies: i,
17
- idScope: c,
18
- addIdAndValue: a,
19
- ...l
20
- }) => /* @__PURE__ */ n(
21
- "nav",
22
- {
23
- className: t,
24
- ...l,
25
- children: /* @__PURE__ */ n("ul", { className: w.rootList, children: /* @__PURE__ */ n(
26
- k,
27
- {
28
- items: o,
29
- children: e,
30
- dependencies: i,
31
- idScope: c,
32
- addIdAndValue: a
33
- }
34
- ) })
35
- }
36
- ), E = "_navigationHeader_j94pq_1", P = "_collapsed_j94pq_6", f = {
37
- navigationHeader: E,
38
- collapsed: P
39
- }, A = ({ className: t, ...o }) => {
40
- const e = s(r);
41
- return /* @__PURE__ */ n(
42
- I,
43
- {
44
- className: S(t, f.navigationHeader, {
45
- [f.collapsed]: e?.isCollapsed
46
- }),
47
- ...o
48
- }
49
- );
50
- }, F = "_navigationItem_1jt2l_1", x = {
51
- navigationItem: F
52
- }, V = ({ className: t, ...o }) => {
53
- const e = s(r);
54
- return /* @__PURE__ */ n(
55
- "li",
56
- {
57
- className: m(t, x.navigationItem, {
58
- [x.collapsed]: e?.isCollapsed
59
- }),
60
- ...o
61
- }
62
- );
63
- }, z = "_navigationLink_1787b_1", B = "_sidebar_1787b_21", G = "_collapsed_1787b_34", J = "_title_1787b_49", p = {
64
- navigationLink: z,
65
- sidebar: B,
66
- collapsed: G,
67
- title: J
68
- }, ao = ({
69
- as: t,
70
- children: o,
71
- className: e,
72
- isActive: i,
73
- icon: c,
74
- "aria-label": a,
75
- ...l
76
- }) => {
77
- const L = s(O), u = s(r), g = u?.isCollapsed, b = s(M), $ = t || H, C = () => {
78
- b?.isOpen && b?.setOpen(!1);
79
- }, d = typeof o == "string" ? o : void 0;
80
- return !d && !a && process.env.NODE_ENV !== "production" && console.warn(
81
- "An 'aria-label' is required for <NavigationLink> elements with non plain text children"
82
- ), /* @__PURE__ */ v(T, { isDisabled: !g || !d && !a, children: [
83
- /* @__PURE__ */ n(j, { children: /* @__PURE__ */ v(
84
- $,
85
- {
86
- "aria-current": i && "page",
87
- "aria-label": a || (g ? d : void 0),
88
- className: S(e, p.navigationLink, {
89
- [p.sidebar]: u || L,
90
- [p.collapsed]: g
91
- }),
92
- "data-active": i || void 0,
93
- ...t ? {
94
- onClick: (_) => {
95
- C(), l.onClick?.(_);
96
- }
97
- } : {
98
- onPress: (_) => {
99
- C(), l.onPress?.(_);
100
- }
101
- },
102
- ...l,
103
- children: [
104
- c,
105
- /* @__PURE__ */ n("span", { className: p.title, children: o })
106
- ]
107
- }
108
- ) }),
109
- /* @__PURE__ */ n(D, { placement: "right", children: d })
110
- ] });
111
- }, K = "_navigationSection_1ae77_1", Q = "_collapsed_1ae77_5", N = {
112
- navigationSection: K,
113
- collapsed: Q
114
- }, so = ({
115
- className: t,
116
- title: o,
117
- ...e
118
- }) => {
119
- const i = s(r);
120
- return /* @__PURE__ */ n(V, { children: /* @__PURE__ */ v(
121
- "ul",
122
- {
123
- className: m(t, N.navigationSection, {
124
- [N.collapsed]: i?.isCollapsed
125
- }),
126
- children: [
127
- o && /* @__PURE__ */ n(A, { children: o }),
128
- /* @__PURE__ */ n(h, { ...e })
129
- ]
130
- }
131
- ) });
132
- }, R = "_navigationSubMenu_vfyl6_1", U = "_collapsed_vfyl6_5", y = {
133
- navigationSubMenu: R,
134
- collapsed: U
135
- }, lo = ({
136
- className: t,
137
- children: o,
138
- items: e,
139
- ...i
140
- }) => {
141
- const c = s(r), { length: a } = Array.from(e || []);
142
- return typeof o == "function" && a === 0 ? null : /* @__PURE__ */ n(
143
- "ul",
144
- {
145
- className: m(t, y.navigationSubMenu, {
146
- [y.collapsed]: c?.isCollapsed
147
- }),
148
- children: /* @__PURE__ */ n(
149
- h,
150
- {
151
- items: e,
152
- ...i,
153
- children: o
154
- }
155
- )
156
- }
157
- );
158
- };
159
- export {
160
- io as N,
161
- A as a,
162
- V as b,
163
- ao as c,
164
- so as d,
165
- lo as e
166
- };