@coveord/plasma-mantine 55.7.0 → 55.7.2-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 (206) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/.turbo/turbo-test.log +52 -51
  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/code-editor/CodeEditor.d.ts +7 -0
  26. package/dist/cjs/components/code-editor/CodeEditor.d.ts.map +1 -1
  27. package/dist/cjs/components/code-editor/CodeEditor.js +6 -3
  28. package/dist/cjs/components/code-editor/CodeEditor.js.map +1 -1
  29. package/dist/cjs/components/header/Header.module.css +2 -7
  30. package/dist/cjs/components/index.d.ts +2 -0
  31. package/dist/cjs/components/index.d.ts.map +1 -1
  32. package/dist/cjs/components/index.js +2 -0
  33. package/dist/cjs/components/index.js.map +1 -1
  34. package/dist/cjs/components/modal/Modal.d.ts +2 -2
  35. package/dist/cjs/components/modal/Modal.d.ts.map +1 -1
  36. package/dist/cjs/components/modal/Modal.js.map +1 -1
  37. package/dist/cjs/components/prompt/Prompt.js +1 -1
  38. package/dist/cjs/components/prompt/Prompt.js.map +1 -1
  39. package/dist/cjs/components/prompt/Prompt.module.css +4 -15
  40. package/dist/cjs/components/prompt/PromptConfirmButton.js +4 -4
  41. package/dist/cjs/components/prompt/PromptConfirmButton.js.map +1 -1
  42. package/dist/cjs/components/sticky-footer/StickyFooter.module.css +3 -3
  43. package/dist/cjs/components/table/use-url-synced-state.d.ts.map +1 -1
  44. package/dist/cjs/components/table/use-url-synced-state.js +29 -19
  45. package/dist/cjs/components/table/use-url-synced-state.js.map +1 -1
  46. package/dist/cjs/styles/Alert.module.css +1 -26
  47. package/dist/cjs/styles/Badge.module.css +0 -2
  48. package/dist/cjs/styles/Checkbox.module.css +0 -17
  49. package/dist/cjs/styles/Combobox.module.css +3 -2
  50. package/dist/cjs/styles/InputWrapper.module.css +0 -9
  51. package/dist/cjs/styles/Modal.module.css +0 -62
  52. package/dist/cjs/styles/NavLink.module.css +0 -18
  53. package/dist/cjs/styles/Radio.module.css +0 -6
  54. package/dist/cjs/styles/ReadOnlyInput.module.css +3 -3
  55. package/dist/cjs/styles/SegmentedControl.module.css +0 -32
  56. package/dist/cjs/styles/Stepper.module.css +0 -66
  57. package/dist/cjs/styles/Tabs.module.css +0 -4
  58. package/dist/cjs/theme/PlasmaColors.d.ts +11 -7
  59. package/dist/cjs/theme/PlasmaColors.d.ts.map +1 -1
  60. package/dist/cjs/theme/PlasmaColors.js +144 -19
  61. package/dist/cjs/theme/PlasmaColors.js.map +1 -1
  62. package/dist/cjs/theme/Theme.d.ts.map +1 -1
  63. package/dist/cjs/theme/Theme.js +43 -115
  64. package/dist/cjs/theme/Theme.js.map +1 -1
  65. package/dist/cjs/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
  66. package/dist/cjs/theme/plasmaCSSVariablesResolver.js +1 -5
  67. package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map +1 -1
  68. package/dist/esm/components/alert/Alert.d.ts +17 -0
  69. package/dist/esm/components/alert/Alert.d.ts.map +1 -0
  70. package/dist/esm/components/alert/Alert.js +29 -0
  71. package/dist/esm/components/alert/Alert.js.map +1 -0
  72. package/dist/esm/components/alert/index.d.ts +2 -0
  73. package/dist/esm/components/alert/index.d.ts.map +1 -0
  74. package/dist/esm/components/alert/index.js +3 -0
  75. package/dist/esm/components/alert/index.js.map +1 -0
  76. package/dist/esm/components/badge/Badge.d.ts +8 -0
  77. package/dist/esm/components/badge/Badge.d.ts.map +1 -0
  78. package/dist/esm/components/badge/Badge.js +27 -0
  79. package/dist/esm/components/badge/Badge.js.map +1 -0
  80. package/dist/esm/components/badge/index.d.ts +2 -0
  81. package/dist/esm/components/badge/index.d.ts.map +1 -0
  82. package/dist/esm/components/badge/index.js +3 -0
  83. package/dist/esm/components/badge/index.js.map +1 -0
  84. package/dist/esm/components/browser-preview/BrowserPreview.module.css +1 -1
  85. package/dist/esm/components/button/Button.d.ts +5 -0
  86. package/dist/esm/components/button/Button.d.ts.map +1 -1
  87. package/dist/esm/components/button/Button.js +17 -0
  88. package/dist/esm/components/button/Button.js.map +1 -1
  89. package/dist/esm/components/code-editor/CodeEditor.d.ts +7 -0
  90. package/dist/esm/components/code-editor/CodeEditor.d.ts.map +1 -1
  91. package/dist/esm/components/code-editor/CodeEditor.js +4 -2
  92. package/dist/esm/components/code-editor/CodeEditor.js.map +1 -1
  93. package/dist/esm/components/header/Header.module.css +2 -7
  94. package/dist/esm/components/index.d.ts +2 -0
  95. package/dist/esm/components/index.d.ts.map +1 -1
  96. package/dist/esm/components/index.js +2 -0
  97. package/dist/esm/components/index.js.map +1 -1
  98. package/dist/esm/components/modal/Modal.d.ts +2 -2
  99. package/dist/esm/components/modal/Modal.d.ts.map +1 -1
  100. package/dist/esm/components/modal/Modal.js.map +1 -1
  101. package/dist/esm/components/prompt/Prompt.js +1 -1
  102. package/dist/esm/components/prompt/Prompt.js.map +1 -1
  103. package/dist/esm/components/prompt/Prompt.module.css +4 -15
  104. package/dist/esm/components/prompt/PromptConfirmButton.js +4 -4
  105. package/dist/esm/components/prompt/PromptConfirmButton.js.map +1 -1
  106. package/dist/esm/components/sticky-footer/StickyFooter.module.css +3 -3
  107. package/dist/esm/components/table/use-url-synced-state.d.ts.map +1 -1
  108. package/dist/esm/components/table/use-url-synced-state.js +26 -18
  109. package/dist/esm/components/table/use-url-synced-state.js.map +1 -1
  110. package/dist/esm/styles/Alert.module.css +1 -26
  111. package/dist/esm/styles/Badge.module.css +0 -2
  112. package/dist/esm/styles/Checkbox.module.css +0 -17
  113. package/dist/esm/styles/Combobox.module.css +3 -2
  114. package/dist/esm/styles/InputWrapper.module.css +0 -9
  115. package/dist/esm/styles/Modal.module.css +0 -62
  116. package/dist/esm/styles/NavLink.module.css +0 -18
  117. package/dist/esm/styles/Radio.module.css +0 -6
  118. package/dist/esm/styles/ReadOnlyInput.module.css +3 -3
  119. package/dist/esm/styles/SegmentedControl.module.css +0 -32
  120. package/dist/esm/styles/Stepper.module.css +0 -66
  121. package/dist/esm/styles/Tabs.module.css +0 -4
  122. package/dist/esm/theme/PlasmaColors.d.ts +11 -7
  123. package/dist/esm/theme/PlasmaColors.d.ts.map +1 -1
  124. package/dist/esm/theme/PlasmaColors.js +144 -19
  125. package/dist/esm/theme/PlasmaColors.js.map +1 -1
  126. package/dist/esm/theme/Theme.d.ts.map +1 -1
  127. package/dist/esm/theme/Theme.js +44 -114
  128. package/dist/esm/theme/Theme.js.map +1 -1
  129. package/dist/esm/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
  130. package/dist/esm/theme/plasmaCSSVariablesResolver.js +1 -5
  131. package/dist/esm/theme/plasmaCSSVariablesResolver.js.map +1 -1
  132. package/package.json +13 -13
  133. package/src/components/alert/Alert.tsx +7 -0
  134. package/src/components/alert/index.ts +1 -0
  135. package/src/components/badge/Badge.tsx +10 -0
  136. package/src/components/badge/index.ts +1 -0
  137. package/src/components/browser-preview/BrowserPreview.module.css +1 -1
  138. package/src/components/button/Button.tsx +6 -0
  139. package/src/components/code-editor/CodeEditor.tsx +8 -1
  140. package/src/components/header/Header.module.css +2 -7
  141. package/src/components/index.ts +2 -0
  142. package/src/components/modal/Modal.tsx +2 -2
  143. package/src/components/prompt/Prompt.module.css +4 -15
  144. package/src/components/prompt/Prompt.tsx +1 -1
  145. package/src/components/prompt/PromptConfirmButton.tsx +4 -4
  146. package/src/components/sticky-footer/StickyFooter.module.css +3 -3
  147. package/src/components/table/__tests__/use-url-synced-state.unit.spec.ts +189 -138
  148. package/src/components/table/use-url-synced-state.ts +36 -18
  149. package/src/styles/Alert.module.css +1 -26
  150. package/src/styles/Badge.module.css +0 -2
  151. package/src/styles/Checkbox.module.css +0 -17
  152. package/src/styles/Combobox.module.css +3 -2
  153. package/src/styles/InputWrapper.module.css +0 -9
  154. package/src/styles/Modal.module.css +0 -62
  155. package/src/styles/NavLink.module.css +0 -18
  156. package/src/styles/Radio.module.css +0 -6
  157. package/src/styles/ReadOnlyInput.module.css +3 -3
  158. package/src/styles/SegmentedControl.module.css +0 -32
  159. package/src/styles/Stepper.module.css +0 -66
  160. package/src/styles/Tabs.module.css +0 -4
  161. package/src/theme/PlasmaColors.ts +144 -19
  162. package/src/theme/Theme.tsx +37 -86
  163. package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts +3 -46
  164. package/src/theme/plasmaCSSVariablesResolver.ts +2 -5
  165. package/dist/cjs/styles/ActionIcon.module.css +0 -6
  166. package/dist/cjs/styles/Anchor.module.css +0 -6
  167. package/dist/cjs/styles/AppShellNavBar.module.css +0 -3
  168. package/dist/cjs/styles/DatePicker.module.css +0 -3
  169. package/dist/cjs/styles/Input.module.css +0 -3
  170. package/dist/cjs/styles/Notification.module.css +0 -20
  171. package/dist/cjs/styles/Pagination.module.css +0 -30
  172. package/dist/cjs/styles/Select.module.css +0 -39
  173. package/dist/cjs/vars/Notification.vars.d.ts +0 -3
  174. package/dist/cjs/vars/Notification.vars.d.ts.map +0 -1
  175. package/dist/cjs/vars/Notification.vars.js +0 -44
  176. package/dist/cjs/vars/Notification.vars.js.map +0 -1
  177. package/dist/cjs/vars/Text.vars.d.ts +0 -3
  178. package/dist/cjs/vars/Text.vars.d.ts.map +0 -1
  179. package/dist/cjs/vars/Text.vars.js +0 -25
  180. package/dist/cjs/vars/Text.vars.js.map +0 -1
  181. package/dist/esm/styles/ActionIcon.module.css +0 -6
  182. package/dist/esm/styles/Anchor.module.css +0 -6
  183. package/dist/esm/styles/AppShellNavBar.module.css +0 -3
  184. package/dist/esm/styles/DatePicker.module.css +0 -3
  185. package/dist/esm/styles/Input.module.css +0 -3
  186. package/dist/esm/styles/Notification.module.css +0 -20
  187. package/dist/esm/styles/Pagination.module.css +0 -30
  188. package/dist/esm/styles/Select.module.css +0 -39
  189. package/dist/esm/vars/Notification.vars.d.ts +0 -3
  190. package/dist/esm/vars/Notification.vars.d.ts.map +0 -1
  191. package/dist/esm/vars/Notification.vars.js +0 -34
  192. package/dist/esm/vars/Notification.vars.js.map +0 -1
  193. package/dist/esm/vars/Text.vars.d.ts +0 -3
  194. package/dist/esm/vars/Text.vars.d.ts.map +0 -1
  195. package/dist/esm/vars/Text.vars.js +0 -15
  196. package/dist/esm/vars/Text.vars.js.map +0 -1
  197. package/src/styles/ActionIcon.module.css +0 -6
  198. package/src/styles/Anchor.module.css +0 -6
  199. package/src/styles/AppShellNavBar.module.css +0 -3
  200. package/src/styles/DatePicker.module.css +0 -3
  201. package/src/styles/Input.module.css +0 -3
  202. package/src/styles/Notification.module.css +0 -20
  203. package/src/styles/Pagination.module.css +0 -30
  204. package/src/styles/Select.module.css +0 -39
  205. package/src/vars/Notification.vars.ts +0 -14
  206. package/src/vars/Text.vars.ts +0 -8
@@ -1,14 +1,9 @@
1
1
  .root {
2
- --prompt-icon-size: 88px;
3
-
4
- .header {
5
- border-bottom: none;
6
- align-items: center;
7
- }
2
+ --prompt-icon-size: 68px;
8
3
 
9
4
  .body {
10
5
  padding: 0 var(--mantine-spacing-lg) var(--mantine-spacing-lg)
11
- calc(var(--prompt-icon-size) + (2 * var(--mantine-spacing-lg)));
6
+ calc(var(--prompt-icon-size) + var(--mantine-spacing-md) + var(--mantine-spacing-lg));
12
7
  }
13
8
  }
14
9
 
@@ -18,18 +13,12 @@
18
13
  }
19
14
 
20
15
  .header {
21
- gap: var(--mantine-spacing-lg);
16
+ gap: var(--mantine-spacing-md);
22
17
  width: 100%;
23
- font-size: var(--mantine-h3-font-size);
24
- line-height: var(--mantine-h3-line-height);
25
18
  overflow-wrap: anywhere;
26
19
  padding: var(--mantine-spacing-lg) var(--mantine-spacing-md) var(--mantine-spacing-xs) var(--mantine-spacing-lg);
27
20
  }
28
21
 
29
- .close {
30
- align-self: flex-start;
31
- }
32
-
33
22
  .inner {
34
- color: var(--mantine-color-gray-7);
23
+ color: var(--mantine-color-dimmed);
35
24
  }
@@ -15,10 +15,10 @@ var _core = require("@mantine/core");
15
15
  var _Button = require("../button/Button");
16
16
  var _Promptcontext = require("./Prompt.context");
17
17
  var COLOR_BY_VARIANT = {
18
- success: 'action',
19
- info: 'action',
20
- warning: 'critical',
21
- critical: 'critical'
18
+ success: 'var(--mantine-primary-color-filled)',
19
+ info: 'var(--mantine-primary-color-filled)',
20
+ warning: 'var(--mantine-color-error)',
21
+ critical: 'var(--mantine-color-error)'
22
22
  };
23
23
  var defaultProps = {};
24
24
  var PromptConfirmButton = (0, _core.factory)(function(_props, ref) {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, ButtonProps} from '../button/Button';\nimport {PromptVariant} from './Prompt';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n props: PromptConfirmButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptConfirmButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst COLOR_BY_VARIANT: Record<PromptVariant, string> = {\n success: 'action',\n info: 'action',\n warning: 'critical',\n critical: 'critical',\n};\n\nconst defaultProps: Partial<PromptConfirmButtonProps> = {};\n\nexport const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {\n const {variant, getStyles} = usePromptContext();\n const props = useProps('PromptConfirmButton', defaultProps, _props);\n const {\n className,\n classNames,\n style,\n styles,\n unstyled,\n vars,\n disabled,\n disabledTooltip,\n disabledTooltipProps,\n ...others\n } = props;\n\n return (\n <Button\n ref={ref}\n variant=\"filled\"\n color={COLOR_BY_VARIANT[variant]}\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n {...others}\n {...getStyles('confirm', {style, styles, className, classNames})}\n />\n );\n});\n"],"names":["PromptConfirmButton","COLOR_BY_VARIANT","success","info","warning","critical","defaultProps","factory","_props","ref","usePromptContext","variant","getStyles","props","useProps","className","classNames","style","styles","unstyled","vars","disabled","disabledTooltip","disabledTooltipProps","others","Button","color"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;oBA3BoD;sBAC/B;6BAEH;AAe/B,IAAMC,mBAAkD;IACpDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,UAAU;AACd;AAEA,IAAMC,eAAkD,CAAC;AAElD,IAAMN,sBAAsBO,IAAAA,aAAO,EAA6B,SAACC,QAAQC;IAC5E,IAA6BC,oBAAAA,IAAAA,+BAAgB,KAAtCC,UAAsBD,kBAAtBC,SAASC,YAAaF,kBAAbE;IAChB,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBR,cAAcE;IAC5D,IACIO,YAUAF,MAVAE,WACAC,aASAH,MATAG,YACAC,QAQAJ,MARAI,OACAC,SAOAL,MAPAK,QACAC,WAMAN,MANAM,UACAC,OAKAP,MALAO,MACAC,WAIAR,MAJAQ,UACAC,kBAGAT,MAHAS,iBACAC,uBAEAV,MAFAU,sBACGC,sCACHX;QAVAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAIJ,qBACI,qBAACE,cAAM;QACHhB,KAAKA;QACLE,SAAQ;QACRe,OAAOzB,gBAAgB,CAACU,QAAQ;QAChCU,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;OAClBC,QACAZ,UAAU,WAAW;QAACK,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAG1E"}
1
+ {"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, ButtonProps} from '../button/Button';\nimport {PromptVariant} from './Prompt';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n props: PromptConfirmButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptConfirmButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst COLOR_BY_VARIANT: Record<PromptVariant, string> = {\n success: 'var(--mantine-primary-color-filled)',\n info: 'var(--mantine-primary-color-filled)',\n warning: 'var(--mantine-color-error)',\n critical: 'var(--mantine-color-error)',\n};\n\nconst defaultProps: Partial<PromptConfirmButtonProps> = {};\n\nexport const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {\n const {variant, getStyles} = usePromptContext();\n const props = useProps('PromptConfirmButton', defaultProps, _props);\n const {\n className,\n classNames,\n style,\n styles,\n unstyled,\n vars,\n disabled,\n disabledTooltip,\n disabledTooltipProps,\n ...others\n } = props;\n\n return (\n <Button\n ref={ref}\n variant=\"filled\"\n color={COLOR_BY_VARIANT[variant]}\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n {...others}\n {...getStyles('confirm', {style, styles, className, classNames})}\n />\n );\n});\n"],"names":["PromptConfirmButton","COLOR_BY_VARIANT","success","info","warning","critical","defaultProps","factory","_props","ref","usePromptContext","variant","getStyles","props","useProps","className","classNames","style","styles","unstyled","vars","disabled","disabledTooltip","disabledTooltipProps","others","Button","color"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;oBA3BoD;sBAC/B;6BAEH;AAe/B,IAAMC,mBAAkD;IACpDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,UAAU;AACd;AAEA,IAAMC,eAAkD,CAAC;AAElD,IAAMN,sBAAsBO,IAAAA,aAAO,EAA6B,SAACC,QAAQC;IAC5E,IAA6BC,oBAAAA,IAAAA,+BAAgB,KAAtCC,UAAsBD,kBAAtBC,SAASC,YAAaF,kBAAbE;IAChB,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBR,cAAcE;IAC5D,IACIO,YAUAF,MAVAE,WACAC,aASAH,MATAG,YACAC,QAQAJ,MARAI,OACAC,SAOAL,MAPAK,QACAC,WAMAN,MANAM,UACAC,OAKAP,MALAO,MACAC,WAIAR,MAJAQ,UACAC,kBAGAT,MAHAS,iBACAC,uBAEAV,MAFAU,sBACGC,sCACHX;QAVAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAIJ,qBACI,qBAACE,cAAM;QACHhB,KAAKA;QACLE,SAAQ;QACRe,OAAOzB,gBAAgB,CAACU,QAAQ;QAChCU,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;OAClBC,QACAZ,UAAU,WAAW;QAACK,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAG1E"}
@@ -2,11 +2,11 @@
2
2
  position: sticky;
3
3
  bottom: 0;
4
4
  z-index: 10;
5
- background-color: white;
5
+ background-color: var(--mantine-color-body);
6
6
  padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
7
7
 
8
8
  &[data-variant='modal-footer'] {
9
- border-top: 1px solid var(--mantine-color-gray-3);
9
+ border-top: 1px solid var(--mantine-color-default-border);
10
10
  padding-bottom: 0;
11
11
  margin: var(--mb-padding) calc(-1 * var(--mb-padding)) calc(var(--mantine-spacing-md) - var(--mb-padding))
12
12
  calc(-1 * var(--mb-padding));
@@ -14,5 +14,5 @@
14
14
  }
15
15
 
16
16
  .border {
17
- border-top: 1px solid var(--mantine-color-gray-3);
17
+ border-top: 1px solid var(--mantine-color-default-border);
18
18
  }
@@ -1 +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;AAyC7E,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,8CA+CxE,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,WAAW,wBAAwB,CAAC,CAAC,CAAC,8CAmDxE,CAAC"}
@@ -11,14 +11,22 @@ Object.defineProperty(exports, "useUrlSyncedState", {
11
11
  var _instanceof = require("@swc/helpers/_/_instanceof");
12
12
  var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
13
13
  var _react = require("react");
14
+ var slice = Function.prototype.call.bind(Array.prototype.slice);
14
15
  /**
15
- * Get the index of the ? in a URL that denotes the start of the "search".
16
- * Performs a nested search for '#/', to detect hash router urls and take the params of the hash in that case.
16
+ * Split a url into its parts.
17
17
  *
18
- * @param url The URL to search.
19
- * @returns The location of the question mark, or `-1` if not found.
20
- */ var indexOfSearch = function(url) {
21
- return url.indexOf('?', url.indexOf('#/') + 1);
18
+ * @param href The url to extract the parts from.
19
+ * @returns The separate parts, all are an empty string if not present.
20
+ */ var extractParts = function(href) {
21
+ return slice(/^([^?#]*)(\?[^#]*|)(#[^?]*|)(\?.*|)$/.exec(href !== null && href !== void 0 ? href : ''), 1, 5);
22
+ };
23
+ /**
24
+ * The index of the search parameter to use, e.g. hashSearch for hash routes (hash starts with '#/').
25
+ *
26
+ * @param parts: The url parts, as returned by `extractParts`.
27
+ * @returns The index of the search parameter to use (1 or 3).
28
+ */ var searchIndex = function(parts) {
29
+ return /^#\//.test(parts[2]) ? 3 : 1;
22
30
  };
23
31
  /**
24
32
  * Read the **current** search params from `window.location`, with support for detecting React's HashRouter.
@@ -26,9 +34,8 @@ var _react = require("react");
26
34
  *
27
35
  * @returns The `URLSearchParams` instance, and a function that can be used to get an updated href.
28
36
  */ var getSearchParams = function() {
29
- var href = window.location.href;
30
- var searchStart = indexOfSearch(href);
31
- return new URLSearchParams(searchStart < 0 ? undefined : href.substring(searchStart));
37
+ var parts = extractParts(window.location.href);
38
+ return new URLSearchParams(parts[searchIndex(parts)]);
32
39
  };
33
40
  /**
34
41
  * Apply the search params to the current location, using `replaceState` (no navigation history).
@@ -37,13 +44,12 @@ var _react = require("react");
37
44
  * @param params The parameters to apply.
38
45
  */ var applySearchParams = function(params) {
39
46
  var currentHref = window.location.href;
40
- var index = indexOfSearch(currentHref);
41
- var nextHref = index < 0 ? currentHref : currentHref.substring(0, index);
42
- if (params.size > 0) {
43
- nextHref = nextHref.concat('?', params.toString());
44
- }
45
- if (nextHref !== currentHref) {
46
- window.history.replaceState(null, '', nextHref);
47
+ var parts = extractParts(currentHref);
48
+ var search = params.size > 0 ? "?".concat(params.toString()) : '';
49
+ var index = searchIndex(parts);
50
+ if (parts[index] !== search) {
51
+ parts[index] = search;
52
+ window.history.replaceState(null, '', parts.join(''));
47
53
  }
48
54
  };
49
55
  var getInitialState = function(options) {
@@ -59,14 +65,18 @@ var useUrlSyncedState = function(options) {
59
65
  var initialStateSerialized = (0, _react.useMemo)(function() {
60
66
  var stateMap = new Map();
61
67
  var initialize = null;
68
+ var needsApply = false;
62
69
  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
63
70
  try {
64
71
  for(var _iterator = options.serializer(getInitialState(options))[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
65
72
  var _step_value = _sliced_to_array._(_step.value, 3), key = _step_value[0], value = _step_value[1], alwaysEmit = _step_value[2];
66
73
  stateMap.set(key, value);
67
- if (alwaysEmit && value) {
74
+ if (sync && alwaysEmit && value) {
68
75
  initialize !== null && initialize !== void 0 ? initialize : initialize = getSearchParams();
69
- initialize.set(key, value);
76
+ if (!initialize.has(key)) {
77
+ needsApply = true;
78
+ initialize.set(key, value);
79
+ }
70
80
  }
71
81
  }
72
82
  } catch (err) {
@@ -83,7 +93,7 @@ var useUrlSyncedState = function(options) {
83
93
  }
84
94
  }
85
95
  }
86
- if (initialize) {
96
+ if (needsApply) {
87
97
  applySearchParams(initialize);
88
98
  }
89
99
  return stateMap;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/table/use-url-synced-state.ts"],"sourcesContent":["import {Dispatch, SetStateAction, useMemo, useState} from 'react';\n\n/**\n * A search param entry defines the encoded value of a search parameter as `[key, value, alwaysEmit?]`.\n * The third entry is an optional boolean that defaults to `false`.\n * Setting `alwaysEmit` to `true` means any non-nullish value is always written to the search params,\n * even if it matches the initial value. It is also written on initialization.\n */\nexport type SearchParamEntry = [string, string | null | undefined, boolean?];\n\n/**\n * Get the index of the ? in a URL that denotes the start of the \"search\".\n * Performs a nested search for '#/', to detect hash router urls and take the params of the hash in that case.\n *\n * @param url The URL to search.\n * @returns The location of the question mark, or `-1` if not found.\n */\nconst indexOfSearch = (url: string): number => url.indexOf('?', url.indexOf('#/') + 1);\n\n/**\n * Read the **current** search params from `window.location`, with support for detecting React's HashRouter.\n * Also returns a method that will yield the href (string) value, after any changes made on the params object.\n *\n * @returns The `URLSearchParams` instance, and a function that can be used to get an updated href.\n */\nconst getSearchParams = (): URLSearchParams => {\n const href = window.location.href;\n const searchStart = indexOfSearch(href);\n return new URLSearchParams(searchStart < 0 ? undefined : href.substring(searchStart));\n};\n\n/**\n * Apply the search params to the current location, using `replaceState` (no navigation history).\n * Note that only parameters in the `params` argument will be set, any other current params will be removed.\n *\n * @param params The parameters to apply.\n */\nconst applySearchParams = (params: URLSearchParams): void => {\n const currentHref = window.location.href;\n const index = indexOfSearch(currentHref);\n let nextHref = index < 0 ? currentHref : currentHref.substring(0, index);\n if (params.size > 0) {\n nextHref = nextHref.concat('?', params.toString());\n }\n if (nextHref !== currentHref) {\n window.history.replaceState(null, '', nextHref);\n }\n};\n\nexport interface UseUrlSyncedStateOptions<T> {\n /**\n * The initial state to use, if there would be no search params to deserialize from.\n * These values are also treated as defaults, and if the current state matches the initialState,\n * no value will be written to the search params.\n */\n initialState: T | (() => T);\n /**\n * The serializer function is used to determine how the state is translated to url search parameters.\n * Called each time the state changes.\n * Note that the serializer should always return entries for keys it controls, also if the current value is \"unset\" (`null` or empty).\n * This ensures params get removed from the search when they are being unset.\n *\n * @param stateValue The new state value to serialize.\n * @returns An iterable of `[key, value]` to set as url search parameters.\n * @example (filterValue) => [['filter', filterValue]] // ?filter=filterValue\n */\n serializer: (stateValue: T) => Iterable<SearchParamEntry>;\n /**\n * The deserializer function is used to determine how the url parameters influence the initial state.\n * May return a partial state, values that are not deserialed are taken from the `initialState`.\n * Called only once when initializing the state.\n * @param params All the search parameters of the current url.\n * @param initialState The initialState, can be used to take defaults from.\n * @returns The initial state based on the current url.\n * @example (params) => params.get('filter') ?? '',\n */\n deserializer: (params: URLSearchParams, initialState: T) => T;\n /**\n * Whether the state should be synced with the url, defaults to `true`.\n * When set to `false`, the hook behaves just like a regular `useState` hook from react.\n */\n sync?: boolean;\n}\n\nconst getInitialState = <T>(options: UseUrlSyncedStateOptions<T>): T =>\n options.initialState instanceof Function ? options.initialState() : options.initialState;\n\nexport const useUrlSyncedState = <T>(options: UseUrlSyncedStateOptions<T>) => {\n const sync = options.sync !== false;\n const [state, setState] = useState<T>(() => {\n const initialState = getInitialState(options);\n return sync ? options.deserializer(getSearchParams(), initialState) : initialState;\n });\n // Capture the initial state as a map (first render only!), to compare values and see if they should be set to the params.\n const initialStateSerialized = useMemo(() => {\n const stateMap = new Map<string, string>();\n let initialize: URLSearchParams | null = null;\n for (const [key, value, alwaysEmit] of options.serializer(getInitialState(options))) {\n stateMap.set(key, value);\n if (alwaysEmit && value) {\n initialize ??= getSearchParams();\n initialize.set(key, value);\n }\n }\n if (initialize) {\n applySearchParams(initialize);\n }\n return stateMap;\n }, []);\n\n const enhancedSetState = useMemo<Dispatch<SetStateAction<T>>>(() => {\n if (!sync) {\n return setState;\n }\n return (updater: SetStateAction<T>) => {\n setState((old) => {\n const newValue = updater instanceof Function ? updater(old) : updater;\n\n const search = getSearchParams();\n for (const [key, value, alwaysEmit] of options.serializer(newValue)) {\n if (value && (alwaysEmit || !Object.is(initialStateSerialized.get(key), value))) {\n search.set(key, value);\n } else {\n search.delete(key);\n }\n }\n applySearchParams(search);\n\n return newValue;\n });\n };\n }, [sync]);\n\n return [state, enhancedSetState] as const;\n};\n"],"names":["useUrlSyncedState","indexOfSearch","url","indexOf","getSearchParams","href","window","location","searchStart","URLSearchParams","undefined","substring","applySearchParams","params","currentHref","index","nextHref","size","concat","toString","history","replaceState","getInitialState","options","Function","initialState","sync","useState","deserializer","state","setState","initialStateSerialized","useMemo","stateMap","Map","initialize","serializer","key","value","alwaysEmit","set","enhancedSetState","updater","old","newValue","search","Object","is","get","delete"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../../src/components/table/use-url-synced-state.ts"],"sourcesContent":["import {Dispatch, SetStateAction, useMemo, useState} from 'react';\n\n/**\n * A search param entry defines the encoded value of a search parameter as `[key, value, alwaysEmit?]`.\n * The third entry is an optional boolean that defaults to `false`.\n * Setting `alwaysEmit` to `true` means any non-nullish value is always written to the search params,\n * even if it matches the initial value. It is also written on initialization.\n */\nexport type SearchParamEntry = [string, string | null | undefined, boolean?];\n\n/** A URL split into an array of length 4, as [pathname, search, hash, hashSearch] */\ntype UrlParts = [string, string, string, string];\n\nconst slice = Function.prototype.call.bind(Array.prototype.slice) as <T>(\n from: ArrayLike<T>,\n start?: number,\n end?: number,\n) => T[];\n\n/**\n * Split a url into its parts.\n *\n * @param href The url to extract the parts from.\n * @returns The separate parts, all are an empty string if not present.\n */\nconst extractParts = (href: string) => slice(/^([^?#]*)(\\?[^#]*|)(#[^?]*|)(\\?.*|)$/.exec(href ?? ''), 1, 5) as UrlParts;\n\n/**\n * The index of the search parameter to use, e.g. hashSearch for hash routes (hash starts with '#/').\n *\n * @param parts: The url parts, as returned by `extractParts`.\n * @returns The index of the search parameter to use (1 or 3).\n */\nconst searchIndex = (parts: UrlParts): 1 | 3 => (/^#\\//.test(parts[2]) ? 3 : 1);\n\n/**\n * Read the **current** search params from `window.location`, with support for detecting React's HashRouter.\n * Also returns a method that will yield the href (string) value, after any changes made on the params object.\n *\n * @returns The `URLSearchParams` instance, and a function that can be used to get an updated href.\n */\nconst getSearchParams = (): URLSearchParams => {\n const parts = extractParts(window.location.href);\n return new URLSearchParams(parts[searchIndex(parts)]);\n};\n\n/**\n * Apply the search params to the current location, using `replaceState` (no navigation history).\n * Note that only parameters in the `params` argument will be set, any other current params will be removed.\n *\n * @param params The parameters to apply.\n */\nconst applySearchParams = (params: URLSearchParams): void => {\n const currentHref = window.location.href;\n const parts = extractParts(currentHref);\n const search = params.size > 0 ? `?${params.toString()}` : '';\n const index = searchIndex(parts);\n if (parts[index] !== search) {\n parts[index] = search;\n window.history.replaceState(null, '', parts.join(''));\n }\n};\n\nexport interface UseUrlSyncedStateOptions<T> {\n /**\n * The initial state to use, if there would be no search params to deserialize from.\n * These values are also treated as defaults, and if the current state matches the initialState,\n * no value will be written to the search params.\n */\n initialState: T | (() => T);\n /**\n * The serializer function is used to determine how the state is translated to url search parameters.\n * Called each time the state changes.\n * Note that the serializer should always return entries for keys it controls, also if the current value is \"unset\" (`null` or empty).\n * This ensures params get removed from the search when they are being unset.\n *\n * @param stateValue The new state value to serialize.\n * @returns An iterable of `[key, value]` to set as url search parameters.\n * @example (filterValue) => [['filter', filterValue]] // ?filter=filterValue\n */\n serializer: (stateValue: T) => Iterable<SearchParamEntry>;\n /**\n * The deserializer function is used to determine how the url parameters influence the initial state.\n * May return a partial state, values that are not deserialed are taken from the `initialState`.\n * Called only once when initializing the state.\n * @param params All the search parameters of the current url.\n * @param initialState The initialState, can be used to take defaults from.\n * @returns The initial state based on the current url.\n * @example (params) => params.get('filter') ?? '',\n */\n deserializer: (params: URLSearchParams, initialState: T) => T;\n /**\n * Whether the state should be synced with the url, defaults to `true`.\n * When set to `false`, the hook behaves just like a regular `useState` hook from react.\n */\n sync?: boolean;\n}\n\nconst getInitialState = <T>(options: UseUrlSyncedStateOptions<T>): T =>\n options.initialState instanceof Function ? options.initialState() : options.initialState;\n\nexport const useUrlSyncedState = <T>(options: UseUrlSyncedStateOptions<T>) => {\n const sync = options.sync !== false;\n const [state, setState] = useState<T>(() => {\n const initialState = getInitialState(options);\n return sync ? options.deserializer(getSearchParams(), initialState) : initialState;\n });\n // Capture the initial state as a map (first render only!), to compare values and see if they should be set to the params.\n const initialStateSerialized = useMemo(() => {\n const stateMap = new Map<string, string>();\n let initialize: URLSearchParams | null = null;\n let needsApply = false;\n for (const [key, value, alwaysEmit] of options.serializer(getInitialState(options))) {\n stateMap.set(key, value);\n if (sync && alwaysEmit && value) {\n initialize ??= getSearchParams();\n if (!initialize.has(key)) {\n needsApply = true;\n initialize.set(key, value);\n }\n }\n }\n if (needsApply) {\n applySearchParams(initialize);\n }\n return stateMap;\n }, []);\n\n const enhancedSetState = useMemo<Dispatch<SetStateAction<T>>>(() => {\n if (!sync) {\n return setState;\n }\n return (updater: SetStateAction<T>) => {\n setState((old) => {\n const newValue = updater instanceof Function ? updater(old) : updater;\n\n const search = getSearchParams();\n for (const [key, value, alwaysEmit] of options.serializer(newValue)) {\n if (value && (alwaysEmit || !Object.is(initialStateSerialized.get(key), value))) {\n search.set(key, value);\n } else {\n search.delete(key);\n }\n }\n applySearchParams(search);\n\n return newValue;\n });\n };\n }, [sync]);\n\n return [state, enhancedSetState] as const;\n};\n"],"names":["useUrlSyncedState","slice","Function","prototype","call","bind","Array","extractParts","href","exec","searchIndex","parts","test","getSearchParams","window","location","URLSearchParams","applySearchParams","params","currentHref","search","size","toString","index","history","replaceState","join","getInitialState","options","initialState","sync","useState","deserializer","state","setState","initialStateSerialized","useMemo","stateMap","Map","initialize","needsApply","serializer","key","value","alwaysEmit","set","has","enhancedSetState","updater","old","newValue","Object","is","get","delete"],"mappings":"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"}
@@ -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"}