@konomi-app/ui 5.6.0 → 5.7.0
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/dist/index.cjs +12 -9
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +12 -9
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -2425,7 +2425,12 @@ var ToastController = class {
|
|
|
2425
2425
|
const isLeavingLoading = item.type === "loading" && rest.type != null && rest.type !== "loading";
|
|
2426
2426
|
if (newDuration !== void 0) {
|
|
2427
2427
|
__privateMethod(this, _ToastController_instances, clearTimer_fn2).call(this, id);
|
|
2428
|
-
__privateMethod(this, _ToastController_instances, updateItem_fn).call(this, id, {
|
|
2428
|
+
__privateMethod(this, _ToastController_instances, updateItem_fn).call(this, id, {
|
|
2429
|
+
...rest,
|
|
2430
|
+
duration: newDuration,
|
|
2431
|
+
remainingMs: newDuration,
|
|
2432
|
+
paused: false
|
|
2433
|
+
});
|
|
2429
2434
|
if (newDuration > 0) {
|
|
2430
2435
|
__privateMethod(this, _ToastController_instances, startTimer_fn).call(this, id, newDuration);
|
|
2431
2436
|
}
|
|
@@ -2886,6 +2891,10 @@ var toastStyles = import_lit3.css`
|
|
|
2886
2891
|
line-height: 1.4;
|
|
2887
2892
|
}
|
|
2888
2893
|
|
|
2894
|
+
.toast-message[data-titled] {
|
|
2895
|
+
font-weight: 600;
|
|
2896
|
+
}
|
|
2897
|
+
|
|
2889
2898
|
.toast-description {
|
|
2890
2899
|
font-size: 13px;
|
|
2891
2900
|
color: #6b7280;
|
|
@@ -2906,8 +2915,6 @@ var toastStyles = import_lit3.css`
|
|
|
2906
2915
|
color: var(--toast-info);
|
|
2907
2916
|
cursor: pointer;
|
|
2908
2917
|
align-self: flex-start;
|
|
2909
|
-
text-decoration: underline;
|
|
2910
|
-
text-underline-offset: 2px;
|
|
2911
2918
|
transition: color 150ms ease;
|
|
2912
2919
|
}
|
|
2913
2920
|
|
|
@@ -3119,7 +3126,7 @@ var ToastContainer = class extends import_lit4.LitElement {
|
|
|
3119
3126
|
<div class="toast-body">
|
|
3120
3127
|
<span class="toast-icon icon-${item.type}"> ${this._renderIcon(item.type)} </span>
|
|
3121
3128
|
<div class="toast-text">
|
|
3122
|
-
<p class="toast-message">${item.message}</p>
|
|
3129
|
+
<p class="toast-message" ?data-titled=${!!item.description}>${item.message}</p>
|
|
3123
3130
|
${item.description ? import_lit4.html`<p class="toast-description">${item.description}</p>` : import_lit4.nothing}
|
|
3124
3131
|
${item.action ? import_lit4.html`<button
|
|
3125
3132
|
class="toast-action-btn"
|
|
@@ -3132,11 +3139,7 @@ var ToastContainer = class extends import_lit4.LitElement {
|
|
|
3132
3139
|
</button>` : import_lit4.nothing}
|
|
3133
3140
|
</div>
|
|
3134
3141
|
<div class="toast-close-wrap">
|
|
3135
|
-
${item.duration > 0 && item.type !== "loading" ? import_lit4.html`<svg
|
|
3136
|
-
class="toast-timer-ring"
|
|
3137
|
-
viewBox="0 0 24 24"
|
|
3138
|
-
aria-hidden="true"
|
|
3139
|
-
>
|
|
3142
|
+
${item.duration > 0 && item.type !== "loading" ? import_lit4.html`<svg class="toast-timer-ring" viewBox="0 0 24 24" aria-hidden="true">
|
|
3140
3143
|
<circle class="toast-timer-track" cx="12" cy="12" r="10" />
|
|
3141
3144
|
<circle
|
|
3142
3145
|
class="toast-timer-fill"
|