@mantine/vanilla-extract 9.0.0-alpha.4 → 9.0.0-alpha.6

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 (9) hide show
  1. package/cjs/index.cjs +3 -8
  2. package/cjs/theme-to-vars.cjs +107 -114
  3. package/cjs/theme-to-vars.cjs.map +1 -1
  4. package/esm/index.mjs +2 -2
  5. package/esm/theme-to-vars.mjs +107 -112
  6. package/esm/theme-to-vars.mjs.map +1 -1
  7. package/package.json +4 -4
  8. package/cjs/index.cjs.map +0 -1
  9. package/esm/index.mjs.map +0 -1
package/cjs/index.cjs CHANGED
@@ -1,8 +1,3 @@
1
- 'use strict';
2
-
3
- var themeToVars = require('./theme-to-vars.cjs');
4
-
5
-
6
-
7
- exports.themeToVars = themeToVars.themeToVars;
8
- //# sourceMappingURL=index.cjs.map
1
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
+ const require_theme_to_vars = require("./theme-to-vars.cjs");
3
+ exports.themeToVars = require_theme_to_vars.themeToVars;
package/cjs/theme-to-vars.cjs CHANGED
@@ -1,121 +1,114 @@
1
- 'use strict';
2
-
3
- var core = require('@mantine/core');
4
-
1
+ let _mantine_core = require("@mantine/core");
2
+ //#region packages/@mantine/vanilla-extract/src/theme-to-vars.ts
5
3
  function getSizesVariables(theme, themeKey, name) {
6
- return Object.keys(theme[themeKey]).reduce((acc, size) => {
7
- acc[size] = `var(--mantine-${name}-${size})`;
8
- return acc;
9
- }, {});
4
+ return Object.keys(theme[themeKey]).reduce((acc, size) => {
5
+ acc[size] = `var(--mantine-${name}-${size})`;
6
+ return acc;
7
+ }, {});
10
8
  }
11
9
  function getBreakpointValue(value, theme) {
12
- return value in theme.breakpoints ? theme.breakpoints[value] : core.em(value);
10
+ return value in theme.breakpoints ? theme.breakpoints[value] : (0, _mantine_core.em)(value);
13
11
  }
14
12
  function themeToVars(theme) {
15
- const mergedTheme = core.mergeMantineTheme(core.DEFAULT_THEME, theme);
16
- const fontSizes = getSizesVariables(mergedTheme, "fontSizes", "font-size");
17
- const lineHeights = getSizesVariables(mergedTheme, "lineHeights", "line-height");
18
- const shadows = getSizesVariables(mergedTheme, "shadows", "shadow");
19
- const radius = getSizesVariables(mergedTheme, "radius", "radius");
20
- const spacing = getSizesVariables(mergedTheme, "spacing", "spacing");
21
- const headings = Object.keys(mergedTheme.headings.sizes).reduce(
22
- (acc, heading) => {
23
- acc[heading] = {
24
- fontSize: `var(--mantine-${heading}-font-size)`,
25
- lineHeight: `var(--mantine-${heading}-line-height)`,
26
- fontWeight: `var(--mantine-${heading}-font-weight)`
27
- };
28
- return acc;
29
- },
30
- {}
31
- );
32
- const colors = Object.keys(mergedTheme.colors).reduce(
33
- (acc, color) => {
34
- acc[color] = {
35
- 0: `var(--mantine-color-${color}-0)`,
36
- 1: `var(--mantine-color-${color}-1)`,
37
- 2: `var(--mantine-color-${color}-2)`,
38
- 3: `var(--mantine-color-${color}-3)`,
39
- 4: `var(--mantine-color-${color}-4)`,
40
- 5: `var(--mantine-color-${color}-5)`,
41
- 6: `var(--mantine-color-${color}-6)`,
42
- 7: `var(--mantine-color-${color}-7)`,
43
- 8: `var(--mantine-color-${color}-8)`,
44
- 9: `var(--mantine-color-${color}-9)`,
45
- filled: `var(--mantine-color-${color}-filled)`,
46
- filledHover: `var(--mantine-color-${color}-filled-hover)`,
47
- light: `var(--mantine-color-${color}-light)`,
48
- lightHover: `var(--mantine-color-${color}-light-hover)`,
49
- lightColor: `var(--mantine-color-${color}-light-color)`,
50
- outline: `var(--mantine-color-${color}-outline)`,
51
- outlineHover: `var(--mantine-color-${color}-outline-hover)`
52
- };
53
- return acc;
54
- },
55
- {
56
- primary: "var(--mantine-primary-color-filled)",
57
- primaryColors: {
58
- 0: "var(--mantine-primary-color-0)",
59
- 1: "var(--mantine-primary-color-1)",
60
- 2: "var(--mantine-primary-color-2)",
61
- 3: "var(--mantine-primary-color-3)",
62
- 4: "var(--mantine-primary-color-4)",
63
- 5: "var(--mantine-primary-color-5)",
64
- 6: "var(--mantine-primary-color-6)",
65
- 7: "var(--mantine-primary-color-7)",
66
- 8: "var(--mantine-primary-color-8)",
67
- 9: "var(--mantine-primary-color-9)",
68
- filled: "var(--mantine-primary-color-filled)",
69
- filledHover: "var(--mantine-primary-color-filled-hover)",
70
- light: "var(--mantine-primary-color-light)",
71
- lightHover: "var(--mantine-primary-color-light-hover)",
72
- lightColor: "var(--mantine-primary-color-light-color)",
73
- outline: "var(--mantine-primary-color-outline)",
74
- outlineHover: "var(--mantine-primary-color-outline-hover)"
75
- },
76
- white: "var(--mantine-color-white)",
77
- black: "var(--mantine-color-black)",
78
- text: "var(--mantine-color-text)",
79
- body: "var(--mantine-color-body)",
80
- error: "var(--mantine-color-error)",
81
- placeholder: "var(--mantine-color-placeholder)",
82
- anchor: "var(--mantine-color-anchor)",
83
- default: "var(--mantine-color-default)",
84
- defaultHover: "var(--mantine-color-default-hover)",
85
- defaultColor: "var(--mantine-color-default-color)",
86
- defaultBorder: "var(--mantine-color-default-border)",
87
- dimmed: "var(--mantine-color-dimmed)",
88
- disabledBody: "var(--mantine-color-disabled)",
89
- disabledText: "var(--mantine-color-disabled-color)",
90
- disabledBorder: "var(--mantine-color-disabled-border)"
91
- }
92
- );
93
- return {
94
- scale: "var(--mantine-scale)",
95
- cursorType: "var(--mantine-cursor-type)",
96
- webkitFontSmoothing: "var(--mantine-webkit-font-smoothing)",
97
- mozFontSmoothing: "var(--mantine-moz-font-smoothing)",
98
- lineHeight: "var(--mantine-line-height)",
99
- fontFamily: "var(--mantine-font-family)",
100
- fontFamilyMonospace: "var(--mantine-font-family-monospace)",
101
- fontFamilyHeadings: "var(--mantine-font-family-headings)",
102
- headingFontWeight: "var(--mantine-heading-font-weight)",
103
- radiusDefault: "var(--mantine-radius-default)",
104
- breakpoints: mergedTheme.breakpoints,
105
- fontSizes,
106
- lineHeights,
107
- shadows,
108
- radius,
109
- headings,
110
- spacing,
111
- colors,
112
- rtlSelector: '[dir="rtl"] &',
113
- darkSelector: '[data-mantine-color-scheme="dark"] &',
114
- lightSelector: '[data-mantine-color-scheme="light"] &',
115
- smallerThan: (breakpoint) => `(max-width: ${getBreakpointValue(breakpoint, mergedTheme)})`,
116
- largerThan: (breakpoint) => `(min-width: ${getBreakpointValue(breakpoint, mergedTheme)})`
117
- };
13
+ const mergedTheme = (0, _mantine_core.mergeMantineTheme)(_mantine_core.DEFAULT_THEME, theme);
14
+ const fontSizes = getSizesVariables(mergedTheme, "fontSizes", "font-size");
15
+ const lineHeights = getSizesVariables(mergedTheme, "lineHeights", "line-height");
16
+ const shadows = getSizesVariables(mergedTheme, "shadows", "shadow");
17
+ const radius = getSizesVariables(mergedTheme, "radius", "radius");
18
+ const spacing = getSizesVariables(mergedTheme, "spacing", "spacing");
19
+ const headings = Object.keys(mergedTheme.headings.sizes).reduce((acc, heading) => {
20
+ acc[heading] = {
21
+ fontSize: `var(--mantine-${heading}-font-size)`,
22
+ lineHeight: `var(--mantine-${heading}-line-height)`,
23
+ fontWeight: `var(--mantine-${heading}-font-weight)`
24
+ };
25
+ return acc;
26
+ }, {});
27
+ const colors = Object.keys(mergedTheme.colors).reduce((acc, color) => {
28
+ acc[color] = {
29
+ 0: `var(--mantine-color-${color}-0)`,
30
+ 1: `var(--mantine-color-${color}-1)`,
31
+ 2: `var(--mantine-color-${color}-2)`,
32
+ 3: `var(--mantine-color-${color}-3)`,
33
+ 4: `var(--mantine-color-${color}-4)`,
34
+ 5: `var(--mantine-color-${color}-5)`,
35
+ 6: `var(--mantine-color-${color}-6)`,
36
+ 7: `var(--mantine-color-${color}-7)`,
37
+ 8: `var(--mantine-color-${color}-8)`,
38
+ 9: `var(--mantine-color-${color}-9)`,
39
+ filled: `var(--mantine-color-${color}-filled)`,
40
+ filledHover: `var(--mantine-color-${color}-filled-hover)`,
41
+ light: `var(--mantine-color-${color}-light)`,
42
+ lightHover: `var(--mantine-color-${color}-light-hover)`,
43
+ lightColor: `var(--mantine-color-${color}-light-color)`,
44
+ outline: `var(--mantine-color-${color}-outline)`,
45
+ outlineHover: `var(--mantine-color-${color}-outline-hover)`
46
+ };
47
+ return acc;
48
+ }, {
49
+ primary: "var(--mantine-primary-color-filled)",
50
+ primaryColors: {
51
+ 0: "var(--mantine-primary-color-0)",
52
+ 1: "var(--mantine-primary-color-1)",
53
+ 2: "var(--mantine-primary-color-2)",
54
+ 3: "var(--mantine-primary-color-3)",
55
+ 4: "var(--mantine-primary-color-4)",
56
+ 5: "var(--mantine-primary-color-5)",
57
+ 6: "var(--mantine-primary-color-6)",
58
+ 7: "var(--mantine-primary-color-7)",
59
+ 8: "var(--mantine-primary-color-8)",
60
+ 9: "var(--mantine-primary-color-9)",
61
+ filled: "var(--mantine-primary-color-filled)",
62
+ filledHover: "var(--mantine-primary-color-filled-hover)",
63
+ light: "var(--mantine-primary-color-light)",
64
+ lightHover: "var(--mantine-primary-color-light-hover)",
65
+ lightColor: "var(--mantine-primary-color-light-color)",
66
+ outline: "var(--mantine-primary-color-outline)",
67
+ outlineHover: "var(--mantine-primary-color-outline-hover)"
68
+ },
69
+ white: "var(--mantine-color-white)",
70
+ black: "var(--mantine-color-black)",
71
+ text: "var(--mantine-color-text)",
72
+ body: "var(--mantine-color-body)",
73
+ error: "var(--mantine-color-error)",
74
+ placeholder: "var(--mantine-color-placeholder)",
75
+ anchor: "var(--mantine-color-anchor)",
76
+ default: "var(--mantine-color-default)",
77
+ defaultHover: "var(--mantine-color-default-hover)",
78
+ defaultColor: "var(--mantine-color-default-color)",
79
+ defaultBorder: "var(--mantine-color-default-border)",
80
+ dimmed: "var(--mantine-color-dimmed)",
81
+ disabledBody: "var(--mantine-color-disabled)",
82
+ disabledText: "var(--mantine-color-disabled-color)",
83
+ disabledBorder: "var(--mantine-color-disabled-border)"
84
+ });
85
+ return {
86
+ scale: "var(--mantine-scale)",
87
+ cursorType: "var(--mantine-cursor-type)",
88
+ webkitFontSmoothing: "var(--mantine-webkit-font-smoothing)",
89
+ mozFontSmoothing: "var(--mantine-moz-font-smoothing)",
90
+ lineHeight: "var(--mantine-line-height)",
91
+ fontFamily: "var(--mantine-font-family)",
92
+ fontFamilyMonospace: "var(--mantine-font-family-monospace)",
93
+ fontFamilyHeadings: "var(--mantine-font-family-headings)",
94
+ headingFontWeight: "var(--mantine-heading-font-weight)",
95
+ radiusDefault: "var(--mantine-radius-default)",
96
+ breakpoints: mergedTheme.breakpoints,
97
+ fontSizes,
98
+ lineHeights,
99
+ shadows,
100
+ radius,
101
+ headings,
102
+ spacing,
103
+ colors,
104
+ rtlSelector: "[dir=\"rtl\"] &",
105
+ darkSelector: "[data-mantine-color-scheme=\"dark\"] &",
106
+ lightSelector: "[data-mantine-color-scheme=\"light\"] &",
107
+ smallerThan: (breakpoint) => `(max-width: ${getBreakpointValue(breakpoint, mergedTheme)})`,
108
+ largerThan: (breakpoint) => `(min-width: ${getBreakpointValue(breakpoint, mergedTheme)})`
109
+ };
118
110
  }
119
-
111
+ //#endregion
120
112
  exports.themeToVars = themeToVars;
121
- //# sourceMappingURL=theme-to-vars.cjs.map
113
+
114
+ //# sourceMappingURL=theme-to-vars.cjs.map
package/cjs/theme-to-vars.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme-to-vars.cjs","sources":["../src/theme-to-vars.ts"],"sourcesContent":["import {\n DEFAULT_THEME,\n em,\n MantineTheme,\n MantineThemeOverride,\n mergeMantineTheme,\n} from '@mantine/core';\nimport {\n Colors,\n FontSizes,\n Heading,\n Headings,\n LineHeights,\n MantineVars,\n Radius,\n Shadows,\n Spacing,\n} from './types';\n\nfunction getSizesVariables<Result>(theme: any, themeKey: string, name: string): Result {\n return Object.keys(theme[themeKey]).reduce((acc: any, size) => {\n acc[size] = `var(--mantine-${name}-${size})`;\n return acc;\n }, {});\n}\n\nfunction getBreakpointValue(value: string | number, theme: MantineTheme) {\n return value in theme.breakpoints ? (theme.breakpoints as any)[value] : em(value);\n}\n\nexport function themeToVars(theme: MantineThemeOverride): MantineVars {\n const mergedTheme = mergeMantineTheme(DEFAULT_THEME, theme);\n\n const fontSizes = getSizesVariables<FontSizes>(mergedTheme, 'fontSizes', 'font-size');\n\n const lineHeights = getSizesVariables<LineHeights>(mergedTheme, 'lineHeights', 'line-height');\n\n const shadows = getSizesVariables<Shadows>(mergedTheme, 'shadows', 'shadow');\n const radius = getSizesVariables<Radius>(mergedTheme, 'radius', 'radius');\n const spacing = getSizesVariables<Spacing>(mergedTheme, 'spacing', 'spacing');\n\n const headings = Object.keys(mergedTheme.headings.sizes).reduce(\n (acc: Record<string, Heading>, heading) => {\n acc[heading] = {\n fontSize: `var(--mantine-${heading}-font-size)`,\n lineHeight: `var(--mantine-${heading}-line-height)`,\n fontWeight: `var(--mantine-${heading}-font-weight)`,\n };\n return acc;\n },\n {}\n ) as Headings;\n\n const colors = Object.keys(mergedTheme.colors).reduce(\n (acc: any, color) => {\n acc[color] = {\n 0: `var(--mantine-color-${color}-0)`,\n 1: `var(--mantine-color-${color}-1)`,\n 2: `var(--mantine-color-${color}-2)`,\n 3: `var(--mantine-color-${color}-3)`,\n 4: `var(--mantine-color-${color}-4)`,\n 5: `var(--mantine-color-${color}-5)`,\n 6: `var(--mantine-color-${color}-6)`,\n 7: `var(--mantine-color-${color}-7)`,\n 8: `var(--mantine-color-${color}-8)`,\n 9: `var(--mantine-color-${color}-9)`,\n filled: `var(--mantine-color-${color}-filled)`,\n filledHover: `var(--mantine-color-${color}-filled-hover)`,\n light: `var(--mantine-color-${color}-light)`,\n lightHover: `var(--mantine-color-${color}-light-hover)`,\n lightColor: `var(--mantine-color-${color}-light-color)`,\n outline: `var(--mantine-color-${color}-outline)`,\n outlineHover: `var(--mantine-color-${color}-outline-hover)`,\n };\n\n return acc;\n },\n {\n primary: 'var(--mantine-primary-color-filled)',\n primaryColors: {\n 0: 'var(--mantine-primary-color-0)',\n 1: 'var(--mantine-primary-color-1)',\n 2: 'var(--mantine-primary-color-2)',\n 3: 'var(--mantine-primary-color-3)',\n 4: 'var(--mantine-primary-color-4)',\n 5: 'var(--mantine-primary-color-5)',\n 6: 'var(--mantine-primary-color-6)',\n 7: 'var(--mantine-primary-color-7)',\n 8: 'var(--mantine-primary-color-8)',\n 9: 'var(--mantine-primary-color-9)',\n filled: 'var(--mantine-primary-color-filled)',\n filledHover: 'var(--mantine-primary-color-filled-hover)',\n light: 'var(--mantine-primary-color-light)',\n lightHover: 'var(--mantine-primary-color-light-hover)',\n lightColor: 'var(--mantine-primary-color-light-color)',\n outline: 'var(--mantine-primary-color-outline)',\n outlineHover: 'var(--mantine-primary-color-outline-hover)',\n },\n white: 'var(--mantine-color-white)',\n black: 'var(--mantine-color-black)',\n text: 'var(--mantine-color-text)',\n body: 'var(--mantine-color-body)',\n error: 'var(--mantine-color-error)',\n placeholder: 'var(--mantine-color-placeholder)',\n anchor: 'var(--mantine-color-anchor)',\n default: 'var(--mantine-color-default)',\n defaultHover: 'var(--mantine-color-default-hover)',\n defaultColor: 'var(--mantine-color-default-color)',\n defaultBorder: 'var(--mantine-color-default-border)',\n dimmed: 'var(--mantine-color-dimmed)',\n disabledBody: 'var(--mantine-color-disabled)',\n disabledText: 'var(--mantine-color-disabled-color)',\n disabledBorder: 'var(--mantine-color-disabled-border)',\n }\n ) as Colors;\n\n return {\n scale: 'var(--mantine-scale)',\n cursorType: 'var(--mantine-cursor-type)',\n webkitFontSmoothing: 'var(--mantine-webkit-font-smoothing)',\n mozFontSmoothing: 'var(--mantine-moz-font-smoothing)',\n lineHeight: 'var(--mantine-line-height)',\n fontFamily: 'var(--mantine-font-family)',\n fontFamilyMonospace: 'var(--mantine-font-family-monospace)',\n fontFamilyHeadings: 'var(--mantine-font-family-headings)',\n headingFontWeight: 'var(--mantine-heading-font-weight)',\n radiusDefault: 'var(--mantine-radius-default)',\n breakpoints: mergedTheme.breakpoints,\n fontSizes,\n lineHeights,\n shadows,\n radius,\n headings,\n spacing,\n colors,\n\n rtlSelector: '[dir=\"rtl\"] &',\n darkSelector: '[data-mantine-color-scheme=\"dark\"] &',\n lightSelector: '[data-mantine-color-scheme=\"light\"] &',\n\n smallerThan: (breakpoint) => `(max-width: ${getBreakpointValue(breakpoint, mergedTheme)})`,\n largerThan: (breakpoint) => `(min-width: ${getBreakpointValue(breakpoint, mergedTheme)})`,\n };\n}\n"],"names":["em","mergeMantineTheme","DEFAULT_THEME"],"mappings":"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"}
1
+ {"version":3,"file":"theme-to-vars.cjs","names":["DEFAULT_THEME"],"sources":["../src/theme-to-vars.ts"],"sourcesContent":["import {\n DEFAULT_THEME,\n em,\n MantineTheme,\n MantineThemeOverride,\n mergeMantineTheme,\n} from '@mantine/core';\nimport {\n Colors,\n FontSizes,\n Heading,\n Headings,\n LineHeights,\n MantineVars,\n Radius,\n Shadows,\n Spacing,\n} from './types';\n\nfunction getSizesVariables<Result>(theme: any, themeKey: string, name: string): Result {\n return Object.keys(theme[themeKey]).reduce((acc: any, size) => {\n acc[size] = `var(--mantine-${name}-${size})`;\n return acc;\n }, {});\n}\n\nfunction getBreakpointValue(value: string | number, theme: MantineTheme) {\n return value in theme.breakpoints ? (theme.breakpoints as any)[value] : em(value);\n}\n\nexport function themeToVars(theme: MantineThemeOverride): MantineVars {\n const mergedTheme = mergeMantineTheme(DEFAULT_THEME, theme);\n\n const fontSizes = getSizesVariables<FontSizes>(mergedTheme, 'fontSizes', 'font-size');\n\n const lineHeights = getSizesVariables<LineHeights>(mergedTheme, 'lineHeights', 'line-height');\n\n const shadows = getSizesVariables<Shadows>(mergedTheme, 'shadows', 'shadow');\n const radius = getSizesVariables<Radius>(mergedTheme, 'radius', 'radius');\n const spacing = getSizesVariables<Spacing>(mergedTheme, 'spacing', 'spacing');\n\n const headings = Object.keys(mergedTheme.headings.sizes).reduce(\n (acc: Record<string, Heading>, heading) => {\n acc[heading] = {\n fontSize: `var(--mantine-${heading}-font-size)`,\n lineHeight: `var(--mantine-${heading}-line-height)`,\n fontWeight: `var(--mantine-${heading}-font-weight)`,\n };\n return acc;\n },\n {}\n ) as Headings;\n\n const colors = Object.keys(mergedTheme.colors).reduce(\n (acc: any, color) => {\n acc[color] = {\n 0: `var(--mantine-color-${color}-0)`,\n 1: `var(--mantine-color-${color}-1)`,\n 2: `var(--mantine-color-${color}-2)`,\n 3: `var(--mantine-color-${color}-3)`,\n 4: `var(--mantine-color-${color}-4)`,\n 5: `var(--mantine-color-${color}-5)`,\n 6: `var(--mantine-color-${color}-6)`,\n 7: `var(--mantine-color-${color}-7)`,\n 8: `var(--mantine-color-${color}-8)`,\n 9: `var(--mantine-color-${color}-9)`,\n filled: `var(--mantine-color-${color}-filled)`,\n filledHover: `var(--mantine-color-${color}-filled-hover)`,\n light: `var(--mantine-color-${color}-light)`,\n lightHover: `var(--mantine-color-${color}-light-hover)`,\n lightColor: `var(--mantine-color-${color}-light-color)`,\n outline: `var(--mantine-color-${color}-outline)`,\n outlineHover: `var(--mantine-color-${color}-outline-hover)`,\n };\n\n return acc;\n },\n {\n primary: 'var(--mantine-primary-color-filled)',\n primaryColors: {\n 0: 'var(--mantine-primary-color-0)',\n 1: 'var(--mantine-primary-color-1)',\n 2: 'var(--mantine-primary-color-2)',\n 3: 'var(--mantine-primary-color-3)',\n 4: 'var(--mantine-primary-color-4)',\n 5: 'var(--mantine-primary-color-5)',\n 6: 'var(--mantine-primary-color-6)',\n 7: 'var(--mantine-primary-color-7)',\n 8: 'var(--mantine-primary-color-8)',\n 9: 'var(--mantine-primary-color-9)',\n filled: 'var(--mantine-primary-color-filled)',\n filledHover: 'var(--mantine-primary-color-filled-hover)',\n light: 'var(--mantine-primary-color-light)',\n lightHover: 'var(--mantine-primary-color-light-hover)',\n lightColor: 'var(--mantine-primary-color-light-color)',\n outline: 'var(--mantine-primary-color-outline)',\n outlineHover: 'var(--mantine-primary-color-outline-hover)',\n },\n white: 'var(--mantine-color-white)',\n black: 'var(--mantine-color-black)',\n text: 'var(--mantine-color-text)',\n body: 'var(--mantine-color-body)',\n error: 'var(--mantine-color-error)',\n placeholder: 'var(--mantine-color-placeholder)',\n anchor: 'var(--mantine-color-anchor)',\n default: 'var(--mantine-color-default)',\n defaultHover: 'var(--mantine-color-default-hover)',\n defaultColor: 'var(--mantine-color-default-color)',\n defaultBorder: 'var(--mantine-color-default-border)',\n dimmed: 'var(--mantine-color-dimmed)',\n disabledBody: 'var(--mantine-color-disabled)',\n disabledText: 'var(--mantine-color-disabled-color)',\n disabledBorder: 'var(--mantine-color-disabled-border)',\n }\n ) as Colors;\n\n return {\n scale: 'var(--mantine-scale)',\n cursorType: 'var(--mantine-cursor-type)',\n webkitFontSmoothing: 'var(--mantine-webkit-font-smoothing)',\n mozFontSmoothing: 'var(--mantine-moz-font-smoothing)',\n lineHeight: 'var(--mantine-line-height)',\n fontFamily: 'var(--mantine-font-family)',\n fontFamilyMonospace: 'var(--mantine-font-family-monospace)',\n fontFamilyHeadings: 'var(--mantine-font-family-headings)',\n headingFontWeight: 'var(--mantine-heading-font-weight)',\n radiusDefault: 'var(--mantine-radius-default)',\n breakpoints: mergedTheme.breakpoints,\n fontSizes,\n lineHeights,\n shadows,\n radius,\n headings,\n spacing,\n colors,\n\n rtlSelector: '[dir=\"rtl\"] &',\n darkSelector: '[data-mantine-color-scheme=\"dark\"] &',\n lightSelector: '[data-mantine-color-scheme=\"light\"] &',\n\n smallerThan: (breakpoint) => `(max-width: ${getBreakpointValue(breakpoint, mergedTheme)})`,\n largerThan: (breakpoint) => `(min-width: ${getBreakpointValue(breakpoint, mergedTheme)})`,\n };\n}\n"],"mappings":";;AAmBA,SAAS,kBAA0B,OAAY,UAAkB,MAAsB;AACrF,QAAO,OAAO,KAAK,MAAM,UAAU,CAAC,QAAQ,KAAU,SAAS;AAC7D,MAAI,QAAQ,iBAAiB,KAAK,GAAG,KAAK;AAC1C,SAAO;IACN,EAAE,CAAC;;AAGR,SAAS,mBAAmB,OAAwB,OAAqB;AACvE,QAAO,SAAS,MAAM,cAAe,MAAM,YAAoB,UAAA,GAAA,cAAA,IAAY,MAAM;;AAGnF,SAAgB,YAAY,OAA0C;CACpE,MAAM,eAAA,GAAA,cAAA,mBAAgCA,cAAAA,eAAe,MAAM;CAE3D,MAAM,YAAY,kBAA6B,aAAa,aAAa,YAAY;CAErF,MAAM,cAAc,kBAA+B,aAAa,eAAe,cAAc;CAE7F,MAAM,UAAU,kBAA2B,aAAa,WAAW,SAAS;CAC5E,MAAM,SAAS,kBAA0B,aAAa,UAAU,SAAS;CACzE,MAAM,UAAU,kBAA2B,aAAa,WAAW,UAAU;CAE7E,MAAM,WAAW,OAAO,KAAK,YAAY,SAAS,MAAM,CAAC,QACtD,KAA8B,YAAY;AACzC,MAAI,WAAW;GACb,UAAU,iBAAiB,QAAQ;GACnC,YAAY,iBAAiB,QAAQ;GACrC,YAAY,iBAAiB,QAAQ;GACtC;AACD,SAAO;IAET,EAAE,CACH;CAED,MAAM,SAAS,OAAO,KAAK,YAAY,OAAO,CAAC,QAC5C,KAAU,UAAU;AACnB,MAAI,SAAS;GACX,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,QAAQ,uBAAuB,MAAM;GACrC,aAAa,uBAAuB,MAAM;GAC1C,OAAO,uBAAuB,MAAM;GACpC,YAAY,uBAAuB,MAAM;GACzC,YAAY,uBAAuB,MAAM;GACzC,SAAS,uBAAuB,MAAM;GACtC,cAAc,uBAAuB,MAAM;GAC5C;AAED,SAAO;IAET;EACE,SAAS;EACT,eAAe;GACb,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,QAAQ;GACR,aAAa;GACb,OAAO;GACP,YAAY;GACZ,YAAY;GACZ,SAAS;GACT,cAAc;GACf;EACD,OAAO;EACP,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACP,aAAa;EACb,QAAQ;EACR,SAAS;EACT,cAAc;EACd,cAAc;EACd,eAAe;EACf,QAAQ;EACR,cAAc;EACd,cAAc;EACd,gBAAgB;EACjB,CACF;AAED,QAAO;EACL,OAAO;EACP,YAAY;EACZ,qBAAqB;EACrB,kBAAkB;EAClB,YAAY;EACZ,YAAY;EACZ,qBAAqB;EACrB,oBAAoB;EACpB,mBAAmB;EACnB,eAAe;EACf,aAAa,YAAY;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,aAAa;EACb,cAAc;EACd,eAAe;EAEf,cAAc,eAAe,eAAe,mBAAmB,YAAY,YAAY,CAAC;EACxF,aAAa,eAAe,eAAe,mBAAmB,YAAY,YAAY,CAAC;EACxF"}
package/esm/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- export { themeToVars } from './theme-to-vars.mjs';
2
- //# sourceMappingURL=index.mjs.map
1
+ import { themeToVars } from "./theme-to-vars.mjs";
2
+ export { themeToVars };
package/esm/theme-to-vars.mjs CHANGED
@@ -1,119 +1,114 @@
1
- import { mergeMantineTheme, DEFAULT_THEME, em } from '@mantine/core';
2
-
1
+ import { DEFAULT_THEME, em, mergeMantineTheme } from "@mantine/core";
2
+ //#region packages/@mantine/vanilla-extract/src/theme-to-vars.ts
3
3
  function getSizesVariables(theme, themeKey, name) {
4
- return Object.keys(theme[themeKey]).reduce((acc, size) => {
5
- acc[size] = `var(--mantine-${name}-${size})`;
6
- return acc;
7
- }, {});
4
+ return Object.keys(theme[themeKey]).reduce((acc, size) => {
5
+ acc[size] = `var(--mantine-${name}-${size})`;
6
+ return acc;
7
+ }, {});
8
8
  }
9
9
  function getBreakpointValue(value, theme) {
10
- return value in theme.breakpoints ? theme.breakpoints[value] : em(value);
10
+ return value in theme.breakpoints ? theme.breakpoints[value] : em(value);
11
11
  }
12
12
  function themeToVars(theme) {
13
- const mergedTheme = mergeMantineTheme(DEFAULT_THEME, theme);
14
- const fontSizes = getSizesVariables(mergedTheme, "fontSizes", "font-size");
15
- const lineHeights = getSizesVariables(mergedTheme, "lineHeights", "line-height");
16
- const shadows = getSizesVariables(mergedTheme, "shadows", "shadow");
17
- const radius = getSizesVariables(mergedTheme, "radius", "radius");
18
- const spacing = getSizesVariables(mergedTheme, "spacing", "spacing");
19
- const headings = Object.keys(mergedTheme.headings.sizes).reduce(
20
- (acc, heading) => {
21
- acc[heading] = {
22
- fontSize: `var(--mantine-${heading}-font-size)`,
23
- lineHeight: `var(--mantine-${heading}-line-height)`,
24
- fontWeight: `var(--mantine-${heading}-font-weight)`
25
- };
26
- return acc;
27
- },
28
- {}
29
- );
30
- const colors = Object.keys(mergedTheme.colors).reduce(
31
- (acc, color) => {
32
- acc[color] = {
33
- 0: `var(--mantine-color-${color}-0)`,
34
- 1: `var(--mantine-color-${color}-1)`,
35
- 2: `var(--mantine-color-${color}-2)`,
36
- 3: `var(--mantine-color-${color}-3)`,
37
- 4: `var(--mantine-color-${color}-4)`,
38
- 5: `var(--mantine-color-${color}-5)`,
39
- 6: `var(--mantine-color-${color}-6)`,
40
- 7: `var(--mantine-color-${color}-7)`,
41
- 8: `var(--mantine-color-${color}-8)`,
42
- 9: `var(--mantine-color-${color}-9)`,
43
- filled: `var(--mantine-color-${color}-filled)`,
44
- filledHover: `var(--mantine-color-${color}-filled-hover)`,
45
- light: `var(--mantine-color-${color}-light)`,
46
- lightHover: `var(--mantine-color-${color}-light-hover)`,
47
- lightColor: `var(--mantine-color-${color}-light-color)`,
48
- outline: `var(--mantine-color-${color}-outline)`,
49
- outlineHover: `var(--mantine-color-${color}-outline-hover)`
50
- };
51
- return acc;
52
- },
53
- {
54
- primary: "var(--mantine-primary-color-filled)",
55
- primaryColors: {
56
- 0: "var(--mantine-primary-color-0)",
57
- 1: "var(--mantine-primary-color-1)",
58
- 2: "var(--mantine-primary-color-2)",
59
- 3: "var(--mantine-primary-color-3)",
60
- 4: "var(--mantine-primary-color-4)",
61
- 5: "var(--mantine-primary-color-5)",
62
- 6: "var(--mantine-primary-color-6)",
63
- 7: "var(--mantine-primary-color-7)",
64
- 8: "var(--mantine-primary-color-8)",
65
- 9: "var(--mantine-primary-color-9)",
66
- filled: "var(--mantine-primary-color-filled)",
67
- filledHover: "var(--mantine-primary-color-filled-hover)",
68
- light: "var(--mantine-primary-color-light)",
69
- lightHover: "var(--mantine-primary-color-light-hover)",
70
- lightColor: "var(--mantine-primary-color-light-color)",
71
- outline: "var(--mantine-primary-color-outline)",
72
- outlineHover: "var(--mantine-primary-color-outline-hover)"
73
- },
74
- white: "var(--mantine-color-white)",
75
- black: "var(--mantine-color-black)",
76
- text: "var(--mantine-color-text)",
77
- body: "var(--mantine-color-body)",
78
- error: "var(--mantine-color-error)",
79
- placeholder: "var(--mantine-color-placeholder)",
80
- anchor: "var(--mantine-color-anchor)",
81
- default: "var(--mantine-color-default)",
82
- defaultHover: "var(--mantine-color-default-hover)",
83
- defaultColor: "var(--mantine-color-default-color)",
84
- defaultBorder: "var(--mantine-color-default-border)",
85
- dimmed: "var(--mantine-color-dimmed)",
86
- disabledBody: "var(--mantine-color-disabled)",
87
- disabledText: "var(--mantine-color-disabled-color)",
88
- disabledBorder: "var(--mantine-color-disabled-border)"
89
- }
90
- );
91
- return {
92
- scale: "var(--mantine-scale)",
93
- cursorType: "var(--mantine-cursor-type)",
94
- webkitFontSmoothing: "var(--mantine-webkit-font-smoothing)",
95
- mozFontSmoothing: "var(--mantine-moz-font-smoothing)",
96
- lineHeight: "var(--mantine-line-height)",
97
- fontFamily: "var(--mantine-font-family)",
98
- fontFamilyMonospace: "var(--mantine-font-family-monospace)",
99
- fontFamilyHeadings: "var(--mantine-font-family-headings)",
100
- headingFontWeight: "var(--mantine-heading-font-weight)",
101
- radiusDefault: "var(--mantine-radius-default)",
102
- breakpoints: mergedTheme.breakpoints,
103
- fontSizes,
104
- lineHeights,
105
- shadows,
106
- radius,
107
- headings,
108
- spacing,
109
- colors,
110
- rtlSelector: '[dir="rtl"] &',
111
- darkSelector: '[data-mantine-color-scheme="dark"] &',
112
- lightSelector: '[data-mantine-color-scheme="light"] &',
113
- smallerThan: (breakpoint) => `(max-width: ${getBreakpointValue(breakpoint, mergedTheme)})`,
114
- largerThan: (breakpoint) => `(min-width: ${getBreakpointValue(breakpoint, mergedTheme)})`
115
- };
13
+ const mergedTheme = mergeMantineTheme(DEFAULT_THEME, theme);
14
+ const fontSizes = getSizesVariables(mergedTheme, "fontSizes", "font-size");
15
+ const lineHeights = getSizesVariables(mergedTheme, "lineHeights", "line-height");
16
+ const shadows = getSizesVariables(mergedTheme, "shadows", "shadow");
17
+ const radius = getSizesVariables(mergedTheme, "radius", "radius");
18
+ const spacing = getSizesVariables(mergedTheme, "spacing", "spacing");
19
+ const headings = Object.keys(mergedTheme.headings.sizes).reduce((acc, heading) => {
20
+ acc[heading] = {
21
+ fontSize: `var(--mantine-${heading}-font-size)`,
22
+ lineHeight: `var(--mantine-${heading}-line-height)`,
23
+ fontWeight: `var(--mantine-${heading}-font-weight)`
24
+ };
25
+ return acc;
26
+ }, {});
27
+ const colors = Object.keys(mergedTheme.colors).reduce((acc, color) => {
28
+ acc[color] = {
29
+ 0: `var(--mantine-color-${color}-0)`,
30
+ 1: `var(--mantine-color-${color}-1)`,
31
+ 2: `var(--mantine-color-${color}-2)`,
32
+ 3: `var(--mantine-color-${color}-3)`,
33
+ 4: `var(--mantine-color-${color}-4)`,
34
+ 5: `var(--mantine-color-${color}-5)`,
35
+ 6: `var(--mantine-color-${color}-6)`,
36
+ 7: `var(--mantine-color-${color}-7)`,
37
+ 8: `var(--mantine-color-${color}-8)`,
38
+ 9: `var(--mantine-color-${color}-9)`,
39
+ filled: `var(--mantine-color-${color}-filled)`,
40
+ filledHover: `var(--mantine-color-${color}-filled-hover)`,
41
+ light: `var(--mantine-color-${color}-light)`,
42
+ lightHover: `var(--mantine-color-${color}-light-hover)`,
43
+ lightColor: `var(--mantine-color-${color}-light-color)`,
44
+ outline: `var(--mantine-color-${color}-outline)`,
45
+ outlineHover: `var(--mantine-color-${color}-outline-hover)`
46
+ };
47
+ return acc;
48
+ }, {
49
+ primary: "var(--mantine-primary-color-filled)",
50
+ primaryColors: {
51
+ 0: "var(--mantine-primary-color-0)",
52
+ 1: "var(--mantine-primary-color-1)",
53
+ 2: "var(--mantine-primary-color-2)",
54
+ 3: "var(--mantine-primary-color-3)",
55
+ 4: "var(--mantine-primary-color-4)",
56
+ 5: "var(--mantine-primary-color-5)",
57
+ 6: "var(--mantine-primary-color-6)",
58
+ 7: "var(--mantine-primary-color-7)",
59
+ 8: "var(--mantine-primary-color-8)",
60
+ 9: "var(--mantine-primary-color-9)",
61
+ filled: "var(--mantine-primary-color-filled)",
62
+ filledHover: "var(--mantine-primary-color-filled-hover)",
63
+ light: "var(--mantine-primary-color-light)",
64
+ lightHover: "var(--mantine-primary-color-light-hover)",
65
+ lightColor: "var(--mantine-primary-color-light-color)",
66
+ outline: "var(--mantine-primary-color-outline)",
67
+ outlineHover: "var(--mantine-primary-color-outline-hover)"
68
+ },
69
+ white: "var(--mantine-color-white)",
70
+ black: "var(--mantine-color-black)",
71
+ text: "var(--mantine-color-text)",
72
+ body: "var(--mantine-color-body)",
73
+ error: "var(--mantine-color-error)",
74
+ placeholder: "var(--mantine-color-placeholder)",
75
+ anchor: "var(--mantine-color-anchor)",
76
+ default: "var(--mantine-color-default)",
77
+ defaultHover: "var(--mantine-color-default-hover)",
78
+ defaultColor: "var(--mantine-color-default-color)",
79
+ defaultBorder: "var(--mantine-color-default-border)",
80
+ dimmed: "var(--mantine-color-dimmed)",
81
+ disabledBody: "var(--mantine-color-disabled)",
82
+ disabledText: "var(--mantine-color-disabled-color)",
83
+ disabledBorder: "var(--mantine-color-disabled-border)"
84
+ });
85
+ return {
86
+ scale: "var(--mantine-scale)",
87
+ cursorType: "var(--mantine-cursor-type)",
88
+ webkitFontSmoothing: "var(--mantine-webkit-font-smoothing)",
89
+ mozFontSmoothing: "var(--mantine-moz-font-smoothing)",
90
+ lineHeight: "var(--mantine-line-height)",
91
+ fontFamily: "var(--mantine-font-family)",
92
+ fontFamilyMonospace: "var(--mantine-font-family-monospace)",
93
+ fontFamilyHeadings: "var(--mantine-font-family-headings)",
94
+ headingFontWeight: "var(--mantine-heading-font-weight)",
95
+ radiusDefault: "var(--mantine-radius-default)",
96
+ breakpoints: mergedTheme.breakpoints,
97
+ fontSizes,
98
+ lineHeights,
99
+ shadows,
100
+ radius,
101
+ headings,
102
+ spacing,
103
+ colors,
104
+ rtlSelector: "[dir=\"rtl\"] &",
105
+ darkSelector: "[data-mantine-color-scheme=\"dark\"] &",
106
+ lightSelector: "[data-mantine-color-scheme=\"light\"] &",
107
+ smallerThan: (breakpoint) => `(max-width: ${getBreakpointValue(breakpoint, mergedTheme)})`,
108
+ largerThan: (breakpoint) => `(min-width: ${getBreakpointValue(breakpoint, mergedTheme)})`
109
+ };
116
110
  }
117
-
111
+ //#endregion
118
112
  export { themeToVars };
119
- //# sourceMappingURL=theme-to-vars.mjs.map
113
+
114
+ //# sourceMappingURL=theme-to-vars.mjs.map
package/esm/theme-to-vars.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme-to-vars.mjs","sources":["../src/theme-to-vars.ts"],"sourcesContent":["import {\n DEFAULT_THEME,\n em,\n MantineTheme,\n MantineThemeOverride,\n mergeMantineTheme,\n} from '@mantine/core';\nimport {\n Colors,\n FontSizes,\n Heading,\n Headings,\n LineHeights,\n MantineVars,\n Radius,\n Shadows,\n Spacing,\n} from './types';\n\nfunction getSizesVariables<Result>(theme: any, themeKey: string, name: string): Result {\n return Object.keys(theme[themeKey]).reduce((acc: any, size) => {\n acc[size] = `var(--mantine-${name}-${size})`;\n return acc;\n }, {});\n}\n\nfunction getBreakpointValue(value: string | number, theme: MantineTheme) {\n return value in theme.breakpoints ? (theme.breakpoints as any)[value] : em(value);\n}\n\nexport function themeToVars(theme: MantineThemeOverride): MantineVars {\n const mergedTheme = mergeMantineTheme(DEFAULT_THEME, theme);\n\n const fontSizes = getSizesVariables<FontSizes>(mergedTheme, 'fontSizes', 'font-size');\n\n const lineHeights = getSizesVariables<LineHeights>(mergedTheme, 'lineHeights', 'line-height');\n\n const shadows = getSizesVariables<Shadows>(mergedTheme, 'shadows', 'shadow');\n const radius = getSizesVariables<Radius>(mergedTheme, 'radius', 'radius');\n const spacing = getSizesVariables<Spacing>(mergedTheme, 'spacing', 'spacing');\n\n const headings = Object.keys(mergedTheme.headings.sizes).reduce(\n (acc: Record<string, Heading>, heading) => {\n acc[heading] = {\n fontSize: `var(--mantine-${heading}-font-size)`,\n lineHeight: `var(--mantine-${heading}-line-height)`,\n fontWeight: `var(--mantine-${heading}-font-weight)`,\n };\n return acc;\n },\n {}\n ) as Headings;\n\n const colors = Object.keys(mergedTheme.colors).reduce(\n (acc: any, color) => {\n acc[color] = {\n 0: `var(--mantine-color-${color}-0)`,\n 1: `var(--mantine-color-${color}-1)`,\n 2: `var(--mantine-color-${color}-2)`,\n 3: `var(--mantine-color-${color}-3)`,\n 4: `var(--mantine-color-${color}-4)`,\n 5: `var(--mantine-color-${color}-5)`,\n 6: `var(--mantine-color-${color}-6)`,\n 7: `var(--mantine-color-${color}-7)`,\n 8: `var(--mantine-color-${color}-8)`,\n 9: `var(--mantine-color-${color}-9)`,\n filled: `var(--mantine-color-${color}-filled)`,\n filledHover: `var(--mantine-color-${color}-filled-hover)`,\n light: `var(--mantine-color-${color}-light)`,\n lightHover: `var(--mantine-color-${color}-light-hover)`,\n lightColor: `var(--mantine-color-${color}-light-color)`,\n outline: `var(--mantine-color-${color}-outline)`,\n outlineHover: `var(--mantine-color-${color}-outline-hover)`,\n };\n\n return acc;\n },\n {\n primary: 'var(--mantine-primary-color-filled)',\n primaryColors: {\n 0: 'var(--mantine-primary-color-0)',\n 1: 'var(--mantine-primary-color-1)',\n 2: 'var(--mantine-primary-color-2)',\n 3: 'var(--mantine-primary-color-3)',\n 4: 'var(--mantine-primary-color-4)',\n 5: 'var(--mantine-primary-color-5)',\n 6: 'var(--mantine-primary-color-6)',\n 7: 'var(--mantine-primary-color-7)',\n 8: 'var(--mantine-primary-color-8)',\n 9: 'var(--mantine-primary-color-9)',\n filled: 'var(--mantine-primary-color-filled)',\n filledHover: 'var(--mantine-primary-color-filled-hover)',\n light: 'var(--mantine-primary-color-light)',\n lightHover: 'var(--mantine-primary-color-light-hover)',\n lightColor: 'var(--mantine-primary-color-light-color)',\n outline: 'var(--mantine-primary-color-outline)',\n outlineHover: 'var(--mantine-primary-color-outline-hover)',\n },\n white: 'var(--mantine-color-white)',\n black: 'var(--mantine-color-black)',\n text: 'var(--mantine-color-text)',\n body: 'var(--mantine-color-body)',\n error: 'var(--mantine-color-error)',\n placeholder: 'var(--mantine-color-placeholder)',\n anchor: 'var(--mantine-color-anchor)',\n default: 'var(--mantine-color-default)',\n defaultHover: 'var(--mantine-color-default-hover)',\n defaultColor: 'var(--mantine-color-default-color)',\n defaultBorder: 'var(--mantine-color-default-border)',\n dimmed: 'var(--mantine-color-dimmed)',\n disabledBody: 'var(--mantine-color-disabled)',\n disabledText: 'var(--mantine-color-disabled-color)',\n disabledBorder: 'var(--mantine-color-disabled-border)',\n }\n ) as Colors;\n\n return {\n scale: 'var(--mantine-scale)',\n cursorType: 'var(--mantine-cursor-type)',\n webkitFontSmoothing: 'var(--mantine-webkit-font-smoothing)',\n mozFontSmoothing: 'var(--mantine-moz-font-smoothing)',\n lineHeight: 'var(--mantine-line-height)',\n fontFamily: 'var(--mantine-font-family)',\n fontFamilyMonospace: 'var(--mantine-font-family-monospace)',\n fontFamilyHeadings: 'var(--mantine-font-family-headings)',\n headingFontWeight: 'var(--mantine-heading-font-weight)',\n radiusDefault: 'var(--mantine-radius-default)',\n breakpoints: mergedTheme.breakpoints,\n fontSizes,\n lineHeights,\n shadows,\n radius,\n headings,\n spacing,\n colors,\n\n rtlSelector: '[dir=\"rtl\"] &',\n darkSelector: '[data-mantine-color-scheme=\"dark\"] &',\n lightSelector: '[data-mantine-color-scheme=\"light\"] &',\n\n smallerThan: (breakpoint) => `(max-width: ${getBreakpointValue(breakpoint, mergedTheme)})`,\n largerThan: (breakpoint) => `(min-width: ${getBreakpointValue(breakpoint, mergedTheme)})`,\n };\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"theme-to-vars.mjs","names":[],"sources":["../src/theme-to-vars.ts"],"sourcesContent":["import {\n DEFAULT_THEME,\n em,\n MantineTheme,\n MantineThemeOverride,\n mergeMantineTheme,\n} from '@mantine/core';\nimport {\n Colors,\n FontSizes,\n Heading,\n Headings,\n LineHeights,\n MantineVars,\n Radius,\n Shadows,\n Spacing,\n} from './types';\n\nfunction getSizesVariables<Result>(theme: any, themeKey: string, name: string): Result {\n return Object.keys(theme[themeKey]).reduce((acc: any, size) => {\n acc[size] = `var(--mantine-${name}-${size})`;\n return acc;\n }, {});\n}\n\nfunction getBreakpointValue(value: string | number, theme: MantineTheme) {\n return value in theme.breakpoints ? (theme.breakpoints as any)[value] : em(value);\n}\n\nexport function themeToVars(theme: MantineThemeOverride): MantineVars {\n const mergedTheme = mergeMantineTheme(DEFAULT_THEME, theme);\n\n const fontSizes = getSizesVariables<FontSizes>(mergedTheme, 'fontSizes', 'font-size');\n\n const lineHeights = getSizesVariables<LineHeights>(mergedTheme, 'lineHeights', 'line-height');\n\n const shadows = getSizesVariables<Shadows>(mergedTheme, 'shadows', 'shadow');\n const radius = getSizesVariables<Radius>(mergedTheme, 'radius', 'radius');\n const spacing = getSizesVariables<Spacing>(mergedTheme, 'spacing', 'spacing');\n\n const headings = Object.keys(mergedTheme.headings.sizes).reduce(\n (acc: Record<string, Heading>, heading) => {\n acc[heading] = {\n fontSize: `var(--mantine-${heading}-font-size)`,\n lineHeight: `var(--mantine-${heading}-line-height)`,\n fontWeight: `var(--mantine-${heading}-font-weight)`,\n };\n return acc;\n },\n {}\n ) as Headings;\n\n const colors = Object.keys(mergedTheme.colors).reduce(\n (acc: any, color) => {\n acc[color] = {\n 0: `var(--mantine-color-${color}-0)`,\n 1: `var(--mantine-color-${color}-1)`,\n 2: `var(--mantine-color-${color}-2)`,\n 3: `var(--mantine-color-${color}-3)`,\n 4: `var(--mantine-color-${color}-4)`,\n 5: `var(--mantine-color-${color}-5)`,\n 6: `var(--mantine-color-${color}-6)`,\n 7: `var(--mantine-color-${color}-7)`,\n 8: `var(--mantine-color-${color}-8)`,\n 9: `var(--mantine-color-${color}-9)`,\n filled: `var(--mantine-color-${color}-filled)`,\n filledHover: `var(--mantine-color-${color}-filled-hover)`,\n light: `var(--mantine-color-${color}-light)`,\n lightHover: `var(--mantine-color-${color}-light-hover)`,\n lightColor: `var(--mantine-color-${color}-light-color)`,\n outline: `var(--mantine-color-${color}-outline)`,\n outlineHover: `var(--mantine-color-${color}-outline-hover)`,\n };\n\n return acc;\n },\n {\n primary: 'var(--mantine-primary-color-filled)',\n primaryColors: {\n 0: 'var(--mantine-primary-color-0)',\n 1: 'var(--mantine-primary-color-1)',\n 2: 'var(--mantine-primary-color-2)',\n 3: 'var(--mantine-primary-color-3)',\n 4: 'var(--mantine-primary-color-4)',\n 5: 'var(--mantine-primary-color-5)',\n 6: 'var(--mantine-primary-color-6)',\n 7: 'var(--mantine-primary-color-7)',\n 8: 'var(--mantine-primary-color-8)',\n 9: 'var(--mantine-primary-color-9)',\n filled: 'var(--mantine-primary-color-filled)',\n filledHover: 'var(--mantine-primary-color-filled-hover)',\n light: 'var(--mantine-primary-color-light)',\n lightHover: 'var(--mantine-primary-color-light-hover)',\n lightColor: 'var(--mantine-primary-color-light-color)',\n outline: 'var(--mantine-primary-color-outline)',\n outlineHover: 'var(--mantine-primary-color-outline-hover)',\n },\n white: 'var(--mantine-color-white)',\n black: 'var(--mantine-color-black)',\n text: 'var(--mantine-color-text)',\n body: 'var(--mantine-color-body)',\n error: 'var(--mantine-color-error)',\n placeholder: 'var(--mantine-color-placeholder)',\n anchor: 'var(--mantine-color-anchor)',\n default: 'var(--mantine-color-default)',\n defaultHover: 'var(--mantine-color-default-hover)',\n defaultColor: 'var(--mantine-color-default-color)',\n defaultBorder: 'var(--mantine-color-default-border)',\n dimmed: 'var(--mantine-color-dimmed)',\n disabledBody: 'var(--mantine-color-disabled)',\n disabledText: 'var(--mantine-color-disabled-color)',\n disabledBorder: 'var(--mantine-color-disabled-border)',\n }\n ) as Colors;\n\n return {\n scale: 'var(--mantine-scale)',\n cursorType: 'var(--mantine-cursor-type)',\n webkitFontSmoothing: 'var(--mantine-webkit-font-smoothing)',\n mozFontSmoothing: 'var(--mantine-moz-font-smoothing)',\n lineHeight: 'var(--mantine-line-height)',\n fontFamily: 'var(--mantine-font-family)',\n fontFamilyMonospace: 'var(--mantine-font-family-monospace)',\n fontFamilyHeadings: 'var(--mantine-font-family-headings)',\n headingFontWeight: 'var(--mantine-heading-font-weight)',\n radiusDefault: 'var(--mantine-radius-default)',\n breakpoints: mergedTheme.breakpoints,\n fontSizes,\n lineHeights,\n shadows,\n radius,\n headings,\n spacing,\n colors,\n\n rtlSelector: '[dir=\"rtl\"] &',\n darkSelector: '[data-mantine-color-scheme=\"dark\"] &',\n lightSelector: '[data-mantine-color-scheme=\"light\"] &',\n\n smallerThan: (breakpoint) => `(max-width: ${getBreakpointValue(breakpoint, mergedTheme)})`,\n largerThan: (breakpoint) => `(min-width: ${getBreakpointValue(breakpoint, mergedTheme)})`,\n };\n}\n"],"mappings":";;AAmBA,SAAS,kBAA0B,OAAY,UAAkB,MAAsB;AACrF,QAAO,OAAO,KAAK,MAAM,UAAU,CAAC,QAAQ,KAAU,SAAS;AAC7D,MAAI,QAAQ,iBAAiB,KAAK,GAAG,KAAK;AAC1C,SAAO;IACN,EAAE,CAAC;;AAGR,SAAS,mBAAmB,OAAwB,OAAqB;AACvE,QAAO,SAAS,MAAM,cAAe,MAAM,YAAoB,SAAS,GAAG,MAAM;;AAGnF,SAAgB,YAAY,OAA0C;CACpE,MAAM,cAAc,kBAAkB,eAAe,MAAM;CAE3D,MAAM,YAAY,kBAA6B,aAAa,aAAa,YAAY;CAErF,MAAM,cAAc,kBAA+B,aAAa,eAAe,cAAc;CAE7F,MAAM,UAAU,kBAA2B,aAAa,WAAW,SAAS;CAC5E,MAAM,SAAS,kBAA0B,aAAa,UAAU,SAAS;CACzE,MAAM,UAAU,kBAA2B,aAAa,WAAW,UAAU;CAE7E,MAAM,WAAW,OAAO,KAAK,YAAY,SAAS,MAAM,CAAC,QACtD,KAA8B,YAAY;AACzC,MAAI,WAAW;GACb,UAAU,iBAAiB,QAAQ;GACnC,YAAY,iBAAiB,QAAQ;GACrC,YAAY,iBAAiB,QAAQ;GACtC;AACD,SAAO;IAET,EAAE,CACH;CAED,MAAM,SAAS,OAAO,KAAK,YAAY,OAAO,CAAC,QAC5C,KAAU,UAAU;AACnB,MAAI,SAAS;GACX,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,GAAG,uBAAuB,MAAM;GAChC,QAAQ,uBAAuB,MAAM;GACrC,aAAa,uBAAuB,MAAM;GAC1C,OAAO,uBAAuB,MAAM;GACpC,YAAY,uBAAuB,MAAM;GACzC,YAAY,uBAAuB,MAAM;GACzC,SAAS,uBAAuB,MAAM;GACtC,cAAc,uBAAuB,MAAM;GAC5C;AAED,SAAO;IAET;EACE,SAAS;EACT,eAAe;GACb,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,QAAQ;GACR,aAAa;GACb,OAAO;GACP,YAAY;GACZ,YAAY;GACZ,SAAS;GACT,cAAc;GACf;EACD,OAAO;EACP,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACP,aAAa;EACb,QAAQ;EACR,SAAS;EACT,cAAc;EACd,cAAc;EACd,eAAe;EACf,QAAQ;EACR,cAAc;EACd,cAAc;EACd,gBAAgB;EACjB,CACF;AAED,QAAO;EACL,OAAO;EACP,YAAY;EACZ,qBAAqB;EACrB,kBAAkB;EAClB,YAAY;EACZ,YAAY;EACZ,qBAAqB;EACrB,oBAAoB;EACpB,mBAAmB;EACnB,eAAe;EACf,aAAa,YAAY;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,aAAa;EACb,cAAc;EACd,eAAe;EAEf,cAAc,eAAe,eAAe,mBAAmB,YAAY,YAAY,CAAC;EACxF,aAAa,eAAe,eAAe,mBAAmB,YAAY,YAAY,CAAC;EACxF"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine/vanilla-extract",
3
- "version": "9.0.0-alpha.4",
3
+ "version": "9.0.0-alpha.6",
4
4
  "description": "Vanilla Extract integration for Mantine theme",
5
5
  "homepage": "https://mantine.dev",
6
6
  "license": "MIT",
@@ -35,10 +35,10 @@
35
35
  "directory": "packages/@mantine/vanilla-extract"
36
36
  },
37
37
  "peerDependencies": {
38
- "@mantine/core": "9.0.0-alpha.4"
38
+ "@mantine/core": "9.0.0-alpha.6"
39
39
  },
40
40
  "devDependencies": {
41
- "react": "19.2.1",
42
- "react-dom": "19.2.1"
41
+ "react": "19.2.4",
42
+ "react-dom": "19.2.4"
43
43
  }
44
44
  }
package/cjs/index.cjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
package/esm/index.mjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}