chore(editor): remove redundant line styles components (#10980)

* Moved `edgeless-line-styles-panel` and `edgeless-line-width-panel` into components pkg

blocksuite/affine/components/src/edgeless-line-styles-panel/index.ts

@@ -3,8 +3,5 @@ import { EdgelessLineStylesPanel } from './line-styles-panel';
 export * from './line-styles-panel';
 
 export function effects() {
-  customElements.define(
-    'affine-edgeless-line-styles-panel',
-    EdgelessLineStylesPanel
-  );
+  customElements.define('edgeless-line-styles-panel', EdgelessLineStylesPanel);
 }

blocksuite/affine/components/src/edgeless-line-styles-panel/line-styles-panel.ts

@@ -49,14 +49,14 @@ export class EdgelessLineStylesPanel extends LitElement {
     const { lineSize, lineStyle, lineStyles } = this;
 
     return html`
-      <affine-edgeless-line-width-panel
+      <edgeless-line-width-panel
         ?disabled="${lineStyle === StrokeStyle.None}"
         .selectedSize=${lineSize}
         @select=${(e: CustomEvent<LineWidth>) => {
           e.stopPropagation();
           this.select({ type: 'size', value: e.detail });
         }}
-      ></affine-edgeless-line-width-panel>
+      ></edgeless-line-width-panel>
 
       <editor-toolbar-separator></editor-toolbar-separator>
 
@@ -102,6 +102,6 @@ export class EdgelessLineStylesPanel extends LitElement {
 
 declare global {
   interface HTMLElementTagNameMap {
-    'affine-edgeless-line-styles-panel': EdgelessLineStylesPanel;
+    'edgeless-line-styles-panel': EdgelessLineStylesPanel;
   }
 }

blocksuite/affine/components/src/edgeless-line-width-panel/index.ts

@@ -3,8 +3,5 @@ import { EdgelessLineWidthPanel } from './line-width-panel';
 export * from './line-width-panel';
 
 export function effects() {
-  customElements.define(
-    'affine-edgeless-line-width-panel',
-    EdgelessLineWidthPanel
-  );
+  customElements.define('edgeless-line-width-panel', EdgelessLineWidthPanel);
 }

blocksuite/affine/components/src/edgeless-line-width-panel/line-width-panel.ts

@@ -239,6 +239,6 @@ export class EdgelessLineWidthPanel extends WithDisposable(LitElement) {
 
 declare global {
   interface HTMLElementTagNameMap {
-    'affine-edgeless-line-width-panel': EdgelessLineWidthPanel;
+    'edgeless-line-width-panel': EdgelessLineWidthPanel;
   }
 }

blocksuite/affine/components/src/edgeless-shape-color-picker/color-picker.ts

@@ -260,12 +260,12 @@ export class EdgelessShapeColorPicker extends WithDisposable(
                     `
                   )}
                   <div class="picker-label">Border style</div>
-                  <affine-edgeless-line-styles-panel
+                  <edgeless-line-styles-panel
                     class="picker"
                     .lineSize=${strokeWidth}
                     .lineStyle=${strokeStyle}
                     @select=${this.#pickStrokeStyle}
-                  ></affine-edgeless-line-styles-panel>
+                  ></edgeless-line-styles-panel>
                 `;
               },
             ],