@sakura-ui/sakura-ui 0.1.12 → 0.1.14

package/packages/core/coverage/lcov.info

@@ -0,0 +1,523 @@
+TN:
+SF:src/index.ts
+FN:2,(anonymous_0)
+FN:3,(anonymous_1)
+FN:4,(anonymous_2)
+FN:5,(anonymous_3)
+FN:6,(anonymous_4)
+FN:7,(anonymous_5)
+FN:8,(anonymous_6)
+FN:9,(anonymous_7)
+FN:10,(anonymous_8)
+FN:11,(anonymous_9)
+FN:12,(anonymous_10)
+FN:13,(anonymous_11)
+FN:14,(anonymous_12)
+FN:15,(anonymous_13)
+FN:16,(anonymous_14)
+FN:17,(anonymous_15)
+FN:18,(anonymous_16)
+FN:19,(anonymous_17)
+FN:20,(anonymous_18)
+FN:21,(anonymous_19)
+FN:22,(anonymous_20)
+FN:23,(anonymous_21)
+FN:24,(anonymous_22)
+FN:25,(anonymous_23)
+FN:26,(anonymous_24)
+FN:27,(anonymous_25)
+FNF:26
+FNH:2
+FNDA:0,(anonymous_0)
+FNDA:1,(anonymous_1)
+FNDA:1,(anonymous_2)
+FNDA:0,(anonymous_3)
+FNDA:0,(anonymous_4)
+FNDA:0,(anonymous_5)
+FNDA:0,(anonymous_6)
+FNDA:0,(anonymous_7)
+FNDA:0,(anonymous_8)
+FNDA:0,(anonymous_9)
+FNDA:0,(anonymous_10)
+FNDA:0,(anonymous_11)
+FNDA:0,(anonymous_12)
+FNDA:0,(anonymous_13)
+FNDA:0,(anonymous_14)
+FNDA:0,(anonymous_15)
+FNDA:0,(anonymous_16)
+FNDA:0,(anonymous_17)
+FNDA:0,(anonymous_18)
+FNDA:0,(anonymous_19)
+FNDA:0,(anonymous_20)
+FNDA:0,(anonymous_21)
+FNDA:0,(anonymous_22)
+FNDA:0,(anonymous_23)
+FNDA:0,(anonymous_24)
+FNDA:0,(anonymous_25)
+DA:1,1
+DA:2,1
+DA:3,2
+DA:4,2
+DA:5,1
+DA:6,1
+DA:7,1
+DA:8,1
+DA:9,1
+DA:10,1
+DA:11,1
+DA:12,1
+DA:13,1
+DA:14,1
+DA:15,1
+DA:16,1
+DA:17,1
+DA:18,1
+DA:19,1
+DA:20,1
+DA:21,1
+DA:22,1
+DA:23,1
+DA:24,1
+DA:25,1
+DA:26,1
+DA:27,1
+LF:27
+LH:27
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src/components/Button.tsx
+FN:12,(anonymous_1)
+FNF:1
+FNH:0
+FNDA:0,(anonymous_1)
+DA:1,1
+DA:2,1
+DA:9,1
+DA:14,0
+DA:16,0
+DA:18,0
+DA:38,0
+DA:46,0
+DA:56,0
+DA:61,0
+DA:72,1
+LF:11
+LH:4
+BRDA:16,0,0,0
+BRDA:16,0,1,0
+BRDA:63,1,0,0
+BRDA:63,1,1,0
+BRF:4
+BRH:0
+end_of_record
+TN:
+SF:src/components/Card.tsx
+FN:12,(anonymous_1)
+FN:43,(anonymous_2)
+FN:66,(anonymous_3)
+FN:88,(anonymous_4)
+FNF:4
+FNH:2
+FNDA:1,(anonymous_1)
+FNDA:1,(anonymous_2)
+FNDA:0,(anonymous_3)
+FNDA:0,(anonymous_4)
+DA:1,1
+DA:2,1
+DA:8,1
+DA:12,1
+DA:13,1
+DA:15,1
+DA:16,1
+DA:18,1
+DA:28,1
+DA:43,1
+DA:46,1
+DA:48,1
+DA:50,1
+DA:57,1
+DA:66,1
+DA:69,0
+DA:71,0
+DA:78,0
+DA:88,1
+DA:91,0
+DA:93,0
+DA:99,0
+LF:22
+LH:16
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src/components/Code.tsx
+FN:6,(anonymous_0)
+FNF:1
+FNH:0
+FNDA:0,(anonymous_0)
+DA:2,1
+DA:6,1
+DA:7,0
+DA:9,0
+DA:14,0
+LF:5
+LH:2
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src/components/Heading.tsx
+FN:6,(anonymous_0)
+FN:23,(anonymous_1)
+FN:40,(anonymous_2)
+FN:57,(anonymous_3)
+FN:74,(anonymous_4)
+FN:91,(anonymous_5)
+FNF:6
+FNH:0
+FNDA:0,(anonymous_0)
+FNDA:0,(anonymous_1)
+FNDA:0,(anonymous_2)
+FNDA:0,(anonymous_3)
+FNDA:0,(anonymous_4)
+FNDA:0,(anonymous_5)
+DA:2,1
+DA:6,1
+DA:7,0
+DA:9,0
+DA:16,0
+DA:23,1
+DA:24,0
+DA:26,0
+DA:33,0
+DA:40,1
+DA:41,0
+DA:43,0
+DA:50,0
+DA:57,1
+DA:58,0
+DA:60,0
+DA:67,0
+DA:74,1
+DA:75,0
+DA:77,0
+DA:84,0
+DA:91,1
+DA:92,0
+DA:94,0
+DA:101,0
+LF:25
+LH:7
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src/components/Icon.tsx
+FN:11,(anonymous_1)
+FNF:1
+FNH:0
+FNDA:0,(anonymous_1)
+DA:1,1
+DA:2,1
+DA:8,1
+DA:12,0
+DA:14,0
+DA:25,0
+DA:32,1
+LF:7
+LH:4
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src/components/IconButton.tsx
+FN:14,(anonymous_1)
+FNF:1
+FNH:0
+FNDA:0,(anonymous_1)
+DA:1,1
+DA:2,1
+DA:11,1
+DA:23,0
+DA:25,0
+DA:27,0
+DA:29,0
+DA:50,0
+DA:58,0
+DA:68,0
+DA:73,0
+DA:84,0
+DA:97,1
+LF:13
+LH:4
+BRDA:25,0,0,0
+BRDA:25,0,1,0
+BRDA:30,1,0,0
+BRDA:30,1,1,0
+BRDA:35,2,0,0
+BRDA:35,2,1,0
+BRDA:86,3,0,0
+BRDA:86,3,1,0
+BRDA:90,4,0,0
+BRDA:90,4,1,0
+BRDA:91,5,0,0
+BRDA:91,5,1,0
+BRDA:92,6,0,0
+BRDA:92,6,1,0
+BRF:14
+BRH:0
+end_of_record
+TN:
+SF:src/components/InfoCard.tsx
+FN:9,(anonymous_1)
+FNF:1
+FNH:0
+FNDA:0,(anonymous_1)
+DA:1,1
+DA:2,1
+DA:9,1
+DA:12,0
+DA:14,0
+DA:23,0
+DA:31,0
+DA:37,0
+DA:39,0
+LF:9
+LH:3
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src/components/Link.tsx
+FN:4,(anonymous_1)
+FN:36,(anonymous_2)
+FNF:2
+FNH:0
+FNDA:0,(anonymous_1)
+FNDA:0,(anonymous_2)
+DA:1,1
+DA:2,1
+DA:4,1
+DA:5,0
+DA:7,0
+DA:8,0
+DA:10,0
+DA:11,0
+DA:13,0
+DA:14,0
+DA:16,0
+DA:17,0
+DA:19,0
+DA:20,0
+DA:22,0
+DA:23,0
+DA:25,0
+DA:26,0
+DA:28,0
+DA:33,1
+DA:37,0
+DA:38,0
+DA:39,0
+DA:41,0
+DA:56,0
+DA:57,0
+DA:71,0
+DA:79,1
+LF:28
+LH:5
+BRDA:7,0,0,0
+BRDA:10,1,0,0
+BRDA:10,2,0,0
+BRDA:10,2,1,0
+BRDA:13,3,0,0
+BRDA:13,4,0,0
+BRDA:13,4,1,0
+BRDA:16,5,0,0
+BRDA:19,6,0,0
+BRDA:22,7,0,0
+BRDA:25,8,0,0
+BRDA:38,9,0,0
+BRDA:38,9,1,0
+BRDA:56,10,0,0
+BRDA:67,11,0,0
+BRDA:67,11,1,0
+BRDA:74,12,0,0
+BRDA:74,12,1,0
+BRF:18
+BRH:0
+end_of_record
+TN:
+SF:src/components/List.tsx
+FN:6,(anonymous_0)
+FN:25,(anonymous_1)
+FNF:2
+FNH:0
+FNDA:0,(anonymous_0)
+FNDA:0,(anonymous_1)
+DA:2,1
+DA:6,1
+DA:7,0
+DA:9,0
+DA:16,0
+DA:25,1
+DA:26,0
+DA:28,0
+DA:34,0
+LF:9
+LH:3
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src/components/Pre.tsx
+FN:6,(anonymous_0)
+FNF:1
+FNH:0
+FNDA:0,(anonymous_0)
+DA:2,1
+DA:6,1
+DA:7,0
+DA:9,0
+DA:17,0
+LF:5
+LH:2
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src/components/Table.tsx
+FN:12,(anonymous_0)
+FN:32,(anonymous_1)
+FN:47,(anonymous_2)
+FN:59,(anonymous_3)
+FN:71,(anonymous_4)
+FN:88,(anonymous_5)
+FN:102,(anonymous_6)
+FNF:7
+FNH:0
+FNDA:0,(anonymous_0)
+FNDA:0,(anonymous_1)
+FNDA:0,(anonymous_2)
+FNDA:0,(anonymous_3)
+FNDA:0,(anonymous_4)
+FNDA:0,(anonymous_5)
+FNDA:0,(anonymous_6)
+DA:2,1
+DA:6,1
+DA:12,1
+DA:13,0
+DA:16,0
+DA:22,0
+DA:32,1
+DA:35,0
+DA:37,0
+DA:38,0
+DA:47,1
+DA:48,0
+DA:50,0
+DA:59,1
+DA:60,0
+DA:62,0
+DA:71,1
+DA:72,0
+DA:74,0
+DA:79,0
+DA:88,1
+DA:89,0
+DA:91,0
+DA:93,0
+DA:102,1
+DA:103,0
+DA:105,0
+DA:109,0
+LF:28
+LH:9
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src/components/index.ts
+FN:1,(anonymous_0)
+FN:2,(anonymous_1)
+FN:2,(anonymous_2)
+FN:2,(anonymous_3)
+FN:2,(anonymous_4)
+FN:3,(anonymous_5)
+FN:4,(anonymous_6)
+FN:4,(anonymous_7)
+FN:4,(anonymous_8)
+FN:4,(anonymous_9)
+FN:4,(anonymous_10)
+FN:4,(anonymous_11)
+FN:5,(anonymous_12)
+FN:6,(anonymous_13)
+FN:7,(anonymous_14)
+FN:8,(anonymous_15)
+FN:8,(anonymous_16)
+FN:9,(anonymous_17)
+FN:10,(anonymous_18)
+FN:10,(anonymous_19)
+FN:10,(anonymous_20)
+FN:10,(anonymous_21)
+FN:10,(anonymous_22)
+FN:10,(anonymous_23)
+FN:10,(anonymous_24)
+FN:13,(anonymous_25)
+FNF:26
+FNH:2
+FNDA:0,(anonymous_0)
+FNDA:1,(anonymous_1)
+FNDA:1,(anonymous_2)
+FNDA:0,(anonymous_3)
+FNDA:0,(anonymous_4)
+FNDA:0,(anonymous_5)
+FNDA:0,(anonymous_6)
+FNDA:0,(anonymous_7)
+FNDA:0,(anonymous_8)
+FNDA:0,(anonymous_9)
+FNDA:0,(anonymous_10)
+FNDA:0,(anonymous_11)
+FNDA:0,(anonymous_12)
+FNDA:0,(anonymous_13)
+FNDA:0,(anonymous_14)
+FNDA:0,(anonymous_15)
+FNDA:0,(anonymous_16)
+FNDA:0,(anonymous_17)
+FNDA:0,(anonymous_18)
+FNDA:0,(anonymous_19)
+FNDA:0,(anonymous_20)
+FNDA:0,(anonymous_21)
+FNDA:0,(anonymous_22)
+FNDA:0,(anonymous_23)
+FNDA:0,(anonymous_24)
+FNDA:0,(anonymous_25)
+DA:1,1
+DA:2,2
+DA:3,1
+DA:4,1
+DA:5,1
+DA:6,1
+DA:7,1
+DA:8,1
+DA:9,1
+DA:10,1
+DA:13,1
+LF:11
+LH:11
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:src/utils/class.ts
+FN:1,(anonymous_0)
+FNF:1
+FNH:1
+FNDA:2,(anonymous_0)
+DA:1,2
+LF:1
+LH:1
+BRF:0
+BRH:0
+end_of_record

package/packages/core/jest.config.ts

@@ -0,0 +1,11 @@
+import { Config } from '@jest/types'
+
+const config: Config.InitialOptions = {
+  preset: 'ts-jest',
+  testMatch: ['<rootDir>/tests/**/*.test.{ts,tsx}'],
+  testEnvironment: 'jsdom',
+  collectCoverage: true,
+  moduleDirectories: ['node_modules', '<rootDir>']
+}
+
+export default config

package/packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/core",
-  "version": "0.1.8",
+  "version": "0.1.15",
   "type": "module",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",
@@ -22,7 +22,10 @@
     "build": "run-p build:*",
     "build:scripts": "vite build",
     "build:types": "tsc && tsc-alias",
-    "test": "jest"
+    "test": "jest",
+    "lint": "run-p lint:*",
+    "lint:prettier": "prettier --write .",
+    "lint:eslint": "eslint --ext \".ts,.tsx\" --fix src"
   },
   "keywords": [],
   "author": "glassonion1",
@@ -39,15 +42,26 @@
     "tailwindcss": "^3.2.7"
   },
   "devDependencies": {
+    "@jest/types": "^29.6.1",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.5.2",
     "@types/node": "^18.16.19",
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
+    "@types/testing-library__jest-dom": "^5.14.7",
+    "@typescript-eslint/eslint-plugin": "^6.4.1",
+    "@typescript-eslint/parser": "^6.4.1",
     "@vitejs/plugin-react-swc": "^3.3.2",
     "autoprefixer": "^10.4.14",
+    "eslint": "^8.47.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.33.2",
     "jest": "^29.6.1",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.25",
+    "prettier": "^3.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tailwindcss": "^3.3.2",

package/packages/core/src/components/Button.tsx

@@ -6,63 +6,67 @@ export interface ButtonProps extends React.ComponentPropsWithRef<'button'> {
   textAlign?: 'left' | 'right' | 'center'
 }
 
-export const Button: React.ElementType<ButtonProps> = React.forwardRef<
-  HTMLButtonElement,
-  ButtonProps
->((props, ref) => {
-  // Make sure that there is no problem even if className is specified on the side that uses the component
-  const { className, children, textAlign, variant, ...restProps } = props
+export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  (props, ref) => {
+    // Make sure that there is no problem even if className is specified on the side that uses the component
+    const { className, children, textAlign, variant, ...restProps } = props
 
-  const align = textAlign ?? 'center'
+    const align = textAlign ?? 'center'
 
-  const style = `
-      inline-block
-      p-4
-      text-button
-      text-${align}
-      rounded-lg
-      cursor-pointer
-      whitespace-nowrap
-      border
-      border-solid
-      border-sea-600
-      focus:outline
-      focus:outline-2
-      focus:outline-wood-500
-      disabled:border-sumi-500
-      disabled:cursor-not-allowed
-    `
+    const style = `
+    select-none
+    inline-block
+    p-4
+    text-button
+    text-${align}
+    rounded-lg
+    cursor-pointer
+    whitespace-nowrap
+    border
+    border-solid
+    border-sea-800
+    active:enabled:border-sea-800/[.8]
+    hover:enabled:border-sea-800/[.85]
+    focus:outline
+    focus:outline-2
+    focus:outline-wood-600
+    disabled:border-sumi-500
+    disabled:cursor-not-allowed
+  `
 
-  const primary = `
-      text-white-1000
-      bg-sea-600
-      hover:enabled:bg-sea-700
-      active:enabled:bg-sea-800
-      disabled:bg-sumi-500
-      disabled:text-white-1000
-    `
-  const secondary = `
-      text-sea-600
-      bg-transparent
-      hover:enabled:bg-sea-100
-      active:enabled:bg-sea-200
-      disabled:text-sumi-500
-    `
+    const primary = `
+    text-white-1000
+    bg-sea-800
+    active:enabled:bg-sea-800/[.8]
+    hover:enabled:bg-sea-800/[.85]
+    disabled:bg-sumi-500
+    disabled:text-white-1000
+  `
+    const secondary = `
+    text-sea-800
+    bg-transparent
+    active:enabled:bg-sea-50/[.60]
+    hover:enabled:bg-sea-50
+    active:enabled:text-sea-800/[.85]
+    hover:enabled:text-sea-800/[.85]
+    disabled:text-sumi-500
+  `
 
-  const styles = {
-    primary: primary,
-    secondary: secondary
-  }
+    const styles = {
+      primary: primary,
+      secondary: secondary
+    }
 
-  return (
-    <button
-      className={cx(style, styles[variant ?? 'primary'], className)}
-      {...restProps}
-      ref={ref}
-    >
-      {children}
-    </button>
-  )
-})
+    return (
+      <button
+        className={cx(style, styles[variant ?? 'primary'], className)}
+        {...restProps}
+        ref={ref}
+      >
+        {children}
+      </button>
+    )
+  }
+)
 
 Button.displayName = 'Button'