Improve frame

code/CHANGELOG.md

@@ -18,6 +18,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - [#305](https://github.com/InditexTech/weavejs/issues/305) Don't allow to transform when more than one element is selected
 - [#308](https://github.com/InditexTech/weavejs/issues/308) Allow to configure transformer configuration per node
 
+### Changed
+
+- [#219](https://github.com/InditexTech/weavejs/issues/219) Improve frame
+
 ### Fixed
 
 - [#291](https://github.com/InditexTech/weavejs/issues/291) Group of elements moving not maintaining position (all layers)

code/packages/sdk/src/actions/frame-tool/frame-tool.ts

@@ -155,7 +155,7 @@ export class WeaveFrameToolAction extends WeaveAction {
     const selectionPlugin =
       this.instance.getPlugin<WeaveNodesSelectionPlugin>('nodesSelection');
     if (selectionPlugin) {
-      const node = stage.findOne(`#${this.frameId}`);
+      const node = stage.findOne(`#${this.frameId}-selector-area`);
       if (node) {
         selectionPlugin.setSelectedNodes([node]);
       }

code/packages/sdk/src/index.ts

@@ -6,7 +6,6 @@ export { Weave } from './weave';
 export { WeaveStore } from './stores/store';
 export * from './stores/types';
 export { WeaveNode } from './nodes/node';
-export * from './nodes/constants';
 export { WeaveAction } from './actions/action';
 export * from './actions/types';
 export { WeavePlugin } from './plugins/plugin';

code/packages/sdk/src/nodes/frame/constants.ts

@@ -70,10 +70,10 @@ export const WEAVE_FRAME_NODE_SIZES: WeaveFrameNodeSizesInfo = {
 
 export const WEAVE_FRAME_NODE_DEFAULT_CONFIG = {
   fontFamily: 'Arial',
-  fontStyle: 'normal',
+  fontStyle: 'bold',
   titleHeight: 30,
   borderColor: '#000000ff',
-  borderWidth: 2,
+  borderWidth: 1,
   onTargetLeave: {
     borderColor: '#000000ff',
     fill: '#ffffffff',
@@ -86,6 +86,8 @@ export const WEAVE_FRAME_NODE_DEFAULT_CONFIG = {
     rotateEnabled: false,
     resizeEnabled: false,
     enabledAnchors: [] as string[],
+    borderStrokeWidth: 3,
+    padding: 0,
   },
 };