@praxiis/ui 0.0.1 → 0.0.3

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 (37) hide show
  1. package/dist/index.d.mts +3 -111
  2. package/dist/index.d.ts +3 -111
  3. package/dist/index.js +6 -200
  4. package/dist/index.mjs +6 -192
  5. package/package.json +11 -12
  6. package/src/README.md +688 -0
  7. package/src/components/CalendarStrip/CalendarStrip.a11y.ts +51 -0
  8. package/src/components/CalendarStrip/DayCard/DayCard.a11y.ts +52 -0
  9. package/src/components/EmptyState/EmptyState.a11y.ts +53 -0
  10. package/src/components/Header/Header.a11y.ts +82 -0
  11. package/src/components/ScheduleItem/ScheduleItem/ScheduleItem.a11y.ts +15 -0
  12. package/src/core/index.ts +1 -1
  13. package/src/core/restyle/index.ts +1 -1
  14. package/src/core/restyle/restylePresetRegistry.ts +7 -7
  15. package/src/index.tsx +2 -11
  16. package/src/primitives/actions/Button/Button.a11y.ts +38 -0
  17. package/src/primitives/actions/IconButton/IconButton.a11y.ts +55 -0
  18. package/src/primitives/content/Avatar/Avatar.a11y.ts +50 -0
  19. package/src/primitives/content/Badge/Badge.a11y.ts +83 -0
  20. package/src/primitives/content/Card/Card.a11y.ts +60 -0
  21. package/src/primitives/content/Chip/Chip.a11y.ts +101 -0
  22. package/src/primitives/content/Icon/Icon.a11y.ts +43 -0
  23. package/src/primitives/feedback/ProgressBar/ProgressBar.a11y.ts +68 -0
  24. package/src/primitives/feedback/Skeleton/Skeleton.a11y.ts +46 -0
  25. package/src/primitives/feedback/Spinner/Spinner.a11y.ts +47 -0
  26. package/src/primitives/feedback/Toast/Toast.a11y.ts +75 -0
  27. package/src/primitives/inputs/Checkbox/Checkbox.a11y.ts +47 -0
  28. package/src/primitives/inputs/RadioButton/RadioButton.a11y.ts +48 -0
  29. package/src/primitives/inputs/SegmentedControl/SegmentedControl.a11y.ts +59 -0
  30. package/src/primitives/inputs/SelectSheet/SelectSheet.a11y.ts +117 -0
  31. package/src/primitives/inputs/Switch/Switch.a11y.ts +29 -0
  32. package/src/primitives/inputs/TextInput/TextInput.a11y.ts +77 -0
  33. package/src/primitives/layout/Divider/Divider.a11y.ts +55 -0
  34. package/src/primitives/overlays/Modal/Modal.a11y.ts +64 -0
  35. package/src/providers/ThemeProvider/index.ts +0 -12
  36. package/src/providers/index.ts +0 -8
  37. package/src/providers/ThemeProvider/createTheme.ts +0 -304
package/dist/index.mjs CHANGED
@@ -2301,7 +2301,7 @@ import { useTheme } from "@shopify/restyle";
2301
2301
  var useRestyleTheme = () => useTheme();
2302
2302
 
2303
2303
  // src/core/restyle/restylePresetRegistry.ts
2304
- function buildPair(lightOverrides, darkOverrides) {
2304
+ function createThemePair(lightOverrides, darkOverrides) {
2305
2305
  return {
2306
2306
  light: buildRestyleThemeFromThemeColors(lightSemanticColors, lightOverrides),
2307
2307
  dark: buildRestyleThemeFromThemeColors(darkSemanticColors, darkOverrides)
@@ -2311,7 +2311,7 @@ var horizon = {
2311
2311
  light: restyleLightTheme,
2312
2312
  dark: restyleDarkTheme
2313
2313
  };
2314
- var sage = buildPair(
2314
+ var sage = createThemePair(
2315
2315
  {
2316
2316
  accent: {
2317
2317
  primary: "#6B8F6B",
@@ -2337,7 +2337,7 @@ var sage = buildPair(
2337
2337
  border: { focus: "#8FAF8F" }
2338
2338
  }
2339
2339
  );
2340
- var sunset = buildPair(
2340
+ var sunset = createThemePair(
2341
2341
  {
2342
2342
  accent: {
2343
2343
  primary: "#E8836B",
@@ -2363,7 +2363,7 @@ var sunset = buildPair(
2363
2363
  border: { focus: "#FF9B85" }
2364
2364
  }
2365
2365
  );
2366
- var ocean = buildPair(
2366
+ var ocean = createThemePair(
2367
2367
  {
2368
2368
  accent: {
2369
2369
  primary: "#0E9AA5",
@@ -2389,7 +2389,7 @@ var ocean = buildPair(
2389
2389
  border: { focus: "#2DD4BF" }
2390
2390
  }
2391
2391
  );
2392
- var lavender = buildPair(
2392
+ var lavender = createThemePair(
2393
2393
  {
2394
2394
  accent: {
2395
2395
  primary: "#8B5CF6",
@@ -2415,7 +2415,7 @@ var lavender = buildPair(
2415
2415
  border: { focus: "#A78BFA" }
2416
2416
  }
2417
2417
  );
2418
- var rose = buildPair(
2418
+ var rose = createThemePair(
2419
2419
  {
2420
2420
  accent: {
2421
2421
  primary: "#E11D6C",
@@ -2781,184 +2781,6 @@ var darkTheme = {
2781
2781
  };
2782
2782
  var defaultTheme = lightTheme;
2783
2783
 
2784
- // src/providers/ThemeProvider/createTheme.ts
2785
- function deepMerge2(target, source) {
2786
- const result = { ...target };
2787
- for (const key in source) {
2788
- if (Object.prototype.hasOwnProperty.call(source, key)) {
2789
- const sourceValue = source[key];
2790
- const targetValue = target[key];
2791
- if (sourceValue !== null && typeof sourceValue === "object" && !Array.isArray(sourceValue) && targetValue !== null && typeof targetValue === "object" && !Array.isArray(targetValue)) {
2792
- result[key] = deepMerge2(
2793
- targetValue,
2794
- sourceValue
2795
- );
2796
- } else if (sourceValue !== void 0) {
2797
- result[key] = sourceValue;
2798
- }
2799
- }
2800
- }
2801
- return result;
2802
- }
2803
- function createTheme2(baseTheme, overrides) {
2804
- return deepMerge2(baseTheme, overrides);
2805
- }
2806
- function createThemePair(overrides = {}, lightOverrides = {}, darkOverrides = {}) {
2807
- return {
2808
- light: createTheme2(
2809
- createTheme2(lightTheme, overrides),
2810
- lightOverrides
2811
- ),
2812
- dark: createTheme2(
2813
- createTheme2(darkTheme, overrides),
2814
- darkOverrides
2815
- )
2816
- };
2817
- }
2818
- var horizonTheme = createThemePair({
2819
- name: "Horizon"
2820
- });
2821
- var sageTheme = createThemePair(
2822
- { name: "Sage" },
2823
- {
2824
- colors: {
2825
- accent: {
2826
- primary: "#6B8F6B",
2827
- primaryHover: "#557255",
2828
- primaryPressed: "#445944"
2829
- },
2830
- text: {
2831
- link: "#6B8F6B"
2832
- },
2833
- border: {
2834
- focus: "#6B8F6B"
2835
- }
2836
- }
2837
- },
2838
- {
2839
- colors: {
2840
- accent: {
2841
- primary: "#8FAF8F",
2842
- primaryHover: "#B3C7B3",
2843
- primaryPressed: "#6B8F6B"
2844
- },
2845
- text: {
2846
- link: "#8FAF8F"
2847
- },
2848
- border: {
2849
- focus: "#8FAF8F"
2850
- }
2851
- }
2852
- }
2853
- );
2854
- var sunsetTheme = createThemePair(
2855
- { name: "Sunset" },
2856
- {
2857
- colors: {
2858
- accent: {
2859
- primary: "#E8836B",
2860
- primaryHover: "#CC6B55",
2861
- primaryPressed: "#A85545"
2862
- },
2863
- text: {
2864
- link: "#E8836B"
2865
- },
2866
- border: {
2867
- focus: "#E8836B"
2868
- }
2869
- }
2870
- },
2871
- {
2872
- colors: {
2873
- accent: {
2874
- primary: "#FF9B85",
2875
- primaryHover: "#FFBAA8",
2876
- primaryPressed: "#E8836B"
2877
- },
2878
- text: {
2879
- link: "#FF9B85"
2880
- },
2881
- border: {
2882
- focus: "#FF9B85"
2883
- }
2884
- }
2885
- }
2886
- );
2887
- var oceanTheme = createThemePair(
2888
- {
2889
- colors: {
2890
- accent: {
2891
- primary: "#0E9AA5",
2892
- primaryHover: "#0B7E87",
2893
- primaryPressed: "#086269"
2894
- },
2895
- text: { link: "#0E9AA5" },
2896
- border: { focus: "#0E9AA5" }
2897
- }
2898
- },
2899
- {
2900
- colors: {
2901
- accent: {
2902
- primary: "#2DD4BF",
2903
- primaryHover: "#5EEAD4",
2904
- primaryPressed: "#0E9AA5"
2905
- },
2906
- text: { link: "#2DD4BF" },
2907
- border: { focus: "#2DD4BF" }
2908
- }
2909
- }
2910
- );
2911
- var lavenderTheme = createThemePair(
2912
- { name: "Lavender" },
2913
- {
2914
- colors: {
2915
- accent: {
2916
- primary: "#8B5CF6",
2917
- primaryHover: "#7C3AED",
2918
- primaryPressed: "#6D28D9"
2919
- },
2920
- text: { link: "#8B5CF6" },
2921
- border: { focus: "#8B5CF6" }
2922
- }
2923
- },
2924
- {
2925
- colors: {
2926
- accent: {
2927
- primary: "#A78BFA",
2928
- primaryHover: "#C4B5FD",
2929
- primaryPressed: "#8B5CF6"
2930
- },
2931
- text: { link: "#A78BFA" },
2932
- border: { focus: "#A78BFA" }
2933
- }
2934
- }
2935
- );
2936
- var roseTheme = createThemePair(
2937
- { name: "Rose" },
2938
- {
2939
- colors: {
2940
- accent: {
2941
- primary: "#E11D6C",
2942
- primaryHover: "#BE185D",
2943
- primaryPressed: "#9D174D"
2944
- },
2945
- text: { link: "#E11D6C" },
2946
- border: { focus: "#E11D6C" }
2947
- }
2948
- },
2949
- {
2950
- colors: {
2951
- accent: {
2952
- primary: "#F472B6",
2953
- primaryHover: "#F9A8D4",
2954
- primaryPressed: "#E11D6C"
2955
- },
2956
- text: { link: "#F472B6" },
2957
- border: { focus: "#F472B6" }
2958
- }
2959
- }
2960
- );
2961
-
2962
2784
  // src/hooks/useReducedMotion.ts
2963
2785
  import { useEffect, useState } from "react";
2964
2786
  import { AccessibilityInfo } from "react-native";
@@ -8708,12 +8530,10 @@ export {
8708
8530
  a11yState,
8709
8531
  androidOnly,
8710
8532
  baseColors,
8711
- buildPair,
8712
8533
  buildRestyleTheme,
8713
8534
  buildRestyleThemeFromThemeColors,
8714
8535
  buttonA11yProps,
8715
8536
  checkboxA11yProps,
8716
- createTheme2 as createTheme,
8717
8537
  createThemePair,
8718
8538
  darkSemanticColors,
8719
8539
  darkTheme,
@@ -8731,13 +8551,11 @@ export {
8731
8551
  getStatusBarHeight,
8732
8552
  headingA11yProps,
8733
8553
  hitSlop,
8734
- horizonTheme,
8735
8554
  iconSize,
8736
8555
  imageA11yProps,
8737
8556
  iosOnly,
8738
8557
  isAndroid,
8739
8558
  isIOS,
8740
- lavenderTheme,
8741
8559
  letterSpacing,
8742
8560
  lightSemanticColors,
8743
8561
  lightTheme,
@@ -8745,7 +8563,6 @@ export {
8745
8563
  lineHeightValues,
8746
8564
  meetsContrastAA,
8747
8565
  meetsContrastAALarge,
8748
- oceanTheme,
8749
8566
  opacity,
8750
8567
  platformSelect,
8751
8568
  radii,
@@ -8753,15 +8570,12 @@ export {
8753
8570
  restyleLightTheme,
8754
8571
  restylePresetThemes,
8755
8572
  restyleTheme,
8756
- roseTheme,
8757
- sageTheme,
8758
8573
  semanticElevation,
8759
8574
  semanticMotion,
8760
8575
  semanticRadii,
8761
8576
  semanticSpacing,
8762
8577
  spacing,
8763
8578
  springConfig,
8764
- sunsetTheme,
8765
8579
  touchTarget,
8766
8580
  typographyPresets,
8767
8581
  useAnimatedValue,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@praxiis/ui",
3
- "version": "0.0.1",
3
+ "version": "0.0.3",
4
4
  "sideEffects": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -27,19 +27,9 @@
27
27
  "src",
28
28
  "!src/**/__tests__",
29
29
  "!src/**/*.test.*",
30
- "!src/**/*.a11y.*",
31
30
  "!src/**/*.md",
32
31
  "!dist/*.map"
33
32
  ],
34
- "scripts": {
35
- "build": "tsup",
36
- "dev": "tsup --watch",
37
- "clean": "rm -rf dist",
38
- "check-types": "tsc --noEmit",
39
- "test": "jest",
40
- "test:watch": "jest --watch",
41
- "test:coverage": "jest --coverage"
42
- },
43
33
  "peerDependencies": {
44
34
  "@expo/vector-icons": "^15.1.1",
45
35
  "@shopify/restyle": "^2.4.5",
@@ -66,5 +56,14 @@
66
56
  "react-test-renderer": "19.2.0",
67
57
  "tsup": "^8.4.0",
68
58
  "typescript": "~5.9.2"
59
+ },
60
+ "scripts": {
61
+ "build": "tsup",
62
+ "dev": "tsup --watch",
63
+ "clean": "rm -rf dist",
64
+ "check-types": "tsc --noEmit",
65
+ "test": "jest",
66
+ "test:watch": "jest --watch",
67
+ "test:coverage": "jest --coverage"
69
68
  }
70
- }
69
+ }