@wishket/design-system 1.17.3 → 1.17.4

package/dist/config/config.css

@@ -0,0 +1,215 @@
+@import "tailwindcss";
+
+@plugin "tailwind-scrollbar-hide";
+@plugin "./tailwindcss-grid-areas.js";
+
+@utility scrollbar-hide {
+  /* Firefox */
+  scrollbar-width: none;
+
+  /* Safari and Chrome */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  /* IE and Edge */
+  & {
+    -ms-overflow-style: none;
+  }
+}
+
+@utility scrollbar-default {
+  /* Firefox */
+  scrollbar-width: auto;
+
+  /* Safari and Chrome */
+  &::-webkit-scrollbar {
+    display: block;
+  }
+
+  /* IE and Edge */
+  & {
+    -ms-overflow-style: auto;
+  }
+}
+
+@utility scrollbar-list {
+  &::-webkit-scrollbar {
+    width: 18px;
+    height: 18px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+    border-radius: 12px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    width: 6px;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-radius: 20px;
+    border: 6px solid transparent;
+    background-clip: padding-box;
+  }
+}
+
+@utility typo-title48 {
+  font-size: 48px;
+  line-height: 64px;
+  letter-spacing: 0.48px;
+}
+
+@utility typo-title32 {
+  font-size: 32px;
+  line-height: 48px;
+  letter-spacing: 0.48px;
+}
+
+@utility typo-title28 {
+  font-size: 28px;
+  line-height: 42px;
+  letter-spacing: 0.48px;
+}
+
+@utility typo-title24 {
+  font-size: 24px;
+  line-height: 36px;
+  letter-spacing: 0.48px;
+}
+
+@utility typo-subTitle20 {
+  font-size: 20px;
+  line-height: 30px;
+  letter-spacing: 0.48px;
+}
+
+@utility typo-subTitle18 {
+  font-size: 18px;
+  line-height: 28px;
+  letter-spacing: 0.48px;
+}
+
+@utility typo-contents18 {
+  font-size: 18px;
+  line-height: 32px;
+  letter-spacing: 0.48px;
+}
+
+@utility typo-contents16 {
+  font-size: 16px;
+  line-height: 30px;
+  letter-spacing: 0.48px;
+}
+
+@utility typo-body16 {
+  font-size: 16px;
+  line-height: 26px;
+  letter-spacing: 0.48px;
+}
+
+@utility typo-body14 {
+  font-size: 14px;
+  line-height: 24px;
+  letter-spacing: 0.48px;
+}
+
+@utility typo-body13 {
+  font-size: 13px;
+  line-height: 20px;
+  letter-spacing: 0.48px;
+}
+
+@utility typo-caption12 {
+  font-size: 12px;
+  line-height: 18px;
+  letter-spacing: 0.48px;
+}
+
+@utility typo-caption11 {
+  font-size: 11px;
+  line-height: 14px;
+  letter-spacing: 0.48px;
+}
+
+@utility tracking-default {
+  letter-spacing: 0.48px;
+}
+
+
+@layer base {
+  ::-webkit-resizer {
+    display: none;
+  }
+}
+
+@variant hover {
+  @media (hover: hover) and (pointer: fine) {
+    &:hover {
+      @slot;
+    }
+  }
+}
+
+@variant group-hover {
+  @media (hover: hover) and (pointer: fine) {
+    .group:hover & {
+      @slot;
+    }
+  }
+}
+
+
+@theme {
+  --animate-ripple-outline-small: rippleOutlineSmall 0.3s ease-in-out infinite;
+  --animate-ripple-outline: rippleOutline 0.3s ease-in-out infinite;
+  --animate-ripple: ripple 0.3s ease-in-out infinite;
+  --animate-checkbox-check: stroke 0.3s cubic-bezier(0.65,0,0.45,1) forwards;
+
+  @keyframes rippleOutlineSmall {
+    0% {
+    height: 30%;
+    width: 30%;
+    border-radius: 7px;
+    opacity: 100;
+    }
+    100% {
+      height: 100%;
+      width: 100%;
+      border-radius: 7px;
+      opacity: 0;
+    }
+  }
+  @keyframes rippleOutline {
+    0% {
+      height: 30%;
+      width: 30%;
+      border-radius: 11px;
+      opacity: 100;
+    }
+    100% {
+      height: 100%;
+      width: 100%;
+      border-radius: 11px;
+      opacity: 0;
+    }
+  }
+  @keyframes ripple {
+    0% {
+      height: 30%;
+      width: 30%;
+      border-radius: 9999px;
+      opacity: 100;
+    }
+    100% {
+      height: 100%;
+      width: 100%;
+      opacity: 0;
+    }
+  }
+
+  @keyframes stroke {
+    100% {
+      stroke-dashoffset: 0;
+    }
+  }
+}

package/dist/config/tailwind.config.js

@@ -2,9 +2,6 @@ const colors = require('../colors')
 
 /** @type {import('tailwindcss').Config} */
 
-const { customizedPlugin } = require('./tailwind-plugins');
-
-
 const config = {
   content: [
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
@@ -99,71 +96,11 @@ const config = {
         'checkbox-list-item-container': '18px minmax(0, 1fr)',
         'radio-list-item-container': '18px minmax(0, 1fr)',
       },
-      keyframes: {
-        rippleOutlineSmall: {
-          '0%': {
-            height: '30%',
-            width: '30%',
-            borderRadius: 7,
-            opacity: 100
-          },
-          '100%': {
-            height: '100%',
-            width: '100%',
-            borderRadius: 7,
-            opacity: 0
-          }
-        },
-        rippleOutline: {
-          '0%': {
-            height: '30%',
-            width: '30%',
-            borderRadius: 11,
-            opacity: 100
-          },
-          '100%': {
-            height: '100%',
-            width: '100%',
-            borderRadius: 11,
-            opacity: 0
-          }
-        },
-        ripple: {
-          '0%': {
-            height: '30%',
-            width: '30%',
-            borderRadius: 9999,
-            opacity: 100
-          },
-          '100%': {
-            height: '100%',
-            width: '100%',
-            opacity: 0
-          }
-        },
-        stroke: {
-          '100%': {
-            'stroke-dashoffset': '0'
-          }
-        },
-        'checkbox-check': 'stroke 0.3s cubic-bezier(0.65,0,0.45,1) forwards',
-      },
-      letterSpacing: {
-        'default': '0.48px',
-      },
-      animation: {
-        'checkbox-check': 'stroke 0.3s cubic-bezier(0.65,0,0.45,1) forwards',
-      },
     },
   },
-  plugins: [
-    require('@savvywombat/tailwindcss-grid-areas'),
-    require("tailwind-scrollbar-hide"),
-    customizedPlugin
-  ],
   variants: {
     gridTemplateAreas: ['responsive'],
   },
 };
 
-export default config
+export default config

package/dist/config/tailwindcss-grid-areas.js

@@ -0,0 +1,155 @@
+function reduce(collection, item, initialVal) {
+  if (!collection) return []
+  return Object.keys(collection).reduce(
+    (carry, current, index, array) =>
+      item(
+        carry,
+        !Array.isArray(collection) ? collection[current] : current,
+        !Array.isArray(collection) ? current : array,
+        index
+      ),
+    
+    initialVal
+  )
+}
+
+function baseFlatten(array, depth) {
+  const result = []
+  if (!array) {
+    return result
+  }
+
+  for (const value of array) {
+    if (depth && Array.isArray(value)) {
+      if (depth > 1) {
+        // Recursively flatten arrays (susceptible to call stack limits).
+        baseFlatten(value, depth - 1)
+      } else {
+        result.push(...value)
+      }
+    } else {
+      result[result.length] = value
+    }
+  }
+  return result
+}
+
+function flatMap(arr, mapper) {
+  if (!arr) return []
+  return baseFlatten(
+    Object.keys(arr).map((value, index) => mapper(arr[value], !Array.isArray(arr) ? value : index)),
+    1
+  )
+}
+
+function uniq(arr) {
+  return [...new Set(arr)]
+}
+
+function extractGridAreaNames(gridTemplateAreas) {
+  return uniq(
+    flatMap(gridTemplateAreas, (row) => {
+      return flatMap(row, (area) => {
+        // extract grid area names from the gridTemplate
+        return flatMap(area.match(/[^\s]+/g), (match) => {
+          if (match !== '.') {
+            return match
+          }
+          return []
+        })
+      })
+    })
+  )
+}
+
+// 1. variants 파라미터 제거
+module.exports = function ({ addUtilities, matchUtilities, theme }) {  // variants 제거
+  const gridAreaNames = extractGridAreaNames(theme('gridTemplateAreas'))
+
+  const templateAreas = reduce(
+    theme('gridTemplateAreas'),
+    (templates, area, name) => {
+      return {
+        ...templates,
+        [`.grid-areas-${name}`]: {
+          'grid-template-areas': area
+            .map((row) => {
+              return `"${row}"`
+            })
+            .join('\n'),
+        },
+      }
+    },
+    {}
+  )
+
+  const specialTemplateAreas = {
+    '.grid-areas-none': { 'grid-template-areas': 'none' },
+    '.grid-areas-inherit': { 'grid-template-areas': 'inherit' },
+    '.grid-areas-initial': { 'grid-template-areas': 'initial' },
+    '.grid-areas-revert': { 'grid-template-areas': 'revert' },
+    '.grid-areas-revert-layer': { 'grid-template-areas': 'revert-layer' },
+    '.grid-areas-unset': { 'grid-template-areas': 'unset' },
+  }
+
+  // 2. variants() 호출 제거 - 두 번째 인자 제거
+  addUtilities([templateAreas, specialTemplateAreas])  // variants(...) 제거
+
+  const namedAreas = gridAreaNames.reduce((areas, name) => {
+    return {
+      ...areas,
+      [`.grid-in-${name}`]: {
+        'grid-area': name,
+      },
+    }
+  }, {})
+
+  const specialNamedAreas = {
+    '.grid-in-auto': { 'grid-area': 'auto' },
+    '.grid-in-inherit': { 'grid-area': 'inherit' },
+    '.grid-in-initial': { 'grid-area': 'initial' },
+    '.grid-in-revert': { 'grid-area': 'revert' },
+    '.grid-in-revert-layer': { 'grid-area': 'revert-layer' },
+    '.grid-in-unset': { 'grid-area': 'unset' },
+  }
+
+  addUtilities([namedAreas, specialNamedAreas])  // 두 번째 인자 [] 제거
+
+  const namedLines = gridAreaNames.reduce((lines, name) => {
+    return {
+      ...lines,
+      [`.row-start-${name}`]: {
+        'grid-row-start': `${name}-start`,
+      },
+      [`.row-end-${name}`]: {
+        'grid-row-end': `${name}-end`,
+      },
+      [`.col-start-${name}`]: {
+        'grid-column-start': `${name}-start`,
+      },
+      [`.col-end-${name}`]: {
+        'grid-column-end': `${name}-end`,
+      },
+    }
+  }, {})
+
+  addUtilities([namedLines])  // 두 번째 인자 [] 제거
+
+  // allow arbitrary values
+  matchUtilities({
+    'grid-areas': (value) => {
+      value = value
+        .split(/ *, */)
+        .map((row) => (row.match(/var\(.*\)/g) ? row : `"${row}"`))
+        .join(' ')
+      return {
+        'grid-template-areas': `${value}`,
+      }
+    },
+    'grid-in': (value) => {
+      return {
+        'grid-area': `${value}`,
+      }
+    },
+  })
+}

package/dist/constants/colors/colors.js

@@ -1 +1 @@
-function F(F,E,D){return E in F?Object.defineProperty(F,E,{value:D,enumerable:!0,configurable:!0,writable:!0}):F[E]=D,F}function E(E){for(var D=1;D<arguments.length;D++){var A=null!=arguments[D]?arguments[D]:{},B=Object.keys(A);"function"==typeof Object.getOwnPropertySymbols&&(B=B.concat(Object.getOwnPropertySymbols(A).filter((function(F){return Object.getOwnPropertyDescriptor(A,F).enumerable})))),B.forEach((function(D){F(E,D,A[D])}))}return E}const D={DEFAULT:"#3BA3C7",10:"#F2FCFF",50:"#E8FAFF",100:"#BFEDFA",200:"#ABE3F2",300:"#80C7DE",400:"#5DB6D4",500:"#3BA3C7",600:"#369CC2",700:"#3391BA",800:"#308AB3",900:"#2E82AB"},A={DEFAULT:"#00A878",10:"#F5FFFC",50:"#EBFFF9",100:"#C4EDE1",200:"#93DBC6",300:"#63C9AB",400:"#30B891",500:"#00A878",600:"#009C6F",700:"#009168",800:"#008761",900:"#007D59"},B={DEFAULT:"#FFC61C",10:"#FFFDF5",50:"#FFF9E0",100:"#FFEEB8",200:"#FFE491",300:"#FFDA6A",400:"#FFD043",500:"#FFC61C",600:"#FFB012",700:"#F79E0F",800:"#F79205",900:"#F28A05"},e={DEFAULT:"#FF6B21",10:"#FFF9F5",50:"#FFF0E8",100:"#FFD6BF",200:"#FFBB99",300:"#FFA070",400:"#FF8547",500:"#FF6B21",600:"#F4611D",700:"#E65918",800:"#DB5314",900:"#D14B0F"},C={DEFAULT:"#E52929",10:"#FFF5F5",50:"#FFE8E8",100:"#FFC9C9",200:"#ED9191",300:"#ED6666",400:"#EB3F3F",500:"#E52929",600:"#DB2121",700:"#D11519",800:"#C70006",900:"#BF0006"},t={DEFAULT:"#2E6BAA",10:"#F5F9FF",50:"#E3EDFA",100:"#CCDBED",200:"#A6BFDE",300:"#7DA3CC",400:"#5487BA",500:"#2E6BAA",600:"#26619E",700:"#1F578C",800:"#1A4D80",900:"#144570"},r={DEFAULT:"#383D47",10:"#F7FAFC",50:"#E6EBF0",100:"#CCD1D6",200:"#A1A6AD",300:"#787D85",400:"#4D525C",500:"#383D47",600:"#242933",700:"#1C2029",800:"#14171F",900:"#0D0F14"},n={DEFAULT:"#757575",10:"#FAFAFA",50:"#F5F5F5",100:"#EEEEEE",200:"#E0E0E0",300:"#BDBDBD",400:"#9E9E9E",500:"#757575",600:"#616161",700:"#424242",800:"#313131",900:"#212121"},o={DEFAULT:"#6B16EE",10:"#FAF6FF",50:"#F2E8FC",100:"#D6C1FA",200:"#BB98F7",300:"#9E6BF5",400:"#8646F2",500:"#6B16EE",600:"#5A00DB",700:"#400EC0",800:"#3200AC",900:"#110394"},c=E({},D),u=E({},t),b=E({},o);export{r as w_bluegray,D as w_cyan,n as w_gray,A as w_green,t as w_indigo,e as w_orange,c as w_primary,C as w_red,u as w_secondary,o as w_violet,B as w_yellow,b as y_primary};
+function F(F,E,D){return E in F?Object.defineProperty(F,E,{value:D,enumerable:!0,configurable:!0,writable:!0}):F[E]=D,F}function E(E){for(var D=1;D<arguments.length;D++){var A=null!=arguments[D]?arguments[D]:{},B=Object.keys(A);"function"==typeof Object.getOwnPropertySymbols&&(B=B.concat(Object.getOwnPropertySymbols(A).filter((function(F){return Object.getOwnPropertyDescriptor(A,F).enumerable})))),B.forEach((function(D){F(E,D,A[D])}))}return E}const D={DEFAULT:"#3BA3C7",10:"#F2FCFF",50:"#E8FAFF",100:"#BFEDFA",200:"#ABE3F2",300:"#80C7DE",400:"#5DB6D4",500:"#3BA3C7",600:"#369CC2",700:"#3391BA",800:"#308AB3",900:"#2E82AB"},A={DEFAULT:"#00A878",10:"#F5FFFC",50:"#EBFFF9",100:"#C4EDE1",200:"#93DBC6",300:"#63C9AB",400:"#30B891",500:"#00A878",600:"#009C6F",700:"#009168",800:"#008761",900:"#007D59"},B={DEFAULT:"#FFC61C",10:"#FFFDF5",50:"#FFF9E0",100:"#FFEEB8",200:"#FFE491",300:"#FFDA6A",400:"#FFD043",500:"#FFC61C",600:"#FFB012",700:"#F79E0F",800:"#F79205",900:"#F28A05"},e={DEFAULT:"#FF6B21",10:"#FFF9F5",50:"#FFF0E8",100:"#FFD6BF",200:"#FFBB99",300:"#FFA070",400:"#FF8547",500:"#FF6B21",600:"#F4611D",700:"#E65918",800:"#DB5314",900:"#D14B0F"},C={DEFAULT:"#E52929",10:"#FFF5F5",50:"#FFE8E8",100:"#FFC9C9",200:"#ED9191",300:"#ED6666",400:"#EB3F3F",500:"#E52929",600:"#DB2121",700:"#D11519",800:"#C70006",900:"#BF0006"},t={DEFAULT:"#2E6BAA",10:"#F5F9FF",50:"#E3EDFA",100:"#CCDBED",200:"#A6BFDE",300:"#7DA3CC",400:"#5487BA",500:"#2E6BAA",600:"#26619E",700:"#1F578C",800:"#1A4D80",900:"#144570"},r={DEFAULT:"#383D47",10:"#F7FAFC",50:"#E6EBF0",100:"#CCD1D6",200:"#A1A6AD",300:"#787D85",400:"#4D525C",500:"#383D47",600:"#242933",700:"#1C2029",800:"#14171F",900:"#0D0F14"},n={DEFAULT:"#757575",10:"#F7F7F7",50:"#F5F5F5",100:"#EEEEEE",200:"#E0E0E0",300:"#BDBDBD",400:"#9E9E9E",500:"#757575",600:"#616161",700:"#424242",800:"#313131",900:"#212121"},o={DEFAULT:"#6B16EE",10:"#FAF6FF",50:"#F2E8FC",100:"#D6C1FA",200:"#BB98F7",300:"#9E6BF5",400:"#8646F2",500:"#6B16EE",600:"#5A00DB",700:"#400EC0",800:"#3200AC",900:"#110394"},c=E({},D),u=E({},t),b=E({},o);export{r as w_bluegray,D as w_cyan,n as w_gray,A as w_green,t as w_indigo,e as w_orange,c as w_primary,C as w_red,u as w_secondary,o as w_violet,B as w_yellow,b as y_primary};

package/dist/index.js

@@ -1 +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{Accordion}from"./Components/DataDisplays/Accordion/Accordion.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{LabelInput}from"./Components/Inputs/Input/LabelInput.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{TextLink}from"./Components/Navigations/TextLink/TextLink.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";
+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{Accordion}from"./Components/DataDisplays/Accordion/Accordion.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{Tooltip}from"./Components/Feedbacks/Tooltip/Tooltip.js";export{RichTooltip}from"./Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js";export{PlainTooltip}from"./Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.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{RadioListItem}from"./Components/Inputs/RadioListItem/RadioListItem.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{LabelInput}from"./Components/Inputs/Input/LabelInput.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{FileUploader}from"./Components/Inputs/FileUploader/FileUploader.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{TextLink}from"./Components/Navigations/TextLink/TextLink.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{WithSnackBar}from"./Components/Wrappers/WithSnackBar/WithSnackBar.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "1.17.3",
+  "version": "1.17.4",
   "type": "module",
   "description": "Wishket Design System",
   "main": "dist/index.js",
@@ -28,7 +28,8 @@
       "require": "./dist/config/tailwind.config.js",
       "import": "./dist/config/tailwind.config.js",
       "default": "./dist/config/tailwind.config.js"
-    }
+    },
+    "./config.css": "./dist/config/config.css"
   },
   "scripts": {
     "dev": "next dev --turbopack",
@@ -39,10 +40,11 @@
     "test": "jest --ci --runInBand --coverage --watchAll=false --passWithNoTests --testMatch=\"**/*.spec.@(ts|tsx)\"",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
+    "prettier:check": "prettier --cache --check .",
+    "prettier:write": "prettier --cache --write .",
     "chromatic": "chromatic --exit-zero-on-changes"
   },
   "dependencies": {
-    "@savvywombat/tailwindcss-grid-areas": "^4.0.0",
     "@wishket/yogokit": "^0.2.2",
     "next": "15.5.6",
     "react": "19.2.0",
@@ -67,6 +69,7 @@
     "@storybook/mdx2-csf": "^1.1.0",
     "@storybook/nextjs": "^9.0.9",
     "@swc/core": "^1.5.5",
+    "@tailwindcss/postcss": "^4.1.17",
     "@testing-library/dom": "^9.3.4",
     "@testing-library/jest-dom": "^6.2.0",
     "@testing-library/react": "^14.1.2",
@@ -76,26 +79,39 @@
     "@types/node": "^24.10.0",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
-    "@wishket/eslint-config-wishket": "^1.1.0",
+    "@typescript-eslint/eslint-plugin": "^8.46.4",
+    "@typescript-eslint/parser": "^8.46.4",
+    "@wishket/eslint-config-wishket": "^2.1.0",
     "autoprefixer": "^10.4.18",
     "babel-jest": "^29.7.0",
     "chromatic": "^11.7.0",
     "dotenv": "^16.3.1",
     "eslint": "^8",
     "eslint-config-next": "15.5.6",
+    "eslint-plugin-file-export-name": "^0.0.2",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jest": "^29.1.0",
+    "eslint-plugin-jest-dom": "^5.5.0",
+    "eslint-plugin-jest-formatting": "^3.1.0",
+    "eslint-plugin-naming-convention": "^0.1.3",
+    "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-storybook": "^0.6.15",
+    "eslint-plugin-testing-library": "^7.13.3",
+    "eslint-plugin-unused-imports": "^4.3.0",
     "jest": "^29.7.0",
     "jest-dom": "^4.0.0",
     "jest-environment-jsdom": "^29.7.0",
+    "madge": "^8.0.0",
     "postcss": "^8.5.5",
     "postcss-loader": "^8.1.1",
+    "prettier": "^3.6.2",
     "prettier-plugin-tailwindcss": "^0.5.11",
     "rollup": "^4.9.4",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-swc3": "^0.12.1",
     "rollup-preserve-directives": "^1.1.3",
     "storybook": "^9.0.9",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "^4.1.17",
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.2",
     "typescript": "^5"

package/dist/Components/Feedbacks/PlainTooltip/PlainTooltip.d.ts

@@ -1,44 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-export interface PlainTooltipProps extends ComponentProps<'div'> {
-    variant?: 'up' | 'down' | 'left' | 'right';
-    text?: string;
-    children?: ReactNode;
-    disabled?: boolean;
-    tooltipClassName?: string;
-}
-/**
- * 마우스 호버 시 툴팁을 표시하는 컴포넌트입니다.
- *
- * @component
- * @param {Object} props
- * @param {'up' | 'down' | 'left' | 'right'} [props.variant='up'] - 툴팁이 표시될 방향
- * @param {string} [props.text] - 툴팁에 표시될 텍스트
- * @param {ReactNode} [props.children] - 툴팁을 표시할 대상 요소
- * @param {string} [props.className] - 최상위 컨테이너에 적용할 추가 클래스
- * @param {boolean} [props.disabled=false] - 툴팁 비활성화 여부
- * @param {string} [props.tooltipClassName] - 툴팁 컨테이너에 적용할 추가 클래스
- *
- * @example
- * // 기본 사용법
- * <PlainTooltip text="도움말 내용">
- *   <button>마우스를 올려보세요</button>
- * </PlainTooltip>
- *
- * // 방향 지정
- * <PlainTooltip
- *   variant="right"
- *   text="오른쪽에 표시되는 툴팁"
- * >
- *   <span>도움말</span>
- * </PlainTooltip>
- *
- * // 비활성화
- * <PlainTooltip
- *   text="이 툴팁은 표시되지 않습니다"
- *   disabled={true}
- * >
- *   <div>비활성화된 툴팁</div>
- * </PlainTooltip>
- */
-declare const PlainTooltip: ({ variant, text, children, className, disabled, tooltipClassName, }: PlainTooltipProps) => import("react/jsx-runtime").JSX.Element;
-export { PlainTooltip };

package/dist/Components/Feedbacks/PlainTooltip/PlainTooltip.js

@@ -1,37 +0,0 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{twMerge as a}from"tailwind-merge";import{Typography as o}from"../../Base/Typography/Typography.js";import{Box as l}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{Arrow as r}from"./PlainTooltip.parts.js";
-/**
- * 마우스 호버 시 툴팁을 표시하는 컴포넌트입니다.
- *
- * @component
- * @param {Object} props
- * @param {'up' | 'down' | 'left' | 'right'} [props.variant='up'] - 툴팁이 표시될 방향
- * @param {string} [props.text] - 툴팁에 표시될 텍스트
- * @param {ReactNode} [props.children] - 툴팁을 표시할 대상 요소
- * @param {string} [props.className] - 최상위 컨테이너에 적용할 추가 클래스
- * @param {boolean} [props.disabled=false] - 툴팁 비활성화 여부
- * @param {string} [props.tooltipClassName] - 툴팁 컨테이너에 적용할 추가 클래스
- *
- * @example
- * // 기본 사용법
- * <PlainTooltip text="도움말 내용">
- *   <button>마우스를 올려보세요</button>
- * </PlainTooltip>
- *
- * // 방향 지정
- * <PlainTooltip
- *   variant="right"
- *   text="오른쪽에 표시되는 툴팁"
- * >
- *   <span>도움말</span>
- * </PlainTooltip>
- *
- * // 비활성화
- * <PlainTooltip
- *   text="이 툴팁은 표시되지 않습니다"
- *   disabled={true}
- * >
- *   <div>비활성화된 툴팁</div>
- * </PlainTooltip>
- */const s=({variant:s="up",text:i,children:n,className:p,disabled:m=!1,tooltipClassName:d})=>/*#__PURE__*/t(l,{"data-testid":"design-system-plain-toolTip",className:a("inline-block",p),children:/*#__PURE__*/e(l,{"data-testid":"design-system-plain-toolTip--child",className:"group relative",children:[n,!m&&/*#__PURE__*/e(l,{className:a("pointer-events-none absolute z-10 w-max select-none opacity-0 transition-all duration-500 ease-in-out","group-hover:pointer-events-auto group-hover:opacity-100","up"===s&&"bottom-full left-1/2 -translate-x-1/2 group-hover:-translate-y-3","down"===s&&"left-1/2 top-full -translate-x-1/2 group-hover:translate-y-3","left"===s&&"right-full top-1/2 -translate-y-1/2 group-hover:-translate-x-3","right"===s&&"left-full top-1/2 -translate-y-1/2 group-hover:translate-x-3",d),"data-testid":"design-system-plain-toolTip--container",children:[
-/*#__PURE__*/t(r,{testId:"design-system-plain-toolTip--arrow",className:a("absolute z-10","up"===s&&"-bottom-[7px] left-1/2 -translate-x-1/2 -rotate-90","down"===s&&"-top-[7px] left-1/2 -translate-x-1/2 rotate-90","left"===s&&"-right-[5px] top-1/2 -translate-y-1/2 rotate-180","right"===s&&"-left-[5px] top-1/2 -translate-y-1/2 rotate-0")}),
-/*#__PURE__*/t(l,{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:/*#__PURE__*/t(o,{variant:"body3",className:"whitespace-pre text-wrap break-all font-medium text-w-white opacity-100",children:i})})]})]})});export{s as PlainTooltip};

package/dist/Components/Feedbacks/PlainTooltip/PlainTooltip.parts.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";const t=({testId:t,className:l})=>/*#__PURE__*/e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"5",height:"10",viewBox:"0 0 5 10",fill:"none","data-testid":t,className:l,children:/*#__PURE__*/e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.96244e-08 5L5 -1.10263e-07L5 10L5.96244e-08 5Z",fill:"black"})});export{t as Arrow};

package/dist/Components/Feedbacks/PlainTooltip/index.d.ts

@@ -1,2 +0,0 @@
-export { PlainTooltip } from './PlainTooltip';
-export type { PlainTooltipProps } from './PlainTooltip';