@midas-ds/components 10.1.1 → 10.2.0

package/Button-ZOQy9Ivu.js

@@ -0,0 +1,78 @@
+import { a as D, b as F, c as P, d as E } from "./utils-HNTsIwux.js";
+import { $ as V } from "./ProgressBar-CEX2WNoW.js";
+import { $ as v } from "./LiveAnnouncer-B6177m92.js";
+import { $ as C } from "./Hidden-B5ir3Lei.js";
+import { $ as H } from "./filterDOMProps-D6KHYVBX.js";
+import x, { createContext as w, useRef as B, useEffect as N } from "react";
+import { $ as S } from "./useButton-C-Lq7CNY.js";
+import { $ as T } from "./useFocusRing-BDGH3lpn.js";
+import { $ as A } from "./useHover-qRAon4nS.js";
+const I = /* @__PURE__ */ new Set([
+  "form",
+  "formAction",
+  "formEncType",
+  "formMethod",
+  "formNoValidate",
+  "formTarget",
+  "name",
+  "value"
+]), K = /* @__PURE__ */ w({}), J = /* @__PURE__ */ C(function(e, n) {
+  [e, n] = D(e, n, K), e = L(e);
+  let b = e, { isPending: d } = b, { buttonProps: i, isPressed: g } = S(e, n), { focusProps: y, isFocused: s, isFocusVisible: c } = T(e), { hoverProps: h, isHovered: l } = A({
+    ...e,
+    isDisabled: e.isDisabled || d
+  }), $ = {
+    isHovered: l,
+    isPressed: (b.isPressed || g) && !d,
+    isFocused: s,
+    isFocusVisible: c,
+    isDisabled: e.isDisabled || !1,
+    isPending: d ?? !1
+  }, u = F({
+    ...e,
+    values: $,
+    defaultClassName: "react-aria-Button"
+  }), r = P(i.id), f = P(), t = i["aria-labelledby"];
+  d && (t ? t = `${t} ${f}` : i["aria-label"] && (t = `${r} ${f}`));
+  let o = B(d);
+  return N(() => {
+    let m = {
+      "aria-labelledby": t || r
+    };
+    !o.current && s && d ? v(m, "assertive") : o.current && s && !d && v(m, "assertive"), o.current = d;
+  }, [
+    d,
+    s,
+    t,
+    r
+  ]), /* @__PURE__ */ x.createElement("button", {
+    ...H(e, {
+      propNames: I
+    }),
+    ...E(i, y, h),
+    ...u,
+    type: i.type === "submit" && d ? "button" : i.type,
+    id: r,
+    ref: n,
+    "aria-labelledby": t,
+    slot: e.slot || void 0,
+    "aria-disabled": d ? "true" : i["aria-disabled"],
+    "data-disabled": e.isDisabled || void 0,
+    "data-pressed": $.isPressed || void 0,
+    "data-hovered": l || void 0,
+    "data-focused": s || void 0,
+    "data-pending": d || void 0,
+    "data-focus-visible": c || void 0
+  }, /* @__PURE__ */ x.createElement(V.Provider, {
+    value: {
+      id: f
+    }
+  }, u.children));
+});
+function L(a) {
+  return a.isPending && (a.onPress = void 0, a.onPressStart = void 0, a.onPressEnd = void 0, a.onPressChange = void 0, a.onPressUp = void 0, a.onKeyDown = void 0, a.onKeyUp = void 0, a.onClick = void 0, a.href = void 0), a;
+}
+export {
+  J as $,
+  K as a
+};

package/Button-iSiWjocA.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),t=require("./Button.module-DO5s9hOk.cjs"),y=require("./Button-DnhqHU01.cjs"),d=require("./clsx-C11secjj.cjs"),B=({variant:e="primary",fullwidth:u,className:o,iconPlacement:i,size:c="large",icon:n,iconSize:l,...s})=>r.jsx(y.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{className:d.clsx(t.ButtonStyles.button,e==="primary"&&t.ButtonStyles.primary,e==="secondary"&&t.ButtonStyles.secondary,e==="tertiary"&&t.ButtonStyles.tertiary,e==="danger"&&t.ButtonStyles.danger,e==="icon"&&t.ButtonStyles.iconBtn,u&&t.ButtonStyles.fullwidth,c==="medium"&&t.ButtonStyles.medium,i==="right"&&t.ButtonStyles.iconRight,o),...s,children:r.jsxs(r.Fragment,{children:[n&&r.jsx(n,{"aria-hidden":!0,size:l??20}),s.children]})});exports.Button=B;

package/Button.module-CMMhIrkn.js

@@ -0,0 +1,14 @@
+import './assets/Button.css';const t = "_button_1rwlo_4", o = "_secondary_1rwlo_49", n = "_tertiary_1rwlo_72", r = "_iconBtn_1rwlo_93", _ = "_danger_1rwlo_114", i = "_iconRight_1rwlo_136", c = "_fullwidth_1rwlo_140", l = "_medium_1rwlo_144", s = "_primary_1rwlo_150", e = {
+  button: t,
+  secondary: o,
+  tertiary: n,
+  iconBtn: r,
+  danger: _,
+  iconRight: i,
+  fullwidth: c,
+  medium: l,
+  primary: s
+};
+export {
+  e as B
+};

package/Button.module-DO5s9hOk.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Button.css');const t="_button_1rwlo_4",o="_secondary_1rwlo_49",n="_tertiary_1rwlo_72",r="_iconBtn_1rwlo_93",_="_danger_1rwlo_114",i="_iconRight_1rwlo_136",c="_fullwidth_1rwlo_140",l="_medium_1rwlo_144",s="_primary_1rwlo_150",e={button:t,secondary:o,tertiary:n,iconBtn:r,danger:_,iconRight:i,fullwidth:c,medium:l,primary:s};exports.ButtonStyles=e;

package/ButtonGroup-DUqW5dzM.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/ButtonGroup.css');const s=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),e="_buttonGroup_fh6r8_4",c={buttonGroup:e},l=({children:t,className:o,"aria-label":r,...u})=>s.jsx("div",{role:"group","aria-label":r,className:n.clsx(c.buttonGroup,o),...u,children:t});exports.ButtonGroup=l;

package/ButtonGroup-DvVvear6.js

@@ -0,0 +1,22 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as a } from "./clsx-OuTLNxxd.js";
+import './assets/ButtonGroup.css';const n = "_buttonGroup_fh6r8_4", p = {
+  buttonGroup: n
+}, b = ({
+  children: o,
+  className: t,
+  "aria-label": r,
+  ...u
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    role: "group",
+    "aria-label": r,
+    className: a(p.buttonGroup, t),
+    ...u,
+    children: o
+  }
+);
+export {
+  b as B
+};

package/CHANGELOG.md

@@ -1,3 +1,51 @@
+## 10.2.0 (2025-06-18)
+
+### 🚀 Features
+
+- **theme:** new color tokens for skeleton ([#663](https://github.com/migrationsverket/midas/pull/663))
+- **skeleton:** add prop for use on layer01 backgrounds ([#655](https://github.com/migrationsverket/midas/pull/655))
+- **grid:** new grid v2 📏 ([#656](https://github.com/migrationsverket/midas/pull/656))
+- **table:** add size prop ([6f3cc36071](https://github.com/migrationsverket/midas/commit/6f3cc36071))
+- **calendar:** extend calendar with state for disabled ([#635](https://github.com/migrationsverket/midas/pull/635))
+
+### 🩹 Fixes
+
+- css syntax errors for media queries ([d4935c1e57](https://github.com/migrationsverket/midas/commit/d4935c1e57))
+- **calendar:** change text color for day button on hover ([#651](https://github.com/migrationsverket/midas/pull/651))
+- **textfield:** remove `height:100%` on wrapper ([dccd5bdd09](https://github.com/migrationsverket/midas/commit/dccd5bdd09))
+
+### 💅 Refactors
+
+- **field-error:** make component usable without context ([9ce07e9444](https://github.com/migrationsverket/midas/commit/9ce07e9444))
+
+### 📖 Documentation changes
+
+- grid improvements ([5b0db59cd0](https://github.com/migrationsverket/midas/commit/5b0db59cd0))
+- new get started pages ([fc4eb7851c](https://github.com/migrationsverket/midas/commit/fc4eb7851c))
+- **table:** update docs on medium size ([c70a1ff4df](https://github.com/migrationsverket/midas/commit/c70a1ff4df))
+- add release notes for 10.1.1 ([154ab05ae6](https://github.com/migrationsverket/midas/commit/154ab05ae6))
+
+### 🔧 Maintenance
+
+- chunk bundle with rollup ([80e3b0c949](https://github.com/migrationsverket/midas/commit/80e3b0c949))
+- format css ([9c9e48254f](https://github.com/migrationsverket/midas/commit/9c9e48254f))
+- **components:** add command to watch for typescript errors ([aeebaffc55](https://github.com/migrationsverket/midas/commit/aeebaffc55))
+- **search-field:** add column id type to story ([12a8b9af66](https://github.com/migrationsverket/midas/commit/12a8b9af66))
+- **deps-dev:** bump brace-expansion ([4cdfd0e167](https://github.com/migrationsverket/midas/commit/4cdfd0e167))
+- run storybook tests in pipeline temporary ([730680d696](https://github.com/migrationsverket/midas/commit/730680d696))
+
+### 🧪 Tests updated
+
+- **table:** add chromatic modes ([7081f8adac](https://github.com/migrationsverket/midas/commit/7081f8adac))
+- **table:** await queries ([7e18645ead](https://github.com/migrationsverket/midas/commit/7e18645ead))
+- **table:** test medium size prop ([073b317cc8](https://github.com/migrationsverket/midas/commit/073b317cc8))
+- **calendar:** bypass a11y tests on disabled stories ([d1ce956cb5](https://github.com/migrationsverket/midas/commit/d1ce956cb5))
+
+### 🎨 Styles
+
+- **link-button:** change chevron icon to arrow icon ([#647](https://github.com/migrationsverket/midas/pull/647))
+- **table:** adjust paddings and heights ([b84828bfd7](https://github.com/migrationsverket/midas/commit/b84828bfd7))
+
 ## 10.1.1 (2025-06-09)
 
 ### 🩹 Fixes

package/Card-C0BFW3wJ.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Card.css');const a=require("react/jsx-runtime"),o=require("./clsx-C11secjj.cjs"),l=require("react"),u=require("./Heading-DoJAtYZf.cjs"),C=require("./Button-DnhqHU01.cjs"),x=require("./Link-SHMbeyIP.cjs"),_=require("./arrow-right-Cw48o2oW.cjs");function h(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(c,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return c.default=e,Object.freeze(c)}const s=h(l),m="_card_1hl11_4",A="_horizontal_1hl11_10",g="_cardLink_1hl11_15",I="_cardContent_1hl11_20",b="_cardActions_1hl11_39",j="_cardActionArea_1hl11_49",f="_cardImage_1hl11_82",k="_cardLinkIcon_1hl11_114",r={card:m,horizontal:A,cardLink:g,cardContent:I,cardActions:b,cardActionArea:j,cardImage:f,cardLinkIcon:k},i=s.createContext({horizontal:void 0,titleId:void 0}),z=({horizontal:e,className:c,children:t,...n})=>{const d=`card-title-${s.useId()}`;return a.jsx(i.Provider,{value:{horizontal:e,titleId:d},children:a.jsx("div",{...n,className:o.clsx(r.card,e&&r.horizontal,c),children:t})})},L=({children:e,...c})=>{const{horizontal:t}=s.useContext(i);return a.jsx("div",{...c,className:o.clsx(r.cardContent,t&&r.horizontal),children:e})},$=({elementType:e="h2",children:c})=>{const{horizontal:t,titleId:n}=s.useContext(i);return a.jsx(u.Heading,{level:t?5:3,elementType:e,isExpressive:t,className:o.clsx(r.cardTitle,t&&r.horizontal),id:n,children:c})},p=({children:e,...c})=>{const{horizontal:t}=s.useContext(i);return a.jsx("div",{...c,className:o.clsx(r.cardActions,t&&r.horizontal),children:e})},v=({children:e,className:c,...t})=>{const{titleId:n}=s.useContext(i);return a.jsx(C.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{...t,"aria-labelledby":n,className:o.clsx(r.cardActionArea,c),children:e})},N=({as:e="img",className:c,...t})=>a.jsx(e,{...t,className:o.clsx(r.cardImage,c)}),q=({children:e,as:c,...t})=>{const n=c||x.$4f118338184dc1d9$export$a6c7ac8248d6e38a;return a.jsxs(n,{...t,className:o.clsx(r.cardLink,t.className),children:[e,a.jsx(_.ArrowRight,{className:r.cardLinkIcon,size:24})]})};exports.Card=z;exports.CardActionArea=v;exports.CardActions=p;exports.CardContent=L;exports.CardImage=N;exports.CardLink=q;exports.CardTitle=$;

package/Card-CaKKKv9k.js

@@ -0,0 +1,131 @@
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { c as n } from "./clsx-OuTLNxxd.js";
+import * as e from "react";
+import { H as m } from "./Heading-BY5-QN4S.js";
+import { $ as _ } from "./Button-ZOQy9Ivu.js";
+import { $ as h } from "./Link-B-nus-FT.js";
+import { A as C } from "./arrow-right-Dg8sttFO.js";
+import './assets/Card.css';const A = "_card_1hl11_4", I = "_horizontal_1hl11_10", p = "_cardLink_1hl11_15", u = "_cardContent_1hl11_20", x = "_cardActions_1hl11_39", f = "_cardActionArea_1hl11_49", z = "_cardImage_1hl11_82", $ = "_cardLinkIcon_1hl11_114", r = {
+  card: A,
+  horizontal: I,
+  cardLink: p,
+  cardContent: u,
+  cardActions: x,
+  cardActionArea: f,
+  cardImage: z,
+  cardLinkIcon: $
+}, d = e.createContext({
+  horizontal: void 0,
+  titleId: void 0
+}), y = ({
+  horizontal: t,
+  className: o,
+  children: a,
+  ...s
+}) => {
+  const i = `card-title-${e.useId()}`;
+  return /* @__PURE__ */ c(d.Provider, { value: { horizontal: t, titleId: i }, children: /* @__PURE__ */ c(
+    "div",
+    {
+      ...s,
+      className: n(
+        r.card,
+        t && r.horizontal,
+        o
+      ),
+      children: a
+    }
+  ) });
+}, H = ({
+  children: t,
+  ...o
+}) => {
+  const { horizontal: a } = e.useContext(d);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ...o,
+      className: n(r.cardContent, a && r.horizontal),
+      children: t
+    }
+  );
+}, R = ({
+  elementType: t = "h2",
+  children: o
+}) => {
+  const { horizontal: a, titleId: s } = e.useContext(d);
+  return /* @__PURE__ */ c(
+    m,
+    {
+      level: a ? 5 : 3,
+      elementType: t,
+      isExpressive: a,
+      className: n(r.cardTitle, a && r.horizontal),
+      id: s,
+      children: o
+    }
+  );
+}, T = ({
+  children: t,
+  ...o
+}) => {
+  const { horizontal: a } = e.useContext(d);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ...o,
+      className: n(r.cardActions, a && r.horizontal),
+      children: t
+    }
+  );
+}, w = ({ children: t, className: o, ...a }) => {
+  const { titleId: s } = e.useContext(d);
+  return /* @__PURE__ */ c(
+    _,
+    {
+      ...a,
+      "aria-labelledby": s,
+      className: n(r.cardActionArea, o),
+      children: t
+    }
+  );
+}, E = ({
+  as: t = "img",
+  className: o,
+  ...a
+}) => /* @__PURE__ */ c(
+  t,
+  {
+    ...a,
+    className: n(r.cardImage, o)
+  }
+), P = ({
+  children: t,
+  as: o,
+  ...a
+}) => /* @__PURE__ */ l(
+  o || h,
+  {
+    ...a,
+    className: n(r.cardLink, a.className),
+    children: [
+      t,
+      /* @__PURE__ */ c(
+        C,
+        {
+          className: r.cardLinkIcon,
+          size: 24
+        }
+      )
+    ]
+  }
+);
+export {
+  y as C,
+  H as a,
+  R as b,
+  T as c,
+  w as d,
+  E as e,
+  P as f
+};

package/CharacterCounter-CPGdboVJ.js

@@ -0,0 +1,22 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as d from "react";
+import { a as f } from "./utils-HNTsIwux.js";
+import { $ as i } from "./Input-D8Ku_FQz.js";
+import './assets/CharacterCounter.css';const $ = "_characterCounter_4224k_4", m = {
+  characterCounter: $
+}, l = d.forwardRef((t, c) => {
+  [t] = f(t, c, i);
+  const { maxLength: r, value: a, isLonely: n } = t, { length: e } = (a == null ? void 0 : a.toString()) ?? "", o = r !== void 0;
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      className: m.characterCounter,
+      "data-exceeded": o && e > r || void 0,
+      "data-lonely": n || void 0,
+      children: o ? `${e} / ${r}` : e
+    }
+  );
+});
+export {
+  l as C
+};

package/CharacterCounter-CrY8QRuY.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/CharacterCounter.css');const s=require("react/jsx-runtime"),u=require("react"),i=require("./utils-BNtZbAib.cjs"),d=require("./Input-DKSAYvsw.cjs");function f(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=f(u),$="_characterCounter_4224k_4",b={characterCounter:$},h=l.forwardRef((e,n)=>{[e]=i.$64fa3d84918910a7$export$29f1550f4b0d4415(e,n,d.$3985021b0ad6602f$export$37fb8590cf2c088c);const{maxLength:t,value:r,isLonely:o}=e,{length:c}=(r==null?void 0:r.toString())??"",a=t!==void 0;return s.jsx("span",{className:b.characterCounter,"data-exceeded":a&&c>t||void 0,"data-lonely":o||void 0,children:a?`${c} / ${t}`:c})});exports.CharacterCounter=h;