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;
 }