@tamagui/tamagui-dev-config 2.0.0-rc.4 → 2.0.0-rc.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.
Files changed (73) hide show
  1. package/dist/cjs/createGenericFont.cjs +12 -10
  2. package/dist/cjs/fonts.cjs +95 -93
  3. package/dist/cjs/index.cjs +7 -5
  4. package/dist/cjs/media.cjs +100 -98
  5. package/dist/cjs/tamagui.dev.config.cjs +48 -46
  6. package/dist/cjs/theme.dev.cjs +276 -272
  7. package/dist/esm/fonts.mjs +79 -79
  8. package/dist/esm/fonts.mjs.map +1 -1
  9. package/dist/esm/index.js +2 -2
  10. package/dist/esm/index.js.map +1 -6
  11. package/dist/esm/index.mjs +1 -1
  12. package/dist/esm/media.mjs +88 -88
  13. package/dist/esm/media.mjs.map +1 -1
  14. package/dist/esm/tamagui.dev.config.mjs +30 -30
  15. package/dist/esm/tamagui.dev.config.mjs.map +1 -1
  16. package/dist/esm/theme.dev.mjs +249 -247
  17. package/dist/esm/theme.dev.mjs.map +1 -1
  18. package/motion.cjs +1 -0
  19. package/package.json +20 -17
  20. package/dist/cjs/animations.cjs +0 -18
  21. package/dist/cjs/animations.css.cjs +0 -48
  22. package/dist/cjs/animations.css.js +0 -42
  23. package/dist/cjs/animations.css.js.map +0 -6
  24. package/dist/cjs/animations.js +0 -15
  25. package/dist/cjs/animations.js.map +0 -6
  26. package/dist/cjs/animations.motion.cjs +0 -122
  27. package/dist/cjs/animations.motion.js +0 -117
  28. package/dist/cjs/animations.motion.js.map +0 -6
  29. package/dist/cjs/animations.reanimated.cjs +0 -136
  30. package/dist/cjs/animations.reanimated.js +0 -131
  31. package/dist/cjs/animations.reanimated.js.map +0 -6
  32. package/dist/cjs/createGenericFont.js +0 -54
  33. package/dist/cjs/createGenericFont.js.map +0 -6
  34. package/dist/cjs/fonts.js +0 -106
  35. package/dist/cjs/fonts.js.map +0 -6
  36. package/dist/cjs/index.js +0 -16
  37. package/dist/cjs/index.js.map +0 -6
  38. package/dist/cjs/media.js +0 -65
  39. package/dist/cjs/media.js.map +0 -6
  40. package/dist/cjs/tamagui.dev.config.js +0 -59
  41. package/dist/cjs/tamagui.dev.config.js.map +0 -6
  42. package/dist/cjs/theme.dev.js +0 -524
  43. package/dist/cjs/theme.dev.js.map +0 -6
  44. package/dist/esm/animations.css.js +0 -26
  45. package/dist/esm/animations.css.js.map +0 -6
  46. package/dist/esm/animations.css.mjs +0 -25
  47. package/dist/esm/animations.css.mjs.map +0 -1
  48. package/dist/esm/animations.js +0 -2
  49. package/dist/esm/animations.js.map +0 -6
  50. package/dist/esm/animations.mjs +0 -2
  51. package/dist/esm/animations.mjs.map +0 -1
  52. package/dist/esm/animations.motion.js +0 -101
  53. package/dist/esm/animations.motion.js.map +0 -6
  54. package/dist/esm/animations.motion.mjs +0 -99
  55. package/dist/esm/animations.motion.mjs.map +0 -1
  56. package/dist/esm/animations.reanimated.js +0 -115
  57. package/dist/esm/animations.reanimated.js.map +0 -6
  58. package/dist/esm/animations.reanimated.mjs +0 -113
  59. package/dist/esm/animations.reanimated.mjs.map +0 -1
  60. package/dist/esm/createGenericFont.js +0 -38
  61. package/dist/esm/createGenericFont.js.map +0 -6
  62. package/dist/esm/fonts.js +0 -93
  63. package/dist/esm/fonts.js.map +0 -6
  64. package/dist/esm/media.js +0 -49
  65. package/dist/esm/media.js.map +0 -6
  66. package/dist/esm/tamagui.dev.config.js +0 -48
  67. package/dist/esm/tamagui.dev.config.js.map +0 -6
  68. package/dist/esm/theme.dev.js +0 -502
  69. package/dist/esm/theme.dev.js.map +0 -6
  70. package/src/animations.css.ts +0 -25
  71. package/src/animations.motion.ts +0 -98
  72. package/src/animations.reanimated.ts +0 -112
  73. package/src/animations.ts +0 -1
@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
5
  var __export = (target, all) => {
6
- for (var name in all) __defProp(target, name, {
7
- get: all[name],
8
- enumerable: !0
9
- });
10
- },
11
- __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
6
+ for (var name in all) __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: true
9
+ });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
13
14
  get: () => from[key],
14
15
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
16
  });
16
- return to;
17
- };
17
+ }
18
+ return to;
19
+ };
18
20
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
19
- value: !0
21
+ value: true
20
22
  }), mod);
21
23
  var createGenericFont_exports = {};
22
24
  __export(createGenericFont_exports, {
@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
5
  var __export = (target, all) => {
6
- for (var name in all) __defProp(target, name, {
7
- get: all[name],
8
- enumerable: !0
9
- });
10
- },
11
- __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
6
+ for (var name in all) __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: true
9
+ });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
13
14
  get: () => from[key],
14
15
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
16
  });
16
- return to;
17
- };
17
+ }
18
+ return to;
19
+ };
18
20
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
19
- value: !0
21
+ value: true
20
22
  }), mod);
21
23
  var fonts_exports = {};
22
24
  __export(fonts_exports, {
@@ -27,90 +29,90 @@ __export(fonts_exports, {
27
29
  silkscreenFont: () => silkscreenFont
28
30
  });
29
31
  module.exports = __toCommonJS(fonts_exports);
30
- var import_font_cherry_bomb = require("@tamagui/font-cherry-bomb"),
31
- import_font_inter = require("@tamagui/font-inter"),
32
- import_font_silkscreen = require("@tamagui/font-silkscreen"),
33
- import_createGenericFont = require("./createGenericFont.cjs");
32
+ var import_font_cherry_bomb = require("@tamagui/font-cherry-bomb");
33
+ var import_font_inter = require("@tamagui/font-inter");
34
+ var import_font_silkscreen = require("@tamagui/font-silkscreen");
35
+ var import_createGenericFont = require("./createGenericFont.cjs");
34
36
  const cherryBombFont = (0, import_font_cherry_bomb.createCherryBombFont)({
35
- family: '"Cherry Bomb", Arial, sans-serif'
36
- }),
37
- silkscreenFont = (0, import_font_silkscreen.createSilkscreenFont)(),
38
- headingFont = (0, import_font_inter.createInterFont)({
39
- size: {
40
- 5: 13,
41
- 6: 15,
42
- 9: 30,
43
- 10: 44
44
- },
45
- transform: {
46
- 6: "uppercase",
47
- 7: "none"
48
- },
49
- weight: {
50
- 6: "400",
51
- 7: "700"
52
- },
53
- color: {
54
- 6: "$colorFocus",
55
- 7: "$color"
56
- },
57
- letterSpacing: {
58
- 5: 2,
59
- 6: 1,
60
- 7: 0,
61
- 8: 0,
62
- 9: -0.1,
63
- 10: -0.25,
64
- 11: -0.5,
65
- 12: -0.75,
66
- 14: -1,
67
- 15: -2
37
+ family: '"Cherry Bomb", Arial, sans-serif'
38
+ });
39
+ const silkscreenFont = (0, import_font_silkscreen.createSilkscreenFont)();
40
+ const headingFont = (0, import_font_inter.createInterFont)({
41
+ size: {
42
+ 5: 13,
43
+ 6: 15,
44
+ 9: 30,
45
+ 10: 44
46
+ },
47
+ transform: {
48
+ 6: "uppercase",
49
+ 7: "none"
50
+ },
51
+ weight: {
52
+ 6: "400",
53
+ 7: "700"
54
+ },
55
+ color: {
56
+ 6: "$colorFocus",
57
+ 7: "$color"
58
+ },
59
+ letterSpacing: {
60
+ 5: 2,
61
+ 6: 1,
62
+ 7: 0,
63
+ 8: 0,
64
+ 9: -0.1,
65
+ 10: -0.25,
66
+ 11: -0.5,
67
+ 12: -0.75,
68
+ 14: -1,
69
+ 15: -2
70
+ },
71
+ // for native
72
+ face: {
73
+ 700: {
74
+ normal: "InterBold"
68
75
  },
69
- // for native
70
- face: {
71
- 700: {
72
- normal: "InterBold"
73
- },
74
- 800: {
75
- normal: "InterBold"
76
- },
77
- 900: {
78
- normal: "InterBold"
79
- }
80
- }
81
- }, {
82
- sizeLineHeight: size => Math.round(size * 1.1 + (size < 30 ? 10 : 5))
83
- }),
84
- bodyFont = (0, import_font_inter.createInterFont)({
85
- weight: {
86
- 1: "400"
87
- }
88
- }, {
89
- sizeSize: size => Math.round(size),
90
- sizeLineHeight: size => Math.round(size * 1.2 + (size >= 20 ? 12 : 8))
91
- }),
92
- monoFont = (0, import_createGenericFont.createGenericFont)('"Berkeley Mono", "ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace', {
93
- weight: {
94
- 1: "400"
76
+ 800: {
77
+ normal: "InterBold"
95
78
  },
96
- size: {
97
- 1: 11,
98
- 2: 12,
99
- 3: 13,
100
- 4: 14,
101
- 5: 16,
102
- 6: 18,
103
- 7: 20,
104
- 8: 22,
105
- 9: 24,
106
- 10: 32,
107
- 11: 46,
108
- 12: 62,
109
- 13: 72,
110
- 14: 92,
111
- 15: 114,
112
- 16: 124
79
+ 900: {
80
+ normal: "InterBold"
113
81
  }
114
- }, {
115
- sizeLineHeight: x => x * 1.5 + 2
116
- });
82
+ }
83
+ }, {
84
+ sizeLineHeight: size => Math.round(size * 1.1 + (size < 30 ? 10 : 5))
85
+ });
86
+ const bodyFont = (0, import_font_inter.createInterFont)({
87
+ weight: {
88
+ 1: "400"
89
+ }
90
+ }, {
91
+ sizeSize: size => Math.round(size),
92
+ sizeLineHeight: size => Math.round(size * 1.2 + (size >= 20 ? 12 : 8))
93
+ });
94
+ const monoFont = (0, import_createGenericFont.createGenericFont)(`"Berkeley Mono", "ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace`, {
95
+ weight: {
96
+ 1: "400"
97
+ },
98
+ size: {
99
+ 1: 11,
100
+ 2: 12,
101
+ 3: 13,
102
+ 4: 14,
103
+ 5: 16,
104
+ 6: 18,
105
+ 7: 20,
106
+ 8: 22,
107
+ 9: 24,
108
+ 10: 32,
109
+ 11: 46,
110
+ 12: 62,
111
+ 13: 72,
112
+ 14: 92,
113
+ 15: 114,
114
+ 16: 124
115
+ }
116
+ }, {
117
+ sizeLineHeight: x => x * 1.5 + 2
118
+ });
@@ -3,15 +3,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
5
  var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
6
+ if (from && typeof from === "object" || typeof from === "function") {
7
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
7
8
  get: () => from[key],
8
9
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
9
10
  });
10
- return to;
11
- },
12
- __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
11
+ }
12
+ return to;
13
+ };
14
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
13
15
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
14
- value: !0
16
+ value: true
15
17
  }), mod);
16
18
  var index_exports = {};
17
19
  module.exports = __toCommonJS(index_exports);
@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
5
  var __export = (target, all) => {
6
- for (var name in all) __defProp(target, name, {
7
- get: all[name],
8
- enumerable: !0
9
- });
10
- },
11
- __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
6
+ for (var name in all) __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: true
9
+ });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
13
14
  get: () => from[key],
14
15
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
16
  });
16
- return to;
17
- };
17
+ }
18
+ return to;
19
+ };
18
20
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
19
- value: !0
21
+ value: true
20
22
  }), mod);
21
23
  var media_exports = {};
22
24
  __export(media_exports, {
@@ -26,91 +28,91 @@ __export(media_exports, {
26
28
  widths: () => widths
27
29
  });
28
30
  module.exports = __toCommonJS(media_exports);
29
- const demoMedia = [500, 620, 780, 900],
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
- },
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
- },
63
- // for site
64
- xl: {
65
- maxWidth: 1650
66
- },
67
- // between lg and xl - for studio usage
68
- lg_xl: {
69
- maxWidth: 1400
70
- },
71
- lg: {
72
- maxWidth: 1280
73
- },
74
- md: {
75
- maxWidth: 1020
76
- },
77
- sm: {
78
- maxWidth: 800
79
- },
80
- xs: {
81
- maxWidth: 660
82
- },
83
- xxs: {
84
- maxWidth: 390
85
- },
86
- gtXxs: {
87
- minWidth: 391
88
- },
89
- gtXs: {
90
- minWidth: 661
91
- },
92
- gtSm: {
93
- minWidth: 801
94
- },
95
- gtMd: {
96
- minWidth: 1021
97
- },
98
- gtLg: {
99
- minWidth: 1281
100
- },
101
- gtXl: {
102
- minWidth: 1651
103
- },
104
- pointerFine: {
105
- pointer: "fine"
106
- }
107
- },
108
- mediaQueryDefaultActive = {
109
- xl: !0,
110
- lg: !0,
111
- md: !0,
112
- sm: !0,
113
- xs: !0,
114
- // false
115
- xxs: !1
116
- };
31
+ const demoMedia = [500, 620, 780, 900];
32
+ const widths = [660, 800, 1020, 1280];
33
+ const breakpoints = {
34
+ "2xl": 1536,
35
+ xl: 1280,
36
+ lg: 1024,
37
+ md: 768,
38
+ sm: 640,
39
+ xs: 460,
40
+ "2xs": 340
41
+ };
42
+ const media = {
43
+ // v4 Config
44
+ maxXs: {
45
+ maxWidth: breakpoints.xs
46
+ },
47
+ max2xs: {
48
+ maxWidth: breakpoints["2xs"]
49
+ },
50
+ maxSm: {
51
+ maxWidth: breakpoints.sm
52
+ },
53
+ maxMd: {
54
+ maxWidth: breakpoints.md
55
+ },
56
+ maxLg: {
57
+ maxWidth: breakpoints.lg
58
+ },
59
+ maxXl: {
60
+ maxWidth: breakpoints.xl
61
+ },
62
+ max2Xl: {
63
+ maxWidth: breakpoints["2xl"]
64
+ },
65
+ // for site
66
+ xl: {
67
+ maxWidth: 1650
68
+ },
69
+ // between lg and xl - for studio usage
70
+ lg_xl: {
71
+ maxWidth: 1400
72
+ },
73
+ lg: {
74
+ maxWidth: 1280
75
+ },
76
+ md: {
77
+ maxWidth: 1020
78
+ },
79
+ sm: {
80
+ maxWidth: 800
81
+ },
82
+ xs: {
83
+ maxWidth: 660
84
+ },
85
+ xxs: {
86
+ maxWidth: 390
87
+ },
88
+ gtXxs: {
89
+ minWidth: 390 + 1
90
+ },
91
+ gtXs: {
92
+ minWidth: 660 + 1
93
+ },
94
+ gtSm: {
95
+ minWidth: 800 + 1
96
+ },
97
+ gtMd: {
98
+ minWidth: 1020 + 1
99
+ },
100
+ gtLg: {
101
+ minWidth: 1280 + 1
102
+ },
103
+ gtXl: {
104
+ minWidth: 1650 + 1
105
+ },
106
+ pointerFine: {
107
+ pointer: "fine"
108
+ }
109
+ };
110
+ const mediaQueryDefaultActive = {
111
+ xl: true,
112
+ lg: true,
113
+ md: true,
114
+ sm: true,
115
+ xs: true,
116
+ // false
117
+ xxs: false
118
+ };
@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
5
  var __export = (target, all) => {
6
- for (var name in all) __defProp(target, name, {
7
- get: all[name],
8
- enumerable: !0
9
- });
10
- },
11
- __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
6
+ for (var name in all) __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: true
9
+ });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
13
14
  get: () => from[key],
14
15
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
16
  });
16
- return to;
17
- };
17
+ }
18
+ return to;
19
+ };
18
20
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
19
- value: !0
21
+ value: true
20
22
  }), mod);
21
23
  var tamagui_dev_config_exports = {};
22
24
  __export(tamagui_dev_config_exports, {
@@ -24,64 +26,64 @@ __export(tamagui_dev_config_exports, {
24
26
  config: () => config
25
27
  });
26
28
  module.exports = __toCommonJS(tamagui_dev_config_exports);
27
- var import_v5_css = require("@tamagui/config/v5-css"),
28
- import_v5_motion = require("@tamagui/config/v5-motion"),
29
- import_v5_subtle = require("@tamagui/config/v5-subtle"),
30
- import_core = require("@tamagui/core"),
31
- import_fonts = require("./fonts.cjs"),
32
- import_media = require("./media.cjs");
29
+ var import_v5_css = require("@tamagui/config/v5-css");
30
+ var import_v5_motion = require("@tamagui/config/v5-motion");
31
+ var import_v5_subtle = require("@tamagui/config/v5-subtle");
32
+ var import_core = require("@tamagui/core");
33
+ var import_fonts = require("./fonts.cjs");
34
+ var import_media = require("./media.cjs");
33
35
  (0, import_core.setupDev)({
34
- visualizer: !0
36
+ visualizer: true
35
37
  });
36
38
  const fonts = {
37
- heading: import_fonts.headingFont,
38
- body: import_fonts.bodyFont,
39
- mono: import_fonts.monoFont,
40
- silkscreen: import_fonts.silkscreenFont,
41
- cherryBomb: import_fonts.cherryBombFont
42
- },
43
- animations = {
44
- default: import_v5_motion.animationsMotion,
45
- css: import_v5_css.animationsCSS
46
- },
47
- config = {
48
- ...import_v5_subtle.defaultConfig,
49
- themes: process.env.VITE_ENVIRONMENT === "client" ? {} : import_v5_subtle.themes,
50
- fonts,
51
- animations,
52
- media: import_media.media,
53
- settings: {
54
- ...import_v5_subtle.defaultConfig.settings,
55
- mediaQueryDefaultActive: import_media.mediaQueryDefaultActive,
56
- allowedStyleValues: "somewhat-strict-web",
57
- autocompleteSpecificTokens: "except-special",
58
- // Allow both shorthands and longhand names for flexibility
59
- onlyAllowShorthands: !1
60
- }
61
- };
39
+ heading: import_fonts.headingFont,
40
+ body: import_fonts.bodyFont,
41
+ mono: import_fonts.monoFont,
42
+ silkscreen: import_fonts.silkscreenFont,
43
+ cherryBomb: import_fonts.cherryBombFont
44
+ };
45
+ const animations = {
46
+ default: import_v5_motion.animationsMotion,
47
+ css: import_v5_css.animationsCSS
48
+ };
49
+ const config = {
50
+ ...import_v5_subtle.defaultConfig,
51
+ themes: process.env.VITE_ENVIRONMENT === "client" ? {} : import_v5_subtle.themes,
52
+ fonts,
53
+ animations,
54
+ media: import_media.media,
55
+ settings: {
56
+ ...import_v5_subtle.defaultConfig.settings,
57
+ mediaQueryDefaultActive: import_media.mediaQueryDefaultActive,
58
+ allowedStyleValues: "somewhat-strict-web",
59
+ autocompleteSpecificTokens: "except-special",
60
+ // Allow both shorthands and longhand names for flexibility
61
+ onlyAllowShorthands: false
62
+ }
63
+ };
62
64
  Object.assign(config.media, {
63
65
  tiny: {
64
66
  maxWidth: 500
65
67
  },
66
68
  gtTiny: {
67
- minWidth: 501
69
+ minWidth: 500 + 1
68
70
  },
69
71
  small: {
70
72
  maxWidth: 620
71
73
  },
72
74
  gtSmall: {
73
- minWidth: 621
75
+ minWidth: 620 + 1
74
76
  },
75
77
  medium: {
76
78
  maxWidth: 780
77
79
  },
78
80
  gtMedium: {
79
- minWidth: 781
81
+ minWidth: 780 + 1
80
82
  },
81
83
  large: {
82
84
  maxWidth: 900
83
85
  },
84
86
  gtLarge: {
85
- minWidth: 901
87
+ minWidth: 900 + 1
86
88
  }
87
89
  });