Remove Tailwind classes from components (#2356)

* Updated utility classes * Replaced Tailwind classes with NeetoUI classes * Replaced w-72 Tailwind utility class
bigbinary · Oct 17, 2024 · 7272eb3 · 7272eb3
1 parent 9ad8c23
commit 7272eb3
Show file tree

Hide file tree

Showing 5 changed files with 314 additions and 13 deletions.
diff --git a/src/components/Label/HelpContent.jsx b/src/components/Label/HelpContent.jsx
@@ -29,7 +29,7 @@ const HelpContent = ({ helpIconProps }) => {
       <>
         <HelpIcon {...otherHelpIconProps} ref={popoverReferenceElement} />
         <Popover reference={popoverReferenceElement} {...otherPopoverProps}>
-          <div className="flex flex-col">
+          <div className="neeto-ui-flex neeto-ui-flex-col">
             {title && (
               <Popover.Title
                 data-cy="help-popover-title"

diff --git a/src/components/Select.jsx b/src/components/Select.jsx
@@ -188,7 +188,7 @@ const MenuList = props => {
       {props.children}
       {hasMore && (
         <div
-          className="flex w-full items-center justify-center py-3"
+          className="neeto-ui-flex neeto-ui-w-full neeto-ui-items-center neeto-ui-justify-center neeto-ui-py-3"
           data-testid="loader"
           ref={loaderRef}
         >

diff --git a/src/components/Table/components/HeaderCell/HeaderCellMenu.jsx b/src/components/Table/components/HeaderCell/HeaderCellMenu.jsx
@@ -55,7 +55,7 @@ const HeaderCellMenu = ({
         }}
       >
         <Menu
-          className="cursor-auto"
+          className="neeto-ui-cursor-auto"
           onMouseDown={event => event.preventDefault()}
         >
           {isSortable && (
@@ -116,7 +116,7 @@ const HeaderCellMenu = ({
                 {getLocale(i18n, t, "neetoui.table.columnInfo")}
               </MenuItem.Button>
               <Popover
-                className="cursor-auto"
+                className="neeto-ui-cursor-auto"
                 hideOnClick={false}
                 interactiveDebounce={20}
                 offset={[0, 15]}
@@ -126,7 +126,7 @@ const HeaderCellMenu = ({
               >
                 {columnTitle && <Popover.Title>{columnTitle}</Popover.Title>}
                 <Typography
-                  className="w-72 max-w-full whitespace-normal normal-case"
+                  className="neeto-ui-whitespace-normal neeto-ui-normal-case neeto-ui-max-w-full neeto-ui-table__column-description"
                   lineHeight="normal"
                   style="body2"
                   weight="normal"

diff --git a/src/styles/components/_table-overrides.scss b/src/styles/components/_table-overrides.scss
@@ -111,3 +111,7 @@
     }
   }
 }
+
+.neeto-ui-table__column-description{
+  width: 288px;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -111,3 +111,7 @@ @@
         }
       }
     }
+    .neeto-ui-table__column-description{
+      width: 288px;
+    }