@fluidattacks/design 9.3.0 → 9.3.2

package/dist/components/stepper/index.js

@@ -1,29 +1,29 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { Fragment as d } from "react";
-import { VisuallyHidden as a } from "../../node_modules/react-aria/dist/private/visually-hidden/VisuallyHidden.js";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { Fragment as a } from "react";
+import { VisuallyHidden as d } from "../../node_modules/react-aria/dist/private/visually-hidden/VisuallyHidden.js";
 import { useTheme as s } from "styled-components";
 import { StyledStepRow as h, StyledStepItem as u, StyledStepIndicator as f, StyledStepConnector as g } from "./styles.js";
-import { Icon as S } from "../icon/index.js";
+import { Icon as y } from "../icon/index.js";
 import "../typography/heading/index.js";
 import "../typography/span/index.js";
-import { Text as y } from "../typography/text/index.js";
-const $ = (n, e) => n < e ? "completed" : n === e ? "current" : "upcoming", C = ({
+import { Text as S } from "../typography/text/index.js";
+const $ = (n, t) => n < t ? "completed" : n === t ? "current" : "upcoming", C = ({
   completedLabel: n = "completed",
-  currentStep: e,
-  steps: c
+  currentStep: t,
+  steps: m
 }) => {
   const l = s();
-  return /* @__PURE__ */ m(d, { children: [
-    /* @__PURE__ */ t(h, { children: c.map((r, o) => {
-      const i = $(o, e), p = i === "upcoming";
-      return /* @__PURE__ */ m(
+  return /* @__PURE__ */ c(a, { children: [
+    /* @__PURE__ */ e(h, { children: m.map((r, o) => {
+      const i = $(o, t), p = i === "upcoming";
+      return /* @__PURE__ */ c(
         u,
         {
           "aria-current": i === "current" ? "step" : void 0,
           children: [
-            /* @__PURE__ */ t(f, { $status: i, children: i === "completed" ? /* @__PURE__ */ t(S, { icon: "check", iconSize: "sm", iconType: "fa-solid" }) : o + 1 }),
-            /* @__PURE__ */ m(
-              y,
+            /* @__PURE__ */ e(f, { $status: i, children: i === "completed" ? /* @__PURE__ */ e(y, { icon: "check", iconSize: "sm", iconType: "fa-solid" }) : o + 1 }),
+            /* @__PURE__ */ c(
+              S,
               {
                 color: p ? l.palette.gray[400] : l.palette.gray[800],
                 display: "inline",
@@ -32,17 +32,17 @@ const $ = (n, e) => n < e ? "completed" : n === e ? "current" : "upcoming", C =
                 whiteSpace: "nowrap",
                 children: [
                   r.title,
-                  i === "completed" && /* @__PURE__ */ t(a, { children: ` (${n})` })
+                  i === "completed" && /* @__PURE__ */ e(d, { elementType: "span", children: ` (${n})` })
                 ]
               }
             ),
-            o < c.length - 1 && /* @__PURE__ */ t(g, { "aria-hidden": !0 })
+            o < m.length - 1 && /* @__PURE__ */ e(g, { "aria-hidden": !0 })
           ]
         },
         r.title
       );
     }) }),
-    c.map((r, o) => /* @__PURE__ */ t("div", { hidden: o !== e, children: r.content }, r.title))
+    m.map((r, o) => /* @__PURE__ */ e("div", { hidden: o !== t, children: r.content }, r.title))
   ] });
 };
 export {

package/dist/components/stepper/styles.js

@@ -16,7 +16,7 @@ const { getVariant: n } = a(
       color: ${t.palette.gray[400]};
     `
   })
-), r = i.ol`
+), l = i.ol`
   align-items: center;
   display: flex;
   gap: ${({ theme: t }) => t.spacing[0.75]};
@@ -56,10 +56,11 @@ const { getVariant: n } = a(
   flex: 1 1 auto;
   height: 1px;
   min-width: ${({ theme: t }) => t.spacing[1]};
+  margin: ${({ theme: t }) => `0 ${t.spacing[2]}`};
 `;
 export {
   g as StyledStepConnector,
   c as StyledStepIndicator,
   p as StyledStepItem,
-  r as StyledStepRow
+  l as StyledStepRow
 };

package/package.json

@@ -135,5 +135,5 @@
     "./dist/index.js"
   ],
   "typings": "./dist/index.d.ts",
-  "version": "9.3.0"
+  "version": "9.3.2"
 }