react-magma-dom 4.7.0-next.11 → 4.7.0-next.13

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { StepperProps } from './Stepper';
+export interface ResponsiveStepperContainerProps extends Omit<StepperProps, 'currentStep'> {
+    /**
+     * @children
+     */
+    children?: React.ReactNode;
+    /**
+     * Steps of the Stepper.
+     */
+    steps: React.ReactNode[];
+    /**
+     * Current step value.
+     */
+    currentStep: number;
+}
+export declare const ResponsiveStepperContainer: React.FunctionComponent<ResponsiveStepperContainerProps>;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ThemeInterface } from '../../theme/magma';
-import { StepperLayout } from './Stepper';
+import { StepperLayout, StepperOrientation } from './Stepper';
 export interface StepProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Error state for each step.
@@ -27,6 +27,10 @@ export interface StepProps extends React.HTMLAttributes<HTMLDivElement> {
      * @internal
      */
     index?: number;
+    /**
+     * @internal
+     */
+    orientation?: StepperOrientation;
     /**
      * @internal
      */

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

@@ -17,6 +17,10 @@ export interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
      * Changes the Stepper view for responsive layouts, needs a minimum 'breakpoint' number.
      */
     breakpointLayout?: StepperLayout;
+    /**
+     * Changes the Stepper orientation for responsive layouts, needs a minimum 'breakpoint' number.
+     */
+    breakpointOrientation?: StepperOrientation;
     /**
      * Sets the Stepper view
      * @default StepperLayout.showLabels
@@ -36,6 +40,11 @@ export interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
      * Current step value.
      */
     currentStep: number;
+    /**
+     * Determines if the stepper is displayed vertically or horizontally
+     * @default StepperOrientation.horizontal
+     */
+    orientation?: StepperOrientation;
     /**
      * Inverse styling.
      */
@@ -50,4 +59,8 @@ export declare enum StepperLayout {
     hideLabels = "hideLabels",
     summaryView = "summaryView"
 }
+export declare enum StepperOrientation {
+    horizontal = "horizontal",
+    vertical = "vertical"
+}
 export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -2,5 +2,7 @@ import { StepperProps } from './';
 declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
 export default _default;
 export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, StepperProps>;
+export declare const Vertical: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, StepperProps>;
+export declare const InsideDropdown: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, StepperProps>;
 export declare const RealWorldExample: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, StepperProps>;
 export declare const WithError: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, StepperProps>;

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

@@ -1,2 +1,3 @@
 export * from './Step';
 export * from './Stepper';
+export * from './ResponsiveStepperContainer';