@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.
- package/README.md +36 -0
- package/dist/ai/components.md +123 -12
- package/dist/ai/tokens.md +2 -0
- package/dist/avatar.js +5 -5
- package/dist/bottom-nav.js +22 -8
- package/dist/breadcrumb.js +25 -10
- package/dist/check-box.js +24 -8
- package/dist/chip-group.js +21 -7
- package/dist/{chunk-563.js → chunk-1563.js} +26 -13
- package/dist/{chunk-657.js → chunk-1657.js} +2 -2
- package/dist/{chunk-777.js → chunk-2777.js} +2 -2
- package/dist/{chunk-558.js → chunk-4558.js} +2 -2
- package/dist/chunk-4560.js +77 -0
- package/dist/{chunk-917.js → chunk-4917.js} +2 -2
- package/dist/{chunk-77.js → chunk-5077.js} +2 -2
- package/dist/{chunk-149.js → chunk-6149.js} +2 -2
- package/dist/{chunk-302.js → chunk-6302.js} +2 -2
- package/dist/{chunk-364.js → chunk-6364.js} +2 -2
- package/dist/{chunk-713.js → chunk-6713.js} +2 -2
- package/dist/{chunk-298.js → chunk-7298.js} +2 -2
- package/dist/{chunk-653.js → chunk-7653.js} +7 -3
- package/dist/{chunk-739.js → chunk-7739.js} +2 -2
- package/dist/{chunk-309.js → chunk-8690.js} +2 -2
- package/dist/{chunk-933.js → chunk-8933.js} +2 -2
- package/dist/chunk-910.js +23 -10
- package/dist/{chunk-387.js → chunk-9387.js} +2 -2
- package/dist/{chunk-436.js → chunk-9436.js} +2 -2
- package/dist/{chunk-976.js → chunk-9976.js} +3 -3
- package/dist/collapsible-menu.js +25 -12
- package/dist/components/badge/badge-props.d.ts +4 -4
- package/dist/components/badge/badge.stories.d.ts +1 -1
- package/dist/components/bottom-nav/bottom-nav-type.d.ts +5 -2
- package/dist/components/breadcrumb/breadcrumb-type.d.ts +2 -1
- package/dist/components/button/button-props.d.ts +2 -2
- package/dist/components/button/button-type.d.ts +2 -1
- package/dist/components/button/button.stories.d.ts +1 -1
- package/dist/components/check-box/check-box-type.d.ts +2 -1
- package/dist/components/chip-group/chip-group-type.d.ts +2 -1
- package/dist/components/collapsible-menu/collapsible-menu-type.d.ts +2 -1
- package/dist/components/drawer/drawer-type.d.ts +2 -1
- package/dist/components/drop-down/drop-down-type.d.ts +2 -1
- package/dist/components/icon/icon-paths.d.ts +4 -0
- package/dist/components/icon/icon-props.d.ts +2 -2
- package/dist/components/icon/icon.stories.d.ts +2 -2
- package/dist/components/logging/log-context.d.ts +9 -0
- package/dist/components/logging/logging-type.d.ts +25 -0
- package/dist/components/logging/logging.d.ts +5 -0
- package/dist/components/logging/logging.stories.d.ts +18 -0
- package/dist/components/modal/modal-type.d.ts +2 -1
- package/dist/components/pagination/pagination-type.d.ts +2 -1
- package/dist/components/radio/radio-type.d.ts +3 -1
- package/dist/components/radio/radio.d.ts +2 -1
- package/dist/components/radio/radio.stories.d.ts +1 -1
- package/dist/components/switch/switch-type.d.ts +2 -1
- package/dist/components/table/table-type.d.ts +2 -1
- package/dist/components/tabs/tabs-type.d.ts +2 -1
- package/dist/components/text-area/text-area-type.d.ts +2 -1
- package/dist/components/text-field/text-field-type.d.ts +2 -1
- package/dist/components/toast/toast-type.d.ts +2 -1
- package/dist/components/toast/toast.stories.d.ts +3 -1
- package/dist/components/tooltip/tooltip-type.d.ts +2 -1
- package/dist/components.css +48 -0
- package/dist/cta-button.js +35 -20
- package/dist/data-table.js +19 -7
- package/dist/drawer.js +23 -9
- package/dist/drop-down.js +25 -9
- package/dist/helpers/hooks/useTrack.d.ts +3 -0
- package/dist/icon-text-badge.js +12 -10
- package/dist/icon-text-option-badge.js +6 -6
- package/dist/icon.js +5 -5
- package/dist/index.d.ts +2 -0
- package/dist/index.js +438 -81
- package/dist/loading.js +6 -6
- package/dist/logging.js +147 -0
- package/dist/modal-with-double-button.js +14 -12
- package/dist/modal.js +39 -26
- package/dist/option-badge.js +12 -10
- package/dist/pagination.js +23 -9
- package/dist/radio.js +24 -10
- package/dist/skeleton.js +4 -4
- package/dist/step-progress.js +3 -3
- package/dist/styles.css +42 -0
- package/dist/switch.js +24 -8
- package/dist/tabs.js +22 -6
- package/dist/text-area.js +30 -8
- package/dist/text-field.js +31 -9
- package/dist/text.js +5 -5
- package/dist/toast.js +32 -15
- package/dist/tokens.css +2 -0
- package/dist/tooltip.js +33 -18
- 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 */
|
|
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
|
|
121
|
-
/* harmony import */ var
|
|
122
|
-
/* harmony import */ var
|
|
123
|
-
/* harmony import */ var
|
|
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
|
-
|
|
158
|
-
|
|
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)(
|
|
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)(
|
|
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)(
|
|
172
|
-
className: (0,
|
|
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
|
-
/******/
|
|
307
|
-
/******/
|
|
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-
|
|
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-
|
|
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, [
|
|
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.
|
|
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
|
}
|