fix: update TW classes

Author: Pavel910

packages/admin-ui/src/SteppedProgress/components/SteppedProgressIndicator.tsx

@@ -13,7 +13,7 @@ const steppedProgressIndicatorVariants = cva(
                     "bg-primary-base border-sm border-solid border-neutral-muted"
                 ],
                 [ProgressItemState.COMPLETED]: "bg-primary",
-                [ProgressItemState.COMPLETED_AFFIRMATIVE]: "bg-success-default"
+                [ProgressItemState.COMPLETED_AFFIRMATIVE]: "bg-success"
             },
             disabled: {
                 true: "bg-neutral-dimmed! border-none!"

packages/app-website-builder/src/BaseEditor/defaultConfig/Content/Preview/Overlays/ElementOverlay.tsx

@@ -105,8 +105,8 @@ export const ElementOverlay = React.memo(
                                 onClick={onClick}
                                 className={cn(
                                     "absolute text-sm text-neutral-light p-xs opacity-0 pointer-events-auto",
-                                    "data-[state=hover]:bg-success-default data-[state=hover]:opacity-100",
-                                    "data-[state=active]:bg-primary-default data-[state=active]:opacity-100",
+                                    "data-[state=hover]:bg-success data-[state=hover]:opacity-100",
+                                    "data-[state=active]:bg-primary data-[state=active]:opacity-100",
                                     "data-[state=dragging]:opacity-30"
                                 )}
                                 style={{ top: -24 }}

packages/app-website-builder/src/BaseEditor/defaultConfig/Content/Preview/useProximityDropzone.ts

@@ -21,7 +21,7 @@ export function useProximityDropzone({ id, box }: UseProximityDropzoneParams) {
         dropzoneManager.register({
             id,
             box,
-            onProximityChange: (proximity) => {
+            onProximityChange: proximity => {
                 setProximity(proximity);
             }
         });

packages/app-website-builder/src/BaseEditor/defaultConfig/Sidebar/StyleSettings/ValueSelector.tsx

@@ -90,7 +90,7 @@ export const ValueSelector = (props: ValueSelectorProps) => {
     const classNames = cn([
         "cursor-pointer bg-neutral-base",
         "border-sm border-solid border-neutral-muted",
-        props.overridden && props.inheritedFrom && "bg-success-default text-neutral-light",
+        props.overridden && props.inheritedFrom && "bg-success text-neutral-light",
         props.disabled && "bg-neutral-disabled text-neutral-disabled pointer-events-none",
         "flex flex-row text-sm mx-auto justify-center rounded-sm py-px px-xxs"
     ]);

packages/app-website-builder/src/BaseEditor/defaultConfig/Toolbar/InsertElements/InsertElements.tsx

@@ -18,13 +18,8 @@ const GroupComponent = ({ item }: { item: ComponentGroupItem }) => {
     }
 
     return (
-        <div className="flex flex-row items-center p-sm bg-neutral-light rounded-sm gap-sm cursor-grab">
-            <Icon
-                label="Icon"
-                icon={<InlineSvg src={component.image!} className={"fill-neutral-strong"} />}
-                size={"md"}
-                className={"fill-neutral-strong"}
-            />
+        <div className="flex flex-row items-center p-sm bg-neutral-light rounded-sm gap-sm cursor-grab fill-neutral-strong">
+            <Icon label="Icon" icon={<InlineSvg src={component.image!} />} size={"md"} />
             <div className="text-sm font-medium text-neutral-primary text-center">
                 {component.label ?? component.name}
             </div>