@kopexa/theme 17.3.0 → 17.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.
@@ -6,7 +6,7 @@ var accordion = tv({
6
6
  item: "border-b last:border-b-0",
7
7
  trigger: [
8
8
  "w-full",
9
- "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180"
9
+ "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-center justify-between gap-4 rounded-md text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180"
10
10
  ],
11
11
  triggerIcon: [
12
12
  "pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
@@ -55,13 +55,25 @@ var accordion = tv({
55
55
  trigger: "px-4",
56
56
  content: "px-4"
57
57
  }
58
+ },
59
+ triggerSpacing: {
60
+ sm: {
61
+ trigger: "py-2"
62
+ },
63
+ md: {
64
+ trigger: "py-3"
65
+ },
66
+ lg: {
67
+ trigger: "py-4"
68
+ }
58
69
  }
59
70
  },
60
71
  defaultVariants: {
61
72
  color: "default",
62
73
  spacing: "default",
63
74
  radius: "md",
64
- border: "default"
75
+ border: "default",
76
+ triggerSpacing: "lg"
65
77
  }
66
78
  });
67
79
 
@@ -40,6 +40,17 @@ declare const accordion: tailwind_variants.TVReturnType<{
40
40
  content: string;
41
41
  };
42
42
  };
43
+ triggerSpacing: {
44
+ sm: {
45
+ trigger: string;
46
+ };
47
+ md: {
48
+ trigger: string;
49
+ };
50
+ lg: {
51
+ trigger: string;
52
+ };
53
+ };
43
54
  }, {
44
55
  root: string;
45
56
  item: string;
@@ -86,6 +97,17 @@ declare const accordion: tailwind_variants.TVReturnType<{
86
97
  content: string;
87
98
  };
88
99
  };
100
+ triggerSpacing: {
101
+ sm: {
102
+ trigger: string;
103
+ };
104
+ md: {
105
+ trigger: string;
106
+ };
107
+ lg: {
108
+ trigger: string;
109
+ };
110
+ };
89
111
  }, {
90
112
  root: string;
91
113
  item: string;
@@ -132,6 +154,17 @@ declare const accordion: tailwind_variants.TVReturnType<{
132
154
  content: string;
133
155
  };
134
156
  };
157
+ triggerSpacing: {
158
+ sm: {
159
+ trigger: string;
160
+ };
161
+ md: {
162
+ trigger: string;
163
+ };
164
+ lg: {
165
+ trigger: string;
166
+ };
167
+ };
135
168
  }, {
136
169
  root: string;
137
170
  item: string;
@@ -40,6 +40,17 @@ declare const accordion: tailwind_variants.TVReturnType<{
40
40
  content: string;
41
41
  };
42
42
  };
43
+ triggerSpacing: {
44
+ sm: {
45
+ trigger: string;
46
+ };
47
+ md: {
48
+ trigger: string;
49
+ };
50
+ lg: {
51
+ trigger: string;
52
+ };
53
+ };
43
54
  }, {
44
55
  root: string;
45
56
  item: string;
@@ -86,6 +97,17 @@ declare const accordion: tailwind_variants.TVReturnType<{
86
97
  content: string;
87
98
  };
88
99
  };
100
+ triggerSpacing: {
101
+ sm: {
102
+ trigger: string;
103
+ };
104
+ md: {
105
+ trigger: string;
106
+ };
107
+ lg: {
108
+ trigger: string;
109
+ };
110
+ };
89
111
  }, {
90
112
  root: string;
91
113
  item: string;
@@ -132,6 +154,17 @@ declare const accordion: tailwind_variants.TVReturnType<{
132
154
  content: string;
133
155
  };
134
156
  };
157
+ triggerSpacing: {
158
+ sm: {
159
+ trigger: string;
160
+ };
161
+ md: {
162
+ trigger: string;
163
+ };
164
+ lg: {
165
+ trigger: string;
166
+ };
167
+ };
135
168
  }, {
136
169
  root: string;
137
170
  item: string;
@@ -30,7 +30,7 @@ var accordion = (0, import_tailwind_variants.tv)({
30
30
  item: "border-b last:border-b-0",
31
31
  trigger: [
32
32
  "w-full",
33
- "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180"
33
+ "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-center justify-between gap-4 rounded-md text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180"
34
34
  ],
35
35
  triggerIcon: [
36
36
  "pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
@@ -79,13 +79,25 @@ var accordion = (0, import_tailwind_variants.tv)({
79
79
  trigger: "px-4",
80
80
  content: "px-4"
81
81
  }
82
+ },
83
+ triggerSpacing: {
84
+ sm: {
85
+ trigger: "py-2"
86
+ },
87
+ md: {
88
+ trigger: "py-3"
89
+ },
90
+ lg: {
91
+ trigger: "py-4"
92
+ }
82
93
  }
83
94
  },
84
95
  defaultVariants: {
85
96
  color: "default",
86
97
  spacing: "default",
87
98
  radius: "md",
88
- border: "default"
99
+ border: "default",
100
+ triggerSpacing: "lg"
89
101
  }
90
102
  });
91
103
  // Annotate the CommonJS export names for ESM import in node:
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  accordion
3
- } from "../chunk-TLCFFCOP.mjs";
3
+ } from "../chunk-AEWKHJEI.mjs";
4
4
  export {
5
5
  accordion
6
6
  };
@@ -96,7 +96,7 @@ var accordion = (0, import_tailwind_variants.tv)({
96
96
  item: "border-b last:border-b-0",
97
97
  trigger: [
98
98
  "w-full",
99
- "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180"
99
+ "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-center justify-between gap-4 rounded-md text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180"
100
100
  ],
101
101
  triggerIcon: [
102
102
  "pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
@@ -145,13 +145,25 @@ var accordion = (0, import_tailwind_variants.tv)({
145
145
  trigger: "px-4",
146
146
  content: "px-4"
147
147
  }
148
+ },
149
+ triggerSpacing: {
150
+ sm: {
151
+ trigger: "py-2"
152
+ },
153
+ md: {
154
+ trigger: "py-3"
155
+ },
156
+ lg: {
157
+ trigger: "py-4"
158
+ }
148
159
  }
149
160
  },
150
161
  defaultVariants: {
151
162
  color: "default",
152
163
  spacing: "default",
153
164
  radius: "md",
154
- border: "default"
165
+ border: "default",
166
+ triggerSpacing: "lg"
155
167
  }
156
168
  });
157
169
 
@@ -165,7 +165,7 @@ import {
165
165
  } from "../chunk-76J7KB3M.mjs";
166
166
  import {
167
167
  accordion
168
- } from "../chunk-TLCFFCOP.mjs";
168
+ } from "../chunk-AEWKHJEI.mjs";
169
169
  import {
170
170
  alertDialog
171
171
  } from "../chunk-XGUDXC5P.mjs";
package/dist/index.js CHANGED
@@ -96,7 +96,7 @@ var accordion = (0, import_tailwind_variants.tv)({
96
96
  item: "border-b last:border-b-0",
97
97
  trigger: [
98
98
  "w-full",
99
- "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180"
99
+ "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-center justify-between gap-4 rounded-md text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180"
100
100
  ],
101
101
  triggerIcon: [
102
102
  "pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
@@ -145,13 +145,25 @@ var accordion = (0, import_tailwind_variants.tv)({
145
145
  trigger: "px-4",
146
146
  content: "px-4"
147
147
  }
148
+ },
149
+ triggerSpacing: {
150
+ sm: {
151
+ trigger: "py-2"
152
+ },
153
+ md: {
154
+ trigger: "py-3"
155
+ },
156
+ lg: {
157
+ trigger: "py-4"
158
+ }
148
159
  }
149
160
  },
150
161
  defaultVariants: {
151
162
  color: "default",
152
163
  spacing: "default",
153
164
  radius: "md",
154
- border: "default"
165
+ border: "default",
166
+ triggerSpacing: "lg"
155
167
  }
156
168
  });
157
169
 
package/dist/index.mjs CHANGED
@@ -166,7 +166,7 @@ import {
166
166
  } from "./chunk-76J7KB3M.mjs";
167
167
  import {
168
168
  accordion
169
- } from "./chunk-TLCFFCOP.mjs";
169
+ } from "./chunk-AEWKHJEI.mjs";
170
170
  import {
171
171
  alertDialog
172
172
  } from "./chunk-XGUDXC5P.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/theme",
3
- "version": "17.3.0",
3
+ "version": "17.4.0",
4
4
  "description": "The default theme for Kopexa components",
5
5
  "keywords": [
6
6
  "theme",
@@ -65,7 +65,7 @@
65
65
  "tailwind-merge": "3.3.1",
66
66
  "tailwind-variants": "^3.2.2",
67
67
  "tw-animate-css": "^1.4.0",
68
- "@kopexa/shared-utils": "17.0.7"
68
+ "@kopexa/shared-utils": "17.0.8"
69
69
  },
70
70
  "peerDependencies": {
71
71
  "tailwindcss": ">=4.0.0"