@scbt-ecom/ui 0.85.1 → 0.86.1

package/dist/lib/shared/ui/carousel/CarouselBase.d.ts

@@ -4,7 +4,7 @@ import { AutoplayOptionsType } from 'embla-carousel-autoplay';
 import { DotsOptions, NavArrowOptions } from './model';
 import { ArrowNavigationButtonClasses, CarouselContentClasses } from './ui';
 import { ContainerWithNavigationClasses } from './ui/ContainerWithNavigation';
-type CarouselClasses = {
+export type CarouselClasses = {
     root?: string;
     header?: string;
     heading?: string;
@@ -26,4 +26,3 @@ export interface CarouselBaseProps extends HTMLAttributes<HTMLDivElement> {
     classes?: CarouselClasses;
 }
 export declare const CarouselBase: ({ dotsOptions, navArrowOptions, carouselOptions, heading, autoPlayOptions, setVisibleIndex, visibleIndex, children, classes, ...props }: CarouselBaseProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/lib/shared/ui/carousel/index.d.ts

@@ -1,3 +1,3 @@
 export * from './CarouselBase';
 export type * from './model/types';
-export type * from './ui';
+export * from './ui';

package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideFullScreen.d.ts

@@ -12,8 +12,8 @@ export interface SlideFullScreenProps {
     slideIndex: number;
     title?: string;
     description?: string;
-    imgProps?: ImageProps;
+    image?: ImageProps;
     slideClasses?: SlideFullScreenClasses;
 }
-export declare const SlideFullScreen: ({ slideIndex, title, imgProps, description, slideClasses }: SlideFullScreenProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SlideFullScreen: ({ slideIndex, title, image, description, slideClasses }: SlideFullScreenProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/lib/widgets/banner/Banner.d.ts

@@ -1,6 +1,7 @@
 import { ReactElement } from 'react';
-import { AdvantageClasses, AdvantagesProps } from '../advantages/Advantages';
+import { RenderImage } from '../../shared/utils';
 import { BannerClasses, ButtonsConfig } from './model';
+import { AdvantageClasses, AdvantagesProps } from './ui/banners/ui';
 import { BackgroundBannerColors } from '../../shared/constants';
 export interface BannerProps {
     headTitle: string | ReactElement;
@@ -8,20 +9,13 @@ export interface BannerProps {
     buttonsConfig: ButtonsConfig;
     advantages?: AdvantagesProps;
     variant?: 'separateImg' | 'fullImg';
+    imageDesktop: RenderImage['imgProps'];
+    imageMobile: RenderImage['imgProps'];
+    renderImageCb?: RenderImage['renderImageCb'];
+    backgroundColor?: BackgroundBannerColors;
     classes?: BannerClasses & {
         advantages?: AdvantageClasses;
     };
-    imgMobile: {
-        src: string;
-        base64?: string;
-    };
-    imgDesktop: {
-        src: string;
-        base64?: string;
-    };
-    imgAlt?: string;
-    color?: BackgroundBannerColors;
-    renderImage?: (props: any) => ReactElement;
 }
 export declare const Banner: ({ variant, ...props }: BannerProps) => import("react/jsx-runtime").JSX.Element;
 export default Banner;

package/dist/lib/widgets/banner/ui/banners/BannerImageFull.d.ts

@@ -1,2 +1,2 @@
 import { BannerProps } from '../../..';
-export declare const BannerImageFull: ({ headTitle, subtitle, buttonsConfig, advantages, classes, imgMobile, imgDesktop, imgAlt, color, renderImage }: Omit<BannerProps, "bannerVariant">) => import("react/jsx-runtime").JSX.Element;
+export declare const BannerImageFull: ({ headTitle, subtitle, buttonsConfig, advantages, classes, imageDesktop, imageMobile, renderImageCb, backgroundColor }: Omit<BannerProps, "bannerVariant">) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/widgets/banner/ui/banners/BannerWithSeparateImg.d.ts

@@ -1,2 +1,2 @@
 import { BannerProps } from '../../..';
-export declare const BannerWithSeparateImg: ({ headTitle, subtitle, buttonsConfig, advantages, classes, imgMobile, imgDesktop, imgAlt, color, renderImage }: Omit<BannerProps, "bannerVariant">) => import("react/jsx-runtime").JSX.Element;
+export declare const BannerWithSeparateImg: ({ headTitle, subtitle, buttonsConfig, advantages, classes, renderImageCb, imageDesktop, imageMobile, backgroundColor }: Omit<BannerProps, "bannerVariant">) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/widgets/{advantages → banner/ui/banners/ui}/Advantages.d.ts

@@ -1,10 +1,14 @@
-import { AdvantageItem } from './model';
 export interface AdvantageClasses {
     root?: string;
+    advantagesContainer?: string;
     item?: string;
     title?: string;
     description?: string;
 }
+export interface AdvantageItem {
+    title: string;
+    description: string | React.ReactElement;
+}
 export interface AdvantagesProps {
     details: {
         variant: 'threeCards' | 'fourCards';

package/dist/lib/widgets/banner/ui/banners/ui/Buttons.d.ts

@@ -0,0 +1,12 @@
+import { ButtonsConfig } from '../../../model';
+export type ButtonsClasses = {
+    group?: string;
+    primary?: string;
+    secondary?: string;
+};
+interface ButtonsProps {
+    classes?: ButtonsClasses;
+    buttonConfig: ButtonsConfig;
+}
+export declare const Buttons: ({ buttonConfig, classes }: ButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/widgets/banner/ui/banners/ui/index.d.ts

@@ -0,0 +1,2 @@
+export { Buttons, type ButtonsClasses } from './Buttons';
+export { Advantages, type AdvantageClasses, type AdvantageItem, type AdvantagesProps } from './Advantages';

package/dist/lib/widgets/index.d.ts

@@ -1,7 +1,6 @@
 export * from './benefit';
 export * from './header';
 export * from './banner';
-export * from './advantages';
 export * from './footer';
 export * from './stepper';
 export * from './longBanner';

package/dist/lib/widgets/infoBlock/ui/RootContent.d.ts

@@ -1,5 +1,5 @@
+import { ButtonWithHandlersProps } from '../../buttonWithHandlers';
 import { LinksListClasses, LinksListProps } from './LinksList';
-import { ButtonProps } from '../../../shared/ui';
 import { RenderImage } from '../../../shared/utils';
 export type RootContentClasses = {
     wrapper?: string;
@@ -14,7 +14,7 @@ export type RootContentClasses = {
 export interface RootContentProps extends Omit<LinksListProps, 'classes'> {
     heading: string;
     description?: string;
-    buttonsGroup?: ButtonProps[];
+    buttonsGroup?: ButtonWithHandlersProps[];
     imageMobile: RenderImage['imgProps'];
     renderImageCb?: RenderImage['renderImageCb'];
     classes?: RootContentClasses;

package/dist/lib/widgets/model/helpers.d.ts

@@ -6,7 +6,7 @@ export declare const WIDGET_LIST_MAP: {
     readonly calculator: import('react').LazyExoticComponent<({ calculators, headline, classes }: import('..').CalculatorProps) => import("react/jsx-runtime").JSX.Element>;
     readonly form: import('react').LazyExoticComponent<(<AType extends import('../dynamicForm/model').ApprovementType, CType extends import('../dynamicForm/model').ChipsType, PType extends import('../dynamicForm/model').ProgressType>({ fields, title, progress, approvement, chips, submitProps, classes, buttonGroup }: import('..').DynamicFormProps<AType, CType, PType>) => import("react/jsx-runtime").JSX.Element)>;
     readonly formDialog: import('react').LazyExoticComponent<(<AType extends import('../dynamicFormDialog/model').ApprovementType>({ fields, title, approvement, submitProps, dialogId, classes, buttonGroup, ...props }: import('../dynamicFormDialog/DynamicFormDialog').DynamicFormDialogProps<AType>) => import("react/jsx-runtime").JSX.Element)>;
-    readonly stepper: import('react').LazyExoticComponent<({ headline, details, variant, classes }: import('..').StepperProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly stepper: import('react').LazyExoticComponent<(<WithImages extends boolean>({ steppers, classes }: import('..').StepperProps<WithImages>) => import("react/jsx-runtime").JSX.Element)>;
     readonly benefit: import('react').LazyExoticComponent<({ headline, details, variant, classes }: import('..').BenefitProps) => import("react/jsx-runtime").JSX.Element>;
     readonly longBanner: import('react').LazyExoticComponent<(<Enabled extends boolean>({ headline, buttonConfig, intent, details, image, classes }: import('..').LongBannerProps<Enabled>) => import("react/jsx-runtime").JSX.Element)>;
     readonly usefulInfo: import('react').LazyExoticComponent<({ headline, tabs, classes, accordionsConfig }: import('..').UsefulInfoProps) => import("react/jsx-runtime").JSX.Element | null>;

package/dist/lib/widgets/stepper/Stepper.d.ts

@@ -1,6 +1,8 @@
 import { HTMLAttributes } from 'react';
-import { SingleStepItem, StepperVariant } from './model/types';
+import { SingleStepper } from './model/types';
 import { SingleStepClasses } from './ui/SingleStep';
+import { StepperCarouselClasses } from './ui/StepperCarousel';
+import { StepperTabsClasses } from './ui/StepperTabs';
 export type StepperClasses = {
     root?: string;
     container?: string;
@@ -8,12 +10,12 @@ export type StepperClasses = {
     headline?: string;
     stepsWrapper?: string;
     step?: SingleStepClasses;
+    stepperTabs?: StepperTabsClasses;
+    stepperCarousel?: StepperCarouselClasses;
 };
-export interface StepperProps extends HTMLAttributes<HTMLDivElement> {
-    headline: string;
-    variant: StepperVariant;
-    details: SingleStepItem[];
+export interface StepperProps<WithImages extends boolean> extends HTMLAttributes<HTMLDivElement> {
+    steppers: SingleStepper<WithImages>[];
     classes?: StepperClasses;
 }
-export declare const Stepper: ({ headline, details, variant, classes }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Stepper: <WithImages extends boolean>({ steppers, classes }: StepperProps<WithImages>) => import("react/jsx-runtime").JSX.Element;
 export default Stepper;

package/dist/lib/widgets/stepper/model/types.d.ts

@@ -1,11 +1,32 @@
 import { SingleStepClasses } from '../ui/SingleStep';
-export type StepperVariant = 'withTitleAndDescription' | 'onlyDescription';
-export type SingleStepItem = {
+export type SingleStep = SingleStepItemWithImage | SingleStepItemWithoutImage;
+export type SingleStepItemWithImage = {
+    type?: 'withImage';
     title?: string;
     description: string;
+    index?: number;
+    classes?: SingleStepClasses;
+    image: {
+        src: string;
+        alt: string;
+    };
 };
-export type SingleStepProps = SingleStepItem & {
-    index: number;
+export type SingleStepItemWithoutImage = {
+    type?: 'withoutImage';
+    title?: string;
+    description: string;
+    index?: number;
     classes?: SingleStepClasses;
-    variant: StepperVariant;
 };
+type SingleStepperWithImages<WithImages extends true> = {
+    withImages: WithImages;
+    headline: string;
+    details: SingleStepItemWithImage[];
+};
+type SingleStepperWithoutImages<WithImages extends boolean> = {
+    withImages: WithImages;
+    headline: string;
+    details: SingleStepItemWithoutImage[];
+};
+export type SingleStepper<WithImages extends boolean> = WithImages extends true ? SingleStepperWithImages<WithImages> : SingleStepperWithoutImages<WithImages>;
+export {};

package/dist/lib/widgets/stepper/ui/SingleStep.d.ts

@@ -1,9 +1,12 @@
-import { SingleStepProps } from '../model/types';
+import { SingleStep as SingleStepType } from '../model/types';
 export type SingleStepClasses = {
     singleStep?: string;
     numeric?: string;
     textBlock?: string;
     title?: string;
     description?: string;
+    stepContainer?: string;
+    imageContainer?: string;
+    image?: string;
 };
-export declare const SingleStep: ({ classes, index, variant, title, description }: SingleStepProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleStep: (props: SingleStepType) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/widgets/stepper/ui/StepperCarousel.d.ts

@@ -0,0 +1,12 @@
+import { SingleStepper } from '../model/types';
+import { CarouselClasses, CarouselSlideClasses } from '../../../shared/ui';
+export type StepperCarouselClasses = {
+    carouselClasses?: CarouselClasses;
+    carouselSlideClasses?: CarouselSlideClasses;
+};
+interface SingleStepMobileProps<Enabled extends boolean> {
+    currentStepper: SingleStepper<Enabled>;
+    classes?: StepperCarouselClasses;
+}
+export declare const StepperCarousel: <Enabled extends boolean>({ currentStepper, classes }: SingleStepMobileProps<Enabled>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/widgets/stepper/ui/StepperTabs.d.ts

@@ -0,0 +1,16 @@
+import { Dispatch, SetStateAction } from 'react';
+export type StepperTabsClasses = {
+    wrapper?: string;
+    tab?: string;
+};
+export interface StepperTab {
+    headline: string;
+}
+export type StepperTabValue = string;
+export interface StepperTabsProps {
+    stepperTabs?: StepperTab[];
+    activeStepper: StepperTabValue;
+    setActiveStepper: Dispatch<SetStateAction<StepperTabValue>>;
+    classes?: StepperTabsClasses;
+}
+export declare const StepperTabs: import('react').MemoExoticComponent<({ stepperTabs, activeStepper, setActiveStepper, classes }: StepperTabsProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/lib/widgets/stepper/ui/index.d.ts

@@ -0,0 +1,3 @@
+export { SingleStep } from './SingleStep';
+export { StepperCarousel } from './StepperCarousel';
+export { StepperTabs } from './StepperTabs';