update table style

glassonion1 · Dec 29, 2023 · 78d7f82 · 78d7f82
1 parent b1fb402
commit 78d7f82
Show file tree

Hide file tree

Showing 5 changed files with 210 additions and 9 deletions.
diff --git a/examples/package.json b/examples/package.json
@@ -9,8 +9,8 @@
   },
   "dependencies": {
     "@sakura-ui/config": "^0.1.8",
-    "@sakura-ui/core": "^0.1.27",
-    "@sakura-ui/forms": "^0.1.8",
+    "@sakura-ui/core": "^0.1.28",
+    "@sakura-ui/forms": "^0.1.9",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.21.0"

diff --git a/examples/src/pages/Home.tsx b/examples/src/pages/Home.tsx
@@ -18,9 +18,14 @@ import {
   CardFooter,
   Faq,
   Question,
-  Answer
+  Answer,
+  Table,
+  Tbody,
+  Tr,
+  Th,
+  Td
 } from '@sakura-ui/core'
-//from '../../packages/core/src'
+//from '../../../packages/core/src'
 import {
   Checkbox,
   CheckboxGroup,
@@ -33,7 +38,7 @@ import {
   FieldsetControl,
   LabelControl
 } from '@sakura-ui/forms'
-//from '../../packages/forms/src'
+//from '../../../packages/forms/src'
 
 const Home = () => {
   const [count, setCount] = useState<number>(0)
@@ -73,6 +78,21 @@ const Home = () => {
           </li>
         </Ul>
       </div>
+      <div className="w-1/2 my-4">
+        <H2>Table</H2>
+        <Table>
+          <Tbody>
+            <Tr>
+              <Th scope="row">key1</Th>
+              <Td className="p-2">value1</Td>
+            </Tr>
+            <Tr>
+              <Th scope="row">key2</Th>
+              <Td>value2</Td>
+            </Tr>
+          </Tbody>
+        </Table>
+      </div>
       <div className="w-1/3 my-4">
         <H2>Card</H2>
         <Card>

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/core",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "type": "module",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",

diff --git a/packages/core/src/components/Table.tsx b/packages/core/src/components/Table.tsx
@@ -6,7 +6,7 @@ export interface TableProps extends React.ComponentPropsWithoutRef<'table'> {}
 const styleBorder = `
   border
   border-collapse
-  border-sumi-900
+  border-[#cccccc]
 `
 
 export const Table = (props: TableProps) => {
@@ -71,7 +71,8 @@ export const Th = (props: ThProps) => {
 
   const style = `
     p-2
-    bg-sumi-100
+    bg-[#f8f8fb]
+    text-base
     text-left
   `
   return (

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml