@vaneui/ui 0.2.1-alpha.20250824103031.3e0b460 → 0.2.1-alpha.20250830124557.3818ff4

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/dist/index.js CHANGED
@@ -3632,17 +3632,16 @@ const filledCheckedBackgroundAppearanceClasses = {
3632
3632
  };
3633
3633
 
3634
3634
  class AppearanceTheme extends BaseTheme {
3635
- constructor(config, options) {
3635
+ constructor(config, transparentClasses) {
3636
3636
  super();
3637
3637
  Object.assign(this, config);
3638
- this.transparentClassSource = options === null || options === void 0 ? void 0 : options.transparentClassSource;
3639
- this.linkClassSource = options === null || options === void 0 ? void 0 : options.linkClassSource;
3638
+ this.transparentClasses = transparentClasses;
3640
3639
  }
3641
3640
  getClasses(extractedKeys) {
3642
3641
  var _a;
3643
3642
  // Check for specific transparent styles first
3644
3643
  if (extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.transparent) {
3645
- const transparentClass = ((_a = this.transparentClassSource) === null || _a === void 0 ? void 0 : _a[extractedKeys.transparent]) || '';
3644
+ const transparentClass = ((_a = this.transparentClasses) === null || _a === void 0 ? void 0 : _a[extractedKeys.transparent]) || '';
3646
3645
  return [transparentClass];
3647
3646
  }
3648
3647
  // Use appearance (now includes link as an appearance option)
@@ -3655,8 +3654,8 @@ class AppearanceTheme extends BaseTheme {
3655
3654
  }
3656
3655
  return [];
3657
3656
  }
3658
- static createTheme(src = {}, options) {
3659
- const finalConfig = Object.fromEntries(ComponentKeys.appearance.map(textKey => [
3657
+ static createTheme(src = {}) {
3658
+ const config = Object.fromEntries(ComponentKeys.appearance.map(textKey => [
3660
3659
  textKey,
3661
3660
  Object.fromEntries(ComponentKeys.mode.map(modeKey => {
3662
3661
  var _a;
@@ -3666,13 +3665,7 @@ class AppearanceTheme extends BaseTheme {
3666
3665
  ];
3667
3666
  })),
3668
3667
  ]));
3669
- // Auto-detect base classes for transparent and link sources if not explicitly provided
3670
- const baseClasses = src.base;
3671
- const finalOptions = {
3672
- transparentClassSource: (options === null || options === void 0 ? void 0 : options.transparentClassSource) || baseClasses,
3673
- linkClassSource: (options === null || options === void 0 ? void 0 : options.linkClassSource) || baseClasses,
3674
- };
3675
- return new AppearanceTheme(finalConfig, finalOptions);
3668
+ return new AppearanceTheme(config, src.base);
3676
3669
  }
3677
3670
  static createLayoutBgTheme() {
3678
3671
  // Creates a theme for layout backgrounds, replacing BgAppearanceTheme
@@ -3684,10 +3677,7 @@ class AppearanceTheme extends BaseTheme {
3684
3677
  active: '',
3685
3678
  }
3686
3679
  ]));
3687
- return new AppearanceTheme(config, {
3688
- transparentClassSource: layoutBackgroundAppearanceClasses,
3689
- linkClassSource: layoutBackgroundAppearanceClasses
3690
- });
3680
+ return new AppearanceTheme(config, layoutBackgroundAppearanceClasses);
3691
3681
  }
3692
3682
  }
3693
3683
 
@@ -4100,7 +4090,6 @@ const themeDefaults = {
4100
4090
  md: true,
4101
4091
  flex: true,
4102
4092
  gap: true,
4103
- default: true,
4104
4093
  sans: true,
4105
4094
  medium: true,
4106
4095
  },
@@ -4119,27 +4108,23 @@ const themeDefaults = {
4119
4108
  },
4120
4109
  text: {
4121
4110
  md: true,
4122
- default: true,
4123
4111
  sans: true,
4124
4112
  textLeft: true,
4125
4113
  },
4126
4114
  title: {
4127
4115
  md: true,
4128
- default: true,
4129
4116
  sans: true,
4130
4117
  semibold: true,
4131
4118
  textLeft: true,
4132
4119
  },
4133
4120
  pageTitle: {
4134
4121
  md: true,
4135
- default: true,
4136
4122
  sans: true,
4137
4123
  semibold: true,
4138
4124
  textLeft: true,
4139
4125
  },
4140
4126
  sectionTitle: {
4141
4127
  md: true,
4142
- default: true,
4143
4128
  sans: true,
4144
4129
  semibold: true,
4145
4130
  textLeft: true,
@@ -4154,7 +4139,6 @@ const themeDefaults = {
4154
4139
  },
4155
4140
  list: {
4156
4141
  md: true,
4157
- default: true,
4158
4142
  sans: true,
4159
4143
  normal: true,
4160
4144
  padding: true,
@@ -4565,6 +4549,7 @@ const defaultRowTheme = new ComponentTheme("div", "", {
4565
4549
  },
4566
4550
  appearance: {
4567
4551
  background: AppearanceTheme.createLayoutBgTheme(),
4552
+ text: AppearanceTheme.createTheme({ base: textAppearanceClasses }),
4568
4553
  border: GenericVariantTheme.createUIElementBorderTheme(),
4569
4554
  ring: GenericVariantTheme.createUIElementRingTheme(),
4570
4555
  shadow: GenericVariantTheme.createLayoutShadowTheme(),
@@ -4630,6 +4615,7 @@ const defaultColTheme = new ComponentTheme("div", "", {
4630
4615
  },
4631
4616
  appearance: {
4632
4617
  background: AppearanceTheme.createLayoutBgTheme(),
4618
+ text: AppearanceTheme.createTheme({ base: textAppearanceClasses }),
4633
4619
  border: GenericVariantTheme.createUIElementBorderTheme(),
4634
4620
  ring: GenericVariantTheme.createUIElementRingTheme(),
4635
4621
  shadow: GenericVariantTheme.createLayoutShadowTheme(),
@@ -4655,6 +4641,7 @@ const defaultStackTheme = new ComponentTheme("div", "", {
4655
4641
  },
4656
4642
  appearance: {
4657
4643
  background: AppearanceTheme.createLayoutBgTheme(),
4644
+ text: AppearanceTheme.createTheme({ base: textAppearanceClasses }),
4658
4645
  border: GenericVariantTheme.createUIElementBorderTheme(),
4659
4646
  ring: GenericVariantTheme.createUIElementRingTheme(),
4660
4647
  shadow: GenericVariantTheme.createLayoutShadowTheme(),
@@ -4713,6 +4700,7 @@ const gridSubThemes = {
4713
4700
  },
4714
4701
  appearance: {
4715
4702
  background: AppearanceTheme.createLayoutBgTheme(),
4703
+ text: AppearanceTheme.createTheme({ base: textAppearanceClasses }),
4716
4704
  },
4717
4705
  layout: {
4718
4706
  ...defaultLayoutTheme,