npm publish (0.0.191)

git-hooks/commit-msg

@@ -1,25 +1,25 @@
-#!/usr/bin/env ruby
-require 'colorize' # Colorized Line
+# #!/usr/bin/env ruby
+# require 'colorize' # Colorized Line
 
-$regex =  /^\(#[0-9]+\)\s[\d\D]*/
+# $regex =  /^\(#[0-9]+\)\s[\d\D]*/
 
-# enforced custom commit message format
-def check_message_format
-  message_file = ARGV[0]
-  message = File.read(message_file)
+# # enforced custom commit message format
+# def check_message_format
+#   message_file = ARGV[0]
+#   message = File.read(message_file)
 
-  if !$regex.match(message)
-      puts "!!주의!! 커밋메시지 규칙에 어긋납니다.".red # If you dont wanna be colorized console, delete .red
-      puts ""
-      puts "[규칙]"
-      puts "변수명 : ##변수##".blue # If you dont wanna be colorized console, delete .blue
-      puts ""
-      puts "(###이슈번호##) ##커밋메시지##"
-      puts ""
-      puts "예시".blue # If you dont wanna be colorized console, delete .blue
-      puts "(#152) Initial Commit"
-      exit 1
-  end
-end
+#   if !$regex.match(message)
+#       puts "!!주의!! 커밋메시지 규칙에 어긋납니다.".red # If you dont wanna be colorized console, delete .red
+#       puts ""
+#       puts "[규칙]"
+#       puts "변수명 : ##변수##".blue # If you dont wanna be colorized console, delete .blue
+#       puts ""
+#       puts "(###이슈번호##) ##커밋메시지##"
+#       puts ""
+#       puts "예시".blue # If you dont wanna be colorized console, delete .blue
+#       puts "(#152) Initial Commit"
+#       exit 1
+#   end
+# end
 
-check_message_format
+# check_message_format

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bbodek-ui",
-  "version": "0.0.191",
+  "version": "0.0.192",
   "type": "module",
   "author": "Bbodek",
   "license": "MIT",

src/core/components/Toggle/index.tsx

@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import { useId } from "react";
 
-import Typography from "../Typography";
+import FormLabel from "../FormLabel";
 import { ToggleProps } from "./types";
 
 const Toggle = ({
@@ -11,6 +11,8 @@ const Toggle = ({
   checked,
   disabled = false,
   reverse = false,
+  labelColor,
+  required,
 }: ToggleProps) => {
   const id = useId();
 
@@ -22,7 +24,7 @@ const Toggle = ({
         className,
       )}
     >
-      <Typography theme = 'body-02-bold' text = {label} />
+      <FormLabel label = {label} labelColor = {labelColor} required = {required} />
       <label htmlFor = {id}>
         <input
           id = {id}

src/core/components/Toggle/types/index.ts

@@ -1,8 +1,10 @@
+import { FormLabelProps } from "../../FormLabel/types";
+
 export interface ToggleProps
   extends Pick<
     React.InputHTMLAttributes<HTMLInputElement>,
     "onChange" | "className" | "checked" | "disabled"
-  > {
+  >, Omit<FormLabelProps, "label" | "labelSubText"> {
   label: string;
   reverse?: boolean;
 }