GlobalStylesUI: Add cursor control token to preview content styles

Author: R1shabh-Gupta

packages/global-styles-ui/src/preview-wrapper.tsx

@@ -107,11 +107,15 @@ function PreviewWrapper( {
 					tabIndex={ -1 }
 				>
 					<motion.div
+						className={
+							withHoverView
+								? 'global-styles-ui-preview__content'
+								: undefined
+						}
 						style={ {
 							height: normalizedHeight * ratio,
 							width: '100%',
 							background: gradientValue ?? backgroundColor,
-							cursor: withHoverView ? 'pointer' : undefined,
 						} }
 						initial="start"
 						animate={

packages/global-styles-ui/src/style.scss

@@ -21,6 +21,10 @@
 	width: 100%;
 }
 
+.global-styles-ui-preview__content {
+	cursor: var(--wpds-cursor-control);
+}
+
 .global-styles-ui-typography-preview {
 	display: flex;
 	align-items: center;