@base-framework/ui 1.0.255 → 1.0.256
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/atoms.es.js +2 -2
- package/dist/index.es.js +3 -3
- package/dist/{inputs-C9bdEMrX.js → inputs-BXyw95cq.js} +21 -21
- package/dist/organisms.es.js +1 -1
- package/dist/{signature-panel-DTzJ3EDj.js → signature-panel-7XSJwtfi.js} +1 -1
- package/dist/{tooltip-uJp_8NSb.js → tooltip-CABuwS1K.js} +1 -1
- package/dist/types/components/atoms/form/inputs/input-classes.d.ts +2 -2
- package/package.json +1 -1
package/dist/atoms.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { B as e, C as t, b as o, F as n, a as r, L as p, P as u, R as I, S as i, c as l, T as d } from "./tooltip-
|
|
1
|
+
import { B as e, C as t, b as o, F as n, a as r, L as p, P as u, R as I, S as i, c as l, T as d } from "./tooltip-CABuwS1K.js";
|
|
2
2
|
import { B as T, I as c, L as x } from "./buttons-Cm9etaEG.js";
|
|
3
|
-
import { C, d as g, D as F, c as b, E as f, F as L, H as P, I as R, M as S, N as h, P as k, R as D, T as V, a as E, b as G, U as H, W as M } from "./inputs-
|
|
3
|
+
import { C, d as g, D as F, c as b, E as f, F as L, H as P, I as R, M as S, N as h, P as k, R as D, T as V, a as E, b as G, U as H, W as M } from "./inputs-BXyw95cq.js";
|
|
4
4
|
import { V as U, a as W } from "./veil-D4dRxILB.js";
|
|
5
5
|
export {
|
|
6
6
|
e as Badge,
|
package/dist/index.es.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { B as s, C as o, b as t, F as r, a as n, L as l, P as i, R as p, S as m, c as u, T as d } from "./tooltip-
|
|
1
|
+
import { B as s, C as o, b as t, F as r, a as n, L as l, P as i, R as p, S as m, c as u, T as d } from "./tooltip-CABuwS1K.js";
|
|
2
2
|
import { B as c, I as C, L as T } from "./buttons-Cm9etaEG.js";
|
|
3
|
-
import { C as b, d as I, D as S, c as P, E as B, F, H as k, I as M, M as f, N as x, P as N, R as v, T as y, a as h, b as L, U as W, W as H } from "./inputs-
|
|
3
|
+
import { C as b, d as I, D as S, c as P, E as B, F, H as k, I as M, M as f, N as x, P as N, R as v, T as y, a as h, b as L, U as W, W as H } from "./inputs-BXyw95cq.js";
|
|
4
4
|
import { V as R, a as w } from "./veil-D4dRxILB.js";
|
|
5
5
|
import { Icons as E } from "./icons.es.js";
|
|
6
6
|
import { A as O, B as V, C as j, t as q, G as J, v as z, w as _, x as K, y as Q, D as X, j as Y, k as Z, I as $, H as aa, s as ea, c as sa, a as oa, b as ta, J as ra, i as na, g as la, e as ia, h as pa, F as ma, d as ua, f as da, L as ga, u as ca, M as Ca, l as Ta, N as Da, P as ba, p as Ia, q as Sa, S as Pa, n as Ba, o as Fa, T as ka, z as Ma, E as fa, m as xa, r as Na } from "./empty-state-CJbKtByW.js";
|
|
7
7
|
import { A as ya, b as ha, C as La, D as Wa, a as Ha, F as Aa, M as Ra, P as wa, R as Ua, c as Ea, g as Ga, p as Oa } from "./range-calendar-BxLjYfrT.js";
|
|
8
|
-
import { B as ja, p as qa, C as Ja, j as za, D as _a, m as Ka, k as Qa, H as Xa, I as Ya, N as Za, O as $a, P as ae, S as ee, n as se, o as oe, t as te, s as re, q as ne, r as le, T as ie, l as pe, U as me, W as ue, f as de, h as ge, i as ce, c as Ce, d as Te, b as De, e as be, a as Ie, g as Se } from "./signature-panel-
|
|
8
|
+
import { B as ja, p as qa, C as Ja, j as za, D as _a, m as Ka, k as Qa, H as Xa, I as Ya, N as Za, O as $a, P as ae, S as ee, n as se, o as oe, t as te, s as re, q as ne, r as le, T as ie, l as pe, U as me, W as ue, f as de, h as ge, i as ce, c as Ce, d as Te, b as De, e as be, a as Ie, g as Se } from "./signature-panel-7XSJwtfi.js";
|
|
9
9
|
import { B as Be, I as Fe, M as ke, d as Me, e as fe, g as xe, N as Ne, b as ve, a as ye, f as he, P as Le, c as We, S as He, T as Ae } from "./mobile-nav-wrapper-Dj67Pb8l.js";
|
|
10
10
|
import { B as we, a as Ue, C as Ee, F as Ge, b as Oe, c as Ve, M as je, P as qe, S as Je } from "./sidebar-menu-page-BVryQj2Z.js";
|
|
11
11
|
import { A as _e, F as Ke, M as Qe, a as Xe, T as Ye } from "./aside-template-McEj_Gxc.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Div as l, Label as d, Checkbox as u, Span as m, OnState as
|
|
1
|
+
import { Div as l, Label as d, Checkbox as u, Span as m, OnState as g, I as p, Input as r, Textarea as x } from "@base-framework/atoms";
|
|
2
2
|
import { Jot as k, Atom as s } from "@base-framework/base";
|
|
3
3
|
import { Icons as y } from "./icons.es.js";
|
|
4
|
-
const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border
|
|
4
|
+
const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border bg-input", n = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", i = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", f = "placeholder:text-muted-foreground", b = `${v} ${$} ${n} ${f} ${i}`, I = ({ id: e, checked: o, bind: t, required: a }) => u({
|
|
5
5
|
id: e,
|
|
6
6
|
cache: "checkbox",
|
|
7
7
|
class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
|
|
@@ -12,9 +12,9 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-in
|
|
|
12
12
|
checked: o,
|
|
13
13
|
bind: t
|
|
14
14
|
}), C = () => m({ class: "absolute text-xs pointer-events-none" }, [
|
|
15
|
-
|
|
15
|
+
g(
|
|
16
16
|
"checked",
|
|
17
|
-
(e) => e ?
|
|
17
|
+
(e) => e ? p({
|
|
18
18
|
class: "w-2 h-2 pointer-events-none",
|
|
19
19
|
html: y.check
|
|
20
20
|
}) : null
|
|
@@ -22,7 +22,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-in
|
|
|
22
22
|
]), w = ({ id: e, bind: o, checked: t, required: a, clickHandler: h }) => l({
|
|
23
23
|
class: `relative flex items-center justify-center w-5 h-5 transition-colors duration-200 hover:border-accent-foreground
|
|
24
24
|
rounded-md border border-input
|
|
25
|
-
${
|
|
25
|
+
${n}
|
|
26
26
|
${i}`.trim(),
|
|
27
27
|
onState: [
|
|
28
28
|
"checked",
|
|
@@ -107,10 +107,10 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-in
|
|
|
107
107
|
}, D = (e) => {
|
|
108
108
|
const o = e.target, t = H(o.value);
|
|
109
109
|
t && (o.value = t);
|
|
110
|
-
},
|
|
110
|
+
}, c = s((e) => r({
|
|
111
111
|
...e,
|
|
112
|
-
class: `${
|
|
113
|
-
})), M = s((e) =>
|
|
112
|
+
class: `${b} ${e.class || ""}`.trim()
|
|
113
|
+
})), M = s((e) => c({
|
|
114
114
|
...e,
|
|
115
115
|
type: "tel",
|
|
116
116
|
name: e.name || "Phone",
|
|
@@ -118,7 +118,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-in
|
|
|
118
118
|
placeholder: "(555) 555-5555",
|
|
119
119
|
pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
|
|
120
120
|
keyup: D
|
|
121
|
-
})), S = s((e) =>
|
|
121
|
+
})), S = s((e) => c({
|
|
122
122
|
...e,
|
|
123
123
|
type: "email",
|
|
124
124
|
name: e.name || "Email",
|
|
@@ -127,7 +127,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-in
|
|
|
127
127
|
})), q = s((e) => x({
|
|
128
128
|
...e,
|
|
129
129
|
as: "textarea",
|
|
130
|
-
class: `flex w-full h-24 px-3 py-2 text-sm rounded-md border
|
|
130
|
+
class: `flex w-full h-24 px-3 py-2 text-sm rounded-md border bg-input ${n} ${f} ${i} ${e.class || ""}`.trim()
|
|
131
131
|
})), R = (e = {}) => l({ class: "flex items-center space-x-2" }, [
|
|
132
132
|
r({
|
|
133
133
|
...e,
|
|
@@ -155,36 +155,36 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-in
|
|
|
155
155
|
...e,
|
|
156
156
|
type: "week",
|
|
157
157
|
class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
|
|
158
|
-
})), B = s((e) =>
|
|
158
|
+
})), B = s((e) => c({
|
|
159
159
|
...e,
|
|
160
160
|
type: "number"
|
|
161
|
-
})), J = s((e) =>
|
|
161
|
+
})), J = s((e) => c({
|
|
162
162
|
...e,
|
|
163
163
|
type: "password"
|
|
164
164
|
}));
|
|
165
|
-
s((e) =>
|
|
165
|
+
s((e) => c({
|
|
166
166
|
...e,
|
|
167
167
|
type: "search"
|
|
168
168
|
}));
|
|
169
|
-
const O = s((e) =>
|
|
169
|
+
const O = s((e) => c({
|
|
170
170
|
...e,
|
|
171
171
|
type: "url"
|
|
172
|
-
})), G = s((e) =>
|
|
172
|
+
})), G = s((e) => c({
|
|
173
173
|
...e,
|
|
174
174
|
type: "hidden"
|
|
175
175
|
})), K = s((e) => r({
|
|
176
176
|
...e,
|
|
177
177
|
type: "color",
|
|
178
|
-
class: `border rounded-md
|
|
178
|
+
class: `border rounded-md bg-input text-foreground p-0 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
|
|
179
179
|
}));
|
|
180
180
|
s((e) => u({
|
|
181
181
|
...e,
|
|
182
|
-
class: `flex h-4 w-4 rounded-md border
|
|
182
|
+
class: `flex h-4 w-4 rounded-md border bg-input text-foreground ${n} ${i} ${e.class || ""}`.trim()
|
|
183
183
|
}));
|
|
184
184
|
const E = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Q = s((e) => r({
|
|
185
185
|
...e,
|
|
186
186
|
type: "file",
|
|
187
|
-
class: `${
|
|
187
|
+
class: `${b} ${E} ${e.class || ""}`.trim()
|
|
188
188
|
}));
|
|
189
189
|
export {
|
|
190
190
|
L as C,
|
|
@@ -192,7 +192,7 @@ export {
|
|
|
192
192
|
S as E,
|
|
193
193
|
Q as F,
|
|
194
194
|
G as H,
|
|
195
|
-
|
|
195
|
+
c as I,
|
|
196
196
|
z as M,
|
|
197
197
|
B as N,
|
|
198
198
|
J as P,
|
|
@@ -205,6 +205,6 @@ export {
|
|
|
205
205
|
j as c,
|
|
206
206
|
K as d,
|
|
207
207
|
i as e,
|
|
208
|
-
|
|
209
|
-
|
|
208
|
+
n as f,
|
|
209
|
+
b as g
|
|
210
210
|
};
|
package/dist/organisms.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as s, p as t, C as o, j as r, D as n, m as l, k as i, H as b, I as d, N as g, O as p, P as u, S as v, n as D, o as N, t as k, s as C, q as c, r as T, T as M, l as m, U as y, W as B, f as W, h, i as S, c as H, d as P, b as I, e as f, a as x, g as L } from "./signature-panel-
|
|
1
|
+
import { B as s, p as t, C as o, j as r, D as n, m as l, k as i, H as b, I as d, N as g, O as p, P as u, S as v, n as D, o as N, t as k, s as C, q as c, r as T, T as M, l as m, U as y, W as B, f as W, h, i as S, c as H, d as P, b as I, e as f, a as x, g as L } from "./signature-panel-7XSJwtfi.js";
|
|
2
2
|
import { b as F, C as U, D as G, a as R, F as j, M as q, R as w, c as z, p as A } from "./range-calendar-BxLjYfrT.js";
|
|
3
3
|
import { B as J, I as K, M as Q, d as V, e as X, g as Y, N as Z, b as _, a as $, f as aa, P as ea, c as sa, S as ta, T as oa } from "./mobile-nav-wrapper-Dj67Pb8l.js";
|
|
4
4
|
export {
|
|
@@ -3,7 +3,7 @@ import { Atom as d, Component as h, Data as C, DateTime as G, router as y, NavLi
|
|
|
3
3
|
import { B as T, I as _ } from "./buttons-Cm9etaEG.js";
|
|
4
4
|
import { Icons as x } from "./icons.es.js";
|
|
5
5
|
import { TableBody as J, DataTableBody as Z, ScrollableTableBody as ee, List as te, IntervalTimer as se } from "@base-framework/organisms";
|
|
6
|
-
import { C as ae, I as ie, H as ne } from "./inputs-
|
|
6
|
+
import { C as ae, I as ie, H as ne } from "./inputs-BXyw95cq.js";
|
|
7
7
|
import { A as oe, P as le } from "./range-calendar-BxLjYfrT.js";
|
|
8
8
|
d((t, e) => ({
|
|
9
9
|
class: "flex items-center px-4 py-2",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Span as g, Div as l, Legend as f, Fieldset as x, H4 as C, P as h, UseParent as u, Input as y } from "@base-framework/atoms";
|
|
2
2
|
import { Atom as s, Html as p } from "@base-framework/base";
|
|
3
3
|
import { a as d } from "./veil-D4dRxILB.js";
|
|
4
|
-
import { f as k, e as w, g as $ } from "./inputs-
|
|
4
|
+
import { f as k, e as w, g as $ } from "./inputs-BXyw95cq.js";
|
|
5
5
|
const a = {
|
|
6
6
|
gray: {
|
|
7
7
|
backgroundColor: "bg-gray-50",
|
|
@@ -7,7 +7,7 @@ export const sizeClass: "flex h-10 w-full px-3 py-2 text-sm";
|
|
|
7
7
|
* @constant {string} borderClass
|
|
8
8
|
* Common border & background classes for inputs.
|
|
9
9
|
*/
|
|
10
|
-
export const borderClass: "rounded-md border
|
|
10
|
+
export const borderClass: "rounded-md border bg-input";
|
|
11
11
|
/**
|
|
12
12
|
* @constant {string} focusClass
|
|
13
13
|
* Common focus and ring classes for inputs.
|
|
@@ -27,4 +27,4 @@ export const placeholderClass: "placeholder:text-muted-foreground";
|
|
|
27
27
|
* @constant {string} commonInputClasses
|
|
28
28
|
* Composed classes for text-like inputs (text, email, tel, etc.).
|
|
29
29
|
*/
|
|
30
|
-
export const commonInputClasses: "flex h-10 w-full px-3 py-2 text-sm rounded-md border
|
|
30
|
+
export const commonInputClasses: "flex h-10 w-full px-3 py-2 text-sm rounded-md border bg-input focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive";
|
package/package.json
CHANGED