@blinkdotnew/mobile-ui 0.1.1 → 1.0.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.
Files changed (8) hide show
  1. package/dist/index.d.mts +701 -822
  2. package/dist/index.d.ts +701 -822
  3. package/dist/index.js +4615 -5409
  4. package/dist/index.js.map +1 -0
  5. package/dist/index.mjs +4522 -5281
  6. package/dist/index.mjs.map +1 -0
  7. package/package.json +32 -44
  8. package/tailwind.config.js +47 -0
package/package.json CHANGED
@@ -1,23 +1,7 @@
1
1
  {
2
2
  "name": "@blinkdotnew/mobile-ui",
3
- "version": "0.1.1",
4
- "description": "Blink Mobile UI SDK — production-quality React Native / Expo component library",
5
- "keywords": [
6
- "blink",
7
- "mobile-ui",
8
- "react-native",
9
- "expo",
10
- "components",
11
- "design-system"
12
- ],
13
- "homepage": "https://blink.new",
14
- "repository": {
15
- "type": "git",
16
- "url": "git+https://github.com/blink-new/blink-sdk.git",
17
- "directory": "packages/mobile-ui"
18
- },
19
- "author": "Blink Team",
20
- "license": "MIT",
3
+ "version": "1.0.0",
4
+ "description": "Blink Mobile UI SDK — NativeWind-powered component library for Expo",
21
5
  "main": "dist/index.js",
22
6
  "module": "dist/index.mjs",
23
7
  "types": "dist/index.d.ts",
@@ -26,13 +10,12 @@
26
10
  "types": "./dist/index.d.ts",
27
11
  "import": "./dist/index.mjs",
28
12
  "require": "./dist/index.js"
29
- }
13
+ },
14
+ "./tailwind": "./tailwind.config.js"
30
15
  },
31
16
  "files": [
32
- "dist/**/*.js",
33
- "dist/**/*.mjs",
34
- "dist/**/*.d.ts",
35
- "dist/**/*.d.mts"
17
+ "dist/**",
18
+ "tailwind.config.js"
36
19
  ],
37
20
  "scripts": {
38
21
  "build": "tsup",
@@ -42,52 +25,57 @@
42
25
  "prepublishOnly": "npm run build"
43
26
  },
44
27
  "dependencies": {
45
- "clsx": "^2.1.0"
28
+ "clsx": "^2.1.1",
29
+ "tailwind-merge": "^2.6.1"
46
30
  },
47
31
  "devDependencies": {
48
32
  "@types/react": "^18.0.0",
49
- "@types/react-native": "^0.73.0",
50
- "tsup": "^8.0.0",
51
- "typescript": "^5.0.0",
33
+ "nativewind": "^4.2.3",
52
34
  "react": "^18.3.0",
53
35
  "react-native": "^0.76.0",
54
- "expo": "^54.0.0",
55
- "react-native-safe-area-context": "^4.0.0"
36
+ "tailwindcss": "^3.4.19",
37
+ "tsup": "^8.0.0",
38
+ "typescript": "^5.0.0"
56
39
  },
57
40
  "peerDependencies": {
58
- "react": ">=18.0.0",
59
- "react-native": ">=0.73.0",
60
- "expo": ">=54.0.0",
61
- "react-native-reanimated": ">=3.0.0",
62
- "react-native-gesture-handler": ">=2.0.0",
41
+ "@expo/vector-icons": ">=14.0.0",
63
42
  "expo-blur": ">=14.0.0",
64
- "expo-linear-gradient": ">=14.0.0",
65
43
  "expo-haptics": ">=14.0.0",
66
- "@expo/vector-icons": ">=14.0.0",
44
+ "expo-linear-gradient": ">=14.0.0",
67
45
  "lucide-react-native": ">=0.400.0",
46
+ "nativewind": "^4.0.0",
47
+ "react": ">=18.0.0",
48
+ "react-native": ">=0.76.0",
49
+ "react-native-actions-sheet": ">=0.9.0",
50
+ "react-native-gesture-handler": ">=2.0.0",
51
+ "react-native-reanimated": ">=3.0.0",
52
+ "react-native-safe-area-context": ">=5.0.0",
68
53
  "react-native-svg": ">=15.0.0",
69
- "react-native-actions-sheet": ">=0.9.0"
54
+ "tailwindcss": ">=3.3.0"
70
55
  },
71
56
  "peerDependenciesMeta": {
72
- "react-native-reanimated": {
57
+ "expo-blur": {
73
58
  "optional": true
74
59
  },
75
- "react-native-gesture-handler": {
60
+ "expo-haptics": {
76
61
  "optional": true
77
62
  },
78
- "expo-blur": {
63
+ "expo-linear-gradient": {
79
64
  "optional": true
80
65
  },
81
- "expo-linear-gradient": {
66
+ "@expo/vector-icons": {
82
67
  "optional": true
83
68
  },
84
- "expo-haptics": {
69
+ "lucide-react-native": {
85
70
  "optional": true
86
71
  },
87
- "@expo/vector-icons": {
72
+ "react-native-safe-area-context": {
88
73
  "optional": true
89
74
  },
90
- "lucide-react-native": {
75
+ "react-native-reanimated": {
76
+ "optional": true
77
+ },
78
+ "react-native-gesture-handler": {
91
79
  "optional": true
92
80
  },
93
81
  "react-native-svg": {
package/tailwind.config.js ADDED
@@ -0,0 +1,47 @@
1
+ /** @type {import('tailwindcss').Config} */
2
+ module.exports = {
3
+ theme: {
4
+ extend: {
5
+ fontFamily: {
6
+ 'outfit': ['Outfit_400Regular'],
7
+ 'outfit-bold': ['Outfit_700Bold'],
8
+ },
9
+ spacing: {
10
+ global: '16px',
11
+ },
12
+ colors: {
13
+ primary: 'var(--color-primary)',
14
+ 'primary-dark': 'var(--color-primary-dark)',
15
+ 'primary-light': 'var(--color-primary-light)',
16
+ 'primary-tint': 'var(--color-primary-tint)',
17
+ invert: 'var(--color-invert)',
18
+ secondary: 'var(--color-secondary)',
19
+ background: 'var(--color-background)',
20
+ surface: 'var(--color-surface)',
21
+ 'surface-elevated': 'var(--color-surface-elevated)',
22
+ text: 'var(--color-text)',
23
+ 'text-secondary': 'var(--color-text-secondary)',
24
+ 'text-muted': 'var(--color-text-muted)',
25
+ subtext: 'var(--color-subtext)',
26
+ highlight: 'var(--color-highlight)',
27
+ accent: 'var(--color-accent)',
28
+ border: 'var(--color-border)',
29
+ 'border-light': 'var(--color-border-light)',
30
+ darker: 'var(--color-darker)',
31
+ error: 'var(--color-error)',
32
+ success: 'var(--color-success)',
33
+ warning: 'var(--color-warning)',
34
+ overlay: 'var(--color-overlay)',
35
+ },
36
+ borderRadius: {
37
+ 'xs': '2px',
38
+ 'sm': '4px',
39
+ 'md': '8px',
40
+ 'lg': '12px',
41
+ 'xl': '16px',
42
+ '2xl': '20px',
43
+ '3xl': '24px',
44
+ },
45
+ },
46
+ },
47
+ }