enefit-design-system 0.9.2-ds.3 → 0.9.2-ds.4

package/dist/DsStepper/DsStepper.js

@@ -1,89 +1,90 @@
 "use client";
-import { jsxs as n, jsx as s, Fragment as F } from "react/jsx-runtime";
-import { forwardRef as T, useRef as $, useEffect as q } from "react";
-import { DsIcon as w } from "../DsIcon/DsIcon.js";
-import { cn as v } from "../utils/dsClass.js";
+import { jsxs as n, jsx as t, Fragment as D } from "react/jsx-runtime";
+import { forwardRef as F, useRef as T, useEffect as $ } from "react";
+import q from "../output/icons/IconCheckXs.js";
+import C from "../output/icons/IconCheckSm.js";
+import { cn as b } from "../utils/dsClass.js";
 /* empty css              */
-function z(r, t) {
-  return r < t ? "completed" : r === t ? "active" : "upcoming";
+function E(r, s) {
+  return r < s ? "completed" : r === s ? "active" : "upcoming";
 }
-function E(r, t, i) {
-  return t ? !!(r === "completed" && i) : !1;
+function H(r, s, i) {
+  return s ? !!(r === "completed" && i) : !1;
 }
-const K = T(
+const K = F(
   function({
-    items: t,
+    items: s,
     value: i,
     onChange: p,
-    allowPrevStepSelect: h = !1,
+    allowPrevStepSelect: v = !1,
     focusOnActiveChange: d = !1,
     size: u = "default",
-    ariaLabels: f,
+    ariaLabels: m,
     className: N,
-    ...x
-  }, k) {
-    const I = f?.nav ?? "Steps", S = f?.completed ?? "completed", o = Math.max(0, t.findIndex((e) => e.value === i)), y = u === "small" ? "small" : "default", m = $(null);
-    q(() => {
+    ...k
+  }, x) {
+    const I = m?.nav ?? "Steps", S = m?.completed ?? "completed", o = Math.max(0, s.findIndex((e) => e.value === i)), g = u === "small" ? "small" : "default", f = T(null);
+    $(() => {
       if (!d) return;
-      const e = m.current;
+      const e = f.current;
       if (!e) return;
       (e.querySelector(
         "button, [tabindex]"
       ) ?? e).focus();
     }, [o, d]);
-    const l = t[o];
+    const l = s[o];
     return /* @__PURE__ */ n(
       "nav",
       {
-        ref: k,
+        ref: x,
         "aria-label": I,
-        className: v(
+        className: b(
           "ds-stepper",
           u === "small" && "ds-stepper--small",
           N
         ),
-        ...x,
+        ...k,
         children: [
-          /* @__PURE__ */ s("ol", { className: "ds-stepper__list", children: t.map((e, c) => {
-            const a = z(c, o), D = e.disabled ?? !1, L = t.slice(c + 1).every((j) => j.disabled), _ = E(
+          /* @__PURE__ */ t("ol", { className: "ds-stepper__list", children: s.map((e, c) => {
+            const a = E(c, o), w = e.disabled ?? !1, y = s.slice(c + 1).every((j) => j.disabled), h = H(
               a,
               p,
-              h
-            ), R = a === "completed" ? /* @__PURE__ */ s(w, { icon: "check", size: y, "aria-hidden": "true" }) : c + 1, b = /* @__PURE__ */ n(F, { children: [
-              /* @__PURE__ */ s(
+              v
+            ), L = a === "completed" ? g === "small" ? /* @__PURE__ */ t(q, { "aria-hidden": !0, width: 16, height: 16 }) : /* @__PURE__ */ t(C, { "aria-hidden": !0, width: 24, height: 24 }) : c + 1, _ = /* @__PURE__ */ n(D, { children: [
+              /* @__PURE__ */ t(
                 "span",
                 {
                   className: "ds-stepper__indicator",
                   "aria-hidden": "true",
-                  children: R
+                  children: L
                 }
               ),
-              /* @__PURE__ */ s("span", { className: "ds-stepper__title", children: e.label }),
-              e.description != null && e.description !== "" ? /* @__PURE__ */ s("span", { className: "ds-stepper__description", children: e.description }) : null
-            ] }), g = a === "completed" ? `${e.label}, ${S}` : e.label;
+              /* @__PURE__ */ t("span", { className: "ds-stepper__title", children: e.label }),
+              e.description != null && e.description !== "" ? /* @__PURE__ */ t("span", { className: "ds-stepper__description", children: e.description }) : null
+            ] }), R = a === "completed" ? `${e.label}, ${S}` : e.label;
             return /* @__PURE__ */ n(
               "li",
               {
-                ref: a === "active" ? m : void 0,
-                className: v(
+                ref: a === "active" ? f : void 0,
+                className: b(
                   "ds-stepper__item",
-                  D && "ds-stepper__item--hidden"
+                  w && "ds-stepper__item--hidden"
                 ),
                 "data-state": a,
                 "aria-current": a === "active" ? "step" : void 0,
-                "aria-label": g,
-                tabIndex: a === "active" && d && !_ ? -1 : void 0,
+                "aria-label": R,
+                tabIndex: a === "active" && d && !h ? -1 : void 0,
                 children: [
-                  _ ? /* @__PURE__ */ s(
+                  h ? /* @__PURE__ */ t(
                     "button",
                     {
                       type: "button",
                       className: "ds-stepper__button",
                       onClick: () => p?.(e.value),
-                      children: b
+                      children: _
                     }
-                  ) : b,
-                  L ? null : /* @__PURE__ */ s(
+                  ) : _,
+                  y ? null : /* @__PURE__ */ t(
                     "span",
                     {
                       className: "ds-stepper__separator",
@@ -97,8 +98,8 @@ const K = T(
             );
           }) }),
           l ? /* @__PURE__ */ n("div", { className: "ds-stepper__active-step", "aria-hidden": "true", children: [
-            /* @__PURE__ */ s("p", { className: "ds-stepper__active-title", children: l.label }),
-            l.description != null && l.description !== "" ? /* @__PURE__ */ s("p", { className: "ds-stepper__active-description", children: l.description }) : null
+            /* @__PURE__ */ t("p", { className: "ds-stepper__active-title", children: l.label }),
+            l.description != null && l.description !== "" ? /* @__PURE__ */ t("p", { className: "ds-stepper__active-description", children: l.description }) : null
           ] }) : null
         ]
       }

package/dist/_virtual/index5.js

@@ -1,7 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../external/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as r } from "../external/use-sync-external-store/shim/index.js";
+var i = r();
 export {
-  s as default
+  i as s
 };

package/dist/_virtual/index6.js

@@ -1,5 +1,7 @@
-import { __require as r } from "../external/use-sync-external-store/shim/index.js";
-var i = r();
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../external/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  i as s
+  s as default
 };

package/dist/_virtual/index7.js

@@ -1,4 +1,4 @@
-var p = { exports: {} };
+var e = { exports: {} };
 export {
-  p as __module
+  e as __module
 };

package/dist/_virtual/index8.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var p = { exports: {} };
 export {
-  e as __module
+  p as __module
 };

package/dist/external/@react-aria/landmark/dist/useLandmark.js

@@ -1,6 +1,6 @@
 import { useState as b, useCallback as h, useEffect as g } from "react";
 import { useLayoutEffect as L } from "../../utils/dist/useLayoutEffect.js";
-import { s as p } from "../../../../_virtual/index6.js";
+import { s as p } from "../../../../_virtual/index5.js";
 const v = 1, c = /* @__PURE__ */ Symbol.for("react-aria-landmark-manager");
 function E(l) {
   return document.addEventListener("react-aria-landmark-manager-change", l), () => document.removeEventListener("react-aria-landmark-manager-change", l);

package/dist/external/@react-stately/toast/dist/useToastState.js

@@ -1,5 +1,5 @@
 import { useMemo as o, useCallback as l } from "react";
-import { s as u } from "../../../../_virtual/index6.js";
+import { s as u } from "../../../../_virtual/index5.js";
 function d(e = {}) {
   let { maxVisibleToasts: s = 1, wrapUpdate: t } = e, i = o(() => new c({
     maxVisibleToasts: s,

package/dist/external/prop-types/index.js

@@ -1,4 +1,4 @@
-import { __module as r } from "../../_virtual/index7.js";
+import { __module as r } from "../../_virtual/index8.js";
 import { __require as s } from "./external/react-is/index.js";
 import { __require as t } from "./factoryWithTypeCheckers.js";
 import { __require as p } from "./factoryWithThrowingShims.js";

package/dist/external/react-transition-group/esm/CSSTransition.js

@@ -1,7 +1,7 @@
 import C from "../../@babel/runtime/helpers/esm/extends.js";
 import x from "../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";
 import N from "../../@babel/runtime/helpers/esm/inheritsLoose.js";
-import v from "../../../_virtual/index5.js";
+import v from "../../../_virtual/index6.js";
 import A from "../../dom-helpers/esm/addClass.js";
 import _ from "../../dom-helpers/esm/removeClass.js";
 import c from "react";

package/dist/external/react-transition-group/esm/Transition.js

@@ -1,6 +1,6 @@
 import C from "../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";
 import D from "../../@babel/runtime/helpers/esm/inheritsLoose.js";
-import o from "../../../_virtual/index5.js";
+import o from "../../../_virtual/index6.js";
 import v from "react";
 import b from "react-dom";
 import T from "./config.js";

package/dist/external/react-transition-group/esm/utils/PropTypes.js

@@ -1,4 +1,4 @@
-import e from "../../../../_virtual/index5.js";
+import e from "../../../../_virtual/index6.js";
 var n = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
   enter: e.number,
   exit: e.number,

package/dist/external/use-sync-external-store/shim/index.js

@@ -1,4 +1,4 @@
-import { __module as r } from "../../../_virtual/index8.js";
+import { __module as r } from "../../../_virtual/index7.js";
 import { __require as o } from "../cjs/use-sync-external-store-shim.production.js";
 import { __require as i } from "../cjs/use-sync-external-store-shim.development.js";
 var e;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "enefit-design-system",
-    "version": "0.9.2-ds.3",
+    "version": "0.9.2-ds.4",
     "description": "Enefit design system",
     "type": "module",
     "types": "dist/index.d.ts",