@lincros-ui/components 0.2.9 → 0.2.11

package/dist/styles/index.cjs

@@ -0,0 +1,219 @@
+'use strict';
+
+// src/styles/design-tokens/colors.ts
+var acordeColors = {
+  primary: {
+    50: "#ecfdf5",
+    100: "#d1fae5",
+    200: "#a7f3d0",
+    300: "#6ee7b7",
+    400: "#34d399",
+    500: "#10b981",
+    600: "#059669",
+    700: "#047857",
+    800: "#065f46",
+    900: "#064e3b",
+    DEFAULT: "var(--primary)",
+    foreground: "var(--primary-foreground)"
+  },
+  secondary: {
+    50: "#eff6ff",
+    100: "#dbeafe",
+    200: "#bfdbfe",
+    300: "#93c5fd",
+    400: "#60a5fa",
+    500: "#3b82f6",
+    600: "#1e40af",
+    700: "#1d4ed8",
+    800: "#1e3a8a",
+    900: "#1e293b",
+    DEFAULT: "var(--secondary)",
+    foreground: "var(--secondary-foreground)"
+  },
+  success: "#22c55e",
+  warning: "#f59e0b",
+  error: "#ef4444",
+  info: "#3b82f6",
+  gray: {
+    50: "#f9fafb",
+    100: "#f3f4f6",
+    200: "#e5e7eb",
+    300: "#d1d5db",
+    400: "#9ca3af",
+    500: "#6b7280",
+    600: "#4b5563",
+    700: "#374151",
+    800: "#1f2937",
+    900: "#111827"
+  },
+  "acorde-primary": "var(--acorde-primary)",
+  "acorde-secondary": "var(--acorde-secondary)",
+  "acorde-success": "var(--acorde-success)",
+  "acorde-warning": "var(--acorde-warning)",
+  "acorde-error": "var(--acorde-error)",
+  "acorde-info": "var(--acorde-info)",
+  border: "var(--border)",
+  input: "var(--input)",
+  ring: "var(--ring)",
+  background: "var(--background)",
+  foreground: "var(--foreground)",
+  destructive: {
+    DEFAULT: "var(--destructive)",
+    foreground: "var(--destructive-foreground)"
+  },
+  muted: {
+    DEFAULT: "var(--muted)",
+    foreground: "var(--muted-foreground)"
+  },
+  accent: {
+    DEFAULT: "var(--accent)",
+    foreground: "var(--accent-foreground)"
+  },
+  popover: {
+    DEFAULT: "var(--popover)",
+    foreground: "var(--popover-foreground)"
+  },
+  card: {
+    DEFAULT: "var(--card)",
+    foreground: "var(--card-foreground)"
+  },
+  sidebar: {
+    DEFAULT: "var(--sidebar-background)",
+    foreground: "var(--sidebar-foreground)",
+    primary: "var(--sidebar-primary)",
+    "primary-foreground": "var(--sidebar-primary-foreground)",
+    accent: "var(--sidebar-accent)",
+    "accent-foreground": "var(--sidebar-accent-foreground)",
+    border: "var(--sidebar-border)",
+    ring: "var(--sidebar-ring)"
+  }
+};
+
+// src/styles/design-tokens/typography.ts
+var acordeTypography = {
+  fontFamily: {
+    sans: ["Inter", "system-ui", "sans-serif"],
+    mono: ["Roboto Mono", "monospace"]
+  },
+  fontSize: {
+    xs: "10px",
+    sm: "12px",
+    base: "14px",
+    md: "16px",
+    lg: "18px",
+    xl: "20px",
+    "2xl": "24px",
+    "3xl": "28px",
+    "4xl": "36px",
+    "5xl": "48px"
+  },
+  fontWeight: {
+    light: "300",
+    normal: "400",
+    medium: "500",
+    semibold: "600",
+    bold: "700"
+  },
+  lineHeight: {
+    tight: "1.2",
+    normal: "1.5",
+    relaxed: "1.75"
+  }
+};
+
+// src/styles/design-tokens/spacing.ts
+var acordeSpacing = {
+  px: "1px",
+  0: "0px",
+  0.5: "2px",
+  1: "4px",
+  2: "8px",
+  3: "12px",
+  4: "16px",
+  5: "20px",
+  6: "24px",
+  8: "32px",
+  10: "40px",
+  12: "48px",
+  16: "64px",
+  20: "80px",
+  24: "96px",
+  32: "128px"
+};
+
+// src/styles/design-tokens/shadows.ts
+var acordeShadows = {
+  none: "none",
+  sm: "0 1px 2px rgba(0, 0, 0, 0.05)",
+  md: "0 4px 6px rgba(0, 0, 0, 0.07)",
+  lg: "0 10px 15px rgba(0, 0, 0, 0.1)",
+  xl: "0 20px 25px rgba(0, 0, 0, 0.1)",
+  "2xl": "0 25px 50px rgba(0, 0, 0, 0.25)",
+  inner: "inset 0 2px 4px rgba(0, 0, 0, 0.1)"
+};
+
+// src/styles/design-tokens/borders.ts
+var acordeBorders = {
+  width: {
+    0: "0px",
+    1: "1px",
+    2: "2px",
+    4: "4px"
+  },
+  radius: {
+    none: "0px",
+    sm: "2px",
+    md: "4px",
+    lg: "8px",
+    xl: "12px",
+    "2xl": "16px",
+    "3xl": "24px",
+    full: "9999px"
+  }
+};
+
+// src/styles/design-tokens/breakpoints.ts
+var acordeBreakpoints = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  "2xl": "1536px"
+};
+
+// src/styles/design-tokens/animations.ts
+var acordeAnimations = {
+  duration: {
+    fast: "150ms",
+    normal: "300ms",
+    slow: "500ms"
+  },
+  easing: {
+    linear: "linear",
+    in: "cubic-bezier(0.4, 0, 1, 1)",
+    out: "cubic-bezier(0, 0, 0.2, 1)",
+    inOut: "cubic-bezier(0.4, 0, 0.2, 1)"
+  }
+};
+
+// src/styles/design-tokens/index.ts
+var acordeDesignTokens = {
+  colors: acordeColors,
+  typography: acordeTypography,
+  spacing: acordeSpacing,
+  shadows: acordeShadows,
+  borders: acordeBorders,
+  breakpoints: acordeBreakpoints,
+  animations: acordeAnimations
+};
+
+exports.acordeAnimations = acordeAnimations;
+exports.acordeBorders = acordeBorders;
+exports.acordeBreakpoints = acordeBreakpoints;
+exports.acordeColors = acordeColors;
+exports.acordeDesignTokens = acordeDesignTokens;
+exports.acordeShadows = acordeShadows;
+exports.acordeSpacing = acordeSpacing;
+exports.acordeTypography = acordeTypography;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/styles/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/design-tokens/colors.ts","../../src/styles/design-tokens/typography.ts","../../src/styles/design-tokens/spacing.ts","../../src/styles/design-tokens/shadows.ts","../../src/styles/design-tokens/borders.ts","../../src/styles/design-tokens/breakpoints.ts","../../src/styles/design-tokens/animations.ts","../../src/styles/design-tokens/index.ts"],"names":[],"mappings":"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","file":"index.cjs","sourcesContent":["export const acordeColors = {\n  primary: {\n    50: '#ecfdf5',\n    100: '#d1fae5',\n    200: '#a7f3d0',\n    300: '#6ee7b7',\n    400: '#34d399',\n    500: '#10b981',\n    600: '#059669',\n    700: '#047857',\n    800: '#065f46',\n    900: '#064e3b',\n    DEFAULT: 'var(--primary)',\n    foreground: 'var(--primary-foreground)',\n  },\n  secondary: {\n    50: '#eff6ff',\n    100: '#dbeafe',\n    200: '#bfdbfe',\n    300: '#93c5fd',\n    400: '#60a5fa',\n    500: '#3b82f6',\n    600: '#1e40af',\n    700: '#1d4ed8',\n    800: '#1e3a8a',\n    900: '#1e293b',\n    DEFAULT: 'var(--secondary)',\n    foreground: 'var(--secondary-foreground)',\n  },\n  success: '#22c55e',\n  warning: '#f59e0b',\n  error: '#ef4444',\n  info: '#3b82f6',\n  gray: {\n    50: '#f9fafb',\n    100: '#f3f4f6',\n    200: '#e5e7eb',\n    300: '#d1d5db',\n    400: '#9ca3af',\n    500: '#6b7280',\n    600: '#4b5563',\n    700: '#374151',\n    800: '#1f2937',\n    900: '#111827',\n  },\n  'acorde-primary': 'var(--acorde-primary)',\n  'acorde-secondary': 'var(--acorde-secondary)',\n  'acorde-success': 'var(--acorde-success)',\n  'acorde-warning': 'var(--acorde-warning)',\n  'acorde-error': 'var(--acorde-error)',\n  'acorde-info': 'var(--acorde-info)',\n  border: 'var(--border)',\n  input: 'var(--input)',\n  ring: 'var(--ring)',\n  background: 'var(--background)',\n  foreground: 'var(--foreground)',\n  destructive: {\n    DEFAULT: 'var(--destructive)',\n    foreground: 'var(--destructive-foreground)',\n  },\n  muted: {\n    DEFAULT: 'var(--muted)',\n    foreground: 'var(--muted-foreground)',\n  },\n  accent: {\n    DEFAULT: 'var(--accent)',\n    foreground: 'var(--accent-foreground)',\n  },\n  popover: {\n    DEFAULT: 'var(--popover)',\n    foreground: 'var(--popover-foreground)',\n  },\n  card: {\n    DEFAULT: 'var(--card)',\n    foreground: 'var(--card-foreground)',\n  },\n  sidebar: {\n    DEFAULT: 'var(--sidebar-background)',\n    foreground: 'var(--sidebar-foreground)',\n    primary: 'var(--sidebar-primary)',\n    'primary-foreground': 'var(--sidebar-primary-foreground)',\n    accent: 'var(--sidebar-accent)',\n    'accent-foreground': 'var(--sidebar-accent-foreground)',\n    border: 'var(--sidebar-border)',\n    ring: 'var(--sidebar-ring)',\n  },\n} as const;","export const acordeTypography = {\n  fontFamily: {\n    sans: ['Inter', 'system-ui', 'sans-serif'],\n    mono: ['Roboto Mono', 'monospace'],\n  },\n  fontSize: {\n    xs: '10px',\n    sm: '12px',\n    base: '14px',\n    md: '16px',\n    lg: '18px',\n    xl: '20px',\n    '2xl': '24px',\n    '3xl': '28px',\n    '4xl': '36px',\n    '5xl': '48px',\n  },\n  fontWeight: {\n    light: '300',\n    normal: '400',\n    medium: '500',\n    semibold: '600',\n    bold: '700',\n  },\n  lineHeight: {\n    tight: '1.2',\n    normal: '1.5',\n    relaxed: '1.75',\n  }\n} as const;","export const acordeSpacing = {\n  px: '1px',\n  0: '0px',\n  0.5: '2px',\n  1: '4px',\n  2: '8px',\n  3: '12px',\n  4: '16px',\n  5: '20px',\n  6: '24px',\n  8: '32px',\n  10: '40px',\n  12: '48px',\n  16: '64px',\n  20: '80px',\n  24: '96px',\n  32: '128px',\n} as const;","export const acordeShadows = {\n  none: 'none',\n  sm: '0 1px 2px rgba(0, 0, 0, 0.05)',\n  md: '0 4px 6px rgba(0, 0, 0, 0.07)',\n  lg: '0 10px 15px rgba(0, 0, 0, 0.1)',\n  xl: '0 20px 25px rgba(0, 0, 0, 0.1)',\n  '2xl': '0 25px 50px rgba(0, 0, 0, 0.25)',\n  inner: 'inset 0 2px 4px rgba(0, 0, 0, 0.1)',\n} as const;","export const acordeBorders = {\n  width: {\n    0: '0px',\n    1: '1px',\n    2: '2px',\n    4: '4px',\n  },\n  radius: {\n    none: '0px',\n    sm: '2px',\n    md: '4px',\n    lg: '8px',\n    xl: '12px',\n    '2xl': '16px',\n    '3xl': '24px',\n    full: '9999px',\n  }\n} as const;","export const acordeBreakpoints = {\n  sm: '640px',\n  md: '768px',\n  lg: '1024px',\n  xl: '1280px',\n  '2xl': '1536px',\n} as const;","export const acordeAnimations = {\n  duration: {\n    fast: '150ms',\n    normal: '300ms',\n    slow: '500ms',\n  },\n  easing: {\n    linear: 'linear',\n    in: 'cubic-bezier(0.4, 0, 1, 1)',\n    out: 'cubic-bezier(0, 0, 0.2, 1)',\n    inOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n  }\n} as const;","export { acordeColors } from './colors';\nexport { acordeTypography } from './typography';\nexport { acordeSpacing } from './spacing';\nexport { acordeShadows } from './shadows';\nexport { acordeBorders } from './borders';\nexport { acordeBreakpoints } from './breakpoints';\nexport { acordeAnimations } from './animations';\n\nimport { acordeColors } from './colors';\nimport { acordeTypography } from './typography';\nimport { acordeSpacing } from './spacing';\nimport { acordeShadows } from './shadows';\nimport { acordeBorders } from './borders';\nimport { acordeBreakpoints } from './breakpoints';\nimport { acordeAnimations } from './animations';\n\nexport const acordeDesignTokens = {\n  colors: acordeColors,\n  typography: acordeTypography,\n  spacing: acordeSpacing,\n  shadows: acordeShadows,\n  borders: acordeBorders,\n  breakpoints: acordeBreakpoints,\n  animations: acordeAnimations,\n} as const;\n\nexport type AcordeColors = typeof acordeColors;\nexport type AcordeTypography = typeof acordeTypography;\nexport type AcordeSpacing = typeof acordeSpacing;\nexport type AcordeShadows = typeof acordeShadows;\nexport type AcordeBorders = typeof acordeBorders;\nexport type AcordeBreakpoints = typeof acordeBreakpoints;\nexport type AcordeAnimations = typeof acordeAnimations;"]}

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@lincros-ui/components",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "description": "React component library based on shadcn/ui compatible with Lincros React UI",
   "type": "module",
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "require": "./dist/index.js"
+      "require": "./dist/index.cjs"
     },
     "./styles": {
       "import": "./dist/styles/index.js",
-      "require": "./dist/styles/index.js"
+      "require": "./dist/styles/index.cjs"
     },
     "./styles/*.css": "./dist/styles/*.css"
   },