@skodaflow/web-library 3.2.4 → 3.3.0-alpha.0

package/build/layout/Header/Header.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type HeaderProps = {
+    logo?: any;
+    navigationItems?: React.ReactNode;
+    overheadItems?: any;
+    buttons?: any;
+};
+export declare const Header: React.FC<HeaderProps>;

package/build/layout/Header/HeaderButton.d.ts

@@ -0,0 +1,9 @@
+import { IconButtonProps } from '@mui/material';
+import React from 'react';
+export type HeaderButtonProps<C extends React.ElementType> = {
+    icon: string;
+    label?: string;
+} & IconButtonProps<C, {
+    component?: C;
+}>;
+export declare function HeaderButton<C extends React.ElementType = 'button'>(props: HeaderButtonProps<C>): React.JSX.Element;

package/build/layout/Header/HeaderLogo.d.ts

@@ -0,0 +1,9 @@
+import { LinkProps } from '@mui/material';
+import React from 'react';
+export type HeaderLogoProps<C extends React.ElementType> = LinkProps<C, {
+    component?: C;
+}> & {
+    src: string;
+    alt?: string;
+};
+export declare function HeaderLogo<C extends React.ElementType = 'a'>(props: HeaderLogoProps<C>): React.JSX.Element;

package/build/layout/Header/HeaderNavigationItem.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { OverrideProps } from '@mui/material/OverridableComponent';
+export interface HeaderNavigationTypeMap<P = {}, C extends React.ElementType = 'button'> {
+    props: P & {
+        menuItems?: React.ReactNode;
+        label: string;
+        href?: string;
+        onClick?: () => void;
+        external?: boolean;
+    };
+    defaultComponent: C;
+}
+export type HeaderNavigationItemProps<C extends React.ElementType, P = {}> = OverrideProps<HeaderNavigationTypeMap<P, C>, C> & {
+    component?: C;
+};
+export declare function HeaderNavigationItem<C extends React.ElementType = 'button'>(props: HeaderNavigationItemProps<C>): React.JSX.Element;

package/build/layout/Header/HeaderOverheadItem.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { OverrideProps } from '@mui/material/OverridableComponent';
+export interface HeaderOverheadItemTypeMap<P = {}, C extends React.ElementType = 'button'> {
+    props: P & {
+        label: string;
+        active?: boolean;
+    };
+    defaultComponent: C;
+}
+export type HeaderOverheadItemProps<C extends React.ElementType, P = {}> = OverrideProps<HeaderOverheadItemTypeMap<P, C>, C> & {
+    component?: C;
+};
+export declare function HeaderOverheadItem<C extends React.ElementType = 'button'>(props: HeaderOverheadItemProps<C>): React.JSX.Element;

package/build/layout/Header/HeaderSkodaLogo.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { HeaderLogoProps } from './HeaderLogo';
+export type HeaderSkodaLogoProps<C extends React.ElementType> = Omit<HeaderLogoProps<C>, 'src' | 'alt'>;
+export declare function HeaderSkodaLogo<C extends React.ElementType = 'a'>(props: HeaderSkodaLogoProps<C>): React.JSX.Element;

package/build/layout/Header/PredefinedHeaderButtons.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { HeaderButtonProps } from './HeaderButton';
+export type PredefinedHeaderButtonProps<C extends React.ElementType> = Omit<HeaderButtonProps<C>, 'icon'>;
+export declare function HeaderSearchButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderProfileButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderHeartButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderCartButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderLanguageButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderBellButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderLoginButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderLogoutButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderCloseButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderFaqButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;
+export declare function HeaderMenuButton<C extends React.ElementType>(props: PredefinedHeaderButtonProps<C>): React.JSX.Element;

package/build/layout/Header/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Header';
+export * from './HeaderButton';
+export * from './HeaderLogo';
+export * from './HeaderNavigationItem';
+export * from './HeaderSkodaLogo';
+export * from './PredefinedHeaderButtons';
+export * from './HeaderOverheadItem';

package/build/layout/index.d.ts

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

package/build/organisms/carousel/carousel.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';
 import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
 export type CarouselPropType = {
@@ -131,4 +131,4 @@ export declare const handleScrollNext: (emblaApi: EmblaCarouselType, direction:
 export declare const handleScrollTo: (emblaApi: EmblaCarouselType, index: number) => void;
 export declare const getHoveredClass: (direction: 'next' | 'prev', hovered: boolean, isBtnEnabled: boolean) => string;
 export declare const emblaWidthSize: (apiParam: any, slideToShowParam: any) => void;
-export declare const Carousel: (props: CarouselPropType) => JSX.Element;
+export declare const Carousel: (props: CarouselPropType) => React.JSX.Element;

package/build/organisms/carousel/carouselButton.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const PrevButton: ({ enabled, onClick, height }: {
     enabled: any;
     onClick: any;
     height: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const NextButton: ({ enabled, onClick, height }: {
     enabled: any;
     onClick: any;
     height: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/organisms/carousel/carouselTemplate.d.ts

@@ -4,5 +4,5 @@ export declare const DotButton: ({ selected, onClick, bulletStyle }: {
     selected: any;
     onClick: any;
     bulletStyle: any;
-}) => JSX.Element;
-export declare const template: (cssClass: string, hovered: boolean, prevBtnEnabled: boolean, emblaApi: EmblaCarouselType, direction: any, emblaRef: any, slidesItems: React.ReactNode[], heightSlide: string, buttonControls: boolean, buttonAreaControlsHeight: string, buttonControlsPosition: string, nextBtnEnabled: boolean, numberingSlides: boolean, selectedIndex: number, numberingSeparator: string, progressbar: boolean, scrollProgress: number, toggleHover: (element: string) => void, slideToShow: number, classEmbla: string, bulletScroll: boolean, bulletStyle: string, handleScrollTo: (emblaApi: any, index: any) => void, handleScrollPrev: (emblaApi: any, index: any) => void, handleScrollNext: (emblaApi: any, index: any) => void, prevControlIcon: string, nextControlIcon: string, controlIconStyle: any, controlIconFontSize: any, controlVariant: any, controlColor: any) => JSX.Element;
+}) => React.JSX.Element;
+export declare const template: (cssClass: string, hovered: boolean, prevBtnEnabled: boolean, emblaApi: EmblaCarouselType, direction: any, emblaRef: any, slidesItems: React.ReactNode[], heightSlide: string, buttonControls: boolean, buttonAreaControlsHeight: string, buttonControlsPosition: string, nextBtnEnabled: boolean, numberingSlides: boolean, selectedIndex: number, numberingSeparator: string, progressbar: boolean, scrollProgress: number, toggleHover: (element: string) => void, slideToShow: number, classEmbla: string, bulletScroll: boolean, bulletStyle: string, handleScrollTo: (emblaApi: any, index: any) => void, handleScrollPrev: (emblaApi: any, index: any) => void, handleScrollNext: (emblaApi: any, index: any) => void, prevControlIcon: string, nextControlIcon: string, controlIconStyle: any, controlIconFontSize: any, controlVariant: any, controlColor: any) => React.JSX.Element;

package/build/organisms/carousel2/cardCarousel/cardCarousel.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export type CardCarouselProps = {
+    children: React.ReactNode;
+};
+export declare const CardCarousel: React.FC<CardCarouselProps>;

package/build/organisms/carousel2/cardCarousel/index.d.ts

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

package/build/organisms/carousel2/carousel2.d.ts

@@ -0,0 +1,131 @@
+import React, { ReactNode } from 'react';
+import { EmblaOptionsType } from 'embla-carousel-react';
+import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
+import { ResponsiveType } from './utils/ResponsiveType';
+export type Carousel2Props = {
+    /**
+     * Align the slides relative to the carousel viewport. Use one of the predefined alignments start, center or end. Alternatively, provide a number between 0 - 1 to align the slides, where 0.5 equals 50%.
+     */
+    align?: 'start' | 'center' | 'end' | number;
+    /**
+     * Autoplay, if true the autoplay functionality will be added to the carousel. Default is false.
+     */
+    autoPlay?: boolean;
+    /**
+     * if true, the scrollbar is replaced with bullet scroll. visible only with SlideToShow 1.Default is false.
+     */
+    bulletScroll?: boolean;
+    /**
+     * defines the bullet-scroller style. can be 'dash' or 'dot'.
+     */
+    bulletStyle?: 'dash' | 'dot';
+    /**
+     * defines the bullet-scroller color theme. can be 'light' or 'dark'.
+     */
+    bulletTheme?: 'light' | 'dark';
+    /**
+     * Class applied to the main container carousel. Default value ''.
+     * this class can be used also to provide a prefix name for ID applied to each slide inside the carousel.
+     * eg. class applied to container carousel : my-carousel
+     * ID applied for each slide : my-carousel__slide-0 (number is the index of slide).
+     */
+    cssClass?: string;
+    /**
+     * Direction carousel ltr or rtl. Default ltr.
+     */
+    direction?: 'rtl' | 'ltr';
+    /**
+     * set height for slide carousel.
+     */
+    height?: ResponsiveType<string>;
+    /**
+     * Slide with different width. if true the slide width is base on his content. Default false.
+     */
+    isSlideDifferentWidth?: boolean;
+    /**
+     * Loop, if true the loop functionality will be added to the carousel. Default is false.
+     */
+    loop?: boolean;
+    /**
+     * Label of numbering length sliders.
+     */
+    numberingSeparator?: string;
+    /**
+     * Numbering Slides, if true the numbering slides will be visible. Default is true.
+     */
+    numberingSlides?: boolean;
+    /**
+     * Options setting carousel.
+     */
+    options?: EmblaOptionsType;
+    /**
+     * Progress bar status, if true the progress bar will be visible. Default is false.
+     */
+    progressbar?: boolean;
+    /**
+     * Add Class to selected slide.
+     */
+    slideSelectedClass?: string;
+    /**
+     * Slides reactNode carousel.
+     */
+    children: ReactNode;
+    /**
+     * Number of visible slides. Default value 1.
+     */
+    slideToShow?: number;
+    /**
+     * Number of slides to scroll. Default value 1.
+     */
+    slideToScroll?: number;
+    /**
+     * speed transition slide, Higher numbers enables faster scrolling. Default is 10.
+     */
+    speed?: number;
+    /**
+     * StartIndex slide. Default is 0.
+     */
+    startIndex?: number;
+    /**
+     * Defines max-width for each slide. Default "80%"
+     */
+    maxSlideWidth?: string;
+    /**
+     * Options for buttons, keep undefined for buttons to not be used
+     */
+    controlOptions?: {
+        /**
+         * previous control icon.
+         */
+        prevIcon?: string;
+        /**
+         * next control icon.
+         */
+        nextIcon?: string;
+        /**
+         * Definition of height or clickable area for buttons next and prev. value should be in "px" or "%".
+         */
+        buttonAreaHeight?: string;
+        /**
+         * Definition of position or clickable area for buttons next and prev. Value is inserted into top css property
+         */
+        buttonPosition?: string;
+        /**
+         * control color, can be "dark" or "light".
+         */
+        color?: DarkLightOptions;
+        /**
+         * icon font size, can be "small" or "medium".
+         */
+        iconSize?: ControllerSize;
+        /**
+         * icon style, can be "regular" or "filled".
+         */
+        iconStyle?: IconsStyle;
+        /**
+         * control variant, can be "standard" or "outline".
+         */
+        variant?: ControlVariant;
+    };
+};
+export declare const Carousel2: (propsIn: Carousel2Props) => React.JSX.Element;

package/build/organisms/carousel2/carouselButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const PrevButton: ({ enabled, onClick, height }: {
+    enabled: any;
+    onClick: any;
+    height: any;
+}) => React.JSX.Element;
+export declare const NextButton: ({ enabled, onClick, height }: {
+    enabled: any;
+    onClick: any;
+    height: any;
+}) => React.JSX.Element;

package/build/organisms/carousel2/carouselTemplate.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Carousel2Props } from './carousel2';
+export declare const DotButton: ({ selected, onClick, bulletStyle }: {
+    selected: any;
+    onClick: any;
+    bulletStyle: any;
+}) => React.JSX.Element;
+export declare const template: (hovered: boolean, prevBtnEnabled: boolean, emblaRef: any, nextBtnEnabled: boolean, selectedIndex: number, scrollProgress: number, toggleHover: (element?: 'prev' | 'next') => void, classEmbla: string, handleScrollTo: (index: any) => void, handleScrollPrev: () => void, handleScrollNext: () => void, props: Carousel2Props) => React.JSX.Element;

package/build/organisms/carousel2/components/DotButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type DotButtonProps = {
+    selected: boolean;
+    onClick: () => void;
+    bulletStyle: 'dash' | 'dot';
+};
+export declare const DotButton: React.FC<DotButtonProps>;

package/build/organisms/carousel2/components/ItemsContainer.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from '@mui/material';
+import React from 'react';
+export type ItemsContainerProps = BoxProps & {
+    children: React.ReactNode;
+    left?: string;
+};
+export declare const ItemsContainer: React.FC<ItemsContainerProps>;

package/build/organisms/carousel2/components/NavButton.d.ts

@@ -0,0 +1,15 @@
+import { BoxProps } from '@mui/material';
+import React from 'react';
+import { EmblaCarouselType } from 'embla-carousel-react';
+export type NavButtonProps = BoxProps & {
+    emblaApi: EmblaCarouselType;
+    type: 'prev' | 'next';
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    color?: 'light' | 'dark';
+    style?: 'regular' | 'filled';
+    variant?: 'standard' | 'outline';
+    direction: 'rtl' | 'ltr';
+    skipInViewItems?: boolean;
+};
+export declare const NavButton: React.FC<NavButtonProps>;

package/build/organisms/carousel2/components/Numbering.d.ts

@@ -0,0 +1,12 @@
+import { BoxProps } from '@mui/material';
+import React from 'react';
+import { NumberingColors, NumberingSizes } from '../../../utils';
+import { EmblaCarouselType } from 'embla-carousel-react';
+export type NumberingProps = BoxProps & {
+    emblaApi: EmblaCarouselType;
+    direction: 'rtl' | 'ltr';
+    color: NumberingColors;
+    size: NumberingSizes;
+    separator?: string;
+};
+export declare const Numbering: React.FC<NumberingProps>;

package/build/organisms/carousel2/components/ScrollSnapDots.d.ts

@@ -0,0 +1,6 @@
+import { EmblaCarouselType } from 'embla-carousel-react';
+import React from 'react';
+export type ScrollSnapDotsProps = {
+    emblaApi: EmblaCarouselType;
+};
+export declare const ScrollSnapDots: React.FC<ScrollSnapDotsProps>;

package/build/organisms/carousel2/components/ViewPort.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from '@mui/material';
+import React from 'react';
+type RefType = <ViewportElement extends HTMLElement>(instance: ViewportElement | null) => void;
+export type ViewportProps = BoxProps & {
+    children: React.ReactNode;
+    emblaRef: RefType;
+};
+export declare const ViewPort: React.FC<ViewportProps>;
+export {};

package/build/organisms/carousel2/galleryCarousel/GalleryItemText.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export type GalleryItemTextProps = {
+    children: React.ReactNode;
+};
+export declare const GalleryItemText: React.FC<GalleryItemTextProps>;

package/build/organisms/carousel2/galleryCarousel/galleryCarousel.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Carousel2Props } from '../carousel2';
+import { ResponsiveType } from '../utils/ResponsiveType';
+export declare const GalleryDefaultProps: Partial<Carousel2Props>;
+export type GalleryCarouselProps = {
+    /**
+     * Autoplay, if true the autoplay functionality will be added to the carousel. Default is false.
+     */
+    autoPlay?: boolean;
+    /**
+     * Direction carousel ltr or rtl. Default ltr.
+     */
+    direction?: 'rtl' | 'ltr';
+    /**
+     * Loop, if true the loop functionality will be added to the carousel. Default is false.
+     */
+    loop?: boolean;
+    /**
+     * Label of numbering length sliders.
+     */
+    numberingSeparator?: string;
+    /**
+     * Carousel items
+     */
+    children: React.ReactNode;
+    /**
+     * StartIndex slide. Default is 0.
+     */
+    startIndex?: number;
+    /**
+     * Optional height of carousel, this prop is added to height style property
+     */
+    height?: ResponsiveType<string>;
+};
+export declare const GalleryCarousel: React.FC<GalleryCarouselProps>;

package/build/organisms/carousel2/galleryCarousel/galleryCarouselItem.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ResponsiveType } from '../utils/ResponsiveType';
+type FitType = 'contain' | 'cover' | 'fill' | 'scale-down' | 'none';
+export type GalleryCarouselItemProps = {
+    imageSrc: ResponsiveType<string>;
+    imageFit?: ResponsiveType<FitType>;
+    alt?: string;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    width?: string;
+    color?: 'dark' | 'light';
+};
+export declare const GalleryCarouselItem: React.FC<GalleryCarouselItemProps>;
+export {};

package/build/organisms/carousel2/galleryCarousel/galleryContext.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export type GalleryContextType = {
+    /**
+     * this value contains height of largest header element, it is used in xs gallery
+     */
+    headerHeight: number;
+    setHeaderHeight: (v: number) => void;
+    /**
+     * this value contains height of largest footer element, it is used in xs gallery
+     */
+    footerHeight: number;
+    setFooterHeight: (v: number) => void;
+    /** contains color scheme for current slide */
+    color: 'dark' | 'light';
+    setColor: (c: 'dark' | 'light') => void;
+};
+export declare const GalleryContext: React.Context<GalleryContextType>;
+export type GalleryContextProviderProps = {
+    children: React.ReactNode;
+};
+export declare const GalleryContextProvider: React.FC<GalleryContextProviderProps>;

package/build/organisms/carousel2/galleryCarousel/galleryItemContext.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export type GalleryItemContextType = {
+    color: 'dark' | 'light';
+};
+export declare const GalleryItemContext: React.Context<GalleryItemContextType>;

package/build/organisms/carousel2/galleryCarousel/galleryItemHeading.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export type GalleryItemHeadingProps = {
+    children: React.ReactNode;
+};
+export declare const GalleryItemHeading: React.FC<GalleryItemHeadingProps>;

package/build/organisms/carousel2/galleryCarousel/index.d.ts

@@ -0,0 +1,4 @@
+export * from './galleryCarousel';
+export * from './galleryCarouselItem';
+export * from './galleryItemHeading';
+export * from './GalleryItemText';

package/build/organisms/carousel2/heroCarousel/HeroCarouselSlide.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ResponsiveType } from '../utils/ResponsiveType';
+type FitType = 'contain' | 'cover' | 'fill' | 'scale-down' | 'none';
+export type HeroCarouselSlideProps = {
+    width?: ResponsiveType<string>;
+    imageSrc: ResponsiveType<string>;
+    imageFit?: ResponsiveType<FitType>;
+    alt?: string;
+    footer?: React.ReactNode;
+};
+export declare const HeroCarouselSlide: React.FC<HeroCarouselSlideProps>;
+export {};

package/build/organisms/carousel2/heroCarousel/heroCarousel.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ResponsiveType } from '../utils/ResponsiveType';
+export type HeroCarouselProps = {
+    children: React.ReactNode;
+    direction?: 'rtl' | 'ltr';
+    autoPlay?: boolean;
+    numberingSeparator?: string;
+    startIndex?: number;
+    height?: ResponsiveType<string>;
+    heading?: React.ReactNode;
+    numbering?: boolean;
+};
+export declare const HeroCarousel: React.FC<HeroCarouselProps>;

package/build/organisms/carousel2/heroCarousel/heroCarouselContext.d.ts

@@ -0,0 +1,12 @@
+import { EmblaCarouselType } from 'embla-carousel-react';
+import React from 'react';
+export type HeroCarouselContextType = {
+    emblaApi?: EmblaCarouselType;
+    activeFooter: React.ReactNode;
+    setActiveFooter: (e: React.ReactNode) => void;
+};
+export declare const HeroCarouselContext: React.Context<HeroCarouselContextType>;
+export type HeroCarouselContextProviderProps = {
+    children: React.ReactNode;
+    emblaApi: EmblaCarouselType;
+};

package/build/organisms/carousel2/heroCarousel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './heroCarousel';
+export * from './HeroCarouselSlide';

package/build/organisms/carousel2/hooks/useContainerPeek.d.ts

@@ -0,0 +1,13 @@
+import { EmblaCarouselType } from 'embla-carousel-react';
+/**
+ * Provides functionality to peek over the next slide
+ */
+export declare const useContainerPeek: (emblaApi: EmblaCarouselType, direction: 'ltr' | 'rtl', positions?: {
+    prev: string;
+    next: string;
+}) => {
+    containerLeft: string;
+    peekNextOnHover: () => void;
+    peekPrevOnHover: () => void;
+    resetPeek: () => void;
+};

package/build/organisms/carousel2/hooks/useDefaultProps.d.ts

@@ -0,0 +1,2 @@
+import { Carousel2Props } from '../carousel2';
+export declare const useDefaultProps: (props: Carousel2Props) => Carousel2Props;

package/build/organisms/carousel2/hooks/useEmbla.d.ts

@@ -0,0 +1,2 @@
+import { Carousel2Props } from '../carousel2';
+export declare const useEmbla: (props: Carousel2Props) => import("embla-carousel-react").UseEmblaCarouselType;

package/build/organisms/carousel2/hooks/useEmblaHover.d.ts

@@ -0,0 +1,5 @@
+export declare const useEmblaHover: (prevBtnEnabled: boolean, nextBtnEnabled: boolean) => {
+    hovered: boolean;
+    classEmbla: string;
+    toggleHover: (dir?: 'prev' | 'next') => void;
+};

package/build/organisms/carousel2/hooks/useEmblaScroll.d.ts

@@ -0,0 +1,3 @@
+import { EmblaCarouselType } from 'embla-carousel-react';
+import { Carousel2Props } from '../carousel2';
+export declare const useEmblaScroll: (api: EmblaCarouselType, props: Carousel2Props) => number;

package/build/organisms/carousel2/hooks/useEmblaSelect.d.ts

@@ -0,0 +1,7 @@
+import { EmblaCarouselType } from 'embla-carousel-react';
+import { Carousel2Props } from '../carousel2';
+export declare const useEmblaSelect: (api: EmblaCarouselType, props: Carousel2Props) => {
+    nextBtnEnabled: boolean;
+    prevBtnEnabled: boolean;
+    selectedIndex: number;
+};

package/build/organisms/carousel2/index.d.ts

@@ -0,0 +1,3 @@
+export * from './galleryCarousel';
+export * from './heroCarousel';
+export * from './cardCarousel';

package/build/organisms/carousel2/styledComponents/styledCarouselHorizontal.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Carousel2Props } from '../carousel2';
+export declare enum controlButtonsHover {
+    NEXT = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K",
+    PREV = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="
+}
+export declare const CarouselStyledHorizontal: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & Carousel2Props & {
+    theme?: any;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/organisms/carousel2/utils/ResponsiveType.d.ts

@@ -0,0 +1,14 @@
+export type ResponsiveType<V extends number | string> = V | {
+    xl: V;
+    lg?: V;
+    md?: V;
+    sm?: V;
+    xs?: V;
+};
+export declare function useResponsiveProp<V extends string | number>(prop: ResponsiveType<V>): {
+    xl: V;
+    lg: V;
+    md: V;
+    sm: V;
+    xs: V;
+};