From 24a7cfce707f1061e1775d4d493d10894a6627be Mon Sep 17 00:00:00 2001
From: pistch-yandex-team-ru <pistch@yandex-team.ru>
Date: Tue, 6 May 2025 15:52:47 +0300
Subject: [PATCH] feat!: move table styles to table class instead of table tag

---
 src/scss/_common.scss                |  2 +-
 src/transform/plugins/table/index.ts | 16 ++++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/scss/_common.scss b/src/scss/_common.scss
index 945fe359..c8819d26 100644
--- a/src/scss/_common.scss
+++ b/src/scss/_common.scss
@@ -174,7 +174,7 @@
         }
     }
 
-    table {
+    .yfm-table {
         color: var(--yfm-color-table);
 
         display: inline-block;
diff --git a/src/transform/plugins/table/index.ts b/src/transform/plugins/table/index.ts
index 1e00a94e..58bedd45 100644
--- a/src/transform/plugins/table/index.ts
+++ b/src/transform/plugins/table/index.ts
@@ -6,6 +6,7 @@ import {MarkdownItPluginCb} from '../typings';
 import {AttrsParser} from './attrs';
 
 const pluginName = 'yfm_table';
+const tableTokenTypes = ['table_open', 'yfm_table_open'];
 const pipeChar = 0x7c; // |
 const apostropheChar = 0x60; // `
 const hashChar = 0x23; // #
@@ -500,6 +501,21 @@ const yfmTable: MarkdownItPluginCb = (md) => {
             return true;
         },
     );
+
+    function applyTableClassRule(tokenType: string) {
+        const existingRenderer =
+            md.renderer.rules[tokenType] || md.renderer.renderToken.bind(md.renderer);
+
+        md.renderer.rules[tokenType] = (tokens, idx, options, env, renderer) => {
+            const token = tokens[idx];
+
+            token.attrSet('class', [token.attrGet('class'), 'yfm-table'].filter(Boolean).join(' '));
+
+            return existingRenderer(tokens, idx, options, env, renderer);
+        };
+    }
+
+    tableTokenTypes.forEach(applyTableClassRule);
 };
 
 export = yfmTable;