@kopexa/theme 17.13.1 → 17.14.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.
@@ -34,10 +34,21 @@ var editorBasic = tv({
34
34
  variant: {
35
35
  // rounded toolbar, muted background
36
36
  default: {
37
- wrapper: ["border rounded-md"],
37
+ wrapper: "",
38
38
  toolbarContainer: "rounded-md mb-2",
39
39
  content: ""
40
40
  },
41
+ // Minimal inline editor - no border, no padding, flexible height
42
+ inline: {
43
+ root: "h-auto min-h-0",
44
+ wrapper: "min-h-0 overflow-y-auto",
45
+ content: [
46
+ "[&_.tiptap.ProseMirror]:py-0",
47
+ "[&_.tiptap.ProseMirror]:px-0",
48
+ "[&_.tiptap.ProseMirror]:min-h-[80px]",
49
+ "[&_.tiptap.ProseMirror]:outline-none"
50
+ ]
51
+ },
41
52
  // document style, eg. document editor, fullpage etc pp
42
53
  document: {
43
54
  root: "h-full min-h-0 flex flex-col overflow-hidden",
@@ -108,6 +119,26 @@ var editorBasic = tv({
108
119
  }
109
120
  },
110
121
  compoundVariants: [
122
+ // Default with border (standard)
123
+ {
124
+ variant: "default",
125
+ bordered: true,
126
+ class: {
127
+ wrapper: "border rounded-md"
128
+ }
129
+ },
130
+ // Default without border (minimal/inline)
131
+ {
132
+ variant: "default",
133
+ bordered: false,
134
+ class: {
135
+ wrapper: "border-0",
136
+ content: [
137
+ "[&_.tiptap.ProseMirror]:py-0",
138
+ "[&_.tiptap.ProseMirror]:px-0"
139
+ ]
140
+ }
141
+ },
111
142
  // Field with border (default for editable)
112
143
  {
113
144
  variant: "field",
@@ -4,10 +4,15 @@ import { VariantProps } from 'tailwind-variants';
4
4
  declare const editorBasic: tailwind_variants.TVReturnType<{
5
5
  variant: {
6
6
  default: {
7
- wrapper: string[];
7
+ wrapper: string;
8
8
  toolbarContainer: string;
9
9
  content: string;
10
10
  };
11
+ inline: {
12
+ root: string;
13
+ wrapper: string;
14
+ content: string[];
15
+ };
11
16
  document: {
12
17
  root: string;
13
18
  toolbarContainer: string[];
@@ -41,10 +46,15 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
41
46
  }, undefined, {
42
47
  variant: {
43
48
  default: {
44
- wrapper: string[];
49
+ wrapper: string;
45
50
  toolbarContainer: string;
46
51
  content: string;
47
52
  };
53
+ inline: {
54
+ root: string;
55
+ wrapper: string;
56
+ content: string[];
57
+ };
48
58
  document: {
49
59
  root: string;
50
60
  toolbarContainer: string[];
@@ -78,10 +88,15 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
78
88
  }, tailwind_variants.TVReturnType<{
79
89
  variant: {
80
90
  default: {
81
- wrapper: string[];
91
+ wrapper: string;
82
92
  toolbarContainer: string;
83
93
  content: string;
84
94
  };
95
+ inline: {
96
+ root: string;
97
+ wrapper: string;
98
+ content: string[];
99
+ };
85
100
  document: {
86
101
  root: string;
87
102
  toolbarContainer: string[];
@@ -4,10 +4,15 @@ import { VariantProps } from 'tailwind-variants';
4
4
  declare const editorBasic: tailwind_variants.TVReturnType<{
5
5
  variant: {
6
6
  default: {
7
- wrapper: string[];
7
+ wrapper: string;
8
8
  toolbarContainer: string;
9
9
  content: string;
10
10
  };
11
+ inline: {
12
+ root: string;
13
+ wrapper: string;
14
+ content: string[];
15
+ };
11
16
  document: {
12
17
  root: string;
13
18
  toolbarContainer: string[];
@@ -41,10 +46,15 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
41
46
  }, undefined, {
42
47
  variant: {
43
48
  default: {
44
- wrapper: string[];
49
+ wrapper: string;
45
50
  toolbarContainer: string;
46
51
  content: string;
47
52
  };
53
+ inline: {
54
+ root: string;
55
+ wrapper: string;
56
+ content: string[];
57
+ };
48
58
  document: {
49
59
  root: string;
50
60
  toolbarContainer: string[];
@@ -78,10 +88,15 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
78
88
  }, tailwind_variants.TVReturnType<{
79
89
  variant: {
80
90
  default: {
81
- wrapper: string[];
91
+ wrapper: string;
82
92
  toolbarContainer: string;
83
93
  content: string;
84
94
  };
95
+ inline: {
96
+ root: string;
97
+ wrapper: string;
98
+ content: string[];
99
+ };
85
100
  document: {
86
101
  root: string;
87
102
  toolbarContainer: string[];
@@ -58,10 +58,21 @@ var editorBasic = (0, import_tailwind_variants.tv)({
58
58
  variant: {
59
59
  // rounded toolbar, muted background
60
60
  default: {
61
- wrapper: ["border rounded-md"],
61
+ wrapper: "",
62
62
  toolbarContainer: "rounded-md mb-2",
63
63
  content: ""
64
64
  },
65
+ // Minimal inline editor - no border, no padding, flexible height
66
+ inline: {
67
+ root: "h-auto min-h-0",
68
+ wrapper: "min-h-0 overflow-y-auto",
69
+ content: [
70
+ "[&_.tiptap.ProseMirror]:py-0",
71
+ "[&_.tiptap.ProseMirror]:px-0",
72
+ "[&_.tiptap.ProseMirror]:min-h-[80px]",
73
+ "[&_.tiptap.ProseMirror]:outline-none"
74
+ ]
75
+ },
65
76
  // document style, eg. document editor, fullpage etc pp
66
77
  document: {
67
78
  root: "h-full min-h-0 flex flex-col overflow-hidden",
@@ -132,6 +143,26 @@ var editorBasic = (0, import_tailwind_variants.tv)({
132
143
  }
133
144
  },
134
145
  compoundVariants: [
146
+ // Default with border (standard)
147
+ {
148
+ variant: "default",
149
+ bordered: true,
150
+ class: {
151
+ wrapper: "border rounded-md"
152
+ }
153
+ },
154
+ // Default without border (minimal/inline)
155
+ {
156
+ variant: "default",
157
+ bordered: false,
158
+ class: {
159
+ wrapper: "border-0",
160
+ content: [
161
+ "[&_.tiptap.ProseMirror]:py-0",
162
+ "[&_.tiptap.ProseMirror]:px-0"
163
+ ]
164
+ }
165
+ },
135
166
  // Field with border (default for editable)
136
167
  {
137
168
  variant: "field",
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  editorBasic
3
- } from "../chunk-6DUVIKEU.mjs";
3
+ } from "../chunk-LPNA4ATD.mjs";
4
4
  export {
5
5
  editorBasic
6
6
  };
@@ -2367,10 +2367,21 @@ var editorBasic = (0, import_tailwind_variants26.tv)({
2367
2367
  variant: {
2368
2368
  // rounded toolbar, muted background
2369
2369
  default: {
2370
- wrapper: ["border rounded-md"],
2370
+ wrapper: "",
2371
2371
  toolbarContainer: "rounded-md mb-2",
2372
2372
  content: ""
2373
2373
  },
2374
+ // Minimal inline editor - no border, no padding, flexible height
2375
+ inline: {
2376
+ root: "h-auto min-h-0",
2377
+ wrapper: "min-h-0 overflow-y-auto",
2378
+ content: [
2379
+ "[&_.tiptap.ProseMirror]:py-0",
2380
+ "[&_.tiptap.ProseMirror]:px-0",
2381
+ "[&_.tiptap.ProseMirror]:min-h-[80px]",
2382
+ "[&_.tiptap.ProseMirror]:outline-none"
2383
+ ]
2384
+ },
2374
2385
  // document style, eg. document editor, fullpage etc pp
2375
2386
  document: {
2376
2387
  root: "h-full min-h-0 flex flex-col overflow-hidden",
@@ -2441,6 +2452,26 @@ var editorBasic = (0, import_tailwind_variants26.tv)({
2441
2452
  }
2442
2453
  },
2443
2454
  compoundVariants: [
2455
+ // Default with border (standard)
2456
+ {
2457
+ variant: "default",
2458
+ bordered: true,
2459
+ class: {
2460
+ wrapper: "border rounded-md"
2461
+ }
2462
+ },
2463
+ // Default without border (minimal/inline)
2464
+ {
2465
+ variant: "default",
2466
+ bordered: false,
2467
+ class: {
2468
+ wrapper: "border-0",
2469
+ content: [
2470
+ "[&_.tiptap.ProseMirror]:py-0",
2471
+ "[&_.tiptap.ProseMirror]:px-0"
2472
+ ]
2473
+ }
2474
+ },
2444
2475
  // Field with border (default for editable)
2445
2476
  {
2446
2477
  variant: "field",
@@ -123,7 +123,7 @@ import {
123
123
  } from "../chunk-3PCDCW7G.mjs";
124
124
  import {
125
125
  editorBasic
126
- } from "../chunk-6DUVIKEU.mjs";
126
+ } from "../chunk-LPNA4ATD.mjs";
127
127
  import {
128
128
  editorSpinner
129
129
  } from "../chunk-TVC4THD6.mjs";
package/dist/index.js CHANGED
@@ -2367,10 +2367,21 @@ var editorBasic = (0, import_tailwind_variants26.tv)({
2367
2367
  variant: {
2368
2368
  // rounded toolbar, muted background
2369
2369
  default: {
2370
- wrapper: ["border rounded-md"],
2370
+ wrapper: "",
2371
2371
  toolbarContainer: "rounded-md mb-2",
2372
2372
  content: ""
2373
2373
  },
2374
+ // Minimal inline editor - no border, no padding, flexible height
2375
+ inline: {
2376
+ root: "h-auto min-h-0",
2377
+ wrapper: "min-h-0 overflow-y-auto",
2378
+ content: [
2379
+ "[&_.tiptap.ProseMirror]:py-0",
2380
+ "[&_.tiptap.ProseMirror]:px-0",
2381
+ "[&_.tiptap.ProseMirror]:min-h-[80px]",
2382
+ "[&_.tiptap.ProseMirror]:outline-none"
2383
+ ]
2384
+ },
2374
2385
  // document style, eg. document editor, fullpage etc pp
2375
2386
  document: {
2376
2387
  root: "h-full min-h-0 flex flex-col overflow-hidden",
@@ -2441,6 +2452,26 @@ var editorBasic = (0, import_tailwind_variants26.tv)({
2441
2452
  }
2442
2453
  },
2443
2454
  compoundVariants: [
2455
+ // Default with border (standard)
2456
+ {
2457
+ variant: "default",
2458
+ bordered: true,
2459
+ class: {
2460
+ wrapper: "border rounded-md"
2461
+ }
2462
+ },
2463
+ // Default without border (minimal/inline)
2464
+ {
2465
+ variant: "default",
2466
+ bordered: false,
2467
+ class: {
2468
+ wrapper: "border-0",
2469
+ content: [
2470
+ "[&_.tiptap.ProseMirror]:py-0",
2471
+ "[&_.tiptap.ProseMirror]:px-0"
2472
+ ]
2473
+ }
2474
+ },
2444
2475
  // Field with border (default for editable)
2445
2476
  {
2446
2477
  variant: "field",
package/dist/index.mjs CHANGED
@@ -124,7 +124,7 @@ import {
124
124
  } from "./chunk-3PCDCW7G.mjs";
125
125
  import {
126
126
  editorBasic
127
- } from "./chunk-6DUVIKEU.mjs";
127
+ } from "./chunk-LPNA4ATD.mjs";
128
128
  import {
129
129
  editorSpinner
130
130
  } from "./chunk-TVC4THD6.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/theme",
3
- "version": "17.13.1",
3
+ "version": "17.14.0",
4
4
  "description": "The default theme for Kopexa components",
5
5
  "keywords": [
6
6
  "theme",
@@ -66,7 +66,7 @@
66
66
  "tailwind-merge": "3.4.0",
67
67
  "tailwind-variants": "^3.2.2",
68
68
  "tw-animate-css": "^1.4.0",
69
- "@kopexa/shared-utils": "17.0.26"
69
+ "@kopexa/shared-utils": "17.0.27"
70
70
  },
71
71
  "peerDependencies": {
72
72
  "tailwindcss": ">=4.0.0"