@archieai/ui 1.1.13 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@archieai/ui",
3
3
  "private": false,
4
- "version": "1.1.13",
4
+ "version": "1.2.0",
5
5
  "type": "module",
6
6
  "description": "Archie UI Component Library - A comprehensive React component library with 287+ custom icons",
7
7
  "author": "Archie AI Team",
@@ -43,21 +43,15 @@
43
43
  "require": "./dist/styles.cjs"
44
44
  },
45
45
  "./css": {
46
- "style": "./dist/ui.css",
47
- "import": "./dist/ui.css",
48
- "require": "./dist/ui.css",
49
- "default": "./dist/ui.css"
50
- },
51
- "./preset": {
52
- "import": "./tailwind.preset.js",
53
- "require": "./tailwind.preset.js",
54
- "default": "./tailwind.preset.js"
46
+ "style": "./dist/archie-ui-components.css",
47
+ "import": "./dist/archie-ui-components.css",
48
+ "require": "./dist/archie-ui-components.css",
49
+ "default": "./dist/archie-ui-components.css"
55
50
  },
56
51
  "./dist/*": "./dist/*"
57
52
  },
58
53
  "files": [
59
54
  "dist",
60
- "tailwind.preset.js",
61
55
  "README.md"
62
56
  ],
63
57
  "sideEffects": [
@@ -1,85 +0,0 @@
1
- /**
2
- * @archieai/ui - Tailwind CSS Preset
3
- *
4
- * This preset provides theme extensions for consumers using the Archie UI library.
5
- * It includes font families, custom animations, and design system tokens.
6
- *
7
- * Usage in consumer's tailwind.config.js:
8
- *
9
- * import archiePreset from '@archieai/ui/preset';
10
- *
11
- * export default {
12
- * presets: [archiePreset],
13
- * content: [
14
- * "./src/**\/*.{js,ts,jsx,tsx}",
15
- * "./node_modules/@archieai/ui/dist/**\/*.js"
16
- * ],
17
- * }
18
- */
19
-
20
- /** @type {import('tailwindcss').Config} */
21
- export default {
22
- theme: {
23
- extend: {
24
- fontFamily: {
25
- heading: ['Signifier', 'serif'],
26
- body: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
27
- },
28
- colors: {
29
- gray: {
30
- 1000: 'var(--color-gray-1000)',
31
- 800: 'var(--color-gray-800)',
32
- 600: 'var(--color-gray-600)',
33
- 200: 'var(--color-gray-200)',
34
- 100: 'var(--color-gray-100)',
35
- 50: 'var(--color-gray-50)',
36
- },
37
- blue: {
38
- 1000: 'var(--color-blue-1000)',
39
- 800: 'var(--color-blue-800)',
40
- 400: 'var(--color-blue-400)',
41
- 200: 'var(--color-blue-200)',
42
- },
43
- orange: {
44
- 1000: 'var(--color-orange-1000)',
45
- 800: 'var(--color-orange-800)',
46
- 200: 'var(--color-orange-200)',
47
- },
48
- red: {
49
- 1000: 'var(--color-red-1000)',
50
- 200: 'var(--color-red-200)',
51
- },
52
- amber: {
53
- 1000: 'var(--color-amber-1000)',
54
- },
55
- green: {
56
- 1000: 'var(--color-green-1000)',
57
- 200: 'var(--color-green-200)',
58
- },
59
- },
60
- animation: {
61
- shimmer: 'shimmer 2.5s infinite linear',
62
- 'signal-rhythm': 'signal-rhythm 2s ease-in-out infinite',
63
- 'ping-slow': 'ping-slow 3s cubic-bezier(0, 0, 0.2, 1) infinite',
64
- },
65
- keyframes: {
66
- shimmer: {
67
- '0%': { transform: 'translateX(-200%)' },
68
- '100%': { transform: 'translateX(200%)' },
69
- },
70
- 'signal-rhythm': {
71
- '0%': { transform: 'scale(1)' },
72
- '15%': { transform: 'scale(1.15)' },
73
- '30%': { transform: 'scale(1)' },
74
- '45%': { transform: 'scale(1.15)' },
75
- '60%': { transform: 'scale(1)' },
76
- '100%': { transform: 'scale(1)' },
77
- },
78
- 'ping-slow': {
79
- '0%': { transform: 'scale(1)', opacity: '0.3' },
80
- '75%, 100%': { transform: 'scale(2)', opacity: '0' },
81
- },
82
- },
83
- },
84
- },
85
- };