@jackuait/blok 0.6.0-beta.9 → 0.7.0-beta.1

package/src/components/i18n/locales/vi/messages.json

@@ -12,11 +12,15 @@
   "toolNames.link": "Liên kết",
   "toolNames.bold": "Đậm",
   "toolNames.italic": "Nghiêng",
+  "toolNames.marker": "Màu",
   "toolNames.bulletedList": "Danh sách chấm",
   "toolNames.numberedList": "Danh sách đánh số",
   "toolNames.todoList": "Danh sách việc cần làm",
   "tools.link.addLink": "Thêm liên kết",
   "tools.link.invalidLink": "Liên kết không hợp lệ",
+  "tools.marker.textColor": "Chữ",
+  "tools.marker.background": "Nền",
+  "tools.marker.default": "Mặc định",
   "tools.stub.error": "Lỗi",
   "tools.stub.blockCannotBeDisplayed": "Không thể hiển thị khối này",
   "tools.header.heading1": "Tiêu đề 1",
@@ -29,6 +33,8 @@
   "tools.paragraph.placeholder": "Viết gì đó hoặc nhấn / để chọn công cụ",
   "tools.table.title": "Bảng",
   "tools.table.clearSelection": "Xóa",
+  "tools.table.copySelection": "Sao chép",
+  "tools.table.cellColor": "Màu",
   "tools.table.headerColumn": "Cột tiêu đề",
   "tools.table.insertColumnLeft": "Chèn cột bên trái",
   "tools.table.insertColumnRight": "Chèn cột bên phải",

package/src/components/i18n/locales/yi/messages.json

@@ -12,11 +12,15 @@
   "toolNames.link": "לינק",
   "toolNames.bold": "פֿעט",
   "toolNames.italic": "שרעג",
+  "toolNames.marker": "קאָליר",
   "toolNames.bulletedList": "פּונקט ליסטע",
   "toolNames.numberedList": "נומעריקע ליסטע",
   "toolNames.todoList": "צו-טאָן ליסטע",
   "tools.link.addLink": "צולייגן לינק",
   "tools.link.invalidLink": "אומגילטיקער לינק",
+  "tools.marker.textColor": "טעקסט",
+  "tools.marker.background": "הינטערגרונט",
+  "tools.marker.default": "שטאַנדאַרד",
   "tools.stub.error": "גרײַז",
   "tools.stub.blockCannotBeDisplayed": "דער בלאָק קען נישט געוויזן ווערן",
   "tools.header.heading1": "קעפּל 1",
@@ -29,6 +33,8 @@
   "tools.paragraph.placeholder": "שרײַב עפּעס אָדער דריק / צו קלײַבן אַ געצײַג",
   "tools.table.title": "טאַבעלע",
   "tools.table.clearSelection": "אויסמעקן",
+  "tools.table.copySelection": "קאָפּירן",
+  "tools.table.cellColor": "קאָליר",
   "tools.table.headerColumn": "קעפּל שפּאַלט",
   "tools.table.insertColumnLeft": "אַרײַנשטעלן שפּאַלט לינקס",
   "tools.table.insertColumnRight": "אַרײַנשטעלן שפּאַלט רעכטס",

package/src/components/i18n/locales/zh/messages.json

@@ -12,11 +12,15 @@
   "toolNames.link": "链接",
   "toolNames.bold": "加粗",
   "toolNames.italic": "斜体",
+  "toolNames.marker": "颜色",
   "toolNames.bulletedList": "无序列表",
   "toolNames.numberedList": "有序列表",
   "toolNames.todoList": "清单",
   "tools.link.addLink": "添加链接",
   "tools.link.invalidLink": "链接无效",
+  "tools.marker.textColor": "文字",
+  "tools.marker.background": "背景",
+  "tools.marker.default": "默认",
   "tools.stub.error": "错误",
   "tools.stub.blockCannotBeDisplayed": "无法显示此内容块",
   "tools.header.heading1": "一级标题",
@@ -44,6 +48,8 @@
   "a11y.atBottom": "内容块已在底部，无法下移",
   "tools.table.title": "表格",
   "tools.table.clearSelection": "清除",
+  "tools.table.copySelection": "复制",
+  "tools.table.cellColor": "颜色",
   "tools.table.headerColumn": "标题列",
   "tools.table.insertColumnLeft": "在左侧插入列",
   "tools.table.insertColumnRight": "在右侧插入列",

package/src/components/icons/index.ts

@@ -39,6 +39,15 @@ export const IconLink = `
 </svg>
 `;
 
+// Marker/Color icon (letter A with color bar)
+export const IconMarker = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M6.5 14L10 5l3.5 9" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M7.5 11.5h5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+  <rect x="4.5" y="16" width="11" height="1.5" rx="0.75" fill="currentColor"/>
+</svg>
+`;
+
 // Replace/Convert icon
 export const IconReplace = `
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -202,11 +211,11 @@ export const IconWarning = `
 </svg>
 `;
 
-// Bulleted List icon
-export const IconListBulleted = `
+// Toggle List icon
+export const IconToggleList = `
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M8 5h9M8 10h9M8 15h9M4 5h.01M4 10h.01M4 15h.01"
+    d="M3 3l3 2-3 2M9 5h8M6 10h11M6 15h11"
     stroke="currentColor"
     stroke-width="1.25"
     stroke-linecap="round"
@@ -215,16 +224,28 @@ export const IconListBulleted = `
 </svg>
 `;
 
-// Numbered List icon
-export const IconListNumbered = `
+// Bulleted List icon
+export const IconListBulleted = `
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M8 5h9M8 10h9M8 15h9M3.5 4.5l1-1v3M3.5 9.5a1 1 0 1 1 2 0c0 .75-2 1.25-2 2h2M3.5 13.5h1a.75.75 0 0 1 0 1.5.75.75 0 0 1 0 1.5h-1"
+    d="M8 5h9M8 10h9M8 15h9"
     stroke="currentColor"
     stroke-width="1.25"
     stroke-linecap="round"
-    stroke-linejoin="round"
   />
+  <circle cx="4" cy="5" r="1" fill="currentColor"/>
+  <circle cx="4" cy="10" r="1" fill="currentColor"/>
+  <circle cx="4" cy="15" r="1" fill="currentColor"/>
+</svg>
+`;
+
+// Numbered List icon
+export const IconListNumbered = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8 5h9M8 10h9M8 15h9" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+  <text x="4" y="6" fill="currentColor" font-size="5" font-family="sans-serif" text-anchor="middle" dominant-baseline="central">1</text>
+  <text x="4" y="11" fill="currentColor" font-size="5" font-family="sans-serif" text-anchor="middle" dominant-baseline="central">2</text>
+  <text x="4" y="16" fill="currentColor" font-size="5" font-family="sans-serif" text-anchor="middle" dominant-baseline="central">3</text>
 </svg>
 `;
 
@@ -323,6 +344,14 @@ export const IconMoveRight = `
 </svg>
 `;
 
+// Copy icon
+export const IconCopy = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="7" y="7" width="9" height="9" rx="1.5" stroke="currentColor" stroke-width="1.25"/>
+  <path d="M5 13h-.5A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3h7A1.5 1.5 0 0 1 13 4.5V5" stroke="currentColor" stroke-width="1.25"/>
+</svg>
+`;
+
 // Trash/Delete icon
 export const IconTrash = `
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -332,3 +361,28 @@ export const IconTrash = `
   <path d="M8.5 9.5v3.5M11.5 9.5v3.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
 </svg>
 `;
+
+// Toggle Heading 1 icon (H1 with toggle arrow)
+export const IconToggleH1 = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2.5 10h5M2.5 15V5M7.5 15V5m3.5 5 2-1.5V15" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M16 7l2.5 3-2.5 3" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
+// Toggle Heading 2 icon (H2 with toggle arrow)
+export const IconToggleH2 = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2.5 10h5M2.5 15V5M7.5 15V5m7 10h-3c0-3 3-2.25 3-4.5 0-1.125-1.5-1.875-3-.75" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M16 7l2.5 3-2.5 3" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
+// Toggle Heading 3 icon (H3 with toggle arrow)
+export const IconToggleH3 = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2.5 10h5M2.5 15V5M7.5 15V5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M11 8.5c1.25-.75 2.5-.25 2.5.75 0 .75-1 1.25-1 1.25s1 .5 1 1.25c0 1-1.25 1.5-2.5.75" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M16 7l2.5 3-2.5 3" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;

package/src/components/inline-tools/inline-tool-link.ts

@@ -54,7 +54,7 @@ export class LinkInlineTool implements InlineTool {
   /**
    * Tailwind classes for input
    */
-  private readonly INPUT_BASE_CLASSES = 'hidden w-full m-0 px-2 py-1 text-sm leading-[22px] font-medium bg-item-hover-bg border border-[rgba(226,226,229,0.2)] rounded-md outline-none box-border appearance-none font-[inherit] placeholder:text-gray-text mobile:text-[15px] mobile:font-medium';
+  private readonly INPUT_BASE_CLASSES = 'hidden w-full m-0 px-2 py-1 text-sm leading-[22px] font-medium bg-item-hover-bg border border-[rgba(226,226,229,0.2)] rounded-md outline-hidden box-border appearance-none font-[inherit] placeholder:text-gray-text mobile:text-[15px] mobile:font-medium';
 
   /**
    * Data attributes for e2e selectors