@wordpress/components 39.0.0 → 40.0.0

package/src/validated-form-controls/validity-indicator.tsx

@@ -1,40 +0,0 @@
-import clsx from 'clsx';
-import { error, published } from '@wordpress/icons';
-import Icon from '../icon';
-import Spinner from '../spinner';
-
-export function ValidityIndicator( {
-	id,
-	type,
-	message,
-}: {
-	id?: string;
-	type: 'validating' | 'valid' | 'invalid';
-	message?: string;
-} ) {
-	const ICON = {
-		valid: published,
-		invalid: error,
-	};
-	return (
-		<p
-			id={ id }
-			className={ clsx(
-				'components-validated-control__indicator',
-				`is-${ type }`
-			) }
-		>
-			{ type === 'validating' ? (
-				<Spinner className="components-validated-control__indicator-spinner" />
-			) : (
-				<Icon
-					className="components-validated-control__indicator-icon"
-					icon={ ICON[ type ] }
-					size={ 16 }
-					fill="currentColor"
-				/>
-			) }
-			{ message }
-		</p>
-	);
-}

package/src/z-stack/styles.ts

@@ -1,35 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-
-export const ZStackChildView = styled.div< {
-	offsetAmount: number;
-	zIndex: number;
-} >`
-	&:not( :first-of-type ) {
-		${ ( { offsetAmount } ) =>
-			css( {
-				marginInlineStart: offsetAmount,
-			} ) };
-	}
-
-	${ ( { zIndex } ) => css( { zIndex } ) };
-`;
-
-export const ZStackView = styled.div< {
-	isLayered: boolean;
-} >`
-	display: inline-grid;
-	grid-auto-flow: column;
-	position: relative;
-
-	& > ${ ZStackChildView } {
-		position: relative;
-		justify-self: start;
-
-		${ ( { isLayered } ) =>
-			isLayered
-				? // When `isLayered` is true, all items overlap in the same grid cell
-				  css( { gridRowStart: 1, gridColumnStart: 1 } )
-				: undefined };
-	}
-`;