@vaneui/ui 0.2.1-alpha.20250811191248.a18a87d → 0.2.1-alpha.20250812182914.4e44540
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/tests/grid2.test.d.ts +1 -0
- package/dist/components/themeContext.d.ts +3 -0
- package/dist/components/ui/grid.d.ts +1 -0
- package/dist/components/ui/layout.d.ts +1 -1
- package/dist/components/ui/props/keys.d.ts +1 -1
- package/dist/components/ui/theme/gridTheme.d.ts +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +11 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +11 -1
- package/dist/index.js.map +1 -1
- package/dist/ui.css +11 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -94,7 +94,7 @@ const LABEL_CATEGORIES = [...TYPOGRAPHY_FULL, ...LAYOUT_FULL, ...VISUAL_CORE];
|
|
|
94
94
|
// Media component categories
|
|
95
95
|
const IMG_CATEGORIES = [...LAYOUT_CORE, ...VISUAL_CORE, ...VISUAL_DECORATION, ...SHAPE];
|
|
96
96
|
const COMPONENT = ['button', 'badge', 'chip', 'code', 'card', 'divider', 'container', 'row', 'col', 'stack', 'section',
|
|
97
|
-
'grid3', 'grid4', 'pageTitle', 'sectionTitle', 'title', 'text', 'link', 'list', 'listItem', 'checkbox', 'label', 'img'];
|
|
97
|
+
'grid2', 'grid3', 'grid4', 'pageTitle', 'sectionTitle', 'title', 'text', 'link', 'list', 'listItem', 'checkbox', 'label', 'img'];
|
|
98
98
|
const ComponentCategories = {
|
|
99
99
|
badge: BADGE_CATEGORIES,
|
|
100
100
|
button: BUTTON_CATEGORIES,
|
|
@@ -105,6 +105,7 @@ const ComponentCategories = {
|
|
|
105
105
|
col: COL_CATEGORIES,
|
|
106
106
|
container: CONTAINER_CATEGORIES,
|
|
107
107
|
divider: DIVIDER_CATEGORIES,
|
|
108
|
+
grid2: GRID_CATEGORIES,
|
|
108
109
|
grid3: GRID_CATEGORIES,
|
|
109
110
|
grid4: GRID_CATEGORIES,
|
|
110
111
|
img: IMG_CATEGORIES,
|
|
@@ -4643,6 +4644,9 @@ const gridSubThemes = {
|
|
|
4643
4644
|
flexDirection: new DirectionTheme(),
|
|
4644
4645
|
},
|
|
4645
4646
|
};
|
|
4647
|
+
const defaultGrid2Theme = new ComponentTheme("div", "grid-cols-1 md:grid-cols-2", gridSubThemes, gridDefaults, GRID_CATEGORIES, (props, defaults) => {
|
|
4648
|
+
return props.href ? "a" : "div";
|
|
4649
|
+
});
|
|
4646
4650
|
const defaultGrid3Theme = new ComponentTheme("div", "grid-cols-1 md:grid-cols-3", gridSubThemes, gridDefaults, GRID_CATEGORIES, (props, defaults) => {
|
|
4647
4651
|
return props.href ? "a" : "div";
|
|
4648
4652
|
});
|
|
@@ -4773,6 +4777,7 @@ const defaultTheme = {
|
|
|
4773
4777
|
col: defaultColTheme,
|
|
4774
4778
|
stack: defaultStackTheme,
|
|
4775
4779
|
section: defaultSectionTheme,
|
|
4780
|
+
grid2: defaultGrid2Theme,
|
|
4776
4781
|
grid3: defaultGrid3Theme,
|
|
4777
4782
|
grid4: defaultGrid4Theme,
|
|
4778
4783
|
pageTitle: pageTitleTheme,
|
|
@@ -4969,6 +4974,10 @@ const Row = react.forwardRef(function Row(props, ref) {
|
|
|
4969
4974
|
return jsxRuntime.jsx(ThemedComponent, { theme: theme.row, ref: ref, ...props });
|
|
4970
4975
|
});
|
|
4971
4976
|
|
|
4977
|
+
const Grid2 = react.forwardRef(function Grid2(props, ref) {
|
|
4978
|
+
const theme = useTheme();
|
|
4979
|
+
return jsxRuntime.jsx(ThemedComponent, { theme: theme.grid2, ref: ref, ...props });
|
|
4980
|
+
});
|
|
4972
4981
|
const Grid3 = react.forwardRef(function Grid3(props, ref) {
|
|
4973
4982
|
const theme = useTheme();
|
|
4974
4983
|
return jsxRuntime.jsx(ThemedComponent, { theme: theme.grid3, ref: ref, ...props });
|
|
@@ -5042,6 +5051,7 @@ exports.Container = Container;
|
|
|
5042
5051
|
exports.DIVIDER_CATEGORIES = DIVIDER_CATEGORIES;
|
|
5043
5052
|
exports.Divider = Divider;
|
|
5044
5053
|
exports.GRID_CATEGORIES = GRID_CATEGORIES;
|
|
5054
|
+
exports.Grid2 = Grid2;
|
|
5045
5055
|
exports.Grid3 = Grid3;
|
|
5046
5056
|
exports.Grid4 = Grid4;
|
|
5047
5057
|
exports.IMG_CATEGORIES = IMG_CATEGORIES;
|