fluent-styles 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (133) hide show
  1. package/README.md +77 -0
  2. package/lib/commonjs/assets/img/doctor.png +0 -0
  3. package/lib/commonjs/index.js +248 -0
  4. package/lib/commonjs/index.js.map +1 -0
  5. package/lib/commonjs/package/badge/index.js +159 -0
  6. package/lib/commonjs/package/badge/index.js.map +1 -0
  7. package/lib/commonjs/package/button/index.js +96 -0
  8. package/lib/commonjs/package/button/index.js.map +1 -0
  9. package/lib/commonjs/package/card/index.js +32 -0
  10. package/lib/commonjs/package/card/index.js.map +1 -0
  11. package/lib/commonjs/package/checkBox/index.js +84 -0
  12. package/lib/commonjs/package/checkBox/index.js.map +1 -0
  13. package/lib/commonjs/package/cycle/index.js +28 -0
  14. package/lib/commonjs/package/cycle/index.js.map +1 -0
  15. package/lib/commonjs/package/dialog/index.js +192 -0
  16. package/lib/commonjs/package/dialog/index.js.map +1 -0
  17. package/lib/commonjs/package/dropdown/index.js +116 -0
  18. package/lib/commonjs/package/dropdown/index.js.map +1 -0
  19. package/lib/commonjs/package/form/index.js +184 -0
  20. package/lib/commonjs/package/form/index.js.map +1 -0
  21. package/lib/commonjs/package/header/index.js +89 -0
  22. package/lib/commonjs/package/header/index.js.map +1 -0
  23. package/lib/commonjs/package/image/index.js +123 -0
  24. package/lib/commonjs/package/image/index.js.map +1 -0
  25. package/lib/commonjs/package/radioButton/index.js +84 -0
  26. package/lib/commonjs/package/radioButton/index.js.map +1 -0
  27. package/lib/commonjs/package/safeAreaView/index.js +16 -0
  28. package/lib/commonjs/package/safeAreaView/index.js.map +1 -0
  29. package/lib/commonjs/package/scrollView/index.js +16 -0
  30. package/lib/commonjs/package/scrollView/index.js.map +1 -0
  31. package/lib/commonjs/package/separator/index.js +33 -0
  32. package/lib/commonjs/package/separator/index.js.map +1 -0
  33. package/lib/commonjs/package/spacer/index.js +18 -0
  34. package/lib/commonjs/package/spacer/index.js.map +1 -0
  35. package/lib/commonjs/package/spinner/index.js +43 -0
  36. package/lib/commonjs/package/spinner/index.js.map +1 -0
  37. package/lib/commonjs/package/stack/__test__/index.test.js +91 -0
  38. package/lib/commonjs/package/stack/__test__/index.test.js.map +1 -0
  39. package/lib/commonjs/package/stack/index.js +41 -0
  40. package/lib/commonjs/package/stack/index.js.map +1 -0
  41. package/lib/commonjs/package/styled/__test__/index.test.js +161 -0
  42. package/lib/commonjs/package/styled/__test__/index.test.js.map +1 -0
  43. package/lib/commonjs/package/styled/index.js +42 -0
  44. package/lib/commonjs/package/styled/index.js.map +1 -0
  45. package/lib/commonjs/package/switch/index.js +43 -0
  46. package/lib/commonjs/package/switch/index.js.map +1 -0
  47. package/lib/commonjs/package/text/index.js +73 -0
  48. package/lib/commonjs/package/text/index.js.map +1 -0
  49. package/lib/commonjs/package/theme.js +384 -0
  50. package/lib/commonjs/package/theme.js.map +1 -0
  51. package/lib/commonjs/package/utils/index.js +130 -0
  52. package/lib/commonjs/package/utils/index.js.map +1 -0
  53. package/lib/commonjs/styled.code-workspace +9 -0
  54. package/lib/module/assets/img/doctor.png +0 -0
  55. package/lib/module/index.js +23 -0
  56. package/lib/module/index.js.map +1 -0
  57. package/lib/module/package/badge/index.js +151 -0
  58. package/lib/module/package/badge/index.js.map +1 -0
  59. package/lib/module/package/button/index.js +89 -0
  60. package/lib/module/package/button/index.js.map +1 -0
  61. package/lib/module/package/card/index.js +25 -0
  62. package/lib/module/package/card/index.js.map +1 -0
  63. package/lib/module/package/checkBox/index.js +75 -0
  64. package/lib/module/package/checkBox/index.js.map +1 -0
  65. package/lib/module/package/cycle/index.js +21 -0
  66. package/lib/module/package/cycle/index.js.map +1 -0
  67. package/lib/module/package/dialog/index.js +182 -0
  68. package/lib/module/package/dialog/index.js.map +1 -0
  69. package/lib/module/package/dropdown/index.js +106 -0
  70. package/lib/module/package/dropdown/index.js.map +1 -0
  71. package/lib/module/package/form/index.js +176 -0
  72. package/lib/module/package/form/index.js.map +1 -0
  73. package/lib/module/package/header/index.js +83 -0
  74. package/lib/module/package/header/index.js.map +1 -0
  75. package/lib/module/package/image/index.js +115 -0
  76. package/lib/module/package/image/index.js.map +1 -0
  77. package/lib/module/package/radioButton/index.js +75 -0
  78. package/lib/module/package/radioButton/index.js.map +1 -0
  79. package/lib/module/package/safeAreaView/index.js +11 -0
  80. package/lib/module/package/safeAreaView/index.js.map +1 -0
  81. package/lib/module/package/scrollView/index.js +11 -0
  82. package/lib/module/package/scrollView/index.js.map +1 -0
  83. package/lib/module/package/separator/index.js +26 -0
  84. package/lib/module/package/separator/index.js.map +1 -0
  85. package/lib/module/package/spacer/index.js +11 -0
  86. package/lib/module/package/spacer/index.js.map +1 -0
  87. package/lib/module/package/spinner/index.js +36 -0
  88. package/lib/module/package/spinner/index.js.map +1 -0
  89. package/lib/module/package/stack/__test__/index.test.js +89 -0
  90. package/lib/module/package/stack/__test__/index.test.js.map +1 -0
  91. package/lib/module/package/stack/index.js +36 -0
  92. package/lib/module/package/stack/index.js.map +1 -0
  93. package/lib/module/package/styled/__test__/index.test.js +158 -0
  94. package/lib/module/package/styled/__test__/index.test.js.map +1 -0
  95. package/lib/module/package/styled/index.js +35 -0
  96. package/lib/module/package/styled/index.js.map +1 -0
  97. package/lib/module/package/switch/index.js +36 -0
  98. package/lib/module/package/switch/index.js.map +1 -0
  99. package/lib/module/package/text/index.js +68 -0
  100. package/lib/module/package/text/index.js.map +1 -0
  101. package/lib/module/package/theme.js +379 -0
  102. package/lib/module/package/theme.js.map +1 -0
  103. package/lib/module/package/utils/index.js +120 -0
  104. package/lib/module/package/utils/index.js.map +1 -0
  105. package/lib/module/styled.code-workspace +9 -0
  106. package/package.json +85 -0
  107. package/src/assets/img/doctor.png +0 -0
  108. package/src/index.js +23 -0
  109. package/src/package/badge/index.jsx +133 -0
  110. package/src/package/button/index.jsx +80 -0
  111. package/src/package/card/index.jsx +38 -0
  112. package/src/package/checkBox/index.jsx +80 -0
  113. package/src/package/cycle/index.jsx +23 -0
  114. package/src/package/dialog/index.jsx +214 -0
  115. package/src/package/dropdown/index.jsx +102 -0
  116. package/src/package/form/index.jsx +145 -0
  117. package/src/package/header/index.jsx +92 -0
  118. package/src/package/image/index.jsx +93 -0
  119. package/src/package/radioButton/index.jsx +81 -0
  120. package/src/package/safeAreaView/index.jsx +12 -0
  121. package/src/package/scrollView/index.jsx +12 -0
  122. package/src/package/separator/index.jsx +26 -0
  123. package/src/package/spacer/index.jsx +13 -0
  124. package/src/package/spinner/index.jsx +33 -0
  125. package/src/package/stack/__test__/index.test.js +68 -0
  126. package/src/package/stack/index.jsx +37 -0
  127. package/src/package/styled/__test__/index.test.js +132 -0
  128. package/src/package/styled/index.js +32 -0
  129. package/src/package/switch/index.jsx +33 -0
  130. package/src/package/text/index.jsx +61 -0
  131. package/src/package/theme.js +376 -0
  132. package/src/package/utils/index.js +108 -0
  133. package/src/styled.code-workspace +9 -0
@@ -0,0 +1,379 @@
1
+ /* eslint-disable prettier/prettier */
2
+
3
+ const palettes = {
4
+ white: '#FFFFFF',
5
+ black: '#000000',
6
+ lightText: '#FFFFFF',
7
+ darkText: '#000000',
8
+ transparent: 'rgba(0, 0, 0, 0)',
9
+ rose: {
10
+ 50: '#fff1f2',
11
+ 100: '#ffe4e6',
12
+ 200: '#fecdd3',
13
+ 300: '#fda4af',
14
+ 400: '#fb7185',
15
+ 500: '#f43f5e',
16
+ 600: '#e11d48',
17
+ 700: '#be123c',
18
+ 800: '#9f1239',
19
+ 900: '#881337'
20
+ },
21
+ pink: {
22
+ 50: '#fdf2f8',
23
+ 100: '#fce7f3',
24
+ 200: '#fbcfe8',
25
+ 300: '#f9a8d4',
26
+ 400: '#f472b6',
27
+ 500: '#ec4899',
28
+ 600: '#db2777',
29
+ 700: '#be185d',
30
+ 800: '#9d174d',
31
+ 900: '#831843'
32
+ },
33
+ fuchsia: {
34
+ 50: '#fdf4ff',
35
+ 100: '#fae8ff',
36
+ 200: '#f5d0fe',
37
+ 300: '#f0abfc',
38
+ 400: '#e879f9',
39
+ 500: '#d946ef',
40
+ 600: '#c026d3',
41
+ 700: '#a21caf',
42
+ 800: '#86198f',
43
+ 900: '#701a75'
44
+ },
45
+ purple: {
46
+ 50: '#faf5ff',
47
+ 100: '#f3e8ff',
48
+ 200: '#e9d5ff',
49
+ 300: '#d8b4fe',
50
+ 400: '#c084fc',
51
+ 500: '#a855f7',
52
+ 600: '#9333ea',
53
+ 700: '#7e22ce',
54
+ 800: '#6b21a8',
55
+ 900: '#581c87'
56
+ },
57
+ violet: {
58
+ 50: '#f5f3ff',
59
+ 100: '#ede9fe',
60
+ 200: '#ddd6fe',
61
+ 300: '#c4b5fd',
62
+ 400: '#a78bfa',
63
+ 500: '#8b5cf6',
64
+ 600: '#7c3aed',
65
+ 700: '#6d28d9',
66
+ 800: '#5b21b6',
67
+ 900: '#4c1d95'
68
+ },
69
+ indigo: {
70
+ 50: '#eef2ff',
71
+ 100: '#e0e7ff',
72
+ 200: '#c7d2fe',
73
+ 300: '#a5b4fc',
74
+ 400: '#818cf8',
75
+ 500: '#6366f1',
76
+ 600: '#4f46e5',
77
+ 700: '#4338ca',
78
+ 800: '#3730a3',
79
+ 900: '#312e81'
80
+ },
81
+ blue: {
82
+ 50: '#eff6ff',
83
+ 100: '#dbeafe',
84
+ 200: '#bfdbfe',
85
+ 300: '#93c5fd',
86
+ 400: '#60a5fa',
87
+ 500: '#3b82f6',
88
+ 600: '#2563eb',
89
+ 700: '#1d4ed8',
90
+ 800: '#1e40af',
91
+ 900: '#1e3a8a'
92
+ },
93
+ lightBlue: {
94
+ 50: '#f0f9ff',
95
+ 100: '#e0f2fe',
96
+ 200: '#bae6fd',
97
+ 300: '#7dd3fc',
98
+ 400: '#38bdf8',
99
+ 500: '#0ea5e9',
100
+ 600: '#0284c7',
101
+ 700: '#0369a1',
102
+ 800: '#075985',
103
+ 900: '#0c4a6e'
104
+ },
105
+ darkBlue: {
106
+ 50: '#dbf4ff',
107
+ 100: '#addbff',
108
+ 200: '#7cc2ff',
109
+ 300: '#4aa9ff',
110
+ 400: '#1a91ff',
111
+ 500: '#0077e6',
112
+ 600: '#005db4',
113
+ 700: '#004282',
114
+ 800: '#002851',
115
+ 900: '#000e21'
116
+ },
117
+ cyan: {
118
+ 50: '#ecfeff',
119
+ 100: '#cffafe',
120
+ 200: '#a5f3fc',
121
+ 300: '#67e8f9',
122
+ 400: '#22d3ee',
123
+ 500: '#06b6d4',
124
+ 600: '#0891b2',
125
+ 700: '#0e7490',
126
+ 800: '#155e75',
127
+ 900: '#164e63'
128
+ },
129
+ teal: {
130
+ 50: '#f0fdfa',
131
+ 100: '#ccfbf1',
132
+ 200: '#99f6e4',
133
+ 300: '#5eead4',
134
+ 400: '#2dd4bf',
135
+ 500: '#14b8a6',
136
+ 600: '#0d9488',
137
+ 700: '#0f766e',
138
+ 800: '#115e59',
139
+ 900: '#134e4a'
140
+ },
141
+ emerald: {
142
+ 50: '#ecfdf5',
143
+ 100: '#d1fae5',
144
+ 200: '#a7f3d0',
145
+ 300: '#6ee7b7',
146
+ 400: '#34d399',
147
+ 500: '#10b981',
148
+ 600: '#059669',
149
+ 700: '#047857',
150
+ 800: '#065f46',
151
+ 900: '#064e3b'
152
+ },
153
+ green: {
154
+ 50: '#f0fdf4',
155
+ 100: '#dcfce7',
156
+ 200: '#bbf7d0',
157
+ 300: '#86efac',
158
+ 400: '#4ade80',
159
+ 500: '#22c55e',
160
+ 600: '#16a34a',
161
+ 700: '#15803d',
162
+ 800: '#166534',
163
+ 900: '#14532d'
164
+ },
165
+ lime: {
166
+ 50: '#f7fee7',
167
+ 100: '#ecfccb',
168
+ 200: '#d9f99d',
169
+ 300: '#bef264',
170
+ 400: '#a3e635',
171
+ 500: '#84cc16',
172
+ 600: '#65a30d',
173
+ 700: '#4d7c0f',
174
+ 800: '#3f6212',
175
+ 900: '#365314'
176
+ },
177
+ yellow: {
178
+ 50: '#fefce8',
179
+ 100: '#fef9c3',
180
+ 200: '#fef08a',
181
+ 300: '#fde047',
182
+ 400: '#facc15',
183
+ 500: '#eab308',
184
+ 600: '#ca8a04',
185
+ 700: '#a16207',
186
+ 800: '#854d0e',
187
+ 900: '#713f12'
188
+ },
189
+ amber: {
190
+ 50: '#fffbeb',
191
+ 100: '#fef3c7',
192
+ 200: '#fde68a',
193
+ 300: '#fcd34d',
194
+ 400: '#fbbf24',
195
+ 500: '#f59e0b',
196
+ 600: '#d97706',
197
+ 700: '#b45309',
198
+ 800: '#92400e',
199
+ 900: '#78350f'
200
+ },
201
+ orange: {
202
+ 50: '#fff7ed',
203
+ 100: '#ffedd5',
204
+ 200: '#fed7aa',
205
+ 300: '#fdba74',
206
+ 400: '#fb923c',
207
+ 500: '#f97316',
208
+ 600: '#ea580c',
209
+ 700: '#c2410c',
210
+ 800: '#9a3412',
211
+ 900: '#7c2d12'
212
+ },
213
+ red: {
214
+ 50: '#fef2f2',
215
+ 100: '#fee2e2',
216
+ 200: '#fecaca',
217
+ 300: '#fca5a5',
218
+ 400: '#f87171',
219
+ 500: '#ef4444',
220
+ 600: '#dc2626',
221
+ 700: '#b91c1c',
222
+ 800: '#991b1b',
223
+ 900: '#7f1d1d'
224
+ },
225
+ warmGray: {
226
+ 50: '#fafaf9',
227
+ 100: '#f5f5f4',
228
+ 200: '#e7e5e4',
229
+ 300: '#d6d3d1',
230
+ 400: '#a8a29e',
231
+ 500: '#78716c',
232
+ 600: '#57534e',
233
+ 700: '#44403c',
234
+ 800: '#292524',
235
+ 900: '#1c1917'
236
+ },
237
+ trueGray: {
238
+ 50: '#fafafa',
239
+ 100: '#f5f5f5',
240
+ 200: '#e5e5e5',
241
+ 300: '#d4d4d4',
242
+ 400: '#a3a3a3',
243
+ 500: '#737373',
244
+ 600: '#525252',
245
+ 700: '#404040',
246
+ 800: '#262626',
247
+ 900: '#171717'
248
+ },
249
+ gray: {
250
+ 1: '#FFFFFF',
251
+ 50: '#fafafa',
252
+ 100: '#f4f4f5',
253
+ 200: '#e4e4e7',
254
+ 300: '#d4d4d8',
255
+ 400: '#a1a1aa',
256
+ 500: '#71717a',
257
+ 600: '#52525b',
258
+ 700: '#3f3f46',
259
+ 800: '#27272a',
260
+ 900: '#18181b'
261
+ },
262
+ coolGray: {
263
+ 50: '#f9fafb',
264
+ 100: '#f3f4f6',
265
+ 200: '#e5e7eb',
266
+ 300: '#d1d5db',
267
+ 400: '#9ca3af',
268
+ 500: '#6b7280',
269
+ 600: '#4b5563',
270
+ 700: '#374151',
271
+ 800: '#1f2937',
272
+ 900: '#111827'
273
+ },
274
+ blueGray: {
275
+ 50: '#f8fafc',
276
+ 100: '#f1f5f9',
277
+ 200: '#e2e8f0',
278
+ 300: '#cbd5e1',
279
+ 400: '#94a3b8',
280
+ 500: '#64748b',
281
+ 600: '#475569',
282
+ 700: '#334155',
283
+ 800: '#1e293b',
284
+ 900: '#0f172a'
285
+ },
286
+ dark: {
287
+ 50: '#18181b',
288
+ 100: '#27272a',
289
+ 200: '#3f3f46',
290
+ 300: '#52525b',
291
+ 400: '#71717a',
292
+ 500: '#a1a1aa',
293
+ 600: '#d4d4d8',
294
+ 700: '#e4e4e7',
295
+ 800: '#f4f4f5',
296
+ 900: '#fafafa'
297
+ }
298
+ };
299
+ const darkColors = {
300
+ button_hover: palettes.indigo[600],
301
+ button_primary: palettes.indigo[500],
302
+ cardBg: palettes.coolGray[800],
303
+ textColor: palettes.coolGray[50],
304
+ borderColor: palettes.coolGray[50],
305
+ shadowColor: palettes.coolGray[50],
306
+ hover: palettes.blue[800],
307
+ pressed: palettes.blue[900],
308
+ pressed_secondary: palettes.blue[400],
309
+ primary: palettes.blue[400]
310
+ };
311
+ const lightColors = {
312
+ primary: palettes.amber[500],
313
+ button_hover: palettes.indigo[700],
314
+ button_primary: palettes.indigo[600],
315
+ cardBg: palettes.coolGray[50],
316
+ textColor: palettes.coolGray[900],
317
+ borderColor: palettes.coolGray[900],
318
+ shadowColor: palettes.coolGray[900],
319
+ hover: palettes.blue[100],
320
+ pressed: palettes.blue[200],
321
+ pressed_secondary: palettes.blue[400]
322
+ };
323
+ const theme = {
324
+ colors: {
325
+ ...palettes,
326
+ ...lightColors
327
+ },
328
+ space: {
329
+ '0': 0,
330
+ '1': 1,
331
+ '2': 2,
332
+ '4': 4,
333
+ '8': 8,
334
+ '16': 16,
335
+ '32': 32,
336
+ '64': 64,
337
+ '128': 128
338
+ },
339
+ fontWeight: {
340
+ thin: '100',
341
+ extraLight: '200',
342
+ light: '300',
343
+ normal: '400',
344
+ medium: '500',
345
+ semiBold: '600',
346
+ bold: '700',
347
+ extraBold: '800',
348
+ black: '900'
349
+ },
350
+ fontSize: {
351
+ base: 8,
352
+ nano: 10,
353
+ micro: 12,
354
+ small: 14,
355
+ medium: 16,
356
+ normal: 18,
357
+ large: 20,
358
+ xlarge: 22,
359
+ xxlarge: 26,
360
+ xxxlarge: 30,
361
+ splash: 40
362
+ },
363
+ textAlign: {
364
+ left: {
365
+ textAlign: 'left'
366
+ },
367
+ right: {
368
+ textAlign: 'right'
369
+ },
370
+ center: {
371
+ textAlign: 'center'
372
+ },
373
+ justify: {
374
+ textAlign: 'justify'
375
+ }
376
+ }
377
+ };
378
+ export { theme, lightColors, darkColors, palettes };
379
+ //# sourceMappingURL=theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["palettes","white","black","lightText","darkText","transparent","rose","pink","fuchsia","purple","violet","indigo","blue","lightBlue","darkBlue","cyan","teal","emerald","green","lime","yellow","amber","orange","red","warmGray","trueGray","gray","coolGray","blueGray","dark","darkColors","button_hover","button_primary","cardBg","textColor","borderColor","shadowColor","hover","pressed","pressed_secondary","primary","lightColors","theme","colors","space","fontWeight","thin","extraLight","light","normal","medium","semiBold","bold","extraBold","fontSize","base","nano","micro","small","large","xlarge","xxlarge","xxxlarge","splash","textAlign","left","right","center","justify"],"sources":["theme.js"],"sourcesContent":["/* eslint-disable prettier/prettier */\r\n\r\nconst palettes = {\r\n white: '#FFFFFF',\r\n black: '#000000',\r\n lightText: '#FFFFFF',\r\n darkText: '#000000',\r\n transparent: 'rgba(0, 0, 0, 0)',\r\n rose: {\r\n 50: '#fff1f2',\r\n 100: '#ffe4e6',\r\n 200: '#fecdd3',\r\n 300: '#fda4af',\r\n 400: '#fb7185',\r\n 500: '#f43f5e',\r\n 600: '#e11d48',\r\n 700: '#be123c',\r\n 800: '#9f1239',\r\n 900: '#881337'\r\n },\r\n pink: {\r\n 50: '#fdf2f8',\r\n 100: '#fce7f3',\r\n 200: '#fbcfe8',\r\n 300: '#f9a8d4',\r\n 400: '#f472b6',\r\n 500: '#ec4899',\r\n 600: '#db2777',\r\n 700: '#be185d',\r\n 800: '#9d174d',\r\n 900: '#831843'\r\n },\r\n fuchsia: {\r\n 50: '#fdf4ff',\r\n 100: '#fae8ff',\r\n 200: '#f5d0fe',\r\n 300: '#f0abfc',\r\n 400: '#e879f9',\r\n 500: '#d946ef',\r\n 600: '#c026d3',\r\n 700: '#a21caf',\r\n 800: '#86198f',\r\n 900: '#701a75'\r\n },\r\n purple: {\r\n 50: '#faf5ff',\r\n 100: '#f3e8ff',\r\n 200: '#e9d5ff',\r\n 300: '#d8b4fe',\r\n 400: '#c084fc',\r\n 500: '#a855f7',\r\n 600: '#9333ea',\r\n 700: '#7e22ce',\r\n 800: '#6b21a8',\r\n 900: '#581c87'\r\n },\r\n violet: {\r\n 50: '#f5f3ff',\r\n 100: '#ede9fe',\r\n 200: '#ddd6fe',\r\n 300: '#c4b5fd',\r\n 400: '#a78bfa',\r\n 500: '#8b5cf6',\r\n 600: '#7c3aed',\r\n 700: '#6d28d9',\r\n 800: '#5b21b6',\r\n 900: '#4c1d95'\r\n },\r\n indigo: {\r\n 50: '#eef2ff',\r\n 100: '#e0e7ff',\r\n 200: '#c7d2fe',\r\n 300: '#a5b4fc',\r\n 400: '#818cf8',\r\n 500: '#6366f1',\r\n 600: '#4f46e5',\r\n 700: '#4338ca',\r\n 800: '#3730a3',\r\n 900: '#312e81'\r\n },\r\n blue: {\r\n 50: '#eff6ff',\r\n 100: '#dbeafe',\r\n 200: '#bfdbfe',\r\n 300: '#93c5fd',\r\n 400: '#60a5fa',\r\n 500: '#3b82f6',\r\n 600: '#2563eb',\r\n 700: '#1d4ed8',\r\n 800: '#1e40af',\r\n 900: '#1e3a8a'\r\n },\r\n lightBlue: {\r\n 50: '#f0f9ff',\r\n 100: '#e0f2fe',\r\n 200: '#bae6fd',\r\n 300: '#7dd3fc',\r\n 400: '#38bdf8',\r\n 500: '#0ea5e9',\r\n 600: '#0284c7',\r\n 700: '#0369a1',\r\n 800: '#075985',\r\n 900: '#0c4a6e'\r\n },\r\n darkBlue: {\r\n 50: '#dbf4ff',\r\n 100: '#addbff',\r\n 200: '#7cc2ff',\r\n 300: '#4aa9ff',\r\n 400: '#1a91ff',\r\n 500: '#0077e6',\r\n 600: '#005db4',\r\n 700: '#004282',\r\n 800: '#002851',\r\n 900: '#000e21'\r\n },\r\n cyan: {\r\n 50: '#ecfeff',\r\n 100: '#cffafe',\r\n 200: '#a5f3fc',\r\n 300: '#67e8f9',\r\n 400: '#22d3ee',\r\n 500: '#06b6d4',\r\n 600: '#0891b2',\r\n 700: '#0e7490',\r\n 800: '#155e75',\r\n 900: '#164e63'\r\n },\r\n teal: {\r\n 50: '#f0fdfa',\r\n 100: '#ccfbf1',\r\n 200: '#99f6e4',\r\n 300: '#5eead4',\r\n 400: '#2dd4bf',\r\n 500: '#14b8a6',\r\n 600: '#0d9488',\r\n 700: '#0f766e',\r\n 800: '#115e59',\r\n 900: '#134e4a'\r\n },\r\n emerald: {\r\n 50: '#ecfdf5',\r\n 100: '#d1fae5',\r\n 200: '#a7f3d0',\r\n 300: '#6ee7b7',\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 700: '#047857',\r\n 800: '#065f46',\r\n 900: '#064e3b'\r\n },\r\n green: {\r\n 50: '#f0fdf4',\r\n 100: '#dcfce7',\r\n 200: '#bbf7d0',\r\n 300: '#86efac',\r\n 400: '#4ade80',\r\n 500: '#22c55e',\r\n 600: '#16a34a',\r\n 700: '#15803d',\r\n 800: '#166534',\r\n 900: '#14532d'\r\n },\r\n lime: {\r\n 50: '#f7fee7',\r\n 100: '#ecfccb',\r\n 200: '#d9f99d',\r\n 300: '#bef264',\r\n 400: '#a3e635',\r\n 500: '#84cc16',\r\n 600: '#65a30d',\r\n 700: '#4d7c0f',\r\n 800: '#3f6212',\r\n 900: '#365314'\r\n },\r\n yellow: {\r\n 50: '#fefce8',\r\n 100: '#fef9c3',\r\n 200: '#fef08a',\r\n 300: '#fde047',\r\n 400: '#facc15',\r\n 500: '#eab308',\r\n 600: '#ca8a04',\r\n 700: '#a16207',\r\n 800: '#854d0e',\r\n 900: '#713f12'\r\n },\r\n amber: {\r\n 50: '#fffbeb',\r\n 100: '#fef3c7',\r\n 200: '#fde68a',\r\n 300: '#fcd34d',\r\n 400: '#fbbf24',\r\n 500: '#f59e0b',\r\n 600: '#d97706',\r\n 700: '#b45309',\r\n 800: '#92400e',\r\n 900: '#78350f'\r\n },\r\n orange: {\r\n 50: '#fff7ed',\r\n 100: '#ffedd5',\r\n 200: '#fed7aa',\r\n 300: '#fdba74',\r\n 400: '#fb923c',\r\n 500: '#f97316',\r\n 600: '#ea580c',\r\n 700: '#c2410c',\r\n 800: '#9a3412',\r\n 900: '#7c2d12'\r\n },\r\n red: {\r\n 50: '#fef2f2',\r\n 100: '#fee2e2',\r\n 200: '#fecaca',\r\n 300: '#fca5a5',\r\n 400: '#f87171',\r\n 500: '#ef4444',\r\n 600: '#dc2626',\r\n 700: '#b91c1c',\r\n 800: '#991b1b',\r\n 900: '#7f1d1d'\r\n },\r\n warmGray: {\r\n 50: '#fafaf9',\r\n 100: '#f5f5f4',\r\n 200: '#e7e5e4',\r\n 300: '#d6d3d1',\r\n 400: '#a8a29e',\r\n 500: '#78716c',\r\n 600: '#57534e',\r\n 700: '#44403c',\r\n 800: '#292524',\r\n 900: '#1c1917'\r\n },\r\n trueGray: {\r\n 50: '#fafafa',\r\n 100: '#f5f5f5',\r\n 200: '#e5e5e5',\r\n 300: '#d4d4d4',\r\n 400: '#a3a3a3',\r\n 500: '#737373',\r\n 600: '#525252',\r\n 700: '#404040',\r\n 800: '#262626',\r\n 900: '#171717'\r\n },\r\n gray: {\r\n 1: '#FFFFFF',\r\n 50: '#fafafa',\r\n 100: '#f4f4f5',\r\n 200: '#e4e4e7',\r\n 300: '#d4d4d8',\r\n 400: '#a1a1aa',\r\n 500: '#71717a',\r\n 600: '#52525b',\r\n 700: '#3f3f46',\r\n 800: '#27272a',\r\n 900: '#18181b'\r\n },\r\n coolGray: {\r\n 50: '#f9fafb',\r\n 100: '#f3f4f6',\r\n 200: '#e5e7eb',\r\n 300: '#d1d5db',\r\n 400: '#9ca3af',\r\n 500: '#6b7280',\r\n 600: '#4b5563',\r\n 700: '#374151',\r\n 800: '#1f2937',\r\n 900: '#111827'\r\n },\r\n blueGray: {\r\n 50: '#f8fafc',\r\n 100: '#f1f5f9',\r\n 200: '#e2e8f0',\r\n 300: '#cbd5e1',\r\n 400: '#94a3b8',\r\n 500: '#64748b',\r\n 600: '#475569',\r\n 700: '#334155',\r\n 800: '#1e293b',\r\n 900: '#0f172a'\r\n },\r\n dark: {\r\n 50: '#18181b',\r\n 100: '#27272a',\r\n 200: '#3f3f46',\r\n 300: '#52525b',\r\n 400: '#71717a',\r\n 500: '#a1a1aa',\r\n 600: '#d4d4d8',\r\n 700: '#e4e4e7',\r\n 800: '#f4f4f5',\r\n 900: '#fafafa'\r\n }\r\n}\r\n\r\nconst darkColors = {\r\n button_hover: palettes.indigo[600],\r\n button_primary: palettes.indigo[500],\r\n cardBg: palettes.coolGray[800],\r\n textColor: palettes.coolGray[50],\r\n borderColor: palettes.coolGray[50],\r\n shadowColor: palettes.coolGray[50],\r\n hover: palettes.blue[800],\r\n pressed: palettes.blue[900],\r\n pressed_secondary: palettes.blue[400],\r\n\r\n primary: palettes.blue[400]\r\n}\r\n\r\nconst lightColors = {\r\n primary: palettes.amber[500],\r\n\r\n button_hover: palettes.indigo[700],\r\n button_primary: palettes.indigo[600],\r\n cardBg: palettes.coolGray[50],\r\n textColor: palettes.coolGray[900],\r\n borderColor: palettes.coolGray[900],\r\n shadowColor: palettes.coolGray[900],\r\n hover: palettes.blue[100],\r\n pressed: palettes.blue[200],\r\n pressed_secondary: palettes.blue[400]\r\n}\r\n\r\nconst theme = {\r\n colors: {\r\n ...palettes,\r\n ...lightColors\r\n },\r\n space: {\r\n '0': 0,\r\n '1': 1,\r\n '2': 2,\r\n '4': 4,\r\n '8': 8,\r\n '16': 16,\r\n '32': 32,\r\n '64': 64,\r\n '128': 128\r\n },\r\n fontWeight: {\r\n thin: '100',\r\n extraLight: '200',\r\n light: '300',\r\n normal: '400',\r\n medium: '500',\r\n semiBold: '600',\r\n bold: '700',\r\n extraBold: '800',\r\n black: '900'\r\n },\r\n fontSize: {\r\n base: 8,\r\n nano: 10,\r\n micro: 12,\r\n small: 14,\r\n medium: 16,\r\n normal: 18,\r\n large: 20,\r\n xlarge: 22,\r\n xxlarge: 26,\r\n xxxlarge: 30,\r\n splash: 40\r\n },\r\n textAlign: {\r\n left: { textAlign: 'left' },\r\n right: { textAlign: 'right' },\r\n center: { textAlign: 'center' },\r\n justify: { textAlign: 'justify' }\r\n }\r\n}\r\n\r\nexport { theme, lightColors, darkColors, palettes }\r\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,120 @@
1
+ import { Platform, Dimensions } from 'react-native';
2
+ import { theme } from '../theme';
3
+ import React from 'react';
4
+ export const isValidColor = value => /^#[0-9A-F]{6}$/i.test(value) || typeof value === 'string'; // Simple hex color validation, expand as needed
5
+ export const isValidNumber = value => typeof value === 'number' && isFinite(value);
6
+ export const isValidString = value => typeof value === 'string' && value.trim().length > 0;
7
+ const shadow = {
8
+ light: Platform.select({
9
+ ios: {
10
+ shadowColor: theme.colors.gray[900],
11
+ shadowOffset: {
12
+ width: 0,
13
+ height: 1
14
+ },
15
+ shadowOpacity: 0.22,
16
+ shadowRadius: 2.22
17
+ },
18
+ android: {
19
+ elevation: 1
20
+ }
21
+ }),
22
+ lightMedium: Platform.select({
23
+ ios: {
24
+ shadowColor: theme.colors.gray[900],
25
+ shadowOffset: {
26
+ width: 0,
27
+ height: 2
28
+ },
29
+ shadowOpacity: 0.24,
30
+ shadowRadius: 2.84
31
+ },
32
+ android: {
33
+ elevation: 3
34
+ }
35
+ }),
36
+ medium: Platform.select({
37
+ ios: {
38
+ shadowColor: theme.colors.gray[900],
39
+ shadowOffset: {
40
+ width: 0,
41
+ height: 3
42
+ },
43
+ shadowOpacity: 0.29,
44
+ shadowRadius: 4.65
45
+ },
46
+ android: {
47
+ elevation: 7
48
+ }
49
+ }),
50
+ mediumDark: Platform.select({
51
+ ios: {
52
+ shadowColor: theme.colors.gray[900],
53
+ shadowOffset: {
54
+ width: 0,
55
+ height: 5
56
+ },
57
+ shadowOpacity: 0.36,
58
+ shadowRadius: 6.68
59
+ },
60
+ android: {
61
+ elevation: 10
62
+ }
63
+ }),
64
+ dark: Platform.select({
65
+ ios: {
66
+ shadowColor: theme.colors.gray[900],
67
+ shadowOffset: {
68
+ width: 0,
69
+ height: 7
70
+ },
71
+ shadowOpacity: 0.41,
72
+ shadowRadius: 9.11
73
+ },
74
+ android: {
75
+ elevation: 14
76
+ }
77
+ }),
78
+ veryDark: Platform.select({
79
+ ios: {
80
+ shadowColor: theme.colors.gray[900],
81
+ shadowOffset: {
82
+ width: 0,
83
+ height: 10
84
+ },
85
+ shadowOpacity: 0.5,
86
+ shadowRadius: 13.34
87
+ },
88
+ android: {
89
+ elevation: 20
90
+ }
91
+ })
92
+ };
93
+ class ErrorBoundary extends React.Component {
94
+ constructor(props) {
95
+ super(props);
96
+ this.state = {
97
+ hasError: false
98
+ };
99
+ }
100
+ static getDerivedStateFromError(error) {
101
+ return {
102
+ hasError: true
103
+ };
104
+ }
105
+ componentDidCatch(error, info) {
106
+ console.log(error, info.componentStack);
107
+ }
108
+ render() {
109
+ if (this.state.hasError) {
110
+ return this.props.fallback;
111
+ }
112
+ return this.props.children;
113
+ }
114
+ }
115
+ export const isIOS = Platform.OS === 'ios';
116
+ export const isAndroid = !isIOS;
117
+ export const windowWidth = Dimensions.get('window').width;
118
+ export const windowHeight = Dimensions.get('window').height;
119
+ export { shadow, ErrorBoundary };
120
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Platform","Dimensions","theme","React","isValidColor","value","test","isValidNumber","isFinite","isValidString","trim","length","shadow","light","select","ios","shadowColor","colors","gray","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","lightMedium","medium","mediumDark","dark","veryDark","ErrorBoundary","Component","constructor","props","state","hasError","getDerivedStateFromError","error","componentDidCatch","info","console","log","componentStack","render","fallback","children","isIOS","OS","isAndroid","windowWidth","get","windowHeight"],"sources":["index.js"],"sourcesContent":["import { Platform, Dimensions } from 'react-native'\r\nimport { theme } from '../theme'\r\nimport React from 'react'\r\n\r\nexport const isValidColor = value =>\r\n\t/^#[0-9A-F]{6}$/i.test(value) || typeof value === 'string' // Simple hex color validation, expand as needed\r\nexport const isValidNumber = value => typeof value === 'number' && isFinite(value)\r\nexport const isValidString = value =>\r\n\ttypeof value === 'string' && value.trim().length > 0\r\n\r\nconst shadow = {\r\n light: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 1 },\r\n shadowOpacity: 0.22,\r\n shadowRadius: 2.22\r\n },\r\n android: {\r\n elevation: 1\r\n }\r\n }),\r\n lightMedium: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 2 },\r\n shadowOpacity: 0.24,\r\n shadowRadius: 2.84\r\n },\r\n android: {\r\n elevation: 3\r\n }\r\n }),\r\n medium: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 3 },\r\n shadowOpacity: 0.29,\r\n shadowRadius: 4.65\r\n },\r\n android: {\r\n elevation: 7\r\n }\r\n }),\r\n mediumDark: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 5 },\r\n shadowOpacity: 0.36,\r\n shadowRadius: 6.68\r\n },\r\n android: {\r\n elevation: 10\r\n }\r\n }),\r\n dark: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 7 },\r\n shadowOpacity: 0.41,\r\n shadowRadius: 9.11\r\n },\r\n android: {\r\n elevation: 14\r\n }\r\n }),\r\n veryDark: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 10 },\r\n shadowOpacity: 0.5,\r\n shadowRadius: 13.34\r\n },\r\n android: {\r\n elevation: 20\r\n }\r\n })\r\n}\r\n\r\nclass ErrorBoundary extends React.Component {\r\n constructor (props) {\r\n super(props)\r\n this.state = { hasError: false }\r\n }\r\n\r\n static getDerivedStateFromError (error) {\r\n return { hasError: true }\r\n }\r\n\r\n componentDidCatch (error, info) {\r\n console.log(error, info.componentStack)\r\n }\r\n\r\n render () {\r\n if (this.state.hasError) {\r\n return this.props.fallback\r\n }\r\n\r\n return this.props.children\r\n }\r\n}\r\n\r\nexport const isIOS = Platform.OS === 'ios'\r\nexport const isAndroid = !isIOS\r\nexport const windowWidth = Dimensions.get('window').width\r\nexport const windowHeight = Dimensions.get('window').height\r\n\r\nexport { shadow, ErrorBoundary }\r\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,9 @@
1
+ {
2
+ "folders": [
3
+ {
4
+ "name": "styled",
5
+ "path": "../.."
6
+ }
7
+ ],
8
+ "settings": {}
9
+ }
package/package.json ADDED
@@ -0,0 +1,85 @@
1
+ {
2
+ "name": "fluent-styles",
3
+ "version": "1.0.0",
4
+ "description": "Develop different styled versions of UI components.",
5
+ "main": "lib/commonjs/index.js",
6
+ "module": "lib/module/index.js",
7
+ "react-native": "src/index",
8
+ "source": "src/index",
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "https://github.com/suftnetrepo/fluent-styles.git"
12
+ },
13
+ "author": "Abel Aghorighor <52415319+aaghorighor@users.noreply.github.com>",
14
+ "license": "MIT",
15
+ "keywords": [
16
+ "react-native",
17
+ "styles",
18
+ "variants",
19
+ "styling",
20
+ "ios",
21
+ "android"
22
+ ],
23
+ "bugs": {
24
+ "url": "https://github.com/suftnetrepo/fluent-styles/issues"
25
+ },
26
+ "homepage": "https://github.com/suftnetrepo/fluent-styles#readme",
27
+ "dependencies": {
28
+ "react-native-dropdown-picker": "^5.4.6",
29
+ "react-native-vector-icons": "^9.2.0"
30
+ },
31
+ "files": [
32
+ "src",
33
+ "lib",
34
+ "!expo"
35
+ ],
36
+ "scripts": {
37
+ "test": "jest",
38
+ "build": "bob build",
39
+ "prepack": "bob build",
40
+ "release": "release-it",
41
+ "lint": "eslint \"**/*.{js,ts,tsx}\""
42
+ },
43
+ "peerDependencies": {
44
+ "react": ">=16.8.0",
45
+ "react-native": ">=0.60.0"
46
+ },
47
+ "devDependencies": {
48
+ "@babel/plugin-transform-class-properties": "^7.24.7",
49
+ "@babel/plugin-transform-private-methods": "^7.24.7",
50
+ "@babel/plugin-transform-private-property-in-object": "^7.24.7",
51
+ "@babel/preset-env": "^7.24.7",
52
+ "@react-native-community/bob": "^0.17.1",
53
+ "@testing-library/jest-native": "^5.4.3",
54
+ "@testing-library/react-native": "^12.5.1",
55
+ "jest": "^29.7.0",
56
+ "metro-react-native-babel-preset": "^0.77.0",
57
+ "react-test-renderer": "^18.3.1",
58
+ "release-it": "^14.2.2"
59
+ },
60
+ "packageManager": "yarn@3.6.4",
61
+ "@react-native-community/bob": {
62
+ "source": "src",
63
+ "output": "lib",
64
+ "targets": [
65
+ "commonjs",
66
+ "module"
67
+ ]
68
+ },
69
+ "release-it": {
70
+ "git": {
71
+ "commitMessage": "chore: release ${version}",
72
+ "tagName": "v${version}"
73
+ },
74
+ "npm": {
75
+ "publish": true
76
+ },
77
+ "github": {
78
+ "release": true
79
+ }
80
+ },
81
+ "eslintIgnore": [
82
+ "node_modules/",
83
+ "lib/"
84
+ ]
85
+ }
Binary file
package/src/index.js ADDED
@@ -0,0 +1,23 @@
1
+ export * from "./package/styled";
2
+ export * from "./package/card";
3
+ export * from "./package/spacer";
4
+ export * from "./package/stack";
5
+ export * from "./package/text";
6
+ export * from "./package/button";
7
+ export * from "./package/badge";
8
+ export * from "./package/checkBox";
9
+ export * from "./package/dialog";
10
+ export * from "./package/dropdown";
11
+ export * from "./package/header";
12
+ export * from "./package/image";
13
+ export * from "./package/form";
14
+ export * from "./package/radioButton";
15
+ export * from "./package/safeAreaView";
16
+ export * from "./package/scrollView";
17
+ export * from "./package/separator";
18
+ export * from "./package/switch";
19
+ export * from "./package/spinner";
20
+ export * from "./package/cycle";
21
+ export * from "./package/theme";
22
+ export * from "./package/utils";
23
+