@aziontech/theme 2.6.0 → 4.0.0

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

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

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

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

package/src/tokens/semantic/animations.js

@@ -1,80 +0,0 @@
-const plugin = (() => {
-  try {
-    return require('tailwindcss/plugin');
-  } catch {
-    return (handler) => handler;
-  }
-})();
-
-/**
- * Generate semantic animation utilities and keyframes
- * @returns {import('tailwindcss/plugin').Plugin}
- */
-export const animations = () => {
-  return plugin(({ addUtilities, addComponents }) => {
-    // Animation utilities
-    const animations = {
-      '.animate-fade-in': {
-        animation: 'fadeIn 220ms ease-in-out',
-      },
-      '.animate-fade-out': {
-        animation: 'fadeOut 220ms ease-in-out',
-      },
-      '.animate-slide-down': {
-        animation: 'slideDown 220ms ease-in-out',
-      },
-      '.animate-blink': {
-        animation: 'blink 1s step-end infinite',
-      },
-      '.animate-highlight-fade': {
-        animation: 'highlight ease-in forwards',
-      },
-      '.animate-popup-scale-in': {
-        animation: 'popupScaleIn 150ms cubic-bezier(0.39, 0.57, 0.56, 1)',
-        transformOrigin: 'var(--popup-origin, center)',
-      },
-      '.animate-popup-scale-out': {
-        animation: 'popupScaleOut 110ms cubic-bezier(0.55, 0.09, 0.68, 0.53)',
-        transformOrigin: 'var(--popup-origin, center)',
-      },
-    };
-
-    // Keyframes components
-    const keyframes = {
-      '@keyframes fadeIn': {
-        '0%': { opacity: '0' },
-        '100%': { opacity: '1' },
-      },
-      '@keyframes fadeOut': {
-        '0%': { opacity: '1' },
-        '100%': { opacity: '0' },
-      },
-      '@keyframes slideDown': {
-        '0%': { height: '0' },
-        '100%': { height: 'auto' },
-      },
-      '@keyframes blink': {
-        '0%, 100%': { opacity: '1' },
-        '50%': { opacity: '0' },
-      },
-      '@keyframes highlight': {
-        '0%': { backgroundColor: 'var(--surface-hover)', fontWeight: '500' },
-        '100%': { backgroundColor: 'var(--surface-hover)', fontWeight: '500' },
-      },
-      '@keyframes popupScaleIn': {
-        '0%': { opacity: '0', transform: 'scale(0.95)' },
-        '100%': { opacity: '1', transform: 'scale(1)' },
-      },
-      '@keyframes popupScaleOut': {
-        '0%': { opacity: '1', transform: 'scale(1)' },
-        '100%': { opacity: '0', transform: 'scale(0.95)' },
-      },
-    };
-
-    const variants = ['responsive', 'hover', 'focus', 'active', 'motion-safe', 'motion-reduce'];
-    addUtilities(animations, variants);
-    addComponents(keyframes);
-  });
-};
-
-export default animations;

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

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

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,163 +0,0 @@
-// TODO: deprecated — substituído pelos tokens declarativos em
-// `spacings.data.js` e pelo CSS gerado em `dist/globals.css` via
-// `src/scripts/build-tokens.mjs`. Remover quando consumers migrarem.
-const plugin = (() => {
-  try {
-    return require('tailwindcss/plugin');
-  } catch {
-    return (handler) => handler;
-  }
-})();
-
-/**
- * Generate semantic spacing components
- * @returns {import('tailwindcss/plugin').Plugin}
- */
-export const spacingElements = () => {
-  return plugin(({ addComponents, theme }) => {
-    const mobile = {
-      '.gap-spacing-elements-xxl': {
-        gap: theme('spacing.8'),
-      },
-      '.gap-spacing-elements-xl': {
-        gap: theme('spacing.6'),
-      },
-      '.gap-spacing-elements-lg': {
-        gap: theme('spacing.4'),
-      },
-      '.gap-spacing-elements-md': {
-        gap: theme('spacing.4'),
-      },
-      '.gap-spacing-elements-sm': {
-        gap: theme('spacing.3'),
-      },
-      '.gap-spacing-elements-xs': {
-        gap: theme('spacing.2'),
-      },
-      '.gap-spacing-elements-xxs': {
-        gap: theme('spacing.1'),
-      },
-      '.p-spacing-elements-xxl': {
-        padding: theme('spacing.8'),
-      },
-      '.p-spacing-elements-xl': {
-        padding: theme('spacing.6'),
-      },
-      '.p-spacing-elements-lg': {
-        padding: theme('spacing.4'),
-      },
-      '.p-spacing-elements-md': {
-        padding: theme('spacing.4'),
-      },
-      '.p-spacing-elements-sm': {
-        padding: theme('spacing.3'),
-      },
-      '.p-spacing-elements-xs': {
-        padding: theme('spacing.2'),
-      },
-      '.p-spacing-elements-xxs': {
-        padding: theme('spacing.1'),
-      },
-    };
-
-    const medium = {
-      [`@media (min-width: ${theme('screens.sm')})`]: {
-        '.gap-spacing-elements-xxl': {
-          gap: theme('spacing.16'),
-        },
-        '.gap-spacing-elements-xl': {
-          gap: theme('spacing.8'),
-        },
-        '.gap-spacing-elements-lg': {
-          gap: theme('spacing.6'),
-        },
-        '.gap-spacing-elements-md': {
-          gap: theme('spacing.4'),
-        },
-        '.gap-spacing-elements-sm': {
-          gap: theme('spacing.3'),
-        },
-        '.gap-spacing-elements-xs': {
-          gap: theme('spacing.2'),
-        },
-        '.gap-spacing-elements-xxs': {
-          gap: theme('spacing.1'),
-        },
-        '.p-spacing-elements-xxl': {
-          padding: theme('spacing.16'),
-        },
-        '.p-spacing-elements-xl': {
-          padding: theme('spacing.8'),
-        },
-        '.p-spacing-elements-lg': {
-          padding: theme('spacing.6'),
-        },
-        '.p-spacing-elements-md': {
-          padding: theme('spacing.4'),
-        },
-        '.p-spacing-elements-sm': {
-          padding: theme('spacing.3'),
-        },
-        '.p-spacing-elements-xs': {
-          padding: theme('spacing.2'),
-        },
-        '.p-spacing-elements-xxs': {
-          padding: theme('spacing.1'),
-        },
-      },
-    };
-
-    const large = {
-      [`@media (min-width: ${theme('screens.xl')})`]: {
-        '.gap-spacing-elements-xxl': {
-          gap: theme('spacing.24'),
-        },
-        '.gap-spacing-elements-xl': {
-          gap: theme('spacing.12'),
-        },
-        '.gap-spacing-elements-lg': {
-          gap: theme('spacing.6'),
-        },
-        '.gap-spacing-elements-md': {
-          gap: theme('spacing.4'),
-        },
-        '.gap-spacing-elements-sm': {
-          gap: theme('spacing.3'),
-        },
-        '.gap-spacing-elements-xs': {
-          gap: theme('spacing.2'),
-        },
-        '.gap-spacing-elements-xxs': {
-          gap: theme('spacing.1'),
-        },
-        '.p-spacing-elements-xxl': {
-          padding: theme('spacing.24'),
-        },
-        '.p-spacing-elements-xl': {
-          padding: theme('spacing.12'),
-        },
-        '.p-spacing-elements-lg': {
-          padding: theme('spacing.6'),
-        },
-        '.p-spacing-elements-md': {
-          padding: theme('spacing.4'),
-        },
-        '.p-spacing-elements-sm': {
-          padding: theme('spacing.3'),
-        },
-        '.p-spacing-elements-xs': {
-          padding: theme('spacing.2'),
-        },
-        '.p-spacing-elements-xxs': {
-          padding: theme('spacing.1'),
-        },
-      },
-    };
-
-    addComponents(mobile);
-    addComponents(medium);
-    addComponents(large);
-  });
-};
-
-export default spacingElements;

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

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

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,299 +0,0 @@
-// TODO: deprecated — substituído pelos tokens declarativos em
-// `texts.data.js` e pelo CSS gerado em `dist/globals.css` via
-// `src/scripts/build-tokens.mjs`. Remover quando consumers migrarem.
-const plugin = (() => {
-  try {
-    return require('tailwindcss/plugin')
-  } catch {
-    return (handler) => handler
-  }
-})()
-
-/**
- * Generate semantic typography style components
- * @returns {import('tailwindcss/plugin').Plugin}
- */
-export const semanticTexts = () => {
-  return plugin(({ addComponents, theme }) => {
-    const deprecatedTexts = {
-      '.display-1': {
-        fontSize: '3rem',
-        lineHeight: '1.10',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-2': {
-        fontSize: '2rem',
-        lineHeight: '1.2',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-3': {
-        fontSize: '1.75rem',
-        lineHeight: '1.25',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-4': {
-        fontSize: '1.5rem',
-        lineHeight: '1.3',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-5': {
-        fontSize: '1.25rem',
-        lineHeight: '1.4',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-1-mobile': {
-        fontSize: '2.5rem',
-        lineHeight: '1.15',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-2-mobile': {
-        fontSize: '1.875rem',
-        lineHeight: '1.20',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-3-mobile': {
-        fontSize: '1.375rem',
-        lineHeight: '1.3',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-4-mobile': {
-        fontSize: '1.25rem',
-        lineHeight: '1.35',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-5-mobile': {
-        fontSize: '1.125rem',
-        lineHeight: '1.35',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.body-1': {
-        fontSize: '1rem',
-        lineHeight: '1.4rem',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.body-2': {
-        fontSize: '0.875rem',
-        lineHeight: '1.4rem',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      }
-    }
-
-    const mobile = {
-      ...deprecatedTexts,
-      '.text-big-number-md': {
-        fontSize: '2.25rem',
-        lineHeight: '1.20'
-      },
-      '.text-big-number-sm': {
-        fontSize: '1.25rem',
-        lineHeight: '1.20'
-      },
-      '.text-big-number-lg': {
-        fontSize: '3.75rem',
-        lineHeight: '1.20'
-      },
-      '.text-heading-2xl': {
-        fontSize: '3.75rem',
-        lineHeight: '1.2'
-      },
-      '.text-heading-xl': {
-        fontSize: '2.25rem',
-        lineHeight: '1.2'
-      },
-      '.text-heading-lg': {
-        fontSize: '1.875rem',
-        lineHeight: '1.2'
-      },
-      '.text-heading-md': {
-        fontSize: '1.5rem',
-        lineHeight: '1.2'
-      },
-      '.text-heading-sm': {
-        fontSize: '1.125rem',
-        lineHeight: '1.2'
-      },
-      '.text-body-lg': {
-        fontSize: '1.125rem',
-        lineHeight: '1.5'
-      },
-      '.text-body-md': {
-        fontSize: '1rem',
-        lineHeight: '1.5'
-      },
-      '.text-body-sm': {
-        fontSize: '0.875rem',
-        lineHeight: '1.5'
-      },
-      '.text-body-xs': {
-        fontSize: '0.75rem',
-        lineHeight: '1.5'
-      },
-      '.text-body-xs': {
-        fontSize: '0.625rem',
-        lineHeight: '1.5'
-      },
-      '.text-overline-md': {
-        fontSize: '0.875rem',
-        lineHeight: '1.4',
-        letterSpacing: '0.08em',
-        textTransform: 'uppercase'
-      },
-      '.text-overline-sm': {
-        fontSize: '0.75rem',
-        lineHeight: '1.4',
-        letterSpacing: '0.08em',
-        textTransform: 'uppercase'
-      },
-      '.text-overline-xs': {
-        fontSize: '0.625rem',
-        lineHeight: '1.4',
-        letterSpacing: '0.08em',
-        textTransform: 'uppercase'
-      },
-      '.text-button-lg': {
-        fontFamily: 'Proto Mono',
-        fontSize: '0.875rem',
-        fontWeight: '600',
-        lineHeight: '1',
-        letterSpacing: '0'
-      },
-      '.text-button-md': {
-        fontFamily: 'Proto Mono',
-        fontSize: '0.75rem',
-        fontWeight: '600',
-        lineHeight: '1',
-        letterSpacing: '0'
-      }
-    }
-
-    const medium = {
-      [`@media (max-width: ${theme('screens.md', '768px')})`]: {
-        '.text-big-number-md': {
-          fontSize: '1.5rem',
-          lineHeight: '1.20'
-        },
-        '.text-big-number-sm': {
-          fontSize: '1.25rem',
-          lineHeight: '1.20'
-        },
-        '.text-big-number-lg': {
-          fontSize: '2.25rem',
-          lineHeight: '1.20'
-        },
-        '.text-heading-2xl': {
-          fontSize: '3rem'
-        },
-        '.text-heading-xl': {
-          fontSize: '1.875rem'
-        },
-        '.text-heading-lg': {
-          fontSize: '1.125rem'
-        },
-        '.text-heading-md': {
-          fontSize: '1.25rem'
-        },
-        '.text-heading-sm': {
-          fontSize: '1rem'
-        },
-        '.text-body-lg': {
-          fontSize: '1rem'
-        },
-        '.text-body-md': {
-          fontSize: '1rem'
-        },
-        '.text-body-sm': {
-          fontSize: '0.875rem'
-        },
-        '.text-body-xs': {
-          fontSize: '0.75rem'
-        },
-        '.text-body-xs': {
-          fontSize: '0.625rem'
-        },
-        '.text-overline-md': {
-          fontSize: '0.875rem'
-        },
-        '.text-overline-sm': {
-          fontSize: '0.75rem'
-        },
-        '.text-overline-xs': {
-          fontSize: '0.625rem'
-        }
-      }
-    }
-
-    const large = {
-      [`@media (max-width: ${theme('screens.sm', '640px')})`]: {
-        '.text-big-number-md': {
-          fontSize: '1.25rem',
-          lineHeight: '1.20'
-        },
-        '.text-big-number-sm': {
-          fontSize: '1rem',
-          lineHeight: '1.20'
-        },
-        '.text-big-number-lg': {
-          fontSize: '1.5rem',
-          lineHeight: '1.20'
-        },
-        '.text-heading-2xl': {
-          fontSize: '1.875rem'
-        },
-        '.text-heading-xl': {
-          fontSize: '1.25rem'
-        },
-        '.text-heading-lg': {
-          fontSize: '1.125rem'
-        },
-        '.text-heading-md': {
-          fontSize: '1rem'
-        },
-        '.text-heading-sm': {
-          fontSize: '0.875rem'
-        },
-        '.text-body-lg': {
-          fontSize: '1rem'
-        },
-        '.text-body-md': {
-          fontSize: '1rem'
-        },
-        '.text-body-sm': {
-          fontSize: '0.875rem'
-        },
-        '.text-body-xs': {
-          fontSize: '0.75rem'
-        },
-        '.text-body-xs': {
-          fontSize: '0.625rem'
-        },
-        '.text-overline-md': {
-          fontSize: '0.75rem'
-        },
-        '.text-overline-sm': {
-          fontSize: '0.75rem'
-        },
-        '.text-overline-xs': {
-          fontSize: '0.625rem'
-        }
-      }
-    }
-
-    addComponents(mobile)
-    addComponents(medium)
-    addComponents(large)
-  })
-}
-
-export default semanticTexts

package/tokens.js

@@ -1,7 +0,0 @@
-/**
- * TOKENS EXPORTS (ESM)
- *
- * Re-exports for easy access to design tokens
- */
-
-export * from './src/tokens/index.js';

package/widget.js

@@ -1 +0,0 @@
-import './src/azion/theme-widget.scss';