@edu-tosel/design 1.0.335 → 1.0.341

package/asset/sizes.ts

@@ -1,202 +1,202 @@
-export const widthSizes = {
-  1: "w-1/100",
-  2: "w-2/100",
-  3: "w-3/100",
-  4: "w-4/100",
-  5: "w-5/100",
-  6: "w-6/100",
-  7: "w-7/100",
-  8: "w-8/100",
-  9: "w-9/100",
-  10: "w-10/100",
-  11: "w-11/100",
-  12: "w-12/100",
-  13: "w-13/100",
-  14: "w-14/100",
-  15: "w-15/100",
-  16: "w-16/100",
-  17: "w-17/100",
-  18: "w-18/100",
-  19: "w-19/100",
-  20: "w-20/100",
-  21: "w-21/100",
-  22: "w-22/100",
-  23: "w-23/100",
-  24: "w-24/100",
-  25: "w-25/100",
-  26: "w-26/100",
-  27: "w-27/100",
-  28: "w-28/100",
-  29: "w-29/100",
-  30: "w-30/100",
-  31: "w-31/100",
-  32: "w-32/100",
-  33: "w-33/100",
-  34: "w-34/100",
-  35: "w-35/100",
-  36: "w-36/100",
-  37: "w-37/100",
-  38: "w-38/100",
-  39: "w-39/100",
-  40: "w-40/100",
-  41: "w-41/100",
-  42: "w-42/100",
-  43: "w-43/100",
-  44: "w-44/100",
-  45: "w-45/100",
-  46: "w-46/100",
-  47: "w-47/100",
-  48: "w-48/100",
-  49: "w-49/100",
-  50: "w-50/100",
-  51: "w-51/100",
-  52: "w-52/100",
-  53: "w-53/100",
-  54: "w-54/100",
-  55: "w-55/100",
-  56: "w-56/100",
-  57: "w-57/100",
-  58: "w-58/100",
-  59: "w-59/100",
-  60: "w-60/100",
-  61: "w-61/100",
-  62: "w-62/100",
-  63: "w-63/100",
-  64: "w-64/100",
-  65: "w-65/100",
-  66: "w-66/100",
-  67: "w-67/100",
-  68: "w-68/100",
-  69: "w-69/100",
-  70: "w-70/100",
-  71: "w-71/100",
-  72: "w-72/100",
-  73: "w-73/100",
-  74: "w-74/100",
-  75: "w-75/100",
-  76: "w-76/100",
-  77: "w-77/100",
-  78: "w-78/100",
-  79: "w-79/100",
-  80: "w-80/100",
-  81: "w-81/100",
-  82: "w-82/100",
-  83: "w-83/100",
-  84: "w-84/100",
-  85: "w-85/100",
-  86: "w-86/100",
-  87: "w-87/100",
-  88: "w-88/100",
-  89: "w-89/100",
-  90: "w-90/100",
-  91: "w-91/100",
-  92: "w-92/100",
-  93: "w-93/100",
-  94: "w-94/100",
-  95: "w-95/100",
-  96: "w-96/100",
-  97: "w-97/100",
-  98: "w-98/100",
-  99: "w-99/100",
-  100: "w-full",
-  "1%": "w-1/100",
-  "2%": "w-2/100",
-  "3%": "w-3/100",
-  "4%": "w-4/100",
-  "5%": "w-5/100",
-  "6%": "w-6/100",
-  "7%": "w-7/100",
-  "8%": "w-8/100",
-  "9%": "w-9/100",
-  "10%": "w-10/100",
-  "11%": "w-11/100",
-  "12%": "w-12/100",
-  "13%": "w-13/100",
-  "14%": "w-14/100",
-  "15%": "w-15/100",
-  "16%": "w-16/100",
-  "17%": "w-17/100",
-  "18%": "w-18/100",
-  "19%": "w-19/100",
-  "20%": "w-20/100",
-  "21%": "w-21/100",
-  "22%": "w-22/100",
-  "23%": "w-23/100",
-  "24%": "w-24/100",
-  "25%": "w-25/100",
-  "26%": "w-26/100",
-  "27%": "w-27/100",
-  "28%": "w-28/100",
-  "29%": "w-29/100",
-  "30%": "w-30/100",
-  "31%": "w-31/100",
-  "32%": "w-32/100",
-  "33%": "w-33/100",
-  "34%": "w-34/100",
-  "35%": "w-35/100",
-  "36%": "w-36/100",
-  "37%": "w-37/100",
-  "38%": "w-38/100",
-  "39%": "w-39/100",
-  "40%": "w-40/100",
-  "41%": "w-41/100",
-  "42%": "w-42/100",
-  "43%": "w-43/100",
-  "44%": "w-44/100",
-  "45%": "w-45/100",
-  "46%": "w-46/100",
-  "47%": "w-47/100",
-  "48%": "w-48/100",
-  "49%": "w-49/100",
-  "50%": "w-50/100",
-  "51%": "w-51/100",
-  "52%": "w-52/100",
-  "53%": "w-53/100",
-  "54%": "w-54/100",
-  "55%": "w-55/100",
-  "56%": "w-56/100",
-  "57%": "w-57/100",
-  "58%": "w-58/100",
-  "59%": "w-59/100",
-  "60%": "w-60/100",
-  "61%": "w-61/100",
-  "62%": "w-62/100",
-  "63%": "w-63/100",
-  "64%": "w-64/100",
-  "65%": "w-65/100",
-  "66%": "w-66/100",
-  "67%": "w-67/100",
-  "68%": "w-68/100",
-  "69%": "w-69/100",
-  "70%": "w-70/100",
-  "71%": "w-71/100",
-  "72%": "w-72/100",
-  "73%": "w-73/100",
-  "74%": "w-74/100",
-  "75%": "w-75/100",
-  "76%": "w-76/100",
-  "77%": "w-77/100",
-  "78%": "w-78/100",
-  "79%": "w-79/100",
-  "80%": "w-80/100",
-  "81%": "w-81/100",
-  "82%": "w-82/100",
-  "83%": "w-83/100",
-  "84%": "w-84/100",
-  "85%": "w-85/100",
-  "86%": "w-86/100",
-  "87%": "w-87/100",
-  "88%": "w-88/100",
-  "89%": "w-89/100",
-  "90%": "w-90/100",
-  "91%": "w-91/100",
-  "92%": "w-92/100",
-  "93%": "w-93/100",
-  "94%": "w-94/100",
-  "95%": "w-95/100",
-  "96%": "w-96/100",
-  "97%": "w-97/100",
-  "98%": "w-98/100",
-  "99%": "w-99/100",
-  "100%": "w-full",
-} as Record<number | string, string>;
+export const widthSizes = {
+  1: "w-1/100",
+  2: "w-2/100",
+  3: "w-3/100",
+  4: "w-4/100",
+  5: "w-5/100",
+  6: "w-6/100",
+  7: "w-7/100",
+  8: "w-8/100",
+  9: "w-9/100",
+  10: "w-10/100",
+  11: "w-11/100",
+  12: "w-12/100",
+  13: "w-13/100",
+  14: "w-14/100",
+  15: "w-15/100",
+  16: "w-16/100",
+  17: "w-17/100",
+  18: "w-18/100",
+  19: "w-19/100",
+  20: "w-20/100",
+  21: "w-21/100",
+  22: "w-22/100",
+  23: "w-23/100",
+  24: "w-24/100",
+  25: "w-25/100",
+  26: "w-26/100",
+  27: "w-27/100",
+  28: "w-28/100",
+  29: "w-29/100",
+  30: "w-30/100",
+  31: "w-31/100",
+  32: "w-32/100",
+  33: "w-33/100",
+  34: "w-34/100",
+  35: "w-35/100",
+  36: "w-36/100",
+  37: "w-37/100",
+  38: "w-38/100",
+  39: "w-39/100",
+  40: "w-40/100",
+  41: "w-41/100",
+  42: "w-42/100",
+  43: "w-43/100",
+  44: "w-44/100",
+  45: "w-45/100",
+  46: "w-46/100",
+  47: "w-47/100",
+  48: "w-48/100",
+  49: "w-49/100",
+  50: "w-50/100",
+  51: "w-51/100",
+  52: "w-52/100",
+  53: "w-53/100",
+  54: "w-54/100",
+  55: "w-55/100",
+  56: "w-56/100",
+  57: "w-57/100",
+  58: "w-58/100",
+  59: "w-59/100",
+  60: "w-60/100",
+  61: "w-61/100",
+  62: "w-62/100",
+  63: "w-63/100",
+  64: "w-64/100",
+  65: "w-65/100",
+  66: "w-66/100",
+  67: "w-67/100",
+  68: "w-68/100",
+  69: "w-69/100",
+  70: "w-70/100",
+  71: "w-71/100",
+  72: "w-72/100",
+  73: "w-73/100",
+  74: "w-74/100",
+  75: "w-75/100",
+  76: "w-76/100",
+  77: "w-77/100",
+  78: "w-78/100",
+  79: "w-79/100",
+  80: "w-80/100",
+  81: "w-81/100",
+  82: "w-82/100",
+  83: "w-83/100",
+  84: "w-84/100",
+  85: "w-85/100",
+  86: "w-86/100",
+  87: "w-87/100",
+  88: "w-88/100",
+  89: "w-89/100",
+  90: "w-90/100",
+  91: "w-91/100",
+  92: "w-92/100",
+  93: "w-93/100",
+  94: "w-94/100",
+  95: "w-95/100",
+  96: "w-96/100",
+  97: "w-97/100",
+  98: "w-98/100",
+  99: "w-99/100",
+  100: "w-full",
+  "1%": "w-1/100",
+  "2%": "w-2/100",
+  "3%": "w-3/100",
+  "4%": "w-4/100",
+  "5%": "w-5/100",
+  "6%": "w-6/100",
+  "7%": "w-7/100",
+  "8%": "w-8/100",
+  "9%": "w-9/100",
+  "10%": "w-10/100",
+  "11%": "w-11/100",
+  "12%": "w-12/100",
+  "13%": "w-13/100",
+  "14%": "w-14/100",
+  "15%": "w-15/100",
+  "16%": "w-16/100",
+  "17%": "w-17/100",
+  "18%": "w-18/100",
+  "19%": "w-19/100",
+  "20%": "w-20/100",
+  "21%": "w-21/100",
+  "22%": "w-22/100",
+  "23%": "w-23/100",
+  "24%": "w-24/100",
+  "25%": "w-25/100",
+  "26%": "w-26/100",
+  "27%": "w-27/100",
+  "28%": "w-28/100",
+  "29%": "w-29/100",
+  "30%": "w-30/100",
+  "31%": "w-31/100",
+  "32%": "w-32/100",
+  "33%": "w-33/100",
+  "34%": "w-34/100",
+  "35%": "w-35/100",
+  "36%": "w-36/100",
+  "37%": "w-37/100",
+  "38%": "w-38/100",
+  "39%": "w-39/100",
+  "40%": "w-40/100",
+  "41%": "w-41/100",
+  "42%": "w-42/100",
+  "43%": "w-43/100",
+  "44%": "w-44/100",
+  "45%": "w-45/100",
+  "46%": "w-46/100",
+  "47%": "w-47/100",
+  "48%": "w-48/100",
+  "49%": "w-49/100",
+  "50%": "w-50/100",
+  "51%": "w-51/100",
+  "52%": "w-52/100",
+  "53%": "w-53/100",
+  "54%": "w-54/100",
+  "55%": "w-55/100",
+  "56%": "w-56/100",
+  "57%": "w-57/100",
+  "58%": "w-58/100",
+  "59%": "w-59/100",
+  "60%": "w-60/100",
+  "61%": "w-61/100",
+  "62%": "w-62/100",
+  "63%": "w-63/100",
+  "64%": "w-64/100",
+  "65%": "w-65/100",
+  "66%": "w-66/100",
+  "67%": "w-67/100",
+  "68%": "w-68/100",
+  "69%": "w-69/100",
+  "70%": "w-70/100",
+  "71%": "w-71/100",
+  "72%": "w-72/100",
+  "73%": "w-73/100",
+  "74%": "w-74/100",
+  "75%": "w-75/100",
+  "76%": "w-76/100",
+  "77%": "w-77/100",
+  "78%": "w-78/100",
+  "79%": "w-79/100",
+  "80%": "w-80/100",
+  "81%": "w-81/100",
+  "82%": "w-82/100",
+  "83%": "w-83/100",
+  "84%": "w-84/100",
+  "85%": "w-85/100",
+  "86%": "w-86/100",
+  "87%": "w-87/100",
+  "88%": "w-88/100",
+  "89%": "w-89/100",
+  "90%": "w-90/100",
+  "91%": "w-91/100",
+  "92%": "w-92/100",
+  "93%": "w-93/100",
+  "94%": "w-94/100",
+  "95%": "w-95/100",
+  "96%": "w-96/100",
+  "97%": "w-97/100",
+  "98%": "w-98/100",
+  "99%": "w-99/100",
+  "100%": "w-full",
+} as Record<number | string, string>;

package/asset/svg/Close.tsx

@@ -1,32 +1,32 @@
-import { OnClick } from "../../interface";
-import { cn } from "../../util";
-
-export default function Close({
-  onClick,
-  className,
-}: {
-  onClick?: OnClick;
-  className?: string;
-}) {
-  const container = {
-    styles: onClick ? "cursor-pointer" : "",
-    className,
-  };
-  return (
-    <svg
-      onClick={onClick}
-      className={cn(container)}
-      xmlns="http://www.w3.org/2000/svg"
-      width="36"
-      height="36"
-      viewBox="0 0 36 36"
-      fill="none"
-    >
-      <circle cx="18" cy="18" r="18" fill="#F0F0F0" />
-      <path
-        d="M19.7797 17.6997L23.8497 13.6397C24.4797 13.0997 24.5597 12.1597 24.0197 11.5297C23.4797 10.8997 22.5397 10.8197 21.9097 11.3597C21.8497 11.4097 21.7997 11.4597 21.7497 11.5197L17.6697 15.5797L13.5997 11.5097C13.0297 10.9097 12.0797 10.8697 11.4797 11.4397C10.8697 11.9997 10.8397 12.9497 11.3997 13.5597C11.4197 13.5897 11.4497 13.6097 11.4697 13.6297L15.5297 17.6997L11.4697 21.7597C10.8897 22.3497 10.8897 23.2897 11.4697 23.8797C12.0597 24.4697 13.0097 24.4697 13.5997 23.8797L17.6597 19.8197L21.7197 23.8897C21.9997 24.1797 22.3797 24.3397 22.7797 24.3297C23.6097 24.3297 24.2797 23.6597 24.2797 22.8297C24.2797 22.4297 24.1197 22.0497 23.8397 21.7697L19.7797 17.6997Z"
-        fill="#7F7F7F"
-      />
-    </svg>
-  );
-}
+import { OnClick } from "../../interface";
+import { cn } from "../../util";
+
+export default function Close({
+  onClick,
+  className,
+}: {
+  onClick?: OnClick;
+  className?: string;
+}) {
+  const container = {
+    styles: onClick ? "cursor-pointer" : "",
+    className,
+  };
+  return (
+    <svg
+      onClick={onClick}
+      className={cn(container)}
+      xmlns="http://www.w3.org/2000/svg"
+      width="36"
+      height="36"
+      viewBox="0 0 36 36"
+      fill="none"
+    >
+      <circle cx="18" cy="18" r="18" fill="#F0F0F0" />
+      <path
+        d="M19.7797 17.6997L23.8497 13.6397C24.4797 13.0997 24.5597 12.1597 24.0197 11.5297C23.4797 10.8997 22.5397 10.8197 21.9097 11.3597C21.8497 11.4097 21.7997 11.4597 21.7497 11.5197L17.6697 15.5797L13.5997 11.5097C13.0297 10.9097 12.0797 10.8697 11.4797 11.4397C10.8697 11.9997 10.8397 12.9497 11.3997 13.5597C11.4197 13.5897 11.4497 13.6097 11.4697 13.6297L15.5297 17.6997L11.4697 21.7597C10.8897 22.3497 10.8897 23.2897 11.4697 23.8797C12.0597 24.4697 13.0097 24.4697 13.5997 23.8797L17.6597 19.8197L21.7197 23.8897C21.9997 24.1797 22.3797 24.3397 22.7797 24.3297C23.6097 24.3297 24.2797 23.6597 24.2797 22.8297C24.2797 22.4297 24.1197 22.0497 23.8397 21.7697L19.7797 17.6997Z"
+        fill="#7F7F7F"
+      />
+    </svg>
+  );
+}

package/asset/svg/Collab.tsx

@@ -1,51 +1,51 @@
-import { cn } from "../../util";
-
-export interface IconProps {
-  color?: string;
-  size?: string;
-}
-
-const Collab = {
-  Naver,
-  Kakao,
-};
-
-export default Collab;
-
-function Naver({ color, size }: IconProps) {
-  const iconStyling = {
-    backgrounds: color ?? "fill-white",
-    sizes: size ?? "size-6",
-  };
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="23"
-      height="23"
-      viewBox="0 0 23 23"
-      fill="none"
-      className={cn(iconStyling)}
-    >
-      <path d="M15.585 12.21L7.065 0H0V22.8H7.395V10.59L15.915 22.8H22.98V0H15.585V12.21Z" />
-    </svg>
-  );
-}
-
-function Kakao({ color, size }: IconProps) {
-  const iconStyling = {
-    backgrounds: color ?? "fill-black",
-    sizes: size ?? "size-6",
-  };
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="37"
-      height="35"
-      viewBox="0 0 37 35"
-      fill="none"
-      className={cn(iconStyling)}
-    >
-      <path d="M17.9787 2C9.1517 2 2 7.77675 2 14.9085C2 19.5475 5.03175 23.6176 9.58191 25.8931C9.24786 27.1653 8.37225 30.5114 8.1951 31.2251C7.97746 32.1146 8.51397 32.0991 8.8632 31.8612C9.13651 31.675 13.2413 28.8203 15.0127 27.5894C15.9744 27.7342 16.9664 27.8118 17.9787 27.8118C26.8057 27.8118 33.9574 22.035 33.9574 14.9033C33.9574 7.77158 26.8057 2 17.9787 2Z" />
-    </svg>
-  );
-}
+import { cn } from "../../util";
+
+export interface IconProps {
+  color?: string;
+  size?: string;
+}
+
+const Collab = {
+  Naver,
+  Kakao,
+};
+
+export default Collab;
+
+function Naver({ color, size }: IconProps) {
+  const iconStyling = {
+    backgrounds: color ?? "fill-white",
+    sizes: size ?? "size-6",
+  };
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="23"
+      height="23"
+      viewBox="0 0 23 23"
+      fill="none"
+      className={cn(iconStyling)}
+    >
+      <path d="M15.585 12.21L7.065 0H0V22.8H7.395V10.59L15.915 22.8H22.98V0H15.585V12.21Z" />
+    </svg>
+  );
+}
+
+function Kakao({ color, size }: IconProps) {
+  const iconStyling = {
+    backgrounds: color ?? "fill-black",
+    sizes: size ?? "size-6",
+  };
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="37"
+      height="35"
+      viewBox="0 0 37 35"
+      fill="none"
+      className={cn(iconStyling)}
+    >
+      <path d="M17.9787 2C9.1517 2 2 7.77675 2 14.9085C2 19.5475 5.03175 23.6176 9.58191 25.8931C9.24786 27.1653 8.37225 30.5114 8.1951 31.2251C7.97746 32.1146 8.51397 32.0991 8.8632 31.8612C9.13651 31.675 13.2413 28.8203 15.0127 27.5894C15.9744 27.7342 16.9664 27.8118 17.9787 27.8118C26.8057 27.8118 33.9574 22.035 33.9574 14.9033C33.9574 7.77158 26.8057 2 17.9787 2Z" />
+    </svg>
+  );
+}