@lukso/transaction-view-core 0.5.0-dev.5ea12c5 → 0.5.0-dev.a98e9bc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +15 -15
- package/dist/index.cjs +8 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/shared/index.cjs +3 -3
- package/dist/shared/index.cjs.map +1 -1
- package/dist/shared/index.js +3 -3
- package/dist/shared/index.js.map +1 -1
- package/dist/styles/index.cjs +1 -1
- package/dist/styles/index.cjs.map +1 -1
- package/dist/styles/index.js +1 -1
- package/dist/styles/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/permissions-block.ts +7 -5
- package/src/shared/notification-view.ts +2 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lukso/transaction-view-core",
|
|
3
|
-
"version": "0.5.0-dev.
|
|
3
|
+
"version": "0.5.0-dev.a98e9bc",
|
|
4
4
|
"description": "Core components and hooks for LUKSO transaction display",
|
|
5
5
|
"main": "./dist/index.cjs",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"@preact/signals-core": "^1.12.1",
|
|
36
36
|
"ethereum-blockies-base64": "^1.0.2",
|
|
37
37
|
"lit": "^3.3.1",
|
|
38
|
-
"@lukso/transaction-decoder": "1.3.0-dev.
|
|
39
|
-
"@lukso/transaction-view-headless": "0.4.0-dev.
|
|
38
|
+
"@lukso/transaction-decoder": "1.3.0-dev.a98e9bc",
|
|
39
|
+
"@lukso/transaction-view-headless": "0.4.0-dev.a98e9bc"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@tailwindcss/typography": "^0.5.19",
|
|
@@ -79,13 +79,15 @@ export class PermissionsBlock extends CoreLitElement {
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
private renderPermission(p: PermissionLevels) {
|
|
82
|
-
const nameBase = (p.icon || p.permissionName || '')
|
|
82
|
+
const nameBase = (p.icon || p.permissionName || '')
|
|
83
|
+
.toLowerCase()
|
|
84
|
+
.replace(/_/g, '-')
|
|
83
85
|
const activeIcon = `${nameBase}-activated`
|
|
84
86
|
const inactiveIcon = `${nameBase}-inactive`
|
|
85
87
|
return html`
|
|
86
88
|
<div class="mt-4 grid grid-cols-[40px,1fr,20px] gap-x-2 items-start">
|
|
87
89
|
<div class="relative w-10 h-10">
|
|
88
|
-
<
|
|
90
|
+
<lukso-icon
|
|
89
91
|
class="active absolute bottom-0 opacity-0 z-[99] transition-opacity duration-200 ${
|
|
90
92
|
p.isActive ? 'opacity-100' : ''
|
|
91
93
|
}"
|
|
@@ -93,14 +95,14 @@ export class PermissionsBlock extends CoreLitElement {
|
|
|
93
95
|
width="40"
|
|
94
96
|
height="40"
|
|
95
97
|
color=${this.color}
|
|
96
|
-
></
|
|
97
|
-
<
|
|
98
|
+
></lukso-icon>
|
|
99
|
+
<lukso-icon
|
|
98
100
|
class="inactive absolute bottom-0 ${p.isActive ? 'opacity-0' : 'opacity-100'}"
|
|
99
101
|
name=${inactiveIcon}
|
|
100
102
|
width="40"
|
|
101
103
|
height="40"
|
|
102
104
|
color=${this.color}
|
|
103
|
-
></
|
|
105
|
+
></lukso-icon>
|
|
104
106
|
</div>
|
|
105
107
|
|
|
106
108
|
<div>
|
|
@@ -58,7 +58,7 @@ export class NotificationView extends CoreLitElement {
|
|
|
58
58
|
return html`
|
|
59
59
|
<div class="grid grid-cols-[24px_1fr] items-start gap-3 p-3 rounded-xl text-neutral-10 leading-snug ${this.getVariantBackgroundClass()}">
|
|
60
60
|
<div class="flex items-center justify-center text-[16px] text-neutral-20 self-center" aria-hidden="true">
|
|
61
|
-
<lukso-icon name="${this.renderIcon()}" size="
|
|
61
|
+
<lukso-icon name="${this.renderIcon()}" size="small" color="${this.getVariantColor()}"></lukso-icon>
|
|
62
62
|
</div>
|
|
63
63
|
<div class="text-[14px] flex flex-col gap-1.5">
|
|
64
64
|
${
|
|
@@ -66,7 +66,7 @@ export class NotificationView extends CoreLitElement {
|
|
|
66
66
|
? html`<div class="font-semibold text-neutral-20 paragraph-inter-14-semi-bold">${this.title}</div>`
|
|
67
67
|
: ''
|
|
68
68
|
}
|
|
69
|
-
<div class="text-neutral-
|
|
69
|
+
<div class="text-neutral-20"><slot>${this.message}</slot></div>
|
|
70
70
|
${
|
|
71
71
|
this.acknowledgeable
|
|
72
72
|
? html`
|