@wishket/design-system 2.0.2 → 2.0.3
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/dist/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.js +5 -5
- package/dist/Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js +1 -1
- package/dist/Components/Inputs/Button/Button.js +1 -1
- package/dist/cjs/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.js +5 -5
- package/dist/cjs/Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js +3 -3
- package/dist/cjs/Components/Inputs/Button/Button.js +2 -2
- package/dist/config/tailwind.config.js +1 -1
- package/package.json +16 -16
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{Typography as
|
|
2
|
-
return t(
|
|
3
|
-
/*#__PURE__*/e(
|
|
4
|
-
/*#__PURE__*/e(
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{Typography as r}from"../../../Base/Typography/Typography.js";import{Box as a}from"../../../Base/Layouts/Box/Box.js";import"../../../Base/Layouts/FullBleed/FullBleed.js";import{Arrow as s}from"./PlainTooltip.parts.js";const l={up:{position:"bottom-full left-1/2 -translate-x-1/2 -translate-y-1",hover:"desktop:group-hover:-translate-y-3"},down:{position:"left-1/2 top-full -translate-x-1/2 translate-y-1",hover:"desktop:group-hover:translate-y-3"},left:{position:"right-full top-1/2 -translate-y-1/2 -translate-x-1",hover:"desktop:group-hover:-translate-x-3"},right:{position:"left-full top-1/2 -translate-y-1/2 translate-x-1",hover:"desktop:group-hover:translate-x-3"}},i=({id:i,text:n,variant:p="up",className:u})=>{const d=l[p];/*#__PURE__*/
|
|
2
|
+
return t(a,{className:o("pointer-events-none absolute z-10 w-max select-none","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","desktop:group-hover:visible desktop:group-hover:scale-100 desktop:group-hover:opacity-100",d.position,d.hover,u),role:"tooltip",id:i,"data-testid":"design-system-plain-toolTip--container",children:[
|
|
3
|
+
/*#__PURE__*/e(s,{testId:"design-system-plain-toolTip--arrow",variant:p}),
|
|
4
|
+
/*#__PURE__*/e(a,{className:"bg-w-black z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg px-3 py-1 text-center",children:/*#__PURE__*/e(r,{variant:"body13",className:"text-w-white font-medium text-wrap break-all whitespace-pre opacity-100",children:n})})]})};
|
|
5
5
|
/**
|
|
6
6
|
* 간단한 텍스트 툴팁을 표시하는 컴포넌트입니다.
|
|
7
7
|
*
|
|
@@ -28,4 +28,4 @@ return t(r,{className:o("pointer-events-none absolute z-10 w-max select-none","i
|
|
|
28
28
|
* </Tooltip.Trigger>
|
|
29
29
|
* <Tooltip.Plain variant="right" text="오른쪽에 표시되는 툴팁" />
|
|
30
30
|
* </Tooltip>
|
|
31
|
-
*/export{
|
|
31
|
+
*/export{i as PlainTooltip};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{Typography as i}from"../../../Base/Typography/Typography.js";import{Box as a}from"../../../Base/Layouts/Box/Box.js";import"../../../Base/Layouts/FullBleed/FullBleed.js";const s={right:{position:"top-0 left-[calc(100%+4px)]",hover:"group-hover:left-[calc(100%+12px)]",focus:"max-tablet:group-focus-within:left-[calc(100%_+_12px)]"},down:{position:"left-0 top-[calc(100%+4px)]",hover:"group-hover:top-[calc(100%+12px)]",focus:"max-tablet:group-focus-within:top-[calc(100%_+_12px)]"}},r=({id:r,title:l,description:c,variant:p="right",className:n,children:d})=>{const m=s[p];/*#__PURE__*/
|
|
2
|
-
return t(a,{className:o("absolute z-10","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",m.position,m.hover,m.focus),role:"tooltip",id:r,"data-testid":"design-system-rich-tooltip--container",children:/*#__PURE__*/e(a,{className:o("shadow-graymedium flex
|
|
2
|
+
return t(a,{className:o("absolute z-10","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",m.position,m.hover,m.focus),role:"tooltip",id:r,"data-testid":"design-system-rich-tooltip--container",children:/*#__PURE__*/e(a,{className:o("shadow-graymedium flex w-max flex-col gap-1 rounded-xl bg-white px-6 py-5",n),"data-testid":"design-system-rich-tooltip",children:[l&&/*#__PURE__*/t(a,{className:"flex w-full items-start justify-between gap-4","data-testid":"design-system-rich-tooltip--title",children:/*#__PURE__*/t(i,{variant:"body14",className:"text-w-gray-900 font-medium",children:l})}),c&&/*#__PURE__*/t(i,{variant:"body13",className:"text-w-gray-400","data-testid":"design-system-rich-tooltip--description",children:c}),d]})})};
|
|
3
3
|
/**
|
|
4
4
|
* 제목과 설명을 포함할 수 있는 리치 툴팁 컴포넌트입니다.
|
|
5
5
|
*
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useRef as
|
|
1
|
+
"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useRef as i,useEffect as o}from"react";import{twMerge as n}from"tailwind-merge";import{LoadingIndicator as a}from"../../Feedbacks/LoadingIndicator/LoadingIndicator.js";function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function b(e,r){if(null==e)return{};var t,i,o=function(e,r){if(null==e)return{};var t,i,o={},n=Object.keys(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const p={36:"h-[34px] typo-body14 px-[11px] gap-1",42:"h-[40px] typo-body14 px-[11px] gap-1",50:"h-[48px] typo-body16 px-[15px] gap-1.5",60:"h-[58px] typo-subTitle20 px-[23px] gap-2"},s={solid:"bg-primary-500 border-primary-500 hover:border-primary-700 hover:bg-primary-700 text-w-white disabled:bg-primary-100 disabled:border-primary-100 disabled:hover:bg-primary-100 disabled:hover:border-primary-100",outline_filled:"bg-primary-10 border-primary-200 hover:border-primary-500 text-primary-500 disabled:border-primary-200 disabled:hover:border-primary-200 disabled:text-primary-100",outlined:"bg-w-white border-w-gray-200 hover:border-primary-500 text-primary-500 disabled:hover:border-w-gray-200 disabled:text-primary-100",outline_gray:"bg-w-white border-w-gray-200 hover:border-w-gray-400 text-w-gray-600 disabled:hover:border-w-gray-200 disabled:text-w-gray-300"},c=/*#__PURE__*/t(((t,c)=>{var{type:y="button",disabled:u=!1,children:m,className:f,onClick:g,size:h="50",variant:v="outlined",rounded:x=!1,needThrottle:O=!1,isLoading:w=!1}=t,j=b(t,["type","disabled","children","className","onClick","size","variant","rounded","needThrottle","isLoading"]);const P=i(void 0),k=e=>{e.preventDefault(),P.current||(null==g||g(e),P.current=setTimeout((()=>{P.current=void 0}),300))};return o((()=>()=>{P&&clearTimeout(P.current)}),[P]),/*#__PURE__*/e("button",l(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){d(e,r,t[r])}))}return e}({ref:c,type:y,className:n("relative box-border flex h-fit w-fit items-center justify-center border","cursor-pointer disabled:cursor-not-allowed","outlined"===v&&x?"rounded-full":"rounded-xl",s[v],w&&"pointer-events-none",f),onClick:(()=>{if(!w)return O?k:g})(),disabled:u,"aria-busy":w,"aria-live":w?"polite":void 0},j),{children:[w&&/*#__PURE__*/r("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",children:/*#__PURE__*/r(a,{size:"36"===h||"42"===h?"sm":"md",className:"text-current"})}),
|
|
2
2
|
/*#__PURE__*/r("div",{className:n("flex items-center justify-center text-current",p[h],w&&"invisible"),"aria-hidden":w,"data-testid":"design-system-button--content",children:m})]}))}));c.displayName="Button";export{c as Button};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),o=require("../../../Base/Typography/Typography.js"),r=require("../../../Base/Layouts/Box/Box.js");require("../../../Base/Layouts/FullBleed/FullBleed.js");var a=require("./PlainTooltip.parts.js");const s={up:{position:"bottom-full left-1/2 -translate-x-1/2 -translate-y-1",hover:"desktop:group-hover:-translate-y-3"},down:{position:"left-1/2 top-full -translate-x-1/2 translate-y-1",hover:"desktop:group-hover:translate-y-3"},left:{position:"right-full top-1/2 -translate-y-1/2 -translate-x-1",hover:"desktop:group-hover:-translate-x-3"},right:{position:"left-full top-1/2 -translate-y-1/2 translate-x-1",hover:"desktop:group-hover:translate-x-3"}};
|
|
2
2
|
/**
|
|
3
3
|
* 간단한 텍스트 툴팁을 표시하는 컴포넌트입니다.
|
|
4
4
|
*
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
* </Tooltip.Trigger>
|
|
26
26
|
* <Tooltip.Plain variant="right" text="오른쪽에 표시되는 툴팁" />
|
|
27
27
|
* </Tooltip>
|
|
28
|
-
*/exports.PlainTooltip=({id:
|
|
29
|
-
return
|
|
30
|
-
/*#__PURE__*/
|
|
31
|
-
/*#__PURE__*/
|
|
28
|
+
*/exports.PlainTooltip=({id:l,text:i,variant:n="up",className:p})=>{const u=s[n];/*#__PURE__*/
|
|
29
|
+
return e.jsxs(r.Box,{className:t.twMerge("pointer-events-none absolute z-10 w-max select-none","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","desktop:group-hover:visible desktop:group-hover:scale-100 desktop:group-hover:opacity-100",u.position,u.hover,p),role:"tooltip",id:l,"data-testid":"design-system-plain-toolTip--container",children:[
|
|
30
|
+
/*#__PURE__*/e.jsx(a.Arrow,{testId:"design-system-plain-toolTip--arrow",variant:n}),
|
|
31
|
+
/*#__PURE__*/e.jsx(r.Box,{className:"bg-w-black z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg px-3 py-1 text-center",children:/*#__PURE__*/e.jsx(o.Typography,{variant:"body13",className:"text-w-white font-medium text-wrap break-all whitespace-pre opacity-100",children:i})})]})};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("../../../Base/Typography/Typography.js"),o=require("../../../Base/Layouts/Box/Box.js");require("../../../Base/Layouts/FullBleed/FullBleed.js");const
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("../../../Base/Typography/Typography.js"),o=require("../../../Base/Layouts/Box/Box.js");require("../../../Base/Layouts/FullBleed/FullBleed.js");const a={right:{position:"top-0 left-[calc(100%+4px)]",hover:"group-hover:left-[calc(100%+12px)]",focus:"max-tablet:group-focus-within:left-[calc(100%_+_12px)]"},down:{position:"left-0 top-[calc(100%+4px)]",hover:"group-hover:top-[calc(100%+12px)]",focus:"max-tablet:group-focus-within:top-[calc(100%_+_12px)]"}};
|
|
2
2
|
/**
|
|
3
3
|
* 제목과 설명을 포함할 수 있는 리치 툴팁 컴포넌트입니다.
|
|
4
4
|
*
|
|
@@ -28,5 +28,5 @@
|
|
|
28
28
|
* </Tooltip.Trigger>
|
|
29
29
|
* <Tooltip.Rich variant="down" title="경고" description="저장되지 않은 변경사항이 있습니다." />
|
|
30
30
|
* </Tooltip>
|
|
31
|
-
*/exports.RichTooltip=({id:
|
|
32
|
-
return e.jsx(o.Box,{className:t.twMerge("absolute z-10","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",u.position,u.hover,u.focus),role:"tooltip",id:
|
|
31
|
+
*/exports.RichTooltip=({id:s,title:r,description:l,variant:c="right",className:p,children:n})=>{const u=a[c];/*#__PURE__*/
|
|
32
|
+
return e.jsx(o.Box,{className:t.twMerge("absolute z-10","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",u.position,u.hover,u.focus),role:"tooltip",id:s,"data-testid":"design-system-rich-tooltip--container",children:/*#__PURE__*/e.jsxs(o.Box,{className:t.twMerge("shadow-graymedium flex w-max flex-col gap-1 rounded-xl bg-white px-6 py-5",p),"data-testid":"design-system-rich-tooltip",children:[r&&/*#__PURE__*/e.jsx(o.Box,{className:"flex w-full items-start justify-between gap-4","data-testid":"design-system-rich-tooltip--title",children:/*#__PURE__*/e.jsx(i.Typography,{variant:"body14",className:"text-w-gray-900 font-medium",children:r})}),l&&/*#__PURE__*/e.jsx(i.Typography,{variant:"body13",className:"text-w-gray-400","data-testid":"design-system-rich-tooltip--description",children:l}),n]})})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),i=require("../../Feedbacks/LoadingIndicator/LoadingIndicator.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,i,o=function(e,r){if(null==e)return{};var t,i,o={},n=Object.keys(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const d={36:"h-[
|
|
2
|
-
/*#__PURE__*/e.jsx("div",{className:t.twMerge("flex items-center justify-center text-current",d[m],
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),i=require("../../Feedbacks/LoadingIndicator/LoadingIndicator.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,i,o=function(e,r){if(null==e)return{};var t,i,o={},n=Object.keys(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const d={36:"h-[34px] typo-body14 px-[11px] gap-1",42:"h-[40px] typo-body14 px-[11px] gap-1",50:"h-[48px] typo-body16 px-[15px] gap-1.5",60:"h-[58px] typo-subTitle20 px-[23px] gap-2"},l={solid:"bg-primary-500 border-primary-500 hover:border-primary-700 hover:bg-primary-700 text-w-white disabled:bg-primary-100 disabled:border-primary-100 disabled:hover:bg-primary-100 disabled:hover:border-primary-100",outline_filled:"bg-primary-10 border-primary-200 hover:border-primary-500 text-primary-500 disabled:border-primary-200 disabled:hover:border-primary-200 disabled:text-primary-100",outlined:"bg-w-white border-w-gray-200 hover:border-primary-500 text-primary-500 disabled:hover:border-w-gray-200 disabled:text-primary-100",outline_gray:"bg-w-white border-w-gray-200 hover:border-w-gray-400 text-w-gray-600 disabled:hover:border-w-gray-200 disabled:text-w-gray-300"},s=/*#__PURE__*/r.forwardRef(((s,b)=>{var{type:c="button",disabled:p=!1,children:u,className:y,onClick:f,size:m="50",variant:g="outlined",rounded:x=!1,needThrottle:h=!1,isLoading:v=!1}=s,w=a(s,["type","disabled","children","className","onClick","size","variant","rounded","needThrottle","isLoading"]);const O=r.useRef(void 0),j=e=>{e.preventDefault(),O.current||(null==f||f(e),O.current=setTimeout((()=>{O.current=void 0}),300))};return r.useEffect((()=>()=>{O&&clearTimeout(O.current)}),[O]),/*#__PURE__*/e.jsxs("button",n(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){o(e,r,t[r])}))}return e}({ref:b,type:c,className:t.twMerge("relative box-border flex h-fit w-fit items-center justify-center border","cursor-pointer disabled:cursor-not-allowed","outlined"===g&&x?"rounded-full":"rounded-xl",l[g],v&&"pointer-events-none",y),onClick:(()=>{if(!v)return h?j:f})(),disabled:p,"aria-busy":v,"aria-live":v?"polite":void 0},w),{children:[v&&/*#__PURE__*/e.jsx("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",children:/*#__PURE__*/e.jsx(i.LoadingIndicator,{size:"36"===m||"42"===m?"sm":"md",className:"text-current"})}),
|
|
2
|
+
/*#__PURE__*/e.jsx("div",{className:t.twMerge("flex items-center justify-center text-current",d[m],v&&"invisible"),"aria-hidden":v,"data-testid":"design-system-button--content",children:u})]}))}));s.displayName="Button",exports.Button=s;
|
|
@@ -47,7 +47,7 @@ const config = {
|
|
|
47
47
|
boxShadow: {
|
|
48
48
|
'graysmall': '0px 1px 4px 0px rgba(0, 0, 0, 0.12)',
|
|
49
49
|
'graymedium': '0px 2px 8px 0px rgba(0, 0, 0, 0.16)',
|
|
50
|
-
'graylarge': '0px 12px 32px -12px rgba(0, 0, 0, 0.16)
|
|
50
|
+
'graylarge': '0px 12px 32px -12px rgba(0, 0, 0, 0.16)',
|
|
51
51
|
'bluegray': '0px 1px 4px 0px rgba(230, 235, 240, 0.80)',
|
|
52
52
|
'cyan': '0px 2px 8px 0px rgba(59, 163, 199, 0.32)',
|
|
53
53
|
'indigo': '0px 2px 8px 0px rgba(46, 107, 170, 0.32)',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wishket/design-system",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Wishket Design System",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -46,9 +46,9 @@
|
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@wishket/yogokit": "^0.2.2",
|
|
49
|
-
"next": "
|
|
50
|
-
"react": "19.2.
|
|
51
|
-
"react-dom": "19.2.
|
|
49
|
+
"next": "16.0.10",
|
|
50
|
+
"react": "19.2.3",
|
|
51
|
+
"react-dom": "19.2.3",
|
|
52
52
|
"sharp": "^0.34.3",
|
|
53
53
|
"tailwind-merge": "^2.2.2",
|
|
54
54
|
"tailwind-scrollbar-hide": "^1.1.7"
|
|
@@ -59,15 +59,15 @@
|
|
|
59
59
|
"@babel/preset-react": "^7.27.1",
|
|
60
60
|
"@changesets/changelog-github": "^0.5.0",
|
|
61
61
|
"@changesets/cli": "^2.27.1",
|
|
62
|
-
"@chromatic-com/storybook": "^4.
|
|
62
|
+
"@chromatic-com/storybook": "^4.1.3",
|
|
63
63
|
"@faker-js/faker": "^8.4.1",
|
|
64
64
|
"@rollup/plugin-terser": "^0.4.4",
|
|
65
|
-
"@storybook/addon-docs": "^
|
|
66
|
-
"@storybook/addon-links": "^
|
|
67
|
-
"@storybook/addon-onboarding": "^
|
|
65
|
+
"@storybook/addon-docs": "^10.1.9",
|
|
66
|
+
"@storybook/addon-links": "^10.1.9",
|
|
67
|
+
"@storybook/addon-onboarding": "^10.1.9",
|
|
68
68
|
"@storybook/addon-styling-webpack": "^2.0.0",
|
|
69
69
|
"@storybook/mdx2-csf": "^1.1.0",
|
|
70
|
-
"@storybook/nextjs": "^
|
|
70
|
+
"@storybook/nextjs": "^10.1.9",
|
|
71
71
|
"@swc/core": "^1.5.5",
|
|
72
72
|
"@tailwindcss/postcss": "^4.1.17",
|
|
73
73
|
"@testing-library/dom": "^9.3.4",
|
|
@@ -77,8 +77,8 @@
|
|
|
77
77
|
"@types/faker": "^6",
|
|
78
78
|
"@types/jest": "^29.5.11",
|
|
79
79
|
"@types/node": "^24.10.0",
|
|
80
|
-
"@types/react": "19.2.
|
|
81
|
-
"@types/react-dom": "19.2.
|
|
80
|
+
"@types/react": "19.2.7",
|
|
81
|
+
"@types/react-dom": "19.2.3",
|
|
82
82
|
"@typescript-eslint/eslint-plugin": "^8.46.4",
|
|
83
83
|
"@typescript-eslint/parser": "^8.46.4",
|
|
84
84
|
"@wishket/eslint-config-wishket": "^2.1.0",
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
"chromatic": "^11.7.0",
|
|
88
88
|
"dotenv": "^16.3.1",
|
|
89
89
|
"eslint": "^8",
|
|
90
|
-
"eslint-config-next": "
|
|
90
|
+
"eslint-config-next": "16.0.10",
|
|
91
91
|
"eslint-plugin-file-export-name": "^0.0.2",
|
|
92
92
|
"eslint-plugin-import": "^2.32.0",
|
|
93
93
|
"eslint-plugin-jest": "^29.1.0",
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
"eslint-plugin-jest-formatting": "^3.1.0",
|
|
96
96
|
"eslint-plugin-naming-convention": "^0.1.3",
|
|
97
97
|
"eslint-plugin-prettier": "^5.5.4",
|
|
98
|
-
"eslint-plugin-storybook": "^
|
|
98
|
+
"eslint-plugin-storybook": "^10.1.9",
|
|
99
99
|
"eslint-plugin-testing-library": "^7.13.3",
|
|
100
100
|
"eslint-plugin-unused-imports": "^4.3.0",
|
|
101
101
|
"jest": "^29.7.0",
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
"rollup-plugin-copy": "^3.5.0",
|
|
111
111
|
"rollup-plugin-swc3": "^0.12.1",
|
|
112
112
|
"rollup-preserve-directives": "^1.1.3",
|
|
113
|
-
"storybook": "^
|
|
113
|
+
"storybook": "^10.1.9",
|
|
114
114
|
"tailwindcss": "^4.1.17",
|
|
115
115
|
"ts-jest": "^29.1.1",
|
|
116
116
|
"ts-node": "^10.9.2",
|
|
@@ -130,8 +130,8 @@
|
|
|
130
130
|
],
|
|
131
131
|
"packageManager": "yarn@4.0.2",
|
|
132
132
|
"resolutions": {
|
|
133
|
-
"@types/react": "19.2.
|
|
134
|
-
"@types/react-dom": "19.2.
|
|
133
|
+
"@types/react": "19.2.7",
|
|
134
|
+
"@types/react-dom": "19.2.3",
|
|
135
135
|
"react": "19.2.0",
|
|
136
136
|
"react-dom": "19.2.0"
|
|
137
137
|
}
|