UNPKG

@frontify/fondue

Version:
1,857 lines 80.4 kB
{ "packageName": "@frontify/fondue/tokens", "tokens": [ { "category": "colors", "cssVariable": "var(--color-charts-dim-default)", "id": "color-charts-dim-default", "keyPath": [ "colors", "charts", "dim", "default" ], "tailwindClass": "*-charts-dim", "themeable": true, "type": "color", "value": "var(--color-charts-dim-default)" }, { "category": "colors", "cssVariable": "var(--color-charts-missing-default)", "id": "color-charts-missing-default", "keyPath": [ "colors", "charts", "missing", "default" ], "tailwindClass": "*-charts-missing", "themeable": true, "type": "color", "value": "var(--color-charts-missing-default)" }, { "category": "colors", "cssVariable": "var(--color-charts-negative-default)", "id": "color-charts-negative-default", "keyPath": [ "colors", "charts", "negative", "default" ], "tailwindClass": "*-charts-negative", "themeable": true, "type": "color", "value": "var(--color-charts-negative-default)" }, { "category": "colors", "cssVariable": "var(--color-charts-negative-hover)", "id": "color-charts-negative-hover", "keyPath": [ "colors", "charts", "negative", "hover" ], "tailwindClass": "*-charts-negative-hover", "themeable": true, "type": "color", "value": "var(--color-charts-negative-hover)" }, { "category": "colors", "cssVariable": "var(--color-charts-negative-subtle)", "id": "color-charts-negative-subtle", "keyPath": [ "colors", "charts", "negative", "subtle" ], "tailwindClass": "*-charts-negative-subtle", "themeable": true, "type": "color", "value": "var(--color-charts-negative-subtle)" }, { "category": "colors", "cssVariable": "var(--color-charts-primary-default)", "id": "color-charts-primary-default", "keyPath": [ "colors", "charts", "primary", "default" ], "tailwindClass": "*-charts-primary", "themeable": true, "type": "color", "value": "var(--color-charts-primary-default)" }, { "category": "colors", "cssVariable": "var(--color-charts-primary-hover)", "id": "color-charts-primary-hover", "keyPath": [ "colors", "charts", "primary", "hover" ], "tailwindClass": "*-charts-primary-hover", "themeable": true, "type": "color", "value": "var(--color-charts-primary-hover)" }, { "category": "colors", "cssVariable": "var(--color-charts-primary-subtle)", "id": "color-charts-primary-subtle", "keyPath": [ "colors", "charts", "primary", "subtle" ], "tailwindClass": "*-charts-primary-subtle", "themeable": true, "type": "color", "value": "var(--color-charts-primary-subtle)" }, { "category": "colors", "cssVariable": "var(--color-charts-secondary-default)", "id": "color-charts-secondary-default", "keyPath": [ "colors", "charts", "secondary", "default" ], "tailwindClass": "*-charts-secondary", "themeable": true, "type": "color", "value": "var(--color-charts-secondary-default)" }, { "category": "colors", "cssVariable": "var(--color-charts-secondary-hover)", "id": "color-charts-secondary-hover", "keyPath": [ "colors", "charts", "secondary", "hover" ], "tailwindClass": "*-charts-secondary-hover", "themeable": true, "type": "color", "value": "var(--color-charts-secondary-hover)" }, { "category": "colors", "cssVariable": "var(--color-charts-secondary-subtle)", "id": "color-charts-secondary-subtle", "keyPath": [ "colors", "charts", "secondary", "subtle" ], "tailwindClass": "*-charts-secondary-subtle", "themeable": true, "type": "color", "value": "var(--color-charts-secondary-subtle)" }, { "category": "colors", "cssVariable": "var(--color-charts-tertiary-default)", "id": "color-charts-tertiary-default", "keyPath": [ "colors", "charts", "tertiary", "default" ], "tailwindClass": "*-charts-tertiary", "themeable": true, "type": "color", "value": "var(--color-charts-tertiary-default)" }, { "category": "colors", "cssVariable": "var(--color-charts-tertiary-hover)", "id": "color-charts-tertiary-hover", "keyPath": [ "colors", "charts", "tertiary", "hover" ], "tailwindClass": "*-charts-tertiary-hover", "themeable": true, "type": "color", "value": "var(--color-charts-tertiary-hover)" }, { "category": "colors", "cssVariable": "var(--color-charts-tertiary-subtle)", "id": "color-charts-tertiary-subtle", "keyPath": [ "colors", "charts", "tertiary", "subtle" ], "tailwindClass": "*-charts-tertiary-subtle", "themeable": true, "type": "color", "value": "var(--color-charts-tertiary-subtle)" }, { "category": "colors", "cssVariable": "var(--color-container-disabled-default)", "id": "color-container-disabled-default", "keyPath": [ "colors", "container", "disabled", "default" ], "tailwindClass": "*-container-disabled", "themeable": true, "type": "color", "value": "var(--color-container-disabled-default)" }, { "category": "colors", "cssVariable": "var(--color-container-disabled-on-disabled-container)", "id": "color-container-disabled-on-disabled-container", "keyPath": [ "colors", "container", "disabled", "on-disabled-container" ], "tailwindClass": "*-container-disabled-on-disabled-container", "themeable": true, "type": "color", "value": "var(--color-container-disabled-on-disabled-container)" }, { "category": "colors", "cssVariable": "var(--color-container-error-active)", "id": "color-container-error-active", "keyPath": [ "colors", "container", "error", "active" ], "tailwindClass": "*-container-error-active", "themeable": true, "type": "color", "value": "var(--color-container-error-active)" }, { "category": "colors", "cssVariable": "var(--color-container-error-default)", "id": "color-container-error-default", "keyPath": [ "colors", "container", "error", "default" ], "tailwindClass": "*-container-error", "themeable": true, "type": "color", "value": "var(--color-container-error-default)" }, { "category": "colors", "cssVariable": "var(--color-container-error-hover)", "id": "color-container-error-hover", "keyPath": [ "colors", "container", "error", "hover" ], "tailwindClass": "*-container-error-hover", "themeable": true, "type": "color", "value": "var(--color-container-error-hover)" }, { "category": "colors", "cssVariable": "var(--color-container-error-on-error-container)", "id": "color-container-error-on-error-container", "keyPath": [ "colors", "container", "error", "on-error-container" ], "tailwindClass": "*-container-error-on-error-container", "themeable": true, "type": "color", "value": "var(--color-container-error-on-error-container)" }, { "category": "colors", "cssVariable": "var(--color-container-highlight-active)", "id": "color-container-highlight-active", "keyPath": [ "colors", "container", "highlight", "active" ], "tailwindClass": "*-container-highlight-active", "themeable": true, "type": "color", "value": "var(--color-container-highlight-active)" }, { "category": "colors", "cssVariable": "var(--color-container-highlight-default)", "id": "color-container-highlight-default", "keyPath": [ "colors", "container", "highlight", "default" ], "tailwindClass": "*-container-highlight", "themeable": true, "type": "color", "value": "var(--color-container-highlight-default)" }, { "category": "colors", "cssVariable": "var(--color-container-highlight-hover)", "id": "color-container-highlight-hover", "keyPath": [ "colors", "container", "highlight", "hover" ], "tailwindClass": "*-container-highlight-hover", "themeable": true, "type": "color", "value": "var(--color-container-highlight-hover)" }, { "category": "colors", "cssVariable": "var(--color-container-highlight-on-highlight-container)", "id": "color-container-highlight-on-highlight-container", "keyPath": [ "colors", "container", "highlight", "on-highlight-container" ], "tailwindClass": "*-container-highlight-on-highlight-container", "themeable": true, "type": "color", "value": "var(--color-container-highlight-on-highlight-container)" }, { "category": "colors", "cssVariable": "var(--color-container-secondary-active)", "id": "color-container-secondary-active", "keyPath": [ "colors", "container", "secondary", "active" ], "tailwindClass": "*-container-secondary-active", "themeable": true, "type": "color", "value": "var(--color-container-secondary-active)" }, { "category": "colors", "cssVariable": "var(--color-container-secondary-default)", "id": "color-container-secondary-default", "keyPath": [ "colors", "container", "secondary", "default" ], "tailwindClass": "*-container-secondary", "themeable": true, "type": "color", "value": "var(--color-container-secondary-default)" }, { "category": "colors", "cssVariable": "var(--color-container-secondary-hover)", "id": "color-container-secondary-hover", "keyPath": [ "colors", "container", "secondary", "hover" ], "tailwindClass": "*-container-secondary-hover", "themeable": true, "type": "color", "value": "var(--color-container-secondary-hover)" }, { "category": "colors", "cssVariable": "var(--color-container-secondary-on-secondary-container)", "id": "color-container-secondary-on-secondary-container", "keyPath": [ "colors", "container", "secondary", "on-secondary-container" ], "tailwindClass": "*-container-secondary-on-secondary-container", "themeable": true, "type": "color", "value": "var(--color-container-secondary-on-secondary-container)" }, { "category": "colors", "cssVariable": "var(--color-container-secondary-on-secondary-container-variant)", "id": "color-container-secondary-on-secondary-container-variant", "keyPath": [ "colors", "container", "secondary", "on-secondary-container-variant" ], "tailwindClass": "*-container-secondary-on-secondary-container-variant", "themeable": true, "type": "color", "value": "var(--color-container-secondary-on-secondary-container-variant)" }, { "category": "colors", "cssVariable": "var(--color-container-success-active)", "id": "color-container-success-active", "keyPath": [ "colors", "container", "success", "active" ], "tailwindClass": "*-container-success-active", "themeable": true, "type": "color", "value": "var(--color-container-success-active)" }, { "category": "colors", "cssVariable": "var(--color-container-success-default)", "id": "color-container-success-default", "keyPath": [ "colors", "container", "success", "default" ], "tailwindClass": "*-container-success", "themeable": true, "type": "color", "value": "var(--color-container-success-default)" }, { "category": "colors", "cssVariable": "var(--color-container-success-hover)", "id": "color-container-success-hover", "keyPath": [ "colors", "container", "success", "hover" ], "tailwindClass": "*-container-success-hover", "themeable": true, "type": "color", "value": "var(--color-container-success-hover)" }, { "category": "colors", "cssVariable": "var(--color-container-success-on-success-container)", "id": "color-container-success-on-success-container", "keyPath": [ "colors", "container", "success", "on-success-container" ], "tailwindClass": "*-container-success-on-success-container", "themeable": true, "type": "color", "value": "var(--color-container-success-on-success-container)" }, { "category": "colors", "cssVariable": "var(--color-container-warning-active)", "id": "color-container-warning-active", "keyPath": [ "colors", "container", "warning", "active" ], "tailwindClass": "*-container-warning-active", "themeable": true, "type": "color", "value": "var(--color-container-warning-active)" }, { "category": "colors", "cssVariable": "var(--color-container-warning-default)", "id": "color-container-warning-default", "keyPath": [ "colors", "container", "warning", "default" ], "tailwindClass": "*-container-warning", "themeable": true, "type": "color", "value": "var(--color-container-warning-default)" }, { "category": "colors", "cssVariable": "var(--color-container-warning-hover)", "id": "color-container-warning-hover", "keyPath": [ "colors", "container", "warning", "hover" ], "tailwindClass": "*-container-warning-hover", "themeable": true, "type": "color", "value": "var(--color-container-warning-hover)" }, { "category": "colors", "cssVariable": "var(--color-container-warning-on-warning-container)", "id": "color-container-warning-on-warning-container", "keyPath": [ "colors", "container", "warning", "on-warning-container" ], "tailwindClass": "*-container-warning-on-warning-container", "themeable": true, "type": "color", "value": "var(--color-container-warning-on-warning-container)" }, { "category": "colors", "cssVariable": "var(--color-disabled-default)", "id": "color-disabled-default", "keyPath": [ "colors", "disabled", "default" ], "tailwindClass": "*-disabled", "themeable": true, "type": "color", "value": "var(--color-disabled-default)" }, { "category": "colors", "cssVariable": "var(--color-disabled-on-disabled)", "id": "color-disabled-on-disabled", "keyPath": [ "colors", "disabled", "on-disabled" ], "tailwindClass": "*-disabled-on-disabled", "themeable": true, "type": "color", "value": "var(--color-disabled-on-disabled)" }, { "category": "colors", "cssVariable": "var(--color-error-active)", "id": "color-error-active", "keyPath": [ "colors", "error", "active" ], "tailwindClass": "*-error-active", "themeable": true, "type": "color", "value": "var(--color-error-active)" }, { "category": "colors", "cssVariable": "var(--color-error-default)", "id": "color-error-default", "keyPath": [ "colors", "error", "default" ], "tailwindClass": "*-error", "themeable": true, "type": "color", "value": "var(--color-error-default)" }, { "category": "colors", "cssVariable": "var(--color-error-hover)", "id": "color-error-hover", "keyPath": [ "colors", "error", "hover" ], "tailwindClass": "*-error-hover", "themeable": true, "type": "color", "value": "var(--color-error-hover)" }, { "category": "colors", "cssVariable": "var(--color-error-on-error)", "id": "color-error-on-error", "keyPath": [ "colors", "error", "on-error" ], "tailwindClass": "*-error-on-error", "themeable": true, "type": "color", "value": "var(--color-error-on-error)" }, { "category": "colors", "cssVariable": "var(--color-focus-contrast)", "id": "color-focus-contrast", "keyPath": [ "colors", "focus", "contrast" ], "tailwindClass": "*-focus-contrast", "themeable": true, "type": "color", "value": "var(--color-focus-contrast)" }, { "category": "colors", "cssVariable": "var(--color-focus-default)", "id": "color-focus-default", "keyPath": [ "colors", "focus", "default" ], "tailwindClass": "*-focus", "themeable": true, "type": "color", "value": "var(--color-focus-default)" }, { "category": "colors", "cssVariable": "var(--color-highlight-active)", "id": "color-highlight-active", "keyPath": [ "colors", "highlight", "active" ], "tailwindClass": "*-highlight-active", "themeable": true, "type": "color", "value": "var(--color-highlight-active)" }, { "category": "colors", "cssVariable": "var(--color-highlight-default)", "id": "color-highlight-default", "keyPath": [ "colors", "highlight", "default" ], "tailwindClass": "*-highlight", "themeable": true, "type": "color", "value": "var(--color-highlight-default)" }, { "category": "colors", "cssVariable": "var(--color-highlight-hover)", "id": "color-highlight-hover", "keyPath": [ "colors", "highlight", "hover" ], "tailwindClass": "*-highlight-hover", "themeable": true, "type": "color", "value": "var(--color-highlight-hover)" }, { "category": "colors", "cssVariable": "var(--color-highlight-on-highlight)", "id": "color-highlight-on-highlight", "keyPath": [ "colors", "highlight", "on-highlight" ], "tailwindClass": "*-highlight-on-highlight", "themeable": true, "type": "color", "value": "var(--color-highlight-on-highlight)" }, { "category": "colors", "cssVariable": "var(--color-line-mid)", "id": "color-line-mid", "keyPath": [ "colors", "line", "mid" ], "tailwindClass": "*-line-mid", "themeable": true, "type": "color", "value": "var(--color-line-mid)" }, { "category": "colors", "cssVariable": "var(--color-line-strong)", "id": "color-line-strong", "keyPath": [ "colors", "line", "strong" ], "tailwindClass": "*-line-strong", "themeable": true, "type": "color", "value": "var(--color-line-strong)" }, { "category": "colors", "cssVariable": "var(--color-line-subtle)", "id": "color-line-subtle", "keyPath": [ "colors", "line", "subtle" ], "tailwindClass": "*-line-subtle", "themeable": true, "type": "color", "value": "var(--color-line-subtle)" }, { "category": "colors", "cssVariable": "var(--color-low-contrast-default)", "id": "color-low-contrast-default", "keyPath": [ "colors", "low-contrast", "default" ], "tailwindClass": "*-low-contrast", "themeable": true, "type": "color", "value": "var(--color-low-contrast-default)" }, { "category": "colors", "cssVariable": "var(--color-overlay-default)", "id": "color-overlay-default", "keyPath": [ "colors", "overlay", "default" ], "tailwindClass": "*-overlay", "themeable": true, "type": "color", "value": "var(--color-overlay-default)" }, { "category": "colors", "cssVariable": "var(--color-primary-active)", "id": "color-primary-active", "keyPath": [ "colors", "primary", "active" ], "tailwindClass": "*-primary-active", "themeable": true, "type": "color", "value": "var(--color-primary-active)" }, { "category": "colors", "cssVariable": "var(--color-primary-default)", "id": "color-primary-default", "keyPath": [ "colors", "primary", "default" ], "tailwindClass": "*-primary", "themeable": true, "type": "color", "value": "var(--color-primary-default)" }, { "category": "colors", "cssVariable": "var(--color-primary-hover)", "id": "color-primary-hover", "keyPath": [ "colors", "primary", "hover" ], "tailwindClass": "*-primary-hover", "themeable": true, "type": "color", "value": "var(--color-primary-hover)" }, { "category": "colors", "cssVariable": "var(--color-primary-on-primary)", "id": "color-primary-on-primary", "keyPath": [ "colors", "primary", "on-primary" ], "tailwindClass": "*-primary-on-primary", "themeable": true, "type": "color", "value": "var(--color-primary-on-primary)" }, { "category": "colors", "cssVariable": "var(--color-primary-on-primary-variant)", "id": "color-primary-on-primary-variant", "keyPath": [ "colors", "primary", "on-primary-variant" ], "tailwindClass": "*-primary-on-primary-variant", "themeable": true, "type": "color", "value": "var(--color-primary-on-primary-variant)" }, { "category": "colors", "cssVariable": "var(--color-secondary-active)", "id": "color-secondary-active", "keyPath": [ "colors", "secondary", "active" ], "tailwindClass": "*-secondary-active", "themeable": true, "type": "color", "value": "var(--color-secondary-active)" }, { "category": "colors", "cssVariable": "var(--color-secondary-default)", "id": "color-secondary-default", "keyPath": [ "colors", "secondary", "default" ], "tailwindClass": "*-secondary", "themeable": true, "type": "color", "value": "var(--color-secondary-default)" }, { "category": "colors", "cssVariable": "var(--color-secondary-hover)", "id": "color-secondary-hover", "keyPath": [ "colors", "secondary", "hover" ], "tailwindClass": "*-secondary-hover", "themeable": true, "type": "color", "value": "var(--color-secondary-hover)" }, { "category": "colors", "cssVariable": "var(--color-secondary-on-secondary)", "id": "color-secondary-on-secondary", "keyPath": [ "colors", "secondary", "on-secondary" ], "tailwindClass": "*-secondary-on-secondary", "themeable": true, "type": "color", "value": "var(--color-secondary-on-secondary)" }, { "category": "colors", "cssVariable": "var(--color-shadow-default)", "id": "color-shadow-default", "keyPath": [ "colors", "shadow", "default" ], "tailwindClass": "*-shadow", "themeable": true, "type": "color", "value": "var(--color-shadow-default)" }, { "category": "colors", "cssVariable": "var(--color-success-active)", "id": "color-success-active", "keyPath": [ "colors", "success", "active" ], "tailwindClass": "*-success-active", "themeable": true, "type": "color", "value": "var(--color-success-active)" }, { "category": "colors", "cssVariable": "var(--color-success-default)", "id": "color-success-default", "keyPath": [ "colors", "success", "default" ], "tailwindClass": "*-success", "themeable": true, "type": "color", "value": "var(--color-success-default)" }, { "category": "colors", "cssVariable": "var(--color-success-hover)", "id": "color-success-hover", "keyPath": [ "colors", "success", "hover" ], "tailwindClass": "*-success-hover", "themeable": true, "type": "color", "value": "var(--color-success-hover)" }, { "category": "colors", "cssVariable": "var(--color-success-on-success)", "id": "color-success-on-success", "keyPath": [ "colors", "success", "on-success" ], "tailwindClass": "*-success-on-success", "themeable": true, "type": "color", "value": "var(--color-success-on-success)" }, { "category": "colors", "cssVariable": "var(--color-surface-active)", "id": "color-surface-active", "keyPath": [ "colors", "surface", "active" ], "tailwindClass": "*-surface-active", "themeable": true, "type": "color", "value": "var(--color-surface-active)" }, { "category": "colors", "cssVariable": "var(--color-surface-default)", "id": "color-surface-default", "keyPath": [ "colors", "surface", "default" ], "tailwindClass": "*-surface", "themeable": true, "type": "color", "value": "var(--color-surface-default)" }, { "category": "colors", "cssVariable": "var(--color-surface-dim)", "id": "color-surface-dim", "keyPath": [ "colors", "surface", "dim" ], "tailwindClass": "*-surface-dim", "themeable": true, "type": "color", "value": "var(--color-surface-dim)" }, { "category": "colors", "cssVariable": "var(--color-surface-hover)", "id": "color-surface-hover", "keyPath": [ "colors", "surface", "hover" ], "tailwindClass": "*-surface-hover", "themeable": true, "type": "color", "value": "var(--color-surface-hover)" }, { "category": "colors", "cssVariable": "var(--color-warning-active)", "id": "color-warning-active", "keyPath": [ "colors", "warning", "active" ], "tailwindClass": "*-warning-active", "themeable": true, "type": "color", "value": "var(--color-warning-active)" }, { "category": "colors", "cssVariable": "var(--color-warning-default)", "id": "color-warning-default", "keyPath": [ "colors", "warning", "default" ], "tailwindClass": "*-warning", "themeable": true, "type": "color", "value": "var(--color-warning-default)" }, { "category": "colors", "cssVariable": "var(--color-warning-hover)", "id": "color-warning-hover", "keyPath": [ "colors", "warning", "hover" ], "tailwindClass": "*-warning-hover", "themeable": true, "type": "color", "value": "var(--color-warning-hover)" }, { "category": "colors", "cssVariable": "var(--color-warning-on-warning)", "id": "color-warning-on-warning", "keyPath": [ "colors", "warning", "on-warning" ], "tailwindClass": "*-warning-on-warning", "themeable": true, "type": "color", "value": "var(--color-warning-on-warning)" }, { "category": "semantic", "cssVariable": "var(--border-radius-large)", "id": "border-radius-large", "keyPath": [ "semantic", "border-radius", "large" ], "tailwindClass": "rounded-large", "themeable": false, "type": "float", "value": "var(--border-radius-large)" }, { "category": "semantic", "cssVariable": "var(--border-radius-medium)", "id": "border-radius-medium", "keyPath": [ "semantic", "border-radius", "medium" ], "tailwindClass": "rounded-medium", "themeable": false, "type": "float", "value": "var(--border-radius-medium)" }, { "category": "semantic", "cssVariable": "var(--border-radius-small)", "id": "border-radius-small", "keyPath": [ "semantic", "border-radius", "small" ], "tailwindClass": "rounded-small", "themeable": false, "type": "float", "value": "var(--border-radius-small)" }, { "category": "semantic", "cssVariable": "var(--border-radius-x-large)", "id": "border-radius-x-large", "keyPath": [ "semantic", "border-radius", "x-large" ], "tailwindClass": "rounded-x-large", "themeable": false, "type": "float", "value": "var(--border-radius-x-large)" }, { "category": "semantic", "cssVariable": "var(--border-width-default)", "id": "border-width-default", "keyPath": [ "semantic", "border-width", "default" ], "tailwindClass": "border", "themeable": false, "type": "float", "value": "var(--border-width-default)" }, { "category": "semantic", "cssVariable": "var(--border-width-large)", "id": "border-width-large", "keyPath": [ "semantic", "border-width", "large" ], "tailwindClass": "border-large", "themeable": false, "type": "float", "value": "var(--border-width-large)" }, { "category": "semantic", "cssVariable": "var(--shadow-big)", "id": "shadow-big", "keyPath": [ "semantic", "shadow", "big" ], "tailwindClass": "shadow-big", "themeable": true, "type": "shadow", "value": "var(--shadow-big)" }, { "category": "semantic", "cssVariable": "var(--shadow-default)", "id": "shadow-default", "keyPath": [ "semantic", "shadow", "default" ], "tailwindClass": "shadow", "themeable": true, "type": "shadow", "value": "var(--shadow-default)" }, { "category": "semantic", "cssVariable": "var(--shadow-mid)", "id": "shadow-mid", "keyPath": [ "semantic", "shadow", "mid" ], "tailwindClass": "shadow-mid", "themeable": true, "type": "shadow", "value": "var(--shadow-mid)" }, { "category": "semantic", "cssVariable": "var(--spacing-large)", "id": "spacing-large", "keyPath": [ "semantic", "spacing", "large" ], "tailwindClass": "*-large", "themeable": false, "type": "float", "value": "var(--spacing-large)" }, { "category": "semantic", "cssVariable": "var(--spacing-medium)", "id": "spacing-medium", "keyPath": [ "semantic", "spacing", "medium" ], "tailwindClass": "*-medium", "themeable": false, "type": "float", "value": "var(--spacing-medium)" }, { "category": "semantic", "cssVariable": "var(--spacing-small)", "id": "spacing-small", "keyPath": [ "semantic", "spacing", "small" ], "tailwindClass": "*-small", "themeable": false, "type": "float", "value": "var(--spacing-small)" }, { "category": "semantic", "cssVariable": "var(--spacing-x-large)", "id": "spacing-x-large", "keyPath": [ "semantic", "spacing", "x-large" ], "tailwindClass": "*-x-large", "themeable": false, "type": "float", "value": "var(--spacing-x-large)" }, { "category": "semantic", "cssVariable": "var(--spacing-x-small)", "id": "spacing-x-small", "keyPath": [ "semantic", "spacing", "x-small" ], "tailwindClass": "*-x-small", "themeable": false, "type": "float", "value": "var(--spacing-x-small)" }, { "category": "semantic", "cssVariable": "var(--spacing-xx-large)", "id": "spacing-xx-large", "keyPath": [ "semantic", "spacing", "xx-large" ], "tailwindClass": "*-xx-large", "themeable": false, "type": "float", "value": "var(--spacing-xx-large)" }, { "category": "semantic", "cssVariable": "var(--spacing-xx-small)", "id": "spacing-xx-small", "keyPath": [ "semantic", "spacing", "xx-small" ], "tailwindClass": "*-xx-small", "themeable": false, "type": "float", "value": "var(--spacing-xx-small)" }, { "category": "semantic", "cssVariable": "var(--typography-font-family-monospace)", "id": "typography-font-family-monospace", "keyPath": [ "semantic", "typography", "font-family", "monospace" ], "tailwindClass": "font-monospace", "themeable": false, "type": "string", "value": "var(--typography-font-family-monospace)" }, { "category": "semantic", "cssVariable": "var(--typography-font-family-primary)", "id": "typography-font-family-primary", "keyPath": [ "semantic", "typography", "font-family", "primary" ], "tailwindClass": "font-primary", "themeable": false, "type": "string", "value": "var(--typography-font-family-primary)" }, { "category": "semantic", "cssVariable": "var(--typography-font-size-large)", "id": "typography-font-size-large", "keyPath": [ "semantic", "typography", "font-size", "large" ], "tailwindClass": "text-large", "themeable": false, "type": "float", "value": "var(--typography-font-size-large)" }, { "category": "semantic", "cssVariable": "var(--typography-font-size-medium)", "id": "typography-font-size-medium", "keyPath": [ "semantic", "typography", "font-size", "medium" ], "tailwindClass": "text-medium", "themeable": false, "type": "float", "value": "var(--typography-font-size-medium)" }, { "category": "semantic", "cssVariable": "var(--typography-font-size-small)", "id": "typography-font-size-small", "keyPath": [ "semantic", "typography", "font-size", "small" ], "tailwindClass": "text-small", "themeable": false, "type": "float", "value": "var(--typography-font-size-small)" }, { "category": "semantic", "cssVariable": "var(--typography-font-size-x-large)", "id": "typography-font-size-x-large", "keyPath": [ "semantic", "typography", "font-size", "x-large" ], "tailwindClass": "text-x-large", "themeable": false, "type": "float", "value": "var(--typography-font-size-x-large)" }, { "category": "semantic", "cssVariable": "var(--typography-font-size-x-small)", "id": "typography-font-size-x-small", "keyPath": [ "semantic", "typography", "font-size", "x-small" ], "tailwindClass": "text-x-small", "themeable": false, "type": "float", "value": "var(--typography-font-size-x-small)" }, { "category": "semantic", "cssVariable": "var(--typography-font-size-xx-large)", "id": "typography-font-size-xx-large", "keyPath": [ "semantic", "typography", "font-size", "xx-large" ], "tailwindClass": "text-xx-large", "themeable": false, "type": "float", "value": "var(--typography-font-size-xx-large)" }, { "category": "semantic", "cssVariable": "var(--typography-font-size-xx-small)", "id": "typography-font-size-xx-small", "keyPath": [ "semantic", "typography", "font-size", "xx-small" ], "tailwindClass": "text-xx-small", "themeable": false, "type": "float", "value": "var(--typography-font-size-xx-small)" }, { "category": "semantic", "cssVariable": "var(--typography-font-weight-bold)", "id": "typography-font-weight-bold", "keyPath": [ "semantic", "typography", "font-weight", "bold" ], "tailwindClass": "font-bold", "themeable": false, "type": "float", "value": "var(--typography-font-weight-bold)" }, { "category": "semantic", "cssVariable": "var(--typography-font-weight-medium)", "id": "typography-font-weight-medium", "keyPath": [ "semantic", "typography", "font-weight", "medium" ], "tailwindClass": "font-medium", "themeable": false, "type": "float", "value": "var(--typography-font-weight-medium)" }, { "category": "semantic", "cssVariable": "var(--typography-font-weight-regular)", "id": "typography-font-weight-regular", "keyPath": [ "semantic", "typography", "font-weight", "regular" ], "tailwindClass": "font-regular", "themeable": false, "type": "float", "value": "var(--typography-font-weight-regular)" }, { "category": "semantic", "cssVariable": "var(--typography-letter-spacing-default)", "id": "typography-letter-spacing-default", "keyPath": [ "semantic", "typography", "letter-spacing", "default" ], "tailwindClass": "tracking", "themeable": false, "type": "float", "value": "var(--typography-letter-spacing-default)" }, { "category": "semantic", "cssVariable": "var(--typography-letter-spacing-wide)", "id": "typography-letter-spacing-wide", "keyPath": [ "semantic", "typography", "letter-spacing", "wide" ], "tailwindClass": "tracking-wide", "themeable": false, "type": "float", "value": "var(--typography-letter-spacing-wide)" }, { "category": "semantic", "cssVariable": "var(--typography-line-height-extra-loose)", "id": "typography-line-height-extra-loose", "keyPath": [ "semantic", "typography", "line-height", "extra-loose" ], "tailwindClass": "leading-extra-loose", "themeable": false, "type": "float", "value": "var(--typography-line-height-extra-loose)" }, { "category": "semantic", "cssVariable": "var(--typography-line-height-loose)", "id": "typography-line-height-loose", "keyPath": [ "semantic", "typography", "line-height", "loose" ], "tailwindClass": "leading-loose", "themeable": false, "type": "float", "value": "var(--typography-line-height-loose)" }, { "category": "semantic", "cssVariable": "var(--typography-line-height-medium)", "id": "typography-line-height-medium", "keyPath": [ "semantic", "typography", "line-height", "medium" ], "tailwindClass": "leading-medium", "themeable": false, "type": "float", "value": "var(--typography-line-height-medium)" }, { "category": "semantic", "cssVariable": "var(--typography-line-height-tight)", "id": "typography-line-height-tight", "keyPath": [ "semantic", "typography", "line-height", "tight" ], "tailwindClass": "leading-tight", "themeable": false, "type": "float", "value": "var(--typography-line-height-tight)" }, { "category": "semantic", "cssVariable": "var(--typography-line-height-wide)", "id": "typography-line-height-wide", "keyPath": [ "semantic", "typography", "line-height", "wide" ], "tailwindClass": "leading-wide", "themeable": false, "type": "float", "value": "var(--typography-line-height-wide)" }, { "category": "semantic", "cssVariable": "var(--typography-text-transform-default)", "id": "typography-text-transform-default", "keyPath": [ "semantic", "typography", "text-transform", "default" ], "tailwindClass": "typography-text-transform-default", "themeable": false, "type": "string", "value": "var(--typography-text-transform-default)" }, { "category": "semantic", "cssVariable": "var(--typography-text-transform-uppercase)", "id": "typography-text-transform-uppercase", "keyPath": [ "semantic", "typography", "text-transform", "uppercase" ], "tailwindClass": "typography-text-transform-uppercase", "themeable": false, "type": "string", "value": "var(--typography-text-transform-uppercase)" } ], "utilities": [ { "id": "utilities-text-body-large-default", "keyPath": [ "utilities", "text", "body", "large", "default" ], "properties": [ { "cssVariable": "var(--text-body-large-default-font-family)", "id": "text-body-large-default-font-family", "type": "string", "value": "ref_typography/font-family/primary" }, { "cssVariable": "var(--text-body-large-default-font-size)", "id": "text-body-large-default-font-size", "type": "float", "value": "ref_typography/font-size/large" }, { "cssVariable": "var(--text-body-large-default-font-weight)", "id": "text-body-large-default-font-weight", "type": "float", "value": "ref_typography/font-weight/regular" }, { "cssVariable": "var(--text-body-large-default-letter-casing)", "id": "text-body-large-default-letter-casing", "type": "string", "value": "ref_typography/text-transform/default" }, { "cssVariable": "var(--text-body-large-default-letter-spacing)", "id": "text-body-large-default-letter-spacing", "type": "float", "value": "ref_typography/letter-spacing/default" }, { "cssVariable": "var(--text-body-large-default-line-height)", "id": "text-body-large-default-line-height", "type": "float", "value": "ref_typography/line-height/wide" } ], "tailwindClass": "body-large", "themeable": false }, { "id": "utilities-text-body-large-strong", "keyPath": [ "utilities", "text", "body", "large", "strong" ], "properties": [ { "cssVariable": "var(--text-body-large-strong-font-family)", "id": "text-body-large-strong-font-family", "type": "string", "value": "ref_typography/font-family/primary" }, { "cssVariable": "var(--text-body-large-strong-font-size)", "id": "text-body-large-strong-font-size", "type": "float", "value": "ref_typography/font-size/large" }, { "cssVariable": "var(--text-body-large-strong-font-weight)", "id": "text-body-large-strong-font-weight", "type": "float", "value": "ref_typography/font-weight/medium" }, { "cssVariable": "var(--text-body-large-strong-letter-casing)", "id": "text-body-large-strong-letter-casing", "type": "string", "value": "ref_typography/text-transform/default" }, { "cssVariable": "var(--text-body-large-strong-letter-spacing)", "id": "text-body-large-strong-letter-spacing", "type": "float", "value": "ref_typography/letter-spacing/default" }, { "cssVariable": "var(--text-body-large-strong-line-height)", "id": "text-body-large-strong-line-height", "type": "float", "value": "ref_typography/line-height/wide" } ], "tailwindClass": "body-large-strong", "themeable": false }, { "id": "utilities-text-body-large-x-strong", "keyPath": [ "utilities", "text", "body", "large", "x-strong" ], "properties": [ { "cssVariable": "var(--text-body-large-x-strong-font-family)", "id": "text-body-large-x-strong-font-family", "type": "string", "value": "ref_typography/font-family/primary" }, { "cssVariable": "var(--text-body-large-x-strong-font-size)", "id": "text-body-large-x-strong-font-size", "type": "float", "value": "ref_typography/font-size/large" }, { "cssVariable": "var(--text-body-large-x-strong-font-weight)", "id": "text-body-large-x-strong-font-weight", "type": "float", "value": "ref_typography/font-weight/bold" }, { "cssVariable": "var(--text-body-large-x-strong-letter-casing)", "id": "text-body-large-x-strong-letter-casing", "type": "string", "value": "ref_typography/text-transform/default" }, { "cssVariable": "var(--text-body-large-x-strong-letter-spacing)", "id": "text-body-large-x-strong-letter-spacing", "type": "float", "value": "ref_typography/letter-spacing/default" }, { "cssVariable": "var(--text-body-large-x-strong-line-height)", "id": "text-body-large-x-strong-line-height", "type": "float", "value": "ref_typography/line-height/wide" } ], "tailwindClass": "body-large-x-strong", "themeable": false }, { "id": "utilities-text-body-medium-default", "keyPath": [ "utilities", "text", "body", "medium", "default" ], "properties": [ { "cssVariable": "var(--text-body-medium-default-font-family)", "id": "text-body-medium-default-font-family", "type": "string", "value": "ref_typography/font-family/primary" }, { "cssVariable": "var(--text-body-medium-default-font-size)", "id": "text-body-medium-default-font-size", "type": "float", "value": "ref_typography/font-size/medium" }, { "cssVariable": "var(--text-body-medium-default-font-weight)", "id": "text-body-medium-default-font-weight", "type": "float", "value": "ref_typography/font-weight/regular" }, { "cssVariable": "var(--text-body-medium-default-letter-casing)", "id": "text-body-medium-default-letter-casing", "type": "string", "value": "ref_typography/text-transform/default" }, { "cssVariable": "var(--text-body-medium-default-letter-spacing)", "id": "text-body-medium-default-letter-spacing", "type": "float", "value": "ref_typography/letter-spacing/default" }, { "cssVariable": "var(--text-body-medium-default-line-height)", "id": "text-body-medium-default-line-height", "type": "float", "value": "ref_typography/line-height/medium" } ], "tailwindClass": "body-medium", "themeable": false }, { "id": "utilities-text-body-medium-strong", "keyPath": [ "utilities", "text", "body", "medium", "strong" ], "properties": [ { "cssVariable": "var(--text-body-medium-strong-font-fami