@nuskin/foundation-ui-components 2.2.0-redesign-sf.16 → 2.2.0-redesign-sf.18

package/dist/index.d.mts

@@ -609,15 +609,15 @@ declare function NsBrandCard({ title, brandImageUrl, backgroundImageUrl, button,
 
 type NsProductCardProps = {
     productTitle: string;
-    productPrice: string;
     backgroundImageDetail: BynderImageDataType;
     className?: string;
     fontColor?: 'primary' | 'secondary';
     button?: NsCardButton;
     onCardClick?: () => void;
     productStatusBadge?: react__default.ReactNode;
+    mySitePriceComponent?: react__default.ReactNode;
 };
-declare const NsProductCard: ({ productTitle, productPrice, backgroundImageDetail, className, fontColor, button, onCardClick, productStatusBadge, }: NsProductCardProps) => ReactElement;
+declare const NsProductCard: ({ productTitle, backgroundImageDetail, className, fontColor, button, onCardClick, productStatusBadge, mySitePriceComponent, }: NsProductCardProps) => ReactElement;
 
 type NsIconTextProps = {
     text: string;
@@ -635,7 +635,7 @@ type NsCheckoutCardProps = {
     className?: string;
     fontColor?: 'primary' | 'secondary';
 };
-declare function NsCheckoutCard({ title, icon, linkText, url, className, fontColor, }: NsCheckoutCardProps): ReactElement;
+declare function NsCheckoutCard({ title, icon, linkText, url, className, fontColor, }: Readonly<NsCheckoutCardProps>): ReactElement;
 
 type NsSmallFullCardProps = {
     title: string;
@@ -703,22 +703,22 @@ interface CarousalProps<T = any> {
 declare function NsCarousal({ entries, renderEntry, allEntryLink, settings, allEntryLabel, showControlButtons, }: CarousalProps): ReactElement;
 
 type ProductCardEntry = {
-    productTitle: string;
-    productPrice: string;
-    backgroundImageDetail: BynderImageDataType;
-    fontColor?: 'primary' | 'secondary';
-    button?: NsCardButton;
-    onCardClick?: () => void;
-    productStatusBadge?: react__default.ReactNode;
+    readonly productTitle: string;
+    readonly backgroundImageDetail: BynderImageDataType;
+    readonly fontColor?: 'primary' | 'secondary';
+    readonly button?: NsCardButton;
+    readonly onCardClick?: () => void;
+    readonly productStatusBadge?: react__default.ReactNode;
+    readonly mySitePriceComponent?: react__default.ReactNode;
 };
 interface ProductCardCarousalProps<T = ProductCardEntry> {
-    entries: T[];
-    settings?: any;
-    showControlButtons?: boolean;
-    renderEntry?: (entry: T, index: number) => ReactNode;
-    allEntryLabel?: string;
-    allEntryLink?: string;
-    categoryName?: string;
+    readonly entries: T[];
+    readonly settings?: any;
+    readonly showControlButtons?: boolean;
+    readonly renderEntry?: (entry: T, index: number) => ReactNode;
+    readonly allEntryLabel?: string;
+    readonly allEntryLink?: string;
+    readonly categoryName?: string;
 }
 declare function ProductCardCarousal({ entries, renderEntry, settings, showControlButtons, allEntryLabel, allEntryLink, categoryName, }: ProductCardCarousalProps): ReactElement;
 
@@ -1326,6 +1326,6 @@ interface NsNavTabVerticalProps {
     value?: number;
     onChange?: (event: react.SyntheticEvent, newValue: number) => void;
 }
-declare const NsNavTabVertical: react.FC<NsNavTabVerticalProps>;
+declare const NsNavTabVertical: react.FC<Readonly<NsNavTabVerticalProps>>;
 
 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, NsNavTabVertical, 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, ProductTabCarousal, type RenderSelectOptionArgType, type SelectOptionProps, type SelectProps, Show, type Themed, type ToastOptions, type Variants, getBasicDATWidthHeight, iconSize, useAccordionMap, useToast, useWindowSize };

package/dist/index.d.ts

@@ -609,15 +609,15 @@ declare function NsBrandCard({ title, brandImageUrl, backgroundImageUrl, button,
 
 type NsProductCardProps = {
     productTitle: string;
-    productPrice: string;
     backgroundImageDetail: BynderImageDataType;
     className?: string;
     fontColor?: 'primary' | 'secondary';
     button?: NsCardButton;
     onCardClick?: () => void;
     productStatusBadge?: react__default.ReactNode;
+    mySitePriceComponent?: react__default.ReactNode;
 };
-declare const NsProductCard: ({ productTitle, productPrice, backgroundImageDetail, className, fontColor, button, onCardClick, productStatusBadge, }: NsProductCardProps) => ReactElement;
+declare const NsProductCard: ({ productTitle, backgroundImageDetail, className, fontColor, button, onCardClick, productStatusBadge, mySitePriceComponent, }: NsProductCardProps) => ReactElement;
 
 type NsIconTextProps = {
     text: string;
@@ -635,7 +635,7 @@ type NsCheckoutCardProps = {
     className?: string;
     fontColor?: 'primary' | 'secondary';
 };
-declare function NsCheckoutCard({ title, icon, linkText, url, className, fontColor, }: NsCheckoutCardProps): ReactElement;
+declare function NsCheckoutCard({ title, icon, linkText, url, className, fontColor, }: Readonly<NsCheckoutCardProps>): ReactElement;
 
 type NsSmallFullCardProps = {
     title: string;
@@ -703,22 +703,22 @@ interface CarousalProps<T = any> {
 declare function NsCarousal({ entries, renderEntry, allEntryLink, settings, allEntryLabel, showControlButtons, }: CarousalProps): ReactElement;
 
 type ProductCardEntry = {
-    productTitle: string;
-    productPrice: string;
-    backgroundImageDetail: BynderImageDataType;
-    fontColor?: 'primary' | 'secondary';
-    button?: NsCardButton;
-    onCardClick?: () => void;
-    productStatusBadge?: react__default.ReactNode;
+    readonly productTitle: string;
+    readonly backgroundImageDetail: BynderImageDataType;
+    readonly fontColor?: 'primary' | 'secondary';
+    readonly button?: NsCardButton;
+    readonly onCardClick?: () => void;
+    readonly productStatusBadge?: react__default.ReactNode;
+    readonly mySitePriceComponent?: react__default.ReactNode;
 };
 interface ProductCardCarousalProps<T = ProductCardEntry> {
-    entries: T[];
-    settings?: any;
-    showControlButtons?: boolean;
-    renderEntry?: (entry: T, index: number) => ReactNode;
-    allEntryLabel?: string;
-    allEntryLink?: string;
-    categoryName?: string;
+    readonly entries: T[];
+    readonly settings?: any;
+    readonly showControlButtons?: boolean;
+    readonly renderEntry?: (entry: T, index: number) => ReactNode;
+    readonly allEntryLabel?: string;
+    readonly allEntryLink?: string;
+    readonly categoryName?: string;
 }
 declare function ProductCardCarousal({ entries, renderEntry, settings, showControlButtons, allEntryLabel, allEntryLink, categoryName, }: ProductCardCarousalProps): ReactElement;
 
@@ -1326,6 +1326,6 @@ interface NsNavTabVerticalProps {
     value?: number;
     onChange?: (event: react.SyntheticEvent, newValue: number) => void;
 }
-declare const NsNavTabVertical: react.FC<NsNavTabVerticalProps>;
+declare const NsNavTabVertical: react.FC<Readonly<NsNavTabVerticalProps>>;
 
 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, NsNavTabVertical, 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, ProductTabCarousal, type RenderSelectOptionArgType, type SelectOptionProps, type SelectProps, Show, type Themed, type ToastOptions, type Variants, getBasicDATWidthHeight, iconSize, useAccordionMap, useToast, useWindowSize };