@skodaflow/web-library 2.1.10 → 3.1.2

package/build/components/accordion/accordion.d.ts

@@ -13,7 +13,6 @@ export interface AccordionItem {
     title: string;
     content: string | React.ReactNode;
     isDefaultExpanded?: boolean;
-    disabled?: boolean;
 }
 /**
  * @interface AccordionProps

package/build/components/button/button.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ColourSheme } from '../../utils/enum';
 /**
  * @type ButtonVariants
  * @description The variants of the Button component.
@@ -17,7 +18,7 @@ export declare enum ButtonVariants {
  */
 export interface ButtonProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'color' | 'size'> {
     /**
-     * Varian of button defines different look and style
+     * Variant of button defines different look and style
      */
     variant?: ButtonVariants;
     /**
@@ -25,7 +26,11 @@ export interface ButtonProps extends Omit<React.HTMLAttributes<HTMLButtonElement
      */
     label?: string;
     /**
-     * Icon name. For example "check". If no prefix is defined, default SKODA icon font is used
+     * Colour scheme button dark or light for primary and tertiary button variant
+     */
+    colourScheme?: ColourSheme;
+    /**
+     * Icon name. For example "heart".
      */
     icon?: string;
     /**

package/build/components/cardContainer/cardContainer.d.ts

@@ -17,5 +17,13 @@ export interface CardContainerProps extends React.HTMLAttributes<HTMLDivElement>
      * Additional onClickCallback when the CardContainer is clicked. The onClickCallback works only if isClickable is true.
      */
     onClickCallback?: (state: boolean) => void;
+    /**
+     * If true, enable grey background variant
+     */
+    isGreyVariant?: boolean;
+    /**
+     * padding for cardContainer. Default 0
+     */
+    padding?: string;
 }
 export declare const CardContainer: React.ForwardRefExoticComponent<CardContainerProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/cardMenu/styled/popperStyled.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
-export declare const PopperStyled: import("@emotion/styled").StyledComponent<Pick<Pick<import("@mui/base").PopperUnstyledProps, "slot" | "style" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "anchorEl" | "container" | "disablePortal" | "keepMounted" | "modifiers" | "open" | "placement" | "popperOptions" | "popperRef" | "transition"> & {
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-}, "slot" | "style" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "anchorEl" | "container" | "disablePortal" | "keepMounted" | "modifiers" | "open" | "placement" | "popperOptions" | "popperRef" | "transition" | "sx"> & import("react").RefAttributes<HTMLDivElement> & {
+export declare const PopperStyled: import("@emotion/styled").StyledComponent<Pick<import("@mui/material/Popper").PopperProps, "slot" | "style" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "anchorEl" | "container" | "disablePortal" | "keepMounted" | "modifiers" | "open" | "placement" | "popperOptions" | "popperRef" | "transition" | "sx"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
 } & {
     theme?: any;

package/build/components/labelFeature/labelFeature.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { LabelProps } from '../label';
+import { VariantType } from '../../utils/enum';
 /**
  * @interface LabelFeatureProps
  * @description Base defintion of SkodaFlow LabelFeature component independent on core implemenation.
@@ -7,9 +8,9 @@ import { LabelProps } from '../label';
  */
 export interface LabelFeatureProps extends LabelProps {
     /**
-     * Label variant
+     * Label variant (primary - neutral)
      */
-    variant?: 'primary' | 'neutral' | 'secondary' | string;
+    variant?: 'primary' | 'neutral' | string | VariantType;
 }
 /**
  * @description Styled SkodaFlow LabelFeature component.

package/build/components/mobileStepper/index.d.ts

@@ -0,0 +1 @@
+export * from './mobileStepper';

package/build/components/mobileStepper/mobileStepper.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+export interface MobileStepperProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     *  The number of steps.
+     */
+    steps?: number;
+    /**
+     *  The activeStep of a stepper.
+     */
+    activeStep?: number;
+    /**
+     *  The variant to use.
+     */
+    variant?: 'progress';
+    /**
+     *  A back button element. For instance, it can be a Button or an IconButton.
+     */
+    backButton?: Node;
+    /**
+     *  A next button element. For instance, it can be a Button or an IconButton.
+     */
+    nextButton?: Node;
+    /**
+     *  The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     *  Props applied to the LinearProgress element.
+     */
+    LinearProgressProps?: object;
+    /**
+     *  The label of previous button.
+     */
+    prevButtonLabel?: string;
+    /**
+     *  The label of next button.
+     */
+    nextButtonLabel?: string;
+}
+export declare const MobileStepper: React.ForwardRefExoticComponent<MobileStepperProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/modal/modal.d.ts

@@ -11,15 +11,15 @@ export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Callback used to close the modal.
      */
-    handleClose: () => void;
+    handleClose?: () => void;
     /**
      * Callback for the top button.
      */
-    onClickTopButton: () => void;
+    onClickTopButton?: () => void;
     /**
      * Callback for the bottom button.
      */
-    onClickBottomButton: () => void;
+    onClickBottomButton?: () => void;
     /**
      * Accessibility.
      */

package/build/components/stepper/index.d.ts

@@ -0,0 +1 @@
+export * from './stepper';

package/build/components/stepper/stepper.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material';
+export interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     *  The activeStep of a stepper.
+     */
+    activeStep?: number;
+    /**
+     *  if true, orientation is horizontal, then the step label will be positioned under the icon..
+     */
+    alternativeLabel?: boolean;
+    /**
+     *  The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     *  Two or more <Step /> components.
+     */
+    children?: Node;
+    /**
+     *  Override or extend the styles applied to the component.
+     */
+    classes?: object;
+    /**
+     *  An element to be placed between each step.
+     */
+    connector?: Element;
+    /**
+     *  If set the Stepper will not assist in controlling steps for linear flow.
+     */
+    nonLinear?: boolean;
+    /**
+     *  The component orientation (layout flow direction).
+     */
+    orientation?: 'horizontal';
+    /**
+     *  The total steps.
+     */
+    step?: Array<string>;
+}
+export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/tab/tab.d.ts

@@ -17,7 +17,7 @@ export interface TabProps {
      */
     href?: string;
     /**
-     * Position of the icon
+     * target for the anchor tag
      */
     target?: string;
     /**

package/build/design/skoda/components/theme.button.d.ts

@@ -28,6 +28,10 @@ export declare const navigationButtonStyle: {
     };
     '&:disabled': {
         backgroundColor: string;
+        color: string;
+        '& .MuiIcon-root': {
+            color: string;
+        };
     };
     '.MuiButton-startIcon': {
         transition: string;

package/build/design/skoda/components/theme.mobileStepper.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles/components';
+export declare const flowMobileStepper: Components['MuiMobileStepper'];

package/build/design/skoda/components/theme.pagination.d.ts

@@ -1,2 +1,3 @@
 import { Components } from '@mui/material/styles';
 export declare const flowPaginationItem: Components['MuiPaginationItem'];
+export declare const flowPagination: Components['MuiPagination'];

package/build/design/skoda/components/theme.stepper.d.ts

@@ -0,0 +1,2 @@
+import { Components } from '@mui/material/styles/components';
+export declare const flowStepper: Components['MuiStepper'];

package/build/design/skoda/theme.palette-new-ci.d.ts

@@ -0,0 +1,66 @@
+import { Palette, PaletteOptions } from '@mui/material/styles';
+import { PaletteColorOptions } from '@mui/material/styles/createPalette';
+declare module '@mui/material/styles' {
+    interface PaletteOptions {
+        brand?: Palette['brand'];
+        brandHover?: Palette['brandHover'];
+        disabled?: Palette['disabled'];
+        transparent?: Palette['transparent'];
+        positive?: PaletteColorOptions;
+        alert?: PaletteColorOptions;
+        surface?: Palette['surface'];
+        onSurface?: Palette['onSurface'];
+    }
+}
+declare module '@mui/material/styles/createPalette' {
+    interface Palette {
+        brand: BrandColors;
+        brandHover?: BrandHoverColors;
+        disabled?: DisabledColors;
+        transparent: TransparerntColors;
+        surface: SurfaceColors;
+        onSurface: OnSurfaceColors;
+        alert?: PaletteColorOptions;
+    }
+    interface BrandColors {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        quarternary: string;
+    }
+    interface BrandHoverColors {
+        primary: string;
+        secondary: string;
+    }
+    interface DisabledColors {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    }
+    interface SurfaceColors {
+        primary?: string;
+        secondary?: string;
+        tertiary?: string;
+        quarternary?: string;
+    }
+    interface OnSurfaceColors {
+        os0: string;
+        os100: string;
+        os200: string;
+        os300: string;
+        os500: string;
+        os600: string;
+        os700: string;
+        os800: string;
+        os900: string;
+    }
+    interface TransparerntColors {
+        primary: string;
+        secondary: string;
+        backdrop: string;
+    }
+    interface TypeBackground {
+        primary: string;
+    }
+}
+export declare const flowColors: PaletteOptions;

package/build/design/skoda/theme.palette.d.ts

@@ -1,14 +0,0 @@
-import { Palette, PaletteOptions } from '@mui/material/styles';
-declare module '@mui/material/styles' {
-    interface PaletteOptions {
-        neutrals: Palette['grey'];
-        surface: Palette['common'];
-    }
-}
-declare module '@mui/material/styles/createPalette' {
-    interface Palette {
-        neutrals: Palette['grey'];
-        surface: Palette['common'];
-    }
-}
-export declare const flowColors: PaletteOptions;

package/build/index.d.ts

@@ -1,47 +1,49 @@
+export * from './components/accordion';
+export * from './components/backdrop';
 export * from './components/button';
-export * from './components/icon';
+export * from './components/banner';
+export * from './components/cardContainer';
+export * from './components/cardMenu';
 export * from './components/checkbox';
-export * from './components/radioButton';
-export * from './components/toggleSwitch';
+export * from './components/chip';
+export * from './components/container';
+export * from './components/controls';
+export * from './components/divider';
+export * from './components/drawer';
+export * from './components/flag';
+export * from './components/grid';
+export * from './components/icon';
+export * from './components/indicator';
 export * from './components/label';
 export * from './components/labelCO2';
 export * from './components/labelFeature';
+export * from './components/labelPromotional';
 export * from './components/labelStatus';
-export * from './components/indicator';
-export * from './components/slider';
-export * from './components/tooltip';
 export * from './components/menu';
-export * from './components/flag';
-export * from './design/skoda/index';
-export * from './components/container';
-export * from './components/grid';
-export * from './components/textArea';
-export * from './components/textInput';
+export * from './components/mobileStepper';
+export * from './components/modal';
+export * from './components/numbering';
+export * from './components/pagination';
+export * from './components/progressBar';
+export * from './components/radioButton';
 export * from './components/selectInput';
-export * from './components/chip';
-export * from './components/labelPromotional';
-export * from './components/tab';
-export * from './components/divider';
+export * from './components/slider';
 export * from './components/snackbar';
-export * from './components/backdrop';
-export * from './organisms/heroImageCard';
-export * from './organisms/shortcutLink';
-export * from './organisms/cardPhotoFixed';
-export * from './organisms/textCta';
-export * from './organisms/cardPhotoAdjustable';
+export * from './components/stepper';
+export * from './components/tab';
+export * from './components/textArea';
+export * from './components/textInput';
+export * from './components/toggleSwitch';
+export * from './components/tooltip';
+export * from './design/skoda/index';
 export * from './organisms/cardOwnedVehicle';
-export * from './organisms/tile';
-export * from './components/progressBar';
+export * from './organisms/cardPhotoAdjustable';
+export * from './organisms/cardPhotoFixed';
 export * from './organisms/cardPromoVehicle';
 export * from './organisms/cardTypeOnly';
-export * from './components/modal';
-export * from './organisms/maps';
-export * from './components/pagination';
-export * from './components/drawer';
 export * from './organisms/carousel';
-export * from './components/controls';
-export * from './components/numbering';
-export * from './components/cardContainer';
-export * from './components/accordion';
-export * from './components/banner';
-export * from './components/cardMenu';
+export * from './organisms/heroImageCard';
+export * from './organisms/maps';
+export * from './organisms/shortcutLink';
+export * from './organisms/textCta';
+export * from './organisms/tile';