@veracity/vui/dist/stepperHorizontal/stepperHorizontalBase.js

Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.

import styled from "../core/styled.js";
import { stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, variantColor } from "./consts.js";

//#region src/stepperHorizontal/stepperHorizontalBase.ts
const StepperHorizontalBase = styled.divBox`
  display: flex;
  width: 100%;

  .${stepClassName}:first-of-type .${tailClassName}Left, .${stepClassName}:last-of-type .${tailClassName}Right {
    visibility: hidden;
  }

  .${tailClassNameLeft}, .${tailClassNameRight} {
    width: 50%;
  }
  ${Object.keys(variantColor).map((variant) => `.${tailClassNameLeft + variant},
  .${tailClassNameRight + variant},
  .${stepClassName + variant} + .${stepClassName} .${tailClassNameLeft} {
    border-bottom: 1px solid ${variantColor[variant]};
  }`)}
`;

//#endregion
export { StepperHorizontalBase as default };
globalThis.__vuiVersion__ = "5.3.1"
//# sourceMappingURL=stepperHorizontalBase.js.map