@grandbazar/ui-baza 1.10.0 → 1.10.1

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.
Files changed (5) hide show
  1. package/dist/bento.cjs +42 -7
  2. package/dist/bento.d.ts +1 -1
  3. package/dist/bento.js +42 -7
  4. package/dist/index.d.ts +1 -1
  5. package/package.json +1 -1
package/dist/bento.cjs CHANGED
@@ -55,23 +55,48 @@ const BENTO_TILE_SHAPE_BY_SIZE = {
55
55
  "2x2": "square",
56
56
  "4x1": "wideStrip",
57
57
  "4x2": "wide",
58
+ "4x3": "wide",
58
59
  "6x2": "long",
60
+ "6x3": "long",
59
61
  "8x2": "long",
60
62
  "8x3": "long",
61
- "4x5": "large"
63
+ "4x4": "large",
64
+ "4x5": "large",
65
+ "6x6": "large",
66
+ "6x7": "large"
62
67
  };
63
68
 
64
- const BENTO_SIZES = ["1x1", "2x1", "2x2", "4x1", "4x2", "6x2", "8x2", "8x3", "4x5"];
69
+ const BENTO_SIZES = [
70
+ "1x1",
71
+ "2x1",
72
+ "2x2",
73
+ "4x1",
74
+ "4x2",
75
+ "4x3",
76
+ "6x2",
77
+ "6x3",
78
+ "8x2",
79
+ "8x3",
80
+ "4x4",
81
+ "4x5",
82
+ "6x6",
83
+ "6x7"
84
+ ];
65
85
  const BENTO_SPANS = {
66
86
  "1x1": { columns: 1, rows: 1 },
67
87
  "2x1": { columns: 2, rows: 1 },
68
88
  "2x2": { columns: 2, rows: 2 },
69
89
  "4x1": { columns: 4, rows: 1 },
70
90
  "4x2": { columns: 4, rows: 2 },
91
+ "4x3": { columns: 4, rows: 3 },
71
92
  "6x2": { columns: 6, rows: 2 },
93
+ "6x3": { columns: 6, rows: 3 },
72
94
  "8x2": { columns: 8, rows: 2 },
73
95
  "8x3": { columns: 8, rows: 3 },
74
- "4x5": { columns: 4, rows: 5 }
96
+ "4x4": { columns: 4, rows: 4 },
97
+ "4x5": { columns: 4, rows: 5 },
98
+ "6x6": { columns: 6, rows: 6 },
99
+ "6x7": { columns: 6, rows: 7 }
75
100
  };
76
101
  const BENTO_FALLBACKS = {
77
102
  "1x1": ["2x1", "2x2"],
@@ -79,15 +104,20 @@ const BENTO_FALLBACKS = {
79
104
  "2x2": ["4x2", "2x1", "6x2"],
80
105
  "4x1": ["4x2", "2x1", "2x2"],
81
106
  "4x2": ["2x2", "4x1", "6x2", "8x2", "8x3"],
107
+ "4x3": ["4x2", "4x1", "2x2"],
82
108
  "6x2": ["4x2", "8x2", "8x3", "2x2"],
109
+ "6x3": ["6x2", "8x3", "4x2", "8x2"],
83
110
  "8x2": ["8x3", "6x2", "4x2", "2x2"],
84
111
  "8x3": ["8x2", "6x2", "4x2"],
85
- "4x5": []
112
+ "4x4": [],
113
+ "4x5": [],
114
+ "6x6": [],
115
+ "6x7": []
86
116
  };
87
117
  const BENTO_THIN_SIZES = ["2x1", "4x1"];
88
118
  const BENTO_CONFIGURABLE_SIZES = {
89
- mobile: ["2x2", "4x2", "4x1", "2x1", "1x1"],
90
- desktop: ["2x2", "4x2", "6x2", "8x2", "8x3", "4x1"]
119
+ mobile: ["2x2", "4x2", "4x3", "4x1", "2x1", "1x1"],
120
+ desktop: ["2x2", "4x2", "6x2", "6x3", "8x2", "8x3", "4x1"]
91
121
  };
92
122
  const BENTO_AUTO_SIZES = {
93
123
  mobile: ["2x2", "2x1", "4x2", "4x1"],
@@ -99,10 +129,15 @@ const BENTO_MOBILE_SIZE_BY_DESKTOP = {
99
129
  "2x2": "2x2",
100
130
  "4x1": "4x1",
101
131
  "4x2": "4x2",
132
+ "4x3": "4x3",
102
133
  "6x2": "4x2",
134
+ "6x3": "4x2",
103
135
  "8x2": "4x2",
104
136
  "8x3": "4x2",
105
- "4x5": "4x5"
137
+ "4x4": "4x4",
138
+ "4x5": "4x5",
139
+ "6x6": "4x4",
140
+ "6x7": "4x5"
106
141
  };
107
142
  const BENTO_MAX_RESIZES = 5;
108
143
  const BENTO_SEARCH_NODE_LIMIT = 3e4;
package/dist/bento.d.ts CHANGED
@@ -12,7 +12,7 @@ export declare const BENTO_GRIDS: Record<TBentoGrid, TBentoGridRules>;
12
12
 
13
13
  export declare const BENTO_MOBILE_SIZE_BY_DESKTOP: Record<TBentoSize, TBentoSize>;
14
14
 
15
- export declare const BENTO_SIZES: readonly ["1x1", "2x1", "2x2", "4x1", "4x2", "6x2", "8x2", "8x3", "4x5"];
15
+ export declare const BENTO_SIZES: readonly ["1x1", "2x1", "2x2", "4x1", "4x2", "4x3", "6x2", "6x3", "8x2", "8x3", "4x4", "4x5", "6x6", "6x7"];
16
16
 
17
17
  export declare const BENTO_THIN_SIZES: readonly TBentoSize[];
18
18
 
package/dist/bento.js CHANGED
@@ -51,23 +51,48 @@ const BENTO_TILE_SHAPE_BY_SIZE = {
51
51
  "2x2": "square",
52
52
  "4x1": "wideStrip",
53
53
  "4x2": "wide",
54
+ "4x3": "wide",
54
55
  "6x2": "long",
56
+ "6x3": "long",
55
57
  "8x2": "long",
56
58
  "8x3": "long",
57
- "4x5": "large"
59
+ "4x4": "large",
60
+ "4x5": "large",
61
+ "6x6": "large",
62
+ "6x7": "large"
58
63
  };
59
64
 
60
- const BENTO_SIZES = ["1x1", "2x1", "2x2", "4x1", "4x2", "6x2", "8x2", "8x3", "4x5"];
65
+ const BENTO_SIZES = [
66
+ "1x1",
67
+ "2x1",
68
+ "2x2",
69
+ "4x1",
70
+ "4x2",
71
+ "4x3",
72
+ "6x2",
73
+ "6x3",
74
+ "8x2",
75
+ "8x3",
76
+ "4x4",
77
+ "4x5",
78
+ "6x6",
79
+ "6x7"
80
+ ];
61
81
  const BENTO_SPANS = {
62
82
  "1x1": { columns: 1, rows: 1 },
63
83
  "2x1": { columns: 2, rows: 1 },
64
84
  "2x2": { columns: 2, rows: 2 },
65
85
  "4x1": { columns: 4, rows: 1 },
66
86
  "4x2": { columns: 4, rows: 2 },
87
+ "4x3": { columns: 4, rows: 3 },
67
88
  "6x2": { columns: 6, rows: 2 },
89
+ "6x3": { columns: 6, rows: 3 },
68
90
  "8x2": { columns: 8, rows: 2 },
69
91
  "8x3": { columns: 8, rows: 3 },
70
- "4x5": { columns: 4, rows: 5 }
92
+ "4x4": { columns: 4, rows: 4 },
93
+ "4x5": { columns: 4, rows: 5 },
94
+ "6x6": { columns: 6, rows: 6 },
95
+ "6x7": { columns: 6, rows: 7 }
71
96
  };
72
97
  const BENTO_FALLBACKS = {
73
98
  "1x1": ["2x1", "2x2"],
@@ -75,15 +100,20 @@ const BENTO_FALLBACKS = {
75
100
  "2x2": ["4x2", "2x1", "6x2"],
76
101
  "4x1": ["4x2", "2x1", "2x2"],
77
102
  "4x2": ["2x2", "4x1", "6x2", "8x2", "8x3"],
103
+ "4x3": ["4x2", "4x1", "2x2"],
78
104
  "6x2": ["4x2", "8x2", "8x3", "2x2"],
105
+ "6x3": ["6x2", "8x3", "4x2", "8x2"],
79
106
  "8x2": ["8x3", "6x2", "4x2", "2x2"],
80
107
  "8x3": ["8x2", "6x2", "4x2"],
81
- "4x5": []
108
+ "4x4": [],
109
+ "4x5": [],
110
+ "6x6": [],
111
+ "6x7": []
82
112
  };
83
113
  const BENTO_THIN_SIZES = ["2x1", "4x1"];
84
114
  const BENTO_CONFIGURABLE_SIZES = {
85
- mobile: ["2x2", "4x2", "4x1", "2x1", "1x1"],
86
- desktop: ["2x2", "4x2", "6x2", "8x2", "8x3", "4x1"]
115
+ mobile: ["2x2", "4x2", "4x3", "4x1", "2x1", "1x1"],
116
+ desktop: ["2x2", "4x2", "6x2", "6x3", "8x2", "8x3", "4x1"]
87
117
  };
88
118
  const BENTO_AUTO_SIZES = {
89
119
  mobile: ["2x2", "2x1", "4x2", "4x1"],
@@ -95,10 +125,15 @@ const BENTO_MOBILE_SIZE_BY_DESKTOP = {
95
125
  "2x2": "2x2",
96
126
  "4x1": "4x1",
97
127
  "4x2": "4x2",
128
+ "4x3": "4x3",
98
129
  "6x2": "4x2",
130
+ "6x3": "4x2",
99
131
  "8x2": "4x2",
100
132
  "8x3": "4x2",
101
- "4x5": "4x5"
133
+ "4x4": "4x4",
134
+ "4x5": "4x5",
135
+ "6x6": "4x4",
136
+ "6x7": "4x5"
102
137
  };
103
138
  const BENTO_MAX_RESIZES = 5;
104
139
  const BENTO_SEARCH_NODE_LIMIT = 3e4;
package/dist/index.d.ts CHANGED
@@ -64,7 +64,7 @@ export declare const BENTO_GRIDS: Record<TBentoGrid, TBentoGridRules>;
64
64
 
65
65
  export declare const BENTO_MOBILE_SIZE_BY_DESKTOP: Record<TBentoSize, TBentoSize>;
66
66
 
67
- export declare const BENTO_SIZES: readonly ["1x1", "2x1", "2x2", "4x1", "4x2", "6x2", "8x2", "8x3", "4x5"];
67
+ export declare const BENTO_SIZES: readonly ["1x1", "2x1", "2x2", "4x1", "4x2", "4x3", "6x2", "6x3", "8x2", "8x3", "4x4", "4x5", "6x6", "6x7"];
68
68
 
69
69
  export declare const BENTO_THIN_SIZES: readonly TBentoSize[];
70
70
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@grandbazar/ui-baza",
3
- "version": "1.10.0",
3
+ "version": "1.10.1",
4
4
  "description": "A lightweight and modular UI kit for building modern, accessible web interfaces. Designed for flexibility, scalability, and developer happiness.",
5
5
  "repository": {
6
6
  "type": "git",