@sakura-ui/sakura-ui 0.1.12 → 0.1.13

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

@@ -37,28 +37,33 @@ export const IconButton: React.ElementType<IconButtonProps> = React.forwardRef<
       whitespace-nowrap
       border
       border-solid
-      border-sea-600
+      border-sea-800
+      active:enabled:border-sea-800-darken
+      hover:enabled:border-sea-800-darken
       focus:outline
       focus:outline-2
-      focus:outline-wood-500
+      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
-      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/InfoCard.tsx

@@ -12,25 +12,26 @@ export const InfoCard: React.ElementType<InfoCardProps> = (
   const { className, children, title, ...restProps } = props
 
   const style = `
-    bg-sumi-50
-    border-sumi-300
     border
     border-solid
-    rounded-[12px]
+    border-sumi-300
+    rounded-2xl
+    md:rounded-3xl
     text-sumi-900
   `
 
   const topStyle = `
-    px-4
-    pt-4
-    mb-1
+    pt-6
+    px-6
     text-lgm
-    sm:text-lg
+    leading-none
+    mb-2
   `
 
   const bottmStyle = `
-    px-4
-    pb-4
+    pb-6
+    px-6
+    text-base
   `
 
   const headingId = React.useId()

package/packages/core/src/components/index.ts

@@ -1,11 +1,13 @@
 export { Button } from './Button'
-export { Card } from './Card'
+export { Card, CardHeader, CardBody, CardFooter } from './Card'
 export { Code } from './Code'
 export { H1, H2, H3, H4, H5, H6 } from './Heading'
 export { Icon } from './Icon'
 export { IconButton } from './IconButton'
-export { InfoCard } from './InfoCard'
 export { Link } from './Link'
 export { Ol, Ul } from './List'
 export { Pre } from './Pre'
 export { Table, Caption, Thead, Tbody, Th, Tr, Td } from './Table'
+
+/** @deprecated use Card instead */
+export { InfoCard } from './InfoCard'

package/packages/core/src/index.ts

@@ -1,6 +1,9 @@
 export {
   Button,
   Card,
+  CardHeader,
+  CardBody,
+  CardFooter,
   Code,
   H1,
   H2,

package/packages/core/tests/Card.test.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react'
+import { render, screen } from '@testing-library/react'
+import '@testing-library/jest-dom'
+
+import { Card, CardHeader } from '../src'
+
+describe('should labeled text from Card', () => {
+  test('renders Card', async () => {
+    render(
+      <Card>
+        <CardHeader>Card-Label</CardHeader>
+      </Card>
+    )
+
+    const text = screen.getByLabelText(/Card-Label/)
+
+    expect(text).toBeInTheDocument()
+  })
+})

package/packages/forms/jest.config.ts

@@ -1,7 +1,5 @@
-// 型定義のインポート
 import { Config } from '@jest/types'
 
-// オプションを設定
 const config: Config.InitialOptions = {
   preset: 'ts-jest',
   testMatch: ['<rootDir>/tests/**/*.test.{ts,tsx}'],
@@ -10,5 +8,4 @@ const config: Config.InitialOptions = {
   moduleDirectories: ['node_modules', '<rootDir>']
 }
 
-// 設定を default エクスポートします
 export default config

package/packages/forms/node_modules/.bin/browserslist

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/browserslist@4.21.9/node_modules/browserslist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/browserslist@4.21.9/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/browserslist@4.21.9/node_modules/browserslist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/browserslist@4.21.9/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/browserslist@4.21.9/node_modules/browserslist/cli.js" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/browserslist@4.21.9/node_modules/browserslist/cli.js" "$@"
+fi