@midas-ds/components 1.0.2 → 1.0.3

package/Text-DGLaY3HR.js

@@ -1,17 +0,0 @@
-import { a as r } from "./useFocusRing-D97-G3fT.js";
-import o, { forwardRef as $, createContext as f } from "react";
-const n = /* @__PURE__ */ f({});
-function m(e, t) {
-  [e, t] = r(e, t, n);
-  let { elementType: a = "span", ...c } = e;
-  return /* @__PURE__ */ o.createElement(a, {
-    className: "react-aria-Text",
-    ...c,
-    ref: t
-  });
-}
-const s = /* @__PURE__ */ $(m);
-export {
-  n as $,
-  s as a
-};

package/TextField-C_hq9WeT.js

@@ -1,226 +0,0 @@
-import { jsx as r, jsxs as u, Fragment as I } from "react/jsx-runtime";
-import $, { forwardRef as E, createContext as w, useRef as B, useState as S, useCallback as D } from "react";
-import { c as V, d as k, e as O } from "./Form-DXLoQL91.js";
-import { $ as _, a as q, T as i, b as A } from "./TextField.module-Cwq1FAm7.js";
-import { a as j, b as C } from "./Label-C18A_4Z5.js";
-import { $ as W, a as T } from "./Text-DGLaY3HR.js";
-import { a as N, b as L, c as z, d as y, e as G, u as J, v as K, w as M, n as Q, x as U } from "./useFocusRing-D97-G3fT.js";
-import { Button as X } from "./index69.js";
-import { c as Y } from "./clsx-OuTLNxxd.js";
-const H = /* @__PURE__ */ w({});
-let Z = (e) => {
-  let { onHoverStart: t, onHoverChange: a, onHoverEnd: d, ...s } = e;
-  return s;
-};
-function ee(e, t) {
-  [e, t] = N(e, t, H);
-  let { hoverProps: a, isHovered: d } = L(e), { isFocused: s, isFocusVisible: n, focusProps: c } = z({
-    isTextInput: !0,
-    autoFocus: e.autoFocus
-  }), o = !!e["aria-invalid"] && e["aria-invalid"] !== "false", f = y({
-    ...e,
-    values: {
-      isHovered: d,
-      isFocused: s,
-      isFocusVisible: n,
-      isDisabled: e.disabled || !1,
-      isInvalid: o
-    },
-    defaultClassName: "react-aria-TextArea"
-  });
-  return /* @__PURE__ */ $.createElement("textarea", {
-    ...G(Z(e), c, a),
-    ...f,
-    ref: t,
-    "data-focused": s || void 0,
-    "data-disabled": e.disabled || void 0,
-    "data-hovered": d || void 0,
-    "data-focus-visible": n || void 0,
-    "data-invalid": o || void 0
-  });
-}
-const pe = /* @__PURE__ */ E(ee), te = /* @__PURE__ */ w(null);
-function ae(e, t) {
-  [e, t] = N(e, t, te);
-  let { validationBehavior: a } = J(V) || {};
-  var d, s;
-  let n = (s = (d = e.validationBehavior) !== null && d !== void 0 ? d : a) !== null && s !== void 0 ? s : "native", c = B(null), [o, f] = K(), [p, b] = S("input"), { labelProps: x, inputProps: v, descriptionProps: l, errorMessageProps: m, ...h } = _({
-    ...M(e),
-    inputElementType: p,
-    label: f,
-    validationBehavior: n
-  }, c), g = D((P) => {
-    c.current = P, P && b(P instanceof HTMLTextAreaElement ? "textarea" : "input");
-  }, []), F = y({
-    ...e,
-    values: {
-      isDisabled: e.isDisabled || !1,
-      isInvalid: h.isInvalid,
-      isReadOnly: e.isReadOnly || !1,
-      isRequired: e.isRequired || !1
-    },
-    defaultClassName: "react-aria-TextField"
-  }), R = Q(e);
-  return delete R.id, /* @__PURE__ */ $.createElement("div", {
-    ...R,
-    ...F,
-    ref: t,
-    slot: e.slot || void 0,
-    "data-disabled": e.isDisabled || void 0,
-    "data-invalid": h.isInvalid || void 0,
-    "data-readonly": e.isReadOnly || void 0,
-    "data-required": e.isRequired || void 0
-  }, /* @__PURE__ */ $.createElement(U, {
-    values: [
-      [
-        j,
-        {
-          ...x,
-          ref: o
-        }
-      ],
-      [
-        q,
-        {
-          ...v,
-          ref: g
-        }
-      ],
-      [
-        H,
-        {
-          ...v,
-          ref: g
-        }
-      ],
-      [
-        W,
-        {
-          slots: {
-            description: l,
-            errorMessage: m
-          }
-        }
-      ],
-      [
-        k,
-        h
-      ]
-    ]
-  }, F.children));
-}
-const de = /* @__PURE__ */ E(ae), xe = ({
-  label: e,
-  description: t,
-  errorMessage: a,
-  validationType: d,
-  validate: s,
-  maxCharacters: n,
-  showCounter: c,
-  ...o
-}) => {
-  const [f, p] = $.useState(""), b = (l) => {
-    const m = l.target.value;
-    p(m);
-  }, x = (l) => d === "ssn" ? se.test(l) ? null : "Felaktigt personnummer" : d instanceof RegExp ? new RegExp(d).test(l) ? null : a == null ? void 0 : a.toString() : n ? n && l.length > n ? `Du har angett ${l.length - n} tecken för mycket. Fältet är begränsat till ${n} tecken.` : null : s ? s(l) : !0, v = () => n ? /* @__PURE__ */ u(
-    "span",
-    {
-      className: Y(
-        i.count,
-        f.length > n && i.countExceeded
-      ),
-      children: [
-        f.length,
-        " / ",
-        n
-      ]
-    }
-  ) : c ? /* @__PURE__ */ r("span", { className: i.count, children: f.length }) : null;
-  return /* @__PURE__ */ r(
-    de,
-    {
-      className: i.inputField,
-      validate: x,
-      ...o,
-      children: /* @__PURE__ */ u(
-        ie,
-        {
-          label: e,
-          description: t,
-          errorMessage: a,
-          children: [
-            /* @__PURE__ */ r(v, {}),
-            /* @__PURE__ */ u("div", { className: i.wrap, children: [
-              /* @__PURE__ */ r(
-                A,
-                {
-                  type: o.type,
-                  className: i.input,
-                  onChange: b,
-                  onBlur: b
-                }
-              ),
-              /* @__PURE__ */ r(
-                ne,
-                {
-                  type: o.type,
-                  input: f
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    }
-  );
-}, ne = ({
-  type: e,
-  input: t
-}) => {
-  const [a, d] = $.useState(!1);
-  return e === "password" ? /* @__PURE__ */ u(I, { children: [
-    a && /* @__PURE__ */ r(
-      T,
-      {
-        slot: "description",
-        className: i.passwordText,
-        children: t
-      }
-    ),
-    /* @__PURE__ */ r(
-      X,
-      {
-        variant: "tertiary",
-        onPress: () => d(!a),
-        className: i.passwordButton,
-        children: a ? "Dölj" : "Visa"
-      }
-    )
-  ] }) : null;
-}, ie = ({
-  label: e,
-  description: t,
-  errorMessage: a,
-  children: d
-}) => /* @__PURE__ */ u("div", { className: i.inputWrapper, children: [
-  e && /* @__PURE__ */ r(C, { className: i.label, children: e }),
-  t && /* @__PURE__ */ r(
-    T,
-    {
-      slot: "description",
-      className: i.text,
-      children: t
-    }
-  ),
-  /* @__PURE__ */ r(O, { className: i.fieldError, children: a }),
-  d
-] }), se = new RegExp(
-  "^(?:(?:19|20)?\\d{2}(?:0[1-9]|1[0-2])(?:0[1-9]|[12]\\d|3[01])(?:[-+ ]?\\d{4})?|\\d{4}(?:0[1-9]|1[0-2])(?:0[1-9]|[12]\\d|3[01])(?:[-+ ]?\\d{4}))$"
-);
-export {
-  de as $,
-  ie as I,
-  xe as T,
-  pe as a,
-  se as s
-};

package/TextField.module-Cwq1FAm7.js

@@ -1,141 +0,0 @@
-import y, { useEffect as w, createContext as C } from "react";
-import { n as E, r as k, e as $, a as I, b as F, c as T, d as H } from "./useFocusRing-D97-G3fT.js";
-import { $ as R, a as M, b as S } from "./Form-DXLoQL91.js";
-import { $ as B } from "./useControlledState-S_TYcV_c.js";
-import { $ as V } from "./Label-C18A_4Z5.js";
-import { $ as W } from "./useFocusable-C-N9wcwm.js";
-import { $ as D } from "./Hidden-BQWDvze4.js";
-import './TextField.css';function xe(e, a) {
-  let { inputElementType: d = "input", isDisabled: n = !1, isRequired: t = !1, isReadOnly: r = !1, type: l = "text", validationBehavior: o = "aria" } = e, [i, u] = B(e.value, e.defaultValue || "", e.onChange), { focusableProps: b } = W(e, a), f = R({
-    ...e,
-    value: i
-  }), { isInvalid: c, validationErrors: p, validationDetails: v } = f.displayValidation, { labelProps: m, fieldProps: x, descriptionProps: _, errorMessageProps: g } = V({
-    ...e,
-    isInvalid: c,
-    errorMessage: e.errorMessage || p
-  }), P = E(e, {
-    labelable: !0
-  });
-  const h = {
-    type: l,
-    pattern: e.pattern
-  };
-  return M(a, i, u), S(e, f, a), w(() => {
-    if (a.current instanceof k(a.current).HTMLTextAreaElement) {
-      let s = a.current;
-      Object.defineProperty(s, "defaultValue", {
-        get: () => s.value,
-        set: () => {
-        },
-        configurable: !0
-      });
-    }
-  }, [
-    a
-  ]), {
-    labelProps: m,
-    inputProps: $(P, d === "input" ? h : void 0, {
-      disabled: n,
-      readOnly: r,
-      required: t && o === "native",
-      "aria-required": t && o === "aria" || void 0,
-      "aria-invalid": c || void 0,
-      "aria-errormessage": e["aria-errormessage"],
-      "aria-activedescendant": e["aria-activedescendant"],
-      "aria-autocomplete": e["aria-autocomplete"],
-      "aria-haspopup": e["aria-haspopup"],
-      value: i,
-      onChange: (s) => u(s.target.value),
-      autoComplete: e.autoComplete,
-      autoCapitalize: e.autoCapitalize,
-      maxLength: e.maxLength,
-      minLength: e.minLength,
-      name: e.name,
-      placeholder: e.placeholder,
-      inputMode: e.inputMode,
-      // Clipboard events
-      onCopy: e.onCopy,
-      onCut: e.onCut,
-      onPaste: e.onPaste,
-      // Composition events
-      onCompositionEnd: e.onCompositionEnd,
-      onCompositionStart: e.onCompositionStart,
-      onCompositionUpdate: e.onCompositionUpdate,
-      // Selection events
-      onSelect: e.onSelect,
-      // Input events
-      onBeforeInput: e.onBeforeInput,
-      onInput: e.onInput,
-      ...b,
-      ...x
-    }),
-    descriptionProps: _,
-    errorMessageProps: g,
-    isInvalid: c,
-    validationErrors: p,
-    validationDetails: v
-  };
-}
-const L = /* @__PURE__ */ C({});
-let O = (e) => {
-  let { onHoverStart: a, onHoverChange: d, onHoverEnd: n, ...t } = e;
-  return t;
-};
-function q(e, a) {
-  [e, a] = I(e, a, L);
-  let { hoverProps: d, isHovered: n } = F(e), { isFocused: t, isFocusVisible: r, focusProps: l } = T({
-    isTextInput: !0,
-    autoFocus: e.autoFocus
-  }), o = !!e["aria-invalid"] && e["aria-invalid"] !== "false", i = H({
-    ...e,
-    values: {
-      isHovered: n,
-      isFocused: t,
-      isFocusVisible: r,
-      isDisabled: e.disabled || !1,
-      isInvalid: o
-    },
-    defaultClassName: "react-aria-Input"
-  });
-  return /* @__PURE__ */ y.createElement("input", {
-    ...$(O(e), l, d),
-    ...i,
-    ref: a,
-    "data-focused": t || void 0,
-    "data-disabled": e.disabled || void 0,
-    "data-hovered": n || void 0,
-    "data-focus-visible": r || void 0,
-    "data-invalid": o || void 0
-  });
-}
-const _e = /* @__PURE__ */ D(q), z = '"../theme/tokens.css"', U = '"Inter", sans-serif', j = "#ffdfdf", A = "#f2f2f2", N = "#e6e6e6", G = "#bfbfbf", J = "#000000", K = "#e62323", Q = "500", X = "400", Y = "#1f1f1f", Z = "0 0 0 2px #ffffff, 0 0 0 4px #000000", ee = "_inputField_1kepw_4", ae = "_inputWrapper_1kepw_12", te = "_label_1kepw_30", ne = "_text_1kepw_36", oe = "_fieldError_1kepw_42", ie = "_passwordText_1kepw_66", de = "_count_1kepw_79", re = "_countExceeded_1kepw_87", se = "_input_1kepw_4", le = "_wrap_1kepw_130", ce = "_passwordButton_1kepw_135", ge = {
-  tokens: z,
-  display: U,
-  signalRed10: j,
-  gray10: A,
-  gray20: N,
-  gray50: G,
-  black: J,
-  signalRed100: K,
-  mediumWeight: Q,
-  regularWeight: X,
-  inputText: Y,
-  focus: Z,
-  inputField: ee,
-  inputWrapper: ae,
-  label: te,
-  text: ne,
-  fieldError: oe,
-  passwordText: ie,
-  count: de,
-  countExceeded: re,
-  input: se,
-  wrap: le,
-  passwordButton: ce
-};
-export {
-  xe as $,
-  ge as T,
-  L as a,
-  _e as b
-};

package/index-CEg5vZQH.js

@@ -1,132 +0,0 @@
-import V from "react";
-var R = { exports: {} }, w = {};
-/**
- * @license React
- * use-sync-external-store-shim.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var A;
-function G() {
-  if (A) return w;
-  A = 1;
-  var r = V;
-  function O(t, o) {
-    return t === o && (t !== 0 || 1 / t === 1 / o) || t !== t && o !== o;
-  }
-  var p = typeof Object.is == "function" ? Object.is : O, h = r.useState, y = r.useEffect, v = r.useLayoutEffect, m = r.useDebugValue;
-  function L(t, o) {
-    var a = o(), S = h({ inst: { value: a, getSnapshot: o } }), i = S[0].inst, d = S[1];
-    return v(function() {
-      i.value = a, i.getSnapshot = o, f(i) && d({ inst: i });
-    }, [t, a, o]), y(function() {
-      return f(i) && d({ inst: i }), t(function() {
-        f(i) && d({ inst: i });
-      });
-    }, [t]), m(a), a;
-  }
-  function f(t) {
-    var o = t.getSnapshot;
-    t = t.value;
-    try {
-      var a = o();
-      return !p(t, a);
-    } catch {
-      return !0;
-    }
-  }
-  function g(t, o) {
-    return o();
-  }
-  var E = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? g : L;
-  return w.useSyncExternalStore = r.useSyncExternalStore !== void 0 ? r.useSyncExternalStore : E, w;
-}
-var T = {};
-/**
- * @license React
- * use-sync-external-store-shim.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var D;
-function B() {
-  return D || (D = 1, process.env.NODE_ENV !== "production" && function() {
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var r = V, O = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function p(n) {
-      {
-        for (var e = arguments.length, s = new Array(e > 1 ? e - 1 : 0), u = 1; u < e; u++)
-          s[u - 1] = arguments[u];
-        h("error", n, s);
-      }
-    }
-    function h(n, e, s) {
-      {
-        var u = O.ReactDebugCurrentFrame, l = u.getStackAddendum();
-        l !== "" && (e += "%s", s = s.concat([l]));
-        var _ = s.map(function(c) {
-          return String(c);
-        });
-        _.unshift("Warning: " + e), Function.prototype.apply.call(console[n], console, _);
-      }
-    }
-    function y(n, e) {
-      return n === e && (n !== 0 || 1 / n === 1 / e) || n !== n && e !== e;
-    }
-    var v = typeof Object.is == "function" ? Object.is : y, m = r.useState, L = r.useEffect, f = r.useLayoutEffect, g = r.useDebugValue, E = !1, t = !1;
-    function o(n, e, s) {
-      E || r.startTransition !== void 0 && (E = !0, p("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
-      var u = e();
-      if (!t) {
-        var l = e();
-        v(u, l) || (p("The result of getSnapshot should be cached to avoid an infinite loop"), t = !0);
-      }
-      var _ = m({
-        inst: {
-          value: u,
-          getSnapshot: e
-        }
-      }), c = _[0].inst, x = _[1];
-      return f(function() {
-        c.value = u, c.getSnapshot = e, a(c) && x({
-          inst: c
-        });
-      }, [n, u, e]), L(function() {
-        a(c) && x({
-          inst: c
-        });
-        var U = function() {
-          a(c) && x({
-            inst: c
-          });
-        };
-        return n(U);
-      }, [n]), g(u), u;
-    }
-    function a(n) {
-      var e = n.getSnapshot, s = n.value;
-      try {
-        var u = e();
-        return !v(s, u);
-      } catch {
-        return !0;
-      }
-    }
-    function S(n, e, s) {
-      return e();
-    }
-    var i = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", d = !i, C = d ? S : o, I = r.useSyncExternalStore !== void 0 ? r.useSyncExternalStore : C;
-    T.useSyncExternalStore = I, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-  }()), T;
-}
-process.env.NODE_ENV === "production" ? R.exports = G() : R.exports = B();
-var H = R.exports;
-export {
-  H as s
-};