@use-stall/ui 0.0.5 → 0.0.7
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.js +4 -4
- package/dist/index.mjs +4 -4
- package/package.json +27 -22
package/dist/index.js
CHANGED
|
@@ -1515,7 +1515,7 @@ var fancyButtonVariants = tv({
|
|
|
1515
1515
|
slots: {
|
|
1516
1516
|
root: [
|
|
1517
1517
|
// base
|
|
1518
|
-
"group relative inline-flex items-center justify-center whitespace-nowrap text-sm text-
|
|
1518
|
+
"group relative inline-flex items-center justify-center whitespace-nowrap text-label-sm text-sm outline-none",
|
|
1519
1519
|
"transition duration-200 ease-out cursor-pointer",
|
|
1520
1520
|
// focus
|
|
1521
1521
|
"focus:outline-none",
|
|
@@ -2722,7 +2722,7 @@ var PasswordInput = import_react4.default.forwardRef(
|
|
|
2722
2722
|
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2723
2723
|
"button",
|
|
2724
2724
|
{
|
|
2725
|
-
className: "absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-
|
|
2725
|
+
className: "absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-10 text-muted-foreground/80 outline-offset-2 transition-colors hover:text-foreground focus:z-10 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-ring/70 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
|
|
2726
2726
|
type: "button",
|
|
2727
2727
|
onClick: toggleVisibility,
|
|
2728
2728
|
"aria-label": isVisible ? "Hide password" : "Show password",
|
|
@@ -2821,7 +2821,7 @@ function PhoneNumberInput({
|
|
|
2821
2821
|
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2822
2822
|
RPNInput.default,
|
|
2823
2823
|
{
|
|
2824
|
-
className: cn("flex rounded-
|
|
2824
|
+
className: cn("flex rounded-10 shadow-xs", error && "border border-red-500/70"),
|
|
2825
2825
|
international: true,
|
|
2826
2826
|
flagComponent: FlagComponent,
|
|
2827
2827
|
countrySelectComponent: CountrySelect,
|
|
@@ -2862,7 +2862,7 @@ var CountrySelect = ({
|
|
|
2862
2862
|
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
|
|
2863
2863
|
"div",
|
|
2864
2864
|
{
|
|
2865
|
-
className: "relative inline-flex items-center self-stretch rounded-s-
|
|
2865
|
+
className: "relative inline-flex items-center self-stretch rounded-s-10 border border-input\n bg-background py-2 pe-2 ps-3 text-muted-foreground transition-shadow focus-within:z-10\n focus-within:border-ring focus-within:outline-hidden focus-within:ring-[3px] focus-within:ring-ring/20\n hover:text-foreground has-disabled:pointer-events-none has-disabled:opacity-50",
|
|
2866
2866
|
children: [
|
|
2867
2867
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "inline-flex items-center gap-1", "aria-hidden": "true", children: [
|
|
2868
2868
|
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
|
package/dist/index.mjs
CHANGED
|
@@ -1292,7 +1292,7 @@ var fancyButtonVariants = tv({
|
|
|
1292
1292
|
slots: {
|
|
1293
1293
|
root: [
|
|
1294
1294
|
// base
|
|
1295
|
-
"group relative inline-flex items-center justify-center whitespace-nowrap text-sm text-
|
|
1295
|
+
"group relative inline-flex items-center justify-center whitespace-nowrap text-label-sm text-sm outline-none",
|
|
1296
1296
|
"transition duration-200 ease-out cursor-pointer",
|
|
1297
1297
|
// focus
|
|
1298
1298
|
"focus:outline-none",
|
|
@@ -2503,7 +2503,7 @@ var PasswordInput = React23.forwardRef(
|
|
|
2503
2503
|
/* @__PURE__ */ jsx27(
|
|
2504
2504
|
"button",
|
|
2505
2505
|
{
|
|
2506
|
-
className: "absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-
|
|
2506
|
+
className: "absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-10 text-muted-foreground/80 outline-offset-2 transition-colors hover:text-foreground focus:z-10 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-ring/70 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
|
|
2507
2507
|
type: "button",
|
|
2508
2508
|
onClick: toggleVisibility,
|
|
2509
2509
|
"aria-label": isVisible ? "Hide password" : "Show password",
|
|
@@ -2602,7 +2602,7 @@ function PhoneNumberInput({
|
|
|
2602
2602
|
return /* @__PURE__ */ jsx28("div", { className, children: /* @__PURE__ */ jsx28(
|
|
2603
2603
|
RPNInput.default,
|
|
2604
2604
|
{
|
|
2605
|
-
className: cn("flex rounded-
|
|
2605
|
+
className: cn("flex rounded-10 shadow-xs", error && "border border-red-500/70"),
|
|
2606
2606
|
international: true,
|
|
2607
2607
|
flagComponent: FlagComponent,
|
|
2608
2608
|
countrySelectComponent: CountrySelect,
|
|
@@ -2643,7 +2643,7 @@ var CountrySelect = ({
|
|
|
2643
2643
|
return /* @__PURE__ */ jsxs18(
|
|
2644
2644
|
"div",
|
|
2645
2645
|
{
|
|
2646
|
-
className: "relative inline-flex items-center self-stretch rounded-s-
|
|
2646
|
+
className: "relative inline-flex items-center self-stretch rounded-s-10 border border-input\n bg-background py-2 pe-2 ps-3 text-muted-foreground transition-shadow focus-within:z-10\n focus-within:border-ring focus-within:outline-hidden focus-within:ring-[3px] focus-within:ring-ring/20\n hover:text-foreground has-disabled:pointer-events-none has-disabled:opacity-50",
|
|
2647
2647
|
children: [
|
|
2648
2648
|
/* @__PURE__ */ jsxs18("div", { className: "inline-flex items-center gap-1", "aria-hidden": "true", children: [
|
|
2649
2649
|
/* @__PURE__ */ jsx28(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@use-stall/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.7",
|
|
4
4
|
"author": "Stall",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -15,21 +15,6 @@
|
|
|
15
15
|
"files": [
|
|
16
16
|
"dist"
|
|
17
17
|
],
|
|
18
|
-
"devDependencies": {
|
|
19
|
-
"@types/node": "^24.10.2",
|
|
20
|
-
"@types/react": "^18.2.0",
|
|
21
|
-
"tsup": "^8.5.1",
|
|
22
|
-
"typescript": "^5.9.3"
|
|
23
|
-
},
|
|
24
|
-
"peerDependencies": {
|
|
25
|
-
"react": "^19.2.4",
|
|
26
|
-
"react-dom": "^19.2.4"
|
|
27
|
-
},
|
|
28
|
-
"peerDependenciesMeta": {
|
|
29
|
-
"react-router": {
|
|
30
|
-
"optional": true
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
18
|
"description": "Open Source Icons",
|
|
34
19
|
"homepage": "https://github.com/use-stall/icons",
|
|
35
20
|
"keywords": [
|
|
@@ -45,7 +30,7 @@
|
|
|
45
30
|
"type": "commonjs",
|
|
46
31
|
"repository": {
|
|
47
32
|
"type": "git",
|
|
48
|
-
"url": "https://github.com/use-stall/
|
|
33
|
+
"url": "https://github.com/use-stall/ui.git"
|
|
49
34
|
},
|
|
50
35
|
"dependencies": {
|
|
51
36
|
"@base-ui-components/react": "^1.0.0-rc.0",
|
|
@@ -63,19 +48,39 @@
|
|
|
63
48
|
"@radix-ui/react-separator": "^1.1.8",
|
|
64
49
|
"@radix-ui/react-tabs": "^1.1.13",
|
|
65
50
|
"@radix-ui/react-tooltip": "^1.2.8",
|
|
66
|
-
"@use-stall/icons": "^0.0.5",
|
|
67
51
|
"class-variance-authority": "^0.7.1",
|
|
68
52
|
"clsx": "^2.1.1",
|
|
69
53
|
"cmdk": "^1.1.1",
|
|
70
54
|
"emblor": "^1.4.8",
|
|
71
|
-
"framer-motion": "^12.34.0",
|
|
72
55
|
"input-otp": "^1.4.2",
|
|
73
|
-
"lucide-react": "^0.563.0",
|
|
74
|
-
"react-hook-form": "^7.71.1",
|
|
75
56
|
"react-phone-number-input": "^3.4.14",
|
|
76
|
-
"tailwind-merge": "^3.4.0",
|
|
77
57
|
"tailwind-variants": "^3.2.2",
|
|
78
58
|
"tw-animate-css": "^1.4.0",
|
|
79
59
|
"vaul": "^1.1.2"
|
|
60
|
+
},
|
|
61
|
+
"devDependencies": {
|
|
62
|
+
"@types/node": "^24.10.2",
|
|
63
|
+
"@types/react": "^18.2.0",
|
|
64
|
+
"framer-motion": "^12.34.0",
|
|
65
|
+
"react-hook-form": "^7.71.1",
|
|
66
|
+
"tsup": "^8.5.1",
|
|
67
|
+
"lucide-react": "^0.563.0",
|
|
68
|
+
"@use-stall/icons": "^0.0.5",
|
|
69
|
+
"tailwind-merge": "^3.4.0",
|
|
70
|
+
"typescript": "^5.9.3"
|
|
71
|
+
},
|
|
72
|
+
"peerDependencies": {
|
|
73
|
+
"framer-motion": "^12.34.0",
|
|
74
|
+
"react": "^19.2.4",
|
|
75
|
+
"react-dom": "^19.2.4",
|
|
76
|
+
"lucide-react": "^0.563.0",
|
|
77
|
+
"tailwind-merge": "^3.4.0",
|
|
78
|
+
"@use-stall/icons": "^0.0.5",
|
|
79
|
+
"react-hook-form": "^7.71.1"
|
|
80
|
+
},
|
|
81
|
+
"peerDependenciesMeta": {
|
|
82
|
+
"react-router": {
|
|
83
|
+
"optional": true
|
|
84
|
+
}
|
|
80
85
|
}
|
|
81
86
|
}
|