@nurihaus/web-design-system 1.2.14 → 1.2.16

package/dist/components/check-box/check-box.d.ts

@@ -2,8 +2,9 @@ import "./check-box-style.css";
 import "../../styles/token/color.css";
 import "../../styles/token/font.css";
 import { CheckBoxProps } from "./check-box-type";
+import { ReactNode } from "react";
 declare const CheckBox: (props: CheckBoxProps & {
-    label: string;
+    label: string | ReactNode;
     iconSize?: number;
 }) => import("react/jsx-runtime").JSX.Element;
 export default CheckBox;

package/dist/components/check-box/check-box.stories.d.ts

@@ -3,7 +3,7 @@ import CheckBox from "./check-box";
 declare const meta: {
     title: string;
     component: (props: import("./check-box-type").CheckBoxProps & {
-        label: string;
+        label: string | import("react").ReactNode;
         iconSize?: number;
     }) => import("react/jsx-runtime").JSX.Element;
 };

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@nurihaus/web-design-system",
-  "version": "1.2.14",
+  "version": "1.2.16",
   "private": false,
   "description": "nurilounge-admin-design-system",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist",
-    "README.md",
-    "styles"
+    "README.md"
   ],
   "author": "nuri",
   "license": "MIT",

package/styles/align-items.css

@@ -1,19 +0,0 @@
-.nuri-ai-start {
-  align-items: flex-start;
-}
-
-.nuri-ai-center {
-  align-items: center;
-}
-
-.nuri-ai-end {
-  align-items: flex-end;
-}
-
-.nuri-ai-stretch {
-  align-items: stretch;
-}
-
-.nuri-ai-baseline {
-  align-items: baseline;
-}

package/styles/display.css

@@ -1,31 +0,0 @@
-.nuri-display-flex {
-  display: flex;
-}
-
-.nuri-display-inline-flex {
-  display: inline-flex;
-}
-
-.nuri-display-block {
-  display: block;
-}
-
-.nuri-display-inline-block {
-  display: inline-block;
-}
-
-.nuri-display-grid {
-  display: grid;
-}
-
-.nuri-display-inline-grid {
-  display: inline-grid;
-}
-
-.nuri-display-contents {
-  display: contents;
-}
-
-.nuri-display-none {
-  display: none;
-}

package/styles/flex-direction.css

@@ -1,15 +0,0 @@
-.nuri-flex-row {
-  flex-direction: row;
-}
-
-.nuri-flex-row-reverse {
-  flex-direction: row-reverse;
-}
-
-.nuri-flex-column {
-  flex-direction: column;
-}
-
-.nuri-flex-column-reverse {
-  flex-direction: column-reverse;
-}

package/styles/justify-content.css

@@ -1,23 +0,0 @@
-.nuri-justify-content-start {
-  justify-content: flex-start;
-}
-
-.nuri-justify-content-center {
-  justify-content: center;
-}
-
-.nuri-justify-content-end {
-  justify-content: flex-end;
-}
-
-.nuri-justify-content-between {
-  justify-content: space-between;
-}
-
-.nuri-justify-content-around {
-  justify-content: space-around;
-}
-
-.nuri-justify-content-evenly {
-  justify-content: space-evenly;
-}

package/styles/overflow.css

@@ -1,47 +0,0 @@
-.nuri-overflow-visible {
-  overflow: visible;
-}
-
-.nuri-overflow-hidden {
-  overflow: hidden;
-}
-
-.nuri-overflow-scroll {
-  overflow: scroll;
-}
-
-.nuri-overflow-auto {
-  overflow: auto;
-}
-
-.nuri-overflow-x-visible {
-  overflow-x: visible;
-}
-
-.nuri-overflow-x-hidden {
-  overflow-x: hidden;
-}
-
-.nuri-overflow-x-scroll {
-  overflow-x: scroll;
-}
-
-.nuri-overflow-x-auto {
-  overflow-x: auto;
-}
-
-.nuri-overflow-y-visible {
-  overflow-y: visible;
-}
-
-.nuri-overflow-y-hidden {
-  overflow-y: hidden;
-}
-
-.nuri-overflow-y-scroll {
-  overflow-y: scroll;
-}
-
-.nuri-overflow-y-auto {
-  overflow-y: auto;
-}

package/styles/position.css

@@ -1,19 +0,0 @@
-.nuri-position-static {
-  position: static;
-}
-
-.nuri-position-relative {
-  position: relative;
-}
-
-.nuri-position-absolute {
-  position: absolute;
-}
-
-.nuri-position-fixed {
-  position: fixed;
-}
-
-.nuri-position-sticky {
-  position: sticky;
-}

package/styles/reset.css

@@ -1,47 +0,0 @@
-/* 모든 요소의 마진과 패딩 제거 */
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-/* 기본 폰트 설정 및 텍스트 렌더링 최적화 */
-html {
-  -webkit-text-size-adjust: 100%;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-/* 리스트 스타일 제거 */
-ul,
-ol {
-  list-style: none;
-}
-
-/* 링크 스타일 초기화 */
-a {
-  text-decoration: none;
-  color: inherit;
-}
-
-/* 버튼 스타일 초기화 */
-button {
-  border: none;
-  background: none;
-  cursor: pointer;
-}
-
-/* 이미지 관련 설정 */
-img {
-  max-width: 100%;
-  height: auto;
-  display: block;
-}
-
-/* 폼 요소 스타일 초기화 */
-input,
-textarea,
-select {
-  font-family: inherit;
-  font-size: inherit;
-}

package/styles/token/color.css

@@ -1,38 +0,0 @@
-.nuri-theme {
-  --color-primary-black: #000000;
-  --color-primary-white: #ffffff;
-  --color-primary-gray-fa: #fafafa;
-  --color-primary-gray-f4: #f4f4f5;
-  --color-primary-gray-e4: #e4e4e7;
-  --color-primary-gray-d4: #d4d4d8;
-  --color-primary-gray-a1: #a1a1aa;
-  --color-primary-gray-71: #71717a;
-  --color-primary-gray-52: #52525b;
-  --color-primary-gray-3f: #3f3f46;
-  --color-primary-gray-27: #27272a;
-  --color-primary-gray-18: #18181b;
-
-  --color-point-purple-39: #391d5d;
-  --color-point-purple-4c: #4c277c;
-  --color-point-purple-dd: #ddd1f0;
-  --color-point-purple-e9: #e9e0f5;
-  --color-point-purple-f4: #f4effa;
-  --color-point-purple-41: #4c1d88;
-  --color-point-purple-95: #957eb4;
-
-  --color-accent-red-df: #df535c;
-  --color-accent-red-c8: #c8424b;
-  --color-accent-magenta-b0: #b02e4c;
-  --color-accent-green-28: #289a3a;
-  --color-accent-blue-01: #01ece1;
-  --color-accent-blue-25: #2563eb;
-  --color-accent-pink-ec: #ec5cef;
-  --color-accent-green-41: #41c483;
-  --color-accent-yellow-ff: #ffb800;
-
-  --color-etc-skeleton-e4: #e4e4e7;
-  --color-etc-skeleton-f7: #f7f7f8;
-  --color-etc-skeleton-ff: #ffffff;
-
-  --color-etc-hover-ee: #eeeeee;
-}

package/styles/token/colors.ts

@@ -1,30 +0,0 @@
-export const colors = {
-  black: '#000000',
-  white: '#ffffff',
-  grayFa: '#fafafa',
-  grayF4: '#f4f4f5',
-  grayE4: '#e4e4e7',
-  grayD4: '#d4d4d8',
-  grayA1: '#a1a1aa',
-  gray71: '#71717a',
-  gray52: '#52525b',
-  gray3f: '#3f3f46',
-  gray27: '#27272a',
-  gray18: '#18181b',
-  purple39: '#391d5d',
-  purple4c: '#4c277c',
-  purpleDd: '#ddd1f0',
-  purpleE9: '#e9e0f5',
-  purpleF4: '#f4effa',
-  purple41: '#4c1d88',
-  purple95: '#957eb4',
-  accentRedDf: '#df535c',
-  accentRedC8: '#c8424b',
-  accentMagentaB0: '#b02e4c',
-  accentGreen28: '#289a3a',
-  accentBlue01: '#01ece1',
-  accentBlue25: '#2563eb',
-  accentPinkEc: '#ec5cef',
-  accentGreen41: '#41c483',
-  accentYellowFf: '#ffb800',
-} as const;

package/styles/token/cursor.css

@@ -1,5 +0,0 @@
-.nuri-theme {
-  --cursor-button: pointer;
-  --cursor-disabled: not-allowed;
-  --cursor-link: pointer;
-}

package/styles/token/font.css

@@ -1,38 +0,0 @@
-@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
-@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");
-@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
-
-.nuri-theme {
-  --font-size-xsm: 12px;
-  --font-size-sm: 14px;
-  --font-size-base: 16px;
-  --font-size-lg: 18px;
-  --font-size-xl: 20px;
-  --font-size-2xl: 24px;
-  --font-size-3xl: 30px;
-  --font-size-4xl: 36px;
-  --font-size-5xl: 48px;
-  --font-size-6xl: 60px;
-
-  --line-height-xsm: 18px;
-  --line-height-sm: 18px;
-  --line-height-base: 22px;
-  --line-height-lg: 24px;
-  --line-height-xl: 28px;
-  --line-height-2xl: 32px;
-  --line-height-3xl: 36px;
-  --line-height-4xl: 43px;
-  --line-height-5xl: 66px;
-  --line-height-6xl: 82px;
-
-  --font-weight-regular: 400;
-  --font-weight-medium: 500;
-  --font-weight-semibold: 600;
-  --font-weight-bold: 700;
-  --font-weight-extrabold: 800;
-
-  font-family: "Twemoji Country Flags", "Pretendard", Pretendard, -apple-system,
-    BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI",
-    "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji",
-    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
-}

package/styles/token/radius.css

@@ -1,6 +0,0 @@
-[data-radius] {
-  /* 디자인 시스템의 변동 가능성으로 인해 크기순이 아닌 생성순으로 정렬합니다. */
-  --radius-1: 6px;
-  --radius-2: 4px;
-  --radius-3: 40px;
-}

package/styles/token/space.css

@@ -1,13 +0,0 @@
-.nuri-theme {
-  --space-1: 4px;
-  --space-2: 8px;
-  --space-3: 10px;
-  --space-4: 11px;
-  --space-5: 12px;
-  --space-6: 14px;
-  --space-7: 15px;
-  --space-8: 16px;
-  --space-9: 18px;
-  --space-10: 20px;
-  --space-11: 30px;
-}