@frontify/fondue 13.7.0 → 13.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,10 +1,10 @@
1
1
  import plugin from 'tailwindcss/plugin';
2
2
 
3
3
  export default {
4
- theme: {"colors":{"charts":{"dim":{"DEFAULT":"var(--color-charts-dim-default)"},"missing":{"DEFAULT":"var(--color-charts-missing-default)"},"negative":{"DEFAULT":"var(--color-charts-negative-default)","hover":"var(--color-charts-negative-hover)","subtle":"var(--color-charts-negative-subtle)"},"primary":{"DEFAULT":"var(--color-charts-primary-default)","hover":"var(--color-charts-primary-hover)","subtle":"var(--color-charts-primary-subtle)"},"secondary":{"DEFAULT":"var(--color-charts-secondary-default)","hover":"var(--color-charts-secondary-hover)","subtle":"var(--color-charts-secondary-subtle)"},"tertiary":{"DEFAULT":"var(--color-charts-tertiary-default)","hover":"var(--color-charts-tertiary-hover)","subtle":"var(--color-charts-tertiary-subtle)"}},"container":{"disabled":{"DEFAULT":"var(--color-container-disabled-default)","on-disabled-container":"var(--color-container-disabled-on-disabled-container)"},"error":{"active":"var(--color-container-error-active)","DEFAULT":"var(--color-container-error-default)","hover":"var(--color-container-error-hover)","on-error-container":"var(--color-container-error-on-error-container)"},"highlight":{"active":"var(--color-container-highlight-active)","DEFAULT":"var(--color-container-highlight-default)","hover":"var(--color-container-highlight-hover)","on-highlight-container":"var(--color-container-highlight-on-highlight-container)"},"secondary":{"active":"var(--color-container-secondary-active)","DEFAULT":"var(--color-container-secondary-default)","hover":"var(--color-container-secondary-hover)","on-secondary-container":"var(--color-container-secondary-on-secondary-container)","on-secondary-container-variant":"var(--color-container-secondary-on-secondary-container-variant)"},"success":{"active":"var(--color-container-success-active)","DEFAULT":"var(--color-container-success-default)","hover":"var(--color-container-success-hover)","on-success-container":"var(--color-container-success-on-success-container)"},"warning":{"active":"var(--color-container-warning-active)","DEFAULT":"var(--color-container-warning-default)","hover":"var(--color-container-warning-hover)","on-warning-container":"var(--color-container-warning-on-warning-container)"}},"disabled":{"DEFAULT":"var(--color-disabled-default)","on-disabled":"var(--color-disabled-on-disabled)"},"error":{"active":"var(--color-error-active)","DEFAULT":"var(--color-error-default)","hover":"var(--color-error-hover)","on-error":"var(--color-error-on-error)"},"focus":{"contrast":"var(--color-focus-contrast)","DEFAULT":"var(--color-focus-default)"},"highlight":{"active":"var(--color-highlight-active)","DEFAULT":"var(--color-highlight-default)","hover":"var(--color-highlight-hover)","on-highlight":"var(--color-highlight-on-highlight)"},"line":{"mid":"var(--color-line-mid)","strong":"var(--color-line-strong)","subtle":"var(--color-line-subtle)"},"low-contrast":{"DEFAULT":"var(--color-low-contrast-default)"},"overlay":{"DEFAULT":"var(--color-overlay-default)"},"primary":{"active":"var(--color-primary-active)","DEFAULT":"var(--color-primary-default)","hover":"var(--color-primary-hover)","on-primary":"var(--color-primary-on-primary)","on-primary-variant":"var(--color-primary-on-primary-variant)"},"secondary":{"active":"var(--color-secondary-active)","DEFAULT":"var(--color-secondary-default)","hover":"var(--color-secondary-hover)","on-secondary":"var(--color-secondary-on-secondary)"},"shadow":{"DEFAULT":"var(--color-shadow-default)"},"success":{"active":"var(--color-success-active)","DEFAULT":"var(--color-success-default)","hover":"var(--color-success-hover)","on-success":"var(--color-success-on-success)"},"surface":{"active":"var(--color-surface-active)","DEFAULT":"var(--color-surface-default)","dim":"var(--color-surface-dim)","hover":"var(--color-surface-hover)"},"warning":{"active":"var(--color-warning-active)","DEFAULT":"var(--color-warning-default)","hover":"var(--color-warning-hover)","on-warning":"var(--color-warning-on-warning)"},"inherit":"inherit","current":"currentColor","transparent":"transparent"},"fontSize":{"large":"var(--typography-font-size-large)","medium":"var(--typography-font-size-medium)","small":"var(--typography-font-size-small)","x-large":"var(--typography-font-size-x-large)","x-small":"var(--typography-font-size-x-small)","xx-large":"var(--typography-font-size-xx-large)","xx-small":"var(--typography-font-size-xx-small)"},"fontWeight":{"bold":"var(--typography-font-weight-bold)","medium":"var(--typography-font-weight-medium)","regular":"var(--typography-font-weight-regular)"},"fontFamily":{"monospace":"var(--typography-font-family-monospace)","primary":"var(--typography-font-family-primary)"},"letterSpacing":{"DEFAULT":"var(--typography-letter-spacing-default)","wide":"var(--typography-letter-spacing-wide)"},"lineHeight":{"extra-loose":"var(--typography-line-height-extra-loose)","loose":"var(--typography-line-height-loose)","medium":"var(--typography-line-height-medium)","tight":"var(--typography-line-height-tight)","wide":"var(--typography-line-height-wide)"},"borderRadius":{"large":"var(--border-radius-large)","medium":"var(--border-radius-medium)","small":"var(--border-radius-small)","x-large":"var(--border-radius-x-large)","xx-large":"var(--border-radius-xx-large)","DEFAULT":"var(--border-radius-medium)","full":"9999px"},"borderWidth":{"DEFAULT":"var(--border-width-default)","large":"var(--border-width-large)"},"outlineColor":{"DEFAULT":"var(--color-focus-default)"},"outlineWidth":{"DEFAULT":"4px"},"outlineOffset":{"DEFAULT":"2px"},"boxShadow":{"big":"var(--shadow-big)","DEFAULT":"var(--shadow-default)","mid":"var(--shadow-mid)"},"extend":{"spacing":{"large":"var(--spacing-large)","medium":"var(--spacing-medium)","small":"var(--spacing-small)","x-large":"var(--spacing-x-large)","x-small":"var(--spacing-x-small)","xx-large":"var(--spacing-xx-large)","xx-small":"var(--spacing-xx-small)"}}},
4
+ theme: {"colors":{"charts":{"dim":{"DEFAULT":"var(--color-charts-dim-default)"},"missing":{"DEFAULT":"var(--color-charts-missing-default)"},"negative":{"DEFAULT":"var(--color-charts-negative-default)","hover":"var(--color-charts-negative-hover)","subtle":"var(--color-charts-negative-subtle)"},"primary":{"DEFAULT":"var(--color-charts-primary-default)","hover":"var(--color-charts-primary-hover)","subtle":"var(--color-charts-primary-subtle)"},"secondary":{"DEFAULT":"var(--color-charts-secondary-default)","hover":"var(--color-charts-secondary-hover)","subtle":"var(--color-charts-secondary-subtle)"},"tertiary":{"DEFAULT":"var(--color-charts-tertiary-default)","hover":"var(--color-charts-tertiary-hover)","subtle":"var(--color-charts-tertiary-subtle)"}},"container":{"disabled":{"DEFAULT":"var(--color-container-disabled-default)","on-disabled-container":"var(--color-container-disabled-on-disabled-container)"},"error":{"active":"var(--color-container-error-active)","DEFAULT":"var(--color-container-error-default)","hover":"var(--color-container-error-hover)","on-error-container":"var(--color-container-error-on-error-container)"},"highlight":{"active":"var(--color-container-highlight-active)","DEFAULT":"var(--color-container-highlight-default)","hover":"var(--color-container-highlight-hover)","on-highlight-container":"var(--color-container-highlight-on-highlight-container)"},"secondary":{"active":"var(--color-container-secondary-active)","DEFAULT":"var(--color-container-secondary-default)","hover":"var(--color-container-secondary-hover)","on-secondary-container":"var(--color-container-secondary-on-secondary-container)","on-secondary-container-variant":"var(--color-container-secondary-on-secondary-container-variant)"},"success":{"active":"var(--color-container-success-active)","DEFAULT":"var(--color-container-success-default)","hover":"var(--color-container-success-hover)","on-success-container":"var(--color-container-success-on-success-container)"},"warning":{"active":"var(--color-container-warning-active)","DEFAULT":"var(--color-container-warning-default)","hover":"var(--color-container-warning-hover)","on-warning-container":"var(--color-container-warning-on-warning-container)"}},"disabled":{"DEFAULT":"var(--color-disabled-default)","on-disabled":"var(--color-disabled-on-disabled)"},"error":{"active":"var(--color-error-active)","DEFAULT":"var(--color-error-default)","hover":"var(--color-error-hover)","on-error":"var(--color-error-on-error)"},"focus":{"contrast":"var(--color-focus-contrast)","DEFAULT":"var(--color-focus-default)"},"highlight":{"active":"var(--color-highlight-active)","DEFAULT":"var(--color-highlight-default)","hover":"var(--color-highlight-hover)","on-highlight":"var(--color-highlight-on-highlight)"},"line":{"mid":"var(--color-line-mid)","strong":"var(--color-line-strong)","subtle":"var(--color-line-subtle)"},"low-contrast":{"DEFAULT":"var(--color-low-contrast-default)"},"overlay":{"DEFAULT":"var(--color-overlay-default)"},"primary":{"active":"var(--color-primary-active)","DEFAULT":"var(--color-primary-default)","hover":"var(--color-primary-hover)","on-primary":"var(--color-primary-on-primary)","on-primary-variant":"var(--color-primary-on-primary-variant)"},"secondary":{"active":"var(--color-secondary-active)","DEFAULT":"var(--color-secondary-default)","hover":"var(--color-secondary-hover)","on-secondary":"var(--color-secondary-on-secondary)"},"shadow":{"DEFAULT":"var(--color-shadow-default)"},"success":{"active":"var(--color-success-active)","DEFAULT":"var(--color-success-default)","hover":"var(--color-success-hover)","on-success":"var(--color-success-on-success)"},"surface":{"active":"var(--color-surface-active)","DEFAULT":"var(--color-surface-default)","dim":"var(--color-surface-dim)","hover":"var(--color-surface-hover)"},"warning":{"active":"var(--color-warning-active)","DEFAULT":"var(--color-warning-default)","hover":"var(--color-warning-hover)","on-warning":"var(--color-warning-on-warning)"},"inherit":"inherit","current":"currentColor","transparent":"transparent"},"fontSize":{"large":"var(--typography-font-size-large)","medium":"var(--typography-font-size-medium)","small":"var(--typography-font-size-small)","x-large":"var(--typography-font-size-x-large)","x-small":"var(--typography-font-size-x-small)","xx-large":"var(--typography-font-size-xx-large)","xx-small":"var(--typography-font-size-xx-small)","xxx-large":"var(--typography-font-size-xxx-large)","xxxx-large":"var(--typography-font-size-xxxx-large)","xxxxx-large":"var(--typography-font-size-xxxxx-large)"},"fontWeight":{"bold":"var(--typography-font-weight-bold)","light":"var(--typography-font-weight-light)","medium":"var(--typography-font-weight-medium)","regular":"var(--typography-font-weight-regular)"},"fontFamily":{"display":"var(--typography-font-family-display)","monospace":"var(--typography-font-family-monospace)","primary":"var(--typography-font-family-primary)"},"letterSpacing":{"DEFAULT":"var(--typography-letter-spacing-default)","wide":"var(--typography-letter-spacing-wide)"},"lineHeight":{"expansive":"var(--typography-line-height-expansive)","extra-loose":"var(--typography-line-height-extra-loose)","loose":"var(--typography-line-height-loose)","medium":"var(--typography-line-height-medium)","spacious":"var(--typography-line-height-spacious)","sprawling":"var(--typography-line-height-sprawling)","tight":"var(--typography-line-height-tight)","wide":"var(--typography-line-height-wide)"},"borderRadius":{"large":"var(--border-radius-large)","medium":"var(--border-radius-medium)","small":"var(--border-radius-small)","x-large":"var(--border-radius-x-large)","xx-large":"var(--border-radius-xx-large)","DEFAULT":"var(--border-radius-medium)","full":"9999px"},"borderWidth":{"DEFAULT":"var(--border-width-default)","large":"var(--border-width-large)"},"outlineColor":{"DEFAULT":"var(--color-focus-default)"},"outlineWidth":{"DEFAULT":"4px"},"outlineOffset":{"DEFAULT":"2px"},"boxShadow":{"big":"var(--shadow-big)","DEFAULT":"var(--shadow-default)","mid":"var(--shadow-mid)"},"screens":{"2xl":"1536px","lg":"1024px","md":"768px","sm":"600px","xl":"1280px","xs":"390px"},"extend":{"spacing":{"large":"var(--spacing-large)","medium":"var(--spacing-medium)","small":"var(--spacing-small)","x-large":"var(--spacing-x-large)","x-small":"var(--spacing-x-small)","xx-large":"var(--spacing-xx-large)","xx-small":"var(--spacing-xx-small)"}}},
5
5
  plugins: [plugin(function({ addUtilities }) {
6
6
  addUtilities({
7
- '.body-large': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-large)", fontWeight: "var(--typography-font-weight-regular)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-wide)" }, '.body-large-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-large)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-wide)" }, '.body-large-x-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-large)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-wide)" }, '.body-medium': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-medium)", fontWeight: "var(--typography-font-weight-regular)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-medium)" }, '.body-medium-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-medium)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-medium)" }, '.body-medium-x-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-medium)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-medium)" }, '.body-small': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-small)", fontWeight: "var(--typography-font-weight-regular)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.body-small-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-small)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.body-small-x-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-small)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.body-x-small': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-x-small)", fontWeight: "var(--typography-font-weight-regular)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.body-x-small-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-x-small)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.body-x-small-x-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-x-small)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.heading-category': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-xx-small)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-uppercase)", letterSpacing: "var(--typography-letter-spacing-wide)", lineHeight: "var(--typography-line-height-tight)" }, '.heading-category-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-xx-small)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-uppercase)", letterSpacing: "var(--typography-letter-spacing-wide)", lineHeight: "var(--typography-line-height-tight)" }, '.heading-large': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-large)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-wide)" }, '.heading-large-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-large)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-wide)" }, '.heading-medium': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-medium)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.heading-medium-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-medium)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.heading-x-large': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-x-large)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-loose)" }, '.heading-x-large-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-x-large)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-loose)" }, '.heading-xx-large': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-xx-large)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-extra-loose)" }, '.heading-xx-large-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-xx-large)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-extra-loose)" },
7
+ '.body-large': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-large)", fontWeight: "var(--typography-font-weight-regular)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-wide)" }, '.body-large-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-large)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-wide)" }, '.body-large-x-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-large)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-wide)" }, '.body-medium': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-medium)", fontWeight: "var(--typography-font-weight-regular)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-medium)" }, '.body-medium-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-medium)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-medium)" }, '.body-medium-x-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-medium)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-medium)" }, '.body-small': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-small)", fontWeight: "var(--typography-font-weight-regular)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.body-small-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-small)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.body-small-x-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-small)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.body-x-small': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-x-small)", fontWeight: "var(--typography-font-weight-regular)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.body-x-small-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-x-small)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.body-x-small-x-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-x-small)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.display-large': { fontFamily: "var(--typography-font-family-display)", fontSize: "var(--typography-font-size-xxx-large)", fontWeight: "var(--typography-font-weight-regular)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-spacious)" }, '.display-large-light': { fontFamily: "var(--typography-font-family-display)", fontSize: "var(--typography-font-size-xxx-large)", fontWeight: "var(--typography-font-weight-light)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-spacious)" }, '.display-medium': { fontFamily: "var(--typography-font-family-display)", fontSize: "var(--typography-font-size-xx-large)", fontWeight: "var(--typography-font-weight-regular)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-extra-loose)" }, '.display-medium-light': { fontFamily: "var(--typography-font-family-display)", fontSize: "var(--typography-font-size-xx-large)", fontWeight: "var(--typography-font-weight-light)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-extra-loose)" }, '.display-x-large': { fontFamily: "var(--typography-font-family-display)", fontSize: "var(--typography-font-size-xxxx-large)", fontWeight: "var(--typography-font-weight-regular)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-expansive)" }, '.display-x-large-light': { fontFamily: "var(--typography-font-family-display)", fontSize: "var(--typography-font-size-xxxx-large)", fontWeight: "var(--typography-font-weight-light)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-expansive)" }, '.display-xx-large': { fontFamily: "var(--typography-font-family-display)", fontSize: "var(--typography-font-size-xxxxx-large)", fontWeight: "var(--typography-font-weight-regular)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-sprawling)" }, '.display-xx-large-light': { fontFamily: "var(--typography-font-family-display)", fontSize: "var(--typography-font-size-xxxxx-large)", fontWeight: "var(--typography-font-weight-light)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-sprawling)" }, '.heading-category': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-xx-small)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-uppercase)", letterSpacing: "var(--typography-letter-spacing-wide)", lineHeight: "var(--typography-line-height-tight)" }, '.heading-category-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-xx-small)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-uppercase)", letterSpacing: "var(--typography-letter-spacing-wide)", lineHeight: "var(--typography-line-height-tight)" }, '.heading-large': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-large)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-wide)" }, '.heading-large-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-large)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-wide)" }, '.heading-medium': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-medium)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.heading-medium-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-medium)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-tight)" }, '.heading-x-large': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-x-large)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-loose)" }, '.heading-x-large-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-x-large)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-loose)" }, '.heading-xx-large': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-xx-large)", fontWeight: "var(--typography-font-weight-medium)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-extra-loose)" }, '.heading-xx-large-strong': { fontFamily: "var(--typography-font-family-primary)", fontSize: "var(--typography-font-size-xx-large)", fontWeight: "var(--typography-font-weight-bold)", textTransform: "var(--typography-text-transform-default)", letterSpacing: "var(--typography-letter-spacing-default)", lineHeight: "var(--typography-line-height-extra-loose)" },
8
8
  '.ring-focus': {boxShadow: '0 0 0 2px var(--color-surface-default), 0 0 0 6px var(--color-focus-default)',outline: 'none',}
9
9
  })
10
10
  })],
@@ -164,6 +164,54 @@
164
164
  --text-body-x-small-x-strong-letter-casing: var(--typography-text-transform-default);
165
165
  --text-body-x-small-x-strong-letter-spacing: var(--typography-letter-spacing-default);
166
166
  --text-body-x-small-x-strong-line-height: var(--typography-line-height-tight);
167
+ --text-display-large-default-font-family: var(--typography-font-family-display);
168
+ --text-display-large-default-font-size: var(--typography-font-size-xxx-large);
169
+ --text-display-large-default-font-weight: var(--typography-font-weight-regular);
170
+ --text-display-large-default-letter-casing: var(--typography-text-transform-default);
171
+ --text-display-large-default-letter-spacing: var(--typography-letter-spacing-default);
172
+ --text-display-large-default-line-height: var(--typography-line-height-spacious);
173
+ --text-display-large-light-font-family: var(--typography-font-family-display);
174
+ --text-display-large-light-font-size: var(--typography-font-size-xxx-large);
175
+ --text-display-large-light-font-weight: var(--typography-font-weight-light);
176
+ --text-display-large-light-letter-casing: var(--typography-text-transform-default);
177
+ --text-display-large-light-letter-spacing: var(--typography-letter-spacing-default);
178
+ --text-display-large-light-line-height: var(--typography-line-height-spacious);
179
+ --text-display-medium-default-font-family: var(--typography-font-family-display);
180
+ --text-display-medium-default-font-size: var(--typography-font-size-xx-large);
181
+ --text-display-medium-default-font-weight: var(--typography-font-weight-regular);
182
+ --text-display-medium-default-letter-casing: var(--typography-text-transform-default);
183
+ --text-display-medium-default-letter-spacing: var(--typography-letter-spacing-default);
184
+ --text-display-medium-default-line-height: var(--typography-line-height-extra-loose);
185
+ --text-display-medium-light-font-family: var(--typography-font-family-display);
186
+ --text-display-medium-light-font-size: var(--typography-font-size-xx-large);
187
+ --text-display-medium-light-font-weight: var(--typography-font-weight-light);
188
+ --text-display-medium-light-letter-casing: var(--typography-text-transform-default);
189
+ --text-display-medium-light-letter-spacing: var(--typography-letter-spacing-default);
190
+ --text-display-medium-light-line-height: var(--typography-line-height-extra-loose);
191
+ --text-display-x-large-default-font-family: var(--typography-font-family-display);
192
+ --text-display-x-large-default-font-size: var(--typography-font-size-xxxx-large);
193
+ --text-display-x-large-default-font-weight: var(--typography-font-weight-regular);
194
+ --text-display-x-large-default-letter-casing: var(--typography-text-transform-default);
195
+ --text-display-x-large-default-letter-spacing: var(--typography-letter-spacing-default);
196
+ --text-display-x-large-default-line-height: var(--typography-line-height-expansive);
197
+ --text-display-x-large-light-font-family: var(--typography-font-family-display);
198
+ --text-display-x-large-light-font-size: var(--typography-font-size-xxxx-large);
199
+ --text-display-x-large-light-font-weight: var(--typography-font-weight-light);
200
+ --text-display-x-large-light-letter-casing: var(--typography-text-transform-default);
201
+ --text-display-x-large-light-letter-spacing: var(--typography-letter-spacing-default);
202
+ --text-display-x-large-light-line-height: var(--typography-line-height-expansive);
203
+ --text-display-xx-large-default-font-family: var(--typography-font-family-display);
204
+ --text-display-xx-large-default-font-size: var(--typography-font-size-xxxxx-large);
205
+ --text-display-xx-large-default-font-weight: var(--typography-font-weight-regular);
206
+ --text-display-xx-large-default-letter-casing: var(--typography-text-transform-default);
207
+ --text-display-xx-large-default-letter-spacing: var(--typography-letter-spacing-default);
208
+ --text-display-xx-large-default-line-height: var(--typography-line-height-sprawling);
209
+ --text-display-xx-large-light-font-family: var(--typography-font-family-display);
210
+ --text-display-xx-large-light-font-size: var(--typography-font-size-xxxxx-large);
211
+ --text-display-xx-large-light-font-weight: var(--typography-font-weight-light);
212
+ --text-display-xx-large-light-letter-casing: var(--typography-text-transform-default);
213
+ --text-display-xx-large-light-letter-spacing: var(--typography-letter-spacing-default);
214
+ --text-display-xx-large-light-line-height: var(--typography-line-height-sprawling);
167
215
  --text-heading-category-default-font-family: var(--typography-font-family-primary);
168
216
  --text-heading-category-default-font-size: var(--typography-font-size-xx-small);
169
217
  --text-heading-category-default-font-weight: var(--typography-font-weight-medium);
@@ -224,6 +272,7 @@
224
272
  --text-heading-xx-large-strong-letter-casing: var(--typography-text-transform-default);
225
273
  --text-heading-xx-large-strong-letter-spacing: var(--typography-letter-spacing-default);
226
274
  --text-heading-xx-large-strong-line-height: var(--typography-line-height-extra-loose);
275
+ --typography-font-family-display: Cranny,Geist,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
227
276
  --typography-font-family-monospace: Menlo, Courier, monospace;
228
277
  --typography-font-family-primary: Diatype,Geist,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
229
278
  --typography-font-size-large: 1rem;
@@ -233,14 +282,21 @@
233
282
  --typography-font-size-x-small: 0.75rem;
234
283
  --typography-font-size-xx-large: 1.5rem;
235
284
  --typography-font-size-xx-small: 0.6875rem;
285
+ --typography-font-size-xxx-large: 2.25rem;
286
+ --typography-font-size-xxxx-large: 2.5rem;
287
+ --typography-font-size-xxxxx-large: 2.875rem;
236
288
  --typography-font-weight-bold: 700;
289
+ --typography-font-weight-light: 300;
237
290
  --typography-font-weight-medium: 500;
238
291
  --typography-font-weight-regular: 400;
239
292
  --typography-letter-spacing-default: 0px;
240
293
  --typography-letter-spacing-wide: 0.88px;
294
+ --typography-line-height-expansive: 3rem;
241
295
  --typography-line-height-extra-loose: 1.75rem;
242
296
  --typography-line-height-loose: 1.5rem;
243
297
  --typography-line-height-medium: 1.125rem;
298
+ --typography-line-height-spacious: 2.5rem;
299
+ --typography-line-height-sprawling: 3.375rem;
244
300
  --typography-line-height-tight: 1rem;
245
301
  --typography-line-height-wide: 1.25rem;
246
302
  --typography-text-transform-default: none;
@@ -17,7 +17,7 @@ const TOOL_DIR = dirname(fileURLToPath(import.meta.url));
17
17
  const SKILL_SOURCE_DIR = resolve(TOOL_DIR, "adapters", "claude-skill", "skill");
18
18
  const SKILL_NAME = "fondue";
19
19
  const CONSUMER_PACKAGE = "@frontify/fondue";
20
- const FONDUE_VERSION = "13.7.0";
20
+ const FONDUE_VERSION = "13.7.2";
21
21
  const scopeOf = (options) => options.user ? "user" : "project";
22
22
  const projectRoot = () => {
23
23
  let dir = process.cwd();
@@ -195,7 +195,7 @@ Example: fondue adapter ${verb} ${ADAPTERS[0]?.name ?? "<name>"}`
195
195
  }
196
196
  return fail(`Unknown adapter "${name}". Available: ${adapterNames()}.`);
197
197
  };
198
- const program = new Command().name("fondue").description("CLI for Frontify Fondue.").version("13.7.0");
198
+ const program = new Command().name("fondue").description("CLI for Frontify Fondue.").version("13.7.2");
199
199
  const adapter = program.command("adapter").description("Install and manage Fondue SDK adapters (Claude Code skill, MCP, REST, …).");
200
200
  adapter.command("install [name]").aliases(["add", "update"]).description(
201
201
  "Install an adapter, or refresh an existing install in place. Run `adapter list` to see what `<name>` accepts."
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@frontify/fondue",
3
3
  "type": "module",
4
- "version": "13.7.0",
4
+ "version": "13.7.2",
5
5
  "description": "Design system of Frontify",
6
6
  "author": "Frontify Developers <developers@frontify.com>",
7
7
  "homepage": "https://github.com/Frontify/fondue",
@@ -156,12 +156,12 @@
156
156
  "react-is": "^18.3.1",
157
157
  "react-popper": "^2.3.0",
158
158
  "react-textarea-autosize": "^8.5.9",
159
- "@frontify/fondue-charts": "^7.1.1",
160
- "@frontify/fondue-components": "^30.9.0",
161
- "@frontify/fondue-rte": "^0.1.6",
162
- "@frontify/fondue-icons": "^0.26.3",
163
- "@frontify/fondue-sdk": "^0.1.2",
164
- "@frontify/fondue-tokens": "^5.0.4"
159
+ "@frontify/fondue-charts": "^8.0.0",
160
+ "@frontify/fondue-rte": "^0.1.7",
161
+ "@frontify/fondue-sdk": "^0.1.3",
162
+ "@frontify/fondue-icons": "^0.27.0",
163
+ "@frontify/fondue-components": "^31.0.0",
164
+ "@frontify/fondue-tokens": "^5.1.0"
165
165
  },
166
166
  "devDependencies": {
167
167
  "@babel/core": "^7.29.0",
@@ -207,7 +207,7 @@
207
207
  "vite-plugin-dts": "^4.5.4",
208
208
  "vite-plugin-static-copy": "^3.1.5",
209
209
  "vite-tsconfig-paths": "^5.1.4",
210
- "@frontify/fondue-icons": "^0.26.3"
210
+ "@frontify/fondue-icons": "^0.27.0"
211
211
  },
212
212
  "scripts": {
213
213
  "build": "pnpm clean && pnpm build:library && pnpm build:styles-with-tw && pnpm build:package:components && pnpm build:package:locales && pnpm build:package:icons && pnpm build:package:charts && pnpm build:package:tokens && pnpm build:package:rte && pnpm build:package:sdk && pnpm build:tools",