@blocknote/mantine 0.14.2 → 0.14.3

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.
@@ -1 +1 @@
1
- {"builtAt":1719257230545,"assets":[{"name":"blocknote-mantine.umd.cjs","size":30426},{"name":"blocknote-mantine.umd.cjs.map","size":354224}],"chunks":[{"id":"ec22802","entry":true,"initial":true,"files":["blocknote-mantine.umd.cjs"],"names":["index"]}],"modules":[{"name":"../../node_modules/react/jsx-runtime.js?commonjs-module","size":31,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js?commonjs-exports","size":40,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js","size":1200,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js?commonjs-exports","size":37,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js","size":44073,"chunks":["ec22802"]},{"name":"../../node_modules/react/jsx-runtime.js","size":225,"chunks":["ec22802"]},{"name":"./src/BlockNoteTheme.ts","size":2185,"chunks":["ec22802"]},{"name":"./src/form/TextInput.tsx","size":582,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/lib/iconContext.mjs","size":251,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/lib/iconBase.mjs","size":4014,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/hi/index.mjs","size":744,"chunks":["ec22802"]},{"name":"./src/menu/Menu.tsx","size":4155,"chunks":["ec22802"]},{"name":"./src/panel/Panel.tsx","size":1057,"chunks":["ec22802"]},{"name":"./src/panel/PanelButton.tsx","size":352,"chunks":["ec22802"]},{"name":"./src/panel/PanelFileInput.tsx","size":374,"chunks":["ec22802"]},{"name":"./src/panel/PanelTab.tsx","size":216,"chunks":["ec22802"]},{"name":"./src/panel/PanelTextInput.tsx","size":399,"chunks":["ec22802"]},{"name":"./src/popover/Popover.tsx","size":759,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenu.tsx","size":316,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenuButton.tsx","size":787,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenu.tsx","size":314,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuEmptyItem.tsx","size":352,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuItem.tsx","size":1806,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLabel.tsx","size":234,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLoader.tsx","size":290,"chunks":["ec22802"]},{"name":"./src/tableHandle/TableHandle.tsx","size":459,"chunks":["ec22802"]},{"name":"./src/toolbar/Toolbar.tsx","size":569,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarButton.tsx","size":2278,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarSelect.tsx","size":1841,"chunks":["ec22802"]},{"name":"./src/style.css","size":17,"chunks":["ec22802"]},{"name":"./src/defaultThemes.ts","size":3405,"chunks":["ec22802"]},{"name":"./src/index.tsx","size":2547,"chunks":["ec22802"]}]}
1
+ {"builtAt":1720006030036,"assets":[{"name":"blocknote-mantine.umd.cjs","size":30426},{"name":"blocknote-mantine.umd.cjs.map","size":354229}],"chunks":[{"id":"ec22802","entry":true,"initial":true,"files":["blocknote-mantine.umd.cjs"],"names":["index"]}],"modules":[{"name":"../../node_modules/react/jsx-runtime.js?commonjs-module","size":31,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js?commonjs-exports","size":40,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js","size":1200,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js?commonjs-exports","size":37,"chunks":["ec22802"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js","size":44073,"chunks":["ec22802"]},{"name":"../../node_modules/react/jsx-runtime.js","size":225,"chunks":["ec22802"]},{"name":"./src/BlockNoteTheme.ts","size":2185,"chunks":["ec22802"]},{"name":"./src/form/TextInput.tsx","size":582,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/lib/iconContext.mjs","size":251,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/lib/iconBase.mjs","size":4014,"chunks":["ec22802"]},{"name":"../../node_modules/react-icons/hi/index.mjs","size":744,"chunks":["ec22802"]},{"name":"./src/menu/Menu.tsx","size":4155,"chunks":["ec22802"]},{"name":"./src/panel/Panel.tsx","size":1057,"chunks":["ec22802"]},{"name":"./src/panel/PanelButton.tsx","size":352,"chunks":["ec22802"]},{"name":"./src/panel/PanelFileInput.tsx","size":374,"chunks":["ec22802"]},{"name":"./src/panel/PanelTab.tsx","size":216,"chunks":["ec22802"]},{"name":"./src/panel/PanelTextInput.tsx","size":399,"chunks":["ec22802"]},{"name":"./src/popover/Popover.tsx","size":759,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenu.tsx","size":316,"chunks":["ec22802"]},{"name":"./src/sideMenu/SideMenuButton.tsx","size":787,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenu.tsx","size":314,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuEmptyItem.tsx","size":352,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuItem.tsx","size":1806,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLabel.tsx","size":234,"chunks":["ec22802"]},{"name":"./src/suggestionMenu/SuggestionMenuLoader.tsx","size":290,"chunks":["ec22802"]},{"name":"./src/tableHandle/TableHandle.tsx","size":459,"chunks":["ec22802"]},{"name":"./src/toolbar/Toolbar.tsx","size":569,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarButton.tsx","size":2278,"chunks":["ec22802"]},{"name":"./src/toolbar/ToolbarSelect.tsx","size":1841,"chunks":["ec22802"]},{"name":"./src/style.css","size":17,"chunks":["ec22802"]},{"name":"./src/defaultThemes.ts","size":3405,"chunks":["ec22802"]},{"name":"./src/index.tsx","size":2552,"chunks":["ec22802"]}]}
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "*.css"
7
7
  ],
8
8
  "license": "MPL-2.0",
9
- "version": "0.14.2",
9
+ "version": "0.14.3",
10
10
  "files": [
11
11
  "dist",
12
12
  "types",
@@ -51,8 +51,8 @@
51
51
  "clean": "rimraf dist && rimraf types"
52
52
  },
53
53
  "dependencies": {
54
- "@blocknote/core": "^0.14.2",
55
- "@blocknote/react": "^0.14.2",
54
+ "@blocknote/core": "^0.14.3",
55
+ "@blocknote/react": "^0.14.3",
56
56
  "@mantine/core": "^7.10.1",
57
57
  "@mantine/hooks": "^7.10.1",
58
58
  "@mantine/utils": "^6.0.21",
@@ -87,5 +87,5 @@
87
87
  "access": "public",
88
88
  "registry": "https://registry.npmjs.org/"
89
89
  },
90
- "gitHead": "edfb6e84dbcefc26feb5045bd9a6351b05aefdd8"
90
+ "gitHead": "7e815acca6ced4d59becf0b375cc02e50b5c3ab5"
91
91
  }
package/src/index.tsx CHANGED
@@ -12,7 +12,7 @@ import {
12
12
  } from "@blocknote/react";
13
13
  import { MantineProvider } from "@mantine/core";
14
14
  import { ComponentProps, useCallback } from "react";
15
- import usePrefersColorScheme from "use-prefers-color-scheme";
15
+ import { usePrefersColorScheme } from "use-prefers-color-scheme";
16
16
 
17
17
  import {
18
18
  Theme,
package/src/style.css CHANGED
@@ -4,13 +4,13 @@
4
4
  /* Mantine base styles*/
5
5
 
6
6
  /* Mantine Badge component base styles */
7
- .mantine-Badge-root {
7
+ .bn-mantine .mantine-Badge-root {
8
8
  background-color: var(--bn-colors-tooltip-background);
9
9
  color: var(--bn-colors-tooltip-text);
10
10
  }
11
11
 
12
12
  /* Mantine FileInput component base styles */
13
- .mantine-FileInput-input {
13
+ .bn-mantine .mantine-FileInput-input {
14
14
  align-items: center;
15
15
  background-color: var(--bn-colors-menu-background);
16
16
  border: none;
@@ -18,25 +18,27 @@
18
18
  color: var(--bn-colors-menu-text);
19
19
  display: flex;
20
20
  flex-direction: row;
21
+ font-family: var(--bn-font-family);
21
22
  justify-content: center;
22
23
  }
23
24
 
24
- .mantine-FileInput-input:hover {
25
+ .bn-mantine .mantine-FileInput-input:hover {
25
26
  background-color: var(--bn-colors-hovered-background);
26
27
  }
27
28
 
28
- .mantine-FileInput-wrapper {
29
+ .bn-mantine .mantine-FileInput-wrapper {
29
30
  border: solid var(--bn-colors-border) 1px;
30
31
  border-radius: 4px;
31
32
  }
32
33
 
33
- .mantine-InputPlaceholder-placeholder {
34
+ .bn-mantine .mantine-InputPlaceholder-placeholder {
34
35
  color: var(--bn-colors-menu-text);
36
+ font-family: var(--bn-font-family);
35
37
  font-weight: 600;
36
38
  }
37
39
 
38
40
  /* Mantine Menu component base styles */
39
- .mantine-Menu-dropdown {
41
+ .bn-mantine .mantine-Menu-dropdown {
40
42
  background-color: var(--bn-colors-menu-background);
41
43
  border: var(--bn-border);
42
44
  border-radius: var(--bn-border-radius-medium);
@@ -47,27 +49,27 @@
47
49
  overflow: auto;
48
50
  }
49
51
 
50
- .mantine-Menu-label {
52
+ .bn-mantine .mantine-Menu-label {
51
53
  background-color: var(--bn-colors-menu-background);
52
54
  color: var(--bn-colors-menu-text);
53
55
  }
54
56
 
55
- .mantine-Menu-item {
57
+ .bn-mantine .mantine-Menu-item {
56
58
  background-color: var(--bn-colors-menu-background);
57
59
  border: none;
58
60
  border-radius: var(--bn-border-radius-small);
59
61
  color: var(--bn-colors-menu-text);
60
62
  }
61
63
 
62
- .mantine-Menu-item[aria-selected="true"],
63
- .mantine-Menu-item:hover {
64
+ .bn-mantine .mantine-Menu-item[aria-selected="true"],
65
+ .bn-mantine .mantine-Menu-item:hover {
64
66
  background-color: var(--bn-colors-hovered-background);
65
67
  border: none;
66
68
  color: var(--bn-colors-hovered-text);
67
69
  }
68
70
 
69
71
  /* Mantine Popover component base styles */
70
- .mantine-Popover-dropdown {
72
+ .bn-mantine .mantine-Popover-dropdown {
71
73
  background-color: transparent;
72
74
  border: none;
73
75
  border-radius: 0;
@@ -76,47 +78,48 @@
76
78
  }
77
79
 
78
80
  /* Mantine Tabs component base styles */
79
- .mantine-Tabs-root {
81
+ .bn-mantine .mantine-Tabs-root {
80
82
  width: 100%;
81
83
  background-color: var(--bn-colors-menu-background);
82
84
  }
83
85
 
84
- .mantine-Tabs-list:before {
86
+ .bn-mantine .mantine-Tabs-list:before {
85
87
  border-color: var(--bn-colors-hovered-background);
86
88
  }
87
89
 
88
- .mantine-Tabs-tab {
90
+ .bn-mantine .mantine-Tabs-tab {
89
91
  color: var(--bn-colors-menu-text);
90
92
  border-color: var(--bn-colors-hovered-background);
91
93
  }
92
94
 
93
- .mantine-Tabs-tab:hover {
95
+ .bn-mantine .mantine-Tabs-tab:hover {
94
96
  background-color: var(--bn-colors-hovered-background);
95
97
  border-color: var(--bn-colors-hovered-background);
96
98
  color: var(--bn-colors-hovered-text);
97
99
  }
98
100
 
99
- .mantine-Tabs-tab[data-active],
100
- .mantine-Tabs-tab[data-active]:hover {
101
+ .bn-mantine .mantine-Tabs-tab[data-active],
102
+ .bn-mantine .mantine-Tabs-tab[data-active]:hover {
101
103
  border-color: var(--bn-colors-menu-text);
102
104
  color: var(--bn-colors-menu-text);
103
105
  }
104
106
 
105
- .mantine-Tabs-panel {
107
+ .bn-mantine .mantine-Tabs-panel {
106
108
  padding: 8px;
107
109
  }
108
110
 
109
111
  /* Mantine TextInput component base styles */
110
- .mantine-TextInput-input {
112
+ .bn-mantine .mantine-TextInput-input {
111
113
  background-color: var(--bn-colors-menu-background);
112
114
  border: solid var(--bn-colors-border) 1px;
113
115
  border-radius: 4px;
114
116
  color: var(--bn-colors-menu-text);
117
+ font-family: var(--bn-font-family);
115
118
  height: 32px;
116
119
  }
117
120
 
118
121
  /* Mantine Tooltip component base styles */
119
- .mantine-Tooltip-tooltip {
122
+ .bn-mantine .mantine-Tooltip-tooltip {
120
123
  background-color: transparent;
121
124
  border: none;
122
125
  border-radius: 0;