@reitwagen/design-components 0.4.0 → 0.6.1

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;
@@ -26,6 +29,7 @@
     --ui-color-gray-900: #04041b;
     --ui-color-white: #ffffff;
     --ui-spacing: 0.25rem;
+    --ui-radius-2xl: 1rem;
     --ui-default-transition-duration: 150ms;
     --ui-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --ui-default-font-family: var(--ui-font-sans);
@@ -279,6 +283,18 @@
     white-space: nowrap;
     border-width: 0;
   }
+  .ui\:absolute {
+    position: absolute;
+  }
+  .ui\:relative {
+    position: relative;
+  }
+  .ui\:top-1\/2 {
+    top: calc(1/2 * 100%);
+  }
+  .ui\:right-4 {
+    right: calc(var(--ui-spacing) * 4);
+  }
   .ui\:my-3 {
     margin-block: calc(var(--ui-spacing) * 3);
   }
@@ -324,6 +340,9 @@
   .ui\:h-\[40px\] {
     height: 40px;
   }
+  .ui\:h-\[50px\] {
+    height: 50px;
+  }
   .ui\:h-\[52px\] {
     height: 52px;
   }
@@ -336,6 +355,9 @@
   .ui\:w-6 {
     width: calc(var(--ui-spacing) * 6);
   }
+  .ui\:w-80 {
+    width: calc(var(--ui-spacing) * 80);
+  }
   .ui\:w-\[21px\] {
     width: 21px;
   }
@@ -365,9 +387,16 @@
     --tw-translate-x: calc(var(--ui-spacing) * 6);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .ui\:-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .ui\:cursor-default {
     cursor: default;
   }
+  .ui\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
   .ui\:cursor-pointer {
     cursor: pointer;
   }
@@ -395,12 +424,25 @@
   .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-2xl {
+    border-radius: var(--ui-radius-2xl);
+  }
   .ui\:rounded-\[8px\] {
     border-radius: 8px;
   }
@@ -436,6 +478,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 +514,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;
   }
@@ -508,6 +559,9 @@
   .ui\:py-\[14px\] {
     padding-block: 14px;
   }
+  .ui\:pr-\[52px\] {
+    padding-right: 52px;
+  }
   .ui\:text-body1 {
     font-size: var(--ui-text-body1);
     line-height: var(--tw-leading, var(--ui-text-body1--line-height));
@@ -670,6 +724,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 +758,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 +1052,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 +1137,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/TextInput";
+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,wBAAwB,CAAC;AACvC,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/TextInput"), 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.1",
   "sideEffects": [
     "**/*.css"
   ],
@@ -49,9 +49,9 @@
     "tailwindcss": "^4.1.5",
     "ts-node": "^10.9.2",
     "typescript": "5.9.2",
-    "@reitwagen/tailwind-config": "0.0.0",
+    "@reitwagen/eslint-config": "0.0.0",
     "@reitwagen/typescript-config": "0.0.0",
-    "@reitwagen/eslint-config": "0.0.0"
+    "@reitwagen/tailwind-config": "0.0.0"
   },
   "dependencies": {
     "axios": "^1.13.2",