@abumble/design-system 0.0.48 → 0.0.50
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/List.js +10 -10
- package/dist/components/List.js.map +1 -1
- package/dist/components/Table.js +3 -3
- package/dist/components/Table.js.map +1 -1
- package/dist/components/Textarea.js +3 -3
- package/dist/components/Textarea.js.map +1 -1
- package/dist/shared/Input.js +5 -5
- package/dist/shared/Input.js.map +1 -1
- package/dist/shared/Select.js +3 -3
- package/dist/shared/Select.js.map +1 -1
- package/package.json +5 -2
- package/src/styles.css +1 -0
- package/dist/themes/theme.d.ts +0 -2
- package/dist/themes/theme.d.ts.map +0 -1
- package/src/themes/theme.tsx +0 -3
package/dist/components/List.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { c as e } from "../shared/utils.js";
|
|
3
3
|
import { cva as i } from "class-variance-authority";
|
|
4
|
-
const
|
|
4
|
+
const s = i(
|
|
5
5
|
"list-disc pl-8 pr-2 my-4 rounded",
|
|
6
6
|
{
|
|
7
7
|
variants: {
|
|
8
8
|
variant: {
|
|
9
|
-
default: "bg-
|
|
9
|
+
default: "bg-transparent border-container py-2",
|
|
10
10
|
clear: ""
|
|
11
11
|
}
|
|
12
12
|
},
|
|
@@ -19,17 +19,17 @@ function u({ variant: r, className: a, ...t }) {
|
|
|
19
19
|
return /* @__PURE__ */ n(
|
|
20
20
|
"ul",
|
|
21
21
|
{
|
|
22
|
-
className: e(
|
|
22
|
+
className: e(s({ variant: r, className: a })),
|
|
23
23
|
...t
|
|
24
24
|
}
|
|
25
25
|
);
|
|
26
26
|
}
|
|
27
|
-
const
|
|
27
|
+
const l = i(
|
|
28
28
|
"list-decimal pl-8 pr-2 my-4 rounded",
|
|
29
29
|
{
|
|
30
30
|
variants: {
|
|
31
31
|
variant: {
|
|
32
|
-
default: "bg-
|
|
32
|
+
default: "bg-transparent border-container py-2",
|
|
33
33
|
clear: ""
|
|
34
34
|
}
|
|
35
35
|
},
|
|
@@ -38,16 +38,16 @@ const s = i(
|
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
|
-
function
|
|
41
|
+
function p({ variant: r, className: a, ...t }) {
|
|
42
42
|
return /* @__PURE__ */ n(
|
|
43
43
|
"ol",
|
|
44
44
|
{
|
|
45
|
-
className: e(
|
|
45
|
+
className: e(l({ variant: r, className: a })),
|
|
46
46
|
...t
|
|
47
47
|
}
|
|
48
48
|
);
|
|
49
49
|
}
|
|
50
|
-
function
|
|
50
|
+
function m({ className: r, ...a }) {
|
|
51
51
|
return /* @__PURE__ */ n(
|
|
52
52
|
"ul",
|
|
53
53
|
{
|
|
@@ -57,8 +57,8 @@ function f({ className: r, ...a }) {
|
|
|
57
57
|
);
|
|
58
58
|
}
|
|
59
59
|
export {
|
|
60
|
-
|
|
61
|
-
|
|
60
|
+
m as InnerUnorderedList,
|
|
61
|
+
p as OrderedList,
|
|
62
62
|
u as UnorderedList
|
|
63
63
|
};
|
|
64
64
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sources":["../../src/components/List/List.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\n\nconst ulVariants = cva(\n \"list-disc pl-8 pr-2 my-4 rounded\",\n {\n variants: {\n variant: {\n default: \"bg-
|
|
1
|
+
{"version":3,"file":"List.js","sources":["../../src/components/List/List.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\n\nconst ulVariants = cva(\n \"list-disc pl-8 pr-2 my-4 rounded\",\n {\n variants: {\n variant: {\n default: \"bg-transparent border-container py-2\",\n clear: \"\"\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n);\n\nfunction UnorderedList({ variant, className, ...props }: React.ComponentProps<\"ul\"> & VariantProps<typeof ulVariants>) {\n return (\n <ul\n className={cn(ulVariants({ variant, className }))}\n {...props}\n />\n )\n}\n\nconst olVariants = cva(\n \"list-decimal pl-8 pr-2 my-4 rounded\",\n {\n variants: {\n variant: {\n default: \"bg-transparent border-container py-2\",\n clear: \"\"\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n);\n\nfunction OrderedList({ variant, className, ...props }: React.ComponentProps<\"ol\"> & VariantProps<typeof olVariants>) {\n return (\n <ol\n className={cn(olVariants({ variant, className }))}\n {...props}\n />\n )\n}\n\nfunction InnerUnorderedList({ className, ...props }: React.ComponentProps<\"ul\">) {\n return (\n <ul\n className={cn(\"list-circle pl-8 pr-2 mb-2\", className)}\n {...props}\n />\n )\n}\n\nexport { InnerUnorderedList, OrderedList, UnorderedList };\n\n"],"names":["ulVariants","cva","UnorderedList","variant","className","props","jsx","cn","olVariants","OrderedList","InnerUnorderedList"],"mappings":";;;AAIA,MAAMA,IAAaC;AAAA,EACf;AAAA,EACA;AAAA,IACI,UAAU;AAAA,MACN,SAAS;AAAA,QACL,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,iBAAiB;AAAA,MACb,SAAS;AAAA,IAAA;AAAA,EACb;AAER;AAEA,SAASC,EAAc,EAAE,SAAAC,GAAS,WAAAC,GAAW,GAAGC,KAAuE;AACnH,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAGP,EAAW,EAAE,SAAAG,GAAS,WAAAC,EAAA,CAAW,CAAC;AAAA,MAC/C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,MAAMG,IAAaP;AAAA,EACf;AAAA,EACA;AAAA,IACI,UAAU;AAAA,MACN,SAAS;AAAA,QACL,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,iBAAiB;AAAA,MACb,SAAS;AAAA,IAAA;AAAA,EACb;AAER;AAEA,SAASQ,EAAY,EAAE,SAAAN,GAAS,WAAAC,GAAW,GAAGC,KAAuE;AACjH,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAGC,EAAW,EAAE,SAAAL,GAAS,WAAAC,EAAA,CAAW,CAAC;AAAA,MAC/C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,SAASK,EAAmB,EAAE,WAAAN,GAAW,GAAGC,KAAqC;AAC7E,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAG,8BAA8BH,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
|
package/dist/components/Table.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import { c as o } from "../shared/utils.js";
|
|
4
|
-
function
|
|
4
|
+
function n({ className: t, ...e }) {
|
|
5
5
|
return /* @__PURE__ */ a(
|
|
6
6
|
"div",
|
|
7
7
|
{
|
|
8
8
|
"data-slot": "table-container",
|
|
9
|
-
className: "relative w-full overflow-x-auto
|
|
9
|
+
className: "relative w-full overflow-x-auto",
|
|
10
10
|
children: /* @__PURE__ */ a(
|
|
11
11
|
"table",
|
|
12
12
|
{
|
|
@@ -113,7 +113,7 @@ function f({
|
|
|
113
113
|
);
|
|
114
114
|
}
|
|
115
115
|
export {
|
|
116
|
-
|
|
116
|
+
n as Table,
|
|
117
117
|
c as TableBody,
|
|
118
118
|
f as TableCaption,
|
|
119
119
|
u as TableCell,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sources":["../../src/components/Table/Table.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/utils'\n\nexport function Table({ className, ...props }: React.ComponentProps<'table'>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"table-container\"\n\t\t\tclassName=\"relative w-full overflow-x-auto
|
|
1
|
+
{"version":3,"file":"Table.js","sources":["../../src/components/Table/Table.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/utils'\n\nexport function Table({ className, ...props }: React.ComponentProps<'table'>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"table-container\"\n\t\t\tclassName=\"relative w-full overflow-x-auto\"\n\t\t>\n\t\t\t<table\n\t\t\t\tdata-slot=\"table\"\n\t\t\t\tclassName={cn('w-full caption-bottom text-sm', className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n\nexport function TableHeader({\n\tclassName,\n\t...props\n}: React.ComponentProps<'thead'>) {\n\treturn (\n\t\t<thead\n\t\t\tdata-slot=\"table-header\"\n\t\t\tclassName={cn('[&_tr]:border-b', className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function TableBody({\n\tclassName,\n\t...props\n}: React.ComponentProps<'tbody'>) {\n\treturn (\n\t\t<tbody\n\t\t\tdata-slot=\"table-body\"\n\t\t\tclassName={cn('[&_tr:last-child]:border-0', className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function TableFooter({\n\tclassName,\n\t...props\n}: React.ComponentProps<'tfoot'>) {\n\treturn (\n\t\t<tfoot\n\t\t\tdata-slot=\"table-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n\treturn (\n\t\t<tr\n\t\t\tdata-slot=\"table-row\"\n\t\t\tclassName={cn(\n\t\t\t\t'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n\treturn (\n\t\t<th\n\t\t\tdata-slot=\"table-head\"\n\t\t\tclassName={cn(\n\t\t\t\t'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap first:pl-4 last:pr-4 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n\treturn (\n\t\t<td\n\t\t\tdata-slot=\"table-cell\"\n\t\t\tclassName={cn(\n\t\t\t\t'p-2 align-middle whitespace-nowrap first:pl-4 last:pr-4 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport function TableCaption({\n\tclassName,\n\t...props\n}: React.ComponentProps<'caption'>) {\n\treturn (\n\t\t<caption\n\t\t\tdata-slot=\"table-caption\"\n\t\t\tclassName={cn('text-muted-foreground mt-4 text-sm', className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n"],"names":["Table","className","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;AAIO,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAwC;AAC7E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,aAAU;AAAA,UACV,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,UACvD,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;AAEO,SAASG,EAAY;AAAA,EAC3B,WAAAJ;AAAA,EACA,GAAGC;AACJ,GAAkC;AACjC,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC,EAAG,mBAAmBH,CAAS;AAAA,MACzC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASI,EAAU;AAAA,EACzB,WAAAL;AAAA,EACA,GAAGC;AACJ,GAAkC;AACjC,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC,EAAG,8BAA8BH,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASK,EAAY;AAAA,EAC3B,WAAAN;AAAA,EACA,GAAGC;AACJ,GAAkC;AACjC,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASM,EAAS,EAAE,WAAAP,GAAW,GAAGC,KAAqC;AAC7E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASO,EAAU,EAAE,WAAAR,GAAW,GAAGC,KAAqC;AAC9E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASQ,EAAU,EAAE,WAAAT,GAAW,GAAGC,KAAqC;AAC9E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASS,EAAa;AAAA,EAC5B,WAAAV;AAAA,EACA,GAAGC;AACJ,GAAoC;AACnC,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import { c as t } from "../shared/utils.js";
|
|
4
|
-
function
|
|
4
|
+
function d({
|
|
5
5
|
className: r,
|
|
6
6
|
...e
|
|
7
7
|
}) {
|
|
@@ -10,7 +10,7 @@ function n({
|
|
|
10
10
|
{
|
|
11
11
|
"data-slot": "textarea",
|
|
12
12
|
className: t(
|
|
13
|
-
"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded border bg-
|
|
13
|
+
"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
|
14
14
|
r
|
|
15
15
|
),
|
|
16
16
|
...e
|
|
@@ -18,6 +18,6 @@ function n({
|
|
|
18
18
|
);
|
|
19
19
|
}
|
|
20
20
|
export {
|
|
21
|
-
|
|
21
|
+
d as Textarea
|
|
22
22
|
};
|
|
23
23
|
//# sourceMappingURL=Textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sources":["../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/utils'\n\nexport function Textarea({\n\tclassName,\n\t...props\n}: React.ComponentProps<'textarea'>) {\n\treturn (\n\t\t<textarea\n\t\t\tdata-slot=\"textarea\"\n\t\t\tclassName={cn(\n\t\t\t\t'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded border bg-
|
|
1
|
+
{"version":3,"file":"Textarea.js","sources":["../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/utils'\n\nexport function Textarea({\n\tclassName,\n\t...props\n}: React.ComponentProps<'textarea'>) {\n\treturn (\n\t\t<textarea\n\t\t\tdata-slot=\"textarea\"\n\t\t\tclassName={cn(\n\t\t\t\t'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n"],"names":["Textarea","className","props","jsx","cn"],"mappings":";;;AAIO,SAASA,EAAS;AAAA,EACxB,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAqC;AACpC,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
package/dist/shared/Input.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { c as
|
|
4
|
-
function
|
|
3
|
+
import { c as n } from "./utils.js";
|
|
4
|
+
function s({ className: e, type: i, ...r }) {
|
|
5
5
|
return /* @__PURE__ */ t(
|
|
6
6
|
"input",
|
|
7
7
|
{
|
|
8
8
|
type: i,
|
|
9
9
|
"data-slot": "input",
|
|
10
|
-
className:
|
|
11
|
-
"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input h-9 w-full min-w-0 rounded border bg-
|
|
10
|
+
className: n(
|
|
11
|
+
"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
|
12
12
|
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
|
|
13
13
|
"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
|
|
14
14
|
e
|
|
@@ -18,6 +18,6 @@ function l({ className: e, type: i, ...r }) {
|
|
|
18
18
|
);
|
|
19
19
|
}
|
|
20
20
|
export {
|
|
21
|
-
|
|
21
|
+
s as I
|
|
22
22
|
};
|
|
23
23
|
//# sourceMappingURL=Input.js.map
|
package/dist/shared/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n\treturn (\n\t\t<input\n\t\t\ttype={type}\n\t\t\tdata-slot=\"input\"\n\t\t\tclassName={cn(\n\t\t\t\t\"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input h-9 w-full min-w-0 rounded border bg-
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n\treturn (\n\t\t<input\n\t\t\ttype={type}\n\t\t\tdata-slot=\"input\"\n\t\t\tclassName={cn(\n\t\t\t\t\"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n\t\t\t\t\"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n\t\t\t\t\"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport { Input }\n"],"names":["Input","className","type","props","jsx","cn"],"mappings":";;;AAIA,SAASA,EAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,KAAwC;AAC5E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAAF;AAAA,MACA,aAAU;AAAA,MACV,WAAWG;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
package/dist/shared/Select.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { c as
|
|
3
|
+
import { c as s } from "./utils.js";
|
|
4
4
|
function l({
|
|
5
5
|
className: e,
|
|
6
6
|
...o
|
|
@@ -9,8 +9,8 @@ function l({
|
|
|
9
9
|
"select",
|
|
10
10
|
{
|
|
11
11
|
"data-slot": "select",
|
|
12
|
-
className:
|
|
13
|
-
"flex h-9 w-full rounded border border-input bg-
|
|
12
|
+
className: s(
|
|
13
|
+
"flex h-9 w-full rounded border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors outline-none",
|
|
14
14
|
"focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:border-ring",
|
|
15
15
|
"disabled:pointer-events-none disabled:opacity-50",
|
|
16
16
|
e
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sources":["../../src/components/Select/Select.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/utils'\n\n/** Native select styled to match design-system Input (form control). */\nexport function Select({\n\tclassName,\n\t...props\n}: React.ComponentProps<'select'>) {\n\treturn (\n\t\t<select\n\t\t\tdata-slot=\"select\"\n\t\t\tclassName={cn(\n\t\t\t\t'flex h-9 w-full rounded border border-input bg-
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../src/components/Select/Select.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/utils'\n\n/** Native select styled to match design-system Input (form control). */\nexport function Select({\n\tclassName,\n\t...props\n}: React.ComponentProps<'select'>) {\n\treturn (\n\t\t<select\n\t\t\tdata-slot=\"select\"\n\t\t\tclassName={cn(\n\t\t\t\t'flex h-9 w-full rounded border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors outline-none',\n\t\t\t\t'focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:border-ring',\n\t\t\t\t'disabled:pointer-events-none disabled:opacity-50',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n"],"names":["Select","className","props","jsx","cn"],"mappings":";;;AAKO,SAASA,EAAO;AAAA,EACtB,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAmC;AAClC,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@abumble/design-system",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.50",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist",
|
|
6
6
|
"src/styles.css",
|
|
@@ -41,7 +41,10 @@
|
|
|
41
41
|
"types": "./dist/themes/index.d.ts"
|
|
42
42
|
},
|
|
43
43
|
"./themes/linen.css": "./src/themes/linen.css",
|
|
44
|
-
"./themes/steel.css": "./src/themes/steel.css"
|
|
44
|
+
"./themes/steel.css": "./src/themes/steel.css",
|
|
45
|
+
"./themes/sage.css": "./src/themes/sage.css",
|
|
46
|
+
"./themes/dusk.css": "./src/themes/dusk.css",
|
|
47
|
+
"./themes/canopy.css": "./src/themes/canopy.css"
|
|
45
48
|
},
|
|
46
49
|
"scripts": {
|
|
47
50
|
"version": "npm run build",
|
package/src/styles.css
CHANGED
package/dist/themes/theme.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/themes/theme.tsx"],"names":[],"mappings":""}
|
package/src/themes/theme.tsx
DELETED