@vtable-guild/vtable-guild 2.1.4 → 2.2.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.
Files changed (40) hide show
  1. package/README.md +14 -4
  2. package/css/index.css +2 -2
  3. package/css/style.css +445 -773
  4. package/css/tailwind3-utilities.css +443 -771
  5. package/css/tailwind3.css +445 -773
  6. package/css/tailwind4.css +541 -0
  7. package/css/tailwind4.d.ts +3 -0
  8. package/dist/core/src/components/Input.d.ts +3 -3
  9. package/dist/core/src/components/Scrollbar.d.ts.map +1 -1
  10. package/dist/core/src/components/Tooltip.d.ts +1 -1
  11. package/dist/core/src/components/VTableGuildConfigProvider.d.ts +19 -1
  12. package/dist/core/src/components/VTableGuildConfigProvider.d.ts.map +1 -1
  13. package/dist/core/src/composables/useTheme.d.ts.map +1 -1
  14. package/dist/core/src/index.d.ts +7 -2
  15. package/dist/core/src/index.d.ts.map +1 -1
  16. package/dist/core/src/plugin/index.d.ts.map +1 -1
  17. package/dist/core/src/utils/classPrefix.d.ts +7 -0
  18. package/dist/core/src/utils/classPrefix.d.ts.map +1 -0
  19. package/dist/core/src/utils/types.d.ts +13 -0
  20. package/dist/core/src/utils/types.d.ts.map +1 -1
  21. package/dist/css/index.css +2 -2
  22. package/dist/css/style.css +445 -773
  23. package/dist/css/tailwind3-utilities.css +443 -771
  24. package/dist/css/tailwind3.css +445 -773
  25. package/dist/css/tailwind4.css +542 -0
  26. package/dist/css/tailwind4.d.ts +3 -0
  27. package/dist/index.mjs +2752 -2628
  28. package/dist/table/src/components/ExpandIcon.d.ts.map +1 -1
  29. package/dist/table/src/components/FilterDropdown.d.ts.map +1 -1
  30. package/dist/table/src/components/FilterIcon.d.ts.map +1 -1
  31. package/dist/table/src/components/ResizeHandle.d.ts.map +1 -1
  32. package/dist/table/src/components/SortButton.d.ts.map +1 -1
  33. package/dist/table/src/components/Table.d.ts +1 -1
  34. package/dist/table/src/components/Table.d.ts.map +1 -1
  35. package/dist/table/src/components/TableHeaderCell.d.ts.map +1 -1
  36. package/dist/table/src/components/TableLoading.d.ts.map +1 -1
  37. package/dist/table/src/context.d.ts +7 -1
  38. package/dist/table/src/context.d.ts.map +1 -1
  39. package/package.json +22 -15
  40. package/LICENSE +0 -21
package/README.md CHANGED
@@ -10,21 +10,31 @@ pnpm add @vtable-guild/vtable-guild
10
10
 
11
11
  ## Quick Start
12
12
 
13
+ Default prebuilt CSS mode:
14
+
13
15
  ```ts
14
16
  import { createVTableGuild } from '@vtable-guild/vtable-guild'
15
- import '@vtable-guild/vtable-guild/css'
17
+ import '@vtable-guild/vtable-guild/css/style'
16
18
 
17
19
  const app = createApp(App)
18
20
  app.use(createVTableGuild())
19
21
  ```
20
22
 
21
- Tailwind CSS 3 users, or projects that want prebuilt styles without scanning this package, should import the prebuilt CSS instead:
23
+ This works without installing Tailwind CSS or configuring `@tailwindcss/vite`. Internal utility
24
+ classes are emitted with the `vtg-` prefix. If you need to override an internal utility in `ui` or
25
+ `theme`, use the same prefix, for example `vtg-px-2`.
26
+
27
+ If your project uses Tailwind CSS 4 and you want unprefixed utilities, use the Tailwind 4 CSS entry
28
+ and runtime mode:
22
29
 
23
30
  ```ts
24
- import '@vtable-guild/vtable-guild/css/style'
31
+ import '@vtable-guild/vtable-guild/css/tailwind4'
32
+
33
+ app.use(createVTableGuild({ cssMode: 'tailwind4' }))
25
34
  ```
26
35
 
27
- `@vtable-guild/vtable-guild/css/tailwind3` is kept as a legacy compatibility alias for existing projects.
36
+ `@vtable-guild/vtable-guild/css/tailwind3` is kept as a legacy compatibility alias for existing
37
+ prebuilt CSS projects.
28
38
 
29
39
  ```vue
30
40
  <template>
package/css/index.css CHANGED
@@ -15,12 +15,12 @@
15
15
  @import './transitions.css';
16
16
 
17
17
  /* Hide native scrollbar — used by Scrollbar component */
18
- .scrollbar-none {
18
+ .vtg-scrollbar-none {
19
19
  scrollbar-width: none;
20
20
  -ms-overflow-style: none;
21
21
  }
22
22
 
23
- .scrollbar-none::-webkit-scrollbar {
23
+ .vtg-scrollbar-none::-webkit-scrollbar {
24
24
  display: none;
25
25
  }
26
26