@stack-spot/portal-components 2.5.0 → 2.5.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.5.1](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.5.0...portal-components@v2.5.1) (2024-09-11)
+
+
+### Bug Fixes
+
+* adjustments in stepper ([#356](https://github.com/stack-spot/portal-commons/issues/356)) ([c542fa4](https://github.com/stack-spot/portal-commons/commit/c542fa4bed4e54c853ff49c98a689089bea961e2))
+
 ## [2.5.0](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.4.0...portal-components@v2.5.0) (2024-09-02)
 
 

package/dist/components/Stepper/Navigation.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from '@citric/core/dist/Button.js';
 import { FC } from 'react';
+import { ButtonProps } from '@citric/core/dist/Button.js';
 export interface StepperNavigationProps extends ButtonProps {
     /**
      * Prop used to pass specific text to the next button.
@@ -21,11 +21,15 @@ export interface StepperNavigationProps extends ButtonProps {
      * Function that is rendered when pressing the back button.
      */
     onGoBack?: () => void;
+    /**
+     * Function that is rendered when pressing the next button.
+     */
+    onSubmit?: () => void;
 }
 /**
  * Renders a component that represents the stepper component's navigation buttons, containing the button options (back, skip, and next).
  *
  * The component stepper wraps this component.
  */
-export declare const StepperNavigation: FC<StepperNavigationProps>;
+export declare const StepperNavigation: FC<Omit<StepperNavigationProps, 'children'>>;
 //# sourceMappingURL=Navigation.d.ts.map

package/dist/components/Stepper/Navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Navigation.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,OAAO,EAAE,EAAE,EAAc,MAAM,OAAO,CAAA;AAKtC,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAOD;;;;GAIG;AAEH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAqCrD,CAAA"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAc,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAItD,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAOD;;;;GAIG;AAEH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAqCvE,CAAA"}

package/dist/components/Stepper/Navigation.js

@@ -14,17 +14,17 @@ const Wrapper = styled(Flex) `
  *
  * The component stepper wraps this component.
  */
-export const StepperNavigation = ({ nextButtonText, onSkip, onGoBack, canSkip = false, isLoading, disabled }) => {
+export const StepperNavigation = ({ nextButtonText, onSkip, onGoBack, canSkip = false, isLoading, disabled, onSubmit }) => {
     const t = useTranslate(dictionary);
     const { goToNextStep, goToPreviousStep } = useContext(StepperContext);
     const Loading = useLoadingComponent();
-    return (_jsxs(Wrapper, { children: [_jsx(Button, { appearance: "outlined", colorScheme: "inverse", onClick: () => {
+    return (_jsxs(Wrapper, { children: [_jsx(Button, { appearance: "contained", colorScheme: "inverse", onClick: () => {
                     onGoBack && onGoBack();
                     goToPreviousStep();
                 }, children: t.back }), _jsxs(Flex, { children: [canSkip && (_jsx(Button, { appearance: "text", colorScheme: "inverse", onClick: () => {
                             onSkip && onSkip();
                             goToNextStep();
-                        }, children: t.skip })), _jsxs(Button, { onClick: () => goToNextStep(), sx: { position: 'relative' }, disabled: isLoading || disabled, children: [_jsx(Text, { as: "span", sx: { visibility: isLoading ? 'hidden' : 'visible' }, children: nextButtonText ?? t.next }), isLoading && Loading] })] })] }));
+                        }, children: t.skip })), _jsxs(Button, { type: "submit", onClick: onSubmit, sx: { position: 'relative' }, disabled: isLoading || disabled, children: [_jsx(Text, { as: "span", sx: { visibility: isLoading ? 'hidden' : 'visible' }, children: nextButtonText ?? t.next }), isLoading && Loading] })] })] }));
 };
 const dictionary = {
     en: {

package/dist/components/Stepper/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/components/Stepper/Navigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEjD,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAM,UAAU,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAyB1C,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;CAG3B,CAAA;AAED;;;;GAIG;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAA+B,CAC3D,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9E,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACrE,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAA;IAErC,OAAO,CACL,MAAC,OAAO,eACN,KAAC,MAAM,IACL,UAAU,EAAC,UAAU,EACrB,WAAW,EAAC,SAAS,EACrB,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,IAAI,QAAQ,EAAE,CAAA;oBACtB,gBAAgB,EAAE,CAAA;gBACpB,CAAC,YAEA,CAAC,CAAC,IAAI,GACA,EACT,MAAC,IAAI,eACF,OAAO,IAAI,CACV,KAAC,MAAM,IACL,UAAU,EAAC,MAAM,EACjB,WAAW,EAAC,SAAS,EACrB,OAAO,EAAE,GAAG,EAAE;4BACZ,MAAM,IAAI,MAAM,EAAE,CAAA;4BAClB,YAAY,EAAE,CAAA;wBAChB,CAAC,YAEA,CAAC,CAAC,IAAI,GACA,CACV,EACD,MAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,SAAS,IAAI,QAAQ,aAClG,KAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,YAAG,cAAc,IAAI,CAAC,CAAC,IAAI,GAAQ,EACtG,SAAS,IAAI,OAAO,IACd,IACJ,IACC,CACX,CAAA;AAAA,CAAC,CAAA;AAEJ,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;KACb;IACD,EAAE,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,SAAS;KAChB;CACmB,CAAA"}
+{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/components/Stepper/Navigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAM,UAAU,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AA6B1C,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;CAG3B,CAAA;AAED;;;;GAIG;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAiD,CAC7E,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACrE,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAA;IAErC,OAAO,CACL,MAAC,OAAO,eACN,KAAC,MAAM,IACL,UAAU,EAAC,WAAW,EACtB,WAAW,EAAC,SAAS,EACrB,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,IAAI,QAAQ,EAAE,CAAA;oBACtB,gBAAgB,EAAE,CAAA;gBACpB,CAAC,YAEA,CAAC,CAAC,IAAI,GACA,EACT,MAAC,IAAI,eACF,OAAO,IAAI,CACV,KAAC,MAAM,IACL,UAAU,EAAC,MAAM,EACjB,WAAW,EAAC,SAAS,EACrB,OAAO,EAAE,GAAG,EAAE;4BACZ,MAAM,IAAI,MAAM,EAAE,CAAA;4BAClB,YAAY,EAAE,CAAA;wBAChB,CAAC,YAEA,CAAC,CAAC,IAAI,GACA,CACV,EACD,MAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,SAAS,IAAI,QAAQ,aACpG,KAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,YAAG,cAAc,IAAI,CAAC,CAAC,IAAI,GAAQ,EACtG,SAAS,IAAI,OAAO,IACd,IACJ,IACC,CACX,CAAA;AAAA,CAAC,CAAA;AAEJ,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;KACb;IACD,EAAE,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,SAAS;KAChB;CACmB,CAAA"}

package/dist/components/Stepper/Stepper.d.ts

@@ -27,7 +27,7 @@ export interface StepperContextProps {
      */
     goToPreviousStep: () => void;
 }
-export declare const StepperContext: import("react").Context<StepperContextProps>;
+declare const StepperContext: import("react").Context<StepperContextProps>;
 export interface StepperProps {
     children: ReactElement<StepProps>[];
 }
@@ -36,5 +36,6 @@ export interface StepperProps {
  *
  * The component wraps the Step component.
  */
-export declare const Stepper: FC<StepperProps>;
+declare const Stepper: FC<StepperProps>;
+export { StepperContext, Stepper };
 //# sourceMappingURL=Stepper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,YAAY,EAA2B,MAAM,OAAO,CAAA;AAGjE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAElC,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B;;OAEG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,8CAOzB,CAAA;AAEF,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;CACrC;AAWD;;;;GAIG;AAEH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA0CpC,CAAA"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,YAAY,EAA2B,MAAM,OAAO,CAAA;AAGjE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAElC,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B;;OAEG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,QAAA,MAAM,cAAc,8CAOlB,CAAA;AAEF,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;CACrC;AAWD;;;;GAIG;AAEH,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA0C7B,CAAA;AACD,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/Stepper/Stepper.js

@@ -3,7 +3,7 @@ import { Box, Flex } from '@citric/core';
 import { createContext, useState } from 'react';
 import { styled } from 'styled-components';
 import { StepperHeaders } from './headers.js';
-export const StepperContext = createContext({
+const StepperContext = createContext({
     activeIndex: 0,
     stepsData: {},
     setStepData: () => { },
@@ -23,7 +23,7 @@ const ContentWrapper = styled(Flex) `
  *
  * The component wraps the Step component.
  */
-export const Stepper = ({ children }) => {
+const Stepper = ({ children }) => {
     const [activeIndex, setActiveIndex] = useState(0);
     const [stepsData, setStepsData] = useState({});
     const headers = children.map((child) => ({ title: child.props.title }));
@@ -51,4 +51,5 @@ export const Stepper = ({ children }) => {
     };
     return (_jsx(StepperContext.Provider, { value: contextValue, children: _jsxs(Wrapper, { children: [_jsx(StepperHeaders, { headers }), _jsx(ContentWrapper, { children: children[activeIndex] })] }) }));
 };
+export { StepperContext, Stepper };
 //# sourceMappingURL=Stepper.js.map

package/dist/components/Stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAoB,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AA+B1C,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAsB;IAC/D,WAAW,EAAE,CAAC;IACd,SAAS,EAAE,EAAE;IACb,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC3B,CAAC,CAAA;AAMF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;CAG1B,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAElC,CAAA;AAED;;;;GAIG;AAEH,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAA;IACzD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAA;IACnE,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IAEvE,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,IAAS,EAAE,EAAE;QAC9C,YAAY,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAA;IACrD,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IAErD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,WAAW,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;YACxC,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YACpB,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,YAAY,GAAwB;QACxC,WAAW;QACX,SAAS;QACT,WAAW;QACX,WAAW;QACX,YAAY,EAAE,WAAW;QACzB,gBAAgB,EAAE,eAAe;KAClC,CAAA;IAED,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC1C,MAAC,OAAO,eACN,KAAC,cAAc,IAAO,OAAO,GAAM,EACnC,KAAC,cAAc,cACZ,QAAQ,CAAC,WAAW,CAAC,GACP,IACT,GACc,CAC3B,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAoB,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AA+B1C,MAAM,cAAc,GAAG,aAAa,CAAsB;IACxD,WAAW,EAAE,CAAC;IACd,SAAS,EAAE,EAAE;IACb,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC3B,CAAC,CAAA;AAMF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;CAG1B,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAElC,CAAA;AAED;;;;GAIG;AAEH,MAAM,OAAO,GAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAA;IACzD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAA;IACnE,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IAEvE,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,IAAS,EAAE,EAAE;QAC9C,YAAY,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAA;IACrD,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IAErD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,WAAW,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;YACxC,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YACpB,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,YAAY,GAAwB;QACxC,WAAW;QACX,SAAS;QACT,WAAW;QACX,WAAW;QACX,YAAY,EAAE,WAAW;QACzB,gBAAgB,EAAE,eAAe;KAClC,CAAA;IAED,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC1C,MAAC,OAAO,eACN,KAAC,cAAc,IAAO,OAAO,GAAM,EACnC,KAAC,cAAc,cACZ,QAAQ,CAAC,WAAW,CAAC,GACP,IACT,GACc,CAC3B,CAAA;AACH,CAAC,CAAA;AACD,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/Stepper/index.d.ts

@@ -1,4 +1,4 @@
-export { Stepper } from './Stepper.js';
+export { Stepper, StepperContext } from './Stepper.js';
 export { Step } from './Step.js';
 export { StepperNavigation } from './Navigation.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Stepper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/Stepper/index.js

@@ -1,4 +1,4 @@
-export { Stepper } from './Stepper.js';
+export { Stepper, StepperContext } from './Stepper.js';
 export { Step } from './Step.js';
 export { StepperNavigation } from './Navigation.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Stepper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stack-spot/portal-components",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -17,6 +17,7 @@
     "./ScrollView": "./dist/components/ScrollView.js",
     "./svg": "./dist/svg/index.js",
     "./anchor": "./dist/context/anchor.js",
+    "./loading": "./dist/context/loading.js",
     "./error": "./dist/components/error/index.js",
     "./AnimatedHeight": "./dist/components/AnimatedHeight.js",
     "./SearchInput": "./dist/components/form/SearchInput.js",

package/src/components/Stepper/Navigation.tsx

@@ -1,12 +1,12 @@
 import { Button, Flex, Text } from '@citric/core'
-import { ButtonProps } from '@citric/core/dist/Button'
 import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
 import { FC, useContext } from 'react'
 import { styled } from 'styled-components'
+import { ButtonProps } from '@citric/core/dist/Button'
 import { useLoadingComponent } from '../../context/loading'
 import { StepperContext } from './Stepper'
 
-export interface StepperNavigationProps extends ButtonProps {
+export interface StepperNavigationProps extends ButtonProps{
   /**
    * Prop used to pass specific text to the next button.
    */
@@ -27,6 +27,10 @@ export interface StepperNavigationProps extends ButtonProps {
    * Function that is rendered when pressing the back button.
    */
   onGoBack?: () => void,
+  /**
+   * Function that is rendered when pressing the next button.
+   */
+  onSubmit?: () => void,
 }
 
 const Wrapper = styled(Flex)`
@@ -40,8 +44,8 @@ const Wrapper = styled(Flex)`
  * The component stepper wraps this component.
  */
 
-export const StepperNavigation: FC<StepperNavigationProps> = (
-  { nextButtonText, onSkip, onGoBack, canSkip = false, isLoading, disabled }) => {
+export const StepperNavigation: FC<Omit<StepperNavigationProps, 'children'>> = (
+  { nextButtonText, onSkip, onGoBack, canSkip = false, isLoading, disabled, onSubmit }) => {
   const t = useTranslate(dictionary)
   const { goToNextStep, goToPreviousStep } = useContext(StepperContext)
   const Loading = useLoadingComponent()
@@ -49,7 +53,7 @@ export const StepperNavigation: FC<StepperNavigationProps> = (
   return (
     <Wrapper>
       <Button
-        appearance="outlined"
+        appearance="contained"
         colorScheme="inverse"
         onClick={() => {
           onGoBack && onGoBack()
@@ -71,7 +75,7 @@ export const StepperNavigation: FC<StepperNavigationProps> = (
             {t.skip}
           </Button>
         )}
-        <Button onClick={() => goToNextStep()} sx={{ position: 'relative' }} disabled={isLoading || disabled}>
+        <Button type="submit" onClick={onSubmit} sx={{ position: 'relative' }} disabled={isLoading || disabled}>
           <Text as="span" sx={{ visibility: isLoading ? 'hidden' : 'visible' }}>{nextButtonText ?? t.next}</Text>
           {isLoading && Loading}
         </Button>

package/src/components/Stepper/Stepper.tsx

@@ -32,7 +32,7 @@ export interface StepperContextProps {
   goToPreviousStep: () => void,
 }
 
-export const StepperContext = createContext<StepperContextProps>({ 
+const StepperContext = createContext<StepperContextProps>({ 
   activeIndex: 0,
   stepsData: {},
   setStepData: () => {},
@@ -60,7 +60,7 @@ const ContentWrapper = styled(Flex)`
  * The component wraps the Step component.
  */
 
-export const Stepper: FC<StepperProps> = ({ children }) => {
+const Stepper: FC<StepperProps> = ({ children }) => {
   const [activeIndex, setActiveIndex] = useState<number>(0)
   const [stepsData, setStepsData] = useState<Record<string, any>>({})
   const headers = children.map((child) => ({ title: child.props.title }))
@@ -103,3 +103,5 @@ export const Stepper: FC<StepperProps> = ({ children }) => {
     </StepperContext.Provider>
   )
 }
+export { StepperContext, Stepper }
+

package/src/components/Stepper/index.ts

@@ -1,3 +1,3 @@
-export { Stepper } from './Stepper'
+export { Stepper, StepperContext } from './Stepper'
 export { Step } from './Step'
 export { StepperNavigation } from './Navigation'