@vaneui/ui 0.2.1-alpha.20250820172812.236c9ec → 0.2.1-alpha.20250820175637.a4cda09
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/theme/size/paddingTheme.d.ts +4 -4
- package/dist/components/ui/theme/size/plTheme.d.ts +4 -4
- package/dist/components/ui/theme/size/pxTheme.d.ts +3 -3
- package/dist/components/ui/theme/size/pyTheme.d.ts +3 -3
- package/dist/index.esm.js +36 -44
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +36 -44
- package/dist/index.js.map +1 -1
- package/dist/ui.css +0 -6
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3392,65 +3392,57 @@ class PaddingTheme extends BaseTheme {
|
|
|
3392
3392
|
constructor(initial) {
|
|
3393
3393
|
super();
|
|
3394
3394
|
this.defaultClasses = {
|
|
3395
|
-
|
|
3396
|
-
noPadding: ""
|
|
3395
|
+
xs: "", sm: "", md: "", lg: "", xl: ""
|
|
3397
3396
|
};
|
|
3398
|
-
ComponentKeys.
|
|
3397
|
+
ComponentKeys.size.forEach((key) => {
|
|
3399
3398
|
var _a;
|
|
3400
3399
|
this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : this.defaultClasses[key];
|
|
3401
3400
|
});
|
|
3402
3401
|
}
|
|
3403
3402
|
getClasses(extractedKeys) {
|
|
3404
|
-
var _a
|
|
3403
|
+
var _a;
|
|
3405
3404
|
const size = (_a = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.size) !== null && _a !== void 0 ? _a : 'md';
|
|
3406
|
-
const
|
|
3407
|
-
|
|
3408
|
-
if (
|
|
3409
|
-
return [
|
|
3405
|
+
const padding = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.padding;
|
|
3406
|
+
// If noPadding is true, return empty array (no padding classes)
|
|
3407
|
+
if (padding === 'noPadding') {
|
|
3408
|
+
return [];
|
|
3409
|
+
}
|
|
3410
|
+
// If padding is true or undefined, apply padding classes based on size
|
|
3411
|
+
if (padding === 'padding' || padding === undefined) {
|
|
3412
|
+
const paddingClass = this[size];
|
|
3413
|
+
return paddingClass ? [paddingClass] : [];
|
|
3410
3414
|
}
|
|
3411
|
-
return [
|
|
3415
|
+
return [];
|
|
3412
3416
|
}
|
|
3413
3417
|
}
|
|
3414
3418
|
|
|
3415
3419
|
class PxTheme extends PaddingTheme {
|
|
3416
3420
|
constructor(sizeMap) {
|
|
3417
|
-
|
|
3418
|
-
const initial = sizeMap ? { padding: sizeMap } : undefined;
|
|
3419
|
-
super(initial);
|
|
3421
|
+
super(sizeMap);
|
|
3420
3422
|
this.defaultClasses = {
|
|
3421
|
-
|
|
3422
|
-
noPadding: "px-0"
|
|
3423
|
+
xs: "px-2", sm: "px-4", md: "px-6", lg: "px-8", xl: "px-10"
|
|
3423
3424
|
};
|
|
3424
|
-
// Override with PxTheme's default classes
|
|
3425
|
-
|
|
3426
|
-
|
|
3427
|
-
this[key] = initial.padding;
|
|
3428
|
-
}
|
|
3429
|
-
else {
|
|
3425
|
+
// Override with PxTheme's default classes if no custom sizeMap provided
|
|
3426
|
+
if (!sizeMap) {
|
|
3427
|
+
ComponentKeys.size.forEach((key) => {
|
|
3430
3428
|
this[key] = this.defaultClasses[key];
|
|
3431
|
-
}
|
|
3432
|
-
}
|
|
3429
|
+
});
|
|
3430
|
+
}
|
|
3433
3431
|
}
|
|
3434
3432
|
}
|
|
3435
3433
|
|
|
3436
3434
|
class PyTheme extends PaddingTheme {
|
|
3437
3435
|
constructor(sizeMap) {
|
|
3438
|
-
|
|
3439
|
-
const initial = sizeMap ? { padding: sizeMap } : undefined;
|
|
3440
|
-
super(initial);
|
|
3436
|
+
super(sizeMap);
|
|
3441
3437
|
this.defaultClasses = {
|
|
3442
|
-
|
|
3443
|
-
noPadding: "py-0"
|
|
3438
|
+
xs: "py-2", sm: "py-4", md: "py-6", lg: "py-8", xl: "py-10"
|
|
3444
3439
|
};
|
|
3445
|
-
// Override with PyTheme's default classes
|
|
3446
|
-
|
|
3447
|
-
|
|
3448
|
-
this[key] = initial.padding;
|
|
3449
|
-
}
|
|
3450
|
-
else {
|
|
3440
|
+
// Override with PyTheme's default classes if no custom sizeMap provided
|
|
3441
|
+
if (!sizeMap) {
|
|
3442
|
+
ComponentKeys.size.forEach((key) => {
|
|
3451
3443
|
this[key] = this.defaultClasses[key];
|
|
3452
|
-
}
|
|
3453
|
-
}
|
|
3444
|
+
});
|
|
3445
|
+
}
|
|
3454
3446
|
}
|
|
3455
3447
|
}
|
|
3456
3448
|
|
|
@@ -4401,17 +4393,17 @@ const mergeDefaults = (baseDefaults, overrideDefaults) => {
|
|
|
4401
4393
|
};
|
|
4402
4394
|
|
|
4403
4395
|
class PlTheme extends PaddingTheme {
|
|
4404
|
-
constructor(
|
|
4405
|
-
super(
|
|
4396
|
+
constructor(sizeMap) {
|
|
4397
|
+
super(sizeMap);
|
|
4406
4398
|
this.defaultClasses = {
|
|
4407
|
-
|
|
4408
|
-
noPadding: "pl-0"
|
|
4399
|
+
xs: "pl-2", sm: "pl-4", md: "pl-6", lg: "pl-8", xl: "pl-10"
|
|
4409
4400
|
};
|
|
4410
|
-
// Override with PlTheme's default classes
|
|
4411
|
-
|
|
4412
|
-
|
|
4413
|
-
|
|
4414
|
-
|
|
4401
|
+
// Override with PlTheme's default classes if no custom sizeMap provided
|
|
4402
|
+
if (!sizeMap) {
|
|
4403
|
+
ComponentKeys.size.forEach((key) => {
|
|
4404
|
+
this[key] = this.defaultClasses[key];
|
|
4405
|
+
});
|
|
4406
|
+
}
|
|
4415
4407
|
}
|
|
4416
4408
|
}
|
|
4417
4409
|
|