useTheme

@shopify/shop-minis-platform-sdk / hooks/useTheme

useTheme()

useTheme(): object

Returns

object

barStyle

barStyle: StatusBarStyle

borderRadii

borderRadii: object

borderRadii.l

l: number = 16

borderRadii.m

m: number = 12

borderRadii.max

max: number = 9999999

borderRadii.none

none: number = 0

borderRadii.s

s: number = 8

borderRadii.s100

s100: number = 10

borderRadii.xl

xl: number = 20

borderRadii.xs

xs: number = 4

borderRadii.xs100

xs100: number = 6

borderRadii.xxl

xxl: number = 28

breakpoints

breakpoints: object

breakpoints.phone

phone: number = 321

breakpoints.smallPhone

smallPhone: number = 0

breakpoints.tablet

tablet: number = 768

buttonVariants

buttonVariants: object

buttonVariants.blurred

blurred: object

buttonVariants.blurred.backgroundColor

backgroundColor: string = 'blurred-button-background-a30'

buttonVariants.blurred.color

color: string = 'foregrounds-contrasting'

buttonVariants.borderless

borderless: object

buttonVariants.borderless.backgroundColor

backgroundColor: string = 'transparent'

buttonVariants.borderless.color

color: string = 'foregrounds-primary'

buttonVariants.borderlessUnbranded

borderlessUnbranded: object

buttonVariants.borderlessUnbranded.backgroundColor

backgroundColor: string = 'transparent'

buttonVariants.borderlessUnbranded.color

color: string = 'unbranded-button-background'

buttonVariants.buttonSmall

buttonSmall: object

buttonVariants.buttonSmall.iconSize

iconSize: number = 14

buttonVariants.buttonSmall.lineHeight

lineHeight: number = 16

buttonVariants.buttonSmall.paddingVertical

paddingVertical: number = 12

buttonVariants.buttonSmall.textVariant

textVariant: "buttonSmall"

buttonVariants.cashBlack

cashBlack: object

buttonVariants.cashBlack.backgroundColor

backgroundColor: string = 'shop-cash-dark-button-background'

buttonVariants.cashBlack.color

color: string = 'multiplier-badge-foreground'

buttonVariants.cashOutlined

cashOutlined: object

buttonVariants.cashOutlined.backgroundColor

backgroundColor: string = 'transparent'

buttonVariants.cashOutlined.borderColor

borderColor: string = 'multiplier-badge-foreground'

buttonVariants.cashOutlined.borderWidth

borderWidth: number = 1

buttonVariants.cashOutlined.color

color: string = 'multiplier-badge-foreground'

buttonVariants.cashPrimary

cashPrimary: object

buttonVariants.cashPrimary.backgroundColor

backgroundColor: "multiplier-badge-background"

buttonVariants.cashPrimary.color

color: "multiplier-badge-foreground"

buttonVariants.cashSecondary

cashSecondary: object

buttonVariants.cashSecondary.backgroundColor

backgroundColor: "multiplier-badge-foreground"

buttonVariants.cashSecondary.color

color: "multiplier-badge-background"

buttonVariants.cashTertiary

cashTertiary: object

buttonVariants.cashTertiary.backgroundColor

backgroundColor: string = 'multiplier-badge-foreground'

buttonVariants.cashTertiary.color

color: string = 'shop-cash-dark-button-background'

buttonVariants.dangerous

dangerous: object

buttonVariants.dangerous.backgroundColor

backgroundColor: string = 'highlights-dangerous'

buttonVariants.dangerous.color

color: string = 'foregrounds-contrasting'

buttonVariants.outlined

outlined: object

buttonVariants.outlined.backgroundColor

backgroundColor: string = 'backgrounds-regular'

buttonVariants.outlined.borderColor

borderColor: string = 'outlined-button-border'

buttonVariants.outlined.borderWidth

borderWidth: number = 1

buttonVariants.outlined.color

color: string = 'foregrounds-regular'

buttonVariants.outlined-dangerous

outlined-dangerous: object

buttonVariants.outlined-dangerous.backgroundColor

backgroundColor: string = 'transparent'

buttonVariants.outlined-dangerous.borderColor

borderColor: string = 'highlights-dangerous'

buttonVariants.outlined-dangerous.borderWidth

borderWidth: number = 1

buttonVariants.outlined-dangerous.color

color: string = 'highlights-dangerous'

buttonVariants.overlay

overlay: object

buttonVariants.overlay.backgroundColor

backgroundColor: string = 'blurred-button-background-a30'

buttonVariants.overlay.color

color: string = 'foregrounds-contrasting'

buttonVariants.primary

primary: object

buttonVariants.primary.backgroundColor

backgroundColor: string = 'primary-button-background'

buttonVariants.primary.color

color: string = 'foregrounds-contrasting'

buttonVariants.primary-subdued

primary-subdued: object

buttonVariants.primary-subdued.backgroundColor

backgroundColor: string = 'subdued-button-background'

buttonVariants.primary-subdued.color

color: string = 'subdued-button-foreground'

buttonVariants.primary-unbranded

primary-unbranded: object

buttonVariants.primary-unbranded.backgroundColor

backgroundColor: string = 'unbranded-button-background'

buttonVariants.primary-unbranded.color

color: string = 'unbranded-button-foreground'

buttonVariants.secondary

secondary: object

buttonVariants.secondary.backgroundColor

backgroundColor: string = 'unbranded-button-background'

buttonVariants.secondary.color

color: string = 'unbranded-button-foreground'

buttonVariants.tertiary

tertiary: object

buttonVariants.tertiary.backgroundColor

backgroundColor: string = 'tertiary-button-background'

buttonVariants.tertiary.color

color: string = 'tertiary-button-foreground'

buttonVariants.text

text: object

buttonVariants.text.backgroundColor

backgroundColor: string = 'transparent'

buttonVariants.text.color

color: string = 'foregrounds-regular'

colors

colors: object

colors.action-label-background

action-label-background: string = Palette.Poppy.L2

colors.action-label-foreground

action-label-foreground: string = Palette.Poppy.D2

colors.add-a-card-icon

add-a-card-icon: string = Palette.Grayscale.Black

colors.auto-import-hero-text

auto-import-hero-text: string = Palette.Grayscale.White

colors.background-aos-webview-disclaimer-banner

background-aos-webview-disclaimer-banner: string = Palette.Purple.L2

colors.background-chip-1

background-chip-1: string = Palette.Purple.Primary

colors.background-chip-7

background-chip-7: string = Palette.Grayscale.D1

colors.backgrounds-announcement-card

backgrounds-announcement-card: string = Palette.Purple.L2

colors.backgrounds-banner-prompt-primary

backgrounds-banner-prompt-primary: string = Palette.Purple.L2

colors.backgrounds-brand-primary

backgrounds-brand-primary: string = Palette.Purple.L2

colors.backgrounds-brand-secondary

backgrounds-brand-secondary: string = Palette.Brand.Sand

colors.backgrounds-dangerous

backgrounds-dangerous: string = Palette.Poppy.D1

colors.backgrounds-dangerous-subdued

backgrounds-dangerous-subdued: string = Palette.Poppy.L2

colors.backgrounds-floating-tab

backgrounds-floating-tab: string = Palette.Grayscale.White

colors.backgrounds-message-bubble-merchant

backgrounds-message-bubble-merchant: string = Palette.Purple.L2

colors.backgrounds-overlay

backgrounds-overlay: any

colors.backgrounds-placeholder

backgrounds-placeholder: string = Palette.Grayscale.L3

colors.backgrounds-primary

backgrounds-primary: string = Palette.Purple.L2

colors.backgrounds-regular

backgrounds-regular: string = Palette.Grayscale.White

colors.backgrounds-regular-fully-transparent

backgrounds-regular-fully-transparent: any

colors.backgrounds-regular-hover

backgrounds-regular-hover: string = Palette.Grayscale.L4

colors.backgrounds-sash-primary

backgrounds-sash-primary: string = Palette.Purple.L3

colors.backgrounds-shop-cash-secondary

backgrounds-shop-cash-secondary: string = Palette.Green.L3

colors.backgrounds-subdued

backgrounds-subdued: string = Palette.Grayscale.L4

colors.backgrounds-success

backgrounds-success: string = Palette.Green.Primary

colors.backgrounds-success-subdued

backgrounds-success-subdued: string = Palette.Green.L1

colors.badge-background-discounted

badge-background-discounted: string = Palette.Poppy.D1

colors.badge-text-light

badge-text-light: string = Palette.Grayscale.White

colors.banner-important-background

banner-important-background: string = Palette.Ochre.L1

colors.banner-important-foreground

banner-important-foreground: string = Palette.Poppy.D2

colors.banner-primary-close-color

banner-primary-close-color: string = Palette.Purple.L1

colors.banner-primary-text-color

banner-primary-text-color: string = Palette.Purple.D1

colors.bg-fill-caution

bg-fill-caution: string = Palette.Ochre.L2

colors.bg-fill-critical

bg-fill-critical: string = Palette.Poppy.D1

colors.bg-fill-fixed-light

bg-fill-fixed-light: string = Palette.Grayscale.White

colors.bg-fill-secondary

bg-fill-secondary: string = Palette.Grayscale.L4

colors.bg-loading-order-info

bg-loading-order-info: string = Palette.Grayscale.White

colors.blurred-button-background-a00

blurred-button-background-a00: string = 'rgba(40, 40, 40, 0)'

colors.blurred-button-background-a30

blurred-button-background-a30: string = 'rgba(40, 40, 40, 0.3)'

colors.blurred-button-background-a40

blurred-button-background-a40: string = 'rgba(40, 40, 40, 0.4)'

colors.blurred-recommendation-background-android

blurred-recommendation-background-android: string = 'rgba(0, 0, 0, 0.99)'

colors.blurred-recommendation-background-ios

blurred-recommendation-background-ios: string = 'rgba(40, 40, 40, 0.3)'

colors.border-loading-order-info

border-loading-order-info: string = Palette.Grayscale.L2

colors.borders-regular

borders-regular: string = Palette.Grayscale.L2L

colors.brand-badge-background

brand-badge-background: string = Palette.Purple.Primary

colors.button-disabled-background

button-disabled-background: string = Palette.Grayscale.L4

colors.button-disabled-foreground

button-disabled-foreground: string = Palette.Grayscale.L1

colors.carbon-impact-asset-instagram-story-background

carbon-impact-asset-instagram-story-background: string = Palette.Purple.L1

colors.carbon-neutral-title

carbon-neutral-title: string = Palette.Grayscale.White

colors.carbon-offset-gradient-to

carbon-offset-gradient-to: string = '#EEEBFF'

colors.carousel-control-active

carousel-control-active: string = Palette.Grayscale.PrimaryLight

colors.carousel-control-inactive

carousel-control-inactive: string = Palette.Grayscale.L2

colors.cart-indicator

cart-indicator: string = Palette.Poppy.D1

colors.cash-badge-text

cash-badge-text: string = Palette.Green.D2

colors.category-tile-text

category-tile-text: string = Palette.Grayscale.White

colors.checkbox-checked

checkbox-checked: string = Palette.Grayscale.Black

colors.checkbox-checkmark

checkbox-checkmark: string = Palette.Grayscale.White

colors.checkbox-unchecked-border

checkbox-unchecked-border: string = Palette.Grayscale.L2

colors.community-product-badge-text

community-product-badge-text: string = Palette.Grayscale.White

colors.confetti-1

confetti-1: string = Palette.Purple.D1

colors.curation-curator-foreground

curation-curator-foreground: string = Palette.Grayscale.White

colors.dashed-border

dashed-border: string = Palette.Purple.PrimaryLight

colors.discount-badge-background

discount-badge-background: string = Palette.Ochre.L2

colors.discount-badge-text

discount-badge-text: string = Palette.Poppy.D2

colors.dividers-regular

dividers-regular: string = Palette.Grayscale.L3

colors.dividers-section

dividers-section: string = Palette.Grayscale.L4

colors.drops-countdown-badge-gray

drops-countdown-badge-gray: string = Palette.Grayscale.L1

colors.drops-countdown-badge-green

drops-countdown-badge-green: string = Palette.Green.D1

colors.drops-info-registered-background

drops-info-registered-background: string = Palette.Purple.L2

colors.drops-info-registered-border

drops-info-registered-border: string = Palette.Purple.Primary

colors.drops-info-registered-text-button

drops-info-registered-text-button: string = Palette.Purple.Primary

colors.email-forwarding-box

email-forwarding-box: string = '#8C83F8'

colors.email-forwarding-list-numbers

email-forwarding-list-numbers: string = '#B1A2F4'

colors.featured-merchant-image-text

featured-merchant-image-text: string = Palette.Grayscale.White

colors.fixed-dark

fixed-dark: string = Palette.Grayscale.Black

colors.fixed-dark-transparent

fixed-dark-transparent: any

colors.fixed-light

fixed-light: string = Palette.Grayscale.White

colors.foreground-chip

foreground-chip: string = Palette.Grayscale.White

colors.foregrounds-contrasting

foregrounds-contrasting: string = Palette.Grayscale.White

colors.foregrounds-contrasting-inverted

foregrounds-contrasting-inverted: string = Palette.Grayscale.Black

colors.foregrounds-discount

foregrounds-discount: string = Palette.Poppy.D2

colors.foregrounds-placeholder

foregrounds-placeholder: string = Palette.Grayscale.L1

colors.foregrounds-primary

foregrounds-primary: string = Palette.Purple.Primary

colors.foregrounds-regular

foregrounds-regular: string = Palette.Grayscale.Black

colors.foregrounds-secondary

foregrounds-secondary: string = Palette.Grayscale.D1

colors.foregrounds-shop-cash-secondary

foregrounds-shop-cash-secondary: string = Palette.Green.D2

colors.foregrounds-subdued

foregrounds-subdued: string = Palette.Grayscale.PrimaryLight

colors.google-logo

google-logo: string = '#666666'

colors.highlight

highlight: string = 'rgba(0,0,0,0.10)'

colors.highlight-inverted

highlight-inverted: string = 'rgba(255,255,255,0.10)'

colors.highlights-dangerous

highlights-dangerous: string = Palette.Poppy.D1

colors.highlights-discounted

highlights-discounted: string = Palette.Poppy.D1

colors.highlights-primary

highlights-primary: string = Palette.Purple.Primary

colors.highlights-success

highlights-success: string = Palette.Green.D1

colors.highlights-success-subdued

highlights-success-subdued: string = Palette.Green.L1

colors.image-border

image-border: string = 'rgba(0,0,0,0.06)'

colors.image-tint

image-tint: string = 'rgba(0,0,0,0.25)'

colors.image-tint-light

image-tint-light: string = 'rgba(0,0,0,0.05)'

colors.inactive-button-background

inactive-button-background: string = Palette.Grayscale.L3

colors.inactive-button-foreground

inactive-button-foreground: string = Palette.Grayscale.L1

colors.inputs-background

inputs-background: string = Palette.Grayscale.White

colors.inputs-background-disabled

inputs-background-disabled: string = Palette.Grayscale.L3

colors.inputs-border

inputs-border: string = Palette.Grayscale.L2

colors.inputs-border-color

inputs-border-color: string = Palette.Grayscale.PrimaryLight

colors.inputs-clear-button

inputs-clear-button: string = Palette.Grayscale.L2

colors.inputs-placeholder-text

inputs-placeholder-text: string = Palette.Grayscale.L1

colors.logo-placeholder-background

logo-placeholder-background: string = Palette.Grayscale.D2

colors.main-nav-tab-active

main-nav-tab-active: string = Palette.Grayscale.Black

colors.main-nav-tab-active-foreground

main-nav-tab-active-foreground: string = Palette.Grayscale.White

colors.main-nav-tab-inactive

main-nav-tab-inactive: string = Palette.Grayscale.PrimaryLight

colors.mini-frame-legal-notice-text

mini-frame-legal-notice-text: string = Palette.Grayscale.L2

colors.mini-viewer-shopping-bag-badge

mini-viewer-shopping-bag-badge: string = Palette.Grayscale.White

colors.multiplier-badge-background

multiplier-badge-background: string = Palette.Green.D1

colors.multiplier-badge-foreground

multiplier-badge-foreground: string = Palette.Grayscale.White

colors.new-rating-stars-background

new-rating-stars-background: string = Palette.Grayscale.L2L

colors.no-image-found-background

no-image-found-background: string = '#E6E6E6'

colors.notification-highlight-background

notification-highlight-background: string = Palette.Purple.L2

colors.notification-highlight-bar

notification-highlight-bar: string = Palette.Purple.Primary

colors.opaque-black

opaque-black: string = 'rgba(0, 0, 0, 1)'

colors.opaque-white

opaque-white: string = 'rgba(255, 255, 255, 1)'

colors.outlined-button-border

outlined-button-border: string = Palette.Grayscale.L2L

colors.popover-background

popover-background: string = Palette.Purple.Primary

colors.price-slider-background

price-slider-background: string = Palette.Purple.PrimaryLight

colors.price-slider-selected-background

price-slider-selected-background: string = Palette.Purple.Primary

colors.primary-button-background

primary-button-background: string = Palette.Purple.Primary

colors.primary-button-background-hover

primary-button-background-hover: string = Palette.Purple.D0

colors.product-image-background

product-image-background: string = Palette.Grayscale.White

colors.product-image-overlay

product-image-overlay: string = 'rgba(0,0,0,0.04)'

colors.product-image-placeholder

product-image-placeholder: string = Palette.Grayscale.L2

colors.progress-bar-completed

progress-bar-completed: string = Palette.Purple.Primary

colors.rating-stars-background

rating-stars-background: string = Palette.Grayscale.White

colors.rating-stars-fill

rating-stars-fill: string = Palette.Grayscale.D2

colors.rating-stars-void

rating-stars-void: string = Palette.Grayscale.L2

colors.reviews-search-highlights-background

reviews-search-highlights-background: string = Palette.Purple.PrimaryLight

colors.search-input-background

search-input-background: string = Palette.Grayscale.L4

colors.secondary-button-background-hover

secondary-button-background-hover: string = Palette.Grayscale.D2D

colors.shadows-soft

shadows-soft: string = Palette.Grayscale.Black

colors.sheet-background

sheet-background: string = Palette.Grayscale.White

colors.sheet-close-button

sheet-close-button: string = Palette.Grayscale.L4

colors.shop-cash-claiming-flow-default-background

shop-cash-claiming-flow-default-background: string = '#008552'

colors.shop-cash-claiming-flow-transparent-dark

shop-cash-claiming-flow-transparent-dark: string = 'rgba(0, 0, 0, 0.2)'

colors.shop-cash-claiming-flow-transparent-light

shop-cash-claiming-flow-transparent-light: string = 'rgba(255, 255, 255, 0.2)'

colors.shop-cash-dark-button-background

shop-cash-dark-button-background: string = Palette.Grayscale.D3

colors.shop-cash-offer-card-button-background

shop-cash-offer-card-button-background: string = Palette.Grayscale.White

colors.shop-cash-offer-card-button-foreground

shop-cash-offer-card-button-foreground: string = Palette.Grayscale.Black

colors.smart-onboarding-icon-background

smart-onboarding-icon-background: string = Palette.Grayscale.White

colors.smart-onboarding-product-box-background

smart-onboarding-product-box-background: string = Palette.Grayscale.White

colors.smart-onboarding-product-box-shadow

smart-onboarding-product-box-shadow: string = 'rgba(0,0,0,1)'

colors.splash-shopify-logo

splash-shopify-logo: string = Palette.Grayscale.Black

colors.sponsored-badge-background

sponsored-badge-background: string = 'rgba(0, 0, 0, 0.3)'

colors.status-icon-dimmed

status-icon-dimmed: string = Palette.Grayscale.D1

colors.subdued-button-background

subdued-button-background: string = Palette.Purple.PrimaryLight

colors.subdued-button-foreground

subdued-button-foreground: string = Palette.Purple.Primary

colors.tertiary-button-background

tertiary-button-background: string = Palette.Grayscale.L4

colors.tertiary-button-background-hover

tertiary-button-background-hover: string = Palette.Grayscale.L2L

colors.tertiary-button-disabled-outline

tertiary-button-disabled-outline: string = Palette.Grayscale.L2L

colors.tertiary-button-foreground

tertiary-button-foreground: string = Palette.Grayscale.D2

colors.text-brand

text-brand: string = Palette.Purple.Primary

colors.text-caution

text-caution: string = Palette.Poppy.D2

colors.text-fixed-dark

text-fixed-dark: string = Palette.Grayscale.Black

colors.text-fixed-light

text-fixed-light: string = Palette.Grayscale.White

colors.text-shadow-30

text-shadow-30: string = 'rgba(0,0,0,0.3)'

colors.text-tertiary

text-tertiary: string = Palette.Grayscale.PrimaryLight

colors.toasts-background

toasts-background: string = Palette.Purple.Primary

colors.toasts-foreground

toasts-foreground: string = Palette.Grayscale.White

colors.toasts-secondary

toasts-secondary: string = Palette.Purple.L2

colors.tracker-map-fallback-background

tracker-map-fallback-background: string = Palette.Grayscale.L4

colors.tracking-card-blurred-background

tracking-card-blurred-background: string = 'rgba(255, 255, 255, 0.7)'

colors.tracking-info-globe-image-background

tracking-info-globe-image-background: string = '#010101'

colors.tracking-info-white-text

tracking-info-white-text: string = Palette.Grayscale.White

colors.tracking-item-pill-background

tracking-item-pill-background: string = Palette.Grayscale.White

colors.tracking-item-pill-text

tracking-item-pill-text: string = Palette.Grayscale.D2

colors.transparent

transparent: string = 'transparent'

colors.unbranded-button-background

unbranded-button-background: string = Palette.Grayscale.D3

colors.unbranded-button-foreground

unbranded-button-foreground: string = Palette.Grayscale.White

colors.unverified-confirm-product-background

unverified-confirm-product-background: string = Palette.Grayscale.White

shadowVariants

shadowVariants: object

shadowVariants.l

l: object

shadowVariants.l.elevation

elevation: number = 20

shadowVariants.l.shadowColor

shadowColor: string = 'shadows-soft'

shadowVariants.l.shadowOffset

shadowOffset: object

shadowVariants.l.shadowOffset.height

height: number = 8

shadowVariants.l.shadowOffset.width

width: number = 0

shadowVariants.l.shadowOpacity

shadowOpacity: number = 0.4

shadowVariants.l.shadowRadius

shadowRadius: number = 30

shadowVariants.m

m: object

shadowVariants.m.elevation

elevation: number = 8

shadowVariants.m.shadowColor

shadowColor: string = 'shadows-soft'

shadowVariants.m.shadowOffset

shadowOffset: object

shadowVariants.m.shadowOffset.height

height: number = 12

shadowVariants.m.shadowOffset.width

width: number = 0

shadowVariants.m.shadowOpacity

shadowOpacity: number = 0.2

shadowVariants.m.shadowRadius

shadowRadius: number = 30

shadowVariants.s

s: object

shadowVariants.s.elevation

elevation: number = 2

shadowVariants.s.shadowColor

shadowColor: string = 'shadows-soft'

shadowVariants.s.shadowOffset

shadowOffset: object

shadowVariants.s.shadowOffset.height

height: number = 0

shadowVariants.s.shadowOffset.width

width: number = 0

shadowVariants.s.shadowOpacity

shadowOpacity: number = 0.15

shadowVariants.s.shadowRadius

shadowRadius: number = 8

spacing

spacing: object

spacing.-gutter

-gutter: -20 = -20

spacing.-l

-l: -32 = -32

spacing.-m

-m: -24 = -24

spacing.-s

-s: -16 = -16

spacing.-section

-section: -36 = -36

spacing.-xl

-xl: -40 = -40

spacing.-xs

-xs: -8 = -8

spacing.-xs-s

-xs-s: -12 = -12

spacing.-xxl

-xxl: -48 = -48

spacing.-xxs

-xxs: -4 = -4

spacing.-xxxl

-xxxl: -64 = -64

spacing.-xxxs

-xxxs: -2 = -2

spacing.auto

auto: "auto" = 'auto'

spacing.gutter

gutter: 20 = 20

spacing.l

l: 32 = 32

spacing.m

m: 24 = 24

spacing.none

none: 0 = 0

spacing.s

s: 16 = 16

spacing.section

section: 36 = 36

spacing.xl

xl: 40 = 40

spacing.xs

xs: 8 = 8

spacing.xs-s

xs-s: 12 = 12

spacing.xxl

xxl: 48 = 48

spacing.xxs

xxs: 4 = 4

spacing.xxxl

xxxl: 64 = 64

spacing.xxxs

xxxs: 2 = 2

textVariants

textVariants: object

textVariants.badge

badge: FontVariant

textVariants.badgeBold

badgeBold: FontVariant

textVariants.bodyLarge

bodyLarge: FontVariant

textVariants.bodyLargeBold

bodyLargeBold: FontVariant

textVariants.bodySmall

bodySmall: FontVariant

textVariants.bodySmallBold

bodySmallBold: FontVariant

textVariants.bodyTitleLarge

bodyTitleLarge: FontVariant

textVariants.bodyTitleSmall

bodyTitleSmall: FontVariant

textVariants.buttonLarge

buttonLarge: FontVariant

textVariants.buttonMedium

buttonMedium: FontVariant

textVariants.buttonSmall

buttonSmall: FontVariant

textVariants.caption

caption: FontVariant

textVariants.captionBold

captionBold: FontVariant

textVariants.captionMedium

captionMedium: FontVariant

textVariants.compactShopCashBadge

compactShopCashBadge: FontVariant

textVariants.displayBold

displayBold: FontVariant

textVariants.headerBold

headerBold: FontVariant

textVariants.headerNormal

headerNormal: FontVariant

textVariants.heroBold

heroBold: FontVariant

textVariants.heroNormal

heroNormal: FontVariant

textVariants.label

label: FontVariant

textVariants.navigationTitle

navigationTitle: FontVariant

textVariants.posterLarge

posterLarge: FontVariant

textVariants.posterLargeWeightMedium

posterLargeWeightMedium: FontVariant

textVariants.posterMedium

posterMedium: FontVariant

textVariants.posterSmall

posterSmall: FontVariant

textVariants.posterSmallWeightMedium

posterSmallWeightMedium: FontVariant

textVariants.posterXS

posterXS: FontVariant

textVariants.posterXSWeightMedium

posterXSWeightMedium: FontVariant

textVariants.sectionTitle

sectionTitle: FontVariant

textVariants.subtitle

subtitle: FontVariant

textVariants.subtitleSmall

subtitleSmall: FontVariant

type

type: ThemeType