@wishket/design-system 1.15.1 → 1.16.0

package/dist/cjs/src/Components/DataDisplays/Li/Li.js

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("tailwind-merge"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var l=require("../../../../typography.styles.js");
+/**
+ * 리스트 아이템 컴포넌트입니다.
+ *
+ * @param {Object} props - 컴포넌트 프로퍼티
+ * @param {Variant} [props.variant] - 텍스트 타이포그래피 variant (기본값: body1)
+ * @param {string} [props.bulletClassName] - 리스트 아이템 불릿 클래스명 (기본값: 'text-w-bluegray-300')
+ * @param {number} [props.bulletSize] - 리스트 아이템 불릿 크기 (지름, 기본값: 3)
+ * @param {number} [props.gap] - 불릿과 children 간격 (기본값: 2)
+ * @param {string} [props.className] - 컴포넌트에 적용할 추가 CSS 클래스명
+ *
+ * @example
+ * // 기본 사용법
+ * <Li>내용을 적어줍니다.</Li>
+ *
+ * // 타이포그래피 variant 변경
+ * <Li variant="title3">내용을 적어줍니다.</Li>
+ *
+ * // 불릿 색상 조절
+ * <Li bulletClassName="text-w-red-800">내용을 적어줍니다.</Li>
+ *
+ * // 불릿 크기 조절 (지름)
+ * <Li bulletSize={5}>내용을 적어줍니다.</Li>
+ *
+ * // 간격 조절
+ * <Li gap={1}>Li</Li>
+ *
+ * // 커스텀 클래스와 함께 사용
+ * <Li className="text-w-red-800">내용을 적어줍니다.</Li>
+ *
+ */const r=({size:r=3,variant:i="body1",className:a})=>{var n;const o=r/2,d=4*r,u=(null===(n=l.typographyStyles[i])||void 0===n?void 0:n.lineHeight)||"26px",x=parseInt(u)/2-d/2;/*#__PURE__*/
+return e.jsx(t.Box,{className:s.twMerge("flex-shrink-0",a),style:{marginTop:`${x}px`,width:`${d}px`,height:`${d}px`},"data-testid":"design-system-li-bullet-container",children:/*#__PURE__*/e.jsx("svg",{width:d,height:d,viewBox:`0 0 ${d} ${d}`,fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"design-system-li-bullet",children:/*#__PURE__*/e.jsx("circle",{cx:d/2,cy:d/2,r:o,fill:"currentColor"})})})};exports.BulletIcon=r,exports.default=({children:t,variant:l="body1",gap:i=2,bulletSize:a=3,bulletClassName:n="text-w-bluegray-300",className:o})=>/*#__PURE__*/e.jsxs("li",{className:s.twMerge(`flex gap-${i} typo-${l}`,o),children:[
+/*#__PURE__*/e.jsx(r,{size:a,variant:l,className:n}),
+/*#__PURE__*/e.jsx("span",{children:t})]});

package/dist/cjs/src/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("./Components/DataDisplays/Avatar/Avatar.js"),o=require("./Components/DataDisplays/CountBadge/CountBadge.js"),t=require("./Components/DataDisplays/ImageLabel/ImageLabel.js"),s=require("./Components/DataDisplays/Label/Label.js"),r=require("./Components/DataDisplays/NewBadge/NewBadge.js"),n=require("./Components/DataDisplays/ProductIcon/ProductIcon.js"),i=require("./Components/DataDisplays/ServiceLogo/ServiceLogo.js"),a=require("./Components/DataDisplays/SkillLabel/SkillLabel.js"),p=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),u=require("./Components/DataDisplays/SystemIcon/SystemIcon.constants.js"),l=require("./Components/DataDisplays/Divider/Divider.js"),C=require("./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js"),m=require("./Components/DataDisplays/Li/Li.js"),x=require("./Components/Feedbacks/MessageBox/MessageBox.js"),d=require("./Components/Feedbacks/SnackBar/SnackBar.js"),c=require("./Components/Feedbacks/SnackBar/SnackBar.types.js"),I=require("./Components/Feedbacks/MessageBar/MessageBar.js"),B=require("./Components/Feedbacks/Dialog/Dialog.js"),g=require("./Components/Feedbacks/DialogBox/DialogBox.js"),j=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),q=require("./Components/Feedbacks/PlainTooltip/PlainTooltip.js"),L=require("./Components/Feedbacks/RichTooltip/RichTooltip.js"),h=require("./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),T=require("./Components/Inputs/Autocomplete/Autocomplete.js"),D=require("./Components/Inputs/Button/Button.js"),S=require("./Components/Inputs/Calendar/Calendar.js"),b=require("./Components/Inputs/Checkbox/Checkbox.js"),y=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),k=require("./Components/Inputs/CheckboxList/CheckboxList.js"),F=require("./Components/Inputs/CheckboxListItem/CheckboxListItem.js"),M=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),w=require("./Components/Inputs/IconButton/IconButton.js"),R=require("./Components/Inputs/InputChip/InputChip.js"),N=require("./Components/Inputs/RangeSlider/RangeSlider.js"),P=require("./Components/Inputs/Radio/Radio.js"),v=require("./Components/Inputs/RadioCard/RadioCard.js"),A=require("./Components/Inputs/RadioList/RadioList.js"),G=require("./Components/Inputs/RadioGroup/RadioGroup.js"),W=require("./Components/Inputs/SearchField/SearchField.js"),f=require("./Components/Inputs/SegmentedControl/SegmentedControl.js"),U=require("./Components/Inputs/Switch/Switch.js"),O=require("./Components/Inputs/Textarea/Textarea.js"),z=require("./Components/Inputs/TextButton/TextButton.js"),E=require("./Components/Inputs/TextField/TextField.js"),H=require("./Components/Inputs/List/List.js"),J=require("./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js"),K=require("./Components/Inputs/CommentArea/CommentArea.js"),Q=require("./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js"),V=require("./Components/Inputs/MultiColumnList/MultiColumnList.js"),X=require("./Components/Inputs/FilterChip/FilterChip.js"),Y=require("./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js"),Z=require("./Components/Inputs/AutoCompleteList/AutoCompleteList.js"),$=require("./Components/Inputs/FilterList/FilterList.js"),_=require("./Components/Inputs/Input/Input.js"),ee=require("./Components/Inputs/Input/PasswordInput.js"),oe=require("./Components/Inputs/Input/LableInput.js"),te=require("./Components/Inputs/Input/InputTypeSelector.js"),se=require("./Components/Inputs/SupportTextContainer/SupportTextContainer.js"),re=require("./Components/Inputs/TextFieldContainer/TextFieldContainer.js"),ne=require("./Components/Base/Typography/Typography.js"),ie=require("./Components/Base/Layouts/Box/Box.js"),ae=require("./Components/Base/Layouts/GridLayout/GridLayout.js"),pe=require("./Components/Base/Layouts/Column/Column.js"),ue=require("./Components/Base/Layouts/FullBleed/FullBleed.js"),le=require("./Components/Navigations/Drawer/Drawer.js"),Ce=require("./Components/Navigations/GNBList/GNBList.js"),me=require("./Components/Navigations/Pagination/Pagination.parts.js"),xe=require("./Components/Navigations/Pagination/Pagination.js"),de=require("./Components/Navigations/TableOfContents/TableOfContents.js"),ce=require("./Components/Navigations/TextTab/TextTab.js"),Ie=require("./Components/Navigations/BoxTab/BoxTab.js"),Be=require("./Components/Navigations/Menu/Menu.js"),ge=require("./Components/Utils/BackDrop/BackDrop.js"),je=require("./Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js"),qe=require("./Components/Utils/BottomModalContainer/BottomModalContainer.js"),Le=require("./Components/Utils/FullModalContainer/FullModalContainer.js"),he=require("./Components/Utils/Modal/Modal.js"),Te=require("./Components/Utils/ModalContainer/ModalContainer.js"),De=require("./Components/Utils/Portal/Portal.js"),Se=require("./Components/Wrappers/WithBadge/WithBadge.js"),be=require("./Components/Wrappers/WithRichTooltip/WithRichTooltip.js"),ye=require("./Components/Wrappers/WithSnackBar/WithSnackBar.js");exports.Avatar=e.Avatar,exports.CountBadge=o.CountBadge,exports.ImageLabel=t.ImageLabel,exports.Label=s.Label,exports.NewBadge=r.NewBadge,exports.ProductIcon=n.ProductIcon,exports.ServiceLogo=i.ServiceLogo,exports.SkillLabel=a.SkillLabel,exports.SystemIcon=p.SystemIcon,exports.LargeSystemIconNames=u.LargeSystemIconNames,exports.MediumSystemIconNames=u.MediumSystemIconNames,exports.SmallSystemIconNames=u.SmallSystemIconNames,exports.SocialSystemIconNames=u.SocialSystemIconNames,exports.SystemIconNames=u.SystemIconNames,exports.Divider=l.Divider,exports.ProgressIndicator=C.ProgressIndicator,exports.Li=m.default,exports.MessageBox=x.MessageBox,exports.SnackBar=d.SnackBar,exports.messageType=c.messageType,exports.MessageBar=I.MessageBar,exports.Dialog=B.Dialog,exports.DialogBox=g.DialogBox,exports.LoadingIndicator=j.LoadingIndicator,exports.PlainTooltip=q.PlainTooltip,exports.RichTooltip=L.RichTooltip,exports.GlobalLoadingIndicator=h.GlobalLoadingIndicator,exports.Autocomplete=T.Autocomplete,exports.Button=D.Button,exports.Calendar=S.Calendar,exports.Checkbox=b.Checkbox,exports.CheckboxCard=y.CheckboxCard,exports.CheckboxList=k.CheckboxList,exports.CheckboxListItem=F.CheckboxListItem,exports.ChoiceChip=M.ChoiceChip,exports.IconButton=w.IconButton,exports.InputChip=R.InputChip,exports.RangeSlider=N.RangeSlider,exports.Radio=P.Radio,exports.RadioCard=v.RadioCard,exports.RadioList=A.RadioList,exports.RadioGroup=G.RadioGroup,exports.SearchField=W.SearchField,exports.SegmentedControl=f.SegmentedControl,exports.Switch=U.Switch,exports.Textarea=O.Textarea,exports.TextButton=z.TextButton,exports.TextField=E.TextField,exports.List=H.List,exports.TextFieldDropdown=J.TextFieldDropdown,exports.CommentArea=K.CommentArea,exports.IconButtonDropdown=Q.IconButtonDropdown,exports.MultiColumnList=V.MultiColumnList,exports.FilterChip=X.FilterChip,exports.TextButtonDropdown=Y.TextButtonDropdown,exports.AutoCompleteList=Z.AutoCompleteList,exports.FilterList=$.FilterList,exports.Input=_.Input,exports.PasswordInput=ee.PasswordInput,exports.LableInput=oe.LableInput,exports.InputTypeSelector=te.InputTypeSelector,exports.SupportTextContainer=se.SupportTextContainer,exports.TextFieldContainer=re.TextFieldContainer,exports.Typography=ne.Typography,exports.Box=ie.Box,exports.GridLayout=ae.GridLayout,exports.Column=pe.Column,exports.FullBleed=ue.FullBleed,exports.Drawer=le.Drawer,exports.GNBList=Ce.GNBList,exports.LeftArrow=me.LeftArrow,exports.PaginationNumber=me.PaginationNumber,exports.RightArrow=me.RightArrow,exports.Pagination=xe.Pagination,exports.TableOfContents=de.TableOfContents,exports.TextTab=ce.TextTab,exports.BoxTab=Ie.BoxTab,exports.Menu=Be.Menu,exports.BackDrop=ge.BackDrop,exports.BackDropLiftContainer=je.BackDropLiftContainer,exports.BottomModalContainer=qe.BottomModalContainer,exports.FullModalContainer=Le.FullModalContainer,exports.Modal=he.Modal,exports.ModalContainer=Te.ModalContainer,exports.Portal=De.Portal,exports.WithBadge=Se.WithBadge,exports.WithRichTooltip=be.WithRichTooltip,exports.WithSnackBar=ye.WithSnackBar;

package/dist/cjs/typography.styles.js

@@ -0,0 +1 @@
+"use strict";exports.typographyStyles={title1:{fontSize:"48px",lineHeight:"64px"},title2:{fontSize:"32px",lineHeight:"48px"},title3:{fontSize:"24px",lineHeight:"36px"},subTitle1:{fontSize:"20px",lineHeight:"30px"},subTitle2:{fontSize:"18px",lineHeight:"28px"},contents1:{fontSize:"18px",lineHeight:"32px"},contents2:{fontSize:"16px",lineHeight:"30px"},body1:{fontSize:"16px",lineHeight:"26px"},body2:{fontSize:"14px",lineHeight:"24px"},body3:{fontSize:"13px",lineHeight:"20px"},caption1:{fontSize:"12px",lineHeight:"18px"},caption2:{fontSize:"11px",lineHeight:"14px"}};

package/dist/config/tailwind-plugins.js

@@ -1,6 +1,13 @@
 import plugin from 'tailwindcss/plugin';
 
+import { typographyStyles } from './typography.styles';
+
 export const customizedPlugin = plugin(function ({ addUtilities, addBase, addVariant }) {
+  const typographyUtilities = Object.entries(typographyStyles).reduce((acc, [key, value]) => {
+    acc[`.typo-${key}`] = value;
+    return acc;
+  }, {});
+
   addUtilities({
     '.scrollbar-list': {
       '&::-webkit-scrollbar': {
@@ -19,54 +26,7 @@ export const customizedPlugin = plugin(function ({ addUtilities, addBase, addVar
         backgroundClip: 'padding-box',
       },
     },
-    '.typo-title1': {
-      fontSize: '48px',
-      lineHeight: '64px',
-    },
-    '.typo-title2': {
-      fontSize: '32px',
-      lineHeight: '48px',
-    },
-    '.typo-title3': {
-      fontSize: '24px',
-      lineHeight: '36px',
-    },
-    '.typo-subTitle1': {
-      fontSize: '20px',
-      lineHeight: '30px',
-    },
-    '.typo-subTitle2': {
-      fontSize: '18px',
-      lineHeight: '28px',
-    },
-    '.typo-contents1': {
-      fontSize: '18px',
-      lineHeight: '32px',
-    },
-    '.typo-contents2': {
-      fontSize: '16px',
-      lineHeight: '30px',
-    },
-    '.typo-body1': {
-      fontSize: '16px',
-      lineHeight: '26px',
-    },
-    '.typo-body2': {
-      fontSize: '14px',
-      lineHeight: '24px',
-    },
-    '.typo-body3': {
-      fontSize: '13px',
-      lineHeight: '20px',
-    },
-    '.typo-caption1': {
-      fontSize: '12px',
-      lineHeight: '18px',
-    },
-    '.typo-caption2': {
-      fontSize: '11px',
-      lineHeight: '14px',
-    },
+    ...typographyUtilities,
   });
   addBase({
     '::-webkit-resizer': {

package/dist/src/Components/DataDisplays/Li/Li.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { typographyStyles } from '../../../../typography.styles';
+type Variant = keyof typeof typographyStyles;
+interface LiProps {
+    children: ReactNode;
+    variant?: Variant;
+    bulletClassName?: string;
+    bulletSize?: number;
+    gap?: number;
+    className?: string;
+}
+/**
+ * 리스트 아이템 컴포넌트입니다.
+ *
+ * @param {Object} props - 컴포넌트 프로퍼티
+ * @param {Variant} [props.variant] - 텍스트 타이포그래피 variant (기본값: body1)
+ * @param {string} [props.bulletClassName] - 리스트 아이템 불릿 클래스명 (기본값: 'text-w-bluegray-300')
+ * @param {number} [props.bulletSize] - 리스트 아이템 불릿 크기 (지름, 기본값: 3)
+ * @param {number} [props.gap] - 불릿과 children 간격 (기본값: 2)
+ * @param {string} [props.className] - 컴포넌트에 적용할 추가 CSS 클래스명
+ *
+ * @example
+ * // 기본 사용법
+ * <Li>내용을 적어줍니다.</Li>
+ *
+ * // 타이포그래피 variant 변경
+ * <Li variant="title3">내용을 적어줍니다.</Li>
+ *
+ * // 불릿 색상 조절
+ * <Li bulletClassName="text-w-red-800">내용을 적어줍니다.</Li>
+ *
+ * // 불릿 크기 조절 (지름)
+ * <Li bulletSize={5}>내용을 적어줍니다.</Li>
+ *
+ * // 간격 조절
+ * <Li gap={1}>Li</Li>
+ *
+ * // 커스텀 클래스와 함께 사용
+ * <Li className="text-w-red-800">내용을 적어줍니다.</Li>
+ *
+ */
+declare const Li: ({ children, variant, gap, bulletSize, bulletClassName, className, }: LiProps) => import("react/jsx-runtime").JSX.Element;
+export default Li;
+export declare const BulletIcon: ({ size, variant, className, }: {
+    size?: number;
+    variant?: Variant;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/Components/DataDisplays/Li/Li.js

@@ -0,0 +1,34 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as l}from"tailwind-merge";import{Box as s}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{typographyStyles as i}from"../../../../typography.styles.js";
+/**
+ * 리스트 아이템 컴포넌트입니다.
+ *
+ * @param {Object} props - 컴포넌트 프로퍼티
+ * @param {Variant} [props.variant] - 텍스트 타이포그래피 variant (기본값: body1)
+ * @param {string} [props.bulletClassName] - 리스트 아이템 불릿 클래스명 (기본값: 'text-w-bluegray-300')
+ * @param {number} [props.bulletSize] - 리스트 아이템 불릿 크기 (지름, 기본값: 3)
+ * @param {number} [props.gap] - 불릿과 children 간격 (기본값: 2)
+ * @param {string} [props.className] - 컴포넌트에 적용할 추가 CSS 클래스명
+ *
+ * @example
+ * // 기본 사용법
+ * <Li>내용을 적어줍니다.</Li>
+ *
+ * // 타이포그래피 variant 변경
+ * <Li variant="title3">내용을 적어줍니다.</Li>
+ *
+ * // 불릿 색상 조절
+ * <Li bulletClassName="text-w-red-800">내용을 적어줍니다.</Li>
+ *
+ * // 불릿 크기 조절 (지름)
+ * <Li bulletSize={5}>내용을 적어줍니다.</Li>
+ *
+ * // 간격 조절
+ * <Li gap={1}>Li</Li>
+ *
+ * // 커스텀 클래스와 함께 사용
+ * <Li className="text-w-red-800">내용을 적어줍니다.</Li>
+ *
+ */const a=({children:s,variant:i="body1",gap:a=2,bulletSize:o=3,bulletClassName:n="text-w-bluegray-300",className:d})=>/*#__PURE__*/e("li",{className:l(`flex gap-${a} typo-${i}`,d),children:[
+/*#__PURE__*/t(r,{size:o,variant:i,className:n}),
+/*#__PURE__*/t("span",{children:s})]}),r=({size:e=3,variant:a="body1",className:r})=>{var o;const n=e/2,d=4*e,m=(null===(o=i[a])||void 0===o?void 0:o.lineHeight)||"26px",c=parseInt(m)/2-d/2;/*#__PURE__*/
+return t(s,{className:l("flex-shrink-0",r),style:{marginTop:`${c}px`,width:`${d}px`,height:`${d}px`},"data-testid":"design-system-li-bullet-container",children:/*#__PURE__*/t("svg",{width:d,height:d,viewBox:`0 0 ${d} ${d}`,fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"design-system-li-bullet",children:/*#__PURE__*/t("circle",{cx:d/2,cy:d/2,r:n,fill:"currentColor"})})})};export{r as BulletIcon,a as default};

package/dist/src/Components/DataDisplays/Li/index.d.ts

@@ -0,0 +1,2 @@
+import Li from './Li';
+export { Li };

package/dist/{Components → src/Components}/DataDisplays/index.d.ts

@@ -9,3 +9,4 @@ export * from './SkillLabel';
 export * from './SystemIcon';
 export * from './Divider';
 export * from './ProgressIndicator';
+export * from './Li';

package/dist/src/index.js

@@ -0,0 +1 @@
+export{Avatar}from"./Components/DataDisplays/Avatar/Avatar.js";export{CountBadge}from"./Components/DataDisplays/CountBadge/CountBadge.js";export{ImageLabel}from"./Components/DataDisplays/ImageLabel/ImageLabel.js";export{Label}from"./Components/DataDisplays/Label/Label.js";export{NewBadge}from"./Components/DataDisplays/NewBadge/NewBadge.js";export{ProductIcon}from"./Components/DataDisplays/ProductIcon/ProductIcon.js";export{ServiceLogo}from"./Components/DataDisplays/ServiceLogo/ServiceLogo.js";export{SkillLabel}from"./Components/DataDisplays/SkillLabel/SkillLabel.js";export{SystemIcon}from"./Components/DataDisplays/SystemIcon/SystemIcon.js";export{LargeSystemIconNames,MediumSystemIconNames,SmallSystemIconNames,SocialSystemIconNames,SystemIconNames}from"./Components/DataDisplays/SystemIcon/SystemIcon.constants.js";export{Divider}from"./Components/DataDisplays/Divider/Divider.js";export{ProgressIndicator}from"./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js";export{default as Li}from"./Components/DataDisplays/Li/Li.js";export{MessageBox}from"./Components/Feedbacks/MessageBox/MessageBox.js";export{SnackBar}from"./Components/Feedbacks/SnackBar/SnackBar.js";export{messageType}from"./Components/Feedbacks/SnackBar/SnackBar.types.js";export{MessageBar}from"./Components/Feedbacks/MessageBar/MessageBar.js";export{Dialog}from"./Components/Feedbacks/Dialog/Dialog.js";export{DialogBox}from"./Components/Feedbacks/DialogBox/DialogBox.js";export{LoadingIndicator}from"./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js";export{PlainTooltip}from"./Components/Feedbacks/PlainTooltip/PlainTooltip.js";export{RichTooltip}from"./Components/Feedbacks/RichTooltip/RichTooltip.js";export{GlobalLoadingIndicator}from"./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js";export{Autocomplete}from"./Components/Inputs/Autocomplete/Autocomplete.js";export{Button}from"./Components/Inputs/Button/Button.js";export{Calendar}from"./Components/Inputs/Calendar/Calendar.js";export{Checkbox}from"./Components/Inputs/Checkbox/Checkbox.js";export{CheckboxCard}from"./Components/Inputs/CheckboxCard/CheckboxCard.js";export{CheckboxList}from"./Components/Inputs/CheckboxList/CheckboxList.js";export{CheckboxListItem}from"./Components/Inputs/CheckboxListItem/CheckboxListItem.js";export{ChoiceChip}from"./Components/Inputs/ChoiceChip/ChoiceChip.js";export{IconButton}from"./Components/Inputs/IconButton/IconButton.js";export{InputChip}from"./Components/Inputs/InputChip/InputChip.js";export{RangeSlider}from"./Components/Inputs/RangeSlider/RangeSlider.js";export{Radio}from"./Components/Inputs/Radio/Radio.js";export{RadioCard}from"./Components/Inputs/RadioCard/RadioCard.js";export{RadioList}from"./Components/Inputs/RadioList/RadioList.js";export{RadioGroup}from"./Components/Inputs/RadioGroup/RadioGroup.js";export{SearchField}from"./Components/Inputs/SearchField/SearchField.js";export{SegmentedControl}from"./Components/Inputs/SegmentedControl/SegmentedControl.js";export{Switch}from"./Components/Inputs/Switch/Switch.js";export{Textarea}from"./Components/Inputs/Textarea/Textarea.js";export{TextButton}from"./Components/Inputs/TextButton/TextButton.js";export{TextField}from"./Components/Inputs/TextField/TextField.js";export{List}from"./Components/Inputs/List/List.js";export{TextFieldDropdown}from"./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js";export{CommentArea}from"./Components/Inputs/CommentArea/CommentArea.js";export{IconButtonDropdown}from"./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js";export{MultiColumnList}from"./Components/Inputs/MultiColumnList/MultiColumnList.js";export{FilterChip}from"./Components/Inputs/FilterChip/FilterChip.js";export{TextButtonDropdown}from"./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js";export{AutoCompleteList}from"./Components/Inputs/AutoCompleteList/AutoCompleteList.js";export{FilterList}from"./Components/Inputs/FilterList/FilterList.js";export{Input}from"./Components/Inputs/Input/Input.js";export{PasswordInput}from"./Components/Inputs/Input/PasswordInput.js";export{LableInput}from"./Components/Inputs/Input/LableInput.js";export{InputTypeSelector}from"./Components/Inputs/Input/InputTypeSelector.js";export{SupportTextContainer}from"./Components/Inputs/SupportTextContainer/SupportTextContainer.js";export{TextFieldContainer}from"./Components/Inputs/TextFieldContainer/TextFieldContainer.js";export{Typography}from"./Components/Base/Typography/Typography.js";export{Box}from"./Components/Base/Layouts/Box/Box.js";export{GridLayout}from"./Components/Base/Layouts/GridLayout/GridLayout.js";export{Column}from"./Components/Base/Layouts/Column/Column.js";export{FullBleed}from"./Components/Base/Layouts/FullBleed/FullBleed.js";export{Drawer}from"./Components/Navigations/Drawer/Drawer.js";export{GNBList}from"./Components/Navigations/GNBList/GNBList.js";export{LeftArrow,PaginationNumber,RightArrow}from"./Components/Navigations/Pagination/Pagination.parts.js";export{Pagination}from"./Components/Navigations/Pagination/Pagination.js";export{TableOfContents}from"./Components/Navigations/TableOfContents/TableOfContents.js";export{TextTab}from"./Components/Navigations/TextTab/TextTab.js";export{BoxTab}from"./Components/Navigations/BoxTab/BoxTab.js";export{Menu}from"./Components/Navigations/Menu/Menu.js";export{BackDrop}from"./Components/Utils/BackDrop/BackDrop.js";export{BackDropLiftContainer}from"./Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js";export{BottomModalContainer}from"./Components/Utils/BottomModalContainer/BottomModalContainer.js";export{FullModalContainer}from"./Components/Utils/FullModalContainer/FullModalContainer.js";export{Modal}from"./Components/Utils/Modal/Modal.js";export{ModalContainer}from"./Components/Utils/ModalContainer/ModalContainer.js";export{Portal}from"./Components/Utils/Portal/Portal.js";export{WithBadge}from"./Components/Wrappers/WithBadge/WithBadge.js";export{WithRichTooltip}from"./Components/Wrappers/WithRichTooltip/WithRichTooltip.js";export{WithSnackBar}from"./Components/Wrappers/WithSnackBar/WithSnackBar.js";

package/dist/typography.styles.d.ts

@@ -0,0 +1,50 @@
+export declare const typographyStyles: {
+    title1: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    title2: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    title3: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    subTitle1: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    subTitle2: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    contents1: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    contents2: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    body1: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    body2: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    body3: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    caption1: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    caption2: {
+        fontSize: string;
+        lineHeight: string;
+    };
+};

package/dist/typography.styles.js

@@ -0,0 +1 @@
+const e={title1:{fontSize:"48px",lineHeight:"64px"},title2:{fontSize:"32px",lineHeight:"48px"},title3:{fontSize:"24px",lineHeight:"36px"},subTitle1:{fontSize:"20px",lineHeight:"30px"},subTitle2:{fontSize:"18px",lineHeight:"28px"},contents1:{fontSize:"18px",lineHeight:"32px"},contents2:{fontSize:"16px",lineHeight:"30px"},body1:{fontSize:"16px",lineHeight:"26px"},body2:{fontSize:"14px",lineHeight:"24px"},body3:{fontSize:"13px",lineHeight:"20px"},caption1:{fontSize:"12px",lineHeight:"18px"},caption2:{fontSize:"11px",lineHeight:"14px"}};export{e as typographyStyles};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "1.15.1",
+  "version": "1.16.0",
   "type": "module",
   "description": "Wishket Design System",
   "main": "dist/index.js",

package/dist/Components/DataDisplays/Li/Li.d.ts

@@ -1,34 +0,0 @@
-interface LiProps {
-    text: string;
-    bulletClassName?: string;
-    gap?: number;
-    className?: string;
-}
-/**
- * 리스트 아이템 컴포넌트입니다.
- *
- * @param {Object} props - 컴포넌트 프로퍼티
- * @param {string} props.text - 리스트 아이템 텍스트
- * @param {string} [props.bulletClassName] - 리스트 아이템 불릿 클래스명
- * @param {number} [props.gap] - 리스트 아이템 간격
- * @param {string} [props.className] - 컴포넌트에 적용할 추가 CSS 클래스명
- *
- * @example
- * // 기본 사용법
- * <Li text="Li" />
- *
- * * // 간격 조절
- * <Li text="Li" gap={1} />
- *
- * // 불릿 색상 조절
- * <Li text="Li" bulletClassName="text-w-red-800" />
- *
- * // 커스텀 클래스와 함께 사용
- * <Li text="Li" className="text-w-red-800" />
- *
- */
-declare const Li: ({ text, gap, bulletClassName, className, }: LiProps) => import("react/jsx-runtime").JSX.Element;
-export default Li;
-export declare const BulletIcon: ({ className }: {
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/index.js

@@ -1 +0,0 @@
-"use strict";var e=require("./Components/DataDisplays/Avatar/Avatar.js"),o=require("./Components/DataDisplays/CountBadge/CountBadge.js"),t=require("./Components/DataDisplays/ImageLabel/ImageLabel.js"),s=require("./Components/DataDisplays/Label/Label.js"),r=require("./Components/DataDisplays/NewBadge/NewBadge.js"),n=require("./Components/DataDisplays/ProductIcon/ProductIcon.js"),i=require("./Components/DataDisplays/ServiceLogo/ServiceLogo.js"),a=require("./Components/DataDisplays/SkillLabel/SkillLabel.js"),p=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),u=require("./Components/DataDisplays/SystemIcon/SystemIcon.constants.js"),l=require("./Components/DataDisplays/Divider/Divider.js"),C=require("./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js"),m=require("./Components/Feedbacks/MessageBox/MessageBox.js"),x=require("./Components/Feedbacks/SnackBar/SnackBar.js"),d=require("./Components/Feedbacks/SnackBar/SnackBar.types.js"),c=require("./Components/Feedbacks/MessageBar/MessageBar.js"),I=require("./Components/Feedbacks/Dialog/Dialog.js"),B=require("./Components/Feedbacks/DialogBox/DialogBox.js"),g=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),j=require("./Components/Feedbacks/PlainTooltip/PlainTooltip.js"),q=require("./Components/Feedbacks/RichTooltip/RichTooltip.js"),L=require("./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),h=require("./Components/Inputs/Autocomplete/Autocomplete.js"),T=require("./Components/Inputs/Button/Button.js"),S=require("./Components/Inputs/Calendar/Calendar.js"),D=require("./Components/Inputs/Checkbox/Checkbox.js"),b=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),y=require("./Components/Inputs/CheckboxList/CheckboxList.js"),k=require("./Components/Inputs/CheckboxListItem/CheckboxListItem.js"),F=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),M=require("./Components/Inputs/IconButton/IconButton.js"),w=require("./Components/Inputs/InputChip/InputChip.js"),R=require("./Components/Inputs/RangeSlider/RangeSlider.js"),N=require("./Components/Inputs/Radio/Radio.js"),P=require("./Components/Inputs/RadioCard/RadioCard.js"),v=require("./Components/Inputs/RadioList/RadioList.js"),A=require("./Components/Inputs/RadioGroup/RadioGroup.js"),G=require("./Components/Inputs/SearchField/SearchField.js"),W=require("./Components/Inputs/SegmentedControl/SegmentedControl.js"),f=require("./Components/Inputs/Switch/Switch.js"),U=require("./Components/Inputs/Textarea/Textarea.js"),O=require("./Components/Inputs/TextButton/TextButton.js"),z=require("./Components/Inputs/TextField/TextField.js"),E=require("./Components/Inputs/List/List.js"),H=require("./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js"),J=require("./Components/Inputs/CommentArea/CommentArea.js"),K=require("./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js"),Q=require("./Components/Inputs/MultiColumnList/MultiColumnList.js"),V=require("./Components/Inputs/FilterChip/FilterChip.js"),X=require("./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js"),Y=require("./Components/Inputs/AutoCompleteList/AutoCompleteList.js"),Z=require("./Components/Inputs/FilterList/FilterList.js"),$=require("./Components/Inputs/Input/Input.js"),_=require("./Components/Inputs/Input/PasswordInput.js"),ee=require("./Components/Inputs/Input/LableInput.js"),oe=require("./Components/Inputs/Input/InputTypeSelector.js"),te=require("./Components/Inputs/SupportTextContainer/SupportTextContainer.js"),se=require("./Components/Inputs/TextFieldContainer/TextFieldContainer.js"),re=require("./Components/Base/Typography/Typography.js"),ne=require("./Components/Base/Layouts/Box/Box.js"),ie=require("./Components/Base/Layouts/GridLayout/GridLayout.js"),ae=require("./Components/Base/Layouts/Column/Column.js"),pe=require("./Components/Base/Layouts/FullBleed/FullBleed.js"),ue=require("./Components/Navigations/Drawer/Drawer.js"),le=require("./Components/Navigations/GNBList/GNBList.js"),Ce=require("./Components/Navigations/Pagination/Pagination.parts.js"),me=require("./Components/Navigations/Pagination/Pagination.js"),xe=require("./Components/Navigations/TableOfContents/TableOfContents.js"),de=require("./Components/Navigations/TextTab/TextTab.js"),ce=require("./Components/Navigations/BoxTab/BoxTab.js"),Ie=require("./Components/Navigations/Menu/Menu.js"),Be=require("./Components/Utils/BackDrop/BackDrop.js"),ge=require("./Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js"),je=require("./Components/Utils/BottomModalContainer/BottomModalContainer.js"),qe=require("./Components/Utils/FullModalContainer/FullModalContainer.js"),Le=require("./Components/Utils/Modal/Modal.js"),he=require("./Components/Utils/ModalContainer/ModalContainer.js"),Te=require("./Components/Utils/Portal/Portal.js"),Se=require("./Components/Wrappers/WithBadge/WithBadge.js"),De=require("./Components/Wrappers/WithRichTooltip/WithRichTooltip.js"),be=require("./Components/Wrappers/WithSnackBar/WithSnackBar.js");exports.Avatar=e.Avatar,exports.CountBadge=o.CountBadge,exports.ImageLabel=t.ImageLabel,exports.Label=s.Label,exports.NewBadge=r.NewBadge,exports.ProductIcon=n.ProductIcon,exports.ServiceLogo=i.ServiceLogo,exports.SkillLabel=a.SkillLabel,exports.SystemIcon=p.SystemIcon,exports.LargeSystemIconNames=u.LargeSystemIconNames,exports.MediumSystemIconNames=u.MediumSystemIconNames,exports.SmallSystemIconNames=u.SmallSystemIconNames,exports.SocialSystemIconNames=u.SocialSystemIconNames,exports.SystemIconNames=u.SystemIconNames,exports.Divider=l.Divider,exports.ProgressIndicator=C.ProgressIndicator,exports.MessageBox=m.MessageBox,exports.SnackBar=x.SnackBar,exports.messageType=d.messageType,exports.MessageBar=c.MessageBar,exports.Dialog=I.Dialog,exports.DialogBox=B.DialogBox,exports.LoadingIndicator=g.LoadingIndicator,exports.PlainTooltip=j.PlainTooltip,exports.RichTooltip=q.RichTooltip,exports.GlobalLoadingIndicator=L.GlobalLoadingIndicator,exports.Autocomplete=h.Autocomplete,exports.Button=T.Button,exports.Calendar=S.Calendar,exports.Checkbox=D.Checkbox,exports.CheckboxCard=b.CheckboxCard,exports.CheckboxList=y.CheckboxList,exports.CheckboxListItem=k.CheckboxListItem,exports.ChoiceChip=F.ChoiceChip,exports.IconButton=M.IconButton,exports.InputChip=w.InputChip,exports.RangeSlider=R.RangeSlider,exports.Radio=N.Radio,exports.RadioCard=P.RadioCard,exports.RadioList=v.RadioList,exports.RadioGroup=A.RadioGroup,exports.SearchField=G.SearchField,exports.SegmentedControl=W.SegmentedControl,exports.Switch=f.Switch,exports.Textarea=U.Textarea,exports.TextButton=O.TextButton,exports.TextField=z.TextField,exports.List=E.List,exports.TextFieldDropdown=H.TextFieldDropdown,exports.CommentArea=J.CommentArea,exports.IconButtonDropdown=K.IconButtonDropdown,exports.MultiColumnList=Q.MultiColumnList,exports.FilterChip=V.FilterChip,exports.TextButtonDropdown=X.TextButtonDropdown,exports.AutoCompleteList=Y.AutoCompleteList,exports.FilterList=Z.FilterList,exports.Input=$.Input,exports.PasswordInput=_.PasswordInput,exports.LableInput=ee.LableInput,exports.InputTypeSelector=oe.InputTypeSelector,exports.SupportTextContainer=te.SupportTextContainer,exports.TextFieldContainer=se.TextFieldContainer,exports.Typography=re.Typography,exports.Box=ne.Box,exports.GridLayout=ie.GridLayout,exports.Column=ae.Column,exports.FullBleed=pe.FullBleed,exports.Drawer=ue.Drawer,exports.GNBList=le.GNBList,exports.LeftArrow=Ce.LeftArrow,exports.PaginationNumber=Ce.PaginationNumber,exports.RightArrow=Ce.RightArrow,exports.Pagination=me.Pagination,exports.TableOfContents=xe.TableOfContents,exports.TextTab=de.TextTab,exports.BoxTab=ce.BoxTab,exports.Menu=Ie.Menu,exports.BackDrop=Be.BackDrop,exports.BackDropLiftContainer=ge.BackDropLiftContainer,exports.BottomModalContainer=je.BottomModalContainer,exports.FullModalContainer=qe.FullModalContainer,exports.Modal=Le.Modal,exports.ModalContainer=he.ModalContainer,exports.Portal=Te.Portal,exports.WithBadge=Se.WithBadge,exports.WithRichTooltip=De.WithRichTooltip,exports.WithSnackBar=be.WithSnackBar;

package/dist/index.js

@@ -1 +0,0 @@
-export{Avatar}from"./Components/DataDisplays/Avatar/Avatar.js";export{CountBadge}from"./Components/DataDisplays/CountBadge/CountBadge.js";export{ImageLabel}from"./Components/DataDisplays/ImageLabel/ImageLabel.js";export{Label}from"./Components/DataDisplays/Label/Label.js";export{NewBadge}from"./Components/DataDisplays/NewBadge/NewBadge.js";export{ProductIcon}from"./Components/DataDisplays/ProductIcon/ProductIcon.js";export{ServiceLogo}from"./Components/DataDisplays/ServiceLogo/ServiceLogo.js";export{SkillLabel}from"./Components/DataDisplays/SkillLabel/SkillLabel.js";export{SystemIcon}from"./Components/DataDisplays/SystemIcon/SystemIcon.js";export{LargeSystemIconNames,MediumSystemIconNames,SmallSystemIconNames,SocialSystemIconNames,SystemIconNames}from"./Components/DataDisplays/SystemIcon/SystemIcon.constants.js";export{Divider}from"./Components/DataDisplays/Divider/Divider.js";export{ProgressIndicator}from"./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js";export{MessageBox}from"./Components/Feedbacks/MessageBox/MessageBox.js";export{SnackBar}from"./Components/Feedbacks/SnackBar/SnackBar.js";export{messageType}from"./Components/Feedbacks/SnackBar/SnackBar.types.js";export{MessageBar}from"./Components/Feedbacks/MessageBar/MessageBar.js";export{Dialog}from"./Components/Feedbacks/Dialog/Dialog.js";export{DialogBox}from"./Components/Feedbacks/DialogBox/DialogBox.js";export{LoadingIndicator}from"./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js";export{PlainTooltip}from"./Components/Feedbacks/PlainTooltip/PlainTooltip.js";export{RichTooltip}from"./Components/Feedbacks/RichTooltip/RichTooltip.js";export{GlobalLoadingIndicator}from"./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js";export{Autocomplete}from"./Components/Inputs/Autocomplete/Autocomplete.js";export{Button}from"./Components/Inputs/Button/Button.js";export{Calendar}from"./Components/Inputs/Calendar/Calendar.js";export{Checkbox}from"./Components/Inputs/Checkbox/Checkbox.js";export{CheckboxCard}from"./Components/Inputs/CheckboxCard/CheckboxCard.js";export{CheckboxList}from"./Components/Inputs/CheckboxList/CheckboxList.js";export{CheckboxListItem}from"./Components/Inputs/CheckboxListItem/CheckboxListItem.js";export{ChoiceChip}from"./Components/Inputs/ChoiceChip/ChoiceChip.js";export{IconButton}from"./Components/Inputs/IconButton/IconButton.js";export{InputChip}from"./Components/Inputs/InputChip/InputChip.js";export{RangeSlider}from"./Components/Inputs/RangeSlider/RangeSlider.js";export{Radio}from"./Components/Inputs/Radio/Radio.js";export{RadioCard}from"./Components/Inputs/RadioCard/RadioCard.js";export{RadioList}from"./Components/Inputs/RadioList/RadioList.js";export{RadioGroup}from"./Components/Inputs/RadioGroup/RadioGroup.js";export{SearchField}from"./Components/Inputs/SearchField/SearchField.js";export{SegmentedControl}from"./Components/Inputs/SegmentedControl/SegmentedControl.js";export{Switch}from"./Components/Inputs/Switch/Switch.js";export{Textarea}from"./Components/Inputs/Textarea/Textarea.js";export{TextButton}from"./Components/Inputs/TextButton/TextButton.js";export{TextField}from"./Components/Inputs/TextField/TextField.js";export{List}from"./Components/Inputs/List/List.js";export{TextFieldDropdown}from"./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js";export{CommentArea}from"./Components/Inputs/CommentArea/CommentArea.js";export{IconButtonDropdown}from"./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js";export{MultiColumnList}from"./Components/Inputs/MultiColumnList/MultiColumnList.js";export{FilterChip}from"./Components/Inputs/FilterChip/FilterChip.js";export{TextButtonDropdown}from"./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js";export{AutoCompleteList}from"./Components/Inputs/AutoCompleteList/AutoCompleteList.js";export{FilterList}from"./Components/Inputs/FilterList/FilterList.js";export{Input}from"./Components/Inputs/Input/Input.js";export{PasswordInput}from"./Components/Inputs/Input/PasswordInput.js";export{LableInput}from"./Components/Inputs/Input/LableInput.js";export{InputTypeSelector}from"./Components/Inputs/Input/InputTypeSelector.js";export{SupportTextContainer}from"./Components/Inputs/SupportTextContainer/SupportTextContainer.js";export{TextFieldContainer}from"./Components/Inputs/TextFieldContainer/TextFieldContainer.js";export{Typography}from"./Components/Base/Typography/Typography.js";export{Box}from"./Components/Base/Layouts/Box/Box.js";export{GridLayout}from"./Components/Base/Layouts/GridLayout/GridLayout.js";export{Column}from"./Components/Base/Layouts/Column/Column.js";export{FullBleed}from"./Components/Base/Layouts/FullBleed/FullBleed.js";export{Drawer}from"./Components/Navigations/Drawer/Drawer.js";export{GNBList}from"./Components/Navigations/GNBList/GNBList.js";export{LeftArrow,PaginationNumber,RightArrow}from"./Components/Navigations/Pagination/Pagination.parts.js";export{Pagination}from"./Components/Navigations/Pagination/Pagination.js";export{TableOfContents}from"./Components/Navigations/TableOfContents/TableOfContents.js";export{TextTab}from"./Components/Navigations/TextTab/TextTab.js";export{BoxTab}from"./Components/Navigations/BoxTab/BoxTab.js";export{Menu}from"./Components/Navigations/Menu/Menu.js";export{BackDrop}from"./Components/Utils/BackDrop/BackDrop.js";export{BackDropLiftContainer}from"./Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js";export{BottomModalContainer}from"./Components/Utils/BottomModalContainer/BottomModalContainer.js";export{FullModalContainer}from"./Components/Utils/FullModalContainer/FullModalContainer.js";export{Modal}from"./Components/Utils/Modal/Modal.js";export{ModalContainer}from"./Components/Utils/ModalContainer/ModalContainer.js";export{Portal}from"./Components/Utils/Portal/Portal.js";export{WithBadge}from"./Components/Wrappers/WithBadge/WithBadge.js";export{WithRichTooltip}from"./Components/Wrappers/WithRichTooltip/WithRichTooltip.js";export{WithSnackBar}from"./Components/Wrappers/WithSnackBar/WithSnackBar.js";