@sandlada/mdc/build/components/typography/typography.styles.js

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

import{T as e}from"../../typescale-Bh1NLwSE.js";import{a as i}from"../../lit-element-Ho-VPzO1.js";import{toKebabCase as t}from"../../utils/string/to-kebab-case.js";import{createWrappedTokens as a}from"../../utils/tokens/create-wrapped-tokens.js";
/**
 * @license
 * Copyright 2025 Kai-Orion & Sandlada
 * SPDX-License-Identifier: MIT
 */const l=a("--mdc-typography",Object.entries(e).reduce((e,[i,a])=>({...e,[t(i)]:a}),{})),h=i`@layer mdc.typography{:host(:not([emphasized])[variant=display-large]){font-family:${l["--_display-large-font"]};font-size:${l["--_display-large-size"]};font-weight:${l["--_display-large-weight"]};line-height:${l["--_display-large-line-height"]};letter-spacing:${l["--_display-large-tracking"]}}:host(:not([emphasized])[variant=display-medium]){font-family:${l["--_display-medium-font"]};font-size:${l["--_display-medium-size"]};font-weight:${l["--_display-medium-weight"]};line-height:${l["--_display-medium-line-height"]};letter-spacing:${l["--_display-medium-tracking"]}}:host(:not([emphasized])[variant=display-small]){font-family:${l["--_display-small-font"]};font-size:${l["--_display-small-size"]};font-weight:${l["--_display-small-weight"]};line-height:${l["--_display-small-line-height"]};letter-spacing:${l["--_display-small-tracking"]}}:host(:not([emphasized])[variant=headline-large]){font-family:${l["--_headline-large-font"]};font-size:${l["--_headline-large-size"]};font-weight:${l["--_headline-large-weight"]};line-height:${l["--_headline-large-line-height"]};letter-spacing:${l["--_headline-large-tracking"]}}:host(:not([emphasized])[variant=headline-medium]){font-family:${l["--_headline-medium-font"]};font-size:${l["--_headline-medium-size"]};font-weight:${l["--_headline-medium-weight"]};line-height:${l["--_headline-medium-line-height"]};letter-spacing:${l["--_headline-medium-tracking"]}}:host(:not([emphasized])[variant=headline-small]){font-family:${l["--_headline-small-font"]};font-size:${l["--_headline-small-size"]};font-weight:${l["--_headline-small-weight"]};line-height:${l["--_headline-small-line-height"]};letter-spacing:${l["--_headline-small-tracking"]}}:host(:not([emphasized])[variant=title-large]){font-family:${l["--_title-large-font"]};font-size:${l["--_title-large-size"]};font-weight:${l["--_title-large-weight"]};line-height:${l["--_title-large-line-height"]};letter-spacing:${l["--_title-large-tracking"]}}:host(:not([emphasized])[variant=title-medium]){font-family:${l["--_title-medium-font"]};font-size:${l["--_title-medium-size"]};font-weight:${l["--_title-medium-weight"]};line-height:${l["--_title-medium-line-height"]};letter-spacing:${l["--_title-medium-tracking"]}}:host(:not([emphasized])[variant=title-small]){font-family:${l["--_title-small-font"]};font-size:${l["--_title-small-size"]};font-weight:${l["--_title-small-weight"]};line-height:${l["--_title-small-line-height"]};letter-spacing:${l["--_title-small-tracking"]}}:host(:not([emphasized])[variant=label-large]){font-family:${l["--_label-large-font"]};font-size:${l["--_label-large-size"]};font-weight:${l["--_label-large-weight"]};line-height:${l["--_label-large-line-height"]};letter-spacing:${l["--_label-large-tracking"]}}:host(:not([emphasized])[variant=label-medium]){font-family:${l["--_label-medium-font"]};font-size:${l["--_label-medium-size"]};font-weight:${l["--_label-medium-weight"]};line-height:${l["--_label-medium-line-height"]};letter-spacing:${l["--_label-medium-tracking"]}}:host(:not([emphasized])[variant=label-small]){font-family:${l["--_label-small-font"]};font-size:${l["--_label-small-size"]};font-weight:${l["--_label-small-weight"]};line-height:${l["--_label-small-line-height"]};letter-spacing:${l["--_label-small-tracking"]}}:host(:not([emphasized])[variant=body-large]){font-family:${l["--_body-large-font"]};font-size:${l["--_body-large-size"]};font-weight:${l["--_body-large-weight"]};line-height:${l["--_body-large-line-height"]};letter-spacing:${l["--_body-large-tracking"]}}:host(:not([emphasized])[variant=body-medium]){font-family:${l["--_body-medium-font"]};font-size:${l["--_body-medium-size"]};font-weight:${l["--_body-medium-weight"]};line-height:${l["--_body-medium-line-height"]};letter-spacing:${l["--_body-medium-tracking"]}}:host(:not([emphasized])[variant=body-small]){font-family:${l["--_body-small-font"]};font-size:${l["--_body-small-size"]};font-weight:${l["--_body-small-weight"]};line-height:${l["--_body-small-line-height"]};letter-spacing:${l["--_body-small-tracking"]}}:host([emphasized][variant=display-large]){font-family:${l["--_emphasized-display-large-font"]};font-size:${l["--_emphasized-display-large-size"]};font-weight:${l["--_emphasized-display-large-weight"]};line-height:${l["--_emphasized-display-large-line-height"]};letter-spacing:${l["--_emphasized-display-large-tracking"]}}:host([emphasized][variant=display-medium]){font-family:${l["--_emphasized-display-medium-font"]};font-size:${l["--_emphasized-display-medium-size"]};font-weight:${l["--_emphasized-display-medium-weight"]};line-height:${l["--_emphasized-display-medium-line-height"]};letter-spacing:${l["--_emphasized-display-medium-tracking"]}}:host([emphasized][variant=display-small]){font-family:${l["--_emphasized-display-small-font"]};font-size:${l["--_emphasized-display-small-size"]};font-weight:${l["--_emphasized-display-small-weight"]};line-height:${l["--_emphasized-display-small-line-height"]};letter-spacing:${l["--_emphasized-display-small-tracking"]}}:host([emphasized][variant=headline-large]){font-family:${l["--_emphasized-headline-large-font"]};font-size:${l["--_emphasized-headline-large-size"]};font-weight:${l["--_emphasized-headline-large-weight"]};line-height:${l["--_emphasized-headline-large-line-height"]};letter-spacing:${l["--_emphasized-headline-large-tracking"]}}:host([emphasized][variant=headline-medium]){font-family:${l["--_emphasized-headline-medium-font"]};font-size:${l["--_emphasized-headline-medium-size"]};font-weight:${l["--_emphasized-headline-medium-weight"]};line-height:${l["--_emphasized-headline-medium-line-height"]};letter-spacing:${l["--_emphasized-headline-medium-tracking"]}}:host([emphasized][variant=headline-small]){font-family:${l["--_emphasized-headline-small-font"]};font-size:${l["--_emphasized-headline-small-size"]};font-weight:${l["--_emphasized-headline-small-weight"]};line-height:${l["--_emphasized-headline-small-line-height"]};letter-spacing:${l["--_emphasized-headline-small-tracking"]}}:host([emphasized][variant=title-large]){font-family:${l["--_emphasized-title-large-font"]};font-size:${l["--_emphasized-title-large-size"]};font-weight:${l["--_emphasized-title-large-weight"]};line-height:${l["--_emphasized-title-large-line-height"]};letter-spacing:${l["--_emphasized-title-large-tracking"]}}:host([emphasized][variant=title-medium]){font-family:${l["--_emphasized-title-medium-font"]};font-size:${l["--_emphasized-title-medium-size"]};font-weight:${l["--_emphasized-title-medium-weight"]};line-height:${l["--_emphasized-title-medium-line-height"]};letter-spacing:${l["--_emphasized-title-medium-tracking"]}}:host([emphasized][variant=title-small]){font-family:${l["--_emphasized-title-small-font"]};font-size:${l["--_emphasized-title-small-size"]};font-weight:${l["--_emphasized-title-small-weight"]};line-height:${l["--_emphasized-title-small-line-height"]};letter-spacing:${l["--_emphasized-title-small-tracking"]}}:host([emphasized][variant=label-large]){font-family:${l["--_emphasized-label-large-font"]};font-size:${l["--_emphasized-label-large-size"]};font-weight:${l["--_emphasized-label-large-weight"]};line-height:${l["--_emphasized-label-large-line-height"]};letter-spacing:${l["--_emphasized-label-large-tracking"]}}:host([emphasized][variant=label-medium]){font-family:${l["--_emphasized-label-medium-font"]};font-size:${l["--_emphasized-label-medium-size"]};font-weight:${l["--_emphasized-label-medium-weight"]};line-height:${l["--_emphasized-label-medium-line-height"]};letter-spacing:${l["--_emphasized-label-medium-tracking"]}}:host([emphasized][variant=label-small]){font-family:${l["--_emphasized-label-small-font"]};font-size:${l["--_emphasized-label-small-size"]};font-weight:${l["--_emphasized-label-small-weight"]};line-height:${l["--_emphasized-label-small-line-height"]};letter-spacing:${l["--_emphasized-label-small-tracking"]}}:host([emphasized][variant=body-large]){font-family:${l["--_emphasized-body-large-font"]};font-size:${l["--_emphasized-body-large-size"]};font-weight:${l["--_emphasized-body-large-weight"]};line-height:${l["--_emphasized-body-large-line-height"]};letter-spacing:${l["--_emphasized-body-large-tracking"]}}:host([emphasized][variant=body-medium]){font-family:${l["--_emphasized-body-medium-font"]};font-size:${l["--_emphasized-body-medium-size"]};font-weight:${l["--_emphasized-body-medium-weight"]};line-height:${l["--_emphasized-body-medium-line-height"]};letter-spacing:${l["--_emphasized-body-medium-tracking"]}}:host([emphasized][variant=body-small]){font-family:${l["--_emphasized-body-small-font"]};font-size:${l["--_emphasized-body-small-size"]};font-weight:${l["--_emphasized-body-small-weight"]};line-height:${l["--_emphasized-body-small-line-height"]};letter-spacing:${l["--_emphasized-body-small-tracking"]}}}`;export{h as typographyStyles};