chore: update TailwindCSS dependency

kiwicom · Jul 2, 2024 · fdcdc7e · fdcdc7e
1 parent 4448925
commit fdcdc7e
Show file tree

Hide file tree

Showing 7 changed files with 210 additions and 122 deletions.
diff --git a/packages/orbit-components/src/Accordion/AccordionSection/components/SectionHeader.tsx b/packages/orbit-components/src/Accordion/AccordionSection/components/SectionHeader.tsx
@@ -21,10 +21,8 @@ const AccordionSectionHeader = ({
   dataTest,
 }: Props) => (
   <div
-    className={cx(
-      "p-lg bg-white-normal flex items-center",
-      expanded ? "min-h-[19px]" : "min-h-[44px]",
-    )}
+    /* eslint-disable-next-line tailwindcss/no-custom-classname */
+    className={cx("p-lg bg-white-normal flex items-center", expanded ? "min-h-[19px]" : "min-h-11")}
     data-test={dataTest && `${dataTest}Header`}
   >
     <div className="flex grow items-center">{children}</div>

diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct-story.tsx b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct-story.tsx
@@ -9,7 +9,8 @@ export default function AirportIllustrationStory() {
   return (
     <div className="space-y-sm flex flex-col">
       {NAMES.map(illustration => (
-        <div className="bg-white-normal min-h-[80px] w-full">
+        /* eslint-disable-next-line tailwindcss/no-custom-classname */
+        <div className="bg-white-normal min-h-20 w-full">
           <AirportIllustration key={illustration} name={illustration} />
         </div>
       ))}

diff --git a/packages/orbit-components/src/Alert/index.tsx b/packages/orbit-components/src/Alert/index.tsx
@@ -73,8 +73,9 @@ const ContentWrapper = ({
 }) => {
   return (
     <div
+      /* eslint-disable-next-line tailwindcss/no-custom-classname */
       className={cx(
-        "flex min-h-[20px] items-center",
+        "flex min-h-5 items-center",
         !inlineActions && "w-full",
         "[&_.orbit-list-item]:text-ink-dark [&_.orbit-text]:text-ink-dark [&_.orbit-heading]:text-ink-dark",
         ...alertDescendantClasses[type],
@@ -163,8 +164,9 @@ const Alert = (props: Props) => {
       >
         {title && (
           <div
+            /* eslint-disable-next-line tailwindcss/no-custom-classname */
             className={cx(
-              "text-ink-dark flex min-h-[20px] items-center font-bold",
+              "text-ink-dark flex min-h-5 items-center font-bold",
               !!children && (inlineActions ? "mb-0" : "mb-xxs"),
             )}
           >

diff --git a/packages/orbit-components/src/Toast/ToastMessage.tsx b/packages/orbit-components/src/Toast/ToastMessage.tsx
@@ -56,9 +56,10 @@ const ToastMessage = ({
       }
     >
       <div
+        /* eslint-disable-next-line tailwindcss/no-custom-classname */
         className={cx(
           "rounded-large bg-ink-dark p-xs relative w-full overflow-hidden will-change-transform",
-          "lm:max-w-[360px] lm:w-auto lm:p-sm [&_svg]:min-h-[20px]",
+          "lm:max-w-modal-extra-small lm:w-auto lm:p-sm [&_svg]:min-h-5",
           visible &&
             "pointer-events-auto animate-[toast-fade-in_theme(transitionDuration.normal)_forwards]",
           !visible &&
@@ -81,7 +82,7 @@ const ToastMessage = ({
         }}
       >
         <div
-          className="rounded-large bg-white-normal absolute left-0 top-0 z-[1] size-full animate-[toast-light_var(--toast-message-duration)_linear] opacity-10 will-change-transform rtl:animate-[toast-light-rtl_var(--toast-message-duration)_linear]"
+          className="rounded-large bg-white-normal z-default absolute left-0 top-0 size-full animate-[toast-light_var(--toast-message-duration)_linear] opacity-10 will-change-transform rtl:animate-[toast-light-rtl_var(--toast-message-duration)_linear]"
           style={
             {
               "--toast-message-duration": `${dismissTimeout}ms`,

diff --git a/packages/orbit-components/src/primitives/IllustrationPrimitive/IllustrationPrimitiveList.tsx b/packages/orbit-components/src/primitives/IllustrationPrimitive/IllustrationPrimitiveList.tsx
@@ -8,7 +8,8 @@ const IllustrationPrimitiveList = (props: { images: string[]; nameOfComponent: s
       {props.images.map(illustration => {
         return (
           <div
-            className="bg-white-normal mb-lg rounded-large border-cloud-normal p-lg lm:flex-row flex min-h-[80px] w-full flex-col items-center border border-solid"
+            /* eslint-disable-next-line tailwindcss/no-custom-classname */
+            className="bg-white-normal mb-lg rounded-large border-cloud-normal p-lg lm:flex-row flex min-h-20 w-full flex-col items-center border border-solid"
             key={illustration}
           >
             <IllustrationPrimitive name={illustration} />

diff --git a/packages/orbit-components/src/primitives/TooltipPrimitive/components/TooltipContent.tsx b/packages/orbit-components/src/primitives/TooltipPrimitive/components/TooltipContent.tsx
@@ -141,13 +141,14 @@ const TooltipContent = ({
       {/* Disabling because the onClick exists to close tooltip when clicking in interactibe elements, which should not happen with keyboard */}
       {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions */}
       <div
+        /* eslint-disable-next-line tailwindcss/no-custom-classname */
         className={cx(
           "rounded-normal px-sm shadow-raised z-[10012] box-border block w-auto overflow-visible",
           "duration-fast transition-[visibility,_opacity] ease-in-out",
           "[&_img]:max-w-full]",
           contentHeight <= Math.floor(parseFloat(theme.orbit.lineHeightNormal)) ? "py-xs" : "py-sm",
           shown ? "visible opacity-100" : "invisible opacity-0",
-          size === "small" && "max-w-[240px]",
+          size === "small" && "max-w-60",
           size === "medium" && "max-w-[380px]",
           error && "bg-red-normal",
           !error && help && "bg-blue-normal",