@midas-ds/components 12.0.0 → 12.1.0

package/Text-BAFsaON-.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Text.css');const y=require("react/jsx-runtime"),p=require("./clsx-C11secjj.cjs"),x=require("./Text-BtPiT2P1.cjs"),_="_description_130b8_21",e={"body-01":"_body-01_130b8_1","body-02":"_body-02_130b8_2",description:_},t="span",a=({children:o,className:c,variant:n="body-02",isExpressive:d=!1,elementType:r=t,...s})=>{const i={"body-01":e["body-01"],"body-02":e["body-02"]},b={className:p.clsx(s.slot==="description"?e.description:i[n],c),elementType:r||t,...d&&{"data-expressive":!0},...s};return y.jsx(x.$514c0188e459b4c0$export$5f1af8db9871e1d6,{...b,children:o})};exports.Text=a;

package/{Text--KL3Auo7.js → Text-Be7WIOwv.js}

@@ -1,6 +1,6 @@
-import { $ as c } from "./utils-KYuflGZt.js";
-import o, { forwardRef as $, createContext as f } from "react";
-const n = /* @__PURE__ */ f({}), s = /* @__PURE__ */ $(function(e, t) {
+import { $ as c } from "./utils-Cpcjg55U.js";
+import o, { forwardRef as f, createContext as $ } from "react";
+const n = /* @__PURE__ */ $({}), s = /* @__PURE__ */ f(function(e, t) {
   [e, t] = c(e, t, n);
   let { elementType: a = "span", ...r } = e;
   return /* @__PURE__ */ o.createElement(a, {

package/{Text-wuw0HQoa.cjs → Text-BtPiT2P1.cjs}

@@ -1 +1 @@
-"use strict";const b=require("./utils-BM2vxlNA.cjs"),c=require("react"),a=c.createContext({}),n=c.forwardRef(function(e,t){[e,t]=b.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,a);let{elementType:r="span",...$}=e;return c.createElement(r,{className:"react-aria-Text",...$,ref:t})});exports.$514c0188e459b4c0$export$5f1af8db9871e1d6=n;exports.$514c0188e459b4c0$export$9afb8bc826b033ea=a;
+"use strict";const b=require("./utils-CMHKYKlz.cjs"),c=require("react"),a=c.createContext({}),n=c.forwardRef(function(e,t){[e,t]=b.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,a);let{elementType:r="span",...$}=e;return c.createElement(r,{className:"react-aria-Text",...$,ref:t})});exports.$514c0188e459b4c0$export$5f1af8db9871e1d6=n;exports.$514c0188e459b4c0$export$9afb8bc826b033ea=a;

package/Text-CmlsaWMA.js

@@ -0,0 +1,32 @@
+import { jsx as p } from "react/jsx-runtime";
+import { c as a } from "./clsx-OuTLNxxd.js";
+import { a as y } from "./Text-Be7WIOwv.js";
+import './assets/Text.css';const _ = "_description_130b8_21", o = {
+  "body-01": "_body-01_130b8_1",
+  "body-02": "_body-02_130b8_2",
+  description: _
+}, t = "span", f = ({
+  children: e,
+  className: c,
+  variant: d = "body-02",
+  isExpressive: r = !1,
+  elementType: b = t,
+  ...s
+}) => {
+  const i = {
+    "body-01": o["body-01"],
+    "body-02": o["body-02"]
+  }, n = {
+    className: a(
+      s.slot === "description" ? o.description : i[d],
+      c
+    ),
+    elementType: b || t,
+    ...r && { "data-expressive": !0 },
+    ...s
+  };
+  return /* @__PURE__ */ p(y, { ...n, children: e });
+};
+export {
+  f as T
+};

package/TextArea-BCikUXaD.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),F=require("react"),u=require("./utils-CMHKYKlz.cjs"),f=require("./Input-CzMx2mfl.cjs"),l=require("./clsx-C11secjj.cjs"),i=require("./TextField.module-GTQtNO0r.cjs"),h=require("./Text-BAFsaON-.cjs"),q=require("./Button-DrL5Jv-s.cjs"),T=require("./useLocalizedStringFormatter-BO2iZEL0.cjs"),x=require("./TextField-Bm5916AD.cjs"),b=require("./FieldError-Cornph2A.cjs"),g=require("./CharacterCounter-CnRv-iUP.cjs"),m=require("./Label-C00qz3kQ.cjs");function N(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,o.get?o:{enumerable:!0,get:()=>e[s]})}}return r.default=e,Object.freeze(r)}const d=N(F),$=d.forwardRef((e,r)=>{[e]=u.$64fa3d84918910a7$export$29f1550f4b0d4415(e,r,x.$bcdf0525bf22703d$export$2129e27b3ef0d483);const{label:s,description:o,errorMessage:c,showCounter:a,errorPosition:n="top",size:j="large",popover:w,children:y}=e;return t.jsxs(x.$bcdf0525bf22703d$export$2c73285ae9390cec,{...e,className:l.clsx(i.styles.textField,{[i.styles.medium]:j==="medium"}),children:[t.jsx(m.LabelWrapper,{popover:w,children:s&&t.jsx(m.Label,{children:s})}),o&&t.jsx(h.Text,{slot:"description",children:o}),a&&t.jsx(g.CharacterCounter,{isLonely:!o}),n==="top"&&t.jsx(b.FieldError,{"data-testid":"fieldError",children:c}),y,n==="bottom"&&t.jsx(b.FieldError,{"data-testid":"fieldError",className:i.styles.bottomError,children:c})]})}),P={hide:"Hide",show:"Show"},R={hide:"Dölj",show:"Visa"},S={en:P,sv:R},v=d.forwardRef((e,r)=>{[e,r]=u.$64fa3d84918910a7$export$29f1550f4b0d4415(e,r,f.$3985021b0ad6602f$export$37fb8590cf2c088c);const[s,o]=d.useState(!1),c=()=>o(n=>!n),a=T.useLocalizedStringFormatter(S);return t.jsxs(t.Fragment,{children:[s&&t.jsx(h.Text,{slot:"description",className:i.styles.passwordText,children:e.value}),t.jsx(q.Button,{variant:"tertiary",onPress:c,className:i.styles.passwordButton,children:s?a.format("hide"):a.format("show")})]})}),p=d.forwardRef(({skipContext:e=!1,...r},s)=>{const[o,c]=u.$64fa3d84918910a7$export$29f1550f4b0d4415(r,s,f.$3985021b0ad6602f$export$37fb8590cf2c088c),a=e?s:c,n=e?r:o;return t.jsxs("div",{className:i.styles.wrap,children:[t.jsx(f.$3985021b0ad6602f$export$f5b8910cec6cf069,{...n,ref:a,className:l.clsx(i.styles.input,n.className)}),n.type==="password"&&t.jsx(v,{...n})]})}),E=d.forwardRef(({className:e,form:r,list:s,type:o,...c},a)=>t.jsx($,{...c,children:t.jsx(p,{className:l.clsx(e),form:r,list:s,ref:a,type:o,skipContext:!0})})),L=d.forwardRef(({className:e,form:r,rows:s,wrap:o,...c},a)=>t.jsx($,{...c,children:t.jsx(x.$216918bed6669f72$export$f5c9f3c2c4054eec,{className:l.clsx(i.styles.textArea,e),form:r,ref:a,rows:s,wrap:o})}));exports.Input=p;exports.TextArea=L;exports.TextField=E;exports.TextFieldBase=$;

package/TextArea-h5_oBQH1.js

@@ -0,0 +1,125 @@
+import { jsxs as m, jsx as r, Fragment as N } from "react/jsx-runtime";
+import * as n from "react";
+import { $ as l } from "./utils-Cpcjg55U.js";
+import { $ as h, a as F } from "./Input-BLVRv0FK.js";
+import { c as f } from "./clsx-OuTLNxxd.js";
+import { s as d } from "./TextField.module-C9Zm9unF.js";
+import { T as $ } from "./Text-CmlsaWMA.js";
+import { B as T } from "./Button-DYcmg49Z.js";
+import { u as g } from "./useLocalizedStringFormatter-N0AyjzbM.js";
+import { $ as P, a as R, b as v } from "./TextField-_UY8CXtW.js";
+import { F as p } from "./FieldError-DdvFyIf4.js";
+import { C as L } from "./CharacterCounter-DT7A0wWP.js";
+import { a as y, L as B } from "./Label-BG7G0iyG.js";
+const w = n.forwardRef((e, t) => {
+  [e] = l(e, t, R);
+  const {
+    label: s,
+    description: o,
+    errorMessage: a,
+    showCounter: c,
+    errorPosition: i = "top",
+    size: x = "large",
+    popover: b,
+    children: u
+  } = e;
+  return /* @__PURE__ */ m(
+    P,
+    {
+      ...e,
+      className: f(d.textField, {
+        [d.medium]: x === "medium"
+      }),
+      children: [
+        /* @__PURE__ */ r(y, { popover: b, children: s && /* @__PURE__ */ r(B, { children: s }) }),
+        o && /* @__PURE__ */ r($, { slot: "description", children: o }),
+        c && /* @__PURE__ */ r(L, { isLonely: !o }),
+        i === "top" && /* @__PURE__ */ r(p, { "data-testid": "fieldError", children: a }),
+        u,
+        i === "bottom" && /* @__PURE__ */ r(
+          p,
+          {
+            "data-testid": "fieldError",
+            className: d.bottomError,
+            children: a
+          }
+        )
+      ]
+    }
+  );
+}), C = { hide: "Hide", show: "Show" }, E = { hide: "Dölj", show: "Visa" }, S = {
+  en: C,
+  sv: E
+}, j = n.forwardRef(
+  (e, t) => {
+    [e, t] = l(e, t, h);
+    const [s, o] = n.useState(!1), a = () => o((i) => !i), c = g(S);
+    return /* @__PURE__ */ m(N, { children: [
+      s && /* @__PURE__ */ r(
+        $,
+        {
+          slot: "description",
+          className: d.passwordText,
+          children: e.value
+        }
+      ),
+      /* @__PURE__ */ r(
+        T,
+        {
+          variant: "tertiary",
+          onPress: a,
+          className: d.passwordButton,
+          children: s ? c.format("hide") : c.format("show")
+        }
+      )
+    ] });
+  }
+), z = n.forwardRef(
+  ({ skipContext: e = !1, ...t }, s) => {
+    const [o, a] = l(
+      t,
+      s,
+      h
+    ), c = e ? s : a, i = e ? t : o;
+    return /* @__PURE__ */ m("div", { className: d.wrap, children: [
+      /* @__PURE__ */ r(
+        F,
+        {
+          ...i,
+          ref: c,
+          className: f(d.input, i.className)
+        }
+      ),
+      i.type === "password" && /* @__PURE__ */ r(j, { ...i })
+    ] });
+  }
+), O = n.forwardRef(
+  ({ className: e, form: t, list: s, type: o, ...a }, c) => /* @__PURE__ */ r(w, { ...a, children: /* @__PURE__ */ r(
+    z,
+    {
+      className: f(e),
+      form: t,
+      list: s,
+      ref: c,
+      type: o,
+      skipContext: !0
+    }
+  ) })
+), Q = n.forwardRef(
+  ({ className: e, form: t, rows: s, wrap: o, ...a }, c) => /* @__PURE__ */ r(w, { ...a, children: /* @__PURE__ */ r(
+    v,
+    {
+      className: f(d.textArea, e),
+      form: t,
+      ref: c,
+      rows: s,
+      wrap: o
+    }
+  ) })
+);
+export {
+  z as I,
+  w as T,
+  O as a,
+  Q as b
+};

package/TextField-Bm5916AD.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./utils-CMHKYKlz.cjs"),m=require("./FieldError-Cornph2A.cjs"),E=require("./ListKeyboardDelegate-C_X1wLkh.cjs"),I=require("./Form-BuOomA4T.cjs"),g=require("./Group-BKYGeOBr.cjs"),y=require("./Input-CzMx2mfl.cjs"),D=require("./Button-CMIbSc4-.cjs"),t=require("react"),B=require("./useHover-DGAmG7jt.cjs"),C=require("./useFocusRing-BcbYske2.cjs"),M=require("./mergeProps-JhcJ7uJL.cjs"),O=require("./Text-BtPiT2P1.cjs"),A=require("./Hidden-BxRZGdEW.cjs"),V=require("./filterDOMProps-RRlKPKX0.cjs"),S=require("./useTextField-Cxpfu0U3.cjs"),P=t.createContext({});let _=f=>{let{onHoverStart:e,onHoverChange:d,onHoverEnd:n,...i}=f;return i};const L=t.forwardRef(function(e,d){[e,d]=a.$64fa3d84918910a7$export$29f1550f4b0d4415(e,d,P);let{hoverProps:n,isHovered:i}=B.$6179b936705e76d3$export$ae780daf29e6d456(e),{isFocused:o,isFocusVisible:l,focusProps:r}=C.$f7dceffc5ad7768b$export$4e328f61c538687f({isTextInput:!0,autoFocus:e.autoFocus}),s=!!e["aria-invalid"]&&e["aria-invalid"]!=="false",$=a.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:{isHovered:i,isFocused:o,isFocusVisible:l,isDisabled:e.disabled||!1,isInvalid:s},defaultClassName:"react-aria-TextArea"});return t.createElement("textarea",{...M.$3ef42575df84b30b$export$9d1611c77c2fe928(_(e),r,n),...$,ref:d,"data-focused":o||void 0,"data-disabled":e.disabled||void 0,"data-hovered":i||void 0,"data-focus-visible":l||void 0,"data-invalid":s||void 0})}),p=t.createContext(null),N=A.$f39a9eba43920ace$export$86427a43e3e48ebb(function(e,d){[e,d]=a.$64fa3d84918910a7$export$29f1550f4b0d4415(e,d,p);let{validationBehavior:n}=a.$64fa3d84918910a7$export$fabf2dc03a41866e(I.$d3e0e05bdfcf66bd$export$c24727297075ec6a)||{};var i,o;let l=(o=(i=e.validationBehavior)!==null&&i!==void 0?i:n)!==null&&o!==void 0?o:"native",r=t.useRef(null);[e,r]=a.$64fa3d84918910a7$export$29f1550f4b0d4415(e,r,E.$8e6cc465cc68f603$export$698f465ec27e93df);let[s,$]=a.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!e["aria-label"]&&!e["aria-labelledby"]),[F,h]=t.useState("input"),{labelProps:H,inputProps:b,descriptionProps:R,errorMessageProps:T,...c}=S.$2d73ec29415bd339$export$712718f7aec83d5({...a.$64fa3d84918910a7$export$ef03459518577ad4(e),inputElementType:F,label:$,validationBehavior:l},r),v=t.useCallback(u=>{r.current=u,u&&h(u instanceof HTMLTextAreaElement?"textarea":"input")},[r]),x=a.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:{isDisabled:e.isDisabled||!1,isInvalid:c.isInvalid,isReadOnly:e.isReadOnly||!1,isRequired:e.isRequired||!1},defaultClassName:"react-aria-TextField"}),q=V.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return delete q.id,t.createElement("div",{...q,...x,ref:d,slot:e.slot||void 0,"data-disabled":e.isDisabled||void 0,"data-invalid":c.isInvalid||void 0,"data-readonly":e.isReadOnly||void 0,"data-required":e.isRequired||void 0},t.createElement(a.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[D.$01b77f81d0f07f68$export$75b6ee27786ba447,{...H,ref:s}],[y.$3985021b0ad6602f$export$37fb8590cf2c088c,{...b,ref:v}],[P,{...b,ref:v}],[g.$a049562f99e7db0e$export$f9c6924e160136d1,{role:"presentation",isInvalid:c.isInvalid,isDisabled:e.isDisabled||!1}],[O.$514c0188e459b4c0$export$9afb8bc826b033ea,{slots:{description:R,errorMessage:T}}],[m.$ee014567cb39d3f0$export$ff05c3ac10437e03,c]]},x.children))});exports.$216918bed6669f72$export$f5c9f3c2c4054eec=L;exports.$bcdf0525bf22703d$export$2129e27b3ef0d483=p;exports.$bcdf0525bf22703d$export$2c73285ae9390cec=N;

package/TextField-_UY8CXtW.js

@@ -0,0 +1,134 @@
+import { $ as c, a as p, c as I, d as y, e as D, f as g } from "./utils-Cpcjg55U.js";
+import { $ as B } from "./FieldError-DdvFyIf4.js";
+import { a as C } from "./ListKeyboardDelegate-CVxkAn5D.js";
+import { $ as M } from "./Form-CXcEMuBf.js";
+import { $ as O } from "./Group-C73mD_-i.js";
+import { $ as _ } from "./Input-BLVRv0FK.js";
+import { b as q } from "./Button-DD5_S-tD.js";
+import b, { forwardRef as A, createContext as P, useRef as V, useState as S, useCallback as N } from "react";
+import { $ as k } from "./useHover-D6bNIkU0.js";
+import { $ as w } from "./useFocusRing-DMo8ctYV.js";
+import { a as L } from "./mergeProps-BSsN7Bgk.js";
+import { $ as j } from "./Text-Be7WIOwv.js";
+import { $ as z } from "./Hidden-C9KWUR7b.js";
+import { $ as G } from "./filterDOMProps-wsa9OcNI.js";
+import { $ as J } from "./useTextField-BC5X_AO_.js";
+const h = /* @__PURE__ */ P({});
+let K = (s) => {
+  let { onHoverStart: e, onHoverChange: a, onHoverEnd: r, ...i } = s;
+  return i;
+};
+const ne = /* @__PURE__ */ A(function(e, a) {
+  [e, a] = c(e, a, h);
+  let { hoverProps: r, isHovered: i } = k(e), { isFocused: t, isFocusVisible: o, focusProps: d } = w({
+    isTextInput: !0,
+    autoFocus: e.autoFocus
+  }), f = !!e["aria-invalid"] && e["aria-invalid"] !== "false", n = p({
+    ...e,
+    values: {
+      isHovered: i,
+      isFocused: t,
+      isFocusVisible: o,
+      isDisabled: e.disabled || !1,
+      isInvalid: f
+    },
+    defaultClassName: "react-aria-TextArea"
+  });
+  return /* @__PURE__ */ b.createElement("textarea", {
+    ...L(K(e), d, r),
+    ...n,
+    ref: a,
+    "data-focused": t || void 0,
+    "data-disabled": e.disabled || void 0,
+    "data-hovered": i || void 0,
+    "data-focus-visible": o || void 0,
+    "data-invalid": f || void 0
+  });
+}), Q = /* @__PURE__ */ P(null), $e = /* @__PURE__ */ z(function(e, a) {
+  [e, a] = c(e, a, Q);
+  let { validationBehavior: r } = I(M) || {};
+  var i, t;
+  let o = (t = (i = e.validationBehavior) !== null && i !== void 0 ? i : r) !== null && t !== void 0 ? t : "native", d = V(null);
+  [e, d] = c(e, d, C);
+  let [f, n] = y(!e["aria-label"] && !e["aria-labelledby"]), [R, H] = S("input"), { labelProps: T, inputProps: u, descriptionProps: F, errorMessageProps: E, ...l } = J({
+    ...D(e),
+    inputElementType: R,
+    label: n,
+    validationBehavior: o
+  }, d), v = N(($) => {
+    d.current = $, $ && H($ instanceof HTMLTextAreaElement ? "textarea" : "input");
+  }, [
+    d
+  ]), m = p({
+    ...e,
+    values: {
+      isDisabled: e.isDisabled || !1,
+      isInvalid: l.isInvalid,
+      isReadOnly: e.isReadOnly || !1,
+      isRequired: e.isRequired || !1
+    },
+    defaultClassName: "react-aria-TextField"
+  }), x = G(e, {
+    global: !0
+  });
+  return delete x.id, /* @__PURE__ */ b.createElement("div", {
+    ...x,
+    ...m,
+    ref: a,
+    slot: e.slot || void 0,
+    "data-disabled": e.isDisabled || void 0,
+    "data-invalid": l.isInvalid || void 0,
+    "data-readonly": e.isReadOnly || void 0,
+    "data-required": e.isRequired || void 0
+  }, /* @__PURE__ */ b.createElement(g, {
+    values: [
+      [
+        q,
+        {
+          ...T,
+          ref: f
+        }
+      ],
+      [
+        _,
+        {
+          ...u,
+          ref: v
+        }
+      ],
+      [
+        h,
+        {
+          ...u,
+          ref: v
+        }
+      ],
+      [
+        O,
+        {
+          role: "presentation",
+          isInvalid: l.isInvalid,
+          isDisabled: e.isDisabled || !1
+        }
+      ],
+      [
+        j,
+        {
+          slots: {
+            description: F,
+            errorMessage: E
+          }
+        }
+      ],
+      [
+        B,
+        l
+      ]
+    ]
+  }, m.children));
+});
+export {
+  $e as $,
+  Q as a,
+  ne as b
+};

package/TextField.module-C9Zm9unF.js

@@ -0,0 +1,13 @@
+import './assets/TextField.css';const t = "_textField_i0k2g_4", o = "_bottomError_i0k2g_23", s = "_textArea_i0k2g_32", _ = "_wrap_i0k2g_81", r = "_medium_i0k2g_86", e = "_input_i0k2g_87", i = "_passwordText_i0k2g_110", n = "_passwordButton_i0k2g_149", a = {
+  textField: t,
+  bottomError: o,
+  textArea: s,
+  wrap: _,
+  medium: r,
+  input: e,
+  passwordText: i,
+  passwordButton: n
+};
+export {
+  a as s
+};

package/TextField.module-GTQtNO0r.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/TextField.css');const t="_textField_i0k2g_4",o="_bottomError_i0k2g_23",s="_textArea_i0k2g_32",_="_wrap_i0k2g_81",r="_medium_i0k2g_86",e="_input_i0k2g_87",i="_passwordText_i0k2g_110",n="_passwordButton_i0k2g_149",a={textField:t,bottomError:o,textArea:s,wrap:_,medium:r,input:e,passwordText:i,passwordButton:n};exports.styles=a;