@wishket/design-system 2.0.2 → 2.1.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/dist/Components/DataDisplays/ServiceLogo/Icons/AIDPSymbol.d.ts +3 -0
- package/dist/Components/DataDisplays/ServiceLogo/Icons/AIDPSymbol.js +7 -0
- package/dist/Components/DataDisplays/ServiceLogo/Icons/index.d.ts +1 -0
- package/dist/Components/DataDisplays/ServiceLogo/ServiceLogo.constants.js +1 -1
- package/dist/Components/DataDisplays/ServiceLogo/ServiceLogo.types.d.ts +1 -1
- 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/DataDisplays/ServiceLogo/Icons/AIDPSymbol.js +7 -0
- package/dist/cjs/Components/DataDisplays/ServiceLogo/ServiceLogo.constants.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
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import{jsxs as t,jsx as o}from"react/jsx-runtime";import"react";const s=({className:s})=>/*#__PURE__*/t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:s,"data-testid":"design-system-logo--aidp-symbol",children:[
|
|
2
|
+
/*#__PURE__*/o("path",{d:"M12.8657 5.92773C13.0057 5.92773 13.1196 6.04156 13.1196 6.18164V10.499L5.45557 17.9756C5.36098 18.0676 5.23468 18.119 5.10303 18.1191H1.00244C0.862933 18.1189 0.749512 18.0055 0.749512 17.8652V13.7617C0.749579 13.6247 0.804907 13.493 0.902832 13.3975L8.4126 6.07129C8.50729 5.97901 8.6342 5.92775 8.76611 5.92773H12.8657ZM18.1851 17.8652C18.1851 18.0052 18.0716 18.1189 17.9321 18.1191H13.3726C13.233 18.1189 13.1196 18.0052 13.1196 17.8652V10.499H18.1851V17.8652ZM22.9966 5.92773C23.1363 5.92773 23.2495 6.04156 23.2495 6.18164V10.2451C23.2495 10.3852 23.1363 10.499 22.9966 10.499H18.1851V6.18164C18.1851 6.04156 18.2983 5.92774 18.438 5.92773H22.9966Z",fill:"url(#paint0_linear_14615_2284)"}),
|
|
3
|
+
/*#__PURE__*/o("defs",{children:/*#__PURE__*/t("linearGradient",{id:"paint0_linear_14615_2284",x1:"34.2884",y1:"-4.28827",x2:"-4.3822",y2:"24.2585",gradientUnits:"userSpaceOnUse",children:[
|
|
4
|
+
/*#__PURE__*/o("stop",{stopColor:"#010619"}),
|
|
5
|
+
/*#__PURE__*/o("stop",{offset:"0.416731",stopColor:"#116AF8"}),
|
|
6
|
+
/*#__PURE__*/o("stop",{offset:"0.867901",stopColor:"#21C4FF"}),
|
|
7
|
+
/*#__PURE__*/o("stop",{offset:"0.9999",stopColor:"#05E4CA"})]})})]});export{s as AIDPSymbol};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{WishketSymbolText as o}from"./Icons/WishketSymbolText.js";import{WishketSymbol as m}from"./Icons/WishketSymbol.js";import{WishketText as s}from"./Icons/WishketText.js";import{YozmITSymbolText as t}from"./Icons/YozmITSymbolText.js";import{YozmITSymbol as
|
|
1
|
+
import{WishketSymbolText as o}from"./Icons/WishketSymbolText.js";import{WishketSymbol as m}from"./Icons/WishketSymbol.js";import{WishketText as s}from"./Icons/WishketText.js";import{YozmITSymbolText as t}from"./Icons/YozmITSymbolText.js";import{YozmITSymbol as r}from"./Icons/YozmITSymbol.js";import{YozmITText as e}from"./Icons/YozmITText.js";import{JobsSymbol as i}from"./Icons/JobsSymbol.js";import{AIDPSymbol as y}from"./Icons/AIDPSymbol.js";const I=new Map([["wishket_symbol",m],["wishket_symbol_text",o],["wishket_text",s],["yozmIT_symbol",r],["yozmIT_symbol_text",t],["yozmIT_text",e],["jobs_symbol",i],["aidp_symbol",y]]);export{I as LogoMap};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type ServiceLogoNames = 'wishket_symbol' | 'wishket_symbol_text' | 'wishket_text' | 'yozmIT_symbol' | 'yozmIT_symbol_text' | 'yozmIT_text' | 'jobs_symbol';
|
|
1
|
+
export type ServiceLogoNames = 'wishket_symbol' | 'wishket_symbol_text' | 'wishket_text' | 'yozmIT_symbol' | 'yozmIT_symbol_text' | 'yozmIT_text' | 'jobs_symbol' | 'aidp_symbol';
|
|
2
2
|
export type ServiceLogoPartProps = {
|
|
3
3
|
className?: string;
|
|
4
4
|
variant?: 'default' | 'disabled' | 'bluegray' | 'white';
|
|
@@ -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};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";var s=require("react/jsx-runtime");require("react");exports.AIDPSymbol=({className:e})=>/*#__PURE__*/s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:e,"data-testid":"design-system-logo--aidp-symbol",children:[
|
|
2
|
+
/*#__PURE__*/s.jsx("path",{d:"M12.8657 5.92773C13.0057 5.92773 13.1196 6.04156 13.1196 6.18164V10.499L5.45557 17.9756C5.36098 18.0676 5.23468 18.119 5.10303 18.1191H1.00244C0.862933 18.1189 0.749512 18.0055 0.749512 17.8652V13.7617C0.749579 13.6247 0.804907 13.493 0.902832 13.3975L8.4126 6.07129C8.50729 5.97901 8.6342 5.92775 8.76611 5.92773H12.8657ZM18.1851 17.8652C18.1851 18.0052 18.0716 18.1189 17.9321 18.1191H13.3726C13.233 18.1189 13.1196 18.0052 13.1196 17.8652V10.499H18.1851V17.8652ZM22.9966 5.92773C23.1363 5.92773 23.2495 6.04156 23.2495 6.18164V10.2451C23.2495 10.3852 23.1363 10.499 22.9966 10.499H18.1851V6.18164C18.1851 6.04156 18.2983 5.92774 18.438 5.92773H22.9966Z",fill:"url(#paint0_linear_14615_2284)"}),
|
|
3
|
+
/*#__PURE__*/s.jsx("defs",{children:/*#__PURE__*/s.jsxs("linearGradient",{id:"paint0_linear_14615_2284",x1:"34.2884",y1:"-4.28827",x2:"-4.3822",y2:"24.2585",gradientUnits:"userSpaceOnUse",children:[
|
|
4
|
+
/*#__PURE__*/s.jsx("stop",{stopColor:"#010619"}),
|
|
5
|
+
/*#__PURE__*/s.jsx("stop",{offset:"0.416731",stopColor:"#116AF8"}),
|
|
6
|
+
/*#__PURE__*/s.jsx("stop",{offset:"0.867901",stopColor:"#21C4FF"}),
|
|
7
|
+
/*#__PURE__*/s.jsx("stop",{offset:"0.9999",stopColor:"#05E4CA"})]})})]});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var o=require("./Icons/WishketSymbolText.js"),e=require("./Icons/WishketSymbol.js"),s=require("./Icons/WishketText.js"),t=require("./Icons/YozmITSymbolText.js"),m=require("./Icons/YozmITSymbol.js"),b=require("./Icons/YozmITText.js"),y=require("./Icons/JobsSymbol.js"),i=require("./Icons/AIDPSymbol.js");const r=new Map([["wishket_symbol",e.WishketSymbol],["wishket_symbol_text",o.WishketSymbolText],["wishket_text",s.WishketText],["yozmIT_symbol",m.YozmITSymbol],["yozmIT_symbol_text",t.YozmITSymbolText],["yozmIT_text",b.YozmITText],["jobs_symbol",y.JobsSymbol],["aidp_symbol",i.AIDPSymbol]]);exports.LogoMap=r;
|
|
@@ -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.1.0",
|
|
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
|
}
|