@wordpress/components 25.6.0 → 25.6.1

package/src/select-control/stories/index.story.tsx

@@ -26,7 +26,7 @@ const meta: Meta< typeof SelectControl > = {
 	parameters: {
 		actions: { argTypesRegex: '^on.*' },
 		controls: { expanded: true },
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/slot-fill/stories/index.story.js

@@ -13,7 +13,7 @@ export default {
 	component: Slot,
 	parameters: {
 		controls: { expanded: true },
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 

package/src/snackbar/stories/index.story.tsx

@@ -29,7 +29,7 @@ const meta: ComponentMeta< typeof Snackbar > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/snackbar/stories/list.story.tsx

@@ -27,7 +27,7 @@ const meta: ComponentMeta< typeof SnackbarList > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/spacer/stories/index.story.tsx

@@ -43,7 +43,7 @@ const meta: ComponentMeta< typeof Spacer > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/spinner/stories/index.story.tsx

@@ -16,7 +16,7 @@ const meta: ComponentMeta< typeof Spinner > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/surface/stories/index.story.tsx

@@ -20,7 +20,7 @@ const meta: ComponentMeta< typeof Surface > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/tab-panel/stories/index.story.tsx

@@ -21,7 +21,7 @@ const meta: ComponentMeta< typeof TabPanel > = {
 	parameters: {
 		actions: { argTypesRegex: '^on.*' },
 		controls: { expanded: true },
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/text/test/index.tsx

@@ -104,7 +104,7 @@ describe( 'Text', () => {
 			</Text>
 		);
 		expect( screen.getByRole( 'heading' ) ).toHaveStyle( {
-			color: 'orange',
+			color: 'rgb(255, 165, 0)',
 		} );
 	} );
 

package/src/text-control/stories/index.story.tsx

@@ -26,7 +26,7 @@ const meta: ComponentMeta< typeof TextControl > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/text-highlight/stories/index.story.tsx

@@ -15,7 +15,7 @@ const meta: ComponentMeta< typeof TextHighlight > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/textarea-control/stories/index.story.tsx

@@ -26,7 +26,7 @@ const meta: ComponentMeta< typeof TextareaControl > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/theme/stories/index.story.tsx

@@ -20,7 +20,7 @@ const meta: ComponentMeta< typeof Theme > = {
 	},
 	parameters: {
 		controls: { expanded: true },
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;
@@ -110,5 +110,5 @@ ColorScheme.argTypes = {
 	children: { table: { disable: true } },
 };
 ColorScheme.parameters = {
-	docs: { source: { state: 'closed' } },
+	docs: { canvas: { sourceState: 'hidden' } },
 };

package/src/tip/stories/index.story.tsx

@@ -18,7 +18,7 @@ const meta: ComponentMeta< typeof Tip > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/toggle-control/stories/index.story.tsx

@@ -24,7 +24,7 @@ const meta: ComponentMeta< typeof ToggleControl > = {
 	},
 	parameters: {
 		controls: { expanded: true },
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/toggle-group-control/stories/index.story.tsx

@@ -33,7 +33,7 @@ const meta: ComponentMeta< typeof ToggleGroupControl > = {
 	},
 	parameters: {
 		controls: { expanded: true },
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/toolbar/stories/index.story.tsx

@@ -45,7 +45,7 @@ const meta: ComponentMeta< typeof Toolbar > = {
 	},
 	parameters: {
 		controls: { expanded: true },
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 

package/src/tools-panel/stories/index.story.tsx

@@ -39,7 +39,7 @@ const meta: ComponentMeta< typeof ToolsPanel > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/tooltip/stories/index.story.js

@@ -24,7 +24,7 @@ export default {
 		text: { control: 'text' },
 	},
 	parameters: {
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 

package/src/tree-select/stories/index.story.tsx

@@ -27,7 +27,7 @@ const meta: ComponentMeta< typeof TreeSelect > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 

package/src/truncate/stories/index.story.tsx

@@ -19,7 +19,7 @@ const meta: ComponentMeta< typeof Truncate > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/ui/context/constants.js

@@ -1,7 +1,5 @@
-export const REACT_TYPEOF_KEY = '$$typeof';
 export const COMPONENT_NAMESPACE = 'data-wp-component';
 export const CONNECTED_NAMESPACE = 'data-wp-c16t';
-export const CONTEXT_COMPONENT_NAMESPACE = 'data-wp-c5tc8t';
 
 /**
  * Special key where the connected namespaces are stored.

package/src/unit-control/stories/index.story.tsx

@@ -30,7 +30,7 @@ const meta: ComponentMeta< typeof UnitControl > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/utils/math.js

@@ -96,14 +96,3 @@ export function roundClamp(
 		? getNumber( clampedValue.toFixed( precision ) )
 		: clampedValue;
 }
-
-/**
- * Clamps a value based on a min/max range with rounding.
- * Returns a string.
- *
- * @param {Parameters<typeof roundClamp>} args Arguments for roundClamp().
- * @return {string} The rounded and clamped value.
- */
-export function roundClampString( ...args ) {
-	return roundClamp( ...args ).toString();
-}

package/src/utils/values.js

@@ -39,65 +39,6 @@ export function getDefinedValue( values = [], fallbackValue ) {
 	return values.find( isValueDefined ) ?? fallbackValue;
 }
 
-/**
- * @param {string} [locale]
- * @return {[RegExp, RegExp]} The delimiter and decimal regexp
- */
-const getDelimiterAndDecimalRegex = ( locale ) => {
-	const formatted = Intl.NumberFormat( locale ).format( 1000.1 );
-	const delimiter = formatted[ 1 ];
-	const decimal = formatted[ formatted.length - 2 ];
-	return [
-		new RegExp( `\\${ delimiter }`, 'g' ),
-		new RegExp( `\\${ decimal }`, 'g' ),
-	];
-};
-
-// https://en.wikipedia.org/wiki/Decimal_separator#Current_standards
-const INTERNATIONAL_THOUSANDS_DELIMITER = / /g;
-
-const ARABIC_NUMERAL_LOCALES = [ 'ar', 'fa', 'ur', 'ckb', 'ps' ];
-
-const EASTERN_ARABIC_NUMBERS = /([۰-۹]|[٠-٩])/g;
-
-/**
- * Checks to see if a value is a numeric value (`number` or `string`).
- *
- * Intentionally ignores whether the thousands delimiters are only
- * in the thousands marks.
- *
- * @param {any}    value
- * @param {string} [locale]
- * @return {boolean} Whether value is numeric.
- */
-export function isValueNumeric( value, locale = window.navigator.language ) {
-	if ( ARABIC_NUMERAL_LOCALES.some( ( l ) => locale.startsWith( l ) ) ) {
-		locale = 'en-GB';
-		if ( EASTERN_ARABIC_NUMBERS.test( value ) ) {
-			value = value
-				.replace( /[٠-٩]/g, ( /** @type {string} */ d ) =>
-					'٠١٢٣٤٥٦٧٨٩'.indexOf( d )
-				)
-				.replace( /[۰-۹]/g, ( /** @type {string} */ d ) =>
-					'۰۱۲۳۴۵۶۷۸۹'.indexOf( d )
-				)
-				.replace( /٬/g, ',' )
-				.replace( /٫/g, '.' );
-		}
-	}
-
-	const [ delimiterRegexp, decimalRegexp ] =
-		getDelimiterAndDecimalRegex( locale );
-	const valueToCheck =
-		typeof value === 'string'
-			? value
-					.replace( delimiterRegexp, '' )
-					.replace( decimalRegexp, '.' )
-					.replace( INTERNATIONAL_THOUSANDS_DELIMITER, '' )
-			: value;
-	return ! isNaN( parseFloat( valueToCheck ) ) && isFinite( valueToCheck );
-}
-
 /**
  * Converts a string to a number.
  *
@@ -108,16 +49,6 @@ export const stringToNumber = ( value ) => {
 	return parseFloat( value );
 };
 
-/**
- * Converts a number to a string.
- *
- * @param {number} value
- * @return {string} Number as a string.
- */
-export const numberToString = ( value ) => {
-	return `${ value }`;
-};
-
 /**
  * Regardless of the input being a string or a number, returns a number.
  *
@@ -129,15 +60,3 @@ export const numberToString = ( value ) => {
 export const ensureNumber = ( value ) => {
 	return typeof value === 'string' ? stringToNumber( value ) : value;
 };
-
-/**
- * Regardless of the input being a string or a number, returns a number.
- *
- * Returns `undefined` in case the string is `undefined` or not a valid numeric value.
- *
- * @param {string | number} value
- * @return {string} The converted string, or `undefined` in case the input is `undefined` or `NaN`.
- */
-export const ensureString = ( value ) => {
-	return typeof value === 'string' ? value : numberToString( value );
-};

package/src/v-stack/stories/index.story.tsx

@@ -39,7 +39,7 @@ const meta: ComponentMeta< typeof VStack > = {
 	},
 	parameters: {
 		controls: { expanded: true },
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/view/stories/index.story.tsx

@@ -17,7 +17,7 @@ const meta: ComponentMeta< typeof View > = {
 	},
 	parameters: {
 		controls: { expanded: true },
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/visually-hidden/stories/index.story.tsx

@@ -19,7 +19,7 @@ const meta: ComponentMeta< typeof VisuallyHidden > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;

package/src/z-stack/stories/index.story.tsx

@@ -22,7 +22,7 @@ const meta: ComponentMeta< typeof ZStack > = {
 		controls: {
 			expanded: true,
 		},
-		docs: { source: { state: 'open' } },
+		docs: { canvas: { sourceState: 'shown' } },
 	},
 };
 export default meta;