@nurihaus/web-design-system 3.2.0 → 3.4.0

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.
Files changed (91) hide show
  1. package/README.md +36 -0
  2. package/dist/ai/components.md +123 -12
  3. package/dist/ai/tokens.md +2 -0
  4. package/dist/avatar.js +5 -5
  5. package/dist/bottom-nav.js +22 -8
  6. package/dist/breadcrumb.js +25 -10
  7. package/dist/check-box.js +24 -8
  8. package/dist/chip-group.js +21 -7
  9. package/dist/{chunk-563.js → chunk-1563.js} +26 -13
  10. package/dist/{chunk-657.js → chunk-1657.js} +2 -2
  11. package/dist/{chunk-777.js → chunk-2777.js} +2 -2
  12. package/dist/{chunk-558.js → chunk-4558.js} +2 -2
  13. package/dist/chunk-4560.js +77 -0
  14. package/dist/{chunk-917.js → chunk-4917.js} +2 -2
  15. package/dist/{chunk-77.js → chunk-5077.js} +2 -2
  16. package/dist/{chunk-149.js → chunk-6149.js} +2 -2
  17. package/dist/{chunk-302.js → chunk-6302.js} +2 -2
  18. package/dist/{chunk-364.js → chunk-6364.js} +2 -2
  19. package/dist/{chunk-713.js → chunk-6713.js} +2 -2
  20. package/dist/{chunk-298.js → chunk-7298.js} +2 -2
  21. package/dist/{chunk-653.js → chunk-7653.js} +7 -3
  22. package/dist/{chunk-739.js → chunk-7739.js} +2 -2
  23. package/dist/{chunk-309.js → chunk-8690.js} +2 -2
  24. package/dist/{chunk-933.js → chunk-8933.js} +2 -2
  25. package/dist/chunk-910.js +23 -10
  26. package/dist/{chunk-387.js → chunk-9387.js} +2 -2
  27. package/dist/{chunk-436.js → chunk-9436.js} +2 -2
  28. package/dist/{chunk-976.js → chunk-9976.js} +3 -3
  29. package/dist/collapsible-menu.js +25 -12
  30. package/dist/components/badge/badge-props.d.ts +4 -4
  31. package/dist/components/badge/badge.stories.d.ts +1 -1
  32. package/dist/components/bottom-nav/bottom-nav-type.d.ts +5 -2
  33. package/dist/components/breadcrumb/breadcrumb-type.d.ts +2 -1
  34. package/dist/components/button/button-props.d.ts +2 -2
  35. package/dist/components/button/button-type.d.ts +2 -1
  36. package/dist/components/button/button.stories.d.ts +1 -1
  37. package/dist/components/check-box/check-box-type.d.ts +2 -1
  38. package/dist/components/chip-group/chip-group-type.d.ts +2 -1
  39. package/dist/components/collapsible-menu/collapsible-menu-type.d.ts +2 -1
  40. package/dist/components/drawer/drawer-type.d.ts +2 -1
  41. package/dist/components/drop-down/drop-down-type.d.ts +2 -1
  42. package/dist/components/icon/icon-paths.d.ts +4 -0
  43. package/dist/components/icon/icon-props.d.ts +2 -2
  44. package/dist/components/icon/icon.stories.d.ts +2 -2
  45. package/dist/components/logging/log-context.d.ts +9 -0
  46. package/dist/components/logging/logging-type.d.ts +25 -0
  47. package/dist/components/logging/logging.d.ts +5 -0
  48. package/dist/components/logging/logging.stories.d.ts +18 -0
  49. package/dist/components/modal/modal-type.d.ts +2 -1
  50. package/dist/components/pagination/pagination-type.d.ts +2 -1
  51. package/dist/components/radio/radio-type.d.ts +3 -1
  52. package/dist/components/radio/radio.d.ts +2 -1
  53. package/dist/components/radio/radio.stories.d.ts +1 -1
  54. package/dist/components/switch/switch-type.d.ts +2 -1
  55. package/dist/components/table/table-type.d.ts +2 -1
  56. package/dist/components/tabs/tabs-type.d.ts +2 -1
  57. package/dist/components/text-area/text-area-type.d.ts +2 -1
  58. package/dist/components/text-field/text-field-type.d.ts +2 -1
  59. package/dist/components/toast/toast-type.d.ts +2 -1
  60. package/dist/components/toast/toast.stories.d.ts +3 -1
  61. package/dist/components/tooltip/tooltip-type.d.ts +2 -1
  62. package/dist/components.css +48 -0
  63. package/dist/cta-button.js +35 -20
  64. package/dist/data-table.js +19 -7
  65. package/dist/drawer.js +23 -9
  66. package/dist/drop-down.js +25 -9
  67. package/dist/helpers/hooks/useTrack.d.ts +3 -0
  68. package/dist/icon-text-badge.js +12 -10
  69. package/dist/icon-text-option-badge.js +6 -6
  70. package/dist/icon.js +5 -5
  71. package/dist/index.d.ts +2 -0
  72. package/dist/index.js +438 -81
  73. package/dist/loading.js +6 -6
  74. package/dist/logging.js +147 -0
  75. package/dist/modal-with-double-button.js +14 -12
  76. package/dist/modal.js +39 -26
  77. package/dist/option-badge.js +12 -10
  78. package/dist/pagination.js +23 -9
  79. package/dist/radio.js +24 -10
  80. package/dist/skeleton.js +4 -4
  81. package/dist/step-progress.js +3 -3
  82. package/dist/styles.css +42 -0
  83. package/dist/switch.js +24 -8
  84. package/dist/tabs.js +22 -6
  85. package/dist/text-area.js +30 -8
  86. package/dist/text-field.js +31 -9
  87. package/dist/text.js +5 -5
  88. package/dist/toast.js +32 -15
  89. package/dist/tokens.css +2 -0
  90. package/dist/tooltip.js +33 -18
  91. package/package.json +5 -1
package/dist/tooltip.js CHANGED
@@ -113,14 +113,15 @@ var TooltipRoot = Object.assign(TooltipRootBase, {
113
113
 
114
114
  /* harmony export */ __nuri_require__.d(__webpack_exports__, {
115
115
  /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__),
116
- /* harmony export */ B: () => (/* reexport safe */ _base_tooltip__WEBPACK_IMPORTED_MODULE_4__.B)
116
+ /* harmony export */ B: () => (/* reexport safe */ _base_tooltip__WEBPACK_IMPORTED_MODULE_5__.B)
117
117
  /* harmony export */ });
118
118
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(612);
119
119
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(1041);
120
- /* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(3274);
121
- /* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(7335);
122
- /* harmony import */ var _base_tooltip__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(909);
123
- /* harmony import */ var _tooltip_props__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(8690);
120
+ /* harmony import */ var _helpers_hooks_useTrack__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(4560);
121
+ /* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(3274);
122
+ /* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(7335);
123
+ /* harmony import */ var _base_tooltip__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(909);
124
+ /* harmony import */ var _tooltip_props__WEBPACK_IMPORTED_MODULE_6__ = __nuri_require__(8690);
124
125
  var __assign = undefined && undefined.__assign || function () {
125
126
  __assign = Object.assign || function (t) {
126
127
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -146,6 +147,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
146
147
 
147
148
 
148
149
 
150
+
149
151
  // ref 는 Trigger 를 거쳐 trigger 로 넘긴 요소에 붙는다.
150
152
  var Tooltip = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
151
153
  var trigger = props.trigger,
@@ -154,22 +156,33 @@ var Tooltip = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(fun
154
156
  direction = _a === void 0 ? 'bottom' : _a,
155
157
  _b = props.disabled,
156
158
  disabled = _b === void 0 ? false : _b,
157
- restProps = __rest(props, ["trigger", "content", "direction", "disabled"]);
158
- var contentClassName = (0,_helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__/* .getMergedProps */ .p)(props, _tooltip_props__WEBPACK_IMPORTED_MODULE_5__/* .tooltipContentProps */ .bZ).className;
159
+ _onOpenChange = props.onOpenChange,
160
+ track = props.track,
161
+ trackProps = props.trackProps,
162
+ restProps = __rest(props, ["trigger", "content", "direction", "disabled", "onOpenChange", "track", "trackProps"]);
163
+ var contentClassName = (0,_helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_4__/* .getMergedProps */ .p)(props, _tooltip_props__WEBPACK_IMPORTED_MODULE_6__/* .tooltipContentProps */ .bZ).className;
164
+ var emit = (0,_helpers_hooks_useTrack__WEBPACK_IMPORTED_MODULE_2__/* .useTrack */ .n)('Tooltip', {
165
+ track: track,
166
+ trackProps: trackProps
167
+ });
159
168
  // radix 트리를 아예 그리지 않는다. open 으로 막으면 열린 채 남는 경우가 있다.
160
169
  if (disabled) return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
161
170
  children: trigger
162
171
  });
163
172
  // delayDuration 을 넘기지 않으면 Provider 의 값(기본 100ms)을 따른다.
164
- return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_base_tooltip__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, __assign({
165
- disableHoverableContent: true
173
+ return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_base_tooltip__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A, __assign({
174
+ disableHoverableContent: true,
175
+ onOpenChange: function onOpenChange(open) {
176
+ if (open) emit('show');
177
+ _onOpenChange === null || _onOpenChange === void 0 ? void 0 : _onOpenChange(open);
178
+ }
166
179
  }, restProps, {
167
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_tooltip__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A.Trigger, {
180
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_tooltip__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A.Trigger, {
168
181
  ref: ref,
169
182
  asChild: true,
170
183
  children: trigger
171
- }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_tooltip__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A.Content, {
172
- className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__/* .classNames */ .x)(contentClassName, 'tooltip-content'),
184
+ }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_tooltip__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A.Content, {
185
+ className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)(contentClassName, 'tooltip-content'),
173
186
  direction: direction,
174
187
  children: content
175
188
  })]
@@ -198,7 +211,7 @@ var x = (y) => {
198
211
  var x = {}; __nuri_require__.d(x, y); return x
199
212
  }
200
213
  var y = (x) => (() => (x))
201
- module.exports = x({ ["createContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createContext), ["forwardRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.forwardRef), ["useContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useContext) });
214
+ module.exports = x({ ["createContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createContext), ["forwardRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.forwardRef), ["useCallback"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useCallback), ["useContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useContext), ["useRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useRef) });
202
215
 
203
216
  /***/ },
204
217
 
@@ -303,8 +316,8 @@ module.exports = x({ ["Fragment"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_ru
303
316
  /******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
304
317
  /******/ // [resolve, Promise] = chunk loading, 0 = chunk loaded
305
318
  /******/ var installedChunks = {
306
- /******/ 168: 0,
307
- /******/ 563: 0
319
+ /******/ 1168: 0,
320
+ /******/ 1563: 0
308
321
  /******/ };
309
322
  /******/
310
323
  /******/ var installChunk = (data) => {
@@ -344,15 +357,17 @@ module.exports = x({ ["Fragment"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_ru
344
357
  /******/
345
358
  /************************************************************************/
346
359
  /******/
347
- /******/ import * as __webpack_chunk_1__ from "./chunk-364.js";
360
+ /******/ import * as __webpack_chunk_1__ from "./chunk-6364.js";
348
361
  /******/ __nuri_require__.C(__webpack_chunk_1__);
349
- /******/ import * as __webpack_chunk_2__ from "./chunk-309.js";
362
+ /******/ import * as __webpack_chunk_2__ from "./chunk-4560.js";
350
363
  /******/ __nuri_require__.C(__webpack_chunk_2__);
364
+ /******/ import * as __webpack_chunk_3__ from "./chunk-8690.js";
365
+ /******/ __nuri_require__.C(__webpack_chunk_3__);
351
366
  /******/
352
367
  /******/ // startup
353
368
  /******/ // Load entry module and return exports
354
369
  /******/ // This entry module depends on other loaded chunks and execution need to be delayed
355
- /******/ var __webpack_exports__ = __nuri_require__.O(undefined, [364,309], () => (__nuri_require__(1563)))
370
+ /******/ var __webpack_exports__ = __nuri_require__.O(undefined, [6364,4560,8690], () => (__nuri_require__(1563)))
356
371
  /******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
357
372
  /******/ const __webpack_exports__TooltipProvider = __webpack_exports__.B;
358
373
  /******/ const __webpack_exports__default = __webpack_exports__.A;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nurihaus/web-design-system",
3
- "version": "3.2.0",
3
+ "version": "3.4.0",
4
4
  "description": "Nurihaus 디자인 시스템 — 컴포넌트와 디자인 토큰",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -226,6 +226,10 @@
226
226
  "./chip-group": {
227
227
  "types": "./dist/components/chip-group/chip-group.d.ts",
228
228
  "default": "./dist/chip-group.js"
229
+ },
230
+ "./logging": {
231
+ "types": "./dist/components/logging/logging.d.ts",
232
+ "default": "./dist/logging.js"
229
233
  }
230
234
  }
231
235
  }