@coveord/plasma-mantine 55.3.3 → 55.3.4-next.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.
Files changed (182) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/.turbo/turbo-test.log +46 -44
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/alert/Alert.d.ts +17 -0
  5. package/dist/cjs/components/alert/Alert.d.ts.map +1 -0
  6. package/dist/cjs/components/alert/Alert.js +53 -0
  7. package/dist/cjs/components/alert/Alert.js.map +1 -0
  8. package/dist/cjs/components/alert/index.d.ts +2 -0
  9. package/dist/cjs/components/alert/index.d.ts.map +1 -0
  10. package/dist/cjs/components/alert/index.js +8 -0
  11. package/dist/cjs/components/alert/index.js.map +1 -0
  12. package/dist/cjs/components/badge/Badge.d.ts +8 -0
  13. package/dist/cjs/components/badge/Badge.d.ts.map +1 -0
  14. package/dist/cjs/components/badge/Badge.js +60 -0
  15. package/dist/cjs/components/badge/Badge.js.map +1 -0
  16. package/dist/cjs/components/badge/index.d.ts +2 -0
  17. package/dist/cjs/components/badge/index.d.ts.map +1 -0
  18. package/dist/cjs/components/badge/index.js +8 -0
  19. package/dist/cjs/components/badge/index.js.map +1 -0
  20. package/dist/cjs/components/browser-preview/BrowserPreview.module.css +1 -1
  21. package/dist/cjs/components/button/Button.d.ts +5 -0
  22. package/dist/cjs/components/button/Button.d.ts.map +1 -1
  23. package/dist/cjs/components/button/Button.js +40 -3
  24. package/dist/cjs/components/button/Button.js.map +1 -1
  25. package/dist/cjs/components/header/Header.module.css +2 -7
  26. package/dist/cjs/components/index.d.ts +2 -0
  27. package/dist/cjs/components/index.d.ts.map +1 -1
  28. package/dist/cjs/components/index.js +2 -0
  29. package/dist/cjs/components/index.js.map +1 -1
  30. package/dist/cjs/components/prompt/Prompt.js +1 -1
  31. package/dist/cjs/components/prompt/Prompt.js.map +1 -1
  32. package/dist/cjs/components/prompt/Prompt.module.css +4 -15
  33. package/dist/cjs/components/prompt/PromptConfirmButton.js +4 -4
  34. package/dist/cjs/components/prompt/PromptConfirmButton.js.map +1 -1
  35. package/dist/cjs/components/sticky-footer/StickyFooter.module.css +3 -3
  36. package/dist/cjs/styles/Alert.module.css +1 -26
  37. package/dist/cjs/styles/Badge.module.css +0 -2
  38. package/dist/cjs/styles/Checkbox.module.css +0 -17
  39. package/dist/cjs/styles/Combobox.module.css +3 -2
  40. package/dist/cjs/styles/InputWrapper.module.css +0 -9
  41. package/dist/cjs/styles/Modal.module.css +0 -62
  42. package/dist/cjs/styles/NavLink.module.css +0 -18
  43. package/dist/cjs/styles/Radio.module.css +0 -6
  44. package/dist/cjs/styles/ReadOnlyInput.module.css +3 -3
  45. package/dist/cjs/styles/SegmentedControl.module.css +0 -32
  46. package/dist/cjs/styles/Stepper.module.css +0 -66
  47. package/dist/cjs/styles/Tabs.module.css +0 -4
  48. package/dist/cjs/theme/PlasmaColors.d.ts +11 -7
  49. package/dist/cjs/theme/PlasmaColors.d.ts.map +1 -1
  50. package/dist/cjs/theme/PlasmaColors.js +144 -19
  51. package/dist/cjs/theme/PlasmaColors.js.map +1 -1
  52. package/dist/cjs/theme/Theme.d.ts.map +1 -1
  53. package/dist/cjs/theme/Theme.js +43 -115
  54. package/dist/cjs/theme/Theme.js.map +1 -1
  55. package/dist/cjs/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
  56. package/dist/cjs/theme/plasmaCSSVariablesResolver.js +1 -5
  57. package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map +1 -1
  58. package/dist/esm/components/alert/Alert.d.ts +17 -0
  59. package/dist/esm/components/alert/Alert.d.ts.map +1 -0
  60. package/dist/esm/components/alert/Alert.js +29 -0
  61. package/dist/esm/components/alert/Alert.js.map +1 -0
  62. package/dist/esm/components/alert/index.d.ts +2 -0
  63. package/dist/esm/components/alert/index.d.ts.map +1 -0
  64. package/dist/esm/components/alert/index.js +3 -0
  65. package/dist/esm/components/alert/index.js.map +1 -0
  66. package/dist/esm/components/badge/Badge.d.ts +8 -0
  67. package/dist/esm/components/badge/Badge.d.ts.map +1 -0
  68. package/dist/esm/components/badge/Badge.js +27 -0
  69. package/dist/esm/components/badge/Badge.js.map +1 -0
  70. package/dist/esm/components/badge/index.d.ts +2 -0
  71. package/dist/esm/components/badge/index.d.ts.map +1 -0
  72. package/dist/esm/components/badge/index.js +3 -0
  73. package/dist/esm/components/badge/index.js.map +1 -0
  74. package/dist/esm/components/browser-preview/BrowserPreview.module.css +1 -1
  75. package/dist/esm/components/button/Button.d.ts +5 -0
  76. package/dist/esm/components/button/Button.d.ts.map +1 -1
  77. package/dist/esm/components/button/Button.js +17 -0
  78. package/dist/esm/components/button/Button.js.map +1 -1
  79. package/dist/esm/components/header/Header.module.css +2 -7
  80. package/dist/esm/components/index.d.ts +2 -0
  81. package/dist/esm/components/index.d.ts.map +1 -1
  82. package/dist/esm/components/index.js +2 -0
  83. package/dist/esm/components/index.js.map +1 -1
  84. package/dist/esm/components/prompt/Prompt.js +1 -1
  85. package/dist/esm/components/prompt/Prompt.js.map +1 -1
  86. package/dist/esm/components/prompt/Prompt.module.css +4 -15
  87. package/dist/esm/components/prompt/PromptConfirmButton.js +4 -4
  88. package/dist/esm/components/prompt/PromptConfirmButton.js.map +1 -1
  89. package/dist/esm/components/sticky-footer/StickyFooter.module.css +3 -3
  90. package/dist/esm/styles/Alert.module.css +1 -26
  91. package/dist/esm/styles/Badge.module.css +0 -2
  92. package/dist/esm/styles/Checkbox.module.css +0 -17
  93. package/dist/esm/styles/Combobox.module.css +3 -2
  94. package/dist/esm/styles/InputWrapper.module.css +0 -9
  95. package/dist/esm/styles/Modal.module.css +0 -62
  96. package/dist/esm/styles/NavLink.module.css +0 -18
  97. package/dist/esm/styles/Radio.module.css +0 -6
  98. package/dist/esm/styles/ReadOnlyInput.module.css +3 -3
  99. package/dist/esm/styles/SegmentedControl.module.css +0 -32
  100. package/dist/esm/styles/Stepper.module.css +0 -66
  101. package/dist/esm/styles/Tabs.module.css +0 -4
  102. package/dist/esm/theme/PlasmaColors.d.ts +11 -7
  103. package/dist/esm/theme/PlasmaColors.d.ts.map +1 -1
  104. package/dist/esm/theme/PlasmaColors.js +144 -19
  105. package/dist/esm/theme/PlasmaColors.js.map +1 -1
  106. package/dist/esm/theme/Theme.d.ts.map +1 -1
  107. package/dist/esm/theme/Theme.js +44 -114
  108. package/dist/esm/theme/Theme.js.map +1 -1
  109. package/dist/esm/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
  110. package/dist/esm/theme/plasmaCSSVariablesResolver.js +1 -5
  111. package/dist/esm/theme/plasmaCSSVariablesResolver.js.map +1 -1
  112. package/package.json +6 -6
  113. package/src/components/alert/Alert.tsx +7 -0
  114. package/src/components/alert/index.ts +1 -0
  115. package/src/components/badge/Badge.tsx +10 -0
  116. package/src/components/badge/index.ts +1 -0
  117. package/src/components/browser-preview/BrowserPreview.module.css +1 -1
  118. package/src/components/button/Button.tsx +6 -0
  119. package/src/components/header/Header.module.css +2 -7
  120. package/src/components/index.ts +2 -0
  121. package/src/components/prompt/Prompt.module.css +4 -15
  122. package/src/components/prompt/Prompt.tsx +1 -1
  123. package/src/components/prompt/PromptConfirmButton.tsx +4 -4
  124. package/src/components/sticky-footer/StickyFooter.module.css +3 -3
  125. package/src/styles/Alert.module.css +1 -26
  126. package/src/styles/Badge.module.css +0 -2
  127. package/src/styles/Checkbox.module.css +0 -17
  128. package/src/styles/Combobox.module.css +3 -2
  129. package/src/styles/InputWrapper.module.css +0 -9
  130. package/src/styles/Modal.module.css +0 -62
  131. package/src/styles/NavLink.module.css +0 -18
  132. package/src/styles/Radio.module.css +0 -6
  133. package/src/styles/ReadOnlyInput.module.css +3 -3
  134. package/src/styles/SegmentedControl.module.css +0 -32
  135. package/src/styles/Stepper.module.css +0 -66
  136. package/src/styles/Tabs.module.css +0 -4
  137. package/src/theme/PlasmaColors.ts +144 -19
  138. package/src/theme/Theme.tsx +37 -86
  139. package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts +3 -46
  140. package/src/theme/plasmaCSSVariablesResolver.ts +2 -5
  141. package/dist/cjs/styles/ActionIcon.module.css +0 -6
  142. package/dist/cjs/styles/Anchor.module.css +0 -6
  143. package/dist/cjs/styles/AppShellNavBar.module.css +0 -3
  144. package/dist/cjs/styles/DatePicker.module.css +0 -3
  145. package/dist/cjs/styles/Input.module.css +0 -3
  146. package/dist/cjs/styles/Notification.module.css +0 -20
  147. package/dist/cjs/styles/Pagination.module.css +0 -30
  148. package/dist/cjs/styles/Select.module.css +0 -39
  149. package/dist/cjs/vars/Notification.vars.d.ts +0 -3
  150. package/dist/cjs/vars/Notification.vars.d.ts.map +0 -1
  151. package/dist/cjs/vars/Notification.vars.js +0 -44
  152. package/dist/cjs/vars/Notification.vars.js.map +0 -1
  153. package/dist/cjs/vars/Text.vars.d.ts +0 -3
  154. package/dist/cjs/vars/Text.vars.d.ts.map +0 -1
  155. package/dist/cjs/vars/Text.vars.js +0 -25
  156. package/dist/cjs/vars/Text.vars.js.map +0 -1
  157. package/dist/esm/styles/ActionIcon.module.css +0 -6
  158. package/dist/esm/styles/Anchor.module.css +0 -6
  159. package/dist/esm/styles/AppShellNavBar.module.css +0 -3
  160. package/dist/esm/styles/DatePicker.module.css +0 -3
  161. package/dist/esm/styles/Input.module.css +0 -3
  162. package/dist/esm/styles/Notification.module.css +0 -20
  163. package/dist/esm/styles/Pagination.module.css +0 -30
  164. package/dist/esm/styles/Select.module.css +0 -39
  165. package/dist/esm/vars/Notification.vars.d.ts +0 -3
  166. package/dist/esm/vars/Notification.vars.d.ts.map +0 -1
  167. package/dist/esm/vars/Notification.vars.js +0 -34
  168. package/dist/esm/vars/Notification.vars.js.map +0 -1
  169. package/dist/esm/vars/Text.vars.d.ts +0 -3
  170. package/dist/esm/vars/Text.vars.d.ts.map +0 -1
  171. package/dist/esm/vars/Text.vars.js +0 -15
  172. package/dist/esm/vars/Text.vars.js.map +0 -1
  173. package/src/styles/ActionIcon.module.css +0 -6
  174. package/src/styles/Anchor.module.css +0 -6
  175. package/src/styles/AppShellNavBar.module.css +0 -3
  176. package/src/styles/DatePicker.module.css +0 -3
  177. package/src/styles/Input.module.css +0 -3
  178. package/src/styles/Notification.module.css +0 -20
  179. package/src/styles/Pagination.module.css +0 -30
  180. package/src/styles/Select.module.css +0 -39
  181. package/src/vars/Notification.vars.ts +0 -14
  182. package/src/vars/Text.vars.ts +0 -8
@@ -0,0 +1,17 @@
1
+ export declare const AlertTip: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
2
+ component?: any;
3
+ renderRoot?: (props: Record<string, any>) => React.ReactNode;
4
+ }>;
5
+ export declare const AlertSuccess: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
6
+ component?: any;
7
+ renderRoot?: (props: Record<string, any>) => React.ReactNode;
8
+ }>;
9
+ export declare const AlertWarning: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
10
+ component?: any;
11
+ renderRoot?: (props: Record<string, any>) => React.ReactNode;
12
+ }>;
13
+ export declare const AlertCritical: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
14
+ component?: any;
15
+ renderRoot?: (props: Record<string, any>) => React.ReactNode;
16
+ }>;
17
+ //# sourceMappingURL=Alert.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;iDAIixC,MAAO,SAAS;EAJ3tC,CAAC;AAC5F,eAAO,MAAM,YAAY;;iDAG6wC,MAAO,SAAS;EAH9sC,CAAC;AACzG,eAAO,MAAM,YAAY;;iDAE6wC,MAAO,SAAS;EAFhtC,CAAC;AACvG,eAAO,MAAM,aAAa;;iDAC4wC,MAAO,SAAS;EAD7sC,CAAC"}
@@ -0,0 +1,53 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ AlertCritical: function() {
13
+ return AlertCritical;
14
+ },
15
+ AlertSuccess: function() {
16
+ return AlertSuccess;
17
+ },
18
+ AlertTip: function() {
19
+ return AlertTip;
20
+ },
21
+ AlertWarning: function() {
22
+ return AlertWarning;
23
+ }
24
+ });
25
+ var _jsxruntime = require("react/jsx-runtime");
26
+ var _plasmareacticons = require("@coveord/plasma-react-icons");
27
+ var _core = require("@mantine/core");
28
+ var AlertTip = _core.Alert.withProps({
29
+ color: 'gray',
30
+ icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.TipSize16Px, {
31
+ height: 16
32
+ })
33
+ });
34
+ var AlertSuccess = _core.Alert.withProps({
35
+ color: 'success',
36
+ icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CheckmarkSize16Px, {
37
+ height: 16
38
+ })
39
+ });
40
+ var AlertWarning = _core.Alert.withProps({
41
+ color: 'warning',
42
+ icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.WarningSize16Px, {
43
+ height: 16
44
+ })
45
+ });
46
+ var AlertCritical = _core.Alert.withProps({
47
+ color: 'critical',
48
+ icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CriticalSize16Px, {
49
+ height: 16
50
+ })
51
+ });
52
+
53
+ //# sourceMappingURL=Alert.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import {CheckmarkSize16Px, CriticalSize16Px, TipSize16Px, WarningSize16Px} from '@coveord/plasma-react-icons';\nimport {Alert} from '@mantine/core';\n\nexport const AlertTip = Alert.withProps({color: 'gray', icon: <TipSize16Px height={16} />});\nexport const AlertSuccess = Alert.withProps({color: 'success', icon: <CheckmarkSize16Px height={16} />});\nexport const AlertWarning = Alert.withProps({color: 'warning', icon: <WarningSize16Px height={16} />});\nexport const AlertCritical = Alert.withProps({color: 'critical', icon: <CriticalSize16Px height={16} />});\n"],"names":["AlertCritical","AlertSuccess","AlertTip","AlertWarning","Alert","withProps","color","icon","TipSize16Px","height","CheckmarkSize16Px","WarningSize16Px","CriticalSize16Px"],"mappings":";;;;;;;;;;;IAMaA,aAAa;eAAbA;;IAFAC,YAAY;eAAZA;;IADAC,QAAQ;eAARA;;IAEAC,YAAY;eAAZA;;;;gCALmE;oBAC5D;AAEb,IAAMD,WAAWE,WAAK,CAACC,SAAS,CAAC;IAACC,OAAO;IAAQC,oBAAM,qBAACC,6BAAW;QAACC,QAAQ;;AAAM;AAClF,IAAMR,eAAeG,WAAK,CAACC,SAAS,CAAC;IAACC,OAAO;IAAWC,oBAAM,qBAACG,mCAAiB;QAACD,QAAQ;;AAAM;AAC/F,IAAMN,eAAeC,WAAK,CAACC,SAAS,CAAC;IAACC,OAAO;IAAWC,oBAAM,qBAACI,iCAAe;QAACF,QAAQ;;AAAM;AAC7F,IAAMT,gBAAgBI,WAAK,CAACC,SAAS,CAAC;IAACC,OAAO;IAAYC,oBAAM,qBAACK,kCAAgB;QAACH,QAAQ;;AAAM"}
@@ -0,0 +1,2 @@
1
+ export * from './Alert';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ var _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./Alert"), exports);
7
+
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/components/alert/index.ts"],"sourcesContent":["export * from './Alert';\n"],"names":[],"mappings":";;;;;uBAAc"}
@@ -0,0 +1,8 @@
1
+ export declare const BadgePrimary: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
2
+ export declare const BadgeSecondary: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
3
+ export declare const BadgeTertiary: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
4
+ export declare const BadgeInfo: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
5
+ export declare const BadgeRecommended: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
6
+ export declare const BadgeCritical: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
7
+ export declare const BadgeWarning: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
8
+ //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,kHAOqD,MAC5E,YAAY,AARiD,CAAC;AAChE,eAAO,MAAM,cAAc,kHAMmD,MAC5E,YAAY,AAPqD,CAAC;AACpE,eAAO,MAAM,aAAa,kHAKoD,MAC5E,YAAY,AANoD,CAAC;AAEnE,eAAO,MAAM,SAAS,kHAGwD,MAC5E,YAAY,AAJ8C,CAAC;AAC7D,eAAO,MAAM,gBAAgB,kHAEiD,MAC5E,YAAY,AAHuE,CAAC;AACtF,eAAO,MAAM,aAAa,kHACoD,MAC5E,YAAY,AAFqE,CAAC;AACpF,eAAO,MAAM,YAAY,kHAAqD,MAC5E,YAAY,AADmE,CAAC"}
@@ -0,0 +1,60 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ BadgeCritical: function() {
13
+ return BadgeCritical;
14
+ },
15
+ BadgeInfo: function() {
16
+ return BadgeInfo;
17
+ },
18
+ BadgePrimary: function() {
19
+ return BadgePrimary;
20
+ },
21
+ BadgeRecommended: function() {
22
+ return BadgeRecommended;
23
+ },
24
+ BadgeSecondary: function() {
25
+ return BadgeSecondary;
26
+ },
27
+ BadgeTertiary: function() {
28
+ return BadgeTertiary;
29
+ },
30
+ BadgeWarning: function() {
31
+ return BadgeWarning;
32
+ }
33
+ });
34
+ var _core = require("@mantine/core");
35
+ var BadgePrimary = _core.Badge.withProps({
36
+ variant: 'light'
37
+ });
38
+ var BadgeSecondary = _core.Badge.withProps({
39
+ variant: 'outline'
40
+ });
41
+ var BadgeTertiary = _core.Badge.withProps({
42
+ variant: 'default'
43
+ });
44
+ var BadgeInfo = _core.Badge.withProps({
45
+ variant: 'light'
46
+ });
47
+ var BadgeRecommended = _core.Badge.withProps({
48
+ variant: 'light',
49
+ color: 'success'
50
+ });
51
+ var BadgeCritical = _core.Badge.withProps({
52
+ variant: 'light',
53
+ color: 'critical'
54
+ });
55
+ var BadgeWarning = _core.Badge.withProps({
56
+ variant: 'light',
57
+ color: 'warning'
58
+ });
59
+
60
+ //# sourceMappingURL=Badge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import {Badge} from '@mantine/core';\n\nexport const BadgePrimary = Badge.withProps({variant: 'light'});\nexport const BadgeSecondary = Badge.withProps({variant: 'outline'});\nexport const BadgeTertiary = Badge.withProps({variant: 'default'});\n\nexport const BadgeInfo = Badge.withProps({variant: 'light'});\nexport const BadgeRecommended = Badge.withProps({variant: 'light', color: 'success'});\nexport const BadgeCritical = Badge.withProps({variant: 'light', color: 'critical'});\nexport const BadgeWarning = Badge.withProps({variant: 'light', color: 'warning'});\n"],"names":["BadgeCritical","BadgeInfo","BadgePrimary","BadgeRecommended","BadgeSecondary","BadgeTertiary","BadgeWarning","Badge","withProps","variant","color"],"mappings":";;;;;;;;;;;IAQaA,aAAa;eAAbA;;IAFAC,SAAS;eAATA;;IAJAC,YAAY;eAAZA;;IAKAC,gBAAgB;eAAhBA;;IAJAC,cAAc;eAAdA;;IACAC,aAAa;eAAbA;;IAKAC,YAAY;eAAZA;;;oBATO;AAEb,IAAMJ,eAAeK,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;AAAO;AACtD,IAAML,iBAAiBG,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;AAAS;AAC1D,IAAMJ,gBAAgBE,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;AAAS;AAEzD,IAAMR,YAAYM,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;AAAO;AACnD,IAAMN,mBAAmBI,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;IAASC,OAAO;AAAS;AAC5E,IAAMV,gBAAgBO,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;IAASC,OAAO;AAAU;AAC1E,IAAMJ,eAAeC,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;IAASC,OAAO;AAAS"}
@@ -0,0 +1,2 @@
1
+ export * from './Badge';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ var _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./Badge"), exports);
7
+
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/components/badge/index.ts"],"sourcesContent":["export * from './Badge';\n"],"names":[],"mappings":";;;;;uBAAc"}
@@ -2,7 +2,7 @@
2
2
  box-shadow: var(--mantine-shadow-md);
3
3
  border-radius: var(--mantine-radius-default);
4
4
  border: 1px solid;
5
- border-color: var(--mantine-color-gray-3);
5
+ border-color: var(--mantine-color-default-border);
6
6
  flex: 1;
7
7
  }
8
8
 
@@ -45,4 +45,9 @@ export declare const Button: (<C = "button">(props: import("@mantine/core").Poly
45
45
  }> & {
46
46
  Group: typeof ButtonGroup;
47
47
  };
48
+ export declare const ButtonPrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
49
+ export declare const ButtonSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
50
+ export declare const ButtonTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
51
+ export declare const ButtonDestructive: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
52
+ export declare const ButtonDestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
48
53
  //# sourceMappingURL=Button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,kBAAkB,EAClB,KAAK,WAAW,EAChB,WAAW,IAAI,kBAAkB,EACjC,iBAAiB,EACjB,aAAa,EAGhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,6BAA6B,CAAC;AAEtG,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,8BAA8B;IAEnF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,MAAM,+FANH,MAAO,YAChB;;;;;;eAO2G,MAC1G,WACR;;;WAfW,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WADU,OAAO,WAAW;CA6BhC,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,kBAAkB,EAClB,KAAK,WAAW,EAChB,WAAW,IAAI,kBAAkB,EACjC,iBAAiB,EACjB,aAAa,EAGhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,6BAA6B,CAAC;AAEtG,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,8BAA8B;IAEnF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,MAAM,+FANH,MAAO,YAChB;;;;;;eAO2G,MAC1G,WACR;;;WAfW,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WADU,OAAO,WAAW;CA6BhC,CAAC;AAGF,eAAO,MAAM,aAAa,8FA5CF,MAAM,YA4CoC,CAAC;AACnE,eAAO,MAAM,eAAe,8FA7CJ,MAAM,YA6CqC,CAAC;AACpE,eAAO,MAAM,cAAc,8FA9CH,MAAM,YA8CqC,CAAC;AACpE,eAAO,MAAM,iBAAiB,8FA/CN,MAAM,YA+C6E,CAAC;AAC5G,eAAO,MAAM,0BAA0B,8FAhDf,MAAM,YAgDqF,CAAC"}
@@ -2,10 +2,30 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- Object.defineProperty(exports, "Button", {
6
- enumerable: true,
7
- get: function() {
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ Button: function() {
8
13
  return Button;
14
+ },
15
+ ButtonDestructive: function() {
16
+ return ButtonDestructive;
17
+ },
18
+ ButtonDestructiveSecondary: function() {
19
+ return ButtonDestructiveSecondary;
20
+ },
21
+ ButtonPrimary: function() {
22
+ return ButtonPrimary;
23
+ },
24
+ ButtonSecondary: function() {
25
+ return ButtonSecondary;
26
+ },
27
+ ButtonTertiary: function() {
28
+ return ButtonTertiary;
9
29
  }
10
30
  });
11
31
  var _object_spread = require("@swc/helpers/_/_object_spread");
@@ -44,5 +64,22 @@ var Button = (0, _core.polymorphicFactory)(function(_param, ref) {
44
64
  });
45
65
  });
46
66
  Button.Group = _core.Button.Group;
67
+ var ButtonPrimary = Button.withProps({
68
+ variant: 'filled'
69
+ });
70
+ var ButtonSecondary = Button.withProps({
71
+ variant: 'light'
72
+ });
73
+ var ButtonTertiary = Button.withProps({
74
+ variant: 'subtle'
75
+ });
76
+ var ButtonDestructive = Button.withProps({
77
+ variant: 'filled',
78
+ color: 'var(--mantine-color-error)'
79
+ });
80
+ var ButtonDestructiveSecondary = Button.withProps({
81
+ variant: 'light',
82
+ color: 'var(--mantine-color-error)'
83
+ });
47
84
 
48
85
  //# sourceMappingURL=Button.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n Button as MantineButton,\n ButtonCssVariables,\n type ButtonGroup,\n ButtonProps as MantineButtonProps,\n ButtonStylesNames,\n ButtonVariant,\n Factory,\n polymorphicFactory,\n} from '@mantine/core';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n /* Handler executed on click */\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n props: ButtonProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: ButtonStylesNames;\n vars: ButtonCssVariables;\n variant: ButtonVariant;\n staticComponents: {\n Group: typeof ButtonGroup;\n };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n (\n {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n ref,\n ) => {\n const {isLoading, handleClick} = useClickWithLoading(onClick);\n return (\n <ButtonWithDisabledTooltip\n disabled={disabled || dataDisabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n fullWidth={others.fullWidth}\n >\n <MantineButton\n loaderProps={{variant: 'oval'}}\n ref={ref}\n loading={isLoading || loading}\n onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n disabled={disabled || dataDisabled}\n data-loading={isLoading || loading || undefined}\n {...others}\n />\n </ButtonWithDisabledTooltip>\n );\n },\n);\nButton.Group = MantineButton.Group;\n"],"names":["Button","polymorphicFactory","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineButton","loaderProps","variant","e","preventDefault","data-loading","undefined","Group"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;;;oBAtBN;mCAE2B;yCACsC;AAmBjE,IAAMA,SAASC,IAAAA,wBAAkB,EACpC,iBAEIC;QADCC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAS,AAAiBC,sBAAjB,kBAAkCC;QAArGN;QAAiBC;QAAUC;QAAsBC;QAASC;QAAS;;IAGpE,IAAiCG,wBAAAA,IAAAA,wCAAmB,EAACH,UAA9CI,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBT,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBS,WAAWL,OAAOK,SAAS;kBAE3B,cAAA,qBAACC,YAAa;YACVC,aAAa;gBAACC,SAAS;YAAM;YAC7Bf,KAAKA;YACLI,SAASK,aAAaL;YACtBC,SAASC,eAAe,SAACU;uBAAMA,EAAEC,cAAc;gBAAKP;YACpDR,UAAUA,YAAYI;YACtBY,gBAAcT,aAAaL,WAAWe;WAClCZ;;AAIpB;AAEJT,OAAOsB,KAAK,GAAGP,YAAa,CAACO,KAAK"}
1
+ {"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n Button as MantineButton,\n ButtonCssVariables,\n type ButtonGroup,\n ButtonProps as MantineButtonProps,\n ButtonStylesNames,\n ButtonVariant,\n Factory,\n polymorphicFactory,\n} from '@mantine/core';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n /* Handler executed on click */\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n props: ButtonProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: ButtonStylesNames;\n vars: ButtonCssVariables;\n variant: ButtonVariant;\n staticComponents: {\n Group: typeof ButtonGroup;\n };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n (\n {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n ref,\n ) => {\n const {isLoading, handleClick} = useClickWithLoading(onClick);\n return (\n <ButtonWithDisabledTooltip\n disabled={disabled || dataDisabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n fullWidth={others.fullWidth}\n >\n <MantineButton\n loaderProps={{variant: 'oval'}}\n ref={ref}\n loading={isLoading || loading}\n onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n disabled={disabled || dataDisabled}\n data-loading={isLoading || loading || undefined}\n {...others}\n />\n </ButtonWithDisabledTooltip>\n );\n },\n);\nButton.Group = MantineButton.Group;\n\nexport const ButtonPrimary = Button.withProps({variant: 'filled'});\nexport const ButtonSecondary = Button.withProps({variant: 'light'});\nexport const ButtonTertiary = Button.withProps({variant: 'subtle'});\nexport const ButtonDestructive = Button.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nexport const ButtonDestructiveSecondary = Button.withProps({variant: 'light', color: 'var(--mantine-color-error)'});\n"],"names":["Button","ButtonDestructive","ButtonDestructiveSecondary","ButtonPrimary","ButtonSecondary","ButtonTertiary","polymorphicFactory","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineButton","loaderProps","variant","e","preventDefault","data-loading","undefined","Group","withProps","color"],"mappings":";;;;;;;;;;;IA+BaA,MAAM;eAANA;;IA+BAC,iBAAiB;eAAjBA;;IACAC,0BAA0B;eAA1BA;;IAJAC,aAAa;eAAbA;;IACAC,eAAe;eAAfA;;IACAC,cAAc;eAAdA;;;;;;oBApDN;mCAE2B;yCACsC;AAmBjE,IAAML,SAASM,IAAAA,wBAAkB,EACpC,iBAEIC;QADCC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAS,AAAiBC,sBAAjB,kBAAkCC;QAArGN;QAAiBC;QAAUC;QAAsBC;QAASC;QAAS;;IAGpE,IAAiCG,wBAAAA,IAAAA,wCAAmB,EAACH,UAA9CI,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBT,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBS,WAAWL,OAAOK,SAAS;kBAE3B,cAAA,qBAACC,YAAa;YACVC,aAAa;gBAACC,SAAS;YAAM;YAC7Bf,KAAKA;YACLI,SAASK,aAAaL;YACtBC,SAASC,eAAe,SAACU;uBAAMA,EAAEC,cAAc;gBAAKP;YACpDR,UAAUA,YAAYI;YACtBY,gBAAcT,aAAaL,WAAWe;WAClCZ;;AAIpB;AAEJd,OAAO2B,KAAK,GAAGP,YAAa,CAACO,KAAK;AAE3B,IAAMxB,gBAAgBH,OAAO4B,SAAS,CAAC;IAACN,SAAS;AAAQ;AACzD,IAAMlB,kBAAkBJ,OAAO4B,SAAS,CAAC;IAACN,SAAS;AAAO;AAC1D,IAAMjB,iBAAiBL,OAAO4B,SAAS,CAAC;IAACN,SAAS;AAAQ;AAC1D,IAAMrB,oBAAoBD,OAAO4B,SAAS,CAAC;IAACN,SAAS;IAAUO,OAAO;AAA4B;AAClG,IAAM3B,6BAA6BF,OAAO4B,SAAS,CAAC;IAACN,SAAS;IAASO,OAAO;AAA4B"}
@@ -5,18 +5,13 @@
5
5
  }
6
6
 
7
7
  & .description {
8
- color: var(--mantine-color-gray-6);
8
+ color: var(--mantine-color-dimmed);
9
9
  font-weight: 300;
10
10
  }
11
11
  }
12
12
 
13
13
  .title {
14
14
  word-break: break-word;
15
-
16
- &[data-variant='primary'] {
17
- color: var(--mantine-color-gray-5);
18
- }
19
-
20
15
  line-height: var(--mantine-line-height-md);
21
16
  }
22
17
 
@@ -31,5 +26,5 @@
31
26
  }
32
27
 
33
28
  .breadcrumbsSeparator {
34
- color: var(--mantine-color-gray-5);
29
+ color: var(--mantine-color-dimmed);
35
30
  }
@@ -1,4 +1,6 @@
1
1
  export * from './action-icon';
2
+ export * from './alert';
3
+ export * from './badge';
2
4
  export * from './blank-slate';
3
5
  export * from './browser-preview';
4
6
  export * from './button';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  var _export_star = require("@swc/helpers/_/_export_star");
6
6
  _export_star._(require("./action-icon"), exports);
7
+ _export_star._(require("./alert"), exports);
8
+ _export_star._(require("./badge"), exports);
7
9
  _export_star._(require("./blank-slate"), exports);
8
10
  _export_star._(require("./browser-preview"), exports);
9
11
  _export_star._(require("./button"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
1
+ {"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './alert';\nexport * from './badge';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
@@ -87,7 +87,7 @@ var Prompt = (0, _core.factory)(function(_props, ref) {
87
87
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Modal.Root, _object_spread_props._(_object_spread._({
88
88
  ref: ref,
89
89
  variant: "prompt",
90
- size: "sm"
90
+ size: "lg"
91
91
  }, others, getStyles('root')), {
92
92
  children: [
93
93
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Modal.Overlay, _object_spread._({}, getStyles('overlay', stylesApiProps))),
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n Box,\n createVarsResolver,\n factory,\n Factory,\n Image,\n Modal,\n ModalRootProps,\n ModalStylesNames,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport Critical from './icons/critical.svg';\nimport Info from './icons/info.svg';\nimport Success from './icons/success.svg';\nimport Warning from './icons/warning.svg';\nimport {PromptContextProvider} from './Prompt.context';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\nimport {PromptFooter} from './PromptFooter';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n | ModalStylesNames\n | 'icon'\n | PromptCancelButtonStylesNamesVariant\n | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n extends StylesApiProps<PromptFactory>,\n Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n /**\n * Controls prompt appearance\n *\n * @default \"info\"\n */\n variant?: PromptVariant;\n children: ReactNode;\n title: ReactNode;\n icon?: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n props: PromptProps;\n ref: HTMLDivElement;\n vars: PromptVars;\n variant: PromptVariant;\n stylesNames: PromptStylesNames;\n staticComponents: {\n CancelButton: typeof PromptCancelButton;\n ConfirmButton: typeof PromptConfirmButton;\n Footer: typeof PromptFooter;\n };\n}>;\n\nconst PROMPT_VARIANT_ICONS_SRC: Record<PromptVariant, string> = {\n success: Success,\n warning: Warning,\n critical: Critical,\n info: Info,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n variant: 'info',\n centered: true,\n};\n\nconst varsResolver = createVarsResolver<PromptFactory>((_theme, {icon}) => ({\n root: {\n '--prompt-icon-size': icon ? undefined : '88px',\n },\n}));\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n const props = useProps('Prompt', defaultProps, _props);\n const {variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n const getStyles = useStyles<PromptFactory>({\n name: 'Prompt',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n const stylesApiProps = {classNames, styles};\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n\n const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n return (\n <PromptContextProvider value={{variant, getStyles}}>\n <Modal.Root ref={ref} variant=\"prompt\" size=\"sm\" {...others} {...getStyles('root')}>\n <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n <Modal.Content {...getStyles('content', stylesApiProps)}>\n <Modal.Header {...getStyles('header', stylesApiProps)}>\n {icon || icon === null ? (\n icon\n ) : (\n <Image\n alt=\"\"\n role=\"presentation\"\n {...getStyles('icon', stylesApiProps)}\n src={PROMPT_VARIANT_ICONS_SRC[variant]}\n />\n )}\n <Modal.Title {...getStyles('title', stylesApiProps)}>{title}</Modal.Title>\n <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n </Modal.Header>\n <Modal.Body {...getStyles('body', stylesApiProps)}>\n <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n </Modal.Body>\n {footer}\n </Modal.Content>\n </Modal.Root>\n </PromptContextProvider>\n );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","PROMPT_VARIANT_ICONS_SRC","success","Success","warning","Warning","critical","Critical","info","Info","defaultProps","variant","centered","varsResolver","createVarsResolver","_theme","icon","root","undefined","factory","_props","ref","props","useProps","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","PromptContextProvider","value","Modal","Root","size","Overlay","Content","Header","Image","alt","role","src","Title","CloseButton","Body","Box","CancelButton","PromptCancelButton","ConfirmButton","PromptConfirmButton","Footer"],"mappings":";;;;+BA6EaA;;;eAAAA;;;;;;;;oBAjEN;qBACyC;oEAC3B;gEACJ;mEACG;mEACA;6BACgB;wEAChB;kCACmD;mCACE;4BAC9C;AAqC3B,IAAMC,2BAA0D;IAC5DC,SAASC,mBAAO;IAChBC,SAASC,mBAAO;IAChBC,UAAUC,oBAAQ;IAClBC,MAAMC,gBAAI;AACd;AAEA,IAAMC,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,IAAMC,eAAeC,IAAAA,wBAAkB,EAAgB,SAACC;QAASC,aAAAA;WAAW;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ;;AAEO,IAAMlB,SAASmB,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,UAAUb,cAAcU;IAC/C,IAAOT,UAAmGW,MAAnGX,SAASa,QAA0FF,MAA1FE,OAAOR,OAAmFM,MAAnFN,MAAMS,WAA6EH,MAA7EG,UAAUC,YAAmEJ,MAAnEI,WAAWC,aAAwDL,MAAxDK,YAAYC,QAA4CN,MAA5CM,OAAOC,SAAqCP,MAArCO,QAAQC,WAA6BR,MAA7BQ,UAAUC,OAAmBT,MAAnBS,MAASC,sCAAUV;QAAnGX;QAASa;QAAOR;QAAMS;QAAUC;QAAWC;QAAYC;QAAOC;QAAQC;QAAUC;;IACvF,IAAME,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNb,OAAAA;QACAc,SAAAA,wBAAO;QACPV,WAAAA;QACAE,OAAAA;QACAD,YAAAA;QACAE,QAAAA;QACAC,UAAAA;QACAC,MAAAA;QACAlB,cAAAA;IACJ;IACA,IAAMwB,iBAAiB;QAACV,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,IAAMS,oBAAoBC,eAAQ,CAACC,OAAO,CAACf;IAE3C,IAAMgB,gBAAgBH,kBAAkBI,MAAM,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IACrF,IAAMC,SAASR,kBAAkBS,IAAI,CAAC,SAACJ;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IAE5E,qBACI,qBAACG,oCAAqB;QAACC,OAAO;YAACtC,SAAAA;YAASsB,WAAAA;QAAS;kBAC7C,cAAA,sBAACiB,WAAK,CAACC,IAAI;YAAC9B,KAAKA;YAAKV,SAAQ;YAASyC,MAAK;WAASpB,QAAYC,UAAU;;8BACvE,qBAACiB,WAAK,CAACG,OAAO,uBAAKpB,UAAU,WAAWI;8BACxC,sBAACa,WAAK,CAACI,OAAO,8CAAKrB,UAAU,WAAWI;;sCACpC,sBAACa,WAAK,CAACK,MAAM,8CAAKtB,UAAU,UAAUI;;gCACjCrB,QAAQA,SAAS,OACdA,qBAEA,qBAACwC,WAAK;oCACFC,KAAI;oCACJC,MAAK;mCACDzB,UAAU,QAAQI;oCACtBsB,KAAK1D,wBAAwB,CAACU,QAAQ;;8CAG9C,qBAACuC,WAAK,CAACU,KAAK,8CAAK3B,UAAU,SAASI;8CAAkBb;;8CACtD,qBAAC0B,WAAK,CAACW,WAAW,uBAAK5B,UAAU,SAASI;;;sCAE9C,qBAACa,WAAK,CAACY,IAAI,8CAAK7B,UAAU,QAAQI;sCAC9B,cAAA,qBAAC0B,SAAG,8CAAK9B,UAAU,SAASI;0CAAkBI;;;wBAEjDK;;;;;;AAKrB;AAEA9C,OAAOgE,YAAY,GAAGC,sCAAkB;AACxCjE,OAAOkE,aAAa,GAAGC,wCAAmB;AAC1CnE,OAAOoE,MAAM,GAAGvB,0BAAY"}
1
+ {"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n Box,\n createVarsResolver,\n factory,\n Factory,\n Image,\n Modal,\n ModalRootProps,\n ModalStylesNames,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport Critical from './icons/critical.svg';\nimport Info from './icons/info.svg';\nimport Success from './icons/success.svg';\nimport Warning from './icons/warning.svg';\nimport {PromptContextProvider} from './Prompt.context';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\nimport {PromptFooter} from './PromptFooter';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n | ModalStylesNames\n | 'icon'\n | PromptCancelButtonStylesNamesVariant\n | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n extends StylesApiProps<PromptFactory>,\n Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n /**\n * Controls prompt appearance\n *\n * @default \"info\"\n */\n variant?: PromptVariant;\n children: ReactNode;\n title: ReactNode;\n icon?: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n props: PromptProps;\n ref: HTMLDivElement;\n vars: PromptVars;\n variant: PromptVariant;\n stylesNames: PromptStylesNames;\n staticComponents: {\n CancelButton: typeof PromptCancelButton;\n ConfirmButton: typeof PromptConfirmButton;\n Footer: typeof PromptFooter;\n };\n}>;\n\nconst PROMPT_VARIANT_ICONS_SRC: Record<PromptVariant, string> = {\n success: Success,\n warning: Warning,\n critical: Critical,\n info: Info,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n variant: 'info',\n centered: true,\n};\n\nconst varsResolver = createVarsResolver<PromptFactory>((_theme, {icon}) => ({\n root: {\n '--prompt-icon-size': icon ? undefined : '88px',\n },\n}));\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n const props = useProps('Prompt', defaultProps, _props);\n const {variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n const getStyles = useStyles<PromptFactory>({\n name: 'Prompt',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n const stylesApiProps = {classNames, styles};\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n\n const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n return (\n <PromptContextProvider value={{variant, getStyles}}>\n <Modal.Root ref={ref} variant=\"prompt\" size=\"lg\" {...others} {...getStyles('root')}>\n <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n <Modal.Content {...getStyles('content', stylesApiProps)}>\n <Modal.Header {...getStyles('header', stylesApiProps)}>\n {icon || icon === null ? (\n icon\n ) : (\n <Image\n alt=\"\"\n role=\"presentation\"\n {...getStyles('icon', stylesApiProps)}\n src={PROMPT_VARIANT_ICONS_SRC[variant]}\n />\n )}\n <Modal.Title {...getStyles('title', stylesApiProps)}>{title}</Modal.Title>\n <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n </Modal.Header>\n <Modal.Body {...getStyles('body', stylesApiProps)}>\n <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n </Modal.Body>\n {footer}\n </Modal.Content>\n </Modal.Root>\n </PromptContextProvider>\n );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","PROMPT_VARIANT_ICONS_SRC","success","Success","warning","Warning","critical","Critical","info","Info","defaultProps","variant","centered","varsResolver","createVarsResolver","_theme","icon","root","undefined","factory","_props","ref","props","useProps","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","PromptContextProvider","value","Modal","Root","size","Overlay","Content","Header","Image","alt","role","src","Title","CloseButton","Body","Box","CancelButton","PromptCancelButton","ConfirmButton","PromptConfirmButton","Footer"],"mappings":";;;;+BA6EaA;;;eAAAA;;;;;;;;oBAjEN;qBACyC;oEAC3B;gEACJ;mEACG;mEACA;6BACgB;wEAChB;kCACmD;mCACE;4BAC9C;AAqC3B,IAAMC,2BAA0D;IAC5DC,SAASC,mBAAO;IAChBC,SAASC,mBAAO;IAChBC,UAAUC,oBAAQ;IAClBC,MAAMC,gBAAI;AACd;AAEA,IAAMC,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,IAAMC,eAAeC,IAAAA,wBAAkB,EAAgB,SAACC;QAASC,aAAAA;WAAW;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ;;AAEO,IAAMlB,SAASmB,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,UAAUb,cAAcU;IAC/C,IAAOT,UAAmGW,MAAnGX,SAASa,QAA0FF,MAA1FE,OAAOR,OAAmFM,MAAnFN,MAAMS,WAA6EH,MAA7EG,UAAUC,YAAmEJ,MAAnEI,WAAWC,aAAwDL,MAAxDK,YAAYC,QAA4CN,MAA5CM,OAAOC,SAAqCP,MAArCO,QAAQC,WAA6BR,MAA7BQ,UAAUC,OAAmBT,MAAnBS,MAASC,sCAAUV;QAAnGX;QAASa;QAAOR;QAAMS;QAAUC;QAAWC;QAAYC;QAAOC;QAAQC;QAAUC;;IACvF,IAAME,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNb,OAAAA;QACAc,SAAAA,wBAAO;QACPV,WAAAA;QACAE,OAAAA;QACAD,YAAAA;QACAE,QAAAA;QACAC,UAAAA;QACAC,MAAAA;QACAlB,cAAAA;IACJ;IACA,IAAMwB,iBAAiB;QAACV,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,IAAMS,oBAAoBC,eAAQ,CAACC,OAAO,CAACf;IAE3C,IAAMgB,gBAAgBH,kBAAkBI,MAAM,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IACrF,IAAMC,SAASR,kBAAkBS,IAAI,CAAC,SAACJ;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IAE5E,qBACI,qBAACG,oCAAqB;QAACC,OAAO;YAACtC,SAAAA;YAASsB,WAAAA;QAAS;kBAC7C,cAAA,sBAACiB,WAAK,CAACC,IAAI;YAAC9B,KAAKA;YAAKV,SAAQ;YAASyC,MAAK;WAASpB,QAAYC,UAAU;;8BACvE,qBAACiB,WAAK,CAACG,OAAO,uBAAKpB,UAAU,WAAWI;8BACxC,sBAACa,WAAK,CAACI,OAAO,8CAAKrB,UAAU,WAAWI;;sCACpC,sBAACa,WAAK,CAACK,MAAM,8CAAKtB,UAAU,UAAUI;;gCACjCrB,QAAQA,SAAS,OACdA,qBAEA,qBAACwC,WAAK;oCACFC,KAAI;oCACJC,MAAK;mCACDzB,UAAU,QAAQI;oCACtBsB,KAAK1D,wBAAwB,CAACU,QAAQ;;8CAG9C,qBAACuC,WAAK,CAACU,KAAK,8CAAK3B,UAAU,SAASI;8CAAkBb;;8CACtD,qBAAC0B,WAAK,CAACW,WAAW,uBAAK5B,UAAU,SAASI;;;sCAE9C,qBAACa,WAAK,CAACY,IAAI,8CAAK7B,UAAU,QAAQI;sCAC9B,cAAA,qBAAC0B,SAAG,8CAAK9B,UAAU,SAASI;0CAAkBI;;;wBAEjDK;;;;;;AAKrB;AAEA9C,OAAOgE,YAAY,GAAGC,sCAAkB;AACxCjE,OAAOkE,aAAa,GAAGC,wCAAmB;AAC1CnE,OAAOoE,MAAM,GAAGvB,0BAAY"}
@@ -1,14 +1,9 @@
1
1
  .root {
2
- --prompt-icon-size: 88px;
3
-
4
- .header {
5
- border-bottom: none;
6
- align-items: center;
7
- }
2
+ --prompt-icon-size: 68px;
8
3
 
9
4
  .body {
10
5
  padding: 0 var(--mantine-spacing-lg) var(--mantine-spacing-lg)
11
- calc(var(--prompt-icon-size) + (2 * var(--mantine-spacing-lg)));
6
+ calc(var(--prompt-icon-size) + var(--mantine-spacing-md) + var(--mantine-spacing-lg));
12
7
  }
13
8
  }
14
9
 
@@ -18,18 +13,12 @@
18
13
  }
19
14
 
20
15
  .header {
21
- gap: var(--mantine-spacing-lg);
16
+ gap: var(--mantine-spacing-md);
22
17
  width: 100%;
23
- font-size: var(--mantine-h3-font-size);
24
- line-height: var(--mantine-h3-line-height);
25
18
  overflow-wrap: anywhere;
26
19
  padding: var(--mantine-spacing-lg) var(--mantine-spacing-md) var(--mantine-spacing-xs) var(--mantine-spacing-lg);
27
20
  }
28
21
 
29
- .close {
30
- align-self: flex-start;
31
- }
32
-
33
22
  .inner {
34
- color: var(--mantine-color-gray-7);
23
+ color: var(--mantine-color-dimmed);
35
24
  }
@@ -15,10 +15,10 @@ var _core = require("@mantine/core");
15
15
  var _Button = require("../button/Button");
16
16
  var _Promptcontext = require("./Prompt.context");
17
17
  var COLOR_BY_VARIANT = {
18
- success: 'action',
19
- info: 'action',
20
- warning: 'critical',
21
- critical: 'critical'
18
+ success: 'var(--mantine-primary-color-filled)',
19
+ info: 'var(--mantine-primary-color-filled)',
20
+ warning: 'var(--mantine-color-error)',
21
+ critical: 'var(--mantine-color-error)'
22
22
  };
23
23
  var defaultProps = {};
24
24
  var PromptConfirmButton = (0, _core.factory)(function(_props, ref) {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, ButtonProps} from '../button/Button';\nimport {PromptVariant} from './Prompt';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n props: PromptConfirmButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptConfirmButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst COLOR_BY_VARIANT: Record<PromptVariant, string> = {\n success: 'action',\n info: 'action',\n warning: 'critical',\n critical: 'critical',\n};\n\nconst defaultProps: Partial<PromptConfirmButtonProps> = {};\n\nexport const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {\n const {variant, getStyles} = usePromptContext();\n const props = useProps('PromptConfirmButton', defaultProps, _props);\n const {\n className,\n classNames,\n style,\n styles,\n unstyled,\n vars,\n disabled,\n disabledTooltip,\n disabledTooltipProps,\n ...others\n } = props;\n\n return (\n <Button\n ref={ref}\n variant=\"filled\"\n color={COLOR_BY_VARIANT[variant]}\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n {...others}\n {...getStyles('confirm', {style, styles, className, classNames})}\n />\n );\n});\n"],"names":["PromptConfirmButton","COLOR_BY_VARIANT","success","info","warning","critical","defaultProps","factory","_props","ref","usePromptContext","variant","getStyles","props","useProps","className","classNames","style","styles","unstyled","vars","disabled","disabledTooltip","disabledTooltipProps","others","Button","color"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;oBA3BoD;sBAC/B;6BAEH;AAe/B,IAAMC,mBAAkD;IACpDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,UAAU;AACd;AAEA,IAAMC,eAAkD,CAAC;AAElD,IAAMN,sBAAsBO,IAAAA,aAAO,EAA6B,SAACC,QAAQC;IAC5E,IAA6BC,oBAAAA,IAAAA,+BAAgB,KAAtCC,UAAsBD,kBAAtBC,SAASC,YAAaF,kBAAbE;IAChB,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBR,cAAcE;IAC5D,IACIO,YAUAF,MAVAE,WACAC,aASAH,MATAG,YACAC,QAQAJ,MARAI,OACAC,SAOAL,MAPAK,QACAC,WAMAN,MANAM,UACAC,OAKAP,MALAO,MACAC,WAIAR,MAJAQ,UACAC,kBAGAT,MAHAS,iBACAC,uBAEAV,MAFAU,sBACGC,sCACHX;QAVAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAIJ,qBACI,qBAACE,cAAM;QACHhB,KAAKA;QACLE,SAAQ;QACRe,OAAOzB,gBAAgB,CAACU,QAAQ;QAChCU,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;OAClBC,QACAZ,UAAU,WAAW;QAACK,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAG1E"}
1
+ {"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, ButtonProps} from '../button/Button';\nimport {PromptVariant} from './Prompt';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n props: PromptConfirmButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptConfirmButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst COLOR_BY_VARIANT: Record<PromptVariant, string> = {\n success: 'var(--mantine-primary-color-filled)',\n info: 'var(--mantine-primary-color-filled)',\n warning: 'var(--mantine-color-error)',\n critical: 'var(--mantine-color-error)',\n};\n\nconst defaultProps: Partial<PromptConfirmButtonProps> = {};\n\nexport const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {\n const {variant, getStyles} = usePromptContext();\n const props = useProps('PromptConfirmButton', defaultProps, _props);\n const {\n className,\n classNames,\n style,\n styles,\n unstyled,\n vars,\n disabled,\n disabledTooltip,\n disabledTooltipProps,\n ...others\n } = props;\n\n return (\n <Button\n ref={ref}\n variant=\"filled\"\n color={COLOR_BY_VARIANT[variant]}\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n {...others}\n {...getStyles('confirm', {style, styles, className, classNames})}\n />\n );\n});\n"],"names":["PromptConfirmButton","COLOR_BY_VARIANT","success","info","warning","critical","defaultProps","factory","_props","ref","usePromptContext","variant","getStyles","props","useProps","className","classNames","style","styles","unstyled","vars","disabled","disabledTooltip","disabledTooltipProps","others","Button","color"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;oBA3BoD;sBAC/B;6BAEH;AAe/B,IAAMC,mBAAkD;IACpDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,UAAU;AACd;AAEA,IAAMC,eAAkD,CAAC;AAElD,IAAMN,sBAAsBO,IAAAA,aAAO,EAA6B,SAACC,QAAQC;IAC5E,IAA6BC,oBAAAA,IAAAA,+BAAgB,KAAtCC,UAAsBD,kBAAtBC,SAASC,YAAaF,kBAAbE;IAChB,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBR,cAAcE;IAC5D,IACIO,YAUAF,MAVAE,WACAC,aASAH,MATAG,YACAC,QAQAJ,MARAI,OACAC,SAOAL,MAPAK,QACAC,WAMAN,MANAM,UACAC,OAKAP,MALAO,MACAC,WAIAR,MAJAQ,UACAC,kBAGAT,MAHAS,iBACAC,uBAEAV,MAFAU,sBACGC,sCACHX;QAVAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAIJ,qBACI,qBAACE,cAAM;QACHhB,KAAKA;QACLE,SAAQ;QACRe,OAAOzB,gBAAgB,CAACU,QAAQ;QAChCU,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;OAClBC,QACAZ,UAAU,WAAW;QAACK,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAG1E"}
@@ -2,11 +2,11 @@
2
2
  position: sticky;
3
3
  bottom: 0;
4
4
  z-index: 10;
5
- background-color: white;
5
+ background-color: var(--mantine-color-body);
6
6
  padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
7
7
 
8
8
  &[data-variant='modal-footer'] {
9
- border-top: 1px solid var(--mantine-color-gray-3);
9
+ border-top: 1px solid var(--mantine-color-default-border);
10
10
  padding-bottom: 0;
11
11
  margin: var(--mb-padding) calc(-1 * var(--mb-padding)) calc(var(--mantine-spacing-md) - var(--mb-padding))
12
12
  calc(-1 * var(--mb-padding));
@@ -14,5 +14,5 @@
14
14
  }
15
15
 
16
16
  .border {
17
- border-top: 1px solid var(--mantine-color-gray-3);
17
+ border-top: 1px solid var(--mantine-color-default-border);
18
18
  }
@@ -1,35 +1,10 @@
1
1
  .root {
2
- padding: var(--mantine-spacing-sm);
3
-
4
2
  &:not(&[data-variant]) {
3
+ /* TODO: Plasma Reset, validate if we need the border */
5
4
  border-color: color-mix(in srgb, var(--alert-color), var(--alert-bg) 85%);
6
5
  }
7
6
  }
8
7
 
9
- .wrapper {
10
- gap: var(--mantine-spacing-sm);
11
- }
12
-
13
8
  .title {
14
9
  font-weight: 500;
15
10
  }
16
-
17
- .icon {
18
- width: 16px;
19
- height: 16px;
20
- margin-right: 0;
21
- }
22
-
23
- .message {
24
- @mixin light {
25
- color: var(--mantine-color-gray-7);
26
-
27
- &:where([data-variant='filled']) {
28
- color: var(--alert-color);
29
- }
30
- }
31
-
32
- &:where([data-variant='white']) {
33
- color: var(--mantine-color-black);
34
- }
35
- }
@@ -1,5 +1,3 @@
1
1
  .root {
2
- text-transform: none;
3
- padding: var(--mantine-spacing-xxs) var(--mantine-spacing-xs);
4
2
  font-weight: 500;
5
3
  }
@@ -1,20 +1,3 @@
1
1
  .label {
2
- font-size: var(--mantine-font-size-sm);
3
2
  font-weight: 300;
4
3
  }
5
-
6
- .input {
7
- &[data-indeterminate] {
8
- background-color: var(--mantine-color-pureWhite);
9
- border-color: var(--mantine-color-gray-4);
10
-
11
- & + svg {
12
- color: var(--mantine-color-gray-6);
13
- }
14
- }
15
-
16
- &[readonly] {
17
- background-color: var(--mantine-color-gray-2);
18
- border-color: var(--mantine-color-gray-2);
19
- }
20
- }
@@ -1,9 +1,10 @@
1
+ /* TODO: Plasma Reset, validate if we need the custom style for the search */
1
2
  .search {
2
3
  margin: 0 0 var(--mantine-spacing-xs);
3
- border-radius: var(--mantine-radius-md);
4
+ border-radius: var(--mantine-radius-default);
4
5
  border: 1px solid;
5
6
  width: 100%;
6
- border-color: var(--mantine-color-gray-4);
7
+ border-color: var(--mantine-color-default-border);
7
8
 
8
9
  &:focus {
9
10
  border-color: var(--mantine-primary-color-filled);
@@ -1,16 +1,7 @@
1
- .label {
2
- margin-bottom: var(--mantine-spacing-xs);
3
- }
4
-
5
1
  .description {
6
- font-size: var(--mantine-font-size-sm);
7
- color: var(--mantine-color-gray-7);
8
- margin-bottom: var(--mantine-spacing-xs);
9
- line-height: var(--mantine-line-height);
10
2
  font-weight: 300;
11
3
  }
12
4
 
13
5
  .error {
14
- line-height: var(--mantine-line-height);
15
6
  font-weight: 300;
16
7
  }