@mantine/core 5.6.4 → 5.7.1

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 (241) hide show
  1. package/README.md +2 -0
  2. package/cjs/AppShell/VerticalSection/VerticalSection.js +11 -4
  3. package/cjs/AppShell/VerticalSection/VerticalSection.js.map +1 -1
  4. package/cjs/AppShell/VerticalSection/VerticalSection.styles.js +23 -12
  5. package/cjs/AppShell/VerticalSection/VerticalSection.styles.js.map +1 -1
  6. package/cjs/Box/Box.js +2 -2
  7. package/cjs/Box/Box.js.map +1 -1
  8. package/cjs/Box/style-system-props/extract-system-styles/extract-system-styles.js +155 -0
  9. package/cjs/Box/style-system-props/extract-system-styles/extract-system-styles.js.map +1 -0
  10. package/cjs/Box/style-system-props/get-responsive-value/get-responsive-value.js +52 -0
  11. package/cjs/Box/style-system-props/get-responsive-value/get-responsive-value.js.map +1 -0
  12. package/cjs/Box/style-system-props/get-system-styles/get-system-styles.js +54 -0
  13. package/cjs/Box/style-system-props/get-system-styles/get-system-styles.js.map +1 -0
  14. package/cjs/Box/style-system-props/system-props/system-props.js +51 -0
  15. package/cjs/Box/style-system-props/system-props/system-props.js.map +1 -0
  16. package/cjs/Box/style-system-props/value-getters/get-color-value.js +13 -0
  17. package/cjs/Box/style-system-props/value-getters/get-color-value.js.map +1 -0
  18. package/cjs/Box/style-system-props/value-getters/get-default-value.js +10 -0
  19. package/cjs/Box/style-system-props/value-getters/get-default-value.js.map +1 -0
  20. package/cjs/Box/style-system-props/value-getters/get-font-size-value.js +10 -0
  21. package/cjs/Box/style-system-props/value-getters/get-font-size-value.js.map +1 -0
  22. package/cjs/Box/style-system-props/value-getters/get-spacing-value.js +14 -0
  23. package/cjs/Box/style-system-props/value-getters/get-spacing-value.js.map +1 -0
  24. package/cjs/Box/style-system-props/value-getters/value-getters.js +18 -0
  25. package/cjs/Box/style-system-props/value-getters/value-getters.js.map +1 -0
  26. package/cjs/Box/use-sx/use-sx.js +1 -1
  27. package/cjs/Box/use-sx/use-sx.js.map +1 -1
  28. package/cjs/Button/Button.js +3 -1
  29. package/cjs/Button/Button.js.map +1 -1
  30. package/cjs/Button/Button.styles.js +6 -0
  31. package/cjs/Button/Button.styles.js.map +1 -1
  32. package/cjs/Card/Card.js.map +1 -1
  33. package/cjs/Checkbox/Checkbox.js +4 -3
  34. package/cjs/Checkbox/Checkbox.js.map +1 -1
  35. package/cjs/Chip/Chip.js +2 -1
  36. package/cjs/Chip/Chip.js.map +1 -1
  37. package/cjs/Chip/Chip.styles.js +2 -7
  38. package/cjs/Chip/Chip.styles.js.map +1 -1
  39. package/cjs/Collapse/Collapse.js +10 -5
  40. package/cjs/Collapse/Collapse.js.map +1 -1
  41. package/cjs/Collapse/use-collapse.js +74 -19
  42. package/cjs/Collapse/use-collapse.js.map +1 -1
  43. package/cjs/ColorPicker/ColorSlider/ColorSlider.styles.js +18 -7
  44. package/cjs/ColorPicker/ColorSlider/ColorSlider.styles.js.map +1 -1
  45. package/cjs/ColorPicker/Saturation/Saturation.styles.js +2 -7
  46. package/cjs/ColorPicker/Saturation/Saturation.styles.js.map +1 -1
  47. package/cjs/Flex/Flex.js +62 -0
  48. package/cjs/Flex/Flex.js.map +1 -0
  49. package/cjs/Flex/flex-props.js +16 -0
  50. package/cjs/Flex/flex-props.js.map +1 -0
  51. package/cjs/Input/Input.js +2 -1
  52. package/cjs/Input/Input.js.map +1 -1
  53. package/cjs/Input/Input.styles.js +2 -8
  54. package/cjs/Input/Input.styles.js.map +1 -1
  55. package/cjs/Input/use-input-props.js +2 -1
  56. package/cjs/Input/use-input-props.js.map +1 -1
  57. package/cjs/List/ListItem/ListItem.js +1 -1
  58. package/cjs/List/ListItem/ListItem.js.map +1 -1
  59. package/cjs/Loader/Loader.js.map +1 -1
  60. package/cjs/Menu/MenuItem/MenuItem.js +2 -2
  61. package/cjs/Menu/MenuItem/MenuItem.js.map +1 -1
  62. package/cjs/MultiSelect/MultiSelect.js +2 -1
  63. package/cjs/MultiSelect/MultiSelect.js.map +1 -1
  64. package/cjs/PasswordInput/PasswordInput.js +2 -1
  65. package/cjs/PasswordInput/PasswordInput.js.map +1 -1
  66. package/cjs/Radio/Radio.js +2 -1
  67. package/cjs/Radio/Radio.js.map +1 -1
  68. package/cjs/SegmentedControl/SegmentedControl.styles.js +2 -7
  69. package/cjs/SegmentedControl/SegmentedControl.styles.js.map +1 -1
  70. package/cjs/Select/SelectRightSection/ChevronIcon.js.map +1 -1
  71. package/cjs/Switch/Switch.js +2 -1
  72. package/cjs/Switch/Switch.js.map +1 -1
  73. package/cjs/Textarea/Textarea.js +2 -1
  74. package/cjs/Textarea/Textarea.js.map +1 -1
  75. package/cjs/index.js +10 -0
  76. package/cjs/index.js.map +1 -1
  77. package/esm/AppShell/VerticalSection/VerticalSection.js +11 -4
  78. package/esm/AppShell/VerticalSection/VerticalSection.js.map +1 -1
  79. package/esm/AppShell/VerticalSection/VerticalSection.styles.js +23 -12
  80. package/esm/AppShell/VerticalSection/VerticalSection.styles.js.map +1 -1
  81. package/esm/Box/Box.js +1 -1
  82. package/esm/Box/Box.js.map +1 -1
  83. package/esm/Box/style-system-props/extract-system-styles/extract-system-styles.js +151 -0
  84. package/esm/Box/style-system-props/extract-system-styles/extract-system-styles.js.map +1 -0
  85. package/esm/Box/style-system-props/get-responsive-value/get-responsive-value.js +48 -0
  86. package/esm/Box/style-system-props/get-responsive-value/get-responsive-value.js.map +1 -0
  87. package/esm/Box/style-system-props/get-system-styles/get-system-styles.js +50 -0
  88. package/esm/Box/style-system-props/get-system-styles/get-system-styles.js.map +1 -0
  89. package/esm/Box/style-system-props/system-props/system-props.js +47 -0
  90. package/esm/Box/style-system-props/system-props/system-props.js.map +1 -0
  91. package/esm/Box/style-system-props/value-getters/get-color-value.js +9 -0
  92. package/esm/Box/style-system-props/value-getters/get-color-value.js.map +1 -0
  93. package/esm/Box/style-system-props/value-getters/get-default-value.js +6 -0
  94. package/esm/Box/style-system-props/value-getters/get-default-value.js.map +1 -0
  95. package/esm/Box/style-system-props/value-getters/get-font-size-value.js +6 -0
  96. package/esm/Box/style-system-props/value-getters/get-font-size-value.js.map +1 -0
  97. package/esm/Box/style-system-props/value-getters/get-spacing-value.js +10 -0
  98. package/esm/Box/style-system-props/value-getters/get-spacing-value.js.map +1 -0
  99. package/esm/Box/style-system-props/value-getters/value-getters.js +14 -0
  100. package/esm/Box/style-system-props/value-getters/value-getters.js.map +1 -0
  101. package/esm/Box/use-sx/use-sx.js +1 -1
  102. package/esm/Box/use-sx/use-sx.js.map +1 -1
  103. package/esm/Button/Button.js +3 -1
  104. package/esm/Button/Button.js.map +1 -1
  105. package/esm/Button/Button.styles.js +6 -0
  106. package/esm/Button/Button.styles.js.map +1 -1
  107. package/esm/Card/Card.js.map +1 -1
  108. package/esm/Checkbox/Checkbox.js +4 -3
  109. package/esm/Checkbox/Checkbox.js.map +1 -1
  110. package/esm/Chip/Chip.js +2 -1
  111. package/esm/Chip/Chip.js.map +1 -1
  112. package/esm/Chip/Chip.styles.js +2 -7
  113. package/esm/Chip/Chip.styles.js.map +1 -1
  114. package/esm/Collapse/Collapse.js +10 -5
  115. package/esm/Collapse/Collapse.js.map +1 -1
  116. package/esm/Collapse/use-collapse.js +75 -21
  117. package/esm/Collapse/use-collapse.js.map +1 -1
  118. package/esm/ColorPicker/ColorSlider/ColorSlider.styles.js +18 -7
  119. package/esm/ColorPicker/ColorSlider/ColorSlider.styles.js.map +1 -1
  120. package/esm/ColorPicker/Saturation/Saturation.styles.js +2 -7
  121. package/esm/ColorPicker/Saturation/Saturation.styles.js.map +1 -1
  122. package/esm/Flex/Flex.js +54 -0
  123. package/esm/Flex/Flex.js.map +1 -0
  124. package/esm/Flex/flex-props.js +12 -0
  125. package/esm/Flex/flex-props.js.map +1 -0
  126. package/esm/Input/Input.js +2 -1
  127. package/esm/Input/Input.js.map +1 -1
  128. package/esm/Input/Input.styles.js +2 -8
  129. package/esm/Input/Input.styles.js.map +1 -1
  130. package/esm/Input/use-input-props.js +2 -1
  131. package/esm/Input/use-input-props.js.map +1 -1
  132. package/esm/List/ListItem/ListItem.js +1 -1
  133. package/esm/List/ListItem/ListItem.js.map +1 -1
  134. package/esm/Loader/Loader.js.map +1 -1
  135. package/esm/Menu/MenuItem/MenuItem.js +2 -2
  136. package/esm/Menu/MenuItem/MenuItem.js.map +1 -1
  137. package/esm/MultiSelect/MultiSelect.js +2 -1
  138. package/esm/MultiSelect/MultiSelect.js.map +1 -1
  139. package/esm/PasswordInput/PasswordInput.js +2 -1
  140. package/esm/PasswordInput/PasswordInput.js.map +1 -1
  141. package/esm/Radio/Radio.js +2 -1
  142. package/esm/Radio/Radio.js.map +1 -1
  143. package/esm/SegmentedControl/SegmentedControl.styles.js +2 -7
  144. package/esm/SegmentedControl/SegmentedControl.styles.js.map +1 -1
  145. package/esm/Select/SelectRightSection/ChevronIcon.js.map +1 -1
  146. package/esm/Switch/Switch.js +2 -1
  147. package/esm/Switch/Switch.js.map +1 -1
  148. package/esm/Textarea/Textarea.js +2 -1
  149. package/esm/Textarea/Textarea.js.map +1 -1
  150. package/esm/index.js +5 -0
  151. package/esm/index.js.map +1 -1
  152. package/lib/Accordion/AccordionControl/AccordionControl.styles.d.ts +2 -2
  153. package/lib/Alert/Alert.styles.d.ts +2 -2
  154. package/lib/AppShell/HorizontalSection/HorizontalSection.d.ts +1 -1
  155. package/lib/AppShell/HorizontalSection/HorizontalSection.d.ts.map +1 -1
  156. package/lib/AppShell/VerticalSection/VerticalSection.d.ts +3 -3
  157. package/lib/AppShell/VerticalSection/VerticalSection.d.ts.map +1 -1
  158. package/lib/AppShell/VerticalSection/VerticalSection.styles.d.ts +2 -1
  159. package/lib/AppShell/VerticalSection/VerticalSection.styles.d.ts.map +1 -1
  160. package/lib/Blockquote/Blockquote.styles.d.ts +2 -2
  161. package/lib/Box/Box.d.ts.map +1 -1
  162. package/lib/Box/index.d.ts +6 -0
  163. package/lib/Box/index.d.ts.map +1 -1
  164. package/lib/Box/style-system-props/extract-system-styles/extract-system-styles.d.ts +6 -0
  165. package/lib/Box/style-system-props/extract-system-styles/extract-system-styles.d.ts.map +1 -0
  166. package/lib/Box/style-system-props/get-responsive-value/get-responsive-value.d.ts +11 -0
  167. package/lib/Box/style-system-props/get-responsive-value/get-responsive-value.d.ts.map +1 -0
  168. package/lib/Box/style-system-props/get-system-styles/get-system-styles.d.ts +3 -0
  169. package/lib/Box/style-system-props/get-system-styles/get-system-styles.d.ts.map +1 -0
  170. package/lib/Box/style-system-props/system-props/system-props.d.ts +8 -0
  171. package/lib/Box/style-system-props/system-props/system-props.d.ts.map +1 -0
  172. package/lib/Box/style-system-props/value-getters/get-color-value.d.ts +3 -0
  173. package/lib/Box/style-system-props/value-getters/get-color-value.d.ts.map +1 -0
  174. package/lib/Box/style-system-props/value-getters/get-default-value.d.ts +2 -0
  175. package/lib/Box/style-system-props/value-getters/get-default-value.d.ts.map +1 -0
  176. package/lib/Box/style-system-props/value-getters/get-font-size-value.d.ts +3 -0
  177. package/lib/Box/style-system-props/value-getters/get-font-size-value.d.ts.map +1 -0
  178. package/lib/Box/style-system-props/value-getters/get-spacing-value.d.ts +3 -0
  179. package/lib/Box/style-system-props/value-getters/get-spacing-value.d.ts.map +1 -0
  180. package/lib/Box/style-system-props/value-getters/value-getters.d.ts +12 -0
  181. package/lib/Box/style-system-props/value-getters/value-getters.d.ts.map +1 -0
  182. package/lib/Button/Button.d.ts +1 -1
  183. package/lib/Button/Button.d.ts.map +1 -1
  184. package/lib/Button/Button.styles.d.ts +2 -2
  185. package/lib/Button/Button.styles.d.ts.map +1 -1
  186. package/lib/Card/Card.d.ts +3 -1
  187. package/lib/Card/Card.d.ts.map +1 -1
  188. package/lib/Checkbox/Checkbox.d.ts +1 -1
  189. package/lib/Checkbox/Checkbox.d.ts.map +1 -1
  190. package/lib/Checkbox/Checkbox.styles.d.ts +2 -2
  191. package/lib/Chip/Chip.d.ts.map +1 -1
  192. package/lib/Code/Code.styles.d.ts +2 -2
  193. package/lib/Collapse/Collapse.d.ts +2 -0
  194. package/lib/Collapse/Collapse.d.ts.map +1 -1
  195. package/lib/Collapse/use-collapse.d.ts +7 -1
  196. package/lib/Collapse/use-collapse.d.ts.map +1 -1
  197. package/lib/ColorSwatch/ColorSwatch.styles.d.ts +2 -2
  198. package/lib/Divider/Divider.styles.d.ts +2 -2
  199. package/lib/Drawer/Drawer.styles.d.ts +2 -2
  200. package/lib/Flex/Flex.d.ts +20 -0
  201. package/lib/Flex/Flex.d.ts.map +1 -0
  202. package/lib/Flex/flex-props.d.ts +3 -0
  203. package/lib/Flex/flex-props.d.ts.map +1 -0
  204. package/lib/Flex/index.d.ts +4 -0
  205. package/lib/Flex/index.d.ts.map +1 -0
  206. package/lib/Input/Input.d.ts.map +1 -1
  207. package/lib/Input/Input.styles.d.ts +2 -2
  208. package/lib/Input/Input.styles.d.ts.map +1 -1
  209. package/lib/Input/use-input-props.d.ts +5 -85
  210. package/lib/Input/use-input-props.d.ts.map +1 -1
  211. package/lib/Loader/Loader.d.ts +1 -1
  212. package/lib/Loader/Loader.d.ts.map +1 -1
  213. package/lib/Modal/Modal.styles.d.ts +2 -2
  214. package/lib/MultiSelect/MultiSelect.d.ts.map +1 -1
  215. package/lib/MultiSelect/MultiSelect.styles.d.ts +2 -2
  216. package/lib/NavLink/NavLink.styles.d.ts +2 -2
  217. package/lib/Notification/Notification.styles.d.ts +2 -2
  218. package/lib/PasswordInput/PasswordInput.d.ts.map +1 -1
  219. package/lib/Radio/Radio.d.ts.map +1 -1
  220. package/lib/ScrollArea/ScrollArea.d.ts +1 -1
  221. package/lib/ScrollArea/ScrollArea.d.ts.map +1 -1
  222. package/lib/SegmentedControl/SegmentedControl.styles.d.ts +2 -2
  223. package/lib/SegmentedControl/SegmentedControl.styles.d.ts.map +1 -1
  224. package/lib/Select/SelectItems/SelectItems.styles.d.ts +2 -2
  225. package/lib/Select/SelectRightSection/ChevronIcon.d.ts +2 -2
  226. package/lib/Select/SelectRightSection/ChevronIcon.d.ts.map +1 -1
  227. package/lib/Select/SelectScrollArea/SelectScrollArea.d.ts +1 -1
  228. package/lib/Select/SelectScrollArea/SelectScrollArea.d.ts.map +1 -1
  229. package/lib/Skeleton/Skeleton.styles.d.ts +2 -2
  230. package/lib/Switch/Switch.d.ts.map +1 -1
  231. package/lib/Text/Text.styles.d.ts +2 -2
  232. package/lib/Textarea/Textarea.d.ts.map +1 -1
  233. package/lib/index.d.ts +1 -0
  234. package/lib/index.d.ts.map +1 -1
  235. package/package.json +4 -4
  236. package/cjs/Box/use-sx/get-system-styles/get-system-styles.js +0 -67
  237. package/cjs/Box/use-sx/get-system-styles/get-system-styles.js.map +0 -1
  238. package/esm/Box/use-sx/get-system-styles/get-system-styles.js +0 -63
  239. package/esm/Box/use-sx/get-system-styles/get-system-styles.js.map +0 -1
  240. package/lib/Box/use-sx/get-system-styles/get-system-styles.d.ts +0 -3
  241. package/lib/Box/use-sx/get-system-styles/get-system-styles.d.ts.map +0 -1
@@ -1,67 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const SYSTEM_PROPS = {
6
- mt: "marginTop",
7
- mb: "marginBottom",
8
- ml: "marginLeft",
9
- mr: "marginRight",
10
- pt: "paddingTop",
11
- pb: "paddingBottom",
12
- pl: "paddingLeft",
13
- pr: "paddingRight"
14
- };
15
- const NEGATIVE_VALUES = ["-xs", "-sm", "-md", "-lg", "-xl"];
16
- function isValidSizeValue(size) {
17
- return typeof size === "string" || typeof size === "number";
18
- }
19
- function getSizeValue(size, theme) {
20
- if (NEGATIVE_VALUES.includes(size)) {
21
- return theme.fn.size({ size: size.replace("-", ""), sizes: theme.spacing }) * -1;
22
- }
23
- return theme.fn.size({ size, sizes: theme.spacing });
24
- }
25
- function getSystemStyles(systemStyles, theme) {
26
- const styles = {};
27
- if (isValidSizeValue(systemStyles.p)) {
28
- const value = getSizeValue(systemStyles.p, theme);
29
- styles.padding = value;
30
- }
31
- if (isValidSizeValue(systemStyles.m)) {
32
- const value = getSizeValue(systemStyles.m, theme);
33
- styles.margin = value;
34
- }
35
- if (isValidSizeValue(systemStyles.py)) {
36
- const value = getSizeValue(systemStyles.py, theme);
37
- styles.paddingTop = value;
38
- styles.paddingBottom = value;
39
- }
40
- if (isValidSizeValue(systemStyles.px)) {
41
- const value = getSizeValue(systemStyles.px, theme);
42
- styles.paddingLeft = value;
43
- styles.paddingRight = value;
44
- }
45
- if (isValidSizeValue(systemStyles.my)) {
46
- const value = getSizeValue(systemStyles.my, theme);
47
- styles.marginTop = value;
48
- styles.marginBottom = value;
49
- }
50
- if (isValidSizeValue(systemStyles.mx)) {
51
- const value = getSizeValue(systemStyles.mx, theme);
52
- styles.marginLeft = value;
53
- styles.marginRight = value;
54
- }
55
- Object.keys(SYSTEM_PROPS).forEach((property) => {
56
- if (isValidSizeValue(systemStyles[property])) {
57
- styles[SYSTEM_PROPS[property]] = theme.fn.size({
58
- size: getSizeValue(systemStyles[property], theme),
59
- sizes: theme.spacing
60
- });
61
- }
62
- });
63
- return styles;
64
- }
65
-
66
- exports.getSystemStyles = getSystemStyles;
67
- //# sourceMappingURL=get-system-styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"get-system-styles.js","sources":["../../../../src/Box/use-sx/get-system-styles/get-system-styles.ts"],"sourcesContent":["import { MantineStyleSystemProps, MantineTheme, CSSObject } from '@mantine/styles';\n\nconst SYSTEM_PROPS = {\n mt: 'marginTop',\n mb: 'marginBottom',\n ml: 'marginLeft',\n mr: 'marginRight',\n pt: 'paddingTop',\n pb: 'paddingBottom',\n pl: 'paddingLeft',\n pr: 'paddingRight',\n};\n\nconst NEGATIVE_VALUES = ['-xs', '-sm', '-md', '-lg', '-xl'];\n\nfunction isValidSizeValue(size: any) {\n return typeof size === 'string' || typeof size === 'number';\n}\n\nfunction getSizeValue(size: any, theme: MantineTheme) {\n if (NEGATIVE_VALUES.includes(size)) {\n return theme.fn.size({ size: size.replace('-', ''), sizes: theme.spacing }) * -1;\n }\n\n return theme.fn.size({ size, sizes: theme.spacing });\n}\n\nexport function getSystemStyles(systemStyles: MantineStyleSystemProps, theme: MantineTheme) {\n const styles: CSSObject = {};\n\n if (isValidSizeValue(systemStyles.p)) {\n const value = getSizeValue(systemStyles.p, theme);\n styles.padding = value;\n }\n\n if (isValidSizeValue(systemStyles.m)) {\n const value = getSizeValue(systemStyles.m, theme);\n styles.margin = value;\n }\n\n if (isValidSizeValue(systemStyles.py)) {\n const value = getSizeValue(systemStyles.py, theme);\n styles.paddingTop = value;\n styles.paddingBottom = value;\n }\n\n if (isValidSizeValue(systemStyles.px)) {\n const value = getSizeValue(systemStyles.px, theme);\n styles.paddingLeft = value;\n styles.paddingRight = value;\n }\n\n if (isValidSizeValue(systemStyles.my)) {\n const value = getSizeValue(systemStyles.my, theme);\n styles.marginTop = value;\n styles.marginBottom = value;\n }\n\n if (isValidSizeValue(systemStyles.mx)) {\n const value = getSizeValue(systemStyles.mx, theme);\n styles.marginLeft = value;\n styles.marginRight = value;\n }\n\n Object.keys(SYSTEM_PROPS).forEach((property) => {\n if (isValidSizeValue(systemStyles[property])) {\n styles[SYSTEM_PROPS[property]] = theme.fn.size({\n size: getSizeValue(systemStyles[property], theme),\n sizes: theme.spacing,\n });\n }\n });\n\n return styles;\n}\n"],"names":[],"mappings":"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"}
@@ -1,63 +0,0 @@
1
- const SYSTEM_PROPS = {
2
- mt: "marginTop",
3
- mb: "marginBottom",
4
- ml: "marginLeft",
5
- mr: "marginRight",
6
- pt: "paddingTop",
7
- pb: "paddingBottom",
8
- pl: "paddingLeft",
9
- pr: "paddingRight"
10
- };
11
- const NEGATIVE_VALUES = ["-xs", "-sm", "-md", "-lg", "-xl"];
12
- function isValidSizeValue(size) {
13
- return typeof size === "string" || typeof size === "number";
14
- }
15
- function getSizeValue(size, theme) {
16
- if (NEGATIVE_VALUES.includes(size)) {
17
- return theme.fn.size({ size: size.replace("-", ""), sizes: theme.spacing }) * -1;
18
- }
19
- return theme.fn.size({ size, sizes: theme.spacing });
20
- }
21
- function getSystemStyles(systemStyles, theme) {
22
- const styles = {};
23
- if (isValidSizeValue(systemStyles.p)) {
24
- const value = getSizeValue(systemStyles.p, theme);
25
- styles.padding = value;
26
- }
27
- if (isValidSizeValue(systemStyles.m)) {
28
- const value = getSizeValue(systemStyles.m, theme);
29
- styles.margin = value;
30
- }
31
- if (isValidSizeValue(systemStyles.py)) {
32
- const value = getSizeValue(systemStyles.py, theme);
33
- styles.paddingTop = value;
34
- styles.paddingBottom = value;
35
- }
36
- if (isValidSizeValue(systemStyles.px)) {
37
- const value = getSizeValue(systemStyles.px, theme);
38
- styles.paddingLeft = value;
39
- styles.paddingRight = value;
40
- }
41
- if (isValidSizeValue(systemStyles.my)) {
42
- const value = getSizeValue(systemStyles.my, theme);
43
- styles.marginTop = value;
44
- styles.marginBottom = value;
45
- }
46
- if (isValidSizeValue(systemStyles.mx)) {
47
- const value = getSizeValue(systemStyles.mx, theme);
48
- styles.marginLeft = value;
49
- styles.marginRight = value;
50
- }
51
- Object.keys(SYSTEM_PROPS).forEach((property) => {
52
- if (isValidSizeValue(systemStyles[property])) {
53
- styles[SYSTEM_PROPS[property]] = theme.fn.size({
54
- size: getSizeValue(systemStyles[property], theme),
55
- sizes: theme.spacing
56
- });
57
- }
58
- });
59
- return styles;
60
- }
61
-
62
- export { getSystemStyles };
63
- //# sourceMappingURL=get-system-styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"get-system-styles.js","sources":["../../../../src/Box/use-sx/get-system-styles/get-system-styles.ts"],"sourcesContent":["import { MantineStyleSystemProps, MantineTheme, CSSObject } from '@mantine/styles';\n\nconst SYSTEM_PROPS = {\n mt: 'marginTop',\n mb: 'marginBottom',\n ml: 'marginLeft',\n mr: 'marginRight',\n pt: 'paddingTop',\n pb: 'paddingBottom',\n pl: 'paddingLeft',\n pr: 'paddingRight',\n};\n\nconst NEGATIVE_VALUES = ['-xs', '-sm', '-md', '-lg', '-xl'];\n\nfunction isValidSizeValue(size: any) {\n return typeof size === 'string' || typeof size === 'number';\n}\n\nfunction getSizeValue(size: any, theme: MantineTheme) {\n if (NEGATIVE_VALUES.includes(size)) {\n return theme.fn.size({ size: size.replace('-', ''), sizes: theme.spacing }) * -1;\n }\n\n return theme.fn.size({ size, sizes: theme.spacing });\n}\n\nexport function getSystemStyles(systemStyles: MantineStyleSystemProps, theme: MantineTheme) {\n const styles: CSSObject = {};\n\n if (isValidSizeValue(systemStyles.p)) {\n const value = getSizeValue(systemStyles.p, theme);\n styles.padding = value;\n }\n\n if (isValidSizeValue(systemStyles.m)) {\n const value = getSizeValue(systemStyles.m, theme);\n styles.margin = value;\n }\n\n if (isValidSizeValue(systemStyles.py)) {\n const value = getSizeValue(systemStyles.py, theme);\n styles.paddingTop = value;\n styles.paddingBottom = value;\n }\n\n if (isValidSizeValue(systemStyles.px)) {\n const value = getSizeValue(systemStyles.px, theme);\n styles.paddingLeft = value;\n styles.paddingRight = value;\n }\n\n if (isValidSizeValue(systemStyles.my)) {\n const value = getSizeValue(systemStyles.my, theme);\n styles.marginTop = value;\n styles.marginBottom = value;\n }\n\n if (isValidSizeValue(systemStyles.mx)) {\n const value = getSizeValue(systemStyles.mx, theme);\n styles.marginLeft = value;\n styles.marginRight = value;\n }\n\n Object.keys(SYSTEM_PROPS).forEach((property) => {\n if (isValidSizeValue(systemStyles[property])) {\n styles[SYSTEM_PROPS[property]] = theme.fn.size({\n size: getSizeValue(systemStyles[property], theme),\n sizes: theme.spacing,\n });\n }\n });\n\n return styles;\n}\n"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- import { MantineStyleSystemProps, MantineTheme, CSSObject } from '@mantine/styles';
2
- export declare function getSystemStyles(systemStyles: MantineStyleSystemProps, theme: MantineTheme): CSSObject;
3
- //# sourceMappingURL=get-system-styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"get-system-styles.d.ts","sourceRoot":"","sources":["../../../../src/Box/use-sx/get-system-styles/get-system-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AA2BnF,wBAAgB,eAAe,CAAC,YAAY,EAAE,uBAAuB,EAAE,KAAK,EAAE,YAAY,aA+CzF"}