@aziontech/theme 2.7.1 → 2.7.2

package/src/tokens/semantic/texts.data.d.ts

@@ -0,0 +1,184 @@
+export const textsData: {
+    'text-big-number-md': {
+        fontSize: {
+            _: string;
+            sm: string;
+            md: string;
+        };
+        lineHeight: string;
+        fontFamily: string;
+    };
+    'text-big-number-sm': {
+        fontSize: {
+            _: string;
+            sm: string;
+        };
+        lineHeight: string;
+        fontFamily: string;
+    };
+    'text-big-number-lg': {
+        fontSize: {
+            _: string;
+            sm: string;
+            md: string;
+        };
+        lineHeight: string;
+        fontFamily: string;
+    };
+    'text-heading-2xl': {
+        fontSize: {
+            _: string;
+            sm: string;
+            md: string;
+        };
+        lineHeight: string;
+    };
+    'text-heading-xl': {
+        fontSize: {
+            _: string;
+            sm: string;
+            md: string;
+        };
+        lineHeight: string;
+    };
+    'text-heading-lg': {
+        fontSize: {
+            _: string;
+            md: string;
+        };
+        lineHeight: string;
+    };
+    'text-heading-md': {
+        fontSize: {
+            _: string;
+            sm: string;
+            md: string;
+        };
+        lineHeight: string;
+    };
+    'text-heading-sm': {
+        fontSize: {
+            _: string;
+            sm: string;
+            md: string;
+        };
+        lineHeight: string;
+    };
+    'text-heading-xs': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'text-heading-xxs': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'text-label-lg': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: string;
+    };
+    'text-label-md': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: string;
+    };
+    'text-label-sm': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: string;
+    };
+    'text-body-lg': {
+        fontSize: {
+            _: string;
+            md: string;
+        };
+        lineHeight: string;
+    };
+    'text-body-md': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'text-body-sm': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'text-body-xs': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'text-tag-sm': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: string;
+    };
+    'text-tag-md': {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: string;
+    };
+    'text-body-xxs': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'text-overline-md': {
+        fontFamily: string;
+        fontSize: {
+            _: string;
+            sm: string;
+        };
+        lineHeight: string;
+        letterSpacing: string;
+        textTransform: string;
+    };
+    'text-overline-sm': {
+        fontFamily: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: string;
+        textTransform: string;
+    };
+    'text-overline-xs': {
+        fontFamily: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: string;
+        textTransform: string;
+    };
+    'text-button-lg': {
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    'text-button-md': {
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    /** Inline `<a>` in body/heading — inherits parent size; not the navigation Link component. */
+    'text-link': {
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+        borderRadius: string;
+        transition: string;
+        states: {
+            hover: {
+                color: string;
+                textDecoration: string;
+            };
+            'focus-visible': {
+                outline: string;
+                outlineOffset: string;
+            };
+        };
+    };
+};
+declare namespace _default {
+    export { textsData };
+}
+export default _default;
+//# sourceMappingURL=texts.data.d.ts.map

package/src/tokens/semantic/texts.data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"texts.data.d.ts","sourceRoot":"","sources":["texts.data.js"],"names":[],"mappings":"AAmBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4HE,8FAA8F;;;;;;;;;;;;;;;;;;EAkB/F"}

package/src/tokens/semantic/texts.data.js

@@ -6,6 +6,9 @@
  * from the legacy `texts.js` plugin — direction inverted from desktop-first
  * (max-width) to mobile-first (min-width).
  *
+ * Optional `states` emits pseudo-class rules (e.g. `.text-link:hover`). Bundles
+ * with `fontSize: 'inherit'` are omitted from the Tailwind `fontSize` preset.
+ *
  * Mapping used during the port:
  *   old `large`  (≤640) → `_`
  *   old `medium` (≤768) → `sm` (≥640)
@@ -32,11 +35,11 @@ export const textsData = {
   },
   'text-heading-2xl': {
     fontSize: { _: '1.875rem', sm: '3rem', md: '3.75rem' },
-    lineHeight: '1.2'
+    lineHeight: '1.1'
   },
   'text-heading-xl': {
     fontSize: { _: '1.25rem', sm: '1.875rem', md: '2.25rem' },
-    lineHeight: '1.2'
+    lineHeight: '1.1'
   },
   'text-heading-lg': {
     fontSize: { _: '1.125rem', md: '1.875rem' },
@@ -44,11 +47,19 @@ export const textsData = {
   },
   'text-heading-md': {
     fontSize: { _: '1rem', sm: '1.25rem', md: '1.5rem' },
-    lineHeight: '1.2'
+    lineHeight: '1.3'
   },
   'text-heading-sm': {
     fontSize: { _: '0.875rem', sm: '1rem', md: '1.125rem' },
-    lineHeight: '1.2'
+    lineHeight: '1.4'
+  },
+  'text-heading-xs': {
+    fontSize: '1rem',
+    lineHeight: '1.4'
+  },
+  'text-heading-xxs': {
+    fontSize: '0.875rem',
+    lineHeight: '1.4'
   },
   'text-label-lg': {
     fontSize: '1rem',
@@ -81,6 +92,16 @@ export const textsData = {
     fontSize: '0.75rem',
     lineHeight: '1.5'
   },
+  'text-tag-sm': {
+    fontSize: '0.6875rem',
+    lineHeight: '1',
+    fontWeight: '600'
+  },
+  'text-tag-md': {
+    fontSize: '0.75rem',
+    lineHeight: '1',
+    fontWeight: '600'
+  },
   'text-body-xxs': {
     fontSize: '0.625rem',
     lineHeight: '1.5'
@@ -119,6 +140,24 @@ export const textsData = {
     fontWeight: '600',
     lineHeight: '1',
     letterSpacing: '0'
+  },
+  /** Inline `<a>` in body/heading — inherits parent size; not the navigation Link component. */
+  'text-link': {
+    fontSize: 'inherit',
+    lineHeight: 'inherit',
+    color: 'var(--text-link)',
+    borderRadius: 'var(--shape-elements)',
+    transition: 'all 110ms cubic-bezier(0.39, 0.57, 0.56, 1)',
+    states: {
+      hover: {
+        color: 'var(--text-link-hover)',
+        textDecoration: 'underline'
+      },
+      'focus-visible': {
+        outline: '2px solid var(--ring-color)',
+        outlineOffset: '2px'
+      }
+    }
   }
 }
 

package/src/tokens/theme/accent.d.ts

@@ -0,0 +1,35 @@
+export namespace accent {
+    let light: {
+        accent: {
+            __ref: any;
+        };
+        'accent-mask': {
+            __ref: any;
+        };
+        'accent-selected': {
+            __ref: any;
+        };
+        'accent-contrast': {
+            __ref: any;
+        };
+    };
+    let dark: {
+        accent: {
+            __ref: any;
+        };
+        'accent-mask': {
+            __ref: any;
+        };
+        'accent-selected': {
+            __ref: any;
+        };
+        'accent-contrast': {
+            __ref: any;
+        };
+    };
+}
+declare namespace _default {
+    export { accent };
+}
+export default _default;
+//# sourceMappingURL=accent.d.ts.map

package/src/tokens/theme/accent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accent.d.ts","sourceRoot":"","sources":["accent.js"],"names":[],"mappings":""}

package/src/tokens/theme/background.d.ts

@@ -0,0 +1,77 @@
+export namespace background {
+    let light: {
+        'bg-canvas': {
+            __ref: any;
+        };
+        'bg-surface': {
+            __ref: any;
+        };
+        'bg-surface-raised': {
+            __ref: any;
+        };
+        'bg-mask': {
+            __ref: any;
+        };
+        'bg-surface-overlay': {
+            __ref: any;
+        };
+        'bg-hover': {
+            __ref: any;
+        };
+        'bg-active': {
+            __ref: any;
+        };
+        'bg-backdrop': {
+            __ref: any;
+        };
+        'bg-selected': {
+            __ref: any;
+        };
+        'bg-contrast': {
+            __ref: any;
+        };
+        'bg-disabled': {
+            __ref: any;
+        };
+    };
+    let dark: {
+        'bg-canvas': {
+            __ref: any;
+        };
+        'bg-surface': {
+            __ref: any;
+        };
+        'bg-surface-raised': {
+            __ref: any;
+        };
+        'bg-mask': {
+            __ref: any;
+        };
+        'bg-surface-overlay': {
+            __ref: any;
+        };
+        'bg-hover': {
+            __ref: any;
+        };
+        'bg-active': {
+            __ref: any;
+        };
+        'bg-backdrop': {
+            __ref: any;
+        };
+        'bg-selected': {
+            __ref: any;
+        };
+        'bg-contrast': {
+            __ref: any;
+        };
+        'bg-disabled': {
+            __ref: any;
+        };
+    };
+}
+declare namespace _default {
+    export { background };
+}
+export default _default;
+//# sourceMappingURL=background.d.ts.map

package/src/tokens/theme/background.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["background.js"],"names":[],"mappings":""}

package/src/tokens/theme/background.js

@@ -15,7 +15,7 @@ export const background = {
     'bg-disabled': tokenRef('theme.surfaces.surface-200')
   },
   dark: {
-    'bg-canvas': tokenRef('theme.surfaces.surface-950'),
+    'bg-canvas': tokenRef('primitives.base.black'),
     'bg-surface': tokenRef('theme.surfaces.surface-950'),
     'bg-surface-raised': tokenRef('theme.surfaces.surface-900'),
     'bg-mask': tokenRef('primitives.alpha.white.50'),

package/src/tokens/theme/border.d.ts

@@ -0,0 +1,35 @@
+export namespace border {
+    let light: {
+        'border-default': {
+            __ref: any;
+        };
+        'border-muted': {
+            __ref: any;
+        };
+        'border-strong': {
+            __ref: any;
+        };
+        'border-selected': {
+            __ref: any;
+        };
+    };
+    let dark: {
+        'border-default': {
+            __ref: any;
+        };
+        'border-muted': {
+            __ref: any;
+        };
+        'border-strong': {
+            __ref: any;
+        };
+        'border-selected': {
+            __ref: any;
+        };
+    };
+}
+declare namespace _default {
+    export { border };
+}
+export default _default;
+//# sourceMappingURL=border.d.ts.map

package/src/tokens/theme/border.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["border.js"],"names":[],"mappings":""}

package/src/tokens/theme/border.js

@@ -2,7 +2,7 @@ import { tokenRef } from '../../scripts/refs.js';
 
 export const border = {
   light: {
-    'border-default': tokenRef('primitives.alpha.black.200'),
+    'border-default': tokenRef('primitives.alpha.black.100'),
     'border-muted': tokenRef('primitives.alpha.black.100'),
     'border-strong': tokenRef('primitives.base.black'),
     'border-selected': tokenRef('brand.primary.primary-500'),

package/src/tokens/theme/feedback/danger.d.ts

@@ -0,0 +1,29 @@
+export namespace danger {
+    let light: {
+        danger: {
+            __ref: any;
+        };
+        'danger-border': {
+            __ref: any;
+        };
+        'danger-contrast': {
+            __ref: any;
+        };
+    };
+    let dark: {
+        danger: {
+            __ref: any;
+        };
+        'danger-border': {
+            __ref: any;
+        };
+        'danger-contrast': {
+            __ref: any;
+        };
+    };
+}
+declare namespace _default {
+    export { danger };
+}
+export default _default;
+//# sourceMappingURL=danger.d.ts.map

package/src/tokens/theme/feedback/danger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"danger.d.ts","sourceRoot":"","sources":["danger.js"],"names":[],"mappings":""}

package/src/tokens/theme/feedback/danger.js

@@ -2,14 +2,14 @@ import { tokenRef } from '../../../scripts/refs.js';
 
 export const danger = {
   light: {
-    danger: tokenRef('primitives.red.50'),
-    'danger-border': tokenRef('primitives.alpha.red.600'),
-    'danger-contrast': tokenRef('primitives.red.600'),
+    danger: tokenRef('primitives.red.100'),
+    'danger-border': tokenRef('primitives.alpha.red.400'),
+    'danger-contrast': tokenRef('primitives.red.700'),
   },
   dark: {
-    danger: tokenRef('primitives.red.950'),
-    'danger-border': tokenRef('primitives.alpha.red.500'),
-    'danger-contrast': tokenRef('primitives.red.400'),
+    danger: tokenRef('primitives.red.800'),
+    'danger-border': tokenRef('primitives.alpha.red.400'),
+    'danger-contrast': tokenRef('primitives.red.300'),
   },
 };
 

package/src/tokens/theme/feedback/info.d.ts

@@ -0,0 +1,29 @@
+export namespace info {
+    let light: {
+        info: {
+            __ref: any;
+        };
+        'info-border': {
+            __ref: any;
+        };
+        'info-contrast': {
+            __ref: any;
+        };
+    };
+    let dark: {
+        info: {
+            __ref: any;
+        };
+        'info-border': {
+            __ref: any;
+        };
+        'info-contrast': {
+            __ref: any;
+        };
+    };
+}
+declare namespace _default {
+    export { info };
+}
+export default _default;
+//# sourceMappingURL=info.d.ts.map

package/src/tokens/theme/feedback/info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"info.d.ts","sourceRoot":"","sources":["info.js"],"names":[],"mappings":""}

package/src/tokens/theme/feedback/info.js

@@ -3,8 +3,8 @@ import { tokenRef } from '../../../scripts/refs.js';
 export const info = {
   light: {
     info: tokenRef('primitives.blue.100'),
-    'info-border': tokenRef('primitives.blue.200'),
-    'info-contrast': tokenRef('primitives.blue.500'),
+    'info-border': tokenRef('primitives.alpha.violet.400'),
+    'info-contrast': tokenRef('primitives.blue.700'),
   },
   dark: {
     info: tokenRef('primitives.blue.900'),

package/src/tokens/theme/feedback/success.d.ts

@@ -0,0 +1,29 @@
+export namespace success {
+    let light: {
+        success: {
+            __ref: any;
+        };
+        'success-border': {
+            __ref: any;
+        };
+        'success-contrast': {
+            __ref: any;
+        };
+    };
+    let dark: {
+        success: {
+            __ref: any;
+        };
+        'success-border': {
+            __ref: any;
+        };
+        'success-contrast': {
+            __ref: any;
+        };
+    };
+}
+declare namespace _default {
+    export { success };
+}
+export default _default;
+//# sourceMappingURL=success.d.ts.map

package/src/tokens/theme/feedback/success.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"success.d.ts","sourceRoot":"","sources":["success.js"],"names":[],"mappings":""}

package/src/tokens/theme/feedback/success.js

@@ -2,14 +2,14 @@ import { tokenRef } from '../../../scripts/refs.js';
 
 export const success = {
   light: {
-    success: tokenRef('primitives.green.50'),
-    'success-border': tokenRef('primitives.alpha.green.600'),
-    'success-contrast': tokenRef('primitives.green.700'),
+    success: tokenRef('primitives.green.200'),
+    'success-border': tokenRef('primitives.alpha.green.400'),
+    'success-contrast': tokenRef('primitives.green.800'),
   },
   dark: {
-    success: tokenRef('primitives.green.950'),
+    success: tokenRef('primitives.green.900'),
     'success-border': tokenRef('primitives.alpha.green.400'),
-    'success-contrast': tokenRef('primitives.green.500'),
+    'success-contrast': tokenRef('primitives.green.400'),
   },
 };
 

package/src/tokens/theme/feedback/warning.d.ts

@@ -0,0 +1,29 @@
+export namespace warning {
+    let light: {
+        warning: {
+            __ref: any;
+        };
+        'warning-border': {
+            __ref: any;
+        };
+        'warning-contrast': {
+            __ref: any;
+        };
+    };
+    let dark: {
+        warning: {
+            __ref: any;
+        };
+        'warning-border': {
+            __ref: any;
+        };
+        'warning-contrast': {
+            __ref: any;
+        };
+    };
+}
+declare namespace _default {
+    export { warning };
+}
+export default _default;
+//# sourceMappingURL=warning.d.ts.map

package/src/tokens/theme/feedback/warning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning.d.ts","sourceRoot":"","sources":["warning.js"],"names":[],"mappings":""}

package/src/tokens/theme/feedback/warning.js

@@ -2,14 +2,14 @@ import { tokenRef } from '../../../scripts/refs.js';
 
 export const warning = {
   light: {
-    warning: tokenRef('primitives.yellow.50'),
-    'warning-border': tokenRef('primitives.alpha.yellow.600'),
-    'warning-contrast': tokenRef('primitives.yellow.700'),
+    warning: tokenRef('primitives.yellow.200'),
+    'warning-border': tokenRef('primitives.alpha.yellow.500'),
+    'warning-contrast': tokenRef('primitives.yellow.800'),
   },
   dark: {
-    warning: tokenRef('primitives.yellow.950'),
-    'warning-border': tokenRef('primitives.alpha.yellow.300'),
-    'warning-contrast': tokenRef('primitives.yellow.300'),
+    warning: tokenRef('primitives.yellow.900'),
+    'warning-border': tokenRef('primitives.alpha.yellow.500'),
+    'warning-contrast': tokenRef('primitives.yellow.500'),
   },
 };