@admin-layout/gluestack-ui-mobile 12.2.1-alpha.3 → 12.2.3-alpha.10

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 (18) hide show
  1. package/CHANGELOG.md +16 -4
  2. package/lib/gluestack-ui-base-config.d.ts +8 -0
  3. package/lib/gluestack-ui-base-config.js +12 -0
  4. package/lib/gluestack-ui-base-config.js.map +1 -0
  5. package/lib/tailwind-base-config.d.ts +194 -0
  6. package/lib/tailwind-base-config.js +197 -0
  7. package/lib/tailwind-base-config.js.map +1 -0
  8. package/lib/tailwind.config.d.ts +1 -0
  9. package/lib/tailwind.config.js +197 -0
  10. package/lib/tailwind.config.js.map +1 -0
  11. package/package.json +5 -4
  12. package/src/global.css +3 -0
  13. package/src/gluestack-ui-base-config.js +12 -0
  14. package/src/gluestack-ui.config.json +10 -0
  15. package/src/nativewind-env.d.ts +1 -0
  16. package/src/tailwind-base-config.js +197 -0
  17. package/src/tailwind.config.js +198 -0
  18. package/tsconfig.json +2 -1
package/CHANGELOG.md CHANGED
@@ -3,19 +3,31 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [12.2.1-alpha.3](https://github.com/CDEBase/admin-layout/compare/v12.2.1-alpha.2...v12.2.1-alpha.3) (2025-11-25)
6
+ ## [12.2.3-alpha.10](https://github.com/CDEBase/admin-layout/compare/v12.2.3-alpha.9...v12.2.3-alpha.10) (2025-12-19)
7
7
 
8
8
  **Note:** Version bump only for package @admin-layout/gluestack-ui-mobile
9
9
 
10
- ## [12.2.1-alpha.0](https://github.com/CDEBase/admin-layout/compare/v11.2.1-alpha.1...v12.2.1-alpha.0) (2025-11-24)
10
+ ## [12.2.3-alpha.9](https://github.com/CDEBase/admin-layout/compare/v12.2.3-alpha.8...v12.2.3-alpha.9) (2025-12-19)
11
11
 
12
12
  **Note:** Version bump only for package @admin-layout/gluestack-ui-mobile
13
13
 
14
- ## [11.2.1-alpha.1](https://github.com/CDEBase/admin-layout/compare/v11.2.1-alpha.0...v11.2.1-alpha.1) (2025-11-24)
14
+ ## [12.2.3-alpha.8](https://github.com/CDEBase/admin-layout/compare/v12.2.3-alpha.7...v12.2.3-alpha.8) (2025-12-19)
15
15
 
16
16
  **Note:** Version bump only for package @admin-layout/gluestack-ui-mobile
17
17
 
18
- ## [11.2.1-alpha.0](https://github.com/CDEBase/admin-layout/compare/v10.0.8-alpha.2...v11.2.1-alpha.0) (2025-11-24)
18
+ ## [12.2.3-alpha.7](https://github.com/CDEBase/admin-layout/compare/v12.2.3-alpha.6...v12.2.3-alpha.7) (2025-12-19)
19
+
20
+ **Note:** Version bump only for package @admin-layout/gluestack-ui-mobile
21
+
22
+ ## [12.2.3-alpha.6](https://github.com/CDEBase/admin-layout/compare/v12.2.3-alpha.5...v12.2.3-alpha.6) (2025-12-19)
23
+
24
+ **Note:** Version bump only for package @admin-layout/gluestack-ui-mobile
25
+
26
+ ## [12.2.3-alpha.1](https://github.com/CDEBase/admin-layout/compare/v12.2.3-alpha.0...v12.2.3-alpha.1) (2025-12-08)
27
+
28
+ **Note:** Version bump only for package @admin-layout/gluestack-ui-mobile
29
+
30
+ ## [12.2.3-alpha.0](https://github.com/CDEBase/admin-layout/compare/v10.0.8-alpha.2...v12.2.3-alpha.0) (2025-12-08)
19
31
 
20
32
  **Note:** Version bump only for package @admin-layout/gluestack-ui-mobile
21
33
 
package/lib/gluestack-ui-base-config.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export namespace tailwind {
2
+ let config: string;
3
+ let css: string;
4
+ }
5
+ export namespace app {
6
+ let entry: string;
7
+ let components: string;
8
+ }
package/lib/gluestack-ui-base-config.js ADDED
@@ -0,0 +1,12 @@
1
+ // gluestack-ui-base.config.js
2
+ module.exports = {
3
+ tailwind: {
4
+ config: 'tailwind-base-config.js',
5
+ css: './global.css',
6
+ },
7
+ app: {
8
+ entry: 'index.js',
9
+ components: './components/ui',
10
+ },
11
+ };
12
+ //# sourceMappingURL=gluestack-ui-base-config.js.map
package/lib/gluestack-ui-base-config.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gluestack-ui-base-config.js","sourceRoot":"","sources":["../src/gluestack-ui-base-config.js"],"names":[],"mappings":"AAAA,8BAA8B;AAE9B,MAAM,CAAC,OAAO,GAAG;IACb,QAAQ,EAAE;QACN,MAAM,EAAE,yBAAyB;QACjC,GAAG,EAAE,cAAc;KACtB;IACD,GAAG,EAAE;QACD,KAAK,EAAE,UAAU;QACjB,UAAU,EAAE,iBAAiB;KAChC;CACJ,CAAC"}
package/lib/tailwind-base-config.d.ts ADDED
@@ -0,0 +1,194 @@
1
+ import gluestackPlugin = require("@gluestack-ui/nativewind-utils/tailwind-plugin");
2
+ export let darkMode: string;
3
+ export let content: string[];
4
+ export let presets: any[];
5
+ export let safelist: {
6
+ pattern: RegExp;
7
+ }[];
8
+ export namespace theme {
9
+ namespace extend {
10
+ namespace colors {
11
+ let primary: {
12
+ 0: string;
13
+ 50: string;
14
+ 100: string;
15
+ 200: string;
16
+ 300: string;
17
+ 400: string;
18
+ 500: string;
19
+ 600: string;
20
+ 700: string;
21
+ 800: string;
22
+ 900: string;
23
+ 950: string;
24
+ };
25
+ let secondary: {
26
+ 0: string;
27
+ 50: string;
28
+ 100: string;
29
+ 200: string;
30
+ 300: string;
31
+ 400: string;
32
+ 500: string;
33
+ 600: string;
34
+ 700: string;
35
+ 800: string;
36
+ 900: string;
37
+ 950: string;
38
+ };
39
+ let tertiary: {
40
+ 50: string;
41
+ 100: string;
42
+ 200: string;
43
+ 300: string;
44
+ 400: string;
45
+ 500: string;
46
+ 600: string;
47
+ 700: string;
48
+ 800: string;
49
+ 900: string;
50
+ 950: string;
51
+ };
52
+ let error: {
53
+ 0: string;
54
+ 50: string;
55
+ 100: string;
56
+ 200: string;
57
+ 300: string;
58
+ 400: string;
59
+ 500: string;
60
+ 600: string;
61
+ 700: string;
62
+ 800: string;
63
+ 900: string;
64
+ 950: string;
65
+ };
66
+ let success: {
67
+ 0: string;
68
+ 50: string;
69
+ 100: string;
70
+ 200: string;
71
+ 300: string;
72
+ 400: string;
73
+ 500: string;
74
+ 600: string;
75
+ 700: string;
76
+ 800: string;
77
+ 900: string;
78
+ 950: string;
79
+ };
80
+ let warning: {
81
+ 0: string;
82
+ 50: string;
83
+ 100: string;
84
+ 200: string;
85
+ 300: string;
86
+ 400: string;
87
+ 500: string;
88
+ 600: string;
89
+ 700: string;
90
+ 800: string;
91
+ 900: string;
92
+ 950: string;
93
+ };
94
+ let info: {
95
+ 0: string;
96
+ 50: string;
97
+ 100: string;
98
+ 200: string;
99
+ 300: string;
100
+ 400: string;
101
+ 500: string;
102
+ 600: string;
103
+ 700: string;
104
+ 800: string;
105
+ 900: string;
106
+ 950: string;
107
+ };
108
+ let typography: {
109
+ 0: string;
110
+ 50: string;
111
+ 100: string;
112
+ 200: string;
113
+ 300: string;
114
+ 400: string;
115
+ 500: string;
116
+ 600: string;
117
+ 700: string;
118
+ 800: string;
119
+ 900: string;
120
+ 950: string;
121
+ white: string;
122
+ gray: string;
123
+ black: string;
124
+ };
125
+ let outline: {
126
+ 0: string;
127
+ 50: string;
128
+ 100: string;
129
+ 200: string;
130
+ 300: string;
131
+ 400: string;
132
+ 500: string;
133
+ 600: string;
134
+ 700: string;
135
+ 800: string;
136
+ 900: string;
137
+ 950: string;
138
+ };
139
+ let background: {
140
+ 0: string;
141
+ 50: string;
142
+ 100: string;
143
+ 200: string;
144
+ 300: string;
145
+ 400: string;
146
+ 500: string;
147
+ 600: string;
148
+ 700: string;
149
+ 800: string;
150
+ 900: string;
151
+ 950: string;
152
+ error: string;
153
+ warning: string;
154
+ muted: string;
155
+ success: string;
156
+ info: string;
157
+ light: string;
158
+ dark: string;
159
+ };
160
+ namespace indicator {
161
+ let primary_1: string;
162
+ export { primary_1 as primary };
163
+ let info_1: string;
164
+ export { info_1 as info };
165
+ let error_1: string;
166
+ export { error_1 as error };
167
+ }
168
+ }
169
+ namespace fontFamily {
170
+ let heading: any;
171
+ let body: any;
172
+ let mono: any;
173
+ let roboto: string[];
174
+ }
175
+ namespace fontWeight {
176
+ let extrablack: string;
177
+ }
178
+ let fontSize: {
179
+ '2xs': string;
180
+ };
181
+ let boxShadow: {
182
+ 'hard-1': string;
183
+ 'hard-2': string;
184
+ 'hard-3': string;
185
+ 'hard-4': string;
186
+ 'hard-5': string;
187
+ 'soft-1': string;
188
+ 'soft-2': string;
189
+ 'soft-3': string;
190
+ 'soft-4': string;
191
+ };
192
+ }
193
+ }
194
+ export let plugins: (typeof gluestackPlugin)[];
package/lib/tailwind-base-config.js ADDED
@@ -0,0 +1,197 @@
1
+ // import gluestackPlugin from '@gluestack-ui/nativewind-utils/tailwind-plugin';
2
+ const gluestackPlugin = require('@gluestack-ui/nativewind-utils/tailwind-plugin');
3
+ module.exports = {
4
+ darkMode: 'media',
5
+ content: ['./index.js', './components/**/*.{tsx,jsx,ts,js}'],
6
+ presets: [require('nativewind/preset')],
7
+ safelist: [
8
+ {
9
+ pattern: /(bg|border|text|stroke|fill)-(primary|secondary|tertiary|error|success|warning|info|typography|outline|background|indicator)-(0|50|100|200|300|400|500|600|700|800|900|950|white|gray|black|error|warning|muted|success|info|light|dark|primary)/,
10
+ },
11
+ ],
12
+ theme: {
13
+ extend: {
14
+ colors: {
15
+ primary: {
16
+ 0: 'rgb(var(--color-primary-0)/<alpha-value>)',
17
+ 50: 'rgb(var(--color-primary-50)/<alpha-value>)',
18
+ 100: 'rgb(var(--color-primary-100)/<alpha-value>)',
19
+ 200: 'rgb(var(--color-primary-200)/<alpha-value>)',
20
+ 300: 'rgb(var(--color-primary-300)/<alpha-value>)',
21
+ 400: 'rgb(var(--color-primary-400)/<alpha-value>)',
22
+ 500: 'rgb(var(--color-primary-500)/<alpha-value>)',
23
+ 600: 'rgb(var(--color-primary-600)/<alpha-value>)',
24
+ 700: 'rgb(var(--color-primary-700)/<alpha-value>)',
25
+ 800: 'rgb(var(--color-primary-800)/<alpha-value>)',
26
+ 900: 'rgb(var(--color-primary-900)/<alpha-value>)',
27
+ 950: 'rgb(var(--color-primary-950)/<alpha-value>)',
28
+ },
29
+ secondary: {
30
+ 0: 'rgb(var(--color-secondary-0)/<alpha-value>)',
31
+ 50: 'rgb(var(--color-secondary-50)/<alpha-value>)',
32
+ 100: 'rgb(var(--color-secondary-100)/<alpha-value>)',
33
+ 200: 'rgb(var(--color-secondary-200)/<alpha-value>)',
34
+ 300: 'rgb(var(--color-secondary-300)/<alpha-value>)',
35
+ 400: 'rgb(var(--color-secondary-400)/<alpha-value>)',
36
+ 500: 'rgb(var(--color-secondary-500)/<alpha-value>)',
37
+ 600: 'rgb(var(--color-secondary-600)/<alpha-value>)',
38
+ 700: 'rgb(var(--color-secondary-700)/<alpha-value>)',
39
+ 800: 'rgb(var(--color-secondary-800)/<alpha-value>)',
40
+ 900: 'rgb(var(--color-secondary-900)/<alpha-value>)',
41
+ 950: 'rgb(var(--color-secondary-950)/<alpha-value>)',
42
+ },
43
+ tertiary: {
44
+ 50: 'rgb(var(--color-tertiary-50)/<alpha-value>)',
45
+ 100: 'rgb(var(--color-tertiary-100)/<alpha-value>)',
46
+ 200: 'rgb(var(--color-tertiary-200)/<alpha-value>)',
47
+ 300: 'rgb(var(--color-tertiary-300)/<alpha-value>)',
48
+ 400: 'rgb(var(--color-tertiary-400)/<alpha-value>)',
49
+ 500: 'rgb(var(--color-tertiary-500)/<alpha-value>)',
50
+ 600: 'rgb(var(--color-tertiary-600)/<alpha-value>)',
51
+ 700: 'rgb(var(--color-tertiary-700)/<alpha-value>)',
52
+ 800: 'rgb(var(--color-tertiary-800)/<alpha-value>)',
53
+ 900: 'rgb(var(--color-tertiary-900)/<alpha-value>)',
54
+ 950: 'rgb(var(--color-tertiary-950)/<alpha-value>)',
55
+ },
56
+ error: {
57
+ 0: 'rgb(var(--color-error-0)/<alpha-value>)',
58
+ 50: 'rgb(var(--color-error-50)/<alpha-value>)',
59
+ 100: 'rgb(var(--color-error-100)/<alpha-value>)',
60
+ 200: 'rgb(var(--color-error-200)/<alpha-value>)',
61
+ 300: 'rgb(var(--color-error-300)/<alpha-value>)',
62
+ 400: 'rgb(var(--color-error-400)/<alpha-value>)',
63
+ 500: 'rgb(var(--color-error-500)/<alpha-value>)',
64
+ 600: 'rgb(var(--color-error-600)/<alpha-value>)',
65
+ 700: 'rgb(var(--color-error-700)/<alpha-value>)',
66
+ 800: 'rgb(var(--color-error-800)/<alpha-value>)',
67
+ 900: 'rgb(var(--color-error-900)/<alpha-value>)',
68
+ 950: 'rgb(var(--color-error-950)/<alpha-value>)',
69
+ },
70
+ success: {
71
+ 0: 'rgb(var(--color-success-0)/<alpha-value>)',
72
+ 50: 'rgb(var(--color-success-50)/<alpha-value>)',
73
+ 100: 'rgb(var(--color-success-100)/<alpha-value>)',
74
+ 200: 'rgb(var(--color-success-200)/<alpha-value>)',
75
+ 300: 'rgb(var(--color-success-300)/<alpha-value>)',
76
+ 400: 'rgb(var(--color-success-400)/<alpha-value>)',
77
+ 500: 'rgb(var(--color-success-500)/<alpha-value>)',
78
+ 600: 'rgb(var(--color-success-600)/<alpha-value>)',
79
+ 700: 'rgb(var(--color-success-700)/<alpha-value>)',
80
+ 800: 'rgb(var(--color-success-800)/<alpha-value>)',
81
+ 900: 'rgb(var(--color-success-900)/<alpha-value>)',
82
+ 950: 'rgb(var(--color-success-950)/<alpha-value>)',
83
+ },
84
+ warning: {
85
+ 0: 'rgb(var(--color-warning-0)/<alpha-value>)',
86
+ 50: 'rgb(var(--color-warning-50)/<alpha-value>)',
87
+ 100: 'rgb(var(--color-warning-100)/<alpha-value>)',
88
+ 200: 'rgb(var(--color-warning-200)/<alpha-value>)',
89
+ 300: 'rgb(var(--color-warning-300)/<alpha-value>)',
90
+ 400: 'rgb(var(--color-warning-400)/<alpha-value>)',
91
+ 500: 'rgb(var(--color-warning-500)/<alpha-value>)',
92
+ 600: 'rgb(var(--color-warning-600)/<alpha-value>)',
93
+ 700: 'rgb(var(--color-warning-700)/<alpha-value>)',
94
+ 800: 'rgb(var(--color-warning-800)/<alpha-value>)',
95
+ 900: 'rgb(var(--color-warning-900)/<alpha-value>)',
96
+ 950: 'rgb(var(--color-warning-950)/<alpha-value>)',
97
+ },
98
+ info: {
99
+ 0: 'rgb(var(--color-info-0)/<alpha-value>)',
100
+ 50: 'rgb(var(--color-info-50)/<alpha-value>)',
101
+ 100: 'rgb(var(--color-info-100)/<alpha-value>)',
102
+ 200: 'rgb(var(--color-info-200)/<alpha-value>)',
103
+ 300: 'rgb(var(--color-info-300)/<alpha-value>)',
104
+ 400: 'rgb(var(--color-info-400)/<alpha-value>)',
105
+ 500: 'rgb(var(--color-info-500)/<alpha-value>)',
106
+ 600: 'rgb(var(--color-info-600)/<alpha-value>)',
107
+ 700: 'rgb(var(--color-info-700)/<alpha-value>)',
108
+ 800: 'rgb(var(--color-info-800)/<alpha-value>)',
109
+ 900: 'rgb(var(--color-info-900)/<alpha-value>)',
110
+ 950: 'rgb(var(--color-info-950)/<alpha-value>)',
111
+ },
112
+ typography: {
113
+ 0: 'rgb(var(--color-typography-0)/<alpha-value>)',
114
+ 50: 'rgb(var(--color-typography-50)/<alpha-value>)',
115
+ 100: 'rgb(var(--color-typography-100)/<alpha-value>)',
116
+ 200: 'rgb(var(--color-typography-200)/<alpha-value>)',
117
+ 300: 'rgb(var(--color-typography-300)/<alpha-value>)',
118
+ 400: 'rgb(var(--color-typography-400)/<alpha-value>)',
119
+ 500: 'rgb(var(--color-typography-500)/<alpha-value>)',
120
+ 600: 'rgb(var(--color-typography-600)/<alpha-value>)',
121
+ 700: 'rgb(var(--color-typography-700)/<alpha-value>)',
122
+ 800: 'rgb(var(--color-typography-800)/<alpha-value>)',
123
+ 900: 'rgb(var(--color-typography-900)/<alpha-value>)',
124
+ 950: 'rgb(var(--color-typography-950)/<alpha-value>)',
125
+ white: '#FFFFFF',
126
+ gray: '#D4D4D4',
127
+ black: '#181718',
128
+ },
129
+ outline: {
130
+ 0: 'rgb(var(--color-outline-0)/<alpha-value>)',
131
+ 50: 'rgb(var(--color-outline-50)/<alpha-value>)',
132
+ 100: 'rgb(var(--color-outline-100)/<alpha-value>)',
133
+ 200: 'rgb(var(--color-outline-200)/<alpha-value>)',
134
+ 300: 'rgb(var(--color-outline-300)/<alpha-value>)',
135
+ 400: 'rgb(var(--color-outline-400)/<alpha-value>)',
136
+ 500: 'rgb(var(--color-outline-500)/<alpha-value>)',
137
+ 600: 'rgb(var(--color-outline-600)/<alpha-value>)',
138
+ 700: 'rgb(var(--color-outline-700)/<alpha-value>)',
139
+ 800: 'rgb(var(--color-outline-800)/<alpha-value>)',
140
+ 900: 'rgb(var(--color-outline-900)/<alpha-value>)',
141
+ 950: 'rgb(var(--color-outline-950)/<alpha-value>)',
142
+ },
143
+ background: {
144
+ 0: 'rgb(var(--color-background-0)/<alpha-value>)',
145
+ 50: 'rgb(var(--color-background-50)/<alpha-value>)',
146
+ 100: 'rgb(var(--color-background-100)/<alpha-value>)',
147
+ 200: 'rgb(var(--color-background-200)/<alpha-value>)',
148
+ 300: 'rgb(var(--color-background-300)/<alpha-value>)',
149
+ 400: 'rgb(var(--color-background-400)/<alpha-value>)',
150
+ 500: 'rgb(var(--color-background-500)/<alpha-value>)',
151
+ 600: 'rgb(var(--color-background-600)/<alpha-value>)',
152
+ 700: 'rgb(var(--color-background-700)/<alpha-value>)',
153
+ 800: 'rgb(var(--color-background-800)/<alpha-value>)',
154
+ 900: 'rgb(var(--color-background-900)/<alpha-value>)',
155
+ 950: 'rgb(var(--color-background-950)/<alpha-value>)',
156
+ error: 'rgb(var(--color-background-error)/<alpha-value>)',
157
+ warning: 'rgb(var(--color-background-warning)/<alpha-value>)',
158
+ muted: 'rgb(var(--color-background-muted)/<alpha-value>)',
159
+ success: 'rgb(var(--color-background-success)/<alpha-value>)',
160
+ info: 'rgb(var(--color-background-info)/<alpha-value>)',
161
+ light: '#FBFBFB',
162
+ dark: '#181719',
163
+ },
164
+ indicator: {
165
+ primary: 'rgb(var(--color-indicator-primary)/<alpha-value>)',
166
+ info: 'rgb(var(--color-indicator-info)/<alpha-value>)',
167
+ error: 'rgb(var(--color-indicator-error)/<alpha-value>)',
168
+ },
169
+ },
170
+ fontFamily: {
171
+ heading: undefined,
172
+ body: undefined,
173
+ mono: undefined,
174
+ roboto: ['Roboto', 'sans-serif'],
175
+ },
176
+ fontWeight: {
177
+ extrablack: '950',
178
+ },
179
+ fontSize: {
180
+ '2xs': '10px',
181
+ },
182
+ boxShadow: {
183
+ 'hard-1': '-2px 2px 8px 0px rgba(38, 38, 38, 0.20)',
184
+ 'hard-2': '0px 3px 10px 0px rgba(38, 38, 38, 0.20)',
185
+ 'hard-3': '2px 2px 8px 0px rgba(38, 38, 38, 0.20)',
186
+ 'hard-4': '0px -3px 10px 0px rgba(38, 38, 38, 0.20)',
187
+ 'hard-5': '0px 2px 10px 0px rgba(38, 38, 38, 0.10)',
188
+ 'soft-1': '0px 0px 10px rgba(38, 38, 38, 0.1)',
189
+ 'soft-2': '0px 0px 20px rgba(38, 38, 38, 0.2)',
190
+ 'soft-3': '0px 0px 30px rgba(38, 38, 38, 0.1)',
191
+ 'soft-4': '0px 0px 40px rgba(38, 38, 38, 0.1)',
192
+ },
193
+ },
194
+ },
195
+ plugins: [gluestackPlugin],
196
+ };
197
+ //# sourceMappingURL=tailwind-base-config.js.map
package/lib/tailwind-base-config.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tailwind-base-config.js","sourceRoot":"","sources":["../src/tailwind-base-config.js"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,MAAM,eAAe,GAAG,OAAO,CAAC,gDAAgD,CAAC,CAAC;AAClF,MAAM,CAAC,OAAO,GAAG;IACb,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE,CAAC,YAAY,EAAE,mCAAmC,CAAC;IAC5D,OAAO,EAAE,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACvC,QAAQ,EAAE;QACN;YACI,OAAO,EACH,kPAAkP;SACzP;KACJ;IACD,KAAK,EAAE;QACH,MAAM,EAAE;YACJ,MAAM,EAAE;gBACJ,OAAO,EAAE;oBACL,CAAC,EAAE,2CAA2C;oBAC9C,EAAE,EAAE,4CAA4C;oBAChD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;iBACrD;gBACD,SAAS,EAAE;oBACP,CAAC,EAAE,6CAA6C;oBAChD,EAAE,EAAE,8CAA8C;oBAClD,GAAG,EAAE,+CAA+C;oBACpD,GAAG,EAAE,+CAA+C;oBACpD,GAAG,EAAE,+CAA+C;oBACpD,GAAG,EAAE,+CAA+C;oBACpD,GAAG,EAAE,+CAA+C;oBACpD,GAAG,EAAE,+CAA+C;oBACpD,GAAG,EAAE,+CAA+C;oBACpD,GAAG,EAAE,+CAA+C;oBACpD,GAAG,EAAE,+CAA+C;oBACpD,GAAG,EAAE,+CAA+C;iBACvD;gBACD,QAAQ,EAAE;oBACN,EAAE,EAAE,6CAA6C;oBACjD,GAAG,EAAE,8CAA8C;oBACnD,GAAG,EAAE,8CAA8C;oBACnD,GAAG,EAAE,8CAA8C;oBACnD,GAAG,EAAE,8CAA8C;oBACnD,GAAG,EAAE,8CAA8C;oBACnD,GAAG,EAAE,8CAA8C;oBACnD,GAAG,EAAE,8CAA8C;oBACnD,GAAG,EAAE,8CAA8C;oBACnD,GAAG,EAAE,8CAA8C;oBACnD,GAAG,EAAE,8CAA8C;iBACtD;gBACD,KAAK,EAAE;oBACH,CAAC,EAAE,yCAAyC;oBAC5C,EAAE,EAAE,0CAA0C;oBAC9C,GAAG,EAAE,2CAA2C;oBAChD,GAAG,EAAE,2CAA2C;oBAChD,GAAG,EAAE,2CAA2C;oBAChD,GAAG,EAAE,2CAA2C;oBAChD,GAAG,EAAE,2CAA2C;oBAChD,GAAG,EAAE,2CAA2C;oBAChD,GAAG,EAAE,2CAA2C;oBAChD,GAAG,EAAE,2CAA2C;oBAChD,GAAG,EAAE,2CAA2C;oBAChD,GAAG,EAAE,2CAA2C;iBACnD;gBACD,OAAO,EAAE;oBACL,CAAC,EAAE,2CAA2C;oBAC9C,EAAE,EAAE,4CAA4C;oBAChD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;iBACrD;gBACD,OAAO,EAAE;oBACL,CAAC,EAAE,2CAA2C;oBAC9C,EAAE,EAAE,4CAA4C;oBAChD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;iBACrD;gBACD,IAAI,EAAE;oBACF,CAAC,EAAE,wCAAwC;oBAC3C,EAAE,EAAE,yCAAyC;oBAC7C,GAAG,EAAE,0CAA0C;oBAC/C,GAAG,EAAE,0CAA0C;oBAC/C,GAAG,EAAE,0CAA0C;oBAC/C,GAAG,EAAE,0CAA0C;oBAC/C,GAAG,EAAE,0CAA0C;oBAC/C,GAAG,EAAE,0CAA0C;oBAC/C,GAAG,EAAE,0CAA0C;oBAC/C,GAAG,EAAE,0CAA0C;oBAC/C,GAAG,EAAE,0CAA0C;oBAC/C,GAAG,EAAE,0CAA0C;iBAClD;gBACD,UAAU,EAAE;oBACR,CAAC,EAAE,8CAA8C;oBACjD,EAAE,EAAE,+CAA+C;oBACnD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,KAAK,EAAE,SAAS;oBAChB,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,SAAS;iBACnB;gBACD,OAAO,EAAE;oBACL,CAAC,EAAE,2CAA2C;oBAC9C,EAAE,EAAE,4CAA4C;oBAChD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;oBAClD,GAAG,EAAE,6CAA6C;iBACrD;gBACD,UAAU,EAAE;oBACR,CAAC,EAAE,8CAA8C;oBACjD,EAAE,EAAE,+CAA+C;oBACnD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,GAAG,EAAE,gDAAgD;oBACrD,KAAK,EAAE,kDAAkD;oBACzD,OAAO,EAAE,oDAAoD;oBAC7D,KAAK,EAAE,kDAAkD;oBACzD,OAAO,EAAE,oDAAoD;oBAC7D,IAAI,EAAE,iDAAiD;oBACvD,KAAK,EAAE,SAAS;oBAChB,IAAI,EAAE,SAAS;iBAClB;gBACD,SAAS,EAAE;oBACP,OAAO,EAAE,mDAAmD;oBAC5D,IAAI,EAAE,gDAAgD;oBACtD,KAAK,EAAE,iDAAiD;iBAC3D;aACJ;YACD,UAAU,EAAE;gBACR,OAAO,EAAE,SAAS;gBAClB,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC;aACnC;YACD,UAAU,EAAE;gBACR,UAAU,EAAE,KAAK;aACpB;YACD,QAAQ,EAAE;gBACN,KAAK,EAAE,MAAM;aAChB;YACD,SAAS,EAAE;gBACP,QAAQ,EAAE,yCAAyC;gBACnD,QAAQ,EAAE,yCAAyC;gBACnD,QAAQ,EAAE,wCAAwC;gBAClD,QAAQ,EAAE,0CAA0C;gBACpD,QAAQ,EAAE,yCAAyC;gBACnD,QAAQ,EAAE,oCAAoC;gBAC9C,QAAQ,EAAE,oCAAoC;gBAC9C,QAAQ,EAAE,oCAAoC;gBAC9C,QAAQ,EAAE,oCAAoC;aACjD;SACJ;KACJ;IACD,OAAO,EAAE,CAAC,eAAe,CAAC;CAC7B,CAAC"}
package/lib/tailwind.config.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/lib/tailwind.config.js ADDED
@@ -0,0 +1,197 @@
1
+ import gluestackPlugin from '@gluestack-ui/nativewind-utils/tailwind-plugin';
2
+ /** @type {import('tailwindcss').Config} */
3
+ module.exports = {
4
+ darkMode: 'media',
5
+ content: ['./index.js', './components/**/*.{tsx,jsx,ts,js}'],
6
+ presets: [require('nativewind/preset')],
7
+ safelist: [
8
+ {
9
+ pattern: /(bg|border|text|stroke|fill)-(primary|secondary|tertiary|error|success|warning|info|typography|outline|background|indicator)-(0|50|100|200|300|400|500|600|700|800|900|950|white|gray|black|error|warning|muted|success|info|light|dark|primary)/,
10
+ },
11
+ ],
12
+ theme: {
13
+ extend: {
14
+ colors: {
15
+ primary: {
16
+ 0: 'rgb(var(--color-primary-0)/<alpha-value>)',
17
+ 50: 'rgb(var(--color-primary-50)/<alpha-value>)',
18
+ 100: 'rgb(var(--color-primary-100)/<alpha-value>)',
19
+ 200: 'rgb(var(--color-primary-200)/<alpha-value>)',
20
+ 300: 'rgb(var(--color-primary-300)/<alpha-value>)',
21
+ 400: 'rgb(var(--color-primary-400)/<alpha-value>)',
22
+ 500: 'rgb(var(--color-primary-500)/<alpha-value>)',
23
+ 600: 'rgb(var(--color-primary-600)/<alpha-value>)',
24
+ 700: 'rgb(var(--color-primary-700)/<alpha-value>)',
25
+ 800: 'rgb(var(--color-primary-800)/<alpha-value>)',
26
+ 900: 'rgb(var(--color-primary-900)/<alpha-value>)',
27
+ 950: 'rgb(var(--color-primary-950)/<alpha-value>)',
28
+ },
29
+ secondary: {
30
+ 0: 'rgb(var(--color-secondary-0)/<alpha-value>)',
31
+ 50: 'rgb(var(--color-secondary-50)/<alpha-value>)',
32
+ 100: 'rgb(var(--color-secondary-100)/<alpha-value>)',
33
+ 200: 'rgb(var(--color-secondary-200)/<alpha-value>)',
34
+ 300: 'rgb(var(--color-secondary-300)/<alpha-value>)',
35
+ 400: 'rgb(var(--color-secondary-400)/<alpha-value>)',
36
+ 500: 'rgb(var(--color-secondary-500)/<alpha-value>)',
37
+ 600: 'rgb(var(--color-secondary-600)/<alpha-value>)',
38
+ 700: 'rgb(var(--color-secondary-700)/<alpha-value>)',
39
+ 800: 'rgb(var(--color-secondary-800)/<alpha-value>)',
40
+ 900: 'rgb(var(--color-secondary-900)/<alpha-value>)',
41
+ 950: 'rgb(var(--color-secondary-950)/<alpha-value>)',
42
+ },
43
+ tertiary: {
44
+ 50: 'rgb(var(--color-tertiary-50)/<alpha-value>)',
45
+ 100: 'rgb(var(--color-tertiary-100)/<alpha-value>)',
46
+ 200: 'rgb(var(--color-tertiary-200)/<alpha-value>)',
47
+ 300: 'rgb(var(--color-tertiary-300)/<alpha-value>)',
48
+ 400: 'rgb(var(--color-tertiary-400)/<alpha-value>)',
49
+ 500: 'rgb(var(--color-tertiary-500)/<alpha-value>)',
50
+ 600: 'rgb(var(--color-tertiary-600)/<alpha-value>)',
51
+ 700: 'rgb(var(--color-tertiary-700)/<alpha-value>)',
52
+ 800: 'rgb(var(--color-tertiary-800)/<alpha-value>)',
53
+ 900: 'rgb(var(--color-tertiary-900)/<alpha-value>)',
54
+ 950: 'rgb(var(--color-tertiary-950)/<alpha-value>)',
55
+ },
56
+ error: {
57
+ 0: 'rgb(var(--color-error-0)/<alpha-value>)',
58
+ 50: 'rgb(var(--color-error-50)/<alpha-value>)',
59
+ 100: 'rgb(var(--color-error-100)/<alpha-value>)',
60
+ 200: 'rgb(var(--color-error-200)/<alpha-value>)',
61
+ 300: 'rgb(var(--color-error-300)/<alpha-value>)',
62
+ 400: 'rgb(var(--color-error-400)/<alpha-value>)',
63
+ 500: 'rgb(var(--color-error-500)/<alpha-value>)',
64
+ 600: 'rgb(var(--color-error-600)/<alpha-value>)',
65
+ 700: 'rgb(var(--color-error-700)/<alpha-value>)',
66
+ 800: 'rgb(var(--color-error-800)/<alpha-value>)',
67
+ 900: 'rgb(var(--color-error-900)/<alpha-value>)',
68
+ 950: 'rgb(var(--color-error-950)/<alpha-value>)',
69
+ },
70
+ success: {
71
+ 0: 'rgb(var(--color-success-0)/<alpha-value>)',
72
+ 50: 'rgb(var(--color-success-50)/<alpha-value>)',
73
+ 100: 'rgb(var(--color-success-100)/<alpha-value>)',
74
+ 200: 'rgb(var(--color-success-200)/<alpha-value>)',
75
+ 300: 'rgb(var(--color-success-300)/<alpha-value>)',
76
+ 400: 'rgb(var(--color-success-400)/<alpha-value>)',
77
+ 500: 'rgb(var(--color-success-500)/<alpha-value>)',
78
+ 600: 'rgb(var(--color-success-600)/<alpha-value>)',
79
+ 700: 'rgb(var(--color-success-700)/<alpha-value>)',
80
+ 800: 'rgb(var(--color-success-800)/<alpha-value>)',
81
+ 900: 'rgb(var(--color-success-900)/<alpha-value>)',
82
+ 950: 'rgb(var(--color-success-950)/<alpha-value>)',
83
+ },
84
+ warning: {
85
+ 0: 'rgb(var(--color-warning-0)/<alpha-value>)',
86
+ 50: 'rgb(var(--color-warning-50)/<alpha-value>)',
87
+ 100: 'rgb(var(--color-warning-100)/<alpha-value>)',
88
+ 200: 'rgb(var(--color-warning-200)/<alpha-value>)',
89
+ 300: 'rgb(var(--color-warning-300)/<alpha-value>)',
90
+ 400: 'rgb(var(--color-warning-400)/<alpha-value>)',
91
+ 500: 'rgb(var(--color-warning-500)/<alpha-value>)',
92
+ 600: 'rgb(var(--color-warning-600)/<alpha-value>)',
93
+ 700: 'rgb(var(--color-warning-700)/<alpha-value>)',
94
+ 800: 'rgb(var(--color-warning-800)/<alpha-value>)',
95
+ 900: 'rgb(var(--color-warning-900)/<alpha-value>)',
96
+ 950: 'rgb(var(--color-warning-950)/<alpha-value>)',
97
+ },
98
+ info: {
99
+ 0: 'rgb(var(--color-info-0)/<alpha-value>)',
100
+ 50: 'rgb(var(--color-info-50)/<alpha-value>)',
101
+ 100: 'rgb(var(--color-info-100)/<alpha-value>)',
102
+ 200: 'rgb(var(--color-info-200)/<alpha-value>)',
103
+ 300: 'rgb(var(--color-info-300)/<alpha-value>)',
104
+ 400: 'rgb(var(--color-info-400)/<alpha-value>)',
105
+ 500: 'rgb(var(--color-info-500)/<alpha-value>)',
106
+ 600: 'rgb(var(--color-info-600)/<alpha-value>)',
107
+ 700: 'rgb(var(--color-info-700)/<alpha-value>)',
108
+ 800: 'rgb(var(--color-info-800)/<alpha-value>)',
109
+ 900: 'rgb(var(--color-info-900)/<alpha-value>)',
110
+ 950: 'rgb(var(--color-info-950)/<alpha-value>)',
111
+ },
112
+ typography: {
113
+ 0: 'rgb(var(--color-typography-0)/<alpha-value>)',
114
+ 50: 'rgb(var(--color-typography-50)/<alpha-value>)',
115
+ 100: 'rgb(var(--color-typography-100)/<alpha-value>)',
116
+ 200: 'rgb(var(--color-typography-200)/<alpha-value>)',
117
+ 300: 'rgb(var(--color-typography-300)/<alpha-value>)',
118
+ 400: 'rgb(var(--color-typography-400)/<alpha-value>)',
119
+ 500: 'rgb(var(--color-typography-500)/<alpha-value>)',
120
+ 600: 'rgb(var(--color-typography-600)/<alpha-value>)',
121
+ 700: 'rgb(var(--color-typography-700)/<alpha-value>)',
122
+ 800: 'rgb(var(--color-typography-800)/<alpha-value>)',
123
+ 900: 'rgb(var(--color-typography-900)/<alpha-value>)',
124
+ 950: 'rgb(var(--color-typography-950)/<alpha-value>)',
125
+ white: '#FFFFFF',
126
+ gray: '#D4D4D4',
127
+ black: '#181718',
128
+ },
129
+ outline: {
130
+ 0: 'rgb(var(--color-outline-0)/<alpha-value>)',
131
+ 50: 'rgb(var(--color-outline-50)/<alpha-value>)',
132
+ 100: 'rgb(var(--color-outline-100)/<alpha-value>)',
133
+ 200: 'rgb(var(--color-outline-200)/<alpha-value>)',
134
+ 300: 'rgb(var(--color-outline-300)/<alpha-value>)',
135
+ 400: 'rgb(var(--color-outline-400)/<alpha-value>)',
136
+ 500: 'rgb(var(--color-outline-500)/<alpha-value>)',
137
+ 600: 'rgb(var(--color-outline-600)/<alpha-value>)',
138
+ 700: 'rgb(var(--color-outline-700)/<alpha-value>)',
139
+ 800: 'rgb(var(--color-outline-800)/<alpha-value>)',
140
+ 900: 'rgb(var(--color-outline-900)/<alpha-value>)',
141
+ 950: 'rgb(var(--color-outline-950)/<alpha-value>)',
142
+ },
143
+ background: {
144
+ 0: 'rgb(var(--color-background-0)/<alpha-value>)',
145
+ 50: 'rgb(var(--color-background-50)/<alpha-value>)',
146
+ 100: 'rgb(var(--color-background-100)/<alpha-value>)',
147
+ 200: 'rgb(var(--color-background-200)/<alpha-value>)',
148
+ 300: 'rgb(var(--color-background-300)/<alpha-value>)',
149
+ 400: 'rgb(var(--color-background-400)/<alpha-value>)',
150
+ 500: 'rgb(var(--color-background-500)/<alpha-value>)',
151
+ 600: 'rgb(var(--color-background-600)/<alpha-value>)',
152
+ 700: 'rgb(var(--color-background-700)/<alpha-value>)',
153
+ 800: 'rgb(var(--color-background-800)/<alpha-value>)',
154
+ 900: 'rgb(var(--color-background-900)/<alpha-value>)',
155
+ 950: 'rgb(var(--color-background-950)/<alpha-value>)',
156
+ error: 'rgb(var(--color-background-error)/<alpha-value>)',
157
+ warning: 'rgb(var(--color-background-warning)/<alpha-value>)',
158
+ muted: 'rgb(var(--color-background-muted)/<alpha-value>)',
159
+ success: 'rgb(var(--color-background-success)/<alpha-value>)',
160
+ info: 'rgb(var(--color-background-info)/<alpha-value>)',
161
+ light: '#FBFBFB',
162
+ dark: '#181719',
163
+ },
164
+ indicator: {
165
+ primary: 'rgb(var(--color-indicator-primary)/<alpha-value>)',
166
+ info: 'rgb(var(--color-indicator-info)/<alpha-value>)',
167
+ error: 'rgb(var(--color-indicator-error)/<alpha-value>)',
168
+ },
169
+ },
170
+ fontFamily: {
171
+ heading: undefined,
172
+ body: undefined,
173
+ mono: undefined,
174
+ roboto: ['Roboto', 'sans-serif'],
175
+ },
176
+ fontWeight: {
177
+ extrablack: '950',
178
+ },
179
+ fontSize: {
180
+ '2xs': '10px',
181
+ },
182
+ boxShadow: {
183
+ 'hard-1': '-2px 2px 8px 0px rgba(38, 38, 38, 0.20)',
184
+ 'hard-2': '0px 3px 10px 0px rgba(38, 38, 38, 0.20)',
185
+ 'hard-3': '2px 2px 8px 0px rgba(38, 38, 38, 0.20)',
186
+ 'hard-4': '0px -3px 10px 0px rgba(38, 38, 38, 0.20)',
187
+ 'hard-5': '0px 2px 10px 0px rgba(38, 38, 38, 0.10)',
188
+ 'soft-1': '0px 0px 10px rgba(38, 38, 38, 0.1)',
189
+ 'soft-2': '0px 0px 20px rgba(38, 38, 38, 0.2)',
190
+ 'soft-3': '0px 0px 30px rgba(38, 38, 38, 0.1)',
191
+ 'soft-4': '0px 0px 40px rgba(38, 38, 38, 0.1)',
192
+ },
193
+ },
194
+ },
195
+ plugins: [gluestackPlugin],
196
+ };
197
+ //# sourceMappingURL=tailwind.config.js.map
package/lib/tailwind.config.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tailwind.config.js","sourceRoot":"","sources":["../src/tailwind.config.js"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@admin-layout/gluestack-ui-mobile",
3
- "version": "12.2.1-alpha.3",
3
+ "version": "12.2.3-alpha.10",
4
4
  "description": "Glustack-ui for mobile component layout",
5
5
  "license": "ISC",
6
6
  "author": "CDMBase LLC",
@@ -23,9 +23,10 @@
23
23
  "watch": "npm run build:lib:watch"
24
24
  },
25
25
  "dependencies": {
26
- "@admin-layout/client": "12.2.1-alpha.3",
26
+ "@admin-layout/client": "12.2.3-alpha.10",
27
27
  "@gluestack-style/react": "^1.0.53",
28
28
  "@gluestack-ui/config": "^1.1.18",
29
+ "@gluestack-ui/nativewind-utils": "^1.0.26",
29
30
  "@gluestack-ui/themed": "^1.1.22",
30
31
  "hoist-non-react-statics": "^3.3.2",
31
32
  "nativewind": "^4.1.23",
@@ -35,7 +36,7 @@
35
36
  },
36
37
  "devDependencies": {
37
38
  "@types/react-window": "^1.8.8",
38
- "common": "12.2.1-alpha.3"
39
+ "common": "12.2.3-alpha.10"
39
40
  },
40
41
  "peerDependencies": {
41
42
  "@common-stack/remix-router-redux": "^6.0.2-alpha.2",
@@ -49,5 +50,5 @@
49
50
  "typescript": {
50
51
  "definition": "lib/index.d.ts"
51
52
  },
52
- "gitHead": "a39e19e76e76fbb5f8cdacf6a901ffbd5c7d700b"
53
+ "gitHead": "082a7df73e11db9f1d317d12758fba7fa125f6e9"
53
54
  }
package/src/global.css ADDED
@@ -0,0 +1,3 @@
1
+ @tailwind base;
2
+ @tailwind components;
3
+ @tailwind utilities;
package/src/gluestack-ui-base-config.js ADDED
@@ -0,0 +1,12 @@
1
+ // gluestack-ui-base.config.js
2
+
3
+ module.exports = {
4
+ tailwind: {
5
+ config: 'tailwind-base-config.js',
6
+ css: './global.css',
7
+ },
8
+ app: {
9
+ entry: 'index.js',
10
+ components: './components/ui',
11
+ },
12
+ };
package/src/gluestack-ui.config.json ADDED
@@ -0,0 +1,10 @@
1
+ {
2
+ "tailwind": {
3
+ "config": "tailwind.config.js",
4
+ "css": "./global.css"
5
+ },
6
+ "app": {
7
+ "entry": "index.js",
8
+ "components": "./components/ui"
9
+ }
10
+ }
package/src/nativewind-env.d.ts ADDED
@@ -0,0 +1 @@
1
+ /// <reference types="nativewind/types" />
package/src/tailwind-base-config.js ADDED
@@ -0,0 +1,197 @@
1
+ // import gluestackPlugin from '@gluestack-ui/nativewind-utils/tailwind-plugin';
2
+ const gluestackPlugin = require('@gluestack-ui/nativewind-utils/tailwind-plugin');
3
+ module.exports = {
4
+ darkMode: 'media',
5
+ content: ['./index.js', './components/**/*.{tsx,jsx,ts,js}'],
6
+ presets: [require('nativewind/preset')],
7
+ safelist: [
8
+ {
9
+ pattern:
10
+ /(bg|border|text|stroke|fill)-(primary|secondary|tertiary|error|success|warning|info|typography|outline|background|indicator)-(0|50|100|200|300|400|500|600|700|800|900|950|white|gray|black|error|warning|muted|success|info|light|dark|primary)/,
11
+ },
12
+ ],
13
+ theme: {
14
+ extend: {
15
+ colors: {
16
+ primary: {
17
+ 0: 'rgb(var(--color-primary-0)/<alpha-value>)',
18
+ 50: 'rgb(var(--color-primary-50)/<alpha-value>)',
19
+ 100: 'rgb(var(--color-primary-100)/<alpha-value>)',
20
+ 200: 'rgb(var(--color-primary-200)/<alpha-value>)',
21
+ 300: 'rgb(var(--color-primary-300)/<alpha-value>)',
22
+ 400: 'rgb(var(--color-primary-400)/<alpha-value>)',
23
+ 500: 'rgb(var(--color-primary-500)/<alpha-value>)',
24
+ 600: 'rgb(var(--color-primary-600)/<alpha-value>)',
25
+ 700: 'rgb(var(--color-primary-700)/<alpha-value>)',
26
+ 800: 'rgb(var(--color-primary-800)/<alpha-value>)',
27
+ 900: 'rgb(var(--color-primary-900)/<alpha-value>)',
28
+ 950: 'rgb(var(--color-primary-950)/<alpha-value>)',
29
+ },
30
+ secondary: {
31
+ 0: 'rgb(var(--color-secondary-0)/<alpha-value>)',
32
+ 50: 'rgb(var(--color-secondary-50)/<alpha-value>)',
33
+ 100: 'rgb(var(--color-secondary-100)/<alpha-value>)',
34
+ 200: 'rgb(var(--color-secondary-200)/<alpha-value>)',
35
+ 300: 'rgb(var(--color-secondary-300)/<alpha-value>)',
36
+ 400: 'rgb(var(--color-secondary-400)/<alpha-value>)',
37
+ 500: 'rgb(var(--color-secondary-500)/<alpha-value>)',
38
+ 600: 'rgb(var(--color-secondary-600)/<alpha-value>)',
39
+ 700: 'rgb(var(--color-secondary-700)/<alpha-value>)',
40
+ 800: 'rgb(var(--color-secondary-800)/<alpha-value>)',
41
+ 900: 'rgb(var(--color-secondary-900)/<alpha-value>)',
42
+ 950: 'rgb(var(--color-secondary-950)/<alpha-value>)',
43
+ },
44
+ tertiary: {
45
+ 50: 'rgb(var(--color-tertiary-50)/<alpha-value>)',
46
+ 100: 'rgb(var(--color-tertiary-100)/<alpha-value>)',
47
+ 200: 'rgb(var(--color-tertiary-200)/<alpha-value>)',
48
+ 300: 'rgb(var(--color-tertiary-300)/<alpha-value>)',
49
+ 400: 'rgb(var(--color-tertiary-400)/<alpha-value>)',
50
+ 500: 'rgb(var(--color-tertiary-500)/<alpha-value>)',
51
+ 600: 'rgb(var(--color-tertiary-600)/<alpha-value>)',
52
+ 700: 'rgb(var(--color-tertiary-700)/<alpha-value>)',
53
+ 800: 'rgb(var(--color-tertiary-800)/<alpha-value>)',
54
+ 900: 'rgb(var(--color-tertiary-900)/<alpha-value>)',
55
+ 950: 'rgb(var(--color-tertiary-950)/<alpha-value>)',
56
+ },
57
+ error: {
58
+ 0: 'rgb(var(--color-error-0)/<alpha-value>)',
59
+ 50: 'rgb(var(--color-error-50)/<alpha-value>)',
60
+ 100: 'rgb(var(--color-error-100)/<alpha-value>)',
61
+ 200: 'rgb(var(--color-error-200)/<alpha-value>)',
62
+ 300: 'rgb(var(--color-error-300)/<alpha-value>)',
63
+ 400: 'rgb(var(--color-error-400)/<alpha-value>)',
64
+ 500: 'rgb(var(--color-error-500)/<alpha-value>)',
65
+ 600: 'rgb(var(--color-error-600)/<alpha-value>)',
66
+ 700: 'rgb(var(--color-error-700)/<alpha-value>)',
67
+ 800: 'rgb(var(--color-error-800)/<alpha-value>)',
68
+ 900: 'rgb(var(--color-error-900)/<alpha-value>)',
69
+ 950: 'rgb(var(--color-error-950)/<alpha-value>)',
70
+ },
71
+ success: {
72
+ 0: 'rgb(var(--color-success-0)/<alpha-value>)',
73
+ 50: 'rgb(var(--color-success-50)/<alpha-value>)',
74
+ 100: 'rgb(var(--color-success-100)/<alpha-value>)',
75
+ 200: 'rgb(var(--color-success-200)/<alpha-value>)',
76
+ 300: 'rgb(var(--color-success-300)/<alpha-value>)',
77
+ 400: 'rgb(var(--color-success-400)/<alpha-value>)',
78
+ 500: 'rgb(var(--color-success-500)/<alpha-value>)',
79
+ 600: 'rgb(var(--color-success-600)/<alpha-value>)',
80
+ 700: 'rgb(var(--color-success-700)/<alpha-value>)',
81
+ 800: 'rgb(var(--color-success-800)/<alpha-value>)',
82
+ 900: 'rgb(var(--color-success-900)/<alpha-value>)',
83
+ 950: 'rgb(var(--color-success-950)/<alpha-value>)',
84
+ },
85
+ warning: {
86
+ 0: 'rgb(var(--color-warning-0)/<alpha-value>)',
87
+ 50: 'rgb(var(--color-warning-50)/<alpha-value>)',
88
+ 100: 'rgb(var(--color-warning-100)/<alpha-value>)',
89
+ 200: 'rgb(var(--color-warning-200)/<alpha-value>)',
90
+ 300: 'rgb(var(--color-warning-300)/<alpha-value>)',
91
+ 400: 'rgb(var(--color-warning-400)/<alpha-value>)',
92
+ 500: 'rgb(var(--color-warning-500)/<alpha-value>)',
93
+ 600: 'rgb(var(--color-warning-600)/<alpha-value>)',
94
+ 700: 'rgb(var(--color-warning-700)/<alpha-value>)',
95
+ 800: 'rgb(var(--color-warning-800)/<alpha-value>)',
96
+ 900: 'rgb(var(--color-warning-900)/<alpha-value>)',
97
+ 950: 'rgb(var(--color-warning-950)/<alpha-value>)',
98
+ },
99
+ info: {
100
+ 0: 'rgb(var(--color-info-0)/<alpha-value>)',
101
+ 50: 'rgb(var(--color-info-50)/<alpha-value>)',
102
+ 100: 'rgb(var(--color-info-100)/<alpha-value>)',
103
+ 200: 'rgb(var(--color-info-200)/<alpha-value>)',
104
+ 300: 'rgb(var(--color-info-300)/<alpha-value>)',
105
+ 400: 'rgb(var(--color-info-400)/<alpha-value>)',
106
+ 500: 'rgb(var(--color-info-500)/<alpha-value>)',
107
+ 600: 'rgb(var(--color-info-600)/<alpha-value>)',
108
+ 700: 'rgb(var(--color-info-700)/<alpha-value>)',
109
+ 800: 'rgb(var(--color-info-800)/<alpha-value>)',
110
+ 900: 'rgb(var(--color-info-900)/<alpha-value>)',
111
+ 950: 'rgb(var(--color-info-950)/<alpha-value>)',
112
+ },
113
+ typography: {
114
+ 0: 'rgb(var(--color-typography-0)/<alpha-value>)',
115
+ 50: 'rgb(var(--color-typography-50)/<alpha-value>)',
116
+ 100: 'rgb(var(--color-typography-100)/<alpha-value>)',
117
+ 200: 'rgb(var(--color-typography-200)/<alpha-value>)',
118
+ 300: 'rgb(var(--color-typography-300)/<alpha-value>)',
119
+ 400: 'rgb(var(--color-typography-400)/<alpha-value>)',
120
+ 500: 'rgb(var(--color-typography-500)/<alpha-value>)',
121
+ 600: 'rgb(var(--color-typography-600)/<alpha-value>)',
122
+ 700: 'rgb(var(--color-typography-700)/<alpha-value>)',
123
+ 800: 'rgb(var(--color-typography-800)/<alpha-value>)',
124
+ 900: 'rgb(var(--color-typography-900)/<alpha-value>)',
125
+ 950: 'rgb(var(--color-typography-950)/<alpha-value>)',
126
+ white: '#FFFFFF',
127
+ gray: '#D4D4D4',
128
+ black: '#181718',
129
+ },
130
+ outline: {
131
+ 0: 'rgb(var(--color-outline-0)/<alpha-value>)',
132
+ 50: 'rgb(var(--color-outline-50)/<alpha-value>)',
133
+ 100: 'rgb(var(--color-outline-100)/<alpha-value>)',
134
+ 200: 'rgb(var(--color-outline-200)/<alpha-value>)',
135
+ 300: 'rgb(var(--color-outline-300)/<alpha-value>)',
136
+ 400: 'rgb(var(--color-outline-400)/<alpha-value>)',
137
+ 500: 'rgb(var(--color-outline-500)/<alpha-value>)',
138
+ 600: 'rgb(var(--color-outline-600)/<alpha-value>)',
139
+ 700: 'rgb(var(--color-outline-700)/<alpha-value>)',
140
+ 800: 'rgb(var(--color-outline-800)/<alpha-value>)',
141
+ 900: 'rgb(var(--color-outline-900)/<alpha-value>)',
142
+ 950: 'rgb(var(--color-outline-950)/<alpha-value>)',
143
+ },
144
+ background: {
145
+ 0: 'rgb(var(--color-background-0)/<alpha-value>)',
146
+ 50: 'rgb(var(--color-background-50)/<alpha-value>)',
147
+ 100: 'rgb(var(--color-background-100)/<alpha-value>)',
148
+ 200: 'rgb(var(--color-background-200)/<alpha-value>)',
149
+ 300: 'rgb(var(--color-background-300)/<alpha-value>)',
150
+ 400: 'rgb(var(--color-background-400)/<alpha-value>)',
151
+ 500: 'rgb(var(--color-background-500)/<alpha-value>)',
152
+ 600: 'rgb(var(--color-background-600)/<alpha-value>)',
153
+ 700: 'rgb(var(--color-background-700)/<alpha-value>)',
154
+ 800: 'rgb(var(--color-background-800)/<alpha-value>)',
155
+ 900: 'rgb(var(--color-background-900)/<alpha-value>)',
156
+ 950: 'rgb(var(--color-background-950)/<alpha-value>)',
157
+ error: 'rgb(var(--color-background-error)/<alpha-value>)',
158
+ warning: 'rgb(var(--color-background-warning)/<alpha-value>)',
159
+ muted: 'rgb(var(--color-background-muted)/<alpha-value>)',
160
+ success: 'rgb(var(--color-background-success)/<alpha-value>)',
161
+ info: 'rgb(var(--color-background-info)/<alpha-value>)',
162
+ light: '#FBFBFB',
163
+ dark: '#181719',
164
+ },
165
+ indicator: {
166
+ primary: 'rgb(var(--color-indicator-primary)/<alpha-value>)',
167
+ info: 'rgb(var(--color-indicator-info)/<alpha-value>)',
168
+ error: 'rgb(var(--color-indicator-error)/<alpha-value>)',
169
+ },
170
+ },
171
+ fontFamily: {
172
+ heading: undefined,
173
+ body: undefined,
174
+ mono: undefined,
175
+ roboto: ['Roboto', 'sans-serif'],
176
+ },
177
+ fontWeight: {
178
+ extrablack: '950',
179
+ },
180
+ fontSize: {
181
+ '2xs': '10px',
182
+ },
183
+ boxShadow: {
184
+ 'hard-1': '-2px 2px 8px 0px rgba(38, 38, 38, 0.20)',
185
+ 'hard-2': '0px 3px 10px 0px rgba(38, 38, 38, 0.20)',
186
+ 'hard-3': '2px 2px 8px 0px rgba(38, 38, 38, 0.20)',
187
+ 'hard-4': '0px -3px 10px 0px rgba(38, 38, 38, 0.20)',
188
+ 'hard-5': '0px 2px 10px 0px rgba(38, 38, 38, 0.10)',
189
+ 'soft-1': '0px 0px 10px rgba(38, 38, 38, 0.1)',
190
+ 'soft-2': '0px 0px 20px rgba(38, 38, 38, 0.2)',
191
+ 'soft-3': '0px 0px 30px rgba(38, 38, 38, 0.1)',
192
+ 'soft-4': '0px 0px 40px rgba(38, 38, 38, 0.1)',
193
+ },
194
+ },
195
+ },
196
+ plugins: [gluestackPlugin],
197
+ };
package/src/tailwind.config.js ADDED
@@ -0,0 +1,198 @@
1
+ import gluestackPlugin from '@gluestack-ui/nativewind-utils/tailwind-plugin';
2
+
3
+ /** @type {import('tailwindcss').Config} */
4
+ module.exports = {
5
+ darkMode: 'media',
6
+ content: ['./index.js', './components/**/*.{tsx,jsx,ts,js}'],
7
+ presets: [require('nativewind/preset')],
8
+ safelist: [
9
+ {
10
+ pattern:
11
+ /(bg|border|text|stroke|fill)-(primary|secondary|tertiary|error|success|warning|info|typography|outline|background|indicator)-(0|50|100|200|300|400|500|600|700|800|900|950|white|gray|black|error|warning|muted|success|info|light|dark|primary)/,
12
+ },
13
+ ],
14
+ theme: {
15
+ extend: {
16
+ colors: {
17
+ primary: {
18
+ 0: 'rgb(var(--color-primary-0)/<alpha-value>)',
19
+ 50: 'rgb(var(--color-primary-50)/<alpha-value>)',
20
+ 100: 'rgb(var(--color-primary-100)/<alpha-value>)',
21
+ 200: 'rgb(var(--color-primary-200)/<alpha-value>)',
22
+ 300: 'rgb(var(--color-primary-300)/<alpha-value>)',
23
+ 400: 'rgb(var(--color-primary-400)/<alpha-value>)',
24
+ 500: 'rgb(var(--color-primary-500)/<alpha-value>)',
25
+ 600: 'rgb(var(--color-primary-600)/<alpha-value>)',
26
+ 700: 'rgb(var(--color-primary-700)/<alpha-value>)',
27
+ 800: 'rgb(var(--color-primary-800)/<alpha-value>)',
28
+ 900: 'rgb(var(--color-primary-900)/<alpha-value>)',
29
+ 950: 'rgb(var(--color-primary-950)/<alpha-value>)',
30
+ },
31
+ secondary: {
32
+ 0: 'rgb(var(--color-secondary-0)/<alpha-value>)',
33
+ 50: 'rgb(var(--color-secondary-50)/<alpha-value>)',
34
+ 100: 'rgb(var(--color-secondary-100)/<alpha-value>)',
35
+ 200: 'rgb(var(--color-secondary-200)/<alpha-value>)',
36
+ 300: 'rgb(var(--color-secondary-300)/<alpha-value>)',
37
+ 400: 'rgb(var(--color-secondary-400)/<alpha-value>)',
38
+ 500: 'rgb(var(--color-secondary-500)/<alpha-value>)',
39
+ 600: 'rgb(var(--color-secondary-600)/<alpha-value>)',
40
+ 700: 'rgb(var(--color-secondary-700)/<alpha-value>)',
41
+ 800: 'rgb(var(--color-secondary-800)/<alpha-value>)',
42
+ 900: 'rgb(var(--color-secondary-900)/<alpha-value>)',
43
+ 950: 'rgb(var(--color-secondary-950)/<alpha-value>)',
44
+ },
45
+ tertiary: {
46
+ 50: 'rgb(var(--color-tertiary-50)/<alpha-value>)',
47
+ 100: 'rgb(var(--color-tertiary-100)/<alpha-value>)',
48
+ 200: 'rgb(var(--color-tertiary-200)/<alpha-value>)',
49
+ 300: 'rgb(var(--color-tertiary-300)/<alpha-value>)',
50
+ 400: 'rgb(var(--color-tertiary-400)/<alpha-value>)',
51
+ 500: 'rgb(var(--color-tertiary-500)/<alpha-value>)',
52
+ 600: 'rgb(var(--color-tertiary-600)/<alpha-value>)',
53
+ 700: 'rgb(var(--color-tertiary-700)/<alpha-value>)',
54
+ 800: 'rgb(var(--color-tertiary-800)/<alpha-value>)',
55
+ 900: 'rgb(var(--color-tertiary-900)/<alpha-value>)',
56
+ 950: 'rgb(var(--color-tertiary-950)/<alpha-value>)',
57
+ },
58
+ error: {
59
+ 0: 'rgb(var(--color-error-0)/<alpha-value>)',
60
+ 50: 'rgb(var(--color-error-50)/<alpha-value>)',
61
+ 100: 'rgb(var(--color-error-100)/<alpha-value>)',
62
+ 200: 'rgb(var(--color-error-200)/<alpha-value>)',
63
+ 300: 'rgb(var(--color-error-300)/<alpha-value>)',
64
+ 400: 'rgb(var(--color-error-400)/<alpha-value>)',
65
+ 500: 'rgb(var(--color-error-500)/<alpha-value>)',
66
+ 600: 'rgb(var(--color-error-600)/<alpha-value>)',
67
+ 700: 'rgb(var(--color-error-700)/<alpha-value>)',
68
+ 800: 'rgb(var(--color-error-800)/<alpha-value>)',
69
+ 900: 'rgb(var(--color-error-900)/<alpha-value>)',
70
+ 950: 'rgb(var(--color-error-950)/<alpha-value>)',
71
+ },
72
+ success: {
73
+ 0: 'rgb(var(--color-success-0)/<alpha-value>)',
74
+ 50: 'rgb(var(--color-success-50)/<alpha-value>)',
75
+ 100: 'rgb(var(--color-success-100)/<alpha-value>)',
76
+ 200: 'rgb(var(--color-success-200)/<alpha-value>)',
77
+ 300: 'rgb(var(--color-success-300)/<alpha-value>)',
78
+ 400: 'rgb(var(--color-success-400)/<alpha-value>)',
79
+ 500: 'rgb(var(--color-success-500)/<alpha-value>)',
80
+ 600: 'rgb(var(--color-success-600)/<alpha-value>)',
81
+ 700: 'rgb(var(--color-success-700)/<alpha-value>)',
82
+ 800: 'rgb(var(--color-success-800)/<alpha-value>)',
83
+ 900: 'rgb(var(--color-success-900)/<alpha-value>)',
84
+ 950: 'rgb(var(--color-success-950)/<alpha-value>)',
85
+ },
86
+ warning: {
87
+ 0: 'rgb(var(--color-warning-0)/<alpha-value>)',
88
+ 50: 'rgb(var(--color-warning-50)/<alpha-value>)',
89
+ 100: 'rgb(var(--color-warning-100)/<alpha-value>)',
90
+ 200: 'rgb(var(--color-warning-200)/<alpha-value>)',
91
+ 300: 'rgb(var(--color-warning-300)/<alpha-value>)',
92
+ 400: 'rgb(var(--color-warning-400)/<alpha-value>)',
93
+ 500: 'rgb(var(--color-warning-500)/<alpha-value>)',
94
+ 600: 'rgb(var(--color-warning-600)/<alpha-value>)',
95
+ 700: 'rgb(var(--color-warning-700)/<alpha-value>)',
96
+ 800: 'rgb(var(--color-warning-800)/<alpha-value>)',
97
+ 900: 'rgb(var(--color-warning-900)/<alpha-value>)',
98
+ 950: 'rgb(var(--color-warning-950)/<alpha-value>)',
99
+ },
100
+ info: {
101
+ 0: 'rgb(var(--color-info-0)/<alpha-value>)',
102
+ 50: 'rgb(var(--color-info-50)/<alpha-value>)',
103
+ 100: 'rgb(var(--color-info-100)/<alpha-value>)',
104
+ 200: 'rgb(var(--color-info-200)/<alpha-value>)',
105
+ 300: 'rgb(var(--color-info-300)/<alpha-value>)',
106
+ 400: 'rgb(var(--color-info-400)/<alpha-value>)',
107
+ 500: 'rgb(var(--color-info-500)/<alpha-value>)',
108
+ 600: 'rgb(var(--color-info-600)/<alpha-value>)',
109
+ 700: 'rgb(var(--color-info-700)/<alpha-value>)',
110
+ 800: 'rgb(var(--color-info-800)/<alpha-value>)',
111
+ 900: 'rgb(var(--color-info-900)/<alpha-value>)',
112
+ 950: 'rgb(var(--color-info-950)/<alpha-value>)',
113
+ },
114
+ typography: {
115
+ 0: 'rgb(var(--color-typography-0)/<alpha-value>)',
116
+ 50: 'rgb(var(--color-typography-50)/<alpha-value>)',
117
+ 100: 'rgb(var(--color-typography-100)/<alpha-value>)',
118
+ 200: 'rgb(var(--color-typography-200)/<alpha-value>)',
119
+ 300: 'rgb(var(--color-typography-300)/<alpha-value>)',
120
+ 400: 'rgb(var(--color-typography-400)/<alpha-value>)',
121
+ 500: 'rgb(var(--color-typography-500)/<alpha-value>)',
122
+ 600: 'rgb(var(--color-typography-600)/<alpha-value>)',
123
+ 700: 'rgb(var(--color-typography-700)/<alpha-value>)',
124
+ 800: 'rgb(var(--color-typography-800)/<alpha-value>)',
125
+ 900: 'rgb(var(--color-typography-900)/<alpha-value>)',
126
+ 950: 'rgb(var(--color-typography-950)/<alpha-value>)',
127
+ white: '#FFFFFF',
128
+ gray: '#D4D4D4',
129
+ black: '#181718',
130
+ },
131
+ outline: {
132
+ 0: 'rgb(var(--color-outline-0)/<alpha-value>)',
133
+ 50: 'rgb(var(--color-outline-50)/<alpha-value>)',
134
+ 100: 'rgb(var(--color-outline-100)/<alpha-value>)',
135
+ 200: 'rgb(var(--color-outline-200)/<alpha-value>)',
136
+ 300: 'rgb(var(--color-outline-300)/<alpha-value>)',
137
+ 400: 'rgb(var(--color-outline-400)/<alpha-value>)',
138
+ 500: 'rgb(var(--color-outline-500)/<alpha-value>)',
139
+ 600: 'rgb(var(--color-outline-600)/<alpha-value>)',
140
+ 700: 'rgb(var(--color-outline-700)/<alpha-value>)',
141
+ 800: 'rgb(var(--color-outline-800)/<alpha-value>)',
142
+ 900: 'rgb(var(--color-outline-900)/<alpha-value>)',
143
+ 950: 'rgb(var(--color-outline-950)/<alpha-value>)',
144
+ },
145
+ background: {
146
+ 0: 'rgb(var(--color-background-0)/<alpha-value>)',
147
+ 50: 'rgb(var(--color-background-50)/<alpha-value>)',
148
+ 100: 'rgb(var(--color-background-100)/<alpha-value>)',
149
+ 200: 'rgb(var(--color-background-200)/<alpha-value>)',
150
+ 300: 'rgb(var(--color-background-300)/<alpha-value>)',
151
+ 400: 'rgb(var(--color-background-400)/<alpha-value>)',
152
+ 500: 'rgb(var(--color-background-500)/<alpha-value>)',
153
+ 600: 'rgb(var(--color-background-600)/<alpha-value>)',
154
+ 700: 'rgb(var(--color-background-700)/<alpha-value>)',
155
+ 800: 'rgb(var(--color-background-800)/<alpha-value>)',
156
+ 900: 'rgb(var(--color-background-900)/<alpha-value>)',
157
+ 950: 'rgb(var(--color-background-950)/<alpha-value>)',
158
+ error: 'rgb(var(--color-background-error)/<alpha-value>)',
159
+ warning: 'rgb(var(--color-background-warning)/<alpha-value>)',
160
+ muted: 'rgb(var(--color-background-muted)/<alpha-value>)',
161
+ success: 'rgb(var(--color-background-success)/<alpha-value>)',
162
+ info: 'rgb(var(--color-background-info)/<alpha-value>)',
163
+ light: '#FBFBFB',
164
+ dark: '#181719',
165
+ },
166
+ indicator: {
167
+ primary: 'rgb(var(--color-indicator-primary)/<alpha-value>)',
168
+ info: 'rgb(var(--color-indicator-info)/<alpha-value>)',
169
+ error: 'rgb(var(--color-indicator-error)/<alpha-value>)',
170
+ },
171
+ },
172
+ fontFamily: {
173
+ heading: undefined,
174
+ body: undefined,
175
+ mono: undefined,
176
+ roboto: ['Roboto', 'sans-serif'],
177
+ },
178
+ fontWeight: {
179
+ extrablack: '950',
180
+ },
181
+ fontSize: {
182
+ '2xs': '10px',
183
+ },
184
+ boxShadow: {
185
+ 'hard-1': '-2px 2px 8px 0px rgba(38, 38, 38, 0.20)',
186
+ 'hard-2': '0px 3px 10px 0px rgba(38, 38, 38, 0.20)',
187
+ 'hard-3': '2px 2px 8px 0px rgba(38, 38, 38, 0.20)',
188
+ 'hard-4': '0px -3px 10px 0px rgba(38, 38, 38, 0.20)',
189
+ 'hard-5': '0px 2px 10px 0px rgba(38, 38, 38, 0.10)',
190
+ 'soft-1': '0px 0px 10px rgba(38, 38, 38, 0.1)',
191
+ 'soft-2': '0px 0px 20px rgba(38, 38, 38, 0.2)',
192
+ 'soft-3': '0px 0px 30px rgba(38, 38, 38, 0.1)',
193
+ 'soft-4': '0px 0px 40px rgba(38, 38, 38, 0.1)',
194
+ },
195
+ },
196
+ },
197
+ plugins: [gluestackPlugin],
198
+ };
package/tsconfig.json CHANGED
@@ -30,7 +30,8 @@
30
30
  "include": [
31
31
  "src",
32
32
  //"src/**/*.mjs",
33
- "./types.d.ts"
33
+ "./types.d.ts",
34
+ "src/nativewind-env.d.ts"
34
35
  ],
35
36
  "exclude": ["../../../node_modules", "node_modules", "lib", "webpack.config.js", "rollup.config.mjs"]
36
37
  }