ts

Author: kof

apps/builder/app/builder/features/breakpoints/breakpoints-popover.tsx

@@ -1,6 +1,4 @@
-import { useState } from "react";
 import { useStore } from "@nanostores/react";
-import type { Breakpoint } from "@webstudio-is/sdk";
 import {
   theme,
   Flex,

apps/builder/app/builder/features/breakpoints/breakpoints-selector.tsx

@@ -6,18 +6,15 @@ import {
   Toolbar,
   ToolbarToggleGroup,
   ToolbarToggleItem,
-  ToolbarSeparator,
   ToolbarButton,
   Tooltip,
   theme,
   DropdownMenu,
   DropdownMenuContent,
-  DropdownMenuItem,
   DropdownMenuTrigger,
   DropdownMenuCheckboxItem,
-  Button,
-  Separator,
   DropdownMenuSeparator,
+  Button,
 } from "@webstudio-is/design-system";
 import { AlertIcon, AsteriskIcon, EllipsesIcon } from "@webstudio-is/icons";
 import { CascadeIndicator } from "./cascade-indicator";
@@ -29,11 +26,7 @@ import {
   $breakpoints,
   $styles,
 } from "~/shared/nano-states";
-import {
-  groupBreakpoints,
-  isBaseBreakpoint,
-  $breakpointsMenuView,
-} from "~/shared/breakpoints";
+import { groupBreakpoints, isBaseBreakpoint } from "~/shared/breakpoints";
 import { setCanvasWidth } from "../../shared/calc-canvas-width";
 import { $canvasWidth } from "~/builder/shared/nano-states";
 import { useDebouncedCallback } from "use-debounce";

apps/builder/app/builder/features/breakpoints/confirmation-dialog.tsx

@@ -8,7 +8,6 @@ import {
   DialogContent,
   DialogTitle,
   DialogActions,
-  DialogClose,
 } from "@webstudio-is/design-system";
 
 type ConfirmationDialogProps = {
@@ -36,11 +35,9 @@ export const ConfirmationDialog = ({
           </Text>
         </Flex>
         <DialogActions>
-          <DialogClose asChild>
-            <Button color="neutral" onClick={onAbort}>
-              Cancel
-            </Button>
-          </DialogClose>
+          <Button color="neutral" onClick={onAbort}>
+            Cancel
+          </Button>
           <Button onClick={onConfirm} color="destructive">
             Delete
           </Button>

packages/css-data/src/parse-css.test.ts

@@ -875,7 +875,9 @@ test("parse media query", () => {
   expect(parseMediaQuery(`(orientation: landscape)`)).toEqual({
     condition: "orientation:landscape",
   });
-  expect(parseMediaQuery(`(hover: hover)`)).toEqual(undefined);
+  expect(parseMediaQuery(`(hover: hover)`)).toEqual({
+    condition: "hover:hover",
+  });
 });
 
 test("camel case css property", () => {