Merge pull request #9 from glassonion1/feature/0_2_0

v0.2.0

biome.json

@@ -0,0 +1,46 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.7.3/schema.json",
+  "organizeImports": {
+    "enabled": false
+  },
+  "formatter": {
+    "enabled": false
+  },
+  "javascript": {
+    "jsxRuntime": "reactClassic"
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "complexity": {
+        "noForEach": "off"
+      },
+      "correctness": {
+        "noUndeclaredVariables": "error",
+        "noUnusedVariables": "error",
+        "useExhaustiveDependencies": "error",
+        "useHookAtTopLevel": "error"
+      },
+      "security": {
+        "noDangerouslySetInnerHtml": "off"
+      },
+      "style": {
+        "noNamespace": "error"
+      }
+    },
+    "ignore": [
+      "*.d.ts",
+      "dist/**/*",
+      "node_modules/**/*",
+      "build/**/*",
+      "public/**/*",
+      "bundle/**/*",
+      "out/**/*",
+      "generated/**/*",
+      "tests/**/*",
+      "coverage/**/*",
+      ".cache/**/*"
+    ]
+  }
+}

examples/package.json

@@ -8,9 +8,9 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@sakura-ui/config": "^0.1.10",
-    "@sakura-ui/core": "^0.1.36",
-    "@sakura-ui/forms": "^0.1.12",
+    "@sakura-ui/core": "file:../packages/core",
+    "@sakura-ui/forms": "file:../packages/forms",
+    "@sakura-ui/tailwind-theme-plugin": "file:../packages/tailwind-theme-plugin",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.23.1"
@@ -24,6 +24,6 @@
     "postcss": "^8.4.38",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5",
-    "vite": "^4.5.3"
+    "vite": "^5.2.12"
   }
 }

examples/src/pages/Forms.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React from 'react'
 import { H1, Button } from '@sakura-ui/core'
 //from '../../../packages/core/src'
 import {
@@ -24,6 +24,26 @@ const Forms = () => {
             <option value="3">Select value3</option>
           </Select>
         </LabelControl>
+        <LabelControl
+          labelText="Select(md) with helper"
+          helperText="Helper text"
+        >
+          <Select size="md">
+            <option value="1">Select value1</option>
+            <option value="2">Select value2</option>
+            <option value="3">Select value3</option>
+          </Select>
+        </LabelControl>
+        <LabelControl
+          labelText="Select(sm) with helper"
+          helperText="Helper text"
+        >
+          <Select size="sm">
+            <option value="1">Select value1</option>
+            <option value="2">Select value2</option>
+            <option value="3">Select value3</option>
+          </Select>
+        </LabelControl>
         <FieldsetControl labelText="Radio">
           <Radio className="block" value={0}>
             Radio1
@@ -49,10 +69,16 @@ const Forms = () => {
         <LabelControl labelText="Text" helperText="Helper text">
           <Input />
         </LabelControl>
+        <LabelControl labelText="Text(md)" helperText="Helper text">
+          <Input size="md" />
+        </LabelControl>
+        <LabelControl labelText="Text(sm)" helperText="Helper text">
+          <Input size="sm" />
+        </LabelControl>
         <LabelControl
           labelText="Text2"
           helperText="Helper text"
-          isInvalid="true"
+          isInvalid={true}
           errorMessage="error message"
         >
           <Input />
@@ -63,7 +89,7 @@ const Forms = () => {
         >
           <FileInput className="w-96" />
         </LabelControl>
-        <Button tyoe="submit">Submit</Button>
+        <Button type="submit">Submit</Button>
       </form>
     </div>
   )