@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
@@ -23,5 +23,22 @@ export const Button = polymorphicFactory(({ disabledTooltip, disabled, disabledT
23
23
  });
24
24
  });
25
25
  Button.Group = MantineButton.Group;
26
+ export const ButtonPrimary = Button.withProps({
27
+ variant: 'filled'
28
+ });
29
+ export const ButtonSecondary = Button.withProps({
30
+ variant: 'light'
31
+ });
32
+ export const ButtonTertiary = Button.withProps({
33
+ variant: 'subtle'
34
+ });
35
+ export const ButtonDestructive = Button.withProps({
36
+ variant: 'filled',
37
+ color: 'var(--mantine-color-error)'
38
+ });
39
+ export const ButtonDestructiveSecondary = Button.withProps({
40
+ variant: 'light',
41
+ color: 'var(--mantine-color-error)'
42
+ });
26
43
 
27
44
  //# 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","MantineButton","polymorphicFactory","useClickWithLoading","ButtonWithDisabledTooltip","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","ref","isLoading","handleClick","fullWidth","loaderProps","variant","e","preventDefault","data-loading","undefined","Group"],"mappings":";AAAA,SACIA,UAAUC,aAAa,EAOvBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,mBAAmB,QAAO,kCAAkC;AACpE,SAAQC,yBAAyB,QAAuC,8BAA8B;AAmBtG,OAAO,MAAMJ,SAASE,mBAClB,CACI,EAACG,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,iBAAiBC,YAAY,EAAE,GAAGC,QAAO,EAC7GC;IAEA,MAAM,EAACC,SAAS,EAAEC,WAAW,EAAC,GAAGX,oBAAoBM;IACrD,qBACI,KAACL;QACGE,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBQ,WAAWJ,OAAOI,SAAS;kBAE3B,cAAA,KAACd;YACGe,aAAa;gBAACC,SAAS;YAAM;YAC7BL,KAAKA;YACLJ,SAASK,aAAaL;YACtBC,SAASC,eAAe,CAACQ,IAAMA,EAAEC,cAAc,KAAKL;YACpDR,UAAUA,YAAYI;YACtBU,gBAAcP,aAAaL,WAAWa;YACrC,GAAGV,MAAM;;;AAI1B,GACF;AACFX,OAAOsB,KAAK,GAAGrB,cAAcqB,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","MantineButton","polymorphicFactory","useClickWithLoading","ButtonWithDisabledTooltip","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","ref","isLoading","handleClick","fullWidth","loaderProps","variant","e","preventDefault","data-loading","undefined","Group","ButtonPrimary","withProps","ButtonSecondary","ButtonTertiary","ButtonDestructive","color","ButtonDestructiveSecondary"],"mappings":";AAAA,SACIA,UAAUC,aAAa,EAOvBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,mBAAmB,QAAO,kCAAkC;AACpE,SAAQC,yBAAyB,QAAuC,8BAA8B;AAmBtG,OAAO,MAAMJ,SAASE,mBAClB,CACI,EAACG,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,iBAAiBC,YAAY,EAAE,GAAGC,QAAO,EAC7GC;IAEA,MAAM,EAACC,SAAS,EAAEC,WAAW,EAAC,GAAGX,oBAAoBM;IACrD,qBACI,KAACL;QACGE,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBQ,WAAWJ,OAAOI,SAAS;kBAE3B,cAAA,KAACd;YACGe,aAAa;gBAACC,SAAS;YAAM;YAC7BL,KAAKA;YACLJ,SAASK,aAAaL;YACtBC,SAASC,eAAe,CAACQ,IAAMA,EAAEC,cAAc,KAAKL;YACpDR,UAAUA,YAAYI;YACtBU,gBAAcP,aAAaL,WAAWa;YACrC,GAAGV,MAAM;;;AAI1B,GACF;AACFX,OAAOsB,KAAK,GAAGrB,cAAcqB,KAAK;AAElC,OAAO,MAAMC,gBAAgBvB,OAAOwB,SAAS,CAAC;IAACP,SAAS;AAAQ,GAAG;AACnE,OAAO,MAAMQ,kBAAkBzB,OAAOwB,SAAS,CAAC;IAACP,SAAS;AAAO,GAAG;AACpE,OAAO,MAAMS,iBAAiB1B,OAAOwB,SAAS,CAAC;IAACP,SAAS;AAAQ,GAAG;AACpE,OAAO,MAAMU,oBAAoB3B,OAAOwB,SAAS,CAAC;IAACP,SAAS;IAAUW,OAAO;AAA4B,GAAG;AAC5G,OAAO,MAAMC,6BAA6B7B,OAAOwB,SAAS,CAAC;IAACP,SAAS;IAASW,OAAO;AAA4B,GAAG"}
@@ -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"}
@@ -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,"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":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,eAAe"}
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":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,eAAe"}
@@ -55,7 +55,7 @@ export const Prompt = factory((_props, ref)=>{
55
55
  children: /*#__PURE__*/ _jsxs(Modal.Root, {
56
56
  ref: ref,
57
57
  variant: "prompt",
58
- size: "sm",
58
+ size: "lg",
59
59
  ...others,
60
60
  ...getStyles('root'),
61
61
  children: [
@@ -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":["Box","createVarsResolver","factory","Image","Modal","useProps","useStyles","Children","Critical","Info","Success","Warning","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","PromptFooter","PROMPT_VARIANT_ICONS_SRC","success","warning","critical","info","defaultProps","variant","centered","varsResolver","_theme","icon","root","undefined","Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","stylesApiProps","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","value","Root","size","Overlay","Content","Header","alt","role","src","Title","CloseButton","Body","CancelButton","ConfirmButton","Footer"],"mappings":";AAAA,SACIA,GAAG,EACHC,kBAAkB,EAClBC,OAAO,EAEPC,KAAK,EACLC,KAAK,EAILC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,OAAOC,cAAc,uBAAuB;AAC5C,OAAOC,UAAU,mBAAmB;AACpC,OAAOC,aAAa,sBAAsB;AAC1C,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,qBAAqB,QAAO,mBAAmB;AACvD,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,kBAAkB,QAA6C,uBAAuB;AAC9F,SAAQC,mBAAmB,QAA8C,wBAAwB;AACjG,SAAQC,YAAY,QAAO,iBAAiB;AAqC5C,MAAMC,2BAA0D;IAC5DC,SAASR;IACTS,SAASR;IACTS,UAAUZ;IACVa,MAAMZ;AACV;AAEA,MAAMa,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAexB,mBAAkC,CAACyB,QAAQ,EAACC,IAAI,EAAC,GAAM,CAAA;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ,CAAA;AAEA,OAAO,MAAMC,SAAS5B,QAAuB,CAAC6B,QAAQC;IAClD,MAAMC,QAAQ5B,SAAS,UAAUiB,cAAcS;IAC/C,MAAM,EAACR,OAAO,EAAEW,KAAK,EAAEP,IAAI,EAAEQ,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGT;IAC1G,MAAMU,YAAYrC,UAAyB;QACvCsC,MAAM;QACNX;QACApB;QACAuB;QACAE;QACAD;QACAE;QACAC;QACAC;QACAhB;IACJ;IACA,MAAMoB,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,oBAAoBvC,SAASwC,OAAO,CAACZ;IAE3C,MAAMa,gBAAgBF,kBAAkBG,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKnC;IACzE,MAAMoC,SAASN,kBAAkBO,IAAI,CAAC,CAACH,QAAUA,MAAMC,IAAI,KAAKnC;IAEhE,qBACI,KAACJ;QAAsB0C,OAAO;YAAC/B;YAASoB;QAAS;kBAC7C,cAAA,MAACvC,MAAMmD,IAAI;YAACvB,KAAKA;YAAKT,SAAQ;YAASiC,MAAK;YAAM,GAAGd,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAACvC,MAAMqD,OAAO;oBAAE,GAAGd,UAAU,WAAWE,eAAe;;8BACvD,MAACzC,MAAMsD,OAAO;oBAAE,GAAGf,UAAU,WAAWE,eAAe;;sCACnD,MAACzC,MAAMuD,MAAM;4BAAE,GAAGhB,UAAU,UAAUE,eAAe;;gCAChDlB,QAAQA,SAAS,OACdA,qBAEA,KAACxB;oCACGyD,KAAI;oCACJC,MAAK;oCACJ,GAAGlB,UAAU,QAAQE,eAAe;oCACrCiB,KAAK7C,wBAAwB,CAACM,QAAQ;;8CAG9C,KAACnB,MAAM2D,KAAK;oCAAE,GAAGpB,UAAU,SAASE,eAAe;8CAAGX;;8CACtD,KAAC9B,MAAM4D,WAAW;oCAAE,GAAGrB,UAAU,SAASE,eAAe;;;;sCAE7D,KAACzC,MAAM6D,IAAI;4BAAE,GAAGtB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAAC7C;gCAAK,GAAG2C,UAAU,SAASE,eAAe;0CAAGG;;;wBAEjDI;;;;;;AAKrB,GAAG;AAEHtB,OAAOoC,YAAY,GAAGpD;AACtBgB,OAAOqC,aAAa,GAAGpD;AACvBe,OAAOsC,MAAM,GAAGpD"}
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":["Box","createVarsResolver","factory","Image","Modal","useProps","useStyles","Children","Critical","Info","Success","Warning","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","PromptFooter","PROMPT_VARIANT_ICONS_SRC","success","warning","critical","info","defaultProps","variant","centered","varsResolver","_theme","icon","root","undefined","Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","stylesApiProps","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","value","Root","size","Overlay","Content","Header","alt","role","src","Title","CloseButton","Body","CancelButton","ConfirmButton","Footer"],"mappings":";AAAA,SACIA,GAAG,EACHC,kBAAkB,EAClBC,OAAO,EAEPC,KAAK,EACLC,KAAK,EAILC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,OAAOC,cAAc,uBAAuB;AAC5C,OAAOC,UAAU,mBAAmB;AACpC,OAAOC,aAAa,sBAAsB;AAC1C,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,qBAAqB,QAAO,mBAAmB;AACvD,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,kBAAkB,QAA6C,uBAAuB;AAC9F,SAAQC,mBAAmB,QAA8C,wBAAwB;AACjG,SAAQC,YAAY,QAAO,iBAAiB;AAqC5C,MAAMC,2BAA0D;IAC5DC,SAASR;IACTS,SAASR;IACTS,UAAUZ;IACVa,MAAMZ;AACV;AAEA,MAAMa,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAexB,mBAAkC,CAACyB,QAAQ,EAACC,IAAI,EAAC,GAAM,CAAA;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ,CAAA;AAEA,OAAO,MAAMC,SAAS5B,QAAuB,CAAC6B,QAAQC;IAClD,MAAMC,QAAQ5B,SAAS,UAAUiB,cAAcS;IAC/C,MAAM,EAACR,OAAO,EAAEW,KAAK,EAAEP,IAAI,EAAEQ,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGT;IAC1G,MAAMU,YAAYrC,UAAyB;QACvCsC,MAAM;QACNX;QACApB;QACAuB;QACAE;QACAD;QACAE;QACAC;QACAC;QACAhB;IACJ;IACA,MAAMoB,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,oBAAoBvC,SAASwC,OAAO,CAACZ;IAE3C,MAAMa,gBAAgBF,kBAAkBG,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKnC;IACzE,MAAMoC,SAASN,kBAAkBO,IAAI,CAAC,CAACH,QAAUA,MAAMC,IAAI,KAAKnC;IAEhE,qBACI,KAACJ;QAAsB0C,OAAO;YAAC/B;YAASoB;QAAS;kBAC7C,cAAA,MAACvC,MAAMmD,IAAI;YAACvB,KAAKA;YAAKT,SAAQ;YAASiC,MAAK;YAAM,GAAGd,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAACvC,MAAMqD,OAAO;oBAAE,GAAGd,UAAU,WAAWE,eAAe;;8BACvD,MAACzC,MAAMsD,OAAO;oBAAE,GAAGf,UAAU,WAAWE,eAAe;;sCACnD,MAACzC,MAAMuD,MAAM;4BAAE,GAAGhB,UAAU,UAAUE,eAAe;;gCAChDlB,QAAQA,SAAS,OACdA,qBAEA,KAACxB;oCACGyD,KAAI;oCACJC,MAAK;oCACJ,GAAGlB,UAAU,QAAQE,eAAe;oCACrCiB,KAAK7C,wBAAwB,CAACM,QAAQ;;8CAG9C,KAACnB,MAAM2D,KAAK;oCAAE,GAAGpB,UAAU,SAASE,eAAe;8CAAGX;;8CACtD,KAAC9B,MAAM4D,WAAW;oCAAE,GAAGrB,UAAU,SAASE,eAAe;;;;sCAE7D,KAACzC,MAAM6D,IAAI;4BAAE,GAAGtB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAAC7C;gCAAK,GAAG2C,UAAU,SAASE,eAAe;0CAAGG;;;wBAEjDI;;;;;;AAKrB,GAAG;AAEHtB,OAAOoC,YAAY,GAAGpD;AACtBgB,OAAOqC,aAAa,GAAGpD;AACvBe,OAAOsC,MAAM,GAAGpD"}
@@ -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
  }
@@ -3,10 +3,10 @@ import { factory, useProps } from '@mantine/core';
3
3
  import { Button } from '../button/Button';
4
4
  import { usePromptContext } from './Prompt.context';
5
5
  const COLOR_BY_VARIANT = {
6
- success: 'action',
7
- info: 'action',
8
- warning: 'critical',
9
- critical: 'critical'
6
+ success: 'var(--mantine-primary-color-filled)',
7
+ info: 'var(--mantine-primary-color-filled)',
8
+ warning: 'var(--mantine-color-error)',
9
+ critical: 'var(--mantine-color-error)'
10
10
  };
11
11
  const defaultProps = {};
12
12
  export const PromptConfirmButton = factory((_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":["factory","useProps","Button","usePromptContext","COLOR_BY_VARIANT","success","info","warning","critical","defaultProps","PromptConfirmButton","_props","ref","variant","getStyles","props","className","classNames","style","styles","unstyled","vars","disabled","disabledTooltip","disabledTooltipProps","others","color"],"mappings":";AAAA,SAAgCA,OAAO,EAAWC,QAAQ,QAAO,gBAAgB;AACjF,SAAQC,MAAM,QAAoB,mBAAmB;AAErD,SAAQC,gBAAgB,QAAO,mBAAmB;AAelD,MAAMC,mBAAkD;IACpDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAkD,CAAC;AAEzD,OAAO,MAAMC,sBAAsBV,QAAoC,CAACW,QAAQC;IAC5E,MAAM,EAACC,OAAO,EAAEC,SAAS,EAAC,GAAGX;IAC7B,MAAMY,QAAQd,SAAS,uBAAuBQ,cAAcE;IAC5D,MAAM,EACFK,SAAS,EACTC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,QAAQ,EACRC,IAAI,EACJC,QAAQ,EACRC,eAAe,EACfC,oBAAoB,EACpB,GAAGC,QACN,GAAGV;IAEJ,qBACI,KAACb;QACGU,KAAKA;QACLC,SAAQ;QACRa,OAAOtB,gBAAgB,CAACS,QAAQ;QAChCS,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;QACrB,GAAGC,MAAM;QACT,GAAGX,UAAU,WAAW;YAACI;YAAOC;YAAQH;YAAWC;QAAU,EAAE;;AAG5E,GAAG"}
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":["factory","useProps","Button","usePromptContext","COLOR_BY_VARIANT","success","info","warning","critical","defaultProps","PromptConfirmButton","_props","ref","variant","getStyles","props","className","classNames","style","styles","unstyled","vars","disabled","disabledTooltip","disabledTooltipProps","others","color"],"mappings":";AAAA,SAAgCA,OAAO,EAAWC,QAAQ,QAAO,gBAAgB;AACjF,SAAQC,MAAM,QAAoB,mBAAmB;AAErD,SAAQC,gBAAgB,QAAO,mBAAmB;AAelD,MAAMC,mBAAkD;IACpDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAkD,CAAC;AAEzD,OAAO,MAAMC,sBAAsBV,QAAoC,CAACW,QAAQC;IAC5E,MAAM,EAACC,OAAO,EAAEC,SAAS,EAAC,GAAGX;IAC7B,MAAMY,QAAQd,SAAS,uBAAuBQ,cAAcE;IAC5D,MAAM,EACFK,SAAS,EACTC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,QAAQ,EACRC,IAAI,EACJC,QAAQ,EACRC,eAAe,EACfC,oBAAoB,EACpB,GAAGC,QACN,GAAGV;IAEJ,qBACI,KAACb;QACGU,KAAKA;QACLC,SAAQ;QACRa,OAAOtB,gBAAgB,CAACS,QAAQ;QAChCS,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;QACrB,GAAGC,MAAM;QACT,GAAGX,UAAU,WAAW;YAACI;YAAOC;YAAQH;YAAWC;QAAU,EAAE;;AAG5E,GAAG"}
@@ -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
  }
@@ -1,65 +1,3 @@
1
- .root {
2
- &[data-full-screen] {
3
- .content {
4
- flex: 0 0 100%;
5
- }
6
- }
7
-
8
- &[data-size='xs'] {
9
- .content {
10
- flex: 0 0 rem(432px);
11
- }
12
- }
13
-
14
- &[data-size='sm'] {
15
- .content {
16
- flex: 0 0 rem(664px);
17
- }
18
- }
19
-
20
- &[data-size='md'] {
21
- .content {
22
- flex: 0 0 rem(896px);
23
- }
24
- }
25
-
26
- &[data-size='lg'] {
27
- .content {
28
- flex: 0 0 rem(1120px);
29
- }
30
- }
31
-
32
- &[data-size='xl'] {
33
- .content {
34
- flex: 0 0 rem(88%);
35
- }
36
- }
37
-
38
- &:not([data-size]) {
39
- .content {
40
- flex: 0 0 rem(896px);
41
- }
42
- }
43
- }
44
-
45
- .content {
46
- overflow: auto;
47
- }
48
-
49
- .header {
50
- border-bottom: 1px solid var(--mantine-color-gray-3);
51
- align-items: flex-start;
52
- }
53
-
54
1
  .title {
55
- width: 100%;
56
- font-size: var(--mantine-h3-font-size);
57
- line-height: var(--mantine-h3-line-height);
58
2
  font-weight: 500;
59
3
  }
60
-
61
- .body {
62
- &:where(:not(:only-child)) {
63
- padding-top: var(--mb-padding, var(--mantine-spacing-md));
64
- }
65
- }
@@ -1,21 +1,3 @@
1
- .root {
2
- color: var(--mantine-color-gray-6);
3
- line-height: var(--mantine-line-height);
4
- border-radius: var(--mantine-radius-default) 0 0 var(--mantine-radius-default);
5
-
6
- &[data-active] {
7
- color: var(--mantine-primary-color-6);
8
- }
9
-
10
- @mixin hover {
11
- @mixin light {
12
- &:where(:not([data-active])) {
13
- background-color: var(--mantine-color-gray-1);
14
- }
15
- }
16
- }
17
- }
18
-
19
1
  .label {
20
2
  font-weight: 500;
21
3
  }
@@ -1,10 +1,4 @@
1
1
  .labelWrapper {
2
2
  display: flex;
3
3
  align-items: flex-start;
4
-
5
- &:not([data-disabled]) {
6
- .label {
7
- color: var(--mantine-color-gray-7);
8
- }
9
- }
10
4
  }
@@ -2,7 +2,7 @@
2
2
  cursor: text;
3
3
 
4
4
  --input-bd: transparent;
5
- --input-bg: var(--mantine-color-gray-2);
6
- --input-color: var(--mantine-color-gray-7);
7
- --input-placeholder-color: var(--mantine-color-gray-7);
5
+ --input-bg: var(--mantine-color-dark-light);
6
+ --input-color: var(--mantine-color-dimmed);
7
+ --input-placeholder-color: var(--mantine-color-dimmed);
8
8
  }
@@ -1,35 +1,3 @@
1
- .root {
2
- background-color: var(--mantine-color-gray-2);
3
- }
4
-
5
- .indicator {
6
- border-radius: var(--sc-radius, var(--mantine-radius-sm));
7
- }
8
-
9
1
  .label {
10
2
  font-weight: 300;
11
-
12
- @mixin light {
13
- color: var(--mantine-color-gray-6);
14
- }
15
-
16
- &:where([data-disabled]) {
17
- @mixin light {
18
- color: var(--mantine-color-gray-5);
19
- }
20
- }
21
-
22
- &:where([data-active]) {
23
- @mixin light {
24
- color: var(--sc-label-color, var(--mantine-color-black));
25
- }
26
- }
27
-
28
- &:where(:not([data-disabled], [data-active], [data-read-only])) {
29
- @mixin hover {
30
- @mixin light {
31
- color: var(--mantine-color-black);
32
- }
33
- }
34
- }
35
3
  }
@@ -1,69 +1,3 @@
1
- .step {
2
- &[disabled] {
3
- color: var(--mantine-color-gray-5);
4
-
5
- & .mantine-Stepper-stepDescription {
6
- color: var(--mantine-color-gray-5);
7
- }
8
-
9
- & .mantine-Stepper-stepIcon {
10
- border-color: var(--mantine-color-gray-1);
11
- }
12
- }
13
- }
14
-
15
1
  .stepIcon {
16
2
  font-weight: 500;
17
- background-color: var(--mantine-color-gray-1);
18
- color: inherit;
19
- border: rem(1) solid var(--mantine-color-gray-3);
20
-
21
- &[data-progress] {
22
- background-color: var(--mantine-color-white);
23
- border-color: var(--step-color);
24
- }
25
-
26
- &[data-completed] {
27
- background-color: var(--mantine-color-white);
28
- border-color: var(--mantine-color-lime-6);
29
- color: var(--mantine-color-lime-6);
30
- }
31
- }
32
-
33
- .stepCompletedIcon {
34
- color: var(--mantine-color-lime-6);
35
- font-size: rem(16);
36
- }
37
-
38
- .stepDescription {
39
- color: var(--mantine-color-gray-7);
40
-
41
- &[data-size='xs'] {
42
- font-size: var(--mantine-font-size-xs);
43
- }
44
-
45
- &[data-size='sm'] {
46
- font-size: var(--mantine-font-size-sm);
47
- }
48
-
49
- &[data-size='md'] {
50
- font-size: var(--mantine-font-size-md);
51
- }
52
-
53
- &[data-size='lg'] {
54
- font-size: var(--mantine-font-size-lg);
55
- }
56
-
57
- &[data-size='xl'] {
58
- font-size: var(--mantine-font-size-xl);
59
- }
60
- }
61
-
62
- .separator {
63
- height: rem(1);
64
- background-color: var(--mantine-color-gray-3);
65
- }
66
-
67
- .verticalSeparator {
68
- border-left: rem(1) solid var(--mantine-color-gray-3);
69
3
  }
@@ -1,9 +1,5 @@
1
1
  .root {
2
2
  &[data-variant='default'] {
3
- @mixin light {
4
- --tab-hover-color: var(--mantine-color-gray-1);
5
- }
6
-
7
3
  --tabs-list-border-width: 1px;
8
4
 
9
5
  &[data-orientation='horizontal'] {
@@ -1,18 +1,22 @@
1
1
  import { MantineColorsTuple } from '@mantine/core';
2
2
  export declare const PlasmaColors: {
3
+ blue: MantineColorsTuple;
4
+ red: MantineColorsTuple;
3
5
  gray: MantineColorsTuple;
4
- action: MantineColorsTuple;
6
+ dark: MantineColorsTuple;
7
+ teal: MantineColorsTuple;
8
+ yellow: MantineColorsTuple;
9
+ violet: MantineColorsTuple;
10
+ grape: MantineColorsTuple;
11
+ 'cyan (Not used)': MantineColorsTuple;
12
+ orange: MantineColorsTuple;
13
+ indigo: MantineColorsTuple;
14
+ green: MantineColorsTuple;
5
15
  navy: MantineColorsTuple;
6
16
  info: MantineColorsTuple;
7
- blue: MantineColorsTuple;
8
- red: MantineColorsTuple;
9
17
  critical: MantineColorsTuple;
10
- teal: MantineColorsTuple;
11
18
  new: MantineColorsTuple;
12
- yellow: MantineColorsTuple;
13
19
  warning: MantineColorsTuple;
14
- green: MantineColorsTuple;
15
- indigo: MantineColorsTuple;
16
20
  lime: MantineColorsTuple;
17
21
  success: MantineColorsTuple;
18
22
  purple: MantineColorsTuple;
@@ -1 +1 @@
1
- {"version":3,"file":"PlasmaColors.d.ts","sourceRoot":"","sources":["../../../src/theme/PlasmaColors.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAsBjD,eAAO,MAAM,YAAY;;YAchB,kBAAkB;;;;;;;;;;;;;;;CAiB1B,CAAC"}
1
+ {"version":3,"file":"PlasmaColors.d.ts","sourceRoot":"","sources":["../../../src/theme/PlasmaColors.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAsBjD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;CA4JxB,CAAC"}