fone-design-system_v2 1.0.16 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -82096,134 +82096,148 @@ const exe = () => v.useRef(void 0), Txe = ({
82096
82096
  behavior: "smooth"
82097
82097
  });
82098
82098
  });
82099
- }, [y, k, _, M]), /* @__PURE__ */ S.jsxs("div", { className: "flex h-full flex-col gap-2 bg-[var(--ds-white)]", children: [
82100
- /* @__PURE__ */ S.jsxs(dC, { direction: "row", spacing: 2, className: "justify-between", children: [
82101
- n && /* @__PURE__ */ S.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ S.jsx(
82102
- "h2",
82103
- {
82104
- className: "font-[var(--ds-font-weight-bold)] text-[var(--ds-font-size-subheading)]",
82105
- style: { fontSize: "var(--ds-font-size-subheading)" },
82106
- children: n
82107
- }
82108
- ) }),
82109
- /* @__PURE__ */ S.jsxs("div", { className: "flex items-center gap-2", children: [
82110
- u && /* @__PURE__ */ S.jsx(
82111
- ts,
82112
- {
82113
- className: "flex items-center justify-center rounded-md border border-gray-300 p-0.5",
82114
- sx: D,
82115
- onClick: async () => {
82116
- var K;
82117
- if (I === null) {
82118
- N({
82119
- open: !0,
82120
- type: "info",
82121
- content: "메뉴를 선택해주세요.",
82122
- onOk: () => {
82099
+ }, [y, k, _, M]), /* @__PURE__ */ S.jsxs("div", { className: "flex h-full flex-col bg-[var(--ds-white)]", children: [
82100
+ /* @__PURE__ */ S.jsxs(
82101
+ dC,
82102
+ {
82103
+ direction: "row",
82104
+ spacing: 2,
82105
+ className: "justify-between",
82106
+ style: {
82107
+ marginBottom: "var(--ds-space-3)"
82108
+ },
82109
+ children: [
82110
+ n && /* @__PURE__ */ S.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ S.jsx(
82111
+ "h2",
82112
+ {
82113
+ className: "font-[var(--ds-font-weight-bold)] text-[var(--ds-font-size-subheading)]",
82114
+ style: { fontSize: "var(--ds-font-size-subheading)" },
82115
+ children: n
82116
+ }
82117
+ ) }),
82118
+ /* @__PURE__ */ S.jsxs("div", { className: "flex items-center gap-2", children: [
82119
+ u && /* @__PURE__ */ S.jsx(
82120
+ ts,
82121
+ {
82122
+ className: "flex items-center justify-center rounded-md border border-gray-300 p-0.5",
82123
+ sx: D,
82124
+ onClick: async () => {
82125
+ var K;
82126
+ if (I === null) {
82127
+ N({
82128
+ open: !0,
82129
+ type: "info",
82130
+ content: "메뉴를 선택해주세요.",
82131
+ onOk: () => {
82132
+ }
82133
+ });
82134
+ return;
82123
82135
  }
82124
- });
82125
- return;
82126
- }
82127
- if (typeof u != "function") return;
82128
- const W = Number(I == null ? void 0 : I.menuLvSeq), z = I == null ? void 0 : I.label, Y = I == null ? void 0 : I.id;
82129
- if (z === "+") {
82130
- N({
82131
- open: !0,
82132
- type: "info",
82133
- content: "추가 중인 항목에는 하위 항목을 추가할 수 없습니다.",
82134
- onOk: () => {
82136
+ if (typeof u != "function") return;
82137
+ const W = Number(I == null ? void 0 : I.menuLvSeq), z = I == null ? void 0 : I.label, Y = I == null ? void 0 : I.id;
82138
+ if (z === "+") {
82139
+ N({
82140
+ open: !0,
82141
+ type: "info",
82142
+ content: "추가 중인 항목에는 하위 항목을 추가할 수 없습니다.",
82143
+ onOk: () => {
82144
+ }
82145
+ });
82146
+ return;
82135
82147
  }
82136
- });
82137
- return;
82138
- }
82139
- if (W >= g) {
82140
- N({
82141
- open: !0,
82142
- type: "info",
82143
- content: `${g}번째 레벨 이상은 추가할 수 없습니다.`,
82144
- onOk: () => {
82148
+ if (W >= g) {
82149
+ N({
82150
+ open: !0,
82151
+ type: "info",
82152
+ content: `${g}번째 레벨 이상은 추가할 수 없습니다.`,
82153
+ onOk: () => {
82154
+ }
82155
+ });
82156
+ return;
82145
82157
  }
82146
- });
82147
- return;
82148
- }
82149
- if (W <= h) {
82150
- N({
82151
- open: !0,
82152
- type: "info",
82153
- content: `${h}번째 레벨 이하로는 추가할 수 없습니다.`,
82154
- onOk: () => {
82158
+ if (W <= h) {
82159
+ N({
82160
+ open: !0,
82161
+ type: "info",
82162
+ content: `${h}번째 레벨 이하로는 추가할 수 없습니다.`,
82163
+ onOk: () => {
82164
+ }
82165
+ });
82166
+ return;
82155
82167
  }
82156
- });
82157
- return;
82158
- }
82159
- if ((x == null ? void 0 : x.findIndex((J) => J.id === Y)) === -1) {
82160
- N({
82161
- open: !0,
82162
- type: "info",
82163
- content: "테이블에 없는 항목에는 하위 항목을 추가할 수 없습니다.",
82164
- onOk: () => {
82168
+ if ((x == null ? void 0 : x.findIndex((J) => J.id === Y)) === -1) {
82169
+ N({
82170
+ open: !0,
82171
+ type: "info",
82172
+ content: "테이블에 없는 항목에는 하위 항목을 추가할 수 없습니다.",
82173
+ onOk: () => {
82174
+ }
82175
+ });
82176
+ return;
82165
82177
  }
82166
- });
82167
- return;
82178
+ const U = await $(I.id);
82179
+ E(
82180
+ (J) => J.includes(I.id) ? J : [...J, I.id]
82181
+ ), R(U), (K = M.current) == null || K.selectItem({
82182
+ event: new Event(
82183
+ "click"
82184
+ ),
82185
+ itemId: U.id,
82186
+ keepExistingSelection: !1,
82187
+ shouldBeSelected: !0
82188
+ }), u == null || u(U, I.id);
82189
+ },
82190
+ children: /* @__PURE__ */ S.jsx(qd, { component: fC, inheritViewBox: !0 })
82168
82191
  }
82169
- const U = await $(I.id);
82170
- E(
82171
- (J) => J.includes(I.id) ? J : [...J, I.id]
82172
- ), R(U), (K = M.current) == null || K.selectItem({
82173
- event: new Event(
82174
- "click"
82175
- ),
82176
- itemId: U.id,
82177
- keepExistingSelection: !1,
82178
- shouldBeSelected: !0
82179
- }), u == null || u(U, I.id);
82180
- },
82181
- children: /* @__PURE__ */ S.jsx(qd, { component: fC, inheritViewBox: !0 })
82182
- }
82183
- ),
82184
- d && /* @__PURE__ */ S.jsx(
82185
- ts,
82186
- {
82187
- className: "flex items-center justify-center rounded-md border border-gray-300 p-0.5",
82188
- sx: D,
82189
- onClick: () => {
82190
- typeof d == "function" && (d == null || d(
82191
- I
82192
- ));
82193
- },
82194
- children: /* @__PURE__ */ S.jsx(pC, { className: "text-[1.9rem]" })
82195
- }
82196
- ),
82197
- /* @__PURE__ */ S.jsx(
82198
- ts,
82199
- {
82200
- className: "flex items-center justify-center rounded-md border border-gray-300 p-0.5 px-2 text-[1.2rem]",
82201
- sx: D,
82202
- onClick: () => j(!0),
82203
- children: /* @__PURE__ */ S.jsx(fU, { className: "text-[1.9rem]" })
82204
- }
82205
- ),
82206
- /* @__PURE__ */ S.jsx(
82207
- ts,
82208
- {
82209
- className: "flex items-center justify-center rounded-md border border-gray-300 p-0.5 px-2 text-[1.2rem]",
82210
- sx: D,
82211
- onClick: () => j(!1),
82212
- children: /* @__PURE__ */ S.jsx(dU, { className: "text-[1.9rem]" })
82213
- }
82214
- )
82215
- ] })
82216
- ] }),
82192
+ ),
82193
+ d && /* @__PURE__ */ S.jsx(
82194
+ ts,
82195
+ {
82196
+ className: "flex items-center justify-center rounded-md border border-gray-300 p-0.5",
82197
+ sx: D,
82198
+ onClick: () => {
82199
+ typeof d == "function" && (d == null || d(
82200
+ I
82201
+ ));
82202
+ },
82203
+ children: /* @__PURE__ */ S.jsx(pC, { className: "text-[1.9rem]" })
82204
+ }
82205
+ ),
82206
+ /* @__PURE__ */ S.jsx(
82207
+ ts,
82208
+ {
82209
+ className: "flex items-center justify-center rounded-md border border-gray-300 p-0.5 px-2 text-[1.2rem]",
82210
+ sx: D,
82211
+ onClick: () => j(!0),
82212
+ children: /* @__PURE__ */ S.jsx(fU, { className: "text-[1.9rem]" })
82213
+ }
82214
+ ),
82215
+ /* @__PURE__ */ S.jsx(
82216
+ ts,
82217
+ {
82218
+ className: "flex items-center justify-center rounded-md border border-gray-300 p-0.5 px-2 text-[1.2rem]",
82219
+ sx: D,
82220
+ onClick: () => j(!1),
82221
+ children: /* @__PURE__ */ S.jsx(dU, { className: "text-[1.9rem]" })
82222
+ }
82223
+ )
82224
+ ] })
82225
+ ]
82226
+ }
82227
+ ),
82217
82228
  p && /* @__PURE__ */ S.jsx(
82218
82229
  "div",
82219
82230
  {
82220
- className: "flex h-[3rem] w-full shrink-0 items-center justify-center border-t border-t-black text-gray-500",
82231
+ className: "flex w-full shrink-0 items-center justify-center border-t border-t-black",
82221
82232
  style: {
82222
82233
  fontSize: "var(--ds-font-size-15)",
82234
+ color: "var(--ds-color-gray-950)",
82223
82235
  backgroundColor: "var(--ds-color-gray-25)",
82224
82236
  borderColor: "var(--ds-bg-inverse)",
82225
82237
  // 검정
82226
- borderTop: "1px solid"
82238
+ fontWeight: "var(--ds-font-weight-medium)",
82239
+ borderTop: "1px solid",
82240
+ height: "4.8rem"
82227
82241
  },
82228
82242
  children: p
82229
82243
  }