@kopexa/theme 17.13.0 → 17.13.1

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.
Files changed (10) hide show
  1. package/dist/{chunk-Z5W4E7GM.mjs → chunk-BCQAC4TS.mjs} +10 -8
  2. package/dist/components/data-grid.d.mts +6 -0
  3. package/dist/components/data-grid.d.ts +6 -0
  4. package/dist/components/data-grid.js +10 -8
  5. package/dist/components/data-grid.mjs +1 -1
  6. package/dist/components/index.js +10 -8
  7. package/dist/components/index.mjs +1 -1
  8. package/dist/index.js +10 -8
  9. package/dist/index.mjs +1 -1
  10. package/package.json +2 -2
package/dist/{chunk-Z5W4E7GM.mjs → chunk-BCQAC4TS.mjs} RENAMED
@@ -78,7 +78,9 @@ var datagrid = tv({
78
78
  width: {
79
79
  fixed: {
80
80
  table: "table-fixed",
81
- headerRowCell: "w-[var(--size)]"
81
+ headerRowCell: "w-[var(--size)]",
82
+ bodyRowCell: "w-[var(--size)]",
83
+ bodyRowSkeletonCell: "w-[var(--size)]"
82
84
  },
83
85
  auto: {
84
86
  table: "table-auto"
@@ -98,9 +100,9 @@ var datagrid = tv({
98
100
  },
99
101
  columnsPinnable: {
100
102
  true: {
101
- headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
102
- bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
103
- bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background"
103
+ headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
104
+ bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
105
+ bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background"
104
106
  },
105
107
  false: {}
106
108
  },
@@ -163,28 +165,28 @@ var datagrid = tv({
163
165
  columnsPinnable: true,
164
166
  headerColor: "default",
165
167
  className: {
166
- headerRowCell: "data-pinned:bg-transparent!"
168
+ headerRowCell: "data-[pinned]:bg-transparent!"
167
169
  }
168
170
  },
169
171
  {
170
172
  columnsPinnable: true,
171
173
  headerColor: "muted",
172
174
  className: {
173
- headerRowCell: "data-pinned:bg-muted/40!"
175
+ headerRowCell: "data-[pinned]:bg-muted/40!"
174
176
  }
175
177
  },
176
178
  {
177
179
  columnsPinnable: true,
178
180
  headerColor: "primary",
179
181
  className: {
180
- headerRowCell: "data-pinned:bg-primary/10!"
182
+ headerRowCell: "data-[pinned]:bg-primary/10!"
181
183
  }
182
184
  },
183
185
  {
184
186
  columnsPinnable: true,
185
187
  headerColor: "accent",
186
188
  className: {
187
- headerRowCell: "data-pinned:bg-accent!"
189
+ headerRowCell: "data-[pinned]:bg-accent!"
188
190
  }
189
191
  }
190
192
  ],
package/dist/components/data-grid.d.mts CHANGED
@@ -63,6 +63,8 @@ declare const datagrid: tailwind_variants.TVReturnType<{
63
63
  fixed: {
64
64
  table: string;
65
65
  headerRowCell: string;
66
+ bodyRowCell: string;
67
+ bodyRowSkeletonCell: string;
66
68
  };
67
69
  auto: {
68
70
  table: string;
@@ -173,6 +175,8 @@ declare const datagrid: tailwind_variants.TVReturnType<{
173
175
  fixed: {
174
176
  table: string;
175
177
  headerRowCell: string;
178
+ bodyRowCell: string;
179
+ bodyRowSkeletonCell: string;
176
180
  };
177
181
  auto: {
178
182
  table: string;
@@ -283,6 +287,8 @@ declare const datagrid: tailwind_variants.TVReturnType<{
283
287
  fixed: {
284
288
  table: string;
285
289
  headerRowCell: string;
290
+ bodyRowCell: string;
291
+ bodyRowSkeletonCell: string;
286
292
  };
287
293
  auto: {
288
294
  table: string;
package/dist/components/data-grid.d.ts CHANGED
@@ -63,6 +63,8 @@ declare const datagrid: tailwind_variants.TVReturnType<{
63
63
  fixed: {
64
64
  table: string;
65
65
  headerRowCell: string;
66
+ bodyRowCell: string;
67
+ bodyRowSkeletonCell: string;
66
68
  };
67
69
  auto: {
68
70
  table: string;
@@ -173,6 +175,8 @@ declare const datagrid: tailwind_variants.TVReturnType<{
173
175
  fixed: {
174
176
  table: string;
175
177
  headerRowCell: string;
178
+ bodyRowCell: string;
179
+ bodyRowSkeletonCell: string;
176
180
  };
177
181
  auto: {
178
182
  table: string;
@@ -283,6 +287,8 @@ declare const datagrid: tailwind_variants.TVReturnType<{
283
287
  fixed: {
284
288
  table: string;
285
289
  headerRowCell: string;
290
+ bodyRowCell: string;
291
+ bodyRowSkeletonCell: string;
286
292
  };
287
293
  auto: {
288
294
  table: string;
package/dist/components/data-grid.js CHANGED
@@ -102,7 +102,9 @@ var datagrid = (0, import_tailwind_variants.tv)({
102
102
  width: {
103
103
  fixed: {
104
104
  table: "table-fixed",
105
- headerRowCell: "w-[var(--size)]"
105
+ headerRowCell: "w-[var(--size)]",
106
+ bodyRowCell: "w-[var(--size)]",
107
+ bodyRowSkeletonCell: "w-[var(--size)]"
106
108
  },
107
109
  auto: {
108
110
  table: "table-auto"
@@ -122,9 +124,9 @@ var datagrid = (0, import_tailwind_variants.tv)({
122
124
  },
123
125
  columnsPinnable: {
124
126
  true: {
125
- headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
126
- bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
127
- bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background"
127
+ headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
128
+ bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
129
+ bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background"
128
130
  },
129
131
  false: {}
130
132
  },
@@ -187,28 +189,28 @@ var datagrid = (0, import_tailwind_variants.tv)({
187
189
  columnsPinnable: true,
188
190
  headerColor: "default",
189
191
  className: {
190
- headerRowCell: "data-pinned:bg-transparent!"
192
+ headerRowCell: "data-[pinned]:bg-transparent!"
191
193
  }
192
194
  },
193
195
  {
194
196
  columnsPinnable: true,
195
197
  headerColor: "muted",
196
198
  className: {
197
- headerRowCell: "data-pinned:bg-muted/40!"
199
+ headerRowCell: "data-[pinned]:bg-muted/40!"
198
200
  }
199
201
  },
200
202
  {
201
203
  columnsPinnable: true,
202
204
  headerColor: "primary",
203
205
  className: {
204
- headerRowCell: "data-pinned:bg-primary/10!"
206
+ headerRowCell: "data-[pinned]:bg-primary/10!"
205
207
  }
206
208
  },
207
209
  {
208
210
  columnsPinnable: true,
209
211
  headerColor: "accent",
210
212
  className: {
211
- headerRowCell: "data-pinned:bg-accent!"
213
+ headerRowCell: "data-[pinned]:bg-accent!"
212
214
  }
213
215
  }
214
216
  ],
package/dist/components/data-grid.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  datagrid
3
- } from "../chunk-Z5W4E7GM.mjs";
3
+ } from "../chunk-BCQAC4TS.mjs";
4
4
  export {
5
5
  datagrid
6
6
  };
package/dist/components/index.js CHANGED
@@ -1932,7 +1932,9 @@ var datagrid = (0, import_tailwind_variants21.tv)({
1932
1932
  width: {
1933
1933
  fixed: {
1934
1934
  table: "table-fixed",
1935
- headerRowCell: "w-[var(--size)]"
1935
+ headerRowCell: "w-[var(--size)]",
1936
+ bodyRowCell: "w-[var(--size)]",
1937
+ bodyRowSkeletonCell: "w-[var(--size)]"
1936
1938
  },
1937
1939
  auto: {
1938
1940
  table: "table-auto"
@@ -1952,9 +1954,9 @@ var datagrid = (0, import_tailwind_variants21.tv)({
1952
1954
  },
1953
1955
  columnsPinnable: {
1954
1956
  true: {
1955
- headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
1956
- bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
1957
- bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background"
1957
+ headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
1958
+ bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
1959
+ bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background"
1958
1960
  },
1959
1961
  false: {}
1960
1962
  },
@@ -2017,28 +2019,28 @@ var datagrid = (0, import_tailwind_variants21.tv)({
2017
2019
  columnsPinnable: true,
2018
2020
  headerColor: "default",
2019
2021
  className: {
2020
- headerRowCell: "data-pinned:bg-transparent!"
2022
+ headerRowCell: "data-[pinned]:bg-transparent!"
2021
2023
  }
2022
2024
  },
2023
2025
  {
2024
2026
  columnsPinnable: true,
2025
2027
  headerColor: "muted",
2026
2028
  className: {
2027
- headerRowCell: "data-pinned:bg-muted/40!"
2029
+ headerRowCell: "data-[pinned]:bg-muted/40!"
2028
2030
  }
2029
2031
  },
2030
2032
  {
2031
2033
  columnsPinnable: true,
2032
2034
  headerColor: "primary",
2033
2035
  className: {
2034
- headerRowCell: "data-pinned:bg-primary/10!"
2036
+ headerRowCell: "data-[pinned]:bg-primary/10!"
2035
2037
  }
2036
2038
  },
2037
2039
  {
2038
2040
  columnsPinnable: true,
2039
2041
  headerColor: "accent",
2040
2042
  className: {
2041
- headerRowCell: "data-pinned:bg-accent!"
2043
+ headerRowCell: "data-[pinned]:bg-accent!"
2042
2044
  }
2043
2045
  }
2044
2046
  ],
package/dist/components/index.mjs CHANGED
@@ -156,7 +156,7 @@ import {
156
156
  } from "../chunk-M4TXKRUU.mjs";
157
157
  import {
158
158
  datagrid
159
- } from "../chunk-Z5W4E7GM.mjs";
159
+ } from "../chunk-BCQAC4TS.mjs";
160
160
  import {
161
161
  dataTable
162
162
  } from "../chunk-GNYTZGE5.mjs";
package/dist/index.js CHANGED
@@ -1932,7 +1932,9 @@ var datagrid = (0, import_tailwind_variants21.tv)({
1932
1932
  width: {
1933
1933
  fixed: {
1934
1934
  table: "table-fixed",
1935
- headerRowCell: "w-[var(--size)]"
1935
+ headerRowCell: "w-[var(--size)]",
1936
+ bodyRowCell: "w-[var(--size)]",
1937
+ bodyRowSkeletonCell: "w-[var(--size)]"
1936
1938
  },
1937
1939
  auto: {
1938
1940
  table: "table-auto"
@@ -1952,9 +1954,9 @@ var datagrid = (0, import_tailwind_variants21.tv)({
1952
1954
  },
1953
1955
  columnsPinnable: {
1954
1956
  true: {
1955
- headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
1956
- bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
1957
- bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background"
1957
+ headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
1958
+ bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
1959
+ bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background"
1958
1960
  },
1959
1961
  false: {}
1960
1962
  },
@@ -2017,28 +2019,28 @@ var datagrid = (0, import_tailwind_variants21.tv)({
2017
2019
  columnsPinnable: true,
2018
2020
  headerColor: "default",
2019
2021
  className: {
2020
- headerRowCell: "data-pinned:bg-transparent!"
2022
+ headerRowCell: "data-[pinned]:bg-transparent!"
2021
2023
  }
2022
2024
  },
2023
2025
  {
2024
2026
  columnsPinnable: true,
2025
2027
  headerColor: "muted",
2026
2028
  className: {
2027
- headerRowCell: "data-pinned:bg-muted/40!"
2029
+ headerRowCell: "data-[pinned]:bg-muted/40!"
2028
2030
  }
2029
2031
  },
2030
2032
  {
2031
2033
  columnsPinnable: true,
2032
2034
  headerColor: "primary",
2033
2035
  className: {
2034
- headerRowCell: "data-pinned:bg-primary/10!"
2036
+ headerRowCell: "data-[pinned]:bg-primary/10!"
2035
2037
  }
2036
2038
  },
2037
2039
  {
2038
2040
  columnsPinnable: true,
2039
2041
  headerColor: "accent",
2040
2042
  className: {
2041
- headerRowCell: "data-pinned:bg-accent!"
2043
+ headerRowCell: "data-[pinned]:bg-accent!"
2042
2044
  }
2043
2045
  }
2044
2046
  ],
package/dist/index.mjs CHANGED
@@ -157,7 +157,7 @@ import {
157
157
  } from "./chunk-M4TXKRUU.mjs";
158
158
  import {
159
159
  datagrid
160
- } from "./chunk-Z5W4E7GM.mjs";
160
+ } from "./chunk-BCQAC4TS.mjs";
161
161
  import {
162
162
  dataTable
163
163
  } from "./chunk-GNYTZGE5.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/theme",
3
- "version": "17.13.0",
3
+ "version": "17.13.1",
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.25"
69
+ "@kopexa/shared-utils": "17.0.26"
70
70
  },
71
71
  "peerDependencies": {
72
72
  "tailwindcss": ">=4.0.0"