@nuskin/foundation-ui-components 2.1.1-td-2050.1 → 2.2.0-redesign-sf.2
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/dist/index.d.mts +50 -1
- package/dist/index.d.ts +50 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -555,7 +555,9 @@ type NsCardButton = {
|
|
|
555
555
|
showButton?: boolean;
|
|
556
556
|
fullWidth?: boolean;
|
|
557
557
|
url?: string;
|
|
558
|
+
onClick?: () => void;
|
|
558
559
|
endIcon?: NsIconNameType;
|
|
560
|
+
startIcon?: NsIconNameType;
|
|
559
561
|
buttonText: string;
|
|
560
562
|
buttonVariant?: 'text' | 'outlined' | 'contained';
|
|
561
563
|
buttonColor?: 'secondary' | 'primary';
|
|
@@ -604,6 +606,17 @@ type NsBrandCardProps = {
|
|
|
604
606
|
};
|
|
605
607
|
declare function NsBrandCard({ title, brandImageUrl, backgroundImageUrl, button, size, className, fontColor, }: NsBrandCardProps): ReactElement;
|
|
606
608
|
|
|
609
|
+
type NsProductCardProps = {
|
|
610
|
+
productTitle: string;
|
|
611
|
+
productPrice: string;
|
|
612
|
+
backgroundImageDetail: BynderImageDataType;
|
|
613
|
+
className?: string;
|
|
614
|
+
fontColor?: 'primary' | 'secondary';
|
|
615
|
+
button?: NsCardButton;
|
|
616
|
+
onCardClick?: () => void;
|
|
617
|
+
};
|
|
618
|
+
declare const NsProductCard: ({ productTitle, productPrice, backgroundImageDetail, className, fontColor, button, onCardClick, }: NsProductCardProps) => ReactElement;
|
|
619
|
+
|
|
607
620
|
type NsIconTextProps = {
|
|
608
621
|
text: string;
|
|
609
622
|
body: string;
|
|
@@ -687,6 +700,24 @@ interface CarousalProps<T = any> {
|
|
|
687
700
|
}
|
|
688
701
|
declare function NsCarousal({ entries, renderEntry, allEntryLink, settings, allEntryLabel, showControlButtons, }: CarousalProps): ReactElement;
|
|
689
702
|
|
|
703
|
+
type ProductCardEntry = {
|
|
704
|
+
productTitle: string;
|
|
705
|
+
productPrice: string;
|
|
706
|
+
backgroundImageDetail: BynderImageDataType;
|
|
707
|
+
fontColor?: 'primary' | 'secondary';
|
|
708
|
+
button?: NsCardButton;
|
|
709
|
+
onCardClick?: () => void;
|
|
710
|
+
};
|
|
711
|
+
interface ProductCardCarousalProps<T = ProductCardEntry> {
|
|
712
|
+
entries: T[];
|
|
713
|
+
settings?: any;
|
|
714
|
+
showControlButtons?: boolean;
|
|
715
|
+
renderEntry?: (entry: T, index: number) => ReactNode;
|
|
716
|
+
allEntryLabel?: string;
|
|
717
|
+
allEntryLink?: string;
|
|
718
|
+
}
|
|
719
|
+
declare function ProductCardCarousal({ entries, renderEntry, settings, showControlButtons, allEntryLabel, allEntryLink, }: ProductCardCarousalProps): ReactElement;
|
|
720
|
+
|
|
690
721
|
declare const NsScrollingCarousal: ({ slides, scrollSeconds, stillSeconds, renderSlide, settings, dotsBottomPixel, additionalProps, }: NsScrollingCarousalProps) => ReactElement;
|
|
691
722
|
|
|
692
723
|
declare const settings: {
|
|
@@ -1245,4 +1276,22 @@ type NsVideoProps = {
|
|
|
1245
1276
|
|
|
1246
1277
|
declare const NsVideo: (props: PropsWithChildren<NsVideoProps>) => ReactElement;
|
|
1247
1278
|
|
|
1248
|
-
|
|
1279
|
+
type MySiteShopHeaderProps = {
|
|
1280
|
+
imageDetails?: {
|
|
1281
|
+
imageSrc: string;
|
|
1282
|
+
imageAlt: string;
|
|
1283
|
+
bgColor: string;
|
|
1284
|
+
};
|
|
1285
|
+
shopTitle: string;
|
|
1286
|
+
shopDescription: string;
|
|
1287
|
+
socialTitleText: string;
|
|
1288
|
+
email: string;
|
|
1289
|
+
className?: string;
|
|
1290
|
+
socialIcons?: {
|
|
1291
|
+
type: 'facebook' | 'instagram';
|
|
1292
|
+
url: string;
|
|
1293
|
+
}[];
|
|
1294
|
+
};
|
|
1295
|
+
declare function MySiteShopHeader({ className, shopTitle, shopDescription, socialTitleText, imageDetails, email, socialIcons, }: MySiteShopHeaderProps): ReactElement;
|
|
1296
|
+
|
|
1297
|
+
export { type AccordionContentType, AccordionContentTypeObject, type AccordionItem, AccordionVariant, type AccordionVariantType, type AdditionalProps, type BynderImageDataType, Check, type ComponentBoxProps, type CslpTag, type DarkModeEnabledOption, type DropdownOptionProps, type DropdownProps, GlobalFontInter, type HtmlTagVariant, HtmlTagVariantMapping, IconWrapper, type ItemProps, type LabelValueType, LineLoader, type ListUiProps, MySiteShopHeader, type NavTabs, NsAccordion, NsAccordionHeader, type NsAccordionHeaderProps, NsAccordionItem, type NsAccordionItemProps, type NsAccordionProps, NsAlert, type NsAlertProps, NsAuthDropdown, type NsAuthDropdownProps, NsAutocomplete, type NsAutocompleteProps, NsAwardCard, NsBanner, type NsBannerProps, NsBgCard, NsBrandCard, NsBrandComponent, type NsBrandComponentProps, NsBrandLogo, NsBrandWrapper, NsBreadcrumb, type NsBreadcrumbProps, NsButton, type NsButtonProps, type NsCardButton, NsCarousal, type NsCarousalProps, NsCartIcon, type NsCartIconProps, NsCheckbox, type NsCheckboxProps, NsCheckoutCard, NsCollapse, type NsCollapseProps, NsColumnControl, type NsColumnControlProps, settings as NsDefaultCarousalSettings, NsDropdown, NsDropdownOption, NsEmailSimple, type NsEmailSimpleProps, type NsFfgCardProps, NsFlag, type NsFlagProps, type NsFlagSize, NsFlexColumns, NsGridColumns, NsHeroCardLevel1, NsHeroCardLevel2, NsIcon, type NsIconNameType, type NsIconProps, type NsIconSizeType, NsIconText, IconVariants as NsIconVariants, NsImage, NsInputField, type NsInputFieldProps, NsLabel, type NsLabelProps, NsLargeCard, NsLink, type NsLinkProps, NsMediumCard, NsModal, type NsModalProps, type NsModalVariant, NsNavProductCard, type NsNavProductCardProps, NsNavTabComponent as NsNavTab, type NsNavTabComponentProps, NsPost, NsProductCard, NsProgress, type NsProgressProps, NsRadioGroup, type NsRadioGroupProps, NsScrollingCarousal, type NsScrollingCarousalProps, NsSelect, NsSelectOption, NsSmallFullCard, NsSpinner, type NsSpinnerProps, NsTable, type NsTableProps, NsTextStrip, type NsTextStripProps, NsToastProvider, NsToggleSection, type NsToggleSectionProps, NsTypography, type NsTypographyProps, NsVideo, type NsVideoProps, NsXLargeCard, type OptionsProps, ProductCardCarousal as ProductCarousal, type RenderSelectOptionArgType, type SelectOptionProps, type SelectProps, Show, type Themed, type ToastOptions, type Variants, getBasicDATWidthHeight, iconSize, useAccordionMap, useToast, useWindowSize };
|
package/dist/index.d.ts
CHANGED
|
@@ -555,7 +555,9 @@ type NsCardButton = {
|
|
|
555
555
|
showButton?: boolean;
|
|
556
556
|
fullWidth?: boolean;
|
|
557
557
|
url?: string;
|
|
558
|
+
onClick?: () => void;
|
|
558
559
|
endIcon?: NsIconNameType;
|
|
560
|
+
startIcon?: NsIconNameType;
|
|
559
561
|
buttonText: string;
|
|
560
562
|
buttonVariant?: 'text' | 'outlined' | 'contained';
|
|
561
563
|
buttonColor?: 'secondary' | 'primary';
|
|
@@ -604,6 +606,17 @@ type NsBrandCardProps = {
|
|
|
604
606
|
};
|
|
605
607
|
declare function NsBrandCard({ title, brandImageUrl, backgroundImageUrl, button, size, className, fontColor, }: NsBrandCardProps): ReactElement;
|
|
606
608
|
|
|
609
|
+
type NsProductCardProps = {
|
|
610
|
+
productTitle: string;
|
|
611
|
+
productPrice: string;
|
|
612
|
+
backgroundImageDetail: BynderImageDataType;
|
|
613
|
+
className?: string;
|
|
614
|
+
fontColor?: 'primary' | 'secondary';
|
|
615
|
+
button?: NsCardButton;
|
|
616
|
+
onCardClick?: () => void;
|
|
617
|
+
};
|
|
618
|
+
declare const NsProductCard: ({ productTitle, productPrice, backgroundImageDetail, className, fontColor, button, onCardClick, }: NsProductCardProps) => ReactElement;
|
|
619
|
+
|
|
607
620
|
type NsIconTextProps = {
|
|
608
621
|
text: string;
|
|
609
622
|
body: string;
|
|
@@ -687,6 +700,24 @@ interface CarousalProps<T = any> {
|
|
|
687
700
|
}
|
|
688
701
|
declare function NsCarousal({ entries, renderEntry, allEntryLink, settings, allEntryLabel, showControlButtons, }: CarousalProps): ReactElement;
|
|
689
702
|
|
|
703
|
+
type ProductCardEntry = {
|
|
704
|
+
productTitle: string;
|
|
705
|
+
productPrice: string;
|
|
706
|
+
backgroundImageDetail: BynderImageDataType;
|
|
707
|
+
fontColor?: 'primary' | 'secondary';
|
|
708
|
+
button?: NsCardButton;
|
|
709
|
+
onCardClick?: () => void;
|
|
710
|
+
};
|
|
711
|
+
interface ProductCardCarousalProps<T = ProductCardEntry> {
|
|
712
|
+
entries: T[];
|
|
713
|
+
settings?: any;
|
|
714
|
+
showControlButtons?: boolean;
|
|
715
|
+
renderEntry?: (entry: T, index: number) => ReactNode;
|
|
716
|
+
allEntryLabel?: string;
|
|
717
|
+
allEntryLink?: string;
|
|
718
|
+
}
|
|
719
|
+
declare function ProductCardCarousal({ entries, renderEntry, settings, showControlButtons, allEntryLabel, allEntryLink, }: ProductCardCarousalProps): ReactElement;
|
|
720
|
+
|
|
690
721
|
declare const NsScrollingCarousal: ({ slides, scrollSeconds, stillSeconds, renderSlide, settings, dotsBottomPixel, additionalProps, }: NsScrollingCarousalProps) => ReactElement;
|
|
691
722
|
|
|
692
723
|
declare const settings: {
|
|
@@ -1245,4 +1276,22 @@ type NsVideoProps = {
|
|
|
1245
1276
|
|
|
1246
1277
|
declare const NsVideo: (props: PropsWithChildren<NsVideoProps>) => ReactElement;
|
|
1247
1278
|
|
|
1248
|
-
|
|
1279
|
+
type MySiteShopHeaderProps = {
|
|
1280
|
+
imageDetails?: {
|
|
1281
|
+
imageSrc: string;
|
|
1282
|
+
imageAlt: string;
|
|
1283
|
+
bgColor: string;
|
|
1284
|
+
};
|
|
1285
|
+
shopTitle: string;
|
|
1286
|
+
shopDescription: string;
|
|
1287
|
+
socialTitleText: string;
|
|
1288
|
+
email: string;
|
|
1289
|
+
className?: string;
|
|
1290
|
+
socialIcons?: {
|
|
1291
|
+
type: 'facebook' | 'instagram';
|
|
1292
|
+
url: string;
|
|
1293
|
+
}[];
|
|
1294
|
+
};
|
|
1295
|
+
declare function MySiteShopHeader({ className, shopTitle, shopDescription, socialTitleText, imageDetails, email, socialIcons, }: MySiteShopHeaderProps): ReactElement;
|
|
1296
|
+
|
|
1297
|
+
export { type AccordionContentType, AccordionContentTypeObject, type AccordionItem, AccordionVariant, type AccordionVariantType, type AdditionalProps, type BynderImageDataType, Check, type ComponentBoxProps, type CslpTag, type DarkModeEnabledOption, type DropdownOptionProps, type DropdownProps, GlobalFontInter, type HtmlTagVariant, HtmlTagVariantMapping, IconWrapper, type ItemProps, type LabelValueType, LineLoader, type ListUiProps, MySiteShopHeader, type NavTabs, NsAccordion, NsAccordionHeader, type NsAccordionHeaderProps, NsAccordionItem, type NsAccordionItemProps, type NsAccordionProps, NsAlert, type NsAlertProps, NsAuthDropdown, type NsAuthDropdownProps, NsAutocomplete, type NsAutocompleteProps, NsAwardCard, NsBanner, type NsBannerProps, NsBgCard, NsBrandCard, NsBrandComponent, type NsBrandComponentProps, NsBrandLogo, NsBrandWrapper, NsBreadcrumb, type NsBreadcrumbProps, NsButton, type NsButtonProps, type NsCardButton, NsCarousal, type NsCarousalProps, NsCartIcon, type NsCartIconProps, NsCheckbox, type NsCheckboxProps, NsCheckoutCard, NsCollapse, type NsCollapseProps, NsColumnControl, type NsColumnControlProps, settings as NsDefaultCarousalSettings, NsDropdown, NsDropdownOption, NsEmailSimple, type NsEmailSimpleProps, type NsFfgCardProps, NsFlag, type NsFlagProps, type NsFlagSize, NsFlexColumns, NsGridColumns, NsHeroCardLevel1, NsHeroCardLevel2, NsIcon, type NsIconNameType, type NsIconProps, type NsIconSizeType, NsIconText, IconVariants as NsIconVariants, NsImage, NsInputField, type NsInputFieldProps, NsLabel, type NsLabelProps, NsLargeCard, NsLink, type NsLinkProps, NsMediumCard, NsModal, type NsModalProps, type NsModalVariant, NsNavProductCard, type NsNavProductCardProps, NsNavTabComponent as NsNavTab, type NsNavTabComponentProps, NsPost, NsProductCard, NsProgress, type NsProgressProps, NsRadioGroup, type NsRadioGroupProps, NsScrollingCarousal, type NsScrollingCarousalProps, NsSelect, NsSelectOption, NsSmallFullCard, NsSpinner, type NsSpinnerProps, NsTable, type NsTableProps, NsTextStrip, type NsTextStripProps, NsToastProvider, NsToggleSection, type NsToggleSectionProps, NsTypography, type NsTypographyProps, NsVideo, type NsVideoProps, NsXLargeCard, type OptionsProps, ProductCardCarousal as ProductCarousal, type RenderSelectOptionArgType, type SelectOptionProps, type SelectProps, Show, type Themed, type ToastOptions, type Variants, getBasicDATWidthHeight, iconSize, useAccordionMap, useToast, useWindowSize };
|