@trsys-tech/matrix-library 0.3.7 → 0.3.8
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/badge.es.js
CHANGED
|
@@ -1,29 +1,34 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { tv as
|
|
3
|
-
import { cn as
|
|
4
|
-
const
|
|
5
|
-
base: "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
|
|
2
|
+
import { tv as t } from "tailwind-variants";
|
|
3
|
+
import { cn as g } from "./utils.es.js";
|
|
4
|
+
const a = t({
|
|
5
|
+
base: "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent",
|
|
6
6
|
variants: {
|
|
7
7
|
variant: {
|
|
8
|
-
primary: "
|
|
9
|
-
secondary: "
|
|
8
|
+
primary: "bg-primary text-primary-foreground hover:bg-primary-600",
|
|
9
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-600",
|
|
10
10
|
outline: "border border-primary text-primary hover:bg-primary-50",
|
|
11
|
-
danger: "
|
|
12
|
-
success: "
|
|
13
|
-
warning: "
|
|
14
|
-
info: "
|
|
15
|
-
primaryInverse: "
|
|
16
|
-
successInverse: "
|
|
17
|
-
dangerInverse: "
|
|
18
|
-
warningInverse: "
|
|
19
|
-
infoInverse: "
|
|
11
|
+
danger: "bg-danger text-danger-foreground hover:bg-danger-600",
|
|
12
|
+
success: "bg-success text-success-foreground hover:bg-success-600",
|
|
13
|
+
warning: "bg-warning text-warning-foreground hover:bg-warning-600",
|
|
14
|
+
info: "bg-info text-info-foreground hover:bg-info-600",
|
|
15
|
+
primaryInverse: "bg-primary-100 text-primary-700 hover:bg-primary-50",
|
|
16
|
+
successInverse: "bg-success-300 text-success-700 hover:bg-success-200",
|
|
17
|
+
dangerInverse: "bg-danger-300 text-danger-600 hover:bg-danger-200",
|
|
18
|
+
warningInverse: "bg-warning-300 text-warning-800 hover:bg-warning-200",
|
|
19
|
+
infoInverse: "bg-info-300 text-info-700 hover:bg-info-200",
|
|
20
|
+
purpleInverce: "bg-purple-200 text-purple-500 hover:bg-purple-100",
|
|
21
|
+
coralInverce: "bg-coral-300 text-coral-600 hover:bg-coral-200",
|
|
22
|
+
turquoiseInverce: "bg-turquoise-200 text-turquoise-600 hover:bg-turquoise-100",
|
|
23
|
+
limeInverce: "bg-lime-300 text-lime-700 hover:bg-lime-200",
|
|
24
|
+
grayInverce: "bg-gray-300 text-text-500 hover:bg-gray-200"
|
|
20
25
|
}
|
|
21
26
|
},
|
|
22
27
|
defaultVariants: {
|
|
23
28
|
variant: "primary"
|
|
24
29
|
}
|
|
25
|
-
}),
|
|
30
|
+
}), c = ({ className: r, variant: e, ...n }) => /* @__PURE__ */ o("div", { className: g(a({ variant: e }), r), ...n });
|
|
26
31
|
export {
|
|
27
|
-
|
|
32
|
+
c as Badge
|
|
28
33
|
};
|
|
29
34
|
//# sourceMappingURL=badge.es.js.map
|
package/dist/badge.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.es.js","sources":["../src/components/badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst badgeVariants = tv({\r\n base: \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\r\n variants: {\r\n variant: {\r\n primary: \"
|
|
1
|
+
{"version":3,"file":"badge.es.js","sources":["../src/components/badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst badgeVariants = tv({\r\n base: \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent\",\r\n variants: {\r\n variant: {\r\n primary: \"bg-primary text-primary-foreground hover:bg-primary-600\",\r\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary-600\",\r\n outline: \"border border-primary text-primary hover:bg-primary-50\",\r\n danger: \"bg-danger text-danger-foreground hover:bg-danger-600\",\r\n success: \"bg-success text-success-foreground hover:bg-success-600\",\r\n warning: \"bg-warning text-warning-foreground hover:bg-warning-600\",\r\n info: \"bg-info text-info-foreground hover:bg-info-600\",\r\n primaryInverse: \"bg-primary-100 text-primary-700 hover:bg-primary-50\",\r\n successInverse: \"bg-success-300 text-success-700 hover:bg-success-200\",\r\n dangerInverse: \"bg-danger-300 text-danger-600 hover:bg-danger-200\",\r\n warningInverse: \"bg-warning-300 text-warning-800 hover:bg-warning-200\",\r\n infoInverse: \"bg-info-300 text-info-700 hover:bg-info-200\",\r\n purpleInverce: \"bg-purple-200 text-purple-500 hover:bg-purple-100\",\r\n coralInverce: \"bg-coral-300 text-coral-600 hover:bg-coral-200\",\r\n turquoiseInverce: \"bg-turquoise-200 text-turquoise-600 hover:bg-turquoise-100\",\r\n limeInverce: \"bg-lime-300 text-lime-700 hover:bg-lime-200\",\r\n grayInverce: \"bg-gray-300 text-text-500 hover:bg-gray-200\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n },\r\n});\r\n\r\nexport type BadgeVariant = VariantProps<typeof badgeVariants>[\"variant\"];\r\n\r\ninterface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {\r\n variant?: BadgeVariant;\r\n}\r\n\r\nconst Badge: React.FC<BadgeProps> = ({ className, variant, ...props }) => {\r\n return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\r\n};\r\n\r\nexport { Badge, type BadgeProps };\r\n"],"names":["badgeVariants","tv","Badge","className","variant","props","jsx","cn"],"mappings":";;;AAOA,MAAMA,IAAgBC,EAAG;AAAA,EACvB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,eAAe;AAAA,MACf,cAAc;AAAA,MACd,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAQKC,IAA8B,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QACpD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAS,CAAA,GAAGD,CAAS,GAAI,GAAGE,EAAO,CAAA;"}
|
|
@@ -15,8 +15,13 @@ declare const badgeVariants: TVReturnType<{
|
|
|
15
15
|
dangerInverse: string;
|
|
16
16
|
warningInverse: string;
|
|
17
17
|
infoInverse: string;
|
|
18
|
+
purpleInverce: string;
|
|
19
|
+
coralInverce: string;
|
|
20
|
+
turquoiseInverce: string;
|
|
21
|
+
limeInverce: string;
|
|
22
|
+
grayInverce: string;
|
|
18
23
|
};
|
|
19
|
-
}, undefined, "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", TVConfig<{
|
|
24
|
+
}, undefined, "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent", TVConfig<{
|
|
20
25
|
variant: {
|
|
21
26
|
primary: string;
|
|
22
27
|
secondary: string;
|
|
@@ -30,6 +35,11 @@ declare const badgeVariants: TVReturnType<{
|
|
|
30
35
|
dangerInverse: string;
|
|
31
36
|
warningInverse: string;
|
|
32
37
|
infoInverse: string;
|
|
38
|
+
purpleInverce: string;
|
|
39
|
+
coralInverce: string;
|
|
40
|
+
turquoiseInverce: string;
|
|
41
|
+
limeInverce: string;
|
|
42
|
+
grayInverce: string;
|
|
33
43
|
};
|
|
34
44
|
}, {
|
|
35
45
|
variant: {
|
|
@@ -45,6 +55,11 @@ declare const badgeVariants: TVReturnType<{
|
|
|
45
55
|
dangerInverse: string;
|
|
46
56
|
warningInverse: string;
|
|
47
57
|
infoInverse: string;
|
|
58
|
+
purpleInverce: string;
|
|
59
|
+
coralInverce: string;
|
|
60
|
+
turquoiseInverce: string;
|
|
61
|
+
limeInverce: string;
|
|
62
|
+
grayInverce: string;
|
|
48
63
|
};
|
|
49
64
|
}>, {
|
|
50
65
|
variant: {
|
|
@@ -60,6 +75,11 @@ declare const badgeVariants: TVReturnType<{
|
|
|
60
75
|
dangerInverse: string;
|
|
61
76
|
warningInverse: string;
|
|
62
77
|
infoInverse: string;
|
|
78
|
+
purpleInverce: string;
|
|
79
|
+
coralInverce: string;
|
|
80
|
+
turquoiseInverce: string;
|
|
81
|
+
limeInverce: string;
|
|
82
|
+
grayInverce: string;
|
|
63
83
|
};
|
|
64
84
|
}, undefined, TVReturnType<{
|
|
65
85
|
variant: {
|
|
@@ -75,8 +95,13 @@ declare const badgeVariants: TVReturnType<{
|
|
|
75
95
|
dangerInverse: string;
|
|
76
96
|
warningInverse: string;
|
|
77
97
|
infoInverse: string;
|
|
98
|
+
purpleInverce: string;
|
|
99
|
+
coralInverce: string;
|
|
100
|
+
turquoiseInverce: string;
|
|
101
|
+
limeInverce: string;
|
|
102
|
+
grayInverce: string;
|
|
78
103
|
};
|
|
79
|
-
}, undefined, "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", TVConfig<{
|
|
104
|
+
}, undefined, "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent", TVConfig<{
|
|
80
105
|
variant: {
|
|
81
106
|
primary: string;
|
|
82
107
|
secondary: string;
|
|
@@ -90,6 +115,11 @@ declare const badgeVariants: TVReturnType<{
|
|
|
90
115
|
dangerInverse: string;
|
|
91
116
|
warningInverse: string;
|
|
92
117
|
infoInverse: string;
|
|
118
|
+
purpleInverce: string;
|
|
119
|
+
coralInverce: string;
|
|
120
|
+
turquoiseInverce: string;
|
|
121
|
+
limeInverce: string;
|
|
122
|
+
grayInverce: string;
|
|
93
123
|
};
|
|
94
124
|
}, {
|
|
95
125
|
variant: {
|
|
@@ -105,6 +135,11 @@ declare const badgeVariants: TVReturnType<{
|
|
|
105
135
|
dangerInverse: string;
|
|
106
136
|
warningInverse: string;
|
|
107
137
|
infoInverse: string;
|
|
138
|
+
purpleInverce: string;
|
|
139
|
+
coralInverce: string;
|
|
140
|
+
turquoiseInverce: string;
|
|
141
|
+
limeInverce: string;
|
|
142
|
+
grayInverce: string;
|
|
108
143
|
};
|
|
109
144
|
}>, unknown, unknown, undefined>>;
|
|
110
145
|
export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA0BjB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC;AAEzE,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/D,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAE/B,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,CAAC"}
|