npm - @sakura-ui/sakura-ui - Versions diffs - 0.1.11 → 0.1.13 - Mend

@sakura-ui/sakura-ui 0.1.11 → 0.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (179) hide show

package/packages/core/coverage/lcov.info ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/core",
-  "version": "0.1.5",
+  "version": "0.1.9",
   "type": "module",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",
@@ -21,7 +21,7 @@
     "dev": "vite",
     "build": "run-p build:*",
     "build:scripts": "vite build",
-    "build:types": "tsc --emitDeclarationOnly && tsc-alias",
+    "build:types": "tsc && tsc-alias",
     "test": "jest"
   },
   "keywords": [],
@@ -39,10 +39,14 @@
     "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",
     "@vitejs/plugin-react-swc": "^3.3.2",
     "autoprefixer": "^10.4.14",
     "jest": "^29.6.1",

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

@@ -1,65 +1,72 @@
 import React from 'react'
 import { cx } from '../utils/class'
-export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
+export interface ButtonProps extends React.ComponentPropsWithRef<'button'> {
   variant?: 'primary' | 'secondary'
   textAlign?: 'left' | 'right' | 'center'
 }
-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
+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
-    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 = `
+    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-darken
+    hover:enabled:border-sea-800-darken
+    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-darken
+    hover:enabled:bg-sea-800-darken
+    disabled:bg-sumi-500
+    disabled:text-white-1000
+  `
+  const secondary = `
+    text-sea-800
+    bg-transparent
+    active:enabled:bg-sea-50
+    hover:enabled:bg-sea-50
+    active:enabled:text-sea-800-darken
+    hover:enabled:text-sea-800-darken
+    disabled:text-sumi-500
+  `
-    const styles = {
-      primary: primary,
-      secondary: secondary
-    }
-    return (
-      <button
-        className={cx(style, styles[variant ?? 'primary'], className)}
-        {...restProps}
-        ref={ref}
-      >
-        {children}
-      </button>
-    )
+  const styles = {
+    primary: primary,
+    secondary: secondary
   }
-) as React.ElementType
+  return (
+    <button
+      className={cx(style, styles[variant ?? 'primary'], className)}
+      {...restProps}
+      ref={ref}
+    >
+      {children}
+    </button>
+  )
+})
+Button.displayName = 'Button'