@gusun/design-system 0.1.0

package/dist-lib/tokens/radius.d.ts

@@ -0,0 +1,14 @@
+export declare const radius: {
+    'round-2': string;
+    'round-3': string;
+    'round-4': string;
+    'round-5': string;
+    'round-6': string;
+    'round-7': string;
+    'round-8': string;
+    'round-9': string;
+    'round-10': string;
+    'round-11': string;
+    'round-12': string;
+    'round-00': string;
+};

package/dist-lib/tokens/spacing.d.ts

@@ -0,0 +1,16 @@
+export declare const spacing: {
+    'spacing-none': string;
+    'spacing-1': string;
+    'spacing-2': string;
+    'spacing-3': string;
+    'spacing-4': string;
+    'spacing-5': string;
+    'spacing-5-5': string;
+    'spacing-6': string;
+    'spacing-7': string;
+    'spacing-8': string;
+    'spacing-9': string;
+    'spacing-10': string;
+    'spacing-11': string;
+    'spacing-12': string;
+};

package/dist-lib/tokens/typography.d.ts

@@ -0,0 +1,33 @@
+export declare const fontFamily: {
+    pretendard: string[];
+};
+export declare const fontSize: {
+    12: (string | {
+        lineHeight: string;
+        letterSpacing: string;
+    })[];
+    13: (string | {
+        lineHeight: string;
+        letterSpacing: string;
+    })[];
+    14: (string | {
+        lineHeight: string;
+        letterSpacing: string;
+    })[];
+    15: (string | {
+        lineHeight: string;
+        letterSpacing: string;
+    })[];
+    16: (string | {
+        lineHeight: string;
+        letterSpacing: string;
+    })[];
+    18: (string | {
+        lineHeight: string;
+        letterSpacing: string;
+    })[];
+    20: (string | {
+        lineHeight: string;
+        letterSpacing: string;
+    })[];
+};

package/dist-lib/tokens-CbcaxhkP.js

@@ -0,0 +1,583 @@
+//#region src/tokens/lineHeight.ts
+var e = {
+	16: "16px",
+	18: "18px",
+	20: "20px",
+	22: "22px",
+	24: "24px",
+	26: "26px",
+	28: "28px",
+	30: "30px",
+	32: "32px"
+}, t = { pretendard: [
+	"Pretendard Variable",
+	"Pretendard",
+	"system-ui",
+	"sans-serif"
+] }, n = {
+	12: ["12px", {
+		lineHeight: e[20],
+		letterSpacing: "-0.24px"
+	}],
+	13: ["13px", {
+		lineHeight: e[22],
+		letterSpacing: "-0.26px"
+	}],
+	14: ["14px", {
+		lineHeight: e[24],
+		letterSpacing: "-0.28px"
+	}],
+	15: ["15px", {
+		lineHeight: e[26],
+		letterSpacing: "-0.30px"
+	}],
+	16: ["16px", {
+		lineHeight: e[28],
+		letterSpacing: "-0.32px"
+	}],
+	18: ["18px", {
+		lineHeight: e[30],
+		letterSpacing: "-0.36px"
+	}],
+	20: ["20px", {
+		lineHeight: e[32],
+		letterSpacing: "-0.40px"
+	}]
+}, r = { base: {
+	gray: {
+		25: "#fafafa",
+		50: "#f2f2f2",
+		100: "#e3e3e3",
+		125: "#d6d6d6",
+		150: "#c9c9c9",
+		200: "#b0b0b0",
+		250: "#999999",
+		300: "#878787",
+		400: "#6a6a6a",
+		500: "#505050",
+		600: "#3f3f3f",
+		700: "#353535",
+		800: "#272727",
+		900: "#0d0d0d"
+	},
+	"gray-900-00": "#0d0d0d00",
+	"gray-900-10": "#0d0d0d08",
+	"gray-900-25": "#0d0d0d12",
+	"gray-900-50": "#0d0d0d29",
+	"gray-900-75": "#0d0d0d54",
+	"gray-900-100": "#0d0d0d7a",
+	"gray-900-200": "#0d0d0da6",
+	"gray-900-300": "#0d0d0dcf",
+	"white-00": "#ffffff00",
+	"white-10": "#ffffff08",
+	"white-25": "#ffffff12",
+	"white-50": "#ffffff29",
+	"white-75": "#ffffff54",
+	"white-100": "#ffffff7a",
+	"white-200": "#ffffffa6",
+	"white-300": "#ffffffcf",
+	black: "#000000",
+	white: "#ffffff",
+	red: {
+		25: "#fef1f1",
+		50: "#ffeeee",
+		100: "#fde1e1",
+		150: "#fbc4c4",
+		200: "#f8a8a9",
+		250: "#f58c8d",
+		300: "#f37171",
+		400: "#e74a4a",
+		500: "#c42c2c",
+		600: "#ae292c",
+		700: "#942022",
+		800: "#7a1618",
+		900: "#600b0d"
+	},
+	"red-400-00": "#e74a4a00",
+	"red-400-10": "#e74a4a08",
+	"red-400-25": "#e74a4a14",
+	"red-400-50": "#e74a4a29",
+	"red-400-75": "#e74a4a54",
+	"red-400-100": "#e74a4a7a",
+	"red-400-200": "#e74a4aa6",
+	"red-400-300": "#e74a4acf",
+	blue: {
+		25: "#f6fafe",
+		50: "#eff7fe",
+		100: "#e6f3fe",
+		150: "#cce6ff",
+		200: "#9ecefa",
+		250: "#6eb5f7",
+		300: "#41a2fd",
+		400: "#0f85f2",
+		500: "#0b69c2",
+		600: "#084f91",
+		700: "#063f74",
+		800: "#063561",
+		900: "#042849"
+	},
+	"blue-400-00": "#0f85f200",
+	"blue-400-10": "#0f85f208",
+	"blue-400-25": "#0f85f214",
+	"blue-400-50": "#0f85f229",
+	"blue-400-75": "#0f85f254",
+	"blue-400-100": "#0f85f27a",
+	"blue-400-200": "#0f85f2a6",
+	"blue-400-300": "#0f85f2cf",
+	green: {
+		25: "#eef9f2",
+		50: "#e4f6eb",
+		100: "#daf3e4",
+		150: "#bbe8cd",
+		200: "#90dbae",
+		250: "#6cce93",
+		300: "#47c278",
+		400: "#0daf4e",
+		500: "#089a42",
+		600: "#077f36",
+		700: "#05642b",
+		800: "#044b20",
+		900: "#003333"
+	},
+	"green-400-00": "#0daf4e00",
+	"green-400-10": "#0daf4e08",
+	"green-400-25": "#0daf4e14",
+	"green-400-50": "#0daf4e29",
+	"green-400-75": "#0daf4e54",
+	"green-400-100": "#0daf4e7a",
+	"green-400-200": "#0daf4ea6",
+	"green-400-300": "#0daf4ecf",
+	orange: {
+		25: "#fef6f2",
+		50: "#fef0e8",
+		100: "#fde8db",
+		150: "#fbd0b8",
+		200: "#f9b996",
+		250: "#f8a073",
+		300: "#f68852",
+		400: "#f06e2d",
+		500: "#d75812",
+		600: "#b04b16",
+		700: "#8b3d16",
+		800: "#683014",
+		900: "#472309"
+	},
+	"orange-400-00": "#f06e2d00",
+	"orange-400-10": "#f06e2d08",
+	"orange-400-25": "#f06e2d14",
+	"orange-400-50": "#f06e2d29",
+	"orange-400-75": "#f06e2d54",
+	"orange-400-100": "#f06e2d7a",
+	"orange-400-200": "#f06e2da6",
+	"orange-400-300": "#f06e2dcf",
+	violet: {
+		25: "#f7f5fe",
+		50: "#f0edfb",
+		100: "#ebe6fd",
+		150: "#dad0fb",
+		200: "#c6b4f7",
+		250: "#b19af5",
+		300: "#9d81f3",
+		400: "#7c57ef",
+		500: "#6e4dd2",
+		600: "#5c40ae",
+		700: "#473288",
+		800: "#372666",
+		900: "#251b48"
+	},
+	"violet-400-00": "#7c57ef00",
+	"violet-400-10": "#7c57ef08",
+	"violet-400-25": "#7c57ef14",
+	"violet-400-50": "#7c57ef29",
+	"violet-400-75": "#7c57ef54",
+	"violet-400-100": "#7c57ef7a",
+	"violet-400-200": "#7c57efa6",
+	"violet-400-300": "#7c57efcf",
+	pink: {
+		25: "#fef3fa",
+		50: "#fdecf8",
+		100: "#fde1f4",
+		150: "#fbc4e9",
+		200: "#f8a6dd",
+		250: "#f689d2",
+		300: "#f46cc7",
+		400: "#f246b9",
+		500: "#d6279c",
+		600: "#b02983",
+		700: "#8e226a",
+		800: "#6d1b52",
+		900: "#50103b"
+	},
+	"pink-400-00": "#f246b900",
+	"pink-400-10": "#f246b908",
+	"pink-400-25": "#f246b914",
+	"pink-400-50": "#f246b929",
+	"pink-400-75": "#f246b954",
+	"pink-400-100": "#f246b97a",
+	"pink-400-200": "#f246b9a6",
+	"pink-400-300": "#f246b9cf"
+} }, i = {
+	5: r.base.gray[900],
+	4: r.base.gray[600],
+	3: r.base.gray[300],
+	2: r.base.gray[150],
+	1: r.base.white
+}, a = r.base, o = {
+	fill: {
+		"default-bg": a.gray[900],
+		"default-fg": a.white,
+		"hover-bg": a["gray-900-200"],
+		"disabled-bg": a["gray-900-25"],
+		"disabled-fg": a.gray[150]
+	},
+	ghost: {
+		"default-fg": a.gray[900],
+		"hover-bg": a["gray-900-25"],
+		"disabled-bg": a["gray-900-25"],
+		"disabled-fg": a.gray[150],
+		"selected-bg": a.gray[400],
+		"selected-text": a.white,
+		"pagination-fg": a.gray[300]
+	},
+	line: {
+		"default-bg": a.white,
+		"default-fg": a.gray[900],
+		"default-line": a.gray[150],
+		"hover-bg": a["gray-900-25"],
+		"hover-line": a.gray[250],
+		"disabled-bg": a["gray-900-25"],
+		"disabled-fg": a.gray[150],
+		"disabled-line": a["gray-900-75"]
+	},
+	underline: {
+		"black-fg": a.gray[900],
+		"red-fg": a.red[400],
+		"blue-fg": a.blue[400],
+		"green-fg": a.green[400],
+		"violet-fg": a.violet[400],
+		"pink-fg": a.pink[400],
+		"orange-fg": a.orange[400]
+	}
+}, s = r.base, c = {
+	"default-bg": s["gray-900-25"],
+	"default-line": s["gray-900-00"],
+	"default-text": s.gray[300],
+	"hover-bg": s["gray-900-25"],
+	"hover-line": s["gray-900-200"],
+	"hover-text": s.gray[300],
+	"focused-bg": s["gray-900-00"],
+	"focused-line": s["gray-900-200"],
+	"filled-bg": s["gray-900-25"],
+	"filled-line": s["gray-900-00"],
+	"filled-text": s.gray[900],
+	"disabled-bg": s["gray-900-25"],
+	"disabled-line": s["gray-900-00"],
+	"disabled-text": s.gray[150],
+	"disabled-icon": s.gray[150],
+	"readonly-bg": s["gray-900-25"],
+	"readonly-line": s["gray-900-00"],
+	"readonly-text": s.gray[900],
+	"readonly-icon": s.gray[150],
+	"error-tooltip-bg": s.red[400],
+	"error-tooltip-text": s.white,
+	"normal-tooltip-bg": s.gray[900],
+	"normal-tooltip-text": s.white
+}, l = r.base, u = {
+	"default-text": l.gray[900],
+	"required-mark": l.red[400],
+	"disabled-text": l.gray[150],
+	"helper-text": l.gray[600]
+}, d = r.base, f = {
+	subtle: d.gray[50],
+	default: d.gray[100],
+	strong: d.gray[150]
+}, p = r.base, m = (e, t, n, r, i, a) => ({
+	"default-text": e,
+	"default-icon": e,
+	"default-bg": t,
+	"default-line": n,
+	"hover-text": r,
+	"hover-icon": r,
+	"hover-bg": i,
+	"hover-line": a
+}), h = {
+	gray: m(p.gray[900], p.white, p.gray[100], p.gray[900], p.gray[50], p.gray[150]),
+	red: m(p.red[400], p.white, p.red[100], p.red[400], p.red[50], p.red[150]),
+	blue: m(p.blue[400], p.white, p.blue[100], p.blue[400], p.blue[50], p.blue[150]),
+	black: m(p.white, p.gray[500], p.gray[500], p.gray[150], p.gray[400], p.gray[400]),
+	green: m(p.green[400], p.white, p.green[100], p.green[400], p.green[50], p.green[150]),
+	violet: m(p.violet[400], p.white, p.violet[100], p.violet[400], p.violet[50], p.violet[150]),
+	pink: m(p.pink[400], p.white, p.pink[100], p.pink[400], p.pink[50], p.pink[150]),
+	orange: m(p.orange[400], p.white, p.orange[100], p.orange[400], p.orange[50], p.orange[150])
+}, g = r.base, _ = {
+	"default-bg": g.white,
+	"default-text": g.gray[900],
+	"default-icon": g.gray[900],
+	"hover-bg": g.gray[50],
+	"pressed-bg": g.white,
+	"selected-text": g.blue[400],
+	"selected-icon": g.blue[400],
+	"disabled-text": g.gray[150],
+	"disabled-icon": g.gray[150],
+	"group-bg": g.white,
+	"empty-bg": g.white,
+	"empty-text": g.gray[300],
+	"popover-bg": g.gray[100],
+	"popover-outline": g["gray-900-75"],
+	"scroll-bar": g["gray-900-50"],
+	"scroll-bar-hover": g["gray-900-75"],
+	"scroll-bar-light": g["white-75"],
+	"scroll-bar-light-hover": g["white-100"]
+}, v = r.base, y = {
+	"blue-bg": v["blue-400-50"],
+	"blue-text": v.blue[400],
+	"red-bg": v["red-400-50"],
+	"red-text": v.red[400],
+	"gray-bg": v["gray-900-25"],
+	"gray-text": v.gray[600],
+	"black-bg": v.gray[500],
+	"black-text": v.white
+}, b = r.base, x = {
+	title: b.white,
+	"blue-bg": b.blue[400],
+	"red-bg": b.red[400],
+	"black-bg": b.gray[500]
+}, S = r.base, C = {
+	"default-text": S.gray[600],
+	"default-icon": S.gray[600],
+	"hover-text": S.gray[900],
+	"hover-icon": S.gray[900],
+	"hover-bg": S["gray-900-25"],
+	"select-text": S.blue[400],
+	"select-icon": S.blue[400],
+	"select-bg": S["blue-400-50"],
+	"disabled-text": S.gray[150],
+	"disabled-icon": S.gray[150],
+	"right-line": S.gray[100]
+}, w = r.base, T = {
+	"card-default-text": w.gray[900],
+	"card-default-icon": w.gray[900],
+	"card-default-bg": w.white,
+	"card-default-line": w.gray[150],
+	"card-hover-text": w.gray[900],
+	"card-hover-icon": w.gray[900],
+	"card-hover-bg": w.gray[25],
+	"card-hover-line": w.gray[250],
+	"card-pressed-text": w.blue[400],
+	"card-pressed-icon": w.blue[400],
+	"card-pressed-bg": w.blue[25],
+	"card-pressed-line": w.blue[400],
+	"slot-bg": w.gray[50]
+}, E = r.base, D = {
+	"default-card-bg": E.white,
+	"default-card-line": E["gray-900-25"],
+	"default-card-text": E.gray[900],
+	"hover-card-bg": E.gray[25],
+	"hover-card-line": E["gray-900-75"],
+	"hover-card-text": E.blue[400],
+	"drop-outline": E.blue[400],
+	"drop-text": E.blue[400]
+}, O = r.base, k = {
+	"default-bg": O.white,
+	"default-text": O.gray[900],
+	"hover-bg": O.gray[25],
+	"default-outline": O.gray[100],
+	parentheses: O.gray[150],
+	comparison: O.gray[900],
+	logical: O.green[400],
+	conditional: O.blue[400],
+	aggregate: O.violet[400],
+	"score-limit": O.pink[400],
+	evaluation: O.orange[400],
+	"hover-logical-outline": O.green[400],
+	"hover-conditional-outline": O.blue[300],
+	"hover-aggregate-outline": O.violet[400],
+	"hover-score-limit-outline": O.pink[400],
+	"hover-evaluation-outline": O.orange[400],
+	"add-text": O.gray[300],
+	"add-bg": O.white,
+	"add-outline": O.gray[150],
+	"add-drop-text": O.gray[900],
+	"add-drop-bg": O.gray[100],
+	"add-drop-outline": O.gray[300],
+	"compact-chip-text": O.blue[400],
+	"compact-chip-line": O.blue[100]
+}, A = r.base, j = {
+	"add-default-bg": A.gray[25],
+	"add-default-outline": A.gray[150],
+	"add-default-text": A.gray[900],
+	"add-hover-bg": A.gray[100],
+	"add-hover-outline": A.gray[250],
+	"box-bg": A.white,
+	"box-line": A.gray[100],
+	"card-area-bg": A.gray[25],
+	"header-fade-top": A.white,
+	"header-fade-bottom": A["white-00"]
+}, M = r.base, N = {
+	"bg-top": M.white,
+	"bg-bottom": M.gray[50],
+	line: M["gray-900-50"]
+}, P = { "list-name": r.base.gray[900] }, F = r.base, I = {
+	"tab-bg": F.gray[50],
+	"select-bg": F.white,
+	"select-line": F["gray-900-10"],
+	"select-text": F.gray[900],
+	"unselect-text": F.gray[300],
+	"hover-text": F.blue[400],
+	"disabled-text": F.gray[150]
+}, L = r.base, R = {
+	"unselected-bg": L["gray-900-75"],
+	"hover-outline": L["gray-900-100"],
+	"disabled-bg": L["gray-900-25"],
+	"selected-bg": L.blue[400],
+	"selected-hover-outline": L["blue-400-200"],
+	"selected-disabled-bg": L["blue-400-50"],
+	check: L.white,
+	"disabled-check": L.blue[400],
+	text: L.gray[900],
+	"disabled-text": L.gray[300]
+}, z = r.base, B = {
+	"unselected-bg": z["gray-900-75"],
+	"hover-outline": z["gray-900-100"],
+	"disabled-bg": z["gray-900-25"],
+	"selected-bg": z.blue[400],
+	"selected-hover-outline": z["blue-400-200"],
+	"selected-disabled-bg": z["blue-400-50"],
+	point: z.white,
+	"disabled-point": z.blue[400],
+	text: z.gray[900],
+	"disabled-text": z.gray[300]
+}, V = r.base, H = {
+	"unselected-bg": V["gray-900-75"],
+	"hover-outline": V["gray-900-100"],
+	"disabled-bg": V["gray-900-25"],
+	"selected-bg": V.blue[400],
+	"selected-hover-outline": V["blue-400-200"],
+	"selected-disabled-bg": V["blue-400-50"],
+	thumb: V.white,
+	"disabled-thumb": V.blue[400],
+	"disabled-thumb-off": V.gray[300],
+	text: V.gray[900],
+	"disabled-text": V.gray[300]
+}, U = r.base, W = {
+	"default-text": U.gray[300],
+	"hover-text": U.gray[900],
+	"selected-text": U.gray[900],
+	"disabled-text": U.gray[150],
+	"selected-underline": U.gray[900],
+	"hover-underline": U.gray[900],
+	"group-underline": U.gray[100]
+}, G = r.base, K = {
+	"header-bg": G["gray-900-25"],
+	"header-line": G.gray[125],
+	"cell-line": G.gray[100],
+	outline: G.gray[100],
+	"row-bg": G.white,
+	"row-hover-bg": G.gray[25]
+}, q = r.base, J = {
+	overlay: q["gray-900-25"],
+	inline: q.gray[100],
+	outline: q["gray-900-50"],
+	"panel-bg": q.white,
+	"description-bg": q.gray[50]
+}, Y = r.base, X = {
+	"day-bg": Y.white,
+	"day-text": Y.gray[900],
+	"hover-bg": Y.gray[50],
+	"muted-text": Y.gray[150],
+	"today-bg": Y.gray[500],
+	"today-text": Y.white,
+	"selected-bg": Y.blue[400],
+	"selected-text": Y.white,
+	"range-bg": Y.blue[100],
+	"range-text": Y.blue[400]
+}, Z = r.base, Q = {
+	outline: K["cell-line"],
+	"toolbar-bg": Z.gray[25],
+	divider: Z.gray[100],
+	"btn-active-bg": Z.gray[100],
+	"btn-active-fg": Z.blue[400],
+	link: Z.blue[400],
+	"code-bg": Z.gray[100],
+	"code-text": Z.gray[900],
+	"block-bg": Z.gray[25],
+	"source-bg": Z.gray[900],
+	"source-text": Z.white,
+	placeholder: Z.gray[300]
+}, $ = [
+	{
+		label: "기본",
+		value: null,
+		swatch: i[5]
+	},
+	{
+		label: "회색",
+		value: Z.gray[300]
+	},
+	{
+		label: "빨강",
+		value: Z.red[400]
+	},
+	{
+		label: "파랑",
+		value: Z.blue[400]
+	}
+], ee = [
+	{
+		label: "없음",
+		value: null
+	},
+	{
+		label: "회색",
+		value: Z.gray[100]
+	},
+	{
+		label: "빨강",
+		value: Z.red[100]
+	},
+	{
+		label: "파랑",
+		value: Z.blue[100]
+	}
+], te = {
+	"spacing-none": "0px",
+	"spacing-1": "1px",
+	"spacing-2": "2px",
+	"spacing-3": "4px",
+	"spacing-4": "6px",
+	"spacing-5": "8px",
+	"spacing-5-5": "10px",
+	"spacing-6": "12px",
+	"spacing-7": "16px",
+	"spacing-8": "20px",
+	"spacing-9": "24px",
+	"spacing-10": "28px",
+	"spacing-11": "32px",
+	"spacing-12": "36px"
+}, ne = {
+	"round-2": "2px",
+	"round-3": "4px",
+	"round-4": "6px",
+	"round-5": "8px",
+	"round-6": "10px",
+	"round-7": "12px",
+	"round-8": "16px",
+	"round-9": "20px",
+	"round-10": "24px",
+	"round-11": "28px",
+	"round-12": "32px",
+	"round-00": "999px"
+}, re = {
+	1: "1px",
+	2: "2px",
+	3: "3px",
+	4: "4px"
+}, ie = {
+	size: 16,
+	strokeWidth: 1.8,
+	color: i[5]
+};
+//#endregion
+export { o as A, x as C, f as D, h as E, e as F, r as M, t as N, u as O, n as P, C as S, _ as T, N as _, Q as a, D as b, X as c, W as d, H as f, P as g, I as h, te as i, i as j, c as k, J as l, R as m, re as n, ee as o, B as p, ne as r, $ as s, ie as t, K as u, j as v, y as w, T as x, k as y };
+
+//# sourceMappingURL=tokens-CbcaxhkP.js.map