Merge pull request #115 from multiversx/development

v0.0.5

Author: arhtudormorar

CHANGELOG.md

@@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [[0.0.5](https://github.com/multiversx/mx-sdk-dapp-ui/pull/112)] - 2025-05-26
+
+- [Updated Sign Transactions layout][https://github.com/multiversx/mx-sdk-dapp-ui/pull/114]
+- [Disable sourceMap files][https://github.com/multiversx/mx-sdk-dapp-ui/pull/113]
+
 ## [[0.0.4](https://github.com/multiversx/mx-sdk-dapp-ui/pull/112)] - 2025-05-26
 
 - [Clean up unlock panel](https://github.com/multiversx/mx-sdk-dapp-ui/pull/111)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiversx/sdk-dapp-ui",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "A library to hold UI components for a dApp on the MultiversX blockchain",
   "author": "MultiversX",
   "license": "MIT",
@@ -45,8 +45,9 @@
     "publish-verdaccio": "npm run unpublish-verdaccio && npm run build && npm publish --registry http://localhost:4873/",
     "test.watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate",
-    "build": "stencil build",
-    "start": "stencil build --dev --watch --serve "
+    "build:dev": "stencil build --dev",
+    "build": "stencil build --prod",
+    "start": "yarn run build:dev --watch --serve "
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": ">= 6.7.2",

src/assets/icons/angle-left-icon/angle-left-icon.scss

@@ -0,0 +1,9 @@
+:host {
+  display: flex;
+
+  .angle-left-icon {
+    display: flex;
+    height: 16px;
+    width: calc(20px / 2);
+  }
+}

src/assets/icons/angle-left-icon/angle-left-icon.tsx

@@ -1,13 +1,20 @@
-import { Component, h } from '@stencil/core';
+import { Component, h, Prop } from '@stencil/core';
 
 @Component({
   tag: 'mvx-angle-left-icon',
+  styleUrl: 'angle-left-icon.scss',
   shadow: true,
 })
 export class AngleLeftIcon {
+  @Prop() class?: string;
+
   render() {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="10" height="16">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 320 512"
+        class={{ 'angle-left-icon': true, [this.class]: Boolean(this.class) }}
+      >
         <path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z" />
       </svg>
     );

src/assets/icons/angle-right-icon/angle-right-icon.scss

@@ -0,0 +1,9 @@
+:host {
+  display: flex;
+
+  .angle-right-icon {
+    display: flex;
+    height: 16px;
+    width: calc(20px / 2);
+  }
+}

src/assets/icons/angle-right-icon/angle-right-icon.tsx

@@ -1,13 +1,20 @@
-import { Component, h } from '@stencil/core';
+import { Component, h, Prop } from '@stencil/core';
 
 @Component({
   tag: 'mvx-angle-right-icon',
+  styleUrl: 'angle-right-icon.scss',
   shadow: true,
 })
 export class AngleRightIcon {
+  @Prop() class?: string;
+
   render() {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="10" height="16">
+      <svg
+        viewBox="0 0 320 512"
+        xmlns="http://www.w3.org/2000/svg"
+        class={{ 'angle-right-icon': true, [this.class]: Boolean(this.class) }}
+      >
         <path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z" />
       </svg>
     );