@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.
- package/dist/index.d.mts +3 -111
- package/dist/index.d.ts +3 -111
- package/dist/index.js +6 -200
- package/dist/index.mjs +6 -192
- package/package.json +11 -12
- package/src/README.md +688 -0
- package/src/components/CalendarStrip/CalendarStrip.a11y.ts +51 -0
- package/src/components/CalendarStrip/DayCard/DayCard.a11y.ts +52 -0
- package/src/components/EmptyState/EmptyState.a11y.ts +53 -0
- package/src/components/Header/Header.a11y.ts +82 -0
- package/src/components/ScheduleItem/ScheduleItem/ScheduleItem.a11y.ts +15 -0
- package/src/core/index.ts +1 -1
- package/src/core/restyle/index.ts +1 -1
- package/src/core/restyle/restylePresetRegistry.ts +7 -7
- package/src/index.tsx +2 -11
- package/src/primitives/actions/Button/Button.a11y.ts +38 -0
- package/src/primitives/actions/IconButton/IconButton.a11y.ts +55 -0
- package/src/primitives/content/Avatar/Avatar.a11y.ts +50 -0
- package/src/primitives/content/Badge/Badge.a11y.ts +83 -0
- package/src/primitives/content/Card/Card.a11y.ts +60 -0
- package/src/primitives/content/Chip/Chip.a11y.ts +101 -0
- package/src/primitives/content/Icon/Icon.a11y.ts +43 -0
- package/src/primitives/feedback/ProgressBar/ProgressBar.a11y.ts +68 -0
- package/src/primitives/feedback/Skeleton/Skeleton.a11y.ts +46 -0
- package/src/primitives/feedback/Spinner/Spinner.a11y.ts +47 -0
- package/src/primitives/feedback/Toast/Toast.a11y.ts +75 -0
- package/src/primitives/inputs/Checkbox/Checkbox.a11y.ts +47 -0
- package/src/primitives/inputs/RadioButton/RadioButton.a11y.ts +48 -0
- package/src/primitives/inputs/SegmentedControl/SegmentedControl.a11y.ts +59 -0
- package/src/primitives/inputs/SelectSheet/SelectSheet.a11y.ts +117 -0
- package/src/primitives/inputs/Switch/Switch.a11y.ts +29 -0
- package/src/primitives/inputs/TextInput/TextInput.a11y.ts +77 -0
- package/src/primitives/layout/Divider/Divider.a11y.ts +55 -0
- package/src/primitives/overlays/Modal/Modal.a11y.ts +64 -0
- package/src/providers/ThemeProvider/index.ts +0 -12
- package/src/providers/index.ts +0 -8
- 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
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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.
|
|
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
|
+
}
|