@sakura-ui/sakura-ui 0.1.20 → 0.2.0

package/packages/config/src/index.ts

@@ -1,347 +0,0 @@
-import plugin from 'tailwindcss/plugin'
-
-const booleans = [
-  'atomic',
-  'busy',
-  'checked',
-  'current',
-  'disabled',
-  'expanded',
-  'grabbed',
-  'haspopup',
-  'hidden',
-  'invalid',
-  'live',
-  'modal',
-  'multiline',
-  'multiselectable',
-  'pressed',
-  'readonly',
-  'required',
-  'selected'
-]
-
-const enumerables = {
-  autocomplete: ['both', 'inline', 'list', 'none'],
-  current: ['date', 'location', 'page', 'step', 'time'],
-  dropeffect: ['copy', 'execute', 'link', 'move', 'none', 'popup'],
-  haspopup: ['dialog', 'grid', 'listbox', 'menu', 'tree'],
-  orientation: ['horizontal', 'undefined', 'vertial'],
-  relevant: ['additions', 'all', 'removals', 'text'],
-  sort: ['ascending', 'descending', 'none', 'other']
-}
-
-const sakuraPlugin = plugin(
-  ({ addBase, addVariant }) => {
-    addBase({
-      '@font-face': {
-        fontFamily: 'Material Symbols Outlined',
-        fontWeight: '300',
-        fontStyle: 'normal'
-      }
-    })
-    const addAriaVariant = (name: string, value: string) => {
-      addVariant(name, `[${name}="${value}"]&`)
-      addVariant(`peer-${name}`, `:merge(.peer)[${name}="${value}"] ~ &`)
-      addVariant(`group-${name}`, `:merge(.group)[${name}="${value}"] &`)
-    }
-    const addAriaEnumVariant = (name: string, value: string) => {
-      addVariant(`${name}-${value}`, `[${name}="${value}"]&`)
-      addVariant(
-        `peer-${name}-${value}`,
-        `:merge(.peer)[${name}="${value}"] ~ &`
-      )
-      addVariant(
-        `group-${name}-${value}`,
-        `:merge(.group)[${name}="${value}"] &`
-      )
-    }
-
-    for (const attribute of booleans) {
-      addAriaVariant(`aria-${attribute}`, 'true')
-    }
-
-    for (const [attribute, values] of Object.entries(enumerables)) {
-      for (const value of values) {
-        addAriaEnumVariant(`aria-${attribute}`, value)
-      }
-    }
-  },
-  {
-    theme: {
-      extend: {
-        fontSize: {
-          'h-xxl': [
-            '57px',
-            {
-              lineHeight: '1.4',
-              letterSpacing: '0.04em',
-              fontWeight: '700'
-            }
-          ],
-          'h-xl': [
-            '45px',
-            {
-              lineHeight: '1.4',
-              letterSpacing: '0.04em',
-              fontWeight: '700'
-            }
-          ],
-          // h1
-          'h-lg': [
-            '36px',
-            {
-              lineHeight: '1.4',
-              letterSpacing: '0.04em',
-              fontWeight: '700'
-            }
-          ],
-          'h-lg-m': [
-            '32px',
-            {
-              lineHeight: '1.5',
-              letterSpacing: '0.04em',
-              fontWeight: '700'
-            }
-          ],
-          // h2
-          'h-med': [
-            '32px',
-            {
-              lineHeight: '1.5',
-              letterSpacing: '0.04em',
-              fontWeight: '700'
-            }
-          ],
-          'h-med-m': [
-            '28px',
-            {
-              lineHeight: '1.5',
-              letterSpacing: '0.04em',
-              fontWeight: '700'
-            }
-          ],
-          // h3
-          'h-sm': [
-            '28px',
-            {
-              lineHeight: '1.5',
-              letterSpacing: '0.04em',
-              fontWeight: '700'
-            }
-          ],
-          'h-sm-m': [
-            '24px',
-            {
-              lineHeight: '1.5',
-              letterSpacing: '0.04em',
-              fontWeight: '700'
-            }
-          ],
-          // h4
-          'h-xs': [
-            '24px',
-            {
-              lineHeight: '1.5',
-              letterSpacing: '0.04em',
-              fontWeight: '700'
-            }
-          ],
-          'h-xs-m': [
-            '20px',
-            {
-              lineHeight: '1.5',
-              letterSpacing: '0.04em',
-              fontWeight: '700'
-            }
-          ],
-          // h5 h6
-          'h-xxs': [
-            '20px',
-            {
-              lineHeight: '1.5',
-              letterSpacing: '0.04em',
-              fontWeight: '700'
-            }
-          ],
-          'h-xxs-m': [
-            '16px',
-            {
-              lineHeight: '1.5',
-              letterSpacing: '0.04em',
-              fontWeight: '700'
-            }
-          ],
-          base: [
-            '16px',
-            {
-              lineHeight: '1.7',
-              letterSpacing: '0.04em',
-              fontWeight: '400'
-            }
-          ],
-          'base-sm': [
-            '14px',
-            {
-              lineHeight: '1.7',
-              letterSpacing: '0.04em',
-              fontWeight: '400'
-            }
-          ],
-          sup: [
-            '12px',
-            {
-              lineHeight: '1.7',
-              letterSpacing: '0.02em',
-              fontWeight: '400'
-            }
-          ],
-          'sup-sm': [
-            '10px',
-            {
-              lineHeight: '1.7',
-              letterSpacing: '0.02em',
-              fontWeight: '400'
-            }
-          ],
-          button: [
-            '16px',
-            {
-              lineHeight: '1.5',
-              letterSpacing: '0.04em',
-              fontWeight: '700'
-            }
-          ],
-          'button-sm': [
-            '14px',
-            {
-              lineHeight: '14px',
-              letterSpacing: '0.04em',
-              fontWeight: '700'
-            }
-          ],
-          label: [
-            '14px',
-            {
-              lineHeight: '1.5',
-              letterSpacing: '0.04em',
-              fontWeight: '500'
-            }
-          ],
-          'label-sm': [
-            '12px',
-            {
-              lineHeight: '1.5',
-              letterSpacing: '0.04em',
-              fontWeight: '500'
-            }
-          ],
-          code: [
-            '16px',
-            {
-              lineHeight: '1.7',
-              letterSpacing: '0.04em',
-              fontWeight: '400'
-            }
-          ]
-        },
-        colors: {
-          white: {
-            1000: '#FFFFFF'
-          },
-          sea: {
-            1200: '#00004F',
-            1100: '#000060',
-            1000: '#000071',
-            900: '#000082',
-            800: '#0017C1',
-            700: '#0031D8',
-            600: '#1A3EE8',
-            500: '#264AF4',
-            400: '#4979F5',
-            300: '#7096F8',
-            200: '#9DB7F9',
-            100: '#C5D7FB',
-            50: '#E8F1FE'
-          },
-          sumi: {
-            1200: '#000000',
-            1100: '#080808',
-            1000: '#111111',
-            900: '#1A1A1C',
-            800: '#414143',
-            700: '#626264',
-            600: '#757578',
-            500: '#949497',
-            400: '#B4B4B7',
-            300: '#D8D8DB',
-            200: '#E8E8EB',
-            100: '#F1F1F4',
-            50: '#F8F8FB'
-          },
-          forest: {
-            1200: '#032213',
-            1100: '#08351F',
-            1000: '#0C472A',
-            900: '#115A36',
-            800: '#197A4B',
-            700: '#1D8B56',
-            600: '#259D63',
-            500: '#2CAC6E',
-            400: '#51B883',
-            300: '#71C598',
-            200: '#9BD4B5',
-            100: '#C2E5D1',
-            50: '#E6F5EC'
-          },
-          wood: {
-            1200: '#662E00',
-            1100: '#833B00',
-            1000: '#9C4600',
-            900: '#B65200',
-            800: '#C16800',
-            700: '#C87504',
-            600: '#CD820A',
-            500: '#D18D0F',
-            400: '#D69C2B',
-            300: '#DCAC4D',
-            200: '#E1C383',
-            100: '#E7D8B9',
-            50: '#F3EEE5'
-          },
-          sun: {
-            1200: '#640101',
-            1100: '#890101',
-            1000: '#AF0000',
-            900: '#D50000',
-            800: '#EC0000',
-            700: '#FA1606',
-            600: '#FF220D',
-            500: '#FF4B36',
-            400: '#FF5838',
-            300: '#FF7B5C',
-            200: '#FFA28B',
-            100: '#FFC8B8',
-            50: '#FFE7E6'
-          }
-        },
-        fontFamily: {
-          sans: [
-            'Noto Sans JP',
-            '-apple-system',
-            'blinkmacsystemfont',
-            'Segoe UI',
-            'Hiragino Kaku Gothic ProN',
-            'BIZ UDPGothic',
-            'meiryo',
-            'sans-serif'
-          ],
-          code: ['Monaco', 'Menlo', 'Consolas', 'Courier New', 'monospace'],
-          icon: ['Material Symbols Outlined']
-        }
-      }
-    }
-  }
-)
-
-export default sakuraPlugin

package/packages/core/.eslintrc.json

@@ -1,25 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "es2021": true
-  },
-  "extends": [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:react/recommended",
-    "plugin:jsx-a11y/recommended",
-    "prettier"
-  ],
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "ecmaVersion": "latest",
-    "sourceType": "module"
-  },
-  "plugins": ["@typescript-eslint", "react", "jsx-a11y"],
-  "rules": {},
-  "settings": {
-    "react": {
-      "version": "detect"
-    }
-  }
-}

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

@@ -1,50 +0,0 @@
-import React from 'react'
-import { cx } from '../libs/cx'
-
-export interface InfoCardProps
-  extends React.ComponentPropsWithoutRef<'section'> {
-  title?: string
-}
-
-export const InfoCard = (props: InfoCardProps) => {
-  const { className, children, title, ...restProps } = props
-
-  const style = `
-    border
-    border-solid
-    border-sumi-300
-    rounded-2xl
-    sm:rounded-3xl
-    text-sumi-900
-  `
-
-  const topStyle = `
-    pt-6
-    px-6
-    text-h-xxs-m
-    sm:text-h-xxs
-    leading-none
-    mb-2
-  `
-
-  const bottmStyle = `
-    pb-6
-    px-6
-    text-base
-  `
-
-  const headingId = React.useId()
-
-  return (
-    <section
-      aria-labelledby={headingId}
-      className={cx(style, className)}
-      {...restProps}
-    >
-      <h2 id={headingId} className={topStyle}>
-        {title}
-      </h2>
-      <p className={bottmStyle}>{children}</p>
-    </section>
-  )
-}

package/packages/forms/coverage/clover.xml

@@ -1,209 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1680182257879" clover="3.2.0">
-  <project timestamp="1680182257879" name="All files">
-    <metrics statements="140" coveredstatements="116" conditionals="63" coveredconditionals="51" methods="39" coveredmethods="19" elements="242" coveredelements="186" complexity="0" loc="140" ncloc="140" packages="4" files="17" classes="17"/>
-    <package name="src">
-      <metrics statements="14" coveredstatements="14" conditionals="0" coveredconditionals="0" methods="12" coveredmethods="6"/>
-      <file name="index.ts" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/index.ts">
-        <metrics statements="14" coveredstatements="14" conditionals="0" coveredconditionals="0" methods="12" coveredmethods="6"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="10" type="stmt"/>
-        <line num="4" count="6" type="stmt"/>
-        <line num="5" count="12" type="stmt"/>
-        <line num="6" count="6" type="stmt"/>
-        <line num="7" count="21" type="stmt"/>
-        <line num="8" count="15" type="stmt"/>
-        <line num="11" count="4" type="stmt"/>
-        <line num="12" count="4" type="stmt"/>
-        <line num="13" count="4" type="stmt"/>
-        <line num="14" count="4" type="stmt"/>
-        <line num="15" count="4" type="stmt"/>
-        <line num="16" count="4" type="stmt"/>
-      </file>
-    </package>
-    <package name="src.components">
-      <metrics statements="88" coveredstatements="76" conditionals="63" coveredconditionals="51" methods="14" coveredmethods="12"/>
-      <file name="Checkbox.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/Checkbox.tsx">
-        <metrics statements="14" coveredstatements="4" conditionals="4" coveredconditionals="0" methods="1" coveredmethods="0"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="4" type="stmt"/>
-        <line num="7" count="4" type="stmt"/>
-        <line num="9" count="0" type="stmt"/>
-        <line num="10" count="0" type="stmt"/>
-        <line num="11" count="0" type="cond" truecount="0" falsecount="1"/>
-        <line num="12" count="0" type="stmt"/>
-        <line num="14" count="0" type="cond" truecount="0" falsecount="1"/>
-        <line num="15" count="0" type="stmt"/>
-        <line num="18" count="0" type="stmt"/>
-        <line num="26" count="0" type="stmt"/>
-        <line num="31" count="0" type="stmt"/>
-        <line num="45" count="0" type="stmt"/>
-      </file>
-      <file name="FieldsetControl.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/FieldsetControl.tsx">
-        <metrics statements="10" coveredstatements="10" conditionals="18" coveredconditionals="18" methods="1" coveredmethods="1"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="4" type="stmt"/>
-        <line num="15" count="4" type="stmt"/>
-        <line num="19" count="11" type="stmt"/>
-        <line num="30" count="11" type="stmt"/>
-        <line num="32" count="11" type="cond" truecount="2" falsecount="0"/>
-        <line num="34" count="11" type="stmt"/>
-        <line num="42" count="11" type="cond" truecount="2" falsecount="0"/>
-        <line num="44" count="11" type="stmt"/>
-      </file>
-      <file name="LabelControl.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/LabelControl.tsx">
-        <metrics statements="8" coveredstatements="8" conditionals="16" coveredconditionals="16" methods="1" coveredmethods="1"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="4" type="stmt"/>
-        <line num="14" count="4" type="stmt"/>
-        <line num="18" count="17" type="stmt"/>
-        <line num="28" count="17" type="stmt"/>
-        <line num="30" count="17" type="stmt"/>
-        <line num="38" count="17" type="stmt"/>
-      </file>
-      <file name="Radio.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/Radio.tsx">
-        <metrics statements="14" coveredstatements="14" conditionals="4" coveredconditionals="3" methods="1" coveredmethods="1"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="4" type="stmt"/>
-        <line num="7" count="4" type="stmt"/>
-        <line num="8" count="6" type="stmt"/>
-        <line num="9" count="6" type="stmt"/>
-        <line num="10" count="6" type="cond" truecount="1" falsecount="0"/>
-        <line num="11" count="2" type="stmt"/>
-        <line num="13" count="6" type="cond" truecount="1" falsecount="0"/>
-        <line num="14" count="6" type="stmt"/>
-        <line num="17" count="6" type="stmt"/>
-        <line num="24" count="6" type="stmt"/>
-        <line num="29" count="6" type="stmt"/>
-        <line num="42" count="6" type="stmt"/>
-      </file>
-      <file name="Select.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/Select.tsx">
-        <metrics statements="11" coveredstatements="10" conditionals="7" coveredconditionals="4" methods="1" coveredmethods="1"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="4" type="stmt"/>
-        <line num="7" count="4" type="stmt"/>
-        <line num="9" count="2" type="stmt"/>
-        <line num="10" count="2" type="stmt"/>
-        <line num="11" count="2" type="cond" truecount="0" falsecount="1"/>
-        <line num="12" count="0" type="stmt"/>
-        <line num="15" count="2" type="cond" truecount="1" falsecount="1"/>
-        <line num="17" count="2" type="stmt"/>
-        <line num="32" count="2" type="stmt"/>
-      </file>
-      <file name="Text.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/Text.tsx">
-        <metrics statements="11" coveredstatements="11" conditionals="7" coveredconditionals="6" methods="1" coveredmethods="1"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="4" type="stmt"/>
-        <line num="7" count="4" type="stmt"/>
-        <line num="9" count="8" type="stmt"/>
-        <line num="10" count="8" type="stmt"/>
-        <line num="11" count="8" type="cond" truecount="1" falsecount="0"/>
-        <line num="12" count="2" type="stmt"/>
-        <line num="15" count="8" type="cond" truecount="2" falsecount="0"/>
-        <line num="17" count="8" type="stmt"/>
-        <line num="32" count="8" type="stmt"/>
-      </file>
-      <file name="Textarea.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/Textarea.tsx">
-        <metrics statements="11" coveredstatements="10" conditionals="7" coveredconditionals="4" methods="1" coveredmethods="1"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="4" type="stmt"/>
-        <line num="8" count="4" type="stmt"/>
-        <line num="10" count="2" type="stmt"/>
-        <line num="12" count="2" type="stmt"/>
-        <line num="13" count="2" type="cond" truecount="0" falsecount="1"/>
-        <line num="14" count="0" type="stmt"/>
-        <line num="17" count="2" type="cond" truecount="1" falsecount="1"/>
-        <line num="19" count="2" type="stmt"/>
-        <line num="34" count="2" type="stmt"/>
-      </file>
-      <file name="context.ts" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/context.ts">
-        <metrics statements="2" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="12" count="4" type="stmt"/>
-      </file>
-      <file name="index.ts" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/index.ts">
-        <metrics statements="7" coveredstatements="7" conditionals="0" coveredconditionals="0" methods="7" coveredmethods="6"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="10" type="stmt"/>
-        <line num="3" count="6" type="stmt"/>
-        <line num="4" count="12" type="stmt"/>
-        <line num="5" count="6" type="stmt"/>
-        <line num="6" count="21" type="stmt"/>
-        <line num="7" count="15" type="stmt"/>
-      </file>
-    </package>
-    <package name="src.components.controlled">
-      <metrics statements="37" coveredstatements="25" conditionals="0" coveredconditionals="0" methods="12" coveredmethods="0"/>
-      <file name="CheckboxGroup.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/controlled/CheckboxGroup.tsx">
-        <metrics statements="7" coveredstatements="4" conditionals="0" coveredconditionals="0" methods="2" coveredmethods="0"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="4" type="stmt"/>
-        <line num="17" count="4" type="stmt"/>
-        <line num="31" count="0" type="stmt"/>
-        <line num="33" count="0" type="stmt"/>
-        <line num="45" count="0" type="stmt"/>
-      </file>
-      <file name="RadioGroup.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/controlled/RadioGroup.tsx">
-        <metrics statements="7" coveredstatements="4" conditionals="0" coveredconditionals="0" methods="2" coveredmethods="0"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="4" type="stmt"/>
-        <line num="18" count="4" type="stmt"/>
-        <line num="33" count="0" type="stmt"/>
-        <line num="35" count="0" type="stmt"/>
-        <line num="47" count="0" type="stmt"/>
-      </file>
-      <file name="SelectControl.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/controlled/SelectControl.tsx">
-        <metrics statements="6" coveredstatements="4" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="0"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="4" type="stmt"/>
-        <line num="14" count="4" type="stmt"/>
-        <line num="26" count="0" type="stmt"/>
-        <line num="28" count="0" type="stmt"/>
-      </file>
-      <file name="TextControl.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/controlled/TextControl.tsx">
-        <metrics statements="6" coveredstatements="4" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="0"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="4" type="stmt"/>
-        <line num="14" count="4" type="stmt"/>
-        <line num="24" count="0" type="stmt"/>
-        <line num="26" count="0" type="stmt"/>
-      </file>
-      <file name="TextareaControl.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/controlled/TextareaControl.tsx">
-        <metrics statements="6" coveredstatements="4" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="0"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="4" type="stmt"/>
-        <line num="14" count="4" type="stmt"/>
-        <line num="26" count="0" type="stmt"/>
-        <line num="28" count="0" type="stmt"/>
-      </file>
-      <file name="index.ts" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/components/controlled/index.ts">
-        <metrics statements="5" coveredstatements="5" conditionals="0" coveredconditionals="0" methods="5" coveredmethods="0"/>
-        <line num="1" count="4" type="stmt"/>
-        <line num="2" count="4" type="stmt"/>
-        <line num="3" count="4" type="stmt"/>
-        <line num="4" count="4" type="stmt"/>
-        <line num="5" count="4" type="stmt"/>
-      </file>
-    </package>
-    <package name="src.utils">
-      <metrics statements="1" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/>
-      <file name="index.ts" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/forms/src/utils/index.ts">
-        <metrics statements="1" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/>
-        <line num="1" count="89" type="stmt"/>
-      </file>
-    </package>
-  </project>
-</coverage>