snapshot of https://github.com/ueberdosis/tiptap.git (main, 2026-09-15; blobs > 131072B omitted)

packages/extension-text-style/src/text-style-kit/index.ts

@@ -0,0 +1,86 @@
+import { Extension } from '@tiptap/core'
+
+import type { BackgroundColorOptions } from '../background-color/index.js'
+import { BackgroundColor } from '../background-color/index.js'
+import type { ColorOptions } from '../color/index.js'
+import { Color } from '../color/index.js'
+import type { FontFamilyOptions } from '../font-family/index.js'
+import { FontFamily } from '../font-family/index.js'
+import type { FontSizeOptions } from '../font-size/index.js'
+import { FontSize } from '../font-size/index.js'
+import type { LineHeightOptions } from '../line-height/index.js'
+import { LineHeight } from '../line-height/index.js'
+import type { TextStyleOptions } from '../text-style/index.js'
+import { TextStyle } from '../text-style/index.js'
+
+export interface TextStyleKitOptions {
+  /**
+   * If set to false, the background color extension will not be registered
+   * @example backgroundColor: false
+   */
+  backgroundColor: Partial<BackgroundColorOptions> | false
+  /**
+   * If set to false, the color extension will not be registered
+   * @example color: false
+   */
+  color: Partial<ColorOptions> | false
+  /**
+   * If set to false, the font family extension will not be registered
+   * @example fontFamily: false
+   */
+  fontFamily: Partial<FontFamilyOptions> | false
+  /**
+   * If set to false, the font size extension will not be registered
+   * @example fontSize: false
+   */
+  fontSize: Partial<FontSizeOptions> | false
+  /**
+   * If set to false, the line height extension will not be registered
+   * @example lineHeight: false
+   */
+  lineHeight: Partial<LineHeightOptions> | false
+  /**
+   * If set to false, the text style extension will not be registered (required for other text style extensions)
+   * @example textStyle: false
+   */
+  textStyle: Partial<TextStyleOptions> | false
+}
+
+/**
+ * The table kit is a collection of table editor extensions.
+ *
+ * It’s a good starting point for building your own table in Tiptap.
+ */
+export const TextStyleKit = Extension.create<TextStyleKitOptions>({
+  name: 'textStyleKit',
+
+  addExtensions() {
+    const extensions = []
+
+    if (this.options.backgroundColor !== false) {
+      extensions.push(BackgroundColor.configure(this.options.backgroundColor))
+    }
+
+    if (this.options.color !== false) {
+      extensions.push(Color.configure(this.options.color))
+    }
+
+    if (this.options.fontFamily !== false) {
+      extensions.push(FontFamily.configure(this.options.fontFamily))
+    }
+
+    if (this.options.fontSize !== false) {
+      extensions.push(FontSize.configure(this.options.fontSize))
+    }
+
+    if (this.options.lineHeight !== false) {
+      extensions.push(LineHeight.configure(this.options.lineHeight))
+    }
+
+    if (this.options.textStyle !== false) {
+      extensions.push(TextStyle.configure(this.options.textStyle))
+    }
+
+    return extensions
+  },
+})