@aziontech/theme 2.2.1 → 2.3.1

package/src/tokens/semantic/colors.d.ts

@@ -0,0 +1,296 @@
+export namespace semanticColorsData {
+    namespace text {
+        let light: {
+            default: {
+                __ref: any;
+            };
+            muted: {
+                __ref: any;
+            };
+            link: {
+                __ref: any;
+            };
+            code: {
+                __ref: any;
+            };
+            'link-hover': {
+                __ref: any;
+            };
+            primary: {
+                __ref: any;
+            };
+            'primary-hover': {
+                __ref: any;
+            };
+            accent: {
+                __ref: any;
+            };
+            'accent-hover': {
+                __ref: any;
+            };
+            'danger-hover': {
+                __ref: any;
+            };
+            'warning-hover': {
+                __ref: any;
+            };
+            'success-hover': {
+                __ref: any;
+            };
+            success: {
+                __ref: any;
+            };
+            danger: {
+                __ref: any;
+            };
+            warning: {
+                __ref: any;
+            };
+        };
+        let dark: {
+            default: {
+                __ref: any;
+            };
+            muted: {
+                __ref: any;
+            };
+            link: {
+                __ref: any;
+            };
+            code: {
+                __ref: any;
+            };
+            'link-hover': {
+                __ref: any;
+            };
+            primary: {
+                __ref: any;
+            };
+            'primary-hover': {
+                __ref: any;
+            };
+            accent: {
+                __ref: any;
+            };
+            'accent-hover': {
+                __ref: any;
+            };
+            'danger-hover': {
+                __ref: any;
+            };
+            'warning-hover': {
+                __ref: any;
+            };
+            'success-hover': {
+                __ref: any;
+            };
+            success: {
+                __ref: any;
+            };
+            danger: {
+                __ref: any;
+            };
+            warning: {
+                __ref: any;
+            };
+        };
+    }
+    namespace background {
+        let light_1: {
+            'surface-raised': {
+                __ref: any;
+            };
+            'surface-overlay': {
+                __ref: any;
+            };
+            surface: {
+                __ref: any;
+            };
+            canvas: {
+                __ref: any;
+            };
+            'danger-hover': {
+                __ref: any;
+            };
+            'warning-hover': {
+                __ref: any;
+            };
+            'success-hover': {
+                __ref: any;
+            };
+            success: {
+                __ref: any;
+            };
+            danger: {
+                __ref: any;
+            };
+            warning: {
+                __ref: any;
+            };
+            backdrop: {
+                __ref: any;
+            };
+            'primary-hover': {
+                __ref: any;
+            };
+            primary: {
+                __ref: any;
+            };
+            'primary-mask': {
+                __ref: any;
+            };
+        };
+        export { light_1 as light };
+        let dark_1: {
+            'surface-raised': {
+                __ref: any;
+            };
+            'surface-overlay': {
+                __ref: any;
+            };
+            surface: {
+                __ref: any;
+            };
+            canvas: {
+                __ref: any;
+            };
+            'danger-hover': {
+                __ref: any;
+            };
+            'warning-hover': {
+                __ref: any;
+            };
+            'success-hover': {
+                __ref: any;
+            };
+            success: {
+                __ref: any;
+            };
+            danger: {
+                __ref: any;
+            };
+            warning: {
+                __ref: any;
+            };
+            backdrop: {
+                __ref: any;
+            };
+            'primary-hover': {
+                __ref: any;
+            };
+            primary: {
+                __ref: any;
+            };
+            'primary-mask': {
+                __ref: any;
+            };
+        };
+        export { dark_1 as dark };
+    }
+    namespace border {
+        let light_2: {
+            default: {
+                __ref: any;
+            };
+            strong: {
+                __ref: any;
+            };
+            warning: {
+                __ref: any;
+            };
+            success: {
+                __ref: any;
+            };
+            danger: {
+                __ref: any;
+            };
+            primary: {
+                __ref: any;
+            };
+            accent: {
+                __ref: any;
+            };
+            'warning-hover': {
+                __ref: any;
+            };
+            'success-hover': {
+                __ref: any;
+            };
+            'danger-hover': {
+                __ref: any;
+            };
+            'primary-hover': {
+                __ref: any;
+            };
+            'accent-hover': {
+                __ref: any;
+            };
+            subtle: {
+                __ref: any;
+            };
+        };
+        export { light_2 as light };
+        let dark_2: {
+            default: {
+                __ref: any;
+            };
+            strong: {
+                __ref: any;
+            };
+            warning: {
+                __ref: any;
+            };
+            success: {
+                __ref: any;
+            };
+            danger: {
+                __ref: any;
+            };
+            primary: {
+                __ref: any;
+            };
+            accent: {
+                __ref: any;
+            };
+            'warning-hover': {
+                __ref: any;
+            };
+            'success-hover': {
+                __ref: any;
+            };
+            'danger-hover': {
+                __ref: any;
+            };
+            'primary-hover': {
+                __ref: any;
+            };
+            'accent-hover': {
+                __ref: any;
+            };
+            subtle: {
+                __ref: any;
+            };
+        };
+        export { dark_2 as dark };
+    }
+}
+export namespace semanticColors {
+    let text_1: {
+        [k: string]: string;
+    };
+    export { text_1 as text };
+    let background_1: {
+        [k: string]: string;
+    };
+    export { background_1 as background };
+    let border_1: {
+        [k: string]: string;
+    };
+    export { border_1 as border };
+}
+declare namespace _default {
+    export { semanticColors };
+    export { semanticColorsData };
+}
+export default _default;
+//# sourceMappingURL=colors.d.ts.map

package/src/tokens/semantic/colors.d.ts.map

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

package/src/tokens/semantic/containers.d.ts

@@ -0,0 +1,3 @@
+export function containers(): import("tailwindcss/plugin").Plugin;
+export default containers;
+//# sourceMappingURL=containers.d.ts.map

package/src/tokens/semantic/containers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers.d.ts","sourceRoot":"","sources":["containers.js"],"names":[],"mappings":"AAeO,8BAFM,OAAO,oBAAoB,EAAE,MAAM,CAsD/C"}

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

@@ -0,0 +1,32 @@
+/**
+ * Declarative container tokens (mobile-first).
+ *
+ * Each entry maps a token key to a breakpoint map. `_` is the default;
+ * any other key must exist in tokens/primitives/breakpoints.js.
+ *
+ * Values are ported from the legacy `containers.js` plugin. The `xl` bucket
+ * used to be wrapped in `@media (max-width: xl)` — orphan / never matched
+ * cleanly — and was corrected to `min-width` here.
+ */
+export const containersData: {
+    px: {
+        _: string;
+        sm: string;
+        xl: string;
+    };
+    py: {
+        _: string;
+        sm: string;
+        xl: string;
+    };
+    'max-width': {
+        _: string;
+        sm: string;
+        xl: string;
+    };
+};
+declare namespace _default {
+    export { containersData };
+}
+export default _default;
+//# sourceMappingURL=containers.data.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"containers.data.d.ts","sourceRoot":"","sources":["containers.data.js"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH;;;;;;;;;;;;;;;;EAIE"}

package/src/tokens/semantic/spacings.d.ts

@@ -0,0 +1,3 @@
+export function spacingElements(): import("tailwindcss/plugin").Plugin;
+export default spacingElements;
+//# sourceMappingURL=spacings.d.ts.map

package/src/tokens/semantic/spacings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacings.d.ts","sourceRoot":"","sources":["spacings.js"],"names":[],"mappings":"AAeO,mCAFM,OAAO,oBAAoB,EAAE,MAAM,CAmJ/C"}

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

@@ -0,0 +1,39 @@
+/**
+ * Declarative spacing tokens (mobile-first).
+ *
+ * Each value maps to two utilities: `.gap-<key>` and `.p-<key>`, both backed
+ * by the same CSS variable. Values ported from `spacings.js`.
+ */
+export const spacingsData: {
+    'spacing-xxl': {
+        _: string;
+        sm: string;
+        xl: string;
+    };
+    'spacing-xl': {
+        _: string;
+        sm: string;
+        xl: string;
+    };
+    'spacing-lg': {
+        _: string;
+        sm: string;
+    };
+    'spacing-md': {
+        _: string;
+    };
+    'spacing-sm': {
+        _: string;
+    };
+    'spacing-xs': {
+        _: string;
+    };
+    'spacing-xxs': {
+        _: string;
+    };
+};
+declare namespace _default {
+    export { spacingsData };
+}
+export default _default;
+//# sourceMappingURL=spacings.data.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spacings.data.d.ts","sourceRoot":"","sources":["spacings.data.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQE"}

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

@@ -0,0 +1,3 @@
+export function semanticTexts(): import("tailwindcss/plugin").Plugin;
+export default semanticTexts;
+//# sourceMappingURL=texts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"texts.d.ts","sourceRoot":"","sources":["texts.js"],"names":[],"mappings":"AAeO,iCAFM,OAAO,oBAAoB,EAAE,MAAM,CA2R/C"}

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

@@ -0,0 +1,176 @@
+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-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoHE,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)
@@ -129,6 +132,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":""}