Merge pull request #88 from multiversx/development

0.0.0-alpha.13

Author: arhtudormorar

CHANGELOG.md

@@ -7,6 +7,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [[0.0.0-alpha.13](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/88)] - 2025-05-02
+
+- [Fixed bubbling events](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/86)
+- [Updated the Ledger authentication flow layout](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/85)
+- [Added cancel login](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/84)
+- [Added `usdValue` to ledger accounts](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/83)
+- [Updated xPortal authentication flow layout](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/80)
+- [Fix stencil-tailwind-plugin build error in monorepo](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/79)
+
 ## [[0.0.0-alpha.12](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/78)] - 2025-04-10
 
 - [Add stencil-tailwind-plugin for tailwind v4](https://github.com/multiversx/mx-sdk-dapp-core-ui/pull/77)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiversx/sdk-dapp-core-ui",
-  "version": "0.0.0-alpha.12",
+  "version": "0.0.0-alpha.13",
   "description": "A library to hold UI components for a dApp on the MultiversX blockchain",
   "author": "MultiversX",
   "license": "MIT",
@@ -25,16 +25,9 @@
       "require": "./dist/loader/index.cjs",
       "types": "./dist/loader/index.d.ts"
     },
-    "./sdk-dapp-core-ui.css": {
-      "import": "./www/build/sdk-dapp-core-ui.css",
-      "require": "./www/build/sdk-dapp-core-ui.css"
-    },
     "./react": {
       "import": "./dist/react/components.ts",
       "require": "./dist/react/components.ts"
-    },
-    "./tailwind.css": {
-      "import": "./www/assets/tailwind.css"
     }
   },
   "repository": {
@@ -60,7 +53,10 @@
     "@fortawesome/free-solid-svg-icons": ">= 6.7.2",
     "@multiversx/sdk-dapp-utils": ">= 1.0.4",
     "@stencil/react-output-target": "0.8.2",
+    "bignumber.js": "^9.3.0",
     "classnames": ">= 2.5.1",
+    "lodash.inrange": "^3.3.0",
+    "lodash.range": "^3.2.0",
     "qrcode": ">= 1.5.4",
     "sass-embedded": "^1.85.1"
   },

src/assets/fonts/Satoshi-Bold.woff2

@@ -0,0 +1,15 @@
+import { Component, h } from '@stencil/core';
+
+@Component({
+  tag: 'mvx-angle-left-icon',
+  shadow: true,
+})
+export class AngleLeftIcon {
+  render() {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="10" height="16">
+        <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/fonts/Satoshi-Medium.woff2

@@ -0,0 +1,15 @@
+import { Component, h } from '@stencil/core';
+
+@Component({
+  tag: 'mvx-angle-right-icon',
+  shadow: true,
+})
+export class AngleRightIcon {
+  render() {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="10" height="16">
+        <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>
+    );
+  }
+}

src/assets/fonts/Satoshi-Regular.woff2

@@ -0,0 +1,15 @@
+import { Component, h } from '@stencil/core';
+
+@Component({
+  tag: 'mvx-angles-left-icon',
+  shadow: true,
+})
+export class AnglesLeftIcon {
+  render() {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16">
+        <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 160zm352-160l-160 160c-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.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z" />
+      </svg>
+    );
+  }
+}

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

@@ -0,0 +1,15 @@
+import { Component, h } from '@stencil/core';
+
+@Component({
+  tag: 'mvx-angles-right-icon',
+  shadow: true,
+})
+export class AnglesRightIcon {
+  render() {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16">
+        <path d="M470.6 278.6c12.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.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.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 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" />
+      </svg>
+    );
+  }
+}

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

@@ -2,14 +2,15 @@ import { Component, h } from '@stencil/core';
 
 @Component({
   tag: 'mvx-arrow-up-right-icon',
+  shadow: true,
 })
 export class ArrowUpRightIcon {
   render() {
     return (
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="10" height="10" fill="none">
         <path
           d="M8.9375 0.944824C9.15625 0.944824 9.375 1.16357 9.375 1.38232V7.50732C9.375 7.75342 9.15625 7.94482 8.9375 7.94482C8.69141 7.94482 8.5 7.75342 8.5 7.50732V2.44873L1.36328 9.58545C1.19922 9.74951 0.898438 9.74951 0.734375 9.58545C0.570312 9.42139 0.570312 9.12061 0.734375 8.95654L7.87109 1.81982H2.8125C2.56641 1.81982 2.375 1.62842 2.375 1.38232C2.375 1.16357 2.56641 0.944824 2.8125 0.944824H8.9375Z"
-          fill="#23F7DD"
+          fill="#E5E5E5"
         />
       </svg>
     );