@midas-ds/components 16.2.3 → 16.2.5

package/field-error/FieldError.d.ts

@@ -1,6 +1,7 @@
+import { Ref } from 'react';
 import { FieldErrorProps as AriaFieldErrorProps } from 'react-aria-components';
-import * as React from 'react';
 export interface FieldErrorProps extends AriaFieldErrorProps {
     isInvalid?: boolean;
+    ref?: Ref<HTMLElement>;
 }
-export declare const FieldError: React.ForwardRefExoticComponent<FieldErrorProps & React.RefAttributes<HTMLElement>>;
+export declare const FieldError: ({ ref, ...props }: FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null;

package/field-error/index.js

@@ -1,4 +1,4 @@
-import { F as e } from "../chunks/FieldError-C0HRIcAx.js";
+import { F as e } from "../chunks/FieldError-Bc0acYNs.js";
 export {
   e as FieldError
 };

package/index.js

@@ -3,41 +3,41 @@ import { B as s, a as p } from "./chunks/BadgeContainer-CKVsfTlF.js";
 import { B as m } from "./chunks/Breadcrumbs-By2bMbQd.js";
 import { B as i } from "./chunks/Button-wBgWrXj3.js";
 import { B as d } from "./chunks/ButtonGroup-Dr6HOBo2.js";
-import { C as l, R as C } from "./chunks/RangeCalendar-CGk2btOp.js";
+import { C as l, R as C } from "./chunks/RangeCalendar-BF-6p7u2.js";
 import { C as g, d as u, c as B, a as c, e as L, f as S, b as D } from "./chunks/Card-ia98VoKL.js";
-import { C as G } from "./chunks/CharacterCounter-DeuE2det.js";
-import { C as R } from "./chunks/Checkbox-CP6Nv9yx.js";
-import { C as M } from "./chunks/CheckboxGroup-C5kaqBcn.js";
+import { C as G } from "./chunks/CharacterCounter-_m-SgTMV.js";
+import { C as R } from "./chunks/Checkbox-gsEu5wcB.js";
+import { C as M } from "./chunks/CheckboxGroup-A7UJMi5J.js";
 import { C as v } from "./chunks/ColorSchemeSwitch-DugvPh6T.js";
-import { C as h, a as H, b as y } from "./chunks/ComboBox-N97lv5kN.js";
-import { D as N } from "./chunks/DateField-DeuLPe1Y.js";
+import { C as h, a as H, b as y } from "./chunks/ComboBox-yl5zHYPk.js";
+import { D as N } from "./chunks/DateField-BsT1K-bB.js";
 import { a as Q, b as Z, D as j } from "./chunks/DateInputDivider-CkTB5q5k.js";
-import { D as z, a as J } from "./chunks/DateRangePicker-BqjLArNi.js";
-import { F as O } from "./chunks/FieldError-C0HRIcAx.js";
+import { D as z, a as J } from "./chunks/DateRangePicker-BsK7pMRv.js";
+import { F as O } from "./chunks/FieldError-Bc0acYNs.js";
 import { D as V, F as W } from "./chunks/FileUpload-h1PxqQmb.js";
 import { G as Y } from "./chunks/Grid-B-WgMwON.js";
 import { G as $ } from "./chunks/GridItem-5t1Z14sM.js";
 import { H as ao } from "./chunks/Heading-D8tNNJkt.js";
 import { I as eo } from "./chunks/InfoBanner-DLiVpNON.js";
 import { L as so } from "./chunks/Label-Dup4lWaR.js";
-import { H as xo, L as mo, N as fo, S as io, a as no } from "./chunks/Layout-LjCfmVhQ.js";
+import { H as xo, L as mo, N as fo, S as io, a as no } from "./chunks/Layout-DX3HUm5b.js";
 import { L as lo } from "./chunks/Link-yTNUNv3C.js";
 import { L as bo } from "./chunks/LinkButton-3nAekUJ4.js";
 import { L as uo } from "./chunks/Logo-InDSslpO.js";
 import { M as co } from "./chunks/Dialog-DC0cGNj5.js";
 import { P as So } from "./chunks/Popover-BcEtFiU1.js";
 import { P as Io } from "./chunks/ProgressBar-CbwvcHvk.js";
-import { R as Po, a as Ro } from "./chunks/Radio-Dro99zCs.js";
-import { S as Mo } from "./chunks/SearchField-BfpeANM6.js";
-import { S as vo } from "./chunks/Select-D-LtFSZX.js";
-import { S as ho } from "./chunks/Select-nL9iJMlf.js";
+import { R as Po, a as Ro } from "./chunks/Radio-CSFYbin8.js";
+import { S as Mo } from "./chunks/SearchField-mBHZ9pFg.js";
+import { S as vo } from "./chunks/Select-Df4333VV.js";
+import { S as ho } from "./chunks/Select-BjD5iQvX.js";
 import { S as yo } from "./chunks/Skeleton-DqIHQLQl.js";
 import { S as No } from "./chunks/Spinner-BORNnHph.js";
-import { b as Qo, C as Zo, R as jo, T as qo, c as zo, a as Jo } from "./chunks/Table-CgBjwlIi.js";
+import { b as Qo, C as Zo, R as jo, T as qo, c as zo, a as Jo } from "./chunks/Table-t3rVzb31.js";
 import { a as Oo, c as Uo, b as Vo, T as Wo } from "./chunks/TabList-D2XV5ixe.js";
 import { T as Yo, a as _o } from "./chunks/Tag-DxBoeE_n.js";
 import { T as oa } from "./chunks/Text-TWzJxnto.js";
-import { I as ra, b as ea, a as ta, T as sa } from "./chunks/TextArea-CRvbqqVZ.js";
+import { I as ra, b as ea, a as ta, T as sa } from "./chunks/TextArea-B2BePnZz.js";
 import { G as xa, b as ma, T as fa, a as ia, t as na } from "./chunks/Toast-DTwUGSJ8.js";
 import { T as Ta, a as la } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
 import { T as ba, a as ga } from "./chunks/Tooltip-m032jGgF.js";

package/layout/components/SidebarLink.d.ts

@@ -1,3 +1,2 @@
 import { SidebarLinkProps } from '../Layout';
-import * as React from 'react';
-export declare const SidebarLink: React.FC<SidebarLinkProps>;
+export declare const SidebarLink: ({ title, href, icon: IconComponent, active, hasBadge, }: SidebarLinkProps) => import("react/jsx-runtime").JSX.Element;

package/layout/index.js

@@ -1,4 +1,4 @@
-import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-LjCfmVhQ.js";
+import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-DX3HUm5b.js";
 export {
   e as Header,
   s as Layout,

package/legacy-select/HiddenMultiSelect.d.ts

@@ -1,5 +1,5 @@
-import { FocusableElement, RefObject } from '@react-types/shared';
-import { default as React, ReactNode } from 'react';
+import { FocusableElement } from '@react-types/shared';
+import { default as React, ReactNode, RefObject } from 'react';
 import { MultiSelectState } from './types';
 import { ListBoxOption } from '../list-box';
 export interface AriaHiddenMultiSelectProps {

package/legacy-select/MultiSelectValueTag.d.ts

@@ -1,11 +1,11 @@
+import { RefObject } from 'react';
 import { MultiSelectState, SelectProps } from './types';
 import { ListBoxOption } from '../list-box';
-import * as React from 'react';
 interface MultiSelectValueTagProps extends SelectProps {
     state: MultiSelectState<ListBoxOption>;
     parentWidth: number;
     onClear: () => void;
-    triggerRef: React.MutableRefObject<HTMLButtonElement | null>;
+    triggerRef: RefObject<HTMLButtonElement | null>;
 }
-export declare const MultiSelectValueTag: React.FC<MultiSelectValueTagProps>;
+export declare const MultiSelectValueTag: ({ state: { selectedItems: items }, isDisabled, parentWidth, onClear, triggerRef, isClearable, }: MultiSelectValueTagProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/legacy-select/Select.d.ts

@@ -1,8 +1,6 @@
-import { SelectProps } from './types';
+import { SelectContainerProps } from './types';
 import * as React from 'react';
 /**
  * @deprecated since v15.2.0 Kept for backwards compatibility, but will be removed in a future version. Use `Select` from `@midas-ds/components` instead.
  */
-export declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "children" | "items"> & {
-    options: import('..').ListBoxOption[];
-} & React.RefAttributes<HTMLButtonElement>>;
+export declare const Select: React.ForwardRefExoticComponent<Omit<SelectContainerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/legacy-select/index.js

@@ -1,4 +1,4 @@
-import { S as c } from "../chunks/Select-nL9iJMlf.js";
+import { S as c } from "../chunks/Select-BjD5iQvX.js";
 export {
   c as LegacySelect
 };

package/legacy-select/types.d.ts

@@ -3,7 +3,7 @@ import { FormValidationState } from '@react-stately/form';
 import { OverlayTriggerProps } from '@react-types/overlays';
 import { ListState } from '@react-stately/list';
 import { AsyncLoadable, CollectionBase, FocusableProps, InputBase, LabelableProps, MultipleSelection, TextInputBase, Validation, Key, Node, CollectionChildren } from '@react-types/shared';
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, Ref } from 'react';
 import { AriaListBoxOptions } from 'react-aria';
 import { AriaButtonProps } from '@react-types/button';
 import { AriaSelectProps } from '@react-types/select';
@@ -176,4 +176,5 @@ export interface SelectProps extends MultiSelectStateProps<ListBoxOption> {
 export type SelectContainerProps = Omit<SelectProps, 'children' | 'items'> & {
     /** Item objects in the collection. */
     options: ListBoxOption[];
+    ref?: Ref<HTMLButtonElement>;
 };

package/legacy-select/useMultiSelect.d.ts

@@ -2,4 +2,4 @@ import { RefObject } from 'react';
 import { MultiSelectDOMProps, MultiSelectProps, MultiSelectState } from './types';
 import { ListBoxOption } from '../list-box';
 import { SelectionMode } from '../select';
-export declare function useMultiSelect<T extends ListBoxOption, M extends SelectionMode>(props: MultiSelectProps<T, M>, state: MultiSelectState<T>, ref: RefObject<HTMLElement>): MultiSelectDOMProps<T>;
+export declare function useMultiSelect<T extends ListBoxOption, M extends SelectionMode>(props: MultiSelectProps<T, M>, state: MultiSelectState<T>, ref: RefObject<HTMLElement | null>): MultiSelectDOMProps<T>;

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "16.2.3",
+  "version": "16.2.5",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",

package/radio/index.js

@@ -1,4 +1,4 @@
-import { R as r, a as R } from "../chunks/Radio-Dro99zCs.js";
+import { R as r, a as R } from "../chunks/Radio-CSFYbin8.js";
 export {
   r as Radio,
   R as RadioGroup

package/search-field/index.js

@@ -1,4 +1,4 @@
-import { S as a } from "../chunks/SearchField-BfpeANM6.js";
+import { S as a } from "../chunks/SearchField-mBHZ9pFg.js";
 export {
   a as SearchField
 };

package/select/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../chunks/Select-D-LtFSZX.js";
+import { S as r } from "../chunks/Select-Df4333VV.js";
 export {
   r as Select
 };

package/table/index.js

@@ -1,4 +1,4 @@
-import { b as l, C as s, R as o, T as b, c as T, a as r } from "../chunks/Table-CgBjwlIi.js";
+import { b as l, C as s, R as o, T as b, c as T, a as r } from "../chunks/Table-t3rVzb31.js";
 export {
   l as Cell,
   s as Column,

package/textfield/Input.d.ts

@@ -1,9 +1,10 @@
 import { InputProps as AriaInputProps } from 'react-aria-components';
-import * as React from 'react';
+import { Ref } from 'react';
 export interface InputProps extends AriaInputProps {
     /** If the component should use local props and ref instead of a parent context
      * @default false
      */
     skipContext?: boolean;
+    ref?: Ref<HTMLInputElement>;
 }
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Input: ({ ref: localRef, skipContext, ...localProps }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/textfield/PasswordField.d.ts

@@ -1,3 +1,2 @@
 import { InputProps } from './Input';
-import * as React from 'react';
-export declare const PasswordField: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const PasswordField: ({ ref, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/textfield/TextArea.d.ts

@@ -1,6 +1,8 @@
+import { Ref } from 'react';
 import { TextFieldBaseProps } from './TextFieldBase';
 import { TextAreaProps as AriaTextAreaProps } from 'react-aria-components';
 import { Complement } from '../utils/types';
-import * as React from 'react';
-export type TextAreaProps = Omit<TextFieldBaseProps, 'type' | 'pattern'> & Complement<TextFieldBaseProps, AriaTextAreaProps>;
-export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextFieldBaseProps, "type" | "pattern"> & Complement<TextFieldBaseProps, AriaTextAreaProps> & React.RefAttributes<HTMLTextAreaElement>>;
+export interface TextAreaProps extends Omit<TextFieldBaseProps, 'type' | 'pattern'>, Complement<TextFieldBaseProps, AriaTextAreaProps> {
+    ref?: Ref<HTMLTextAreaElement>;
+}
+export declare const TextArea: ({ className, form, rows, wrap, ref, ...rest }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;

package/textfield/TextField.d.ts

@@ -1,6 +1,8 @@
+import { Ref } from 'react';
 import { TextFieldBaseProps } from './TextFieldBase';
 import { InputProps } from './Input';
 import { Complement } from '../utils/types';
-import * as React from 'react';
-export type TextFieldProps = TextFieldBaseProps & Complement<TextFieldBaseProps, InputProps>;
-export declare const TextField: React.ForwardRefExoticComponent<TextFieldBaseProps & Complement<TextFieldBaseProps, InputProps> & React.RefAttributes<HTMLInputElement>>;
+export interface TextFieldProps extends TextFieldBaseProps, Complement<TextFieldBaseProps, InputProps> {
+    ref?: Ref<HTMLInputElement>;
+}
+export declare const TextField: ({ className, form, list, min, max, ref, type, ...rest }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;

package/textfield/TextFieldBase.d.ts

@@ -1,9 +1,9 @@
+import { ReactNode } from 'react';
 import { TextFieldProps, ValidationResult } from 'react-aria-components';
 import { Size } from '../common/types';
 import { InfoPopoverProps } from '../label';
-import * as React from 'react';
 export interface TextFieldBaseProps extends Omit<TextFieldProps, 'className'> {
-    children?: React.ReactNode;
+    children?: ReactNode;
     /** Specify label displayed above the TextField*/
     label?: string;
     /** Specify description displayed below the label */
@@ -23,4 +23,4 @@ export interface TextFieldBaseProps extends Omit<TextFieldProps, 'className'> {
     size?: Size;
     popover?: InfoPopoverProps;
 }
-export declare const TextFieldBase: React.ForwardRefExoticComponent<TextFieldBaseProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TextFieldBase: (props: TextFieldBaseProps) => import("react/jsx-runtime").JSX.Element;

package/textfield/index.js

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

package/chunks/CharacterCounter-DeuE2det.js

@@ -1,21 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as i from "react";
-import { useContextProps as d, InputContext as h } from "react-aria-components";
-import '../assets/CharacterCounter.css';const m = "_characterCounter_1f0mh_1", u = {
-  characterCounter: m
-}, f = i.forwardRef((t, a) => {
-  [t] = d(t, a, h);
-  const { maxLength: e, value: n, isLonely: c } = t, { length: r } = n?.toString() ?? "", o = e !== void 0;
-  return /* @__PURE__ */ s(
-    "span",
-    {
-      className: u.characterCounter,
-      "data-exceeded": o && r > e || void 0,
-      "data-lonely": c || void 0,
-      children: o ? `${r} / ${e}` : r
-    }
-  );
-});
-export {
-  f as C
-};

package/chunks/Checkbox-CP6Nv9yx.js

@@ -1,122 +0,0 @@
-import { jsxs as v, jsx as t } from "react/jsx-runtime";
-import * as c from "react";
-import f from "react";
-import { mergeProps as u, VisuallyHidden as k, useCheckboxGroupItem as C, useCheckbox as R, useHover as _, usePress as I, useFocusRing as P } from "react-aria";
-import { useContextProps as g, CheckboxContext as G, useSlottedContext as y, FormContext as z } from "react-aria-components";
-import { a as h } from "./clsx-AexbMWKp.js";
-import { variables as m } from "@midas-ds/theme";
-import { c as w } from "./createLucideIcon-D4r5Phnh.js";
-import { C as B } from "./check-BxlvVsvD.js";
-import { useToggleState as F } from "@react-stately/toggle";
-import '../assets/Checkbox.css';const L = [["path", { d: "M5 12h14", key: "1ays0h" }]], N = w("minus", L), S = f.createContext(null), D = "_checkboxInner_tzrii_1", H = "_checkbox_tzrii_1", O = "_checkboxGroup_tzrii_143", j = "_checkboxList_tzrii_154", x = {
-  checkboxInner: D,
-  checkbox: H,
-  checkboxGroup: O,
-  checkboxList: j
-}, b = c.forwardRef((e, o) => {
-  const { hoverProps: i, isHovered: s } = e.hoverResult, { pressProps: n, isPressed: a } = e.pressResult, { isFocused: r, isFocusVisible: d, focusProps: l } = e.focusRingAria;
-  return /* @__PURE__ */ v(
-    "label",
-    {
-      ref: o,
-      ...u(i, n, e.labelProps),
-      slot: e.slot || void 0,
-      className: h(x.checkbox, e.className),
-      "data-hovered": s || void 0,
-      "data-selected": e.isSelected || void 0,
-      "data-indeterminate": e.isIndeterminate || void 0,
-      "data-pressed": a || void 0,
-      "data-disabled": e.isDisabled || void 0,
-      "data-readonly": e.isReadOnly || void 0,
-      "data-invalid": e.isInvalid || void 0,
-      "data-focused": r || void 0,
-      "data-focus-visible": d || void 0,
-      "data-required": e.isRequired || void 0,
-      children: [
-        /* @__PURE__ */ t("div", { className: h(x.checkboxInner), children: e.isIndeterminate ? /* @__PURE__ */ t(
-          N,
-          {
-            size: 14,
-            color: m.iconOnColor
-          }
-        ) : /* @__PURE__ */ t(
-          B,
-          {
-            size: 14,
-            color: m.iconOnColor
-          }
-        ) }),
-        /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(
-          "input",
-          {
-            ...u(e.inputProps, l),
-            ref: e.inputRef
-          }
-        ) }),
-        e.children
-      ]
-    }
-  );
-}), q = c.forwardRef((e, o) => {
-  const i = C(
-    {
-      ...e,
-      value: e.value || ""
-    },
-    e.state,
-    e.inputRef
-  );
-  return /* @__PURE__ */ t(
-    b,
-    {
-      ...e,
-      ...i,
-      ref: o
-    }
-  );
-}), A = c.forwardRef((e, o) => {
-  const i = R(e, F(e), e.inputRef);
-  return /* @__PURE__ */ t(
-    b,
-    {
-      ...e,
-      ...i,
-      ref: o
-    }
-  );
-}), X = c.forwardRef(
-  (e, o) => {
-    [e, o] = g(e, o, G);
-    const i = y(z), s = e.validationBehavior ?? i?.validationBehavior ?? "native", n = c.useContext(S), a = c.useRef(null), r = _(e), d = I({
-      ref: o,
-      isDisabled: e.isDisabled
-    }), l = P();
-    return n ? /* @__PURE__ */ t(
-      q,
-      {
-        ...e,
-        state: n,
-        inputRef: a,
-        hoverResult: r,
-        pressResult: d,
-        focusRingAria: l,
-        validationBehavior: s
-      }
-    ) : /* @__PURE__ */ t(
-      A,
-      {
-        ...e,
-        inputRef: a,
-        hoverResult: r,
-        pressResult: d,
-        focusRingAria: l,
-        validationBehavior: s
-      }
-    );
-  }
-);
-export {
-  X as C,
-  S as a,
-  x as s
-};

package/chunks/FieldError-C0HRIcAx.js

@@ -1,23 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import * as s from "react";
-import { FieldErrorContext as c, FieldError as f } from "react-aria-components";
-import { c as a } from "./clsx-AexbMWKp.js";
-import { T as d } from "./Text-TWzJxnto.js";
-import '../assets/FieldError.css';const m = "_fieldError_u3cks_1", E = {
-  fieldError: m
-}, _ = s.forwardRef(
-  (r, n) => {
-    const { children: o, isInvalid: l } = r, t = a(E.fieldError, r.className), e = s.useContext(c);
-    return !e && l && typeof o != "function" ? /* @__PURE__ */ i(d, { className: t, children: o }) : e?.isInvalid ? /* @__PURE__ */ i(
-      f,
-      {
-        ...r,
-        ref: n,
-        className: t
-      }
-    ) : null;
-  }
-);
-export {
-  _ as F
-};