@sakura-ui/sakura-ui 0.1.12 → 0.1.13

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.9",
   "type": "module",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",
@@ -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

@@ -16,38 +16,42 @@ export const Button: React.ElementType<ButtonProps> = React.forwardRef<
   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
-    `
+    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
-    `
+    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-600
-      bg-transparent
-      hover:enabled:bg-sea-100
-      active:enabled:bg-sea-200
-      disabled:text-sumi-500
-    `
+    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,

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

@@ -1,23 +1,104 @@
 import React from 'react'
 import { cx } from '../utils/class'
 
+interface IdContextType {
+  id: string
+}
+
+const IdContext = React.createContext<IdContextType>({ id: '' })
+
 export interface CardProps extends React.ComponentPropsWithoutRef<'section'> {}
 
 export const Card: React.ElementType<CardProps> = (props: CardProps) => {
   const { className, children, ...restProps } = props
 
+  const id = React.useId()
+  const ctx: IdContextType = { id: id }
+
   const style = `
-    bg-sumi-50
     border
     border-solid
     border-sumi-300
-    rounded-[12px]
-    p-4
+    rounded-2xl
+    md:rounded-3xl
     text-sumi-900
+    overflow-hidden
+  `
+
+  return (
+    <IdContext.Provider value={ctx}>
+      <section
+        aria-labelledby={ctx.id}
+        className={cx(style, className)}
+        {...restProps}
+      >
+        {children}
+      </section>
+    </IdContext.Provider>
+  )
+}
+
+export interface CardHeaderProps extends React.ComponentPropsWithoutRef<'h2'> {}
+
+export const CardHeader: React.ElementType<CardHeaderProps> = (
+  props: CardHeaderProps
+) => {
+  const { className, children, ...restProps } = props
+
+  const ctx = React.useContext(IdContext)
+
+  const style = `
+    py-6
+    px-6
+    text-lgm
+    leading-none
+  `
+
+  return (
+    <h2 id={ctx.id} className={cx(style, className)} {...restProps}>
+      {children}
+    </h2>
+  )
+}
+
+export interface CardBodyProps extends React.ComponentPropsWithoutRef<'p'> {}
+
+export const CardBody: React.ElementType<CardBodyProps> = (
+  props: CardBodyProps
+) => {
+  const { className, children, ...restProps } = props
+
+  const style = `
+    px-6
+    first:pt-6
+    pb-6
+    text-base
+  `
+
+  return (
+    <p className={cx(style, className)} {...restProps}>
+      {children}
+    </p>
+  )
+}
+
+export interface CardFooterProps
+  extends React.ComponentPropsWithoutRef<'div'> {}
+
+export const CardFooter: React.ElementType<CardFooterProps> = (
+  props: CardFooterProps
+) => {
+  const { className, children, ...restProps } = props
+
+  const style = `
+    px-6
+    first:pt-6
+    pb-6
   `
+
   return (
-    <section className={cx(style, props.className)} {...restProps}>
-      {props.children}
-    </section>
+    <div className={cx(style, className)} {...restProps}>
+      {children}
+    </div>
   )
 }