@nuskin/react-mysite-elements 1.0.6-cdb-1.1 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/dist/common/Nav-Category-Navigation/NsCategoryNavigation.d.ts +0 -12
- package/dist/common/Nav-Category-Navigation/NsCategoryNavigation.spec.d.ts +0 -1
- package/dist/common/Nav-Category-Navigation/NsCategoryNavigation.stories.d.ts +0 -8
- package/dist/common/Nav-Category-Navigation/NsCategoryNavigation.styled.d.ts +0 -4
- package/dist/common/Nav-Category-Navigation/index.d.ts +0 -1
- package/dist/common/card/NsProductCard.d.ts +0 -18
- package/dist/common/card/fixtures/ImageData1.d.ts +0 -3
- package/dist/common/card/fixtures/ImageData10.d.ts +0 -3
- package/dist/common/card/fixtures/ImageData11.d.ts +0 -3
- package/dist/common/card/fixtures/ImageData2.d.ts +0 -3
- package/dist/common/card/fixtures/ImageData3.d.ts +0 -3
- package/dist/common/card/fixtures/ImageData4.d.ts +0 -3
- package/dist/common/card/fixtures/ImageData5.d.ts +0 -3
- package/dist/common/card/fixtures/ImageData6.d.ts +0 -3
- package/dist/common/card/fixtures/ImageData7.d.ts +0 -3
- package/dist/common/card/fixtures/ImageData8.d.ts +0 -3
- package/dist/common/card/fixtures/ImageData9.d.ts +0 -3
- package/dist/common/card/fixtures/index.d.ts +0 -10
- package/dist/common/card/index.d.ts +0 -2
- package/dist/common/card/specs/NsProductCard.spec.d.ts +0 -1
- package/dist/common/card/stories/NsProductCard.stories.d.ts +0 -8
- package/dist/common/card/styles/NsProductCard.Styled.d.ts +0 -42
- package/dist/common/carousel/NsProductCarousel.d.ts +0 -44
- package/dist/common/carousel/NsProductCarousel.styled.d.ts +0 -53
- package/dist/common/carousel/ProductCardEntries.d.ts +0 -3
- package/dist/common/carousel/ProductTabCarousel.d.ts +0 -39
- package/dist/common/carousel/ProductTabCarousel.styled.d.ts +0 -30
- package/dist/common/carousel/index.d.ts +0 -3
- package/dist/common/carousel/settingSlick.d.ts +0 -16
- package/dist/common/carousel/specs/IconWrapper.spec.d.ts +0 -1
- package/dist/common/carousel/specs/NsProductCarousel.spec.d.ts +0 -1
- package/dist/common/carousel/specs/ProductTabCarousel.spec.d.ts +0 -1
- package/dist/common/carousel/specs/settingSlick.spec.d.ts +0 -1
- package/dist/common/carousel/stories/NsProductCardCarousel.stories.d.ts +0 -8
- package/dist/common/carousel/stories/ProductTabCarousel.stories.d.ts +0 -4
- package/dist/common/headers/MysiteHero.d.ts +0 -26
- package/dist/common/headers/MysiteHero.styled.d.ts +0 -30
- package/dist/common/headers/index.d.ts +0 -1
- package/dist/common/headers/specs/MysiteHero.spec.d.ts +0 -1
- package/dist/common/headers/stories/MySiteShopHeader.stories.d.ts +0 -8
- package/dist/common/icon/icons/ArrowDownIcon.d.ts +0 -8
- package/dist/common/icon/icons/PlaceholderImage.d.ts +0 -8
- package/dist/common/icon/icons/SocialMediaIcons.d.ts +0 -7
- package/dist/common/index.d.ts +0 -4
- package/dist/common/types/image.d.ts +0 -10
- package/dist/index.css +0 -2
- package/dist/index.css.map +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/dist/index.js.map +0 -1
- package/dist/index.mjs +0 -1
- package/dist/index.mjs.map +0 -1
package/package.json
CHANGED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
interface NsCategoryNavigationProps {
|
|
3
|
-
itemArray: {
|
|
4
|
-
label: string;
|
|
5
|
-
content: React.ReactNode;
|
|
6
|
-
categoryId: string;
|
|
7
|
-
}[];
|
|
8
|
-
value?: number;
|
|
9
|
-
onChange?: (event: React.SyntheticEvent, newValue: number) => void;
|
|
10
|
-
}
|
|
11
|
-
export declare const NsCategoryNavigation: React.FC<Readonly<NsCategoryNavigationProps>>;
|
|
12
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/nextjs';
|
|
2
|
-
import { NsCategoryNavigation } from './NsCategoryNavigation';
|
|
3
|
-
type ComponentType = typeof NsCategoryNavigation;
|
|
4
|
-
type Story = StoryObj<ComponentType>;
|
|
5
|
-
type MetaStory = Meta<ComponentType>;
|
|
6
|
-
declare const _default: MetaStory;
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const Default: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { NsCategoryNavigation } from './NsCategoryNavigation';
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React, { ReactElement } from 'react';
|
|
2
|
-
import { ProductImageType } from '../types/image';
|
|
3
|
-
import { NsCardButton } from './types';
|
|
4
|
-
type NsProductCardProps = {
|
|
5
|
-
readonly productTitle: string;
|
|
6
|
-
readonly imageDetails?: ProductImageType;
|
|
7
|
-
readonly className?: string;
|
|
8
|
-
readonly button?: NsCardButton & {
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
};
|
|
11
|
-
readonly onCardClick?: () => void;
|
|
12
|
-
readonly productStatusBadge?: React.ReactNode;
|
|
13
|
-
readonly directSellerBadge?: React.ReactNode;
|
|
14
|
-
readonly mySitePriceComponent?: React.ReactNode;
|
|
15
|
-
readonly testId?: string;
|
|
16
|
-
};
|
|
17
|
-
declare const NsProductCard: ({ productTitle, imageDetails, className, button, onCardClick, productStatusBadge, directSellerBadge, mySitePriceComponent, testId, }: NsProductCardProps) => ReactElement;
|
|
18
|
-
export default NsProductCard;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export { ImageData1 } from '../fixtures/ImageData1';
|
|
2
|
-
export { ImageData3 } from '../fixtures/ImageData3';
|
|
3
|
-
export { ImageData4 } from '../fixtures/ImageData4';
|
|
4
|
-
export { ImageData5 } from '../fixtures/ImageData5';
|
|
5
|
-
export { ImageData6 } from '../fixtures/ImageData6';
|
|
6
|
-
export { ImageData7 } from '../fixtures/ImageData7';
|
|
7
|
-
export { ImageData8 } from '../fixtures/ImageData8';
|
|
8
|
-
export { ImageData9 } from '../fixtures/ImageData9';
|
|
9
|
-
export { ImageData10 } from '../fixtures/ImageData10';
|
|
10
|
-
export { ImageData11 } from '../fixtures/ImageData11';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { StoryObj, Meta } from '@storybook/nextjs';
|
|
2
|
-
import NsProductCard from '../NsProductCard';
|
|
3
|
-
type ComponentType = typeof NsProductCard;
|
|
4
|
-
type Story = StoryObj<ComponentType>;
|
|
5
|
-
type MetaStory = Meta<ComponentType>;
|
|
6
|
-
declare const _default: MetaStory;
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const Default: Story;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
export declare const PriceComponent: import("@emotion/styled").StyledComponent<{
|
|
2
|
-
theme?: import("@emotion/react").Theme;
|
|
3
|
-
as?: React.ElementType;
|
|
4
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
5
|
-
export declare const ProductCardContainer: import("@emotion/styled").StyledComponent<{
|
|
6
|
-
theme?: import("@emotion/react").Theme;
|
|
7
|
-
as?: React.ElementType;
|
|
8
|
-
} & {
|
|
9
|
-
isMobile: boolean;
|
|
10
|
-
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
11
|
-
export declare const ImageContainer: import("@emotion/styled").StyledComponent<{
|
|
12
|
-
theme?: import("@emotion/react").Theme;
|
|
13
|
-
as?: React.ElementType;
|
|
14
|
-
} & {
|
|
15
|
-
bgColor?: string;
|
|
16
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
17
|
-
export declare const DefaultImage: import("@emotion/styled").StyledComponent<{
|
|
18
|
-
theme?: import("@emotion/react").Theme;
|
|
19
|
-
as?: React.ElementType;
|
|
20
|
-
}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
21
|
-
export declare const ProductTitle: import("@emotion/styled").StyledComponent<{
|
|
22
|
-
theme?: import("@emotion/react").Theme;
|
|
23
|
-
as?: React.ElementType;
|
|
24
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
25
|
-
export declare const ProductBadgeContainer: import("@emotion/styled").StyledComponent<{
|
|
26
|
-
theme?: import("@emotion/react").Theme;
|
|
27
|
-
as?: React.ElementType;
|
|
28
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
29
|
-
export declare const AddToCartButton: import("@emotion/styled").StyledComponent<{
|
|
30
|
-
theme?: import("@emotion/react").Theme;
|
|
31
|
-
as?: React.ElementType;
|
|
32
|
-
} & {
|
|
33
|
-
disabled?: boolean;
|
|
34
|
-
isMobile: boolean;
|
|
35
|
-
isHovered: boolean;
|
|
36
|
-
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
37
|
-
export declare const CartIcon: import("@emotion/styled").StyledComponent<{
|
|
38
|
-
theme?: import("@emotion/react").Theme;
|
|
39
|
-
as?: React.ElementType;
|
|
40
|
-
} & {
|
|
41
|
-
disabled?: boolean;
|
|
42
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import React, { ReactElement, ReactNode } from 'react';
|
|
2
|
-
import 'slick-carousel/slick/slick.css';
|
|
3
|
-
import { NsCardButton } from '@nuskin/foundation-ui-components';
|
|
4
|
-
import { ProductImageType } from '../types/image';
|
|
5
|
-
export type ProductCardEntry = {
|
|
6
|
-
readonly productTitle: string;
|
|
7
|
-
readonly imageDetails?: ProductImageType;
|
|
8
|
-
readonly button?: NsCardButton;
|
|
9
|
-
readonly onCardClick?: () => void;
|
|
10
|
-
readonly productStatusBadge?: React.ReactNode;
|
|
11
|
-
readonly directSeller?: React.ReactNode;
|
|
12
|
-
readonly mySitePriceComponent?: React.ReactNode;
|
|
13
|
-
};
|
|
14
|
-
interface SlickSettings {
|
|
15
|
-
dots?: boolean;
|
|
16
|
-
infinite?: boolean;
|
|
17
|
-
speed?: number;
|
|
18
|
-
slidesToShow?: number;
|
|
19
|
-
slidesToScroll?: number;
|
|
20
|
-
swipe?: boolean;
|
|
21
|
-
draggable?: boolean;
|
|
22
|
-
arrows?: boolean;
|
|
23
|
-
responsive?: Array<{
|
|
24
|
-
breakpoint: number;
|
|
25
|
-
settings: {
|
|
26
|
-
slidesToShow?: number;
|
|
27
|
-
slidesToScroll?: number;
|
|
28
|
-
arrows?: boolean;
|
|
29
|
-
};
|
|
30
|
-
}>;
|
|
31
|
-
}
|
|
32
|
-
interface ProductCardCarouselProps<T = ProductCardEntry> {
|
|
33
|
-
readonly entries: T[];
|
|
34
|
-
readonly settings?: SlickSettings;
|
|
35
|
-
readonly showControlButtons?: boolean;
|
|
36
|
-
readonly renderEntry?: (entry: T, index: number) => ReactNode;
|
|
37
|
-
readonly allEntryLabel?: string;
|
|
38
|
-
readonly allEntryLink?: string;
|
|
39
|
-
readonly categoryName?: string;
|
|
40
|
-
readonly emptyProductMessage?: string;
|
|
41
|
-
readonly productsCountLabel?: string;
|
|
42
|
-
}
|
|
43
|
-
export default function ProductCardCarousel({ entries, renderEntry, settings, showControlButtons, allEntryLabel, allEntryLink, categoryName, emptyProductMessage, productsCountLabel, }: ProductCardCarouselProps): ReactElement;
|
|
44
|
-
export {};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BoxProps } from '@mui/material/Box';
|
|
3
|
-
export declare const SlickContainer: React.ComponentType<BoxProps>;
|
|
4
|
-
export declare const ScrollableContainer: import("@emotion/styled").StyledComponent<{
|
|
5
|
-
theme?: import("@emotion/react").Theme;
|
|
6
|
-
as?: React.ElementType;
|
|
7
|
-
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
-
export declare const CardList: import("@emotion/styled").StyledComponent<{
|
|
9
|
-
theme?: import("@emotion/react").Theme;
|
|
10
|
-
as?: React.ElementType;
|
|
11
|
-
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
|
-
export declare const ControlsContainer: React.ComponentType<BoxProps>;
|
|
13
|
-
export declare const ViewAllWrapper: React.ComponentType<BoxProps>;
|
|
14
|
-
export declare const ProductCountWrapper: React.ComponentType<BoxProps>;
|
|
15
|
-
export declare const ArrowsWrapper: React.ComponentType<BoxProps & {
|
|
16
|
-
$isDisabled?: boolean;
|
|
17
|
-
}>;
|
|
18
|
-
export declare const Scrollablewrapper: import("@emotion/styled").StyledComponent<{
|
|
19
|
-
theme?: import("@emotion/react").Theme;
|
|
20
|
-
as?: React.ElementType;
|
|
21
|
-
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
22
|
-
export declare const CustomTypography: import("@emotion/styled").StyledComponent<{
|
|
23
|
-
variant: import("@nuskin/foundation-ui-components").Variants;
|
|
24
|
-
decoration?: "underline" | "none";
|
|
25
|
-
weight?: "bold" | "normal" | "light";
|
|
26
|
-
color?: import("@nuskin/foundation-theme").FoundationTheme.PaletteColors;
|
|
27
|
-
component?: "div" | "span" | "p";
|
|
28
|
-
as?: import("@nuskin/foundation-ui-components").HtmlTagVariant;
|
|
29
|
-
className?: string;
|
|
30
|
-
colorOverride?: string;
|
|
31
|
-
renderHTMLNode?: boolean;
|
|
32
|
-
noSpacing?: boolean;
|
|
33
|
-
} & {
|
|
34
|
-
additionalProps?: {
|
|
35
|
-
ariaLabel?: string;
|
|
36
|
-
testid?: string;
|
|
37
|
-
className?: string;
|
|
38
|
-
"data-testid"?: string;
|
|
39
|
-
} & Partial<import("@nuskin/foundation-ui-components").CslpTag>;
|
|
40
|
-
cslp?: Record<string, import("@nuskin/foundation-ui-components").CslpTag>;
|
|
41
|
-
} & import("@nuskin/foundation-ui-components").DarkModeEnabledOption & {
|
|
42
|
-
children?: React.ReactNode | undefined;
|
|
43
|
-
} & {
|
|
44
|
-
theme?: import("@emotion/react").Theme;
|
|
45
|
-
}, {}, {}>;
|
|
46
|
-
export declare const ViewAllLink: import("@emotion/styled").StyledComponent<{
|
|
47
|
-
theme?: import("@emotion/react").Theme;
|
|
48
|
-
as?: React.ElementType;
|
|
49
|
-
}, React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
|
|
50
|
-
export declare const EmptyProductCategories: import("@emotion/styled").StyledComponent<{
|
|
51
|
-
theme?: import("@emotion/react").Theme;
|
|
52
|
-
as?: React.ElementType;
|
|
53
|
-
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ProductCardEntry } from './NsProductCarousel';
|
|
3
|
-
interface Category {
|
|
4
|
-
label: string;
|
|
5
|
-
categoryId: string;
|
|
6
|
-
}
|
|
7
|
-
interface SlickSettings {
|
|
8
|
-
dots?: boolean;
|
|
9
|
-
infinite?: boolean;
|
|
10
|
-
speed?: number;
|
|
11
|
-
slidesToShow?: number;
|
|
12
|
-
slidesToScroll?: number;
|
|
13
|
-
swipe?: boolean;
|
|
14
|
-
draggable?: boolean;
|
|
15
|
-
arrows?: boolean;
|
|
16
|
-
responsive?: Array<{
|
|
17
|
-
breakpoint: number;
|
|
18
|
-
settings: {
|
|
19
|
-
slidesToShow?: number;
|
|
20
|
-
slidesToScroll?: number;
|
|
21
|
-
arrows?: boolean;
|
|
22
|
-
};
|
|
23
|
-
}>;
|
|
24
|
-
}
|
|
25
|
-
interface ProductTabCarouselProps {
|
|
26
|
-
readonly allEntryLabel?: string;
|
|
27
|
-
readonly allEntryLink?: string;
|
|
28
|
-
readonly renderEntry?: (entry: ProductCardEntry) => React.ReactNode;
|
|
29
|
-
readonly settings?: SlickSettings;
|
|
30
|
-
readonly showControlButtons?: boolean;
|
|
31
|
-
readonly fetchCategories: () => Promise<Category[]>;
|
|
32
|
-
readonly fetchProducts: (categoryId: string) => Promise<ProductCardEntry[]>;
|
|
33
|
-
readonly emptyProductTabs?: string;
|
|
34
|
-
readonly emptyProductMessage?: string;
|
|
35
|
-
readonly showCustomCategory?: boolean;
|
|
36
|
-
readonly productsCountLabel?: string;
|
|
37
|
-
}
|
|
38
|
-
declare const ProductTabCarousel: React.FC<ProductTabCarouselProps>;
|
|
39
|
-
export default ProductTabCarousel;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
export declare const ProductTabCarouselContainer: import("@emotion/styled").StyledComponent<{
|
|
2
|
-
theme?: import("@emotion/react").Theme;
|
|
3
|
-
as?: React.ElementType;
|
|
4
|
-
} & {
|
|
5
|
-
isMobile?: boolean;
|
|
6
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
-
export declare const TabsContainer: import("@emotion/styled").StyledComponent<{
|
|
8
|
-
theme?: import("@emotion/react").Theme;
|
|
9
|
-
as?: React.ElementType;
|
|
10
|
-
} & {
|
|
11
|
-
isMobile?: boolean;
|
|
12
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
13
|
-
export declare const ContentContainer: import("@emotion/styled").StyledComponent<{
|
|
14
|
-
theme?: import("@emotion/react").Theme;
|
|
15
|
-
as?: React.ElementType;
|
|
16
|
-
} & {
|
|
17
|
-
isMobile?: boolean;
|
|
18
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
19
|
-
export declare const LoadingContainer: import("@emotion/styled").StyledComponent<{
|
|
20
|
-
theme?: import("@emotion/react").Theme;
|
|
21
|
-
as?: React.ElementType;
|
|
22
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
23
|
-
export declare const NoTabsContainer: import("@emotion/styled").StyledComponent<{
|
|
24
|
-
theme?: import("@emotion/react").Theme;
|
|
25
|
-
as?: React.ElementType;
|
|
26
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
27
|
-
export declare const SpinnerContainer: import("@emotion/styled").StyledComponent<{
|
|
28
|
-
theme?: import("@emotion/react").Theme;
|
|
29
|
-
as?: React.ElementType;
|
|
30
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
declare const settingsCarousel: {
|
|
2
|
-
dots: boolean;
|
|
3
|
-
infinite: boolean;
|
|
4
|
-
speed: number;
|
|
5
|
-
slidesToShow: number;
|
|
6
|
-
slidesToScroll: number;
|
|
7
|
-
swipeToSlide: boolean;
|
|
8
|
-
responsive: {
|
|
9
|
-
breakpoint: number;
|
|
10
|
-
settings: {
|
|
11
|
-
slidesToShow: number;
|
|
12
|
-
slidesToScroll: number;
|
|
13
|
-
};
|
|
14
|
-
}[];
|
|
15
|
-
};
|
|
16
|
-
export default settingsCarousel;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { StoryObj, Meta } from '@storybook/nextjs';
|
|
2
|
-
import ProductCardCarousel from '../NsProductCarousel';
|
|
3
|
-
type ComponentType = typeof ProductCardCarousel;
|
|
4
|
-
type Story = StoryObj<ComponentType>;
|
|
5
|
-
type MetaStory = Meta<ComponentType>;
|
|
6
|
-
declare const _default: MetaStory;
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const Default: Story;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
type MysiteHeroProps = {
|
|
3
|
-
readonly imageDetails?: {
|
|
4
|
-
imageSrc: string;
|
|
5
|
-
imageAlt: string;
|
|
6
|
-
bgColor: string;
|
|
7
|
-
};
|
|
8
|
-
readonly shopTitle: string;
|
|
9
|
-
readonly shopDescription: string;
|
|
10
|
-
readonly socialTitleText: string;
|
|
11
|
-
readonly email: string;
|
|
12
|
-
readonly className?: string;
|
|
13
|
-
readonly bannerProps?: {
|
|
14
|
-
backgroundColor?: string;
|
|
15
|
-
headlineFont?: string;
|
|
16
|
-
paragraphFont?: string;
|
|
17
|
-
};
|
|
18
|
-
readonly socialIcons?: {
|
|
19
|
-
type: string;
|
|
20
|
-
url: string;
|
|
21
|
-
}[];
|
|
22
|
-
readonly expirationDate?: string;
|
|
23
|
-
readonly showBadges?: boolean;
|
|
24
|
-
};
|
|
25
|
-
export default function MysiteHero({ className, shopTitle, shopDescription, socialTitleText, imageDetails, email, bannerProps, socialIcons, expirationDate, showBadges, }: MysiteHeroProps): ReactElement;
|
|
26
|
-
export {};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BoxProps } from '@mui/material';
|
|
3
|
-
interface StyledBoxProps extends BoxProps {
|
|
4
|
-
bannerProps?: {
|
|
5
|
-
backgroundColor?: string;
|
|
6
|
-
headlineFont?: string;
|
|
7
|
-
paragraphFont?: string;
|
|
8
|
-
};
|
|
9
|
-
}
|
|
10
|
-
export declare const MysiteHeroContainer: import("@emotion/styled").StyledComponent<StyledBoxProps & {
|
|
11
|
-
theme?: import("@emotion/react").Theme;
|
|
12
|
-
}, {}, {}>;
|
|
13
|
-
export declare const MysiteHeroContainerMobile: import("@emotion/styled").StyledComponent<StyledBoxProps & {
|
|
14
|
-
theme?: import("@emotion/react").Theme;
|
|
15
|
-
}, {}, {}>;
|
|
16
|
-
export declare const BadgeContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
17
|
-
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
18
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
|
19
|
-
theme?: import("@emotion/react").Theme;
|
|
20
|
-
}, {}, {}>;
|
|
21
|
-
export declare const Badge: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
22
|
-
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
23
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
|
|
24
|
-
theme?: import("@emotion/react").Theme;
|
|
25
|
-
}, {}, {}>;
|
|
26
|
-
export declare const ToggleButtonMobile: import("@emotion/styled").StyledComponent<{
|
|
27
|
-
theme?: import("@emotion/react").Theme;
|
|
28
|
-
as?: React.ElementType;
|
|
29
|
-
}, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
30
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as MysiteHero } from './MysiteHero';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { StoryObj, Meta } from '@storybook/nextjs';
|
|
2
|
-
import MySiteShopHeader from '../MysiteHero';
|
|
3
|
-
type ComponentType = typeof MySiteShopHeader;
|
|
4
|
-
type Story = StoryObj<ComponentType>;
|
|
5
|
-
type MetaStory = Meta<ComponentType>;
|
|
6
|
-
declare const _default: MetaStory;
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const Default: Story;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type SocialMediaIconProps = {
|
|
3
|
-
readonly type: 'facebook' | 'instagram' | 'youtube' | 'vkontakte' | 'x' | 'twitter' | 'pinterest' | 'snapchat' | 'linkedin';
|
|
4
|
-
readonly url: string;
|
|
5
|
-
};
|
|
6
|
-
declare const SocialMediaIcons: React.FC<SocialMediaIconProps>;
|
|
7
|
-
export default SocialMediaIcons;
|
package/dist/common/index.d.ts
DELETED
package/dist/index.css
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
|
|
2
|
-
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../node_modules/slick-carousel/slick/slick.css"],"sourcesContent":["/* Slider */\n.slick-slider\n{\n position: relative;\n\n display: block;\n box-sizing: border-box;\n\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-tap-highlight-color: transparent;\n}\n\n.slick-list\n{\n position: relative;\n\n display: block;\n overflow: hidden;\n\n margin: 0;\n padding: 0;\n}\n.slick-list:focus\n{\n outline: none;\n}\n.slick-list.dragging\n{\n cursor: pointer;\n cursor: hand;\n}\n\n.slick-slider .slick-track,\n.slick-slider .slick-list\n{\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n}\n\n.slick-track\n{\n position: relative;\n top: 0;\n left: 0;\n\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n.slick-track:before,\n.slick-track:after\n{\n display: table;\n\n content: '';\n}\n.slick-track:after\n{\n clear: both;\n}\n.slick-loading .slick-track\n{\n visibility: hidden;\n}\n\n.slick-slide\n{\n display: none;\n float: left;\n\n height: 100%;\n min-height: 1px;\n}\n[dir='rtl'] .slick-slide\n{\n float: right;\n}\n.slick-slide img\n{\n display: block;\n}\n.slick-slide.slick-loading img\n{\n display: none;\n}\n.slick-slide.dragging img\n{\n pointer-events: none;\n}\n.slick-initialized .slick-slide\n{\n display: block;\n}\n.slick-loading .slick-slide\n{\n visibility: hidden;\n}\n.slick-vertical .slick-slide\n{\n display: block;\n\n height: auto;\n\n border: 1px solid transparent;\n}\n.slick-arrow.slick-hidden {\n display: none;\n}\n"],"mappings":"AACA,CAAC,aAEG,SAAU,SAEV,QAAS,MACT,WAAY,WAEZ,oBAAqB,KAClB,iBAAkB,KACjB,gBAAiB,KACb,YAAa,KAErB,sBAAuB,KACvB,mBAAoB,KACpB,iBAAkB,MACd,aAAc,MAClB,4BAA6B,WACjC,CAEA,CAAC,WAEG,SAAU,SAEV,QAAS,MACT,SAAU,OAzBd,OA2BY,EA3BZ,QA4Ba,CACb,CACA,CAVC,UAUU,OAEP,QAAS,IACb,CACA,CAdC,UAcU,CAAC,SAER,OAAQ,QACR,OAAQ,IACZ,CAEA,CAvCC,aAuCa,CAAC,YACf,CAxCC,aAwCa,CArBb,WAuBG,kBAAmB,YAAY,CAAC,CAAE,CAAC,CAAE,GAClC,eAAgB,YAAY,CAAC,CAAE,CAAC,CAAE,GACjC,cAAe,YAAY,CAAC,CAAE,CAAC,CAAE,GAChC,aAAc,YAAY,CAAC,CAAE,CAAC,CAAE,GAC7B,UAAW,WAAkB,EACzC,CAEA,CAVe,YAYX,SAAU,SACV,IAAK,EACL,KAAM,EAEN,QAAS,MACT,YAAa,KACb,aAAc,IAClB,CACA,CApBe,WAoBH,QACZ,CArBe,WAqBH,OAER,QAAS,MAET,QAAS,EACb,CACA,CA3Be,WA2BH,OAER,MAAO,IACX,CACA,CAAC,cAAc,CA/BA,YAiCX,WAAY,MAChB,CAEA,CAAC,YAEG,QAAS,KACT,MAAO,KAEP,OAAQ,KACR,WAAY,GAChB,CACA,CAAC,SAAW,CARX,YAUG,MAAO,KACX,CACA,CAZC,YAYY,IAET,QAAS,KACb,CACA,CAhBC,WAgBW,CArBX,cAqB0B,IAEvB,QAAS,IACb,CACA,CApBC,WAoBW,CA9DA,SA8DU,IAElB,eAAgB,IACpB,CACA,CAAC,kBAAkB,CAxBlB,YA0BG,QAAS,KACb,CACA,CAjCC,cAiCc,CA5Bd,YA8BG,WAAY,MAChB,CACA,CAAC,eAAe,CAhCf,YAkCG,QAAS,MAET,OAAQ,KAER,OAAQ,IAAI,MAAM,WACtB,CACA,CAAC,WAAW,CAAC,aACT,QAAS,IACb","names":[]}
|
package/dist/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './common';
|