@girumtech/gs-design-system-core 0.1.4

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 (10) hide show
  1. package/README.md +3 -0
  2. package/dist/chunk-IEFTEUQ7.js +158 -0
  3. package/dist/chunk-IEFTEUQ7.js.map +1 -0
  4. package/dist/config.d.ts +669 -0
  5. package/dist/config.js +13 -0
  6. package/dist/config.js.map +1 -0
  7. package/dist/index.d.ts +169 -0
  8. package/dist/index.js +142 -0
  9. package/dist/index.js.map +1 -0
  10. package/package.json +41 -0
package/README.md ADDED
@@ -0,0 +1,3 @@
1
+ # @girumtech/gs-design-system-core
2
+
3
+ Shared Tamagui configuration, themes, and components for GsDesignSystem. Most applications should install `@girumtech/gs-design-system-react` or `@girumtech/gs-design-system-native` instead.
package/dist/chunk-IEFTEUQ7.js ADDED
@@ -0,0 +1,158 @@
1
+ // src/config.ts
2
+ import { createFont, createTamagui, createTokens } from "tamagui";
3
+ var tokens = createTokens({
4
+ color: {
5
+ white: "#FFFFFF",
6
+ black: "#000000",
7
+ brandRed: "#A81D1D",
8
+ brandRedDark: "#FC2B2B",
9
+ brandBlue: "#10106B",
10
+ brandBlueDark: "#2323F7",
11
+ red1: "#FFF7F8",
12
+ red3: "#FFE1E5",
13
+ red8: "#B4233C",
14
+ red9: "#8F1530",
15
+ red10: "#741026",
16
+ red11: "#5B0A1D",
17
+ red12: "#350611",
18
+ blue1: "#F5F9FF",
19
+ blue3: "#DCEBFF",
20
+ blue8: "#2864B5",
21
+ blue9: "#174A8B",
22
+ blue10: "#123D75",
23
+ blue11: "#0C315F",
24
+ blue12: "#071F3F",
25
+ gray1: "#FAFAFC",
26
+ gray3: "#ECECF1",
27
+ gray5: "#D0D1D8",
28
+ gray8: "#777A86",
29
+ gray10: "#4E505A",
30
+ gray12: "#202127",
31
+ dark1: "#0B0D12",
32
+ dark2: "#12151C",
33
+ dark3: "#1B1F29",
34
+ dark5: "#343946",
35
+ dark8: "#8D94A3",
36
+ dark11: "#D6D9E0",
37
+ dark12: "#F7F8FA"
38
+ },
39
+ space: { 0: 0, 1: 4, 2: 8, 3: 12, 4: 16, 5: 20, 6: 24, 8: 32, 10: 40, 12: 48, true: 16 },
40
+ size: { 0: 0, 1: 24, 2: 32, 3: 40, 4: 48, 5: 56, 6: 64, 8: 80, 10: 96, sm: 32, md: 40, lg: 48, true: 40 },
41
+ radius: { 0: 0, 1: 4, 2: 8, 3: 12, 4: 16, 5: 20, 6: 24, full: 9999, true: 12 },
42
+ zIndex: { 0: 0, 1: 10, 2: 20, 3: 30, 4: 40, 5: 50 }
43
+ });
44
+ var bodyFont = createFont({
45
+ family: "Inter, ui-sans-serif, system-ui, sans-serif",
46
+ size: { 1: 12, 2: 14, 3: 16, 4: 18, 5: 22, 6: 28, 7: 36, 8: 48, sm: 14, md: 16, lg: 18, true: 16 },
47
+ lineHeight: { 1: 16, 2: 20, 3: 24, 4: 28, 5: 30, 6: 36, 7: 44, 8: 56, sm: 20, md: 24, lg: 28, true: 24 },
48
+ weight: { 4: "400", 5: "500", 6: "600", 7: "700", true: "400" },
49
+ letterSpacing: { 4: 0, 6: -0.2, 7: -0.5, true: 0 }
50
+ });
51
+ var themes = {
52
+ red: {
53
+ background: "#FFFFFF",
54
+ backgroundHover: "#FFF7F7",
55
+ backgroundPress: "#FBE8E8",
56
+ backgroundFocus: "#FFF7F7",
57
+ surface: "#FFFFFF",
58
+ color: "#000000",
59
+ colorMuted: "#5F3030",
60
+ borderColor: "#A81D1D",
61
+ borderColorHover: "#A81D1D",
62
+ borderColorPress: "#A81D1D",
63
+ borderColorFocus: "#A81D1D",
64
+ accent: "#A81D1D",
65
+ accentHover: "#8F1818",
66
+ accentPress: "#751414",
67
+ accentText: "#FFFFFF",
68
+ focus: "#A81D1D",
69
+ danger: "#A81D1D",
70
+ disabled: "#D8B8B8",
71
+ shadowColor: "#A81D1D"
72
+ },
73
+ red_dark: {
74
+ background: "#000000",
75
+ backgroundHover: "#170606",
76
+ backgroundPress: "#260808",
77
+ backgroundFocus: "#170606",
78
+ surface: "#000000",
79
+ color: "#FFFFFF",
80
+ colorMuted: "#F5BABA",
81
+ borderColor: "#FC2B2B",
82
+ borderColorHover: "#FC2B2B",
83
+ borderColorPress: "#FC2B2B",
84
+ borderColorFocus: "#FC2B2B",
85
+ accent: "#FC2B2B",
86
+ accentHover: "#FF4D4D",
87
+ accentPress: "#D91F1F",
88
+ accentText: "#000000",
89
+ focus: "#FC2B2B",
90
+ danger: "#FC2B2B",
91
+ disabled: "#5E2020",
92
+ shadowColor: "#FC2B2B"
93
+ },
94
+ blue: {
95
+ background: "#FFFFFF",
96
+ backgroundHover: "#F5F5FF",
97
+ backgroundPress: "#E8E8F4",
98
+ backgroundFocus: "#F5F5FF",
99
+ surface: "#FFFFFF",
100
+ color: "#000000",
101
+ colorMuted: "#34345F",
102
+ borderColor: "#10106B",
103
+ borderColorHover: "#10106B",
104
+ borderColorPress: "#10106B",
105
+ borderColorFocus: "#10106B",
106
+ accent: "#10106B",
107
+ accentHover: "#0D0D59",
108
+ accentPress: "#090944",
109
+ accentText: "#FFFFFF",
110
+ focus: "#10106B",
111
+ danger: "#A81D1D",
112
+ disabled: "#B8B8D2",
113
+ shadowColor: "#10106B"
114
+ },
115
+ blue_dark: {
116
+ background: "#000000",
117
+ backgroundHover: "#070717",
118
+ backgroundPress: "#0B0B28",
119
+ backgroundFocus: "#070717",
120
+ surface: "#000000",
121
+ color: "#FFFFFF",
122
+ colorMuted: "#C7C7FF",
123
+ borderColor: "#2323F7",
124
+ borderColorHover: "#2323F7",
125
+ borderColorPress: "#2323F7",
126
+ borderColorFocus: "#2323F7",
127
+ accent: "#2323F7",
128
+ accentHover: "#4141FF",
129
+ accentPress: "#1B1BC9",
130
+ accentText: "#FFFFFF",
131
+ focus: "#2323F7",
132
+ danger: "#FC2B2B",
133
+ disabled: "#20205E",
134
+ shadowColor: "#2323F7"
135
+ }
136
+ };
137
+ var tamaguiThemes = {
138
+ light: themes.red,
139
+ dark: themes.red_dark,
140
+ ...themes
141
+ };
142
+ var config = createTamagui({
143
+ tokens,
144
+ themes: tamaguiThemes,
145
+ fonts: { body: bodyFont, heading: bodyFont },
146
+ shorthands: { p: "padding", px: "paddingHorizontal", py: "paddingVertical", m: "margin", mt: "marginTop", mb: "marginBottom", bg: "backgroundColor" },
147
+ media: { sm: { maxWidth: 660 }, md: { maxWidth: 900 }, lg: { maxWidth: 1200 }, reduceMotion: { prefersReducedMotion: "reduce" } },
148
+ settings: { defaultFont: "body" }
149
+ });
150
+ var config_default = config;
151
+
152
+ export {
153
+ tokens,
154
+ themes,
155
+ config,
156
+ config_default
157
+ };
158
+ //# sourceMappingURL=chunk-IEFTEUQ7.js.map
package/dist/chunk-IEFTEUQ7.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/config.ts"],"sourcesContent":["import { createFont, createTamagui, createTokens } from 'tamagui'\n\nexport const tokens = createTokens({\n color: {\n white: '#FFFFFF',\n black: '#000000',\n brandRed: '#A81D1D',\n brandRedDark: '#FC2B2B',\n brandBlue: '#10106B',\n brandBlueDark: '#2323F7',\n red1: '#FFF7F8', red3: '#FFE1E5', red8: '#B4233C', red9: '#8F1530', red10: '#741026', red11: '#5B0A1D', red12: '#350611',\n blue1: '#F5F9FF', blue3: '#DCEBFF', blue8: '#2864B5', blue9: '#174A8B', blue10: '#123D75', blue11: '#0C315F', blue12: '#071F3F',\n gray1: '#FAFAFC', gray3: '#ECECF1', gray5: '#D0D1D8', gray8: '#777A86', gray10: '#4E505A', gray12: '#202127',\n dark1: '#0B0D12', dark2: '#12151C', dark3: '#1B1F29', dark5: '#343946', dark8: '#8D94A3', dark11: '#D6D9E0', dark12: '#F7F8FA',\n },\n space: { 0: 0, 1: 4, 2: 8, 3: 12, 4: 16, 5: 20, 6: 24, 8: 32, 10: 40, 12: 48, true: 16 },\n size: { 0: 0, 1: 24, 2: 32, 3: 40, 4: 48, 5: 56, 6: 64, 8: 80, 10: 96, sm: 32, md: 40, lg: 48, true: 40 },\n radius: { 0: 0, 1: 4, 2: 8, 3: 12, 4: 16, 5: 20, 6: 24, full: 9999, true: 12 },\n zIndex: { 0: 0, 1: 10, 2: 20, 3: 30, 4: 40, 5: 50 },\n})\n\nconst bodyFont = createFont({\n family: 'Inter, ui-sans-serif, system-ui, sans-serif',\n size: { 1: 12, 2: 14, 3: 16, 4: 18, 5: 22, 6: 28, 7: 36, 8: 48, sm: 14, md: 16, lg: 18, true: 16 },\n lineHeight: { 1: 16, 2: 20, 3: 24, 4: 28, 5: 30, 6: 36, 7: 44, 8: 56, sm: 20, md: 24, lg: 28, true: 24 },\n weight: { 4: '400', 5: '500', 6: '600', 7: '700', true: '400' },\n letterSpacing: { 4: 0, 6: -0.2, 7: -0.5, true: 0 },\n})\n\nexport const themes = {\n red: {\n background: '#FFFFFF', backgroundHover: '#FFF7F7', backgroundPress: '#FBE8E8', backgroundFocus: '#FFF7F7',\n surface: '#FFFFFF', color: '#000000', colorMuted: '#5F3030', borderColor: '#A81D1D',\n borderColorHover: '#A81D1D', borderColorPress: '#A81D1D', borderColorFocus: '#A81D1D',\n accent: '#A81D1D', accentHover: '#8F1818', accentPress: '#751414', accentText: '#FFFFFF',\n focus: '#A81D1D', danger: '#A81D1D', disabled: '#D8B8B8', shadowColor: '#A81D1D',\n },\n red_dark: {\n background: '#000000', backgroundHover: '#170606', backgroundPress: '#260808', backgroundFocus: '#170606',\n surface: '#000000', color: '#FFFFFF', colorMuted: '#F5BABA', borderColor: '#FC2B2B',\n borderColorHover: '#FC2B2B', borderColorPress: '#FC2B2B', borderColorFocus: '#FC2B2B',\n accent: '#FC2B2B', accentHover: '#FF4D4D', accentPress: '#D91F1F', accentText: '#000000',\n focus: '#FC2B2B', danger: '#FC2B2B', disabled: '#5E2020', shadowColor: '#FC2B2B',\n },\n blue: {\n background: '#FFFFFF', backgroundHover: '#F5F5FF', backgroundPress: '#E8E8F4', backgroundFocus: '#F5F5FF',\n surface: '#FFFFFF', color: '#000000', colorMuted: '#34345F', borderColor: '#10106B',\n borderColorHover: '#10106B', borderColorPress: '#10106B', borderColorFocus: '#10106B',\n accent: '#10106B', accentHover: '#0D0D59', accentPress: '#090944', accentText: '#FFFFFF',\n focus: '#10106B', danger: '#A81D1D', disabled: '#B8B8D2', shadowColor: '#10106B',\n },\n blue_dark: {\n background: '#000000', backgroundHover: '#070717', backgroundPress: '#0B0B28', backgroundFocus: '#070717',\n surface: '#000000', color: '#FFFFFF', colorMuted: '#C7C7FF', borderColor: '#2323F7',\n borderColorHover: '#2323F7', borderColorPress: '#2323F7', borderColorFocus: '#2323F7',\n accent: '#2323F7', accentHover: '#4141FF', accentPress: '#1B1BC9', accentText: '#FFFFFF',\n focus: '#2323F7', danger: '#FC2B2B', disabled: '#20205E', shadowColor: '#2323F7',\n },\n} as const\n\n// Tamagui's web CSS generator needs base light/dark themes before it emits\n// selectors for custom theme names. These aliases stay internal so the public\n// GsThemeName API remains limited to the four branded themes above.\nconst tamaguiThemes = {\n light: themes.red,\n dark: themes.red_dark,\n ...themes,\n} as const\n\nexport const config = createTamagui({\n tokens,\n themes: tamaguiThemes,\n fonts: { body: bodyFont, heading: bodyFont },\n shorthands: { p: 'padding', px: 'paddingHorizontal', py: 'paddingVertical', m: 'margin', mt: 'marginTop', mb: 'marginBottom', bg: 'backgroundColor' } as const,\n media: { sm: { maxWidth: 660 }, md: { maxWidth: 900 }, lg: { maxWidth: 1200 }, reduceMotion: { prefersReducedMotion: 'reduce' } },\n settings: { defaultFont: 'body' },\n})\n\nexport type GsConfig = typeof config\nexport type GsThemeName = keyof typeof themes\n\ndeclare module 'tamagui' {\n interface TamaguiCustomConfig extends GsConfig {}\n}\n\nexport default config\n"],"mappings":"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","names":[]}
package/dist/config.d.ts ADDED
@@ -0,0 +1,669 @@
1
+ import * as tamagui from 'tamagui';
2
+
3
+ declare const tokens: {
4
+ color: {
5
+ white: tamagui.Variable<string>;
6
+ black: tamagui.Variable<string>;
7
+ brandRed: tamagui.Variable<string>;
8
+ brandRedDark: tamagui.Variable<string>;
9
+ brandBlue: tamagui.Variable<string>;
10
+ brandBlueDark: tamagui.Variable<string>;
11
+ red1: tamagui.Variable<string>;
12
+ red3: tamagui.Variable<string>;
13
+ red8: tamagui.Variable<string>;
14
+ red9: tamagui.Variable<string>;
15
+ red10: tamagui.Variable<string>;
16
+ red11: tamagui.Variable<string>;
17
+ red12: tamagui.Variable<string>;
18
+ blue1: tamagui.Variable<string>;
19
+ blue3: tamagui.Variable<string>;
20
+ blue8: tamagui.Variable<string>;
21
+ blue9: tamagui.Variable<string>;
22
+ blue10: tamagui.Variable<string>;
23
+ blue11: tamagui.Variable<string>;
24
+ blue12: tamagui.Variable<string>;
25
+ gray1: tamagui.Variable<string>;
26
+ gray3: tamagui.Variable<string>;
27
+ gray5: tamagui.Variable<string>;
28
+ gray8: tamagui.Variable<string>;
29
+ gray10: tamagui.Variable<string>;
30
+ gray12: tamagui.Variable<string>;
31
+ dark1: tamagui.Variable<string>;
32
+ dark2: tamagui.Variable<string>;
33
+ dark3: tamagui.Variable<string>;
34
+ dark5: tamagui.Variable<string>;
35
+ dark8: tamagui.Variable<string>;
36
+ dark11: tamagui.Variable<string>;
37
+ dark12: tamagui.Variable<string>;
38
+ };
39
+ space: {
40
+ 0: tamagui.Variable<number>;
41
+ 1: tamagui.Variable<number>;
42
+ 2: tamagui.Variable<number>;
43
+ 3: tamagui.Variable<number>;
44
+ 4: tamagui.Variable<number>;
45
+ 5: tamagui.Variable<number>;
46
+ 6: tamagui.Variable<number>;
47
+ 8: tamagui.Variable<number>;
48
+ 10: tamagui.Variable<number>;
49
+ 12: tamagui.Variable<number>;
50
+ true: tamagui.Variable<number>;
51
+ };
52
+ size: {
53
+ 0: tamagui.Variable<number>;
54
+ 1: tamagui.Variable<number>;
55
+ 2: tamagui.Variable<number>;
56
+ 3: tamagui.Variable<number>;
57
+ 4: tamagui.Variable<number>;
58
+ 5: tamagui.Variable<number>;
59
+ 6: tamagui.Variable<number>;
60
+ 8: tamagui.Variable<number>;
61
+ 10: tamagui.Variable<number>;
62
+ sm: tamagui.Variable<number>;
63
+ md: tamagui.Variable<number>;
64
+ lg: tamagui.Variable<number>;
65
+ true: tamagui.Variable<number>;
66
+ };
67
+ radius: {
68
+ 0: tamagui.Variable<number>;
69
+ 1: tamagui.Variable<number>;
70
+ 2: tamagui.Variable<number>;
71
+ 3: tamagui.Variable<number>;
72
+ 4: tamagui.Variable<number>;
73
+ 5: tamagui.Variable<number>;
74
+ 6: tamagui.Variable<number>;
75
+ full: tamagui.Variable<number>;
76
+ true: tamagui.Variable<number>;
77
+ };
78
+ zIndex: {
79
+ 0: tamagui.Variable<number>;
80
+ 1: tamagui.Variable<number>;
81
+ 2: tamagui.Variable<number>;
82
+ 3: tamagui.Variable<number>;
83
+ 4: tamagui.Variable<number>;
84
+ 5: tamagui.Variable<number>;
85
+ };
86
+ } & Omit<{
87
+ color: {
88
+ white: tamagui.Variable<string>;
89
+ black: tamagui.Variable<string>;
90
+ brandRed: tamagui.Variable<string>;
91
+ brandRedDark: tamagui.Variable<string>;
92
+ brandBlue: tamagui.Variable<string>;
93
+ brandBlueDark: tamagui.Variable<string>;
94
+ red1: tamagui.Variable<string>;
95
+ red3: tamagui.Variable<string>;
96
+ red8: tamagui.Variable<string>;
97
+ red9: tamagui.Variable<string>;
98
+ red10: tamagui.Variable<string>;
99
+ red11: tamagui.Variable<string>;
100
+ red12: tamagui.Variable<string>;
101
+ blue1: tamagui.Variable<string>;
102
+ blue3: tamagui.Variable<string>;
103
+ blue8: tamagui.Variable<string>;
104
+ blue9: tamagui.Variable<string>;
105
+ blue10: tamagui.Variable<string>;
106
+ blue11: tamagui.Variable<string>;
107
+ blue12: tamagui.Variable<string>;
108
+ gray1: tamagui.Variable<string>;
109
+ gray3: tamagui.Variable<string>;
110
+ gray5: tamagui.Variable<string>;
111
+ gray8: tamagui.Variable<string>;
112
+ gray10: tamagui.Variable<string>;
113
+ gray12: tamagui.Variable<string>;
114
+ dark1: tamagui.Variable<string>;
115
+ dark2: tamagui.Variable<string>;
116
+ dark3: tamagui.Variable<string>;
117
+ dark5: tamagui.Variable<string>;
118
+ dark8: tamagui.Variable<string>;
119
+ dark11: tamagui.Variable<string>;
120
+ dark12: tamagui.Variable<string>;
121
+ };
122
+ space: {
123
+ 0: tamagui.Variable<number>;
124
+ 1: tamagui.Variable<number>;
125
+ 2: tamagui.Variable<number>;
126
+ 3: tamagui.Variable<number>;
127
+ 4: tamagui.Variable<number>;
128
+ 5: tamagui.Variable<number>;
129
+ 6: tamagui.Variable<number>;
130
+ 8: tamagui.Variable<number>;
131
+ 10: tamagui.Variable<number>;
132
+ 12: tamagui.Variable<number>;
133
+ true: tamagui.Variable<number>;
134
+ };
135
+ size: {
136
+ 0: tamagui.Variable<number>;
137
+ 1: tamagui.Variable<number>;
138
+ 2: tamagui.Variable<number>;
139
+ 3: tamagui.Variable<number>;
140
+ 4: tamagui.Variable<number>;
141
+ 5: tamagui.Variable<number>;
142
+ 6: tamagui.Variable<number>;
143
+ 8: tamagui.Variable<number>;
144
+ 10: tamagui.Variable<number>;
145
+ sm: tamagui.Variable<number>;
146
+ md: tamagui.Variable<number>;
147
+ lg: tamagui.Variable<number>;
148
+ true: tamagui.Variable<number>;
149
+ };
150
+ radius: {
151
+ 0: tamagui.Variable<number>;
152
+ 1: tamagui.Variable<number>;
153
+ 2: tamagui.Variable<number>;
154
+ 3: tamagui.Variable<number>;
155
+ 4: tamagui.Variable<number>;
156
+ 5: tamagui.Variable<number>;
157
+ 6: tamagui.Variable<number>;
158
+ full: tamagui.Variable<number>;
159
+ true: tamagui.Variable<number>;
160
+ };
161
+ zIndex: {
162
+ 0: tamagui.Variable<number>;
163
+ 1: tamagui.Variable<number>;
164
+ 2: tamagui.Variable<number>;
165
+ 3: tamagui.Variable<number>;
166
+ 4: tamagui.Variable<number>;
167
+ 5: tamagui.Variable<number>;
168
+ };
169
+ }, "color" | "space" | "size" | "radius" | "zIndex">;
170
+ declare const themes: {
171
+ readonly red: {
172
+ readonly background: "#FFFFFF";
173
+ readonly backgroundHover: "#FFF7F7";
174
+ readonly backgroundPress: "#FBE8E8";
175
+ readonly backgroundFocus: "#FFF7F7";
176
+ readonly surface: "#FFFFFF";
177
+ readonly color: "#000000";
178
+ readonly colorMuted: "#5F3030";
179
+ readonly borderColor: "#A81D1D";
180
+ readonly borderColorHover: "#A81D1D";
181
+ readonly borderColorPress: "#A81D1D";
182
+ readonly borderColorFocus: "#A81D1D";
183
+ readonly accent: "#A81D1D";
184
+ readonly accentHover: "#8F1818";
185
+ readonly accentPress: "#751414";
186
+ readonly accentText: "#FFFFFF";
187
+ readonly focus: "#A81D1D";
188
+ readonly danger: "#A81D1D";
189
+ readonly disabled: "#D8B8B8";
190
+ readonly shadowColor: "#A81D1D";
191
+ };
192
+ readonly red_dark: {
193
+ readonly background: "#000000";
194
+ readonly backgroundHover: "#170606";
195
+ readonly backgroundPress: "#260808";
196
+ readonly backgroundFocus: "#170606";
197
+ readonly surface: "#000000";
198
+ readonly color: "#FFFFFF";
199
+ readonly colorMuted: "#F5BABA";
200
+ readonly borderColor: "#FC2B2B";
201
+ readonly borderColorHover: "#FC2B2B";
202
+ readonly borderColorPress: "#FC2B2B";
203
+ readonly borderColorFocus: "#FC2B2B";
204
+ readonly accent: "#FC2B2B";
205
+ readonly accentHover: "#FF4D4D";
206
+ readonly accentPress: "#D91F1F";
207
+ readonly accentText: "#000000";
208
+ readonly focus: "#FC2B2B";
209
+ readonly danger: "#FC2B2B";
210
+ readonly disabled: "#5E2020";
211
+ readonly shadowColor: "#FC2B2B";
212
+ };
213
+ readonly blue: {
214
+ readonly background: "#FFFFFF";
215
+ readonly backgroundHover: "#F5F5FF";
216
+ readonly backgroundPress: "#E8E8F4";
217
+ readonly backgroundFocus: "#F5F5FF";
218
+ readonly surface: "#FFFFFF";
219
+ readonly color: "#000000";
220
+ readonly colorMuted: "#34345F";
221
+ readonly borderColor: "#10106B";
222
+ readonly borderColorHover: "#10106B";
223
+ readonly borderColorPress: "#10106B";
224
+ readonly borderColorFocus: "#10106B";
225
+ readonly accent: "#10106B";
226
+ readonly accentHover: "#0D0D59";
227
+ readonly accentPress: "#090944";
228
+ readonly accentText: "#FFFFFF";
229
+ readonly focus: "#10106B";
230
+ readonly danger: "#A81D1D";
231
+ readonly disabled: "#B8B8D2";
232
+ readonly shadowColor: "#10106B";
233
+ };
234
+ readonly blue_dark: {
235
+ readonly background: "#000000";
236
+ readonly backgroundHover: "#070717";
237
+ readonly backgroundPress: "#0B0B28";
238
+ readonly backgroundFocus: "#070717";
239
+ readonly surface: "#000000";
240
+ readonly color: "#FFFFFF";
241
+ readonly colorMuted: "#C7C7FF";
242
+ readonly borderColor: "#2323F7";
243
+ readonly borderColorHover: "#2323F7";
244
+ readonly borderColorPress: "#2323F7";
245
+ readonly borderColorFocus: "#2323F7";
246
+ readonly accent: "#2323F7";
247
+ readonly accentHover: "#4141FF";
248
+ readonly accentPress: "#1B1BC9";
249
+ readonly accentText: "#FFFFFF";
250
+ readonly focus: "#2323F7";
251
+ readonly danger: "#FC2B2B";
252
+ readonly disabled: "#20205E";
253
+ readonly shadowColor: "#2323F7";
254
+ };
255
+ };
256
+ declare const config: tamagui.TamaguiInternalConfig<{
257
+ color: {
258
+ white: tamagui.Variable<string>;
259
+ black: tamagui.Variable<string>;
260
+ brandRed: tamagui.Variable<string>;
261
+ brandRedDark: tamagui.Variable<string>;
262
+ brandBlue: tamagui.Variable<string>;
263
+ brandBlueDark: tamagui.Variable<string>;
264
+ red1: tamagui.Variable<string>;
265
+ red3: tamagui.Variable<string>;
266
+ red8: tamagui.Variable<string>;
267
+ red9: tamagui.Variable<string>;
268
+ red10: tamagui.Variable<string>;
269
+ red11: tamagui.Variable<string>;
270
+ red12: tamagui.Variable<string>;
271
+ blue1: tamagui.Variable<string>;
272
+ blue3: tamagui.Variable<string>;
273
+ blue8: tamagui.Variable<string>;
274
+ blue9: tamagui.Variable<string>;
275
+ blue10: tamagui.Variable<string>;
276
+ blue11: tamagui.Variable<string>;
277
+ blue12: tamagui.Variable<string>;
278
+ gray1: tamagui.Variable<string>;
279
+ gray3: tamagui.Variable<string>;
280
+ gray5: tamagui.Variable<string>;
281
+ gray8: tamagui.Variable<string>;
282
+ gray10: tamagui.Variable<string>;
283
+ gray12: tamagui.Variable<string>;
284
+ dark1: tamagui.Variable<string>;
285
+ dark2: tamagui.Variable<string>;
286
+ dark3: tamagui.Variable<string>;
287
+ dark5: tamagui.Variable<string>;
288
+ dark8: tamagui.Variable<string>;
289
+ dark11: tamagui.Variable<string>;
290
+ dark12: tamagui.Variable<string>;
291
+ };
292
+ space: {
293
+ 0: tamagui.Variable<number>;
294
+ 1: tamagui.Variable<number>;
295
+ 2: tamagui.Variable<number>;
296
+ 3: tamagui.Variable<number>;
297
+ 4: tamagui.Variable<number>;
298
+ 5: tamagui.Variable<number>;
299
+ 6: tamagui.Variable<number>;
300
+ 8: tamagui.Variable<number>;
301
+ 10: tamagui.Variable<number>;
302
+ 12: tamagui.Variable<number>;
303
+ true: tamagui.Variable<number>;
304
+ };
305
+ size: {
306
+ 0: tamagui.Variable<number>;
307
+ 1: tamagui.Variable<number>;
308
+ 2: tamagui.Variable<number>;
309
+ 3: tamagui.Variable<number>;
310
+ 4: tamagui.Variable<number>;
311
+ 5: tamagui.Variable<number>;
312
+ 6: tamagui.Variable<number>;
313
+ 8: tamagui.Variable<number>;
314
+ 10: tamagui.Variable<number>;
315
+ sm: tamagui.Variable<number>;
316
+ md: tamagui.Variable<number>;
317
+ lg: tamagui.Variable<number>;
318
+ true: tamagui.Variable<number>;
319
+ };
320
+ radius: {
321
+ 0: tamagui.Variable<number>;
322
+ 1: tamagui.Variable<number>;
323
+ 2: tamagui.Variable<number>;
324
+ 3: tamagui.Variable<number>;
325
+ 4: tamagui.Variable<number>;
326
+ 5: tamagui.Variable<number>;
327
+ 6: tamagui.Variable<number>;
328
+ full: tamagui.Variable<number>;
329
+ true: tamagui.Variable<number>;
330
+ };
331
+ zIndex: {
332
+ 0: tamagui.Variable<number>;
333
+ 1: tamagui.Variable<number>;
334
+ 2: tamagui.Variable<number>;
335
+ 3: tamagui.Variable<number>;
336
+ 4: tamagui.Variable<number>;
337
+ 5: tamagui.Variable<number>;
338
+ };
339
+ } & Omit<{
340
+ color: {
341
+ white: tamagui.Variable<string>;
342
+ black: tamagui.Variable<string>;
343
+ brandRed: tamagui.Variable<string>;
344
+ brandRedDark: tamagui.Variable<string>;
345
+ brandBlue: tamagui.Variable<string>;
346
+ brandBlueDark: tamagui.Variable<string>;
347
+ red1: tamagui.Variable<string>;
348
+ red3: tamagui.Variable<string>;
349
+ red8: tamagui.Variable<string>;
350
+ red9: tamagui.Variable<string>;
351
+ red10: tamagui.Variable<string>;
352
+ red11: tamagui.Variable<string>;
353
+ red12: tamagui.Variable<string>;
354
+ blue1: tamagui.Variable<string>;
355
+ blue3: tamagui.Variable<string>;
356
+ blue8: tamagui.Variable<string>;
357
+ blue9: tamagui.Variable<string>;
358
+ blue10: tamagui.Variable<string>;
359
+ blue11: tamagui.Variable<string>;
360
+ blue12: tamagui.Variable<string>;
361
+ gray1: tamagui.Variable<string>;
362
+ gray3: tamagui.Variable<string>;
363
+ gray5: tamagui.Variable<string>;
364
+ gray8: tamagui.Variable<string>;
365
+ gray10: tamagui.Variable<string>;
366
+ gray12: tamagui.Variable<string>;
367
+ dark1: tamagui.Variable<string>;
368
+ dark2: tamagui.Variable<string>;
369
+ dark3: tamagui.Variable<string>;
370
+ dark5: tamagui.Variable<string>;
371
+ dark8: tamagui.Variable<string>;
372
+ dark11: tamagui.Variable<string>;
373
+ dark12: tamagui.Variable<string>;
374
+ };
375
+ space: {
376
+ 0: tamagui.Variable<number>;
377
+ 1: tamagui.Variable<number>;
378
+ 2: tamagui.Variable<number>;
379
+ 3: tamagui.Variable<number>;
380
+ 4: tamagui.Variable<number>;
381
+ 5: tamagui.Variable<number>;
382
+ 6: tamagui.Variable<number>;
383
+ 8: tamagui.Variable<number>;
384
+ 10: tamagui.Variable<number>;
385
+ 12: tamagui.Variable<number>;
386
+ true: tamagui.Variable<number>;
387
+ };
388
+ size: {
389
+ 0: tamagui.Variable<number>;
390
+ 1: tamagui.Variable<number>;
391
+ 2: tamagui.Variable<number>;
392
+ 3: tamagui.Variable<number>;
393
+ 4: tamagui.Variable<number>;
394
+ 5: tamagui.Variable<number>;
395
+ 6: tamagui.Variable<number>;
396
+ 8: tamagui.Variable<number>;
397
+ 10: tamagui.Variable<number>;
398
+ sm: tamagui.Variable<number>;
399
+ md: tamagui.Variable<number>;
400
+ lg: tamagui.Variable<number>;
401
+ true: tamagui.Variable<number>;
402
+ };
403
+ radius: {
404
+ 0: tamagui.Variable<number>;
405
+ 1: tamagui.Variable<number>;
406
+ 2: tamagui.Variable<number>;
407
+ 3: tamagui.Variable<number>;
408
+ 4: tamagui.Variable<number>;
409
+ 5: tamagui.Variable<number>;
410
+ 6: tamagui.Variable<number>;
411
+ full: tamagui.Variable<number>;
412
+ true: tamagui.Variable<number>;
413
+ };
414
+ zIndex: {
415
+ 0: tamagui.Variable<number>;
416
+ 1: tamagui.Variable<number>;
417
+ 2: tamagui.Variable<number>;
418
+ 3: tamagui.Variable<number>;
419
+ 4: tamagui.Variable<number>;
420
+ 5: tamagui.Variable<number>;
421
+ };
422
+ }, "color" | "space" | "size" | "radius" | "zIndex">, {
423
+ readonly red: {
424
+ readonly background: "#FFFFFF";
425
+ readonly backgroundHover: "#FFF7F7";
426
+ readonly backgroundPress: "#FBE8E8";
427
+ readonly backgroundFocus: "#FFF7F7";
428
+ readonly surface: "#FFFFFF";
429
+ readonly color: "#000000";
430
+ readonly colorMuted: "#5F3030";
431
+ readonly borderColor: "#A81D1D";
432
+ readonly borderColorHover: "#A81D1D";
433
+ readonly borderColorPress: "#A81D1D";
434
+ readonly borderColorFocus: "#A81D1D";
435
+ readonly accent: "#A81D1D";
436
+ readonly accentHover: "#8F1818";
437
+ readonly accentPress: "#751414";
438
+ readonly accentText: "#FFFFFF";
439
+ readonly focus: "#A81D1D";
440
+ readonly danger: "#A81D1D";
441
+ readonly disabled: "#D8B8B8";
442
+ readonly shadowColor: "#A81D1D";
443
+ };
444
+ readonly red_dark: {
445
+ readonly background: "#000000";
446
+ readonly backgroundHover: "#170606";
447
+ readonly backgroundPress: "#260808";
448
+ readonly backgroundFocus: "#170606";
449
+ readonly surface: "#000000";
450
+ readonly color: "#FFFFFF";
451
+ readonly colorMuted: "#F5BABA";
452
+ readonly borderColor: "#FC2B2B";
453
+ readonly borderColorHover: "#FC2B2B";
454
+ readonly borderColorPress: "#FC2B2B";
455
+ readonly borderColorFocus: "#FC2B2B";
456
+ readonly accent: "#FC2B2B";
457
+ readonly accentHover: "#FF4D4D";
458
+ readonly accentPress: "#D91F1F";
459
+ readonly accentText: "#000000";
460
+ readonly focus: "#FC2B2B";
461
+ readonly danger: "#FC2B2B";
462
+ readonly disabled: "#5E2020";
463
+ readonly shadowColor: "#FC2B2B";
464
+ };
465
+ readonly blue: {
466
+ readonly background: "#FFFFFF";
467
+ readonly backgroundHover: "#F5F5FF";
468
+ readonly backgroundPress: "#E8E8F4";
469
+ readonly backgroundFocus: "#F5F5FF";
470
+ readonly surface: "#FFFFFF";
471
+ readonly color: "#000000";
472
+ readonly colorMuted: "#34345F";
473
+ readonly borderColor: "#10106B";
474
+ readonly borderColorHover: "#10106B";
475
+ readonly borderColorPress: "#10106B";
476
+ readonly borderColorFocus: "#10106B";
477
+ readonly accent: "#10106B";
478
+ readonly accentHover: "#0D0D59";
479
+ readonly accentPress: "#090944";
480
+ readonly accentText: "#FFFFFF";
481
+ readonly focus: "#10106B";
482
+ readonly danger: "#A81D1D";
483
+ readonly disabled: "#B8B8D2";
484
+ readonly shadowColor: "#10106B";
485
+ };
486
+ readonly blue_dark: {
487
+ readonly background: "#000000";
488
+ readonly backgroundHover: "#070717";
489
+ readonly backgroundPress: "#0B0B28";
490
+ readonly backgroundFocus: "#070717";
491
+ readonly surface: "#000000";
492
+ readonly color: "#FFFFFF";
493
+ readonly colorMuted: "#C7C7FF";
494
+ readonly borderColor: "#2323F7";
495
+ readonly borderColorHover: "#2323F7";
496
+ readonly borderColorPress: "#2323F7";
497
+ readonly borderColorFocus: "#2323F7";
498
+ readonly accent: "#2323F7";
499
+ readonly accentHover: "#4141FF";
500
+ readonly accentPress: "#1B1BC9";
501
+ readonly accentText: "#FFFFFF";
502
+ readonly focus: "#2323F7";
503
+ readonly danger: "#FC2B2B";
504
+ readonly disabled: "#20205E";
505
+ readonly shadowColor: "#2323F7";
506
+ };
507
+ readonly light: {
508
+ readonly background: "#FFFFFF";
509
+ readonly backgroundHover: "#FFF7F7";
510
+ readonly backgroundPress: "#FBE8E8";
511
+ readonly backgroundFocus: "#FFF7F7";
512
+ readonly surface: "#FFFFFF";
513
+ readonly color: "#000000";
514
+ readonly colorMuted: "#5F3030";
515
+ readonly borderColor: "#A81D1D";
516
+ readonly borderColorHover: "#A81D1D";
517
+ readonly borderColorPress: "#A81D1D";
518
+ readonly borderColorFocus: "#A81D1D";
519
+ readonly accent: "#A81D1D";
520
+ readonly accentHover: "#8F1818";
521
+ readonly accentPress: "#751414";
522
+ readonly accentText: "#FFFFFF";
523
+ readonly focus: "#A81D1D";
524
+ readonly danger: "#A81D1D";
525
+ readonly disabled: "#D8B8B8";
526
+ readonly shadowColor: "#A81D1D";
527
+ };
528
+ readonly dark: {
529
+ readonly background: "#000000";
530
+ readonly backgroundHover: "#170606";
531
+ readonly backgroundPress: "#260808";
532
+ readonly backgroundFocus: "#170606";
533
+ readonly surface: "#000000";
534
+ readonly color: "#FFFFFF";
535
+ readonly colorMuted: "#F5BABA";
536
+ readonly borderColor: "#FC2B2B";
537
+ readonly borderColorHover: "#FC2B2B";
538
+ readonly borderColorPress: "#FC2B2B";
539
+ readonly borderColorFocus: "#FC2B2B";
540
+ readonly accent: "#FC2B2B";
541
+ readonly accentHover: "#FF4D4D";
542
+ readonly accentPress: "#D91F1F";
543
+ readonly accentText: "#000000";
544
+ readonly focus: "#FC2B2B";
545
+ readonly danger: "#FC2B2B";
546
+ readonly disabled: "#5E2020";
547
+ readonly shadowColor: "#FC2B2B";
548
+ };
549
+ }, {
550
+ readonly p: "padding";
551
+ readonly px: "paddingHorizontal";
552
+ readonly py: "paddingVertical";
553
+ readonly m: "margin";
554
+ readonly mt: "marginTop";
555
+ readonly mb: "marginBottom";
556
+ readonly bg: "backgroundColor";
557
+ }, {
558
+ sm: {
559
+ maxWidth: number;
560
+ };
561
+ md: {
562
+ maxWidth: number;
563
+ };
564
+ lg: {
565
+ maxWidth: number;
566
+ };
567
+ reduceMotion: {
568
+ prefersReducedMotion: string;
569
+ };
570
+ }, {}, {
571
+ body: {
572
+ family: string;
573
+ size: {
574
+ 1: number;
575
+ 2: number;
576
+ 3: number;
577
+ 4: number;
578
+ 5: number;
579
+ 6: number;
580
+ 7: number;
581
+ 8: number;
582
+ sm: number;
583
+ md: number;
584
+ lg: number;
585
+ true: number;
586
+ };
587
+ lineHeight: {
588
+ 1: number;
589
+ 2: number;
590
+ 3: number;
591
+ 4: number;
592
+ 5: number;
593
+ 6: number;
594
+ 7: number;
595
+ 8: number;
596
+ sm: number;
597
+ md: number;
598
+ lg: number;
599
+ true: number;
600
+ };
601
+ weight: {
602
+ 4: string;
603
+ 5: string;
604
+ 6: string;
605
+ 7: string;
606
+ true: string;
607
+ };
608
+ letterSpacing: {
609
+ 4: number;
610
+ 6: number;
611
+ 7: number;
612
+ true: number;
613
+ };
614
+ };
615
+ heading: {
616
+ family: string;
617
+ size: {
618
+ 1: number;
619
+ 2: number;
620
+ 3: number;
621
+ 4: number;
622
+ 5: number;
623
+ 6: number;
624
+ 7: number;
625
+ 8: number;
626
+ sm: number;
627
+ md: number;
628
+ lg: number;
629
+ true: number;
630
+ };
631
+ lineHeight: {
632
+ 1: number;
633
+ 2: number;
634
+ 3: number;
635
+ 4: number;
636
+ 5: number;
637
+ 6: number;
638
+ 7: number;
639
+ 8: number;
640
+ sm: number;
641
+ md: number;
642
+ lg: number;
643
+ true: number;
644
+ };
645
+ weight: {
646
+ 4: string;
647
+ 5: string;
648
+ 6: string;
649
+ 7: string;
650
+ true: string;
651
+ };
652
+ letterSpacing: {
653
+ 4: number;
654
+ 6: number;
655
+ 7: number;
656
+ true: number;
657
+ };
658
+ };
659
+ }, {
660
+ defaultFont: string;
661
+ }, "default">;
662
+ type GsConfig = typeof config;
663
+ type GsThemeName = keyof typeof themes;
664
+ declare module 'tamagui' {
665
+ interface TamaguiCustomConfig extends GsConfig {
666
+ }
667
+ }
668
+
669
+ export { type GsConfig, type GsThemeName, config, config as default, themes, tokens };
package/dist/config.js ADDED
@@ -0,0 +1,13 @@
1
+ import {
2
+ config,
3
+ config_default,
4
+ themes,
5
+ tokens
6
+ } from "./chunk-IEFTEUQ7.js";
7
+ export {
8
+ config,
9
+ config_default as default,
10
+ themes,
11
+ tokens
12
+ };
13
+ //# sourceMappingURL=config.js.map
package/dist/config.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
package/dist/index.d.ts ADDED
@@ -0,0 +1,169 @@
1
+ import { GsThemeName } from './config.js';
2
+ export { GsConfig, config, themes, tokens } from './config.js';
3
+ import * as react from 'react';
4
+ import { ReactNode, ComponentProps } from 'react';
5
+ import * as tamagui from 'tamagui';
6
+ import { Theme as Theme$1 } from 'tamagui';
7
+ import * as react_native from 'react-native';
8
+ import * as _tamagui_web from '@tamagui/web';
9
+ import * as _tamagui_core from '@tamagui/core';
10
+
11
+ interface GsProviderProps {
12
+ children: ReactNode;
13
+ defaultTheme?: GsThemeName;
14
+ }
15
+ declare function GsProvider({ children, defaultTheme }: GsProviderProps): react.JSX.Element;
16
+ interface ThemeProps extends Omit<ComponentProps<typeof Theme$1>, 'name'> {
17
+ name: GsThemeName;
18
+ }
19
+ declare function Theme({ name, children, ...props }: ThemeProps): react.JSX.Element;
20
+
21
+ declare const StyledButton: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, tamagui.StackNonStyleProps & tamagui.TextContextStyles & {
22
+ textProps?: Partial<tamagui.SizableTextProps>;
23
+ noTextWrap?: boolean;
24
+ } & {
25
+ icon?: react.JSX.Element | react.FunctionComponent<{
26
+ color?: any;
27
+ size?: any;
28
+ }> | null;
29
+ iconAfter?: react.JSX.Element | react.FunctionComponent<{
30
+ color?: any;
31
+ size?: any;
32
+ }> | null;
33
+ scaleIcon?: number;
34
+ iconSize?: tamagui.SizeTokens;
35
+ type?: "submit" | "reset" | "button";
36
+ form?: string;
37
+ formAction?: string;
38
+ formEncType?: string;
39
+ formMethod?: string;
40
+ formNoValidate?: boolean;
41
+ formTarget?: string;
42
+ name?: string;
43
+ value?: string | readonly string[] | number;
44
+ }, _tamagui_web.StackStyleBase, {
45
+ size?: number | "sm" | "md" | "lg" | tamagui.SizeTokens | undefined;
46
+ disabled?: boolean | undefined;
47
+ unstyled?: boolean | undefined;
48
+ elevation?: number | tamagui.SizeTokens | undefined;
49
+ variant?: "outlined" | undefined;
50
+ circular?: boolean | undefined;
51
+ chromeless?: boolean | "all" | undefined;
52
+ intent?: "danger" | "primary" | "secondary" | "ghost" | undefined;
53
+ }, _tamagui_web.StaticConfigPublic>;
54
+ interface ButtonProps extends ComponentProps<typeof StyledButton> {
55
+ loading?: boolean;
56
+ loadingLabel?: string;
57
+ children?: ReactNode;
58
+ }
59
+ declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<react_native.View | (HTMLElement & _tamagui_web.TamaguiElementMethods)>>;
60
+
61
+ declare const StyledInput: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps & Omit<react.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "className" | "style" | "fontWeight" | "fontSize" | "fontFamily" | "fontStyle" | "letterSpacing" | "textAlign" | "textTransform" | "autoCapitalize" | "autoCorrect" | "spellCheck"> & {
62
+ color?: "unset" | react_native.OpaqueColorValue | tamagui.GetThemeValueForKey<"color"> | undefined;
63
+ fontFamily?: "unset" | tamagui.GetThemeValueForKey<"fontFamily"> | undefined;
64
+ fontSize?: "unset" | tamagui.GetThemeValueForKey<"fontSize"> | undefined;
65
+ fontStyle?: "unset" | "normal" | "italic" | undefined;
66
+ fontWeight?: "unset" | tamagui.GetThemeValueForKey<"fontWeight"> | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
67
+ letterSpacing?: "unset" | tamagui.GetThemeValueForKey<"letterSpacing"> | undefined;
68
+ textAlign?: "auto" | "unset" | "left" | "right" | "center" | "justify" | undefined;
69
+ textTransform?: "unset" | "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
70
+ } & Omit<tamagui.InputNativeProps, "autoCapitalize" | "autoCorrect" | "spellCheck"> & {
71
+ autoCorrect?: boolean | "on" | "off";
72
+ autoCapitalize?: "none" | "sentences" | "words" | "characters" | "off" | "on";
73
+ spellCheck?: boolean;
74
+ rows?: number;
75
+ placeholderTextColor?: tamagui.ColorTokens;
76
+ selectionColor?: tamagui.ColorTokens;
77
+ onChangeText?: (text: string) => void;
78
+ onSubmitEditing?: (e: {
79
+ nativeEvent: {
80
+ text: string;
81
+ };
82
+ }) => void;
83
+ selection?: {
84
+ start: number;
85
+ end?: number;
86
+ };
87
+ onSelectionChange?: (e: {
88
+ nativeEvent: {
89
+ selection: {
90
+ start: number;
91
+ end: number;
92
+ };
93
+ };
94
+ }) => void;
95
+ textContentType?: tamagui.InputTextContentType;
96
+ }, _tamagui_web.StackStyleBase & _tamagui_web.TextStylePropsBase & {
97
+ readonly placeholderTextColor?: tamagui.ColorTokens | undefined;
98
+ readonly selectionColor?: tamagui.ColorTokens | undefined;
99
+ readonly cursorColor?: tamagui.ColorTokens | undefined;
100
+ readonly selectionHandleColor?: tamagui.ColorTokens | undefined;
101
+ readonly underlineColorAndroid?: tamagui.ColorTokens | undefined;
102
+ }, {
103
+ size?: tamagui.SizeTokens | undefined;
104
+ disabled?: boolean | undefined;
105
+ unstyled?: boolean | undefined;
106
+ invalid?: boolean | undefined;
107
+ }, {
108
+ readonly isInput: true;
109
+ readonly accept: {
110
+ readonly placeholderTextColor: "color";
111
+ readonly selectionColor: "color";
112
+ readonly cursorColor: "color";
113
+ readonly selectionHandleColor: "color";
114
+ readonly underlineColorAndroid: "color";
115
+ };
116
+ readonly validStyles: {
117
+ [key: string]: boolean;
118
+ } | undefined;
119
+ } & _tamagui_web.StaticConfigPublic>;
120
+ interface InputProps extends ComponentProps<typeof StyledInput> {
121
+ }
122
+ declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<react_native.View | (HTMLElement & _tamagui_web.TamaguiElementMethods)>>;
123
+ interface FieldProps extends InputProps {
124
+ id: string;
125
+ label: string;
126
+ helperText?: ReactNode;
127
+ errorText?: ReactNode;
128
+ }
129
+ declare const Field: react.ForwardRefExoticComponent<Omit<FieldProps, "ref"> & react.RefAttributes<react_native.View | (HTMLElement & _tamagui_web.TamaguiElementMethods)>>;
130
+
131
+ declare const Text: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiTextElement, _tamagui_core.RNTamaguiTextNonStyleProps, _tamagui_web.TextStylePropsBase, {
132
+ unstyled?: boolean | undefined;
133
+ variant?: "body" | "caption" | "label" | "title" | "display" | undefined;
134
+ tone?: "accent" | "danger" | "default" | "muted" | undefined;
135
+ }, _tamagui_web.StaticConfigPublic>;
136
+
137
+ declare const icons: {
138
+ readonly arrowRight: readonly [{
139
+ readonly d: "M5 12h14M13 6l6 6-6 6";
140
+ readonly fill: "none";
141
+ readonly stroke: "currentColor";
142
+ readonly strokeWidth: 2;
143
+ }];
144
+ readonly check: readonly [{
145
+ readonly d: "m5 12 4 4L19 6";
146
+ readonly fill: "none";
147
+ readonly stroke: "currentColor";
148
+ readonly strokeWidth: 2;
149
+ }];
150
+ readonly heart: readonly [{
151
+ readonly d: "M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8l1.1 1.1L12 21l7.7-7.5 1.1-1.1a5.5 5.5 0 0 0 0-7.8Z";
152
+ readonly fill: "none";
153
+ readonly stroke: "currentColor";
154
+ readonly strokeWidth: 2;
155
+ }];
156
+ };
157
+ type IconName = keyof typeof icons;
158
+
159
+ interface IconPath {
160
+ d: string;
161
+ fill?: string;
162
+ stroke?: string;
163
+ strokeWidth?: number;
164
+ fillRule?: 'evenodd' | 'nonzero';
165
+ clipRule?: 'evenodd' | 'nonzero';
166
+ }
167
+ declare function normalizeIconPaths(paths: readonly IconPath[], color: string): IconPath[];
168
+
169
+ export { Button, type ButtonProps, Field, type FieldProps, GsProvider, type GsProviderProps, GsThemeName, type IconName, type IconPath, Input, type InputProps, Text, Theme, type ThemeProps, icons, normalizeIconPaths };
package/dist/index.js ADDED
@@ -0,0 +1,142 @@
1
+ import {
2
+ config,
3
+ themes,
4
+ tokens
5
+ } from "./chunk-IEFTEUQ7.js";
6
+
7
+ // src/theme.tsx
8
+ import { TamaguiProvider, Theme as TamaguiTheme } from "tamagui";
9
+ import { jsx } from "react/jsx-runtime";
10
+ function GsProvider({ children, defaultTheme = "red" }) {
11
+ return /* @__PURE__ */ jsx(TamaguiProvider, { config, defaultTheme, children });
12
+ }
13
+ function Theme({ name, children, ...props }) {
14
+ return /* @__PURE__ */ jsx(TamaguiTheme, { name, ...props, children });
15
+ }
16
+
17
+ // src/button.tsx
18
+ import { forwardRef } from "react";
19
+ import { Button as TamaguiButton, Spinner, styled } from "tamagui";
20
+ import { jsx as jsx2 } from "react/jsx-runtime";
21
+ var StyledButton = styled(TamaguiButton, {
22
+ name: "GsButton",
23
+ unstyled: true,
24
+ justifyContent: "center",
25
+ alignItems: "center",
26
+ flexWrap: "nowrap",
27
+ flexDirection: "row",
28
+ borderWidth: 1,
29
+ borderColor: "$accent",
30
+ backgroundColor: "$accent",
31
+ color: "$accentText",
32
+ fontWeight: "600",
33
+ cursor: "pointer",
34
+ focusStyle: { outlineColor: "$focus", outlineWidth: 3, outlineStyle: "solid" },
35
+ hoverStyle: { backgroundColor: "$accentHover", borderColor: "$accentHover" },
36
+ pressStyle: { backgroundColor: "$accentPress", borderColor: "$accentPress", scale: 0.98 },
37
+ disabledStyle: { opacity: 0.5, cursor: "not-allowed" },
38
+ variants: {
39
+ intent: {
40
+ primary: {},
41
+ secondary: { backgroundColor: "$surface", color: "$color", borderColor: "$borderColor", hoverStyle: { borderColor: "$borderColorHover", backgroundColor: "$backgroundHover" } },
42
+ ghost: { backgroundColor: "transparent", color: "$accent", borderColor: "transparent", hoverStyle: { backgroundColor: "transparent", borderColor: "transparent" }, pressStyle: { backgroundColor: "transparent", borderColor: "transparent", opacity: 0.7 }, focusStyle: { outlineColor: "transparent" } },
43
+ danger: { backgroundColor: "$danger", borderColor: "$danger", color: "$accentText" }
44
+ },
45
+ size: {
46
+ sm: { height: 32, px: "$3", borderRadius: "$2", fontSize: "$2" },
47
+ md: { height: 40, px: "$4", borderRadius: "$3", fontSize: "$3" },
48
+ lg: { height: 48, px: "$5", borderRadius: "$4", fontSize: "$4" }
49
+ }
50
+ },
51
+ defaultVariants: { intent: "primary", size: "md" }
52
+ });
53
+ var Button = forwardRef(
54
+ ({ loading = false, loadingLabel = "", disabled, children, icon, borderColor, ...props }, ref) => {
55
+ const iconProps = loading ? { icon: /* @__PURE__ */ jsx2(Spinner, { size: "small", color: "currentColor" }) } : icon === void 0 ? {} : { icon };
56
+ return /* @__PURE__ */ jsx2(StyledButton, { gap: "$2", ref, disabled: disabled || loading, "aria-busy": loading, borderColor: borderColor ?? "$accent", ...iconProps, ...props, children: loading ? loadingLabel : children });
57
+ }
58
+ );
59
+ Button.displayName = "Button";
60
+
61
+ // src/input.tsx
62
+ import { forwardRef as forwardRef2 } from "react";
63
+ import { Input as TamaguiInput, Label, styled as styled3, YStack } from "tamagui";
64
+
65
+ // src/text.tsx
66
+ import { styled as styled2, Text as TamaguiText } from "tamagui";
67
+ var Text = styled2(TamaguiText, {
68
+ name: "GsText",
69
+ color: "$color",
70
+ fontFamily: "$body",
71
+ variants: {
72
+ tone: { default: {}, muted: { color: "$colorMuted" }, accent: { color: "$accent" }, danger: { color: "$danger" } },
73
+ variant: {
74
+ caption: { fontSize: "$1", lineHeight: "$1" },
75
+ body: { fontSize: "$3", lineHeight: "$3" },
76
+ label: { fontSize: "$2", lineHeight: "$2", fontWeight: "600" },
77
+ title: { fontSize: "$6", lineHeight: "$6", fontWeight: "700", letterSpacing: -0.2 },
78
+ display: { fontSize: "$8", lineHeight: "$8", fontWeight: "700", letterSpacing: -0.8 }
79
+ }
80
+ },
81
+ defaultVariants: { tone: "default", variant: "body" }
82
+ });
83
+
84
+ // src/input.tsx
85
+ import { jsx as jsx3, jsxs } from "react/jsx-runtime";
86
+ var StyledInput = styled3(TamaguiInput, {
87
+ name: "GsInput",
88
+ height: 44,
89
+ borderWidth: 1,
90
+ borderColor: "$accent",
91
+ borderRadius: "$3",
92
+ backgroundColor: "$background",
93
+ color: "$color",
94
+ px: "$3",
95
+ placeholderTextColor: "$colorMuted",
96
+ focusStyle: { borderColor: "$borderColorFocus", outlineColor: "$focus", outlineWidth: 2, outlineStyle: "solid" },
97
+ disabledStyle: { opacity: 0.55, backgroundColor: "$surface" },
98
+ variants: { invalid: { true: { borderColor: "$danger" } } }
99
+ });
100
+ var Input = forwardRef2(({ borderColor, ...props }, ref) => /* @__PURE__ */ jsx3(StyledInput, { ref, borderColor: borderColor ?? "$accent", ...props }));
101
+ Input.displayName = "Input";
102
+ var Field = forwardRef2(
103
+ ({ id, label, helperText, errorText, borderColor, ...props }, ref) => {
104
+ const messageId = `${id}-message`;
105
+ return /* @__PURE__ */ jsxs(YStack, { gap: "$2", children: [
106
+ /* @__PURE__ */ jsx3(Label, { htmlFor: id, children: /* @__PURE__ */ jsx3(Text, { variant: "label", children: label }) }),
107
+ /* @__PURE__ */ jsx3(StyledInput, { ref, id, borderColor: borderColor ?? (errorText ? "$danger" : "$accent"), invalid: Boolean(errorText), "aria-invalid": Boolean(errorText), "aria-describedby": helperText || errorText ? messageId : void 0, ...props }),
108
+ (errorText || helperText) && /* @__PURE__ */ jsx3(Text, { id: messageId, variant: "caption", tone: errorText ? "danger" : "muted", children: errorText || helperText })
109
+ ] });
110
+ }
111
+ );
112
+ Field.displayName = "Field";
113
+
114
+ // src/icon-data.ts
115
+ var icons = {
116
+ arrowRight: [{ d: "M5 12h14M13 6l6 6-6 6", fill: "none", stroke: "currentColor", strokeWidth: 2 }],
117
+ check: [{ d: "m5 12 4 4L19 6", fill: "none", stroke: "currentColor", strokeWidth: 2 }],
118
+ heart: [{ d: "M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8l1.1 1.1L12 21l7.7-7.5 1.1-1.1a5.5 5.5 0 0 0 0-7.8Z", fill: "none", stroke: "currentColor", strokeWidth: 2 }]
119
+ };
120
+
121
+ // src/icon-utils.ts
122
+ function normalizeIconPaths(paths, color) {
123
+ return paths.map((path) => {
124
+ const normalized = { ...path, fill: path.fill ?? (path.stroke ? "none" : color) };
125
+ if (path.stroke !== void 0) normalized.stroke = path.stroke === "currentColor" ? color : path.stroke;
126
+ return normalized;
127
+ });
128
+ }
129
+ export {
130
+ Button,
131
+ Field,
132
+ GsProvider,
133
+ Input,
134
+ Text,
135
+ Theme,
136
+ config,
137
+ icons,
138
+ normalizeIconPaths,
139
+ themes,
140
+ tokens
141
+ };
142
+ //# sourceMappingURL=index.js.map
package/dist/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/theme.tsx","../src/button.tsx","../src/input.tsx","../src/text.tsx","../src/icon-data.ts","../src/icon-utils.ts"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react'\nimport { TamaguiProvider, Theme as TamaguiTheme } from 'tamagui'\nimport { config, type GsThemeName } from './config'\n\nexport interface GsProviderProps {\n children: ReactNode\n defaultTheme?: GsThemeName\n}\n\nexport function GsProvider({ children, defaultTheme = 'red' }: GsProviderProps) {\n return <TamaguiProvider config={config} defaultTheme={defaultTheme}>{children}</TamaguiProvider>\n}\n\nexport interface ThemeProps extends Omit<ComponentProps<typeof TamaguiTheme>, 'name'> {\n name: GsThemeName\n}\n\nexport function Theme({ name, children, ...props }: ThemeProps) {\n return <TamaguiTheme name={name} {...props}>{children}</TamaguiTheme>\n}\n","import { forwardRef, type ComponentProps, type ReactNode } from 'react'\nimport { Button as TamaguiButton, Spinner, styled } from 'tamagui'\n\nconst StyledButton = styled(TamaguiButton, {\n name: 'GsButton',\n unstyled: true,\n justifyContent: 'center',\n alignItems: 'center',\n flexWrap: 'nowrap',\n flexDirection: 'row',\n borderWidth: 1,\n borderColor: '$accent',\n backgroundColor: '$accent',\n color: '$accentText',\n fontWeight: '600',\n cursor: 'pointer',\n focusStyle: { outlineColor: '$focus', outlineWidth: 3, outlineStyle: 'solid' },\n hoverStyle: { backgroundColor: '$accentHover', borderColor: '$accentHover' },\n pressStyle: { backgroundColor: '$accentPress', borderColor: '$accentPress', scale: 0.98 },\n disabledStyle: { opacity: 0.5, cursor: 'not-allowed' },\n variants: {\n intent: {\n primary: {},\n secondary: { backgroundColor: '$surface', color: '$color', borderColor: '$borderColor', hoverStyle: { borderColor: '$borderColorHover', backgroundColor: '$backgroundHover' } },\n ghost: { backgroundColor: 'transparent', color: '$accent', borderColor: 'transparent', hoverStyle: { backgroundColor: 'transparent', borderColor: 'transparent' }, pressStyle: { backgroundColor: 'transparent', borderColor: 'transparent', opacity: 0.7 }, focusStyle: { outlineColor: 'transparent' } },\n danger: { backgroundColor: '$danger', borderColor: '$danger', color: '$accentText' },\n },\n size: {\n sm: { height: 32, px: '$3', borderRadius: '$2', fontSize: '$2' },\n md: { height: 40, px: '$4', borderRadius: '$3', fontSize: '$3' },\n lg: { height: 48, px: '$5', borderRadius: '$4', fontSize: '$4' },\n },\n } as const,\n defaultVariants: { intent: 'primary', size: 'md' },\n})\n\nexport interface ButtonProps extends ComponentProps<typeof StyledButton> {\n loading?: boolean\n loadingLabel?: string\n children?: ReactNode\n}\n\nexport const Button = forwardRef<React.ComponentRef<typeof StyledButton>, ButtonProps>(\n ({ loading = false, loadingLabel = '', disabled, children, icon, borderColor, ...props }, ref) => {\n const iconProps = loading\n ? { icon: <Spinner size=\"small\" color=\"currentColor\" /> }\n : icon === undefined ? {} : { icon }\n\n return (\n <StyledButton gap=\"$2\" ref={ref} disabled={disabled || loading} aria-busy={loading} borderColor={borderColor ?? '$accent'} {...iconProps} {...props}>\n {loading ? loadingLabel : children}\n </StyledButton>\n )\n },\n)\nButton.displayName = 'Button'\n","import { forwardRef, type ComponentProps, type ReactNode } from 'react'\nimport { Input as TamaguiInput, Label, styled, YStack } from 'tamagui'\nimport { Text } from './text'\n\nconst StyledInput = styled(TamaguiInput, {\n name: 'GsInput', height: 44, borderWidth: 1, borderColor: '$accent', borderRadius: '$3',\n backgroundColor: '$background', color: '$color', px: '$3',\n placeholderTextColor: '$colorMuted',\n focusStyle: { borderColor: '$borderColorFocus', outlineColor: '$focus', outlineWidth: 2, outlineStyle: 'solid' },\n disabledStyle: { opacity: 0.55, backgroundColor: '$surface' },\n variants: { invalid: { true: { borderColor: '$danger' } } } as const,\n})\n\nexport interface InputProps extends ComponentProps<typeof StyledInput> {}\n\nexport const Input = forwardRef<React.ComponentRef<typeof StyledInput>, InputProps>(({ borderColor, ...props }, ref) => (\n <StyledInput ref={ref} borderColor={borderColor ?? '$accent'} {...props} />\n))\nInput.displayName = 'Input'\n\nexport interface FieldProps extends InputProps {\n id: string\n label: string\n helperText?: ReactNode\n errorText?: ReactNode\n}\n\nexport const Field = forwardRef<React.ComponentRef<typeof StyledInput>, FieldProps>(\n ({ id, label, helperText, errorText, borderColor, ...props }, ref) => {\n const messageId = `${id}-message`\n return (\n <YStack gap=\"$2\">\n <Label htmlFor={id}><Text variant=\"label\">{label}</Text></Label>\n <StyledInput ref={ref} id={id} borderColor={borderColor ?? (errorText ? '$danger' : '$accent')} invalid={Boolean(errorText)} aria-invalid={Boolean(errorText)} aria-describedby={helperText || errorText ? messageId : undefined} {...props} />\n {(errorText || helperText) && <Text id={messageId} variant=\"caption\" tone={errorText ? 'danger' : 'muted'}>{errorText || helperText}</Text>}\n </YStack>\n )\n },\n)\nField.displayName = 'Field'\n","import { styled, Text as TamaguiText } from 'tamagui'\n\nexport const Text = styled(TamaguiText, {\n name: 'GsText',\n color: '$color',\n fontFamily: '$body',\n variants: {\n tone: { default: {}, muted: { color: '$colorMuted' }, accent: { color: '$accent' }, danger: { color: '$danger' } },\n variant: {\n caption: { fontSize: '$1', lineHeight: '$1' },\n body: { fontSize: '$3', lineHeight: '$3' },\n label: { fontSize: '$2', lineHeight: '$2', fontWeight: '600' },\n title: { fontSize: '$6', lineHeight: '$6', fontWeight: '700', letterSpacing: -0.2 },\n display: { fontSize: '$8', lineHeight: '$8', fontWeight: '700', letterSpacing: -0.8 },\n },\n } as const,\n defaultVariants: { tone: 'default', variant: 'body' },\n})\n","import type { IconPath } from './icon-utils'\n\nexport const icons = {\n arrowRight: [{ d: 'M5 12h14M13 6l6 6-6 6', fill: 'none', stroke: 'currentColor', strokeWidth: 2 }],\n check: [{ d: 'm5 12 4 4L19 6', fill: 'none', stroke: 'currentColor', strokeWidth: 2 }],\n heart: [{ d: 'M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8l1.1 1.1L12 21l7.7-7.5 1.1-1.1a5.5 5.5 0 0 0 0-7.8Z', fill: 'none', stroke: 'currentColor', strokeWidth: 2 }],\n} as const satisfies Record<string, readonly IconPath[]>\n\nexport type IconName = keyof typeof icons\n","export interface IconPath {\n d: string\n fill?: string\n stroke?: string\n strokeWidth?: number\n fillRule?: 'evenodd' | 'nonzero'\n clipRule?: 'evenodd' | 'nonzero'\n}\n\nexport function normalizeIconPaths(paths: readonly IconPath[], color: string): IconPath[] {\n return paths.map((path) => {\n const normalized: IconPath = { ...path, fill: path.fill ?? (path.stroke ? 'none' : color) }\n if (path.stroke !== undefined) normalized.stroke = path.stroke === 'currentColor' ? color : path.stroke\n return normalized\n })\n}\n"],"mappings":"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","names":["jsx","forwardRef","styled","styled","jsx","styled","forwardRef"]}
package/package.json ADDED
@@ -0,0 +1,41 @@
1
+ {
2
+ "name": "@girumtech/gs-design-system-core",
3
+ "version": "0.1.4",
4
+ "description": "Shared Tamagui configuration and components for GsDesignSystem",
5
+ "type": "module",
6
+ "sideEffects": false,
7
+ "files": [
8
+ "dist",
9
+ "README.md"
10
+ ],
11
+ "main": "./dist/index.js",
12
+ "module": "./dist/index.js",
13
+ "types": "./dist/index.d.ts",
14
+ "react-native": "./dist/index.js",
15
+ "exports": {
16
+ ".": {
17
+ "types": "./dist/index.d.ts",
18
+ "react-native": "./dist/index.js",
19
+ "import": "./dist/index.js",
20
+ "default": "./dist/index.js"
21
+ },
22
+ "./config": {
23
+ "types": "./dist/config.d.ts",
24
+ "import": "./dist/config.js",
25
+ "default": "./dist/config.js"
26
+ }
27
+ },
28
+ "scripts": {
29
+ "build": "tsup",
30
+ "typecheck": "tsc -p tsconfig.json"
31
+ },
32
+ "peerDependencies": {
33
+ "react": ">=19",
34
+ "react-native": ">=0.81",
35
+ "react-native-svg": ">=15",
36
+ "tamagui": ">=2.7.0 <3"
37
+ },
38
+ "publishConfig": {
39
+ "access": "public"
40
+ }
41
+ }