fixup! fix(Hide): use native tailwind breakpoint range

kiwicom · Nov 20, 2023 · d95d89c · d95d89c
1 parent b93c765
commit d95d89c
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/packages/orbit-components/src/Hide/__tests__/index.test.tsx b/packages/orbit-components/src/Hide/__tests__/index.test.tsx
@@ -12,7 +12,7 @@ describe("Hide", () => {
     );
     expect(container.childNodes[1]).toMatchInlineSnapshot(`
       <div
-        class="inline-block sm:max-lm:hidden lm:max-tb:hidden ld:hidden"
+        class="inline-block sm:max-mm:hidden lm:max-tb:hidden ld:hidden"
       >
         content
       </div>

diff --git a/packages/orbit-components/src/Hide/index.tsx b/packages/orbit-components/src/Hide/index.tsx
@@ -8,7 +8,7 @@ import type { Props } from "./types";
 const Hide = ({ on = [], block, children }: Props) => (
   <div
     className={cx(block ? "block" : "inline-block", {
-      "sm:max-lm:hidden": on.includes("smallMobile"),
+      "sm:max-mm:hidden": on.includes("smallMobile"),
       "mm:max-lm:hidden": on.includes("mediumMobile"),
       "lm:max-tb:hidden": on.includes("largeMobile"),
       "tb:max-de:hidden": on.includes("tablet"),

diff --git a/packages/orbit-components/src/Modal/ModalFooter/index.tsx b/packages/orbit-components/src/Modal/ModalFooter/index.tsx
@@ -72,7 +72,7 @@ const ModalFooter = ({ dataTest, children, flex = "0 1 auto" }: Props) => {
         "orbit-modal-footer",
         "z-overlay bg-white-normal px-md pb-md box-border flex w-full pt-0",
         "duration-fast transition-shadow ease-in-out",
-        "sm-lm:[&_.orbit-button-primitive]:h-form-box-normal sm-lm:[&_.orbit-button-primitive]:text-button-normal",
+        "sm:max-lm:[&_.orbit-button-primitive]:h-form-box-normal sm:max-lm:[&_.orbit-button-primitive]:text-button-normal",
         childrenLength > 1 ? "lm:justify-between" : "lm:justify-end",
         !isMobileFullPage && "lm:rounded-b-modal",
         "[&_.orbit-modal-footer-child:last-of-type]:p-0",

diff --git a/packages/orbit-components/src/deprecated/Desktop/__tests__/index.test.tsx b/packages/orbit-components/src/deprecated/Desktop/__tests__/index.test.tsx
@@ -8,7 +8,7 @@ describe("Desktop", () => {
     render(<Desktop>kek</Desktop>);
     expect(screen.getByText("kek")).toMatchInlineSnapshot(`
       <div
-        class="inline-block sm:max-lm:hidden mm:max-lm:hidden lm:max-tb:hidden tb:max-de:hidden"
+        class="inline-block sm:max-mm:hidden mm:max-lm:hidden lm:max-tb:hidden tb:max-de:hidden"
       >
         kek
       </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,7 +12,7 @@ describe("Hide", () => { @@
         );
         expect(container.childNodes[1]).toMatchInlineSnapshot(`
           <div
-            class="inline-block sm:max-lm:hidden lm:max-tb:hidden ld:hidden"
+            class="inline-block sm:max-mm:hidden lm:max-tb:hidden ld:hidden"
           >
             content
           </div>
@@ Expand Down @@