@sakura-ui/sakura-ui 0.1.12 → 0.1.14

package/README.md

@@ -1,7 +1,7 @@
 # Sakura UI
 Sakura UI - UI components built with Tailwind CSS for React. Sakura UI is an unofficial implementation of the Digital Agency Design System. The specifications for each UI component have been implemented with reference to the Digital Agency Design System.
 
-- [Design System 1.2.2](https://www.figma.com/community/file/1172530831489802410)
+- [Digital Agency Design System](https://www.digital.go.jp/policies/servicedesign/designsystem)
 
 ## Sample page
 
@@ -42,11 +42,11 @@ Add fonts from CDN.
     <meta charset="UTF-8" />
     <link
       href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700&display=swap"
-      rel="stylesheet"
+      rel="preload"
     />
     <link
       href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@100;200;300;400;500;600;700&display=swap"
-      rel="stylesheet"
+      rel="preload"
     />
     ...head
   </head>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/sakura-ui",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "keywords": [],
   "author": "glassonion1",
   "homepage": "https://github.com/glassonion1/sakura-ui",

package/packages/config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/config",
-  "version": "0.1.2",
+  "version": "0.1.5",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",
   "exports": {

package/packages/config/src/index.ts

@@ -14,105 +14,105 @@ const sakuraPlugin = plugin(
     theme: {
       extend: {
         fontSize: {
-          '6xl': [
+          'h-xxl': [
             '57px',
             {
               lineHeight: '1.4',
               letterSpacing: '0.04em',
-              fontWeight: '400'
+              fontWeight: '700'
             }
           ],
-          '5xl': [
+          'h-xl': [
             '45px',
             {
               lineHeight: '1.4',
               letterSpacing: '0.04em',
-              fontWeight: '400'
+              fontWeight: '700'
             }
           ],
           // h1
-          '4xl': [
+          'h-lg': [
             '36px',
             {
               lineHeight: '1.4',
               letterSpacing: '0.04em',
-              fontWeight: '400'
+              fontWeight: '700'
             }
           ],
-          '4xlm': [
+          'h-lg-m': [
             '32px',
             {
               lineHeight: '1.5',
               letterSpacing: '0.04em',
-              fontWeight: '500'
+              fontWeight: '700'
             }
           ],
           // h2
-          '3xl': [
+          'h-med': [
             '32px',
             {
               lineHeight: '1.5',
               letterSpacing: '0.04em',
-              fontWeight: '400'
+              fontWeight: '700'
             }
           ],
-          '3xlm': [
+          'h-med-m': [
             '28px',
             {
               lineHeight: '1.5',
               letterSpacing: '0.04em',
-              fontWeight: '500'
+              fontWeight: '700'
             }
           ],
           // h3
-          '2xl': [
+          'h-sm': [
             '28px',
             {
               lineHeight: '1.5',
               letterSpacing: '0.04em',
-              fontWeight: '400'
+              fontWeight: '700'
             }
           ],
-          '2xlm': [
+          'h-sm-m': [
             '24px',
             {
               lineHeight: '1.5',
               letterSpacing: '0.04em',
-              fontWeight: '500'
+              fontWeight: '700'
             }
           ],
           // h4
-          xl: [
+          'h-xs': [
             '24px',
             {
               lineHeight: '1.5',
               letterSpacing: '0.04em',
-              fontWeight: '400'
+              fontWeight: '700'
             }
           ],
-          xlm: [
+          'h-xs-m': [
             '20px',
             {
               lineHeight: '1.5',
               letterSpacing: '0.04em',
-              fontWeight: '500'
+              fontWeight: '700'
             }
           ],
           // h5 h6
-          lg: [
+          'h-xxs': [
             '20px',
             {
               lineHeight: '1.5',
               letterSpacing: '0.04em',
-              fontWeight: '400'
+              fontWeight: '700'
             }
           ],
-          lgm: [
+          'h-xxs-m': [
             '16px',
             {
               lineHeight: '1.5',
               letterSpacing: '0.04em',
-              fontWeight: '500'
+              fontWeight: '700'
             }
           ],
           base: [
@@ -123,7 +123,7 @@ const sakuraPlugin = plugin(
               fontWeight: '400'
             }
           ],
-          small: [
+          'base-sm': [
             '14px',
             {
               lineHeight: '1.7',
@@ -131,35 +131,19 @@ const sakuraPlugin = plugin(
               fontWeight: '400'
             }
           ],
-          label: [
-            '14px',
-            {
-              lineHeight: '1.5',
-              letterSpacing: '0.04em',
-              fontWeight: '500'
-            }
-          ],
-          labelSmall: [
-            '12px',
-            {
-              lineHeight: '1.5',
-              letterSpacing: '0.04em',
-              fontWeight: '500'
-            }
-          ],
-          xs: [
+          sup: [
             '12px',
             {
               lineHeight: '1.7',
-              letterSpacing: '0.04em',
+              letterSpacing: '0.02em',
               fontWeight: '400'
             }
           ],
-          xxs: [
+          'sup-sm': [
             '10px',
             {
               lineHeight: '1.7',
-              letterSpacing: '0.04em',
+              letterSpacing: '0.02em',
               fontWeight: '400'
             }
           ],
@@ -171,6 +155,22 @@ const sakuraPlugin = plugin(
               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',
             {
@@ -185,11 +185,14 @@ const sakuraPlugin = plugin(
             1000: '#FFFFFF'
           },
           sea: {
-            900: '#0017B6',
-            800: '#0024CE',
+            1200: '#00004F',
+            1100: '#000060',
+            1000: '#000071',
+            900: '#000082',
+            800: '#0017C1',
             700: '#0031D8',
-            600: '#003EE5',
-            500: '#0946F1',
+            600: '#1A3EE8',
+            500: '#264AF4',
             400: '#4979F5',
             300: '#7096F8',
             200: '#9DB7F9',
@@ -197,6 +200,9 @@ const sakuraPlugin = plugin(
             50: '#E8F1FE'
           },
           sumi: {
+            1200: '#000000',
+            1100: '#080808',
+            1000: '#111111',
             900: '#1A1A1C',
             800: '#414143',
             700: '#626264',
@@ -209,6 +215,9 @@ const sakuraPlugin = plugin(
             50: '#F8F8FB'
           },
           forest: {
+            1200: '#032213',
+            1100: '#08351F',
+            1000: '#0C472A',
             900: '#115A36',
             800: '#197A4B',
             700: '#1D8B56',
@@ -218,9 +227,12 @@ const sakuraPlugin = plugin(
             300: '#71C598',
             200: '#9BD4B5',
             100: '#C2E5D1',
-            50: '#E6F5Ec'
+            50: '#E6F5EC'
           },
           wood: {
+            1200: '#662E00',
+            1100: '#833B00',
+            1000: '#9C4600',
             900: '#B65200',
             800: '#C16800',
             700: '#C87504',
@@ -228,11 +240,14 @@ const sakuraPlugin = plugin(
             500: '#D18D0F',
             400: '#D69C2B',
             300: '#DCAC4D',
-            200: '#E5C47f',
-            100: '#EFDBB1',
-            50: '#F8F1E0'
+            200: '#E1C383',
+            100: '#E7D8B9',
+            50: '#F3EEE5'
           },
           sun: {
+            1200: '#640101',
+            1100: '#890101',
+            1000: '#AF0000',
             900: '#D50000',
             800: '#EC0000',
             700: '#FA1606',

package/packages/core/.eslintrc.json

@@ -0,0 +1,25 @@
+{
+  "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/coverage/clover.xml

@@ -0,0 +1,258 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<coverage generated="1691656853152" clover="3.2.0">
+  <project timestamp="1691656853152" name="All files">
+    <metrics statements="201" coveredstatements="98" conditionals="36" coveredconditionals="0" methods="80" coveredmethods="7" elements="317" coveredelements="105" complexity="0" loc="201" ncloc="201" packages="3" files="14" classes="14"/>
+    <package name="src">
+      <metrics statements="27" coveredstatements="27" conditionals="0" coveredconditionals="0" methods="26" coveredmethods="2"/>
+      <file name="index.ts" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/core/src/index.ts">
+        <metrics statements="27" coveredstatements="27" conditionals="0" coveredconditionals="0" methods="26" coveredmethods="2"/>
+        <line num="1" count="1" type="stmt"/>
+        <line num="2" count="1" type="stmt"/>
+        <line num="3" count="2" type="stmt"/>
+        <line num="4" count="2" type="stmt"/>
+        <line num="5" count="1" type="stmt"/>
+        <line num="6" count="1" type="stmt"/>
+        <line num="7" count="1" type="stmt"/>
+        <line num="8" count="1" type="stmt"/>
+        <line num="9" count="1" type="stmt"/>
+        <line num="10" count="1" type="stmt"/>
+        <line num="11" count="1" type="stmt"/>
+        <line num="12" count="1" type="stmt"/>
+        <line num="13" count="1" type="stmt"/>
+        <line num="14" count="1" type="stmt"/>
+        <line num="15" count="1" type="stmt"/>
+        <line num="16" count="1" type="stmt"/>
+        <line num="17" count="1" type="stmt"/>
+        <line num="18" count="1" type="stmt"/>
+        <line num="19" count="1" type="stmt"/>
+        <line num="20" count="1" type="stmt"/>
+        <line num="21" count="1" type="stmt"/>
+        <line num="22" count="1" type="stmt"/>
+        <line num="23" count="1" type="stmt"/>
+        <line num="24" count="1" type="stmt"/>
+        <line num="25" count="1" type="stmt"/>
+        <line num="26" count="1" type="stmt"/>
+        <line num="27" count="1" type="stmt"/>
+      </file>
+    </package>
+    <package name="src.components">
+      <metrics statements="173" coveredstatements="70" conditionals="36" coveredconditionals="0" methods="53" coveredmethods="4"/>
+      <file name="Button.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/core/src/components/Button.tsx">
+        <metrics statements="11" coveredstatements="4" conditionals="4" coveredconditionals="0" methods="1" coveredmethods="0"/>
+        <line num="1" count="1" type="stmt"/>
+        <line num="2" count="1" type="stmt"/>
+        <line num="9" count="1" type="stmt"/>
+        <line num="14" count="0" type="stmt"/>
+        <line num="16" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="18" count="0" type="stmt"/>
+        <line num="38" count="0" type="stmt"/>
+        <line num="46" count="0" type="stmt"/>
+        <line num="56" count="0" type="stmt"/>
+        <line num="61" count="0" type="stmt"/>
+        <line num="72" count="1" type="stmt"/>
+      </file>
+      <file name="Card.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/core/src/components/Card.tsx">
+        <metrics statements="22" coveredstatements="16" conditionals="0" coveredconditionals="0" methods="4" coveredmethods="2"/>
+        <line num="1" count="1" type="stmt"/>
+        <line num="2" count="1" type="stmt"/>
+        <line num="8" count="1" type="stmt"/>
+        <line num="12" count="1" type="stmt"/>
+        <line num="13" count="1" type="stmt"/>
+        <line num="15" count="1" type="stmt"/>
+        <line num="16" count="1" type="stmt"/>
+        <line num="18" count="1" type="stmt"/>
+        <line num="28" count="1" type="stmt"/>
+        <line num="43" count="1" type="stmt"/>
+        <line num="46" count="1" type="stmt"/>
+        <line num="48" count="1" type="stmt"/>
+        <line num="50" count="1" type="stmt"/>
+        <line num="57" count="1" type="stmt"/>
+        <line num="66" count="1" type="stmt"/>
+        <line num="69" count="0" type="stmt"/>
+        <line num="71" count="0" type="stmt"/>
+        <line num="78" count="0" type="stmt"/>
+        <line num="88" count="1" type="stmt"/>
+        <line num="91" count="0" type="stmt"/>
+        <line num="93" count="0" type="stmt"/>
+        <line num="99" count="0" type="stmt"/>
+      </file>
+      <file name="Code.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/core/src/components/Code.tsx">
+        <metrics statements="5" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="0"/>
+        <line num="2" count="1" type="stmt"/>
+        <line num="6" count="1" type="stmt"/>
+        <line num="7" count="0" type="stmt"/>
+        <line num="9" count="0" type="stmt"/>
+        <line num="14" count="0" type="stmt"/>
+      </file>
+      <file name="Heading.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/core/src/components/Heading.tsx">
+        <metrics statements="25" coveredstatements="7" conditionals="0" coveredconditionals="0" methods="6" coveredmethods="0"/>
+        <line num="2" count="1" type="stmt"/>
+        <line num="6" count="1" type="stmt"/>
+        <line num="7" count="0" type="stmt"/>
+        <line num="9" count="0" type="stmt"/>
+        <line num="16" count="0" type="stmt"/>
+        <line num="23" count="1" type="stmt"/>
+        <line num="24" count="0" type="stmt"/>
+        <line num="26" count="0" type="stmt"/>
+        <line num="33" count="0" type="stmt"/>
+        <line num="40" count="1" type="stmt"/>
+        <line num="41" count="0" type="stmt"/>
+        <line num="43" count="0" type="stmt"/>
+        <line num="50" count="0" type="stmt"/>
+        <line num="57" count="1" type="stmt"/>
+        <line num="58" count="0" type="stmt"/>
+        <line num="60" count="0" type="stmt"/>
+        <line num="67" count="0" type="stmt"/>
+        <line num="74" count="1" type="stmt"/>
+        <line num="75" count="0" type="stmt"/>
+        <line num="77" count="0" type="stmt"/>
+        <line num="84" count="0" type="stmt"/>
+        <line num="91" count="1" type="stmt"/>
+        <line num="92" count="0" type="stmt"/>
+        <line num="94" count="0" type="stmt"/>
+        <line num="101" count="0" type="stmt"/>
+      </file>
+      <file name="Icon.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/core/src/components/Icon.tsx">
+        <metrics statements="7" coveredstatements="4" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="0"/>
+        <line num="1" count="1" type="stmt"/>
+        <line num="2" count="1" type="stmt"/>
+        <line num="8" count="1" type="stmt"/>
+        <line num="12" count="0" type="stmt"/>
+        <line num="14" count="0" type="stmt"/>
+        <line num="25" count="0" type="stmt"/>
+        <line num="32" count="1" type="stmt"/>
+      </file>
+      <file name="IconButton.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/core/src/components/IconButton.tsx">
+        <metrics statements="13" coveredstatements="4" conditionals="14" coveredconditionals="0" methods="1" coveredmethods="0"/>
+        <line num="1" count="1" type="stmt"/>
+        <line num="2" count="1" type="stmt"/>
+        <line num="11" count="1" type="stmt"/>
+        <line num="23" count="0" type="stmt"/>
+        <line num="25" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="27" count="0" type="stmt"/>
+        <line num="29" count="0" type="stmt"/>
+        <line num="50" count="0" type="stmt"/>
+        <line num="58" count="0" type="stmt"/>
+        <line num="68" count="0" type="stmt"/>
+        <line num="73" count="0" type="stmt"/>
+        <line num="84" count="0" type="stmt"/>
+        <line num="97" count="1" type="stmt"/>
+      </file>
+      <file name="InfoCard.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/core/src/components/InfoCard.tsx">
+        <metrics statements="9" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="0"/>
+        <line num="1" count="1" type="stmt"/>
+        <line num="2" count="1" type="stmt"/>
+        <line num="9" count="1" type="stmt"/>
+        <line num="12" count="0" type="stmt"/>
+        <line num="14" count="0" type="stmt"/>
+        <line num="23" count="0" type="stmt"/>
+        <line num="31" count="0" type="stmt"/>
+        <line num="37" count="0" type="stmt"/>
+        <line num="39" count="0" type="stmt"/>
+      </file>
+      <file name="Link.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/core/src/components/Link.tsx">
+        <metrics statements="28" coveredstatements="5" conditionals="18" coveredconditionals="0" methods="2" coveredmethods="0"/>
+        <line num="1" count="1" type="stmt"/>
+        <line num="2" count="1" type="stmt"/>
+        <line num="4" count="1" type="stmt"/>
+        <line num="5" count="0" type="stmt"/>
+        <line num="7" count="0" type="cond" truecount="0" falsecount="1"/>
+        <line num="8" count="0" type="stmt"/>
+        <line num="10" count="0" type="cond" truecount="0" falsecount="3"/>
+        <line num="11" count="0" type="stmt"/>
+        <line num="13" count="0" type="cond" truecount="0" falsecount="3"/>
+        <line num="14" count="0" type="stmt"/>
+        <line num="16" count="0" type="cond" truecount="0" falsecount="1"/>
+        <line num="17" count="0" type="stmt"/>
+        <line num="19" count="0" type="cond" truecount="0" falsecount="1"/>
+        <line num="20" count="0" type="stmt"/>
+        <line num="22" count="0" type="cond" truecount="0" falsecount="1"/>
+        <line num="23" count="0" type="stmt"/>
+        <line num="25" count="0" type="cond" truecount="0" falsecount="1"/>
+        <line num="26" count="0" type="stmt"/>
+        <line num="28" count="0" type="stmt"/>
+        <line num="33" count="1" type="stmt"/>
+        <line num="37" count="0" type="stmt"/>
+        <line num="38" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="39" count="0" type="stmt"/>
+        <line num="41" count="0" type="stmt"/>
+        <line num="56" count="0" type="cond" truecount="0" falsecount="1"/>
+        <line num="57" count="0" type="stmt"/>
+        <line num="71" count="0" type="stmt"/>
+        <line num="79" count="1" type="stmt"/>
+      </file>
+      <file name="List.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/core/src/components/List.tsx">
+        <metrics statements="9" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="2" coveredmethods="0"/>
+        <line num="2" count="1" type="stmt"/>
+        <line num="6" count="1" type="stmt"/>
+        <line num="7" count="0" type="stmt"/>
+        <line num="9" count="0" type="stmt"/>
+        <line num="16" count="0" type="stmt"/>
+        <line num="25" count="1" type="stmt"/>
+        <line num="26" count="0" type="stmt"/>
+        <line num="28" count="0" type="stmt"/>
+        <line num="34" count="0" type="stmt"/>
+      </file>
+      <file name="Pre.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/core/src/components/Pre.tsx">
+        <metrics statements="5" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="0"/>
+        <line num="2" count="1" type="stmt"/>
+        <line num="6" count="1" type="stmt"/>
+        <line num="7" count="0" type="stmt"/>
+        <line num="9" count="0" type="stmt"/>
+        <line num="17" count="0" type="stmt"/>
+      </file>
+      <file name="Table.tsx" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/core/src/components/Table.tsx">
+        <metrics statements="28" coveredstatements="9" conditionals="0" coveredconditionals="0" methods="7" coveredmethods="0"/>
+        <line num="2" count="1" type="stmt"/>
+        <line num="6" count="1" type="stmt"/>
+        <line num="12" count="1" type="stmt"/>
+        <line num="13" count="0" type="stmt"/>
+        <line num="16" count="0" type="stmt"/>
+        <line num="22" count="0" type="stmt"/>
+        <line num="32" count="1" type="stmt"/>
+        <line num="35" count="0" type="stmt"/>
+        <line num="37" count="0" type="stmt"/>
+        <line num="38" count="0" type="stmt"/>
+        <line num="47" count="1" type="stmt"/>
+        <line num="48" count="0" type="stmt"/>
+        <line num="50" count="0" type="stmt"/>
+        <line num="59" count="1" type="stmt"/>
+        <line num="60" count="0" type="stmt"/>
+        <line num="62" count="0" type="stmt"/>
+        <line num="71" count="1" type="stmt"/>
+        <line num="72" count="0" type="stmt"/>
+        <line num="74" count="0" type="stmt"/>
+        <line num="79" count="0" type="stmt"/>
+        <line num="88" count="1" type="stmt"/>
+        <line num="89" count="0" type="stmt"/>
+        <line num="91" count="0" type="stmt"/>
+        <line num="93" count="0" type="stmt"/>
+        <line num="102" count="1" type="stmt"/>
+        <line num="103" count="0" type="stmt"/>
+        <line num="105" count="0" type="stmt"/>
+        <line num="109" count="0" type="stmt"/>
+      </file>
+      <file name="index.ts" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/core/src/components/index.ts">
+        <metrics statements="11" coveredstatements="11" conditionals="0" coveredconditionals="0" methods="26" coveredmethods="2"/>
+        <line num="1" count="1" type="stmt"/>
+        <line num="2" count="2" type="stmt"/>
+        <line num="3" count="1" type="stmt"/>
+        <line num="4" count="1" type="stmt"/>
+        <line num="5" count="1" type="stmt"/>
+        <line num="6" count="1" type="stmt"/>
+        <line num="7" count="1" type="stmt"/>
+        <line num="8" count="1" type="stmt"/>
+        <line num="9" count="1" type="stmt"/>
+        <line num="10" count="1" type="stmt"/>
+        <line num="13" count="1" type="stmt"/>
+      </file>
+    </package>
+    <package name="src.utils">
+      <metrics statements="1" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/>
+      <file name="class.ts" path="/Users/t.fujita/Documents/Repos/sakura-ui/packages/core/src/utils/class.ts">
+        <metrics statements="1" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/>
+        <line num="1" count="2" type="stmt"/>
+      </file>
+    </package>
+  </project>
+</coverage>