@dukaandost/tokens 1.0.0 → 1.1.0

package/src/tokens.ts

@@ -1,219 +0,0 @@
-// ---------------------------------------------------------------------------
-// Design Tokens – TypeScript constants
-// ---------------------------------------------------------------------------
-
-export const colors = {
-  brand: {
-    primary: '#180C44',
-    accent: '#8A38F5',
-    accentSubtle: '#EBE9F3',
-    accentMuted: '#A499C6',
-    hover: '#3B2395',
-  },
-  semantic: {
-    error: '#E9336C',
-    errorStrong: '#C10000',
-    errorLight: '#EE6691',
-    success: '#099B30',
-    successDark: '#04841B',
-    successDeep: '#065B15',
-    successMuted: '#82AE37',
-    warning: '#FCC13E',
-    warningText: '#E4AC32',
-    info: '#1B4DFF',
-    infoStrong: '#0065F7',
-    infoDark: '#02409A',
-    infoMuted: '#127498',
-  },
-  text: {
-    primary: '#1A1A1A',
-    secondary: '#2E2E2E',
-    tertiary: '#545454',
-    disabled: '#7F7F7F',
-    inverse: '#FFFFFF',
-  },
-  border: {
-    default: '#D3D3D3',
-    subtle: '#E0E0E0',
-    hover: '#A9A9A9',
-  },
-  surface: {
-    default: '#FFFFFF',
-    subtle: '#F5F5F5',
-    subtleHover: '#F6F6F6',
-    accent: '#F4F2FF',
-  },
-  focus: {
-    glow: '#EE6691',
-    border: '#E9336C',
-  },
-  badge: {
-    green: { bg: '#E4FFEC', border: '#5FD87F', text: '#099B30' },
-    darkGreen: { bg: '#B3D9BA', border: '#04841B', text: '#065B15' },
-    blue: { bg: '#E6EFFC', border: '#0065F7', text: '#02409A' },
-    purple: { bg: '#FFE2FF', border: '#DF00DF', text: '#9A009A' },
-    violet: { bg: '#E8C1FF', border: '#B331FF', text: '#921EC3' },
-    yellow: { bg: '#FFF6E2', border: '#FCC13E', text: '#E4AC32' },
-    teal: { bg: '#E3FDFF', border: '#18CBDB', text: '#0DACBB' },
-    pink: { bg: '#FFE7EE', border: '#EE6691', text: '#E30047' },
-    red: { bg: '#FFE2E2', border: '#FF2929', text: '#C10000' },
-    orange: { bg: '#FDE1D4', border: '#FF6924', text: '#F65F1A' },
-    grey: { bg: '#E3E3E3', border: '#7F7F7F', text: '#545454' },
-    brown: { bg: '#F4E8DC', border: '#B87333', text: '#8B5E34' },
-  },
-} as const;
-
-export const gradients = {
-  brandAlpha: 'linear-gradient(90deg, #FF51E3 0%, #8048BE 50%, #02409A 100%)',
-  brandBeta: 'linear-gradient(90deg, #02409A 0%, #066E65 25%, #099B30 50%)',
-  brandGamma: 'linear-gradient(90deg, #099B30 0%, #82AE37 50%, #FCC13E 100%)',
-  brandDelta: 'linear-gradient(90deg, #099B30 0%, #127498 50%, #1B4DFF 100%)',
-} as const;
-
-export const fontFamily = {
-  heading: "'Amsi Pro', 'Inter', system-ui, sans-serif",
-  body: "'Nunito Sans', 'Inter', system-ui, sans-serif",
-  code: "'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', monospace",
-} as const;
-
-export const typography = {
-  display: {
-    size: '40px',
-    weight: 400,
-    lineHeight: 1.37,
-    letterSpacing: '0em',
-    fontFamily: fontFamily.heading,
-  },
-  headingXl: {
-    size: '32px',
-    weight: 400,
-    lineHeight: 1.37,
-    letterSpacing: '0em',
-    fontFamily: fontFamily.heading,
-  },
-  headingLg: {
-    size: '24px',
-    weight: 400,
-    lineHeight: 1.37,
-    letterSpacing: '0em',
-    fontFamily: fontFamily.heading,
-  },
-  headingMd: {
-    size: '20px',
-    weight: 400,
-    lineHeight: 1.37,
-    letterSpacing: '0em',
-    fontFamily: fontFamily.heading,
-  },
-  headingSm: {
-    size: '18px',
-    weight: 400,
-    lineHeight: 1.36,
-    letterSpacing: '0em',
-    fontFamily: fontFamily.body,
-  },
-  bodyLg: {
-    size: '16px',
-    weight: 400,
-    lineHeight: 1.36,
-    letterSpacing: '0em',
-    fontFamily: fontFamily.body,
-  },
-  bodyMd: {
-    size: '14px',
-    weight: 400,
-    lineHeight: 1.36,
-    letterSpacing: '0em',
-    fontFamily: fontFamily.body,
-  },
-  bodySm: {
-    size: '12px',
-    weight: 400,
-    lineHeight: 1.36,
-    letterSpacing: '0em',
-    fontFamily: fontFamily.body,
-  },
-  label: {
-    size: '13px',
-    weight: 500,
-    lineHeight: 1.4,
-    letterSpacing: '0.03em',
-    fontFamily: fontFamily.body,
-  },
-  labelSm: {
-    size: '11px',
-    weight: 500,
-    lineHeight: 1.4,
-    letterSpacing: '0.04em',
-    fontFamily: fontFamily.body,
-  },
-  code: {
-    size: '13px',
-    weight: 400,
-    lineHeight: 1.5,
-    letterSpacing: '0em',
-    fontFamily: fontFamily.code,
-  },
-} as const;
-
-export const spacing = {
-  px: '1px',
-  '0.5': '2px',
-  '1': '4px',
-  '2': '8px',
-  '3': '12px',
-  '4': '16px',
-  '5': '20px',
-  '6': '24px',
-  '8': '32px',
-  '10': '40px',
-  '12': '48px',
-} as const;
-
-export const radius = {
-  none: '0px',
-  xs: '4px',
-  sm: '8px',
-  md: '12px',
-  lg: '16px',
-  xl: '24px',
-  full: '9999px',
-} as const;
-
-export const shadows = {
-  none: 'none',
-  xs: '0 1px 2px rgba(0, 0, 0, 0.06)',
-  sm: '0 2px 6px rgba(0, 0, 0, 0.08)',
-  md: '0 4px 12px rgba(0, 0, 0, 0.12)',
-  lg: '0 8px 24px rgba(0, 0, 0, 0.16)',
-  xl: '0 16px 40px rgba(0, 0, 0, 0.20)',
-  glowAlpha: '0 0 20px rgba(190, 3, 164, 0.50)',
-  glowBeta: '0 0 20px rgba(148, 170, 253, 0.50)',
-  glowGamma: '0 0 20px rgba(130, 174, 55, 0.50)',
-  glowDelta: '0 0 20px rgba(55, 130, 174, 0.50)',
-  button: '0 1px 2px rgba(0, 0, 0, 0.2)',
-  buttonHover: '0 1px 4px rgba(0, 0, 0, 0.2)',
-  focusGlow: '0 0 4px #EE6691',
-} as const;
-
-export const zIndex = {
-  base: 0,
-  raised: 10,
-  dropdown: 100,
-  sticky: 200,
-  overlay: 300,
-  modal: 400,
-  popover: 500,
-  toast: 600,
-} as const;
-
-export const tokens = {
-  colors,
-  gradients,
-  fontFamily,
-  typography,
-  spacing,
-  radius,
-  shadows,
-  zIndex,
-} as const;