@konomi-app/ui 5.6.0 → 5.7.0

package/dist/index.d.cts

@@ -295,9 +295,9 @@ interface ToastItem {
     id: string;
     /** アイコン・色を決定するビジュアルタイプ */
     type: ToastType;
-    /** 主メッセージ */
+    /** 主メッセージ (description 指定時はタイトルとして太字表示) */
     message: string;
-    /** 補足説明 (省略可) */
+    /** 補足説明 (省略可)。指定時は message が太字タイトルになる */
     description: string;
     /** アクションボタン (省略可) */
     action: ToastAction | null;

package/dist/index.d.ts

@@ -295,9 +295,9 @@ interface ToastItem {
     id: string;
     /** アイコン・色を決定するビジュアルタイプ */
     type: ToastType;
-    /** 主メッセージ */
+    /** 主メッセージ (description 指定時はタイトルとして太字表示) */
     message: string;
-    /** 補足説明 (省略可) */
+    /** 補足説明 (省略可)。指定時は message が太字タイトルになる */
     description: string;
     /** アクションボタン (省略可) */
     action: ToastAction | null;

package/dist/index.js

@@ -2397,7 +2397,12 @@ var ToastController = class {
     const isLeavingLoading = item.type === "loading" && rest.type != null && rest.type !== "loading";
     if (newDuration !== void 0) {
       __privateMethod(this, _ToastController_instances, clearTimer_fn2).call(this, id);
-      __privateMethod(this, _ToastController_instances, updateItem_fn).call(this, id, { ...rest, duration: newDuration, remainingMs: newDuration, paused: false });
+      __privateMethod(this, _ToastController_instances, updateItem_fn).call(this, id, {
+        ...rest,
+        duration: newDuration,
+        remainingMs: newDuration,
+        paused: false
+      });
       if (newDuration > 0) {
         __privateMethod(this, _ToastController_instances, startTimer_fn).call(this, id, newDuration);
       }
@@ -2858,6 +2863,10 @@ var toastStyles = css2`
     line-height: 1.4;
   }
 
+  .toast-message[data-titled] {
+    font-weight: 600;
+  }
+
   .toast-description {
     font-size: 13px;
     color: #6b7280;
@@ -2878,8 +2887,6 @@ var toastStyles = css2`
     color: var(--toast-info);
     cursor: pointer;
     align-self: flex-start;
-    text-decoration: underline;
-    text-underline-offset: 2px;
     transition: color 150ms ease;
   }
 
@@ -3091,7 +3098,7 @@ var ToastContainer = class extends LitElement2 {
           <div class="toast-body">
             <span class="toast-icon icon-${item.type}"> ${this._renderIcon(item.type)} </span>
             <div class="toast-text">
-              <p class="toast-message">${item.message}</p>
+              <p class="toast-message" ?data-titled=${!!item.description}>${item.message}</p>
               ${item.description ? html2`<p class="toast-description">${item.description}</p>` : nothing2}
               ${item.action ? html2`<button
                     class="toast-action-btn"
@@ -3104,11 +3111,7 @@ var ToastContainer = class extends LitElement2 {
                   </button>` : nothing2}
             </div>
             <div class="toast-close-wrap">
-              ${item.duration > 0 && item.type !== "loading" ? html2`<svg
-                    class="toast-timer-ring"
-                    viewBox="0 0 24 24"
-                    aria-hidden="true"
-                  >
+              ${item.duration > 0 && item.type !== "loading" ? html2`<svg class="toast-timer-ring" viewBox="0 0 24 24" aria-hidden="true">
                     <circle class="toast-timer-track" cx="12" cy="12" r="10" />
                     <circle
                       class="toast-timer-fill"