@trsys-tech/matrix-library 0.3.9 → 0.4.0
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/components/form-input/FormInput.d.ts.map +1 -1
- package/dist/components/text-field/TextField.d.ts +3 -2
- package/dist/components/text-field/TextField.d.ts.map +1 -1
- package/dist/components/textarea/Textarea.d.ts.map +1 -1
- package/dist/desktopdatepicker.es.js +1 -1
- package/dist/desktopdatepicker.es.js.map +1 -1
- package/dist/forminput.es.js +2 -1
- package/dist/forminput.es.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/textarea.es.js +11 -10
- package/dist/textarea.es.js.map +1 -1
- package/dist/textfield.es.js +22 -17
- package/dist/textfield.es.js.map +1 -1
- package/package.json +1 -1
package/dist/textarea.es.js
CHANGED
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import * as
|
|
3
|
-
import { cn as
|
|
4
|
-
const
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import * as o from "react";
|
|
3
|
+
import { cn as d } from "./utils.es.js";
|
|
4
|
+
const s = o.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
|
|
5
5
|
"textarea",
|
|
6
6
|
{
|
|
7
|
-
className:
|
|
8
|
-
"flex min-h-[60px] w-full rounded-sm border border-input bg-transparent px-3 py-2 text-xs font-medium shadow-sm text-
|
|
7
|
+
className: d(
|
|
8
|
+
"flex min-h-[60px] w-full rounded-sm border border-input bg-transparent px-3 py-2 text-xs font-medium shadow-sm text-text",
|
|
9
|
+
"placeholder:text-text-300 focus-visible:outline-none focus-visible:border-primary disabled:opacity-50 disabled:text-text-300 disabled:bg-gray-100 disabled:border-gray-100",
|
|
9
10
|
e
|
|
10
11
|
),
|
|
11
|
-
ref:
|
|
12
|
-
...
|
|
12
|
+
ref: r,
|
|
13
|
+
...t
|
|
13
14
|
}
|
|
14
15
|
));
|
|
15
|
-
|
|
16
|
+
s.displayName = "Textarea";
|
|
16
17
|
export {
|
|
17
|
-
|
|
18
|
+
s as Textarea
|
|
18
19
|
};
|
|
19
20
|
//# sourceMappingURL=textarea.es.js.map
|
package/dist/textarea.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.es.js","sources":["../src/components/textarea/Textarea.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"flex min-h-[60px] w-full rounded-sm border border-input bg-transparent px-3 py-2 text-xs font-medium shadow-sm text-
|
|
1
|
+
{"version":3,"file":"textarea.es.js","sources":["../src/components/textarea/Textarea.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"flex min-h-[60px] w-full rounded-sm border border-input bg-transparent px-3 py-2 text-xs font-medium shadow-sm text-text\",\n \"placeholder:text-text-300 focus-visible:outline-none focus-visible:border-primary disabled:opacity-50 disabled:text-text-300 disabled:bg-gray-100 disabled:border-gray-100\",\n className,\n )}\n ref={ref}\n {...props}\n />\n );\n});\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea };\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":";;;AAMM,MAAAA,IAAWC,EAAM,WAA+C,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAE5F,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IACF;AAAA,IACA,KAAAE;AAAA,IACC,GAAGD;AAAA,EAAA;AACN,CAEH;AACDH,EAAS,cAAc;"}
|
package/dist/textfield.es.js
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import * as
|
|
3
|
-
import { tv as
|
|
4
|
-
import { cn as
|
|
5
|
-
const g =
|
|
6
|
-
base:
|
|
1
|
+
import { jsxs as c, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import * as b from "react";
|
|
3
|
+
import { tv as h } from "tailwind-variants";
|
|
4
|
+
import { cn as n } from "./utils.es.js";
|
|
5
|
+
const g = h({
|
|
6
|
+
base: [
|
|
7
|
+
"flex items-center w-full rounded-sm border border-input text-text bg-transparent p-0 text-xs font-medium shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground",
|
|
8
|
+
"placeholder:text-text-300 hover:border-primary-400 focus-within:border-primary-400 focus-within:outline-none focus-within:ring focus-within:ring-primary-100",
|
|
9
|
+
"aria-disabled:text-text-300 aria-disabled:bg-gray-100 aria-disabled:border-gray-100"
|
|
10
|
+
],
|
|
7
11
|
variants: {
|
|
8
12
|
size: {
|
|
9
13
|
sm: "h-7",
|
|
@@ -14,31 +18,32 @@ const g = b({
|
|
|
14
18
|
defaultVariants: {
|
|
15
19
|
size: "md"
|
|
16
20
|
}
|
|
17
|
-
}),
|
|
18
|
-
({ className:
|
|
21
|
+
}), y = b.forwardRef(
|
|
22
|
+
({ className: o, slotProps: t, suffix: e, endAdornment: s, startAdornment: r, size: l, value: d, onChange: m, defaultValue: p, type: f, disabled: i, ...x }, u) => /* @__PURE__ */ c("div", { ...x, className: n(g({ size: l, className: o })), "aria-disabled": i, children: [
|
|
19
23
|
r,
|
|
20
|
-
/* @__PURE__ */
|
|
24
|
+
/* @__PURE__ */ a(
|
|
21
25
|
"input",
|
|
22
26
|
{
|
|
23
|
-
type:
|
|
27
|
+
type: f,
|
|
24
28
|
ref: u,
|
|
25
|
-
onChange:
|
|
26
|
-
value:
|
|
27
|
-
defaultValue:
|
|
29
|
+
onChange: m,
|
|
30
|
+
value: d,
|
|
31
|
+
defaultValue: p,
|
|
32
|
+
disabled: i,
|
|
28
33
|
...t?.inputProps ?? {},
|
|
29
|
-
className:
|
|
34
|
+
className: n(
|
|
30
35
|
"focus:outline-none w-full h-full py-1 rounded-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300",
|
|
31
36
|
r ? "ps-1 pe-3" : "px-3",
|
|
32
37
|
t?.inputProps?.className
|
|
33
38
|
)
|
|
34
39
|
}
|
|
35
40
|
),
|
|
36
|
-
typeof e == "string" || typeof e == "number" ? /* @__PURE__ */
|
|
41
|
+
typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ a("span", { className: "inline-flex items-center px-2 text-xs font-medium text-primary bg-primary-50 m-0.5 rounded-sm", children: e }) : e,
|
|
37
42
|
s
|
|
38
43
|
] })
|
|
39
44
|
);
|
|
40
|
-
|
|
45
|
+
y.displayName = "TextField";
|
|
41
46
|
export {
|
|
42
|
-
|
|
47
|
+
y as TextField
|
|
43
48
|
};
|
|
44
49
|
//# sourceMappingURL=textfield.es.js.map
|
package/dist/textfield.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textfield.es.js","sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst textFieldVariants = tv({\r\n base: \"flex items-center w-full rounded-sm border border-input text-
|
|
1
|
+
{"version":3,"file":"textfield.es.js","sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst textFieldVariants = tv({\r\n base: [\r\n \"flex items-center w-full rounded-sm border border-input text-text bg-transparent p-0 text-xs font-medium shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground\",\r\n \"placeholder:text-text-300 hover:border-primary-400 focus-within:border-primary-400 focus-within:outline-none focus-within:ring focus-within:ring-primary-100\",\r\n \"aria-disabled:text-text-300 aria-disabled:bg-gray-100 aria-disabled:border-gray-100\",\r\n ],\r\n variants: {\r\n size: {\r\n sm: \"h-7\",\r\n md: \"h-8\",\r\n lg: \"h-11\",\r\n },\r\n },\r\n defaultVariants: {\r\n size: \"md\",\r\n },\r\n});\r\n\r\ninterface TextFieldProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof textFieldVariants> {\r\n type?: React.HTMLInputTypeAttribute;\r\n disabled?: boolean;\r\n suffix?: React.ReactNode;\r\n endAdornment?: React.ReactNode;\r\n startAdornment?: React.ReactNode;\r\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n value?: string | number;\r\n defaultValue?: string | number;\r\n slotProps?: {\r\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\r\n };\r\n}\r\n\r\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\r\n ({ className, slotProps, suffix, endAdornment, startAdornment, size, value, onChange, defaultValue, type, disabled, ...props }, ref) => {\r\n return (\r\n <div {...props} className={cn(textFieldVariants({ size, className }))} aria-disabled={disabled}>\r\n {startAdornment}\r\n <input\r\n type={type}\r\n ref={ref}\r\n onChange={onChange}\r\n value={value}\r\n defaultValue={defaultValue}\r\n disabled={disabled}\r\n {...(slotProps?.inputProps ?? {})}\r\n className={cn(\r\n \"focus:outline-none w-full h-full py-1 rounded-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300\",\r\n !startAdornment ? \"px-3\" : \"ps-1 pe-3\",\r\n slotProps?.inputProps?.className,\r\n )}\r\n />\r\n {typeof suffix === \"string\" || typeof suffix === \"number\" ? (\r\n <span className=\"inline-flex items-center px-2 text-xs font-medium text-primary bg-primary-50 m-0.5 rounded-sm\">{suffix}</span>\r\n ) : (\r\n suffix\r\n )}\r\n {endAdornment}\r\n </div>\r\n );\r\n },\r\n);\r\nTextField.displayName = \"TextField\";\r\n\r\nexport { TextField, type TextFieldProps };\r\n"],"names":["textFieldVariants","tv","TextField","React","className","slotProps","suffix","endAdornment","startAdornment","size","value","onChange","defaultValue","type","disabled","props","ref","jsxs","cn","jsx"],"mappings":";;;;AAOA,MAAMA,IAAoBC,EAAG;AAAA,EAC3B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAgBKC,IAAYC,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,QAAAC,GAAQ,cAAAC,GAAc,gBAAAC,GAAgB,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,cAAAC,GAAc,MAAAC,GAAM,UAAAC,GAAU,GAAGC,KAASC,MAE3H,gBAAAC,EAAA,OAAA,EAAK,GAAGF,GAAO,WAAWG,EAAGlB,EAAkB,EAAE,MAAAS,GAAM,WAAAL,EAAU,CAAC,CAAC,GAAG,iBAAeU,GACnF,UAAA;AAAA,IAAAN;AAAA,IACD,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAN;AAAA,QACA,KAAAG;AAAA,QACA,UAAAL;AAAA,QACA,OAAAD;AAAA,QACA,cAAAE;AAAA,QACA,UAAAE;AAAA,QACC,GAAIT,GAAW,cAAc,CAAC;AAAA,QAC/B,WAAWa;AAAA,UACT;AAAA,UACCV,IAA0B,cAAT;AAAA,UAClBH,GAAW,YAAY;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IACC,OAAOC,KAAW,YAAY,OAAOA,KAAW,WAC/C,gBAAAa,EAAC,QAAK,EAAA,WAAU,iGAAiG,UAAAb,EAAA,CAAO,IAExHA;AAAA,IAEDC;AAAA,EAAA,GACH;AAGN;AACAL,EAAU,cAAc;"}
|