@coveord/plasma-mantine 55.7.2-next.1 → 55.7.2

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 (233) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/.turbo/turbo-test.log +55 -58
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/browser-preview/BrowserPreview.d.ts.map +1 -1
  5. package/dist/cjs/components/browser-preview/BrowserPreview.module.css +1 -1
  6. package/dist/cjs/components/button/Button.d.ts +0 -5
  7. package/dist/cjs/components/button/Button.d.ts.map +1 -1
  8. package/dist/cjs/components/button/Button.js +3 -40
  9. package/dist/cjs/components/button/Button.js.map +1 -1
  10. package/dist/cjs/components/code-editor/CodeEditor.d.ts.map +1 -1
  11. package/dist/cjs/components/code-editor/CodeEditor.js +30 -13
  12. package/dist/cjs/components/code-editor/CodeEditor.js.map +1 -1
  13. package/dist/cjs/components/collection/CollectionItem.js +1 -0
  14. package/dist/cjs/components/collection/CollectionItem.js.map +1 -1
  15. package/dist/cjs/components/collection/enhanceWithCollectionProps.d.ts.map +1 -1
  16. package/dist/cjs/components/copyToClipboard/CopyToClipboard.js +3 -1
  17. package/dist/cjs/components/copyToClipboard/CopyToClipboard.js.map +1 -1
  18. package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.d.ts.map +1 -1
  19. package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.d.ts.map +1 -1
  20. package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.d.ts.map +1 -1
  21. package/dist/cjs/components/date-range-picker/EditableDateRangePicker.d.ts.map +1 -1
  22. package/dist/cjs/components/header/Header.module.css +7 -2
  23. package/dist/cjs/components/header/__tests__/__snapshots__/Header.spec.tsx.snap +73 -0
  24. package/dist/cjs/components/index.d.ts +0 -2
  25. package/dist/cjs/components/index.d.ts.map +1 -1
  26. package/dist/cjs/components/index.js +0 -2
  27. package/dist/cjs/components/index.js.map +1 -1
  28. package/dist/cjs/components/prompt/Prompt.js +1 -1
  29. package/dist/cjs/components/prompt/Prompt.js.map +1 -1
  30. package/dist/cjs/components/prompt/Prompt.module.css +15 -4
  31. package/dist/cjs/components/prompt/PromptConfirmButton.js +4 -4
  32. package/dist/cjs/components/prompt/PromptConfirmButton.js.map +1 -1
  33. package/dist/cjs/components/read-only/ReadOnlyInputStyles.d.ts.map +1 -1
  34. package/dist/cjs/components/sticky-footer/StickyFooter.module.css +3 -3
  35. package/dist/cjs/components/table/Table.module.css +2 -3
  36. package/dist/cjs/components/table/use-table.d.ts.map +1 -1
  37. package/dist/cjs/components/table/use-url-synced-state.d.ts.map +1 -1
  38. package/dist/cjs/hooks/useClickWithLoading.d.ts.map +1 -1
  39. package/dist/cjs/hooks/useControlledList.d.ts.map +1 -1
  40. package/dist/cjs/styles/ActionIcon.module.css +6 -0
  41. package/dist/cjs/styles/Alert.module.css +26 -1
  42. package/dist/cjs/styles/Anchor.module.css +6 -0
  43. package/dist/cjs/styles/AppShellNavBar.module.css +3 -0
  44. package/dist/cjs/styles/Badge.module.css +2 -0
  45. package/dist/cjs/styles/Checkbox.module.css +17 -0
  46. package/dist/cjs/styles/Combobox.module.css +2 -3
  47. package/dist/cjs/styles/DatePicker.module.css +3 -0
  48. package/dist/cjs/styles/Input.module.css +3 -0
  49. package/dist/cjs/styles/InputWrapper.module.css +9 -0
  50. package/dist/cjs/styles/Modal.module.css +62 -0
  51. package/dist/cjs/styles/NavLink.module.css +18 -0
  52. package/dist/cjs/styles/Notification.module.css +20 -0
  53. package/dist/cjs/styles/Pagination.module.css +30 -0
  54. package/dist/cjs/styles/Radio.module.css +6 -0
  55. package/dist/cjs/styles/ReadOnlyInput.module.css +3 -3
  56. package/dist/cjs/styles/SegmentedControl.module.css +32 -0
  57. package/dist/cjs/styles/Select.module.css +39 -0
  58. package/dist/cjs/styles/Stepper.module.css +66 -0
  59. package/dist/cjs/styles/Tabs.module.css +4 -0
  60. package/dist/cjs/theme/PlasmaColors.d.ts +7 -11
  61. package/dist/cjs/theme/PlasmaColors.d.ts.map +1 -1
  62. package/dist/cjs/theme/PlasmaColors.js +19 -144
  63. package/dist/cjs/theme/PlasmaColors.js.map +1 -1
  64. package/dist/cjs/theme/Theme.d.ts.map +1 -1
  65. package/dist/cjs/theme/Theme.js +115 -72
  66. package/dist/cjs/theme/Theme.js.map +1 -1
  67. package/dist/cjs/theme/mergeCSSVariablesResolvers.d.ts.map +1 -1
  68. package/dist/cjs/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
  69. package/dist/cjs/theme/plasmaCSSVariablesResolver.js +6 -4
  70. package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map +1 -1
  71. package/dist/cjs/utils/createFactoryComponent.d.ts.map +1 -1
  72. package/dist/cjs/utils/overrideComponent.d.ts.map +1 -1
  73. package/dist/cjs/vars/Notification.vars.d.ts +3 -0
  74. package/dist/cjs/vars/Notification.vars.d.ts.map +1 -0
  75. package/dist/cjs/vars/Notification.vars.js +44 -0
  76. package/dist/cjs/vars/Notification.vars.js.map +1 -0
  77. package/dist/cjs/vars/Text.vars.d.ts +3 -0
  78. package/dist/cjs/vars/Text.vars.d.ts.map +1 -0
  79. package/dist/cjs/vars/Text.vars.js +25 -0
  80. package/dist/cjs/vars/Text.vars.js.map +1 -0
  81. package/dist/esm/components/browser-preview/BrowserPreview.d.ts.map +1 -1
  82. package/dist/esm/components/browser-preview/BrowserPreview.module.css +1 -1
  83. package/dist/esm/components/button/Button.d.ts +0 -5
  84. package/dist/esm/components/button/Button.d.ts.map +1 -1
  85. package/dist/esm/components/button/Button.js +0 -17
  86. package/dist/esm/components/button/Button.js.map +1 -1
  87. package/dist/esm/components/code-editor/CodeEditor.d.ts.map +1 -1
  88. package/dist/esm/components/code-editor/CodeEditor.js +10 -2
  89. package/dist/esm/components/code-editor/CodeEditor.js.map +1 -1
  90. package/dist/esm/components/collection/CollectionItem.js +1 -0
  91. package/dist/esm/components/collection/CollectionItem.js.map +1 -1
  92. package/dist/esm/components/collection/enhanceWithCollectionProps.d.ts.map +1 -1
  93. package/dist/esm/components/copyToClipboard/CopyToClipboard.js +1 -0
  94. package/dist/esm/components/copyToClipboard/CopyToClipboard.js.map +1 -1
  95. package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.d.ts.map +1 -1
  96. package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.d.ts.map +1 -1
  97. package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.d.ts.map +1 -1
  98. package/dist/esm/components/date-range-picker/EditableDateRangePicker.d.ts.map +1 -1
  99. package/dist/esm/components/header/Header.module.css +7 -2
  100. package/dist/esm/components/header/__tests__/__snapshots__/Header.spec.tsx.snap +73 -0
  101. package/dist/esm/components/index.d.ts +0 -2
  102. package/dist/esm/components/index.d.ts.map +1 -1
  103. package/dist/esm/components/index.js +0 -2
  104. package/dist/esm/components/index.js.map +1 -1
  105. package/dist/esm/components/prompt/Prompt.js +1 -1
  106. package/dist/esm/components/prompt/Prompt.js.map +1 -1
  107. package/dist/esm/components/prompt/Prompt.module.css +15 -4
  108. package/dist/esm/components/prompt/PromptConfirmButton.js +4 -4
  109. package/dist/esm/components/prompt/PromptConfirmButton.js.map +1 -1
  110. package/dist/esm/components/read-only/ReadOnlyInputStyles.d.ts.map +1 -1
  111. package/dist/esm/components/sticky-footer/StickyFooter.module.css +3 -3
  112. package/dist/esm/components/table/Table.module.css +2 -3
  113. package/dist/esm/components/table/use-table.d.ts.map +1 -1
  114. package/dist/esm/components/table/use-url-synced-state.d.ts.map +1 -1
  115. package/dist/esm/hooks/useClickWithLoading.d.ts.map +1 -1
  116. package/dist/esm/hooks/useControlledList.d.ts.map +1 -1
  117. package/dist/esm/styles/ActionIcon.module.css +6 -0
  118. package/dist/esm/styles/Alert.module.css +26 -1
  119. package/dist/esm/styles/Anchor.module.css +6 -0
  120. package/dist/esm/styles/AppShellNavBar.module.css +3 -0
  121. package/dist/esm/styles/Badge.module.css +2 -0
  122. package/dist/esm/styles/Checkbox.module.css +17 -0
  123. package/dist/esm/styles/Combobox.module.css +2 -3
  124. package/dist/esm/styles/DatePicker.module.css +3 -0
  125. package/dist/esm/styles/Input.module.css +3 -0
  126. package/dist/esm/styles/InputWrapper.module.css +9 -0
  127. package/dist/esm/styles/Modal.module.css +62 -0
  128. package/dist/esm/styles/NavLink.module.css +18 -0
  129. package/dist/esm/styles/Notification.module.css +20 -0
  130. package/dist/esm/styles/Pagination.module.css +30 -0
  131. package/dist/esm/styles/Radio.module.css +6 -0
  132. package/dist/esm/styles/ReadOnlyInput.module.css +3 -3
  133. package/dist/esm/styles/SegmentedControl.module.css +32 -0
  134. package/dist/esm/styles/Select.module.css +39 -0
  135. package/dist/esm/styles/Stepper.module.css +66 -0
  136. package/dist/esm/styles/Tabs.module.css +4 -0
  137. package/dist/esm/theme/PlasmaColors.d.ts +7 -11
  138. package/dist/esm/theme/PlasmaColors.d.ts.map +1 -1
  139. package/dist/esm/theme/PlasmaColors.js +19 -144
  140. package/dist/esm/theme/PlasmaColors.js.map +1 -1
  141. package/dist/esm/theme/Theme.d.ts.map +1 -1
  142. package/dist/esm/theme/Theme.js +115 -73
  143. package/dist/esm/theme/Theme.js.map +1 -1
  144. package/dist/esm/theme/mergeCSSVariablesResolvers.d.ts.map +1 -1
  145. package/dist/esm/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
  146. package/dist/esm/theme/plasmaCSSVariablesResolver.js +6 -4
  147. package/dist/esm/theme/plasmaCSSVariablesResolver.js.map +1 -1
  148. package/dist/esm/utils/createFactoryComponent.d.ts.map +1 -1
  149. package/dist/esm/utils/overrideComponent.d.ts.map +1 -1
  150. package/dist/esm/vars/Notification.vars.d.ts +3 -0
  151. package/dist/esm/vars/Notification.vars.d.ts.map +1 -0
  152. package/dist/esm/vars/Notification.vars.js +34 -0
  153. package/dist/esm/vars/Notification.vars.js.map +1 -0
  154. package/dist/esm/vars/Text.vars.d.ts +3 -0
  155. package/dist/esm/vars/Text.vars.d.ts.map +1 -0
  156. package/dist/esm/vars/Text.vars.js +15 -0
  157. package/dist/esm/vars/Text.vars.js.map +1 -0
  158. package/package.json +21 -21
  159. package/src/components/browser-preview/BrowserPreview.module.css +1 -1
  160. package/src/components/button/Button.tsx +0 -6
  161. package/src/components/code-editor/CodeEditor.tsx +12 -5
  162. package/src/components/collection/CollectionItem.tsx +1 -1
  163. package/src/components/copyToClipboard/CopyToClipboard.tsx +1 -1
  164. package/src/components/header/Header.module.css +7 -2
  165. package/src/components/header/__tests__/__snapshots__/Header.spec.tsx.snap +73 -0
  166. package/src/components/index.ts +0 -2
  167. package/src/components/prompt/Prompt.module.css +15 -4
  168. package/src/components/prompt/Prompt.tsx +1 -1
  169. package/src/components/prompt/PromptConfirmButton.tsx +4 -4
  170. package/src/components/sticky-footer/StickyFooter.module.css +3 -3
  171. package/src/components/table/Table.module.css +2 -3
  172. package/src/styles/ActionIcon.module.css +6 -0
  173. package/src/styles/Alert.module.css +26 -1
  174. package/src/styles/Anchor.module.css +6 -0
  175. package/src/styles/AppShellNavBar.module.css +3 -0
  176. package/src/styles/Badge.module.css +2 -0
  177. package/src/styles/Checkbox.module.css +17 -0
  178. package/src/styles/Combobox.module.css +2 -3
  179. package/src/styles/DatePicker.module.css +3 -0
  180. package/src/styles/Input.module.css +3 -0
  181. package/src/styles/InputWrapper.module.css +9 -0
  182. package/src/styles/Modal.module.css +62 -0
  183. package/src/styles/NavLink.module.css +18 -0
  184. package/src/styles/Notification.module.css +20 -0
  185. package/src/styles/Pagination.module.css +30 -0
  186. package/src/styles/Radio.module.css +6 -0
  187. package/src/styles/ReadOnlyInput.module.css +3 -3
  188. package/src/styles/SegmentedControl.module.css +32 -0
  189. package/src/styles/Select.module.css +39 -0
  190. package/src/styles/Stepper.module.css +66 -0
  191. package/src/styles/Tabs.module.css +4 -0
  192. package/src/theme/PlasmaColors.ts +19 -144
  193. package/src/theme/Theme.tsx +86 -65
  194. package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts +44 -15
  195. package/src/theme/plasmaCSSVariablesResolver.ts +6 -5
  196. package/src/vars/Notification.vars.ts +14 -0
  197. package/src/vars/Text.vars.ts +8 -0
  198. package/dist/cjs/components/alert/Alert.d.ts +0 -17
  199. package/dist/cjs/components/alert/Alert.d.ts.map +0 -1
  200. package/dist/cjs/components/alert/Alert.js +0 -53
  201. package/dist/cjs/components/alert/Alert.js.map +0 -1
  202. package/dist/cjs/components/alert/index.d.ts +0 -2
  203. package/dist/cjs/components/alert/index.d.ts.map +0 -1
  204. package/dist/cjs/components/alert/index.js +0 -8
  205. package/dist/cjs/components/alert/index.js.map +0 -1
  206. package/dist/cjs/components/badge/Badge.d.ts +0 -8
  207. package/dist/cjs/components/badge/Badge.d.ts.map +0 -1
  208. package/dist/cjs/components/badge/Badge.js +0 -60
  209. package/dist/cjs/components/badge/Badge.js.map +0 -1
  210. package/dist/cjs/components/badge/index.d.ts +0 -2
  211. package/dist/cjs/components/badge/index.d.ts.map +0 -1
  212. package/dist/cjs/components/badge/index.js +0 -8
  213. package/dist/cjs/components/badge/index.js.map +0 -1
  214. package/dist/esm/components/alert/Alert.d.ts +0 -17
  215. package/dist/esm/components/alert/Alert.d.ts.map +0 -1
  216. package/dist/esm/components/alert/Alert.js +0 -29
  217. package/dist/esm/components/alert/Alert.js.map +0 -1
  218. package/dist/esm/components/alert/index.d.ts +0 -2
  219. package/dist/esm/components/alert/index.d.ts.map +0 -1
  220. package/dist/esm/components/alert/index.js +0 -3
  221. package/dist/esm/components/alert/index.js.map +0 -1
  222. package/dist/esm/components/badge/Badge.d.ts +0 -8
  223. package/dist/esm/components/badge/Badge.d.ts.map +0 -1
  224. package/dist/esm/components/badge/Badge.js +0 -27
  225. package/dist/esm/components/badge/Badge.js.map +0 -1
  226. package/dist/esm/components/badge/index.d.ts +0 -2
  227. package/dist/esm/components/badge/index.d.ts.map +0 -1
  228. package/dist/esm/components/badge/index.js +0 -3
  229. package/dist/esm/components/badge/index.js.map +0 -1
  230. package/src/components/alert/Alert.tsx +0 -7
  231. package/src/components/alert/index.ts +0 -1
  232. package/src/components/badge/Badge.tsx +0 -10
  233. package/src/components/badge/index.ts +0 -1
@@ -5,13 +5,18 @@
5
5
  }
6
6
 
7
7
  & .description {
8
- color: var(--mantine-color-dimmed);
8
+ color: var(--mantine-color-gray-6);
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
+
15
20
  line-height: var(--mantine-line-height-md);
16
21
  }
17
22
 
@@ -26,5 +31,5 @@
26
31
  }
27
32
 
28
33
  .breadcrumbsSeparator {
29
- color: var(--mantine-color-dimmed);
34
+ color: var(--mantine-color-gray-5);
30
35
  }
@@ -0,0 +1,73 @@
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
+
3
+ exports[`Header > renders the specified breadcrumbs above the title 1`] = `
4
+ <div>
5
+ <style
6
+ data-mantine-styles="classes"
7
+ >
8
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
9
+ </style>
10
+ <div
11
+ class="_root_69e643 mantine-PlasmaHeader-root m_4081bf90 mantine-Group-root"
12
+ data-variant="primary"
13
+ style="--group-gap: var(--mantine-spacing-md); --group-align: center; --group-justify: space-between; --group-wrap: nowrap;"
14
+ >
15
+ <div
16
+ class="m_6d731127 mantine-Stack-root"
17
+ style="--stack-gap: 0rem; --stack-align: stretch; --stack-justify: flex-start;"
18
+ >
19
+ <div
20
+ class="m_8b3717df mantine-Breadcrumbs-root"
21
+ >
22
+ <a
23
+ class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
24
+ color="action.6"
25
+ data-underline="hover"
26
+ style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
27
+ >
28
+ One
29
+ </a>
30
+ <div
31
+ class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m_3b8f2208 mantine-Breadcrumbs-separator"
32
+ >
33
+ /
34
+ </div>
35
+ <a
36
+ class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
37
+ color="action.6"
38
+ data-underline="hover"
39
+ style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
40
+ >
41
+ Two
42
+ </a>
43
+ <div
44
+ class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m_3b8f2208 mantine-Breadcrumbs-separator"
45
+ >
46
+ /
47
+ </div>
48
+ <a
49
+ class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
50
+ color="action.6"
51
+ data-underline="hover"
52
+ style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
53
+ >
54
+ Three
55
+ </a>
56
+ </div>
57
+ <h1
58
+ class="_root_4eabcc _title_69e643 mantine-PlasmaHeader-title m_8a5d1357 mantine-Title-root"
59
+ data-order="1"
60
+ data-variant="primary"
61
+ style="--title-fw: var(--mantine-h1-font-weight); --title-lh: var(--mantine-h1-line-height); --title-fz: var(--mantine-h1-font-size);"
62
+ >
63
+ Title
64
+ </h1>
65
+ <p
66
+ class="mantine-focus-auto _description_69e643 mantine-PlasmaHeader-description m_b6d8b162 mantine-Text-root"
67
+ data-size="md"
68
+ style="--text-fz: var(--mantine-font-size-md); --text-lh: var(--mantine-line-height-md);"
69
+ />
70
+ </div>
71
+ </div>
72
+ </div>
73
+ `;
@@ -1,6 +1,4 @@
1
1
  export * from './action-icon';
2
- export * from './alert';
3
- export * from './badge';
4
2
  export * from './blank-slate';
5
3
  export * from './browser-preview';
6
4
  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,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,SAAS,CAAC;AACxB,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,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,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
@@ -1,6 +1,4 @@
1
1
  export * from './action-icon';
2
- export * from './alert';
3
- export * from './badge';
4
2
  export * from './blank-slate';
5
3
  export * from './browser-preview';
6
4
  export * from './button';
@@ -1 +1 @@
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 './modal';\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,UAAU;AACxB,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 './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 './modal';\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,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,eAAe"}
@@ -57,7 +57,7 @@ export const Prompt = factory((_props, ref)=>{
57
57
  children: /*#__PURE__*/ _jsxs(Modal.Root, {
58
58
  ref: ref,
59
59
  variant: "prompt",
60
- size: "lg",
60
+ size: "sm",
61
61
  ...others,
62
62
  ...getStyles('root'),
63
63
  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 ModalRootProps,\n ModalStylesNames,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {Modal} from '../modal';\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';\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 Modal.Footer;\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 footers: ReactElement[] = [];\n const otherChildren: ReactElement[] = [];\n\n Children.forEach(children, (child: ReactElement) => {\n (child.type === Modal.Footer ? footers : otherChildren).push(child);\n });\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 {footers}\n </Modal.Content>\n </Modal.Root>\n </PromptContextProvider>\n );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = Modal.Footer;\n"],"names":["Box","createVarsResolver","factory","Image","useProps","useStyles","Children","Modal","Critical","Info","Success","Warning","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","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","footers","otherChildren","forEach","child","type","Footer","push","value","Root","size","Overlay","Content","Header","alt","role","src","Title","CloseButton","Body","CancelButton","ConfirmButton"],"mappings":";AAAA,SACIA,GAAG,EACHC,kBAAkB,EAClBC,OAAO,EAEPC,KAAK,EAILC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,SAAQC,KAAK,QAAO,WAAW;AAC/B,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;AAqCjG,MAAMC,2BAA0D;IAC5DC,SAASP;IACTQ,SAASP;IACTQ,UAAUX;IACVY,MAAMX;AACV;AAEA,MAAMY,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAevB,mBAAkC,CAACwB,QAAQ,EAACC,IAAI,EAAC,GAAM,CAAA;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ,CAAA;AAEA,OAAO,MAAMC,SAAS3B,QAAuB,CAAC4B,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;QACAnB;QACAsB;QACAE;QACAD;QACAE;QACAC;QACAC;QACAhB;IACJ;IACA,MAAMoB,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,UAA0B,EAAE;IAClC,MAAMC,gBAAgC,EAAE;IAExCxC,SAASyC,OAAO,CAACb,UAAU,CAACc;QACvBA,CAAAA,MAAMC,IAAI,KAAK1C,MAAM2C,MAAM,GAAGL,UAAUC,aAAY,EAAGK,IAAI,CAACH;IACjE;IAEA,qBACI,KAACpC;QAAsBwC,OAAO;YAAC9B;YAASoB;QAAS;kBAC7C,cAAA,MAACnC,MAAM8C,IAAI;YAACtB,KAAKA;YAAKT,SAAQ;YAASgC,MAAK;YAAM,GAAGb,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAACnC,MAAMgD,OAAO;oBAAE,GAAGb,UAAU,WAAWE,eAAe;;8BACvD,MAACrC,MAAMiD,OAAO;oBAAE,GAAGd,UAAU,WAAWE,eAAe;;sCACnD,MAACrC,MAAMkD,MAAM;4BAAE,GAAGf,UAAU,UAAUE,eAAe;;gCAChDlB,QAAQA,SAAS,OACdA,qBAEA,KAACvB;oCACGuD,KAAI;oCACJC,MAAK;oCACJ,GAAGjB,UAAU,QAAQE,eAAe;oCACrCgB,KAAK5C,wBAAwB,CAACM,QAAQ;;8CAG9C,KAACf,MAAMsD,KAAK;oCAAE,GAAGnB,UAAU,SAASE,eAAe;8CAAGX;;8CACtD,KAAC1B,MAAMuD,WAAW;oCAAE,GAAGpB,UAAU,SAASE,eAAe;;;;sCAE7D,KAACrC,MAAMwD,IAAI;4BAAE,GAAGrB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAAC5C;gCAAK,GAAG0C,UAAU,SAASE,eAAe;0CAAGE;;;wBAEjDD;;;;;;AAKrB,GAAG;AAEHhB,OAAOmC,YAAY,GAAGlD;AACtBe,OAAOoC,aAAa,GAAGlD;AACvBc,OAAOqB,MAAM,GAAG3C,MAAM2C,MAAM"}
1
+ {"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n Box,\n createVarsResolver,\n factory,\n Factory,\n Image,\n ModalRootProps,\n ModalStylesNames,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {Modal} from '../modal';\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';\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 Modal.Footer;\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 footers: ReactElement[] = [];\n const otherChildren: ReactElement[] = [];\n\n Children.forEach(children, (child: ReactElement) => {\n (child.type === Modal.Footer ? footers : otherChildren).push(child);\n });\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 {footers}\n </Modal.Content>\n </Modal.Root>\n </PromptContextProvider>\n );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = Modal.Footer;\n"],"names":["Box","createVarsResolver","factory","Image","useProps","useStyles","Children","Modal","Critical","Info","Success","Warning","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","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","footers","otherChildren","forEach","child","type","Footer","push","value","Root","size","Overlay","Content","Header","alt","role","src","Title","CloseButton","Body","CancelButton","ConfirmButton"],"mappings":";AAAA,SACIA,GAAG,EACHC,kBAAkB,EAClBC,OAAO,EAEPC,KAAK,EAILC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,SAAQC,KAAK,QAAO,WAAW;AAC/B,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;AAqCjG,MAAMC,2BAA0D;IAC5DC,SAASP;IACTQ,SAASP;IACTQ,UAAUX;IACVY,MAAMX;AACV;AAEA,MAAMY,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAevB,mBAAkC,CAACwB,QAAQ,EAACC,IAAI,EAAC,GAAM,CAAA;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ,CAAA;AAEA,OAAO,MAAMC,SAAS3B,QAAuB,CAAC4B,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;QACAnB;QACAsB;QACAE;QACAD;QACAE;QACAC;QACAC;QACAhB;IACJ;IACA,MAAMoB,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,UAA0B,EAAE;IAClC,MAAMC,gBAAgC,EAAE;IAExCxC,SAASyC,OAAO,CAACb,UAAU,CAACc;QACvBA,CAAAA,MAAMC,IAAI,KAAK1C,MAAM2C,MAAM,GAAGL,UAAUC,aAAY,EAAGK,IAAI,CAACH;IACjE;IAEA,qBACI,KAACpC;QAAsBwC,OAAO;YAAC9B;YAASoB;QAAS;kBAC7C,cAAA,MAACnC,MAAM8C,IAAI;YAACtB,KAAKA;YAAKT,SAAQ;YAASgC,MAAK;YAAM,GAAGb,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAACnC,MAAMgD,OAAO;oBAAE,GAAGb,UAAU,WAAWE,eAAe;;8BACvD,MAACrC,MAAMiD,OAAO;oBAAE,GAAGd,UAAU,WAAWE,eAAe;;sCACnD,MAACrC,MAAMkD,MAAM;4BAAE,GAAGf,UAAU,UAAUE,eAAe;;gCAChDlB,QAAQA,SAAS,OACdA,qBAEA,KAACvB;oCACGuD,KAAI;oCACJC,MAAK;oCACJ,GAAGjB,UAAU,QAAQE,eAAe;oCACrCgB,KAAK5C,wBAAwB,CAACM,QAAQ;;8CAG9C,KAACf,MAAMsD,KAAK;oCAAE,GAAGnB,UAAU,SAASE,eAAe;8CAAGX;;8CACtD,KAAC1B,MAAMuD,WAAW;oCAAE,GAAGpB,UAAU,SAASE,eAAe;;;;sCAE7D,KAACrC,MAAMwD,IAAI;4BAAE,GAAGrB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAAC5C;gCAAK,GAAG0C,UAAU,SAASE,eAAe;0CAAGE;;;wBAEjDD;;;;;;AAKrB,GAAG;AAEHhB,OAAOmC,YAAY,GAAGlD;AACtBe,OAAOoC,aAAa,GAAGlD;AACvBc,OAAOqB,MAAM,GAAG3C,MAAM2C,MAAM"}
@@ -1,9 +1,14 @@
1
1
  .root {
2
- --prompt-icon-size: 68px;
2
+ --prompt-icon-size: 88px;
3
+
4
+ .header {
5
+ border-bottom: none;
6
+ align-items: center;
7
+ }
3
8
 
4
9
  .body {
5
10
  padding: 0 var(--mantine-spacing-lg) var(--mantine-spacing-lg)
6
- calc(var(--prompt-icon-size) + var(--mantine-spacing-md) + var(--mantine-spacing-lg));
11
+ calc(var(--prompt-icon-size) + (2 * var(--mantine-spacing-lg)));
7
12
  }
8
13
  }
9
14
 
@@ -13,12 +18,18 @@
13
18
  }
14
19
 
15
20
  .header {
16
- gap: var(--mantine-spacing-md);
21
+ gap: var(--mantine-spacing-lg);
17
22
  width: 100%;
23
+ font-size: var(--mantine-h3-font-size);
24
+ line-height: var(--mantine-h3-line-height);
18
25
  overflow-wrap: anywhere;
19
26
  padding: var(--mantine-spacing-lg) var(--mantine-spacing-md) var(--mantine-spacing-xs) var(--mantine-spacing-lg);
20
27
  }
21
28
 
29
+ .close {
30
+ align-self: flex-start;
31
+ }
32
+
22
33
  .inner {
23
- color: var(--mantine-color-dimmed);
34
+ color: var(--mantine-color-gray-7);
24
35
  }
@@ -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: 'var(--mantine-primary-color-filled)',
7
- info: 'var(--mantine-primary-color-filled)',
8
- warning: 'var(--mantine-color-error)',
9
- critical: 'var(--mantine-color-error)'
6
+ success: 'action',
7
+ info: 'action',
8
+ warning: 'critical',
9
+ critical: 'critical'
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: '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"}
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 +1 @@
1
- {"version":3,"file":"ReadOnlyInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,UAAW,YAAY;;;;;;;;;;;;;CAarD,CAAC"}
1
+ {"version":3,"file":"ReadOnlyInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,GAAI,OAAO,YAAY;;;;;;;;;;;;;CAarD,CAAC"}
@@ -2,11 +2,11 @@
2
2
  position: sticky;
3
3
  bottom: 0;
4
4
  z-index: 10;
5
- background-color: var(--mantine-color-body);
5
+ background-color: white;
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-default-border);
9
+ border-top: 1px solid var(--mantine-color-gray-3);
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-default-border);
17
+ border-top: 1px solid var(--mantine-color-gray-3);
18
18
  }
@@ -19,7 +19,7 @@
19
19
  left: 0;
20
20
  right: 0;
21
21
  bottom: 0;
22
- border-bottom: 1px solid var(--mantine-color-default-border);
22
+ border-bottom: 1px solid var(--mantine-color-gray-3);
23
23
  }
24
24
  }
25
25
 
@@ -66,8 +66,7 @@
66
66
 
67
67
  /* Table.Header */
68
68
  .headerRoot {
69
- border-bottom: 1px solid var(--mantine-color-default-border);
70
- border-top: 1px solid var(--mantine-color-default-border);
69
+ border-bottom: 1px solid var(--mantine-color-gray-3);
71
70
  background-color: var(--mantine-color-gray-1);
72
71
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-xl);
73
72
  position: relative;
@@ -1 +1 @@
1
- {"version":3,"file":"use-table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/use-table.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"use-table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/use-table.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"use-url-synced-state.d.ts","sourceRoot":"","sources":["../../../../src/components/table/use-url-synced-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAoB,MAAM,OAAO,CAAC;AAElE;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;AAuD7E,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACvC;;;;OAIG;IACH,YAAY,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5B;;;;;;;;;OASG;IACH,UAAU,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC1D;;;;;;;;OAQG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9D;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAKD,eAAO,MAAM,iBAAiB,GAAI,CAAC,WAAW,wBAAwB,CAAC,CAAC,CAAC,8CAmDxE,CAAC"}
1
+ {"version":3,"file":"use-url-synced-state.d.ts","sourceRoot":"","sources":["../../../../src/components/table/use-url-synced-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAoB,MAAM,OAAO,CAAC;AAElE;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;AAuD7E,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACvC;;;;OAIG;IACH,YAAY,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5B;;;;;;;;;OASG;IACH,UAAU,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC1D;;;;;;;;OAQG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9D;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAKD,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,SAAS,wBAAwB,CAAC,CAAC,CAAC,8CAmDxE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useClickWithLoading.d.ts","sourceRoot":"","sources":["../../../src/hooks/useClickWithLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAE9D,eAAO,MAAM,mBAAmB,aAAc,iBAAiB,CAAC,iBAAiB,CAAC;;yBAG5C,UAAU,CAAC,iBAAiB,CAAC;CAelE,CAAC"}
1
+ {"version":3,"file":"useClickWithLoading.d.ts","sourceRoot":"","sources":["../../../src/hooks/useClickWithLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAE9D,eAAO,MAAM,mBAAmB,GAAI,UAAU,iBAAiB,CAAC,iBAAiB,CAAC;;yBAG5C,UAAU,CAAC,iBAAiB,CAAC;CAelE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useControlledList.d.ts","sourceRoot":"","sources":["../../../src/hooks/useControlledList.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB,CAAC,CAAC;IACzB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,YAAY,CAAC,CAAC;IACpB,8CAA8C;IAC9C,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,kDAAkD;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iFAAiF;IACjF,OAAO,EAAE,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,qCAAmC,iBAAiB,CAAC,CAAC,CAAC,KAAG,CAAC,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,CA6BjH,CAAC"}
1
+ {"version":3,"file":"useControlledList.d.ts","sourceRoot":"","sources":["../../../src/hooks/useControlledList.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB,CAAC,CAAC;IACzB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,YAAY,CAAC,CAAC;IACpB,8CAA8C;IAC9C,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,kDAAkD;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iFAAiF;IACjF,OAAO,EAAE,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,mCAAiC,iBAAiB,CAAC,CAAC,CAAC,KAAG,CAAC,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,CA6BjH,CAAC"}
@@ -0,0 +1,6 @@
1
+ .root {
2
+ &[data-disabled] {
3
+ color: var(--mantine-color-gray-4);
4
+ background-color: var(--mantine-color-gray-1);
5
+ }
6
+ }
@@ -1,10 +1,35 @@
1
1
  .root {
2
+ padding: var(--mantine-spacing-sm);
3
+
2
4
  &:not(&[data-variant]) {
3
- /* TODO: Plasma Reset, validate if we need the border */
4
5
  border-color: color-mix(in srgb, var(--alert-color), var(--alert-bg) 85%);
5
6
  }
6
7
  }
7
8
 
9
+ .wrapper {
10
+ gap: var(--mantine-spacing-sm);
11
+ }
12
+
8
13
  .title {
9
14
  font-weight: 500;
10
15
  }
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
+ }
@@ -0,0 +1,6 @@
1
+ .root {
2
+ @mixin hover {
3
+ text-decoration: underline;
4
+ color: var(--mantine-color-action-8);
5
+ }
6
+ }
@@ -0,0 +1,3 @@
1
+ .navbar {
2
+ border-color: var(--mantine-color-gray-3);
3
+ }
@@ -1,3 +1,5 @@
1
1
  .root {
2
+ text-transform: none;
3
+ padding: var(--mantine-spacing-xxs) var(--mantine-spacing-xs);
2
4
  font-weight: 500;
3
5
  }
@@ -1,3 +1,20 @@
1
1
  .label {
2
+ font-size: var(--mantine-font-size-sm);
2
3
  font-weight: 300;
3
4
  }
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,10 +1,9 @@
1
- /* TODO: Plasma Reset, validate if we need the custom style for the search */
2
1
  .search {
3
2
  margin: 0 0 var(--mantine-spacing-xs);
4
- border-radius: var(--mantine-radius-default);
3
+ border-radius: var(--mantine-radius-md);
5
4
  border: 1px solid;
6
5
  width: 100%;
7
- border-color: var(--mantine-color-default-border);
6
+ border-color: var(--mantine-color-gray-4);
8
7
 
9
8
  &:focus {
10
9
  border-color: var(--mantine-primary-color-filled);
@@ -0,0 +1,3 @@
1
+ .monthCell {
2
+ text-align: center;
3
+ }
@@ -0,0 +1,3 @@
1
+ .input {
2
+ --input-color: var(--mantine-color-gray-7);
3
+ }
@@ -1,7 +1,16 @@
1
+ .label {
2
+ margin-bottom: var(--mantine-spacing-xs);
3
+ }
4
+
1
5
  .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);
2
10
  font-weight: 300;
3
11
  }
4
12
 
5
13
  .error {
14
+ line-height: var(--mantine-line-height);
6
15
  font-weight: 300;
7
16
  }
@@ -1,3 +1,65 @@
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
+
1
54
  .title {
55
+ width: 100%;
56
+ font-size: var(--mantine-h3-font-size);
57
+ line-height: var(--mantine-h3-line-height);
2
58
  font-weight: 500;
3
59
  }
60
+
61
+ .body {
62
+ &:where(:not(:only-child)) {
63
+ padding-top: var(--mb-padding, var(--mantine-spacing-md));
64
+ }
65
+ }
@@ -1,3 +1,21 @@
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
+
1
19
  .label {
2
20
  font-weight: 500;
3
21
  }
@@ -0,0 +1,20 @@
1
+ .root {
2
+ border-color: var(--mantine-color-gray-3);
3
+ background-color: var(--mantine-color-gray-0);
4
+ box-shadow: var(--mantine-shadow-lg);
5
+ padding: var(--mantine-spacing-sm);
6
+
7
+ &[data-with-icon] {
8
+ padding-left: var(--mantine-spacing-sm);
9
+ }
10
+ }
11
+
12
+ .icon {
13
+ background-color: transparent;
14
+ margin-right: var(--mantine-spacing-sm);
15
+ }
16
+
17
+ .closeButton {
18
+ margin: var(--mantine-spacing-xs);
19
+ color: var(--mantine-color-gray-5);
20
+ }
@@ -0,0 +1,30 @@
1
+ .root {
2
+ --pagination-control-fz: var(--mantine-font-size-sm);
3
+
4
+ color: var(--mantine-color-gray-6);
5
+ }
6
+
7
+ .control {
8
+ color: var(--mantine-color-gray-6);
9
+
10
+ @mixin light {
11
+ border-color: var(--mantine-color-gray-3);
12
+
13
+ @mixin hover {
14
+ &:where(:not(:disabled, [data-disabled])) {
15
+ background-color: var(--mantine-primary-color-1);
16
+ }
17
+ }
18
+ }
19
+
20
+ &:where([data-active]) {
21
+ @mixin light {
22
+ border-color: var(--pagination-active-bg);
23
+ color: var(--pagination-active-color, var(--mantine-color-white));
24
+
25
+ @mixin hover {
26
+ background-color: var(--pagination-active-bg);
27
+ }
28
+ }
29
+ }
30
+ }
@@ -1,4 +1,10 @@
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
+ }
4
10
  }
@@ -2,7 +2,7 @@
2
2
  cursor: text;
3
3
 
4
4
  --input-bd: transparent;
5
- --input-bg: var(--mantine-color-dark-light);
6
- --input-color: var(--mantine-color-dimmed);
7
- --input-placeholder-color: var(--mantine-color-dimmed);
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);
8
8
  }