@aziontech/theme 2.6.0 → 4.0.0

package/src/tokens/primitives/shape/radius.js

@@ -7,7 +7,7 @@ export const radius = {
   xl: '12px',
   '2xl': '16px',
   '3xl': '24px',
-  full: '9999px',
-};
+  full: '9999px'
+}
 
-export default { radius };
+export default { radius }

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

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

package/src/tokens/primitives/shape/size.js

@@ -26,7 +26,7 @@ export const size = {
   64: '256px',
   72: '288px',
   80: '320px',
-  96: '384px',
-};
+  96: '384px'
+}
 
-export default { size };
+export default { size }

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

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

package/src/tokens/primitives/shape/spacing.js

@@ -27,7 +27,7 @@ export const spacing = {
   64: '256px',
   72: '288px',
   80: '320px',
-  96: '384px',
-};
+  96: '384px'
+}
 
-export default { spacing };
+export default { spacing }

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

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

package/src/tokens/primitives/shape/width.js

@@ -1,4 +1,4 @@
-import { tokenRef } from '../../../scripts/refs.js';
+import { tokenRef } from '../../../scripts/refs.js'
 
 export const width = {
   '3xs': tokenRef('shape.container.3xs'),
@@ -13,7 +13,7 @@ export const width = {
   '4xl': tokenRef('shape.container.4xl'),
   '5xl': tokenRef('shape.container.5xl'),
   '6xl': tokenRef('shape.container.6xl'),
-  '7xl': tokenRef('shape.container.7xl'),
-};
+  '7xl': tokenRef('shape.container.7xl')
+}
 
-export default { width };
+export default { width }

package/src/tokens/primitives/typography/font-size.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"font-size.d.ts","sourceRoot":"","sources":["font-size.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BE"}
+{"version":3,"file":"font-size.d.ts","sourceRoot":"","sources":["font-size.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BC"}

package/src/tokens/primitives/typography/font-size.js

@@ -17,14 +17,14 @@ export const fontSize = {
   '4xl--line-height': 'calc(2.5 / 2.25)',
   '5xl': '3rem',
   '5xl--line-height': '1',
-  '6xl': '3.75rem',
+  '6xl': '3.5rem',
   '6xl--line-height': '1',
   '7xl': '4.5rem',
   '7xl--line-height': '1',
   '8xl': '6rem',
   '8xl--line-height': '1',
   '9xl': '8rem',
-  '9xl--line-height': '1',
-};
+  '9xl--line-height': '1'
+}
 
-export default { fontSize };
+export default { fontSize }

package/src/tokens/primitives/typography/font-weight.js

@@ -7,7 +7,7 @@ export const fontWeight = {
   semibold: 600,
   bold: 700,
   extrabold: 800,
-  black: 900,
-};
+  black: 900
+}
 
-export default { fontWeight };
+export default { fontWeight }

package/src/tokens/primitives/typography/leading.js

@@ -3,7 +3,7 @@ export const leading = {
   snug: 1.375,
   normal: 1.5,
   relaxed: 1.625,
-  loose: 2,
-};
+  loose: 2
+}
 
-export default { leading };
+export default { leading }

package/src/tokens/primitives/typography/line-height.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line-height.d.ts","sourceRoot":"","sources":["line-height.js"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE"}
+{"version":3,"file":"line-height.d.ts","sourceRoot":"","sources":["line-height.js"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUC"}

package/src/tokens/primitives/typography/line-height.js

@@ -7,7 +7,7 @@ export const lineHeight = {
   7: '28px',
   8: '32px',
   9: '36px',
-  10: '40px',
-};
+  10: '40px'
+}
 
-export default { lineHeight };
+export default { lineHeight }

package/src/tokens/primitives/typography/tracking.js

@@ -4,7 +4,7 @@ export const tracking = {
   normal: '0em',
   wide: '0.025em',
   wider: '0.05em',
-  widest: '0.1em',
-};
+  widest: '0.1em'
+}
 
-export default { tracking };
+export default { tracking }

package/src/tokens/semantic/colors.js

@@ -16,7 +16,7 @@
  * derived automatically.
  */
 
-import { tokenRef } from '../../scripts/refs.js';
+import { tokenRef } from '../../scripts/refs.js'
 
 export const semanticColorsData = {
   text: {
@@ -35,7 +35,7 @@ export const semanticColorsData = {
       'success-hover': tokenRef('primitives.green.500'),
       success: tokenRef('primitives.green.600'),
       danger: tokenRef('primitives.red.600'),
-      warning: tokenRef('primitives.yellow.600'),
+      warning: tokenRef('primitives.yellow.600')
     },
     dark: {
       default: tokenRef('primitives.gray.50'),
@@ -52,8 +52,8 @@ export const semanticColorsData = {
       'success-hover': tokenRef('primitives.green.500'),
       success: tokenRef('primitives.green.400'),
       danger: tokenRef('primitives.red.400'),
-      warning: tokenRef('primitives.yellow.400'),
-    },
+      warning: tokenRef('primitives.yellow.400')
+    }
   },
   background: {
     light: {
@@ -70,7 +70,7 @@ export const semanticColorsData = {
       backdrop: tokenRef('primitives.alpha.neutral.25'),
       'primary-hover': tokenRef('brand.primary.primary-600'),
       primary: tokenRef('brand.primary.primary-500'),
-      'primary-mask': tokenRef('primitives.alpha.brand.primary.65'),
+      'primary-mask': tokenRef('primitives.alpha.brand.primary.65')
     },
     dark: {
       'surface-raised': tokenRef('brand.surfaces.surface-800'),
@@ -86,8 +86,8 @@ export const semanticColorsData = {
       backdrop: tokenRef('primitives.alpha.neutral.25'),
       'primary-hover': tokenRef('brand.primary.primary-400'),
       primary: tokenRef('brand.primary.primary-500'),
-      'primary-mask': tokenRef('primitives.alpha.brand.primary.65'),
-    },
+      'primary-mask': tokenRef('primitives.alpha.brand.primary.65')
+    }
   },
   border: {
     light: {
@@ -103,7 +103,7 @@ export const semanticColorsData = {
       'danger-hover': tokenRef('primitives.red.500'),
       'primary-hover': tokenRef('brand.primary.primary-600'),
       'accent-hover': tokenRef('brand.accent.accent-600'),
-      subtle: tokenRef('brand.surfaces.surface-200'),
+      subtle: tokenRef('brand.surfaces.surface-200')
     },
     dark: {
       default: tokenRef('brand.surfaces.surface-800'),
@@ -118,21 +118,21 @@ export const semanticColorsData = {
       'danger-hover': tokenRef('primitives.red.500'),
       'primary-hover': tokenRef('brand.primary.primary-400'),
       'accent-hover': tokenRef('brand.accent.accent-400'),
-      subtle: tokenRef('brand.surfaces.surface-700'),
-    },
-  },
-};
+      subtle: tokenRef('brand.surfaces.surface-700')
+    }
+  }
+}
 
 const toCssVarMap = (category, mode) =>
-  Object.fromEntries(Object.keys(mode).map((key) => [key, `var(--${category}-${key})`]));
+  Object.fromEntries(Object.keys(mode).map((key) => [key, `var(--${category}-${key})`]))
 
 export const semanticColors = {
   text: toCssVarMap('text', semanticColorsData.text.light),
   background: toCssVarMap('background', semanticColorsData.background.light),
-  border: toCssVarMap('border', semanticColorsData.border.light),
-};
+  border: toCssVarMap('border', semanticColorsData.border.light)
+}
 
 export default {
   semanticColors,
-  semanticColorsData,
-};
+  semanticColorsData
+}

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

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

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

@@ -12,7 +12,7 @@
 export const containersData = {
   px: { _: '1rem', sm: '2.5rem', xl: '0' },
   py: { _: '4rem', sm: '8rem', xl: '12rem' },
-  'max-width': { _: '28rem', sm: '64rem', xl: '80rem' },
-};
+  'max-width': { _: '28rem', sm: '64rem', xl: '80rem' }
+}
 
-export default { containersData };
+export default { containersData }

package/src/tokens/semantic/containers.js

@@ -3,11 +3,11 @@
 // `src/scripts/build-tokens.mjs`. Remover quando consumers migrarem.
 const plugin = (() => {
   try {
-    return require('tailwindcss/plugin');
+    return require('tailwindcss/plugin')
   } catch {
-    return (handler) => handler;
+    return (handler) => handler
   }
-})();
+})()
 
 /**
  * Generate semantic spacing style components
@@ -17,54 +17,54 @@ export const containers = () => {
   return plugin(({ addComponents, theme }) => {
     const mobile = {
       '.max-container-width': {
-        maxWidth: theme('container.md'),
+        maxWidth: theme('container.md')
       },
       '.px-container': {
         paddingLeft: theme('spacing.4'),
-        paddingRight: theme('spacing.4'),
+        paddingRight: theme('spacing.4')
       },
       '.py-container': {
         paddingTop: theme('spacing.16'),
-        paddingBottom: theme('spacing.16'),
-      },
+        paddingBottom: theme('spacing.16')
+      }
     }
 
     const medium = {
-      [`@media (min-width: ${theme('screens.sm',)})`]: {
+      [`@media (min-width: ${theme('screens.sm')})`]: {
         '.max-container-width': {
-          maxWidth: theme('container.5xl'),
+          maxWidth: theme('container.5xl')
         },
         '.px-container': {
           paddingLeft: theme('spacing.10'),
-          paddingRight: theme('spacing.10'),
+          paddingRight: theme('spacing.10')
         },
         '.py-container': {
           paddingTop: theme('spacing.32'),
-          paddingBottom: theme('spacing.32'),
-        },
-      },
+          paddingBottom: theme('spacing.32')
+        }
+      }
     }
 
     const large = {
-      [`@media (max-width: ${theme('screens.xl',)})`]: {
+      [`@media (max-width: ${theme('screens.xl')})`]: {
         '.max-container-width': {
-          maxWidth: theme('container.7xl'),
+          maxWidth: theme('container.7xl')
         },
         '.px-container': {
           paddingLeft: theme('spacing.0'),
-          paddingRight: theme('spacing.0'),
+          paddingRight: theme('spacing.0')
         },
         '.py-container': {
           paddingTop: theme('spacing.48'),
-          paddingBottom: theme('spacing.48'),
-        },
-      },
+          paddingBottom: theme('spacing.48')
+        }
+      }
     }
 
-    addComponents(mobile);
-    addComponents(medium);
-    addComponents(large);
-  });
-};
+    addComponents(mobile)
+    addComponents(medium)
+    addComponents(large)
+  })
+}
 
-export default containers;
+export default containers

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

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

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

@@ -12,7 +12,7 @@ export const spacingsData = {
   'spacing-md': { _: '1rem' },
   'spacing-sm': { _: '0.75rem' },
   'spacing-xs': { _: '0.5rem' },
-  'spacing-xxs': { _: '0.25rem' },
-};
+  'spacing-xxs': { _: '0.25rem' }
+}
 
-export default { spacingsData };
+export default { spacingsData }

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

@@ -5,7 +5,8 @@ export const textsData: {
             sm: string;
             md: string;
         };
-        lineHeight: string;
+        lineHeight: number;
+        fontWeight: number;
         fontFamily: string;
     };
     'text-big-number-sm': {
@@ -13,7 +14,8 @@ export const textsData: {
             _: string;
             sm: string;
         };
-        lineHeight: string;
+        lineHeight: number;
+        fontWeight: number;
         fontFamily: string;
     };
     'text-big-number-lg': {
@@ -22,7 +24,8 @@ export const textsData: {
             sm: string;
             md: string;
         };
-        lineHeight: string;
+        lineHeight: number;
+        fontWeight: number;
         fontFamily: string;
     };
     'text-heading-2xl': {
@@ -31,7 +34,8 @@ export const textsData: {
             sm: string;
             md: string;
         };
-        lineHeight: string;
+        lineHeight: number;
+        fontWeight: number;
     };
     'text-heading-xl': {
         fontSize: {
@@ -39,14 +43,16 @@ export const textsData: {
             sm: string;
             md: string;
         };
-        lineHeight: string;
+        lineHeight: number;
+        fontWeight: number;
     };
     'text-heading-lg': {
         fontSize: {
             _: string;
             md: string;
         };
-        lineHeight: string;
+        lineHeight: number;
+        fontWeight: number;
     };
     'text-heading-md': {
         fontSize: {
@@ -54,7 +60,8 @@ export const textsData: {
             sm: string;
             md: string;
         };
-        lineHeight: string;
+        lineHeight: number;
+        fontWeight: number;
     };
     'text-heading-sm': {
         fontSize: {
@@ -62,63 +69,87 @@ export const textsData: {
             sm: string;
             md: string;
         };
-        lineHeight: string;
+        lineHeight: number;
+        fontWeight: number;
     };
     'text-heading-xs': {
         fontSize: string;
-        lineHeight: string;
+        lineHeight: number;
+        fontWeight: number;
     };
     'text-heading-xxs': {
         fontSize: string;
-        lineHeight: string;
+        lineHeight: number;
+        fontWeight: number;
     };
     'text-label-lg': {
+        fontSize: string;
+        lineHeight: number;
+        fontWeight: number;
+    };
+    'text-label-md': {
+        fontSize: string;
+        lineHeight: number;
+        fontWeight: number;
+    };
+    'text-label-sm': {
+        fontSize: string;
+        lineHeight: number;
+        fontWeight: number;
+    };
+    'text-label-code-sm': {
+        fontFamily: string;
         fontSize: string;
         lineHeight: string;
         fontWeight: string;
+        letterSpacing: string;
     };
-    'text-label-md': {
+    'text-label-code-md': {
+        fontFamily: string;
         fontSize: string;
         lineHeight: string;
         fontWeight: string;
+        letterSpacing: string;
     };
-    'text-label-sm': {
+    'text-label-code-lg': {
+        fontFamily: string;
         fontSize: string;
         lineHeight: string;
         fontWeight: string;
+        letterSpacing: string;
     };
     'text-body-lg': {
         fontSize: {
             _: string;
             md: string;
         };
-        lineHeight: string;
+        lineHeight: number;
     };
     'text-body-md': {
         fontSize: string;
-        lineHeight: string;
+        lineHeight: number;
     };
     'text-body-sm': {
         fontSize: string;
-        lineHeight: string;
+        lineHeight: number;
     };
     'text-body-xs': {
         fontSize: string;
-        lineHeight: string;
+        lineHeight: number;
     };
     'text-tag-sm': {
         fontSize: string;
-        lineHeight: string;
-        fontWeight: string;
+        lineHeight: number;
+        fontWeight: number;
     };
     'text-tag-md': {
         fontSize: string;
-        lineHeight: string;
-        fontWeight: string;
+        lineHeight: number;
+        fontWeight: number;
     };
     'text-body-xxs': {
         fontSize: string;
-        lineHeight: string;
+        lineHeight: number;
     };
     'text-overline-md': {
         fontFamily: string;
@@ -126,36 +157,36 @@ export const textsData: {
             _: string;
             sm: string;
         };
-        lineHeight: string;
+        lineHeight: number;
         letterSpacing: string;
         textTransform: string;
     };
     'text-overline-sm': {
         fontFamily: string;
         fontSize: string;
-        lineHeight: string;
+        lineHeight: number;
         letterSpacing: string;
         textTransform: string;
     };
     'text-overline-xs': {
         fontFamily: string;
         fontSize: string;
-        lineHeight: string;
+        lineHeight: number;
         letterSpacing: string;
         textTransform: string;
     };
     'text-button-lg': {
         fontFamily: string;
         fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
+        fontWeight: number;
+        lineHeight: number;
         letterSpacing: string;
     };
     'text-button-md': {
         fontFamily: string;
         fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
+        fontWeight: number;
+        lineHeight: number;
         letterSpacing: string;
     };
     /** Inline `<a>` in body/heading — inherits parent size; not the navigation Link component. */

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

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