@aziontech/theme 2.5.0 → 4.0.0

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

@@ -5,108 +5,108 @@ export namespace primitives {
         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;
+        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;
+        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;
+        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;
+        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;
+        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;
+        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;
+        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;
+        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: {

package/src/tokens/primitives/colors/colors.js

@@ -1,118 +1,118 @@
-import { alpha } from './alpha.js';
-import { brand, brandPrimitives } from './brand.js';
+import { alpha } from './alpha.js'
+import { brand, brandPrimitives } from './brand.js'
 
-export { brandPrimitives };
+export { brandPrimitives }
 
 export const primitives = {
   base: {
     white: '#FFFFFF',
-    black: '#000000',
-    },
+    black: '#000000'
+  },
   blue: {
-    '50': '#E5F1FF',
-    '100': '#CCE4FF',
-    '200': '#99C9FF',
-    '300': '#66ADFF',
-    '400': '#3392FF',
-    '500': '#0072F5',
-    '600': '#005FCC',
-    '700': '#004799',
-    '800': '#003066',
-    '900': '#001833',
-    '950': '#000C1A',
+    50: '#E5F1FF',
+    100: '#CCE4FF',
+    200: '#99C9FF',
+    300: '#66ADFF',
+    400: '#3392FF',
+    500: '#0072F5',
+    600: '#005FCC',
+    700: '#004799',
+    800: '#003066',
+    900: '#001833',
+    950: '#000C1A'
   },
   gray: {
-    '50': '#FAFAFA',
-    '100': '#F5F5F5',
-    '200': '#E5E5E5',
-    '300': '#B2B2B2',
-    '400': '#999999',
-    '500': '#808080',
-    '600': '#666666',
-    '700': '#4D4D4D',
-    '800': '#1A1A1A',
-    '900': '#141414',
-    '950': '#0A0A0A',
-    },
+    50: '#FAFAFA',
+    100: '#F5F5F5',
+    200: '#E5E5E5',
+    300: '#B2B2B2',
+    400: '#999999',
+    500: '#808080',
+    600: '#666666',
+    700: '#4D4D4D',
+    800: '#1A1A1A',
+    900: '#141414',
+    950: '#0A0A0A'
+  },
   violet: {
-    '50': '#F6F6FF',
-    '100': '#ECECFF',
-    '200': '#D9D7FA',
-    '300': '#B5B1F4',
-    '400': '#9F9AF1',
-    '500': '#8A84EC',
-    '600': '#756FE5',
-    '700': '#625BD5',
-    '800': '#524BBB',
-    '900': '#1F1E48',
-    '950': '#100F24',
-    },
+    50: '#F6F6FF',
+    100: '#ECECFF',
+    200: '#D9D7FA',
+    300: '#B5B1F4',
+    400: '#9F9AF1',
+    500: '#8A84EC',
+    600: '#756FE5',
+    700: '#625BD5',
+    800: '#524BBB',
+    900: '#1F1E48',
+    950: '#100F24'
+  },
   orange: {
-    '50': '#FFF5EF',
-    '100': '#FFE7D8',
-    '200': '#FFCFB3',
-    '300': '#FFB180',
-    '400': '#FF8E4D',
-    '500': '#F3652B',
-    '600': '#D94A03',
-    '700': '#B03C02',
-    '800': '#8A2F02',
-    '900': '#692402',
-    '950': '#401602',
-    },
+    50: '#FFF5EF',
+    100: '#FFE7D8',
+    200: '#FFCFB3',
+    300: '#FFB180',
+    400: '#FF8E4D',
+    500: '#F3652B',
+    600: '#D94A03',
+    700: '#B03C02',
+    800: '#8A2F02',
+    900: '#692402',
+    950: '#401602'
+  },
   slate: {
-    '50': '#F8F7FC',
-    '100': '#F0EFF8',
-    '200': '#E3E1F0',
-    '300': '#D3D2E6',
-    '400': '#BEBBD6',
-    '500': '#A39FBE',
-    '600': '#8884A4',
-    '700': '#6D698B',
-    '800': '#534F70',
-    '900': '#353040',
-    '950': '#13131A',
-    },
+    50: '#F8F7FC',
+    100: '#F0EFF8',
+    200: '#E3E1F0',
+    300: '#D3D2E6',
+    400: '#BEBBD6',
+    500: '#A39FBE',
+    600: '#8884A4',
+    700: '#6D698B',
+    800: '#534F70',
+    900: '#353040',
+    950: '#13131A'
+  },
   yellow: {
-    '50': '#FEF8E6',
-    '100': '#FDF2CE',
-    '200': '#FCE49C',
-    '300': '#FAD76B',
-    '400': '#F8CA3A',
-    '500': '#F7BD08',
-    '600': '#C59707',
-    '700': '#947105',
-    '800': '#634B03',
-    '900': '#312602',
-    '950': '#191301',
-    },
+    50: '#FEF8E6',
+    100: '#FDF2CE',
+    200: '#FCE49C',
+    300: '#FAD76B',
+    400: '#F8CA3A',
+    500: '#F7BD08',
+    600: '#C59707',
+    700: '#947105',
+    800: '#634B03',
+    900: '#312602',
+    950: '#191301'
+  },
   green: {
-    '50': '#F0FDF4',
-    '100': '#D0FBDF',
-    '200': '#A4F4C0',
-    '300': '#78EDA2',
-    '400': '#52E086',
-    '500': '#26D968',
-    '600': '#18B452',
-    '700': '#16833F',
-    '800': '#12542B',
-    '900': '#0A2916',
-    '950': '#03170B',
-    },
+    50: '#F0FDF4',
+    100: '#D0FBDF',
+    200: '#A4F4C0',
+    300: '#78EDA2',
+    400: '#52E086',
+    500: '#26D968',
+    600: '#18B452',
+    700: '#16833F',
+    800: '#12542B',
+    900: '#0A2916',
+    950: '#03170B'
+  },
 
   red: {
-    '50': '#FCE8E8',
-    '100': '#F9D2D2',
-    '200': '#F3A5A5',
-    '300': '#ED7878',
-    '400': '#E74B4B',
-    '500': '#E51A1A',
-    '600': '#B71515',
-    '700': '#891010',
-    '800': '#5B0B0B',
-    '900': '#2E0606',
-    '950': '#170303',
-    },
+    50: '#FCE8E8',
+    100: '#F9D2D2',
+    200: '#F3A5A5',
+    300: '#ED7878',
+    400: '#E74B4B',
+    500: '#E51A1A',
+    600: '#B71515',
+    700: '#891010',
+    800: '#5B0B0B',
+    900: '#2E0606',
+    950: '#170303'
+  },
   brand,
   surface: {
     0: '#FFFFFF',
@@ -126,17 +126,17 @@ export const primitives = {
     700: '#4D4D4D',
     800: '#1A1A1A',
     900: '#141414',
-    950: '#0A0A0A',
+    950: '#0A0A0A'
   },
-  alpha,
-};
+  alpha
+}
 
 export const surfacePrimitives = {
-  surface: primitives.surface,
-};
+  surface: primitives.surface
+}
 
 export default {
   primitives,
   surfacePrimitives,
-  brandPrimitives,
-};
+  brandPrimitives
+}

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

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

package/src/tokens/primitives/effects/blur.js

@@ -5,7 +5,7 @@ export const blur = {
   lg: '16px',
   xl: '24px',
   '2xl': '40px',
-  '3xl': '64px',
-};
+  '3xl': '64px'
+}
 
-export default { blur };
+export default { blur }

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

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

package/src/tokens/primitives/effects/drop-shadow.js

@@ -4,7 +4,7 @@ export const dropShadow = {
   md: '0 3px 3px rgb(0 0 0 / 0.12)',
   lg: '0 4px 4px rgb(0 0 0 / 0.15)',
   xl: '0 9px 7px rgb(0 0 0 / 0.1)',
-  '2xl': '0 25px 25px rgb(0 0 0 / 0.15)',
-};
+  '2xl': '0 25px 25px rgb(0 0 0 / 0.15)'
+}
 
-export default { dropShadow };
+export default { dropShadow }

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

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

package/src/tokens/primitives/effects/inset-shadow.js

@@ -1,7 +1,7 @@
 export const insetShadow = {
   '2xs': 'inset 0 1px rgb(0 0 0 / 0.05)',
   xs: 'inset 0 1px 1px rgb(0 0 0 / 0.05)',
-  sm: 'inset 0 2px 4px rgb(0 0 0 / 0.05)',
-};
+  sm: 'inset 0 2px 4px rgb(0 0 0 / 0.05)'
+}
 
-export default { insetShadow };
+export default { insetShadow }

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

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

package/src/tokens/primitives/effects/opacity.js

@@ -2,7 +2,7 @@ export const opacity = {
   25: '0.25',
   50: '0.5',
   75: '0.75',
-  100: '1',
-};
+  100: '1'
+}
 
-export default { opacity };
+export default { opacity }

package/src/tokens/primitives/effects/perspective.js

@@ -3,7 +3,7 @@ export const perspective = {
   near: '300px',
   normal: '500px',
   midrange: '800px',
-  distant: '1200px',
-};
+  distant: '1200px'
+}
 
-export default { perspective };
+export default { perspective }

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

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

package/src/tokens/primitives/effects/shadow.js

@@ -5,7 +5,7 @@ export const shadow = {
   md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
   lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
   xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
-  '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',
-};
+  '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)'
+}
 
-export default { shadow };
+export default { shadow }

package/src/{azion/_fonts.scss → tokens/primitives/fonts.css}

@@ -1,3 +1,16 @@
+/**
+ * @font-face declarations for the Azion type system.
+ *
+ * Prepended verbatim into `dist/v4/globals.css` by `scripts/build-tokens.mjs`
+ * so any consumer of `@aziontech/theme/globals.css` gets the same faces the
+ * design system was authored against — no separate <link rel="stylesheet"> or
+ * per-app `@import "@fontsource/…"` needed.
+ *
+ * Fonts are hosted at fonts.azion.com under a permissive CORS policy; the
+ * requests are subresource-cached with `font-display: swap` so first paint
+ * uses the system fallback while the .woff2 loads.
+ */
+
 @font-face {
   font-family: 'Roboto';
   src: url('https://fonts.azion.com/roboto/roboto-light.woff2') format('woff2');
@@ -136,8 +149,9 @@
 
 @font-face {
   font-family: 'Roboto Condensed';
-  src: url('https://fonts.azion.com/roboto-condensed/RobotoCondensed-Italic.woff') format('woff'),
-       url('https://fonts.azion.com/roboto-condensed/RobotoCondensed-Italic.ttf') format('truetype');
+  src:
+    url('https://fonts.azion.com/roboto-condensed/RobotoCondensed-Italic.woff') format('woff'),
+    url('https://fonts.azion.com/roboto-condensed/RobotoCondensed-Italic.ttf') format('truetype');
   font-weight: 400;
   font-style: italic;
   font-display: swap;
@@ -145,8 +159,9 @@
 
 @font-face {
   font-family: 'Titillium Web';
-  src: url('https://fonts.azion.com/titillium-web/TitilliumWeb-Italic.woff') format('woff'),
-       url('https://fonts.azion.com/titillium-web/TitilliumWeb-Italic.ttf') format('truetype');
+  src:
+    url('https://fonts.azion.com/titillium-web/TitilliumWeb-Italic.woff') format('woff'),
+    url('https://fonts.azion.com/titillium-web/TitilliumWeb-Italic.ttf') format('truetype');
   font-weight: 400;
   font-style: italic;
   font-display: swap;

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

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

package/src/tokens/primitives/ring-offset.js

@@ -1,5 +1,5 @@
 export const ringOffset = {
-  'ring-offset': '0.5px',
-};
+  'ring-offset': '0.5px'
+}
 
-export default { ringOffset };
+export default { ringOffset }

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

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

package/src/tokens/primitives/shape/aspect-video.js

@@ -1,3 +1,3 @@
-export const aspectVideo = '16 / 9';
+export const aspectVideo = '16 / 9'
 
-export default { aspectVideo };
+export default { aspectVideo }

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

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

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

@@ -11,7 +11,7 @@ export const container = {
   '4xl': '896px',
   '5xl': '1024px',
   '6xl': '1152px',
-  '7xl': '1280px',
-};
+  '7xl': '1280px'
+}
 
-export default { container };
+export default { container }

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

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

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

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

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

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