fix: 스타일 카멜케이스 변경

GDSC-Hongik · Oct 24, 2024 · f129e1e · f129e1e
1 parent b436d6d
commit f129e1e
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/packages/wow-ui/src/components/Table/Table.tsx b/packages/wow-ui/src/components/Table/Table.tsx
@@ -74,10 +74,10 @@ const TableComponent = forwardRef<HTMLTableElement, TableProps>(
 
     return (
       <TableContext.Provider value={contextValue}>
-        <div className={TableContainerStyle} style={style}>
+        <div className={tableContainerStyle} style={style}>
           <styled.table
             aria-label="table"
-            className={clsx(TableStyle({ fullWidth }), className)}
+            className={clsx(tableStyle({ fullWidth }), className)}
             ref={ref}
             role="table"
             {...rest}
@@ -108,7 +108,7 @@ Table.Td = Td;
 
 export default Table;
 
-const TableStyle = cva({
+const tableStyle = cva({
   base: {
     borderCollapse: "collapse",
     backgroundColor: "white",
@@ -126,7 +126,7 @@ const TableStyle = cva({
   },
 });
 
-const TableContainerStyle = css({
+const tableContainerStyle = css({
   overflow: "auto",
   position: "relative",
   _scrollbar: {

diff --git a/packages/wow-ui/src/components/Table/Th.tsx b/packages/wow-ui/src/components/Table/Th.tsx
@@ -10,14 +10,14 @@ const Th = forwardRef<HTMLTableCellElement, TableHeaderProps>(
   (props: TableHeaderProps, ref: Ref<HTMLTableCellElement>) => {
     const { children, ...rest } = props;
     return (
-      <th className={TableHeaderStyle} ref={ref} scope="col" {...rest}>
+      <th className={tableHeaderStyle} ref={ref} scope="col" {...rest}>
         {children}
       </th>
     );
   }
 );
 
-const TableHeaderStyle = css({
+const tableHeaderStyle = css({
   alignItems: "center",
   backgroundColor: "backgroundAlternative",
   color: "sub",

diff --git a/packages/wow-ui/src/components/Table/Thead.tsx b/packages/wow-ui/src/components/Table/Thead.tsx
@@ -33,7 +33,7 @@ const Thead = forwardRef<HTMLTableSectionElement, TheadProps>(
       >
         <tr>
           {showCheckbox && (
-            <Th style={TableCheckBoxStyle}>
+            <Th style={tableCheckBoxStyle}>
               <Checkbox
                 checked={isHeaderCheckboxChecked}
                 onChange={handleHeaderCheckboxChange}
@@ -49,7 +49,7 @@ const Thead = forwardRef<HTMLTableSectionElement, TheadProps>(
 
 export default Thead;
 
-const TableCheckBoxStyle = {
+const tableCheckBoxStyle = {
   minWidth: "15px",
   display: "flex",
   minHeight: "44px",

diff --git a/packages/wow-ui/src/components/Table/Tr.tsx b/packages/wow-ui/src/components/Table/Tr.tsx
@@ -62,7 +62,7 @@ const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(
 
 export default TableRow;
 
-const TableCheckBoxStyle = {
+const tableCheckBoxStyle = {
   minWidth: "15px",
   height: "100%",
   display: "flex",
@@ -82,7 +82,7 @@ const TableCheckbox = ({
 }) => {
   const isSelected = selectedRows.has(value || 0);
   return (
-    <Td style={TableCheckBoxStyle}>
+    <Td style={tableCheckBoxStyle}>
       <Checkbox
         checked={isSelected}
         onChange={() => {