bord-design-system 0.0.39 → 0.0.40

package/dist/components/BordVerticalStepper/BordVerticalStepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordVerticalStepper.d.ts","sourceRoot":"","sources":["../../../src/components/BordVerticalStepper/BordVerticalStepper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,wBAAwB,EAG9B,MAAM,6BAA6B,CAAC;AAKrC,OAAO,4BAA4B,CAAC;AAoFpC,QAAA,MAAM,mBAAmB,UAAW,wBAAwB,4CAmB3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"BordVerticalStepper.d.ts","sourceRoot":"","sources":["../../../src/components/BordVerticalStepper/BordVerticalStepper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,wBAAwB,EAG9B,MAAM,6BAA6B,CAAC;AAKrC,OAAO,4BAA4B,CAAC;AA6FpC,QAAA,MAAM,mBAAmB,UAAW,wBAAwB,4CAmB3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/BordVerticalStepper/BordVerticalStepper.types.d.ts

@@ -14,6 +14,7 @@ export declare const BORD_VERTICAL_STEPPER_STATUS: {
     readonly WAITING: "WAITING";
     readonly CANCELLED: "CANCELLED";
     readonly SECONDARY_CANCELLED: "SECONDARY_CANCELLED";
+    readonly SECONDARY_CANCELLED_MUTED: "SECONDARY_CANCELLED_MUTED";
 };
 export type BordVerticalStepperStepStatus = (typeof BORD_VERTICAL_STEPPER_STATUS)[keyof typeof BORD_VERTICAL_STEPPER_STATUS];
 /**

package/dist/components/BordVerticalStepper/BordVerticalStepper.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordVerticalStepper.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordVerticalStepper/BordVerticalStepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,eAAO,MAAM,6BAA6B;;;CAGhC,CAAC;AAEX,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,6BAA6B,CAAC,CAAC,MAAM,OAAO,6BAA6B,CAAC,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;CAM/B,CAAC;AAEX,MAAM,MAAM,6BAA6B,GACvC,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAC;AAEnF;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,MAAM,CAAC,EAAE,6BAA6B,CAAC;IACvC,QAAQ,CAAC,EAAE,0BAA0B,EAAE,CAAC;CACzC;AAED,MAAM,WAAW,gCAAgC;IAC/C,OAAO,CAAC,EAAE,OAAO,6BAA6B,CAAC,OAAO,CAAC;IACvD,KAAK,EAAE,2BAA2B,EAAE,CAAC;CACtC;AACD,MAAM,WAAW,qCAAqC;IACpD,OAAO,EAAE,OAAO,6BAA6B,CAAC,QAAQ,CAAC;IACvD,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B;AAED,MAAM,MAAM,wBAAwB,GAAG,gCAAgC,GAAG,qCAAqC,CAAC"}
+{"version":3,"file":"BordVerticalStepper.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordVerticalStepper/BordVerticalStepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,eAAO,MAAM,6BAA6B;;;CAGhC,CAAC;AAEX,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,6BAA6B,CAAC,CAAC,MAAM,OAAO,6BAA6B,CAAC,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;CAO/B,CAAC;AAEX,MAAM,MAAM,6BAA6B,GACvC,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAC;AAEnF;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,MAAM,CAAC,EAAE,6BAA6B,CAAC;IACvC,QAAQ,CAAC,EAAE,0BAA0B,EAAE,CAAC;CACzC;AAED,MAAM,WAAW,gCAAgC;IAC/C,OAAO,CAAC,EAAE,OAAO,6BAA6B,CAAC,OAAO,CAAC;IACvD,KAAK,EAAE,2BAA2B,EAAE,CAAC;CACtC;AACD,MAAM,WAAW,qCAAqC;IACpD,OAAO,EAAE,OAAO,6BAA6B,CAAC,QAAQ,CAAC;IACvD,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B;AAED,MAAM,MAAM,wBAAwB,GAAG,gCAAgC,GAAG,qCAAqC,CAAC"}

package/dist/index.d.ts

@@ -2195,6 +2195,7 @@ declare const BORD_VERTICAL_STEPPER_STATUS: {
     readonly WAITING: "WAITING";
     readonly CANCELLED: "CANCELLED";
     readonly SECONDARY_CANCELLED: "SECONDARY_CANCELLED";
+    readonly SECONDARY_CANCELLED_MUTED: "SECONDARY_CANCELLED_MUTED";
 };
 type BordVerticalStepperStepStatus = (typeof BORD_VERTICAL_STEPPER_STATUS)[keyof typeof BORD_VERTICAL_STEPPER_STATUS];
 /**

package/dist/index.esm.js

@@ -12605,6 +12605,7 @@ const BORD_VERTICAL_STEPPER_STATUS = {
     WAITING: "WAITING",
     CANCELLED: "CANCELLED",
     SECONDARY_CANCELLED: "SECONDARY_CANCELLED",
+    SECONDARY_CANCELLED_MUTED: "SECONDARY_CANCELLED_MUTED",
 };
 
 const ICON_CONFIG = {
@@ -12654,7 +12655,7 @@ const InProgressIcon = () => jsx(VerticalStepperStepIcon, { ...ICON_CONFIG['inPr
 const WaitingIcon = () => jsx(VerticalStepperStepIcon, { ...ICON_CONFIG['waiting'] });
 const CancelledIcon = ({ isSecondaryCancelled = false }) => (jsx(VerticalStepperStepIcon, { ...(isSecondaryCancelled ? ICON_CONFIG['cancelledSecondary'] : ICON_CONFIG['cancelled']) }));
 
-var css_248z$G = ".bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer{--substepBetweenBlockGap:0.4rem;--substepBulletDiameter:2.4rem;align-items:flex-start;border-radius:.6rem;display:flex;flex-direction:column;gap:1.6rem;margin-left:3.6rem;padding-bottom:.8rem;padding-left:1.2rem;padding-top:.8rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer.subStepsContainerEmpty{background-color:transparent;padding-bottom:0;padding-top:0}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .emptySubStepSpacer{height:1.6rem;width:100%}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent{position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepLine{background-color:var(--ds-c-stroke-interactive);bottom:calc(var(--substepBetweenBlockGap)*-1 - var(--substepBulletDiameter)/2);left:.5rem;position:absolute;top:calc(var(--substepBulletDiameter)/2);width:1px}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent:last-child .subStepLine{display:none}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader{padding-left:2rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepCircle{background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:15998.4rem;border-width:1px;height:1.2rem;left:0;position:absolute;top:0;width:1.2rem}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent{color:var(--ds-c-content-default);font-size:1.2rem;line-height:1.6rem;max-width:100%;padding-bottom:.6rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepTitleRow{align-items:baseline;display:flex;gap:.8rem;justify-content:space-between;width:100%}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepTitle{color:var(--ds-c-content-default);flex:1 1 0%;font-weight:700;margin:0;min-width:0}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDate{color:var(--ds-c-content-secondary);flex-shrink:0;white-space:nowrap}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDescription{color:var(--ds-c-content-default);margin:.4rem 0 0}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepLine{background-color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepTitle{color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepCircle{border-color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDescription{color:var(--ds-c-bool-danger-fg)}";
+var css_248z$G = ".bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer{--substepBetweenBlockGap:0.4rem;--substepBulletDiameter:2.4rem;align-items:flex-start;border-radius:.6rem;display:flex;flex-direction:column;gap:1.6rem;margin-left:3.6rem;padding-bottom:.8rem;padding-left:1.2rem;padding-top:.8rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer.subStepsContainerEmpty{background-color:transparent;padding-bottom:0;padding-top:0}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .emptySubStepSpacer{height:1.6rem;width:100%}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent{position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepLine{background-color:var(--ds-c-stroke-interactive);bottom:calc(var(--substepBetweenBlockGap)*-1 - var(--substepBulletDiameter)/2);left:.5rem;position:absolute;top:calc(var(--substepBulletDiameter)/2);width:1px}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent:last-child .subStepLine{display:none}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader{padding-left:2rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepCircle{background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:15998.4rem;border-width:1px;height:1.2rem;left:0;position:absolute;top:0;width:1.2rem}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent{color:var(--ds-c-content-default);font-size:1.2rem;line-height:1.6rem;max-width:100%;padding-bottom:.6rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepTitleRow{align-items:baseline;display:flex;gap:.8rem;width:100%}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepTitle{color:var(--ds-c-content-default);font-weight:700;margin:0;min-width:0}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDate{color:var(--ds-c-content-secondary);flex-shrink:0;white-space:nowrap}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDescription{color:var(--ds-c-content-default);margin:.4rem 0 0}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepLine{background-color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepTitle{color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepCircle{border-color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDescription{color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepLine{background-color:var(--ds-c-bool-disabled-sec-fg)}.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepDate,.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepTitle{color:var(--ds-c-bool-disabled-sec-fg)}.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepCircle{border-color:var(--ds-c-bool-disabled-sec-fg)}.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDescription{color:var(--ds-c-bool-disabled-sec-fg)}";
 styleInject(css_248z$G);
 
 const SubSteps = ({ subSteps, stepIndex, subStepKeySuffix, }) => {
@@ -12705,9 +12706,10 @@ const STEP_TITLE_CLASS = {
     [BORD_VERTICAL_STEPPER_STATUS.WAITING]: 'stepMainTitleMuted',
     [BORD_VERTICAL_STEPPER_STATUS.CANCELLED]: 'stepMainTitleDanger',
     [BORD_VERTICAL_STEPPER_STATUS.SECONDARY_CANCELLED]: 'stepMainTitleMuted',
+    [BORD_VERTICAL_STEPPER_STATUS.SECONDARY_CANCELLED_MUTED]: 'stepMainTitleMuted',
 };
 /**
- * Resuelve icono, clase de título y opacidad de subpasos según el estado del paso.
+ * Resuelve icono, clase de título y clase modificadora de subpasos según el estado del paso.
  */
 function getStepPresentation(status) {
     switch (status) {
@@ -12715,45 +12717,51 @@ function getStepPresentation(status) {
             return {
                 icon: jsx(SuccessIcon, {}),
                 titleClassName: STEP_TITLE_CLASS[status],
-                isOpaque: false,
+                subStepModifierClass: '',
             };
         case BORD_VERTICAL_STEPPER_STATUS.IN_PROGRESS:
             return {
                 icon: jsx(InProgressIcon, {}),
                 titleClassName: STEP_TITLE_CLASS[status],
-                isOpaque: false,
+                subStepModifierClass: '',
             };
         case BORD_VERTICAL_STEPPER_STATUS.WAITING:
             return {
                 icon: jsx(WaitingIcon, {}),
                 titleClassName: STEP_TITLE_CLASS[status],
-                isOpaque: false,
+                subStepModifierClass: '',
             };
         case BORD_VERTICAL_STEPPER_STATUS.CANCELLED:
             return {
                 icon: jsx(CancelledIcon, {}),
                 titleClassName: STEP_TITLE_CLASS[status],
-                isOpaque: false,
+                subStepModifierClass: '',
             };
         case BORD_VERTICAL_STEPPER_STATUS.SECONDARY_CANCELLED:
             return {
                 icon: jsx(CancelledIcon, { isSecondaryCancelled: true }),
                 titleClassName: STEP_TITLE_CLASS[status],
-                isOpaque: true,
+                subStepModifierClass: 'subStepOpaque',
+            };
+        case BORD_VERTICAL_STEPPER_STATUS.SECONDARY_CANCELLED_MUTED:
+            return {
+                icon: jsx(CancelledIcon, { isSecondaryCancelled: true }),
+                titleClassName: STEP_TITLE_CLASS[status],
+                subStepModifierClass: 'subStepMuted',
             };
         default:
             return {
                 icon: jsx(WaitingIcon, {}),
                 titleClassName: STEP_TITLE_CLASS[BORD_VERTICAL_STEPPER_STATUS.WAITING],
-                isOpaque: false,
+                subStepModifierClass: '',
             };
     }
 }
 function DefaultVerticalStepperContent({ steps }) {
     return (jsx(Fragment, { children: steps.map((step, stepIdx) => {
-            const { icon, titleClassName, isOpaque } = getStepPresentation(step.status ?? BORD_VERTICAL_STEPPER_STATUS.WAITING);
-            const secondaryCancelledModifier = isOpaque ? 'subStepOpaque' : '';
-            return (jsxs("div", { className: `stepContainer ${secondaryCancelledModifier}`, children: [jsx("div", { className: "stepLine", "aria-hidden": true }), jsxs("div", { className: "stepHeader", children: [jsx("div", { className: "stepIconContainer", children: icon }), jsx("p", { className: `stepTitle ${titleClassName}`, children: step.title })] }), jsx(SubSteps, { subSteps: step.subSteps ?? [], stepIndex: stepIdx })] }, `verticalStep-${stepIdx}`));
+            const { icon, titleClassName, subStepModifierClass } = getStepPresentation(step.status ?? BORD_VERTICAL_STEPPER_STATUS.WAITING);
+            const isLastStep = stepIdx === steps.length - 1;
+            return (jsxs("div", { className: `stepContainer ${subStepModifierClass}`, children: [!isLastStep && jsx("div", { className: "stepLine", "aria-hidden": true }), jsxs("div", { className: "stepHeader", children: [jsx("div", { className: "stepIconContainer", children: icon }), jsx("p", { className: `stepTitle ${titleClassName}`, children: step.title })] }), jsx(SubSteps, { subSteps: step.subSteps ?? [], stepIndex: stepIdx })] }, `verticalStep-${stepIdx}`));
         }) }));
 }
 const BordVerticalStepper = (props) => {