@butternutbox/pawprint-native 0.25.1 → 1.1.0

package/dist/index.d.cts

@@ -3,7 +3,7 @@ import { TokensCorePrimitives, BrandThemeSemantics, BrandThemeComponents, BrandN
 export { tokens } from '@butternutbox/pawprint-tokens';
 import * as _emotion_native from '@emotion/native';
 export { default as styled } from '@emotion/native';
-import { FontSource } from 'expo-font';
+export * from '@butternutbox/pawprint-fonts';
 import React from 'react';
 import * as _emotion_react from '@emotion/react';
 import { Theme } from '@emotion/react';
@@ -30,11 +30,6 @@ declare module "@emotion/react" {
     }
 }
 
-declare const BRAND_FONTS: Partial<Record<BrandName, Record<string, FontSource>>>;
-declare const resolveFont: (fontFamily: string, fontWeight: string) => {
-    fontFamily: string;
-};
-
 interface PawprintProviderProps {
     brand?: BrandName;
     initialTheme?: ThemeName;
@@ -2352,12 +2347,25 @@ type ProductDisplayCardProps = ViewProps & {
     onQuantityChange?: (quantity: number) => void;
     showQuantityPicker?: boolean;
     /**
+     * @deprecated Use `thumbnailBadge` instead. When both are set, `thumbnailBadge`
+     * wins. This prop will be removed in a future major release.
+     *
      * Show a quantity badge overlaid on the top-right of the image (rendering the
      * current `quantity`) instead of the quantity picker. Defaults to `false`.
      * The badge and the quantity picker are mutually exclusive — only one shows
      * at a time; when `quantityBadge` is true the picker is never rendered.
      */
     quantityBadge?: boolean;
+    /**
+     * Render a `Badge` overlaid on the top-right of the image. Accepts any
+     * `BadgeProps` (variant, size, icon, children, etc.) — pass them as an object.
+     * Mutually exclusive with the quantity picker: when set, the picker is never
+     * rendered.
+     *
+     * @example
+     * thumbnailBadge={{ variant: "primary", size: "large", children: "New" }}
+     */
+    thumbnailBadge?: BadgeProps;
     disableQuantityButtons?: boolean;
     hideQuantityButtons?: boolean;
     incrementDisabled?: boolean;
@@ -2394,9 +2402,14 @@ type ProductDisplayCardProps = ViewProps & {
  * @param quantity - *(optional)* Current quantity value
  * @param onQuantityChange - *(optional)* Callback when quantity changes
  * @param showQuantityPicker - *(optional)* Show/hide quantity picker
- * @param quantityBadge - *(optional)* Show a quantity badge over the image instead
- *   of the picker (renders the current `quantity`). Mutually exclusive with the
- *   quantity picker; defaults to `false`. Used on OOB recipe and Extras cards.
+ * @param quantityBadge - *(optional)* **@deprecated** — use `thumbnailBadge` instead.
+ *   Show a legacy quantity badge over the image (renders the current `quantity`
+ *   as a primary/large Badge). Mutually exclusive with the picker; defaults to
+ *   `false`. When both `thumbnailBadge` and `quantityBadge` are set, `thumbnailBadge`
+ *   wins.
+ * @param thumbnailBadge - *(optional)* Render a `Badge` overlaid on the top-right
+ *   of the image. Accepts any `BadgeProps` (`variant`, `size`, `icon`, `children`, …).
+ *   Mutually exclusive with the quantity picker.
  * @param quantityStep - *(optional)* Increment/decrement amount (default: 1)
  * @param image - *(optional)* Image URL string or React element
  * @param banner - *(optional)* Banner content string or React element to show below card
@@ -2412,12 +2425,25 @@ declare const ProductDisplayCard: React.ForwardRefExoticComponent<ViewProps & {
     onQuantityChange?: (quantity: number) => void;
     showQuantityPicker?: boolean;
     /**
+     * @deprecated Use `thumbnailBadge` instead. When both are set, `thumbnailBadge`
+     * wins. This prop will be removed in a future major release.
+     *
      * Show a quantity badge overlaid on the top-right of the image (rendering the
      * current `quantity`) instead of the quantity picker. Defaults to `false`.
      * The badge and the quantity picker are mutually exclusive — only one shows
      * at a time; when `quantityBadge` is true the picker is never rendered.
      */
     quantityBadge?: boolean;
+    /**
+     * Render a `Badge` overlaid on the top-right of the image. Accepts any
+     * `BadgeProps` (variant, size, icon, children, etc.) — pass them as an object.
+     * Mutually exclusive with the quantity picker: when set, the picker is never
+     * rendered.
+     *
+     * @example
+     * thumbnailBadge={{ variant: "primary", size: "large", children: "New" }}
+     */
+    thumbnailBadge?: BadgeProps;
     disableQuantityButtons?: boolean;
     hideQuantityButtons?: boolean;
     incrementDisabled?: boolean;
@@ -2511,4 +2537,4 @@ declare const useDrawerKeyboardAvoidance: (minPadding?: number) => {
     contentContainerStyle: StyleProp<ViewStyle>;
 };
 
-export { Accordion, type AccordionItemProps, type AccordionProps, type AccordionSize, Animated, type AnimatedProps, type AnimatedVariant, Avatar, type AvatarFallbackType, type AvatarProps, type AvatarSize, BRAND_FONTS, Badge$1 as Badge, type BadgeProps, Button, type ButtonColour, ButtonDock, type ButtonDockProps, type ButtonDockVariant, ButtonGroup, type ButtonGroupLayout, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, CarouselControls, type CarouselControlsProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxVariant, CopyField, CopyFieldInput, type CopyFieldProps, Countdown, type CountdownLabels, type CountdownProps, type CountdownUnitLabel, type DateItemState, DatePicker, type DatePickerProps, Divider, type DividerColour, type DividerProps, type DividerSize, Drawer, type DrawerBodyProps, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerGrabberProps, type DrawerHeaderProps, type DrawerHeaderVariant, type DrawerOverlayProps, type DrawerOverlayProviderProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, FilterTab, type FilterTabItemProps, type FilterTabProps, Hint, type HintProps, Icon, IconButton, type IconButtonColour, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconCategory, type IconColour, type IconProps, type IconSize, Illustration, type IllustrationProps, type IllustrationSize, Input, InputDescription, type InputDescriptionProps, InputError, type InputErrorProps, InputField, type InputFieldProps, InputLabel, type InputLabelProps, type InputProps, InputText, Link, type LinkProps, type LinkSize, type LinkWeight, Logo, type LogoBrand, type LogoProps, type LogoSvgComponent, type LogoVariant, Menu, type MenuAlign, MenuItem, type MenuItemProps, type MenuItemVariant, type MenuProps, MessageCard, MessageCardBanner, type MessageCardBannerMedia, type MessageCardBannerProps, MessageCardInsight, type MessageCardInsightProps, NativeSelectPicker, type NativeSelectPickerItem, type NativeSelectPickerProps, Notification, type NotificationProps, NumberField, type NumberFieldProps, NumberInput, NumberInputField, type NumberInputFieldProps, type NumberInputProps, PROGRESS_ANIMATION, PasswordField, PasswordFieldInput, type PasswordFieldProps, PasswordFieldRequirements, type PasswordFieldRequirementsProps, type PasswordRequirement, type PasswordValidationRule, type PawprintIcon, type PawprintIllustration$2 as PawprintIllustration, PawprintProvider, type PawprintProviderProps, PictureSelector, type PictureSelectorItem, type PictureSelectorProps, ProductDisplayCard, type ProductDisplayCardProps, ProductListingCardWithBadgeAndGrid as ProductListingCard, type ProductListingCardProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioOwnProps, type RadioProps, RadioTile, SearchField, SearchFieldInput, type SearchFieldProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectField, SelectFieldContent, SelectFieldItem, type SelectFieldItemProps, type SelectFieldProps, type SelectFieldSearchResult, SelectFieldTrigger, type SelectFieldTriggerProps, SelectFieldValue, type SelectValidationRule, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, type SpinnerVariant, type StackedNotificationItem, type StackedNotificationType, StackedNotifications, type StackedNotificationsProps, Switch, type SwitchProps, TabNavigation, type TabNavigationListProps, type TabNavigationPanelProps, type TabNavigationProps, type TabNavigationTabProps, Tag, type TagProps, TextArea, TextAreaField, type TextAreaFieldProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, ThemeProvider, Tooltip, type TooltipProps, Typography, type TypographyProps, createPawprintTheme, fadeAnimation, fadeDownAnimation, fadeUpAnimation, registerLogo, resolveFont, resolveLogo, scaleAnimation, slideInAnimation, slideOutAnimation, theme, useCopyField, useDrawerKeyboardAvoidance, usePasswordField, usePawprint, useSearchField, useSelectField };
+export { Accordion, type AccordionItemProps, type AccordionProps, type AccordionSize, Animated, type AnimatedProps, type AnimatedVariant, Avatar, type AvatarFallbackType, type AvatarProps, type AvatarSize, Badge$1 as Badge, type BadgeProps, Button, type ButtonColour, ButtonDock, type ButtonDockProps, type ButtonDockVariant, ButtonGroup, type ButtonGroupLayout, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, CarouselControls, type CarouselControlsProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxVariant, CopyField, CopyFieldInput, type CopyFieldProps, Countdown, type CountdownLabels, type CountdownProps, type CountdownUnitLabel, type DateItemState, DatePicker, type DatePickerProps, Divider, type DividerColour, type DividerProps, type DividerSize, Drawer, type DrawerBodyProps, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerGrabberProps, type DrawerHeaderProps, type DrawerHeaderVariant, type DrawerOverlayProps, type DrawerOverlayProviderProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, FilterTab, type FilterTabItemProps, type FilterTabProps, Hint, type HintProps, Icon, IconButton, type IconButtonColour, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconCategory, type IconColour, type IconProps, type IconSize, Illustration, type IllustrationProps, type IllustrationSize, Input, InputDescription, type InputDescriptionProps, InputError, type InputErrorProps, InputField, type InputFieldProps, InputLabel, type InputLabelProps, type InputProps, InputText, Link, type LinkProps, type LinkSize, type LinkWeight, Logo, type LogoBrand, type LogoProps, type LogoSvgComponent, type LogoVariant, Menu, type MenuAlign, MenuItem, type MenuItemProps, type MenuItemVariant, type MenuProps, MessageCard, MessageCardBanner, type MessageCardBannerMedia, type MessageCardBannerProps, MessageCardInsight, type MessageCardInsightProps, NativeSelectPicker, type NativeSelectPickerItem, type NativeSelectPickerProps, Notification, type NotificationProps, NumberField, type NumberFieldProps, NumberInput, NumberInputField, type NumberInputFieldProps, type NumberInputProps, PROGRESS_ANIMATION, PasswordField, PasswordFieldInput, type PasswordFieldProps, PasswordFieldRequirements, type PasswordFieldRequirementsProps, type PasswordRequirement, type PasswordValidationRule, type PawprintIcon, type PawprintIllustration$2 as PawprintIllustration, PawprintProvider, type PawprintProviderProps, PictureSelector, type PictureSelectorItem, type PictureSelectorProps, ProductDisplayCard, type ProductDisplayCardProps, ProductListingCardWithBadgeAndGrid as ProductListingCard, type ProductListingCardProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioOwnProps, type RadioProps, RadioTile, SearchField, SearchFieldInput, type SearchFieldProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectField, SelectFieldContent, SelectFieldItem, type SelectFieldItemProps, type SelectFieldProps, type SelectFieldSearchResult, SelectFieldTrigger, type SelectFieldTriggerProps, SelectFieldValue, type SelectValidationRule, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, type SpinnerVariant, type StackedNotificationItem, type StackedNotificationType, StackedNotifications, type StackedNotificationsProps, Switch, type SwitchProps, TabNavigation, type TabNavigationListProps, type TabNavigationPanelProps, type TabNavigationProps, type TabNavigationTabProps, Tag, type TagProps, TextArea, TextAreaField, type TextAreaFieldProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, ThemeProvider, Tooltip, type TooltipProps, Typography, type TypographyProps, createPawprintTheme, fadeAnimation, fadeDownAnimation, fadeUpAnimation, registerLogo, resolveLogo, scaleAnimation, slideInAnimation, slideOutAnimation, theme, useCopyField, useDrawerKeyboardAvoidance, usePasswordField, usePawprint, useSearchField, useSelectField };

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { TokensCorePrimitives, BrandThemeSemantics, BrandThemeComponents, BrandN
 export { tokens } from '@butternutbox/pawprint-tokens';
 import * as _emotion_native from '@emotion/native';
 export { default as styled } from '@emotion/native';
-import { FontSource } from 'expo-font';
+export * from '@butternutbox/pawprint-fonts';
 import React from 'react';
 import * as _emotion_react from '@emotion/react';
 import { Theme } from '@emotion/react';
@@ -30,11 +30,6 @@ declare module "@emotion/react" {
     }
 }
 
-declare const BRAND_FONTS: Partial<Record<BrandName, Record<string, FontSource>>>;
-declare const resolveFont: (fontFamily: string, fontWeight: string) => {
-    fontFamily: string;
-};
-
 interface PawprintProviderProps {
     brand?: BrandName;
     initialTheme?: ThemeName;
@@ -2352,12 +2347,25 @@ type ProductDisplayCardProps = ViewProps & {
     onQuantityChange?: (quantity: number) => void;
     showQuantityPicker?: boolean;
     /**
+     * @deprecated Use `thumbnailBadge` instead. When both are set, `thumbnailBadge`
+     * wins. This prop will be removed in a future major release.
+     *
      * Show a quantity badge overlaid on the top-right of the image (rendering the
      * current `quantity`) instead of the quantity picker. Defaults to `false`.
      * The badge and the quantity picker are mutually exclusive — only one shows
      * at a time; when `quantityBadge` is true the picker is never rendered.
      */
     quantityBadge?: boolean;
+    /**
+     * Render a `Badge` overlaid on the top-right of the image. Accepts any
+     * `BadgeProps` (variant, size, icon, children, etc.) — pass them as an object.
+     * Mutually exclusive with the quantity picker: when set, the picker is never
+     * rendered.
+     *
+     * @example
+     * thumbnailBadge={{ variant: "primary", size: "large", children: "New" }}
+     */
+    thumbnailBadge?: BadgeProps;
     disableQuantityButtons?: boolean;
     hideQuantityButtons?: boolean;
     incrementDisabled?: boolean;
@@ -2394,9 +2402,14 @@ type ProductDisplayCardProps = ViewProps & {
  * @param quantity - *(optional)* Current quantity value
  * @param onQuantityChange - *(optional)* Callback when quantity changes
  * @param showQuantityPicker - *(optional)* Show/hide quantity picker
- * @param quantityBadge - *(optional)* Show a quantity badge over the image instead
- *   of the picker (renders the current `quantity`). Mutually exclusive with the
- *   quantity picker; defaults to `false`. Used on OOB recipe and Extras cards.
+ * @param quantityBadge - *(optional)* **@deprecated** — use `thumbnailBadge` instead.
+ *   Show a legacy quantity badge over the image (renders the current `quantity`
+ *   as a primary/large Badge). Mutually exclusive with the picker; defaults to
+ *   `false`. When both `thumbnailBadge` and `quantityBadge` are set, `thumbnailBadge`
+ *   wins.
+ * @param thumbnailBadge - *(optional)* Render a `Badge` overlaid on the top-right
+ *   of the image. Accepts any `BadgeProps` (`variant`, `size`, `icon`, `children`, …).
+ *   Mutually exclusive with the quantity picker.
  * @param quantityStep - *(optional)* Increment/decrement amount (default: 1)
  * @param image - *(optional)* Image URL string or React element
  * @param banner - *(optional)* Banner content string or React element to show below card
@@ -2412,12 +2425,25 @@ declare const ProductDisplayCard: React.ForwardRefExoticComponent<ViewProps & {
     onQuantityChange?: (quantity: number) => void;
     showQuantityPicker?: boolean;
     /**
+     * @deprecated Use `thumbnailBadge` instead. When both are set, `thumbnailBadge`
+     * wins. This prop will be removed in a future major release.
+     *
      * Show a quantity badge overlaid on the top-right of the image (rendering the
      * current `quantity`) instead of the quantity picker. Defaults to `false`.
      * The badge and the quantity picker are mutually exclusive — only one shows
      * at a time; when `quantityBadge` is true the picker is never rendered.
      */
     quantityBadge?: boolean;
+    /**
+     * Render a `Badge` overlaid on the top-right of the image. Accepts any
+     * `BadgeProps` (variant, size, icon, children, etc.) — pass them as an object.
+     * Mutually exclusive with the quantity picker: when set, the picker is never
+     * rendered.
+     *
+     * @example
+     * thumbnailBadge={{ variant: "primary", size: "large", children: "New" }}
+     */
+    thumbnailBadge?: BadgeProps;
     disableQuantityButtons?: boolean;
     hideQuantityButtons?: boolean;
     incrementDisabled?: boolean;
@@ -2511,4 +2537,4 @@ declare const useDrawerKeyboardAvoidance: (minPadding?: number) => {
     contentContainerStyle: StyleProp<ViewStyle>;
 };
 
-export { Accordion, type AccordionItemProps, type AccordionProps, type AccordionSize, Animated, type AnimatedProps, type AnimatedVariant, Avatar, type AvatarFallbackType, type AvatarProps, type AvatarSize, BRAND_FONTS, Badge$1 as Badge, type BadgeProps, Button, type ButtonColour, ButtonDock, type ButtonDockProps, type ButtonDockVariant, ButtonGroup, type ButtonGroupLayout, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, CarouselControls, type CarouselControlsProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxVariant, CopyField, CopyFieldInput, type CopyFieldProps, Countdown, type CountdownLabels, type CountdownProps, type CountdownUnitLabel, type DateItemState, DatePicker, type DatePickerProps, Divider, type DividerColour, type DividerProps, type DividerSize, Drawer, type DrawerBodyProps, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerGrabberProps, type DrawerHeaderProps, type DrawerHeaderVariant, type DrawerOverlayProps, type DrawerOverlayProviderProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, FilterTab, type FilterTabItemProps, type FilterTabProps, Hint, type HintProps, Icon, IconButton, type IconButtonColour, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconCategory, type IconColour, type IconProps, type IconSize, Illustration, type IllustrationProps, type IllustrationSize, Input, InputDescription, type InputDescriptionProps, InputError, type InputErrorProps, InputField, type InputFieldProps, InputLabel, type InputLabelProps, type InputProps, InputText, Link, type LinkProps, type LinkSize, type LinkWeight, Logo, type LogoBrand, type LogoProps, type LogoSvgComponent, type LogoVariant, Menu, type MenuAlign, MenuItem, type MenuItemProps, type MenuItemVariant, type MenuProps, MessageCard, MessageCardBanner, type MessageCardBannerMedia, type MessageCardBannerProps, MessageCardInsight, type MessageCardInsightProps, NativeSelectPicker, type NativeSelectPickerItem, type NativeSelectPickerProps, Notification, type NotificationProps, NumberField, type NumberFieldProps, NumberInput, NumberInputField, type NumberInputFieldProps, type NumberInputProps, PROGRESS_ANIMATION, PasswordField, PasswordFieldInput, type PasswordFieldProps, PasswordFieldRequirements, type PasswordFieldRequirementsProps, type PasswordRequirement, type PasswordValidationRule, type PawprintIcon, type PawprintIllustration$2 as PawprintIllustration, PawprintProvider, type PawprintProviderProps, PictureSelector, type PictureSelectorItem, type PictureSelectorProps, ProductDisplayCard, type ProductDisplayCardProps, ProductListingCardWithBadgeAndGrid as ProductListingCard, type ProductListingCardProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioOwnProps, type RadioProps, RadioTile, SearchField, SearchFieldInput, type SearchFieldProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectField, SelectFieldContent, SelectFieldItem, type SelectFieldItemProps, type SelectFieldProps, type SelectFieldSearchResult, SelectFieldTrigger, type SelectFieldTriggerProps, SelectFieldValue, type SelectValidationRule, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, type SpinnerVariant, type StackedNotificationItem, type StackedNotificationType, StackedNotifications, type StackedNotificationsProps, Switch, type SwitchProps, TabNavigation, type TabNavigationListProps, type TabNavigationPanelProps, type TabNavigationProps, type TabNavigationTabProps, Tag, type TagProps, TextArea, TextAreaField, type TextAreaFieldProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, ThemeProvider, Tooltip, type TooltipProps, Typography, type TypographyProps, createPawprintTheme, fadeAnimation, fadeDownAnimation, fadeUpAnimation, registerLogo, resolveFont, resolveLogo, scaleAnimation, slideInAnimation, slideOutAnimation, theme, useCopyField, useDrawerKeyboardAvoidance, usePasswordField, usePawprint, useSearchField, useSelectField };
+export { Accordion, type AccordionItemProps, type AccordionProps, type AccordionSize, Animated, type AnimatedProps, type AnimatedVariant, Avatar, type AvatarFallbackType, type AvatarProps, type AvatarSize, Badge$1 as Badge, type BadgeProps, Button, type ButtonColour, ButtonDock, type ButtonDockProps, type ButtonDockVariant, ButtonGroup, type ButtonGroupLayout, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, CarouselControls, type CarouselControlsProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxVariant, CopyField, CopyFieldInput, type CopyFieldProps, Countdown, type CountdownLabels, type CountdownProps, type CountdownUnitLabel, type DateItemState, DatePicker, type DatePickerProps, Divider, type DividerColour, type DividerProps, type DividerSize, Drawer, type DrawerBodyProps, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerGrabberProps, type DrawerHeaderProps, type DrawerHeaderVariant, type DrawerOverlayProps, type DrawerOverlayProviderProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, FilterTab, type FilterTabItemProps, type FilterTabProps, Hint, type HintProps, Icon, IconButton, type IconButtonColour, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconCategory, type IconColour, type IconProps, type IconSize, Illustration, type IllustrationProps, type IllustrationSize, Input, InputDescription, type InputDescriptionProps, InputError, type InputErrorProps, InputField, type InputFieldProps, InputLabel, type InputLabelProps, type InputProps, InputText, Link, type LinkProps, type LinkSize, type LinkWeight, Logo, type LogoBrand, type LogoProps, type LogoSvgComponent, type LogoVariant, Menu, type MenuAlign, MenuItem, type MenuItemProps, type MenuItemVariant, type MenuProps, MessageCard, MessageCardBanner, type MessageCardBannerMedia, type MessageCardBannerProps, MessageCardInsight, type MessageCardInsightProps, NativeSelectPicker, type NativeSelectPickerItem, type NativeSelectPickerProps, Notification, type NotificationProps, NumberField, type NumberFieldProps, NumberInput, NumberInputField, type NumberInputFieldProps, type NumberInputProps, PROGRESS_ANIMATION, PasswordField, PasswordFieldInput, type PasswordFieldProps, PasswordFieldRequirements, type PasswordFieldRequirementsProps, type PasswordRequirement, type PasswordValidationRule, type PawprintIcon, type PawprintIllustration$2 as PawprintIllustration, PawprintProvider, type PawprintProviderProps, PictureSelector, type PictureSelectorItem, type PictureSelectorProps, ProductDisplayCard, type ProductDisplayCardProps, ProductListingCardWithBadgeAndGrid as ProductListingCard, type ProductListingCardProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioOwnProps, type RadioProps, RadioTile, SearchField, SearchFieldInput, type SearchFieldProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectField, SelectFieldContent, SelectFieldItem, type SelectFieldItemProps, type SelectFieldProps, type SelectFieldSearchResult, SelectFieldTrigger, type SelectFieldTriggerProps, SelectFieldValue, type SelectValidationRule, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, type SpinnerVariant, type StackedNotificationItem, type StackedNotificationType, StackedNotifications, type StackedNotificationsProps, Switch, type SwitchProps, TabNavigation, type TabNavigationListProps, type TabNavigationPanelProps, type TabNavigationProps, type TabNavigationTabProps, Tag, type TagProps, TextArea, TextAreaField, type TextAreaFieldProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, ThemeProvider, Tooltip, type TooltipProps, Typography, type TypographyProps, createPawprintTheme, fadeAnimation, fadeDownAnimation, fadeUpAnimation, registerLogo, resolveLogo, scaleAnimation, slideInAnimation, slideOutAnimation, theme, useCopyField, useDrawerKeyboardAvoidance, usePasswordField, usePawprint, useSearchField, useSelectField };

package/dist/index.js

@@ -1,14 +1,10 @@
 import { useTheme, ThemeProvider as ThemeProvider$1 } from '@emotion/react';
-import { Brand, Theme, DEFAULT_THEME_OPTIONS, THEME_OPTIONS_MAP, tokens } from '@butternutbox/pawprint-tokens';
+import { Theme, Brand, DEFAULT_THEME_OPTIONS, THEME_OPTIONS_MAP, tokens } from '@butternutbox/pawprint-tokens';
 export { tokens } from '@butternutbox/pawprint-tokens';
 import styled51 from '@emotion/native';
 export { default as styled } from '@emotion/native';
-import idaNarrow500 from './ida-narrow-500-normal.ttf';
-import idaNarrow700 from './ida-narrow-700-normal.ttf';
-import ibmPlexSansCondensed400 from './ibm-plex-sans-condensed-400-normal.ttf';
-import ibmPlexSansCondensed500 from './ibm-plex-sans-condensed-500-normal.ttf';
-import ibmPlexSansCondensed600 from './ibm-plex-sans-condensed-600-normal.ttf';
-import ibmPlexSansCondensed700 from './ibm-plex-sans-condensed-700-normal.ttf';
+import { resolveFont } from '@butternutbox/pawprint-fonts';
+export * from '@butternutbox/pawprint-fonts';
 import React66, { createContext, forwardRef, useRef, useEffect, useState, useCallback, useMemo, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@rn-primitives/avatar';
@@ -78,33 +74,6 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-var BRAND_FONTS = {
-  [Brand.Butternutbox]: {
-    "IdaWebNarrow-Medium": idaNarrow500,
-    "IdaWebNarrow-Bold": idaNarrow700,
-    "IBMPlexSansCond-Regular": ibmPlexSansCondensed400,
-    "IBMPlexSansCond-Medium": ibmPlexSansCondensed500,
-    "IBMPlexSansCond-SemiBold": ibmPlexSansCondensed600,
-    "IBMPlexSansCond-Bold": ibmPlexSansCondensed700
-  }
-};
-var FONT_MAP = {
-  "IBM Plex Sans Condensed": {
-    "400": "IBMPlexSansCond-Regular",
-    "500": "IBMPlexSansCond-Medium",
-    "600": "IBMPlexSansCond-SemiBold",
-    "700": "IBMPlexSansCond-Bold"
-  },
-  "Ida Narrow": {
-    "500": "IdaWebNarrow-Medium",
-    "700": "IdaWebNarrow-Bold"
-  }
-};
-var resolveFont = (fontFamily, fontWeight) => {
-  var _a;
-  const resolved = (_a = FONT_MAP[fontFamily]) == null ? void 0 : _a[fontWeight];
-  return { fontFamily: resolved != null ? resolved : fontFamily };
-};
 var createPawprintTheme = (brand = Brand.Butternutbox, theme2 = Theme.Default) => {
   const brandThemes = THEME_OPTIONS_MAP[brand];
   const themeOptions = brandThemes && theme2 in brandThemes ? brandThemes[theme2] : DEFAULT_THEME_OPTIONS;
@@ -12262,6 +12231,7 @@ var ProductDisplayCard = React66.forwardRef(
       onQuantityChange,
       showQuantityPicker = false,
       quantityBadge = false,
+      thumbnailBadge,
       disableQuantityButtons = false,
       hideQuantityButtons = false,
       incrementDisabled = false,
@@ -12284,6 +12254,7 @@ var ProductDisplayCard = React66.forwardRef(
       "onQuantityChange",
       "showQuantityPicker",
       "quantityBadge",
+      "thumbnailBadge",
       "disableQuantityButtons",
       "hideQuantityButtons",
       "incrementDisabled",
@@ -12304,6 +12275,7 @@ var ProductDisplayCard = React66.forwardRef(
         onQuantityChange == null ? void 0 : onQuantityChange(newQuantity);
       }
     };
+    const resolvedBadgeProps = thumbnailBadge != null ? thumbnailBadge : quantityBadge ? { variant: "primary", size: "large", children: String(quantity) } : void 0;
     const cardContent = /* @__PURE__ */ jsxs(
       StyledCardContainer,
       __spreadProps(__spreadValues({
@@ -12325,7 +12297,7 @@ var ProductDisplayCard = React66.forwardRef(
                     style: { flex: 1, width: "100%" }
                   }
                 ) : image,
-                quantityBadge && /* @__PURE__ */ jsx(StyledBadgeOverlay, { pointerEvents: "none", children: /* @__PURE__ */ jsx(Badge, { variant: "primary", size: "large", children: String(quantity) }) })
+                resolvedBadgeProps && /* @__PURE__ */ jsx(StyledBadgeOverlay, { pointerEvents: "none", children: /* @__PURE__ */ jsx(Badge, __spreadValues({}, resolvedBadgeProps)) })
               ]
             }
           ) }),
@@ -12334,7 +12306,7 @@ var ProductDisplayCard = React66.forwardRef(
               /* @__PURE__ */ jsx(Typography, { variant: "heading", size: "2xs", color: "primary", children: title }),
               showSubtext && subtext && /* @__PURE__ */ jsx(Typography, { variant: "body", size: "sm", color: "secondary", children: subtext })
             ] }),
-            showQuantityPicker && !quantityBadge && /* @__PURE__ */ jsx(View, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(
+            showQuantityPicker && !resolvedBadgeProps && /* @__PURE__ */ jsx(View, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(
               NumberField,
               {
                 size: "sm",
@@ -12557,6 +12529,6 @@ var TabNavigation = Object.assign(TabNavigationRoot, {
   Panel: TabNavigationPanel
 });
 
-export { Accordion, Animated5 as Animated, Avatar, BRAND_FONTS, Badge, Button, ButtonDock, ButtonGroup, CarouselControls, Checkbox, CheckboxGroup, CopyField, CopyFieldInput, Countdown, DatePicker, Divider, Drawer, FilterTab, Hint, Icon, IconButton, Illustration, Input, InputDescription, InputError, InputField, InputLabel, InputText, Link, Logo, Menu2 as Menu, MenuItem, MessageCard, MessageCardBanner, MessageCardInsight, NativeSelectPicker, Notification, NumberField, NumberInput, NumberInputField, PROGRESS_ANIMATION, PasswordField, PasswordFieldInput, PasswordFieldRequirements, PawprintProvider, PictureSelector, ProductDisplayCard, ProductListingCardWithBadgeAndGrid as ProductListingCard, Progress, Radio, RadioGroup, RadioTile, SearchField, SearchFieldInput, SegmentedControl, SelectField, SelectFieldContent, SelectFieldItem, SelectFieldTrigger, SelectFieldValue, Slider, Spinner, StackedNotifications, Switch, TabNavigation, Tag, TextArea, TextAreaField, TextAreaLabel, ThemeProvider, Tooltip, Typography, createPawprintTheme, fadeAnimation, fadeDownAnimation, fadeUpAnimation, registerLogo, resolveFont, resolveLogo, scaleAnimation, slideInAnimation, slideOutAnimation, theme, useCopyField, useDrawerKeyboardAvoidance, usePasswordField, usePawprint, useSearchField, useSelectField };
+export { Accordion, Animated5 as Animated, Avatar, Badge, Button, ButtonDock, ButtonGroup, CarouselControls, Checkbox, CheckboxGroup, CopyField, CopyFieldInput, Countdown, DatePicker, Divider, Drawer, FilterTab, Hint, Icon, IconButton, Illustration, Input, InputDescription, InputError, InputField, InputLabel, InputText, Link, Logo, Menu2 as Menu, MenuItem, MessageCard, MessageCardBanner, MessageCardInsight, NativeSelectPicker, Notification, NumberField, NumberInput, NumberInputField, PROGRESS_ANIMATION, PasswordField, PasswordFieldInput, PasswordFieldRequirements, PawprintProvider, PictureSelector, ProductDisplayCard, ProductListingCardWithBadgeAndGrid as ProductListingCard, Progress, Radio, RadioGroup, RadioTile, SearchField, SearchFieldInput, SegmentedControl, SelectField, SelectFieldContent, SelectFieldItem, SelectFieldTrigger, SelectFieldValue, Slider, Spinner, StackedNotifications, Switch, TabNavigation, Tag, TextArea, TextAreaField, TextAreaLabel, ThemeProvider, Tooltip, Typography, createPawprintTheme, fadeAnimation, fadeDownAnimation, fadeUpAnimation, registerLogo, resolveLogo, scaleAnimation, slideInAnimation, slideOutAnimation, theme, useCopyField, useDrawerKeyboardAvoidance, usePasswordField, usePawprint, useSearchField, useSelectField };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map