@wishket/design-system 1.2.2 → 1.4.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.
Files changed (102) hide show
  1. package/dist/Components/DataDisplays/ProcessIndicator/ProcessIndicator.d.ts +14 -0
  2. package/dist/Components/DataDisplays/ProcessIndicator/ProcessIndicator.js +1 -0
  3. package/dist/Components/DataDisplays/ProcessIndicator/index.d.ts +2 -0
  4. package/dist/Components/DataDisplays/ProcessIndicator/index.js +1 -0
  5. package/dist/Components/DataDisplays/index.d.ts +1 -0
  6. package/dist/Components/Feedbacks/DialogBox/DialogBox.js +1 -1
  7. package/dist/Components/Feedbacks/MessageBar/MessageBar.js +1 -1
  8. package/dist/Components/Feedbacks/SnackBar/SnackBar.js +1 -1
  9. package/dist/Components/Inputs/CommentArea/CommentArea.d.ts +20 -0
  10. package/dist/Components/Inputs/CommentArea/CommentArea.js +2 -0
  11. package/dist/Components/Inputs/CommentArea/index.d.ts +2 -0
  12. package/dist/Components/Inputs/CommentArea/index.js +1 -0
  13. package/dist/Components/Inputs/FilterList/FilterList.d.ts +19 -0
  14. package/dist/Components/Inputs/FilterList/index.d.ts +2 -0
  15. package/dist/Components/Inputs/IconButton/IconButton.js +1 -1
  16. package/dist/Components/Inputs/IconButtonDropdown/IconButtonDropdown.d.ts +16 -0
  17. package/dist/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +2 -0
  18. package/dist/Components/Inputs/IconButtonDropdown/index.d.ts +2 -0
  19. package/dist/Components/Inputs/IconButtonDropdown/index.js +1 -0
  20. package/dist/Components/Inputs/RadioCard/RadioCard.parts.js +1 -1
  21. package/dist/Components/Inputs/RadioList/RadioListItem.js +1 -1
  22. package/dist/Components/Inputs/index.d.ts +2 -0
  23. package/dist/Components/Navigations/BoxTab/BoxTab.d.ts +8 -0
  24. package/dist/Components/Navigations/BoxTab/BoxTab.js +2 -0
  25. package/dist/Components/Navigations/BoxTab/BoxTab.parts.d.ts +7 -0
  26. package/dist/Components/Navigations/BoxTab/BoxTab.parts.js +2 -0
  27. package/dist/Components/Navigations/BoxTab/BoxTab.types.d.ts +20 -0
  28. package/dist/Components/Navigations/BoxTab/index.d.ts +2 -0
  29. package/dist/Components/Navigations/BoxTab/index.js +1 -0
  30. package/dist/Components/Navigations/Menu/Menu.d.ts +16 -0
  31. package/dist/Components/Navigations/Menu/Menu.js +1 -0
  32. package/dist/Components/Navigations/Menu/index.d.ts +2 -0
  33. package/dist/Components/Navigations/Menu/index.js +1 -0
  34. package/dist/Components/Navigations/index.d.ts +2 -0
  35. package/dist/Components/Wrappers/WithRichTooltip/WithRichTooltip.js +1 -1
  36. package/dist/Components/Wrappers/WithSnackBar/WithSnackBar.js +1 -1
  37. package/dist/colors.js +1 -1
  38. package/dist/config/tailwind.config.js +15 -117
  39. package/dist/constants/colors/colors.d.ts +169 -0
  40. package/dist/constants/colors/colors.js +1 -0
  41. package/dist/constants/colors/index.d.ts +1 -3
  42. package/dist/index.js +1 -1
  43. package/package.json +1 -1
  44. package/dist/Components/DataDisplays/Avatar/Avatar.stories.d.ts +0 -11
  45. package/dist/Components/DataDisplays/CountBadge/CountBadge.stories.d.ts +0 -6
  46. package/dist/Components/DataDisplays/Divider/Divider.stories.d.ts +0 -9
  47. package/dist/Components/DataDisplays/ImageLabel/ImageLabel.stories.d.ts +0 -7
  48. package/dist/Components/DataDisplays/Label/Label.stories.d.ts +0 -28
  49. package/dist/Components/DataDisplays/NewBadge/NewBadge.stories.d.ts +0 -7
  50. package/dist/Components/DataDisplays/ProductIcon/ProductIcon.stories.d.ts +0 -9
  51. package/dist/Components/DataDisplays/SkillLabel/SkillLabel.stories.d.ts +0 -6
  52. package/dist/Components/DataDisplays/SystemIcon/SystemIcon.stories.d.ts +0 -11
  53. package/dist/Components/Feedbacks/Dialog/Dialog.stories.d.ts +0 -7
  54. package/dist/Components/Feedbacks/DialogBox/DialogBox.stories.d.ts +0 -7
  55. package/dist/Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.stories.d.ts +0 -6
  56. package/dist/Components/Feedbacks/LoadingIndicator/LoadingIndicator.stories.d.ts +0 -7
  57. package/dist/Components/Feedbacks/MessageBar/MessageBar.stories.d.ts +0 -6
  58. package/dist/Components/Feedbacks/MessageBox/MessageBox.stories.d.ts +0 -7
  59. package/dist/Components/Feedbacks/PlainTooltip/PlainTooltip.stories.d.ts +0 -24
  60. package/dist/Components/Feedbacks/RichTooltip/RichTooltip.stories.d.ts +0 -6
  61. package/dist/Components/Feedbacks/SnackBar/SnackBar.stories.d.ts +0 -23
  62. package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.stories.d.ts +0 -28
  63. package/dist/Components/Inputs/Autocomplete/Autocomplete.stories.d.ts +0 -7
  64. package/dist/Components/Inputs/Button/Button.stories.d.ts +0 -7
  65. package/dist/Components/Inputs/Calendar/Calendar.stories.d.ts +0 -6
  66. package/dist/Components/Inputs/Checkbox/Checkbox.stories.d.ts +0 -7
  67. package/dist/Components/Inputs/CheckboxCard/CheckboxCard.stories.d.ts +0 -8
  68. package/dist/Components/Inputs/CheckboxList/CheckboxList.stories.d.ts +0 -7
  69. package/dist/Components/Inputs/ChoiceChip/ChoiceChip.stories.d.ts +0 -9
  70. package/dist/Components/Inputs/IconButton/IconButton.stories.d.ts +0 -7
  71. package/dist/Components/Inputs/InputChip/InputChip.stories.d.ts +0 -17
  72. package/dist/Components/Inputs/List/List.stories.d.ts +0 -8
  73. package/dist/Components/Inputs/Radio/Radio.stories.d.ts +0 -8
  74. package/dist/Components/Inputs/RadioCard/RadioCard.stories.d.ts +0 -8
  75. package/dist/Components/Inputs/RadioList/RadioList.stories.d.ts +0 -9
  76. package/dist/Components/Inputs/RangeSlider/RangeSlider.stories.d.ts +0 -7
  77. package/dist/Components/Inputs/SearchField/SearchField.stories.d.ts +0 -7
  78. package/dist/Components/Inputs/SegmentedControl/Segmented.stories.d.ts +0 -6
  79. package/dist/Components/Inputs/Switch/Switch.stories.d.ts +0 -10
  80. package/dist/Components/Inputs/TextButton/TextButton.stories.d.ts +0 -7
  81. package/dist/Components/Inputs/TextButtonsDropdown/TextButtonsDropdown.stories.d.ts +0 -7
  82. package/dist/Components/Inputs/TextField/TextField.stories.d.ts +0 -8
  83. package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.stories.d.ts +0 -9
  84. package/dist/Components/Inputs/Textarea/Textarea.stories.d.ts +0 -6
  85. package/dist/Components/Navigations/Drawer/Drawer.stories.d.ts +0 -8
  86. package/dist/Components/Navigations/GNBList/GNBList.stories.d.ts +0 -25
  87. package/dist/Components/Navigations/Pagination/Pagination.stories.d.ts +0 -7
  88. package/dist/Components/Navigations/TableOfContents/TableOfContents.stories.d.ts +0 -6
  89. package/dist/Components/Navigations/TextTab/TextTab.stories.d.ts +0 -9
  90. package/dist/Components/Utils/BottomModalContainer/BottomModalContainer.stories.d.ts +0 -7
  91. package/dist/Components/Utils/FullModalContainer/FullModalContainer.stories.d.ts +0 -7
  92. package/dist/Components/Utils/Modal/Modal.stories.d.ts +0 -8
  93. package/dist/Components/Utils/ModalContainer/ModalContainer.stories.d.ts +0 -6
  94. package/dist/Components/Wrappers/WithBadge/WithBadge.stories.d.ts +0 -6
  95. package/dist/Components/Wrappers/WithRichTooltip/WithRichTooltip.stories.d.ts +0 -6
  96. package/dist/Components/Wrappers/WithSnackBar/WithSnackBar.stories.d.ts +0 -26
  97. package/dist/constants/colors/w_primary.d.ts +0 -15
  98. package/dist/constants/colors/w_primary.js +0 -1
  99. package/dist/constants/colors/w_secondary.d.ts +0 -15
  100. package/dist/constants/colors/w_secondary.js +0 -1
  101. package/dist/constants/colors/y_primary.d.ts +0 -15
  102. package/dist/constants/colors/y_primary.js +0 -1
@@ -0,0 +1,169 @@
1
+ declare const w_cyan: {
2
+ DEFAULT: string;
3
+ 10: string;
4
+ 50: string;
5
+ 100: string;
6
+ 200: string;
7
+ 300: string;
8
+ 400: string;
9
+ 500: string;
10
+ 600: string;
11
+ 700: string;
12
+ 800: string;
13
+ 900: string;
14
+ };
15
+ declare const w_green: {
16
+ DEFAULT: string;
17
+ 10: string;
18
+ 50: string;
19
+ 100: string;
20
+ 200: string;
21
+ 300: string;
22
+ 400: string;
23
+ 500: string;
24
+ 600: string;
25
+ 700: string;
26
+ 800: string;
27
+ 900: string;
28
+ };
29
+ declare const w_yellow: {
30
+ DEFAULT: string;
31
+ 10: string;
32
+ 50: string;
33
+ 100: string;
34
+ 200: string;
35
+ 300: string;
36
+ 400: string;
37
+ 500: string;
38
+ 600: string;
39
+ 700: string;
40
+ 800: string;
41
+ 900: string;
42
+ };
43
+ declare const w_orange: {
44
+ DEFAULT: string;
45
+ 10: string;
46
+ 50: string;
47
+ 100: string;
48
+ 200: string;
49
+ 300: string;
50
+ 400: string;
51
+ 500: string;
52
+ 600: string;
53
+ 700: string;
54
+ 800: string;
55
+ 900: string;
56
+ };
57
+ declare const w_red: {
58
+ DEFAULT: string;
59
+ 10: string;
60
+ 50: string;
61
+ 100: string;
62
+ 200: string;
63
+ 300: string;
64
+ 400: string;
65
+ 500: string;
66
+ 600: string;
67
+ 700: string;
68
+ 800: string;
69
+ 900: string;
70
+ };
71
+ declare const w_indigo: {
72
+ DEFAULT: string;
73
+ 10: string;
74
+ 50: string;
75
+ 100: string;
76
+ 200: string;
77
+ 300: string;
78
+ 400: string;
79
+ 500: string;
80
+ 600: string;
81
+ 700: string;
82
+ 800: string;
83
+ 900: string;
84
+ };
85
+ declare const w_bluegray: {
86
+ DEFAULT: string;
87
+ 10: string;
88
+ 50: string;
89
+ 100: string;
90
+ 200: string;
91
+ 300: string;
92
+ 400: string;
93
+ 500: string;
94
+ 600: string;
95
+ 700: string;
96
+ 800: string;
97
+ 900: string;
98
+ };
99
+ declare const w_gray: {
100
+ DEFAULT: string;
101
+ 10: string;
102
+ 50: string;
103
+ 100: string;
104
+ 200: string;
105
+ 300: string;
106
+ 400: string;
107
+ 500: string;
108
+ 600: string;
109
+ 700: string;
110
+ 800: string;
111
+ 900: string;
112
+ };
113
+ declare const w_violet: {
114
+ DEFAULT: string;
115
+ 10: string;
116
+ 50: string;
117
+ 100: string;
118
+ 200: string;
119
+ 300: string;
120
+ 400: string;
121
+ 500: string;
122
+ 600: string;
123
+ 700: string;
124
+ 800: string;
125
+ 900: string;
126
+ };
127
+ declare const w_primary: {
128
+ DEFAULT: string;
129
+ 10: string;
130
+ 50: string;
131
+ 100: string;
132
+ 200: string;
133
+ 300: string;
134
+ 400: string;
135
+ 500: string;
136
+ 600: string;
137
+ 700: string;
138
+ 800: string;
139
+ 900: string;
140
+ };
141
+ declare const w_secondary: {
142
+ DEFAULT: string;
143
+ 10: string;
144
+ 50: string;
145
+ 100: string;
146
+ 200: string;
147
+ 300: string;
148
+ 400: string;
149
+ 500: string;
150
+ 600: string;
151
+ 700: string;
152
+ 800: string;
153
+ 900: string;
154
+ };
155
+ declare const y_primary: {
156
+ DEFAULT: string;
157
+ 10: string;
158
+ 50: string;
159
+ 100: string;
160
+ 200: string;
161
+ 300: string;
162
+ 400: string;
163
+ 500: string;
164
+ 600: string;
165
+ 700: string;
166
+ 800: string;
167
+ 900: string;
168
+ };
169
+ export { w_cyan, w_green, w_yellow, w_orange, w_red, w_indigo, w_bluegray, w_gray, w_violet, w_primary, w_secondary, y_primary, };
@@ -0,0 +1 @@
1
+ "use strict";var F=require("../../_virtual/_tslib.js"),E={DEFAULT:"#3BA3C7",10:"#F2FCFF",50:"#E8FAFF",100:"#BFEDFA",200:"#ABE3F2",300:"#80C7DE",400:"#5DB6D4",500:"#3BA3C7",600:"#369CC2",700:"#3391BA",800:"#308AB3",900:"#2E82AB"},D={DEFAULT:"#2E6BAA",10:"#F5F9FF",50:"#E3EDFA",100:"#CCDBED",200:"#A6BFDE",300:"#7DA3CC",400:"#5487BA",500:"#2E6BAA",600:"#26619E",700:"#1F578C",800:"#1A4D80",900:"#144570"},A={DEFAULT:"#6B16EE",10:"#FAF6FF",50:"#F2E8FC",100:"#D6C1FA",200:"#BB98F7",300:"#9E6BF5",400:"#8646F2",500:"#6B16EE",600:"#5A00DB",700:"#400EC0",800:"#3200AC",900:"#110394"},B=F.__assign({},E),C=F.__assign({},D),r=F.__assign({},A);exports.w_bluegray={DEFAULT:"#383D47",10:"#F7FAFC",50:"#E6EBF0",100:"#CCD1D6",200:"#A1A6AD",300:"#787D85",400:"#4D525C",500:"#383D47",600:"#242933",700:"#1C2029",800:"#14171F",900:"#0D0F14"},exports.w_cyan=E,exports.w_gray={DEFAULT:"#757575",10:"#FAFAFA",50:"#F5F5F5",100:"#EEEEEE",200:"#E0E0E0",300:"#BDBDBD",400:"#9E9E9E",500:"#757575",600:"#616161",700:"#424242",800:"#313131",900:"#212121"},exports.w_green={DEFAULT:"#00A878",10:"#F5FFFC",50:"#EBFFF9",100:"#C4EDE1",200:"#93DBC6",300:"#63C9AB",400:"#30B891",500:"#00A878",600:"#009C6F",700:"#009168",800:"#008761",900:"#007D59"},exports.w_indigo=D,exports.w_orange={DEFAULT:"#FF6B21",10:"#FFF9F5",50:"#FFF0E8",100:"#FFD6BF",200:"#FFBB99",300:"#FFA070",400:"#FF8547",500:"#FF6B21",600:"#F4611D",700:"#E65918",800:"#DB5314",900:"#D14B0F"},exports.w_primary=B,exports.w_red={DEFAULT:"#E52929",10:"#FFF5F5",50:"#FFE8E8",100:"#FFC9C9",200:"#ED9191",300:"#ED6666",400:"#EB3F3F",500:"#E52929",600:"#DB2121",700:"#D11519",800:"#C70006",900:"#BF0006"},exports.w_secondary=C,exports.w_violet=A,exports.w_yellow={DEFAULT:"#FFC61C",10:"#FFFDF5",50:"#FFF9E0",100:"#FFEEB8",200:"#FFE491",300:"#FFDA6A",400:"#FFD043",500:"#FFC61C",600:"#FFB012",700:"#F79E0F",800:"#F79205",900:"#F28A05"},exports.y_primary=r;
@@ -1,3 +1 @@
1
- export { default as w_primary } from './w_primary';
2
- export { default as y_primary } from './y_primary';
3
- export { default as w_secondary } from './w_secondary';
1
+ export { w_cyan, w_green, w_yellow, w_orange, w_red, w_indigo, w_bluegray, w_gray, w_violet, w_primary, w_secondary, y_primary, } from './colors';
package/dist/index.js CHANGED
@@ -1 +1 @@
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"),a=require("./Components/DataDisplays/ServiceLogo/ServiceLogo.js"),i=require("./Components/DataDisplays/SkillLabel/SkillLabel.js"),p=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),u=require("./Components/DataDisplays/Divider/Divider.js"),C=require("./Components/Feedbacks/Dialog/Dialog.js"),x=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),l=require("./Components/Feedbacks/MessageBox/MessageBox.js"),d=require("./Components/Feedbacks/PlainTooltip/PlainTooltip.js"),m=require("./Components/Feedbacks/RichTooltip/RichTooltip.js"),c=require("./Components/Feedbacks/SnackBar/SnackBar.js"),j=require("./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),q=require("./Components/Feedbacks/MessageBar/MessageBar.js"),B=require("./Components/Inputs/Autocomplete/Autocomplete.js"),I=require("./Components/Inputs/Button/Button.js"),g=require("./Components/Inputs/Calendar/Calendar.js"),h=require("./Components/Inputs/Checkbox/Checkbox.js"),L=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),b=require("./Components/Inputs/CheckboxList/CheckboxList.js"),D=require("./Components/Inputs/CheckboxListItem/CheckboxListItem.js"),T=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),k=require("./Components/Inputs/IconButton/IconButton.js"),S=require("./Components/Inputs/InputChip/InputChip.js"),y=require("./Components/Inputs/RangeSlider/RangeSlider.js"),R=require("./Components/Inputs/Radio/Radio.js"),F=require("./Components/Inputs/RadioCard/RadioCard.js"),v=require("./Components/Inputs/RadioList/RadioList.js"),w=require("./Components/Inputs/RadioGroup/RadioGroup.js"),G=require("./Components/Inputs/SearchField/SearchField.js"),P=require("./Components/Inputs/SegmentedControl/SegmentedControl.js"),W=require("./Components/Inputs/Switch/Switch.js"),N=require("./Components/Inputs/Textarea/Textarea.js"),M=require("./Components/Inputs/TextButton/TextButton.js"),A=require("./Components/Inputs/TextField/TextField.js"),f=require("./Components/Inputs/List/List.js"),O=require("./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js"),U=require("./Components/Inputs/TextButtonsDropdown/TextButtonsDropdown.js"),z=require("./Components/Base/Typography/Typography.js"),E=require("./Components/Base/Layouts/Box/Box.js"),H=require("./Components/Base/Layouts/GridLayout/GridLayout.js"),J=require("./Components/Base/Layouts/Column/Column.js"),K=require("./Components/Base/Layouts/FullBleed/FullBleed.js"),Q=require("./Components/Navigations/Drawer/Drawer.js"),V=require("./Components/Navigations/GNBList/GNBList.js"),X=require("./Components/Navigations/Pagination/Pagination.js"),Y=require("./Components/Navigations/TableOfContents/TableOfContents.js"),Z=require("./Components/Navigations/TextTab/TextTab.js"),$=require("./Components/Utils/BackDrop/BackDrop.js"),_=require("./Components/Utils/Modal/Modal.js"),ee=require("./Components/Utils/Portal/Portal.js"),oe=require("./Components/Wrappers/WithBadge/WithBadge.js"),te=require("./Components/Wrappers/WithRichTooltip/WithRichTooltip.js"),se=require("./Components/Wrappers/WithSnackBar/WithSnackBar.js");exports.Avatar=e,exports.CountBadge=o,exports.ImageLabel=t,exports.Label=s,exports.NewBadge=r,exports.ProductIcon=n,exports.ServiceLogo=a,exports.SkillLabel=i,exports.SystemIcon=p,exports.Divider=u,exports.Dialog=C,exports.LoadingIndicator=x,exports.MessageBox=l,exports.PlainTooltip=d,exports.RichTooltip=m,exports.SnackBar=c,exports.GlobalLoadingIndicator=j.default,exports.MessageBar=q,exports.Autocomplete=B,exports.Button=I,exports.Calendar=g,exports.Checkbox=h,exports.CheckboxCard=L,exports.CheckboxList=b,exports.CheckboxListItem=D,exports.ChoiceChip=T,exports.IconButton=k,exports.InputChip=S,exports.RangeSlider=y,exports.Radio=R,exports.RadioCard=F,exports.RadioList=v,exports.RadioGroup=w,exports.SearchField=G,exports.SegmentedControl=P,exports.Switch=W,exports.Textarea=N,exports.TextButton=M,exports.TextField=A,exports.List=f,exports.TextFieldDropdown=O,exports.TextButtonsDropdown=U,exports.Typography=z,exports.Box=E,exports.GridLayout=H,exports.Column=J,exports.FullBleed=K,exports.Drawer=Q,exports.GNBList=V,exports.Pagination=X,exports.TableOfContents=Y,exports.TextTab=Z,exports.BackDrop=$,exports.Modal=_,exports.Portal=ee,exports.WithBadge=oe,exports.WithRichTooltip=te,exports.WithSnackBar=se;
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"),a=require("./Components/DataDisplays/ServiceLogo/ServiceLogo.js"),p=require("./Components/DataDisplays/SkillLabel/SkillLabel.js"),i=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),u=require("./Components/DataDisplays/Divider/Divider.js"),C=require("./Components/DataDisplays/ProcessIndicator/ProcessIndicator.js"),x=require("./Components/Feedbacks/Dialog/Dialog.js"),d=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),l=require("./Components/Feedbacks/MessageBox/MessageBox.js"),m=require("./Components/Feedbacks/PlainTooltip/PlainTooltip.js"),c=require("./Components/Feedbacks/RichTooltip/RichTooltip.js"),j=require("./Components/Feedbacks/SnackBar/SnackBar.js"),q=require("./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),B=require("./Components/Feedbacks/MessageBar/MessageBar.js"),I=require("./Components/Inputs/Autocomplete/Autocomplete.js"),g=require("./Components/Inputs/Button/Button.js"),h=require("./Components/Inputs/Calendar/Calendar.js"),D=require("./Components/Inputs/Checkbox/Checkbox.js"),b=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),L=require("./Components/Inputs/CheckboxList/CheckboxList.js"),T=require("./Components/Inputs/CheckboxListItem/CheckboxListItem.js"),k=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),y=require("./Components/Inputs/IconButton/IconButton.js"),S=require("./Components/Inputs/InputChip/InputChip.js"),R=require("./Components/Inputs/RangeSlider/RangeSlider.js"),F=require("./Components/Inputs/Radio/Radio.js"),w=require("./Components/Inputs/RadioCard/RadioCard.js"),v=require("./Components/Inputs/RadioList/RadioList.js"),P=require("./Components/Inputs/RadioGroup/RadioGroup.js"),N=require("./Components/Inputs/SearchField/SearchField.js"),G=require("./Components/Inputs/SegmentedControl/SegmentedControl.js"),M=require("./Components/Inputs/Switch/Switch.js"),W=require("./Components/Inputs/Textarea/Textarea.js"),A=require("./Components/Inputs/TextButton/TextButton.js"),f=require("./Components/Inputs/TextField/TextField.js"),O=require("./Components/Inputs/List/List.js"),U=require("./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js"),z=require("./Components/Inputs/TextButtonsDropdown/TextButtonsDropdown.js"),E=require("./Components/Inputs/CommentArea/CommentArea.js"),H=require("./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js"),J=require("./Components/Base/Typography/Typography.js"),K=require("./Components/Base/Layouts/Box/Box.js"),Q=require("./Components/Base/Layouts/GridLayout/GridLayout.js"),V=require("./Components/Base/Layouts/Column/Column.js"),X=require("./Components/Base/Layouts/FullBleed/FullBleed.js"),Y=require("./Components/Navigations/Drawer/Drawer.js"),Z=require("./Components/Navigations/GNBList/GNBList.js"),$=require("./Components/Navigations/Pagination/Pagination.js"),_=require("./Components/Navigations/TableOfContents/TableOfContents.js"),ee=require("./Components/Navigations/TextTab/TextTab.js"),oe=require("./Components/Navigations/BoxTab/BoxTab.js"),te=require("./Components/Navigations/Menu/Menu.js"),se=require("./Components/Utils/BackDrop/BackDrop.js"),re=require("./Components/Utils/Modal/Modal.js"),ne=require("./Components/Utils/Portal/Portal.js"),ae=require("./Components/Wrappers/WithBadge/WithBadge.js"),pe=require("./Components/Wrappers/WithRichTooltip/WithRichTooltip.js"),ie=require("./Components/Wrappers/WithSnackBar/WithSnackBar.js");exports.Avatar=e,exports.CountBadge=o,exports.ImageLabel=t,exports.Label=s,exports.NewBadge=r,exports.ProductIcon=n,exports.ServiceLogo=a,exports.SkillLabel=p,exports.SystemIcon=i,exports.Divider=u,exports.ProcessIndicator=C,exports.Dialog=x,exports.LoadingIndicator=d,exports.MessageBox=l,exports.PlainTooltip=m,exports.RichTooltip=c,exports.SnackBar=j,exports.GlobalLoadingIndicator=q.default,exports.MessageBar=B,exports.Autocomplete=I,exports.Button=g,exports.Calendar=h,exports.Checkbox=D,exports.CheckboxCard=b,exports.CheckboxList=L,exports.CheckboxListItem=T,exports.ChoiceChip=k,exports.IconButton=y,exports.InputChip=S,exports.RangeSlider=R,exports.Radio=F,exports.RadioCard=w,exports.RadioList=v,exports.RadioGroup=P,exports.SearchField=N,exports.SegmentedControl=G,exports.Switch=M,exports.Textarea=W,exports.TextButton=A,exports.TextField=f,exports.List=O,exports.TextFieldDropdown=U,exports.TextButtonsDropdown=z,exports.CommentArea=E,exports.IconButtonDropdown=H,exports.Typography=J,exports.Box=K,exports.GridLayout=Q,exports.Column=V,exports.FullBleed=X,exports.Drawer=Y,exports.GNBList=Z,exports.Pagination=$,exports.TableOfContents=_,exports.TextTab=ee,exports.BoxTab=oe,exports.Menu=te,exports.BackDrop=se,exports.Modal=re,exports.Portal=ne,exports.WithBadge=ae,exports.WithRichTooltip=pe,exports.WithSnackBar=ie;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wishket/design-system",
3
- "version": "1.2.2",
3
+ "version": "1.4.0",
4
4
  "description": "Wishket Design System",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import type { StoryObj } from '@storybook/react';
3
- declare const meta: {
4
- title: string;
5
- component: import("react").MemoExoticComponent<({ size, name, imgUrl, isEditable, onClick, }: import("./Avatar").AvatarProps) => import("react/jsx-runtime").JSX.Element>;
6
- };
7
- export default meta;
8
- type Story = StoryObj<typeof meta>;
9
- export declare const Default: Story;
10
- export declare const Monogram: Story;
11
- export declare const Image: Story;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import CountBadge from './CountBadge';
3
- declare const meta: Meta<typeof CountBadge>;
4
- export default meta;
5
- type Story = StoryObj;
6
- export declare const Default: Story;
@@ -1,9 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import Divider from './Divider';
3
- declare const meta: Meta<typeof Divider>;
4
- export default meta;
5
- type Story = StoryObj<typeof Divider>;
6
- export declare const Default: Story;
7
- export declare const Vertical: Story;
8
- export declare const Sub: Story;
9
- export declare const VerticalAndSub: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import ImageLabel from './ImageLabel';
3
- declare const meta: Meta<typeof ImageLabel>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const All: Story;
@@ -1,28 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: ({ children, className, size, type, variant, ref, canHover, ...rest }: import("./Label").LabelRootProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- argTypes: {
7
- type: {
8
- control: string;
9
- options: string[];
10
- };
11
- size: {
12
- control: string;
13
- options: string[];
14
- };
15
- color: {
16
- control: string;
17
- options: string[];
18
- };
19
- canHover: {
20
- control: string;
21
- };
22
- };
23
- };
24
- export default meta;
25
- type Story = StoryObj<typeof meta>;
26
- export declare const Text: Story;
27
- export declare const Filled: Story;
28
- export declare const Outlined: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import NewBadge from './NewBadge';
3
- import { NewBadgeProps } from './NewBadge.types';
4
- declare const meta: Meta<typeof NewBadge>;
5
- export default meta;
6
- type Story = StoryObj<NewBadgeProps>;
7
- export declare const Default: Story;
@@ -1,9 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { ProductIcon } from '../../..';
3
- import { ProductIconProps } from './ProductIcon.types';
4
- declare const meta: Meta<typeof ProductIcon>;
5
- export default meta;
6
- type Story = StoryObj<ProductIconProps>;
7
- export declare const Small: Story;
8
- export declare const Medium: Story;
9
- export declare const Large: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import SkillLabel from './SkillLabel';
3
- declare const meta: Meta<typeof SkillLabel.Root>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,11 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { SystemIconProps } from './SystemIcon.types';
3
- import SystemIcon from '.';
4
- declare const meta: Meta<typeof SystemIcon>;
5
- export default meta;
6
- type Story = StoryObj<SystemIconProps>;
7
- export declare const Default: Story;
8
- export declare const Small: Story;
9
- export declare const Medium: Story;
10
- export declare const Large: Story;
11
- export declare const Social: Story;
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import Dialog, { DialogProps } from './Dialog';
3
- declare const meta: Meta<typeof Dialog>;
4
- export default meta;
5
- type Story = StoryObj<DialogProps>;
6
- export declare const Primary: Story;
7
- export declare const Caution: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import DialogBox from './DialogBox';
3
- declare const meta: Meta<typeof DialogBox>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Primary: Story;
7
- export declare const Caution: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import GlobalLoadingIndicator from './GlobalLoadingIndicator';
3
- declare const meta: Meta<typeof GlobalLoadingIndicator>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { LoadingIndicatorProps } from './LoadingIndicator.types';
3
- import LoadingIndicator from '.';
4
- declare const meta: Meta<typeof LoadingIndicator>;
5
- export default meta;
6
- type Story = StoryObj<LoadingIndicatorProps>;
7
- export declare const Default: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import MessageBar from './MessageBar';
3
- declare const meta: Meta<typeof MessageBar>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import MessageBox from './MessageBox';
3
- declare const meta: Meta<typeof MessageBox>;
4
- export default meta;
5
- type Story = StoryObj<typeof MessageBox>;
6
- export declare const Default: Story;
7
- export declare const WithLinks: Story;
@@ -1,24 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: ({ variant, text, children, className, disabled, tooltipClassName, }: import("./PlainTooltip").TooltipProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- argTypes: {
7
- variant: {
8
- control: string;
9
- options: string[];
10
- };
11
- className: {
12
- control: string;
13
- };
14
- text: {
15
- control: string;
16
- };
17
- };
18
- };
19
- export default meta;
20
- type Story = StoryObj<typeof meta>;
21
- export declare const Up: Story;
22
- export declare const Down: Story;
23
- export declare const Left: Story;
24
- export declare const Right: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import RichTooltip from './RichTooltip';
3
- declare const meta: Meta<typeof RichTooltip>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,23 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- import { SnackBarProps } from './SnackBar.types';
3
- declare const meta: {
4
- title: string;
5
- tags: string[];
6
- component: ({ message, type, onClose }: SnackBarProps) => import("react/jsx-runtime").JSX.Element;
7
- argTypes: {
8
- message: {
9
- control: string;
10
- };
11
- type: {
12
- control: string;
13
- options: string[];
14
- };
15
- onClose: {
16
- control: string;
17
- options: ((() => void) | undefined)[];
18
- };
19
- };
20
- };
21
- export default meta;
22
- type Story = StoryObj<SnackBarProps>;
23
- export declare const Default: Story;
@@ -1,28 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import AutoCompleteList from './AutoCompleteList';
3
- declare const meta: Meta<typeof AutoCompleteList.Root>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- /**
8
- * 왼쪽에 알파벳 바가 있는 AutoCompleteList, 알파벳을 클릭하면 onIndexClick 콜백이 실행된다.
9
- */
10
- export declare const IndexBar: Story;
11
- /**
12
- * `AutoCompleteList.Root`
13
- *
14
- * children에 선언하는 Item, Divider를 감싸는 컨테이너
15
- */
16
- export declare const Root: Story;
17
- /**
18
- * `AutoCompleteList.Item`
19
- *
20
- * AutoCompleteList의 Item
21
- */
22
- export declare const Item: StoryObj<typeof AutoCompleteList.Item>;
23
- /**
24
- * `AutoCompleteList.Divider`
25
- *
26
- * AutoCompleteList.Item들의 경계를 나누는 Divider
27
- */
28
- export declare const Divider: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import Autocomplete from './Autocomplete';
3
- declare const meta: Meta<typeof Autocomplete>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const Error: Story;
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { ButtonProps } from './Button.types';
3
- import Button from '.';
4
- declare const meta: Meta<typeof Button>;
5
- export default meta;
6
- type Story = StoryObj<ButtonProps>;
7
- export declare const Default: Story;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import Calendar, { CalendarProps } from './Calendar';
3
- declare const meta: Meta<typeof Calendar>;
4
- export default meta;
5
- type Story = StoryObj<CalendarProps>;
6
- export declare const Default: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import Checkbox from './Checkbox';
3
- import { CheckboxProps } from './Checkbox.types';
4
- declare const meta: Meta<typeof Checkbox>;
5
- export default meta;
6
- type Story = StoryObj<CheckboxProps>;
7
- export declare const Default: Story;
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import CheckboxCard from './CheckboxCard';
3
- import { CheckboxCardProps } from './CheckboxCard.types';
4
- declare const meta: Meta<typeof CheckboxCard>;
5
- export default meta;
6
- type Story = StoryObj<CheckboxCardProps>;
7
- export declare const Default: Story;
8
- export declare const WithDescription: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { CheckboxListProps } from './CheckboxList.types';
3
- import CheckboxList from '.';
4
- declare const meta: Meta<typeof CheckboxList>;
5
- export default meta;
6
- type Story = StoryObj<CheckboxListProps>;
7
- export declare const Default: Story;
@@ -1,9 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import ChoiceChip, { ChoiceChipProps } from './ChoiceChip';
3
- declare const meta: Meta<typeof ChoiceChip>;
4
- export default meta;
5
- type Story = StoryObj<ChoiceChipProps>;
6
- export declare const Play: Story;
7
- export declare const Default: Story;
8
- export declare const Checked: Story;
9
- export declare const Error: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import IconButton from './IconButton';
3
- declare const meta: Meta<typeof IconButton>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const WithBackgroundColor: Story;
@@ -1,17 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- import { InputChipProps } from './InputChip';
3
- declare const meta: {
4
- title: string;
5
- tags: string[];
6
- component: ({ children, onDelete, className }: InputChipProps) => import("react/jsx-runtime").JSX.Element;
7
- argTypes: {
8
- onDelete: {
9
- control: string;
10
- options: ((() => void) | undefined)[];
11
- };
12
- };
13
- };
14
- export default meta;
15
- type Story = StoryObj<InputChipProps>;
16
- export declare const Default: Story;
17
- export declare const WithLongText: Story;
@@ -1,8 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import List from './List';
3
- declare const meta: Meta<typeof List.Root>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const ManyItems: Story;
8
- export declare const DisableScroll: Story;
@@ -1,8 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import Radio from './Radio';
3
- import { RadioProps } from './Radio.types';
4
- declare const meta: Meta<typeof Radio>;
5
- export default meta;
6
- type Story = StoryObj<RadioProps>;
7
- export declare const Default: Story;
8
- export declare const Multiple: Story;
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import RadioCard from './RadioCard';
3
- import { RadioCardProps } from './RadioCard.types';
4
- declare const meta: Meta<typeof RadioCard>;
5
- export default meta;
6
- type Story = StoryObj<RadioCardProps>;
7
- export declare const Default: Story;
8
- export declare const WithDescription: Story;
@@ -1,9 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { RadioListProps } from './RadioList.types';
3
- import RadioList from './RadioList';
4
- declare const meta: Meta<typeof RadioList>;
5
- export default meta;
6
- type Story = StoryObj<RadioListProps>;
7
- export declare const Default: Story;
8
- export declare const Disabled: Story;
9
- export declare const Error: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import RangeSlider from './RangeSlider';
3
- declare const meta: Meta<typeof RangeSlider>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Single: Story;
7
- export declare const Dual: Story;
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import SearchField from './SearchField';
3
- declare const meta: Meta<typeof SearchField>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const WithFilters: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import SegmentedControl from './SegmentedControl';
3
- declare const meta: Meta<typeof SegmentedControl>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,10 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import Switch from './Switch';
3
- declare const meta: Meta<typeof Switch>;
4
- export default meta;
5
- type Story = StoryObj;
6
- export declare const Default: Story;
7
- export declare const Checked: Story;
8
- export declare const UnChecked: Story;
9
- export declare const DisabledChecked: Story;
10
- export declare const DisabledUnChecked: Story;