release: fixes

- Fixed styling options of the Menu Icon
- Updated dependencies

Author: vytisbulkevicius

.github/workflows/deploy-npm-package.yml

@@ -15,7 +15,7 @@ jobs:
         node-version: [16.x]
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@4
+        uses: actions/checkout@v4
         with:
           persist-credentials: false
       - name: Setup node ${{ matrix.node-version }} 🔧

assets/apps/components/src/Controls/ColorControl.js

@@ -52,9 +52,11 @@ const ColorControl = ({
 	};
 
 	const isGlobal = selectedColor && selectedColor.indexOf('var') > -1;
+	const defaultGradient = 'linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)';
 
 	const handleClear = () => {
 		onChange(defaultValue || '');
+		setGradient(defaultValue || defaultGradient);
 		toggle();
 	};
 
@@ -157,14 +159,14 @@ const ColorControl = ({
 									<div
 										className="current-color-gradient"
 										style={{
-											background: selectedColor,
+											background: selectedColor || defaultGradient,
 											height: '177px',
 											border: '1px solid #eee',
 											minWidth: '215px',
 										}}
 									/>
 									<GradientPicker
-										value={gradient}
+										value={gradient || defaultGradient}
 										gradients={[]}
 										onChange={(currentGradient) => {
 											setGradient(currentGradient);

assets/apps/components/src/Style/_responsive.scss

@@ -40,3 +40,15 @@ $devicemap : 'tablet', 'mobile', 'desktop';
 	}
   }
 }
+
+#tsdk_banner:has(.themeisle-sale) {
+	margin: 0 auto;
+	padding: 0 1.5rem;
+	width: 100%;
+	max-width: 1535px;
+
+	.notice.themeisle-sale {
+		margin: 0;
+	}
+}
+

assets/apps/customizer-controls/src/@types/utils.d.ts

@@ -160,18 +160,10 @@ declare global {
 			nonce: string;
 			hideConditionalHeaderSelector: boolean;
 			dashUpdatesMessage: string;
-			deal?: {
-				active?: boolean;
-				dealSlug?: string;
-				urgencyText?: string;
-				remaningTime?: string;
-				bannerUrl?: string;
-				customizerBannerUrl?: string;
-				bannerStoreUrl?: string;
-				linkGlobal?: string;
-				customizerBannerStoreUrl?: string;
-				customizerBannerAlt?: string;
-				bannerAlt?: string;
+			blackFriday?: {
+				saleUrl: string;
+				bannerSrc: string;
+				message: string;
 			};
 		};
 		NeveProReactCustomize: undefined | StringObjectKeys;

assets/apps/customizer-controls/src/builder-upsell/Upsells.tsx

@@ -12,31 +12,21 @@ const Upsells: React.FC<Props> = ({ control }) => {
 	const { title, url, cta } = params;
 
 	if (
-		window?.NeveReactCustomize?.deal?.active &&
-		window?.NeveReactCustomize?.deal?.customizerBannerStoreUrl &&
-		window?.NeveReactCustomize?.deal?.customizerBannerUrl
+		window?.NeveReactCustomize?.blackFriday?.saleUrl &&
+		window?.NeveReactCustomize?.blackFriday?.bannerSrc
 	) {
 		return (
 			<div className="upsell-inner">
 				<a
-					href={
-						window?.NeveReactCustomize?.deal
-							?.customizerBannerStoreUrl
-					}
+					href={window?.NeveReactCustomize?.blackFriday?.saleUrl}
 					target="_blank"
 					rel="external noreferrer noopener"
 					style={{ width: '100%', lineHeight: '0' }}
 				>
 					<img
-						src={
-							window?.NeveReactCustomize?.deal
-								?.customizerBannerUrl
-						}
-						alt={
-							window?.NeveReactCustomize?.deal
-								?.customizerBannerAlt
-						}
+						src={window?.NeveReactCustomize?.blackFriday?.bannerSrc}
 						style={{ width: '100%' }}
+						alt={window?.NeveReactCustomize?.blackFriday?.message}
 					/>
 				</a>
 			</div>

assets/apps/dashboard/src/Components/App.js

@@ -28,6 +28,7 @@ const App = () => {
 		fetchOptions().then((r) => {
 			setSettings(r);
 			setLoading(false);
+			window.tsdk_reposition_notice();
 		});
 	}, []);
 
@@ -38,9 +39,9 @@ const App = () => {
 		<div className="antialiased grow flex flex-col gap-6 h-full">
 			<Header />
 
-			{/*<Deal />*/}
 			{'starter-sites' !== currentTab && <Notifications />}
 
+			<div id="tsdk_banner"></div>
 			<Container className="flex flex-col lg:flex-row gap-6 h-full grow">
 				<div className="grow">{tabs[currentTab].render(setTab)}</div>
 

assets/apps/dashboard/src/Components/Deal.js

@@ -162,4 +162,4 @@ svg.is-loading, button.is-loading .dashicon {
 			aspect-ratio: 16/8;
 		}
 	}
-}
+}

assets/apps/dashboard/src/scss/_general.scss

@@ -48,46 +48,3 @@
 		}
 	}
 }
-
-.nv-deal {
-	margin-bottom: 10px;
-	display: flex;
-
-	a {
-		position: relative;
-		width: 100%;
-	}
-
-	img {
-		width: 100%;
-	}
-
-	.nv-urgency {
-		position: absolute;
-
-		top: 10%;
-		left: 2.7%;
-
-		color: #FFF;
-		font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", sans-serif;
-		font-size: 14px;
-		font-style: normal;
-		font-weight: 700;
-		line-height: normal;
-		letter-spacing: 0.3px;
-		text-transform: uppercase;
-	}
-}
-
-@media(max-width: 480px) {
-	.nv-deal .nv-urgency {
-		font-size: 7px;
-	}
-}
-
-@media (min-width: 481px) and (max-width: 1024px) {
-	.nv-deal .nv-urgency {
-		font-size: 10px;
-	}
-}
-