@ckeditor/ckeditor5-engine 45.2.1-alpha.9 → 46.0.0-alpha.0

package/src/view/styles/background.d.ts

@@ -10,7 +10,7 @@ import type { StylesProcessor } from '../stylesmap.js';
  * Adds a background CSS styles processing rules.
  *
  * ```ts
- * editor.data.addStyleProcessorRules( addBackgroundRules );
+ * editor.data.addStyleProcessorRules( addBackgroundStylesRules );
  * ```
  *
  * The normalized value is stored as:
@@ -30,4 +30,4 @@ import type { StylesProcessor } from '../stylesmap.js';
  * **Note**: Currently only `'background-color'` longhand value is parsed besides `'background'` shorthand. The reducer also supports only
  * `'background-color'` value.
  */
-export declare function addBackgroundRules(stylesProcessor: StylesProcessor): void;
+export declare function addBackgroundStylesRules(stylesProcessor: StylesProcessor): void;

package/src/view/styles/background.js

@@ -2,12 +2,12 @@
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import { getShorthandValues, isAttachment, isColor, isPosition, isRepeat, isURL } from './utils.js';
+import { getShorthandStylesValues, isAttachmentStyleValue, isColorStyleValue, isPositionStyleValue, isRepeatStyleValue, isURLStyleValue } from './utils.js';
 /**
  * Adds a background CSS styles processing rules.
  *
  * ```ts
- * editor.data.addStyleProcessorRules( addBackgroundRules );
+ * editor.data.addStyleProcessorRules( addBackgroundStylesRules );
  * ```
  *
  * The normalized value is stored as:
@@ -27,7 +27,7 @@ import { getShorthandValues, isAttachment, isColor, isPosition, isRepeat, isURL
  * **Note**: Currently only `'background-color'` longhand value is parsed besides `'background'` shorthand. The reducer also supports only
  * `'background-color'` value.
  */
-export function addBackgroundRules(stylesProcessor) {
+export function addBackgroundStylesRules(stylesProcessor) {
     stylesProcessor.setNormalizer('background', getBackgroundNormalizer());
     stylesProcessor.setNormalizer('background-color', getBackgroundColorNormalizer());
     stylesProcessor.setReducer('background', getBackgroundReducer());
@@ -36,23 +36,23 @@ export function addBackgroundRules(stylesProcessor) {
 function getBackgroundNormalizer() {
     return value => {
         const background = {};
-        const parts = getShorthandValues(value);
+        const parts = getShorthandStylesValues(value);
         for (const part of parts) {
-            if (isRepeat(part)) {
+            if (isRepeatStyleValue(part)) {
                 background.repeat = background.repeat || [];
                 background.repeat.push(part);
             }
-            else if (isPosition(part)) {
+            else if (isPositionStyleValue(part)) {
                 background.position = background.position || [];
                 background.position.push(part);
             }
-            else if (isAttachment(part)) {
+            else if (isAttachmentStyleValue(part)) {
                 background.attachment = part;
             }
-            else if (isColor(part)) {
+            else if (isColorStyleValue(part)) {
                 background.color = part;
             }
-            else if (isURL(part)) {
+            else if (isURLStyleValue(part)) {
                 background.image = part;
             }
         }

package/src/view/styles/border.d.ts

@@ -10,7 +10,7 @@ import type { StylesProcessor } from '../stylesmap.js';
  * Adds a border CSS styles processing rules.
  *
  * ```ts
- * editor.data.addStyleProcessorRules( addBorderRules );
+ * editor.data.addStyleProcessorRules( addBorderStylesRules );
  * ```
  *
  * This rules merges all [border](https://developer.mozilla.org/en-US/docs/Web/CSS/border) styles notation shorthands:
@@ -40,4 +40,4 @@ import type { StylesProcessor } from '../stylesmap.js';
  * };
  * ```
  */
-export declare function addBorderRules(stylesProcessor: StylesProcessor): void;
+export declare function addBorderStylesRules(stylesProcessor: StylesProcessor): void;

package/src/view/styles/border.js

@@ -2,12 +2,12 @@
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import { getShorthandValues, getBoxSidesValueReducer, getBoxSidesValues, isLength, isLineStyle } from './utils.js';
+import { getShorthandStylesValues, getBoxSidesStyleValueReducer, getBoxSidesStyleValues, isLengthStyleValue, isLineStyleValue } from './utils.js';
 /**
  * Adds a border CSS styles processing rules.
  *
  * ```ts
- * editor.data.addStyleProcessorRules( addBorderRules );
+ * editor.data.addStyleProcessorRules( addBorderStylesRules );
  * ```
  *
  * This rules merges all [border](https://developer.mozilla.org/en-US/docs/Web/CSS/border) styles notation shorthands:
@@ -37,7 +37,7 @@ import { getShorthandValues, getBoxSidesValueReducer, getBoxSidesValues, isLengt
  * };
  * ```
  */
-export function addBorderRules(stylesProcessor) {
+export function addBorderStylesRules(stylesProcessor) {
     stylesProcessor.setNormalizer('border', getBorderNormalizer());
     // Border-position shorthands.
     stylesProcessor.setNormalizer('border-top', getBorderPositionNormalizer('top'));
@@ -77,9 +77,9 @@ export function addBorderRules(stylesProcessor) {
     stylesProcessor.setExtractor('border-right-style', 'border.style.right');
     stylesProcessor.setExtractor('border-bottom-style', 'border.style.bottom');
     stylesProcessor.setExtractor('border-left-style', 'border.style.left');
-    stylesProcessor.setReducer('border-color', getBoxSidesValueReducer('border-color'));
-    stylesProcessor.setReducer('border-style', getBoxSidesValueReducer('border-style'));
-    stylesProcessor.setReducer('border-width', getBoxSidesValueReducer('border-width'));
+    stylesProcessor.setReducer('border-color', getBoxSidesStyleValueReducer('border-color'));
+    stylesProcessor.setReducer('border-style', getBoxSidesStyleValueReducer('border-style'));
+    stylesProcessor.setReducer('border-width', getBoxSidesStyleValueReducer('border-width'));
     stylesProcessor.setReducer('border-top', getBorderPositionReducer('top'));
     stylesProcessor.setReducer('border-right', getBorderPositionReducer('right'));
     stylesProcessor.setReducer('border-bottom', getBorderPositionReducer('bottom'));
@@ -112,9 +112,9 @@ function getBorderNormalizer() {
         return {
             path: 'border',
             value: {
-                color: getBoxSidesValues(color),
-                style: getBoxSidesValues(style),
-                width: getBoxSidesValues(width)
+                color: getBoxSidesStyleValues(color),
+                style: getBoxSidesStyleValues(style),
+                width: getBoxSidesStyleValues(width)
             }
         };
     };
@@ -148,7 +148,7 @@ function getBorderPropertyNormalizer(propertyName) {
 }
 function toBorderPropertyShorthand(value, property) {
     return {
-        [property]: getBoxSidesValues(value)
+        [property]: getBoxSidesStyleValues(value)
     };
 }
 function getBorderPropertyPositionNormalizer(property, side) {
@@ -185,12 +185,12 @@ function extractBorderPosition(border, which) {
 }
 function normalizeBorderShorthand(string) {
     const result = {};
-    const parts = getShorthandValues(string);
+    const parts = getShorthandStylesValues(string);
     for (const part of parts) {
-        if (isLength(part) || /thin|medium|thick/.test(part)) {
+        if (isLengthStyleValue(part) || /thin|medium|thick/.test(part)) {
             result.width = part;
         }
-        else if (isLineStyle(part)) {
+        else if (isLineStyleValue(part)) {
             result.style = part;
         }
         else {

package/src/view/styles/margin.d.ts

@@ -10,7 +10,7 @@ import type { StylesProcessor } from '../stylesmap.js';
  * Adds a margin CSS styles processing rules.
  *
  * ```ts
- * editor.data.addStyleProcessorRules( addMarginRules );
+ * editor.data.addStyleProcessorRules( addMarginStylesRules );
  * ```
  *
  * The normalized value is stored as:
@@ -26,4 +26,4 @@ import type { StylesProcessor } from '../stylesmap.js';
  * };
  * ```
  */
-export declare function addMarginRules(stylesProcessor: StylesProcessor): void;
+export declare function addMarginStylesRules(stylesProcessor: StylesProcessor): void;

package/src/view/styles/margin.js

@@ -2,12 +2,12 @@
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import { getPositionShorthandNormalizer, getBoxSidesValueReducer } from './utils.js';
+import { getPositionStyleShorthandNormalizer, getBoxSidesStyleValueReducer } from './utils.js';
 /**
  * Adds a margin CSS styles processing rules.
  *
  * ```ts
- * editor.data.addStyleProcessorRules( addMarginRules );
+ * editor.data.addStyleProcessorRules( addMarginStylesRules );
  * ```
  *
  * The normalized value is stored as:
@@ -23,12 +23,12 @@ import { getPositionShorthandNormalizer, getBoxSidesValueReducer } from './utils
  * };
  * ```
  */
-export function addMarginRules(stylesProcessor) {
-    stylesProcessor.setNormalizer('margin', getPositionShorthandNormalizer('margin'));
+export function addMarginStylesRules(stylesProcessor) {
+    stylesProcessor.setNormalizer('margin', getPositionStyleShorthandNormalizer('margin'));
     stylesProcessor.setNormalizer('margin-top', value => ({ path: 'margin.top', value }));
     stylesProcessor.setNormalizer('margin-right', value => ({ path: 'margin.right', value }));
     stylesProcessor.setNormalizer('margin-bottom', value => ({ path: 'margin.bottom', value }));
     stylesProcessor.setNormalizer('margin-left', value => ({ path: 'margin.left', value }));
-    stylesProcessor.setReducer('margin', getBoxSidesValueReducer('margin'));
+    stylesProcessor.setReducer('margin', getBoxSidesStyleValueReducer('margin'));
     stylesProcessor.setStyleRelation('margin', ['margin-top', 'margin-right', 'margin-bottom', 'margin-left']);
 }

package/src/view/styles/padding.d.ts

@@ -10,7 +10,7 @@ import type { StylesProcessor } from '../stylesmap.js';
  * Adds a padding CSS styles processing rules.
  *
  * ```ts
- * editor.data.addStyleProcessorRules( addPaddingRules );
+ * editor.data.addStyleProcessorRules( addPaddingStylesRules );
  * ```
  *
  * The normalized value is stored as:
@@ -26,4 +26,4 @@ import type { StylesProcessor } from '../stylesmap.js';
  * };
  * ```
  */
-export declare function addPaddingRules(stylesProcessor: StylesProcessor): void;
+export declare function addPaddingStylesRules(stylesProcessor: StylesProcessor): void;

package/src/view/styles/padding.js

@@ -2,12 +2,12 @@
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import { getPositionShorthandNormalizer, getBoxSidesValueReducer } from './utils.js';
+import { getPositionStyleShorthandNormalizer, getBoxSidesStyleValueReducer } from './utils.js';
 /**
  * Adds a padding CSS styles processing rules.
  *
  * ```ts
- * editor.data.addStyleProcessorRules( addPaddingRules );
+ * editor.data.addStyleProcessorRules( addPaddingStylesRules );
  * ```
  *
  * The normalized value is stored as:
@@ -23,12 +23,12 @@ import { getPositionShorthandNormalizer, getBoxSidesValueReducer } from './utils
  * };
  * ```
  */
-export function addPaddingRules(stylesProcessor) {
-    stylesProcessor.setNormalizer('padding', getPositionShorthandNormalizer('padding'));
+export function addPaddingStylesRules(stylesProcessor) {
+    stylesProcessor.setNormalizer('padding', getPositionStyleShorthandNormalizer('padding'));
     stylesProcessor.setNormalizer('padding-top', value => ({ path: 'padding.top', value }));
     stylesProcessor.setNormalizer('padding-right', value => ({ path: 'padding.right', value }));
     stylesProcessor.setNormalizer('padding-bottom', value => ({ path: 'padding.bottom', value }));
     stylesProcessor.setNormalizer('padding-left', value => ({ path: 'padding.left', value }));
-    stylesProcessor.setReducer('padding', getBoxSidesValueReducer('padding'));
+    stylesProcessor.setReducer('padding', getBoxSidesStyleValueReducer('padding'));
     stylesProcessor.setStyleRelation('padding', ['padding-top', 'padding-right', 'padding-bottom', 'padding-left']);
 }

package/src/view/styles/utils.d.ts

@@ -5,89 +5,89 @@
 /**
  * @module engine/view/styles/utils
  */
-import type { BoxSides, PropertyDescriptor, StyleValue } from '../stylesmap.js';
+import type { BoxStyleSides, StylePropertyDescriptor, StyleValue } from '../stylesmap.js';
 /**
  * Checks if string contains [color](https://developer.mozilla.org/en-US/docs/Web/CSS/color) CSS value.
  *
  * ```ts
- * isColor( '#f00' );						// true
- * isColor( '#AA00BB33' );					// true
- * isColor( 'rgb(0, 0, 250)' );				// true
- * isColor( 'hsla(240, 100%, 50%, .7)' );	// true
- * isColor( 'deepskyblue' );				// true
+ * isColorStyleValue( '#f00' );						// true
+ * isColorStyleValue( '#AA00BB33' );				// true
+ * isColorStyleValue( 'rgb(0, 0, 250)' );			// true
+ * isColorStyleValue( 'hsla(240, 100%, 50%, .7)' );	// true
+ * isColorStyleValue( 'deepskyblue' );				// true
  * ```
  *
  * **Note**: It does not support CSS Level 4 whitespace syntax, system colors and radius values for HSL colors.
  */
-export declare function isColor(string: string): boolean;
+export declare function isColorStyleValue(string: string): boolean;
 /**
  * Checks if string contains [line style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style) CSS value.
  */
-export declare function isLineStyle(string: string): boolean;
+export declare function isLineStyleValue(string: string): boolean;
 /**
  * Checks if string contains [length](https://developer.mozilla.org/en-US/docs/Web/CSS/length) CSS value.
  */
-export declare function isLength(string: string): boolean;
+export declare function isLengthStyleValue(string: string): boolean;
 /**
  * Checks if string contains [percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) CSS value.
  */
-export declare function isPercentage(string: string): boolean;
+export declare function isPercentageStyleValue(string: string): boolean;
 /**
  * Checks if string contains [background repeat](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) CSS value.
  */
-export declare function isRepeat(string: string): boolean;
+export declare function isRepeatStyleValue(string: string): boolean;
 /**
  * Checks if string contains [background position](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) CSS value.
  */
-export declare function isPosition(string: string): boolean;
+export declare function isPositionStyleValue(string: string): boolean;
 /**
  * Checks if string contains [background attachment](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment) CSS value.
  */
-export declare function isAttachment(string: string): boolean;
+export declare function isAttachmentStyleValue(string: string): boolean;
 /**
  * Checks if string contains [URL](https://developer.mozilla.org/en-US/docs/Web/CSS/url) CSS value.
  */
-export declare function isURL(string: string): boolean;
+export declare function isURLStyleValue(string: string): boolean;
 /**
  * Parses box sides as individual values.
  */
-export declare function getBoxSidesValues(value?: string): BoxSides;
+export declare function getBoxSidesStyleValues(value?: string): BoxStyleSides;
 /**
  * Default reducer for CSS properties that concerns edges of a box
  * [shorthand](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) notations:
  *
  * ```ts
- * stylesProcessor.setReducer( 'padding', getBoxSidesValueReducer( 'padding' ) );
+ * stylesProcessor.setReducer( 'padding', getBoxSidesStyleValueReducer( 'padding' ) );
  * ```
  */
-export declare function getBoxSidesValueReducer(styleShorthand: string): (value: StyleValue) => Array<PropertyDescriptor>;
+export declare function getBoxSidesStyleValueReducer(styleShorthand: string): (value: StyleValue) => Array<StylePropertyDescriptor>;
 /**
  * Returns a [shorthand](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) notation
  * of a CSS property value.
  *
  * ```ts
- * getBoxSidesShorthandValue( { top: '1px', right: '1px', bottom: '2px', left: '1px' } );
+ * getBoxSidesStyleShorthandValue( { top: '1px', right: '1px', bottom: '2px', left: '1px' } );
  * // will return '1px 1px 2px'
  * ```
  */
-export declare function getBoxSidesShorthandValue({ top, right, bottom, left }: BoxSides): string;
+export declare function getBoxSidesStyleShorthandValue({ top, right, bottom, left }: BoxStyleSides): string;
 /**
  * Creates a normalizer for a [shorthand](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) 1-to-4 value.
  *
  * ```ts
- * stylesProcessor.setNormalizer( 'margin', getPositionShorthandNormalizer( 'margin' ) );
+ * stylesProcessor.setNormalizer( 'margin', getPositionStyleShorthandNormalizer( 'margin' ) );
  * ```
  */
-export declare function getPositionShorthandNormalizer(shorthand: string): (value: string) => {
+export declare function getPositionStyleShorthandNormalizer(shorthand: string): (value: string) => {
     path: string;
-    value: BoxSides;
+    value: BoxStyleSides;
 };
 /**
  * Parses parts of a 1-to-4 value notation - handles some CSS values with spaces (like RGB()).
  *
  * ```ts
- * getShorthandValues( 'red blue RGB(0, 0, 0)');
+ * getShorthandStylesValues( 'red blue RGB(0, 0, 0)');
  * // will return [ 'red', 'blue', 'RGB(0, 0, 0)' ]
  * ```
  */
-export declare function getShorthandValues(string: string): Array<string>;
+export declare function getShorthandStylesValues(string: string): Array<string>;

package/src/view/styles/utils.js

@@ -47,16 +47,16 @@ const COLOR_NAMES = new Set([
  * Checks if string contains [color](https://developer.mozilla.org/en-US/docs/Web/CSS/color) CSS value.
  *
  * ```ts
- * isColor( '#f00' );						// true
- * isColor( '#AA00BB33' );					// true
- * isColor( 'rgb(0, 0, 250)' );				// true
- * isColor( 'hsla(240, 100%, 50%, .7)' );	// true
- * isColor( 'deepskyblue' );				// true
+ * isColorStyleValue( '#f00' );						// true
+ * isColorStyleValue( '#AA00BB33' );				// true
+ * isColorStyleValue( 'rgb(0, 0, 250)' );			// true
+ * isColorStyleValue( 'hsla(240, 100%, 50%, .7)' );	// true
+ * isColorStyleValue( 'deepskyblue' );				// true
  * ```
  *
  * **Note**: It does not support CSS Level 4 whitespace syntax, system colors and radius values for HSL colors.
  */
-export function isColor(string) {
+export function isColorStyleValue(string) {
     // As far as I was able to test checking some pre-conditions is faster than joining each test with ||.
     if (string.startsWith('#')) {
         return HEX_COLOR_REGEXP.test(string);
@@ -74,59 +74,59 @@ const lineStyleValues = ['none', 'hidden', 'dotted', 'dashed', 'solid', 'double'
 /**
  * Checks if string contains [line style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style) CSS value.
  */
-export function isLineStyle(string) {
+export function isLineStyleValue(string) {
     return lineStyleValues.includes(string);
 }
 const lengthRegExp = /^([+-]?[0-9]*([.][0-9]+)?(px|cm|mm|in|pc|pt|ch|em|ex|rem|vh|vw|vmin|vmax)|0)$/;
 /**
  * Checks if string contains [length](https://developer.mozilla.org/en-US/docs/Web/CSS/length) CSS value.
  */
-export function isLength(string) {
+export function isLengthStyleValue(string) {
     return lengthRegExp.test(string);
 }
 const PERCENTAGE_VALUE_REGEXP = /^[+-]?[0-9]*([.][0-9]+)?%$/;
 /**
  * Checks if string contains [percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) CSS value.
  */
-export function isPercentage(string) {
+export function isPercentageStyleValue(string) {
     return PERCENTAGE_VALUE_REGEXP.test(string);
 }
 const repeatValues = ['repeat-x', 'repeat-y', 'repeat', 'space', 'round', 'no-repeat'];
 /**
  * Checks if string contains [background repeat](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) CSS value.
  */
-export function isRepeat(string) {
+export function isRepeatStyleValue(string) {
     return repeatValues.includes(string);
 }
 const positionValues = ['center', 'top', 'bottom', 'left', 'right'];
 /**
  * Checks if string contains [background position](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) CSS value.
  */
-export function isPosition(string) {
+export function isPositionStyleValue(string) {
     return positionValues.includes(string);
 }
 const attachmentValues = ['fixed', 'scroll', 'local'];
 /**
  * Checks if string contains [background attachment](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment) CSS value.
  */
-export function isAttachment(string) {
+export function isAttachmentStyleValue(string) {
     return attachmentValues.includes(string);
 }
 const urlRegExp = /^url\(/;
 /**
  * Checks if string contains [URL](https://developer.mozilla.org/en-US/docs/Web/CSS/url) CSS value.
  */
-export function isURL(string) {
+export function isURLStyleValue(string) {
     return urlRegExp.test(string);
 }
 /**
  * Parses box sides as individual values.
  */
-export function getBoxSidesValues(value = '') {
+export function getBoxSidesStyleValues(value = '') {
     if (value === '') {
         return { top: undefined, right: undefined, bottom: undefined, left: undefined };
     }
-    const values = getShorthandValues(value);
+    const values = getShorthandStylesValues(value);
     const top = values[0];
     const bottom = values[2] || top;
     const right = values[1] || top;
@@ -138,10 +138,10 @@ export function getBoxSidesValues(value = '') {
  * [shorthand](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) notations:
  *
  * ```ts
- * stylesProcessor.setReducer( 'padding', getBoxSidesValueReducer( 'padding' ) );
+ * stylesProcessor.setReducer( 'padding', getBoxSidesStyleValueReducer( 'padding' ) );
  * ```
  */
-export function getBoxSidesValueReducer(styleShorthand) {
+export function getBoxSidesStyleValueReducer(styleShorthand) {
     return (value) => {
         const { top, right, bottom, left } = value;
         const reduced = [];
@@ -160,7 +160,7 @@ export function getBoxSidesValueReducer(styleShorthand) {
             }
         }
         else {
-            reduced.push([styleShorthand, getBoxSidesShorthandValue(value)]);
+            reduced.push([styleShorthand, getBoxSidesStyleShorthandValue(value)]);
         }
         return reduced;
     };
@@ -170,11 +170,11 @@ export function getBoxSidesValueReducer(styleShorthand) {
  * of a CSS property value.
  *
  * ```ts
- * getBoxSidesShorthandValue( { top: '1px', right: '1px', bottom: '2px', left: '1px' } );
+ * getBoxSidesStyleShorthandValue( { top: '1px', right: '1px', bottom: '2px', left: '1px' } );
  * // will return '1px 1px 2px'
  * ```
  */
-export function getBoxSidesShorthandValue({ top, right, bottom, left }) {
+export function getBoxSidesStyleShorthandValue({ top, right, bottom, left }) {
     const out = [];
     if (left !== right) {
         out.push(top, right, bottom, left);
@@ -194,14 +194,14 @@ export function getBoxSidesShorthandValue({ top, right, bottom, left }) {
  * Creates a normalizer for a [shorthand](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) 1-to-4 value.
  *
  * ```ts
- * stylesProcessor.setNormalizer( 'margin', getPositionShorthandNormalizer( 'margin' ) );
+ * stylesProcessor.setNormalizer( 'margin', getPositionStyleShorthandNormalizer( 'margin' ) );
  * ```
  */
-export function getPositionShorthandNormalizer(shorthand) {
+export function getPositionStyleShorthandNormalizer(shorthand) {
     return (value) => {
         return {
             path: shorthand,
-            value: getBoxSidesValues(value)
+            value: getBoxSidesStyleValues(value)
         };
     };
 }
@@ -209,11 +209,11 @@ export function getPositionShorthandNormalizer(shorthand) {
  * Parses parts of a 1-to-4 value notation - handles some CSS values with spaces (like RGB()).
  *
  * ```ts
- * getShorthandValues( 'red blue RGB(0, 0, 0)');
+ * getShorthandStylesValues( 'red blue RGB(0, 0, 0)');
  * // will return [ 'red', 'blue', 'RGB(0, 0, 0)' ]
  * ```
  */
-export function getShorthandValues(string) {
+export function getShorthandStylesValues(string) {
     const matches = string.trim().slice(0, 1500).matchAll(CSS_SHORTHAND_VALUE_REGEXP);
     return Array.from(matches).map(i => i[0]);
 }