From 0198c3edb66335c821abec3768a8b7fb903d620e Mon Sep 17 00:00:00 2001
From: Hidetaro7 <hidetaro7@gmail.com>
Date: Thu, 26 Aug 2021 17:47:18 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=E3=83=86=E3=83=BC=E3=83=9E=E3=82=AB?=
 =?UTF-8?q?=E3=83=A9=E3=83=BC=E3=82=92=E6=96=B0=E3=81=97=E3=81=84=E3=82=82?=
 =?UTF-8?q?=E3=81=AE=E3=81=AB=E3=81=97=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/tailwindcss/{btn.js => button.js}    |  4 ++--
 packages/tailwindcss/index.js                 |  2 +-
 .../tailwindcss/stories/Button.stories.js     |  4 ++--
 packages/tailwindcss/theme.js                 | 23 ++++++++-----------
 4 files changed, 15 insertions(+), 18 deletions(-)
 rename packages/tailwindcss/{btn.js => button.js} (96%)

diff --git a/packages/tailwindcss/btn.js b/packages/tailwindcss/button.js
similarity index 96%
rename from packages/tailwindcss/btn.js
rename to packages/tailwindcss/button.js
index 1e77d143..029bdd9e 100644
--- a/packages/tailwindcss/btn.js
+++ b/packages/tailwindcss/button.js
@@ -7,9 +7,9 @@ module.exports = plugin.withOptions(
     return ({ addComponents, theme }) => {
       addComponents([
         {
-          ".btn": {
+          ".button": {
             backgroundColor: theme("colors.primary.500"),
-            borderRadius: theme("tuqulore.btn.radius"),
+            borderRadius: theme("borderRadius.md"),
             color: "#fff",
             display: "inline-block",
             fontWeight: 700,
diff --git a/packages/tailwindcss/index.js b/packages/tailwindcss/index.js
index 011f6dd6..aa0840d7 100644
--- a/packages/tailwindcss/index.js
+++ b/packages/tailwindcss/index.js
@@ -1,4 +1,4 @@
-const btn = require("./btn");
+const btn = require("./button");
 const form = require("./form");
 const typography = require("./typography");
 
diff --git a/packages/tailwindcss/stories/Button.stories.js b/packages/tailwindcss/stories/Button.stories.js
index 58b5a83e..054fa832 100644
--- a/packages/tailwindcss/stories/Button.stories.js
+++ b/packages/tailwindcss/stories/Button.stories.js
@@ -3,7 +3,7 @@ import clsx from "clsx";
 export default {
   title: "Button",
   argTypes: {
-    label: {control: 'text'},
+    label: { control: 'text' },
     text: { control: 'boolean' },
     rounded: { control: 'boolean' },
     stretched: { control: 'boolean' },
@@ -12,7 +12,7 @@ export default {
 
 const Template = ({ label, text, rounded, stretched, ...args }) => {
   return `<button type="button" class="${clsx(
-    "btn",
+    "button",
     { "is-text": text },
     { "is-rounded": rounded },
     { "is-stretched": stretched },
diff --git a/packages/tailwindcss/theme.js b/packages/tailwindcss/theme.js
index ffd30a3a..401f389a 100644
--- a/packages/tailwindcss/theme.js
+++ b/packages/tailwindcss/theme.js
@@ -1,8 +1,5 @@
 module.exports = {
   tuqulore: {
-    btn: {
-      radius: "3px",
-    },
     input: {
       radius: "8px",
     },
@@ -21,16 +18,16 @@ module.exports = {
       900: "#0c0c0c",
     },
     primary: {
-      50: "#f8e9e9",
-      100: "#f1d2d3",
-      200: "#e3a4a7",
-      300: "#d4777a",
-      400: "#c6494e",
-      500: "#b81c22",
-      600: "#8a151a",
-      700: "#5c0e11",
-      800: "#2e0709",
-      900: "#120303",
+      50: "#FFE6EB",
+      100: "#FFCCD5",
+      200: "#FF99AB",
+      300: "#FF6682",
+      400: "#FF3358",
+      500: "#FF002E",
+      600: "#BF0023",
+      700: "#800017",
+      800: "#40000C",
+      900: "#1A0005",
     },
   },
 };