@altinn/altinn-components 0.21.1 → 0.21.2

package/dist/assets/DrawerBase.css

@@ -1 +1 @@
-._drawer_vej3t_1{display:none}._drawer_vej3t_1[data-expanded=true]{display:block;width:100%}._drawer_vej3t_1[data-placement=bottom]{position:fixed;top:5.5rem;bottom:0;left:0;right:0}
+._drawer_18fhf_1{display:none}._drawer_18fhf_1[data-expanded=true]{display:block;width:100%;z-index:2}._drawer_18fhf_1[data-placement=bottom]{position:fixed;top:5.5rem;bottom:0;left:0;right:0}@media (max-width: 1023px){._drawer_18fhf_1[data-expanded=true][data-layout=desktop]{display:none}}@media (min-width: 1024px){._drawer_18fhf_1[data-expanded=true][data-layout=mobile]{display:none}}

package/dist/assets/DropdownBase.css

@@ -1 +1 @@
-._dropdown_1hh2v_1{display:none}._dropdown_1hh2v_1[data-expanded=true]{display:block;position:absolute;z-index:2}._dropdown_1hh2v_1[data-placement=left]{left:0}._dropdown_1hh2v_1[data-placement=right]{right:0}._dropdown_1hh2v_1[data-padding=true]{padding:0 .5rem}._dropdown_1hh2v_1{min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}._drawer_1hh2v_31 ._button_1hh2v_31{border-radius:50%}
+._dropdown_1x5d7_1{display:none}._dropdown_1x5d7_1[data-expanded=true]{display:block;position:absolute;z-index:2}._dropdown_1x5d7_1[data-placement=left]{left:0}._dropdown_1x5d7_1[data-placement=right]{right:0}._dropdown_1x5d7_1[data-padding=true]{padding:0 .5rem}._dropdown_1x5d7_1{min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}@media (max-width: 1023px){._dropdown_1x5d7_1[data-expanded=true][data-layout=desktop]{display:none}}@media (min-width: 1024px){._dropdown_1x5d7_1[data-expanded=true][data-layout=mobile]{display:none}}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_kevew_1{padding:0;border:0;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_kevew_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_kevew_1[data-size=md]{min-height:56px}._item_kevew_1[data-size=md]{min-height:44px}._item_kevew_1[data-size=sm]{min-height:40px}._content_kevew_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_kevew_53{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_kevew_60{font-size:.875rem;white-space:nowrap}._linkIcon_kevew_65{font-size:1.5rem}._item_kevew_1,._item_kevew_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_kevew_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_kevew_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_kevew_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_kevew_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_kevew_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_kevew_1[data-selected=true]{background-color:var(--ds-color-background-subtle)}
+._item_7rzvi_1{padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_7rzvi_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_7rzvi_1[data-size=md]{min-height:56px}._item_7rzvi_1[data-size=md]{min-height:44px}._item_7rzvi_1[data-size=sm]{min-height:40px}._content_7rzvi_43{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_7rzvi_51{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_7rzvi_58{font-size:.875rem;white-space:nowrap}._linkIcon_7rzvi_63{font-size:1.5rem}._item_7rzvi_1,._item_7rzvi_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_7rzvi_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_7rzvi_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_7rzvi_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_7rzvi_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_7rzvi_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_7rzvi_1[data-selected=true]{background-color:var(--ds-color-background-subtle)}

package/dist/components/Dropdown/DrawerBase.js

@@ -1,18 +1,19 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as o } from "../../index-L8X2o7IH.js";
-import '../../assets/DrawerBase.css';const s = "_drawer_vej3t_1", c = {
-  drawer: s
-}, l = ({ placement: a = "inline", open: e = !1, className: r, children: t }) => /* @__PURE__ */ d(
+import { jsx as o } from "react/jsx-runtime";
+import { c as s } from "../../index-L8X2o7IH.js";
+import '../../assets/DrawerBase.css';const c = "_drawer_18fhf_1", n = {
+  drawer: c
+}, f = ({ layout: a, placement: e = "inline", open: r = !1, className: t, children: d }) => /* @__PURE__ */ o(
   "div",
   {
-    className: o(c.drawer, r),
-    "data-placement": a,
+    className: s(n.drawer, t),
+    "data-placement": e,
+    "data-layout": a,
     "data-theme": "default",
     "data-color": "company",
-    "data-expanded": e,
-    children: t
+    "data-expanded": r,
+    children: d
   }
 );
 export {
-  l as DrawerBase
+  f as DrawerBase
 };

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -1,32 +1,29 @@
-import { jsxs as e, Fragment as a, jsx as o } from "react/jsx-runtime";
+import { jsxs as l, Fragment as c, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { DropdownBase as l } from "./DropdownBase.js";
-import { Backdrop as d } from "./Backdrop.js";
-import { DrawerBase as t } from "./DrawerBase.js";
-import { DrawerHeader as f } from "./DrawerHeader.js";
-import { DrawerFooter as n } from "./DrawerFooter.js";
-import { DrawerButton as D } from "./DrawerButton.js";
-import { DrawerBody as w } from "./DrawerBody.js";
+import { DropdownBase as f } from "./DropdownBase.js";
+import { Backdrop as t } from "./Backdrop.js";
+import { DrawerBase as D } from "./DrawerBase.js";
+import { DrawerHeader as a } from "./DrawerHeader.js";
+import { DrawerFooter as s } from "./DrawerFooter.js";
+import { DrawerButton as k } from "./DrawerButton.js";
+import { DrawerBody as b } from "./DrawerBody.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DrawerOrDropdown.css';const _ = "_dropdown_oo71i_1", k = "_drawer_oo71i_5", s = {
-  dropdown: _,
-  drawer: k
-}, z = ({
+const z = ({
   open: m = !1,
   onClose: i,
-  drawerButton: r,
+  drawerButton: o,
   children: p,
-  drawerTitle: c
-}) => /* @__PURE__ */ e(a, { children: [
-  m && /* @__PURE__ */ o(d, { onClick: i }),
-  /* @__PURE__ */ o(l, { className: s.dropdown, padding: !0, open: m, children: p }),
-  /* @__PURE__ */ e(t, { className: s.drawer, placement: "bottom", open: m, children: [
-    /* @__PURE__ */ o(f, { title: c, onClose: i }),
-    /* @__PURE__ */ o(w, { children: p }),
-    /* @__PURE__ */ o(n, { children: r && /* @__PURE__ */ o(D, { onClick: r == null ? void 0 : r.onClick, children: r == null ? void 0 : r.label }) })
+  drawerTitle: e
+}) => /* @__PURE__ */ l(c, { children: [
+  m && /* @__PURE__ */ r(t, { onClick: i }),
+  /* @__PURE__ */ r(f, { layout: "desktop", padding: !0, open: m, children: p }),
+  /* @__PURE__ */ l(D, { layout: "mobile", placement: "bottom", open: m, children: [
+    /* @__PURE__ */ r(a, { title: e, onClose: i }),
+    /* @__PURE__ */ r(b, { children: p }),
+    /* @__PURE__ */ r(s, { children: o && /* @__PURE__ */ r(k, { onClick: o == null ? void 0 : o.onClick, children: o == null ? void 0 : o.label }) })
   ] })
 ] });
 export {

package/dist/components/Dropdown/DropdownBase.js

@@ -1,36 +1,36 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
-import { useRef as p } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { c as p } from "../../index-L8X2o7IH.js";
+import { useRef as l } from "react";
 import { useClickOutside as c } from "../../hooks/useClickOutside.js";
-import '../../assets/DropdownBase.css';const l = "_dropdown_1hh2v_1", u = "_drawer_1hh2v_31", f = "_button_1hh2v_31", w = {
-  dropdown: l,
-  drawer: u,
-  button: f
-}, x = ({
-  placement: t = "left",
-  padding: d = !0,
-  open: a = !1,
+import '../../assets/DropdownBase.css';const f = "_dropdown_1x5d7_1", u = {
+  dropdown: f
+}, _ = ({
+  layout: a,
+  placement: d = "left",
+  padding: t = !0,
+  open: e = !1,
   className: r,
-  children: e,
-  onClose: n
+  children: n,
+  onClose: s
 }) => {
-  const o = p(null);
-  return c(o, n), /* @__PURE__ */ s(
+  const o = l(null);
+  return c(o, s), /* @__PURE__ */ m(
     "div",
     {
       ref: o,
-      className: m(w.dropdown, r),
+      className: p(u.dropdown, r),
+      "data-layout": a,
       "data-theme": "default",
       "data-color": "company",
       "data-shadow": "md",
-      "data-placement": t,
-      "data-padding": d,
+      "data-placement": d,
+      "data-padding": t,
       role: "menu",
-      "data-expanded": a,
-      children: e
+      "data-expanded": e,
+      children: n
     }
   );
 };
 export {
-  x as DropdownBase
+  _ as DropdownBase
 };

package/dist/components/Header/Header.js

@@ -1,35 +1,35 @@
 "use client";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { DropdownBase as g } from "../Dropdown/DropdownBase.js";
 import "../../index-L8X2o7IH.js";
 import { DrawerBase as x } from "../Dropdown/DrawerBase.js";
 import "react";
 import { useRootContext as C } from "../RootProvider/RootProvider.js";
-import { GlobalMenu as t } from "../GlobalMenu/GlobalMenu.js";
-import { HeaderBase as H } from "./HeaderBase.js";
-import { HeaderLogo as _ } from "./HeaderLogo.js";
-import { HeaderButton as b } from "./HeaderButton.js";
-import { Searchbar as y } from "../Search/Searchbar.js";
+import { GlobalMenu as m } from "../GlobalMenu/GlobalMenu.js";
+import { HeaderBase as y } from "./HeaderBase.js";
+import { HeaderLogo as H } from "./HeaderLogo.js";
+import { HeaderButton as _ } from "./HeaderButton.js";
+import { Searchbar as b } from "../Search/Searchbar.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { HeaderMenu as B } from "./HeaderMenu.js";
-import { HeaderSearch as N } from "./HeaderSearch.js";
-import '../../assets/Header.css';const S = "_drawer_d2s9o_1", I = "_dropdown_d2s9o_5", s = {
-  drawer: S,
-  dropdown: I
-}, K = ({ search: d, menu: r, currentAccount: a, logo: l = {}, badge: i }) => {
-  const { currentId: o, toggleId: m, openId: c, closeAll: n } = C(), h = () => {
+import { HeaderMenu as u } from "./HeaderMenu.js";
+import { HeaderSearch as B } from "./HeaderSearch.js";
+import '../../assets/Header.css';const N = "_drawer_d2s9o_1", S = "_dropdown_d2s9o_5", s = {
+  drawer: N,
+  dropdown: S
+}, K = ({ search: n, menu: r, currentAccount: a, logo: p = {}, badge: i }) => {
+  const { currentId: o, toggleId: t, openId: c, closeAll: d } = C(), h = () => {
     c("search");
   }, f = () => {
-    m("search");
+    t("search");
   }, w = () => {
-    m("menu");
+    t("menu");
   };
-  return /* @__PURE__ */ p(H, { currentId: o, open: o === "search" || o === "menu", onClose: n, children: [
-    /* @__PURE__ */ e(_, { ...l, className: s.logo }),
-    /* @__PURE__ */ p(B, { className: s.menu, children: [
+  return /* @__PURE__ */ l(y, { currentId: o, open: o === "search" || o === "menu", onClose: d, children: [
+    /* @__PURE__ */ e(H, { ...p, className: s.logo }),
+    /* @__PURE__ */ l(u, { className: s.menu, children: [
       /* @__PURE__ */ e(
-        b,
+        _,
         {
           color: "company",
           variant: "solid",
@@ -43,10 +43,20 @@ import '../../assets/Header.css';const S = "_drawer_d2s9o_1", I = "_dropdown_d2s
           label: r == null ? void 0 : r.menuLabel
         }
       ),
-      r && /* @__PURE__ */ e(g, { padding: !0, placement: "right", open: o === "menu", className: s.dropdown, children: /* @__PURE__ */ e(t, { ...r, currentAccount: a, onClose: n }) })
+      r && /* @__PURE__ */ e(
+        g,
+        {
+          layout: "desktop",
+          padding: !0,
+          placement: "right",
+          open: o === "menu",
+          className: s.dropdown,
+          children: /* @__PURE__ */ e(m, { ...r, currentAccount: a, onClose: d })
+        }
+      )
     ] }),
-    d && /* @__PURE__ */ e(N, { expanded: o === "search", children: /* @__PURE__ */ e(y, { ...d, expanded: o === "search", onClose: f, onFocus: h }) }),
-    r && /* @__PURE__ */ e(x, { open: o === "menu", className: s.drawer, children: /* @__PURE__ */ e(t, { ...r, currentAccount: a, onClose: n }) })
+    n && /* @__PURE__ */ e(B, { expanded: o === "search", children: /* @__PURE__ */ e(b, { ...n, expanded: o === "search", onClose: f, onFocus: h }) }),
+    r && /* @__PURE__ */ e(x, { layout: "mobile", open: o === "menu", className: s.drawer, children: /* @__PURE__ */ e(m, { ...r, currentAccount: a, onClose: d }) })
   ] });
 };
 export {

package/dist/components/Menu/MenuItemBase.js

@@ -1,17 +1,17 @@
-import { jsxs as c, jsx as m } from "react/jsx-runtime";
-import { c as I } from "../../index-L8X2o7IH.js";
-import { Icon as N } from "../Icon/Icon.js";
+import { jsxs as a, jsx as c } from "react/jsx-runtime";
+import { c as N } from "../../index-L8X2o7IH.js";
+import { Icon as u } from "../Icon/Icon.js";
 import "react";
-import { Badge as u } from "../Badge/Badge.js";
+import { Badge as T } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemBase.css';const T = "_item_kevew_1", j = "_content_kevew_45", B = "_action_kevew_53", E = "_linkText_kevew_60", z = "_linkIcon_kevew_65", e = {
-  item: T,
-  content: j,
-  action: B,
-  linkText: E,
-  linkIcon: z
+import '../../assets/MenuItemBase.css';const j = "_item_7rzvi_1", B = "_content_7rzvi_43", E = "_action_7rzvi_51", k = "_linkText_7rzvi_58", M = "_linkIcon_7rzvi_63", n = {
+  item: j,
+  content: B,
+  action: E,
+  linkText: k,
+  linkIcon: M
 }, O = ({
   as: _,
   color: l,
@@ -19,40 +19,40 @@ import '../../assets/MenuItemBase.css';const T = "_item_kevew_1", j = "_content_
   size: d,
   className: h,
   href: v,
-  onClick: n,
-  onKeyPress: o,
+  onClick: e,
+  onKeyPress: i,
   tabIndex: x = 0,
   hidden: f,
-  selected: k,
-  disabled: i = !1,
-  linkIcon: a,
-  linkText: s,
+  selected: z,
+  disabled: m = !1,
+  linkIcon: o,
+  linkText: r,
   badge: t,
-  children: w
-}) => /* @__PURE__ */ c(
+  children: I
+}) => /* @__PURE__ */ a(
   _ || "a",
   {
-    tabIndex: i ? "-1" : x ?? 0,
-    className: I(e.item, h),
+    tabIndex: m ? "-1" : x ?? 0,
+    className: N(h, n.item),
     "data-size": d,
     "data-color": l,
     "data-theme": p,
     "aria-hidden": f,
-    "aria-disabled": i,
-    "data-selected": k,
+    "aria-disabled": m,
+    "data-selected": z,
     href: v,
-    onKeyPress: (r) => {
-      r.key === "Enter" && (n == null || n()), o == null || o(r);
+    onKeyPress: (s) => {
+      s.key === "Enter" && (e == null || e()), i == null || i(s);
     },
-    onClick: n,
+    onClick: e,
     children: [
-      /* @__PURE__ */ c("div", { className: e.content, children: [
-        w,
-        t && /* @__PURE__ */ m(u, { ...t, theme: (t == null ? void 0 : t.theme) || "surface" })
+      /* @__PURE__ */ a("div", { className: n.content, children: [
+        I,
+        t && /* @__PURE__ */ c(T, { ...t, theme: (t == null ? void 0 : t.theme) || "surface" })
       ] }),
-      a && /* @__PURE__ */ c("div", { className: e.action, children: [
-        s && /* @__PURE__ */ m("span", { className: e.linkText, children: s }),
-        a && /* @__PURE__ */ m(N, { svgElement: a, className: e.linkIcon })
+      o && /* @__PURE__ */ a("div", { className: n.action, children: [
+        r && /* @__PURE__ */ c("span", { className: n.linkText, children: r }),
+        o && /* @__PURE__ */ c(u, { svgElement: o, className: n.linkIcon })
       ] })
     ]
   }

package/dist/components/Page/PageTabs.js

@@ -6,10 +6,10 @@ import { MenuItem as p } from "../Menu/MenuItem.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as l } from "./Flex.js";
-import '../../assets/PageTabs.css';const n = "_list_gp6cp_1", c = "_item_gp6cp_21", i = {
-  list: n,
-  item: c
-}, N = ({ theme: m = "transparent", color: e, items: s = [], padding: o = 0 }) => /* @__PURE__ */ t(l, { theme: m, color: e, padding: o, children: /* @__PURE__ */ t("ul", { className: i.list, children: s.map((r) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(p, { ...r, className: i.item }) }, r.id)) }) });
+import '../../assets/PageTabs.css';const c = "_list_gp6cp_1", n = "_item_gp6cp_21", r = {
+  list: c,
+  item: n
+}, N = ({ theme: m, color: e, items: o = [], padding: s = 0 }) => /* @__PURE__ */ t(l, { theme: m, color: e, padding: s, children: /* @__PURE__ */ t("ul", { className: r.list, children: o.map((i) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(p, { ...i, className: r.item }) }, i.id)) }) });
 export {
   N as PageTabs
 };

package/dist/types/lib/components/Dialog/Dialog.stories.d.ts

@@ -7,4 +7,3 @@ export declare const Default: Story;
 export declare const ContactInfo: Story;
 export declare const RequiresAttention: Story;
 export declare const MultipleAttachments: Story;
-export declare const WithHistory: Story;

package/dist/types/lib/components/Dropdown/DrawerBase.d.ts

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
 export type DrawerPlacement = 'inline' | 'bottom';
+export type DrawerLayout = 'mobile' | 'desktop';
 export interface DrawerBaseProps {
     placement?: DrawerPlacement;
+    layout?: DrawerLayout;
     open?: boolean;
     className?: string;
     children?: ReactNode;
 }
-export declare const DrawerBase: ({ placement, open, className, children }: DrawerBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerBase: ({ layout, placement, open, className, children }: DrawerBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dropdown/DropdownBase.d.ts

@@ -1,11 +1,13 @@
 import { ReactNode } from 'react';
 export type DropdownPlacement = 'left' | 'right';
+export type DropdownLayout = 'mobile' | 'desktop';
 export interface DropdownBaseProps {
     placement?: DropdownPlacement;
+    layout?: DropdownLayout;
     padding?: boolean;
     open?: boolean;
     className?: string;
     children?: ReactNode;
     onClose?: () => void;
 }
-export declare const DropdownBase: ({ placement, padding, open, className, children, onClose, }: DropdownBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownBase: ({ layout, placement, padding, open, className, children, onClose, }: DropdownBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Timeline/TimelineFooter.stories.d.ts

@@ -6,6 +6,7 @@ declare const meta: {
     parameters: {};
     args: {
         children: string;
+        as: "footer";
     };
 };
 export default meta;

package/dist/types/lib/components/Timeline/TimelineHeader.stories.d.ts

@@ -5,6 +5,7 @@ declare const meta: {
     tags: string[];
     parameters: {};
     args: {
+        as: "header";
         avatar: import('..').AvatarProps;
         children: import("react/jsx-runtime").JSX.Element;
     };

package/dist/types/lib/components/Timeline/TimelineSection.stories.d.ts

@@ -5,6 +5,7 @@ declare const meta: {
     tags: string[];
     parameters: {};
     args: {
+        as: "section";
         byline: string;
         children: import("react/jsx-runtime").JSX.Element;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.21.1",
+  "version": "0.21.2",
   "main": "dist/index.js",
   "files": [
     "dist/",
@@ -72,7 +72,7 @@
     "format": "lint-staged",
     "dev": "vite",
     "build-storybook": "storybook build",
-    "test-storybook": "test-storybook --maxWorkers 1",
+    "test-storybook": "test-storybook --maxWorkers 3",
     "install:browsers": "pnpm exec playwright install"
   }
 }

package/dist/assets/DrawerOrDropdown.css

@@ -1 +0,0 @@
-._dropdown_oo71i_1[data-expanded=true]{display:none}._drawer_oo71i_5[data-expanded=true]{display:block;z-index:2}@media (min-width: 1024px){._drawer_oo71i_5[data-expanded=true]{display:none}._dropdown_oo71i_1[data-expanded=true]{display:block;z-index:2}}

package/dist/types/lib/components/Dialog/Examples.stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Dialog } from '..';
-declare const meta: Meta<typeof Dialog>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const SimpleLetter: Story;
-export declare const ExtendedLetter: Story;
-export declare const TypographyMetadata: Story;
-export declare const ReportingRequired: Story;
-export declare const ReportingDraft: Story;
-export declare const ReportingInProgress: Story;
-export declare const ReportingCompleted: Story;