@reitwagen/design-components 0.4.0 → 0.6.0

package/dist/index.css

@@ -8,6 +8,9 @@
     "Noto Sans KR", "Malgun Gothic", sans-serif;
     --ui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
+    --ui-color-red-50: #fff3f3;
+    --ui-color-red-200: #ffbbbb;
+    --ui-color-red-500: #f65353;
     --ui-color-blue-50: #eef6ff;
     --ui-color-blue-100: #cfe6ff;
     --ui-color-blue-300: #a0cbff;
@@ -324,6 +327,9 @@
   .ui\:h-\[40px\] {
     height: 40px;
   }
+  .ui\:h-\[50px\] {
+    height: 50px;
+  }
   .ui\:h-\[52px\] {
     height: 52px;
   }
@@ -336,6 +342,9 @@
   .ui\:w-6 {
     width: calc(var(--ui-spacing) * 6);
   }
+  .ui\:w-80 {
+    width: calc(var(--ui-spacing) * 80);
+  }
   .ui\:w-\[21px\] {
     width: 21px;
   }
@@ -368,6 +377,9 @@
   .ui\:cursor-default {
     cursor: default;
   }
+  .ui\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
   .ui\:cursor-pointer {
     cursor: pointer;
   }
@@ -395,12 +407,22 @@
   .ui\:gap-2 {
     gap: calc(var(--ui-spacing) * 2);
   }
+  .ui\:gap-3 {
+    gap: calc(var(--ui-spacing) * 3);
+  }
   .ui\:gap-4 {
     gap: calc(var(--ui-spacing) * 4);
   }
   .ui\:gap-5 {
     gap: calc(var(--ui-spacing) * 5);
   }
+  .ui\:space-y-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--ui-spacing) * 6) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--ui-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .ui\:rounded-\[8px\] {
     border-radius: 8px;
   }
@@ -413,6 +435,9 @@
   .ui\:rounded-\[14px\] {
     border-radius: 14px;
   }
+  .ui\:rounded-\[16px\] {
+    border-radius: 16px;
+  }
   .ui\:rounded-full {
     border-radius: calc(infinity * 1px);
   }
@@ -436,6 +461,9 @@
   .ui\:border-gray-200 {
     border-color: var(--ui-color-gray-200);
   }
+  .ui\:border-red-200 {
+    border-color: var(--ui-color-red-200);
+  }
   .ui\:bg-blue-50 {
     background-color: var(--ui-color-blue-50);
   }
@@ -469,9 +497,15 @@
   .ui\:bg-gray-800 {
     background-color: var(--ui-color-gray-800);
   }
+  .ui\:bg-red-50 {
+    background-color: var(--ui-color-red-50);
+  }
   .ui\:bg-white {
     background-color: var(--ui-color-white);
   }
+  .ui\:px-4 {
+    padding-inline: calc(var(--ui-spacing) * 4);
+  }
   .ui\:px-\[10px\] {
     padding-inline: 10px;
   }
@@ -670,6 +704,9 @@
   .ui\:text-gray-800 {
     color: var(--ui-color-gray-800);
   }
+  .ui\:text-red-500 {
+    color: var(--ui-color-red-500);
+  }
   .ui\:text-white {
     color: var(--ui-color-white);
   }
@@ -701,10 +738,37 @@
     --tw-duration: 300ms;
     transition-duration: 300ms;
   }
+  .ui\:outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
   .ui\:select-none {
     -webkit-user-select: none;
     user-select: none;
   }
+  .ui\:placeholder\:text-body4 {
+    &::placeholder {
+      font-size: var(--ui-text-body4);
+      line-height: var(--tw-leading, var(--ui-text-body4--line-height));
+      letter-spacing: var(--tw-tracking, var(--ui-text-body4--letter-spacing));
+      font-weight: var(--tw-font-weight, var(--ui-text-body4--font-weight));
+    }
+  }
+  .ui\:placeholder\:text-gray-500 {
+    &::placeholder {
+      color: var(--ui-color-gray-500);
+    }
+  }
+  .ui\:focus\:border-gray-200 {
+    &:focus {
+      border-color: var(--ui-color-gray-200);
+    }
+  }
+  .ui\:focus\:bg-gray-50 {
+    &:focus {
+      background-color: var(--ui-color-gray-50);
+    }
+  }
   .ui\:focus\:ring-0 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -968,6 +1032,11 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -1048,6 +1117,7 @@
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
+      --tw-space-y-reverse: 0;
       --tw-border-style: solid;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;

package/dist/index.d.ts

@@ -3,5 +3,8 @@ export * from "./components/Chip";
 export * from "./components/Toggle";
 export * from "./components/Checkbox";
 export * from "./components/Radio";
+export * from "./components/RadioGroup";
+export * from "./components/Input";
+export * from "./components/FormControl";
 export * from "./components/Icons";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,oBAAoB,CAAC"}

package/dist/index.js

@@ -20,5 +20,8 @@ __exportStar(require("./components/Chip"), exports);
 __exportStar(require("./components/Toggle"), exports);
 __exportStar(require("./components/Checkbox"), exports);
 __exportStar(require("./components/Radio"), exports);
+__exportStar(require("./components/RadioGroup"), exports);
+__exportStar(require("./components/Input"), exports);
+__exportStar(require("./components/FormControl"), exports);
 /* --------------------------------- ICONS ---------------------------------- */
 __exportStar(require("./components/Icons"), exports);

package/dist/types/props.d.ts

@@ -5,8 +5,8 @@ export type AsProps<C extends ElementType> = {
 export type ElementTypeProps<C extends ElementType> = ComponentProps<C>;
 export type KeyWithAs<C extends ElementType, Props> = keyof (Props & AsProps<C>);
 export type PolymorphicRef<T extends ElementType> = ComponentPropsWithRef<T>["ref"];
-export type PolymorphicComponentProps<C extends ElementType, Props = {}> = Props & AsProps<C> & Omit<ElementTypeProps<C>, KeyWithAs<C, Props>>;
-export type PolymorphicComponentWithRef<T extends ElementType, Props = {}> = PolymorphicComponentProps<T, Props> & {
+export type PolymorphicComponentProps<C extends ElementType, Props = Record<string, unknown>> = Props & AsProps<C> & Omit<ElementTypeProps<C>, KeyWithAs<C, Props>>;
+export type PolymorphicComponentWithRef<T extends ElementType, Props = Record<string, unknown>> = PolymorphicComponentProps<T, Props> & {
     ref?: PolymorphicRef<T>;
 };
 export interface ChildrenProps<Children = ReactNode> {

package/dist/types/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,WAAW,IAAI;IAC3C,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC;AAExE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,GAChE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAEd,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAC9C,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAElC,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,EAAE,IACR,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAExE,MAAM,MAAM,2BAA2B,CACrC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,EAAE,IACR,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IACxC,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,aAAa,CAAC,QAAQ,GAAG,SAAS;IACjD,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,WAAW,IAAI;IAC3C,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC;AAExE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,GAChE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAEd,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAC9C,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAElC,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAExE,MAAM,MAAM,2BAA2B,CACrC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IACxC,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,aAAa,CAAC,QAAQ,GAAG,SAAS;IACjD,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reitwagen/design-components",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "sideEffects": [
     "**/*.css"
   ],
@@ -49,9 +49,9 @@
     "tailwindcss": "^4.1.5",
     "ts-node": "^10.9.2",
     "typescript": "5.9.2",
+    "@reitwagen/eslint-config": "0.0.0",
     "@reitwagen/tailwind-config": "0.0.0",
-    "@reitwagen/typescript-config": "0.0.0",
-    "@reitwagen/eslint-config": "0.0.0"
+    "@reitwagen/typescript-config": "0.0.0"
   },
   "dependencies": {
     "axios": "^1.13.2",