@aziontech/theme 2.2.1 → 2.3.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aziontech/theme",
   "type": "module",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "author": "aziontech",
   "license": "MIT",
   "repository": {
@@ -15,8 +15,11 @@
     "build:tokens": "node src/scripts/build-tokens.mjs",
     "build:tokens:v3": "node src/scripts/build-tokens.mjs --target=v3",
     "build:tokens:v4": "node src/scripts/build-tokens.mjs --target=v4",
-    "build:css:v3": "npm run build:tokens:v3 && tailwindcss -c dist/v3/tailwind.config.js -i dist/v3/globals.css -o dist/v3/output.css",
-    "test:tokens:v3": "npm run build:css:v3 && open src/tests/tokens.html"
+    "build:css:v3": "pnpm build:tokens:v3 && tailwindcss -c dist/v3/tailwind.config.js -i dist/v3/globals.css -o dist/v3/output.css",
+    "test:tokens:v3": "pnpm build:css:v3 && open src/tests/tokens.html",
+    "clean:dts": "find src -name '*.d.ts' -delete && find src -name '*.d.ts.map' -delete",
+    "build:dts": "pnpm clean:dts && vue-tsc --declaration --emitDeclarationOnly",
+    "prepack": "pnpm build:dts"
   },
   "publishConfig": {
     "access": "public"
@@ -31,8 +34,11 @@
     "ui-kit",
     "token-generator"
   ],
-  "devDependencies": {
+  "dependencies": {
     "tailwindcss": "^3.4.17",
+    "vue-tsc": "^3.2.5"
+  },
+  "devDependencies": {
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^10.0.1",
     "@semantic-release/exec": "^6.0.3",
@@ -54,8 +60,6 @@
   "exports": {
     ".": "./default.js",
     "./animations": "./src/tokens/primitives/animations/animate.js",
-    "./scripts/compile-primitives": "./src/scripts/compile-primitives.js",
-    "./scripts/compile-theme": "./src/scripts/compile-theme.js",
     "./tailwind-preset": "./dist/v3/tailwind-preset.js",
     "./tailwind-preset/v3": "./dist/v3/tailwind-preset.js",
     "./tailwind/semantic-spacings-plugin": "./src/tokens/semantic/spacings.js",

package/src/scripts/css-vars.d.ts

@@ -0,0 +1,7 @@
+export function createCssVars(): {
+    light: {};
+    dark: {};
+};
+export function cssVarsString(): string;
+export function injectCssVars(): HTMLStyleElement;
+//# sourceMappingURL=css-vars.d.ts.map

package/src/scripts/css-vars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-vars.d.ts","sourceRoot":"","sources":["css-vars.js"],"names":[],"mappings":"AAYO;;;EAQH;AAEG,wCAWN;AAEM,kDAMN"}

package/src/scripts/refs.d.ts

@@ -0,0 +1,5 @@
+export function tokenRef(path: any): {
+    __ref: any;
+};
+export function isTokenRef(value: any): boolean;
+//# sourceMappingURL=refs.d.ts.map

package/src/scripts/refs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"refs.d.ts","sourceRoot":"","sources":["refs.js"],"names":[],"mappings":"AAIO;;EAA4C;AAE5C,gDAA6F"}

package/src/scripts/resolve.d.ts

@@ -0,0 +1,5 @@
+export function resolveRefsToCssVars(tokens: any): {
+    light: {};
+    dark: {};
+};
+//# sourceMappingURL=resolve.d.ts.map

package/src/scripts/resolve.d.ts.map

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

package/src/tokens/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./primitives/colors/colors.js";
+export * from "./semantic/colors.js";
+export * from "./theme.js";
+export { createCssVars, cssVarsString, injectCssVars } from "../scripts/css-vars.js";
+//# sourceMappingURL=index.d.ts.map

package/src/tokens/index.d.ts.map

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

package/src/tokens/primitives/animations/animate.d.ts

@@ -0,0 +1,29 @@
+export const curve: {
+    'productive-entrance': string;
+    'productive-exit': string;
+    'expressive-entrance': string;
+    'expressive-exit': string;
+};
+export const duration: {
+    'fast-01': string;
+    'fast-02': string;
+    'moderate-01': string;
+    'moderate-02': string;
+    'slow-01': string;
+    'slow-02': string;
+};
+export const animate: {
+    spin: string;
+    ping: string;
+    pulse: string;
+    bounce: string;
+    'popup-scale-in': string;
+    'popup-scale-out': string;
+};
+declare namespace _default {
+    export { animate };
+    export { curve };
+    export { duration };
+}
+export default _default;
+//# sourceMappingURL=animate.d.ts.map

package/src/tokens/primitives/animations/animate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animate.d.ts","sourceRoot":"","sources":["animate.js"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF;;;;;;;EAOE;AAEF;;;;;;;EAOE"}

package/src/tokens/primitives/animations/ease.d.ts

@@ -0,0 +1,10 @@
+export const ease: {
+    in: string;
+    out: string;
+    'in-out': string;
+};
+declare namespace _default {
+    export { ease };
+}
+export default _default;
+//# sourceMappingURL=ease.d.ts.map

package/src/tokens/primitives/animations/ease.d.ts.map

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

package/src/tokens/primitives/border-widths.d.ts

@@ -0,0 +1,12 @@
+export const borderWidths: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};
+declare namespace _default {
+    export { borderWidths };
+}
+export default _default;
+//# sourceMappingURL=border-widths.d.ts.map

package/src/tokens/primitives/border-widths.d.ts.map

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

package/src/tokens/primitives/breakpoints.d.ts

@@ -0,0 +1,12 @@
+export const breakpoints: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+};
+declare namespace _default {
+    export { breakpoints };
+}
+export default _default;
+//# sourceMappingURL=breakpoints.d.ts.map

package/src/tokens/primitives/breakpoints.d.ts.map

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

package/src/tokens/primitives/colors/alpha.d.ts

@@ -0,0 +1,109 @@
+export namespace alpha {
+    let violet: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    let orange: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    let white: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    let black: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    let green: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    let red: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    let yellow: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    let blue: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    namespace absolute {
+        let black_1: string;
+        export { black_1 as black };
+        let white_1: string;
+        export { white_1 as white };
+    }
+}
+declare namespace _default {
+    export { alpha };
+}
+export default _default;
+//# sourceMappingURL=alpha.d.ts.map

package/src/tokens/primitives/colors/alpha.d.ts.map

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

package/src/tokens/primitives/colors/brand.d.ts

@@ -0,0 +1,46 @@
+export namespace brand {
+    let primary: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+        '950': string;
+    };
+    let accent: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+        '950': string;
+    };
+    namespace absolute {
+        let black: string;
+        let white: string;
+    }
+}
+export namespace brandPrimitives {
+    import primary_1 = brand.primary;
+    export { primary_1 as primary };
+    import accent_1 = brand.accent;
+    export { accent_1 as accent };
+    import absolute_1 = brand.absolute;
+    export { absolute_1 as absolute };
+}
+declare namespace _default {
+    export { brand };
+    export { brandPrimitives };
+}
+export default _default;
+//# sourceMappingURL=brand.d.ts.map

package/src/tokens/primitives/colors/brand.d.ts.map

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

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

@@ -0,0 +1,141 @@
+export { brandPrimitives };
+export namespace primitives {
+    export namespace base {
+        let white: string;
+        let black: string;
+    }
+    export let blue: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+        '950': string;
+    };
+    export let gray: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+        '950': string;
+    };
+    export let violet: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+        '950': string;
+    };
+    export let orange: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+        '950': string;
+    };
+    export let slate: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+        '950': string;
+    };
+    export let yellow: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+        '950': string;
+    };
+    export let green: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+        '950': string;
+    };
+    export let red: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+        '950': string;
+    };
+    export { brand };
+    export let surface: {
+        0: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    export { alpha };
+}
+export namespace surfacePrimitives {
+    import surface_1 = primitives.surface;
+    export { surface_1 as surface };
+}
+declare namespace _default {
+    export { primitives };
+    export { surfacePrimitives };
+    export { brandPrimitives };
+}
+export default _default;
+import { brandPrimitives } from './brand.js';
+import { brand } from './brand.js';
+import { alpha } from './alpha.js';
+//# sourceMappingURL=colors.d.ts.map

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

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

package/src/tokens/primitives/effects/blur.d.ts

@@ -0,0 +1,14 @@
+export const blur: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+};
+declare namespace _default {
+    export { blur };
+}
+export default _default;
+//# sourceMappingURL=blur.d.ts.map

package/src/tokens/primitives/effects/blur.d.ts.map

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

package/src/tokens/primitives/effects/drop-shadow.d.ts

@@ -0,0 +1,13 @@
+export const dropShadow: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+};
+declare namespace _default {
+    export { dropShadow };
+}
+export default _default;
+//# sourceMappingURL=drop-shadow.d.ts.map

package/src/tokens/primitives/effects/drop-shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-shadow.d.ts","sourceRoot":"","sources":["drop-shadow.js"],"names":[],"mappings":"AAAA;;;;;;;EAOE"}

package/src/tokens/primitives/effects/inset-shadow.d.ts

@@ -0,0 +1,10 @@
+export const insetShadow: {
+    '2xs': string;
+    xs: string;
+    sm: string;
+};
+declare namespace _default {
+    export { insetShadow };
+}
+export default _default;
+//# sourceMappingURL=inset-shadow.d.ts.map

package/src/tokens/primitives/effects/inset-shadow.d.ts.map

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

package/src/tokens/primitives/effects/opacity.d.ts

@@ -0,0 +1,11 @@
+export const opacity: {
+    25: string;
+    50: string;
+    75: string;
+    100: string;
+};
+declare namespace _default {
+    export { opacity };
+}
+export default _default;
+//# sourceMappingURL=opacity.d.ts.map

package/src/tokens/primitives/effects/opacity.d.ts.map

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

package/src/tokens/primitives/effects/perspective.d.ts

@@ -0,0 +1,12 @@
+export namespace perspective {
+    let dramatic: string;
+    let near: string;
+    let normal: string;
+    let midrange: string;
+    let distant: string;
+}
+declare namespace _default {
+    export { perspective };
+}
+export default _default;
+//# sourceMappingURL=perspective.d.ts.map

package/src/tokens/primitives/effects/perspective.d.ts.map

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

package/src/tokens/primitives/effects/shadow.d.ts

@@ -0,0 +1,14 @@
+export const shadow: {
+    '2xs': string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+};
+declare namespace _default {
+    export { shadow };
+}
+export default _default;
+//# sourceMappingURL=shadow.d.ts.map

package/src/tokens/primitives/effects/shadow.d.ts.map

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

package/src/tokens/primitives/ring-offset.d.ts

@@ -0,0 +1,8 @@
+export const ringOffset: {
+    'ring-offset': string;
+};
+declare namespace _default {
+    export { ringOffset };
+}
+export default _default;
+//# sourceMappingURL=ring-offset.d.ts.map

package/src/tokens/primitives/ring-offset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ring-offset.d.ts","sourceRoot":"","sources":["ring-offset.js"],"names":[],"mappings":"AAAA;;EAEE"}

package/src/tokens/primitives/shape/aspect-video.d.ts

@@ -0,0 +1,6 @@
+export const aspectVideo: "16 / 9";
+declare namespace _default {
+    export { aspectVideo };
+}
+export default _default;
+//# sourceMappingURL=aspect-video.d.ts.map

package/src/tokens/primitives/shape/aspect-video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-video.d.ts","sourceRoot":"","sources":["aspect-video.js"],"names":[],"mappings":"AAAA,0BAA2B,QAAQ,CAAC"}

package/src/tokens/primitives/shape/container.d.ts

@@ -0,0 +1,20 @@
+export const container: {
+    '3xs': string;
+    '2xs': string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    '5xl': string;
+    '6xl': string;
+    '7xl': string;
+};
+declare namespace _default {
+    export { container };
+}
+export default _default;
+//# sourceMappingURL=container.d.ts.map

package/src/tokens/primitives/shape/container.d.ts.map

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

package/src/tokens/primitives/shape/height.d.ts

@@ -0,0 +1,35 @@
+export const height: {
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};
+declare namespace _default {
+    export { height };
+}
+export default _default;
+//# sourceMappingURL=height.d.ts.map