@dxos/react-ui-dnd 0.9.1-main.c7dcc2e112 → 0.10.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.
- package/dist/lib/browser/index.mjs +15 -4
- package/dist/lib/browser/index.mjs.map +2 -2
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +15 -4
- package/dist/lib/node-esm/index.mjs.map +2 -2
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/ResizeHandle.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +10 -10
- package/src/components/ResizeHandle.tsx +5 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/react-ui-dnd",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0",
|
|
4
4
|
"description": "Drag and drop components.",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -30,19 +30,19 @@
|
|
|
30
30
|
"@radix-ui/react-use-controllable-state": "1.1.0"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@types/react": "~19.2.
|
|
33
|
+
"@types/react": "~19.2.17",
|
|
34
34
|
"@types/react-dom": "~19.2.3",
|
|
35
|
-
"react": "~19.2.
|
|
36
|
-
"react-dom": "~19.2.
|
|
35
|
+
"react": "~19.2.7",
|
|
36
|
+
"react-dom": "~19.2.7",
|
|
37
37
|
"vite": "^8.0.16",
|
|
38
|
-
"@dxos/react-ui": "0.
|
|
39
|
-
"@dxos/ui-theme": "0.
|
|
38
|
+
"@dxos/react-ui": "0.10.0",
|
|
39
|
+
"@dxos/ui-theme": "0.10.0"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
|
-
"react": "~19.2.
|
|
43
|
-
"react-dom": "~19.2.
|
|
44
|
-
"@dxos/react-ui": "0.
|
|
45
|
-
"@dxos/ui-theme": "0.
|
|
42
|
+
"react": "~19.2.7",
|
|
43
|
+
"react-dom": "~19.2.7",
|
|
44
|
+
"@dxos/react-ui": "0.10.0",
|
|
45
|
+
"@dxos/ui-theme": "0.10.0"
|
|
46
46
|
},
|
|
47
47
|
"publishConfig": {
|
|
48
48
|
"access": "public"
|
|
@@ -135,9 +135,12 @@ export const ResizeHandle = ({
|
|
|
135
135
|
className={mx(
|
|
136
136
|
'group absolute flex focus-visible:outline-hidden',
|
|
137
137
|
surfaceZIndex({ elevation, level: 'tooltip' }),
|
|
138
|
+
// Both the grab button (w-4/h-4) and its hover line are centered on the underlying edge: the
|
|
139
|
+
// button is offset by half its size (-2) so it straddles the edge, and the line is centered
|
|
140
|
+
// within the button (start-1/2 / top-1/2) so it sits on the edge too.
|
|
138
141
|
orientation === 'horizontal'
|
|
139
|
-
? 'cursor-col-resize w-4 inset-y-0 data-[side=inline-end]
|
|
140
|
-
: 'cursor-row-resize h-4 inset-x-0 data-[side=block-end]
|
|
142
|
+
? 'cursor-col-resize w-4 inset-y-0 data-[side=inline-end]:-end-2 data-[side=inline-start]:-start-2 border-b-0! before:inset-y-0 before:w-1 before:start-1/2 before:-translate-x-1/2'
|
|
143
|
+
: 'cursor-row-resize h-4 inset-x-0 data-[side=block-end]:-bottom-2 data-[side=block-start]:-top-2 border-x-0! before:inset-x-0 before:h-1 before:top-1/2 before:-translate-y-1/2',
|
|
141
144
|
orientation === 'horizontal'
|
|
142
145
|
? iconPosition === 'end'
|
|
143
146
|
? 'align-end'
|