@wordpress/global-styles-ui 1.15.0 → 1.15.2-next.v.202606191442.0

package/src/style.scss

@@ -188,27 +188,23 @@
 	flex-direction: column;
 	margin: 16px;
 
-	.components-v-stack {
+	.block-editor-global-styles-advanced-panel {
 		flex: 1 1 auto;
+	}
+
+	.block-editor-global-styles-advanced-panel__custom-css-input {
+		flex: 1 1 auto;
+		display: flex;
+		flex-direction: column;
 
-		.block-editor-global-styles-advanced-panel__custom-css-input {
+		.components-base-control__field {
 			flex: 1 1 auto;
 			display: flex;
 			flex-direction: column;
+		}
 
-			.components-base-control__field {
-				flex: 1 1 auto;
-				display: flex;
-				flex-direction: column;
-
-				.components-textarea-control__input {
-					flex: 1 1 auto;
-					// CSS input is always LTR regardless of language.
-
-					/*rtl:ignore*/
-					direction: ltr;
-				}
-			}
+		textarea {
+			flex: 1 1 auto;
 		}
 	}
 }

package/src/variations/variation.tsx

@@ -3,10 +3,6 @@
  */
 import clsx from 'clsx';
 
-/**
- * WordPress dependencies
- */
-import { Tooltip as WCTooltip } from '@wordpress/components';
 import { useMemo, useContext, useState } from '@wordpress/element';
 import { ENTER } from '@wordpress/keycodes';
 import { _x, sprintf } from '@wordpress/i18n';
@@ -14,11 +10,13 @@ import {
 	areGlobalStylesEqual,
 	mergeGlobalStyles,
 } from '@wordpress/global-styles-engine';
+import { Tooltip } from '@wordpress/ui';
 
 /**
  * Internal dependencies
  */
 import { GlobalStylesContext } from '../context';
+
 import { filterObjectByProperties } from '../utils';
 
 interface VariationProps {
@@ -107,7 +105,10 @@ export default function Variation( {
 	return (
 		<GlobalStylesContext.Provider value={ context }>
 			{ showTooltip ? (
-				<WCTooltip text={ variation?.title }>{ content }</WCTooltip>
+				<Tooltip.Root>
+					<Tooltip.Trigger render={ content } />
+					<Tooltip.Popup>{ variation?.title }</Tooltip.Popup>
+				</Tooltip.Root>
 			) : (
 				content
 			) }