@mekari/pixel3-theme 0.3.2-dev.0 → 0.4.0
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/index.js +81 -0
- package/dist/index.mjs +81 -0
- package/dist/utilities.d.mts +76 -0
- package/dist/utilities.d.ts +76 -0
- package/package.json +3 -3
- package/src/index.ts +2 -0
- package/src/utilities.ts +82 -0
package/dist/index.js
CHANGED
|
@@ -8226,6 +8226,86 @@ var globalFontface = {
|
|
|
8226
8226
|
]
|
|
8227
8227
|
};
|
|
8228
8228
|
|
|
8229
|
+
// src/utilities.ts
|
|
8230
|
+
var utilities = {
|
|
8231
|
+
extend: {
|
|
8232
|
+
gridTemplateColumns: {
|
|
8233
|
+
className: "grid-tc",
|
|
8234
|
+
// group: 'Grid Layout',
|
|
8235
|
+
values: {
|
|
8236
|
+
"1": "repeat(1, minmax(0, 1fr))",
|
|
8237
|
+
"2": "repeat(2, minmax(0, 1fr))",
|
|
8238
|
+
"3": "repeat(3, minmax(0, 1fr))",
|
|
8239
|
+
"4": "repeat(4, minmax(0, 1fr))",
|
|
8240
|
+
"5": "repeat(5, minmax(0, 1fr))",
|
|
8241
|
+
"6": "repeat(6, minmax(0, 1fr))",
|
|
8242
|
+
"7": "repeat(7, minmax(0, 1fr))",
|
|
8243
|
+
"8": "repeat(8, minmax(0, 1fr))",
|
|
8244
|
+
"9": "repeat(9, minmax(0, 1fr))",
|
|
8245
|
+
"10": "repeat(10, minmax(0, 1fr))",
|
|
8246
|
+
"11": "repeat(11, minmax(0, 1fr))",
|
|
8247
|
+
"12": "repeat(12, minmax(0, 1fr))"
|
|
8248
|
+
}
|
|
8249
|
+
},
|
|
8250
|
+
gridTemplateRows: {
|
|
8251
|
+
className: "grid-tr",
|
|
8252
|
+
// group: 'Grid Layout',
|
|
8253
|
+
values: {
|
|
8254
|
+
"1": "repeat(1, minmax(0, 1fr))",
|
|
8255
|
+
"2": "repeat(2, minmax(0, 1fr))",
|
|
8256
|
+
"3": "repeat(3, minmax(0, 1fr))",
|
|
8257
|
+
"4": "repeat(4, minmax(0, 1fr))",
|
|
8258
|
+
"5": "repeat(5, minmax(0, 1fr))",
|
|
8259
|
+
"6": "repeat(6, minmax(0, 1fr))",
|
|
8260
|
+
"7": "repeat(7, minmax(0, 1fr))",
|
|
8261
|
+
"8": "repeat(8, minmax(0, 1fr))",
|
|
8262
|
+
"9": "repeat(9, minmax(0, 1fr))",
|
|
8263
|
+
"10": "repeat(10, minmax(0, 1fr))",
|
|
8264
|
+
"11": "repeat(11, minmax(0, 1fr))",
|
|
8265
|
+
"12": "repeat(12, minmax(0, 1fr))"
|
|
8266
|
+
}
|
|
8267
|
+
},
|
|
8268
|
+
gridColumn: {
|
|
8269
|
+
className: "grid-c",
|
|
8270
|
+
// group: 'Grid Layout',
|
|
8271
|
+
values: {
|
|
8272
|
+
full: "1 / -1",
|
|
8273
|
+
"1": "span 1 / span 1",
|
|
8274
|
+
"2": "span 2 / span 2",
|
|
8275
|
+
"3": "span 3 / span 3",
|
|
8276
|
+
"4": "span 4 / span 4",
|
|
8277
|
+
"5": "span 5 / span 5",
|
|
8278
|
+
"6": "span 6 / span 6",
|
|
8279
|
+
"7": "span 7 / span 7",
|
|
8280
|
+
"8": "span 8 / span 8",
|
|
8281
|
+
"9": "span 9 / span 9",
|
|
8282
|
+
"10": "span 10 / span 10",
|
|
8283
|
+
"11": "span 11 / span 11",
|
|
8284
|
+
"12": "span 12 / span 12"
|
|
8285
|
+
}
|
|
8286
|
+
},
|
|
8287
|
+
gridRow: {
|
|
8288
|
+
className: "grid-r",
|
|
8289
|
+
// group: 'Grid Layout',
|
|
8290
|
+
values: {
|
|
8291
|
+
full: "1 / -1",
|
|
8292
|
+
"1": "span 1 / span 1",
|
|
8293
|
+
"2": "span 2 / span 2",
|
|
8294
|
+
"3": "span 3 / span 3",
|
|
8295
|
+
"4": "span 4 / span 4",
|
|
8296
|
+
"5": "span 5 / span 5",
|
|
8297
|
+
"6": "span 6 / span 6",
|
|
8298
|
+
"7": "span 7 / span 7",
|
|
8299
|
+
"8": "span 8 / span 8",
|
|
8300
|
+
"9": "span 9 / span 9",
|
|
8301
|
+
"10": "span 10 / span 10",
|
|
8302
|
+
"11": "span 11 / span 11",
|
|
8303
|
+
"12": "span 12 / span 12"
|
|
8304
|
+
}
|
|
8305
|
+
}
|
|
8306
|
+
}
|
|
8307
|
+
};
|
|
8308
|
+
|
|
8229
8309
|
// src/index.ts
|
|
8230
8310
|
var preset = (0, import_dev70.definePreset)({
|
|
8231
8311
|
name: "@mekari/pixel3-theme",
|
|
@@ -8248,6 +8328,7 @@ var preset = (0, import_dev70.definePreset)({
|
|
|
8248
8328
|
}
|
|
8249
8329
|
},
|
|
8250
8330
|
conditions,
|
|
8331
|
+
utilities,
|
|
8251
8332
|
globalCss,
|
|
8252
8333
|
staticCss: {
|
|
8253
8334
|
themes: ["next"]
|
package/dist/index.mjs
CHANGED
|
@@ -8200,6 +8200,86 @@ var globalFontface = {
|
|
|
8200
8200
|
]
|
|
8201
8201
|
};
|
|
8202
8202
|
|
|
8203
|
+
// src/utilities.ts
|
|
8204
|
+
var utilities = {
|
|
8205
|
+
extend: {
|
|
8206
|
+
gridTemplateColumns: {
|
|
8207
|
+
className: "grid-tc",
|
|
8208
|
+
// group: 'Grid Layout',
|
|
8209
|
+
values: {
|
|
8210
|
+
"1": "repeat(1, minmax(0, 1fr))",
|
|
8211
|
+
"2": "repeat(2, minmax(0, 1fr))",
|
|
8212
|
+
"3": "repeat(3, minmax(0, 1fr))",
|
|
8213
|
+
"4": "repeat(4, minmax(0, 1fr))",
|
|
8214
|
+
"5": "repeat(5, minmax(0, 1fr))",
|
|
8215
|
+
"6": "repeat(6, minmax(0, 1fr))",
|
|
8216
|
+
"7": "repeat(7, minmax(0, 1fr))",
|
|
8217
|
+
"8": "repeat(8, minmax(0, 1fr))",
|
|
8218
|
+
"9": "repeat(9, minmax(0, 1fr))",
|
|
8219
|
+
"10": "repeat(10, minmax(0, 1fr))",
|
|
8220
|
+
"11": "repeat(11, minmax(0, 1fr))",
|
|
8221
|
+
"12": "repeat(12, minmax(0, 1fr))"
|
|
8222
|
+
}
|
|
8223
|
+
},
|
|
8224
|
+
gridTemplateRows: {
|
|
8225
|
+
className: "grid-tr",
|
|
8226
|
+
// group: 'Grid Layout',
|
|
8227
|
+
values: {
|
|
8228
|
+
"1": "repeat(1, minmax(0, 1fr))",
|
|
8229
|
+
"2": "repeat(2, minmax(0, 1fr))",
|
|
8230
|
+
"3": "repeat(3, minmax(0, 1fr))",
|
|
8231
|
+
"4": "repeat(4, minmax(0, 1fr))",
|
|
8232
|
+
"5": "repeat(5, minmax(0, 1fr))",
|
|
8233
|
+
"6": "repeat(6, minmax(0, 1fr))",
|
|
8234
|
+
"7": "repeat(7, minmax(0, 1fr))",
|
|
8235
|
+
"8": "repeat(8, minmax(0, 1fr))",
|
|
8236
|
+
"9": "repeat(9, minmax(0, 1fr))",
|
|
8237
|
+
"10": "repeat(10, minmax(0, 1fr))",
|
|
8238
|
+
"11": "repeat(11, minmax(0, 1fr))",
|
|
8239
|
+
"12": "repeat(12, minmax(0, 1fr))"
|
|
8240
|
+
}
|
|
8241
|
+
},
|
|
8242
|
+
gridColumn: {
|
|
8243
|
+
className: "grid-c",
|
|
8244
|
+
// group: 'Grid Layout',
|
|
8245
|
+
values: {
|
|
8246
|
+
full: "1 / -1",
|
|
8247
|
+
"1": "span 1 / span 1",
|
|
8248
|
+
"2": "span 2 / span 2",
|
|
8249
|
+
"3": "span 3 / span 3",
|
|
8250
|
+
"4": "span 4 / span 4",
|
|
8251
|
+
"5": "span 5 / span 5",
|
|
8252
|
+
"6": "span 6 / span 6",
|
|
8253
|
+
"7": "span 7 / span 7",
|
|
8254
|
+
"8": "span 8 / span 8",
|
|
8255
|
+
"9": "span 9 / span 9",
|
|
8256
|
+
"10": "span 10 / span 10",
|
|
8257
|
+
"11": "span 11 / span 11",
|
|
8258
|
+
"12": "span 12 / span 12"
|
|
8259
|
+
}
|
|
8260
|
+
},
|
|
8261
|
+
gridRow: {
|
|
8262
|
+
className: "grid-r",
|
|
8263
|
+
// group: 'Grid Layout',
|
|
8264
|
+
values: {
|
|
8265
|
+
full: "1 / -1",
|
|
8266
|
+
"1": "span 1 / span 1",
|
|
8267
|
+
"2": "span 2 / span 2",
|
|
8268
|
+
"3": "span 3 / span 3",
|
|
8269
|
+
"4": "span 4 / span 4",
|
|
8270
|
+
"5": "span 5 / span 5",
|
|
8271
|
+
"6": "span 6 / span 6",
|
|
8272
|
+
"7": "span 7 / span 7",
|
|
8273
|
+
"8": "span 8 / span 8",
|
|
8274
|
+
"9": "span 9 / span 9",
|
|
8275
|
+
"10": "span 10 / span 10",
|
|
8276
|
+
"11": "span 11 / span 11",
|
|
8277
|
+
"12": "span 12 / span 12"
|
|
8278
|
+
}
|
|
8279
|
+
}
|
|
8280
|
+
}
|
|
8281
|
+
};
|
|
8282
|
+
|
|
8203
8283
|
// src/index.ts
|
|
8204
8284
|
var preset = definePreset({
|
|
8205
8285
|
name: "@mekari/pixel3-theme",
|
|
@@ -8222,6 +8302,7 @@ var preset = definePreset({
|
|
|
8222
8302
|
}
|
|
8223
8303
|
},
|
|
8224
8304
|
conditions,
|
|
8305
|
+
utilities,
|
|
8225
8306
|
globalCss,
|
|
8226
8307
|
staticCss: {
|
|
8227
8308
|
themes: ["next"]
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
declare const utilities: {
|
|
2
|
+
extend: {
|
|
3
|
+
gridTemplateColumns: {
|
|
4
|
+
className: string;
|
|
5
|
+
values: {
|
|
6
|
+
'1': string;
|
|
7
|
+
'2': string;
|
|
8
|
+
'3': string;
|
|
9
|
+
'4': string;
|
|
10
|
+
'5': string;
|
|
11
|
+
'6': string;
|
|
12
|
+
'7': string;
|
|
13
|
+
'8': string;
|
|
14
|
+
'9': string;
|
|
15
|
+
'10': string;
|
|
16
|
+
'11': string;
|
|
17
|
+
'12': string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
gridTemplateRows: {
|
|
21
|
+
className: string;
|
|
22
|
+
values: {
|
|
23
|
+
'1': string;
|
|
24
|
+
'2': string;
|
|
25
|
+
'3': string;
|
|
26
|
+
'4': string;
|
|
27
|
+
'5': string;
|
|
28
|
+
'6': string;
|
|
29
|
+
'7': string;
|
|
30
|
+
'8': string;
|
|
31
|
+
'9': string;
|
|
32
|
+
'10': string;
|
|
33
|
+
'11': string;
|
|
34
|
+
'12': string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
gridColumn: {
|
|
38
|
+
className: string;
|
|
39
|
+
values: {
|
|
40
|
+
full: string;
|
|
41
|
+
'1': string;
|
|
42
|
+
'2': string;
|
|
43
|
+
'3': string;
|
|
44
|
+
'4': string;
|
|
45
|
+
'5': string;
|
|
46
|
+
'6': string;
|
|
47
|
+
'7': string;
|
|
48
|
+
'8': string;
|
|
49
|
+
'9': string;
|
|
50
|
+
'10': string;
|
|
51
|
+
'11': string;
|
|
52
|
+
'12': string;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
gridRow: {
|
|
56
|
+
className: string;
|
|
57
|
+
values: {
|
|
58
|
+
full: string;
|
|
59
|
+
'1': string;
|
|
60
|
+
'2': string;
|
|
61
|
+
'3': string;
|
|
62
|
+
'4': string;
|
|
63
|
+
'5': string;
|
|
64
|
+
'6': string;
|
|
65
|
+
'7': string;
|
|
66
|
+
'8': string;
|
|
67
|
+
'9': string;
|
|
68
|
+
'10': string;
|
|
69
|
+
'11': string;
|
|
70
|
+
'12': string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
export { utilities };
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
declare const utilities: {
|
|
2
|
+
extend: {
|
|
3
|
+
gridTemplateColumns: {
|
|
4
|
+
className: string;
|
|
5
|
+
values: {
|
|
6
|
+
'1': string;
|
|
7
|
+
'2': string;
|
|
8
|
+
'3': string;
|
|
9
|
+
'4': string;
|
|
10
|
+
'5': string;
|
|
11
|
+
'6': string;
|
|
12
|
+
'7': string;
|
|
13
|
+
'8': string;
|
|
14
|
+
'9': string;
|
|
15
|
+
'10': string;
|
|
16
|
+
'11': string;
|
|
17
|
+
'12': string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
gridTemplateRows: {
|
|
21
|
+
className: string;
|
|
22
|
+
values: {
|
|
23
|
+
'1': string;
|
|
24
|
+
'2': string;
|
|
25
|
+
'3': string;
|
|
26
|
+
'4': string;
|
|
27
|
+
'5': string;
|
|
28
|
+
'6': string;
|
|
29
|
+
'7': string;
|
|
30
|
+
'8': string;
|
|
31
|
+
'9': string;
|
|
32
|
+
'10': string;
|
|
33
|
+
'11': string;
|
|
34
|
+
'12': string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
gridColumn: {
|
|
38
|
+
className: string;
|
|
39
|
+
values: {
|
|
40
|
+
full: string;
|
|
41
|
+
'1': string;
|
|
42
|
+
'2': string;
|
|
43
|
+
'3': string;
|
|
44
|
+
'4': string;
|
|
45
|
+
'5': string;
|
|
46
|
+
'6': string;
|
|
47
|
+
'7': string;
|
|
48
|
+
'8': string;
|
|
49
|
+
'9': string;
|
|
50
|
+
'10': string;
|
|
51
|
+
'11': string;
|
|
52
|
+
'12': string;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
gridRow: {
|
|
56
|
+
className: string;
|
|
57
|
+
values: {
|
|
58
|
+
full: string;
|
|
59
|
+
'1': string;
|
|
60
|
+
'2': string;
|
|
61
|
+
'3': string;
|
|
62
|
+
'4': string;
|
|
63
|
+
'5': string;
|
|
64
|
+
'6': string;
|
|
65
|
+
'7': string;
|
|
66
|
+
'8': string;
|
|
67
|
+
'9': string;
|
|
68
|
+
'10': string;
|
|
69
|
+
'11': string;
|
|
70
|
+
'12': string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
export { utilities };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-theme",
|
|
3
3
|
"description": "Theme for mekari pixel 3",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.4.0",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
"src"
|
|
10
10
|
],
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@pandacss/dev": "^0.
|
|
12
|
+
"@pandacss/dev": "^0.54.0"
|
|
13
13
|
},
|
|
14
14
|
"peerDependencies": {
|
|
15
15
|
"vue": "^3.4.9"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@pandacss/types": "^0.
|
|
18
|
+
"@pandacss/types": "^0.54.0",
|
|
19
19
|
"vue": "^3.4.9"
|
|
20
20
|
},
|
|
21
21
|
"publishConfig": {
|
package/src/index.ts
CHANGED
|
@@ -10,6 +10,7 @@ import { tokens } from './tokens'
|
|
|
10
10
|
import { tokensNext } from './tokens-next'
|
|
11
11
|
import { semanticTokens } from './semanticTokens'
|
|
12
12
|
import { globalFontface } from './fonts'
|
|
13
|
+
import { utilities } from './utilities'
|
|
13
14
|
|
|
14
15
|
const preset: Preset = definePreset({
|
|
15
16
|
name: '@mekari/pixel3-theme',
|
|
@@ -32,6 +33,7 @@ const preset: Preset = definePreset({
|
|
|
32
33
|
}
|
|
33
34
|
},
|
|
34
35
|
conditions,
|
|
36
|
+
utilities,
|
|
35
37
|
globalCss,
|
|
36
38
|
staticCss: {
|
|
37
39
|
themes: ['next']
|
package/src/utilities.ts
ADDED
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
// Utilities for grid layout in Panda CSS removed since v0.48.0
|
|
2
|
+
// We add grid utilities here to avoid breaking changes in the theme
|
|
3
|
+
// https://github.com/chakra-ui/panda/discussions/2980
|
|
4
|
+
|
|
5
|
+
export const utilities = {
|
|
6
|
+
extend: {
|
|
7
|
+
gridTemplateColumns: {
|
|
8
|
+
className: 'grid-tc',
|
|
9
|
+
// group: 'Grid Layout',
|
|
10
|
+
values: {
|
|
11
|
+
'1': 'repeat(1, minmax(0, 1fr))',
|
|
12
|
+
'2': 'repeat(2, minmax(0, 1fr))',
|
|
13
|
+
'3': 'repeat(3, minmax(0, 1fr))',
|
|
14
|
+
'4': 'repeat(4, minmax(0, 1fr))',
|
|
15
|
+
'5': 'repeat(5, minmax(0, 1fr))',
|
|
16
|
+
'6': 'repeat(6, minmax(0, 1fr))',
|
|
17
|
+
'7': 'repeat(7, minmax(0, 1fr))',
|
|
18
|
+
'8': 'repeat(8, minmax(0, 1fr))',
|
|
19
|
+
'9': 'repeat(9, minmax(0, 1fr))',
|
|
20
|
+
'10': 'repeat(10, minmax(0, 1fr))',
|
|
21
|
+
'11': 'repeat(11, minmax(0, 1fr))',
|
|
22
|
+
'12': 'repeat(12, minmax(0, 1fr))'
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
gridTemplateRows: {
|
|
26
|
+
className: 'grid-tr',
|
|
27
|
+
// group: 'Grid Layout',
|
|
28
|
+
values: {
|
|
29
|
+
'1': 'repeat(1, minmax(0, 1fr))',
|
|
30
|
+
'2': 'repeat(2, minmax(0, 1fr))',
|
|
31
|
+
'3': 'repeat(3, minmax(0, 1fr))',
|
|
32
|
+
'4': 'repeat(4, minmax(0, 1fr))',
|
|
33
|
+
'5': 'repeat(5, minmax(0, 1fr))',
|
|
34
|
+
'6': 'repeat(6, minmax(0, 1fr))',
|
|
35
|
+
'7': 'repeat(7, minmax(0, 1fr))',
|
|
36
|
+
'8': 'repeat(8, minmax(0, 1fr))',
|
|
37
|
+
'9': 'repeat(9, minmax(0, 1fr))',
|
|
38
|
+
'10': 'repeat(10, minmax(0, 1fr))',
|
|
39
|
+
'11': 'repeat(11, minmax(0, 1fr))',
|
|
40
|
+
'12': 'repeat(12, minmax(0, 1fr))'
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
gridColumn: {
|
|
44
|
+
className: 'grid-c',
|
|
45
|
+
// group: 'Grid Layout',
|
|
46
|
+
values: {
|
|
47
|
+
full: '1 / -1',
|
|
48
|
+
'1': 'span 1 / span 1',
|
|
49
|
+
'2': 'span 2 / span 2',
|
|
50
|
+
'3': 'span 3 / span 3',
|
|
51
|
+
'4': 'span 4 / span 4',
|
|
52
|
+
'5': 'span 5 / span 5',
|
|
53
|
+
'6': 'span 6 / span 6',
|
|
54
|
+
'7': 'span 7 / span 7',
|
|
55
|
+
'8': 'span 8 / span 8',
|
|
56
|
+
'9': 'span 9 / span 9',
|
|
57
|
+
'10': 'span 10 / span 10',
|
|
58
|
+
'11': 'span 11 / span 11',
|
|
59
|
+
'12': 'span 12 / span 12'
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
gridRow: {
|
|
63
|
+
className: 'grid-r',
|
|
64
|
+
// group: 'Grid Layout',
|
|
65
|
+
values: {
|
|
66
|
+
full: '1 / -1',
|
|
67
|
+
'1': 'span 1 / span 1',
|
|
68
|
+
'2': 'span 2 / span 2',
|
|
69
|
+
'3': 'span 3 / span 3',
|
|
70
|
+
'4': 'span 4 / span 4',
|
|
71
|
+
'5': 'span 5 / span 5',
|
|
72
|
+
'6': 'span 6 / span 6',
|
|
73
|
+
'7': 'span 7 / span 7',
|
|
74
|
+
'8': 'span 8 / span 8',
|
|
75
|
+
'9': 'span 9 / span 9',
|
|
76
|
+
'10': 'span 10 / span 10',
|
|
77
|
+
'11': 'span 11 / span 11',
|
|
78
|
+
'12': 'span 12 / span 12'
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|