@ledgerhq/lumen-design-core 0.1.11 → 0.1.13

package/dist/lib/themes/css/primitives-css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitives-css.d.ts","sourceRoot":"","sources":["../../../../src/lib/themes/css/primitives-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAwuBlE,CAAC"}
+{"version":3,"file":"primitives-css.d.ts","sourceRoot":"","sources":["../../../../src/lib/themes/css/primitives-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkvBiD,CAAC"}

package/dist/lib/themes/css/primitives-css.js

@@ -35,6 +35,9 @@ export const tokens = {
         '--color-light-grey-075-0': '#fdfdfd00',
         '--color-light-grey-075': '#fdfdfd',
         '--color-light-grey-100-0': '#fafafa00',
+        '--color-light-grey-200-0': '#f1f1f100',
+        '--color-light-grey-300-50': '#e8e8e880',
+        '--color-light-grey-600-0': '#76767600',
         '--color-light-grey-950-0': '#00000000',
         '--color-light-grey-950-3': '#00000008',
         '--color-light-grey-950-5': '#0000000d',
@@ -93,6 +96,7 @@ export const tokens = {
         '--color-light-green-050': '#f4fbf2',
         '--color-light-green-600-0': '#47883a00',
         '--color-light-green-600-10': '#47883a1a',
+        '--color-light-green-600-50': '#47883a80',
         '--color-light-yellow-100': '#fff3d5',
         '--color-light-yellow-200': '#ffe7ac',
         '--color-light-yellow-300': '#ffd373',
@@ -123,6 +127,7 @@ export const tokens = {
         '--color-light-red-600-10': '#c242441a',
         '--color-light-red-600-20': '#c2424433',
         '--color-light-red-600-30': '#c242444d',
+        '--color-light-red-600-50': '#c2424480',
         '--color-light-crypto-aion': '#212529',
         '--color-light-crypto-aion-0': '#21252900',
         '--color-light-crypto-algorand': '#000000',
@@ -315,6 +320,9 @@ export const tokens = {
         '--color-dark-grey-075-0': '#10101000',
         '--color-dark-grey-075': '#101010',
         '--color-dark-grey-100-0': '#15151500',
+        '--color-dark-grey-200-0': '#1f1f1f00',
+        '--color-dark-grey-300-50': '#3c3c3c80',
+        '--color-dark-grey-500-0': '#71707000',
         '--color-dark-grey-950-0': '#ffffff00',
         '--color-dark-grey-950-3': '#ffffff08',
         '--color-dark-grey-950-5': '#ffffff0d',
@@ -374,6 +382,7 @@ export const tokens = {
         '--color-dark-green-600-0': '#6ec85c00',
         '--color-dark-green-600-10': '#6ec85c1a',
         '--color-dark-green-600-15': '#6ec85c26',
+        '--color-dark-green-600-50': '#6ec85c80',
         '--color-dark-yellow-100': '#63420f',
         '--color-dark-yellow-200': '#885a14',
         '--color-dark-yellow-300': '#ae731a',
@@ -404,6 +413,7 @@ export const tokens = {
         '--color-dark-red-600-15': '#f8727426',
         '--color-dark-red-600-30': '#f872744d',
         '--color-dark-red-600-40': '#f8727466',
+        '--color-dark-red-600-50': '#f8727480',
         '--color-dark-crypto-aion': '#212529',
         '--color-dark-crypto-aion-0': '#21252900',
         '--color-dark-crypto-algorand': '#000000',

package/dist/lib/themes/css/tokenIntegrity.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tokenIntegrity.test.d.ts.map

package/dist/lib/themes/css/tokenIntegrity.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenIntegrity.test.d.ts","sourceRoot":"","sources":["../../../../src/lib/themes/css/tokenIntegrity.test.ts"],"names":[],"mappings":""}

package/dist/lib/themes/css/tokenIntegrity.test.js

@@ -0,0 +1,137 @@
+import fs from 'fs';
+import path from 'path';
+import postcss from 'postcss';
+import { describe, it, expect } from 'vitest';
+import { tokens as enterpriseDarkTokens } from './enterprise/theme.dark-css';
+import { tokens as enterpriseLightTokens } from './enterprise/theme.light-css';
+import { tokens as llDarkTokens } from './ledger-live/theme.dark-css';
+import { tokens as llLightTokens } from './ledger-live/theme.light-css';
+import { tokens as primitivesTokens } from './primitives-css';
+import { tokens as typographyLgTokens } from './typographies/typography.lg-css';
+import { tokens as typographyMdTokens } from './typographies/typography.md-css';
+import { tokens as typographySmTokens } from './typographies/typography.sm-css';
+import { tokens as typographyXlTokens } from './typographies/typography.xl-css';
+import { tokens as typographyXsTokens } from './typographies/typography.xs-css';
+import { tokens as websitesDarkTokens } from './websites/theme.dark-css';
+import { tokens as websitesLightTokens } from './websites/theme.light-css';
+// -- Helpers ------------------------------------------------------------------
+function parseCssDeclarations(cssContent) {
+    const root = postcss.parse(cssContent);
+    const declarations = new Map();
+    root.walkDecls((decl) => {
+        declarations.set(decl.prop, decl.value);
+    });
+    return declarations;
+}
+function readCssFile(relativePath) {
+    return fs.readFileSync(path.resolve(__dirname, relativePath), 'utf-8');
+}
+// -- CSS files: valid syntax --------------------------------------------------
+const cssFiles = [
+    'primitives.css',
+    'ledger-live/variables.light.css',
+    'ledger-live/variables.dark.css',
+    'enterprise/variables.light.css',
+    'enterprise/variables.dark.css',
+    'websites/variables.light.css',
+    'websites/variables.dark.css',
+    'typographies/typography.xs.css',
+    'typographies/typography.sm.css',
+    'typographies/typography.md.css',
+    'typographies/typography.lg.css',
+    'typographies/typography.xl.css',
+];
+describe('CSS files parse without errors', () => {
+    it.each(cssFiles)('%s', (file) => {
+        const content = readCssFile(`./${file}`);
+        expect(() => postcss.parse(content)).not.toThrow();
+        const declarations = parseCssDeclarations(content);
+        expect(declarations.size).toBeGreaterThan(0);
+    });
+});
+// -- TS token files: structural integrity -------------------------------------
+const tsTokenFiles = [
+    { name: 'primitives-css', tokens: primitivesTokens },
+    { name: 'ledger-live/theme.light-css', tokens: llLightTokens },
+    { name: 'ledger-live/theme.dark-css', tokens: llDarkTokens },
+    { name: 'enterprise/theme.light-css', tokens: enterpriseLightTokens },
+    { name: 'enterprise/theme.dark-css', tokens: enterpriseDarkTokens },
+    { name: 'websites/theme.light-css', tokens: websitesLightTokens },
+    { name: 'websites/theme.dark-css', tokens: websitesDarkTokens },
+    { name: 'typographies/typography.xs-css', tokens: typographyXsTokens },
+    { name: 'typographies/typography.sm-css', tokens: typographySmTokens },
+    { name: 'typographies/typography.md-css', tokens: typographyMdTokens },
+    { name: 'typographies/typography.lg-css', tokens: typographyLgTokens },
+    { name: 'typographies/typography.xl-css', tokens: typographyXlTokens },
+];
+describe.each(tsTokenFiles)('$name — TS token integrity', ({ tokens }) => {
+    const topKey = Object.keys(tokens)[0];
+    const tokenMap = tokens[topKey];
+    it('has exactly one top-level selector key', () => {
+        expect(Object.keys(tokens)).toHaveLength(1);
+    });
+    it('token map is not empty', () => {
+        expect(Object.keys(tokenMap).length).toBeGreaterThan(0);
+    });
+    it('all keys are valid CSS custom properties', () => {
+        for (const key of Object.keys(tokenMap)) {
+            expect(key, `"${key}" is not a valid CSS custom property`).toMatch(/^--[a-z0-9-]+$/);
+        }
+    });
+    it('no value is empty, undefined, or null', () => {
+        for (const [key, value] of Object.entries(tokenMap)) {
+            expect(value, `${key} is undefined/null`).toBeDefined();
+            expect(String(value), `${key} is empty`).not.toBe('');
+        }
+    });
+});
+// -- Sanity checks on well-known primitive values -----------------------------
+describe('primitives — core value sanity checks', () => {
+    const root = primitivesTokens[':root'];
+    it('light white is #ffffff', () => {
+        expect(root['--color-light-constant-050']).toBe('#ffffff');
+    });
+    it('dark black is #000000', () => {
+        expect(root['--color-dark-constant-950']).toBe('#000000');
+    });
+    it('spacing-0 is 0px', () => {
+        expect(root['--spacing-0']).toBe('0px');
+    });
+    it('spacing-16 is 16px', () => {
+        expect(root['--spacing-16']).toBe('16px');
+    });
+    it('border-radius-full is 10000px', () => {
+        expect(root['--border-radius-full']).toBe('10000px');
+    });
+    it('font-family is Inter', () => {
+        expect(root['--font-family-font']).toBe('Inter');
+    });
+    it('font-weight-bold is 700', () => {
+        expect(root['--font-weight-bold']).toBe('700');
+    });
+});
+// -- Sanity checks on well-known semantic theme values ------------------------
+describe('ledger-live light theme — core value sanity checks', () => {
+    const root = llLightTokens[':root'];
+    it('canvas background references a light primitive', () => {
+        expect(root['--color-background-canvas']).toMatch(/^var\(--color-light-.+\)$/);
+    });
+    it('color-text-base references a light primitive', () => {
+        expect(root['--color-text-base']).toMatch(/^var\(--color-light-.+\)$/);
+    });
+    it('text-base aliases to color-text-base', () => {
+        expect(root['--text-base']).toBe('var(--color-text-base)');
+    });
+});
+describe('ledger-live dark theme — core value sanity checks', () => {
+    const dark = llDarkTokens['.dark'];
+    it('canvas background references a dark primitive', () => {
+        expect(dark['--color-background-canvas']).toMatch(/^var\(--color-dark-.+\)$/);
+    });
+    it('color-text-base references a dark primitive', () => {
+        expect(dark['--color-text-base']).toMatch(/^var\(--color-dark-.+\)$/);
+    });
+    it('text-base aliases to color-text-base', () => {
+        expect(dark['--text-base']).toBe('var(--color-text-base)');
+    });
+});

package/dist/lib/themes/css/typographies/typography.lg-css.d.ts

@@ -1,5 +1,75 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-export declare const tokens: Record<string, Record<string, string | number>>;
+export declare const tokens: {
+    readonly '@media (min-width: theme("screens.lg"))': {
+        readonly '--font-style-responsive-display-1-size': "var(--font-size-112)";
+        readonly '--font-style-responsive-display-1-weight': "var(--font-weight-bold)";
+        readonly '--font-style-responsive-display-1-line-height': "var(--font-line-height-112)";
+        readonly '--font-style-responsive-display-1-letter-spacing': "var(--font-letter-spacing-112)";
+        readonly '--font-style-responsive-display-2-size': "var(--font-size-80)";
+        readonly '--font-style-responsive-display-2-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-2-line-height': "var(--font-line-height-80)";
+        readonly '--font-style-responsive-display-2-letter-spacing': "var(--font-letter-spacing-80)";
+        readonly '--font-style-responsive-display-3-size': "var(--font-size-64)";
+        readonly '--font-style-responsive-display-3-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-3-line-height': "var(--font-line-height-64)";
+        readonly '--font-style-responsive-display-3-letter-spacing': "var(--font-letter-spacing-64)";
+        readonly '--font-style-responsive-display-4-size': "var(--font-size-52)";
+        readonly '--font-style-responsive-display-4-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-4-line-height': "var(--font-line-height-52)";
+        readonly '--font-style-responsive-display-4-letter-spacing': "var(--font-letter-spacing-52)";
+        readonly '--font-style-heading-0-size': "var(--font-size-48)";
+        readonly '--font-style-heading-0-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-0-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-0-line-height': "var(--font-line-height-48)";
+        readonly '--font-style-heading-0-letter-spacing': "var(--font-letter-spacing-48)";
+        readonly '--font-style-heading-1-size': "var(--font-size-40)";
+        readonly '--font-style-heading-1-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-1-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-1-line-height': "var(--font-line-height-40)";
+        readonly '--font-style-heading-1-letter-spacing': "var(--font-letter-spacing-40)";
+        readonly '--font-style-heading-2-size': "var(--font-size-28)";
+        readonly '--font-style-heading-2-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-2-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-2-line-height': "var(--font-line-height-28)";
+        readonly '--font-style-heading-2-letter-spacing': "var(--font-letter-spacing-28)";
+        readonly '--font-style-heading-3-size': "var(--font-size-24)";
+        readonly '--font-style-heading-3-size-2': "var(--font-size-32)";
+        readonly '--font-style-heading-3-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-3-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-3-line-height': "var(--font-line-height-24)";
+        readonly '--font-style-heading-3-letter-spacing': "var(--font-letter-spacing-24)";
+        readonly '--font-style-heading-4-size': "var(--font-size-20)";
+        readonly '--font-style-heading-4-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-4-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-4-line-height': "var(--font-line-height-20)";
+        readonly '--font-style-heading-4-letter-spacing': "var(--font-letter-spacing-20)";
+        readonly '--font-style-heading-5-size': "var(--font-size-18)";
+        readonly '--font-style-heading-5-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-5-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-5-line-height': "var(--font-line-height-18)";
+        readonly '--font-style-heading-5-letter-spacing': "var(--font-letter-spacing-18)";
+        readonly '--font-style-body-1-size': "var(--font-size-16)";
+        readonly '--font-style-body-1-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-1-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-1-line-height': "var(--font-line-height-16)";
+        readonly '--font-style-body-1-letter-spacing': "var(--font-letter-spacing-16)";
+        readonly '--font-style-body-2-size': "var(--font-size-14)";
+        readonly '--font-style-body-2-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-2-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-2-line-height': "var(--font-line-height-14)";
+        readonly '--font-style-body-2-letter-spacing': "var(--font-letter-spacing-14)";
+        readonly '--font-style-body-3-size': "var(--font-size-12)";
+        readonly '--font-style-body-3-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-3-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-3-line-height': "var(--font-line-height-12)";
+        readonly '--font-style-body-3-letter-spacing': "var(--font-letter-spacing-12)";
+        readonly '--font-style-body-4-size': "var(--font-size-10)";
+        readonly '--font-style-body-4-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-4-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-4-line-height': "var(--font-line-height-10)";
+        readonly '--font-style-body-4-letter-spacing': "var(--font-letter-spacing-10)";
+    };
+};
 //# sourceMappingURL=typography.lg-css.d.ts.map

package/dist/lib/themes/css/typographies/typography.lg-css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.lg-css.d.ts","sourceRoot":"","sources":["../../../../../src/lib/themes/css/typographies/typography.lg-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CA8ElE,CAAC"}
+{"version":3,"file":"typography.lg-css.d.ts","sourceRoot":"","sources":["../../../../../src/lib/themes/css/typographies/typography.lg-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EiD,CAAC"}

package/dist/lib/themes/css/typographies/typography.md-css.d.ts

@@ -1,5 +1,75 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-export declare const tokens: Record<string, Record<string, string | number>>;
+export declare const tokens: {
+    readonly '@media (min-width: theme("screens.md"))': {
+        readonly '--font-style-responsive-display-1-size': "var(--font-size-112)";
+        readonly '--font-style-responsive-display-1-weight': "var(--font-weight-bold)";
+        readonly '--font-style-responsive-display-1-line-height': "var(--font-line-height-112)";
+        readonly '--font-style-responsive-display-1-letter-spacing': "var(--font-letter-spacing-112)";
+        readonly '--font-style-responsive-display-2-size': "var(--font-size-80)";
+        readonly '--font-style-responsive-display-2-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-2-line-height': "var(--font-line-height-80)";
+        readonly '--font-style-responsive-display-2-letter-spacing': "var(--font-letter-spacing-80)";
+        readonly '--font-style-responsive-display-3-size': "var(--font-size-64)";
+        readonly '--font-style-responsive-display-3-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-3-line-height': "var(--font-line-height-64)";
+        readonly '--font-style-responsive-display-3-letter-spacing': "var(--font-letter-spacing-64)";
+        readonly '--font-style-responsive-display-4-size': "var(--font-size-52)";
+        readonly '--font-style-responsive-display-4-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-4-line-height': "var(--font-line-height-52)";
+        readonly '--font-style-responsive-display-4-letter-spacing': "var(--font-letter-spacing-52)";
+        readonly '--font-style-heading-0-size': "var(--font-size-48)";
+        readonly '--font-style-heading-0-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-0-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-0-line-height': "var(--font-line-height-48)";
+        readonly '--font-style-heading-0-letter-spacing': "var(--font-letter-spacing-48)";
+        readonly '--font-style-heading-1-size': "var(--font-size-40)";
+        readonly '--font-style-heading-1-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-1-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-1-line-height': "var(--font-line-height-40)";
+        readonly '--font-style-heading-1-letter-spacing': "var(--font-letter-spacing-40)";
+        readonly '--font-style-heading-2-size': "var(--font-size-28)";
+        readonly '--font-style-heading-2-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-2-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-2-line-height': "var(--font-line-height-28)";
+        readonly '--font-style-heading-2-letter-spacing': "var(--font-letter-spacing-28)";
+        readonly '--font-style-heading-3-size': "var(--font-size-24)";
+        readonly '--font-style-heading-3-size-2': "var(--font-size-32)";
+        readonly '--font-style-heading-3-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-3-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-3-line-height': "var(--font-line-height-24)";
+        readonly '--font-style-heading-3-letter-spacing': "var(--font-letter-spacing-24)";
+        readonly '--font-style-heading-4-size': "var(--font-size-20)";
+        readonly '--font-style-heading-4-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-4-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-4-line-height': "var(--font-line-height-20)";
+        readonly '--font-style-heading-4-letter-spacing': "var(--font-letter-spacing-20)";
+        readonly '--font-style-heading-5-size': "var(--font-size-18)";
+        readonly '--font-style-heading-5-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-5-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-5-line-height': "var(--font-line-height-18)";
+        readonly '--font-style-heading-5-letter-spacing': "var(--font-letter-spacing-18)";
+        readonly '--font-style-body-1-size': "var(--font-size-16)";
+        readonly '--font-style-body-1-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-1-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-1-line-height': "var(--font-line-height-16)";
+        readonly '--font-style-body-1-letter-spacing': "var(--font-letter-spacing-16)";
+        readonly '--font-style-body-2-size': "var(--font-size-14)";
+        readonly '--font-style-body-2-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-2-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-2-line-height': "var(--font-line-height-14)";
+        readonly '--font-style-body-2-letter-spacing': "var(--font-letter-spacing-14)";
+        readonly '--font-style-body-3-size': "var(--font-size-12)";
+        readonly '--font-style-body-3-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-3-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-3-line-height': "var(--font-line-height-12)";
+        readonly '--font-style-body-3-letter-spacing': "var(--font-letter-spacing-12)";
+        readonly '--font-style-body-4-size': "var(--font-size-10)";
+        readonly '--font-style-body-4-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-4-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-4-line-height': "var(--font-line-height-10)";
+        readonly '--font-style-body-4-letter-spacing': "var(--font-letter-spacing-10)";
+    };
+};
 //# sourceMappingURL=typography.md-css.d.ts.map

package/dist/lib/themes/css/typographies/typography.md-css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.md-css.d.ts","sourceRoot":"","sources":["../../../../../src/lib/themes/css/typographies/typography.md-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CA8ElE,CAAC"}
+{"version":3,"file":"typography.md-css.d.ts","sourceRoot":"","sources":["../../../../../src/lib/themes/css/typographies/typography.md-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EiD,CAAC"}

package/dist/lib/themes/css/typographies/typography.sm-css.d.ts

@@ -1,5 +1,75 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-export declare const tokens: Record<string, Record<string, string | number>>;
+export declare const tokens: {
+    readonly '@media (min-width: theme("screens.sm"))': {
+        readonly '--font-style-responsive-display-1-size': "var(--font-size-80)";
+        readonly '--font-style-responsive-display-1-weight': "var(--font-weight-bold)";
+        readonly '--font-style-responsive-display-1-line-height': "var(--font-line-height-80)";
+        readonly '--font-style-responsive-display-1-letter-spacing': "var(--font-letter-spacing-80)";
+        readonly '--font-style-responsive-display-2-size': "var(--font-size-64)";
+        readonly '--font-style-responsive-display-2-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-2-line-height': "var(--font-line-height-64)";
+        readonly '--font-style-responsive-display-2-letter-spacing': "var(--font-letter-spacing-64)";
+        readonly '--font-style-responsive-display-3-size': "var(--font-size-52)";
+        readonly '--font-style-responsive-display-3-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-3-line-height': "var(--font-line-height-52)";
+        readonly '--font-style-responsive-display-3-letter-spacing': "var(--font-letter-spacing-52)";
+        readonly '--font-style-responsive-display-4-size': "var(--font-size-40)";
+        readonly '--font-style-responsive-display-4-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-4-line-height': "var(--font-line-height-40)";
+        readonly '--font-style-responsive-display-4-letter-spacing': "var(--font-letter-spacing-40)";
+        readonly '--font-style-heading-0-size': "var(--font-size-48)";
+        readonly '--font-style-heading-0-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-0-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-0-line-height': "var(--font-line-height-48)";
+        readonly '--font-style-heading-0-letter-spacing': "var(--font-letter-spacing-48)";
+        readonly '--font-style-heading-1-size': "var(--font-size-40)";
+        readonly '--font-style-heading-1-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-1-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-1-line-height': "var(--font-line-height-40)";
+        readonly '--font-style-heading-1-letter-spacing': "var(--font-letter-spacing-40)";
+        readonly '--font-style-heading-2-size': "var(--font-size-28)";
+        readonly '--font-style-heading-2-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-2-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-2-line-height': "var(--font-line-height-28)";
+        readonly '--font-style-heading-2-letter-spacing': "var(--font-letter-spacing-28)";
+        readonly '--font-style-heading-3-size': "var(--font-size-24)";
+        readonly '--font-style-heading-3-size-2': "var(--font-size-28)";
+        readonly '--font-style-heading-3-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-3-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-3-line-height': "var(--font-line-height-24)";
+        readonly '--font-style-heading-3-letter-spacing': "var(--font-letter-spacing-24)";
+        readonly '--font-style-heading-4-size': "var(--font-size-20)";
+        readonly '--font-style-heading-4-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-4-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-4-line-height': "var(--font-line-height-20)";
+        readonly '--font-style-heading-4-letter-spacing': "var(--font-letter-spacing-20)";
+        readonly '--font-style-heading-5-size': "var(--font-size-18)";
+        readonly '--font-style-heading-5-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-5-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-5-line-height': "var(--font-line-height-18)";
+        readonly '--font-style-heading-5-letter-spacing': "var(--font-letter-spacing-18)";
+        readonly '--font-style-body-1-size': "var(--font-size-16)";
+        readonly '--font-style-body-1-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-1-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-1-line-height': "var(--font-line-height-16)";
+        readonly '--font-style-body-1-letter-spacing': "var(--font-letter-spacing-16)";
+        readonly '--font-style-body-2-size': "var(--font-size-14)";
+        readonly '--font-style-body-2-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-2-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-2-line-height': "var(--font-line-height-14)";
+        readonly '--font-style-body-2-letter-spacing': "var(--font-letter-spacing-14)";
+        readonly '--font-style-body-3-size': "var(--font-size-12)";
+        readonly '--font-style-body-3-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-3-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-3-line-height': "var(--font-line-height-12)";
+        readonly '--font-style-body-3-letter-spacing': "var(--font-letter-spacing-12)";
+        readonly '--font-style-body-4-size': "var(--font-size-10)";
+        readonly '--font-style-body-4-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-4-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-4-line-height': "var(--font-line-height-10)";
+        readonly '--font-style-body-4-letter-spacing': "var(--font-letter-spacing-10)";
+    };
+};
 //# sourceMappingURL=typography.sm-css.d.ts.map

package/dist/lib/themes/css/typographies/typography.sm-css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.sm-css.d.ts","sourceRoot":"","sources":["../../../../../src/lib/themes/css/typographies/typography.sm-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CA8ElE,CAAC"}
+{"version":3,"file":"typography.sm-css.d.ts","sourceRoot":"","sources":["../../../../../src/lib/themes/css/typographies/typography.sm-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EiD,CAAC"}

package/dist/lib/themes/css/typographies/typography.xl-css.d.ts

@@ -1,5 +1,75 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-export declare const tokens: Record<string, Record<string, string | number>>;
+export declare const tokens: {
+    readonly '@media (min-width: theme("screens.xl"))': {
+        readonly '--font-style-responsive-display-1-size': "var(--font-size-112)";
+        readonly '--font-style-responsive-display-1-weight': "var(--font-weight-bold)";
+        readonly '--font-style-responsive-display-1-line-height': "var(--font-line-height-112)";
+        readonly '--font-style-responsive-display-1-letter-spacing': "var(--font-letter-spacing-112)";
+        readonly '--font-style-responsive-display-2-size': "var(--font-size-80)";
+        readonly '--font-style-responsive-display-2-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-2-line-height': "var(--font-line-height-80)";
+        readonly '--font-style-responsive-display-2-letter-spacing': "var(--font-letter-spacing-80)";
+        readonly '--font-style-responsive-display-3-size': "var(--font-size-64)";
+        readonly '--font-style-responsive-display-3-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-3-line-height': "var(--font-line-height-64)";
+        readonly '--font-style-responsive-display-3-letter-spacing': "var(--font-letter-spacing-64)";
+        readonly '--font-style-responsive-display-4-size': "var(--font-size-52)";
+        readonly '--font-style-responsive-display-4-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-4-line-height': "var(--font-line-height-52)";
+        readonly '--font-style-responsive-display-4-letter-spacing': "var(--font-letter-spacing-52)";
+        readonly '--font-style-heading-0-size': "var(--font-size-48)";
+        readonly '--font-style-heading-0-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-0-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-0-line-height': "var(--font-line-height-48)";
+        readonly '--font-style-heading-0-letter-spacing': "var(--font-letter-spacing-48)";
+        readonly '--font-style-heading-1-size': "var(--font-size-40)";
+        readonly '--font-style-heading-1-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-1-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-1-line-height': "var(--font-line-height-40)";
+        readonly '--font-style-heading-1-letter-spacing': "var(--font-letter-spacing-40)";
+        readonly '--font-style-heading-2-size': "var(--font-size-28)";
+        readonly '--font-style-heading-2-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-2-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-2-line-height': "var(--font-line-height-28)";
+        readonly '--font-style-heading-2-letter-spacing': "var(--font-letter-spacing-28)";
+        readonly '--font-style-heading-3-size': "var(--font-size-24)";
+        readonly '--font-style-heading-3-size-2': "var(--font-size-32)";
+        readonly '--font-style-heading-3-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-3-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-3-line-height': "var(--font-line-height-24)";
+        readonly '--font-style-heading-3-letter-spacing': "var(--font-letter-spacing-24)";
+        readonly '--font-style-heading-4-size': "var(--font-size-20)";
+        readonly '--font-style-heading-4-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-4-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-4-line-height': "var(--font-line-height-20)";
+        readonly '--font-style-heading-4-letter-spacing': "var(--font-letter-spacing-20)";
+        readonly '--font-style-heading-5-size': "var(--font-size-18)";
+        readonly '--font-style-heading-5-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-5-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-5-line-height': "var(--font-line-height-18)";
+        readonly '--font-style-heading-5-letter-spacing': "var(--font-letter-spacing-18)";
+        readonly '--font-style-body-1-size': "var(--font-size-16)";
+        readonly '--font-style-body-1-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-1-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-1-line-height': "var(--font-line-height-16)";
+        readonly '--font-style-body-1-letter-spacing': "var(--font-letter-spacing-16)";
+        readonly '--font-style-body-2-size': "var(--font-size-14)";
+        readonly '--font-style-body-2-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-2-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-2-line-height': "var(--font-line-height-14)";
+        readonly '--font-style-body-2-letter-spacing': "var(--font-letter-spacing-14)";
+        readonly '--font-style-body-3-size': "var(--font-size-12)";
+        readonly '--font-style-body-3-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-3-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-3-line-height': "var(--font-line-height-12)";
+        readonly '--font-style-body-3-letter-spacing': "var(--font-letter-spacing-12)";
+        readonly '--font-style-body-4-size': "var(--font-size-10)";
+        readonly '--font-style-body-4-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-4-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-4-line-height': "var(--font-line-height-10)";
+        readonly '--font-style-body-4-letter-spacing': "var(--font-letter-spacing-10)";
+    };
+};
 //# sourceMappingURL=typography.xl-css.d.ts.map

package/dist/lib/themes/css/typographies/typography.xl-css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.xl-css.d.ts","sourceRoot":"","sources":["../../../../../src/lib/themes/css/typographies/typography.xl-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CA8ElE,CAAC"}
+{"version":3,"file":"typography.xl-css.d.ts","sourceRoot":"","sources":["../../../../../src/lib/themes/css/typographies/typography.xl-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EiD,CAAC"}

package/dist/lib/themes/css/typographies/typography.xs-css.d.ts

@@ -1,5 +1,75 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-export declare const tokens: Record<string, Record<string, string | number>>;
+export declare const tokens: {
+    readonly ':root': {
+        readonly '--font-style-responsive-display-1-size': "var(--font-size-64)";
+        readonly '--font-style-responsive-display-1-weight': "var(--font-weight-bold)";
+        readonly '--font-style-responsive-display-1-line-height': "var(--font-line-height-64)";
+        readonly '--font-style-responsive-display-1-letter-spacing': "var(--font-letter-spacing-64)";
+        readonly '--font-style-responsive-display-2-size': "var(--font-size-40)";
+        readonly '--font-style-responsive-display-2-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-2-line-height': "var(--font-line-height-40)";
+        readonly '--font-style-responsive-display-2-letter-spacing': "var(--font-letter-spacing-40)";
+        readonly '--font-style-responsive-display-3-size': "var(--font-size-36)";
+        readonly '--font-style-responsive-display-3-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-3-line-height': "var(--font-line-height-36)";
+        readonly '--font-style-responsive-display-3-letter-spacing': "var(--font-letter-spacing-36)";
+        readonly '--font-style-responsive-display-4-size': "var(--font-size-32)";
+        readonly '--font-style-responsive-display-4-weight': "var(--font-weight-semi-bold)";
+        readonly '--font-style-responsive-display-4-line-height': "var(--font-line-height-32)";
+        readonly '--font-style-responsive-display-4-letter-spacing': "var(--font-letter-spacing-32)";
+        readonly '--font-style-heading-0-size': "var(--font-size-48)";
+        readonly '--font-style-heading-0-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-0-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-0-line-height': "var(--font-line-height-48)";
+        readonly '--font-style-heading-0-letter-spacing': "var(--font-letter-spacing-48)";
+        readonly '--font-style-heading-1-size': "var(--font-size-40)";
+        readonly '--font-style-heading-1-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-1-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-1-line-height': "var(--font-line-height-40)";
+        readonly '--font-style-heading-1-letter-spacing': "var(--font-letter-spacing-40)";
+        readonly '--font-style-heading-2-size': "var(--font-size-28)";
+        readonly '--font-style-heading-2-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-2-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-2-line-height': "var(--font-line-height-28)";
+        readonly '--font-style-heading-2-letter-spacing': "var(--font-letter-spacing-28)";
+        readonly '--font-style-heading-3-size': "var(--font-size-24)";
+        readonly '--font-style-heading-3-size-2': "var(--font-size-24)";
+        readonly '--font-style-heading-3-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-3-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-3-line-height': "var(--font-line-height-24)";
+        readonly '--font-style-heading-3-letter-spacing': "var(--font-letter-spacing-24)";
+        readonly '--font-style-heading-4-size': "var(--font-size-20)";
+        readonly '--font-style-heading-4-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-4-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-4-line-height': "var(--font-line-height-20)";
+        readonly '--font-style-heading-4-letter-spacing': "var(--font-letter-spacing-20)";
+        readonly '--font-style-heading-5-size': "var(--font-size-18)";
+        readonly '--font-style-heading-5-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-heading-5-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-heading-5-line-height': "var(--font-line-height-18)";
+        readonly '--font-style-heading-5-letter-spacing': "var(--font-letter-spacing-18)";
+        readonly '--font-style-body-1-size': "var(--font-size-16)";
+        readonly '--font-style-body-1-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-1-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-1-line-height': "var(--font-line-height-16)";
+        readonly '--font-style-body-1-letter-spacing': "var(--font-letter-spacing-16)";
+        readonly '--font-style-body-2-size': "var(--font-size-14)";
+        readonly '--font-style-body-2-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-2-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-2-line-height': "var(--font-line-height-14)";
+        readonly '--font-style-body-2-letter-spacing': "var(--font-letter-spacing-14)";
+        readonly '--font-style-body-3-size': "var(--font-size-12)";
+        readonly '--font-style-body-3-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-3-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-3-line-height': "var(--font-line-height-12)";
+        readonly '--font-style-body-3-letter-spacing': "var(--font-letter-spacing-12)";
+        readonly '--font-style-body-4-size': "var(--font-size-10)";
+        readonly '--font-style-body-4-weight-semi-bold': "var(--font-weight-semi-bold)";
+        readonly '--font-style-body-4-weight-medium': "var(--font-weight-medium)";
+        readonly '--font-style-body-4-line-height': "var(--font-line-height-10)";
+        readonly '--font-style-body-4-letter-spacing': "var(--font-letter-spacing-10)";
+    };
+};
 //# sourceMappingURL=typography.xs-css.d.ts.map