vueless 0.0.333 → 0.0.334

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.333",
3
+ "version": "0.0.334",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless Component Framework.",
6
6
  "homepage": "https://vueless.com",
package/utils/utilUI.js CHANGED
@@ -56,17 +56,30 @@ const twMerge = extendTailwindMerge(
56
56
  );
57
57
 
58
58
  /**
59
- Export cva (class variance authority) methods:
60
- * extended with tailwind-merge
61
- * remove all Vueless nested component names ({U...} strings) from class list string.
62
- https://beta.cva.style
59
+ Export cva (class variance authority) methods:
60
+ * extended with tailwind-merge
61
+ * remove all Vueless nested component names ({U...} strings) from class list string.
62
+ Learn more here: https://beta.cva.style
63
63
  */
64
- export const { cva, cx, compose } = defineConfig({
64
+ export const {
65
+ cx,
66
+ compose,
67
+ cva: classVarianceAuthority,
68
+ } = defineConfig({
65
69
  hooks: {
66
70
  onComplete: (classNames) => twMerge(classNames).replace(NESTED_COMPONENT_REG_EXP, ""),
67
71
  },
68
72
  });
69
73
 
74
+ /* This allows skipping some CVA config keys in vueless config. */
75
+ export const cva = ({ base = "", variants = {}, compoundVariants = [], defaultVariants = {} }) =>
76
+ classVarianceAuthority({
77
+ base,
78
+ variants,
79
+ compoundVariants,
80
+ defaultVariants,
81
+ });
82
+
70
83
  /**
71
84
  Return default values for component props, icons, etc..
72
85
  @param { Object } defaultConfig
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "vueless",
4
- "version": "0.0.333",
4
+ "version": "0.0.334",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",