@ckeditor/ckeditor5-style 48.2.0 → 48.3.0-alpha.1

package/dist/styleconfig.d.ts

@@ -1,87 +1,87 @@
 /**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
+* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+*/
 /**
- * @module style/styleconfig
- */
+* @module style/styleconfig
+*/
 /**
- * The configuration of the style feature.
- *
- * ```ts
- * ClassicEditor
- *   .create( {
- *     style: ... // Style feature config.
- *   } )
- *   .then( ... )
- *   .catch( ... );
- * ```
- *
- * See {@link module:core/editor/editorconfig~EditorConfig all editor options}.
- */
+* The configuration of the style feature.
+*
+* ```ts
+* ClassicEditor
+*   .create( {
+*     style: ... // Style feature config.
+*   } )
+*   .then( ... )
+*   .catch( ... );
+* ```
+*
+* See {@link module:core/editor/editorconfig~EditorConfig all editor options}.
+*/
 export interface StyleConfig {
-    /**
-     * The available style definitions.
-     *
-     * Style definitions are displayed in the `'style'` UI dropdown and get applied by the
-     * {@link module:style/stylecommand~StyleCommand style command} to the content of the document.
-     *
-     * In the `'style'` UI dropdown, definitions are automatically grouped into two categories based on the of the `element` property:
-     *
-     * * **Block styles**: Can be applied to entire {@link module:html-support/dataschema~DataSchema#registerBlockElement block elements}
-     * only (e.g. headings, paragraphs, divs).
-     * * **Text styles**: Can by applied to any {@link module:html-support/dataschema~DataSchema#registerInlineElement text} in any element
-     * in the document.
-     *
-     * An example configuration:
-     *
-     * ```ts
-     * [
-     *   // Definitions of block styles.
-     *   {
-     *     name: 'Red heading',
-     *     element: 'h2',
-     *     classes: [ 'red-heading' ]
-     *   },
-     *   {
-     *     name: 'Vibrant code',
-     *     element: 'pre',
-     *     classes: [ 'vibrant-code' ]
-     *   },
-     *
-     *   // Definitions of text (inline) styles.
-     *   {
-     *     name: 'Marker',
-     *     element: 'span',
-     *     classes: [ 'marker' ]
-     *   },
-     *
-     *   // ...
-     * ]
-     * ```
-     *
-     * **Note**: Configuring style definitions will automatically configure the
-     * {@glink features/html/general-html-support General HTML Support feature}. **You do not need to repeat the configuration in
-     * {@link module:html-support/generalhtmlsupportconfig~GeneralHtmlSupportConfig}**.
-     */
-    definitions?: Array<StyleDefinition>;
+	/**
+	* The available style definitions.
+	*
+	* Style definitions are displayed in the `'style'` UI dropdown and get applied by the
+	* {@link module:style/stylecommand~StyleCommand style command} to the content of the document.
+	*
+	* In the `'style'` UI dropdown, definitions are automatically grouped into two categories based on the of the `element` property:
+	*
+	* * **Block styles**: Can be applied to entire {@link module:html-support/dataschema~DataSchema#registerBlockElement block elements}
+	* only (e.g. headings, paragraphs, divs).
+	* * **Text styles**: Can by applied to any {@link module:html-support/dataschema~DataSchema#registerInlineElement text} in any element
+	* in the document.
+	*
+	* An example configuration:
+	*
+	* ```ts
+	* [
+	*   // Definitions of block styles.
+	*   {
+	*     name: 'Red heading',
+	*     element: 'h2',
+	*     classes: [ 'red-heading' ]
+	*   },
+	*   {
+	*     name: 'Vibrant code',
+	*     element: 'pre',
+	*     classes: [ 'vibrant-code' ]
+	*   },
+	*
+	*   // Definitions of text (inline) styles.
+	*   {
+	*     name: 'Marker',
+	*     element: 'span',
+	*     classes: [ 'marker' ]
+	*   },
+	*
+	*   // ...
+	* ]
+	* ```
+	*
+	* **Note**: Configuring style definitions will automatically configure the
+	* {@glink features/html/general-html-support General HTML Support feature}. **You do not need to repeat the configuration in
+	* {@link module:html-support/generalhtmlsupportconfig~GeneralHtmlSupportConfig}**.
+	*/
+	definitions?: Array<StyleDefinition>;
 }
 /**
- * Style definition.
- *
- * An object describing a style definition. It contains the style `name`, `element` name and an array of CSS `classes`.
- *
- * ```ts
- * // This style will create <h2 class="foo">...</h2> in the document data.
- * {
- *   name: 'Example style',
- *   element: 'h2',
- *   classes: [ 'foo' ]
- * }
- * ```
- */
+* Style definition.
+*
+* An object describing a style definition. It contains the style `name`, `element` name and an array of CSS `classes`.
+*
+* ```ts
+* // This style will create <h2 class="foo">...</h2> in the document data.
+* {
+*   name: 'Example style',
+*   element: 'h2',
+*   classes: [ 'foo' ]
+* }
+* ```
+*/
 export interface StyleDefinition {
-    name: string;
-    element: string;
-    classes: Array<string>;
+	name: string;
+	element: string;
+	classes: Array<string>;
 }

package/dist/styleediting.d.ts

@@ -1,38 +1,38 @@
 /**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
+* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+*/
 /**
- * @module style/styleediting
- */
-import { Plugin } from '@ckeditor/ckeditor5-core';
-import { GeneralHtmlSupport } from '@ckeditor/ckeditor5-html-support';
-import { StyleUtils } from './styleutils.js';
-import { ListStyleSupport } from './integrations/list.js';
-import { TableStyleSupport } from './integrations/table.js';
-import { LinkStyleSupport } from './integrations/link.js';
+* @module style/styleediting
+*/
+import { Plugin, type PluginDependenciesOf } from "@ckeditor/ckeditor5-core";
+import { GeneralHtmlSupport } from "@ckeditor/ckeditor5-html-support";
+import { StyleUtils } from "./styleutils.js";
+import { ListStyleSupport } from "./integrations/list.js";
+import { TableStyleSupport } from "./integrations/table.js";
+import { LinkStyleSupport } from "./integrations/link.js";
 /**
- * The style engine feature.
- *
- * It configures the {@glink features/html/general-html-support General HTML Support feature} based on
- * {@link module:style/styleconfig~StyleConfig#definitions configured style definitions} and introduces the
- * {@link module:style/stylecommand~StyleCommand style command} that applies styles to the content of the document.
- */
+* The style engine feature.
+*
+* It configures the {@glink features/html/general-html-support General HTML Support feature} based on
+* {@link module:style/styleconfig~StyleConfig#definitions configured style definitions} and introduces the
+* {@link module:style/stylecommand~StyleCommand style command} that applies styles to the content of the document.
+*/
 export declare class StyleEditing extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName(): "StyleEditing";
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin(): true;
-    /**
-     * @inheritDoc
-     */
-    static get requires(): readonly [typeof GeneralHtmlSupport, typeof StyleUtils, typeof ListStyleSupport, typeof TableStyleSupport, typeof LinkStyleSupport];
-    /**
-     * @inheritDoc
-     */
-    init(): void;
+	/**
+	* @inheritDoc
+	*/
+	static get pluginName(): "StyleEditing";
+	/**
+	* @inheritDoc
+	*/
+	static override get isOfficialPlugin(): true;
+	/**
+	* @inheritDoc
+	*/
+	static get requires(): PluginDependenciesOf<[GeneralHtmlSupport, StyleUtils, ListStyleSupport, TableStyleSupport, LinkStyleSupport]>;
+	/**
+	* @inheritDoc
+	*/
+	init(): void;
 }

package/dist/styleui.d.ts

@@ -1,34 +1,34 @@
 /**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
+* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+*/
 /**
- * @module style/styleui
- */
-import { Plugin } from '@ckeditor/ckeditor5-core';
-import { StyleUtils } from './styleutils.js';
-import '../theme/style.css';
+* @module style/styleui
+*/
+import { Plugin, type PluginDependenciesOf } from "@ckeditor/ckeditor5-core";
+import { StyleUtils } from "./styleutils.js";
+import "../theme/style.css";
 /**
- * The UI plugin of the style feature .
- *
- * It registers the `'style'` UI dropdown in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}
- * that displays a grid of styles and allows changing styles of the content.
- */
+* The UI plugin of the style feature .
+*
+* It registers the `'style'` UI dropdown in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}
+* that displays a grid of styles and allows changing styles of the content.
+*/
 export declare class StyleUI extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName(): "StyleUI";
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin(): true;
-    /**
-     * @inheritDoc
-     */
-    static get requires(): readonly [typeof StyleUtils];
-    /**
-     * @inheritDoc
-     */
-    init(): void;
+	/**
+	* @inheritDoc
+	*/
+	static get pluginName(): "StyleUI";
+	/**
+	* @inheritDoc
+	*/
+	static override get isOfficialPlugin(): true;
+	/**
+	* @inheritDoc
+	*/
+	static get requires(): PluginDependenciesOf<[StyleUtils]>;
+	/**
+	* @inheritDoc
+	*/
+	init(): void;
 }

package/dist/styleutils.d.ts

@@ -1,142 +1,142 @@
 /**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
+* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+*/
 /**
- * @module style/styleutils
- */
-import { Plugin, type Editor } from '@ckeditor/ckeditor5-core';
-import type { ModelElement, ModelDocumentSelection, ModelSelectable } from '@ckeditor/ckeditor5-engine';
-import type { DecoratedMethodEvent } from '@ckeditor/ckeditor5-utils';
-import type { TemplateDefinition } from '@ckeditor/ckeditor5-ui';
-import type { DataSchema } from '@ckeditor/ckeditor5-html-support';
-import type { StyleDefinition } from './styleconfig.js';
+* @module style/styleutils
+*/
+import { Plugin, type Editor } from "@ckeditor/ckeditor5-core";
+import type { ModelElement, ModelDocumentSelection, ModelSelectable } from "@ckeditor/ckeditor5-engine";
+import type { DecoratedMethodEvent } from "@ckeditor/ckeditor5-utils";
+import type { TemplateDefinition } from "@ckeditor/ckeditor5-ui";
+import type { DataSchema } from "@ckeditor/ckeditor5-html-support";
+import type { StyleDefinition } from "./styleconfig.js";
 export declare class StyleUtils extends Plugin {
-    private _htmlSupport;
-    /**
-     * @inheritDoc
-     */
-    static get pluginName(): "StyleUtils";
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin(): true;
-    /**
-     * @inheritDoc
-     */
-    constructor(editor: Editor);
-    /**
-     * @inheritDoc
-     */
-    init(): void;
-    /**
-     * Normalizes {@link module:style/styleconfig~StyleConfig#definitions} in the configuration of the styles feature.
-     * The structure of normalized styles looks as follows:
-     *
-     * ```ts
-     * {
-     * 	block: [
-     * 		<module:style/style~StyleDefinition>,
-     * 		<module:style/style~StyleDefinition>,
-     * 		...
-     * 	],
-     * 	inline: [
-     * 		<module:style/style~StyleDefinition>,
-     * 		<module:style/style~StyleDefinition>,
-     * 		...
-     * 	]
-     * }
-     * ```
-     *
-     * @returns An object with normalized style definitions grouped into `block` and `inline` categories (arrays).
-     */
-    normalizeConfig(dataSchema: DataSchema, styleDefinitions?: Array<StyleDefinition>): NormalizedStyleDefinitions;
-    /**
-     * Verifies if the given style is applicable to the provided block element.
-     *
-     * @internal
-     */
-    isStyleEnabledForBlock(definition: BlockStyleDefinition, block: ModelElement): boolean;
-    /**
-     * Returns true if the given style is applied to the specified block element.
-     *
-     * @internal
-     */
-    isStyleActiveForBlock(definition: BlockStyleDefinition, block: ModelElement): boolean;
-    /**
-     * Returns an array of block elements that style should be applied to.
-     *
-     * @internal
-     */
-    getAffectedBlocks(definition: BlockStyleDefinition, block: ModelElement): Array<ModelElement> | null;
-    /**
-     * Verifies if the given style is applicable to the provided document selection.
-     *
-     * @internal
-     */
-    isStyleEnabledForInlineSelection(definition: InlineStyleDefinition, selection: ModelDocumentSelection): boolean;
-    /**
-     * Returns true if the given style is applied to the specified document selection.
-     *
-     * @internal
-     */
-    isStyleActiveForInlineSelection(definition: InlineStyleDefinition, selection: ModelDocumentSelection): boolean;
-    /**
-     * Returns a selectable that given style should be applied to.
-     *
-     * @internal
-     */
-    getAffectedInlineSelectable(definition: InlineStyleDefinition, selection: ModelDocumentSelection): ModelSelectable;
-    /**
-     * Returns the `TemplateDefinition` used by styles dropdown to render style preview.
-     *
-     * @internal
-     */
-    getStylePreview(definition: StyleDefinition, children: Iterable<TemplateDefinition>): TemplateDefinition;
-    /**
-     * Verifies if all classes are present in the given GHS attribute.
-     *
-     * @internal
-     */
-    hasAllClasses(ghsAttributeValue: unknown, classes: Array<string>): boolean;
-    /**
-     * This is where the styles feature configures the GHS feature. This method translates normalized
-     * {@link module:style/styleconfig~StyleDefinition style definitions} to
-     * {@link module:engine/view/matcher~MatcherObjectPattern matcher patterns} and feeds them to the GHS
-     * {@link module:html-support/datafilter~DataFilter} plugin.
-     *
-     * @internal
-     */
-    configureGHSDataFilter({ block, inline }: NormalizedStyleDefinitions): void;
-    /**
-     * Checks the attribute value of the first node in the selection that allows the attribute.
-     * For the collapsed selection, returns the selection attribute.
-     *
-     * @param selection The document selection.
-     * @param attributeName Name of the GHS attribute.
-     * @returns The attribute value.
-     */
-    private _getValueFromFirstAllowedNode;
+	private _htmlSupport;
+	/**
+	* @inheritDoc
+	*/
+	static get pluginName(): "StyleUtils";
+	/**
+	* @inheritDoc
+	*/
+	static override get isOfficialPlugin(): true;
+	/**
+	* @inheritDoc
+	*/
+	constructor(editor: Editor);
+	/**
+	* @inheritDoc
+	*/
+	init(): void;
+	/**
+	* Normalizes {@link module:style/styleconfig~StyleConfig#definitions} in the configuration of the styles feature.
+	* The structure of normalized styles looks as follows:
+	*
+	* ```ts
+	* {
+	* 	block: [
+	* 		<module:style/style~StyleDefinition>,
+	* 		<module:style/style~StyleDefinition>,
+	* 		...
+	* 	],
+	* 	inline: [
+	* 		<module:style/style~StyleDefinition>,
+	* 		<module:style/style~StyleDefinition>,
+	* 		...
+	* 	]
+	* }
+	* ```
+	*
+	* @returns An object with normalized style definitions grouped into `block` and `inline` categories (arrays).
+	*/
+	normalizeConfig(dataSchema: DataSchema, styleDefinitions?: Array<StyleDefinition>): NormalizedStyleDefinitions;
+	/**
+	* Verifies if the given style is applicable to the provided block element.
+	*
+	* @internal
+	*/
+	isStyleEnabledForBlock(definition: BlockStyleDefinition, block: ModelElement): boolean;
+	/**
+	* Returns true if the given style is applied to the specified block element.
+	*
+	* @internal
+	*/
+	isStyleActiveForBlock(definition: BlockStyleDefinition, block: ModelElement): boolean;
+	/**
+	* Returns an array of block elements that style should be applied to.
+	*
+	* @internal
+	*/
+	getAffectedBlocks(definition: BlockStyleDefinition, block: ModelElement): Array<ModelElement> | null;
+	/**
+	* Verifies if the given style is applicable to the provided document selection.
+	*
+	* @internal
+	*/
+	isStyleEnabledForInlineSelection(definition: InlineStyleDefinition, selection: ModelDocumentSelection): boolean;
+	/**
+	* Returns true if the given style is applied to the specified document selection.
+	*
+	* @internal
+	*/
+	isStyleActiveForInlineSelection(definition: InlineStyleDefinition, selection: ModelDocumentSelection): boolean;
+	/**
+	* Returns a selectable that given style should be applied to.
+	*
+	* @internal
+	*/
+	getAffectedInlineSelectable(definition: InlineStyleDefinition, selection: ModelDocumentSelection): ModelSelectable;
+	/**
+	* Returns the `TemplateDefinition` used by styles dropdown to render style preview.
+	*
+	* @internal
+	*/
+	getStylePreview(definition: StyleDefinition, children: Iterable<TemplateDefinition>): TemplateDefinition;
+	/**
+	* Verifies if all classes are present in the given GHS attribute.
+	*
+	* @internal
+	*/
+	hasAllClasses(ghsAttributeValue: unknown, classes: Array<string>): boolean;
+	/**
+	* This is where the styles feature configures the GHS feature. This method translates normalized
+	* {@link module:style/styleconfig~StyleDefinition style definitions} to
+	* {@link module:engine/view/matcher~MatcherObjectPattern matcher patterns} and feeds them to the GHS
+	* {@link module:html-support/datafilter~DataFilter} plugin.
+	*
+	* @internal
+	*/
+	configureGHSDataFilter({ block, inline }: NormalizedStyleDefinitions): void;
+	/**
+	* Checks the attribute value of the first node in the selection that allows the attribute.
+	* For the collapsed selection, returns the selection attribute.
+	*
+	* @param selection The document selection.
+	* @param attributeName Name of the GHS attribute.
+	* @returns The attribute value.
+	*/
+	private _getValueFromFirstAllowedNode;
 }
 export interface NormalizedStyleDefinitions {
-    block: Array<BlockStyleDefinition>;
-    inline: Array<InlineStyleDefinition>;
+	block: Array<BlockStyleDefinition>;
+	inline: Array<InlineStyleDefinition>;
 }
 export interface BlockStyleDefinition extends StyleDefinition {
-    isBlock: true;
-    modelElements: Array<string>;
-    previewTemplate: TemplateDefinition;
+	isBlock: true;
+	modelElements: Array<string>;
+	previewTemplate: TemplateDefinition;
 }
 export interface InlineStyleDefinition extends StyleDefinition {
-    ghsAttributes: Array<string>;
-    previewTemplate: TemplateDefinition;
+	ghsAttributes: Array<string>;
+	previewTemplate: TemplateDefinition;
 }
 export type NormalizedStyleDefinition = BlockStyleDefinition | InlineStyleDefinition;
-export type StyleUtilsIsEnabledForBlockEvent = DecoratedMethodEvent<StyleUtils, 'isStyleEnabledForBlock'>;
-export type StyleUtilsIsActiveForBlockEvent = DecoratedMethodEvent<StyleUtils, 'isStyleActiveForBlock'>;
-export type StyleUtilsGetAffectedBlocksEvent = DecoratedMethodEvent<StyleUtils, 'getAffectedBlocks'>;
-export type StyleUtilsIsStyleEnabledForInlineSelectionEvent = DecoratedMethodEvent<StyleUtils, 'isStyleEnabledForInlineSelection'>;
-export type StyleUtilsIsStyleActiveForInlineSelectionEvent = DecoratedMethodEvent<StyleUtils, 'isStyleActiveForInlineSelection'>;
-export type StyleUtilsGetAffectedInlineSelectableEvent = DecoratedMethodEvent<StyleUtils, 'getAffectedInlineSelectable'>;
-export type StyleUtilsGetStylePreviewEvent = DecoratedMethodEvent<StyleUtils, 'getStylePreview'>;
-export type StyleUtilsConfigureGHSDataFilterEvent = DecoratedMethodEvent<StyleUtils, 'configureGHSDataFilter'>;
+export type StyleUtilsIsEnabledForBlockEvent = DecoratedMethodEvent<StyleUtils, "isStyleEnabledForBlock">;
+export type StyleUtilsIsActiveForBlockEvent = DecoratedMethodEvent<StyleUtils, "isStyleActiveForBlock">;
+export type StyleUtilsGetAffectedBlocksEvent = DecoratedMethodEvent<StyleUtils, "getAffectedBlocks">;
+export type StyleUtilsIsStyleEnabledForInlineSelectionEvent = DecoratedMethodEvent<StyleUtils, "isStyleEnabledForInlineSelection">;
+export type StyleUtilsIsStyleActiveForInlineSelectionEvent = DecoratedMethodEvent<StyleUtils, "isStyleActiveForInlineSelection">;
+export type StyleUtilsGetAffectedInlineSelectableEvent = DecoratedMethodEvent<StyleUtils, "getAffectedInlineSelectable">;
+export type StyleUtilsGetStylePreviewEvent = DecoratedMethodEvent<StyleUtils, "getStylePreview">;
+export type StyleUtilsConfigureGHSDataFilterEvent = DecoratedMethodEvent<StyleUtils, "configureGHSDataFilter">;

package/dist/ui/stylegridbuttonview.d.ts

@@ -1,36 +1,36 @@
 /**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
+* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+*/
 /**
- * @module style/ui/stylegridbuttonview
- */
-import type { Locale } from '@ckeditor/ckeditor5-utils';
-import { ButtonView, View } from '@ckeditor/ckeditor5-ui';
-import type { NormalizedStyleDefinition } from '../styleutils.js';
+* @module style/ui/stylegridbuttonview
+*/
+import type { Locale } from "@ckeditor/ckeditor5-utils";
+import { ButtonView, View } from "@ckeditor/ckeditor5-ui";
+import type { NormalizedStyleDefinition } from "../styleutils.js";
 /**
- * A class representing an individual button (style) in the grid. Renders a rich preview of the style.
- *
- * @internal
- */
+* A class representing an individual button (style) in the grid. Renders a rich preview of the style.
+*
+* @internal
+*/
 export declare class StyleGridButtonView extends ButtonView {
-    /**
-     * Definition of the style the button will apply when executed.
-     */
-    readonly styleDefinition: NormalizedStyleDefinition;
-    /**
-     * The view rendering the preview of the style.
-     */
-    readonly previewView: View;
-    /**
-     * Creates an instance of the {@link module:style/ui/stylegridbuttonview~StyleGridButtonView} class.
-     *
-     * @param locale The localization services instance.
-     * @param styleDefinition Definition of the style.
-     */
-    constructor(locale: Locale, styleDefinition: NormalizedStyleDefinition);
-    /**
-     * Creates the view representing the preview of the style.
-     */
-    private _createPreview;
+	/**
+	* Definition of the style the button will apply when executed.
+	*/
+	readonly styleDefinition: NormalizedStyleDefinition;
+	/**
+	* The view rendering the preview of the style.
+	*/
+	readonly previewView: View;
+	/**
+	* Creates an instance of the {@link module:style/ui/stylegridbuttonview~StyleGridButtonView} class.
+	*
+	* @param locale The localization services instance.
+	* @param styleDefinition Definition of the style.
+	*/
+	constructor(locale: Locale, styleDefinition: NormalizedStyleDefinition);
+	/**
+	* Creates the view representing the preview of the style.
+	*/
+	private _createPreview;
 }