@wishket/design-system 1.0.9 → 1.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/Atoms/IconButton/IconButton.d.ts +1 -1
- package/dist/Components/Atoms/IconButton/IconButton.js +1 -1
- package/dist/Components/Atoms/ImageLabel/ImageLabel.d.ts +1 -1
- package/dist/Components/Atoms/ImageLabel/ImageLabel.js +1 -1
- package/dist/Components/Atoms/ImageLabel/parts/Ai.js +1 -1
- package/dist/Components/Atoms/ImageLabel/parts/Beta.js +1 -1
- package/dist/Components/Atoms/ImageLabel/parts/New.js +1 -1
- package/dist/Components/Atoms/Label/Label.d.ts +3 -3
- package/dist/Components/Atoms/Label/Label.js +1 -1
- package/dist/Components/Atoms/Label/Label.stories.d.ts +6 -2
- package/dist/Components/Atoms/SkillLabel/SkillLabel.parts.js +1 -1
- package/dist/Components/Molecules/Drawer/Drawer.js +1 -1
- package/dist/Components/Molecules/Drawer/Drawer.parts.js +1 -1
- package/dist/Components/Molecules/PlainTooltip/PlainTooltip.d.ts +8 -0
- package/dist/Components/Molecules/PlainTooltip/PlainTooltip.js +1 -0
- package/dist/Components/Molecules/{Tooltip/Tooltip.stories.d.ts → PlainTooltip/PlainTooltip.stories.d.ts} +2 -3
- package/dist/Components/Molecules/PlainTooltip/index.d.ts +2 -0
- package/dist/Components/Molecules/PlainTooltip/index.js +1 -0
- package/dist/Components/Molecules/RichTooltip/RichTooltip.d.ts +8 -0
- package/dist/Components/Molecules/RichTooltip/RichTooltip.js +1 -0
- package/dist/Components/Molecules/RichTooltip/RichTooltip.stories.d.ts +6 -0
- package/dist/Components/Molecules/RichTooltip/index.d.ts +2 -0
- package/dist/Components/Molecules/RichTooltip/index.js +1 -0
- package/dist/Components/Molecules/index.d.ts +2 -1
- package/dist/Components/Organisms/TextTab/TextTab.d.ts +1 -1
- package/dist/Components/Organisms/TextTab/TextTab.parts.d.ts +1 -1
- package/dist/Components/Organisms/TextTab/TextTab.parts.js +1 -1
- package/dist/Components/Organisms/TextTab/TextTab.stories.d.ts +1 -0
- package/dist/Components/Organisms/TextTab/TextTab.types.d.ts +2 -0
- package/dist/Components/Organisms/WithRichTooltip/WithRichTooltip.d.ts +10 -0
- package/dist/Components/Organisms/WithRichTooltip/WithRichTooltip.js +2 -0
- package/dist/Components/Organisms/WithRichTooltip/WithRichTooltip.stories.d.ts +6 -0
- package/dist/Components/Organisms/WithRichTooltip/index.d.ts +2 -0
- package/dist/Components/Organisms/WithRichTooltip/index.js +1 -0
- package/dist/Components/Organisms/index.d.ts +1 -0
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/Components/Atoms/ImageLabel/parts/Premium.js +0 -1
- package/dist/Components/Atoms/ImageLabel/parts/Pro.js +0 -1
- package/dist/Components/Molecules/Tooltip/Tooltip.d.ts +0 -9
- package/dist/Components/Molecules/Tooltip/Tooltip.js +0 -1
- package/dist/Components/Molecules/Tooltip/index.d.ts +0 -2
- package/dist/Components/Molecules/Tooltip/index.js +0 -1
- /package/dist/Components/Molecules/{Tooltip/Tooltip.parts.d.ts → PlainTooltip/PlainTooltip.parts.d.ts} +0 -0
- /package/dist/Components/Molecules/{Tooltip/Tooltip.parts.js → PlainTooltip/PlainTooltip.parts.js} +0 -0
|
@@ -3,5 +3,5 @@ export interface IconButtonProps extends ComponentProps<'button'> {
|
|
|
3
3
|
size?: 'sm' | 'md' | 'lg';
|
|
4
4
|
outline?: boolean;
|
|
5
5
|
}
|
|
6
|
-
declare const IconButton: ({ size, outline, children, onClick, ...rest }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare const IconButton: ({ size, outline, children, onClick, className, ...rest }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export default IconButton;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("tailwind-merge"),n=require("../Box/Box.js");module.exports=function(s){var u=s.size,u=void 0===u?"md":u,
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("tailwind-merge"),n=require("../Box/Box.js");module.exports=function(s){var u=s.size,u=void 0===u?"md":u,a=s.outline,a=void 0!==a&&a,l=s.children,o=s.onClick,c=s.className,s=e.__rest(s,["size","outline","children","onClick","className"]),d=i.useState(!1),m=d[0],f=d[1],_=i.useRef(null);return i.useEffect(function(){return function(){_.current&&clearTimeout(_.current)}},[]),t.jsxs("button",e.__assign({"data-testid":"design-system-icon-button",type:"button",className:r.twMerge("relative flex cursor-pointer items-center justify-center rounded-xl border bg-transparent","sm"===u?"size-6 rounded-lg":"md"===u?"size-9":"lg"===u?"size-[50px]":void 0,a?"border-w-gray-200 overflow-hidden":"border-transparent",c),onClick:function(e){null!=o&&o(e),f(!0),_.current&&clearTimeout(_.current),_.current=setTimeout(function(){f(!1)},300)}},s,{children:[m&&t.jsx(n,{"data-testid":"design-system-icon-button--ripple",className:r.twMerge("absolute -z-10 h-full w-full bg-w-gray-50",a&&"sm"===u?"animate-[rippleOutlineSmall_0.3s_ease-in-out_infinite]":a?"animate-[rippleOutline_0.3s_ease-in-out_infinite]":"animate-[ripple_0.3s_ease-in-out_infinite]")}),t.jsx(n,{"data-testid":"design-system-icon-button--icon",className:r.twMerge("flex items-center justify-center"),children:l})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../Box/Box.js"),s=require("./parts/NewCircle.js"),i=require("./parts/New.js"),a=require("./parts/Beta.js"),u=require("./parts/Ai.js");module.exports=function(n){var c=n.type;return e.jsx(t,{"data-testid":"design-system-imageLabel",className:r.twJoin("h-fit w-fit text-primary","new_circle"!==c&&"pb-1.5"),children:e.jsx(function(){switch(c){case"new_circle":return e.jsx(s,{});case"new":return e.jsx(i,{});case"beta":return e.jsx(a,{});case"ai":return e.jsx(u,{});default:return null}},{})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");module.exports=function(){return e.jsx("svg",{width:"11",height:"
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");module.exports=function(){return e.jsx("svg",{width:"11",height:"10",viewBox:"0 0 11 10",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"imageLabel-ai",children:e.jsx("path",{d:"M0.577383 8L3.01879 0.929688H4.90355L7.34984 8H5.7727L3.99047 2.52637H3.93188L2.14477 8H0.577383ZM5.84105 5.22168V6.36914H2.06664V5.22168H5.84105ZM8.62574 2.69727H10.0711V8H8.62574V2.69727ZM9.3484 1.99902C9.20517 1.99902 9.07333 1.96647 8.95289 1.90137C8.83245 1.83626 8.73642 1.74674 8.6648 1.63281C8.59319 1.51888 8.55738 1.39681 8.55738 1.2666C8.55738 1.13314 8.59319 1.01107 8.6648 0.900391C8.73642 0.786458 8.83245 0.69694 8.95289 0.631836C9.07333 0.566732 9.20517 0.53418 9.3484 0.53418C9.49163 0.53418 9.62346 0.566732 9.74391 0.631836C9.86435 0.69694 9.95875 0.786458 10.0271 0.900391C10.0987 1.01107 10.1345 1.13314 10.1345 1.2666C10.1345 1.39681 10.0987 1.51888 10.0271 1.63281C9.95875 1.74674 9.86435 1.83626 9.74391 1.90137C9.62346 1.96647 9.49163 1.99902 9.3484 1.99902Z",fill:"currentColor"})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var C=require("react/jsx-runtime");module.exports=function(){return C.jsx("svg",{width:"27",height:"
|
|
1
|
+
"use strict";var C=require("react/jsx-runtime");module.exports=function(){return C.jsx("svg",{width:"27",height:"10",viewBox:"0 0 27 10",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"imageLabel-beta",children:C.jsx("path",{d:"M0.885468 0.929688H3.69797C4.20253 0.929688 4.63059 1.00618 4.98215 1.15918C5.33371 1.30892 5.59738 1.52051 5.77316 1.79395C5.9522 2.06413 6.04172 2.38151 6.04172 2.74609C6.04172 3.01302 5.98638 3.25065 5.8757 3.45898C5.76828 3.66732 5.61854 3.83984 5.42648 3.97656C5.23768 4.11003 5.01796 4.20443 4.7673 4.25977V4.32812C5.03749 4.34115 5.29139 4.41927 5.52902 4.5625C5.76665 4.70573 5.95708 4.90592 6.10031 5.16309C6.24354 5.41699 6.31516 5.71322 6.31516 6.05176C6.31516 6.42936 6.22238 6.76465 6.03684 7.05762C5.85129 7.35059 5.5746 7.58171 5.20676 7.75098C4.84217 7.91699 4.40109 8 3.88352 8H0.885468V0.929688ZM3.58566 6.79395C3.86236 6.79395 4.09022 6.75814 4.26926 6.68652C4.45155 6.61165 4.58501 6.50911 4.66965 6.37891C4.75428 6.24544 4.7966 6.08757 4.7966 5.90527C4.7966 5.70996 4.7494 5.53418 4.655 5.37793C4.5606 5.22168 4.42388 5.10286 4.24484 5.02148C4.06906 4.93685 3.86236 4.89453 3.62473 4.89453H2.35031V6.79395H3.58566ZM3.47824 3.89355C3.68332 3.89355 3.86724 3.85612 4.03 3.78125C4.19602 3.70638 4.3246 3.60059 4.41574 3.46387C4.51014 3.32715 4.55734 3.16602 4.55734 2.98047C4.55734 2.80469 4.51665 2.65332 4.43527 2.52637C4.35389 2.39616 4.23345 2.29688 4.07395 2.22852C3.9177 2.1569 3.72889 2.12109 3.50754 2.12109H2.35031V3.89355H3.47824ZM7.73266 0.929688H12.4787V2.14062H9.1975V3.85938H12.2297V5.06543H9.1975V6.78906H12.4885V8H7.73266V0.929688ZM13.8181 0.929688H19.6091V2.14062H17.4412V8H15.991V2.14062H13.8181V0.929688ZM19.7425 8L22.1839 0.929688H24.0686L26.5149 8H24.9378L23.1555 2.52637H23.097L21.3098 8H19.7425ZM25.0061 5.22168V6.36914H21.2317V5.22168H25.0061Z",fill:"currentColor"})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var H=require("react/jsx-runtime");module.exports=function(){return H.jsx("svg",{width:"24",height:"
|
|
1
|
+
"use strict";var H=require("react/jsx-runtime");module.exports=function(){return H.jsx("svg",{width:"24",height:"10",viewBox:"0 0 24 10",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"imageLabel-new",children:H.jsx("path",{d:"M6.52488 8H5.25535L2.14988 3.50781H2.09617V8H0.631329V0.929688H1.92039L5.00145 5.41699H5.06492V0.929688H6.52488V8ZM8.21094 0.929688H12.957V2.14062H9.67578V3.85938H12.708V5.06543H9.67578V6.78906H12.9668V8H8.21094V0.929688ZM14.1402 0.929688H15.7368L16.9234 5.87109H16.9868L18.2808 0.929688H19.6675L20.9663 5.88574H21.0249L22.2114 0.929688H23.8081L21.7915 8H20.3511L19.0034 3.33203H18.9497L17.5972 8H16.1616L14.1402 0.929688Z",fill:"currentColor"})})};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { SystemIconName } from '../SystemIcon/SystemIcon.types';
|
|
3
3
|
export interface LabelRootProps extends ComponentProps<'div'> {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
type?: 'text' | 'outlined' | 'filled';
|
|
5
|
+
variant?: 'primary' | 'gray';
|
|
6
6
|
size?: 'sm' | 'md';
|
|
7
7
|
canHover?: boolean;
|
|
8
8
|
}
|
|
@@ -10,7 +10,7 @@ export interface LabelIconProps extends ComponentProps<'div'> {
|
|
|
10
10
|
icon?: SystemIconName;
|
|
11
11
|
}
|
|
12
12
|
declare const Label: {
|
|
13
|
-
Root: ({ children, className, size,
|
|
13
|
+
Root: ({ children, className, size, type, variant, ref, canHover, ...rest }: LabelRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
Text: ({ children, className }: ComponentProps<'div'>) => import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
Icon: ({ children, className, icon }: LabelIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),i=require("../Box/Box.js"),n=require("../Typography/Typography.js"),s=require("../SystemIcon/SystemIcon.js"),o=t.createContext({type:"",variant:"",size:""}),y={Root:function(n){function s(r){return t.isValidElement(r)&&"function"==typeof r.type&&r.type.toString().includes("icon")}var y=n.children,p=n.className,c=n.size,d=void 0===c?"md":c,c=n.type,g=void 0===c?"text":c,c=n.variant,l=void 0===c?"primary":c,c=(n.ref,n.canHover),m=void 0!==c&&c,c=e.__rest(n,["children","className","size","type","variant","ref","canHover"]),n=t.Children.toArray(y),u=n.length-1,x=s(n[0]),v=s(n[u]);return r.jsx(o.Provider,{value:{type:g,variant:l,size:d},children:r.jsx(i,e.__assign({"data-testid":"design-system-label",className:a.twMerge("flex w-fit items-center","sm"===d&&"gap-1","md"===d&&"gap-1.5",function(){var r="sm"===d,e="rounded-lg px-2";if("text"!==g)return"outlined"===g?a.twMerge(e,r?"border py-px":"border py-0",x&&"pl-1.5",v&&"pr-1.5"):a.twMerge(e,r?"py-0.5":"py-px",x&&"pl-1.5",v&&"pr-1.5")}(),m&&"cursor-pointer",function(){var r="outlined"===g;if("text"!==g)return"gray"===l?r?m?"bg-w-gray-10 border-w-gray-200 hover:border-w-gray-400":"bg-w-gray-10 border-w-gray-200":m?"bg-w-gray-10 hover:bg-w-gray-200":"bg-w-gray-10":r?m?"bg-primary-50 border-primary-200 hover:border-primary":"bg-primary-50 border-primary-200":m?"bg-primary-50 hover:bg-primary-100":"bg-primary-50"}(),p)},c,{children:y}))})},Text:function(e){var i=e.children,e=e.className,s=t.useContext(o),y=s.type,p=s.variant,s=s.size;return r.jsx(n,{variant:"md"===s?"body2":"caption1","data-testid":"design-system-label--text",className:a.twMerge("select-none text-w-gray-600",!("text"===y)&&"primary"===p&&"text-primary",e),children:i})},Icon:function(e){var n=e.children,y=e.className,e=e.icon,p=t.useContext(o),c=p.type,p=p.variant;return r.jsxs(i,{"data-testid":"design-system-label--icon",className:a.twMerge("aspect-w-[14px] size-[14px] shrink-0 object-contain",!e&&y),children:[e&&r.jsx(s,{name:e,className:a.twMerge("text-w-gray-400","primary"===p&&"text-primary","text"===c&&"text-w-gray-400",y)}),n]})}};module.exports=y;
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({ children, className, size,
|
|
4
|
+
component: ({ children, className, size, type, variant, ref, canHover, ...rest }: import("./Label").LabelRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
tags: string[];
|
|
6
6
|
argTypes: {
|
|
7
|
-
|
|
7
|
+
type: {
|
|
8
|
+
control: string;
|
|
9
|
+
options: string[];
|
|
10
|
+
};
|
|
11
|
+
size: {
|
|
8
12
|
control: string;
|
|
9
13
|
options: string[];
|
|
10
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../Box/Box.js"),t=require("../Typography/Typography.js");exports.Icon=function(s){var t=s.className,s=s.iconUrl;return e.jsx("img",{"data-testid":"design-system-skill-chip--icon",src:s,alt:"icon",width:24,height:24,className:r.twMerge("size-6 shrink-0 rounded-full object-cover",t)})},exports.Root=function(t){var i=t.children,t=t.className;return e.jsx(s,{"data-testid":"design-system-skill-chip",className:r.twMerge("flex h-9 w-fit shrink-0 select-none items-center gap-
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../Box/Box.js"),t=require("../Typography/Typography.js");exports.Icon=function(s){var t=s.className,s=s.iconUrl;return e.jsx("img",{"data-testid":"design-system-skill-chip--icon",src:s,alt:"icon",width:24,height:24,className:r.twMerge("size-6 shrink-0 rounded-full object-cover",t)})},exports.Root=function(t){var i=t.children,t=t.className;return e.jsx(s,{"data-testid":"design-system-skill-chip",className:r.twMerge("flex h-9 w-fit shrink-0 select-none items-center gap-2 rounded-xl border border-w-gray-200 py-[5px] pl-[7px] pr-[15px]",t),children:i})},exports.Text=function(s){var i=s.children,s=s.className;return e.jsx(t,{variant:"body2",className:r.twMerge("text-w-gray-900",s),children:i})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),i=(require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallBell.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./Drawer.parts.js")),t=require("./Drawer.styles.js");module.exports=function(o){var a=o.isOpen,l=o.onClose,n=o.direction,n=void 0===n?"right":n,m=o.size,u=o.className,o=o.children;return e.jsxs(e.Fragment,{children:[e.jsx(s,{className:r.twMerge("fixed
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),i=(require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallBell.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./Drawer.parts.js")),t=require("./Drawer.styles.js");module.exports=function(o){var a=o.isOpen,l=o.onClose,n=o.direction,n=void 0===n?"right":n,m=o.size,m=void 0===m?"quarter":m,u=o.className,o=o.children;return e.jsxs(e.Fragment,{children:[a&&e.jsx(i.Backdrop,{onClick:l}),e.jsx(s,{className:r.twMerge("fixed flex flex-col bg-white transition-transform duration-300 ease-in-out",t.directionStyle[n],t.sizeStyle(m,n),a&&t.openStyle[n],u),"data-testid":"design-system-drawer",children:o})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime");exports.Backdrop=function(s){return r.jsx("div",e.__assign({"data-testid":"design-system-drawer-backdrop",className:"fixed inset-0
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime");exports.Backdrop=function(s){return r.jsx("div",e.__assign({"data-testid":"design-system-drawer-backdrop",className:"fixed inset-0 bg-black bg-opacity-10"},s))};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
export interface TooltipProps extends ComponentProps<'div'> {
|
|
3
|
+
variant?: 'up' | 'down' | 'left' | 'right';
|
|
4
|
+
title?: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const PlainTooltip: ({ variant, children, className, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default PlainTooltip;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),a=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallBell.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./PlainTooltip.parts.js"));module.exports=function(i){var o=i.variant,o=void 0===o?"up":o,l=i.children,i=i.className;return e.jsx(s,{"data-testid":"design-system-plain-toolTip",className:i,children:e.jsxs(s,{className:"relative h-fit w-fit select-none border-none opacity-80 outline-none","data-testid":"design-system-plain-toolTip--container",children:[e.jsx(a.Arrow,{testId:"design-system-plain-toolTip--arrow",className:t.twMerge("absolute z-10","down"===o&&"-bottom-[7px] left-1/2 translate-x-[-50%] -rotate-90","up"===o&&"-top-[7px] left-1/2 translate-x-[-50%] rotate-90","left"===o&&"-left-[4.8px] top-1/2 translate-y-[-50%] rotate-0","right"===o&&"-right-[4.8px] top-1/2 translate-y-[-50%] rotate-180")}),e.jsx(s,{className:"z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg bg-w-black px-3 py-1 text-center",children:e.jsx(r,{variant:"body3",className:"whitespace-pre text-wrap break-all font-medium text-w-white opacity-100",children:l})})]})})};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({
|
|
4
|
+
component: ({ variant, children, className, }: import("./PlainTooltip").TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
tags: string[];
|
|
6
6
|
argTypes: {
|
|
7
|
-
|
|
7
|
+
variant: {
|
|
8
8
|
control: string;
|
|
9
9
|
options: string[];
|
|
10
10
|
};
|
|
@@ -25,4 +25,3 @@ export declare const Up: Story;
|
|
|
25
25
|
export declare const Down: Story;
|
|
26
26
|
export declare const Left: Story;
|
|
27
27
|
export declare const Right: Story;
|
|
28
|
-
export declare const Rich: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("./PlainTooltip.js");module.exports=e;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
export interface RichTooltipProps extends PropsWithChildren {
|
|
3
|
+
title?: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const RichTooltip: ({ title, description, className, children, }: RichTooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default RichTooltip;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"));require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallBell.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),module.exports=function(i){var a=i.title,o=i.description,l=i.className,i=i.children;return e.jsxs(t,{className:r.twMerge("flex w-full flex-col gap-1 rounded-xl bg-white px-6 py-5 shadow-graymedium tablet:w-80",l),"data-testid":"design-system-rich-tooltip",children:[a&&e.jsx(t,{className:"flex w-full items-start justify-between gap-4",children:e.jsx(s,{variant:"body2",className:"font-medium text-w-gray-900",children:a})}),o&&e.jsx(s,{variant:"body3",className:"text-w-gray-400",children:o}),i]})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("./RichTooltip.js");module.exports=e;
|
|
@@ -11,6 +11,7 @@ export { default as Pagination } from './Pagination';
|
|
|
11
11
|
export { default as Drawer } from './Drawer';
|
|
12
12
|
export { default as SnackBar } from './SnackBar';
|
|
13
13
|
export type { SnackBarProps } from './SnackBar';
|
|
14
|
-
export { default as
|
|
14
|
+
export { default as PlainTooltip } from './PlainTooltip';
|
|
15
|
+
export { default as RichTooltip } from './RichTooltip';
|
|
15
16
|
export { default as RangeSlider } from './RangeSlider';
|
|
16
17
|
export { default as RadioGroup } from './RadioGroup';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare const TextTab: {
|
|
3
|
-
Root: ({ children, defaultActive, isFit, hasPadding, onChange, }: import("./TextTab.types").RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
Root: ({ children, defaultActive, isFit, hasPadding, isFull, onChange, }: import("./TextTab.types").RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
Tabs: ({ children }: {
|
|
5
5
|
children?: import("react").ReactNode;
|
|
6
6
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
2
|
import { PanelProps, RootProps, TabProps } from './TextTab.types';
|
|
3
|
-
declare const Root: ({ children, defaultActive, isFit, hasPadding, onChange, }: RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Root: ({ children, defaultActive, isFit, hasPadding, isFull, onChange, }: RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare const Tabs: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
declare const Tab: ({ children, index, className, barColor, disabled, badgeNumber, iconName, }: TabProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
declare const Panel: ({ children, index }: PanelProps) => false | import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/CountBadge/CountBadge.js")),s=require("../../Atoms/Box/Box.js"),n=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),o=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),l=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),t.createContext({activeTab:0,defaultActive:0,animationDirection:"right",isFit:!0,hasPadding:!1,isFull:!1,handleTabClick:function(e){}}));exports.Panel=function(r){var i=r.children,r=r.index;return t.useContext(l).activeTab===r&&e.jsx(s,{"data-testid":"design-system-textTab--content",children:i})},exports.Root=function(r){var i=r.children,a=r.defaultActive,a=void 0===a?0:a,s=r.isFit,s=void 0===s||s,n=r.hasPadding,n=void 0!==n&&n,o=r.isFull,o=void 0!==o&&o,d=r.onChange,r=t.useState(a),c=r[0],u=r[1],r=t.useState(void 0),x=r[0],m=r[1];return e.jsx(l.Provider,{value:{activeTab:c,animationDirection:x,defaultActive:a,isFit:s,hasPadding:n,handleTabClick:function(e){if(e===c)return m(void 0);c<e&&m("right"),e<c&&m("left"),null!=d&&d(e),u(e)},isFull:o},children:i})},exports.Tab=function(o){var d=o.children,c=o.index,u=o.className,x=o.barColor,m=o.disabled,g=void 0!==m&&m,m=o.badgeNumber,o=o.iconName,h=t.useContext(l),f=h.isFit,v=h.handleTabClick,b=h.activeTab,j=h.animationDirection,h=h.isFull,b=c===b;return e.jsx(s,{tabIndex:0,"data-testid":"design-system-textTab--item-".concat(c),className:r.twMerge("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",g&&"cursor-not-allowed",h&&"w-full",u),onClick:function(){g||v(c)},children:e.jsxs(s,{className:r.twMerge("relative flex w-max flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!f&&"px-[33.5px]",h&&"w-full px-0",b&&"font-medium text-w-gray-900"),children:[o&&e.jsx(s,{className:"flex size-4 flex-shrink-0 items-center justify-center",children:e.jsx(n,{name:o,className:r.twMerge("size-4 text-w-gray-600 group-hover:text-w-gray-900",b&&"text-w-gray-900")})}),e.jsx(a,{variant:"body1",className:"relative",children:d}),m&&e.jsx(i,{text:m,className:"relative",variant:"gray"}),e.jsx("span",{"data-testid":"design-system-textTab--underbar-".concat(c),className:r.twMerge("absolute -bottom-px left-0 h-0.5 w-full rounded-t-lg bg-transparent",b&&"bg-w-gray-900 transition duration-500 ease-out ".concat("right"===(j||"")?"-left-1/2 translate-x-1/2":"left-1/2 -translate-x-1/2"),x)})]})})},exports.Tabs=function(i){var i=i.children,a=t.useContext(l),n=a.hasPadding,a=a.isFull;return e.jsxs(e.Fragment,{children:[e.jsx(s,{className:r.twJoin("block w-full items-start overflow-x-scroll scrollbar-hide",n&&"px-9"),"data-testid":"design-system-textTab--container",children:e.jsx(s,{className:r.twMerge("mb-px inline-flex w-full gap-10",a&&"gap-0"),children:i})}),e.jsx(o,{className:"w-full"})]})};
|
|
@@ -4,6 +4,7 @@ export interface RootProps extends PropsWithChildren {
|
|
|
4
4
|
defaultActive?: number;
|
|
5
5
|
isFit?: boolean;
|
|
6
6
|
hasPadding?: boolean;
|
|
7
|
+
isFull?: boolean;
|
|
7
8
|
onChange?: (index: number) => void;
|
|
8
9
|
}
|
|
9
10
|
export interface TabProps extends PropsWithChildren {
|
|
@@ -23,5 +24,6 @@ export type TabContextType = {
|
|
|
23
24
|
animationDirection: 'right' | 'left' | undefined;
|
|
24
25
|
isFit: boolean;
|
|
25
26
|
hasPadding: boolean;
|
|
27
|
+
isFull: boolean;
|
|
26
28
|
handleTabClick: (index: number) => void;
|
|
27
29
|
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
export interface WithRichTooltipProps extends PropsWithChildren {
|
|
3
|
+
size?: 'sm' | 'md';
|
|
4
|
+
variant?: 'right' | 'down';
|
|
5
|
+
title?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const WithRichTooltip: ({ size, variant, title, description, children, className, }: WithRichTooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default WithRichTooltip;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("react"),r=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),s=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),o=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("../../Molecules/RichTooltip/RichTooltip.js"));module.exports=function(n){var c=n.size,c=void 0===c?"md":c,a=n.variant,a=void 0===a?"right":a,l=n.title,m=n.description,u=n.children,n=n.className,d="md"===c?"medium_information":"small_information",h="right"===a,a="down"===a,x=i.useState(!1),j=x[0],p=x[1];return e.jsxs(r,{className:"relative h-fit w-fit","data-testid":"design-system-withRichTooltip",children:[e.jsx(r,{"data-testid":"design-system-withRichTooltip--trigger",className:"flex h-fit w-fit shrink-0 items-center justify-center",onMouseEnter:function(){return p(!0)},onMouseLeave:function(){return p(!1)},onClick:function(){return p(function(e){return!e})},children:e.jsx(s,{name:d,className:"text-w-gray-400",testId:"md"===c?"design-system-withRichTooltip--trigger-icon-md":"design-system-withRichTooltip--trigger-icon-sm"})}),j&&e.jsx(o,{title:l,description:m,className:t.twMerge("absolute",h&&"left-[calc(100%_+_12px)] top-0",a&&"left-0 top-[calc(100%_+_12px)]",n),children:u})]})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("./WithRichTooltip.js");module.exports=e;
|
|
@@ -8,3 +8,4 @@ export type { SkillItem, LegacySkillItem } from './Autocomplete';
|
|
|
8
8
|
export { default as TableOfContents } from './TableOfContents';
|
|
9
9
|
export type { TableOfContentsProps, ContentItem } from './TableOfContents';
|
|
10
10
|
export { default as Dialog } from './Dialog';
|
|
11
|
+
export { default as WithRichTooltip } from './WithRichTooltip';
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./Components/Atoms/Typography/Typography.js"),o=require("./Components/Atoms/Checkbox/Checkbox.js"),t=require("./Components/Atoms/CountBadge/CountBadge.js"),s=require("./Components/Atoms/Box/Box.js"),r=require("./Components/Atoms/ProductIcon/ProductIcon.js"),n=require("./Components/Atoms/Radio/Radio.js"),i=require("./Components/Atoms/Button/Button.js"),p=require("./Components/Atoms/LoadingIndicator/LoadingIndicator.js"),a=require("./Components/Atoms/TextField/TextField.js"),u=require("./Components/Atoms/Divider/Divider.js"),m=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),x=require("./Components/Atoms/Avatar/Avatar.js"),
|
|
1
|
+
"use strict";var e=require("./Components/Atoms/Typography/Typography.js"),o=require("./Components/Atoms/Checkbox/Checkbox.js"),t=require("./Components/Atoms/CountBadge/CountBadge.js"),s=require("./Components/Atoms/Box/Box.js"),r=require("./Components/Atoms/ProductIcon/ProductIcon.js"),n=require("./Components/Atoms/Radio/Radio.js"),i=require("./Components/Atoms/Button/Button.js"),p=require("./Components/Atoms/LoadingIndicator/LoadingIndicator.js"),a=require("./Components/Atoms/TextField/TextField.js"),u=require("./Components/Atoms/Divider/Divider.js"),m=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),x=require("./Components/Atoms/Avatar/Avatar.js"),l=require("./Components/Atoms/Switch/Switch.js"),C=require("./Components/Atoms/SystemIcon/SystemIcon.js"),c=require("./Components/Atoms/NewBadge/NewBadge.js"),d=require("./Components/Atoms/ChoiceChip/ChoiceChip.js"),j=require("./Components/Atoms/Textarea/Textarea.js"),q=require("./Components/Atoms/IconButton/IconButton.js"),g=require("./Components/Atoms/SkillLabel/SkillLabel.js"),h=require("./Components/Atoms/ImageLabel/ImageLabel.js"),B=require("./Components/Atoms/Label/Label.js"),T=require("./Components/Atoms/ModalContext/ModalContext.js"),L=require("./Components/Molecules/WithBadge/WithBadge.js"),A=require("./Components/Molecules/GridLayout/GridLayout.js"),b=require("./Components/Molecules/CheckboxList/CheckboxList.js"),M=require("./Components/Molecules/CheckboxCard/CheckboxCard.js"),S=require("./Components/Molecules/RadioList/RadioList.js"),k=require("./Components/Molecules/MessageBox/MessageBox.js"),I=require("./Components/Molecules/TextButton/TextButton.js"),R=require("./Components/Molecules/InputChip/InputChip.js"),w=require("./Components/Molecules/List/List.js"),D=require("./Components/Molecules/Pagination/Pagination.js"),y=require("./Components/Molecules/Drawer/Drawer.js"),O=require("./Components/Molecules/SnackBar/SnackBar.js"),v=require("./Components/Molecules/PlainTooltip/PlainTooltip.js"),G=require("./Components/Molecules/RichTooltip/RichTooltip.js"),P=require("./Components/Molecules/RangeSlider/RangeSlider.js"),W=require("./Components/Molecules/RadioGroup/RadioGroup.js"),F=require("./Components/Organisms/TextTab/TextTab.js"),N=require("./Components/Organisms/GNBList/GNBList.js"),f=require("./Components/Organisms/TextFieldDropdown/TextFieldDropdown.js"),z=require("./Components/Organisms/TextButtonsDropdown/TextButtonsDropdown.js"),E=require("./Components/Organisms/WithSnackBar/WithSnackBar.js"),H=require("./Components/Organisms/Autocomplete/Autocomplete.js"),J=require("./Components/Organisms/TableOfContents/TableOfContents.js"),K=require("./Components/Organisms/Dialog/Dialog.js"),Q=require("./Components/Organisms/WithRichTooltip/WithRichTooltip.js");exports.Typography=e,exports.Checkbox=o,exports.CountBadge=t,exports.Box=s,exports.ProductIcon=r,exports.Radio=n,exports.Button=i,exports.LoadingIndicator=p,exports.TextField=a,exports.Divider=u,exports.ServiceLogo=m,exports.Avatar=x,exports.Switch=l,exports.SystemIcon=C,exports.NewBadge=c,exports.ChoiceChip=d,exports.Textarea=j,exports.IconButton=q,exports.SkillLabel=g,exports.ImageLabel=h,exports.Label=B,exports.ModalContext=T,exports.WithBadge=L,exports.GridLayout=A,exports.CheckboxList=b,exports.CheckboxCard=M,exports.RadioList=S,exports.MessageBox=k,exports.TextButton=I,exports.InputChip=R,exports.List=w,exports.Pagination=D,exports.Drawer=y,exports.SnackBar=O,exports.PlainTooltip=v,exports.RichTooltip=G,exports.RangeSlider=P,exports.RadioGroup=W,exports.TextTab=F,exports.GNBList=N,exports.TextFieldDropdown=f,exports.TextButtonsDropdown=z,exports.WithSnackBar=E,exports.Autocomplete=H,exports.TableOfContents=J,exports.Dialog=K,exports.WithRichTooltip=Q;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var t=require("react/jsx-runtime");module.exports=function(){return t.jsxs("svg",{width:"74",height:"26",viewBox:"0 0 74 26",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"imageLabel-premium",children:[t.jsx("rect",{x:"1",y:"1",width:"72",height:"24",rx:"9",fill:"url(#paint0_linear_4078_2257)"}),t.jsx("rect",{x:"1",y:"1",width:"72",height:"24",rx:"9",stroke:"white",strokeWidth:"2"}),t.jsx("path",{d:"M8.80268 8.72266H11.8427C12.4228 8.72266 12.9223 8.83366 13.3412 9.05566C13.7638 9.27409 14.0843 9.58203 14.3027 9.97949C14.5211 10.377 14.6303 10.8335 14.6303 11.3491C14.6303 11.8683 14.5175 12.3249 14.2919 12.7188C14.0699 13.109 13.7459 13.4152 13.3198 13.6372C12.8972 13.8556 12.3924 13.9648 11.8051 13.9648H9.85004V12.665H11.5527C11.8642 12.665 12.1256 12.6113 12.3369 12.5039C12.5517 12.3929 12.711 12.2389 12.8149 12.042C12.9187 11.8451 12.9706 11.6141 12.9706 11.3491C12.9706 11.0841 12.9187 10.855 12.8149 10.6616C12.711 10.4647 12.5517 10.3143 12.3369 10.2104C12.1256 10.103 11.8624 10.0493 11.5473 10.0493H10.414V16.5H8.80268V8.72266ZM16.1362 8.72266H19.1762C19.7635 8.72266 20.2648 8.8265 20.6801 9.03418C21.0991 9.23828 21.4178 9.5319 21.6362 9.91504C21.8546 10.2982 21.9638 10.7458 21.9638 11.2578C21.9638 11.7663 21.8528 12.2085 21.6308 12.5845C21.4124 12.9569 21.0901 13.2433 20.664 13.4438C20.2379 13.6408 19.7295 13.7393 19.1386 13.7393H17.0815V12.4233H18.8862C19.2085 12.4233 19.4734 12.3804 19.6811 12.2944C19.8888 12.2049 20.0446 12.0742 20.1484 11.9023C20.2522 11.7305 20.3042 11.5156 20.3042 11.2578C20.3042 10.9928 20.2522 10.7708 20.1484 10.5918C20.0446 10.4128 19.887 10.2785 19.6757 10.189C19.4645 10.0959 19.1995 10.0493 18.8808 10.0493H17.7475V16.5H16.1362V8.72266ZM22.2431 16.5H20.4492L18.5639 12.9658H20.3095L22.2431 16.5ZM25.1777 16.5H23.5664V8.72266H25.1777V16.5ZM28.9663 8.72266L31.1309 13.9917H31.2222L33.3813 8.72266H35.374V16.5H33.8057V11.4028H33.7412L31.7109 16.4624H30.6313L28.6064 11.3921H28.542V16.5H26.979V8.72266H28.9663ZM38.7813 16.5H37.1699V8.72266H38.7813V16.5ZM47.0118 8.72266V13.7769C47.0118 14.3354 46.8775 14.8278 46.6089 15.2539C46.344 15.68 45.968 16.013 45.481 16.2529C44.994 16.4893 44.4318 16.6074 43.7945 16.6074C43.1535 16.6074 42.5913 16.4893 42.1079 16.2529C41.6245 16.013 41.2486 15.68 40.98 15.2539C40.715 14.8278 40.5826 14.3354 40.5826 13.7769V8.72266H42.1939V13.6426C42.1939 13.9362 42.2601 14.2012 42.3926 14.4375C42.5251 14.6702 42.7131 14.8547 42.9566 14.9907C43.2001 15.1232 43.4794 15.1895 43.7945 15.1895C44.1132 15.1895 44.3942 15.1232 44.6377 14.9907C44.8812 14.8547 45.0674 14.6702 45.1963 14.4375C45.3288 14.2012 45.3951 13.9362 45.3951 13.6426V8.72266H47.0118ZM50.795 8.72266L52.9595 13.9917H53.0508L55.21 8.72266H57.2027V16.5H55.6343V11.4028H55.5699L53.5396 16.4624H52.46L50.4351 11.3921H50.3707V16.5H48.8077V8.72266H50.795Z",fill:"white"}),t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M65.0908 11.9091L63.9999 9L62.909 11.9091L60 13L62.909 14.0909L63.9999 17L65.0908 14.0909L68 13L65.0908 11.9091Z",fill:"white"}),t.jsx("defs",{children:t.jsxs("linearGradient",{id:"paint0_linear_4078_2257",x1:"0",y1:"0",x2:"72.9657",y2:"27.7029",gradientUnits:"userSpaceOnUse",children:[t.jsx("stop",{stopColor:"#1879D5"}),t.jsx("stop",{offset:"0.205",stopColor:"#075DAE"}),t.jsx("stop",{offset:"0.503164",stopColor:"#02427F"}),t.jsx("stop",{offset:"0.8",stopColor:"#062D52"}),t.jsx("stop",{offset:"1",stopColor:"#081826"})]})})]})};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var C=require("react/jsx-runtime");module.exports=function(){return C.jsxs("svg",{width:"40",height:"26",viewBox:"0 0 40 26",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"imageLabel-pro",children:[C.jsx("rect",{x:"1",y:"1",width:"38",height:"24",rx:"9",fill:"url(#paint0_linear_4078_2270)"}),C.jsx("rect",{x:"1",y:"1",width:"38",height:"24",rx:"9",stroke:"white",strokeWidth:"2"}),C.jsx("path",{d:"M9.13768 8.72266H12.1777C12.7578 8.72266 13.2573 8.83366 13.6763 9.05566C14.0988 9.27409 14.4193 9.58203 14.6377 9.97949C14.8561 10.377 14.9653 10.8335 14.9653 11.3491C14.9653 11.8683 14.8525 12.3249 14.6269 12.7188C14.4049 13.109 14.0809 13.4152 13.6548 13.6372C13.2322 13.8556 12.7274 13.9648 12.1401 13.9648H10.185V12.665H11.8877C12.1992 12.665 12.4606 12.6113 12.6719 12.5039C12.8867 12.3929 13.046 12.2389 13.1499 12.042C13.2537 11.8451 13.3056 11.6141 13.3056 11.3491C13.3056 11.0841 13.2537 10.855 13.1499 10.6616C13.046 10.4647 12.8867 10.3143 12.6719 10.2104C12.4606 10.103 12.1974 10.0493 11.8823 10.0493H10.749V16.5H9.13768V8.72266ZM16.4712 8.72266H19.5112C20.0985 8.72266 20.5998 8.8265 21.0151 9.03418C21.4341 9.23828 21.7528 9.5319 21.9712 9.91504C22.1896 10.2982 22.2988 10.7458 22.2988 11.2578C22.2988 11.7663 22.1878 12.2085 21.9658 12.5845C21.7474 12.9569 21.4251 13.2433 20.999 13.4438C20.5729 13.6408 20.0645 13.7393 19.4736 13.7393H17.4165V12.4233H19.2212C19.5435 12.4233 19.8084 12.3804 20.0161 12.2944C20.2238 12.2049 20.3796 12.0742 20.4834 11.9023C20.5872 11.7305 20.6392 11.5156 20.6392 11.2578C20.6392 10.9928 20.5872 10.7708 20.4834 10.5918C20.3796 10.4128 20.222 10.2785 20.0107 10.189C19.7995 10.0959 19.5345 10.0493 19.2158 10.0493H18.0825V16.5H16.4712V8.72266ZM22.5781 16.5H20.7842L18.8989 12.9658H20.6445L22.5781 16.5ZM31.0127 12.6113C31.0127 13.4349 30.8552 14.1493 30.5401 14.7544C30.2285 15.356 29.7971 15.8161 29.2456 16.1348C28.6978 16.4499 28.0765 16.6074 27.3819 16.6074C26.6872 16.6074 26.0641 16.4499 25.5127 16.1348C24.9649 15.8161 24.5334 15.3542 24.2183 14.749C23.9068 14.1439 23.751 13.4313 23.751 12.6113C23.751 11.7806 23.9068 11.0645 24.2183 10.4629C24.5334 9.86133 24.9649 9.40299 25.5127 9.08789C26.0641 8.77279 26.6872 8.61523 27.3819 8.61523C28.0765 8.61523 28.6978 8.77279 29.2456 9.08789C29.7971 9.40299 30.2285 9.86133 30.5401 10.4629C30.8552 11.0645 31.0127 11.7806 31.0127 12.6113ZM29.3799 12.6113C29.3799 12.0635 29.2975 11.598 29.1328 11.2148C28.9717 10.8317 28.7407 10.5417 28.44 10.3447C28.1428 10.1442 27.7901 10.0439 27.3819 10.0439C26.9772 10.0439 26.6245 10.1442 26.3238 10.3447C26.0265 10.5417 25.7956 10.8317 25.6309 11.2148C25.4662 11.598 25.3838 12.0635 25.3838 12.6113C25.3838 13.1592 25.4662 13.6247 25.6309 14.0078C25.7956 14.391 26.0265 14.6828 26.3238 14.8833C26.6245 15.0802 26.9772 15.1787 27.3819 15.1787C27.7901 15.1787 28.1428 15.0802 28.44 14.8833C28.7407 14.6828 28.9717 14.391 29.1328 14.0078C29.2975 13.6247 29.3799 13.1592 29.3799 12.6113Z",fill:"white"}),C.jsx("defs",{children:C.jsxs("linearGradient",{id:"paint0_linear_4078_2270",x1:"0",y1:"0",x2:"43.7127",y2:"10.4102",gradientUnits:"userSpaceOnUse",children:[C.jsx("stop",{stopColor:"#1DD59F"}),C.jsx("stop",{offset:"0.245",stopColor:"#27CEC2"}),C.jsx("stop",{offset:"0.505",stopColor:"#2CC9DD"}),C.jsx("stop",{offset:"0.75",stopColor:"#30BEE6"}),C.jsx("stop",{offset:"1",stopColor:"#35AEF3"})]})})]})};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
2
|
-
export interface TooltipProps extends ComponentProps<'div'> {
|
|
3
|
-
variant?: 'plain' | 'rich';
|
|
4
|
-
direction?: 'up' | 'down' | 'left' | 'right';
|
|
5
|
-
title?: string;
|
|
6
|
-
description?: string;
|
|
7
|
-
}
|
|
8
|
-
declare const Tooltip: ({ direction, children, className, variant, title, description, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export default Tooltip;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("../../Atoms/Typography/Typography.js"),r=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),a=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallBell.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./Tooltip.parts.js"));module.exports=function(i){var o=i.direction,o=void 0===o?"up":o,l=i.children,n=i.className,d=i.variant,c=i.title,i=i.description;return e.jsx(r,{"data-testid":"design-system-toolTip",className:n,children:"rich"===(void 0===d?"plain":d)?e.jsxs(r,{className:t.twMerge("flex w-full flex-col gap-1 rounded-xl bg-white px-6 py-5 shadow-graymedium tablet:w-80 desktop:w-80"),"data-testid":"design-system-toolTip--rich",children:[e.jsx(r,{className:"flex w-full items-start justify-between gap-4",children:e.jsx(s,{variant:"body2",className:"font-medium text-w-gray-900",children:c})}),e.jsx(s,{variant:"body3",className:"text-w-gray-400",children:i})]}):e.jsxs(r,{className:"relative h-fit w-fit select-none border-none opacity-80 outline-none","data-testid":"design-system-toolTip--plain",children:[e.jsx(a.Arrow,{testId:"design-system-toolTip--arrow",className:t.twMerge("absolute z-10","down"===o&&"-bottom-[7px] left-1/2 translate-x-[-50%] -rotate-90","up"===o&&"-top-[7px] left-1/2 translate-x-[-50%] rotate-90","left"===o&&"-left-[4.8px] top-1/2 translate-y-[-50%] rotate-0","right"===o&&"-right-[4.8px] top-1/2 translate-y-[-50%] rotate-180")}),e.jsx(r,{className:"z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg bg-w-black px-3 py-1 text-center",children:e.jsx(s,{variant:"body3",className:"whitespace-pre text-wrap break-all font-medium text-w-white opacity-100",children:l})})]})})};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./Tooltip.js");module.exports=e;
|
|
File without changes
|
/package/dist/Components/Molecules/{Tooltip/Tooltip.parts.js → PlainTooltip/PlainTooltip.parts.js}
RENAMED
|
File without changes
|