@xaui/core 0.1.5 → 0.1.6

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 (9) hide show
  1. package/dist/index.cjs +14 -0
  2. package/dist/index.d.cts +4 -1
  3. package/dist/index.d.ts +4 -1
  4. package/dist/index.js +13 -0
  5. package/dist/theme/index.cjs +43 -29
  6. package/dist/theme/index.d.cts +1 -0
  7. package/dist/theme/index.d.ts +1 -0
  8. package/dist/theme/index.js +43 -29
  9. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
20
20
  // src/index.ts
21
21
  var src_exports = {};
22
22
  __export(src_exports, {
23
+ getSafeThemeColor: () => getSafeThemeColor,
23
24
  withOpacity: () => withOpacity
24
25
  });
25
26
  module.exports = __toCommonJS(src_exports);
@@ -30,7 +31,20 @@ function withOpacity(color, opacity) {
30
31
  const alpha = Math.round(clampedOpacity * 255).toString(16).padStart(2, "0");
31
32
  return `${color}${alpha}`;
32
33
  }
34
+ var validThemeColors = [
35
+ "primary",
36
+ "secondary",
37
+ "tertiary",
38
+ "danger",
39
+ "warning",
40
+ "success",
41
+ "default"
42
+ ];
43
+ function getSafeThemeColor(themeColor) {
44
+ return validThemeColors.includes(themeColor) ? themeColor : "primary";
45
+ }
33
46
  // Annotate the CommonJS export names for ESM import in node:
34
47
  0 && (module.exports = {
48
+ getSafeThemeColor,
35
49
  withOpacity
36
50
  });
package/dist/index.d.cts CHANGED
@@ -5,5 +5,8 @@
5
5
  * @returns Color with opacity
6
6
  */
7
7
  declare function withOpacity(color: string, opacity: number): string;
8
+ declare const validThemeColors: readonly ["primary", "secondary", "tertiary", "danger", "warning", "success", "default"];
9
+ declare function getSafeThemeColor(themeColor: string): ValidThemeColor;
10
+ type ValidThemeColor = (typeof validThemeColors)[number];
8
11
 
9
- export { withOpacity };
12
+ export { getSafeThemeColor, withOpacity };
package/dist/index.d.ts CHANGED
@@ -5,5 +5,8 @@
5
5
  * @returns Color with opacity
6
6
  */
7
7
  declare function withOpacity(color: string, opacity: number): string;
8
+ declare const validThemeColors: readonly ["primary", "secondary", "tertiary", "danger", "warning", "success", "default"];
9
+ declare function getSafeThemeColor(themeColor: string): ValidThemeColor;
10
+ type ValidThemeColor = (typeof validThemeColors)[number];
8
11
 
9
- export { withOpacity };
12
+ export { getSafeThemeColor, withOpacity };
package/dist/index.js CHANGED
@@ -4,6 +4,19 @@ function withOpacity(color, opacity) {
4
4
  const alpha = Math.round(clampedOpacity * 255).toString(16).padStart(2, "0");
5
5
  return `${color}${alpha}`;
6
6
  }
7
+ var validThemeColors = [
8
+ "primary",
9
+ "secondary",
10
+ "tertiary",
11
+ "danger",
12
+ "warning",
13
+ "success",
14
+ "default"
15
+ ];
16
+ function getSafeThemeColor(themeColor) {
17
+ return validThemeColors.includes(themeColor) ? themeColor : "primary";
18
+ }
7
19
  export {
20
+ getSafeThemeColor,
8
21
  withOpacity
9
22
  };
package/dist/theme/index.cjs CHANGED
@@ -321,81 +321,95 @@ var colors = {
321
321
  // src/theme/theme-colors.ts
322
322
  var themeColors = {
323
323
  primary: {
324
- main: colors.blue[600],
324
+ main: colors.purple[800],
325
+ accent: colors.purple[950],
325
326
  foreground: colors.white,
326
- background: colors.blue[100]
327
+ background: colors.purple[200]
327
328
  },
328
329
  secondary: {
329
- main: colors.purple[600],
330
+ main: colors.zinc[500],
331
+ accent: colors.neutral[800],
330
332
  foreground: colors.white,
331
- background: colors.purple[100]
333
+ background: colors.purple[200]
332
334
  },
333
335
  tertiary: {
334
- main: colors.orange[600],
336
+ main: colors.stone[500],
337
+ accent: colors.orange[950],
335
338
  foreground: colors.white,
336
- background: colors.orange[100]
339
+ background: colors.red[100]
337
340
  },
338
341
  danger: {
339
- main: colors.red[600],
342
+ main: colors.red[700],
343
+ accent: colors.red[950],
340
344
  foreground: colors.white,
341
- background: colors.red[100]
345
+ background: colors.rose[200]
342
346
  },
343
347
  warning: {
344
348
  main: colors.amber[600],
349
+ accent: colors.amber[900],
345
350
  foreground: colors.gray[900],
346
351
  background: colors.amber[100]
347
352
  },
348
353
  success: {
349
354
  main: colors.green[600],
355
+ accent: colors.green[900],
350
356
  foreground: colors.white,
351
357
  background: colors.green[100]
352
358
  },
353
359
  default: {
354
- main: colors.gray[500],
355
- foreground: colors.white,
356
- background: colors.gray[100]
360
+ main: colors.white,
361
+ accent: colors.zinc[700],
362
+ foreground: colors.zinc[900],
363
+ background: colors.zinc[200]
357
364
  },
358
365
  background: colors.white,
359
- foreground: colors.gray[900]
366
+ foreground: colors.zinc[900]
360
367
  };
361
368
  var darkThemeColors = {
362
369
  primary: {
363
- main: colors.blue[400],
364
- foreground: colors.gray[50],
365
- background: colors.blue[900]
370
+ main: colors.purple[300],
371
+ accent: colors.purple[200],
372
+ foreground: colors.purple[950],
373
+ background: colors.purple[900]
366
374
  },
367
375
  secondary: {
368
- main: colors.purple[400],
369
- foreground: colors.gray[50],
370
- background: colors.purple[900]
376
+ main: colors.zinc[300],
377
+ accent: colors.purple[200],
378
+ foreground: colors.zinc[700],
379
+ background: colors.zinc[600]
371
380
  },
372
381
  tertiary: {
373
- main: colors.orange[400],
374
- foreground: colors.gray[50],
375
- background: colors.orange[900]
382
+ main: colors.red[200],
383
+ accent: colors.red[100],
384
+ foreground: colors.pink[950],
385
+ background: colors.stone[600]
376
386
  },
377
387
  danger: {
378
- main: colors.red[400],
379
- foreground: colors.gray[50],
380
- background: colors.red[900]
388
+ main: colors.red[300],
389
+ accent: colors.red[300],
390
+ foreground: colors.rose[950],
391
+ background: colors.red[800]
381
392
  },
382
393
  warning: {
383
394
  main: colors.amber[400],
395
+ accent: colors.amber[100],
384
396
  foreground: colors.gray[50],
385
397
  background: colors.amber[900]
386
398
  },
387
399
  success: {
388
400
  main: colors.green[400],
401
+ accent: colors.green[200],
389
402
  foreground: colors.gray[50],
390
403
  background: colors.green[900]
391
404
  },
392
405
  default: {
393
- main: colors.gray[400],
394
- foreground: colors.gray[50],
395
- background: colors.gray[800]
406
+ main: colors.zinc[900],
407
+ accent: colors.stone[300],
408
+ foreground: colors.stone[200],
409
+ background: colors.zinc[700]
396
410
  },
397
- background: colors.gray[950],
398
- foreground: colors.gray[50]
411
+ background: colors.zinc[900],
412
+ foreground: colors.stone[200]
399
413
  };
400
414
 
401
415
  // src/theme/theme-config.ts
package/dist/theme/index.d.cts CHANGED
@@ -1,5 +1,6 @@
1
1
  type ColorScheme = {
2
2
  main: string;
3
+ accent: string;
3
4
  foreground: string;
4
5
  background: string;
5
6
  };
package/dist/theme/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  type ColorScheme = {
2
2
  main: string;
3
+ accent: string;
3
4
  foreground: string;
4
5
  background: string;
5
6
  };
package/dist/theme/index.js CHANGED
@@ -5,81 +5,95 @@ import {
5
5
  // src/theme/theme-colors.ts
6
6
  var themeColors = {
7
7
  primary: {
8
- main: colors.blue[600],
8
+ main: colors.purple[800],
9
+ accent: colors.purple[950],
9
10
  foreground: colors.white,
10
- background: colors.blue[100]
11
+ background: colors.purple[200]
11
12
  },
12
13
  secondary: {
13
- main: colors.purple[600],
14
+ main: colors.zinc[500],
15
+ accent: colors.neutral[800],
14
16
  foreground: colors.white,
15
- background: colors.purple[100]
17
+ background: colors.purple[200]
16
18
  },
17
19
  tertiary: {
18
- main: colors.orange[600],
20
+ main: colors.stone[500],
21
+ accent: colors.orange[950],
19
22
  foreground: colors.white,
20
- background: colors.orange[100]
23
+ background: colors.red[100]
21
24
  },
22
25
  danger: {
23
- main: colors.red[600],
26
+ main: colors.red[700],
27
+ accent: colors.red[950],
24
28
  foreground: colors.white,
25
- background: colors.red[100]
29
+ background: colors.rose[200]
26
30
  },
27
31
  warning: {
28
32
  main: colors.amber[600],
33
+ accent: colors.amber[900],
29
34
  foreground: colors.gray[900],
30
35
  background: colors.amber[100]
31
36
  },
32
37
  success: {
33
38
  main: colors.green[600],
39
+ accent: colors.green[900],
34
40
  foreground: colors.white,
35
41
  background: colors.green[100]
36
42
  },
37
43
  default: {
38
- main: colors.gray[500],
39
- foreground: colors.white,
40
- background: colors.gray[100]
44
+ main: colors.white,
45
+ accent: colors.zinc[700],
46
+ foreground: colors.zinc[900],
47
+ background: colors.zinc[200]
41
48
  },
42
49
  background: colors.white,
43
- foreground: colors.gray[900]
50
+ foreground: colors.zinc[900]
44
51
  };
45
52
  var darkThemeColors = {
46
53
  primary: {
47
- main: colors.blue[400],
48
- foreground: colors.gray[50],
49
- background: colors.blue[900]
54
+ main: colors.purple[300],
55
+ accent: colors.purple[200],
56
+ foreground: colors.purple[950],
57
+ background: colors.purple[900]
50
58
  },
51
59
  secondary: {
52
- main: colors.purple[400],
53
- foreground: colors.gray[50],
54
- background: colors.purple[900]
60
+ main: colors.zinc[300],
61
+ accent: colors.purple[200],
62
+ foreground: colors.zinc[700],
63
+ background: colors.zinc[600]
55
64
  },
56
65
  tertiary: {
57
- main: colors.orange[400],
58
- foreground: colors.gray[50],
59
- background: colors.orange[900]
66
+ main: colors.red[200],
67
+ accent: colors.red[100],
68
+ foreground: colors.pink[950],
69
+ background: colors.stone[600]
60
70
  },
61
71
  danger: {
62
- main: colors.red[400],
63
- foreground: colors.gray[50],
64
- background: colors.red[900]
72
+ main: colors.red[300],
73
+ accent: colors.red[300],
74
+ foreground: colors.rose[950],
75
+ background: colors.red[800]
65
76
  },
66
77
  warning: {
67
78
  main: colors.amber[400],
79
+ accent: colors.amber[100],
68
80
  foreground: colors.gray[50],
69
81
  background: colors.amber[900]
70
82
  },
71
83
  success: {
72
84
  main: colors.green[400],
85
+ accent: colors.green[200],
73
86
  foreground: colors.gray[50],
74
87
  background: colors.green[900]
75
88
  },
76
89
  default: {
77
- main: colors.gray[400],
78
- foreground: colors.gray[50],
79
- background: colors.gray[800]
90
+ main: colors.zinc[900],
91
+ accent: colors.stone[300],
92
+ foreground: colors.stone[200],
93
+ background: colors.zinc[700]
80
94
  },
81
- background: colors.gray[950],
82
- foreground: colors.gray[50]
95
+ background: colors.zinc[900],
96
+ foreground: colors.stone[200]
83
97
  };
84
98
 
85
99
  // src/theme/theme-config.ts
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaui/core",
3
- "version": "0.1.5",
3
+ "version": "0.1.6",
4
4
  "description": "A modern React Native UI library with Flutter-inspired API, smooth animations, and comprehensive design system",
5
5
  "keywords": [
6
6
  "react-native",