@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.
- package/README.md +2 -5
- package/dist/packages/components/style.css +1 -1
- package/dist/packages/rte/style.css +1 -1
- package/dist/packages/tokens/css/base.css +56 -0
- package/dist/packages/tokens/json/all-tokens.json +422 -0
- package/dist/packages/tokens/json/semantic.json +156 -0
- package/dist/packages/tokens/json/utilities.json +266 -0
- package/dist/packages/tokens/manifest.json +732 -0
- package/dist/packages/tokens/tailwind/tailwind.config.js +2 -2
- package/dist/packages/tokens/themes/themes.module.css +56 -0
- package/dist/tools/sdk-cli/index.js +2 -2
- package/package.json +8 -8
|
@@ -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.
|
|
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.
|
|
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.
|
|
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": "^
|
|
160
|
-
"@frontify/fondue-
|
|
161
|
-
"@frontify/fondue-
|
|
162
|
-
"@frontify/fondue-icons": "^0.
|
|
163
|
-
"@frontify/fondue-
|
|
164
|
-
"@frontify/fondue-tokens": "^5.0
|
|
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.
|
|
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",
|