pixelize-design-library 2.1.39 → 2.1.40
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/Header/Header.js +1 -1
- package/dist/Components/KaTable/CustomHeader.d.ts +14 -0
- package/dist/Components/KaTable/CustomHeader.js +69 -0
- package/dist/Components/KaTable/KaTable.d.ts +13 -0
- package/dist/Components/KaTable/KaTable.js +111 -0
- package/dist/Components/KaTable/KaTableProps.d.ts +23 -0
- package/dist/Components/KaTable/KaTableProps.js +2 -0
- package/dist/Components/KaTable/SelectionCell.d.ts +8 -0
- package/dist/Components/KaTable/SelectionCell.js +38 -0
- package/dist/Components/KaTable/SelectionHeader.d.ts +3 -0
- package/dist/Components/KaTable/SelectionHeader.js +56 -0
- package/dist/Components/KaTable/ka-table.css +27 -0
- package/dist/Components/KaTable/useMergedChildComponents.d.ts +14 -0
- package/dist/Components/KaTable/useMergedChildComponents.js +224 -0
- package/dist/Components/Table/Table.css +16 -0
- package/dist/Pages/KaTableExample.d.ts +3 -0
- package/dist/Pages/KaTableExample.js +259 -0
- package/dist/Pages/productCaard.js +109 -8
- package/dist/Theme/Default/fonts.d.ts +35 -0
- package/dist/Theme/Default/fonts.js +37 -0
- package/package.json +1 -1
- package/dist/index.d.mts +0 -1468
- package/dist/index.mjs +0 -263
|
@@ -0,0 +1,259 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
39
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
+
var react_1 = __importStar(require("react"));
|
|
41
|
+
var KaTable_1 = __importDefault(require("../Components/KaTable/KaTable"));
|
|
42
|
+
var KaTable_2 = require("../Components/KaTable/KaTable");
|
|
43
|
+
var icons_1 = require("@chakra-ui/icons");
|
|
44
|
+
var react_2 = require("@chakra-ui/react");
|
|
45
|
+
var menuItems = [
|
|
46
|
+
{ label: "Hide column", action: "hidecolumn" },
|
|
47
|
+
{
|
|
48
|
+
label: "Filter",
|
|
49
|
+
submenu: [
|
|
50
|
+
{ label: "Filter by Date", action: "Filter by Date" },
|
|
51
|
+
{ label: "Filter by Name", action: "Filter by Name" },
|
|
52
|
+
{ label: "Filter by Status", action: "Filter by Status" },
|
|
53
|
+
],
|
|
54
|
+
},
|
|
55
|
+
];
|
|
56
|
+
var DataType = KaTable_2.TableEnums.DataType;
|
|
57
|
+
var dataArray = Array(5)
|
|
58
|
+
.fill(undefined)
|
|
59
|
+
.map(function (_, index) { return ({
|
|
60
|
+
column1: index % 2 === 0,
|
|
61
|
+
column2: "column:2 row:".concat(index + 1),
|
|
62
|
+
column3: "column:3 row:".concat(index + 1),
|
|
63
|
+
column4: "column:4 row:".concat(index + 1),
|
|
64
|
+
column5: "column:5 row:".concat(index + 1),
|
|
65
|
+
column6: index + 20,
|
|
66
|
+
column7: index + 25,
|
|
67
|
+
column8: index + 30,
|
|
68
|
+
column9: index + 35,
|
|
69
|
+
column10: index + 40,
|
|
70
|
+
column11: index + 45,
|
|
71
|
+
column12: index + 50,
|
|
72
|
+
column13: index + 55,
|
|
73
|
+
column14: index + 60,
|
|
74
|
+
column15: new Date(2022, 11, index),
|
|
75
|
+
id: index + 1,
|
|
76
|
+
}); });
|
|
77
|
+
var columns = [
|
|
78
|
+
{
|
|
79
|
+
key: "column1",
|
|
80
|
+
title: "Column 1",
|
|
81
|
+
dataType: DataType.Boolean,
|
|
82
|
+
width: 100,
|
|
83
|
+
columnFreeze: true,
|
|
84
|
+
customHeader: false,
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
key: "column2",
|
|
88
|
+
title: "Column 2",
|
|
89
|
+
dataType: DataType.String,
|
|
90
|
+
width: 250,
|
|
91
|
+
// visible: false,
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
key: "column3",
|
|
95
|
+
title: "Column 3",
|
|
96
|
+
dataType: DataType.Number,
|
|
97
|
+
width: 150,
|
|
98
|
+
filter: true,
|
|
99
|
+
menu: [
|
|
100
|
+
{
|
|
101
|
+
label: "Filter",
|
|
102
|
+
onClick: function () { return console.log("MENU Filter clicks"); },
|
|
103
|
+
submenu: [
|
|
104
|
+
{
|
|
105
|
+
label: "Filter by Date",
|
|
106
|
+
onClick: function () { return console.log("SUBMENU Date clicks"); },
|
|
107
|
+
},
|
|
108
|
+
{ label: "Filter by Name" },
|
|
109
|
+
// { label: "Filter by Status", action: "Filter by Status" },
|
|
110
|
+
],
|
|
111
|
+
},
|
|
112
|
+
],
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
key: "column4",
|
|
116
|
+
title: "Column 4",
|
|
117
|
+
dataType: DataType.Number,
|
|
118
|
+
width: 150,
|
|
119
|
+
sortable: true,
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
key: "column5",
|
|
123
|
+
title: "Column 5",
|
|
124
|
+
dataType: DataType.Number,
|
|
125
|
+
width: 150,
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
key: "column6",
|
|
129
|
+
title: "Column 6",
|
|
130
|
+
dataType: DataType.Number,
|
|
131
|
+
width: 150,
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
key: "column7",
|
|
135
|
+
title: "Column 7",
|
|
136
|
+
dataType: DataType.Number,
|
|
137
|
+
width: 150,
|
|
138
|
+
sortable: true,
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
key: "column8",
|
|
142
|
+
title: "Column 8",
|
|
143
|
+
dataType: DataType.Number,
|
|
144
|
+
width: 150,
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
key: "column9",
|
|
148
|
+
title: "Column 9",
|
|
149
|
+
dataType: DataType.Number,
|
|
150
|
+
width: 150,
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
key: "column10",
|
|
154
|
+
title: "Column 10",
|
|
155
|
+
dataType: DataType.Number,
|
|
156
|
+
width: 150,
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
key: "column11",
|
|
160
|
+
title: "Column 11",
|
|
161
|
+
dataType: DataType.Number,
|
|
162
|
+
width: 150,
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
key: "column12",
|
|
166
|
+
title: "Column 12",
|
|
167
|
+
dataType: DataType.Number,
|
|
168
|
+
width: 150,
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
key: "column13",
|
|
172
|
+
title: "Column 13",
|
|
173
|
+
dataType: DataType.Number,
|
|
174
|
+
width: 150,
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
key: "column14",
|
|
178
|
+
title: "Column 14",
|
|
179
|
+
dataType: DataType.Number,
|
|
180
|
+
width: 150,
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
key: "column15",
|
|
184
|
+
title: "Column 15",
|
|
185
|
+
dataType: DataType.Date,
|
|
186
|
+
width: 150,
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
key: "editColumn",
|
|
190
|
+
width: 80,
|
|
191
|
+
customHeader: false,
|
|
192
|
+
},
|
|
193
|
+
];
|
|
194
|
+
var KaTableExample = function () {
|
|
195
|
+
var _a = (0, react_1.useState)(false), actionButtons = _a[0], setActionButtons = _a[1];
|
|
196
|
+
var _b = (0, react_1.useState)([]), selectedRows = _b[0], setSelectedRows = _b[1];
|
|
197
|
+
// const kaTableFormat = (props: any) => {
|
|
198
|
+
// if (props.column.dataType === DataType.Date) {
|
|
199
|
+
// return (
|
|
200
|
+
// props.value &&
|
|
201
|
+
// props.value.toLocaleDateString("en", {
|
|
202
|
+
// month: "2-digit",
|
|
203
|
+
// day: "2-digit",
|
|
204
|
+
// year: "numeric",
|
|
205
|
+
// })
|
|
206
|
+
// );
|
|
207
|
+
// }
|
|
208
|
+
// };
|
|
209
|
+
var EditButton = function (_a) {
|
|
210
|
+
var dispatch = _a.dispatch, rowKeyValue = _a.rowKeyValue;
|
|
211
|
+
return (react_1.default.createElement("div", { className: "edit-cell-button" },
|
|
212
|
+
react_1.default.createElement(icons_1.EditIcon, null),
|
|
213
|
+
react_1.default.createElement(icons_1.DeleteIcon, null)));
|
|
214
|
+
};
|
|
215
|
+
// const handleSortChange = (newSortState: any, columnName: any) => {
|
|
216
|
+
// console.log(`Sort state for ${columnName} changed to:`, newSortState);
|
|
217
|
+
// };
|
|
218
|
+
// const handleMenuItemClick = (action: any, columnName: any) => {
|
|
219
|
+
// console.log(`Menu item clicked for ${columnName}:`, action);
|
|
220
|
+
// };
|
|
221
|
+
var handleCheckSelect = (0, react_1.useCallback)(function (selectedRows) {
|
|
222
|
+
console.log("CB", selectedRows);
|
|
223
|
+
if (selectedRows.length !== 0) {
|
|
224
|
+
setActionButtons(true);
|
|
225
|
+
}
|
|
226
|
+
else {
|
|
227
|
+
setActionButtons(false);
|
|
228
|
+
}
|
|
229
|
+
setSelectedRows(selectedRows);
|
|
230
|
+
}, []);
|
|
231
|
+
// console.log(actionButtons, "actionButtons");
|
|
232
|
+
var handleExample = function () {
|
|
233
|
+
setSelectedRows([]);
|
|
234
|
+
};
|
|
235
|
+
// console.log(selectedRows, "selectedRows");
|
|
236
|
+
return (react_1.default.createElement("div", null,
|
|
237
|
+
react_1.default.createElement(react_2.Button, { onClick: handleExample }, "click here"),
|
|
238
|
+
react_1.default.createElement(KaTable_1.default, { data: dataArray, columns: columns, checkSelect: true, onRowClick: function (rowKeyValue) {
|
|
239
|
+
console.log("Row clicked", rowKeyValue);
|
|
240
|
+
}, selected: selectedRows, onSelectionChange: function (selectedRows) {
|
|
241
|
+
handleCheckSelect(selectedRows);
|
|
242
|
+
}, columnVisibility: true,
|
|
243
|
+
// onSortChange={handleSortChange}
|
|
244
|
+
// onMenuItemClick={handleMenuItemClick}
|
|
245
|
+
// format={kaTableFormat}
|
|
246
|
+
childComponents: {
|
|
247
|
+
cellText: {
|
|
248
|
+
content: function (props) {
|
|
249
|
+
if (props.column.key === "editColumn") {
|
|
250
|
+
return react_1.default.createElement(EditButton, __assign({}, props));
|
|
251
|
+
}
|
|
252
|
+
},
|
|
253
|
+
},
|
|
254
|
+
}, loading: {
|
|
255
|
+
enabled: false,
|
|
256
|
+
text: "Loading data",
|
|
257
|
+
} })));
|
|
258
|
+
};
|
|
259
|
+
exports.default = KaTableExample;
|
|
@@ -21,35 +21,136 @@ var productCaard = function () {
|
|
|
21
21
|
offer: 50,
|
|
22
22
|
}
|
|
23
23
|
];
|
|
24
|
-
return (
|
|
24
|
+
return (
|
|
25
|
+
// <div style={{ display: "flex", justifyContent: "space-between" }}>
|
|
26
|
+
// <ProductCard
|
|
27
|
+
// label="Ghee Mysorepaku (Soft)"
|
|
28
|
+
// description="Special Ghee mysorepaku"
|
|
29
|
+
// productImage={{
|
|
30
|
+
// visibile: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754538444/main_service/1754538444014-GM-Back%20%284%29.png",
|
|
31
|
+
// hover: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754573075/main_service/1754573075361-istockphoto-1054228718-612x612.jpg",
|
|
32
|
+
// }}
|
|
33
|
+
// tags={['Melt in Mouth', 'Authentic Taste', 'No Preservatives']}
|
|
34
|
+
// rating={4.76}
|
|
35
|
+
// reviews={596}
|
|
36
|
+
// options={option}
|
|
37
|
+
// size="xs"
|
|
38
|
+
// onAddToCart={() => { }}
|
|
39
|
+
// onClick={() => { }}
|
|
40
|
+
// batch={{
|
|
41
|
+
// label: "Special",
|
|
42
|
+
// color: "red",
|
|
43
|
+
// }}
|
|
44
|
+
// />
|
|
45
|
+
// <br />
|
|
46
|
+
// <ProductCard
|
|
47
|
+
// label="Ghee Mysorepaku (Soft)"
|
|
48
|
+
// description="Special Ghee mysorepaku"
|
|
49
|
+
// productImage={{
|
|
50
|
+
// visibile: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754538444/main_service/1754538444014-GM-Back%20%284%29.png",
|
|
51
|
+
// hover: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754573075/main_service/1754573075361-istockphoto-1054228718-612x612.jpg",
|
|
52
|
+
// }}
|
|
53
|
+
// tags={['Melt in Mouth', 'Authentic Taste', 'No Preservatives']}
|
|
54
|
+
// rating={4.76}
|
|
55
|
+
// reviews={596}
|
|
56
|
+
// options={option}
|
|
57
|
+
// size="sm"
|
|
58
|
+
// onAddToCart={() => { }}
|
|
59
|
+
// onClick={() => { }}
|
|
60
|
+
// batch={{
|
|
61
|
+
// label: "Special",
|
|
62
|
+
// color: "red",
|
|
63
|
+
// }}
|
|
64
|
+
// />
|
|
65
|
+
// <br />
|
|
66
|
+
// <ProductCard
|
|
67
|
+
// label="Ghee Mysorepaku (Soft)"
|
|
68
|
+
// description="Special Ghee mysorepaku"
|
|
69
|
+
// productImage={{
|
|
70
|
+
// visibile: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754538444/main_service/1754538444014-GM-Back%20%284%29.png",
|
|
71
|
+
// hover: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754573075/main_service/1754573075361-istockphoto-1054228718-612x612.jpg",
|
|
72
|
+
// }}
|
|
73
|
+
// tags={['Melt in Mouth', 'Authentic Taste', 'No Preservatives']}
|
|
74
|
+
// rating={4.76}
|
|
75
|
+
// reviews={596}
|
|
76
|
+
// options={option}
|
|
77
|
+
// size="md"
|
|
78
|
+
// onAddToCart={() => { }}
|
|
79
|
+
// onClick={() => { }}
|
|
80
|
+
// batch={{
|
|
81
|
+
// label: "Special",
|
|
82
|
+
// color: "red",
|
|
83
|
+
// }}
|
|
84
|
+
// />
|
|
85
|
+
// <br />
|
|
86
|
+
// <ProductCard
|
|
87
|
+
// label="Ghee Mysorepaku (Soft)"
|
|
88
|
+
// description="Special Ghee mysorepaku"
|
|
89
|
+
// productImage={{
|
|
90
|
+
// visibile: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754538444/main_service/1754538444014-GM-Back%20%284%29.png",
|
|
91
|
+
// hover: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754573075/main_service/1754573075361-istockphoto-1054228718-612x612.jpg",
|
|
92
|
+
// }}
|
|
93
|
+
// tags={['Melt in Mouth', 'Authentic Taste', 'No Preservatives']}
|
|
94
|
+
// rating={4.76}
|
|
95
|
+
// reviews={596}
|
|
96
|
+
// options={option}
|
|
97
|
+
// size="lg"
|
|
98
|
+
// onAddToCart={() => { }}
|
|
99
|
+
// onClick={() => { }}
|
|
100
|
+
// batch={{
|
|
101
|
+
// label: "Special",
|
|
102
|
+
// color: "red",
|
|
103
|
+
// }}
|
|
104
|
+
// />
|
|
105
|
+
// </div>
|
|
106
|
+
react_1.default.createElement("div", { style: { display: "flex", justifyContent: "space-between" } },
|
|
25
107
|
react_1.default.createElement(ProductCard_1.default, { label: "Ghee Mysorepaku (Soft)", description: "Special Ghee mysorepaku", productImage: {
|
|
26
108
|
visibile: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754538444/main_service/1754538444014-GM-Back%20%284%29.png",
|
|
27
109
|
hover: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754573075/main_service/1754573075361-istockphoto-1054228718-612x612.jpg",
|
|
28
|
-
},
|
|
110
|
+
},
|
|
111
|
+
// tags={['Melt in Mouth', 'Authentic Taste', 'No Preservatives']}
|
|
112
|
+
rating: 4.76, reviews: 596, options: option, size: "xs", onAddToCart: function () { }, onClick: function () { }, batch: {
|
|
113
|
+
label: "Special",
|
|
114
|
+
color: "red",
|
|
115
|
+
} }),
|
|
116
|
+
react_1.default.createElement(ProductCard_1.default, { label: "Ghee Mysorepaku (Soft)", description: "Special Ghee mysorepaku", productImage: {
|
|
117
|
+
visibile: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754538444/main_service/1754538444014-GM-Back%20%284%29.png",
|
|
118
|
+
hover: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754573075/main_service/1754573075361-istockphoto-1054228718-612x612.jpg",
|
|
119
|
+
},
|
|
120
|
+
// tags={['Melt in Mouth', 'Authentic Taste', 'No Preservatives']}
|
|
121
|
+
rating: 4.76, reviews: 596, options: option, size: "xs", onAddToCart: function () { }, onClick: function () { }, batch: {
|
|
29
122
|
label: "Special",
|
|
30
123
|
color: "red",
|
|
31
124
|
} }),
|
|
32
|
-
react_1.default.createElement("br", null),
|
|
33
125
|
react_1.default.createElement(ProductCard_1.default, { label: "Ghee Mysorepaku (Soft)", description: "Special Ghee mysorepaku", productImage: {
|
|
34
126
|
visibile: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754538444/main_service/1754538444014-GM-Back%20%284%29.png",
|
|
35
127
|
hover: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754573075/main_service/1754573075361-istockphoto-1054228718-612x612.jpg",
|
|
36
|
-
},
|
|
128
|
+
},
|
|
129
|
+
// tags={['Melt in Mouth', 'Authentic Taste', 'No Preservatives']}
|
|
130
|
+
rating: 4.76, reviews: 596, options: option, size: "xs", onAddToCart: function () { }, onClick: function () { }, batch: {
|
|
131
|
+
label: "Special",
|
|
132
|
+
color: "red",
|
|
133
|
+
} }),
|
|
134
|
+
react_1.default.createElement(ProductCard_1.default, { label: "Ghee Mysorepaku (Soft)", description: "Special Ghee mysorepaku", productImage: {
|
|
135
|
+
visibile: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754538444/main_service/1754538444014-GM-Back%20%284%29.png",
|
|
136
|
+
hover: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754573075/main_service/1754573075361-istockphoto-1054228718-612x612.jpg",
|
|
137
|
+
}, tags: ['Melt in Mouth', 'Authentic Taste', 'No Preservatives'], rating: 4.76, reviews: 596, options: option, size: "xs", onAddToCart: function () { }, onClick: function () { }, batch: {
|
|
37
138
|
label: "Special",
|
|
38
139
|
color: "red",
|
|
39
140
|
} }),
|
|
40
|
-
react_1.default.createElement("br", null),
|
|
41
141
|
react_1.default.createElement(ProductCard_1.default, { label: "Ghee Mysorepaku (Soft)", description: "Special Ghee mysorepaku", productImage: {
|
|
42
142
|
visibile: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754538444/main_service/1754538444014-GM-Back%20%284%29.png",
|
|
43
143
|
hover: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754573075/main_service/1754573075361-istockphoto-1054228718-612x612.jpg",
|
|
44
|
-
}, tags: ['Melt in Mouth'
|
|
144
|
+
}, tags: ['Melt in Mouth'], rating: 4.76, reviews: 596, options: option, size: "xs", onAddToCart: function () { }, onClick: function () { }, batch: {
|
|
45
145
|
label: "Special",
|
|
46
146
|
color: "red",
|
|
47
147
|
} }),
|
|
48
|
-
react_1.default.createElement("br", null),
|
|
49
148
|
react_1.default.createElement(ProductCard_1.default, { label: "Ghee Mysorepaku (Soft)", description: "Special Ghee mysorepaku", productImage: {
|
|
50
149
|
visibile: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754538444/main_service/1754538444014-GM-Back%20%284%29.png",
|
|
51
150
|
hover: "https://res.cloudinary.com/drmkh6z50/image/upload/v1754573075/main_service/1754573075361-istockphoto-1054228718-612x612.jpg",
|
|
52
|
-
},
|
|
151
|
+
},
|
|
152
|
+
// tags={['Melt in Mouth', 'Authentic Taste', 'No Preservatives']}
|
|
153
|
+
rating: 4.76, reviews: 596, options: option, size: "xs", onAddToCart: function () { }, onClick: function () { }, batch: {
|
|
53
154
|
label: "Special",
|
|
54
155
|
color: "red",
|
|
55
156
|
} })));
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import "@fontsource/ubuntu-sans";
|
|
2
|
+
declare const fontOptions: {
|
|
3
|
+
fonts: {
|
|
4
|
+
body: string;
|
|
5
|
+
heading: string;
|
|
6
|
+
mono: string;
|
|
7
|
+
};
|
|
8
|
+
fontSizes: {
|
|
9
|
+
xs: string;
|
|
10
|
+
sm: string;
|
|
11
|
+
md: string;
|
|
12
|
+
lg: string;
|
|
13
|
+
xl: string;
|
|
14
|
+
"2xl": string;
|
|
15
|
+
"3xl": string;
|
|
16
|
+
"4xl": string;
|
|
17
|
+
"5xl": string;
|
|
18
|
+
"6xl": string;
|
|
19
|
+
"7xl": string;
|
|
20
|
+
"8xl": string;
|
|
21
|
+
"9xl": string;
|
|
22
|
+
};
|
|
23
|
+
fontWeights: {
|
|
24
|
+
hairline: number;
|
|
25
|
+
thin: number;
|
|
26
|
+
light: number;
|
|
27
|
+
normal: number;
|
|
28
|
+
medium: number;
|
|
29
|
+
semibold: number;
|
|
30
|
+
bold: number;
|
|
31
|
+
extrabold: number;
|
|
32
|
+
black: number;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export default fontOptions;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
require("@fontsource/ubuntu-sans");
|
|
4
|
+
var fontOptions = {
|
|
5
|
+
fonts: {
|
|
6
|
+
body: "Ubuntu Sans, serif",
|
|
7
|
+
heading: "Ubuntu Sans, serif",
|
|
8
|
+
mono: "Ubuntu Sans, monospace",
|
|
9
|
+
},
|
|
10
|
+
fontSizes: {
|
|
11
|
+
xs: "0.75rem",
|
|
12
|
+
sm: "0.875rem",
|
|
13
|
+
md: "1rem",
|
|
14
|
+
lg: "1.125rem",
|
|
15
|
+
xl: "1.25rem",
|
|
16
|
+
"2xl": "1.5rem",
|
|
17
|
+
"3xl": "1.875rem",
|
|
18
|
+
"4xl": "2.25rem",
|
|
19
|
+
"5xl": "3rem",
|
|
20
|
+
"6xl": "3.75rem",
|
|
21
|
+
"7xl": "4.5rem",
|
|
22
|
+
"8xl": "6rem",
|
|
23
|
+
"9xl": "8rem",
|
|
24
|
+
},
|
|
25
|
+
fontWeights: {
|
|
26
|
+
hairline: 100,
|
|
27
|
+
thin: 200,
|
|
28
|
+
light: 300,
|
|
29
|
+
normal: 400,
|
|
30
|
+
medium: 500,
|
|
31
|
+
semibold: 600,
|
|
32
|
+
bold: 700,
|
|
33
|
+
extrabold: 800,
|
|
34
|
+
black: 900,
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
exports.default = fontOptions;
|