@tpc-mare/mare-ui-components-react 0.1.6 → 0.1.7

package/dist/theme.css

@@ -0,0 +1 @@
+@theme inline{ --color-tpc-midnight-blue-50: var(--color-midnight-blue-50); --color-tpc-midnight-blue-100: var(--color-midnight-blue-100); --color-tpc-midnight-blue-200: var(--color-midnight-blue-200); --color-tpc-midnight-blue-300: var(--color-midnight-blue-300); --color-tpc-midnight-blue-400: var(--color-midnight-blue-400); --color-tpc-midnight-blue-500: var(--color-midnight-blue-500); --color-tpc-midnight-blue-600: var(--color-midnight-blue-600); --color-tpc-midnight-blue-700: var(--color-midnight-blue-700); --color-tpc-midnight-blue-800: var(--color-midnight-blue-800); --color-tpc-midnight-blue-900: var(--color-midnight-blue-900); --color-tpc-midnight-blue-950: var(--color-midnight-blue-950); --color-tpc-indigo-50: var(--color-indigo-50); --color-tpc-indigo-100: var(--color-indigo-100); --color-tpc-indigo-200: var(--color-indigo-200); --color-tpc-indigo-300: var(--color-indigo-300); --color-tpc-indigo-400: var(--color-indigo-400); --color-tpc-indigo-500: var(--color-indigo-500); --color-tpc-indigo-600: var(--color-indigo-600); --color-tpc-indigo-700: var(--color-indigo-700); --color-tpc-indigo-800: var(--color-indigo-800); --color-tpc-indigo-900: var(--color-indigo-900); --color-tpc-indigo-950: var(--color-indigo-950); --color-tpc-ocean-blue-50: var(--color-ocean-blue-50); --color-tpc-ocean-blue-100: var(--color-ocean-blue-100); --color-tpc-ocean-blue-200: var(--color-ocean-blue-200); --color-tpc-ocean-blue-300: var(--color-ocean-blue-300); --color-tpc-ocean-blue-400: var(--color-ocean-blue-400); --color-tpc-ocean-blue-500: var(--color-ocean-blue-500); --color-tpc-ocean-blue-600: var(--color-ocean-blue-600); --color-tpc-ocean-blue-700: var(--color-ocean-blue-700); --color-tpc-ocean-blue-800: var(--color-ocean-blue-800); --color-tpc-ocean-blue-900: var(--color-ocean-blue-900); --color-tpc-ocean-blue-950: var(--color-ocean-blue-950); --color-tpc-sky-blue-50: var(--color-sky-blue-50); --color-tpc-sky-blue-100: var(--color-sky-blue-100); --color-tpc-sky-blue-200: var(--color-sky-blue-200); --color-tpc-sky-blue-300: var(--color-sky-blue-300); --color-tpc-sky-blue-400: var(--color-sky-blue-400); --color-tpc-sky-blue-500: var(--color-sky-blue-500); --color-tpc-sky-blue-600: var(--color-sky-blue-600); --color-tpc-sky-blue-700: var(--color-sky-blue-700); --color-tpc-sky-blue-800: var(--color-sky-blue-800); --color-tpc-sky-blue-900: var(--color-sky-blue-900); --color-tpc-sky-blue-950: var(--color-sky-blue-950); --color-tpc-turquoise-50: var(--color-turquoise-50); --color-tpc-turquoise-100: var(--color-turquoise-100); --color-tpc-turquoise-200: var(--color-turquoise-200); --color-tpc-turquoise-300: var(--color-turquoise-300); --color-tpc-turquoise-400: var(--color-turquoise-400); --color-tpc-turquoise-500: var(--color-turquoise-500); --color-tpc-turquoise-600: var(--color-turquoise-600); --color-tpc-turquoise-700: var(--color-turquoise-700); --color-tpc-turquoise-800: var(--color-turquoise-800); --color-tpc-turquoise-900: var(--color-turquoise-900); --color-tpc-turquoise-950: var(--color-turquoise-950); --color-tpc-copper-50: var(--color-copper-50); --color-tpc-copper-100: var(--color-copper-100); --color-tpc-copper-200: var(--color-copper-200); --color-tpc-copper-300: var(--color-copper-300); --color-tpc-copper-400: var(--color-copper-400); --color-tpc-copper-500: var(--color-copper-500); --color-tpc-copper-600: var(--color-copper-600); --color-tpc-copper-700: var(--color-copper-700); --color-tpc-copper-800: var(--color-copper-800); --color-tpc-copper-900: var(--color-copper-900); --color-tpc-copper-950: var(--color-copper-950); --color-tpc-bronze-50: var(--color-bronze-50); --color-tpc-bronze-100: var(--color-bronze-100); --color-tpc-bronze-200: var(--color-bronze-200); --color-tpc-bronze-300: var(--color-bronze-300); --color-tpc-bronze-400: var(--color-bronze-400); --color-tpc-bronze-500: var(--color-bronze-500); --color-tpc-bronze-600: var(--color-bronze-600); --color-tpc-bronze-700: var(--color-bronze-700); --color-tpc-bronze-800: var(--color-bronze-800); --color-tpc-bronze-900: var(--color-bronze-900); --color-tpc-bronze-950: var(--color-bronze-950); --color-tpc-olive-grey-50: var(--color-olive-grey-50); --color-tpc-olive-grey-100: var(--color-olive-grey-100); --color-tpc-olive-grey-200: var(--color-olive-grey-200); --color-tpc-olive-grey-300: var(--color-olive-grey-300); --color-tpc-olive-grey-400: var(--color-olive-grey-400); --color-tpc-olive-grey-500: var(--color-olive-grey-500); --color-tpc-olive-grey-600: var(--color-olive-grey-600); --color-tpc-olive-grey-700: var(--color-olive-grey-700); --color-tpc-olive-grey-800: var(--color-olive-grey-800); --color-tpc-olive-grey-900: var(--color-olive-grey-900); --color-tpc-olive-grey-950: var(--color-olive-grey-950); --color-tpc-marble-50: var(--color-marble-50); --color-tpc-marble-100: var(--color-marble-100); --color-tpc-marble-200: var(--color-marble-200); --color-tpc-marble-300: var(--color-marble-300); --color-tpc-marble-400: var(--color-marble-400); --color-tpc-marble-500: var(--color-marble-500); --color-tpc-marble-600: var(--color-marble-600); --color-tpc-marble-700: var(--color-marble-700); --color-tpc-marble-800: var(--color-marble-800); --color-tpc-marble-900: var(--color-marble-900); --color-tpc-marble-950: var(--color-marble-950); --color-tpc-red-50: var(--color-red-50); --color-tpc-red-100: var(--color-red-100); --color-tpc-red-200: var(--color-red-200); --color-tpc-red-300: var(--color-red-300); --color-tpc-red-400: var(--color-red-400); --color-tpc-red-500: var(--color-red-500); --color-tpc-red-600: var(--color-red-600); --color-tpc-red-700: var(--color-red-700); --color-tpc-red-800: var(--color-red-800); --color-tpc-red-900: var(--color-red-900); --color-tpc-red-950: var(--color-red-950); --color-tpc-yellow-50: var(--color-yellow-50); --color-tpc-yellow-100: var(--color-yellow-100); --color-tpc-yellow-200: var(--color-yellow-200); --color-tpc-yellow-300: var(--color-yellow-300); --color-tpc-yellow-400: var(--color-yellow-400); --color-tpc-yellow-500: var(--color-yellow-500); --color-tpc-yellow-600: var(--color-yellow-600); --color-tpc-yellow-700: var(--color-yellow-700); --color-tpc-yellow-800: var(--color-yellow-800); --color-tpc-yellow-900: var(--color-yellow-900); --color-tpc-yellow-950: var(--color-yellow-950); --color-tpc-green-50: var(--color-green-50); --color-tpc-green-100: var(--color-green-100); --color-tpc-green-200: var(--color-green-200); --color-tpc-green-300: var(--color-green-300); --color-tpc-green-400: var(--color-green-400); --color-tpc-green-500: var(--color-green-500); --color-tpc-green-600: var(--color-green-600); --color-tpc-green-700: var(--color-green-700); --color-tpc-green-800: var(--color-green-800); --color-tpc-green-900: var(--color-green-900); --color-tpc-green-950: var(--color-green-950); --color-tpc-grey-50: var(--color-grey-50); --color-tpc-grey-100: var(--color-grey-100); --color-tpc-grey-200: var(--color-grey-200); --color-tpc-grey-300: var(--color-grey-300); --color-tpc-grey-400: var(--color-grey-400); --color-tpc-grey-500: var(--color-grey-500); --color-tpc-grey-600: var(--color-grey-600); --color-tpc-grey-700: var(--color-grey-700); --color-tpc-grey-800: var(--color-grey-800); --color-tpc-grey-900: var(--color-grey-900); --color-tpc-grey-950: var(--color-grey-950); --color-tpc-black-alpha-4: var(--color-black-alpha-4); --color-tpc-black-alpha-8: var(--color-black-alpha-8); --color-tpc-black-alpha-12: var(--color-black-alpha-12); --color-tpc-black-alpha-20: var(--color-black-alpha-20); --color-tpc-black-alpha-32: var(--color-black-alpha-32); --color-tpc-black-alpha-40: var(--color-black-alpha-40); --color-tpc-black-alpha-100: var(--color-black-alpha-100); --color-tpc-white-alpha-8: var(--color-white-alpha-8); --color-tpc-white-alpha-12: var(--color-white-alpha-12); --color-tpc-white-alpha-20: var(--color-white-alpha-20); --color-tpc-white-alpha-32: var(--color-white-alpha-32); --color-tpc-white-alpha-40: var(--color-white-alpha-40); --color-tpc-white-alpha-60: var(--color-white-alpha-60); --color-tpc-white-alpha-88: var(--color-white-alpha-88); --color-tpc-white-alpha-92: var(--color-white-alpha-92); --color-tpc-white-alpha-100: var(--color-white-alpha-100); --color-tpc-bg-default: var(--color-bg-default); --color-tpc-bg-raised: var(--color-bg-raised); --color-tpc-bg-alternative: var(--color-bg-alternative); --color-tpc-bg-hover: var(--color-bg-hover); --color-tpc-bg-active: var(--color-bg-active); --color-tpc-bg-inverse: var(--color-bg-inverse); --color-tpc-bg-neutral: var(--color-bg-neutral); --color-tpc-bg-neutral-hover: var(--color-bg-neutral-hover); --color-tpc-bg-neutral-weak: var(--color-bg-neutral-weak); --color-tpc-bg-neutral-weak-hover: var(--color-bg-neutral-weak-hover); --color-tpc-bg-accent: var(--color-bg-accent); --color-tpc-bg-accent-hover: var(--color-bg-accent-hover); --color-tpc-bg-accent-active: var(--color-bg-accent-active); --color-tpc-bg-accent-weak: var(--color-bg-accent-weak); --color-tpc-bg-highlight: var(--color-bg-highlight); --color-tpc-bg-positive: var(--color-bg-positive); --color-tpc-bg-positive-weak: var(--color-bg-positive-weak); --color-tpc-bg-warning: var(--color-bg-warning); --color-tpc-bg-warning-weak: var(--color-bg-warning-weak); --color-tpc-bg-danger: var(--color-bg-danger); --color-tpc-bg-danger-hover: var(--color-bg-danger-hover); --color-tpc-bg-danger-active: var(--color-bg-danger-active); --color-tpc-bg-danger-weak: var(--color-bg-danger-weak); --color-tpc-bg-overlay: var(--color-bg-overlay); --color-tpc-bg-disabled: var(--color-bg-disabled); --color-tpc-fg-default: var(--color-fg-default); --color-tpc-fg-weak: var(--color-fg-weak); --color-tpc-fg-accent: var(--color-fg-accent); --color-tpc-fg-highlight: var(--color-fg-highlight); --color-tpc-fg-positive: var(--color-fg-positive); --color-tpc-fg-warning: var(--color-fg-warning); --color-tpc-fg-danger: var(--color-fg-danger); --color-tpc-fg-on-accent: var(--color-fg-on-accent); --color-tpc-fg-on-positive: var(--color-fg-on-positive); --color-tpc-fg-on-warning: var(--color-fg-on-warning); --color-tpc-fg-on-danger: var(--color-fg-on-danger); --color-tpc-fg-on-inverse: var(--color-fg-on-inverse); --color-tpc-fg-disabled: var(--color-fg-disabled); --color-tpc-border-default: var(--color-border-default); --color-tpc-border-strong: var(--color-border-strong); --color-tpc-border-accent: var(--color-border-accent); --color-tpc-border-highlight: var(--color-border-highlight); --color-tpc-border-positive: var(--color-border-positive); --color-tpc-border-warning: var(--color-border-warning); --color-tpc-border-danger: var(--color-border-danger); --color-tpc-border-disabled: var(--color-border-disabled); --radius-tpc-none: var(--radius-none); --radius-tpc-xs: var(--radius-xs); --radius-sm: var(--radius-sm); --radius-md: var(--radius-md); --radius-lg: var(--radius-lg); --radius-tpc-xl: var(--radius-xl); --radius-2xl: var(--radius-2xl); --radius-3xl: var(--radius-3xl); --radius-4xl: var(--radius-4xl); --radius-tpc-full: var(--radius-full); --border-width-0: var(--border-width-0); --border-width-1: var(--border-width-1); --border-width-2: var(--border-width-2); --border-width-4: var(--border-width-4); --border-width-8: var(--border-width-8); --opacity-0: 0%; --opacity-5: 5%; --opacity-10: 10%; --opacity-15: 15%; --opacity-20: 20%; --opacity-25: 25%; --opacity-30: 30%; --opacity-35: 35%; --opacity-40: 40%; --opacity-45: 45%; --opacity-50: 50%; --opacity-55: 55%; --opacity-60: 60%; --opacity-65: 65%; --opacity-70: 70%; --opacity-75: 75%; --opacity-80: 80%; --opacity-85: 85%; --opacity-90: 90%; --opacity-95: 95%; --opacity-100: 100%; --blur-none: 0rem; --blur-xs: .25rem; --blur-sm: .5rem; --blur-md: .75rem; --blur-lg: 1rem; --blur-xl: 1.5rem; --blur-2xl: 2.5rem; --blur-3xl: 4rem; --spacing-0: 0rem; --spacing-1: .25rem; --spacing-2: .5rem; --spacing-3: .75rem; --spacing-4: 1rem; --spacing-5: 1.25rem; --spacing-6: 1.5rem; --spacing-7: 1.75rem; --spacing-8: 2rem; --spacing-9: 2.25rem; --spacing-10: 2.5rem; --spacing-11: 2.75rem; --spacing-12: 3rem; --spacing-14: 3.5rem; --spacing-16: 4rem; --spacing-20: 5rem; --spacing-24: 6rem; --spacing-28: 7rem; --spacing-32: 8rem; --spacing-36: 9rem; --spacing-40: 10rem; --spacing-44: 11rem; --spacing-48: 12rem; --spacing-52: 13rem; --spacing-56: 14rem; --spacing-60: 15rem; --spacing-64: 16rem; --spacing-72: 18rem; --spacing-80: 20rem; --spacing-96: 24rem; --spacing-px: .0625rem; --spacing-0-5: .125rem; --spacing-1-5: .375rem; --spacing-2-5: .625rem; --spacing-3-5: .875rem; --container-0: var(--container-0); --container-3xs: var(--container-3xs); --container-2xs: var(--container-2xs); --container-xs: var(--container-xs); --container-sm: var(--container-sm); --container-md: var(--container-md); --container-lg: var(--container-lg); --container-xl: var(--container-xl); --container-2xl: var(--container-2xl); --container-3xl: var(--container-3xl); --container-4xl: var(--container-4xl); --container-5xl: var(--container-5xl); --container-6xl: var(--container-6xl); --container-7xl: var(--container-7xl); --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --spacing-max-width-xxl: var(--max-width-xxl); --spacing-max-width-xl: var(--max-width-xl); --spacing-max-width-l: var(--max-width-l); --spacing-max-width-m: var(--max-width-m); --spacing-max-width-s: var(--max-width-s); --spacing-section-padding-y-default: var(--section-padding-y-default); --spacing-section-padding-y-reduced: var(--section-padding-y-reduced); --spacing-section-padding-y-extra-reduced: var(--section-padding-y-extra-reduced); --spacing-content-padding-x-default: var(--content-padding-x-default); --spacing-content-padding-x-large: var(--content-padding-x-large); --viewport: var(--viewport); --page-max-width: var(--page-max-width); --page-min-width: var(--page-min-width); --font-tpc-family-brand: var(--font-family-brand); --font-tpc-family-base: var(--font-family-base); --font-tpc-display-l: var(--typography-display-l-font-family); --font-weight-tpc-display-l-desktop: var(--typography-display-l-font-weight-desktop); --text-tpc-display-l-desktop: var(--typography-display-l-font-size-desktop); --leading-tpc-display-l-desktop: var(--typography-display-l-line-height-desktop); --tracking-tpc-display-l-desktop: var(--typography-display-l-letter-spacing-desktop); --font-weight-tpc-display-l-tablet: var(--typography-display-l-font-weight-tablet); --text-tpc-display-l-tablet: var(--typography-display-l-font-size-tablet); --leading-tpc-display-l-tablet: var(--typography-display-l-line-height-tablet); --tracking-tpc-display-l-tablet: var(--typography-display-l-letter-spacing-tablet); --font-weight-tpc-display-l-mobile: var(--typography-display-l-font-weight-mobile); --text-tpc-display-l-mobile: var(--typography-display-l-font-size-mobile); --leading-tpc-display-l-mobile: var(--typography-display-l-line-height-mobile); --tracking-tpc-display-l-mobile: var(--typography-display-l-letter-spacing-mobile); --typography-display-l-text-transform: var(--typography-display-l-text-transform); --font-tpc-display-m: var(--typography-display-m-font-family); --font-weight-tpc-display-m-desktop: var(--typography-display-m-font-weight-desktop); --text-tpc-display-m-desktop: var(--typography-display-m-font-size-desktop); --leading-tpc-display-m-desktop: var(--typography-display-m-line-height-desktop); --tracking-tpc-display-m-desktop: var(--typography-display-m-letter-spacing-desktop); --font-weight-tpc-display-m-tablet: var(--typography-display-m-font-weight-tablet); --text-tpc-display-m-tablet: var(--typography-display-m-font-size-tablet); --leading-tpc-display-m-tablet: var(--typography-display-m-line-height-tablet); --tracking-tpc-display-m-tablet: var(--typography-display-m-letter-spacing-tablet); --font-weight-tpc-display-m-mobile: var(--typography-display-m-font-weight-mobile); --text-tpc-display-m-mobile: var(--typography-display-m-font-size-mobile); --leading-tpc-display-m-mobile: var(--typography-display-m-line-height-mobile); --tracking-tpc-display-m-mobile: var(--typography-display-m-letter-spacing-mobile); --typography-display-m-text-transform: var(--typography-display-m-text-transform); --font-tpc-display-s: var(--typography-display-s-font-family); --font-weight-tpc-display-s-desktop: var(--typography-display-s-font-weight-desktop); --text-tpc-display-s-desktop: var(--typography-display-s-font-size-desktop); --leading-tpc-display-s-desktop: var(--typography-display-s-line-height-desktop); --font-weight-tpc-display-s-tablet: var(--typography-display-s-font-weight-tablet); --tracking-tpc-display-s-desktop: var(--typography-display-s-letter-spacing-desktop); --text-tpc-display-s-tablet: var(--typography-display-s-font-size-tablet); --leading-tpc-display-s-tablet: var(--typography-display-s-line-height-tablet); --tracking-tpc-display-s-tablet: var(--typography-display-s-letter-spacing-tablet); --font-weight-tpc-display-s-mobile: var(--typography-display-s-font-weight-mobile); --text-tpc-display-s-mobile: var(--typography-display-s-font-size-mobile); --leading-tpc-display-s-mobile: var(--typography-display-s-line-height-mobile); --tracking-tpc-display-s-mobile: var(--typography-display-s-letter-spacing-mobile); --typography-display-s-text-transform: var(--typography-display-s-text-transform); --font-tpc-display-paragraph: var(--typography-display-paragraph-font-family); --font-weight-tpc-display-paragraph: var(--typography-display-paragraph-font-weight); --text-tpc-display-paragraph-desktop: var(--typography-display-paragraph-font-size-desktop); --leading-tpc-display-paragraph-desktop: var(--typography-display-paragraph-line-height-desktop); --tracking-tpc-display-paragraph-desktop: var(--typography-display-paragraph-letter-spacing-desktop); --text-tpc-display-paragraph-tablet: var(--typography-display-paragraph-font-size-tablet); --leading-tpc-display-paragraph-tablet: var(--typography-display-paragraph-line-height-tablet); --tracking-tpc-display-paragraph-tablet: var(--typography-display-paragraph-letter-spacing-tablet); --text-tpc-display-paragraph-mobile: var(--typography-display-paragraph-font-size-mobile); --leading-tpc-display-paragraph-mobile: var(--typography-display-paragraph-line-height-mobile); --tracking-tpc-display-paragraph-mobile: var(--typography-display-paragraph-letter-spacing-mobile); --typography-display-paragraph-text-transform: var(--typography-display-paragraph-text-transform); --font-tpc-title-l: var(--typography-title-l-font-family); --font-weight-tpc-title-l: var(--typography-title-l-font-weight); --text-tpc-title-l: var(--typography-title-l-font-size); --leading-tpc-title-l: var(--typography-title-l-line-height); --tracking-tpc-title-l: var(--typography-title-l-letter-spacing); --typography-title-l-text-transform: var(--typography-title-l-text-transform); --font-tpc-title-m: var(--typography-title-m-font-family); --font-weight-tpc-title-m: var(--typography-title-m-font-weight); --text-tpc-title-m: var(--typography-title-m-font-size); --leading-tpc-title-m: var(--typography-title-m-line-height); --tracking-tpc-title-m: var(--typography-title-m-letter-spacing); --typography-title-m-text-transform: var(--typography-title-m-text-transform); --font-tpc-title-s: var(--typography-title-s-font-family); --font-weight-tpc-title-s: var(--typography-title-s-font-weight); --text-tpc-title-s: var(--typography-title-s-font-size); --leading-tpc-title-s: var(--typography-title-s-line-height); --tracking-tpc-title-s: var(--typography-title-s-letter-spacing); --typography-title-s-text-transform: var(--typography-title-s-text-transform); --font-tpc-title-xs: var(--typography-title-xs-font-family); --font-weight-tpc-title-xs: var(--typography-title-xs-font-weight); --text-tpc-title-xs: var(--typography-title-xs-font-size); --leading-tpc-title-xs: var(--typography-title-xs-line-height); --tracking-tpc-title-xs: var(--typography-title-xs-letter-spacing); --typography-title-xs-text-transform: var(--typography-title-xs-text-transform); --font-tpc-label: var(--typography-label-font-family); --typography-label-text-transform: var(--typography-label-text-transform); --font-weight-tpc-label-l: var(--typography-label-l-font-weight); --text-tpc-label-l: var(--typography-label-l-font-size); --leading-tpc-label-l: var(--typography-label-l-line-height); --tracking-tpc-label-l: var(--typography-label-l-letter-spacing); --font-weight-tpc-label-m: var(--typography-label-m-font-weight); --text-tpc-label-m: var(--typography-label-m-font-size); --leading-tpc-label-m: var(--typography-label-m-line-height); --tracking-tpc-label-m: var(--typography-label-m-letter-spacing); --font-weight-tpc-label-s: var(--typography-label-s-font-weight); --text-tpc-label-s: var(--typography-label-s-font-size); --leading-tpc-label-s: var(--typography-label-s-line-height); --tracking-tpc-label-s: var(--typography-label-s-letter-spacing); --font-weight-tpc-label-xs: var(--typography-label-xs-font-weight); --text-tpc-label-xs: var(--typography-label-xs-font-size); --leading-tpc-label-xs: var(--typography-label-xs-line-height); --tracking-tpc-label-xs: var(--typography-label-xs-letter-spacing); --font-tpc-body: var(--typography-body-font-family); --font-weight-tpc-body-default: var(--typography-body-font-weight-default); --font-weight-tpc-body-strong: var(--typography-body-font-weight-strong); --font-weight-tpc-body-editorial: var(--typography-body-font-weight-editorial); --text-tpc-body-l: var(--typography-body-l-font-size); --leading-tpc-body-l: var(--typography-body-l-line-height); --tracking-tpc-body-l: var(--typography-body-l-letter-spacing); --text-tpc-body-m: var(--typography-body-m-font-size); --leading-tpc-body-m: var(--typography-body-m-line-height); --leading-tpc-body-m-editorial: var(--typography-body-m-line-height-editorial); --tracking-tpc-body-m: var(--typography-body-m-letter-spacing); --text-tpc-body-s: var(--typography-body-s-font-size); --leading-tpc-body-s: var(--typography-body-s-line-height); --leading-tpc-body-s-editorial: var(--typography-body-s-line-height-editorial); --tracking-tpc-body-s: var(--typography-body-s-letter-spacing); --text-tpc-body-xs: var(--typography-body-xs-font-size); --leading-tpc-body-xs: var(--typography-body-xs-line-height); --tracking-tpc-body-xs: var(--typography-body-xs-letter-spacing); --text-tpc-body-xxs: var(--typography-body-xxs-font-size); --leading-tpc-body-xxs: var(--typography-body-xxs-line-height); --tracking-tpc-body-xxs: var(--typography-body-xxs-letter-spacing); --font-tpc-overline: var(--typography-overline-font-family); --font-weight-tpc-overline: var(--typography-overline-font-weight); --text-tpc-overline: var(--typography-overline-font-size); --leading-tpc-overline: var(--typography-overline-line-height); --tracking-tpc-overline: var(--typography-overline-letter-spacing); --typography-overline-text-transform: var(--typography-overline-text-transform); --component-theme-asset: var(--component-theme-asset); --radius-tpc-button: var(--component-button-radius); --radius-tpc-button-editorial: var(--component-button-editorial-radius); --radius-tpc-checkbox: var(--component-checkbox-radius); --radius-tpc-chip: var(--component-chip-radius); --radius-tpc-counter: var(--component-counter-radius); --radius-tpc-fab: var(--component-fab-radius); --radius-tpc-container-l: var(--component-container-l-radius); --radius-tpc-container-m: var(--component-container-m-radius); --radius-tpc-container-s: var(--component-container-s-radius); --radius-tpc-container-inner: var(--component-container-inner-radius); --radius-tpc-icon-button: var(--component-icon-button-radius); --radius-tpc-input: var(--component-input-radius); --radius-tpc-search-input: var(--component-search-input-radius); --radius-tpc-dialog: var(--component-dialog-radius); --radius-tpc-progress-bar: var(--component-progress-bar-radius); --radius-tpc-segmented-control-segment: var(--component-segmented-control-segment-radius); --radius-tpc-segmented-control-container: var(--component-segmented-control-container-radius); --radius-tpc-snackbar: var(--component-snackbar-radius); --radius-tpc-tag: var(--component-tag-radius); --radius-tpc-tooltip: var(--component-tooltip-radius); --radius-tpc-overlay: var(--component-overlay-radius); --radius-tpc-menu-item: var(--component-menu-item-radius); --radius-tpc-sheet: var(--component-sheet-radius); --radius-tpc-editorial-image-m: var(--component-editorial-image-m-radius); --radius-tpc-editorial-image-s: var(--component-editorial-image-s-radius); --bg-default: var(--bg-default); --bg-raised: var(--bg-raised); --bg-alternative: var(--bg-alternative); --bg-hover: var(--bg-hover); --bg-active: var(--bg-active); --bg-inverse: var(--bg-inverse); --bg-neutral: var(--bg-neutral); --bg-neutral-hover: var(--bg-neutral-hover); --bg-neutral-weak: var(--bg-neutral-weak); --bg-neutral-weak-hover: var(--bg-neutral-weak-hover); --bg-accent: var(--bg-accent); --bg-accent-hover: var(--bg-accent-hover); --bg-accent-active: var(--bg-accent-active); --bg-accent-weak: var(--bg-accent-weak); --bg-highlight: var(--bg-highlight); --bg-positive: var(--bg-positive); --bg-positive-weak: var(--bg-positive-weak); --bg-warning: var(--bg-warning); --bg-warning-weak: var(--bg-warning-weak); --bg-danger: var(--bg-danger); --bg-danger-hover: var(--bg-danger-hover); --bg-danger-active: var(--bg-danger-active); --bg-danger-weak: var(--bg-danger-weak); --bg-overlay: var(--bg-overlay); --bg-disabled: var(--bg-disabled); --context: var(--context); --fg-default: var(--fg-default); --fg-weak: var(--fg-weak); --fg-accent: var(--fg-accent); --fg-highlight: var(--fg-highlight); --fg-positive: var(--fg-positive); --fg-warning: var(--fg-warning); --fg-danger: var(--fg-danger); --fg-on-accent: var(--fg-on-accent); --fg-on-positive: var(--fg-on-positive); --fg-on-warning: var(--fg-on-warning); --fg-on-danger: var(--fg-on-danger); --fg-on-inverse: var(--fg-on-inverse); --fg-disabled: var(--fg-disabled); --border-default: var(--border-default); --border-strong: var(--border-strong); --border-accent: var(--border-accent); --border-highlight: var(--border-highlight); --border-positive: var(--border-positive); --border-warning: var(--border-warning); --border-danger: var(--border-danger); --border-disabled: var(--border-disabled); }@utility tpc-typography-body-l{font-family: var(--typography-body-font-family); font-weight: var(--typography-body-font-weight-default); font-size: var(--typography-body-l-font-size); line-height: var(--typography-body-l-line-height); letter-spacing: var(--typography-body-l-letter-spacing);}@utility tpc-typography-body-m{font-family: var(--typography-body-font-family); font-weight: var(--typography-body-font-weight-default); font-size: var(--typography-body-m-font-size); line-height: var(--typography-body-m-line-height); letter-spacing: var(--typography-body-m-letter-spacing);}@utility tpc-typography-body-s{font-family: var(--typography-body-font-family); font-weight: var(--typography-body-font-weight-default); font-size: var(--typography-body-s-font-size); line-height: var(--typography-body-s-line-height); letter-spacing: var(--typography-body-s-letter-spacing);}@utility tpc-typography-body-xs{font-weight: var(--typography-body-font-weight-default); font-family: var(--typography-body-font-family); font-size: var(--typography-body-xs-font-size); line-height: var(--typography-body-xs-line-height); letter-spacing: var(--typography-body-xs-letter-spacing);}@utility tpc-typography-body-xxs{font-weight: var(--typography-body-font-weight-default); font-family: var(--typography-body-font-family); font-size: var(--typography-body-xxs-font-size); line-height: var(--typography-body-xxs-line-height); letter-spacing: var(--typography-body-xxs-letter-spacing);}@utility tpc-typography-display-l{font-family: var(--typography-body-font-family); font-family: var(--typography-display-l-font-family); font-weight: var(--typography-display-l-font-weight-mobile); font-size: var(--typography-display-l-font-size-mobile); line-height: var(--typography-display-l-line-height-mobile); letter-spacing: var(--typography-display-l-letter-spacing-mobile); text-transform: var(--typography-display-l-text-transform); @variant md {font-size: var(--typography-display-l-font-size-tablet); line-height: var(--typography-display-l-line-height-tablet); font-weight: var(--typography-display-l-font-weight-tablet); letter-spacing: var(--typography-display-l-letter-spacing-tablet);} @variant lg {font-size: var(--typography-display-l-font-size-desktop); line-height: var(--typography-display-l-line-height-desktop); font-weight: var(--typography-display-l-font-weight-desktop); letter-spacing: var(--typography-display-l-letter-spacing-desktop);}}@utility tpc-typography-display-m{font-family: var(--typography-display-m-font-family); font-weight: var(--typography-display-m-font-weight-mobile); font-size: var(--typography-display-m-font-size-mobile); line-height: var(--typography-display-m-line-height-mobile); letter-spacing: var(--typography-display-m-letter-spacing-mobile); text-transform: var(--typography-display-m-text-transform); @variant md {font-size: var(--typography-display-m-font-size-tablet); line-height: var(--typography-display-m-line-height-tablet); font-weight: var(--typography-display-m-font-weight-tablet); letter-spacing: var(--typography-display-m-letter-spacing-tablet);} @variant lg {font-size: var(--typography-display-m-font-size-desktop); line-height: var(--typography-display-m-line-height-desktop); font-weight: var(--typography-display-m-font-weight-desktop); letter-spacing: var(--typography-display-m-letter-spacing-desktop);}}@utility tpc-typography-display-s{font-family: var(--typography-display-s-font-family); font-weight: var(--typography-display-s-font-weight-mobile); font-size: var(--typography-display-s-font-size-mobile); line-height: var(--typography-display-s-line-height-mobile); letter-spacing: var(--typography-display-s-letter-spacing-mobile); text-transform: var(--typography-display-s-text-transform); @variant md {font-size: var(--typography-display-s-font-size-tablet); line-height: var(--typography-display-s-line-height-tablet); font-weight: var(--typography-display-s-font-weight-tablet); letter-spacing: var(--typography-display-s-letter-spacing-tablet);} @variant lg {font-size: var(--typography-display-s-font-size-desktop); line-height: var(--typography-display-s-line-height-desktop); font-weight: var(--typography-display-s-font-weight-desktop); letter-spacing: var(--typography-display-s-letter-spacing-desktop);}}@utility tpc-typography-display-paragraph{font-family: var(--typography-display-paragraph-font-family); font-weight: var(--typography-display-paragraph-font-weight); font-size: var(--typography-display-paragraph-font-size-mobile); line-height: var(--typography-display-paragraph-line-height-mobile); letter-spacing: var(--typography-display-paragraph-letter-spacing); text-transform: var(--typography-display-paragraph-text-transform); @variant md {font-size: var(--typography-display-paragraph-font-size-tablet); line-height: var(--typography-display-paragraph-line-height-tablet);} @variant lg {font-size: var(--typography-display-paragraph-font-size-desktop); line-height: var(--typography-display-paragraph-line-height-desktop);}}@utility tpc-typography-title-l{font-family: var(--typography-title-l-font-family); font-weight: var(--typography-title-l-font-weight); font-size: var(--typography-title-l-font-size); line-height: var(--typography-title-l-line-height); letter-spacing: var(--typography-title-l-letter-spacing); text-transform: var(--typography-title-l-text-transform);}@utility tpc-typography-title-m{font-family: var(--typography-title-m-font-family); font-weight: var(--typography-title-m-font-weight); font-size: var(--typography-title-m-font-size); line-height: var(--typography-title-m-line-height); letter-spacing: var(--typography-title-m-letter-spacing); text-transform: var(--typography-title-m-text-transform);}@utility tpc-typography-title-s{font-family: var(--typography-title-s-font-family); font-weight: var(--typography-title-s-font-weight); font-size: var(--typography-title-s-font-size); line-height: var(--typography-title-s-line-height); letter-spacing: var(--typography-title-s-letter-spacing); text-transform: var(--typography-title-s-text-transform);}@utility tpc-typography-title-xs{font-family: var(--typography-title-xs-font-family); font-weight: var(--typography-title-xs-font-weight); font-size: var(--typography-title-xs-font-size); line-height: var(--typography-title-xs-line-height); letter-spacing: var(--typography-title-xs-letter-spacing); text-transform: var(--typography-title-xs-text-transform);}@utility tpc-typography-label-l{font-family: var(--typography-label-font-family); font-weight: var(--typography-label-l-font-weight); font-size: var(--typography-label-l-font-size); line-height: var(--typography-label-l-line-height); letter-spacing: var(--typography-label-l-letter-spacing); text-transform: var(--typography-label-text-transform);}@utility tpc-typography-label-m{font-family: var(--typography-label-font-family); font-weight: var(--typography-label-m-font-weight); font-size: var(--typography-label-m-font-size); line-height: var(--typography-label-m-line-height); letter-spacing: var(--typography-label-m-letter-spacing); text-transform: var(--typography-label-text-transform);}@utility tpc-typography-label-s{font-family: var(--typography-label-font-family); font-weight: var(--typography-label-s-font-weight); font-size: var(--typography-label-s-font-size); line-height: var(--typography-label-s-line-height); letter-spacing: var(--typography-label-s-letter-spacing); text-transform: var(--typography-label-text-transform);}@utility tpc-typography-label-xs{font-family: var(--typography-label-font-family); font-weight: var(--typography-label-xs-font-weight); font-size: var(--typography-label-xs-font-size); line-height: var(--typography-label-xs-line-height); letter-spacing: var(--typography-label-xs-letter-spacing); text-transform: var(--typography-label-text-transform);}@utility tpc-typography-overline{font-family: var(--typography-overline-font-family); font-weight: var(--typography-overline-font-weight); font-size: var(--typography-overline-font-size); line-height: var(--typography-overline-line-height); letter-spacing: var(--typography-overline-letter-spacing); text-transform: var(--typography-overline-text-transform);}@utility tpc-typography-body-m-editorial{font-family: var(--typography-body-font-family); font-weight: var(--typography-body-font-weight-editorial); font-size: var(--typography-body-m-font-size); line-height: var(--typography-body-m-line-height-editorial); letter-spacing: var(--typography-body-m-letter-spacing);}@utility tpc-typography-body-s-editorial{font-family: var(--typography-body-font-family); font-weight: var(--typography-body-font-weight-editorial); font-size: var(--typography-body-s-font-size); line-height: var(--typography-body-s-line-height); letter-spacing: var(--typography-body-s-letter-spacing);}@utility tpc-typography-label-s-underline{font-family: var(--typography-label-font-family); font-size: var(--typography-label-s-font-size); font-style: normal; font-weight: var(--typography-label-s-font-weight); line-height: var(--typography-label-s-line-height); letter-spacing: var(--typography-label-s-letter-spacing); text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: 12%; text-underline-position: from-font;}@utility tpc-typography-label-m-underline{font-family: var(--typography-label-font-family); font-size: var(--typography-label-m-font-size); font-style: normal; font-weight: var(--typography-label-m-font-weight); line-height: var(--typography-label-m-line-height); letter-spacing: var(--typography-label-m-letter-spacing); text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: 12%; text-underline-position: from-font;}@utility rounded-none{border-radius: var(--radius-none);}@utility rounded-xs{border-radius: var(--radius-xs);}@utility rounded-sm{border-radius: var(--radius-sm);}@utility rounded-md{border-radius: var(--radius-md);}@utility rounded-lg{border-radius: var(--radius-lg);}@utility rounded-xl{border-radius: var(--radius-xl);}@utility rounded-2xl{border-radius: var(--radius-2xl);}@utility rounded-3xl{border-radius: var(--radius-3xl);}@utility rounded-4xl{border-radius: var(--radius-4xl);}@utility rounded-full{border-radius: var(--radius-full);}@utility rounded-button{border-radius: var(--component-button-radius);}@utility rounded-button-editorial{border-radius: var(--component-button-editorial-radius);}@utility rounded-checkbox{border-radius: var(--component-checkbox-radius);}@utility rounded-chip{border-radius: var(--component-chip-radius);}@utility rounded-counter{border-radius: var(--component-counter-radius);}@utility rounded-fab{border-radius: var(--component-fab-radius);}@utility rounded-container-l{border-radius: var(--component-container-l-radius);}@utility rounded-container-m{border-radius: var(--component-container-m-radius);}@utility rounded-container-s{border-radius: var(--component-container-s-radius);}@utility rounded-container-inner{border-radius: var(--component-container-inner-radius);}@utility rounded-icon-button{border-radius: var(--component-icon-button-radius);}@utility rounded-input{border-radius: var(--component-input-radius);}@utility rounded-search-input{border-radius: var(--component-search-input-radius);}@utility rounded-dialog{border-radius: var(--component-dialog-radius);}@utility rounded-progress-bar{border-radius: var(--component-progress-bar-radius);}@utility rounded-segmented-control-segment{border-radius: var(--component-segmented-control-segment-radius);}@utility rounded-segmented-control-container{border-radius: var(--component-segmented-control-container-radius);}@utility rounded-snackbar{border-radius: var(--component-snackbar-radius);}@utility rounded-tag{border-radius: var(--component-tag-radius);}@utility rounded-tooltip{border-radius: var(--component-tooltip-radius);}@utility rounded-overlay{border-radius: var(--component-overlay-radius);}@utility rounded-menu-item{border-radius: var(--component-menu-item-radius);}@utility rounded-sheet{border-radius: var(--component-sheet-radius);}@utility rounded-editorial-image-m{border-radius: var(--component-editorial-image-m-radius);}@utility rounded-editorial-image-s{border-radius: var(--component-editorial-image-s-radius);}@utility bg-default{background-color: var(--color-bg-default);}@utility bg-raised{background-color: var(--color-bg-raised);}@utility bg-alternative{background-color: var(--color-bg-alternative);}@utility bg-hover{background-color: var(--color-bg-hover);}@utility bg-active{background-color: var(--color-bg-active);}@utility bg-inverse{background-color: var(--color-bg-inverse);}@utility bg-neutral{background-color: var(--color-bg-neutral);}@utility bg-neutral-hover{background-color: var(--color-bg-neutral-hover);}@utility bg-neutral-weak{background-color: var(--color-bg-neutral-weak);}@utility bg-neutral-weak-hover{background-color: var(--color-bg-neutral-weak-hover);}@utility bg-accent{background-color: var(--color-bg-accent);}@utility bg-accent-hover{background-color: var(--color-bg-accent-hover);}@utility bg-accent-active{background-color: var(--color-bg-accent-active);}@utility bg-accent-weak{background-color: var(--color-bg-accent-weak);}@utility bg-highlight{background-color: var(--color-bg-highlight);}@utility bg-positive{background-color: var(--color-bg-positive);}@utility bg-positive-weak{background-color: var(--color-bg-positive-weak);}@utility bg-warning{background-color: var(--color-bg-warning);}@utility bg-warning-weak{background-color: var(--color-bg-warning-weak);}@utility bg-danger{background-color: var(--color-bg-danger);}@utility bg-danger-hover{background-color: var(--color-bg-danger-hover);}@utility bg-danger-active{background-color: var(--color-bg-danger-active);}@utility bg-danger-weak{background-color: var(--color-bg-danger-weak);}@utility bg-overlay{background-color: var(--color-bg-overlay);}@utility bg-disabled{background-color: var(--color-bg-disabled);}@utility text-default{color: var(--color-fg-default);}@utility fill-default{fill: var(--color-fg-default);}@utility stroke-default{stroke: var(--color-fg-default);}@utility text-weak{color: var(--color-fg-weak);}@utility fill-weak{fill: var(--color-fg-weak);}@utility stroke-weak{stroke: var(--color-fg-weak);}@utility text-accent{color: var(--color-fg-accent);}@utility fill-accent{fill: var(--color-fg-accent);}@utility stroke-accent{stroke: var(--color-fg-accent);}@utility text-highlight{color: var(--color-fg-highlight);}@utility fill-highlight{fill: var(--color-fg-highlight);}@utility stroke-highlight{stroke: var(--color-fg-highlight);}@utility text-positive{color: var(--color-fg-positive);}@utility fill-positive{fill: var(--color-fg-positive);}@utility stroke-positive{stroke: var(--color-fg-positive);}@utility text-warning{color: var(--color-fg-warning);}@utility fill-warning{fill: var(--color-fg-warning);}@utility stroke-warning{stroke: var(--color-fg-warning);}@utility text-danger{color: var(--color-fg-danger);}@utility fill-danger{fill: var(--color-fg-danger);}@utility stroke-danger{stroke: var(--color-fg-danger);}@utility text-on-accent{color: var(--color-fg-on-accent);}@utility fill-on-accent{fill: var(--color-fg-on-accent);}@utility stroke-on-accent{stroke: var(--color-fg-on-accent);}@utility text-on-positive{color: var(--color-fg-on-positive);}@utility fill-on-positive{fill: var(--color-fg-on-positive);}@utility stroke-on-positive{stroke: var(--color-fg-on-positive);}@utility text-on-warning{color: var(--color-fg-on-warning);}@utility fill-on-warning{fill: var(--color-fg-on-warning);}@utility stroke-on-warning{stroke: var(--color-fg-on-warning);}@utility text-on-danger{color: var(--color-fg-on-danger);}@utility fill-on-danger{fill: var(--color-fg-on-danger);}@utility stroke-on-danger{stroke: var(--color-fg-on-danger);}@utility text-on-inverse{color: var(--color-fg-on-inverse);}@utility fill-on-inverse{fill: var(--color-fg-on-inverse);}@utility stroke-on-inverse{stroke: var(--color-fg-on-inverse);}@utility text-disabled{color: var(--color-fg-disabled);}@utility fill-disabled{fill: var(--color-fg-disabled);}@utility stroke-disabled{stroke: var(--color-fg-disabled);}@utility border-default{border-color: var(--color-border-default);}@utility outline-default{outline-color: var(--color-border-default);}@utility border-strong{border-color: var(--color-border-strong);}@utility outline-strong{outline-color: var(--color-border-strong);}@utility border-accent{border-color: var(--color-border-accent);}@utility outline-accent{outline-color: var(--color-border-accent);}@utility border-highlight{border-color: var(--color-border-highlight);}@utility outline-highlight{outline-color: var(--color-border-highlight);}@utility border-positive{border-color: var(--color-border-positive);}@utility outline-positive{outline-color: var(--color-border-positive);}@utility border-warning{border-color: var(--color-border-warning);}@utility outline-warning{outline-color: var(--color-border-warning);}@utility border-danger{border-color: var(--color-border-danger);}@utility outline-danger{outline-color: var(--color-border-danger);}@utility border-disabled{border-color: var(--color-border-disabled);}@utility outline-disabled{outline-color: var(--color-border-disabled);}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tpc-mare/mare-ui-components-react",
   "description": "Mare components for React (headless base, MIT). Framework-agnostic design system, React adapter.",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
   "license": "MIT",
   "author": "The Palace Company",
@@ -25,6 +25,7 @@
       "import": "./dist/index/index.js"
     },
     "./styles.css": "./dist/styles.css",
+    "./theme.css": "./dist/theme.css",
     "./themes/the-palace-company.css": "./dist/themes/the-palace-company.css",
     "./themes/palace.css": "./dist/themes/palace.css",
     "./themes/le-blanc.css": "./dist/themes/le-blanc.css",