@wordpress/components 30.0.0 → 30.1.1-next.46f643fa0.0

package/build-types/range-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/range-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,OAAO,CAAC;AAEf;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IAC1B;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAG1D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,EAAE,CAAC;AAE/C,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG;IACvC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACtD;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC;AAEtD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACnC,gBAAgB,EAChB,qBAAqB,GAAG,MAAM,GAAG,yBAAyB,CAC1D,GACA,UAAU,GAAG;IACZ;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IACjC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAE,gBAAgB,CAAE,CAAC;IAC/C;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,CAAC,EAAE,MAAM,KAAM,IAAI,CAAC;IACtC;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAE,gBAAgB,CAAE,CAAC;IAChD;;;;OAIG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAE,gBAAgB,CAAE,CAAC;IACrD;;;;OAIG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAE,gBAAgB,CAAE,CAAC;IACpD;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IACrC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,CACtB,KAAK,CAAC,EAAE,oBAAoB,KACxB,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,cAAc,CAAC;IACtD;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IACtC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;CAC5C,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACpC,SAAS,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,iBAAiB,CAAE,gBAAgB,CAAE,CAAC;IACrD,WAAW,CAAC,EAAE,iBAAiB,CAAE,gBAAgB,CAAE,CAAC;IACpD,KAAK,CAAC,EAAE,MAAM,GAAG,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,IAAI,CAC9B,gBAAgB,EAChB,yBAAyB,CACzB,GAAG;IACH,KAAK,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IACjC,KAAK,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,gBAAgB,CAAE,WAAW,GAAG,SAAS,CAAE,CAAC;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,oBAAoB,CAAC,EAAE,CACtB,KAAK,CAAC,EAAE,oBAAoB,KACxB,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACzC,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACb,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/range-control/types.ts"],"names":[],"mappings":"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"}

package/build-types/text-control/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/text-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,WAAW,MAAM,IAAI,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAgBnC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CAEhD,CAAC;AAMF,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAE,OAAO,WAAW,CACnC,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/text-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,WAAW,MAAM,IAAI,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAgBnC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CAEhD,CAAC;AAOF,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAE,OAAO,WAAW,CACnC,CAAC"}

package/build-types/textarea-control/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/textarea-control/index.tsx"],"names":[],"mappings":"AA0DA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,eAAe;;;;0TAA2C,CAAC;AAExE,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/textarea-control/index.tsx"],"names":[],"mappings":"AAiEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,eAAe;;;;0TAA2C,CAAC;AAExE,eAAe,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/components",
-	"version": "30.0.0",
+	"version": "30.1.1-next.46f643fa0.0",
 	"description": "UI components for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -44,23 +44,23 @@
 		"@types/gradient-parser": "0.1.3",
 		"@types/highlight-words-core": "1.2.1",
 		"@use-gesture/react": "^10.3.1",
-		"@wordpress/a11y": "^4.27.0",
-		"@wordpress/compose": "^7.27.0",
-		"@wordpress/date": "^5.27.0",
-		"@wordpress/deprecated": "^4.27.0",
-		"@wordpress/dom": "^4.27.0",
-		"@wordpress/element": "^6.27.0",
-		"@wordpress/escape-html": "^3.27.0",
-		"@wordpress/hooks": "^4.27.0",
-		"@wordpress/html-entities": "^4.27.0",
-		"@wordpress/i18n": "^6.0.0",
-		"@wordpress/icons": "^10.27.0",
-		"@wordpress/is-shallow-equal": "^5.27.0",
-		"@wordpress/keycodes": "^4.27.0",
-		"@wordpress/primitives": "^4.27.0",
-		"@wordpress/private-apis": "^1.27.0",
-		"@wordpress/rich-text": "^7.27.0",
-		"@wordpress/warning": "^3.27.0",
+		"@wordpress/a11y": "^4.27.1-next.46f643fa0.0",
+		"@wordpress/compose": "^7.27.1-next.46f643fa0.0",
+		"@wordpress/date": "^5.27.1-next.46f643fa0.0",
+		"@wordpress/deprecated": "^4.27.1-next.46f643fa0.0",
+		"@wordpress/dom": "^4.27.1-next.46f643fa0.0",
+		"@wordpress/element": "^6.27.1-next.46f643fa0.0",
+		"@wordpress/escape-html": "^3.27.1-next.46f643fa0.0",
+		"@wordpress/hooks": "^4.27.1-next.46f643fa0.0",
+		"@wordpress/html-entities": "^4.27.1-next.46f643fa0.0",
+		"@wordpress/i18n": "^6.0.1-next.46f643fa0.0",
+		"@wordpress/icons": "^10.27.2-next.46f643fa0.0",
+		"@wordpress/is-shallow-equal": "^5.27.1-next.46f643fa0.0",
+		"@wordpress/keycodes": "^4.27.1-next.46f643fa0.0",
+		"@wordpress/primitives": "^4.27.1-next.46f643fa0.0",
+		"@wordpress/private-apis": "^1.27.1-next.46f643fa0.0",
+		"@wordpress/rich-text": "^7.27.1-next.46f643fa0.0",
+		"@wordpress/warning": "^3.27.1-next.46f643fa0.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -86,5 +86,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "abe06a6f2aef8d03c30ea9d5b3e133f041e523b1"
+	"gitHead": "17e600e091675c5e3d809adfea23ac456bbeae19"
 }

package/src/color-picker/styles.ts

@@ -91,6 +91,16 @@ export const ColorfulWrapper = styled.div`
 
 		// Shown instead of box-shadow to Windows high contrast mode.
 		outline: 2px solid transparent;
+
+		@media not ( prefers-reduced-motion ) {
+			transition: transform ${ CONFIG.transitionDurationFast } ease-in-out;
+		}
+	}
+
+	.react-colorful__interactive:focus .react-colorful__pointer {
+		box-shadow: 0 0 0 ${ CONFIG.borderWidthFocus } ${ CONFIG.surfaceColor };
+		border: ${ CONFIG.borderWidthFocus } solid black;
+		transform: translate( -50%, -50% ) scale( 1.5 );
 	}
 
 	.react-colorful__pointer-fill {

package/src/modal/style.scss

@@ -128,7 +128,7 @@
 	flex-direction: row;
 	justify-content: space-between;
 	align-items: center;
-	height: $header-height + $grid-unit-15;
+	height: $header-height + $grid-unit-10; // 72px
 	width: 100%;
 	z-index: z-index(".components-modal__header");
 	position: absolute;
@@ -175,7 +175,7 @@
 // Modal contents.
 .components-modal__content {
 	flex: 1;
-	margin-top: $header-height + $grid-unit-15;
+	margin-top: $header-height + $grid-unit-10;
 	// Small top padding required to avoid cutting off the visible outline when the first child element is focusable.
 	padding: $grid-unit-05 $grid-unit-40 $grid-unit-40;
 	overflow: auto;

package/src/palette-edit/index.tsx

@@ -22,7 +22,7 @@ import { useDebounce } from '@wordpress/compose';
  */
 import Button from '../button';
 import { ColorPicker } from '../color-picker';
-import { FlexItem } from '../flex';
+import { FlexBlock, FlexItem } from '../flex';
 import { HStack } from '../h-stack';
 import { Item, ItemGroup } from '../item-group';
 import { VStack } from '../v-stack';
@@ -229,7 +229,7 @@ function Option< T extends PaletteElement >( {
 				>
 					<IndicatorStyled colorValue={ value } />
 				</Button>
-				<FlexItem>
+				<FlexBlock>
 					{ ! canOnlyChangeValues ? (
 						<NameInput
 							label={
@@ -256,7 +256,7 @@ function Option< T extends PaletteElement >( {
 								  '\u00A0' }
 						</NameContainer>
 					) }
-				</FlexItem>
+				</FlexBlock>
 				{ ! canOnlyChangeValues && (
 					<FlexItem>
 						<RemoveButton

package/src/private-apis.ts

@@ -12,6 +12,11 @@ import { lock } from './lock-unlock';
 import Badge from './badge';
 
 import { DateCalendar, DateRangeCalendar, TZDate } from './calendar';
+import {
+	ValidatedNumberControl,
+	ValidatedTextControl,
+	ValidatedToggleControl,
+} from './validated-form-controls';
 
 export const privateApis = {};
 lock( privateApis, {
@@ -27,4 +32,7 @@ lock( privateApis, {
 	DateCalendar,
 	DateRangeCalendar,
 	TZDate,
+	ValidatedNumberControl,
+	ValidatedTextControl,
+	ValidatedToggleControl,
 } );

package/src/range-control/index.tsx

@@ -314,7 +314,7 @@ function UnforwardedRangeControl(
 						<SimpleTooltip
 							className="components-range-control__tooltip"
 							inputRef={ inputRef }
-							tooltipPosition="bottom"
+							tooltipPlacement="bottom"
 							renderTooltipContent={ renderTooltipContent }
 							show={ isCurrentlyFocused || showTooltip }
 							style={ offsetStyle }

package/src/range-control/styles/range-control-styles.ts

@@ -283,8 +283,8 @@ const tooltipShow = ( { show }: TooltipProps ) => {
 	`;
 };
 
-const tooltipPosition = ( { position }: TooltipProps ) => {
-	const isBottom = position === 'bottom';
+const tooltipPlacement = ( { placement }: TooltipProps ) => {
+	const isBottom = placement === 'bottom';
 
 	if ( isBottom ) {
 		return css`
@@ -312,7 +312,7 @@ export const Tooltip = styled.span< TooltipProps >`
 
 	${ tooltipShow };
 
-	${ tooltipPosition };
+	${ tooltipPlacement };
 	${ rtl(
 		{ transform: 'translateX(-50%)' },
 		{ transform: 'translateX(50%)' }

package/src/range-control/tooltip.tsx

@@ -22,7 +22,7 @@ export default function SimpleTooltip(
 	const {
 		className,
 		inputRef,
-		tooltipPosition,
+		tooltipPlacement,
 		show = false,
 		style = {},
 		value = 0,
@@ -30,7 +30,7 @@ export default function SimpleTooltip(
 		zIndex = 100,
 		...restProps
 	} = props;
-	const position = useTooltipPosition( { inputRef, tooltipPosition } );
+	const placement = useTooltipPlacement( { inputRef, tooltipPlacement } );
 	const classes = clsx( 'components-simple-tooltip', className );
 	const styles = {
 		...style,
@@ -42,7 +42,7 @@ export default function SimpleTooltip(
 			{ ...restProps }
 			aria-hidden="false"
 			className={ classes }
-			position={ position }
+			placement={ placement }
 			show={ show }
 			role="tooltip"
 			style={ styles }
@@ -52,26 +52,26 @@ export default function SimpleTooltip(
 	);
 }
 
-function useTooltipPosition( { inputRef, tooltipPosition }: TooltipProps ) {
-	const [ position, setPosition ] = useState< string >();
+function useTooltipPlacement( { inputRef, tooltipPlacement }: TooltipProps ) {
+	const [ placement, setPlacement ] = useState< string >();
 
-	const setTooltipPosition = useCallback( () => {
+	const setTooltipPlacement = useCallback( () => {
 		if ( inputRef && inputRef.current ) {
-			setPosition( tooltipPosition );
+			setPlacement( tooltipPlacement );
 		}
-	}, [ tooltipPosition, inputRef ] );
+	}, [ tooltipPlacement, inputRef ] );
 
 	useEffect( () => {
-		setTooltipPosition();
-	}, [ setTooltipPosition ] );
+		setTooltipPlacement();
+	}, [ setTooltipPlacement ] );
 
 	useEffect( () => {
-		window.addEventListener( 'resize', setTooltipPosition );
+		window.addEventListener( 'resize', setTooltipPlacement );
 
 		return () => {
-			window.removeEventListener( 'resize', setTooltipPosition );
+			window.removeEventListener( 'resize', setTooltipPlacement );
 		};
 	} );
 
-	return position;
+	return placement;
 }

package/src/range-control/types.ts

@@ -269,9 +269,9 @@ export type ThumbProps = {
 
 export type TooltipProps = {
 	show?: boolean;
-	position?: string;
+	placement?: string;
 	inputRef?: MutableRefObject< HTMLElement | undefined >;
-	tooltipPosition?: string;
+	tooltipPlacement?: string;
 	value?: ControlledRangeValue;
 	renderTooltipContent?: (
 		value?: ControlledRangeValue

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

@@ -56,6 +56,7 @@ export const Default: StoryFn< typeof TextControl > = DefaultTemplate.bind(
 Default.args = {
 	__nextHasNoMarginBottom: true,
 	__next40pxDefaultSize: true,
+	placeholder: 'Placeholder',
 };
 
 export const WithLabelAndHelpText: StoryFn< typeof TextControl > =

package/src/text-control/style.scss

@@ -18,7 +18,12 @@
 	margin: 0;
 	background: $components-color-background;
 	color: $components-color-foreground;
-	@include input-control( $components-color-accent);
+	@include input-control( $components-color-accent );
+	border-color: $components-color-border;
+
+	&::placeholder {
+		color: $components-color-dark-gray-placeholder;
+	}
 
 	&.is-next-40px-default-size {
 		height: $grid-unit-50;

package/src/textarea-control/index.tsx

@@ -1,3 +1,8 @@
+/**
+ * External dependencies
+ */
+import clsx from 'clsx';
+
 /**
  * WordPress dependencies
  */
@@ -32,6 +37,8 @@ function UnforwardedTextareaControl(
 	const onChangeValue = ( event: React.ChangeEvent< HTMLTextAreaElement > ) =>
 		onChange( event.target.value );
 
+	const classes = clsx( 'components-textarea-control', className );
+
 	return (
 		<BaseControl
 			__nextHasNoMarginBottom={ __nextHasNoMarginBottom }
@@ -40,7 +47,7 @@ function UnforwardedTextareaControl(
 			hideLabelFromVision={ hideLabelFromVision }
 			id={ id }
 			help={ help }
-			className={ className }
+			className={ classes }
 		>
 			<StyledTextarea
 				className="components-textarea-control__input"

package/src/utils/theme-variables.scss

@@ -24,5 +24,8 @@ $components-color-gray-600: var(--wp-components-color-gray-600, $gray-600);
 $components-color-gray-700: var(--wp-components-color-gray-700, $gray-700);
 $components-color-gray-800: var(--wp-components-color-gray-800, $gray-800);
 
+$components-color-dark-gray-placeholder: color-mix(in srgb, $components-color-foreground, transparent 38%);
+$components-color-light-gray-placeholder: color-mix(in srgb, $components-color-background, transparent 35%);
+
 // Semantic aliases (prefer these over raw gray values when applicable).
 $components-color-border: #{ $components-color-gray-600 };