Fix[Icon-Component] | Fixed incorrect icon usage on some components.

Author: yenilikci

package.json

@@ -1,6 +1,6 @@
 {
     "name": "finpro",
-    "version": "1.0.1-beta",
+    "version": "1.0.2-beta",
     "description": "Design System",
     "main": "dist/finpro.js",
     "module": "dist/finpro.js",

src/components/fp-alert/fp-alert.ts

@@ -128,7 +128,7 @@ export default class FpAlert extends FinproElement {
       : null;
 
     const closable = this.closable
-      ? html`<fp-button class="close" label="close" variant="tertiary" kind="neutral" icon="close" variant="secondary"
+      ? html`<fp-button class="close" label="close" variant="tertiary" kind="neutral" icon="x" variant="secondary"
   @click=${this._closeHandler}></fp-button>`
       : null;
     const description = html`<span class="description">

src/components/fp-button/fp-button.ts

@@ -125,8 +125,8 @@ export default class FpButton extends FinproElement {
   }
 
   private caretTemplate(): TemplateResult {
-    return html` <fp-icon class="open" name="arrow_up"></fp-icon>
-      <fp-icon class="close" name="arrow_down"></fp-icon>`;
+    return html` <fp-icon class="open" name="chevron-up"></fp-icon>
+      <fp-icon class="close" name="chevron-down"></fp-icon>`;
   }
 
   private _handleClick() {

src/components/fp-dialog/fp-dialog.ts

@@ -130,7 +130,7 @@ export default class FpDialog extends FinproElement {
         ${title}
         <fp-button
           @click="${this.closeDialog}"
-          icon="close"
+          icon="x"
           variant="tertiary"
           kind="neutral"
         ></fp-button>

src/components/fp-drawer/fp-drawer.ts

@@ -121,7 +121,7 @@ export default class FpDrawer extends FinproElement {
           ${external_button}
           <fp-button
             @click="${this.closeDrawer}"
-            icon="close"
+            icon="x"
             size="small"
             variant="tertiary"
             kind="neutral"