@availity/mui-stepper 1.0.6 → 1.0.7

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.0.7](https://github.com/Availity/element/compare/@availity/mui-stepper@1.0.6...@availity/mui-stepper@1.0.7) (2025-05-15)
+
+
+### Bug Fixes
+
+* **mui-stepper:** remove vertical connector styles when connector is null ([3a4e433](https://github.com/Availity/element/commit/3a4e433c8d89fc5b7fdf351106bc5f5a518e543c))
+
 ## [1.0.6](https://github.com/Availity/element/compare/@availity/mui-stepper@1.0.5...@availity/mui-stepper@1.0.6) (2025-04-30)
 
 ### Dependency Updates

package/dist/index.js

@@ -1612,9 +1612,19 @@ var import_jsx_runtime15 = require("react/jsx-runtime");
 // src/lib/Stepper.tsx
 var import_styles2 = require("@mui/material/styles");
 var import_jsx_runtime16 = require("react/jsx-runtime");
+var HiddenConnectorStepper = (0, import_styles2.styled)(import_Stepper.default, {
+  name: "MuiStepper",
+  slot: "AvHideConnector",
+  overridesResolver: (props, styles) => styles.avHideConnector
+})({
+  ".MuiStepLabel-root::before, .MuiStepLabel-root::after, .MuiStepConnector-root": {
+    display: "none"
+  }
+});
 var Stepper = (_a) => {
   var _b = _a, { children, connector, orientation, scrollButtons } = _b, rest = __objRest(_b, ["children", "connector", "orientation", "scrollButtons"]);
   const alternativeLabel = orientation !== "vertical";
+  const Stepper2 = connector === null ? HiddenConnectorStepper : import_Stepper.default;
   const stepperRef = (0, import_react5.useRef)(null);
   const [showLeftButton, setShowLeftButton] = (0, import_react5.useState)(true);
   const [showRightButton, setShowRightButton] = (0, import_react5.useState)(true);
@@ -1662,7 +1672,7 @@ var Stepper = (_a) => {
       }
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      import_Stepper.default,
+      Stepper2,
       __spreadProps(__spreadValues({
         "aria-label": "multi-step process",
         role: "region"
@@ -1691,7 +1701,7 @@ var Stepper = (_a) => {
       }
     ) })
   ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_Stepper.default,
+    Stepper2,
     __spreadProps(__spreadValues({
       "aria-label": "multi-step process",
       role: "region"

package/dist/index.mjs

@@ -1593,9 +1593,19 @@ import { jsx as jsx14 } from "react/jsx-runtime";
 // src/lib/Stepper.tsx
 import { styled as styled2 } from "@mui/material/styles";
 import { jsx as jsx15, jsxs } from "react/jsx-runtime";
+var HiddenConnectorStepper = styled2(MuiStepper, {
+  name: "MuiStepper",
+  slot: "AvHideConnector",
+  overridesResolver: (props, styles) => styles.avHideConnector
+})({
+  ".MuiStepLabel-root::before, .MuiStepLabel-root::after, .MuiStepConnector-root": {
+    display: "none"
+  }
+});
 var Stepper = (_a) => {
   var _b = _a, { children, connector, orientation, scrollButtons } = _b, rest = __objRest(_b, ["children", "connector", "orientation", "scrollButtons"]);
   const alternativeLabel = orientation !== "vertical";
+  const Stepper2 = connector === null ? HiddenConnectorStepper : MuiStepper;
   const stepperRef = useRef(null);
   const [showLeftButton, setShowLeftButton] = useState(true);
   const [showRightButton, setShowRightButton] = useState(true);
@@ -1643,7 +1653,7 @@ var Stepper = (_a) => {
       }
     ) }),
     /* @__PURE__ */ jsx15(
-      MuiStepper,
+      Stepper2,
       __spreadProps(__spreadValues({
         "aria-label": "multi-step process",
         role: "region"
@@ -1672,7 +1682,7 @@ var Stepper = (_a) => {
       }
     ) })
   ] }) : /* @__PURE__ */ jsx15(
-    MuiStepper,
+    Stepper2,
     __spreadProps(__spreadValues({
       "aria-label": "multi-step process",
       role: "region"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-stepper",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Availity MUI Stepper Component - part of the @availity/element design system",
   "keywords": [
     "react",

package/src/lib/Stepper.tsx

@@ -9,8 +9,19 @@ export type StepperProps = {
   scrollButtons?: boolean;
 } & Omit<MuiStepperProps, 'alternativeLabel' | 'elevation'>;
 
+const HiddenConnectorStepper = styled(MuiStepper, {
+  name: 'MuiStepper',
+  slot: 'AvHideConnector',
+  overridesResolver: (props, styles) => styles.avHideConnector,
+})({
+  '.MuiStepLabel-root::before, .MuiStepLabel-root::after, .MuiStepConnector-root': {
+    display: 'none'
+  }
+});
+
 export const Stepper = ({ children, connector, orientation, scrollButtons, ...rest }: StepperProps): JSX.Element => {
   const alternativeLabel = orientation !== 'vertical';
+  const Stepper = connector === null ? HiddenConnectorStepper : MuiStepper;
 
   const stepperRef = useRef<HTMLDivElement>(null);
   const [showLeftButton, setShowLeftButton] = useState(true);
@@ -70,7 +81,7 @@ export const Stepper = ({ children, connector, orientation, scrollButtons, ...re
         )}
       </ScrollIconContainer>
 
-      <MuiStepper
+      <Stepper
         aria-label="multi-step process"
         role="region"
         {...rest}
@@ -100,7 +111,7 @@ export const Stepper = ({ children, connector, orientation, scrollButtons, ...re
       </ScrollIconContainer>
     </Grid>
   ) : (
-    <MuiStepper
+    <Stepper
       aria-label="multi-step process"
       role="region"
       {...rest}