@kopexa/theme 1.2.0 → 1.3.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/chunk-E5AF4JZZ.mjs +167 -0
- package/dist/chunk-HQ27V5V4.mjs +11 -0
- package/dist/chunk-U6ONJKJY.mjs +31 -0
- package/dist/{chunk-EOML76MT.mjs → chunk-YPHFKGNI.mjs} +4 -1
- package/dist/components/button.d.mts +65 -9
- package/dist/components/button.d.ts +65 -9
- package/dist/components/button.js +177 -18
- package/dist/components/button.mjs +3 -1
- package/dist/components/command.d.mts +18 -0
- package/dist/components/command.d.ts +18 -0
- package/dist/components/command.js +4 -1
- package/dist/components/command.mjs +1 -1
- package/dist/components/index.js +181 -19
- package/dist/components/index.mjs +4 -2
- package/dist/index.js +181 -19
- package/dist/index.mjs +4 -2
- package/dist/utils/classes.d.mts +7 -0
- package/dist/utils/classes.d.ts +7 -0
- package/dist/utils/classes.js +36 -0
- package/dist/utils/classes.mjs +8 -0
- package/dist/utils/variants.d.mts +25 -0
- package/dist/utils/variants.d.ts +25 -0
- package/dist/utils/variants.js +55 -0
- package/dist/utils/variants.mjs +6 -0
- package/package.json +2 -2
- package/dist/chunk-GSHMDS47.mjs +0 -37
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
declare const colorVariants: {
|
|
2
|
+
solid: {
|
|
3
|
+
primary: string;
|
|
4
|
+
secondary: string;
|
|
5
|
+
destructive: string;
|
|
6
|
+
warning: string;
|
|
7
|
+
success: string;
|
|
8
|
+
};
|
|
9
|
+
ghost: {
|
|
10
|
+
primary: string;
|
|
11
|
+
secondary: string;
|
|
12
|
+
destructive: string;
|
|
13
|
+
warning: string;
|
|
14
|
+
success: string;
|
|
15
|
+
};
|
|
16
|
+
outline: {
|
|
17
|
+
primary: string;
|
|
18
|
+
secondary: string;
|
|
19
|
+
destructive: string;
|
|
20
|
+
warning: string;
|
|
21
|
+
success: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export { colorVariants };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
declare const colorVariants: {
|
|
2
|
+
solid: {
|
|
3
|
+
primary: string;
|
|
4
|
+
secondary: string;
|
|
5
|
+
destructive: string;
|
|
6
|
+
warning: string;
|
|
7
|
+
success: string;
|
|
8
|
+
};
|
|
9
|
+
ghost: {
|
|
10
|
+
primary: string;
|
|
11
|
+
secondary: string;
|
|
12
|
+
destructive: string;
|
|
13
|
+
warning: string;
|
|
14
|
+
success: string;
|
|
15
|
+
};
|
|
16
|
+
outline: {
|
|
17
|
+
primary: string;
|
|
18
|
+
secondary: string;
|
|
19
|
+
destructive: string;
|
|
20
|
+
warning: string;
|
|
21
|
+
success: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export { colorVariants };
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/utils/variants.ts
|
|
21
|
+
var variants_exports = {};
|
|
22
|
+
__export(variants_exports, {
|
|
23
|
+
colorVariants: () => colorVariants
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(variants_exports);
|
|
26
|
+
var solid = {
|
|
27
|
+
primary: "bg-primary text-primary-foreground",
|
|
28
|
+
secondary: "bg-secondary text-secondary-foreground",
|
|
29
|
+
destructive: "bg-destructive text-destructive-foreground",
|
|
30
|
+
warning: "bg-warning text-warning-foreground",
|
|
31
|
+
success: "bg-success text-success-foreground"
|
|
32
|
+
};
|
|
33
|
+
var outline = {
|
|
34
|
+
primary: "bg-transparent border-primary text-primary",
|
|
35
|
+
secondary: "bg-transparent border-secondary text-secondary",
|
|
36
|
+
destructive: "bg-transparent border-destructive text-destructive",
|
|
37
|
+
warning: "bg-transparent border-warning text-warning",
|
|
38
|
+
success: "bg-transparent border-success text-success"
|
|
39
|
+
};
|
|
40
|
+
var ghost = {
|
|
41
|
+
primary: "bg-transparent text-primary",
|
|
42
|
+
secondary: "bg-transparent text-secondary",
|
|
43
|
+
destructive: "bg-transparent text-destructive",
|
|
44
|
+
warning: "bg-transparent text-warning",
|
|
45
|
+
success: "bg-transparent text-success"
|
|
46
|
+
};
|
|
47
|
+
var colorVariants = {
|
|
48
|
+
solid,
|
|
49
|
+
ghost,
|
|
50
|
+
outline
|
|
51
|
+
};
|
|
52
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
53
|
+
0 && (module.exports = {
|
|
54
|
+
colorVariants
|
|
55
|
+
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kopexa/theme",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"description": "The default theme for Kopexa components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"theme",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"tailwind-merge": "3.3.1",
|
|
46
46
|
"tailwind-variants": "1.0.0",
|
|
47
47
|
"tw-animate-css": "^1.3.5",
|
|
48
|
-
"@kopexa/shared-utils": "1.1.
|
|
48
|
+
"@kopexa/shared-utils": "1.1.1"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
51
|
"tailwindcss": ">=4.0.0"
|
package/dist/chunk-GSHMDS47.mjs
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
// src/components/button.ts
|
|
2
|
-
import { tv } from "tailwind-variants";
|
|
3
|
-
var button = tv({
|
|
4
|
-
base: [
|
|
5
|
-
"relative inline-flex group items-center justify-center select-none",
|
|
6
|
-
"box-border appearance-none min-w-max subpixel-antialiased overflow-hidden cursor-pointer",
|
|
7
|
-
"gap-2",
|
|
8
|
-
"whitespace-nowrap rounded-md transition-all disabled:pointer-events-none disabled:opacity-50",
|
|
9
|
-
"shrink-0 [&_svg]:shrink-0 outline-none",
|
|
10
|
-
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
|
|
11
|
-
"[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
|
|
12
|
-
"text-sm font-medium"
|
|
13
|
-
],
|
|
14
|
-
variants: {
|
|
15
|
-
variant: {
|
|
16
|
-
solid: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
|
|
17
|
-
destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
18
|
-
outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
|
|
19
|
-
secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
|
|
20
|
-
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
21
|
-
link: "text-primary underline-offset-4 hover:underline"
|
|
22
|
-
},
|
|
23
|
-
size: {
|
|
24
|
-
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
25
|
-
md: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
26
|
-
lg: "h-10 rounded-md px-6 has-[>svg]:px-4"
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
defaultVariants: {
|
|
30
|
-
variant: "solid",
|
|
31
|
-
size: "sm"
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
|
|
35
|
-
export {
|
|
36
|
-
button
|
|
37
|
-
};
|