Releases/0.2.18 (onlook-dev#1653)

* Hide brand panel

* Publish version v0.2.18

Author: Kitenite

apps/studio/package.json

@@ -1,7 +1,7 @@
 {
     "productName": "Onlook",
     "name": "@onlook/studio",
-    "version": "0.2.17",
+    "version": "0.2.18",
     "homepage": "https://onlook.com",
     "main": "dist-electron/main/index.js",
     "description": "The first-ever devtool for designers",

apps/studio/src/routes/editor/EditPanel/StylesTab/single/ColorInput/ColorBrandPicker.tsx

@@ -72,7 +72,7 @@ const ColorGroup = ({
     );
 };
 
-const BrandPopoverPicker = memo(
+export const BrandPopoverPicker = memo(
     ({ color, onChange, onChangeEnd, backgroundImage, compoundStyle }: ColorBrandPickerProps) => {
         const editorEngine = useEditorEngine();
         const [isOpen, toggleOpen] = useState(false);
@@ -223,5 +223,3 @@ const BrandPopoverPicker = memo(
 );
 
 BrandPopoverPicker.displayName = 'BrandPopoverPicker';
-
-export default BrandPopoverPicker;

apps/studio/src/routes/editor/EditPanel/StylesTab/single/ColorInput/Popover.tsx

@@ -22,7 +22,7 @@ enum TabValue {
     IMAGE = 'image',
 }
 
-const PopoverPicker = memo(
+export const PopoverPicker = memo(
     ({ color, onChange, onChangeEnd, backgroundImage, compoundStyle }: PopoverPickerProps) => {
         const editorEngine = useEditorEngine();
         const [isOpen, toggleOpen] = useState(false);
@@ -102,5 +102,3 @@ const PopoverPicker = memo(
 );
 
 PopoverPicker.displayName = 'PopoverPicker';
-
-export default PopoverPicker;

apps/studio/src/routes/editor/EditPanel/StylesTab/single/ColorInput/index.tsx

@@ -7,8 +7,8 @@ import { Icons } from '@onlook/ui/icons';
 import { Color, isColorEmpty } from '@onlook/utility';
 import { observer } from 'mobx-react-lite';
 import { memo, useCallback, useEffect, useMemo, useState } from 'react';
-import BrandPopoverPicker from './ColorBrandPicker';
-// import PopoverPicker from './Popover';
+// import { BrandPopoverPicker } from './ColorBrandPicker';
+import { PopoverPicker } from './Popover';
 
 const stripUrlWrapper = (url: string) => {
     return url.replace(/^url\((['"]?)(.*)\1\)/, '$2');
@@ -200,21 +200,21 @@ const ColorInput = observer(
         };
         return (
             <div className="w-32 p-[6px] gap-2 flex flex-row rounded cursor-pointer bg-background-onlook/75">
-                <BrandPopoverPicker
+                {/* <BrandPopoverPicker
                     color={color}
                     onChange={sendStyleUpdate}
                     onChangeEnd={sendStyleUpdate}
                     backgroundImage={backgroundImage}
                     compoundStyle={compoundStyle}
-                />
+                /> */}
 
-                {/* <PopoverPicker
+                <PopoverPicker
                     color={color}
                     onChange={sendStyleUpdate}
                     onChangeEnd={sendStyleUpdate}
                     backgroundImage={backgroundImage}
                     compoundStyle={compoundStyle}
-                /> */}
+                />
                 <ColorTextInput
                     value={value}
                     isFocused={isFocused}

apps/studio/src/routes/editor/LayersPanel/index.tsx

@@ -156,7 +156,7 @@ export const LayersPanel = observer(() => {
 
                 <button
                     className={cn(
-                        'w-16 h-16 rounded-xl flex flex-col items-center justify-center gap-1.5 p-2',
+                        'w-16 h-16 rounded-xl flex flex-col items-center justify-center gap-1.5 p-2 hidden',
                         selectedTab === TabValue.BRAND && isLocked
                             ? 'bg-accent text-foreground border-[0.5px] border-foreground/20'
                             : 'text-muted-foreground hover:text-foreground hover:bg-accent/50',

apps/studio/src/routes/editor/TopBar/Publish/Dropdown/Domain.tsx

@@ -79,7 +79,7 @@ export const DomainSection = observer(
                 return;
             }
             domainManager.publish({
-                skipBadge: type === DomainType.CUSTOM || plan === UsagePlanType.PRO,
+                skipBadge: type === DomainType.CUSTOM,
                 buildFlags: userManager.settings.settings?.editor?.buildFlags,
             });
         };