@shopify/polaris/build/ts/src/utilities/use-theme.d.ts

Shopify’s admin product component library

/// <reference types="react" />
import type { ThemeName, Theme } from '@shopify/polaris-tokens';
export declare const ThemeContext: import("react").Context<import("@shopify/polaris-tokens").ExtractMetaThemeValues<{
    border: {
        "border-radius-full": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-0": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-200": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-100": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-050": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-150": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-300": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-400": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-500": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-750": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-width-0": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-width-100": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-width-050": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-width-0165": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-width-025": import("@shopify/polaris-tokens").MetaTokenProperties;
    };
    breakpoints: {
        "breakpoints-xs": import("@shopify/polaris-tokens").MetaTokenProperties;
        "breakpoints-sm": import("@shopify/polaris-tokens").MetaTokenProperties;
        "breakpoints-md": import("@shopify/polaris-tokens").MetaTokenProperties;
        "breakpoints-lg": import("@shopify/polaris-tokens").MetaTokenProperties;
        "breakpoints-xl": import("@shopify/polaris-tokens").MetaTokenProperties;
    };
    color: {
        "color-scheme": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-brand-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-brand-disabled": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-brand-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-brand-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-brand": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-caution-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-caution-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-caution-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-caution": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-critical-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-critical-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-critical-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-critical-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-critical": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-disabled": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-emphasis-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-emphasis-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-emphasis": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-info-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-info-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-info-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-info": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-inverse-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-inverse-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-inverse": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-magic-secondary-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-magic-secondary-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-magic-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-magic": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-secondary-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-secondary-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-secondary-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-success-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-success-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-success-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-success": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-tertiary-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-tertiary-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-tertiary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-transparent-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-transparent-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-transparent-secondary-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-transparent-secondary-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-transparent-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-transparent-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-transparent": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-warning-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-warning-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-warning-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-warning": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-inverse": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-brand-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-brand-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-brand-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-brand": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-caution-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-caution-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-caution": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-critical-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-critical-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-critical": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-disabled": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-emphasis-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-emphasis-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-emphasis": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-info-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-info-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-info": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-inverse": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-magic-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-magic-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-magic": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-secondary-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-secondary-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-secondary-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-success-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-success-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-success": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-tertiary-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-tertiary-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-tertiary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-transparent": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-warning-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-warning-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-warning": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-five-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-four-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-one-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-seven-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-six-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-three-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-two-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-backdrop-bg": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-button-gradient-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-checkbox-bg-surface-disabled": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-input-bg-surface-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-input-bg-surface-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-input-bg-surface": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-nav-bg-surface-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-nav-bg-surface-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-nav-bg-surface-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-nav-bg-surface": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-nav-bg": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-radio-button-bg-surface-disabled": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-video-thumbnail-play-button-bg-fill-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-video-thumbnail-play-button-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-scrollbar-thumb-bg-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-scrollbar-thumb-bg": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-brand": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-caution": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-critical-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-critical": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-disabled": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-emphasis-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-emphasis-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-emphasis": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-focus": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-info": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-inverse-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-inverse-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-inverse": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-magic-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-magic-secondary-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-magic": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-success": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-tertiary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-border-warning": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-input-border-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-input-border-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-input-border": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-tooltip-tail-down-border": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-tooltip-tail-up-border": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-brand": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-caution": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-critical": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-disabled": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-emphasis-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-emphasis-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-emphasis": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-info": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-inverse": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-magic": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-secondary-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-secondary-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-success": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon-warning": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-icon": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-checkbox-icon-disabled": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-radio-button-icon-disabled": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-brand-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-brand-on-bg-fill-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-brand-on-bg-fill-disabled": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-brand-on-bg-fill-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-brand-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-brand": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-caution-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-caution-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-caution-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-caution-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-caution": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-critical-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-critical-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-critical-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-critical-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-critical": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-disabled": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-emphasis-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-emphasis-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-emphasis-on-bg-fill-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-emphasis-on-bg-fill-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-emphasis-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-emphasis": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-info-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-info-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-info-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-info-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-info": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-inverse-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-inverse": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-link-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-link-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-link-inverse": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-link": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-magic-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-magic": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-magic-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-success-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-success-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-success-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-success-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-success": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-warning-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-warning-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-warning-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-warning-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text-warning": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-text": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-five-text-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-four-text-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-one-text-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-seven-text-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-six-text-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-text-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-three-text-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-avatar-two-text-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-video-thumbnail-play-button-text-on-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
    };
    font: {
        "font-family-sans": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-family-mono": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-letter-spacing-densest": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-letter-spacing-denser": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-letter-spacing-dense": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-letter-spacing-normal": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-line-height-300": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-line-height-400": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-line-height-500": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-line-height-600": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-line-height-700": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-line-height-800": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-line-height-1000": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-line-height-1200": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-size-300": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-size-400": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-size-500": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-size-750": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-size-600": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-size-800": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-size-1000": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-size-275": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-size-325": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-size-350": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-size-450": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-size-550": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-size-900": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-weight-regular": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-weight-medium": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-weight-semibold": import("@shopify/polaris-tokens").MetaTokenProperties;
        "font-weight-bold": import("@shopify/polaris-tokens").MetaTokenProperties;
    };
    height: {
        "height-0": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-200": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-100": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-050": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-150": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-300": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-400": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-500": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-025": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-600": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-700": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-800": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-1000": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-1200": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-900": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-1600": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-2000": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-2400": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-2800": import("@shopify/polaris-tokens").MetaTokenProperties;
        "height-3200": import("@shopify/polaris-tokens").MetaTokenProperties;
    };
    motion: {
        "motion-duration-250": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-duration-0": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-duration-200": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-duration-100": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-duration-150": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-duration-300": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-duration-400": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-duration-500": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-duration-350": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-duration-450": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-duration-50": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-duration-5000": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-keyframes-bounce": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-keyframes-fade-in": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-keyframes-pulse": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-keyframes-spin": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-keyframes-appear-above": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-keyframes-appear-below": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-ease": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-ease-in": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-ease-out": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-ease-in-out": import("@shopify/polaris-tokens").MetaTokenProperties;
        "motion-linear": import("@shopify/polaris-tokens").MetaTokenProperties;
    };
    shadow: {
        "shadow-button": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-button-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-button-inset": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-button-primary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-button-primary-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-button-primary-inset": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-button-primary-critical": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-button-primary-critical-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-button-primary-critical-inset": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-button-primary-success": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-button-primary-success-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-button-primary-success-inset": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-border-inset": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-0": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-200": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-100": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-300": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-400": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-500": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-600": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-bevel-100": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-inset-200": import("@shopify/polaris-tokens").MetaTokenProperties;
        "shadow-inset-100": import("@shopify/polaris-tokens").MetaTokenProperties;
    };
    space: {
        "space-button-group-gap": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-card-gap": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-card-padding": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-table-cell-padding": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-0": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-200": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-100": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-050": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-150": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-300": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-400": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-500": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-025": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-600": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-800": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-1000": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-1200": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-1600": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-2000": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-2400": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-2800": import("@shopify/polaris-tokens").MetaTokenProperties;
        "space-3200": import("@shopify/polaris-tokens").MetaTokenProperties;
    };
    text: {
        "text-heading-3xl-font-family": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-3xl-font-letter-spacing": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-3xl-font-line-height": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-3xl-font-size": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-3xl-font-weight": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-2xl-font-family": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-2xl-font-letter-spacing": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-2xl-font-line-height": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-2xl-font-size": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-2xl-font-weight": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-xl-font-family": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-xl-font-letter-spacing": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-xl-font-line-height": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-xl-font-size": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-xl-font-weight": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-lg-font-family": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-lg-font-letter-spacing": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-lg-font-line-height": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-lg-font-size": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-lg-font-weight": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-md-font-family": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-md-font-letter-spacing": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-md-font-line-height": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-md-font-size": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-md-font-weight": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-sm-font-family": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-sm-font-letter-spacing": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-sm-font-line-height": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-sm-font-size": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-sm-font-weight": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-xs-font-family": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-xs-font-letter-spacing": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-xs-font-line-height": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-xs-font-size": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-heading-xs-font-weight": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-lg-font-family": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-lg-font-letter-spacing": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-lg-font-line-height": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-lg-font-size": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-lg-font-weight": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-md-font-family": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-md-font-letter-spacing": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-md-font-line-height": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-md-font-size": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-md-font-weight": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-sm-font-family": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-sm-font-letter-spacing": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-sm-font-line-height": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-sm-font-size": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-sm-font-weight": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-xs-font-family": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-xs-font-letter-spacing": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-xs-font-line-height": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-xs-font-size": import("@shopify/polaris-tokens").MetaTokenProperties;
        "text-body-xs-font-weight": import("@shopify/polaris-tokens").MetaTokenProperties;
    };
    width: {
        "width-0": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-200": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-100": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-050": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-150": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-300": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-400": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-500": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-025": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-600": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-700": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-800": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-1000": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-1200": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-900": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-1600": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-2000": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-2400": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-2800": import("@shopify/polaris-tokens").MetaTokenProperties;
        "width-3200": import("@shopify/polaris-tokens").MetaTokenProperties;
    };
    zIndex: {
        "z-index-1": import("@shopify/polaris-tokens").MetaTokenProperties;
        "z-index-2": import("@shopify/polaris-tokens").MetaTokenProperties;
        "z-index-3": import("@shopify/polaris-tokens").MetaTokenProperties;
        "z-index-4": import("@shopify/polaris-tokens").MetaTokenProperties;
        "z-index-5": import("@shopify/polaris-tokens").MetaTokenProperties;
        "z-index-6": import("@shopify/polaris-tokens").MetaTokenProperties;
        "z-index-7": import("@shopify/polaris-tokens").MetaTokenProperties;
        "z-index-8": import("@shopify/polaris-tokens").MetaTokenProperties;
        "z-index-9": import("@shopify/polaris-tokens").MetaTokenProperties;
        "z-index-10": import("@shopify/polaris-tokens").MetaTokenProperties;
        "z-index-11": import("@shopify/polaris-tokens").MetaTokenProperties;
        "z-index-12": import("@shopify/polaris-tokens").MetaTokenProperties;
        "z-index-0": import("@shopify/polaris-tokens").MetaTokenProperties;
    };
}> | null>;
export declare const ThemeNameContext: import("react").Context<"light" | "light-mobile" | "light-high-contrast-experimental" | "dark-experimental" | null>;
export declare function getTheme(themeName: ThemeName): Theme;
export declare function useTheme(): import("@shopify/polaris-tokens").ExtractMetaThemeValues<{
    border: {
        "border-radius-full": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-0": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-200": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-100": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-050": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-150": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-300": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-400": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-500": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-radius-750": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-width-0": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-width-100": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-width-050": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-width-0165": import("@shopify/polaris-tokens").MetaTokenProperties;
        "border-width-025": import("@shopify/polaris-tokens").MetaTokenProperties;
    };
    breakpoints: {
        "breakpoints-xs": import("@shopify/polaris-tokens").MetaTokenProperties;
        "breakpoints-sm": import("@shopify/polaris-tokens").MetaTokenProperties;
        "breakpoints-md": import("@shopify/polaris-tokens").MetaTokenProperties;
        "breakpoints-lg": import("@shopify/polaris-tokens").MetaTokenProperties;
        "breakpoints-xl": import("@shopify/polaris-tokens").MetaTokenProperties;
    };
    color: {
        "color-scheme": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-brand-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-brand-disabled": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-brand-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-brand-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-brand": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-caution-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-caution-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-caution-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-caution": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-critical-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-critical-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-critical-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-critical-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-critical": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-disabled": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-emphasis-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-emphasis-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-emphasis": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-info-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-info-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-info-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-info": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-inverse-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-inverse-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-inverse": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-magic-secondary-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-magic-secondary-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-magic-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-magic": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-secondary-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-secondary-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-secondary-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-success-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-success-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-success-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-success": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-tertiary-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-tertiary-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-tertiary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-transparent-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-transparent-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-transparent-secondary-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-transparent-secondary-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-transparent-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-transparent-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-transparent": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-warning-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-warning-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-warning-secondary": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill-warning": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-fill": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-inverse": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-brand-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-brand-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-brand-selected": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-brand": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-caution-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-caution-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-caution": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-critical-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-critical-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-critical": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-disabled": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-emphasis-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-emphasis-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-emphasis": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-info-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-info-hover": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-info": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-inverse": import("@shopify/polaris-tokens").MetaTokenProperties;
        "color-bg-surface-magic-active": import("@shopify/polaris-tokens").MetaTokenProperties;
        "co