@tamagui/tamagui-dev-config 1.125.35 → 1.126.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/cjs/media.cjs +31 -0
- package/dist/cjs/media.js +17 -1
- package/dist/cjs/media.js.map +1 -1
- package/dist/esm/media.js +17 -1
- package/dist/esm/media.js.map +1 -1
- package/dist/esm/media.mjs +31 -0
- package/dist/esm/media.mjs.map +1 -1
- package/package.json +6 -6
- package/src/media.ts +19 -0
package/dist/cjs/media.cjs
CHANGED
|
@@ -28,7 +28,38 @@ __export(media_exports, {
|
|
|
28
28
|
module.exports = __toCommonJS(media_exports);
|
|
29
29
|
const demoMedia = [500, 620, 780, 900],
|
|
30
30
|
widths = [660, 800, 1020, 1280],
|
|
31
|
+
breakpoints = {
|
|
32
|
+
"2xl": 1536,
|
|
33
|
+
xl: 1280,
|
|
34
|
+
lg: 1024,
|
|
35
|
+
md: 768,
|
|
36
|
+
sm: 640,
|
|
37
|
+
xs: 460,
|
|
38
|
+
"2xs": 340
|
|
39
|
+
},
|
|
31
40
|
media = {
|
|
41
|
+
// v4 Config
|
|
42
|
+
maxXs: {
|
|
43
|
+
maxWidth: breakpoints.xs
|
|
44
|
+
},
|
|
45
|
+
max2xs: {
|
|
46
|
+
maxWidth: breakpoints["2xs"]
|
|
47
|
+
},
|
|
48
|
+
maxSm: {
|
|
49
|
+
maxWidth: breakpoints.sm
|
|
50
|
+
},
|
|
51
|
+
maxMd: {
|
|
52
|
+
maxWidth: breakpoints.md
|
|
53
|
+
},
|
|
54
|
+
maxLg: {
|
|
55
|
+
maxWidth: breakpoints.lg
|
|
56
|
+
},
|
|
57
|
+
maxXl: {
|
|
58
|
+
maxWidth: breakpoints.xl
|
|
59
|
+
},
|
|
60
|
+
max2Xl: {
|
|
61
|
+
maxWidth: breakpoints["2xl"]
|
|
62
|
+
},
|
|
32
63
|
// for site
|
|
33
64
|
xl: {
|
|
34
65
|
maxWidth: 1650
|
package/dist/cjs/media.js
CHANGED
|
@@ -20,7 +20,23 @@ __export(media_exports, {
|
|
|
20
20
|
widths: () => widths
|
|
21
21
|
});
|
|
22
22
|
module.exports = __toCommonJS(media_exports);
|
|
23
|
-
const demoMedia = [500, 620, 780, 900], widths = [660, 800, 1020, 1280],
|
|
23
|
+
const demoMedia = [500, 620, 780, 900], widths = [660, 800, 1020, 1280], breakpoints = {
|
|
24
|
+
"2xl": 1536,
|
|
25
|
+
xl: 1280,
|
|
26
|
+
lg: 1024,
|
|
27
|
+
md: 768,
|
|
28
|
+
sm: 640,
|
|
29
|
+
xs: 460,
|
|
30
|
+
"2xs": 340
|
|
31
|
+
}, media = {
|
|
32
|
+
// v4 Config
|
|
33
|
+
maxXs: { maxWidth: breakpoints.xs },
|
|
34
|
+
max2xs: { maxWidth: breakpoints["2xs"] },
|
|
35
|
+
maxSm: { maxWidth: breakpoints.sm },
|
|
36
|
+
maxMd: { maxWidth: breakpoints.md },
|
|
37
|
+
maxLg: { maxWidth: breakpoints.lg },
|
|
38
|
+
maxXl: { maxWidth: breakpoints.xl },
|
|
39
|
+
max2Xl: { maxWidth: breakpoints["2xl"] },
|
|
24
40
|
// for site
|
|
25
41
|
xl: { maxWidth: 1650 },
|
|
26
42
|
// between lg and xl - for studio usage
|
package/dist/cjs/media.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/media.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,YAAY,CAAC,KAAK,KAAK,KAAK,GAAG,GAC/B,SAAS,CAAC,KAAK,KAAK,MAAM,IAAI,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,YAAY,CAAC,KAAK,KAAK,KAAK,GAAG,GAC/B,SAAS,CAAC,KAAK,KAAK,MAAM,IAAI,GAMrC,cAAc;AAAA,EAClB,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT,GAEa,QAAQ;AAAA;AAAA,EAEnB,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,QAAQ,EAAE,UAAU,YAAY,KAAK,EAAE;AAAA,EACvC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,QAAQ,EAAE,UAAU,YAAY,KAAK,EAAE;AAAA;AAAA,EAEvC,IAAI,EAAE,UAAU,KAAK;AAAA;AAAA,EAErB,OAAO,EAAE,UAAU,KAAK;AAAA,EACxB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,KAAK,EAAE,UAAU,IAAI;AAAA,EACrB,OAAO,EAAE,UAAU,IAAQ;AAAA,EAC3B,MAAM,EAAE,UAAU,IAAQ;AAAA,EAC1B,MAAM,EAAE,UAAU,IAAQ;AAAA,EAC1B,MAAM,EAAE,UAAU,KAAS;AAAA,EAC3B,MAAM,EAAE,UAAU,KAAS;AAAA,EAC3B,MAAM,EAAE,UAAU,KAAS;AAAA,EAC3B,aAAa,EAAE,SAAS,OAAO;AACjC,GAIa,0BAA0B;AAAA,EACrC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA;AAAA,EAEJ,KAAK;AACP;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/media.js
CHANGED
|
@@ -1,4 +1,20 @@
|
|
|
1
|
-
const demoMedia = [500, 620, 780, 900], widths = [660, 800, 1020, 1280],
|
|
1
|
+
const demoMedia = [500, 620, 780, 900], widths = [660, 800, 1020, 1280], breakpoints = {
|
|
2
|
+
"2xl": 1536,
|
|
3
|
+
xl: 1280,
|
|
4
|
+
lg: 1024,
|
|
5
|
+
md: 768,
|
|
6
|
+
sm: 640,
|
|
7
|
+
xs: 460,
|
|
8
|
+
"2xs": 340
|
|
9
|
+
}, media = {
|
|
10
|
+
// v4 Config
|
|
11
|
+
maxXs: { maxWidth: breakpoints.xs },
|
|
12
|
+
max2xs: { maxWidth: breakpoints["2xs"] },
|
|
13
|
+
maxSm: { maxWidth: breakpoints.sm },
|
|
14
|
+
maxMd: { maxWidth: breakpoints.md },
|
|
15
|
+
maxLg: { maxWidth: breakpoints.lg },
|
|
16
|
+
maxXl: { maxWidth: breakpoints.xl },
|
|
17
|
+
max2Xl: { maxWidth: breakpoints["2xl"] },
|
|
2
18
|
// for site
|
|
3
19
|
xl: { maxWidth: 1650 },
|
|
4
20
|
// between lg and xl - for studio usage
|
package/dist/esm/media.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/media.ts"],
|
|
4
|
-
"mappings": "AAAO,MAAM,YAAY,CAAC,KAAK,KAAK,KAAK,GAAG,GAC/B,SAAS,CAAC,KAAK,KAAK,MAAM,IAAI,
|
|
4
|
+
"mappings": "AAAO,MAAM,YAAY,CAAC,KAAK,KAAK,KAAK,GAAG,GAC/B,SAAS,CAAC,KAAK,KAAK,MAAM,IAAI,GAMrC,cAAc;AAAA,EAClB,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT,GAEa,QAAQ;AAAA;AAAA,EAEnB,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,QAAQ,EAAE,UAAU,YAAY,KAAK,EAAE;AAAA,EACvC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,OAAO,EAAE,UAAU,YAAY,GAAG;AAAA,EAClC,QAAQ,EAAE,UAAU,YAAY,KAAK,EAAE;AAAA;AAAA,EAEvC,IAAI,EAAE,UAAU,KAAK;AAAA;AAAA,EAErB,OAAO,EAAE,UAAU,KAAK;AAAA,EACxB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,KAAK,EAAE,UAAU,IAAI;AAAA,EACrB,OAAO,EAAE,UAAU,IAAQ;AAAA,EAC3B,MAAM,EAAE,UAAU,IAAQ;AAAA,EAC1B,MAAM,EAAE,UAAU,IAAQ;AAAA,EAC1B,MAAM,EAAE,UAAU,KAAS;AAAA,EAC3B,MAAM,EAAE,UAAU,KAAS;AAAA,EAC3B,MAAM,EAAE,UAAU,KAAS;AAAA,EAC3B,aAAa,EAAE,SAAS,OAAO;AACjC,GAIa,0BAA0B;AAAA,EACrC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA;AAAA,EAEJ,KAAK;AACP;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/media.mjs
CHANGED
|
@@ -1,6 +1,37 @@
|
|
|
1
1
|
const demoMedia = [500, 620, 780, 900],
|
|
2
2
|
widths = [660, 800, 1020, 1280],
|
|
3
|
+
breakpoints = {
|
|
4
|
+
"2xl": 1536,
|
|
5
|
+
xl: 1280,
|
|
6
|
+
lg: 1024,
|
|
7
|
+
md: 768,
|
|
8
|
+
sm: 640,
|
|
9
|
+
xs: 460,
|
|
10
|
+
"2xs": 340
|
|
11
|
+
},
|
|
3
12
|
media = {
|
|
13
|
+
// v4 Config
|
|
14
|
+
maxXs: {
|
|
15
|
+
maxWidth: breakpoints.xs
|
|
16
|
+
},
|
|
17
|
+
max2xs: {
|
|
18
|
+
maxWidth: breakpoints["2xs"]
|
|
19
|
+
},
|
|
20
|
+
maxSm: {
|
|
21
|
+
maxWidth: breakpoints.sm
|
|
22
|
+
},
|
|
23
|
+
maxMd: {
|
|
24
|
+
maxWidth: breakpoints.md
|
|
25
|
+
},
|
|
26
|
+
maxLg: {
|
|
27
|
+
maxWidth: breakpoints.lg
|
|
28
|
+
},
|
|
29
|
+
maxXl: {
|
|
30
|
+
maxWidth: breakpoints.xl
|
|
31
|
+
},
|
|
32
|
+
max2Xl: {
|
|
33
|
+
maxWidth: breakpoints["2xl"]
|
|
34
|
+
},
|
|
4
35
|
// for site
|
|
5
36
|
xl: {
|
|
6
37
|
maxWidth: 1650
|
package/dist/esm/media.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["demoMedia","widths","
|
|
1
|
+
{"version":3,"names":["demoMedia","widths","breakpoints","xl","lg","md","sm","xs","media","maxXs","maxWidth","max2xs","maxSm","maxMd","maxLg","maxXl","max2Xl","lg_xl","xxs","gtXxs","minWidth","gtXs","gtSm","gtMd","gtLg","gtXl","pointerFine","pointer","mediaQueryDefaultActive"],"sources":["../../src/media.ts"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,SAAA,GAAY,CAAC,KAAK,KAAK,KAAK,GAAG;EAC/BC,MAAA,GAAS,CAAC,KAAK,KAAK,MAAM,IAAI;EAMrCC,WAAA,GAAc;IAClB,OAAO;IACPC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJ,OAAO;EACT;EAEaC,KAAA,GAAQ;IAAA;IAEnBC,KAAA,EAAO;MAAEC,QAAA,EAAUR,WAAA,CAAYK;IAAG;IAClCI,MAAA,EAAQ;MAAED,QAAA,EAAUR,WAAA,CAAY,KAAK;IAAE;IACvCU,KAAA,EAAO;MAAEF,QAAA,EAAUR,WAAA,CAAYI;IAAG;IAClCO,KAAA,EAAO;MAAEH,QAAA,EAAUR,WAAA,CAAYG;IAAG;IAClCS,KAAA,EAAO;MAAEJ,QAAA,EAAUR,WAAA,CAAYE;IAAG;IAClCW,KAAA,EAAO;MAAEL,QAAA,EAAUR,WAAA,CAAYC;IAAG;IAClCa,MAAA,EAAQ;MAAEN,QAAA,EAAUR,WAAA,CAAY,KAAK;IAAE;IAAA;IAEvCC,EAAA,EAAI;MAAEO,QAAA,EAAU;IAAK;IAAA;IAErBO,KAAA,EAAO;MAAEP,QAAA,EAAU;IAAK;IACxBN,EAAA,EAAI;MAAEM,QAAA,EAAU;IAAK;IACrBL,EAAA,EAAI;MAAEK,QAAA,EAAU;IAAK;IACrBJ,EAAA,EAAI;MAAEI,QAAA,EAAU;IAAI;IACpBH,EAAA,EAAI;MAAEG,QAAA,EAAU;IAAI;IACpBQ,GAAA,EAAK;MAAER,QAAA,EAAU;IAAI;IACrBS,KAAA,EAAO;MAAEC,QAAA,EAAU;IAAQ;IAC3BC,IAAA,EAAM;MAAED,QAAA,EAAU;IAAQ;IAC1BE,IAAA,EAAM;MAAEF,QAAA,EAAU;IAAQ;IAC1BG,IAAA,EAAM;MAAEH,QAAA,EAAU;IAAS;IAC3BI,IAAA,EAAM;MAAEJ,QAAA,EAAU;IAAS;IAC3BK,IAAA,EAAM;MAAEL,QAAA,EAAU;IAAS;IAC3BM,WAAA,EAAa;MAAEC,OAAA,EAAS;IAAO;EACjC;EAIaC,uBAAA,GAA0B;IACrCzB,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IAAA;IAEJW,GAAA,EAAK;EACP","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/tamagui-dev-config",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.126.0",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"types": "./src/index.ts",
|
|
@@ -30,13 +30,13 @@
|
|
|
30
30
|
"clean:build": "tamagui-build clean:build"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@tamagui/config": "1.
|
|
34
|
-
"@tamagui/core": "1.
|
|
35
|
-
"@tamagui/shorthands": "1.
|
|
36
|
-
"@tamagui/themes": "1.
|
|
33
|
+
"@tamagui/config": "1.126.0",
|
|
34
|
+
"@tamagui/core": "1.126.0",
|
|
35
|
+
"@tamagui/shorthands": "1.126.0",
|
|
36
|
+
"@tamagui/themes": "1.126.0"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@tamagui/build": "1.
|
|
39
|
+
"@tamagui/build": "1.126.0",
|
|
40
40
|
"react": "*"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
package/src/media.ts
CHANGED
|
@@ -4,7 +4,26 @@ export const widths = [660, 800, 1020, 1280]
|
|
|
4
4
|
// note order is important!
|
|
5
5
|
// earlier defined = less important
|
|
6
6
|
|
|
7
|
+
// v4 Config
|
|
8
|
+
const breakpoints = {
|
|
9
|
+
'2xl': 1536,
|
|
10
|
+
xl: 1280,
|
|
11
|
+
lg: 1024,
|
|
12
|
+
md: 768,
|
|
13
|
+
sm: 640,
|
|
14
|
+
xs: 460,
|
|
15
|
+
'2xs': 340,
|
|
16
|
+
}
|
|
17
|
+
|
|
7
18
|
export const media = {
|
|
19
|
+
// v4 Config
|
|
20
|
+
maxXs: { maxWidth: breakpoints.xs },
|
|
21
|
+
max2xs: { maxWidth: breakpoints['2xs'] },
|
|
22
|
+
maxSm: { maxWidth: breakpoints.sm },
|
|
23
|
+
maxMd: { maxWidth: breakpoints.md },
|
|
24
|
+
maxLg: { maxWidth: breakpoints.lg },
|
|
25
|
+
maxXl: { maxWidth: breakpoints.xl },
|
|
26
|
+
max2Xl: { maxWidth: breakpoints['2xl'] },
|
|
8
27
|
// for site
|
|
9
28
|
xl: { maxWidth: 1650 },
|
|
10
29
|
// between lg and xl - for studio usage
|