@midas-ds/components 15.5.2 → 16.1.0

package/text/Text.d.ts

@@ -2,7 +2,7 @@ import { TextProps as AriaTextProps } from 'react-aria-components';
 import * as React from 'react';
 export type TextSize = 'small';
 /**
- * @deprecated Use size prop instead. Only kept for backwards compatibility with body-01 and body-02.
+ * @deprecated since v15.0.0 Use size prop instead. Only kept for backwards compatibility with body-01 and body-02.
  */
 export type TextVariant = 'body-01' | 'body-02';
 export interface TextProps extends AriaTextProps {
@@ -12,7 +12,7 @@ export interface TextProps extends AriaTextProps {
      */
     size?: TextSize;
     /**
-     * @deprecated Use size prop instead. Only body-01 and body-02 are supported for backwards compatibility.
+     * @deprecated since v15.0.0 Use size prop instead. Only body-01 and body-02 are supported for backwards compatibility.
      */
     variant?: TextVariant;
     /**

package/textfield/index.js

@@ -1,4 +1,4 @@
-import { I as s, b as t, a as x, T } from "../chunks/TextArea-BtxTcpto.js";
+import { I as s, b as t, a as x, T } from "../chunks/TextArea-CEiOylOx.js";
 export {
   s as Input,
   t as TextArea,

package/toast/Toast.d.ts

@@ -1,5 +1,5 @@
 import { AriaToastProps, AriaToastRegionProps } from 'react-aria';
-import { QueuedToast, ToastQueue, ToastState, ToastStateProps } from 'react-stately';
+import { QueuedToast, ToastQueue, ToastState, useToastState } from 'react-stately';
 import { default as React } from 'react';
 import { FeedbackStatus } from '../common/types';
 export interface MidasToast {
@@ -21,11 +21,7 @@ export interface ToastProviderProps extends AriaToastRegionProps {
     children?: ((state: ToastState<MidasToast>) => React.ReactNode) | React.ReactNode;
     className?: string;
 }
-/**
- * Temporary implementation of https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/toast/src/useToastState.ts#L59
- * TODO: Erase this as soon as react-stately is released
- */
-export declare function useToastState<T>(props?: ToastStateProps): ToastState<T>;
+export { useToastState };
 export declare const toastQueue: ToastQueue<MidasToast>;
 export declare const GlobalToastRegion: (props: ToastProviderProps) => React.ReactPortal | null;
 export declare const ToastProvider: ({ children, ...props }: ToastProviderProps) => import("react/jsx-runtime").JSX.Element;

package/toast/index.js

@@ -1,9 +1,10 @@
-import { G as o, b as t, T as e, a as T, t as r, u } from "../chunks/Toast-CCA9sCnB.js";
+import { G as s, b as t, T as e, a as r, t as T } from "../chunks/Toast-DgQ6BTmK.js";
+import { useToastState as u } from "react-stately";
 export {
-  o as GlobalToastRegion,
+  s as GlobalToastRegion,
   t as Toast,
   e as ToastProvider,
-  T as ToastRegion,
-  r as toastQueue,
+  r as ToastRegion,
+  T as toastQueue,
   u as useToastState
 };

package/tooltip/Tooltip.d.ts

@@ -1,7 +1,8 @@
 import { TooltipProps, TooltipTriggerComponentProps } from 'react-aria-components';
-import * as React from 'react';
-export interface MidasTooltipProps extends Omit<TooltipProps, 'children'> {
-    children: React.ReactNode;
-}
+export type { TooltipProps };
+/**
+ * @deprecated since v16.0.0 please use TooltipProps instead
+ */
+export type MidasTooltipProps = TooltipProps;
 export declare function Tooltip({ children, className, ...props }: MidasTooltipProps): import("react/jsx-runtime").JSX.Element;
-export declare function TooltipTrigger({ children, delay, ...props }: TooltipTriggerComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipTrigger({ delay, ...props }: TooltipTriggerComponentProps): import("react/jsx-runtime").JSX.Element;

package/tooltip/index.js

@@ -1,4 +1,4 @@
-import { T, a } from "../chunks/Tooltip-CtstfI8u.js";
+import { T, a } from "../chunks/Tooltip-uNMG_UU-.js";
 export {
   T as Tooltip,
   a as TooltipTrigger

package/assets/Dropdown.css

@@ -1 +0,0 @@
-._dropDownMenu_1493w_1{font-family:var(--midas-typography-font-family);box-shadow:2px 2px 4px #00000040;background-color:var(--midas-button-background-tertiary-hover)}._dropDownMenu_1493w_1[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._dropDownMenu_1493w_1[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._menuItem_1493w_17{width:100%}._menuItem_1493w_17[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._menuItem_1493w_17[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}

package/chunks/Dropdown-CWP2clB2.js

@@ -1,79 +0,0 @@
-import { jsxs as t, jsx as n, Fragment as a } from "react/jsx-runtime";
-import { MenuTrigger as m, Popover as s, Menu as d, MenuItem as u } from "react-aria-components";
-import { B as h } from "./Button-DbQwg49l.js";
-import { c as x } from "./clsx-AexbMWKp.js";
-import { c as f } from "./createLucideIcon-D4r5Phnh.js";
-import '../assets/Dropdown.css';const w = [
-  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
-  ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
-  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
-], y = f("ellipsis-vertical", w), _ = "_dropDownMenu_1493w_1", v = "_menuItem_1493w_17", l = {
-  dropDownMenu: _,
-  menuItem: v
-};
-function k({
-  label: e,
-  title: r,
-  children: c,
-  icon: i = y,
-  ...o
-}) {
-  return /* @__PURE__ */ t(m, { ...o, children: [
-    /* @__PURE__ */ t(
-      h,
-      {
-        "aria-label": e || o["aria-label"],
-        variant: "icon",
-        children: [
-          r,
-          /* @__PURE__ */ n(
-            i,
-            {
-              size: 20,
-              "aria-hidden": !0
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
-      d,
-      {
-        ...o,
-        className: l.dropDownMenu,
-        children: c
-      }
-    ) })
-  ] });
-}
-function p(e) {
-  const r = e.textValue || (typeof e.children == "string" ? e.children : void 0);
-  return /* @__PURE__ */ n(
-    u,
-    {
-      ...e,
-      textValue: r,
-      className: ({ isFocused: c, isOpen: i }) => x(
-        l.menuItem,
-        e.className,
-        c && "focused",
-        i && "open"
-      ),
-      children: ({ hasSubmenu: c }) => /* @__PURE__ */ t(a, { children: [
-        e.children,
-        c && /* @__PURE__ */ n(
-          "svg",
-          {
-            className: "chevron",
-            viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ n("path", { d: "m9 18 6-6-6-6" })
-          }
-        )
-      ] })
-    }
-  );
-}
-export {
-  k as D,
-  p as a
-};

package/chunks/Spinner-CL9evrHm.js

@@ -1,49 +0,0 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { c as n } from "./clsx-AexbMWKp.js";
-import { VisuallyHidden as d } from "react-aria";
-import { u as l } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
-import { c as _ } from "./createLucideIcon-D4r5Phnh.js";
-import '../assets/Spinner.css';const m = "_container_vf3ec_1", p = "_spinner_vf3ec_5", g = "_large_vf3ec_18", f = "_dark_vf3ec_23", e = {
-  container: m,
-  spinner: p,
-  large: g,
-  dark: f
-};
-const u = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], v = _("loader-circle", u), k = { loadingPleaseWait: "Loading, please wait..." }, h = { loadingPleaseWait: "Laddar, vänligen vänta..." }, L = {
-  en: k,
-  sv: h
-}, N = ({
-  small: a,
-  isOnColor: s = !1,
-  color: t,
-  className: o
-}) => {
-  const i = l(L);
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      className: n(e.container, o),
-      role: "status",
-      children: [
-        /* @__PURE__ */ r(
-          v,
-          {
-            className: n(
-              e.spinner,
-              !a && e.large,
-              s && e.dark
-            ),
-            size: a ? 20 : 96,
-            strokeWidth: a ? 2 : 8,
-            absoluteStrokeWidth: !0,
-            color: t
-          }
-        ),
-        /* @__PURE__ */ r(d, { children: i.format("loadingPleaseWait") })
-      ]
-    }
-  );
-};
-export {
-  N as S
-};

package/chunks/Toast-CCA9sCnB.js

@@ -1,162 +0,0 @@
-import { jsx as e, jsxs as c, Fragment as g } from "react/jsx-runtime";
-import { B as q } from "./Button-DbQwg49l.js";
-import { useToastRegion as z, useToast as h } from "react-aria";
-import { ToastQueue as m, useToastQueue as l } from "react-stately";
-import d, { useMemo as v } from "react";
-import { createPortal as w, flushSync as R } from "react-dom";
-import { c as u } from "./clsx-AexbMWKp.js";
-import { F as b } from "./FeedbackStatusIcon-COWuMusk.js";
-import { X as y } from "./x-BXShoIAM.js";
-import '../assets/Toast.css';const P = "_toastRegion_3qumz_49", I = "_toast_3qumz_49", N = "_success_3qumz_97", x = "_info_3qumz_105", E = "_important_3qumz_113", O = "_warning_3qumz_121", M = "_icon_3qumz_129", C = "_toastContent_3qumz_143", S = "_toastMessage_3qumz_150", V = "_slideInTop_3qumz_1", k = "_slideInEnd_3qumz_1", B = "_slideOutTop_3qumz_1", F = "_slideOutEnd_3qumz_1", a = {
-  toastRegion: P,
-  toast: I,
-  success: N,
-  info: x,
-  important: E,
-  warning: O,
-  icon: M,
-  toastContent: C,
-  toastMessage: S,
-  slideInTop: V,
-  slideInEnd: k,
-  slideOutTop: B,
-  slideOutEnd: F
-}, _ = {
-  wrapUpdate(t) {
-    "startViewTransition" in document ? document.startViewTransition(() => {
-      R(t);
-    }) : t();
-  },
-  maxVisibleToasts: 5
-};
-function Q(t = {}) {
-  const { maxVisibleToasts: o = 1, wrapUpdate: s } = t, n = v(
-    () => new m({ maxVisibleToasts: o, wrapUpdate: s }),
-    [o, s]
-  );
-  return l(n);
-}
-const j = new m(_), Y = (t) => {
-  const o = l(j);
-  return o.visibleToasts.length > 0 ? w(
-    /* @__PURE__ */ e(
-      p,
-      {
-        ...t,
-        state: o
-      }
-    ),
-    document.body
-  ) : null;
-}, Z = ({ children: t, ...o }) => {
-  const s = Q(_);
-  return /* @__PURE__ */ c(g, { children: [
-    typeof t == "function" ? t(s) : t,
-    s.visibleToasts.length > 0 && /* @__PURE__ */ e(
-      p,
-      {
-        ...o,
-        state: s
-      }
-    )
-  ] });
-};
-function p({
-  state: t,
-  className: o,
-  ...s
-}) {
-  const n = d.useRef(null), { regionProps: r } = z(s, t, n);
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      ...r,
-      ref: n,
-      className: u(a.toastRegion, o),
-      children: t.visibleToasts.map((i) => /* @__PURE__ */ e(
-        G,
-        {
-          toast: i,
-          state: t
-        },
-        i.key
-      ))
-    }
-  );
-}
-function G({
-  state: t,
-  className: o,
-  ...s
-}) {
-  const n = d.useRef(null), { toastProps: r, contentProps: i, titleProps: T, closeButtonProps: f } = h(
-    s,
-    t,
-    n
-  );
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      ...r,
-      ref: n,
-      className: u(
-        a.toast,
-        a[s.toast.content.type],
-        o
-      ),
-      style: { viewTransitionName: s.toast.key },
-      children: [
-        /* @__PURE__ */ c(
-          "div",
-          {
-            ...i,
-            className: u(a.toastContent, i.className),
-            children: [
-              /* @__PURE__ */ e(
-                b,
-                {
-                  "aria-hidden": !0,
-                  className: a.icon,
-                  status: s.toast.content.type
-                }
-              ),
-              /* @__PURE__ */ c("div", { children: [
-                /* @__PURE__ */ e(
-                  "p",
-                  {
-                    className: a.toastMessage,
-                    ...T,
-                    children: s.toast.content.message
-                  }
-                ),
-                s.toast.content.children
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          q,
-          {
-            variant: "icon",
-            ...f,
-            children: /* @__PURE__ */ e(
-              y,
-              {
-                size: 20,
-                "aria-hidden": !0
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  Y as G,
-  Z as T,
-  p as a,
-  G as b,
-  j as t,
-  Q as u
-};

package/chunks/Tooltip-CtstfI8u.js

@@ -1,46 +0,0 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { c as a } from "./clsx-AexbMWKp.js";
-import { Tooltip as e, OverlayArrow as p, TooltipTrigger as n } from "react-aria-components";
-import '../assets/Tooltip.css';const c = "_tooltip_1nthz_1", T = "_arrow_1nthz_18", s = {
-  tooltip: c,
-  arrow: T
-};
-function w({ children: r, className: t, ...i }) {
-  return /* @__PURE__ */ l(
-    e,
-    {
-      className: a(s.tooltip, t),
-      ...i,
-      children: [
-        /* @__PURE__ */ o(p, { className: s.arrow, children: /* @__PURE__ */ o(
-          "svg",
-          {
-            width: 8,
-            height: 8,
-            viewBox: "0 0 8 8",
-            children: /* @__PURE__ */ o("path", { d: "M0 0 L4 4 L8 0" })
-          }
-        ) }),
-        r
-      ]
-    }
-  );
-}
-function _({
-  children: r,
-  delay: t = 0,
-  ...i
-}) {
-  return /* @__PURE__ */ o(
-    n,
-    {
-      delay: t,
-      ...i,
-      children: r
-    }
-  );
-}
-export {
-  w as T,
-  _ as a
-};

package/dropdown/Dropdown.d.ts

@@ -1,31 +0,0 @@
-import { MenuItemProps, MenuProps, MenuTriggerProps } from 'react-aria-components';
-import { LucideIcon } from 'lucide-react';
-/**
- *
- * @deprecated since v12.1.0
- * Please use `MenuProps` instead
- * @see {@link https://designsystem.migrationsverket.se/components/menu/|Menu}
- */
-export interface MidasMenuButtonProps<T> extends MenuProps<T>, Omit<MenuTriggerProps, 'children'> {
-    label?: string;
-    title?: string;
-    /**
-     * The icon to use for the menu button
-     * @default EllipsisVertical
-     */
-    icon?: LucideIcon;
-}
-/**
- *
- * @deprecated since v12.1.0
- * Please use `Menu` instead
- * @see {@link https://designsystem.migrationsverket.se/components/menu/|Menu}
- */
-export declare function Dropdown<T extends object>({ label, title, children, icon: Icon, ...props }: MidasMenuButtonProps<T>): import("react/jsx-runtime").JSX.Element;
-/**
- *
- * @deprecated since v12.1.0
- * Please use `Menu` and `MenuItem` instead
- * @see {@link https://designsystem.migrationsverket.se/components/menu/|Menu}
- */
-export declare function DropdownItem(props: MenuItemProps): import("react/jsx-runtime").JSX.Element;

package/dropdown/index.d.ts

@@ -1 +0,0 @@
-export { Dropdown, DropdownItem, type MidasMenuButtonProps } from './Dropdown';

package/dropdown/index.js

@@ -1,5 +0,0 @@
-import { D as a, a as p } from "../chunks/Dropdown-CWP2clB2.js";
-export {
-  a as Dropdown,
-  p as DropdownItem
-};