@konomi-app/ui 5.6.0 → 5.7.1
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 -10
- 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 -10
- 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
|
}
|
|
@@ -2720,7 +2725,6 @@ var toastStyles = import_lit3.css`
|
|
|
2720
2725
|
|
|
2721
2726
|
.toast-card {
|
|
2722
2727
|
background: var(--toast-card-bg);
|
|
2723
|
-
border: 1px solid var(--toast-card-border);
|
|
2724
2728
|
border-radius: var(--toast-card-radius);
|
|
2725
2729
|
box-shadow: var(--toast-card-shadow);
|
|
2726
2730
|
position: relative;
|
|
@@ -2886,6 +2890,10 @@ var toastStyles = import_lit3.css`
|
|
|
2886
2890
|
line-height: 1.4;
|
|
2887
2891
|
}
|
|
2888
2892
|
|
|
2893
|
+
.toast-message[data-titled] {
|
|
2894
|
+
font-weight: 600;
|
|
2895
|
+
}
|
|
2896
|
+
|
|
2889
2897
|
.toast-description {
|
|
2890
2898
|
font-size: 13px;
|
|
2891
2899
|
color: #6b7280;
|
|
@@ -2906,8 +2914,6 @@ var toastStyles = import_lit3.css`
|
|
|
2906
2914
|
color: var(--toast-info);
|
|
2907
2915
|
cursor: pointer;
|
|
2908
2916
|
align-self: flex-start;
|
|
2909
|
-
text-decoration: underline;
|
|
2910
|
-
text-underline-offset: 2px;
|
|
2911
2917
|
transition: color 150ms ease;
|
|
2912
2918
|
}
|
|
2913
2919
|
|
|
@@ -3119,7 +3125,7 @@ var ToastContainer = class extends import_lit4.LitElement {
|
|
|
3119
3125
|
<div class="toast-body">
|
|
3120
3126
|
<span class="toast-icon icon-${item.type}"> ${this._renderIcon(item.type)} </span>
|
|
3121
3127
|
<div class="toast-text">
|
|
3122
|
-
<p class="toast-message">${item.message}</p>
|
|
3128
|
+
<p class="toast-message" ?data-titled=${!!item.description}>${item.message}</p>
|
|
3123
3129
|
${item.description ? import_lit4.html`<p class="toast-description">${item.description}</p>` : import_lit4.nothing}
|
|
3124
3130
|
${item.action ? import_lit4.html`<button
|
|
3125
3131
|
class="toast-action-btn"
|
|
@@ -3132,11 +3138,7 @@ var ToastContainer = class extends import_lit4.LitElement {
|
|
|
3132
3138
|
</button>` : import_lit4.nothing}
|
|
3133
3139
|
</div>
|
|
3134
3140
|
<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
|
-
>
|
|
3141
|
+
${item.duration > 0 && item.type !== "loading" ? import_lit4.html`<svg class="toast-timer-ring" viewBox="0 0 24 24" aria-hidden="true">
|
|
3140
3142
|
<circle class="toast-timer-track" cx="12" cy="12" r="10" />
|
|
3141
3143
|
<circle
|
|
3142
3144
|
class="toast-timer-fill"
|