fix(clipboard): missing await and duplicate style

Author: skhamvon

packages/components/clipboard/src/components/osds-clipboard/core/controller.ts

@@ -13,7 +13,7 @@ class OdsClipboardController {
     const errorMessage = this.component.el.querySelector('[slot=error-message]')?.innerHTML;
 
     try {
-      writeOnClipboard(value);
+      await writeOnClipboard(value);
       this.component.surfaceMessage = successMessage;
       if (this.component.surface && this.component.surfaceMessage !== "") {
         this.component.surface.opened = !this.component.surface.opened;
@@ -23,7 +23,7 @@ class OdsClipboardController {
       if (this.component.surface  && this.component.surfaceMessage !== "") {
         this.component.surface.opened = !this.component.surface.opened;
       }
-      return Promise.reject(error);
+      throw error;
     }
   }
 

packages/components/clipboard/src/components/osds-clipboard/osds-clipboard.scss

@@ -35,6 +35,5 @@ ocdk-surface {
   width: max-content;
   max-width: 300px;
   background: var(--white) 0% 0% no-repeat padding-box;
-  background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 0px 6px #00000026;
 }

packages/components/clipboard/src/components/osds-clipboard/osds-clipboard.tsx

@@ -34,6 +34,8 @@ export class OsdsClipboard implements OdsClipboardAttribute, OdsClipboardEvent,
   /** @see OdsClipboardAttributes.disabled */
   @Prop({ reflect: true }) public disabled?: boolean = DEFAULT_ATTRIBUTE.disabled;
 
+  @State() surfaceMessage: string | undefined = "";
+
   @Method()
   async closeSurface() {
     this.controller.closeSurface();
@@ -47,8 +49,6 @@ export class OsdsClipboard implements OdsClipboardAttribute, OdsClipboardEvent,
     this.controller.checkForClickOutside(event);
   }
 
-  @State() surfaceMessage: string | undefined = "";
-
   handlerClick(): void {
     if (this.disabled) {
       return;