@midas-ds/components 17.0.0 → 17.0.1

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 17.0.1 (2026-02-16)
+
+### 🩹 Fixes
+
+- **components,datepicker:** fix calendar icon btn placement in firefox ([1107d2aeea](https://github.com/migrationsverket/midas/commit/1107d2aeea))
+
 # 17.0.0 (2026-02-16)
 
 ### 🚀 Features

package/assets/DateRangePicker.css

@@ -1 +1 @@
-._datePicker_1u1dn_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._inputField_1u1dn_8{box-sizing:border-box;width:100%;height:var(--midas-size-150);align-items:center;background-color:var(--midas-field-01-base);border-bottom:1px solid var(--midas-border-color-primary);padding-left:1rem;display:flex;justify-content:flex-start;gap:1rem}@media(forced-colors:active){._inputField_1u1dn_8{border:1px solid var(--midas-border-color-primary)}}._inputField_1u1dn_8._medium_1u1dn_24{height:var(--midas-size-130)}._inputField_1u1dn_8[data-disabled]{cursor:not-allowed;border-color:var(--midas-border-color-disabled)}._inputField_1u1dn_8:focus-visible,._inputField_1u1dn_8[data-focus-visible]{outline:none}._inputField_1u1dn_8[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._inputField_1u1dn_8[data-invalid]{border:1px solid var(--midas-border-color-primary)}}._inputField_1u1dn_8._readOnly_1u1dn_47{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_1u1dn_8 ._buttonGroup_1u1dn_52{display:flex;margin-left:auto;height:100%}._inputField_1u1dn_8 ._iconButton_1u1dn_58{align-self:stretch;aspect-ratio:1;border:none;padding:0}._inputField_1u1dn_8 ._iconButton_1u1dn_58[data-disabled]{background-color:transparent}._inputField_1u1dn_8 ._iconButton_1u1dn_58:focus-visible,._inputField_1u1dn_8 ._iconButton_1u1dn_58[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus-inset)}@media(forced-colors:active){._inputField_1u1dn_8 ._iconButton_1u1dn_58:focus-visible,._inputField_1u1dn_8 ._iconButton_1u1dn_58[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._dialog_1u1dn_81{box-shadow:0 3px 5px #0003}
+._datePicker_11j8a_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._inputField_11j8a_8{box-sizing:border-box;width:100%;height:var(--midas-size-150);align-items:center;background-color:var(--midas-field-01-base);border-bottom:1px solid var(--midas-border-color-primary);padding-left:1rem;display:flex;justify-content:flex-start;gap:1rem}@media(forced-colors:active){._inputField_11j8a_8{border:1px solid var(--midas-border-color-primary)}}._inputField_11j8a_8._medium_11j8a_24{height:var(--midas-size-130)}._inputField_11j8a_8[data-disabled]{cursor:not-allowed;border-color:var(--midas-border-color-disabled)}._inputField_11j8a_8:focus-visible,._inputField_11j8a_8[data-focus-visible]{outline:none}._inputField_11j8a_8[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._inputField_11j8a_8[data-invalid]{border:1px solid var(--midas-border-color-primary)}}._inputField_11j8a_8._readOnly_11j8a_47{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_11j8a_8 ._buttonGroup_11j8a_52{display:flex;margin-left:auto;height:100%}._inputField_11j8a_8 ._iconButton_11j8a_58{height:100%;aspect-ratio:1;border:none;padding:0}._inputField_11j8a_8 ._iconButton_11j8a_58[data-disabled]{background-color:transparent}._inputField_11j8a_8 ._iconButton_11j8a_58:focus-visible,._inputField_11j8a_8 ._iconButton_11j8a_58[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus-inset)}@media(forced-colors:active){._inputField_11j8a_8 ._iconButton_11j8a_58:focus-visible,._inputField_11j8a_8 ._iconButton_11j8a_58[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._dialog_11j8a_81{box-shadow:0 3px 5px #0003}

package/chunks/{DateRangePicker-CZcp89W6.js → DateRangePicker-BoL-sn9u.js}

@@ -1,15 +1,15 @@
 'use client';
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { Group as x, DatePickerStateContext as F, DateRangePickerStateContext as B, Popover as M, Dialog as S, DatePicker as N, DateRangePicker as R } from "react-aria-components";
+import { Group as x, DatePickerStateContext as F, DateRangePickerStateContext as j, Popover as B, Dialog as M, DatePicker as S, DateRangePicker as N } from "react-aria-components";
 import { a as k } from "./clsx-AexbMWKp.js";
-import { C as G, R as L } from "./RangeCalendar-DIMxoHhy.js";
-import { D as _, b as f, a as I } from "./DateInputDivider-DwopMIb9.js";
+import { C as R, R as G } from "./RangeCalendar-DIMxoHhy.js";
+import { D as _, b as f, a as L } from "./DateInputDivider-DwopMIb9.js";
 import { F as P } from "./FieldError-BMTrvSof.js";
 import { a as y, L as v } from "./Label-6GZmmff9.js";
 import { T as D } from "./Text-BuXvuoqM.js";
 import * as g from "react";
-import { C as V } from "./ClearButton-DPm_d7SL.js";
-import { FocusScope as j, useFocusManager as w } from "@react-aria/focus";
+import { C as I } from "./ClearButton-DPm_d7SL.js";
+import { FocusScope as V, useFocusManager as w } from "@react-aria/focus";
 import { B as O } from "./Button-CaLOUTDO.js";
 import { c as T } from "./createLucideIcon-CP-mMPfa.js";
 import { u as $ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
@@ -27,7 +27,7 @@ import '../assets/DateRangePicker.css';const E = [
 ], W = T("calendar-days", E), q = { clear: "Clear date" }, A = { clear: "Rensa datum" }, H = {
   en: q,
   sv: A
-}, J = "_datePicker_1u1dn_1", K = "_inputField_1u1dn_8", Q = "_medium_1u1dn_24", U = "_readOnly_1u1dn_47", X = "_buttonGroup_1u1dn_52", Y = "_iconButton_1u1dn_58", Z = "_dialog_1u1dn_81", r = {
+}, J = "_datePicker_11j8a_1", K = "_inputField_11j8a_8", Q = "_medium_11j8a_24", U = "_readOnly_11j8a_47", X = "_buttonGroup_11j8a_52", Y = "_iconButton_11j8a_58", Z = "_dialog_11j8a_81", o = {
   datePicker: J,
   inputField: K,
   medium: Q,
@@ -41,18 +41,18 @@ import '../assets/DateRangePicker.css';const E = [
   isReadOnly: i,
   size: a
 }) => {
-  const n = g.useContext(F), s = g.useContext(B), u = $(H), d = w(), o = s ?? n, p = z(o) ? !!o.value.start && o.value.end : !!o?.value;
+  const r = g.useContext(F), s = g.useContext(j), u = $(H), l = w(), n = s ?? r, p = z(n) ? !!n.value.start && n.value.end : !!n?.value;
   return t && p && !i ? /* @__PURE__ */ e(
-    V,
+    I,
     {
       onPress: () => {
-        o?.setValue(null), d?.focusFirst();
+        n?.setValue(null), l?.focusFirst();
       },
       size: a,
       isDisabled: c,
       "aria-label": u.format("clear"),
-      className: k(r.iconButton, {
-        [r.medium]: a === "medium"
+      className: k(o.iconButton, {
+        [o.medium]: a === "medium"
       })
     }
   ) : null;
@@ -61,37 +61,37 @@ import '../assets/DateRangePicker.css';const E = [
   isDisabled: c,
   isInvalid: i,
   isReadOnly: a,
-  size: n = "large",
+  size: r = "large",
   isClearable: s = !1
 }) => /* @__PURE__ */ e(
   x,
   {
-    className: k(r.inputField, {
-      [r.medium]: n === "medium",
-      [r.readOnly]: a
+    className: k(o.inputField, {
+      [o.medium]: r === "medium",
+      [o.readOnly]: a
     }),
-    children: /* @__PURE__ */ h(j, { children: [
+    children: /* @__PURE__ */ h(V, { children: [
       t,
-      /* @__PURE__ */ h("div", { className: r.buttonGroup, children: [
+      /* @__PURE__ */ h("div", { className: o.buttonGroup, children: [
         /* @__PURE__ */ e(
           ee,
           {
             isClearable: s,
             isDisabled: c,
             isReadOnly: a,
-            size: n
+            size: r
           }
         ),
         /* @__PURE__ */ e(
           O,
           {
             variant: "icon",
-            className: k(r.iconButton, {
-              [r.medium]: n === "medium",
-              [r.readOnly]: a
+            className: k(o.iconButton, {
+              [o.medium]: r === "medium",
+              [o.readOnly]: a
             }),
             "data-invalid": i || void 0,
-            size: n,
+            size: r,
             children: /* @__PURE__ */ e(
               W,
               {
@@ -106,42 +106,42 @@ import '../assets/DateRangePicker.css';const E = [
   }
 ), b = ({
   children: t
-}) => /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(S, { className: r.dialog, children: t }) }), he = ({
+}) => /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(M, { className: o.dialog, children: t }) }), he = ({
   className: t,
   description: c,
   errorMessage: i,
   errorPosition: a = "top",
-  label: n,
+  label: r,
   popover: s,
   isClearable: u = !1,
-  isReadOnly: d,
-  isDisabled: o,
+  isReadOnly: l,
+  isDisabled: n,
   size: p,
-  ...l
+  ...d
 }) => /* @__PURE__ */ h(
-  N,
+  S,
   {
-    className: k(r.datePicker, t),
-    isReadOnly: d,
-    isDisabled: o,
-    ...l,
+    className: k(o.datePicker, t),
+    isReadOnly: l,
+    isDisabled: n,
+    ...d,
     children: [
-      /* @__PURE__ */ e(y, { popover: s, children: n && /* @__PURE__ */ e(v, { children: n }) }),
+      /* @__PURE__ */ e(y, { popover: s, children: r && /* @__PURE__ */ e(v, { children: r }) }),
       c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
       a === "top" && /* @__PURE__ */ e(P, { children: i }),
       /* @__PURE__ */ e(
         C,
         {
           isClearable: u,
-          isReadOnly: d,
-          isDisabled: o,
+          isReadOnly: l,
+          isDisabled: n,
           size: p,
-          ...l,
+          ...d,
           children: /* @__PURE__ */ e(_, { children: (m) => /* @__PURE__ */ e(f, { segment: m }) })
         }
       ),
       a === "bottom" && /* @__PURE__ */ e(P, { children: i }),
-      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(G, {}) })
+      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(R, {}) })
     ]
   }
 ), ke = ({
@@ -149,41 +149,41 @@ import '../assets/DateRangePicker.css';const E = [
   description: c,
   errorMessage: i,
   errorPosition: a = "top",
-  label: n,
+  label: r,
   popover: s,
   isClearable: u = !1,
-  isReadOnly: d,
-  isDisabled: o,
+  isReadOnly: l,
+  isDisabled: n,
   size: p,
-  ...l
+  ...d
 }) => /* @__PURE__ */ h(
-  R,
+  N,
   {
-    className: k(r.datePicker, t),
-    isReadOnly: d,
-    isDisabled: o,
-    ...l,
+    className: k(o.datePicker, t),
+    isReadOnly: l,
+    isDisabled: n,
+    ...d,
     children: [
-      /* @__PURE__ */ e(y, { popover: s, children: n && /* @__PURE__ */ e(v, { children: n }) }),
+      /* @__PURE__ */ e(y, { popover: s, children: r && /* @__PURE__ */ e(v, { children: r }) }),
       c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
       a === "top" && /* @__PURE__ */ e(P, { children: i }),
       /* @__PURE__ */ h(
         C,
         {
           isClearable: u,
-          isReadOnly: d,
-          isDisabled: o,
+          isReadOnly: l,
+          isDisabled: n,
           size: p,
-          ...l,
+          ...d,
           children: [
             /* @__PURE__ */ e(_, { slot: "start", children: (m) => /* @__PURE__ */ e(f, { segment: m }) }),
-            /* @__PURE__ */ e(I, {}),
+            /* @__PURE__ */ e(L, {}),
             /* @__PURE__ */ e(_, { slot: "end", children: (m) => /* @__PURE__ */ e(f, { segment: m }) })
           ]
         }
       ),
       a === "bottom" && /* @__PURE__ */ e(P, { children: i }),
-      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(L, {}) })
+      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(G, {}) })
     ]
   }
 );

package/date-picker/index.js

@@ -1,4 +1,4 @@
-import { D as r, a as t } from "../chunks/DateRangePicker-CZcp89W6.js";
+import { D as r, a as t } from "../chunks/DateRangePicker-BoL-sn9u.js";
 export {
   r as DatePicker,
   t as DateRangePicker

package/index.js

@@ -13,7 +13,7 @@ import { C as N } from "./chunks/ColorSchemeSwitch-DOQ0yjtt.js";
 import { C as y } from "./chunks/ComboBox-XaJDIr5h.js";
 import { D as z } from "./chunks/DateField-6CclHfL2.js";
 import { D as Q, a as V, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
-import { D as q, a as J } from "./chunks/DateRangePicker-CZcp89W6.js";
+import { D as q, a as J } from "./chunks/DateRangePicker-BoL-sn9u.js";
 import { F as U } from "./chunks/FieldError-BMTrvSof.js";
 import { D as X, F as Y } from "./chunks/FileUpload-Cu8DCSjX.js";
 import { G as $ } from "./chunks/Grid-CettmpaZ.js";
@@ -49,7 +49,7 @@ import { c as Na } from "./chunks/clsx-AexbMWKp.js";
 import { DialogTrigger as ya, MenuTrigger as Ea, RouterProvider as za } from "react-aria-components";
 import { u as Qa } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
 import { useToastState as Za } from "react-stately";
-const o = "17.0.0", a = {
+const o = "17.0.1", a = {
   version: o
 }, r = a.version;
 export {

package/package.json

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