@vaneui/ui 0.0.16 → 0.0.17
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/theme/components/ui/props/keys.d.ts +1 -1
- package/dist/components/theme/components/ui/theme/sectionTheme.d.ts +15 -0
- package/dist/components/theme/index.js +29 -1
- package/dist/components/theme/index.js.map +1 -1
- package/dist/components/ui/props/keys.d.ts +1 -1
- package/dist/components/ui/theme/sectionTheme.d.ts +15 -0
- package/dist/index.esm.js +29 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +29 -1
- package/dist/index.js.map +1 -1
- package/dist/vars.css +139 -0
- package/package.json +9 -3
package/dist/index.js
CHANGED
|
@@ -2939,7 +2939,11 @@ const SECTION_KEYS = [
|
|
|
2939
2939
|
...JUSTIFY_KEYS,
|
|
2940
2940
|
...WRAP_KEYS,
|
|
2941
2941
|
...BREAKPOINT_KEYS,
|
|
2942
|
-
...GAP_KEYS
|
|
2942
|
+
...GAP_KEYS,
|
|
2943
|
+
...BORDER_KEYS,
|
|
2944
|
+
...SHADOW_KEYS,
|
|
2945
|
+
...RING_KEYS,
|
|
2946
|
+
...SHAPE_KEYS,
|
|
2943
2947
|
];
|
|
2944
2948
|
|
|
2945
2949
|
const rowToColumnBreakpointClasses = {
|
|
@@ -4482,10 +4486,30 @@ const defaultSectionTheme = new ComponentTheme("div", "w-full flex flex-col", {
|
|
|
4482
4486
|
xl: 'gap-16',
|
|
4483
4487
|
}
|
|
4484
4488
|
}),
|
|
4489
|
+
shadow: new ShadowTheme(),
|
|
4490
|
+
},
|
|
4491
|
+
appearance: {
|
|
4492
|
+
background: LayoutAppearanceTheme.createDefaultStyle({
|
|
4493
|
+
base: layoutBackgroundAppearanceClasses,
|
|
4494
|
+
}),
|
|
4495
|
+
text: TextAppearanceTheme.createDefaultStyle({ base: textAppearanceClasses }),
|
|
4496
|
+
border: TextAppearanceTheme.createDefaultStyle({ base: borderAppearanceClasses }),
|
|
4497
|
+
ring: TextAppearanceTheme.createDefaultStyle({ base: ringAppearanceClasses }),
|
|
4485
4498
|
},
|
|
4486
4499
|
layout: {
|
|
4487
4500
|
wrap: new WrapTheme(),
|
|
4488
4501
|
direction: new DirectionTheme(),
|
|
4502
|
+
border: new BorderTheme(),
|
|
4503
|
+
ring: new RingTheme(),
|
|
4504
|
+
radius: new RadiusTheme({
|
|
4505
|
+
rounded: {
|
|
4506
|
+
xs: 'rounded-md',
|
|
4507
|
+
sm: 'rounded-lg',
|
|
4508
|
+
md: 'rounded-xl',
|
|
4509
|
+
lg: 'rounded-2xl',
|
|
4510
|
+
xl: 'rounded-3xl',
|
|
4511
|
+
}
|
|
4512
|
+
}),
|
|
4489
4513
|
},
|
|
4490
4514
|
}, {
|
|
4491
4515
|
md: true,
|
|
@@ -4493,6 +4517,10 @@ const defaultSectionTheme = new ComponentTheme("div", "w-full flex flex-col", {
|
|
|
4493
4517
|
itemsStart: true,
|
|
4494
4518
|
gap: true,
|
|
4495
4519
|
padding: true,
|
|
4520
|
+
noBorder: true,
|
|
4521
|
+
noRing: true,
|
|
4522
|
+
noShadow: true,
|
|
4523
|
+
sharp: true,
|
|
4496
4524
|
});
|
|
4497
4525
|
|
|
4498
4526
|
const gridDefaults = {
|