@aziontech/theme 1.12.0 → 2.0.0

package/src/tokens/primitives/brand.js

@@ -1,69 +0,0 @@
-/**
- * BRAND + SURFACE PRIMITIVES TOKENS
- *
- * Generated from figma-reference-tokens-studio.
- */
-
-import { brandColors } from '../colors-brand.js';
-import { primitives } from './colors.js';
-
-// Aliases:
-// - surfaces are neutrals
-// - accent is violet
-export const surfacePrimitives = {
-  surface: {
-    0: primitives.base.white,
-    50: primitives.neutral[50],
-    100: primitives.neutral[100],
-    200: primitives.neutral[200],
-    300: primitives.neutral[300],
-    400: primitives.neutral[400],
-    500: primitives.neutral[500],
-    600: primitives.neutral[600],
-    700: primitives.neutral[700],
-    800: primitives.neutral[800],
-    900: primitives.neutral[900],
-    950: primitives.neutral[950]
-  }
-};
-
-export const brandPrimitives = {
-  accent: {
-    50: primitives.violet[50],
-    100: primitives.violet[100],
-    200: primitives.violet[200],
-    300: primitives.violet[300],
-    400: primitives.violet[400],
-    500: primitives.violet[500],
-    600: primitives.violet[600],
-    700: primitives.violet[700],
-    800: primitives.violet[800],
-    900: primitives.violet[900],
-    950: primitives.violet[950]
-  },
-  primary: {
-    50: primitives.orange[50],
-    100: primitives.orange[100],
-    200: primitives.orange[200],
-    300: primitives.orange[300],
-    400: primitives.orange[400],
-    500: primitives.orange[500],
-    600: primitives.orange[600],
-    700: primitives.orange[700],
-    800: primitives.orange[800],
-    900: primitives.orange[900],
-    950: primitives.orange[950]
-  },
-  absolute: {
-    white: primitives.neutral[50],
-    black: primitives.neutral[950]
-  }
-};
-
-export { brandColors };
-
-export default {
-  brandColors,
-  brandPrimitives,
-  surfacePrimitives,
-};

package/src/tokens/primitives/colors.js

@@ -1,144 +0,0 @@
-/**
- * PRIMITIVE COLORS TOKENS
- *
- * Generated from figma-reference-tokens-studio.
- */
-
-export const primitives = {
-  base: {
-    white: '#ffffff',
-    black: '#000000',
-    },
-  gray: {
-    '50': '#F9FAFB',
-    '100': '#F3F4F6',
-    '200': '#E5E7EB',
-    '300': '#D1D5DB',
-    '400': '#9CA3AF',
-    '500': '#6B7280',
-    '600': '#4B5563',
-    '700': '#374151',
-    '800': '#1F2937',
-    '900': '#111827',
-    '950': '#030712',
-    },
-  // done violet
-  violet: {
-    '50': '#F6F6FF',
-    '100': '#ECECFF',
-    '200': '#D9D7FA',
-    '300': '#B5B1F4',
-    '400': '#9F9AF1',
-    '500': '#8A84EC',
-    '600': '#756FE5',
-    '700': '#625BD5',
-    '800': '#524BBB',
-    '900': '#423F99',
-    '950': '#343279',
-    },
-  orange: {
-    '50': '#FFF5EF',
-    '100': '#FFE7D8',
-    '200': '#FFCFB3',
-    '300': '#FFB180',
-    '400': '#FF8E4D',
-    '500': '#FE601F',
-    '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',
-    },
-  yellow: {
-    '50': '#FEFCE8',
-    '100': '#FEF9C3',
-    '200': '#FEF08A',
-    '300': '#FDE047',
-    '400': '#FACC15',
-    '500': '#EAB308',
-    '600': '#CA8A04',
-    '700': '#A16207',
-    '800': '#854D0E',
-    '900': '#713F12',
-    '950': '#422006',
-    },
-  green: {
-    '50': '#F0FDF4',
-    '100': '#DCFCE7',
-    '200': '#BBF7D0',
-    '300': '#86EFAC',
-    '400': '#4ADE80',
-    '500': '#22C55E',
-    '600': '#16A34A',
-    '700': '#15803D',
-    '800': '#166534',
-    '900': '#14532D',
-    '950': '#052E16',
-    },
-  blue: {
-    '50': '#EFF6FF',
-    '100': '#DBEAFE',
-    '200': '#BFDBFE',
-    '300': '#93C5FD',
-    '400': '#60A5FA',
-    '500': '#3B82F6',
-    '600': '#2563EB',
-    '700': '#1D4ED8',
-    '800': '#1E40AF',
-    '900': '#1E3A8A',
-    '950': '#172554',
-    },
-  neutral: {
-    '50': '#FAFAFA',
-    '100': '#F5F5F5',
-    '200': '#E5E5E5',
-    '300': '#D4D4D4',
-    '400': '#A3A3A3',
-    '500': '#737373',
-    '600': '#525252',
-    '700': '#404040',
-    '800': '#262626',
-    '900': '#171717',
-    '950': '#0A0A0A',
-    },
-  red: {
-    '50': '#FFE5E5',
-    '100': '#FFCCCC',
-    '200': '#FECACA',
-    '300': '#FCA5A5',
-    '400': '#F87171',
-    '500': '#EF4444',
-    '600': '#DC2626',
-    '700': '#B91C1C',
-    '800': '#991B1B',
-    '900': '#7F1D1D',
-    '950': '#450A0A',
-    },
-  alpha: {
-    neutral: {
-      '25': '#00000040',
-    },
-  brand: {
-      primary: {
-        '65': '#FE601F29',
-      },
-    },
-  },
-};
-
-export default {
-  primitives,
-};

package/src/tokens/semantic/backgrounds.js

@@ -1,46 +0,0 @@
-/**
- * SEMANTIC BACKGROUND TOKENS
- *
- * Generated from figma-reference-tokens-studio.
- */
-
-import { tokenRef } from '../build/refs.js'
-
-export const backgroundSemantic = {
-  light: {
-    surfaceRaised: tokenRef('brand.surfaces.surface-0'),
-    surfaceOverlay: tokenRef('brand.surfaces.surface-50'),
-    surface: tokenRef('brand.surfaces.surface-0'),
-    canvas: tokenRef('brand.surfaces.surface-100'),
-    dangerHover: tokenRef('primitives.red.400'),
-    warningHover: tokenRef('primitives.yellow.400'),
-    successHover: tokenRef('primitives.green.400'),
-    success: tokenRef('primitives.green.200'),
-    danger: tokenRef('primitives.red.200'),
-    warning: tokenRef('primitives.yellow.200'),
-    backdrop: tokenRef('primitives.alpha.neutral.25'),
-    primaryHover: tokenRef('brand.primary.primary-600'),
-    primary: tokenRef('brand.primary.primary-500'),
-    primaryMask: tokenRef('primitives.alpha.brand.primary.65')
-  },
-  dark: {
-    surfaceRaised: tokenRef('brand.surfaces.surface-800'),
-    surfaceOverlay: tokenRef('brand.surfaces.surface-700'),
-    surface: tokenRef('brand.surfaces.surface-900'),
-    canvas: tokenRef('brand.surfaces.surface-950'),
-    dangerHover: tokenRef('primitives.red.600'),
-    warningHover: tokenRef('primitives.yellow.600'),
-    successHover: tokenRef('primitives.green.600'),
-    success: tokenRef('primitives.green.800'),
-    danger: tokenRef('primitives.red.800'),
-    warning: tokenRef('primitives.yellow.800'),
-    backdrop: tokenRef('primitives.alpha.neutral.25'),
-    primaryHover: tokenRef('brand.primary.primary-400'),
-    primary: tokenRef('brand.primary.primary-500'),
-    primaryMask: tokenRef('primitives.alpha.brand.primary.65')
-  }
-}
-
-export default {
-  backgroundSemantic
-}

package/src/tokens/semantic/borders.js

@@ -1,44 +0,0 @@
-/**
- * SEMANTIC BORDER TOKENS
- *
- * Generated from figma-reference-tokens-studio.
- */
-
-import { tokenRef } from '../build/refs.js';
-
-export const borderSemantic = {
-  light: {
-    default: tokenRef('brand.surfaces.surface-100'),
-    strong: tokenRef('primitives.base.black'),
-    warning: tokenRef('primitives.yellow.600'),
-    success: tokenRef('primitives.green.600'),
-    danger: tokenRef('primitives.red.600'),
-    primary: tokenRef('brand.primary.primary-500'),
-    accent: tokenRef('brand.accent.accent-500'),
-    warningHover: tokenRef('primitives.yellow.500'),
-    successHover: tokenRef('primitives.green.500'),
-    dangerHover: tokenRef('primitives.red.500'),
-    primaryHover: tokenRef('brand.primary.primary-600'),
-    accentHover: tokenRef('brand.accent.accent-600'),
-    subtle: tokenRef('brand.surfaces.surface-200')
-  },
-  dark: {
-    default: tokenRef('brand.surfaces.surface-800'),
-    strong: tokenRef('primitives.base.white'),
-    warning: tokenRef('primitives.yellow.400'),
-    success: tokenRef('primitives.green.400'),
-    danger: tokenRef('primitives.red.400'),
-    primary: tokenRef('brand.primary.primary-500'),
-    accent: tokenRef('brand.accent.accent-500'),
-    warningHover: tokenRef('primitives.yellow.500'),
-    successHover: tokenRef('primitives.green.500'),
-    dangerHover: tokenRef('primitives.red.500'),
-    primaryHover: tokenRef('brand.primary.primary-400'),
-    accentHover: tokenRef('brand.accent.accent-400'),
-    subtle: tokenRef('brand.surfaces.surface-700')
-  },
-};
-
-export default {
-  borderSemantic,
-};

package/src/tokens/semantic/text.js

@@ -1,48 +0,0 @@
-/**
- * SEMANTIC TEXT TOKENS
- *
- * Generated from figma-reference-tokens-studio.
- */
-
-import { tokenRef } from '../build/refs.js';
-
-export const textSemantic = {
-  light: {
-    default: tokenRef('primitives.neutral.900'),
-    muted: tokenRef('primitives.neutral.600'),
-    link: tokenRef('primitives.blue.600'),
-    code: tokenRef('primitives.neutral.600'),
-    linkHover: tokenRef('primitives.blue.700'),
-    primary: tokenRef('brand.primary.primary-500'),
-    primaryHover: tokenRef('brand.primary.primary-600'),
-    accent: tokenRef('brand.accent.accent-500'),
-    accentHover: tokenRef('brand.accent.accent-600'),
-    dangerHover: tokenRef('primitives.red.500'),
-    warningHover: tokenRef('primitives.yellow.500'),
-    successHover: tokenRef('primitives.green.500'),
-    success: tokenRef('primitives.green.600'),
-    danger: tokenRef('primitives.red.600'),
-    warning: tokenRef('primitives.yellow.600')
-  },
-  dark: {
-    default: tokenRef('primitives.neutral.50'),
-    muted: tokenRef('primitives.neutral.400'),
-    link: tokenRef('primitives.blue.400'),
-    code: tokenRef('primitives.neutral.400'),
-    linkHover: tokenRef('primitives.blue.300'),
-    primary: tokenRef('brand.primary.primary-500'),
-    primaryHover: tokenRef('brand.primary.primary-400'),
-    accent: tokenRef('brand.accent.accent-500'),
-    accentHover: tokenRef('brand.accent.accent-400'),
-    dangerHover: tokenRef('primitives.red.500'),
-    warningHover: tokenRef('primitives.yellow.500'),
-    successHover: tokenRef('primitives.green.500'),
-    success: tokenRef('primitives.green.400'),
-    danger: tokenRef('primitives.red.400'),
-    warning: tokenRef('primitives.yellow.400'),
-  }
-};
-
-export default {
-  textSemantic,
-};