@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/components/ui/badge.d.ts +1 -1
- package/dist/components/ui/card.d.ts +1 -1
- package/dist/components/ui/chip.d.ts +1 -1
- package/dist/components/ui/col.d.ts +1 -1
- package/dist/components/ui/container.d.ts +1 -1
- package/dist/components/ui/grid.d.ts +1 -1
- package/dist/components/ui/row.d.ts +1 -1
- package/dist/components/ui/section.d.ts +1 -1
- package/dist/components/ui/stack.d.ts +1 -1
- package/dist/components/ui/theme/appearance/appearanceTheme.d.ts +2 -6
- package/dist/components/ui/theme/badgeTheme.d.ts +1 -1
- package/dist/components/ui/theme/cardTheme.d.ts +1 -1
- package/dist/components/ui/theme/chipTheme.d.ts +1 -1
- package/dist/components/ui/theme/codeTheme.d.ts +1 -1
- package/dist/components/ui/theme/colTheme.d.ts +2 -1
- package/dist/components/ui/theme/containerTheme.d.ts +1 -1
- package/dist/components/ui/theme/dividerTheme.d.ts +1 -1
- package/dist/components/ui/theme/gridTheme.d.ts +2 -1
- package/dist/components/ui/theme/rowTheme.d.ts +2 -1
- package/dist/components/ui/theme/stackTheme.d.ts +2 -1
- package/dist/components/ui/typography.d.ts +1 -1
- package/dist/index.esm.js +11 -23
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +11 -23
- package/dist/index.js.map +1 -1
- package/dist/ui.css +0 -16
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3632,17 +3632,16 @@ const filledCheckedBackgroundAppearanceClasses = {
|
|
|
3632
3632
|
};
|
|
3633
3633
|
|
|
3634
3634
|
class AppearanceTheme extends BaseTheme {
|
|
3635
|
-
constructor(config,
|
|
3635
|
+
constructor(config, transparentClasses) {
|
|
3636
3636
|
super();
|
|
3637
3637
|
Object.assign(this, config);
|
|
3638
|
-
this.
|
|
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.
|
|
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 = {}
|
|
3659
|
-
const
|
|
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
|
-
|
|
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,
|