@vaneui/ui 0.9.0-alpha.20260106184406.602ce72 → 0.9.0-alpha.20260107081332.7a31978

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/components/ui/classes/appearanceClasses.d.ts +7 -4
  2. package/dist/components/ui/classes/appearanceClasses.d.ts.map +1 -1
  3. package/dist/components/ui/props/propDescriptions.d.ts +1 -1
  4. package/dist/index.esm.js +8 -5
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/index.js +8 -5
  7. package/dist/index.js.map +1 -1
  8. package/dist/ui.css +24 -23
  9. package/dist/vars.css +6 -6
  10. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -227,7 +227,7 @@ const ComponentCategories = {
227
227
  * Auto-generated prop descriptions from JSDoc comments.
228
228
  * DO NOT EDIT MANUALLY - Run 'npm run props:generate' to regenerate.
229
229
  *
230
- * Generated on: 2026-01-06T18:44:07.388Z
230
+ * Generated on: 2026-01-07T08:13:34.116Z
231
231
  */
232
232
  const PropDescriptions = {
233
233
  "appearance": {
@@ -4535,11 +4535,14 @@ const themeDefaults = {
4535
4535
  that are set by CSS rules in vars.css based on
4536
4536
  data-appearance and data-variant attributes.
4537
4537
  ========================================== */
4538
- /** Background consumer classes - consume --bg-color, --bg-hover-color, --bg-active-color */
4538
+ /** Background consumer classes - consume --bg-color, --bg-hover-color, --bg-active-color
4539
+ * Uses bg-() syntax (background-color) instead of [background:] shorthand
4540
+ * to allow gradient overrides via className without conflicts.
4541
+ */
4539
4542
  const bgConsumerClasses = {
4540
- base: "[background:var(--bg-color)]",
4541
- hover: "hover:[background:var(--bg-hover-color)]",
4542
- active: "active:[background:var(--bg-active-color)]",
4543
+ base: "bg-(--bg-color)",
4544
+ hover: "hover:bg-(--bg-hover-color)",
4545
+ active: "active:bg-(--bg-active-color)",
4543
4546
  };
4544
4547
  /** Text color consumer class - consumes --text-color */
4545
4548
  const textConsumerClass = "text-(--text-color)";